/* Theme Name: WildFire Theme URI: http://progressionstudios.com/ Author: Progression Studios Author URI: http://themeforest.net/user/ProgressionStudios Description: ThemeForest Photography Premium Theme Version: 1.0 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: right-sidebar, flexible-width, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready Text Domain: progression */ /* Table of Contents 01. HTML5 ✰ BOILERPLATE RESET FILE 02. COLORS AND FONTS A. COLOR SCHEME B. FONT FAMILIES 03. PRIMARY STYLES 11. PRINT STYLES 12. LIGHTBOX STYLES */ @import url("custom-style.css"); /* =============================================== 01. HTML5 ✰ BOILERPLATE RESET FILE =============================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.4; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 0 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .lt-ie8 .clearfix {visibility:hidden; width:0;height:0; clear:both;} /* =============================================== 02. COLORS AND FONTS =============================================== */ /* -------------------- A. BACKGROUND COLORS -------------------- */ .sf-menu ul, .sf-menu ul ul, .sf-menu ul ul ul, .button, input.submit, input.wpcf7-submit, #respond input#submit {background:#000;} #sidebar .social-icons a {background-color: #f46553; } #sidebar .social-icons a:before { border-color: transparent transparent #f46553;} #sidebar .social-icons a:after {border-color: #f46553 transparent transparent;} .caption-heading { background:#484f61; background: rgba(72,79,97,.8); } .caption-text {background:#484f61; background: rgba(72,79,97,.8);} .button:hover, input.submit:hover, input.wpcf7-submit:hover, #respond input#submit:hover { background:#484f61; } #sidebar .social-icons a:hover {background-color: #484f61; } #sidebar .social-icons a:hover:before { border-color: transparent transparent #484f61;} #sidebar .social-icons a:hover:after {border-color: #484f61 transparent transparent;} body, footer {background:#006770 !important;} #footer-widgets {background:#006770 !important; } #header .social-icons { display:none; } .page-id-2392 #main {background-color: #f7f0ec !important;} .page-id-2165 #main {background-color: #f7f0ec !important;} .page-id-2701 #main {background-color: #f7f0ec !important;} .page-id-2663 #main {background-color: #f7f0ec !important;} .page-id-2994 #main {background-color: #f7f0ec !important;} .page-id-3111 #main {background-color: #f7f0ec !important;} .page-id-5158 #main {background-image:url(../../uploads/2015/08/NV_8-15-14-8418.jpg) !important;} .page-id-4956 #main {background-image:url(../../uploads/2015/08/NV_8-15-14-8418.jpg) !important;} .page-id-4982 #main {background-image:url(../../uploads/2015/08/NV_8-15-14-8418.jpg) !important;} .page-id-5007 #main {background-image:url(../../uploads/2015/08/NV_8-15-14-8418.jpg) !important;} .page-id-4930 #main {background-image:url(../../uploads/2015/08/NV_8-15-14-8418.jpg) !important;} .page-id-5113 #main {background-image:url(../../uploads/2015/08/NV_8-15-14-8418.jpg) !important;} .page-id-5170 #main {background-image:url(../../uploads/2015/08/NV_8-15-14-8418.jpg) !important;} .page-id-3071 #main {background-image:url(../../uploads/2014/07/DO-AC-Waves-2235x1676.jpg) !important;} .page-id-2663 #main {background-image:url(../../uploads/2014/07/DO-AC-Waves-2235x1676.jpg) !important;} .page-id-3379 #main {background-image:url(../../uploads/2014/07/DO-AC-Waves-2235x1676.jpg) !important;} .page-id-3316 #main {background-image:url(../../uploads/2014/07/DO-AC-Waves-2235x1676.jpg) !important;} .page-id-3400 #main {background-image:url(../../uploads/2014/07/DO-AC-Waves-2235x1676.jpg) !important;} .page-id-3407 #main {background-image:url(../../uploads/2014/07/DO-AC-Waves-2235x1676.jpg) !important;} .page-id-3430 #main {background-image:url(../../uploads/2014/07/DO-AC-Waves-2235x1676.jpg) !important;} .page-id-3513 #main {background-image:url(../../uploads/2014/07/DO-AC-Waves-2235x1676.jpg) !important;} .page-id-3803 #main {background-image:url(../../uploads/2014/07/DO-AC-Waves-2235x1676.jpg) !important;} .page-id-3822 #main {background-image:url(../../uploads/2014/07/DO-AC-Waves-2235x1676.jpg) !important;} /* -------------------- B. FONT COLORS -------------------- */ a, h3 a:hover {color:#f46553; text-decoration:none;} a:hover {color:#484f61;} .content-container a h6 {color:#cfcfcf;} .content-container a .excerpt {color:#777777; outline:none;} .content-container a:hover h4, .content-container a:hover h6.post-type-header {color:#f46553;} /* -------------------- C. FONT FAMILIES -------------------- */ .sf-menu a, .button, input.submit, h5, .featured-text, .twitter-text, ul.filter-children li a, input.wpcf7-submit, #respond input#submit, #page-nav a, .twitter-post blockquote.twitter-tweet p a {font-family: 'PT Sans', sans-serif; } .twitter-text .entry-content p.entry-title {font-family: 'PT Sans', sans-serif !important; } .flex-caption, h1 {font-family: 'Dosis', sans-serif; font-weight:300;} h2, h3, h4, h6, .twitter-time-stamp, .tag-cloud, .blog-post-details, .pagination a, .twitter-post blockquote.twitter-tweet a {font-family: 'PT Sans Narrow', sans-serif; font-weight:normal;} body #main .width-container .twitter-text .footer, body #main .twitter-text .footer, body #main .twitter-text .footer a.view-details span.updated {font-family: 'PT Sans Narrow', sans-serif !important; font-weight:normal !important;} body, .sf-menu li.sfHover li a, .sf-menu li.sfHover li a:visited, .sf-menu li.sfHover li li a, .sf-menu li.sfHover li li a:visited, .sf-menu li.sfHover li li li a, .sf-menu li.sfHover li li li a:visited, .sf-menu li.sfHover li li li li a, .sf-menu li.sfHover li li li li a:visited { font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif; } /* -------------------- D. SOCIAL ICONS -------------------- */ @font-face { font-family: 'JustVector'; src: url('https://beachnboat.com/wp-content/themes/wildfire/e/justvectorv2-webfont.eot'); src: url('social-icons/justvectorv2-webfont.eot') format('eot'), url('social-icons/justvectorv2-webfont.woff') format('woff'), url('social-icons/justvectorv2-webfont.ttf') format('truetype'), url('social-icons/justvectorv2-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } .social-icons {padding-top:36px; margin-left:24px; float:left; font-family: 'JustVector';} .social-icons a { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.10); display:inline-block; font-size:15px; line-height:11px; text-decoration:none; background-color: rgba(255, 255, 255, 0.2); margin-right:1px; margin-bottom:10px; position:relative; padding:5px 9px 5px 8px; -webkit-transition-duration:0ms !important; -moz-transition-duration: 0ms !important; -o-transition-duration: 0ms !important; } header .social-icons a {color:#fff ;} .lt-ie9 .social-icons a {padding:10px 9px 10px 8px; margin-top:-5px; background-image:url(images/transparency-fallback.png);} .social-icons a:before {content: ""; position: absolute;height: 0;width: 0; top: -7px; left: 0px; border-width: 0 15px 7px; border-style: solid; border-color: transparent transparent rgba(255, 255, 255, 0.2); } .social-icons a:after {content: ""; position: absolute; height: 0;width: 0; bottom: -7px; left: 0px; border-width: 7px 15px 0px 15px; border-style: solid; border-color: rgba(255, 255, 255, 0.2) transparent transparent; } .social-icons a:hover {background-color: rgba(255, 255, 255, 0.4);} .social-icons a:hover:after {border-color: rgba(255, 255, 255, 0.4) transparent transparent;} .social-icons a:hover:before {border-color: transparent transparent rgba(255, 255, 255, 0.4);} .lt-ie9 .social-icons a:before, .lt-ie9 .social-icons a:after {display:none; background:transparent !important;} #sidebar .social-icons {float:none ; padding:10px; margin-left:0px; padding-left:0px;} #sidebar .social-icons a {color:#fff; margin-bottom:18px;} /* =============================================== 03. PRIMARY STYLES =============================================== */ /* -------------------- A. DEFAULT STYLES -------------------- */ body { font-size: 14px; line-height: 1.4; color:#000 !important; } body a img, body a {outline:none !important;} a:hover img {opacity:0.7; filter:alpha(opacity=30); } p {padding-top:0px; margin:0px;} p, ul, ol {margin-bottom: 14px;} ul, ol {margin-left:0px; padding-left:16px;} img {max-width: 100%;height: auto; } h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; color:#000; line-height:1.2;} h3 a {color:#2f2f2f; } h1 {font-size:26px; margin-bottom:0px; padding:0; text-transform: uppercase; } h1.page-title {padding:10px 0px;} h2 {font-size:24px; margin-bottom:5px; text-transform: uppercase; color:#006770 !important; } h3 {font-size:22px; margin-bottom:6px; color:#006770 !important; } h4 {font-size:20px; margin-bottom:4px; color:#006770 !important; } h5 {font-size:17px; margin-bottom:4px; font-weight:700; color:#006770 !important; } h6 {font-size:15px; margin-bottom:4px; color:#006770 !important; } h6.post-type-header {font-size:18px;} hr {background:transparent; border-bottom:1px solid #e1e1e1; border-top:none; margin:20px 0px;} ul.checkmark, ul.arrow {padding-left:0px;} ul.checkmark li, ul.arrow li {list-style:none; padding-left:18px;} ul.checkmark li {background:url(images/checkmark.png) 0px 2px no-repeat;} ul.arrow li {background:url(images/sidebar-arrow.png) -4px 0px no-repeat;} .alignright {float:right; margin:0 0 10px 20px;} .alignleft {float:left; margin:0px 20px 10px 0px;} .aligncenter {text-align:center; margin:0px auto 5px auto; display:block; } blockquote {background:url(images/blockquote.png) 0px 0px no-repeat; padding-left:40px; font-style:italic; line-height:1.8;} pre {border:1px solid #ddd; padding:7px 15px; background:#fff; overflow:auto; word-wrap: break-word; line-height:14px; margin-bottom:15px;} body .button, body a.button, input.submit, input.wpcf7-submit, #respond input#submit { text-decoration:none; line-height:1; cursor: pointer;display:inline-block; font-weight:700; color:#ffffff; padding:11px 15px 10px 15px; text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.10); } body a.progression-square { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0); } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;} .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .wp-caption {} .wp-caption-text {} .sticky {} .gallery-caption {} .bypostauthor {} p.page-not-found {padding:25px 0px; } img.attachment-progression-blog {min-width:100%;} .lt-ie9 .type-post img {width: auto; } /* -------------------- B. PAGE TITLE AND HOMEPAGE FEATURED TEXT -------------------- */ #highlight-container {background:#ffffff; border-bottom:1px solid #d8d8d8; padding:20px 0px; position:relative; bottom:25px;} #highlight-container h2, #highlight-container h3 {padding-top:10px;} #highlight-container .alignleft {margin-bottom:0px;} .featured-text {font-size:16px;} .lt-ie8 #highlight-container {bottom:42px; padding-bottom:30px; } /* -------------------- C. CSS3 TRANSITIONS -------------------- */ #main a, #main a:visited, footer a, footer a:visited, .content-container a h6, .content-container a h4, input.button, input.myButton, input.wpcf7-submit, #respond input#submit { -webkit-transition-duration: 200ms; -webkit-transition-property: color, background, opacity; -webkit-transition-timing-function: ease-in-out; -moz-transition-duration: 200ms; -moz-transition-property: color, background, opacity; -moz-transition-timing-function: ease-in-out; -o-transition-duration: 200ms; -o-transition-property: color, background, opacity; -o-transition-timing-function: ease-in-out; } a img, .zoom-icon, .content-container .content-container-spacing, ul.filter-children li a { -webkit-transition-duration: 400ms; -webkit-transition-property: color, background, opacity; -webkit-transition-timing-function: ease-in-out; -moz-transition-duration: 400ms; -moz-transition-property: color, background, opacity; -moz-transition-timing-function: ease-in-out; -o-transition-duration: 400ms; -o-transition-property: color, background, opacity; -o-transition-timing-function: ease-in-out; } /* -------------------- D. SCROLL TO TOP BUTTON -------------------- */ #toTop { z-index:10; display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:100%; background:url(images/ui.totop.png) no-repeat left top; } #toTopHover { background:url(images/ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #toTop:active, #toTop:focus { outline:none; } /* -------------------- E. CONTACT & FORM STYLES -------------------- */ #map-contact {width:100%; height:360px; } #map-contact img {max-width:none; height: auto; } #contactform {margin-top:20px;} #contactform label.error {line-height:1; font-weight:normal; display:block; width:100%; font-style:italic; padding-left:2px; height:25px; padding-top:4px; margin-bottom:-33px; position:relative; top:1px; font-size:11px; color:#dd8b8b;} #contactform input.error { border: 1px dotted #f4cbcb; background:#f8eded; } p.error {color:#dd8b8b; font-weight:bold;} p.success {color:#64ba7c; font-size:14px; font-weight:bold; padding-bottom:2px; } p.success2 {padding-bottom:8px;} #contactform span, span.required {color:#ff5c5f;} #contactform div {padding-bottom:20px;} #contactform label { display:block; vertical-align: top; font-weight:bold; padding-bottom:4px;} #contactform input#contactname, #contactform input#email, .wpcf7 input {width:55%;} #contactform textarea#message, .wpcf7 textarea {width:68%;} #contactform input.button, .wpcf7 input.wpcf7-submit, #respond input#submit {width:auto; border:none;} input, textarea { border:1px solid #e1e1e1; padding:10px; padding:7px; background:#f7f5f5; } #contact-wrapper {margin-bottom:15px;} .wpcf7 {font-size:12px; font-weight:bold;} .wpcf7 input {font-size:14px; font-weight:normal;} /* =============================================== 04. MAIN CONTAINERS =============================================== */ /* -------------------- A. HEADER STYLES -------------------- */ header { position:relative; width:100%; z-index:7;} #above-header { background:#ece2bd url('images/header.jpg') no-repeat center !important; } body #logo { margin:0px; padding:0px; border:none; } body #logo img {height: auto; opacity:1 !important; filter:alpha(opacity=100);} body #logo a:hover img { opacity:1 !important; filter:alpha(opacity=100);} .menu-main-container { width:960px; margin:0 auto; } /* -------------------- B. MAIN CONTAINER STYLES -------------------- */ #sticky-navigation {width:100%; position:fixed; z-index:7; top:0px; } body.admin-bar #sticky-navigation {top:28px;} .width-container, .flex-caption {width:1140px; margin: 0 auto;} #main, body #main {padding:25px 0px 20px 0px;} #main, body #main {background:#f1f1f1; } /* =============================================== 05. FOOTER STYLES =============================================== */ footer {color:#cbcbcb; } footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer a {color:#fff;} footer a:hover {color:#d3d3d3} #footer-widgets .width-container {padding:36px 0px 25px 0px;} footer #copyright {padding:30px 0px 30px 0px; float:left;} footer #footer-widgets .social-icons {float:none; padding-top:15px;} footer .social-icons {float:right; padding-top:28px; margin-left:0px; } footer .social-icons a { margin-bottom:18px; -webkit-transition: none; -moz-transition: none; transition:none;} footer ul {margin:-1px 0px 0px 0px; padding:0px; list-style:none;} footer ul li { margin:0px 0px 0px 0px; padding:5px 0px 5px 5px; border-bottom:1px solid #666; border-color: rgba(255, 255, 255, .1); } /* =============================================== 06. GRID LAYOUT =============================================== */ /* -------------------- A. CONTAINER GRID -------------------- */ .content-container { margin-bottom:18px; background:#fff; border-bottom:1px solid #c2c2c2; -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.2); -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.2); box-shadow: 0px 1px 2px rgba(0,0,0,.2);} .content-container-spacing { padding:20px 12px 16px 12px;} .content-container .excerpt {padding-bottom:4px;} .container-spacing {padding:22px 25px 15px 25px;} .lt-ie9 .content-container-spacing {border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;} /* -------------------- B. HOVER ICONS -------------------- */ .hover-icon {position:relative; display:block; width:100%; height:auto;} .zoom-icon {background:url(images/zoom-icon.png) 0px 0px no-repeat; width:45px; height:50px; text-indent:-99999px; filter:alpha(opacity=0); opacity:0; position:absolute; top:50%; left:50%; margin-left:-22px; margin-top:-22px; z-index:5;} a:hover .zoom-icon {filter:alpha(opacity=100); opacity:70;} .hover-icon img {position:relative; z-index:2;} .article-icon {background:url(images/article-icon.png);} .video-icon {background:url(images/video-icon.png);} /* -------------------- C. TWITTER POST -------------------- */ .twitter-post { position:relative; overflow:hidden; color:#fff; background: url(images/twitter-post.png) bottom center no-repeat; padding: 25px 25px 15px 25px;} .twitter-post a {color:#fff; text-decoration:none;} .twitter-post a:hover {color:#fff;} .twitter-text {font-size:16px; font-weight:400; } .twitter-time-stamp {background:url(images/twitter-time-stamp.png) 0px 51px no-repeat; font-size:16px; text-align:left; padding:45px 0px 5px 18px; opacity:0.6; filter:alpha(opacity=60); width:100px; height:20px;} .twitter-post blockquote.twitter-tweet {background:transparent; margin:0px; padding:0px; font-size:12px; font-weight:400;} .twitter-post blockquote.twitter-tweet p {font-size:16px;} .twitter-post blockquote.twitter-tweet p a {display:inline; position:static; float:none; text-align:center; padding:0px; opacity:1; filter:alpha(opacity=100);} .twitter-post blockquote.twitter-tweet a { z-index:5; font-style:normal; display:block; position:absolute; left:49px; bottom:12px; font-size:15px; text-align:left; opacity:0.6; filter:alpha(opacity=60);} /* Twitter Width Fix div[id|=twitter][style],div[id|=twitter]{max-width:100%!important; } */ body #main .twitter-text .twitter-tweet-rendered, body #main .twitter-post .twitter-text .twt-border {width:100% !important; background: transparent !important; margin:0px !important; padding:0px !important; border:none !important; -webkit-box-shadow: none !important; box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .twitter-text .entry-content p.entry-title, .twitter-text .entry-content p.entry-title a {font-style:italic !important; text-align:center !important; color:#fff !important; font-size:16px !important; font-weight:400 !important; } .twitter-text .entry-content p.entry-title a.ht b {color:#ffffff !important;} .twitter-text .entry-content {margin-bottom:-15px !important; margin-top:-2px !important;} body #main .width-container .twitter-text .footer { font-size:16px !important; width:100% !important; bottom:-63px !important; left:22px !important; position:absolute !important; } body #main .twitter-text .footer, body #main .twitter-text .footer a.view-details span.updated {color:#ffffff !important; font-size:16px !important; opacity:0.6 !important; filter:alpha(opacity=60) !important; z-index:5 !important;} body #main .width-container .twitter-text .footer .twt-actions {display:none !important;} body #main .twitter-text span.nickname, body #main .twitter-text span.nickname b { color:#ffffff !important; } body #main .twitter-text span.nickname b {opacity:0.7 !important; filter:alpha(opacity=70) !important; font-weight:800 !important;} /* -------------------- D. GRID STYLES -------------------- */ .boxed-mason { margin-bottom:15px; float: left; zoom:1; } .fluid .boxed-mason img { display: block; width: 100%; } /* right margin value is 0.1% less than calculated, to allow for rounding errors in Firefox */ .fluid .boxed-mason { margin: 0px 0.9% 0px 1%; padding: 0px; } .fluid .boxed-mason.col5 { width: 18%; } .fluid .boxed-mason.col4 { width: 23%; } .fluid .boxed-mason.col3 { width: 31.4%; } .fluid .boxed-mason.col2 { width: 48%; } /**** Transitions ****/ .transitions-enabled.masonry, .transitions-enabled.masonry .masonry-brick { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .transitions-enabled.masonry { -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .transitions-enabled.masonry .masonry-brick { -webkit-transition-property: left, right, top; -moz-transition-property: left, right, top; -o-transition-property: left, right, top; transition-property: left, right, top; } /* disable transitions on container */ .transitions-enabled.infinite-scroll.masonry { -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; } /* Infinite Scroll loader */ #infscr-loading { text-align: center; z-index: 100; position: fixed; left: 50%; bottom: 40px; width: 200px; margin-left:-100px; padding: 10px; background: #000; opacity: 0.8; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .myClass {background: red !important; width:100%; } /* =============================================== 07. SIDEBAR STYLES =============================================== */ #sidebar {width:23%; float:right; padding-top:8px; } #container-sidebar {width:74%; float:left; } .sidebar-spacer {width:100%; height:25px; overflow:hidden; } #sidebar ul {list-style:none; margin:0px 0px 10px 0px; padding:0px;} #sidebar ul li {border-bottom:1px solid #e1e1e1; padding:5px 5px 5px 5px; font-size:15px;} #sidebar h5 { color:#444;} /* =============================================== 08. BLOG STYLES =============================================== */ h5.comments-title {margin-bottom:15px;} .type-post, .type-portfolio, .type-page {padding-bottom:18px;} .blog-post-details {float:left; width:16%; text-align:center;} .blog-post-excerpt {float:right; width:80%;} .blog-post-details a {color:#bfbfbf; font-size:16px;} .blog-post-details .post-date a {font-size:14px;} .blog-post-details div {margin-bottom:5px;} .post-author a, .post-comments a, .share-post a, .post-date a {background:url(images/blog-post-details.png) 0px 0px no-repeat; display:block;} .post-author a {background-position:center 0px; padding-top:34px; } .post-comments a {background-position:center -185px; padding-top:34px;} .post-date a {background-position:center -470px; padding-top:34px;} .tag-cloud {padding:22px 25px; border:1px solid #e5e5e5; background:url(images/tag-cloud.png);} .tag-icon {background:url(images/tag-icon.png) 0px 1px no-repeat; padding:0px 0px 0px 30px; } .tag-icon a, .tag-icon {color:#bfbfbf; font-size:16px;} .tag-icon a:hover, .blog-post-details a:hover {color:#888;} .pagination {text-align:center; margin-top:-15px;} .pagination a { margin:0px 2px; display:inline-block; font-size:14px; line-height:11px; text-decoration:none; margin-right:1px; position:relative; color:#fff; text-align:center; width:30px; padding:12px 0px; background:url(images/pagination.png) top left no-repeat; } .pagination a:hover {color:#aaa;} .pagination a.selected {opacity:0.5; filter:alpha(opacity=60);} #searchform .assistive-text {display:none;} /* #searchform input.button { border:none; width:auto; padding:10px 8px 10px 8px; font-size:11px; position:relative; bottom:2px;} #searchform input {width:60%; } .searchform { border:1px solid #ccc; webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; line-height:1; color:#ccc; margin-bottom:5px; background-color:#fafafa; background-image:url(images/magnify.png); background-repeat:no-repeat; background-position:center right; } */ .commentlist { float:left; list-style: none; margin: 0 auto; width:84%; position:relative; left:101px; } .commentlist li.comment { background: #fbfbfb; border:1px solid #e1e1e1; margin: 0 0 1.625em 0 !important; padding: 0.2em 1.4em 0.25em 1.4em; list-style:none ; position: relative; } .commentlist .avatar {left: -102px; -webkit-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; padding: 0; position: absolute; top: 0;} .commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; } ol.commentlist ul.children, ol.commentlist ul.children li { list-style: none ; margin:0px; } .commentlist .children li.comment { border-right:none; border-top:none; border-bottom:none; border-left: 1px solid #dadada; margin: 0em 0 0 0; padding:1em 1.6em 0em 2em; position: relative; } .commentlist .avatar {left: -102px; -webkit-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; padding: 0; position: absolute; top: 0px;} .commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; } ol.commentlist ul.children, ol.commentlist ul.children li { list-style: none; margin:0px; } .commentlist .children li.comment .avatar {top:10px;} .commentlist .children li.comment .fn { display: block; font-size:12px;} .comment-meta .fn {font-weight: bold; display: block; font-size:14px; color:#4c4c4c;} .comment-meta .fn a {font-weight:bold;} .comment-meta a {text-decoration:none;} .comment-meta { color: #666; font-size: 11px; padding-top:12px; padding-bottom:5px; } .commentlist .children li.comment .comment-meta { margin-left:62px ; padding-top:0px; } .commentlist .children li.comment .comment-content { margin: 0; margin-top:25px; padding:0px; } .comment-meta a:focus, .comment-meta a:active, .comment-meta a:hover {} .commentlist > li:before { content: url(images/comment-arrow.png); left: -10px; top:10px; position: absolute; } .commentlist > li.pingback:before { content: ''; } .commentlist .children .avatar { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; left: 2.2em; padding:0px; top: 2.2em; width:55px; height:auto; } a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active { background: #888; color: #fff; } a.comment-reply-link > span { display: inline-block; position: relative; top: -1px; } .commentlist > li.pingback:before { content: ''; } .commentlist .children .avatar { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; left: 2.2em; padding:0px; top: 2.2em; } a.comment-reply-link { background: #e4e4e4; -moz-border-radius: 2px; border-radius: 2px; color: #666; display: inline-block; font-size: 10px; font-family:Arial, Sans-serif; padding: 2px 9px; text-decoration: none; margin-bottom:20px; } #reply div {margin-bottom:10px;} #respond input {width:50%;} #respond textarea {width:80%;} #reply input.submit {width:auto;} #respond { padding-bottom:10px; padding-left:3px;} #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment {font-size:90%; } p.form-allowed-tags {font-size:11px; line-height:16px;} p.form-allowed-tags code {display:block;} #respond label {font-size:12px; padding-left: 0px; ; } #respond input, #respond textarea {display:block; margin-top:2px;} #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment, #respond .form-allowed-tags, #respond .form-submit {padding:0px 0px 2px 0px;} #respond .comment-notes {padding-bottom:2px;} #respond input#submit {width:auto;} /* =============================================== 09. PORTFOLIO STYLES =============================================== */ ul.filter-children {float:right; margin-top:17px; padding:0px; list-style:none;} ul.filter-children li {padding:0px; margin:5px 0px 0px 5px; display:inline-block;} ul.filter-children li a {display:inline-block; line-height:1; background:#f4f4f4; padding:8px 15px 7px 15px; color:#2f2f2f; } ul.filter-children li a:hover, ul.filter-children li.current_page_item a {background:#e6f4da;} .lt-ie8 ul.filter-children li {display:inline;} .load-more-manual #page-nav {display:block !important;} #page-nav {display:none; text-align:center;} .load-more-manual #page-nav a { padding-top:55px; margin:20px auto 10px auto; min-width:48px; cursor:pointer; line-height:1; display:block; background:url(images/load-more.png) center top no-repeat; color:#ccc; font-weight:700; font-size:18px; text-transform:uppercase; font-style:italic; text-shadow: 2px 2px 1px rgba(250,250,250,1); } .load-more-manual #page-nav a:hover {color:#bbb;} /* =============================================== 10. WIDGET STYLES =============================================== */ #flickr-widget ul {margin:0; padding:0;background:none; } #flickr-widget ul li { padding:0px; margin:0px; list-style:none; display:inline; border:none; background:transparent;} #flickr-widget ul li a {display:inline; padding:0px; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease; } #flickr-widget ul li img { background:#fff; padding:3px; width:70px; height:70px; margin:0px 4% 4% 0px;} #flickr-widget ul li a:hover { opacity: 0.7; filter:alpha(opacity=70); } footer #flickr-widget ul li img { width:68px; height:68px; } #jtwt { border-bottom:1px solid #d7d7d7; padding:5px 0px 15px 0px; margin-bottom:10px; } #jtwt_picture { float:left; padding:0px 5px 20px 0px; } a#jtwt_date { font-size:10px; padding-top:3px; font-style:italic; display:block; text-align:right; } footer #jtwt {border-color:#666; border-color: rgba(255, 255, 255, .1);} #wp-calendar th { padding:3px 0; text-align:center; } #wp-calendar td { padding: 4px 0; text-align: center; } #wp-calendar { width: 90%; } #wp-calendar a {font-weight:bold; text-decoration:underline; } body #main ul.tabs li a.active {background:#fff;} body #main ul.tabs { display: block; margin: 15px 0 20px 0; padding: 0; list-style:none; border-bottom: solid 1px #ddd; } body #main ul.tabs li { display: block; width: auto; height: 30px; padding: 0; float: left; margin-bottom: 0; } body #main ul.tabs li a { color:#666; display: block; text-decoration: none; width: auto; height: 29px; padding: 0px 20px; line-height: 30px; border: solid 1px #ddd; border-width: 1px 1px 0 0; margin: 0; background: #f7f7f7; font-size: 13px; } body #main ul.tabs li a.active { color:#000; height: 30px; position: relative; top: -4px; padding-top: 4px; border-left-width: 1px; margin: 0 0 0 -1px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } body #main ul.tabs li:first-child a.active { margin-left: 0; } body #main ul.tabs li:first-child a {border-width: 1px 1px 0 1px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; } body #main ul.tabs li:last-child a { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } body #main ul.tabs-content { margin: 0 0 20px 0; display: block; list-style:none;} body #main ul.tabs-content > li { display:none; } body #main ul.tabs-content > li.active { display: block; } /* Clearfixing tabs for beautiful stacking */ body #main ul.tabs:before, body #main ul.tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } body #main ul.tabs:after { clear: both; } body #main ul.tabs {zoom: 1; } /* =============================================== 10. FEATURED SLIDER and PAGE TITLE =============================================== */ /* -------------------- B. FEATURED SLIDER -------------------- */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width:100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin:0px auto; position: relative; zoom: 1; overflow:hidden;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {z-index:5; width: 34px; height: 35px; margin: -20px 0 0; display: block; background: url(images/slider/arrows.png) no-repeat bottom left; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: bottom right; right: 0px; } .flex-direction-nav .flex-prev {background-position: bottom left; left: 0px;} .flexslider:hover .flex-next {opacity: 0.8; right: 20px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 20px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} #main .flex-direction-nav .flex-next { right: 20px; } #main .flex-direction-nav .flex-prev {left: 20px;} /* Control Nav */ .flex-control-nav { z-index:5; width: 100%; position: absolute; bottom: 15px; text-align: center; } .flex-control-nav li {margin: 0 2px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 20px; height: 20px; display: block; background: url(images/slider/bg_bullets.png) 0px -25px no-repeat; cursor: pointer; text-indent: -9999px;} .flex-control-paging li a:hover { background-position:0px -48px; } .flex-control-paging li a.flex-active { background-position:0px -2px; cursor: default; } body #main .flex-control-paging li a { -webkit-transition: none; -moz-transition: none; none; -o-transition: none; } .lt-ie8 .flex-control-nav {bottom:30px;} .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {display:none !important;} } /* Caption style */ .flex-caption { margin-left:-570px; zoom: 1; position: absolute; left:50%; bottom: 50px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .flex-caption a { color:#fff;} .caption-heading { font-size:36px; padding:8px 16px; display:inline-block; margin-bottom:4px;} .caption-text {padding:5px 16px 7px 16px; font-size:20px; display:inline-block;} .caption-text p {margin:0px; padding:0px;} .video-slide {margin:0 50px;} .lt-ie8 .caption-heading, .lt-ie8 .caption-text {display:inline;} .lt-ie8 .flexslider {margin-bottom:-5px;} .flexslider a:hover img {opacity:1; filter:alpha(opacity=100); } .lt-ie9 .flex-direction-nav .flex-prev {opacity: 1; left: 15px;} .lt-ie9 .flex-direction-nav .flex-next {opacity: 1; right: 15px; } /* =============================================== 11. NAVIGATION =============================================== */ /* -------------------- A. ESSENTIAL STYLES -------------------- */ /*** ESSENTIAL STYLES ***/ nav select {display:none;} .sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;} .sf-menu {line-height: 1.0;} .sf-menu ul {position: absolute; top:-999em; width: 100%; background:#006770 !important; /* left offset of submenus need to match (see below) */} .sf-menu ul li {width: 100%;} .sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */} .sf-menu li {float: left ;position: relative;} .sf-menu a {display:block; position:relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0; top:65px; /* match top ul list item height */z-index: 99;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 10em; /* match ul width */ top:0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;} /* -------------------- B. RESIZING MENU -------------------- */ .sf-menu a {padding:51px 20px 44px 20px;} /* Top Menu Size */ .sf-menu li:hover ul, .sf-menu li.sfHover ul {top:110px;} /* Move sub-menu down */ /* -------------------- C. DEMO SKIN -------------------- */ nav {position:relative; z-index:4;} /* .sf-menu {float: right; } */ .sf-menu { margin:0 auto;} .sf-menu a { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; -o-transition: all .4s ease; text-decoration:none; line-height:1; text-transform:uppercase; } /* DEFAULT LINK */ .sf-menu a, .sf-menu a:visited { text-shadow: none; color:#fff; font-size:15px; font-weight:bold; } /* DEFAULT LINK HOVER AND SELETED */ .sf-menu li.current-menu-item a, .sf-menu li.current-menu-item a:visited { } /* HOVER BACKGROUND */ .sf-menu a:hover, .sf-menu li a:hover, .sf-menu a:hover, .sf-menu a:visited:hover, .sf-menu li.sfHover a, .sf-menu li.sfHover a:visited { background-image:url(images/transparency-fallback.png); background: rgba(255, 255, 255, 0.15); } .sf-menu li.sfHover li a, .sf-menu li.sfHover li a:visited, .sf-menu li.sfHover li li a, .sf-menu li.sfHover li li a:visited, .sf-menu li.sfHover li li li a, .sf-menu li.sfHover li li li a:visited, .sf-menu li.sfHover li li li li a, .sf-menu li.sfHover li li li li a:visited { font-size:13px; font-weight:500; text-transform:none; text-shadow: none; } .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li.sfHover a, .sf-menu li.sfHover li a:visited:hover, .sf-menu li li:hover a:visited, .sf-menu li li li:hover, .sf-menu li li li.sfHover, .sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li li a:active, .sf-menu li li li.sfHover a, .sf-menu li li.sfHover li a:visited:hover, .sf-menu li li li:hover a:visited, .sf-menu li li li li:hover, .sf-menu li li li li.sfHover, .sf-menu li li li li a:focus, .sf-menu li li li li a:hover, .sf-menu li li li li a:active, .sf-menu li li li li.sfHover a, .sf-menu li li li.sfHover li a:visited:hover, .sf-menu li li li li:hover a:visited, .sf-menu li li li li li:hover, .sf-menu li li li li li.sfHover, .sf-menu li li li li li a:focus, .sf-menu li li li li li a:hover, .sf-menu li li li li li a:active, .sf-menu li li li li li.sfHover a, .sf-menu li li li li.sfHover li a:visited:hover, .sf-menu li li li li li:hover a:visited { outline: 0; -webkit-transition: all .6s ease; -moz-transition: all 1s ease; transition: all .6s ease; -o-transition: all .6s ease; background-image:url(images/transparency-fallback.png); background: rgba(255, 255, 255, 0.15); } .sf-menu li li a {padding:15px 15px ;} .sf-menu li li, .sf-menu li li li, .sf-menu li li li li, .sf-menu li li li li li { margin:0px; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline: 0;} /*** arrows **/ .sf-menu a.sf-with-ul {padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */} .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/} /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/} /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -20px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/} /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('https://beachnboat.com/wp-content/themes/wildfire/images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;} .sf-shadow ul.sf-shadow-off {background: transparent;} /* =============================================== 12. DEFAULT GRID =============================================== */ .grid2column, .grid3column, .grid3columnbig, .grid4column, .grid4columnbig {float:left; margin-right:2%; } .grid2column { width: 49%;} .grid3column {width: 32%; } .lt-ie8 .grid3column {width: 31%; } .grid3columnbig {width:65.8%;} .grid4column {width: 23.5%; } .grid4columnbig {width:74.4%; } body .lastcolumn {margin-right:0% !important;} #footer-widgets .widget {float:left; margin-left:1%; margin-right:1%;} #footer-widgets .footer-1-column .widget {width:98%;} #footer-widgets .footer-2-column .widget {width:48%;} #footer-widgets .footer-3-column .widget {width:31%;} .lt-ie8 #footer-widgets .footer-3-column .widget {width: 30%; } #footer-widgets .footer-4-column .widget {width:22.5%;} /* =============================================== 13. PRINT STYLES =============================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* =============================================== 14. LIGHTBOX STYLES =============================================== */ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /* Homepage Custom Styles */ .home-main-intro { font-size:17px; padding-right:20px; } .winBox { text-align: center; background:#006770; color:#ffffff; padding:10px; margin-bottom:20px; text-shadow:2px 1px 2px #000; border-radius:4px; } div.winBox a{ color:#fff !important; } .bigBox { font-size:32px; text-transform: uppercase; font-weight:bold; } .smallBox { font-size:10px; display:block; margin-bottom:-15px; } .smallBox2 { font-size:10px; display:block; margin-bottom:-25px; } .medBox { font-size:22px; } .winBox ul { list-style:none; } .winBox ul li { } .hpButton { margin-top:45px !important; margin-bottom:20px; display:inline-block; } .hpButton img { margin-right:20px; margin-top:-10px;} .hpButton a { border:1px solid #e6a824; padding:14px 20px 10px 20px; color:#fff; background:#dca737; border-radius:10px; font-size:34px; font-weight:bold; text-transform: uppercase; font-style:italic; box-shadow:2px 2px 6px #333; white-space: nowrap; } .hpButton a:hover, .hpButton a:active { background:#c99932; box-shadow:2px 2px 4px #777; color:#fff; text-shadow:0px 0px 4px #fff; } div.bigButton { margin:0 auto; } div.bigButton a.progression-medium.progression-blue { display:block; text-align:center; } .bigButton { text-transform: uppercase; margin:0px 0 0px 0px; overflow: visible; white-space: nowrap; } .bigButton a { font-size:34px !important; padding-left:20px; padding-right:20px; font-weight:bold; } .bigButton img { margin-right:15px; margin-top:-11px; display:inline-block; float:right; } .fix-hp-h2 { display:block; margin-top:-33px; } p.signUp { font-weight:bold; font-style: italic; } #highlight-container .alignleft { margin-bottom:10px !important; } hr { margin:0 0 20px 0 !important; padding:0 !important; } hr.noSpace { margin:0 !important; } .centerButtons { display:inline-block; text-align:right; margin-top:20px; } .focus { margin-right:20px; } .focus a { font-weight: bold; text-transform: uppercase; } #mc_embed_signup .mc-field-group { } #mc_embed_signup .mc-field-group.mc-email { margin-bottom:10px; } #mc_embed_signup .mc-field-group.mc-first { } #mc_embed_signup .mc-field-group.mc-last { } #mc_embed_signup .mc-field-group.mc-first, #mc_embed_signup .mc-field-group.mc-last { } #mc_embed_signup .mc-field-group label { font-style:italic; } #mc_embed_signup .mc-field-group input { width:99% !important; } #mc_embed_signup input.button { width:100px !important; display:block; margin-top:10px !important; margin-bottom:-20px !important; clear:both; float:right; } .home div.grid3column.lastcolumn iframe { margin-top:-20px;} .clear {clear:both;} /* New Buttons */ .myButton { } .myButton a, input#mc-embedded-subscribe.myButton, a.progression-blue, .button { border:1px solid #e6a824 !important; padding:7px 10px 5px 10px !important; margin-top:10px !important; color:#fff !important; background:#dca737 !important; border-radius:6px !important; font-size:16px !important; font-weight:bold !important; font-style:italic !important; box-shadow:1px 1px 3px #333 !important; white-space: nowrap !important; } .myButton a:hover, .hpButton a:active, input#mc-embedded-subscribe.myButton:hover, input#mc-embedded-subscribe.myButton:active, a.progression-blue:hover, a.progression-blue:active, .button:hover, .button:active { background:#c99932 !important; box-shadow:1px 1px 1px #777 !important; color:#fff !important; text-shadow:0px 0px 2px #fff !important; } /* Form Style */ input, select, .ginput_complex input, #gform_wrapper_5 textarea { border:1px solid #000; } input:focus, input:hover, select:focus, select:hover, #gform_wrapper_5 textarea:hover, #gform_wrapper_5 textarea:focus { border:1px solid #e6a824 !important; box-shadow: 0 0 4px #e6a824 !important; } #userCounter { padding-top: 10px; float: left; width: 40%; display: none; text-align: center; } #countdownContainer { float: right; width: 40%; padding-top: 10px; text-align: center; } #surveyButton { width: 20%; float: left; margin-top: 25px; } @media (min-width: 1141px) { #homepage-blocks > .grid3column { width: 25%; } #homepage-blocks > div.clearfix, #mobile-sponsor-content { display: none; } #homepage-left-sponsors, #homepage-right-sponsors { width: 110px; text-align: center; } #homepage-left-sponsors { float: left; margin-right: 5px; } #homepage-right-sponsors { float: right; margin-left: 5px; margin-top: -850px; } #homepage-bottom-sponsors { display: table; margin: 0 auto; } #homepage-bottom-sponsors > br { display: none; } #homepage-bottom-sponsors > a { float: left; vertical-align: top; padding-top: 10px; } } @media (max-width: 1140px) { #userCounter, #countdownContainer, #surveyButton { width: 100%; } #surveyButton { margin: 20px 0px; } #tournamentCountdown { width: 361px; } #homepage-left-sponsors, #homepage-right-sponsors, #homepage-bottom-sponsors { display: none; } } #local-tides { overflow-y: hidden !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; text-align: center; margin-top: -10px; } /* Override flipclock styling */ #tournamentCountdown { width: 400px; margin: 0 auto; } #countdownContainer .flip-clock-wrapper ul { width: 30px; height: 40px; margin: 3px; } #countdownContainer .flip-clock-wrapper ul li { line-height: 40px !important; } #countdownContainer .flip-clock-divider { height: 45px; width: 15px; } #countdownContainer .flip-clock-dot { width: 5px; height: 5px; background-color: #006770; } #countdownContainer * { font-size: 40px !important; } #countdownContainer h2 { font-size: 24px !important; } #countdownContainer .flip-clock-label { font-size: 12px !important; font-family: 'PT Sans Narrow',sans-serif; right: -50px; color: #006770; } #countdownContainer .flip-clock-wrapper ul li a div div.inn { background: linear-gradient(0deg, rgb(0, 103, 112), rgb(104, 161, 168)) repeat scroll 0 0 / 50px 70px rgba(0, 0, 0, 0); color: #ece2bd; } .homepage-block { height: 260px; background-color: #ece2bd; position: relative; box-shadow: 5px 5px 3px #888888; -moz-box-shadow: 5px 5px 3px #888888; -webkit-box-shadow: 5px 5px 3px #888888; } .homepage-button { bottom: 30px; position: absolute; margin-left: auto; margin-right: auto; right: 0px; left: 0px; } /* Start Flip Counter */ .numbers { font-family: 'Francois One', sans-serif; font-size: 40px; color: #ece2bd; white-space: nowrap; position: relative; direction: ltr; vertical-align: middle; height: 40px; } .number { width: 30px; height: 40px; position: relative; display: inline-block; margin: 2px; border-radius: 5px; } .number:before { content: ''; display: block; width: 1px; height: 4px; background: white; position: absolute; left: 0; top: 17px; z-index: 2; box-shadow: inset rgb(130, 130, 130) 0 0 0px 1px; border-right: 1px solid black; border-top: 1px solid black; border-bottom: 1px solid black; } .number:after { content: ''; display: block; width: 1px; height: 4px; background: rgb(200, 200, 200); position: absolute; right: 0; top: 17px; z-index: 2; box-shadow: inset rgb(130, 130, 130) 0 0 0px 1px; border-left: 1px solid black; border-top: 1px solid black; border-bottom: 1px solid black; } .number .top, .number .bottom { display: block; height: 20px; width: 30px; text-align: center; overflow: hidden; border-radius: 3px; background: -moz-linear-gradient(90deg, rgb(0, 103, 112), rgb(104, 161, 168)); background: -webkit-linear-gradient(90deg, rgb(0, 103, 112), rgb(104, 161, 168)); background: -o-linear-gradient(90deg, rgb(0, 103, 112), rgb(104, 161, 168)); background: linear-gradient(0deg, rgb(0, 103, 112), rgb(104, 161, 168)); background-size: 50px 70px; } .number .top { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; line-height: 40px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-position: 0px 0px; border-bottom: 1px solid gray; } .number .top:nth-last-of-type(4) { position: absolute; z-index: 0; } .number .bottom { line-height: 0px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-position: 0px 35px; } .number .top:nth-last-of-type(1) { z-index: 0; } /* End Flip Counter */