/****************************************************************************** Theme Name: Dr J Radio Live Theme URI: http://drjradiolive.com Description: The Dr J Radio Live Theme Version: 1.0 Author: MiamiTom Author URI: http://miamitom.net License: GNU General Plug License version 3.0 Tags: Wordpress Framework, Custom Framework, Wordpress Custom Theme ******************************************************************************/ /*-------------------------------------- Import Files ---------------------------------------*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ---------- RESET ---------- */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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 { margin: 0; padding: 0px; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } input { margin: 0; padding: 0; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 100%; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul, ol, li { list-style-type: none; } input, textarea { outline: none; } strong { font-weight: bold; } .fr { float: right; } .fl { float: left; } .cb { clear: both; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .fr { float: right; } .fl { float: left; } .cb { clear: both; } /***********************************************************************************/ /* CSS Variables */ /***********************************************************************************/ /***********************************************************************************/ /* Screen Sizes */ /***********************************************************************************/ /***********************************************************************************/ /* Mixins */ /***********************************************************************************/ /***********************************************************************************/ /* All Typeography */ /***********************************************************************************/ body { font-size: 16px; line-height: 1.25em; font-family: AvenirLTStd-Medium; font-style: normal; font-weight: normal; color: #666666; } h1, h2, h3, h4, h5, h6 { margin-bottom: .5em; } h1 { font-size: 2em; font-family: AvenirLTStd-Medium; font-style: normal; font-weight: normal; color: black; line-height: 1em;color: #FFFFFF;text-shadow:-1px 1px 1px #000; ;text-transform:uppercase; } h2 { font-size: 1.875em; line-height: 1.1em; color: #fff; font-family: AvenirLTStd-Medium; font-style: normal; font-weight: normal; } h3 { font-size: 1.5em; line-height: 1.875em; color: #fff; font-family: AvenirLTStd-Medium; font-style: normal; font-weight: normal; } h4 { font-size: 1.125em; line-height: 1.375em; color: #fff; text-transform: uppercase; font-family: AvenirLTStd-Medium; font-style: normal; font-weight: normal; } h5 { font-size: 1em; line-height: 1em; color: #fff; } h6, h7, h8 { font-size: 1em; color: black; } .custom_post h1 { font-size: 1.875em; line-height: 1.1em; color: black; font-family: AvenirLTStd-Medium; font-style: normal; font-weight: normal; } h1.pg_title { margin-bottom: 16px; margin-top: 2em; font-size: 1.875em; } .blue_hilight { text-transform: uppercase; color: #003c71; text-align: center; } @media screen and (max-width: 801px) { h1 { font-size: 2em; } h2 { font-size: 1.25em; } h3 { font-size: 1.125em; } h4, h5, h6 { font-size: 1em; } } @media screen and (max-width: 667px) { h1 { font-size: 1.625em; } h2 { font-size: 1.125em; } h3 { font-size: 1.0625em; } h4, h5, h6 { font-size: 1em; } } @media screen and (max-width: 568px) { h1 { font-size: 2em; } h2 { font-size: 1.25em; } h3 { font-size: 1.125em; } h4, h5, h6 { font-size: 1em; } } @media screen and (max-width: 375px) { h1 { font-size: 1.625em; } h2 { font-size: 1.375em; line-height: 1.25em; } h3 { font-size: 1.0625em; } h4, h5, h6 { font-size: 1em; } } /***********************************************************************************/ /* Column Code */ /***********************************************************************************/ .span_12 { display: block; float: left; margin-right: 1.59744%; width: 100%; } .span_12:last-child { margin-right: 0; } .span_11 { display: block; float: left; margin-right: 1.59744%; width: 91.53355%; } .span_11:last-child { margin-right: 0; } .span_10 { display: block; float: left; margin-right: 1.59744%; width: 83.06709%; } .span_10:last-child { margin-right: 0; } .span_9 { display: block; float: left; margin-right: 1.59744%; width: 74.60064%; } .span_9:last-child { margin-right: 0; } .span_8 { display: block; float: left; margin-right: 1.59744%; width: 66.13419%; } .span_8:last-child { margin-right: 0; } .span_7 { display: block; float: left; margin-right: 1.59744%; width: 57.66773%; } .span_7:last-child { margin-right: 0; } .span_6 { display: block; float: left; margin-right: 1.59744%; width: 49.20128%; } .span_6:last-child { margin-right: 0; } .span_5 { display: block; float: left; margin-right: 1.59744%; width: 40.73482%; } .span_5:last-child { margin-right: 0; } .span_4 { display: block; float: left; margin-right: 1.59744%; width: 32.26837%; } .span_4:last-child { margin-right: 0; } .span_3 { display: block; float: left; margin-right: 1.59744%; width: 23.80192%; } .span_3:last-child { margin-right: 0; } .span_2 { display: block; float: left; margin-right: 1.59744%; width: 15.33546%; } .span_2:last-child { margin-right: 0; } .span_1 { display: block; float: left; margin-right: 1.59744%; width: 6.86901%; } .span_1:last-child { margin-right: 0; } .span_8_full { display: block; float: left; margin-right: 0; width: 67.73163%; } .span_4_full { display: block; float: left; margin-right: 0; width: 32.26837%; } .shift_1 { margin-left: 8.46645%; } .shift_2 { margin-left: 16.93291%; } .shift_3 { margin-left: 25.39936%; } .shift_4 { margin-left: 33.86581%; } .shift_5 { margin-left: 42.33227%; } .shift_6 { margin-left: 50.79872%; } .shift_7 { margin-left: 397.92332%; } .shift_8 { margin-left: 67.73163%; } .shift_9 { margin-left: 76.19808%; } .shift_10 { margin-left: 84.66454%; } .shift_11 { margin-left: 93.13099%; } .shift_12 { margin-left: 101.59744%; } .omega, .last { margin-right: 0; } /***********************************************************************************/ /* Mobile Columns */ /***********************************************************************************/ @media screen and (max-width: 736px) { *[class*='span'], *[class^=' span'] { display: block; float: left; margin-right: 1.59744%; width: 100%; margin-right: 0; } *[class*='span']:last-child, *[class^=' span']:last-child { margin-right: 0; } *[class*='shift'], *[class^=' shift'] { margin-left: 0; } } /*-------------------------------------- Global Styles ---------------------------------------*/ .mobile_only, .true_mobile { display: none; } .ipad_up, .non_mobile { display: block; } .navContain { display: none; } strong, b { font-family: 'AvenirLTStd-Black', sans-serif; font-style: normal; font-weight: normal; } hr { height: 1px; width: 100%; display: block; margin: 1em 0; padding: 0; border: none; background: #7abc2f; } a { -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; color:#ff1} img { max-width: 100%; border-radius:5px;box-shadow:-3px 3px 15px #000} .panel-grid h3.widget-title { display: none; } /*-------------------------------------- Structure ---------------------------------------*/ body { background: #0000 00;background: url("images/PIA18461_02.1920x.jpg") no-repeat center center fixed; } .background_wrapper { width: 100%; height: 100%; position: fixed; opacity: 0; zoom: 1; background: url("images/PIA18461_02.1920x.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .background_wrapper:before, .background_wrapper:after { content: "\0020"; display: block; height:0px;; overflow: hidden; } .background_wrapper:after { clear: both; } .backgr ound_show { opacity: 1; } .transition { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .body_wrapper { background:transparent; zoom: 1; max-width: 1204px; margin-left: auto; margin-right: auto; position: relative;padding:10px; border:1px solid; border-radius:10px;box-shadow:-1px 1px 25px #000} .body_wrapper:before, .body_wrapper:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .body_wrapper:after { clear: both; } /*-------------------------------------- Header ---------------------------------------*/ header.masthead { padding: 20px; } header.masthead .logo { z-index: 999; padding-left: 2em;float:left;cle ar:both; } header.masthead .logo a { display: block; width: 300px; height: 126px; background-image: url("images/logos/drjandyilias_logo_300x126.png"); text-indent: -999em; } header.masthead .header_text {padding:10px;margin-left:350px;color:#ddd; ;border:0px solid;text-shadow:1px 1px 1px #000} @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { header.masthead .logo a { background-image: url("images/logos/drjandyilias_logo_300x126.png"); background-size: 300px 126px; background-repeat: no-repeat; } } header.masthead .mainNav { position: relative; width: 90%; margin: 0 auto; z-index: 99; padding: 10px 10px 10px 10px; } header.masthead .mainNav .nav_inside { margin: 0 auto; } header.masthead .mainNav ul { position: relative; } header.masthead .mainNav ul li { display: inline-block; } header.masthead .mainNav ul li a { display: inline-block; color: #bbbfff; background:rgba(0,0,0,.52); text-decoration: none; font-family: AvenirLTStd-Light; font-style: normal; font-weight: normal; text-transform: uppercase; font-size: 0.75em; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; border: 1px solid white; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: .15em .25em; text-align: center; width: 150px; margin-right: 4px; } header.masthead .mainNav ul li a:hover { background: white; color: #666666; } header.masthead .mainNav ul li:first-child > a { margin-left: 0; } header.masthead .mainNav ul li.search_button { padding-bottom: 0; } header.masthead .mainNav ul li.current_page_item > a, header.masthead .mainNav ul li.current_page_parent > a, header.masthead .mainNav ul li.current-page-ancestor > a { background: rgba(180,155,255,.75); color: #FFF;; } header.masthead .revNav { background: rgba(0,0,0,.52); padding-top: 3px; padding-bottom: 3px; margin-top: 0; } header.masthead .revNav ul li a { background: rgba(0,0,0,.2); border-color: #ababab; color: #ababab; } header.masthead .revNav ul li a:hover { background: #ababab; color: #FFF; } header.masthead .utilityNav { position: absolute; top: -4px; right: 10px; background: #a3c8e3; width: 250px; color: #c6b9ad; font-size: 0.875em; padding: .5em 0; text-align: center; -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; -moz-border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } header.masthead .utilityNav li { display: inline-block; } header.masthead .utilityNav li.menu-border-right a { border-right: 1px solid #c6b9ad; padding-right: 8px; margin-right: 4px; } header.masthead .utilityNav a { color: #c6b9ad; text-decoration: none; display: inline-block; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } header.masthead .utilityNav a:hover { color: #7abc2f; } body.customize-support header.masthead div.logo { /* top: 100px; */ } /*-------------------------------------- Search DropDown ---------------------------------------*/ div.searchContain { width: 960px; margin: 0 auto; clear: left; background: #FFF; padding: 2em 1em 2em; -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2); z-index: 9999; display: none; border-bottom: 1px solid black; } div.searchContain .searchButton { display: inline-block; position: relative; top: -6px; background: url("images/icon-search-big.png") 0 0 no-repeat; text-indent: -999em; width: 30px; height: 30px; } div.searchContain .searchButton:hover { background-position: 0 -30px; } div.searchContain input[type="text"] { padding: .5em 1em; font-size: 22px; border: none; background: transparent; color: #999; width: 90%; } /*-------------------------------------- Body Content ---------------------------------------*/ .default_page .container { padding: 10px; } .container { zoom: 1; max-width: 90%; margin-left: auto; margin-right: auto; background: rgba(0,0,0,.25); clear: both; /* margin-top:180px */; border-radius:10px;box-shadow:-1px 1px 15px #000;margin-top:20px;color:#fff;text-shadow:-1px 1px 1px rgba(0,0,0,.345)} .container:before, .container:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .container:after { clear: both; } /***** Featured Slider Layer Slider 1 *****/ /***** Set the max height for the size of the desired slider *****/ .feature { clear: both; zoom: 1; position: relative; max-height: 0px; } .feature:before, .feature:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .feature:after { clear: both; } /***** *****/ /***** *****/ article.login_page { min-height: 500px; } /*-------------------------------------- Footer ---------------------------------------*/ footer { clear: left; background: transparent; padding: 0; margin: 0; zoom: 1; position: relative; } footer:before, footer:after { content: "\0020"; display: block; height: 0; overflow: hidden; } footer:after { clear: both; } footer .tiny { font-size: 0.75em; } footer .f_left { background: rgba(0,0,0,.35);color:#fff;margin-top:25px; padding: 1em 0; color: #FFF; font-family: AvenirLTStd-Light; font-style: normal; font-weight: normal; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { footer .f_left { background-image: url("images/map/icon_map-white_2x.png"); background-size: 69px 66px; background-repeat: no-repeat; } } footer .f_left a { color: #FFF; text-decoration: none; } footer .f_left a:hover { text-decoration: underline; } footer .f_left .f_container { padding-left: 25%; } footer .f_left .f_container img { display: block; margin: 1.5em 0; } footer .f_left .f_container ul { margin-bottom: 1.5em; } footer .f_right { background: rgba(0,0,0,.35);color:#fff; padding: 1em 0; margin-top: 1.7em; } footer .f_right .f_container { width: 80%; margin: 0 auto; } footer .f_right .caperey { display: block; float: left; margin-right: 1.59744%; width: 49.20128%; } footer .f_right .caperey:last-child { margin-right: 0; } footer .f_right .caperey .f_menu_left { display: block; float: left; margin-right: 1.59744%; width: 49.20128%; } footer .f_right .caperey .f_menu_left:last-child { margin-right: 0; } footer .f_right .caperey .f_menu_right { display: block; float: left; margin-right: 1.59744%; width: 49.20128%; margin-right: 0; } footer .f_right .caperey .f_menu_right:last-child { margin-right: 0; } footer .f_right .caperey a { color: #bbbfff; text-transform: uppercase; text-decoration: none; display: block; padding-bottom: .75em; } footer .f_right .caperey a:hover { color: #ff1; } footer .f_right .enews { display: block; float: left; margin-right: 1.59744%; width: 49.20128%; margin-right: 0; } footer .f_right .enews:last-child { margin-right: 0; } footer .f_right .enews #mc_embed_signup { margin-top: 4.5em; } footer .f_right .enews #mc_embed_signup form { padding: 0; } footer .f_right .enews #mc_embed_signup form input[type="email"] { font-size: 1em; font-family: AvenirLTStd-Medium; font-style: normal; font-weight: normal; position: relative; border: 1px solid #ababab; height: 50px; color: #ababab; padding-left: 1em; } footer .f_right .enews #mc-embedded-subscribe { width: 50px; height: 50px; display: block; position: absolute; top: 0; right: 0; background: #58acd1; color: #FFF; margin-top: .5em; min-width: 0px; margin: 0; text-align: center; border-radius: 0px; padding: 0 5px; font-family: AvenirLTStd-Light; font-style: normal; font-weight: normal; } footer .f_right .enews #mc-embedded-subscribe:hover { background: #003c71; } footer .f_right .enews #mc_embed_signup div#mce-responses { padding: 0; } footer .f_right .enews #mc_embed_signup div.response { font-family: AvenirLTStd-Light; font-style: normal; font-weight: normal; font-size: 0.9375em; } footer .f_right .enews #mc_embed_signup #mce-success-response { padding: 1em 0; color: #003c71; } footer .f_right .enews .mc-field-group { margin-top: .5em; } footer .toTop { position: absolute; bottom: 10px; right: 150px; display: block; } footer .toTop a { color: #003c71; text-decoration: none; padding-right: .5em; } footer .toTop a img { position: relative; top: 2px; } /*-------------------------------------- Global Elements ---------------------------------------*/ .push_right { margin-left: 1.25em; } p.more_info { line-height: 1.25em !important; text-align: right; } .wp_content p.manual_button { margin-top: 5em; clear: left; } .rfp_give_us_a_call_byline a { color: #58acd1; text-decoration: none; } .rfp_give_us_a_call_byline a:hover { color: #003c71; } .gallery_page h1.pg_title { margin-bottom: 3em; } .gallery_page .ngg-gallery-thumbnail-box { margin-right: 0; } .gallery_page .ngg-gallery-thumbnail img { border: none; margin: 0; padding: 0; } .gallery_page .rfp_wrapper { right: 98px; } .gallery_page .ngg-navigation a.page-numbers, .gallery_page .ngg-navigation a.next, .gallery_page .ngg-navigation a.prev, .gallery_page .ngg-navigation span.page-numbers, .gallery_page .ngg-navigation span.next, .gallery_page .ngg-navigation span.prev { border: none; transition: none; } .gallery_page .ngg-navigation a.page-numbers:hover, .gallery_page .ngg-navigation a.next:hover, .gallery_page .ngg-navigation a.prev:hover, .gallery_page .ngg-navigation span.page-numbers:hover, .gallery_page .ngg-navigation span.next:hover, .gallery_page .ngg-navigation span.prev:hover { color: white; background: #a3c8e3; } body div#fancybox-overlay { background-color: #003c71 !important; } /*-------------------------------------- Imports ---------------------------------------*/ /***********************************************************************************/ /* Editor Content - Anything that goes into Wordpress */ /***********************************************************************************/ .wp_content { padding: 1em 0; min-height: 250px; margin-bottom: 2.5em; } .wp_content div, .wp_content p, .wp_content ol, .wp_content ul, .wp_content dl, .wp_content dd, .wp_content table { line-height: 1.25em; } .wp_content p { margin: 1em 0; } .wp_content a { color: #fff; text-decoration: none; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } .wp_content a:hover { color: #a3c8e3; text-decoration: none; } .wp_content ol { margin: 1em 0 1em 3em; } .wp_content ol li { list-style: decimal; padding: .25em 0; } .wp_content ol li ol { margin-left: 1.25em; } .wp_content ol ol { margin-left: 1.25em; } .wp_content ul { margin: 1em 0 1em 3em; } .wp_content ul li { list-style: disc; padding: .25em; } .wp_content ul li ul { margin-left: 0; } .wp_content ul li ul li { list-style: none; } .wp_content ul li ul li:before { content: "-"; margin-right: .25em; } .wp_content dl { margin: 1em 0 1em 0; } .wp_content dl dt, .wp_content dl dd { padding: .25em 0; } .wp_content dl dt { font-weight: bold; } .wp_content p { margin: 1em 0; line-height: 1.5em; color:#fff;text-shadow:-1px 1px 1px #000 } .wp_content b, .wp_content strong { font-weight: bold; font-family: 'AvenirLTStd-Black', sans-serif; font-style: normal; font-weight: normal; } .wp_content i, .wp_content em { font-style: italic; } .wp_content i.fa, .wp_content e.fa { font-style: normal; } .wp_content blockquote { display: block; margin: 1em 0; padding: 7px 1em; color: white; background: #c6b9ad; } .wp_content blockquote p { margin: 0; } .wp_content #wpcf7-f44-p14-o1 br { display: none; } .wp_content #wpcf7-f44-p14-o1 p { margin: .25em 0; } .wp_content .aligncenter, .wp_content .alignleft, .wp_content .alignright, .wp_content .alignnone { padding: 3px; z-index: 1; } .wp_content img.aligncenter, .wp_content img.alignLeft, .wp_content img.alignright, .wp_content img.alignnone { max-width: 100%; height: auto !important; } .wp_content .alignleft { float: left; margin: 1em 2em 1.5em 0; } .wp_content .alignright { float: right; margin: 1em 0 1.5em 2em; } .wp_content .aligncenter, .wp_content img.centered { display: block; margin: 1em auto 1em; } .wp_content .no_top_margin img { margin-top: 0 !important; } .wp_content .wp-caption { text-align: center; color: #c6b9ad; } @media screen and (max-width: 1204px) { .wp_content .wp-caption { width: 100% !important; height: auto !important; } } .wp_content .wp-caption .wp-caption-text { margin-bottom: 0; font-size: 12px; font-style: italic; } .wp_content .video-container + p { margin-top: 1.5em; } .wp_content .tag-container { border: 1px solid #e4e4e4; border-width: 1px 0; font-style: italic; font-size: 12px; color: #c9c9c9; line-height: 42px; margin-top: 3em; } .wp_content .post-navigation { text-align: center; font-size: 12px; line-height: 42px; } .wp_content .article-author { background: #fafafa; border-top: 1px solid #d7d7d7; padding: 3em; -webkit-box-shadow: inset 5px 0 0 #ededed, inset -5px -5px 0 #ededed; } .wp_content .article-author p { margin-bottom: 0; } /***********************************************************************************/ /* CSS Buttons */ /***********************************************************************************/ body .info_button, .wp_content .info_button { text-transform: uppercase; font-weight: 500; text-decoration: none; display: inline-block; padding: .25em 30px .25em 0; background-image: url("images/arrows/arrow_right-circle-white.png"); background-position: 100% 40%; background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { body .info_button, .wp_content .info_button { background-image: url("images/arrows/arrow_right-circle-white_2x.png"); background-size: 16px 16px; background-repeat: no-repeat; } } body .info_blue, .wp_content .info_blue { color: #003c71; background-image: url("images/arrows/arrow_right-circle-blue.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { body .info_blue, .wp_content .info_blue { background-image: url("images/arrows/arrow_right-circle-blue_2x.png"); background-size: 16px 16px; background-repeat: no-repeat; } } body .info_blue:hover, .wp_content .info_blue:hover { color: #0057a4; } body .info_white, .wp_content .info_white { color: white; background-image: url("images/arrows/arrow_right-circle-white.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { body .info_white, .wp_content .info_white { background-image: url("images/arrows/arrow_right-circle-white_2x.png"); background-size: 16px 16px; background-repeat: no-repeat; } } body .info_white:hover, .wp_content .info_white:hover { color: #e6e6e6; } body .button, body input[type="submit"], body .wp_content input[type="submit"], .wp_content body input[type="submit"], .wp_content .button, .wp_content input[type="submit"] { font-size: 22px; display: inline-block; padding: .5em .2em; border: 2px solid #FFF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-decoration: none; font-family: 'AvenirLTStd-Black', sans-serif; font-style: normal; font-weight: normal; min-width: 200px; text-align: center; } body .button1, .wp_content .button1 { color: #FFF; background: black; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } body .button1:hover, .wp_content .button1:hover { color: #FFF; background: #c6b9ad; text-decoration: none; cursor: pointer; } body .button2, .wp_content .button2 { color: #FFF; background: #c6b9ad; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } body .button2:hover, .wp_content .button2:hover { color: #FFF; background: #ad9a89; text-decoration: none; cursor: pointer; } body .button_container, .wp_content .button_container { margin-top: .5em; } body .lg_button, .wp_content .lg_button { display: inline-block; font-family: 'AvenirLTStd-Black', sans-serif; font-style: normal; font-weight: normal; font-size: 2.25em; width: 100%; background: #c6b9ad; color: #FFF; padding: 1.6em 0; text-align: center; text-decoration: none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } body .lg_button:hover, .wp_content .lg_button:hover { color: black; background: #64513d; } body input[type="submit"], .wp_content input[type="submit"] { color: #FFF; background: black; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } body input[type="submit"]:hover, .wp_content input[type="submit"]:hover { color: #FFF; background: #c6b9ad; text-decoration: none; cursor: pointer; } body #comments .button, body #comments input[type="submit"], .wp_content #comments .button, .wp_content #comments input[type="submit"] { font-size: 16px; } @media screen and (max-width: 801px) { body .lg_button, .wp_content .lg_button { font-size: 1.625em; } } /***********************************************************************************/ /* Form Fields, Inputs, Textareas (NOT IN THE WP Editor) */ /***********************************************************************************/ /*-------------------------------------- Form Elements ---------------------------------------*/ /* Main Pages */ .wp_content input[type="text"], .wp_content textarea, .wp_content input[type="email"], .wp_content input[type="tel"], .wp_content input[type="password"], .wp_content input[type="number"], .wp_content input[type="date"] { background: #FFF; display: block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #003c71 !important; width: 60%; padding: .6em; font-size: 16px; margin: 0 0 .5em 0; border: 1px solid #c6b9ad; } .wp_content input[type="text"]:focus, .wp_content textarea:focus, .wp_content input[type="email"]:focus, .wp_content input[type="tel"]:focus, .wp_content input[type="password"]:focus, .wp_content input[type="number"]:focus, .wp_content input[type="date"]:focus { border-color: black; } @media screen and (max-width: 736px) { .wp_content input[type="text"], .wp_content textarea, .wp_content input[type="email"], .wp_content input[type="tel"], .wp_content input[type="password"], .wp_content input[type="number"] { width: 100%; height: auto; } } .wp_content textarea { width: 100%; } .wp_content span.wpcf7-not-valid-tip { color: #cc0000; } .wp_content div.wpcf7-validation-errors { border-color: #CC0000; font-size: 16px; margin-left: 0; width: 100%; } .wp_content div.wpcf7-mail-sent-ok { border-color: #7abc2f; background: #7abc2f; color: #FFF; padding: .25em 1em; margin-left: 0; width: 100%; } .wp_content ::-webkit-input-placeholder { color: #646464; } .wp_content :-moz-placeholder { /* Firefox 18- */ color: #646464; } .wp_content ::-moz-placeholder { /* Firefox 19+ */ color: #646464; } .wp_content :-ms-input-placeholder { color: #646464; } .wp_content p.more_info input[type="submit"] { background: none; color: #003c71; font-family: AvenirLTStd-Medium; font-style: normal; font-weight: normal; font-size: 1em; text-transform: uppercase; } .wp_content p.more_info input.info_button { text-transform: uppercase; font-weight: 500; text-decoration: none; display: inline-block; padding: .25em 30px .25em 0; background-image: url("images/arrows/arrow_right-circle-white.png"); background-position: 100% 40%; background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .wp_content p.more_info input.info_button { background-image: url("images/arrows/arrow_right-circle-white_2x.png"); background-size: 16px 16px; background-repeat: no-repeat; } } .wp_content p.more_info input.info_blue { color: #003c71; background-image: url("images/arrows/arrow_right-circle-blue.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .wp_content p.more_info input.info_blue { background-image: url("images/arrows/arrow_right-circle-blue_2x.png"); background-size: 16px 16px; background-repeat: no-repeat; } } .wp_content p.more_info input.info_blue:hover { color: #0057a4; } .wp_content span.wpcf7-list-item { margin-left: 0; } /* Footer */ .f_form .input_contain { position: relative; height: 35px; width: 100%; } .f_form .input_contain input[type="email"] { width: 100%; height: 100%; background: #FFF; color: #737373; border: 1px solid #FFF; font-size: 12px; padding: 0 1em; } .f_form .input_contain input#mc-embedded-subscribe { position: absolute; top: 3px; right: 10px; } .f_form .input_contain input[type="text"], .f_form .input_contain textarea, .f_form .input_contain input[type="email"], .f_form .input_contain input[type="tel"] { background: #FFF; display: block; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; color: #666; width: 100%; padding: .4em 1em; font-size: 12px; margin: 0 0 1em 0; border: 1px solid #FFF; } @media screen and (max-width: 801px) { #post-22 input[type=checkbox] { height: auto; width: auto; font-size: 16px; color: #777777 !important; vertical-align: middle; } } /*-------------------------------------- Homepage Only ---------------------------------------*/ .homepage_block { zoom: 1; min-height: 500px; } .homepage_block:before, .homepage_block:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .homepage_block:after { clear: both; } .block2 .push_right h4, .block3 .push_right h4 { margin-top: .25em; } .homepage_block.block1 { background: #64513d; color: #FFF; } .homepage_block.block1 p { margin-left: 0 !important; } .homepage_block.block1 p.more_info { margin-top: 2em; } .home_adventures h2.title_icon { margin-left: .5em; } .home_adventures .push_right { max-width: 275px; } .home_adventures .push_right p { text-align: justify; } .home_adventures p.more_info { margin-top: 1em; text-align: right; margin-right: .5em; } .block2 { position: relative; zoom: 1; } .block2:before, .block2:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .block2:after { clear: both; } .block2 .social_buttons { position: absolute; bottom: 0; left: 0; width: 32.26837%; } .block2 .social_buttons a { margin-left: 3em; } .pull_left { margin-left: -1.59744%; } .packages_block { background: #64513d; min-height: 571px; } .social_feed { padding-left: 3em; } ul.really_simple_twitter_widget { padding: 1em 2em 3em 0; } ul.really_simple_twitter_widget li { padding-left: 35px; margin-bottom: 5em; background-image: url("images/buzz/icon_buzz-twitter-black.png"); background-position: top left; background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { ul.really_simple_twitter_widget li { background-image: url("images/buzz/icon_buzz-twitter-black_2x.png"); background-size: 24px 24px; background-repeat: no-repeat; } } ul.really_simple_twitter_widget li a { color: #003c71; text-decoration: none; } ul.really_simple_twitter_widget li a:hover { color: #a3c8e3; } ul.really_simple_twitter_widget span.rstw_comma { display: none; } ul.really_simple_twitter_widget span.twitter-timestamp { display: block; font-size: 0.75em; text-transform: uppercase; font-family: AvenirLTStd-Light; font-style: normal; font-weight: normal; padding-top: .15em; } .social_buttons a { display: block; padding: 1.25em 2em; text-transform: uppercase; font-family: AvenirLTStd-Light; font-style: normal; font-weight: normal; color: white; text-decoration: none; text-align: center; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .social_buttons a.fb { background: #003c71; } .social_buttons a.fb:hover { background: #00213e; } .social_buttons a.twitter { background: #58acd1; } .social_buttons a.twitter:hover { background: #3596c1; } .social_buttons a.google { background: #89cc4b; } .social_buttons a.google:hover { background: #70b232; } .social_buttons a.youtube { background: #dd2826; } .social_buttons a.youtube:hover { background: #b41e1c; } .instagram_block p { margin-top: 1.5em; } .special_offers_block { background: #64513d; color: white; padding: 2em; margin-right: -1px; } .special_offers_block .offers_inside { padding: 0 5em; } .special_offers_block h4 { color: white; } .special_offers_block h4 + p { margin-top: 0; } .special_offers_block p { margin: 2em 0; } .special_offers_block .more_info a { color: white; margin-right: 1em; } .special_offers_block .more_info a:hover { color: #d9d9d9; } /***********************************************************************************/ /* Accordion Code */ /***********************************************************************************/ dl.accordion .accord_row { margin-bottom: 1em; border: 1px solid transparent; } dl.accordion br { display: none !important; } dl.accordion dt { clear: left; } dl.accordion .faq_title { margin-left: 50px; margin-bottom: 1em; display: block; text-decoration: none; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; color: #c6b9ad; } dl.accordion .faq_title:hover { cursor: pointer; color: #7abc2f; } dl.accordion dd { display: none; margin-left: 75px; } .wp_content a.faq_icon { display: block; background: url("images/btn-plus-minus.png") 0 0 no-repeat; height: 30px; width: 30px; float: left; text-indent: -999em; position: relative; top: -1px; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; } .wp_content a.active_question { background-position: 0 -30px; } .wp_content a.active_question:hover { background-position: 0 -30px; } /***********************************************************************************/ /* events.scss */ /***********************************************************************************/ div.event_search { margin-top: 2em; } div.event_search a.em-toggle { color: #58acd1; text-decoration: none; } div.event_search a.em-toggle:hover { color: #003c71; } div.event_search div.css-search { border: 2px solid #646464; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-width: 2px 0 0 0; } div.event_search div.css-search input.em-search-text, div.event_search div.css-search input.em-search-geo { width: 50%; } div.event_search div.css-search div.em-search-main .em-search-submit { display: none; } div.event_search div.css-search div.em-search-options { text-align: left; } div.event_search div.css-search.has-advanced div.em-search-main { border: none; } .css-events-list h2 { color: #ababab; font-family: AvenirLTStd-Light; font-style: normal; font-weight: normal; text-transform: uppercase; margin: 1em 0; clear: both; } .css-events-list div.event_row { margin-left: 5em; zoom: 1; border: 2px solid #666666; border-width: 2px 0 0 0; padding: 1em 0 0 0; margin-bottom: 0; } .css-events-list div.event_row:before, .css-events-list div.event_row:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .css-events-list div.event_row:after { clear: both; } .css-events-list div.trigger_row { position: relative; zoom: 1; margin-bottom: 1.5em; } .css-events-list div.trigger_row:before, .css-events-list div.trigger_row:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .css-events-list div.trigger_row:after { clear: both; } .css-events-list div.trigger_row:hover { cursor: pointer; } .css-events-list div.trigger_row .event_date { font-size: 3.75em; color: #ababab; font-family: 'AvenirLTStd-Black', sans-serif; font-style: normal; font-weight: normal; position: relative; top: 20px; } .css-events-list div.trigger_row .event_title { color: #646464; font-size: 1.75em; padding-top: .25em; line-height: 1.25em; } .css-events-list div.trigger_row .arrow_trigger { display: block; width: 28px; height: 28px; background-image: url("images/arrows/bg_arrow-list-detail-gray.png"); background-position: 0 -28px; text-indent: -999em; position: absolute; top: 5px; right: 40px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .css-events-list div.trigger_row .arrow_trigger { background-image: url("images/arrows/bg_arrow-list-detail-gray_2x.png"); background-size: 28px 56px; background-repeat: no-repeat; } } .css-events-list div.trigger_row .arrow_trigger_open { background-position: 0 0; width: 28px; height: 28px; } .css-events-list div.event_content { clear: left; display: block; float: left; margin-right: 1.59744%; width: 66.13419%; margin-left: 16.93291%; margin-right: 0; display: none; } .css-events-list div.event_content:last-child { margin-right: 0; } .css-events-list div.event_content p { margin: 1em 0; } .css-events-list div.event_content p.more_info { text-align: right; margin-top: 1em; clear: left; padding-bottom: 1em; } .css-events-list a { color: #003c71; text-decoration: none; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } .css-events-list a:hover { color: #a3c8e3; text-decoration: none; } .css-events-list p.more_info a[href=''], .css-events-list p.more_info a[href='#'] { display: none; } @media screen and (max-width: 667px) { div.event_search .em-search-scope label, div.event_search .em-search-scope input { display: block; width: 100%; margin-bottom: .5em; } .css-events-list h2 { font-size: 2.25em; } .css-events-list div.event_row { margin-left: 0; padding-top: 0; } .css-events-list .span_2 { display: block; float: left; margin-right: 1.59744%; width: 15.33546%; } .css-events-list .span_2:last-child { margin-right: 0; } .css-events-list .span_8 { display: block; float: left; margin-right: 1.59744%; width: 66.13419%; margin-right: 0; } .css-events-list .span_8:last-child { margin-right: 0; } .css-events-list div.trigger_row { padding: 1em 0; } .css-events-list div.trigger_row .event_date { font-size: 2.25em; top: 10px; } .css-events-list div.trigger_row .event_title { font-size: 1.125em; } .css-events-list div.trigger_row p:first-child { margin-top: 0; } .css-events-list div.trigger_row .arrow_trigger { top: 20px; } .css-events-list div.event_content { display: block; float: left; margin-right: 1.59744%; width: 100%; margin-left: 0%; margin-right: 0; display: none; margin-top: -1em; } .css-events-list div.event_content:last-child { margin-right: 0; } } @media screen and (max-width: 320px) { .css-events-list div.trigger_row .arrow_trigger { right: 5px; } } /***********************************************************************************/ /* Events Single Page */ /***********************************************************************************/ #wp_content_81 div.em-search-wrapper { display: none; } .c_right { padding: 2em; } .parking_box { background: #64513d; color: #FFF; padding: 4em 2em; } .parking_box h3 { color: #FFF; } .parking_box .parking_cols { padding-left: 2em; } div#pl-22 { position: relative; } div#pl-22 #panel-22-2-1-1 { position: absolute; bottom: 0; right: -20px; width: 33.333%; } section#post-22 p.more_info { text-align: center; } /***********************************************************************************/ /* Wordpress Blog Posts */ /***********************************************************************************/ .sidebar_border { border-right: 1px solid #7abc2f; padding-right: 1em; margin-bottom: 1em; margin-top: 1em; padding-top: 0; } .sidebar_border_left { border-left: 1px solid #7abc2f; padding-left: 1em; margin-bottom: 1em; margin-top: 1em; padding-top: 0; } .wp_content .post_body { margin-bottom: .5em; zoom: 1; } .wp_content .post_body:before, .wp_content .post_body:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .wp_content .post_body:after { clear: both; } .wp_content .post_body .f_image { display: block; float: left; margin-right: 1%; width: 25%;;border-radius:5px;padding-left:20px;padding-right:10px;text-align:right } .wp_content .post_body .f_image img { ;;border-radius:5px;box-shadow:-3px 3px 15px #000 } .wp_content .post_body .f_image:last-child { margin-right: 0; } .wp_content .post_body .f_copy { display: block; float: left; margin-right: 1%; width: 72%; } .wp_content .post_body .f_copy:last-child { margin-right: 0; } .wp_content .post_body .f_copy p { line-height: 20px; color: #FFFFFF;text-shadow:1px 1px 1px #000} .wp_content .post_body .post_meta { font-size: 16px; color: #ff1; } .wp_content .post_body h1 { margin-top: 0; margin-bottom: .25em;font-size:160%;font-weight:bold;text-transform:uppercase;color:#fff;;text-shadow:1px 1px 1px #000 } .wp_content .post_body h1 a { color: black; text-decoration: none; font-weight: 400; margin-top: 0; color:#fff} .wp_content .post_body h1 a:hover { color: #a3c8e3; text-decoration: none !important; border-bottom: none; } .prev_post_link a, .next_post_link a { display: inline-block; width: 30px; height: 30px; margin-right: .35em; text-indent: -99em; } .prev_post_link a { background: url("images/btn-previous_post.png") 0 0 no-repeat; } .next_post_link a { background: url("images/btn-next_post.png") 0 0 no-repeat; } aside.sidebar { padding-left: 5px; padding-top: 1em; } @media screen and (max-width: 640px) { aside.sidebar { padding-left: 0; } } aside.sidebar h4 { text-transform: uppercase; margin-bottom: 0; } aside.sidebar ul { margin: 0 0 1em 0; } aside.sidebar ul { } aside.sidebar ul li { list-style: circle;max-width:80% ;; margin:15px;; font-size:90%;text-transform:uppercase} aside.sidebar ul li a {text-decoration:none} aside.left_sidebar h4, aside.left_sidebar ul { margin-left: 0; } .wp_content div.wp-pagenavi { padding-bottom: 1.5em; margin-left: .25em; } .wp_content div.wp-pagenavi .pages { display: none; } .wp_content div.wp-pagenavi a, .wp_content div.wp-pagenavi span { border: none; display: inline-block; font-family: 'AvenirLTStd-Black', sans-serif; font-style: normal; font-weight: normal; font-size: 1.25em; border: 1px solid transparent; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; min-width: 30px; padding: 4px 2px; text-align: center; color: #FFF; background: #7abc2f; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .wp_content div.wp-pagenavi a:hover, .wp_content div.wp-pagenavi span:hover { text-decoration: none; border-color: transparent; background: black; } .wp_content div.wp-pagenavi span.extend { background: none; color: #003c71; } .wp_content div.wp-pagenavi span.current { background: black; } article.single-post { padding-left: 2em; padding-right: 2em; } article.single-post .single_featured_image { display:none /* float: left; margin-right: 1em; margin-bottom: .35em; margin-top: 1em;*/ } .comments-area { margin-top: 2em; border-top: 1px solid #7abc2f; padding-top: 2em; } .wp_content ol.comment-list { margin: 1em 0 1em 0; list-style: none; } .wp_content ol.comment-list li { margin: 0 0 1em; padding: 1.5em; list-style: none; background: #eee; } .wp_content ol.comment-list li a { font-size: 0.875em; } .wp_content ol.comment-list li ul.children li { border-left: 2px solid #64513d; } .wp_content ol.comment-list li:nth-child(even) { background: #f6f6f6; } .wp_content ol.comment-list li.comment-author-steve_berger { border: 1px solid black; } .wp_content ol.comment-list .comment-author { margin-bottom: 1em; } div#respond h3 { clear: both; margin-top: 0; } @media screen and (max-width: 375px) { article.single-post .single_featured_image { float: none; margin-right: 0; margin-left: 0; margin-bottom: 1em; margin-top: 1em; } } .feature_block { zoom: 1; clear: left; margin-bottom: 0; margin-top: 0; position: relative; } .feature_block:before, .feature_block:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .feature_block:after { clear: both; } .feature_block .f_image img { max-width: 100%; height: auto !important; display: block; margin: 0; } .feature_block .f_content { position: relative; padding: 5em 3em; min-height: 400px; line-height: 1.5em; } .feature_block .f_content p.more_info { margin-top: 1em; display: block; text-align: right; margin-right: .5em; position: absolute; bottom: 0; right: 1.5em; padding: 0; } .odd .f_image img { text-align: right; position: relative; right: 0; } .celebrations .feature_block .f_content { padding: 2em 3em; } /*-------------------------------------- Title Icons ---------------------------------------*/ .title_icon { font-size: 1.875em; text-transform: uppercase; padding: 1em 0 1em 80px; } .title_white { color: #FFF; } .events_title { background-image: url("images/round-icons/icon_events-white.png"); background-position: left center; background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .events_title { background-image: url("images/round-icons/icon_events-white_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } .adventure_title { background-image: url("images/round-icons/icon_adventures-black.png"); background-position: left center; background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .adventure_title { background-image: url("images/round-icons/icon_adventures-black_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } .buzz_title { background-image: url("images/buzz/icon_buzz-black.png"); background-position: left center; background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .buzz_title { background-image: url("images/buzz/icon_buzz-black_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } .photos_title { background-image: url("images/round-icons/icon_photos-black.png"); background-position: left center; background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .photos_title { background-image: url("images/round-icons/icon_photos-black_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } .offers_title { background-image: url("images/round-icons/icon_photos-white.png"); background-position: left center; background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .offers_title { background-image: url("images/round-icons/icon_photos-white_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } /*-------------------------------------- Stay Title ---------------------------------------*/ @media screen and (max-width: 736px) { h1.mobile_title { display: block; font-size: 1.625em; font-family: AvenirLTStd-Light; font-style: normal; font-weight: normal; text-transform: uppercase; text-align: center; padding-left: 66px; line-height: 56px; background-image: url("images/round-icons/icon_stay-gray.png"); background-position: 20% center; background-repeat: no-repeat; } h1.long_title { padding-left: 0em; } h1.grey_title { color: #646464; } h1.title_stay { background-image: url("images/round-icons/icon_stay-gray.png"); } h1.title_location { background-image: url("images/round-icons/icon_location-gray.png"); } h1.title_packages { background-image: url("images/round-icons/icon_packages-gray.png"); } h1.title_catering { background-image: url("images/round-icons/icon_activities-gray.png"); } h1.title_venues { background-image: url("images/round-icons/icon_facilities-venues-gray.png"); } h1.title_planning { background-image: url("images/round-icons/icon_planning-gray.png"); } h1.title_testimonials { background-image: url("images/buzz/icon_buzz-testimonies-gray.png"); background-position: 0 0; } h1.title_gallery { background-image: url("images/round-icons/icon_photos-gray.png"); } h1.title_contact { background-image: url("images/round-icons/icon_contact-gray.png"); } } @media only screen and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 736px) and (min-resolution: 1.3dppx) { h1.mobile_title { background-image: url("images/round-icons/icon_stay-gray_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } @media screen and (max-width: 736px) and (max-width: 320px) { h1.mobile_title { background-position: 0 0; padding-left: 1.35em; } } @media screen and (max-width: 736px) and (max-width: 320px) { h1.long_title { background-position: 0 0; padding-left: 2.5em; } } @media only screen and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 736px) and (min-resolution: 1.3dppx) { h1.title_stay { background-image: url("images/round-icons/icon_stay-gray_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } @media only screen and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 736px) and (min-resolution: 1.3dppx) { h1.title_location { background-image: url("images/round-icons/icon_location-gray_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } @media only screen and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 736px) and (min-resolution: 1.3dppx) { h1.title_packages { background-image: url("images/round-icons/icon_packages-gray_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } @media only screen and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 736px) and (min-resolution: 1.3dppx) { h1.title_catering { background-image: url("images/round-icons/icon_activities-gray_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } @media only screen and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 736px) and (min-resolution: 1.3dppx) { h1.title_venues { background-image: url("images/round-icons/icon_facilities-venues-gray_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } @media only screen and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 736px) and (min-resolution: 1.3dppx) { h1.title_planning { background-image: url("images/round-icons/icon_planning-gray_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } @media only screen and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 736px) and (min-resolution: 1.3dppx) { h1.title_testimonials { background-image: url("images/buzz/icon_buzz-testimonies-gray_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } @media only screen and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 736px) and (min-resolution: 1.3dppx) { h1.title_gallery { background-image: url("images/round-icons/icon_photos-gray_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } @media only screen and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 736px) and (min-resolution: 1.3dppx) { h1.title_contact { background-image: url("images/round-icons/icon_contact-gray_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } /*-------------------------------------- Small Screens Import ---------------------------------------*/ @media screen and (max-width: 1204px) { /***********************************************************************************/ /* Desktop Min View */ /***********************************************************************************/ img, object, video, embed { max-width: 100%; height: auto !important; } header.masthead .mainNav ul li a { padding: .15em .25em; width: auto; text-align: left; border: none; margin-right: 1.5em; font-family: 'AvenirLTStd-Black', sans-serif; font-style: normal; font-weight: normal; } header.masthead .mainNav ul li a:hover { background: white; color: #666666; } header.masthead .revNav { background: #FFF; padding-top: 1em; padding-bottom: 1em; margin-top: 0; border-bottom: 2px solid #ababab; } header.masthead .revNav ul li a { background: #FFF; border-color: #ababab; color: #ababab; } header.masthead .revNav ul li a:hover { background: #ababab; color: #FFF; } h2.f_title { font-size: 1.5em; } .feature_block .f_content { padding: 3em 3em 0; min-height: inherit; } .feature_block .f_content p.more_info { position: static; display: block; } .feature_block .f_content .more_info a { position: static; display: block; } h1 br, h2 br, h3 br, h4 br, h5 br, h6 br { display: none; } footer .f_left { background-size: 44px 42px; background-position: 20px 56%; } /***********************************************************************************/ /* iPad Portrait */ /***********************************************************************************/ /***********************************************************************************/ /* iPhone 6 Landscape - MAJOR BREAKPOINT HAPPENS HERE */ /***********************************************************************************/ /***********************************************************************************/ /* iPhone 5 Landscape */ /***********************************************************************************/ /***********************************************************************************/ /* iPhone 6 Portrait */ /***********************************************************************************/ /***********************************************************************************/ /* iPhone 4 and 5 Portrait */ /***********************************************************************************/ } @media screen and (max-width: 1204px) and (max-width: 801px) { .mobile_only { display: block; } .desktop_only { display: none; } #awesome-weather-carlsbad { display: none; } .background_wrapper { background: #000 !important; opacity: 0 !important; } iframe { width: 100% !important; height: auto; } header.masthead .mainNav ul li a { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: none; padding: 0 .25em; width: auto; font-family: 'AvenirLTStd-Black', sans-serif; font-style: normal; font-weight: normal; margin-right: 4px; } header.masthead .mainNav ul li a:hover { background: white; color: #666666; } header.masthead .revNav { background: #FFF; padding-top: 1em; padding-bottom: 1em; margin-top: 0; border-bottom: 2px solid #ababab; } header.masthead .revNav ul li a { background: #FFF; border-color: #ababab; color: #ababab; } header.masthead .revNav ul li a:hover { background: #ababab; color: #FFF; } header.masthead .header_text {display:none} .feature .ls-v5 a.ls-nav-prev, .feature .ls-v5 a.ls-nav-next { display: none !important; } .feature .booking_wrapper { right: 0; width: 225px; } .booking_form { padding-top: .75em; } .booking_form table th { font-size: 0.875em; } .booking_form .res_assist { text-align: center; } .booking_form .fr { display: block; float: none; } .feature_block .f_content { min-height: 0px; padding: 2em 1.25em; } .feature_block .f_content h2 { font-size: 1.15em; } .feature_block .f_content p { font-size: 0.875em; line-height: 1.5em; } .wp_content { min-height: 250px; } .homepage_content { padding-left: 0; } .homepage .homepage_events { display: block; float: left; margin-right: 1.59744%; width: 100%; margin-right: 0; } .homepage .homepage_events:last-child { margin-right: 0; } .homepage .span_4_full, .homepage .span_8_full { display: block; float: left; margin-right: 1.59744%; width: 100%; margin-right: 0; } .homepage .span_4_full:last-child, .homepage .span_8_full:last-child { margin-right: 0; } .homepage .social_feed, .homepage .instagram_block { display: none; } .homepage .home_adventures .push_right { max-width: 100%; padding: 1em; margin-left: 0; } aside.rfp_widget { width: 220px; } aside.rfp_widget .rfp_wrapper { width: 230px; font-size: 0.875em; right: 0px; margin-top: -95px; } aside.rfp_widget .rfp_phone_number { font-size: 2em; } aside.rfp_widget .rfp_header a { padding-left: 65px; background-size: 40px 40px; } .panel-grid { clear: left; } .contact_attractions { clear: left; padding: .5em; } .contact_attractions h2 br { display: none; } .contact_text_holder { display: block; float: left; margin-right: 1.59744%; width: 57.66773%; margin-left: 8.46645%; } .contact_text_holder:last-child { margin-right: 0; } .contact_text_holder #pgc-22-0-0 { display: none; } #pl-22 div#pl-22 #panel-22-2-1-1 { display: block; position: static; } #pl-22 div#panel-22-2-1-0, div#pl-22 div#panel-22-2-1-1 { display: block; float: left; width: 50%; margin: 0; } footer .f_right { font-size: 0.875em; } footer .f_right .caperey, footer .f_right .enews { display: block; float: left; margin-right: 1.59744%; width: 100%; margin-right: 0; } footer .f_right .caperey:last-child, footer .f_right .enews:last-child { margin-right: 0; } footer .f_right .enews { margin-top: 1em; } footer .f_left { background-image: none; } footer .f_left .f_container { padding: 1em; text-align: center; } footer .f_left .f_container img { margin: 0 auto; text-align: center; margin-bottom: 1em; } footer .f_right .enews #mc_embed_signup { margin-top: 1em; padding-bottom: 1em; } } @media screen and (max-width: 1204px) and (max-width: 736px) { .ipad_up, .non_mobile { display: none; } .true_mobile { display: block; } .homepage h1.pg_title { display: block; } header.masthead { background: transparent; padding: .5em 0 1em 0; } header.masthead div.logo { position: static; display: block; width: 100%; zoom: 1; text-align: center; padding-left: 0; } header.masthead div.logo:before, header.masthead div.logo:after { content: "\0020"; display: block; height: 0; overflow: hidden; } header.masthead div.logo:after { clear: both; } header.masthead div.logo a { margin: 0 auto; } header.masthead .mainNav { display: none; } .feature .booking_wrapper { display: none !important; } .wp_content { padding: 1em; } .homepage_blocks { display: none; } .homepage .giant_phone { clear: left; font-family: 'AvenirLTStd-Black', sans-serif; font-style: normal; font-weight: normal; font-size: 2.5em; color: #666666; padding: .5em 0 0 0; text-align: center; } .homepage .giant_phone a { color: #666666; text-decoration: none; } h1.pg_title { margin: .5em 0; display: none; } h1.pg_title_single { margin: .5em 0 0 0; display: block; } .feature_block .f_image { padding-right: 1em; } .feature_block .f_content { padding: .5em 0; } .feature_block .f_content p { display: none; } .feature_block .f_content p.more_info { display: none; } .feature_block .f_content a h2, .feature_block .f_content a { text-align: center; color: #003c71; text-decoration: none; padding-right: .5em; } .feature_block .f_content img { margin-left: .5em; position: relative; top: 2px; } .feature_block:nth-child(even) .f_image { padding-right: 0; padding-left: 1em; } .subNav { margin-bottom: .75em; } .subNav li { background-image: url("images/arrows/arrow_right-white.png"); background-position: 95% 50%; background-repeat: no-repeat; display: block; background-color: #a3c8e3; padding: .25em 0; } .subNav li a { display: block; padding: 1.35em 0 1.35em 40%; width: 100%; color: white !important; text-transform: uppercase; text-align: left; text-decoration: none; font-family: AvenirLTStd-Light; font-style: normal; font-weight: normal; font-size: 1.125em; background-image: url("images/round-icons/icon_stay-white.png"); background-position: 25% center; background-repeat: no-repeat; } .subNav li.dark-brown { background-color: #64513d; } .subNav li.green { background-color: #7abc2f; } .subNav li.dark-blue { background-color: #003c71; } .subNav li.light-blue { background-color: #a3c8e3; } .subNav li.pale-blue { background-color: #c4d8e7; } .subNav li.putty-brown { background-color: #a49281; } .subNav li.puke-green { background-color: #c3dd89; } .subNav li.green { background-color: #7abc2f; } .subNav li.icon-location a { background-image: url("images/round-icons/icon_location-white.png"); background-repeat: no-repeat; } .subNav li.icon-packages a { background-image: url("images/round-icons/icon_packages-white.png"); } .subNav li.icon-activities a { background-image: url("images/round-icons/icon_activities-white.png"); } .subNav li.icon-catering a { background-image: url("images/round-icons/icon_catering-white.png"); } .subNav li.icon-venues a { background-image: url("images/round-icons/icon_facilities-venues-white.png"); } .subNav li.icon-planning a { background-image: url("images/round-icons/icon_planning-white.png"); } .subNav li.icon-testimonials a { background-image: url("images/round-icons/icon_buzz-testimonials-white.png"); } .subNav li.icon-gallery a { background-image: url("images/round-icons/icon_photos-white.png"); } .subNav li.icon-contact a { background-image: url("images/round-icons/icon_contact-white.png"); } .subNav li.current_page_item { display: none; } .custom_post .subNav li.current_page_parent { background-image: url("images/arrows/arrow_left-white.png"); background-position: 2% 50%; } .navTrigger { zoom: 1; background: #003c71; width: 100%; position: relative; text-align: center; padding: .35em 0; margin: 1em 0; clear: both; } .navTrigger:before, .navTrigger:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .navTrigger:after { clear: both; } .navTrigger .nav_arrow-up { display: block; width: 18px; height: 10px; background-image: url("images/arrows/arrow_mobile-more-white.png"); background-position: 0 -10px; } .navTrigger .nav_arrow-left { position: absolute; top: 50%; margin-top: -5px; left: 10px; } .navTrigger .nav_arrow-right { position: absolute; top: 50%; margin-top: -5px; right: 10px; } .navTrigger .nav_more { color: #FFF; font-size: 1.125em; text-transform: uppercase; text-align: center; display: inline-block; text-decoration: none; font-family: AvenirLTStd-Light; font-style: normal; font-weight: normal; } .navTriggerOpen .nav_arrow-up { background-position: 0 0; } .mobileNav { display: none; } .mobileNav ul li a { display: block; color: #003c71; font-size: 0.875em; padding: .5em 0 .5em 8em; text-transform: uppercase; text-decoration: none; } .mobileNav ul li a:hover { color: #58acd1; } footer.m_footer .book_a_room a { margin-top: 1em; width: 100%; padding: 2em 0; text-decoration: none; background-position: 20px center; } footer.m_footer .toTop { position: fixed; bottom: 0; left: 0; width: 100%; display: none; background: #f2f2f2; background: rgba(242, 242, 242, 0.8); padding-right: .5em; } footer.m_footer .toTop a { padding: .5em 0; display: inline-block; text-align: right; } .copy { clear: both; font-size: 0.625em; text-transform: uppercase; text-align: center; padding: 1em 0 4em; } #post-22 .wpcf7-list-item { display: block !important; } #post-22 input[type="number"] { width: 100%; } #post-22 .wpcf7 .wpcf7-form textarea.wpcf7-textarea, #post-22 .wpcf7 .wpcf7-form textarea.wpcf7-textarea { margin-left: 0 !important; } #post-22 .wpcf7 .wpcf7-form input.wpcf7-text, #post-22 .wpcf7 .wpcf7-form input.wpcf7-text { margin-left: 0 !important; } } @media only screen and (max-width: 1204px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 1.3dppx) { .subNav li { background-image: url("images/arrows/arrow_right-white_2x.png"); background-size: 23px 23px; background-repeat: no-repeat; } } @media only screen and (max-width: 1204px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 1.3dppx) { .subNav li a { background-image: url("images/round-icons/icon_stay-white_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } @media only screen and (max-width: 1204px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 1.3dppx) { .subNav li.icon-location a { background-image: url("images/round-icons/icon_location-white_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } @media only screen and (max-width: 1204px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 1.3dppx) { .subNav li.icon-packages a { background-image: url("images/round-icons/icon_packages-white_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } @media only screen and (max-width: 1204px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 1.3dppx) { .subNav li.icon-activities a { background-image: url("images/round-icons/icon_activities-white_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } @media only screen and (max-width: 1204px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 1.3dppx) { .subNav li.icon-catering a { background-image: url("images/round-icons/icon_catering-white_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } @media only screen and (max-width: 1204px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 1.3dppx) { .subNav li.icon-venues a { background-image: url("images/round-icons/icon_facilities-venues-white_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } @media only screen and (max-width: 1204px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 1.3dppx) { .subNav li.icon-planning a { background-image: url("images/round-icons/icon_planning-white_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } @media only screen and (max-width: 1204px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 1.3dppx) { .subNav li.icon-testimonials a { background-image: url("images/round-icons/icon_buzz-testimonials-white_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } @media only screen and (max-width: 1204px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 1.3dppx) { .subNav li.icon-gallery a { background-image: url("images/round-icons/icon_photos-white_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } @media only screen and (max-width: 1204px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 1.3dppx) { .subNav li.icon-contact a { background-image: url("images/round-icons/icon_contact-white_2x.png"); background-size: 56px 56px; background-repeat: no-repeat; } } @media only screen and (max-width: 1204px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 1.3dppx) { .custom_post .subNav li.current_page_parent { background-image: url("images/arrows/arrow_left-white_2x.png"); background-size: 23px 23px; background-repeat: no-repeat; } } @media only screen and (max-width: 1204px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (min--moz-device-pixel-ratio: 1.3), only screen and (max-width: 1204px) and (max-width: 736px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 125dpi), only screen and (max-width: 1204px) and (max-width: 736px) and (min-resolution: 1.3dppx) { .navTrigger .nav_arrow-up { background-image: url("images/arrows/arrow_mobile-more-white_2x.png"); background-size: 18px 20px; background-repeat: no-repeat; } } @media screen and (max-width: 1204px) and (max-width: 568px) { #awesome-weather-carlsbad { display: none; } }