/* @override http://troy.stephensuess.com/wp-content/themes/fnl_two/style.css http://fnl.stephensuess.com/wp-content/themes/fnl_2/style.css */ /* Theme Name: fnl_two Description: disney mobile site Author: Stephen Suess Author URI: http://stephensuess.com/ Version: alpha */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{ clear: both; float: left; display: block; height: 50px; }.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{} @charset "UTF-8"; /* * Symbolset * www.symbolset.com * Copyright © 2012 Oak Studios LLC * * Upload this file to your web server * and place this within your tags. * */ @font-face { font-family: "SSStandard"; src: url('ss-standard.eot'); src: url('ss-standard.eot?#iefix') format('embedded-opentype'), url('ss-standard.woff') format('woff'), url('ss-standard.ttf') format('truetype'), url('ss-standard.svg#SSStandard') format('svg'); font-weight: normal; font-style: normal; } a { color: #3399cc; text-decoration: none; } #what i.ss-icon{ background: url(images/what.png) no-repeat 0 1px; width: 45px; height: 48px; display: block; float: left; margin-top: -22px; } li#wysiwyg_widgets_widget-3 h2:before { content: url(images/what.png) no-repeat 0 1px; width: 45px; height: 48px; display: block; float: left; margin-top: -22px; padding-right: 20px; position: relative; } #where i.ss-icon { background: url(images/map.png) no-repeat 0 1px; width: 45px; height: 48px; display: block; float: left; margin-top: -22px; } #when i.ss-icon { background: url(images/calendar.png) no-repeat 0 1px; width: 45px; height: 48px; display: block; float: left; margin-top: -22px; } @font-face { font-family: 'FelbridgeStd'; src: url('fonts/FelbridgeStd.eot'); src: url('fonts/FelbridgeStd.eot?#iefix') format('embedded-opentype'), url('fonts/FelbridgeStd.woff') format('woff'), url('fonts/FelbridgeStd.ttf') format('truetype'), url('fonts/FelbridgeStd.svg#FelbridgeStd') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FelbridgeStd-Italic'; src: url('fonts/FelbridgeStd-Italic.eot'); src: url('fonts/FelbridgeStd-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/FelbridgeStd-Italic.woff') format('woff'), url('fonts/FelbridgeStd-Italic.ttf') format('truetype'), url('fonts/FelbridgeStd-Italic.svg#FelbridgeStd-Italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FelbridgeStd-Bold'; src: url('fonts/FelbridgeStd-Bold.eot'); src: url('fonts/FelbridgeStd-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/FelbridgeStd-Bold.woff') format('woff'), url('fonts/FelbridgeStd-Bold.ttf') format('truetype'), url('fonts/FelbridgeStd-Bold.svg#FelbridgeStd-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FelbridgeStd-Light'; src: url('fonts/FelbridgeStd-Light.eot'); src: url('fonts/FelbridgeStd-Light.eot?#iefix') format('embedded-opentype'), url('fonts/FelbridgeStd-Light.woff') format('woff'), url('fonts/FelbridgeStd-Light.ttf') format('truetype'), url('fonts/FelbridgeStd-Light.svg#FelbridgeStd-Light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'oswaldbold'; src: url('fonts/oswald-bold-webfont.eot'); src: url('fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-bold-webfont.woff') format('woff'), url('fonts/oswald-bold-webfont.ttf') format('truetype'), url('fonts/oswald-bold-webfont.svg#oswaldbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'oswaldregular'; src: url('fonts/oswald-regular-webfont.eot'); src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-regular-webfont.woff') format('woff'), url('fonts/oswald-regular-webfont.ttf') format('truetype'), url('fonts/oswald-regular-webfont.svg#oswaldregular') format('svg'); font-weight: normal; font-style: normal; } .bx-content h3,#maintext, .hentry .entry-content{ margin-top: 20px; text-align: left; text-transform: none; color: white; text-shadow: 1px 1px 2px #010101; font: 15px/21px FelbridgeStd-Light; } #post-9 div.entry-content h3 { font-weight: normal; font-style: normal; } .ngg-galleryoverview { padding-bottom: 20px; } #tablepress-1 td { border: none; } #maintext p { text-shadow: 1px 1px 2px #010101; } .menu ul li.page_item { float: left; display: block; } li.current-menu-item > a { color: white !important; opacity:1.0 !important; } .bx-container{ position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:0; } #home_two { width: 100%; clear: left; float: left; } #text-4 div.textwidget img { margin-right: auto; margin-left: auto; width: 485px; } li#text-4.widget.widget_text { width: 100%; text-align: center; padding-top: 30px; padding-bottom: 10px; } #acurax_si_widget_simple { display: block; width: 150px; clear: left; margin-right: auto; margin-left: auto; padding-top: 10px; } #acurax_si_widget_simple { position: relative; left: 5px; } .infotextbelow p { margin-bottom: 10px !important; } #bx-wrapper div.bx-content h3 em { font-style: italic; } .bx-container img{ position:absolute; top:0px; left:0px; width:100%; z-index: 101; display:none; } .bx-canvas{ position:absolute; top:0px; left:0px; width:100%; } .bx-overlay, .bx-loading { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: transparent url(../images/pattern.png) repeat top left; z-index:10; } .bx-loading{ z-index: 9999; background: #000; } .bx-loading span{ color: #fff; font-size: 13px; position: fixed; font-family: Arial, sans-serif; text-transform: uppercase; letter-spacing: 8px; margin: -12px 0 0 -46px; left: 50%; top: 50%; text-shadow: 0px 0px 1px rgba(255,255,255,0.9), 1px 2px 5px rgba(0,0,0,0.5); } .menu a{ overflow: hidden; margin: 2px 20px 2px 7px; text-decoration: none; text-align: center; text-transform: uppercase; color: #999999; font: 25px oswaldregular; display: block; } #about_one h2.widgettitle,#press_one h2.widgettitle,#contact_one h2.widgettitle,#events_one h2.widgettitle,#gallery_one h2.widgettitle,#past_events h2.widgettitle { font: 16px oswaldregular; color: white; } li#text-9.widget.widget_text { width: 100%; } .menu a:hover{ color: #3399cc; } #text-10 div.textwidget p { color: white; text-align: right; float: right; font: 15px FelbridgeStd; } input#email-text.email { display: block; width: 145px; position: relative; font-size: 14px; } form#signup.signup-form { } #text-10 div.textwidget p:last-of-type { margin-top: 2px; } #mailchimpsf_widget-2 { width: 150px; float: left; } #branding ul.tright { float: right; display: block; width: 150px; position: relative; top: -8px; } #wrapper header nav { width: 960px; margin-right: auto; margin-left: auto; font-size: 20px; } .menu ul li { margin-top: 70px; } #menu-main { width: 520px; float: left; margin-top: 69px; } #menu-main a { z-index: 1000; position: relative; } #menu-main li { float: left; } .menu { position: relative; left: 20px; } #bx-wrapper h1 { position: relative; z-index: 300; color: #fff; text-align: center; text-shadow: 0px 0px 1px rgba(255,255,255,0.9), 1px 2px 5px rgba(0,0,0,0.5); font: 100px oswaldregular, sans-serif; opacity: 1; display: block; margin-right: auto; margin-left: auto; width: 85%; padding-bottom: 0px; text-transform: uppercase; } #copyright { text-align: center; font: 12px FelbridgeStd-Light; color: white; margin-top: 20px; } p { margin-bottom: 20px; } #bx-wrapper div.banner { width: 100%; background: url('images/banner.png') repeat; height: 100%; position: relative; z-index: 1000; padding-top: 10px; padding-bottom: 10px; clear: left; margin-top: 150px; } article#content { width: 100%; position: absolute; top: 150px; } #bx-wrapper h1 span.lights { color: #27a0dd; text-shadow: 5px 2px 10px #292901; } .bx-thumbs a:hover{ opacity: 1.0; box-shadow: 0px 0px 3px rgba(0,0,0,0.6), 0px 0px 0px 0px rgba(0,0,0,0.1) inset; } .bx-thumbs a.bx-thumbs-current{ opacity: 1.0; border-color: #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.6); color: white; } h2.widgettitle{ font-size: 16px; float: left; display: block; margin: 0 0 20px; padding: 0 0 10px; width: 100%; text-transform: uppercase; text-align: left; border-bottom: 1px solid white; } .home h2.widgettitle, #events_one h2.widgettitle { display: none; } #register form select.primary { float: left; clear: left; } #register form table.mealtype { margin-left: 70px; } #register form div.regsection table.mealtype tbody tr td { padding-bottom: 0; margin-bottom: 0; height: 5px; } #register form div.regsection { float: left; } #register form div.regsection button.black { margin-top: 23px; margin-left: 70px; } div#register { margin-right: auto; margin-left: auto; display: block; float: left; } div.textwidget p { font-size: 13px; margin-bottom: 5px; line-height: 18px; } #register form { float: left; border-top: 1px solid white; padding-top: 20px; width: 100%; } #home_one, #about_one, #press_one, #contact_one,#gallery_one, #past_events { padding: 35px 25px 25px; background-color: rgba(0, 0, 0, 0.82); border-radius: 10px; max-width: 730px; display: none; margin-right: auto; margin-left: auto; overflow: auto; } #events_one { padding: 35px 25px 25px; background-color: rgba(0, 0, 0, 0.82); border-radius: 10px; max-width: 730px; display: block; margin-right: auto; margin-left: auto; overflow: auto; } li.widget_wysiwyg_widgets_widget { overflow-y: auto; max-width: 750px; } #closebox a:hover { color: white; } #closebox a, a#closeme { font-family: FelbridgeStd; } #wysiwyg_widgets_widget-6 { } #text-11,#text-12,#text-13,#text-14,#text-15,#text-16,#text-17 { font-weight: bold; float: right; position: relative; margin-top: -10px; } .widget_wysiwyg_widgets_widget p { } #wysiwyg_widgets_widget-6 p { } img.alignleft.size-full.wp-image-126 { float: left; max-width: 155px; } #welcome { max-width: 70%; float: right; font: normal normal 18px/36px FelbridgeStd; text-decoration: none; } .widget_wysiwyg_widgets_widget p { clear: left; } #widget_sp_image-2 img { width: 100% !important; } #widget_sp_image-2 { display: block; margin-bottom: 35px; } body img.attachment-post-thumbnail.wp-post-image { width: 100%; height: auto; position: relative; } #acurax_si_widget_simple a:first-of-type { position: relative; top: 1px; } #bgimgthumb { width: 100% !important; top: 0; z-index: -55; } div.infotextbelow { border-top: 1px solid white; padding-top: 20px; padding-bottom: 25px; padding-left: 0; margin-right: 20px; margin-top: 10px; font: 15px/21px FelbridgeStd-Light; text-transform: capitalize; } .last div.infotextbelow { margin-right: 0px; } div.lowertext { margin-right: auto; margin-left: auto; max-width: 800px; float: left; } .infotext,li#wysiwyg_widgets_widget-3 h2.widgettitle { width: 100%; float: left; text-transform: uppercase; font: 20px/28px oswaldregular; display: block; color: white; } #wysiwyg_widgets_widget-3 { margin-right: 20px; overflow: visible; } div#regtitle { clear: left; text-align: center; font: 20px/28px oswaldregular; text-transform: uppercase; padding-bottom: 10px; } #text-4 h2.widgettitle { font: 20px/28px oswaldregular; text-align: center; opacity: 0.49; } i.ss-icon { font-size: 45px; padding-right: 20px; } #events_one ul { float: left; width: 100%; } em { font-family: FelbridgeStd-Italic; } strong { font-family: FelbridgeStd-Bold; } li#text-3.widget.widget_text, li#wysiwyg_widgets_widget-3 { width: 50%; float: left; } #wysiwyg_widgets_widget-3 p { font-size: 13px; margin-bottom: 10px; } li#text-5.widget.widget_text,li#text-6.widget.widget_text { width: 23%; float: left; } div#where.infotext.last { float: right; } li.widget.widget_text { float: left; } .ngg-widget, .ngg-widget-slideshow { float: left; } #leftcol { height: auto; border: 1px dashed silver; width: 15%; display: table-cell; } #sidebar { padding: 10px; } #news { height: auto; border: 1px dashed silver; width: 15%; display: table-cell; } body { background-color: black; } #wrapper { padding-bottom: 0 !important; margin-bottom: 0 !important; position: absolute; width: 100%; } #site-title { float: left; margin-top: 7px; } ul.foot li.widget_sp_image { } ul.foot li.widget_sp_image:last-of-type { float: left; margin-right: 0px; } ul.foot { margin-right: auto; margin-left: auto; clear: left; display: table; height: 75px; border-bottom: 1px solid #666666; padding-top: 10px; border-top: 1px solid #666666; position: relative; right: 3px; } ul.foot li { opacity: 0.32; display: table-cell; text-align: center; padding-right: 10px; padding-left: 10px; vertical-align: middle; } ul.foot li h3.widget-title { display: none; } #text-8 div.textwidget { text-align: center !important; color: white; font: 15px/21px FelbridgeStd; text-transform: none; text-shadow: 1px 1px 2px #010101; margin-right: auto; margin-left: auto; margin-bottom: 20px; } li#text-8.widget.widget_text { float: none; } #extra { } div#extra.widgets_on_page { text-align: center; width: 520px; margin-right: auto; margin-left: auto; } #text-8 h2.widgettitle { display: none; } #content { } .hentry { } #container { width: 960px; padding: 25px 0 0; margin: 0; display: block; margin-right: auto; margin-left: auto; } #wrapper header { width: 100%; position: fixed; top: 0; height: 125px; background-color: rgba(2, 2, 2, 0.72); z-index: 50; } #branding { width: 960px; margin-right: auto; margin-left: auto; height: 125px; } footer { width: 540px; display: block; margin-left: auto; margin-right: auto; padding-bottom: 50px; position: relative; margin-top: 20px; } /* sub menus!! */ ul#menu-main ul.sub-menu { list-style: none; margin:0; /* Appear just below the hovering list */ padding:0; width:150px; /* specify the width. */ position:absolute; /* needed */ z-index:500; /* specify the order */ } #menu-item-155 { margin-top: 25px; text-align: left; } #menu-item-152 { margin-top: 5px; text-align: left; } ul.sub-menu { background-color: rgba(0, 0, 0, 0.79); } #menu-item-152 a,#menu-item-155 a { text-align: left; } #menu-item-152 a:hover { color: #2e99cd !important; } ul#menu-main li ul.sub-menu { top:27px; /* Positioning:Calc with top level horz list height */ -moz-box-shadow:0 2px 10px #000; /* CSS 3 */ } ul#menu-main ul.sub-menu ul { top:0; left:100%; /* Position the sub menus to right. */ } ul#menu-main ul.sub-menu li { float:none; /* umm.. Appear below the previous one. mmkay? */ } /* Hide all the sub-menus (submenus) */ ul#menu-main ul.sub-menu, ul#menu-main li:hover ul.sub-menu ul, ul#menu-main ul.sub-menu li:hover ul ul { display: none; } /* Display the submenus only when li are hovered */ ul#menu-main li:hover ul, ul#menu-main ul.sub-menu li:hover ul, ul#menu-main ul.sub-menu li ul li:hover ul { display: block;} ul#menu-main li * a:hover { /* Change color of links when hovered */ color: #2e99cd !important; } /* Added $GV 2013-08-08. */ li.widget_wysiwyg_widgets_widget{ overflow-y:visible; } li.widget_wysiwyg_widgets_widget > h2{ float: none; } div.scrollme{ max-height: 300px; overflow-y: auto; display: block; padding-right: 10px; padding-bottom: 10px; margin-bottom: 10px; }