/* Theme Name: Boats4Rent Description: A custom wordpress theme for Boats4Rent Version: 99.99.99 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: jda Tags: This theme, like WordPress, is licensed under the GPL. wpdefault is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. */ /*-------------------------------------------------------------- # Fonts --------------------------------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Yellowtail'); @import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900|Raleway:300,400,600|Oswald:200:300:400'); @font-face { font-family: 'Bebas Neue'; src: url('assets/fonts/BebasNeue/bebasneue-webfont.eot'); src: url('assets/fonts/BebasNeue/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BebasNeue/bebasneue-webfont.woff2') format('woff2'), url('assets/fonts/BebasNeue/bebasneue-webfont.woff') format('woff'), url('assets/fonts/BebasNeue/bebasneue-webfont.ttf') format('truetype'), url('assets/fonts/BebasNeue/bebasneue-webfont.svg#bebas_neueregular') format('svg'); font-weight: normal; font-style: normal; } /*font-family: 'Lato', sans-serif;*/ /*font-family: 'Roboto Condensed', sans-serif;*/ /*-------------------------------------------------------------- # General Styles --------------------------------------------------------------*/ html { font-size: 16px; } body { /* font-family: 'Lato', sans-serif; */ font-family: 'Raleway', sans-serif; } a, a:visited { color: #2980B9; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a:hover { color: #B28500; text-decoration: none; } /* * SET INPUT BUTTONS TO LOOK LIKE BTN-PRIMARY (GREEN) */ button, html input[type="button"], input[type="submit"] { background-color: #2A4666; background-image: none; border: none; border-color: #2A4666; border-radius: 4px; box-shadow: none !important; color: #fff; font-size: 16px; line-height: 22px; outline: 0; padding: 5px 10px; } button:hover, button:focus,html input[type="button"]:hover, html input[type="button"]:focus,input[type="submit"]:hover, input[type="submit"]:focus { background-color: #B28500; border-color: #B28500; color: #fff; outline: 0; } .nopad, .nopad .so-panel { margin-bottom: 0 !important; } /*-------------------------------------------------------------- # Structure --------------------------------------------------------------*/ .full { width: 100%; } .main { margin: 0 auto; /*max-width: 1440px;*/ } .container { max-width: 1020px; width: 100%; } /*-------------------------------------------------------------- # Helper Styles --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .no-gutter > [class*='col-'] { padding-right:0; padding-left:0; } .tcenter { text-align: center !important; } .tleft { text-align: left !important; } .tright { text-align: right !important; } .large-text { font-size: 1.25rem; /* 20px */ } .line { /*border: none !important; border-top: 1px solid rgba(42,70,102,0.5);*/ border:0; background: url(assets/images/rope.png) repeat-x center center; height:12px;} .line:last-child {display: none;} .list { list-style: square; margin: 0; padding: 0 0 0 20px; } .list-order { margin: 0 0 15px; padding: 0 0 0 20px; } .btn { border: 1px solid #003040; border-radius: 0; color: #001F3F !important; font-size: 1em; font-weight: 300; height: 50px; letter-spacing: 4px; line-height: 50px; margin: 0 auto; padding: 0; text-align: center; } .btn:hover { background: #B28500; font-size: 1.125em; /*18px*/ font-weight: 700; text-shadow: 0 0 3px #fff; } .video-container { border: 1px solid #ccc; border-radius: 3px; padding: 5px; } .title-line { position: relative; } .title-line span{ background: #fff; position: relative; display: inline-block; padding: 5px 10px 0; z-index: 2;} .title-line:before { background: url(assets/images/rope.png) repeat-x center center; content: ''; display: block; height: 12px; left: 100px; position: absolute; top: 25px; width: 215px; } .title-line:after { background: url(assets/images/rope.png) repeat-x center center; content: ''; display: block; height: 12px; right: 100px; position: absolute; top: 25px; width: 215px; } .blue { color: #004C7F !important; } .red-txt, .red { color: #CC0000 !important; } .green { color: #006600 !important; } .gold { color: #B28500 !important; } .picture-frame { border-radius: 3px; box-shadow: 0 0 5px #222; padding: 2px; } .no-border { border: none !important; } .default-btn { border: 1px solid #333; color: #333 !important; display: inline-block; font-weight: 700 !important; letter-spacing: 2px; padding: 10px 15px; text-align: center; } .default-btn.btn-large { padding: 20px 35px; } p.title-line::before{ background:none;} p.title-line::after{ background:none;} /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ #masthead .logo{ width:130px; } .site-header { background: rgba(0,32,64,0.9); border-bottom: 1px solid #B28500; left: 0; margin: 0 auto; padding: 3px 0; position: relative; right: 0; width: 100%; z-index: 1000; } .site-header .container { max-width: 1070px; position: relative; padding:3px 0; } /* .site-header .left { float: left; text-align: center; position: relative; width:42.1731%; z-index: 999; } .site-header .right { float: right; max-width: 66.82692307692308%; margin-top: 10px; text-align: right; position: relative;z-index: 99} .site-header .center {position: absolute; left:0; right:0; top:15px; text-align:center;} .site-header .center h4 {color:#fff; font-weight:700;} */ .site-header .left { text-align: center; } .site-header .center { color: #fff; text-align: center; } .site-header .center h4 { font-weight: 700; } .site-header .right { margin-top: 10px; text-align: right; } .site-branding { /*max-width: 350px;*/ /*max-width: 415px;*/ max-width: 455px; } .site-branding, .entry-title { font-family: 'Raleway', sans-serif; } .site-title { font-size: 2.5em; /*40px*/ } .site-description { color: #fff;font-family: 'Raleway', sans-serif; font-size: 1em; /*24px*/ font-weight: 400; margin: 10px 0; vertical-align:middle; } .social-links { display: inline-block; vertical-align: middle; margin-left: -4px; } .social-links a { background: #fff; border-radius: 100%; color: rgba(0,32,64,0.8); display: inline-block; height: 24px; line-height: 24px; margin-left: 10px; text-align: center; width: 24px; } .social-links a:hover, .get-discount:hover { background: #B28500; } .social-links .fa { line-height: 24px; } .get-discount{ display: inline-block; vertical-align: middle; background: #fff; border-radius: 100%; height: 24px; width: 24px; text-align: center; line-height: 120%; } /* .get-discount img{ padding: 2px; animation-name: spin; animation-duration: 5000ms; animation-iteration-count: infinite; animation-timing-function: linear; } */ .get-discount img{ padding: 2px; width: 24px;} .get-discount img:hover{animation-name:none;} @keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } /*-------------------------------------------------------------- ## Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ### Menu --------------------------------------------------------------*/ .skip-link.screen-reader-text { padding: 0; } /* Main Navigation */ .main-navigation { border-radius: 3px; clear: both; color: #fff; display: block; margin-top: 25px; /*margin-top: 63px;*/ width: 100%; } .main-navigation, .main-navigation ul li > ul, .main-navigation ul li:hover > ul { } .main-navigation a { color: #fff; display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 1.1875em; /*19px*/ font-weight: 300; letter-spacing:1px; margin-left: 15px; position: relative; text-decoration: none; text-transform: uppercase; border:1px solid #fff; padding:5px 10px;} .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } .main-navigation ul li:first-child a { margin-left: 0; } .main-navigation li { float: right; position: relative;} .main-navigation li:hover > a { } .main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a { background: #fff; color:#2A4666; } /* Arrow tooltip */ /*.main-navigation li.menu-item-has-children.current-menu-item a:after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #B28500; bottom: -17px; content: ""; height: 0; left: 0; margin: 0 auto; position: absolute; right: 0; width: 0; }*/ /*----- Bottom Level -----*/ .main-navigation li .sub-menu.toggle { z-index:1; opacity:1; } .main-navigation .sub-menu { display: none; /*width:100%;*/ padding: 0px; position:absolute; top:auto; /*left:70%;*/ right: 0; /* z-index:-1; opacity:0; transition:opacity linear 0.15s; */ box-shadow:0px 2px 3px rgba(0,0,0,0.2); background:#2e2728; width: 230px; } .main-navigation .sub-menu li { display:block; font-size:16px; float: none; } .main-navigation .sub-menu li a { display:block; font-size: 1em; letter-spacing: normal; padding:10px 30px; } .main-navigation .sub-menu li a span{ letter-spacing: inherit; font-size:16px; display:block; } .main-navigation .sub-menu li a:hover, .sub-menu .current-item a { background:#3e3436; } /* Sub Menu */ /*.main-navigation .sub-menu { display: none; float: left; left: 0; margin: 0 auto; max-width: 960px; position: absolute; right: 0; text-align: center; top: 95px; width: 100%; z-index: 99999; } .main-navigation .sub-menu a { color: #002040; display: block; line-height: 50px; margin: 0; } .main-navigation .sub-menu a:after { content: none !important; } .main-navigation .sub-menu li { background: #fff; border: 1px solid #2A4666; border-bottom: 1px solid #B28500; border-top: 2px solid #B28500; display: inline-block; float: none; margin-left: -4px; padding-bottom: 0; width: 160px; } .main-navigation .sub-menu li:first-child { border-left: 1px solid #B28500; } .main-navigation .sub-menu li:last-child { border-right: 1px solid #B28500; } */ /* Sub Menu Child */ .main-navigation .sub-menu ul { top: 0; position: relative; } .main-navigation .sub-menu ul li { text-indent: 15px; } /* Sub Menu Hover */ .main-navigation ul ul li { } .main-navigation ul ul:hover > a { } .main-navigation ul ul a:hover { } /* Display Sub Menu */ /*.main-navigation ul li:hover > ul { display: block; }*/ /*.main-navigation ul li.current-menu-item > ul { display: block; }*/ .main-navigation ul ul ul { left: 100%; top: 0; } .main-navigation .sub-menu li a:hover, .main-navigation .sub-menu li.current_page_item a, .main-navigation .sub-menu li.current-menu-item a, .main-navigation .sub-menu li.current-menu-ancestor > a { background: #002040; color: #fff; font-weight: 300; } .site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .navigation a:hover, .page-numbers.current, .comment-navigation a:hover { color: #404040; } .nav-previous .fa { margin-right: 6px; } .nav-next .fa { margin-left: 6px; } .page-links { clear: both; margin: 0 0 1.5em; } .comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 48%; } .comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 48%; } /* MOBILE MENU */ html body div.wprm-overlay{ display: none; } div#mg-wprm-wrap form.wpr-search-form button.wpr_submit{ top: unset; } span.wprmenu_icon.wprmenu_icon_par{ top: 0; } #promo-section { margin: 15px auto 0; max-width: 1440px; width: 100%; padding: 0 15px; position: relative; } #promo-section .bg-img { width: 100%; position: relative; } #promo-section .lm-btn { position: absolute; bottom: 15%; z-index: 99; right: 23%; } @media screen and (max-width: 1200px) { #promo-section .lm-btn img { max-width: 120px; width: 100%; } } @media screen and (max-width: 800px) { #promo-section .lm-btn { bottom: 12%; right: 21%; } } @media screen and (max-width: 600px) { #promo-section .lm-btn { bottom: 11%; right: 19%; } } @media screen and (max-width: 568px) { #promo-section .lm-btn { position: static; margin: 0 auto; } #promo-section .lm-btn img { display: block; margin: 10px auto; } } /*-------------------------------------------------------------- # Banner --------------------------------------------------------------*/ #banner { border-bottom: 1px solid #B28500; position: relative; } #banner .large-white { font-family: 'Bebas Neue'; letter-spacing: -1px !important; line-height: 75px; } #banner .banner-btn { color: #fff !important; } #banner .large_white_btn { padding: 0 20px !important; border: 1px solid #fff !important; max-height: 65px; max-width: 300px; transition: 0.3s; } #banner .large_white_btn:hover { background: #B28500; box-shadow: 0 0 3px #000; } #banner .large_white_btn:hover a { font-weight: 700; text-shadow: 0 0 3px #000; } #banner .tp-leftarrow.default { background-image: url('assets/images/large_left.png'); } #banner .tp-rightarrow.default { background-image: url('assets/images/large_right.png'); } #banner .tp-bullets.simplebullets.round .bullet { background-image: url('assets/images/bullet.png'); } #banner .single-banner img { text-align: center; display: block; margin: 0 auto; width: 100%; max-width: 1440px; height: 100%; max-height: 580px; } .custom-banner-btn a{ color: inherit !important; } .banner-section { font-family: 'Raleway', sans-serif; min-height: 475px; position: relative;} .banner-section:before{background: rgba(0,0,0,.3); position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; z-index: 10;} .banner-section .textwidget{position: relative; z-index: 20;} .banner-section .title-container { margin-bottom: 30px; position: relative; } .banner-section .title { font-size: 2.25rem; /* 36px */ font-weight: 700; margin: 0 auto; max-width: 275px; text-align: center;} .banner-section .title:before, .banner-section .title:after { background: url('assets/images/tiny-rope.png') center center no-repeat; content: ""; display: block; height: 12px; position: absolute; top: 50%; transform: translateY(-50%); width: 150px; } .banner-section .title:before { left: 0; } .banner-section .title:after { right: 0; } .banner-section .content { text-align: center; } .banner-section .content p { font-size: 1.75rem; /* 28px */ } .page-dropdown { background: url('assets/images/dropdown-arrow.png') center right no-repeat #fff; border: none; color: #aaa; font-size: 1.125rem; /* 18px */ height: 50px; line-height: 50px; padding: 0 75px 0 25px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .page-dropdown option:hover { background: red; color: #000; } /* .home #banner .page-dropdown-container .page-dropdown option:nth-child(2) {display: none;} */ /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ .content-column { box-sizing: border-box; padding: 0 15px; } .site-content { margin: 2.25em 0 2em; min-height: 300px; position: relative; z-index: 998; overflow-x: hidden;} .site-content .entry-content { margin: 0; } .site-content .entry-title, .site-content h1 { color: #2A4666; font-size: 2.4em; /*50px*/ font-weight: 300; margin: 0 0 1.5rem; /*24px*/ position: relative; text-align: center; } .site-content .hentry { margin-bottom: 0; } .site-content h2 { color: #fff; font-size: 3.125em; /*50px*/ font-weight: 300; margin-top: 0; text-align: center; } .site-content h3 { color: #2A4666; font-size: 2em; /*40px*/ font-weight: 300; margin-top: 0; text-align: center; } .site-content p { color: #666; } .site-content .tagline { color: #B28500 !important; font-size: 1.5em !important; /*24px*/ font-weight: 300; margin-top: 0; text-align: center; } /* Home */ .home .site-header { background: rgba(0,32,64,0.8); left: 0; /*position: absolute;*/ right: 0; width: 100%; z-index: 997; } .home .site-content { margin: 2.25em 0 0; } .home .panel-grid { margin-bottom: 0 !important; } .home .inner-our-partner { display: none; } .home .entry-header { margin-bottom: 25px; } .home .entry-header .entry-title, .boat-club-container .entry-header .sub-heading { color: #444; } .home .entry-header .entry-title { font-size: 3.125rem !important; margin-bottom: 10px; } .home .entry-header .sub-heading { font-size: 2.1875rem !important; } /* Home Featured thumbnails */ .featured-thumbnails.featured-thumbnails-full.container div.col-sm-6 div{max-height:300px;} .home .featured-thumbnails .thumb { display: block; margin-bottom: 30px; position: relative; } .home .featured-thumbnails .image { width: 100%; } .home .featured-thumbnails .img-boat-club{ height:300px } .home .featured-thumbnails .thumb > a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;} .home .featured-thumbnails .title { background: rgba(16,67,104,0.5); bottom: 0; color: #fff; display: block; font-size: 1.5rem; /* 24px */ font-weight: 700; margin: 0 auto; padding: 15px 10px; position: absolute; text-align: center; width: 100%; z-index: 1; } .home .featured-thumbnails .title:hover { background: rgba(16,67,104,0.8); transition: 0.5s; } .home .featured-thumbnails .thumb .hover_text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .home .featured-thumbnails .thumb .hover_text .con { text-align: center; position: absolute; bottom: 0px; left: 0; right: 0; margin: auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .home .featured-thumbnails .thumb:hover .hover_text .con{ bottom: 65px; } .home .featured-thumbnails .thumb .hover_text .con a { background: rgba(16,67,104,0); color: #fff; font-weight: bold; display: block; padding: 10px 10px; position: relative; z-index: 10; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .home .featured-thumbnails .thumb .hover_text .con a:hover{ background: rgba(16,67,104,0.8); } .home .featured-thumbnails .thumb:hover .hover_text{ /*background: rgba(0,0,0,0.2);*/ opacity: 1; } .home .featured-thumbnails .thumb .hover_text .con ul { padding: 0; list-style: none; margin: 0; } .burns-effect { overflow: hidden; display: inline-block; } .burns-effect img { -webkit-transition-duration: 25s; transition-duration: 25s; -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: 25% 100%; transform-origin: 25% 100%; width: 100%; height: auto; -webkit-filter: saturate(0.6) brightness(1.2); filter: saturate(0.6) brightness(1.2); } .burns-effect:hover img { -webkit-transform: scale(1.3) rotate(3deg); transform: scale(1.3) rotate(3deg); -webkit-transform-origin: 25% 25%; transform-origin: 25% 25%; -webkit-filter: saturate(1.4) brightness(1.2); filter: saturate(1.4) brightness(1.2); } .featured-thumbnails .row div.col-sm-4.col-xs-6:last-child{width:100%;} .featured-thumbnails .row div.col-sm-4.col-xs-6:last-child .title{ background: rgba(255, 235, 59, 0.5); text-shadow: 0 0 3px #000;} .home .featured-thumbnails .col-xs-6:last-child .thumb .hover_text .con a:hover{background:rgba(255, 235, 59, 0.5);} /* Home Gift Certificates Section */ .home .gift-certificate { background-size: 100% auto !important; font-family: 'Montserrat', sans-serif; min-height: 350px; padding: 20px 20px 35px; } .home .gift-certificate .title-container { margin-bottom: 30px; position: relative; } .home .gift-certificate .title { color: #C3A345; font-family: 'Gabriela', serif; font-size: 2.5rem; /* 40px */ } .home .gift-certificate .title:before, .home .gift-certificate .title:after { content: ""; background: url('assets/images/rope.png') no-repeat center; display: block; height: 12px; position: absolute; top: 50%; transform: translateY(-50%); width: 125px; } .home .gift-certificate .title:before { left: 20%; } .home .gift-certificate .title:after { right: 20%; } .home .gift-certificate .content { } .home .gift-certificate .button { border: 1px solid #333; color: #333; display: inline-block; font-weight: 700; margin-top: 30px; padding: 15px; } .home .gift-certificate .button:hover { background: #3E5472; color: #fff; border-color: #333; transition: 0.5s; } .site-content .locations { margin: 20px 0 40px; } .site-content .locations h4 { color: #2A4666; font-size: 1em; font-weight: 900; text-align: center; } .site-content .locations h3{ padding: 10px 0;} .site-content .locations ul { box-shadow: 0 0 2px #B28500; margin: 0; padding: 0; width: 100%; } .site-content .locations li { border: 1px solid #2A4666; display: inline-block; float: left; text-align: center; /*width: 20%;*/ width: 14.28571428571429%; font-size: 12px; } .site-content .locations li a { color: #2A4666; display: block; padding: 15px 0; } .site-content .locations li a:hover { background: #2A4666; color: #B28500; } /*.home */.our-partner { /*padding: 50px 0;*/ } /*.home */.our-partner .gallery{ padding: 10px 0; } /*.home */.our-partner .gallery-item img{ border: 1px solid #fff;} /*.home */.our-partner h2 { color: #fff; } /*.home */.our-partner p { color: #fff; margin: 0; } /*.home */.our-partner .btn { border-color: #fff; color: #fff !important; display: block; max-width: 450px; } /*.home */.our-partner .btn:hover { text-shadow: 0 0 3px #000; } .special-events { padding: 45px 15px; } .special-events h2 { color: #2A4666; margin-bottom: 40px; } .special-events .btn { display: block; margin-top: 60px; max-width: 450px; } /*.special-events .btn:hover { text-shadow:; }*/ .entry-meta{margin-bottom:25px;} .event .picture, .event .info { width: 50%; } .event .info { padding-top: 10px; } .event h3 { color: #B28500; font-size: 1.25em; /*20px*/ font-weight: 900; } .event .date { color: #444444; font-weight: 900; } .event p { margin-top: 0; } .event .picture img { height: auto; width: 100%; } .events-list .event:nth-child(odd) .picture { float: left;} .events-list .event:nth-child(odd) .info { float: right; padding-left: 35px; } .events-list .event:nth-child(even) .picture { float: right;} .events-list .event:nth-child(even) .info { float: left; padding-right: 35px; } .flyboard { padding: 50px 15px 50px; } .flyboard h2 { position: relative; } .flyboard h2:before { background: url(assets/images/rope.png) repeat-x center center; content: ''; display: block; height: 12px; left: 100px; position: absolute; top: 25px; width: 215px; } .flyboard h2:after { background: url(assets/images/rope.png) repeat-x center center; content: ''; display: block; height: 12px; right: 100px; position: absolute; top: 25px; width: 215px; } .flyboard strong { color: #fff; font-size: 1.25em; /*20px*/ } .flyboard p, .flyboard figcaption { color: #fff; } .flyboard .btn { border-color: #fff; color: #fff !important; padding: 0 50px; } .flyboard .btn:hover { text-shadow: 0 0 5px #003040; } /* Featured News */ .featured-news-nautical-fun h3 { font-size: 1.8em; /*28.8px*/ margin: 10px 0; } .featured-news-nautical-fun .nnf-featured-img { border: 1px solid #2A4666; border-radius: 3px; max-height: 200px; padding: 2px; width: 100%; } /*.featured-news-nautical-fun .nnf-default-img { border: 1px solid #2A4666; border-radius: 3px; height: 200px; }*/ .featured-news-nautical-fun p:empty { display: none; } /*#page-bottom { margin-top: 120px; }*/ #page-bottom {overflow-x: hidden;} #page-bottom .main { border-top: 1px solid #B28500; text-align: center; } #page-bottom p { color: #2A4666; font-size: 1.25em; /*20px*/ margin: 0 0 10px; } #page-bottom small { color: #444444; font-size: 1rem; } #page-bottom .btn { display: block; margin: 15px auto; max-width: 400px; } #page-bottom .panel-grid { margin-bottom: 0 !important; } .gift-certificates { background-color: #eee; text-align:center; border: 1px solid #B28500; margin:0px auto; min-height: 266px; padding: 0px; position: relative; } .gift-certificates h3 { color: #be9828; font-size: 1.875em; font-weight: 900; text-align: center; text-shadow: 1px 1px 3px #000; } .gift-certificates p { display: block; margin: 0 auto 15px !important; max-width: 740px; } .gift-certificates p strong{ color: #2A4666; font-size: 1.25em; margin: 0 0 10px; font-weight: 400; } .gift-certificates .btn { background: #fff; display: block; margin: 15px auto; max-width: 400px; } /*.gift-certificates.container.panel-widget-style{min-height: 250px;margin: 30px auto 0;} .gift-certificates h3 { color: #be9828; font-size: 1.875em; font-weight: 900; text-align: center; text-shadow: 1px 1px 3px #000; } .gift-certificates p { display: block; margin: 0 auto 15px !important; max-width: 740px; } .gift-certificates .textwidget { } .gift-certificates .btn { background: #fff; } .gift-certificates .btn:hover { background: #B28500; }*/ .memberships {padding:50px 0;} .memberships h3 { color: #2A4666; font-size: 3.125em; /*50px*/ font-weight: 300; margin-top: 0; position: relative; text-align: center; } .memberships h3:before { background: url(assets/images/rope.png) repeat-x center center; content: ''; display: block; height: 12px; left: 100px; position: absolute; top: 25px; width: 215px; } .memberships h3:after { background: url(assets/images/rope.png) repeat-x center center; content: ''; display: block; height: 12px; right: 100px; position: absolute; top: 25px; width: 215px; } .page-id-1107.memberships h3:before,.page-id-1107.memberships h3:after{ display: none; } .inner-our-partner { display: none; min-height: 565px; padding: 40px 0 100px; } .inner-our-partner h3 { color: #fff; font-size: 3.125em; /*50px*/ font-weight: 300; margin-top: 0; position: relative; text-align: center; } .inner-our-partner p { color: #fff !important; font-size: 1em !important; text-align: center; } .inner-our-partner .btn { border-color: #fff; color: #fff !important; margin-top: 50px !important; max-width: 450px; } .inner-our-partner .btn:hover { text-shadow: 0 0 5px #003040; } /* Newport Page */ .reservations-iframe { border: none; height: 800px; width: 100%; } .gift-certificates-iframe { display: block; height: 1075px; margin: 0 auto; max-width: 425px; width: 100%; } .boat { margin-top: 40px; } .boat .post-title { color: #2A4666; font-size: 1.625em; /*26px*/ font-weight: 300; } .boat h4 { display: block; text-align: left; } .boat p:empty { display: none; } .boat .label { color: #004C7F; font-size: 1em; margin: 0 0 10px; padding: 0; } .boat .desc p { margin: 15px 0; } .boat .info { margin-bottom: 10px; } /* .boat .btn-book-now { border: 1px solid #014D80; color: #004C7F; display: block; height: 40px; line-height: 40px; margin: 15px 0; max-width: 280px; text-align: center; } .boat .btn-book-now:hover { background: #004C7F; border-color: #fff; box-shadow: 0 0 2px #004C7F; color: #fff; font-weight: 900; } */ .boat .btn-book-now, .boat .book-now-container a { background: #004C7F; border: 1px solid #fff; box-shadow: 0 0 2px #004C7F; color: #fff; display: block; height: 40px; line-height: 40px; margin: 15px 0; max-width: 280px; text-align: center; text-transform: uppercase; } .boat .btn-book-now:hover, .boat .book-now-container a:hover { background: #fff; border-color: #014D80; color: #004C7F; font-weight: 900; } .btn-custom{ background: #004C7F; border: 1px solid #fff; box-shadow: 0 0 2px #004C7F; color: #fff; display: block; height: 40px; line-height: 40px; margin: 15px 0; max-width: 280px; text-align: center; } .btn-custom:hover { background: #fff; border-color: #014D80; color: #004C7F; font-weight: 900; } a.btn-custom:visited{color:#fff;} .boat .carousel-inner { box-shadow: 0 0 5px #222; } .boat .carousel-inner .item > br { display: none; } .boat .carousel-inner .item > img { max-height: 400px; object-fit:cover;} .boat .carousel-indicators { bottom: 10px; margin-bottom: 0; } .boat .carousel-indicators li { border: 2px solid #A8A6CE; } .boat .carousel-indicators .active { background: #004C7F; } .boat .carousel-control { background-image: none; } .boat .carousel-control .right-arrow { background: url('assets/images/large_right.png') center top no-repeat; display: block; height: 40px; right: 20px; width: 40px; } .boat .carousel-control .right-arrow:hover { background-position: center bottom; } .boat .carousel-control .left-arrow { background: url('assets/images/large_left.png') center top no-repeat; display: block; height: 40px; left: 20px; width: 40px; } .boat .carousel-control .left-arrow:hover { background-position: center bottom; } .boat .vertical-center { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .club.bronze {display: none;} .newport-memberships div#sidebar {display: none;} /* Contact */ .contact-form { margin: 0 auto; max-width: 500px; } .contact-form input, .contact-form textarea { width: 100%; } .contact-form p { color: #2A4666; font-weight: 700; margin-bottom: 0; } .contact-form select { padding: 5px; width: 100%;} .office-location { margin-bottom: 15px; min-height: 300px; text-align: center; } .office-location a { font-size: 0.875em; /*14px*/ text-align: center; } .map-frame { border: 0; border-radius: 3px; box-shadow: 0 0 5px #222; margin: 5px 0; max-width: 500px; padding: 2px; width: 100%; } /* Membership */ .membership .so-panel { margin-bottom: 10px !important; } .membership .thumbnail-container { text-align: center; } .membership .thumbnail { display: inline-table; max-width: 165px; } .club { margin-bottom: 15px; } .club h3 { clear: none; text-align: left; } .club img:first-child { max-width: 200px; } .club .description { float: left; width: 65%; } .club .description p { margin-bottom: 5px; } a.join-club:hover {background: white;border: 1px solid #334c66;color: #334c66;} a.join-club {padding: 10px;background: #334C66;color: white;} /* Blog */ .nnf-blog { border: 1px solid #22527A; margin: 0 auto 10px; max-width: 700px; padding: 15px; } .nnf-blog h3 { margin-top: 0; font-size:1.5rem; } .nnf-blog p { margin-bottom: 5px; } .nnf-blog .thumbnail { border-color: #B28500; } .nnf-blog .read-more { float: right; font-size: 12px; } /* Specials */ .specials-post .wp-post-image { margin-bottom: 10px; } .specials-post .title { font-size: 1em; /*16px*/ font-weight: 700; margin-bottom: 5px; } .specials-post .date { color: #666; display: block; font-size: 0.875em; /*14px*/ margin-bottom: 5px; } .specials-post .desc p { font-size: 0.875em; /*14px*/ margin-bottom: 5px; } .specials-post .read-more { float: right; font-size: 0.75em; /*12px*/ } .specials ul a{ color: white; text-decoration: underline;} /* Jobs Application Form */ /*#job-application-container { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }*/ #job-application-container .note { color: #2A4666; display: none; } #job-application-form { /*min-width: 730px; */} #job-application-form .heading { font-size: 1.25em; /*20px*/ text-align: center; } #job-application-form .heading h4 { font-size: 1.5em; /*24px*/ font-weight: 700; } #job-application-form table { border: 1px solid #2A4666;} #job-application-form > table td { font-size: 0.875rem; /*14px*/ vertical-align: top; } #job-application-form > table table td { padding-bottom: 5px; padding-top: 5px; } #job-application-form table table { margin: 0; } #job-application-form .section-heading { background: #2A4666; color: #fff; font-size: 1.5em; /*24px*/ padding: 5px 15px; } #job-application-form label, #job-application-form th { color: #2A4666; font-size: 0.875rem; /*14px*/ font-weight: 900; padding-bottom: 5px; padding-top: 5px; } #job-application-form input, #job-application-form textarea { border-radius: 2px; border: 1px solid #ccc; height: 30px; padding: 2px 5px; resize: none; width: 100%; } #job-application-form textarea { height: 75px; } #job-application-form input[type="radio"], #job-application-form input[type="checkbox"] { height: auto; padding: 0; width: auto; } #job-application-form .wpcf7-list-item-label { color: #2A4666; font-size: 0.875rem; /*14px*/ font-weight: 700; } #job-application-form .wpcf7-list-item { margin: 0 10px; } #job-application-form p:empty { display: none; } #job-application-form .skills-and-qualifications textarea { height: 100px; } #job-application-form .days-hrs-available { border: none; } #job-application-form .days-hrs-available label { display: block; } #job-application-form .days-hrs-available th { text-align: center; } #job-application-form .days-hrs-available td { padding: 0 15px; } #job-application-form .days-hrs-available div { float: left; width: 12.5%; } #job-application-form .days-hrs-available div table { border: none; } /*#job-application-form .days-hrs-available th:first-child { width: 100px; }*/ /* Tabs */ .responsive-tabs ul.responsive-tabs__list { margin-left: 0 !important; text-align: center; } .responsive-tabs .responsive-tabs__list__item { min-height: 50px; white-space: normal !important; line-height: 1 !important; font-size: 0.875rem !important; /*14px*/ float: none !important; text-align: center; display: inline-block !important; vertical-align: middle; width: 18%; background: #9A2231 !important; color: #FFF !important;} .responsive-tabs .responsive-tabs__panel { border: none !important; padding: 20px 0 0 !important; } .responsive-tabs .responsive-tabs__list__item{ border: 1px solid #999 !important; margin: 1px !important;} .responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover{ background: #2A4666 !important; color: #fff !important; border-color: #2A4666 !important; padding: 10px 12px 10px !important; top: 0 !important;} /* .page-id-10 li#tablist1-tab7 {display: none !important;} */ .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(4){display:none !important} .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(5){display:none !important} .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(8){display:none !important} .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(9){display:none !important} .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item {width: 117px; height:96px; margin: 0 2px 10px !important; border: 0 !important; line-height: 107px !important; font-size: 14px !important; margin: 0 0 10px 0; color:#212060 !important; text-shadow: none !important; } .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:hover, .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item.responsive-tabs__list__item--active { color: #fff !important; text-shadow: none !important; font-weight:700; } .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(1) {background: url('images/pavilion.png') !important;} .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(2) {background: url('images/powerboat3.png') !important;} .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3) {background: url('images/electric_boat2.png') !important;} .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(4) {background: url('images/paddle.png') !important; } .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(5) {background: url('images/paddle.png') !important; } .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(7) {background: url('images/retro-boat.png') !important; } .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(10) {background: url('images/faq2.png') !important; } .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(11) {background: url('images/reservation_new_new.png') !important; } .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(1):hover, .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(1).responsive-tabs__list__item--active {background: url('images/pavilion_hover.png') !important;} .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(2):hover, .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(2).responsive-tabs__list__item--active {background: url('images/powerboat3_hover.png') !important;} .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3):hover, .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3).responsive-tabs__list__item--active {background: url('images/electric_boat_hover.png') !important;} .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(4):hover, .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(4).responsive-tabs__list__item--active {background: url('images/paddle_hover.png') !important;} .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(5):hover, .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(5).responsive-tabs__list__item--active {background: url('images/paddle_hover.png') !important;} .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(7):hover, .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(7).responsive-tabs__list__item--active {background: url('images/retro-boat_hover.png') !important;} .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(10):hover, .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(8).responsive-tabs__list__item--active {background: url('images/faq2_hover.png') !important;} .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(11):hover, .page-id-10 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(9).responsive-tabs__list__item--active {background: url('images/reservation-new-new-hover.png') !important;} .responsive-tabs .responsive-tabs__list__item.gold-tab{ background: #fceabb; /* Old browsers */ background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 24%, #f8b500 70%, #fbdf93 100%) !important; /* FF3.6-15 */ background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 24%,#f8b500 70%,#fbdf93 100%) !important; /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 24%,#f8b500 70%,#fbdf93 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ) !important; /* IE6-9 */ text-shadow: 0 0 10px #111 !important; } .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item {width: 117px; height:96px; margin: 0 2px 10px !important; border: 0 !important; line-height: 107px !important; font-size: 14px !important; margin: 0 0 10px 0; color:#212060 !important; text-shadow: none !important; } .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:hover, .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item.responsive-tabs__list__item--active { color: #fff !important; text-shadow: none !important; font-weight:700; } .page-id-12 li#tablist1-tab6 {display: none !important;} .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(1) {background: url('images/powerboat3.png') !important;} .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(2) {background: url('images/lighthouse.png') !important;} .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3) {background: url('images/electric_boat2.png') !important;} .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(4) {background: url('images/paddle.png') !important; } .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(5) {background: url('images/safety.png') !important; } .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(6) {background: url('images/pedal.png') !important; } .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(7) {background: url('images/faq2.png') !important; } .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(8) {background: url('images/reservation_new_new.png') !important; } .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(1):hover, .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(1).responsive-tabs__list__item--active {background: url('images/powerboat3_hover.png') !important;} .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(2):hover, .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(2).responsive-tabs__list__item--active {background: url('images/lighthouse_hover.png') !important;} .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3):hover, .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3).responsive-tabs__list__item--active {background: url('images/electric_boat_hover.png') !important;} .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(4):hover, .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(4).responsive-tabs__list__item--active {background: url('images/paddle_hover.png') !important;} .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(5):hover, .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(5).responsive-tabs__list__item--active {background: url('images/safety_hover.png') !important;} .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(6):hover, .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(6).responsive-tabs__list__item--active {background: url('images/pedal_hover.png') !important;} .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(7):hover, .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(7).responsive-tabs__list__item--active {background: url('images/faq2_hover.png') !important;} .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(8):hover, .page-id-12 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(8).responsive-tabs__list__item--active {background: url('images/reservation-new-new-hover.png') !important;} .page-id-14 #driver {display: none;} .page-id-14 li#tablist1-tab7 {display: none !important;} .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item {/*width: 200px; height: 151px;*/ width: 117px; height:96px; margin: 0 2px 10px !important; border: 0 !important; /*line-height: 225px !important;*/ line-height: 107px !important; /*font-size: 26px !important;*/ font-size: 14px !important; margin: 0 0 10px 0; color:#212060 !important; text-shadow: none !important; /*text-shadow: 0 0 3px #111, 0 0 8px #111, 0 0 1px #111 !important;*/ } .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:hover, .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item.responsive-tabs__list__item--active { color: #fff !important; text-shadow: none !important; font-weight:700; } .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(1) {background: url('images/powerboat3.png') !important;} .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(2) {background: url('images/harbor_fun2.png') !important;} .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3) {background: url('images/electricboats.png') !important;} .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(4) {background: url('images/poonton.png') !important;} .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(5) {background: url('images/jetski.png') !important;} .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(6) {background: url('images/faqs.png') !important;} .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(8) {background: url('images/reservation_new_new.png') !important; } .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(1):hover, .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(1).responsive-tabs__list__item--active {background: url('images/powerboat3_hover.png') !important;} .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(2):hover, .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(2).responsive-tabs__list__item--active {background: url('images/harbor_fun_hover.png') !important;} .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3):hover, .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3).responsive-tabs__list__item--active {background: url('images/electricboats_hover.png') !important;} .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(4):hover, .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(4).responsive-tabs__list__item--active {background: url('images/poonton_hover.png') !important;} .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(5):hover, .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(5).responsive-tabs__list__item--active {background: url('images/jetski_hover.png') !important;} .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(6):hover, .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(6).responsive-tabs__list__item--active {background: url('images/faqs_hover.png') !important;} .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(8):hover, .page-id-14 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(8).responsive-tabs__list__item--active {background: url('images/reservation-new-new-hover.png') !important;} .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item {width: 117px; height:96px; margin: 0 2px 10px !important; border: 0 !important; line-height: 107px !important; font-size: 14px !important; margin: 0 0 10px 0; color:#212060 !important; text-shadow: none !important; } .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:hover, .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item.responsive-tabs__list__item--active { color: #fff !important; text-shadow: none !important; font-weight:700; } .page-id-16 li#tablist1-tab6 { display: none !important;} .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(1) {background: url('images/donutboat.png') !important;} .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(2) {background: url('images/paddle.png') !important;} .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3) {background: url('images/pedal.png') !important;} .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(4) {background: url('images/bike.png') !important; } .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(5) {background: url('images/bridge.png') !important; } .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(6) {background: url('images/reservation2.png') !important; } .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(7) {background: url('images/h2whoa.png') !important; } .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(8) {background: url('images/faq2.png') !important; } .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(9) {background: url('images/electricboats.png') !important; } .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(10) {background: url('images/poonton.png') !important; } .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(11) {background: url('images/reservation_new_new.png') !important; } .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(1):hover, .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(1).responsive-tabs__list__item--active {background: url('images/donutboat_hover.png') !important;} .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(2):hover, .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(2).responsive-tabs__list__item--active {background: url('images/paddle_hover.png') !important;} .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3):hover, .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3).responsive-tabs__list__item--active {background: url('images/pedal_hover.png') !important;} .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(4):hover, .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(4).responsive-tabs__list__item--active {background: url('images/bike_hover.png') !important;} .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(5):hover, .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(5).responsive-tabs__list__item--active {background: url('images/bridge_hover.png') !important;} .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(6):hover, .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(6).responsive-tabs__list__item--active {background: url('images/reservation2_hover.png') !important;} .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(7):hover, .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(7).responsive-tabs__list__item--active {background: url('images/h2whoa-hover.png') !important;} .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(8):hover, .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(8).responsive-tabs__list__item--active {background: url('images/faq2_hover.png') !important;} .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(9):hover, .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(9).responsive-tabs__list__item--active {background: url('images/electricboats_hover.png') !important;} .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(10):hover, .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(10).responsive-tabs__list__item--active {background: url('images/poonton_hover.png') !important;} .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(11):hover, .page-id-16 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(11).responsive-tabs__list__item--active {background: url('images/reservation-new-new-hover.png') !important;} .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item {width: 117px; height:96px; margin: 0 2px 10px !important; border: 0 !important; line-height: 107px !important; font-size: 14px !important; margin: 0 0 10px 0; color:#212060 !important; text-shadow: none !important; } .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:hover, .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item.responsive-tabs__list__item--active { color: #fff !important; text-shadow: none !important; font-weight:700; } .page-id-18 #tablist1-tab5{display: block } .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(1) {background: url('images/poonton.png') !important;} .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(2) {background: url('images/powerboat3.png') !important;} .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3) {background: url('images/jetski.png') !important; } .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(4) {background: url('images/h2whoa.png') !important;} /* .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3) {background: url('images/hydro.png') !important;} */ .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(5) {background: url('images/lake.png') !important;} .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(6) {background: url('images/reservation_new_new.png') !important; } .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(7) {background: url('images/powerboat3.png') !important; } .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(8) {background: url('images/faq2.png') !important; } .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(1):hover, .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(1).responsive-tabs__list__item--active {background: url('images/poonton_hover.png') !important;} .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(2):hover, .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(2).responsive-tabs__list__item--active {background: url('images/powerboat3_hover.png') !important;} .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3):hover, .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3).responsive-tabs__list__item--active {background: url('images/jetski_hover.png') !important;} .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(4):hover, .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(4).responsive-tabs__list__item--active {background: url('images/h2whoa-hover.png') !important;} /* .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3):hover, .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3).responsive-tabs__list__item--active {background: url('images/hydro_hover.png') !important;} */ .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(5):hover, .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(5).responsive-tabs__list__item--active {background: url('images/lake_hover.png') !important;} .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(6):hover, .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(6).responsive-tabs__list__item--active {background: url('images/reservation-new-new-hover.png') !important;} .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(7):hover, .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(7).responsive-tabs__list__item--active {background: url('images/powerboat3_hover.png') !important;} .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(8):hover, .page-id-18 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(8).responsive-tabs__list__item--active {background: url('images/faq2_hover.png') !important;} .page-id-1757 .responsive-tabs__list li.responsive-tabs__list__item {width: 117px; height:96px; margin: 0 2px 10px !important; border: 0 !important; line-height: 107px !important; font-size: 14px !important; margin: 0 0 10px 0; color:#212060 !important; text-shadow: none !important; } .page-id-1757 .responsive-tabs__list li.responsive-tabs__list__item:hover, .page-id-1757 .responsive-tabs__list li.responsive-tabs__list__item.responsive-tabs__list__item--active { color: #fff !important; text-shadow: none !important; font-weight:700; } .page-id-1757 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(1) {background: url('images/reservation2.png') !important;} .page-id-1757 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(2) {background: url('images/faq2.png') !important;} .page-id-1757 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3) {background: url('images/paddle.png') !important;} .page-id-1757 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(4) {background: url('images/pedal.png') !important;} .page-id-1757 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(5) {background: url('images/bike.png') !important;} .page-id-1757 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(1):hover, .page-id-1757 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(1).responsive-tabs__list__item--active {background: url('images/reservation2_hover.png') !important;} .page-id-1757 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(2):hover, .page-id-1757 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(2).responsive-tabs__list__item--active {background: url('images/faq2_hover.png') !important;} .page-id-1757 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3):hover, .page-id-1757 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(3).responsive-tabs__list__item--active {background: url('images/paddle_hover.png') !important;} .page-id-1757 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(4):hover, .page-id-1757 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(4).responsive-tabs__list__item--active {background: url('images/pedal_hover.png') !important;} .page-id-1757 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(5):hover, .page-id-1757 .responsive-tabs__list li.responsive-tabs__list__item:nth-child(5).responsive-tabs__list__item--active {background: url('images/bike_hover.png') !important;} /* Gallery */ #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_spun2_0 { border: 1px solid #334C66 !important; border-radius: 3px !important; } .boat-gallery .gallery-item img{ width: 100%; object-fit: cover; height: 160px; object-position: center; } /* Oceanside */ .oceanside #secondary #menu-sidebar-menu #menu-item-4280{display:none;} /*-------------------------------------------------------------- ## Single, Archive & Category --------------------------------------------------------------*/ /*.single #main-grid, .archive #main-grid, .category #main-grid { margin-bottom: 100px; max-width: 1020px; padding-left: 15px; padding-right: 15px; } .single h2 { color: #666; font-size: 2em; text-align: left; }*/ /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # Sidebar --------------------------------------------------------------*/ #secondary { z-index: 2; } #secondary .widget { margin: 0 0 20px; } #secondary .widget-title { display: block; font-family: 'Raleway', sans-serif; font-size: 1.25em; /*20px*/ font-weight: 400; margin-bottom: 5px; } #secondary .widget ul { margin: 0; padding: 0; } #secondary .widget ul ul { border-top: 2px solid #f5f5f5; padding-top: 6px; margin-top: 6px; } #secondary .widget li { list-style: none; } #secondary .widget li:not(:last-child) { border-bottom: 2px solid #f5f5f5; padding-bottom: 6px; margin-bottom: 6px; } #secondary .widget li:before { color: #16A085; font-family: "FontAwesome"; font-size: .625em; /*10px*/ content: "\f0da"; margin-right: 8px; display: inline-block; vertical-align: middle;} #secondary .widget select { max-width: 100%; } #secondary .widget_search .search-field { font-size: .9375em; /*15px*/ font-weight: 300 !important; } #secondary .container { max-width: 300px; } #secondary .location-logo { display: block; margin: 0 auto 15px; } #secondary .contact, #location-sidebar .widget { background: rgba(0,32,64,0.8); margin: 0 auto; /*max-width: 260px;*/ padding: 15px 15px; text-align: center; } #secondary .contact h2, #location-sidebar .widget h2 { color: #fff; font-size: 1.25em; font-weight: 700; margin: 0 0 10px; } #secondary .contact h3, #location-sidebar .widget h3 { color: #fff; font-size: 1.25em; font-weight: 700; margin: 0; } #secondary .contact a { /*border-top: 1px dashed #fff;*/ color: #fff; display: block; font-family: 0.9375em; /*15px*/ padding: 5px 0; text-align: left; font-size:13px; } #secondary .contact a.dana-link{border-top:none; color:#fff; display:inline;font-weight:bolder;} #secondary .contact a:hover { color: #AA8104; } /*#secondary .contact .address { background: url('assets/images/location-marker.png') 5px top no-repeat; color: #fff; font-size: 1em; line-height: 1em; margin: 10px 0 5px; min-height: 40px; padding-left: 30px; text-align: left; }*/ /*#secondary .contact .phone:before { content: "\f095"; font-family: 'FontAwesome'; font-size: 1rem; margin: 0 5px; }*/ /*#secondary .contact .email { font-size: 0.8125em; }*/ /*#secondary .contact .email:before { content: "\f0e0"; font-family: 'FontAwesome'; font-size: 1rem; margin: 0 5px; }*/ /*#secondary .contact .directions { font-weight: 700; letter-spacing: 1px; }*/ /*#secondary .contact .directions:before { content: "\f0ac"; font-family: 'FontAwesome'; font-size: 1rem; margin: 0 5px; }*/ #secondary .contact { padding-bottom: 5px; text-align: left; } #secondary .contact .info-row { border-top: 1px dashed #fff; padding: 10px 0; } #secondary .contact .label { display: block; font-size: 1em; line-height: 1.25rem; margin: 0; padding: 0 0 0 30px; position: relative; text-align: left; vertical-align: middle; } #secondary .contact .label .fa { font-size: 1.25rem; /*18px*/ left: 0; position: absolute; } #secondary .contact .label .fa-envelope { font-size: 1.125rem; /*16px*/ } #secondary .contact .info { color: #fff; font-size: 0.875rem; /*14px*/ padding-left: 30px; } #secondary .contact .info p { color: #fff; font-size: 0.875rem; /*14px*/ margin-bottom: 0; } .office-hours .days, .office-hours .time { display: block; } .office-hours .details { margin-bottom: 10px; } #secondary .hours { border-top: 1px dashed #fff; color: #fff; padding-top: 5px; } #secondary .hours h4 { color: #fff; font-weight: 700; margin: 0; text-align: center; } #secondary .hours dl, #secondary .hours dd, #secondary .hours p { color: #fff; font-size: 0.9375em; /*15px*/ margin: 0; } #secondary .newsletter-sign-up { margin: 0 auto 20px; /*max-width: 260px;*/ } #secondary .newsletter-sign-up h3 { color: #2A4666; font-size: 1.25em !important; /*20px*/ font-weight: 700; } #secondary .newsletter-sign-up input { display: block; margin-bottom: 5px; width: 100%; } .sidebar-menu { background: rgba(0,32,64,0.8); list-style: none; margin: 0 auto; /*max-width: 260px;*/ padding: 0; } .sidebar-menu li:first-child{ border-top: 1px solid #fff; } .sidebar-menu li { border-bottom: 1px solid #fff; height: 50px; padding: 10px 13px; } /*.sidebar-menu li:last-child { border-bottom: none; }*/ .sidebar-menu li a { color: #fff; font-size: 0.875em; /*14px*/ font-weight: 900; line-height: 30px; } .sidebar-menu li a:hover { color: #B28500; } .sidebar-menu .menu-image-title { display: inline-block; float: right; width: 75%; } .news-nautical-fun { margin: 15px auto; /*max-width: 260px;*/ } .news-nautical-fun h3 { color: #666; font-size: 1.25em !important; /*20px*/ font-weight: 700; } .news-nautical-fun p { color: #666; font-size: 0.9375em; /*15px*/ line-height: 1.25em;; margin: 0; } .news-nautical-fun .read-more { color: #2A4666; float: right; font-size: 0.6875em; /*11px*/ margin: 5px 0; text-align: right; } .news-nautical-fun .read-more:hover { color: #DF3E38; font-weight: 700; } .location-videos {margin-top: 0;padding: 0;background: #334c66;border-bottom: 1px solid #fff;} .location-videos h3 {color: #fff;font-size: 0.875em!important;font-weight: 900;line-height: 30px;text-transform: uppercase;padding: 10px 13px;margin: 0;text-align: left;} .location-videos h3 span {float: right; width: 75%} .location-videos h3 i {font-size: 35px;float: left; margin: 0;} .location-videos img {width: 100%;margin: -5px 0 0 0} .modal-header { padding: 10px 15px 5px; } .modal-header .modal-title { clear: none; font-weight: 700; } #location-sidebar { /*margin: 15px auto;*/ /*max-width: 260px;*/ } #location-sidebar .specials h3 { font-weight: 700; margin-bottom: 10px; position: relative; text-align: center; top: 2px; } #location-sidebar .specials h3 a {color: #fff;} #location-sidebar .specials h3 a:hover {color:#B28500} #location-sidebar .specials .icon { display: inline-block; left: 0; margin-right: 10px; position: absolute; vertical-align: middle; width: 15px; } #location-sidebar .specials .list { margin: 5px 0; } #location-sidebar .specials li { border: 1px solid #fff; border-width: 1px !important; border-radius: 2px; color: #fff; font-size: 0.875em; /*14px*/ font-weight: 700; padding: 10px; } #location-sidebar .specials li:before { color: #BD8D37; font-family: "FontAwesome"; font-size: .625em; /*10px*/ content: "\f0c8"; margin-right: 8px; display: inline-block; vertical-align: middle;display:none;} #location-sidebar .specials li .excerpt { color: #fff; font-weight: 400; margin-bottom: 0; text-align: left; } #location-sidebar .specials li .excerpt:empty { display: none; } #location-sidebar .specials li a { text-decoration: none; } #location-sidebar .specials li a:hover { color: #B28500; } #location-sidebar .specials li .read-more { font-size: 0.875em; text-align: right; } #location-sidebar2 { border-bottom: 2px solid #fff; margin-bottom: 15px; } #location-sidebar2 .specials h3 { font-weight: 700; margin-bottom: 10px; position: relative; text-align: center; top: 2px; } #location-sidebar2 .specials h3 a {color: #fff; text-indent: 25px; } #location-sidebar2 .specials h3 a:hover {color:#B28500} #location-sidebar2 .specials .icon { display: inline-block; left: 0; margin-right: 10px; position: absolute; vertical-align: middle; width: 15px; } #location-sidebar2 .specials .list { margin: 5px 0; } #location-sidebar2 .specials li { border: 1px solid #fff; border-width: 1px !important; border-radius: 2px; color: #fff; font-size: 0.875em; /*14px*/ font-weight: 700; padding: 10px; } #location-sidebar2 .specials li:before { color: #BD8D37; font-family: "FontAwesome"; font-size: .625em; /*10px*/ content: "\f0c8"; margin-right: 8px; display: inline-block; vertical-align: middle;display:none;} #location-sidebar2 .specials li .excerpt { color: #fff; font-weight: 400; margin-bottom: 0; text-align: left; } #location-sidebar2 .specials li .excerpt:empty { display: none; } #location-sidebar2 .specials li a { text-decoration: none; } #location-sidebar2 .specials li a:hover { color: #B28500; } #location-sidebar2 .specials li .read-more { font-size: 0.875em; text-align: right; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .site-footer { background: #002040; padding-bottom: 15px; } #footer-top .menu-title { color: #fff; font-size: 1.25em; /*20px*/ text-transform: uppercase; } #footer-top { background: url('assets/images/footer-top-bg.jpg') center top no-repeat; background-size: 100% 100%; padding: 20px 0 0px; min-height: 205px; } #footer-top .tagline { color: #fff; font-size: 1.5em; /*24px*/ font-weight: 300; margin-top: 35px; text-shadow: 2px 2px 3px #000; text-align:center; } #footer-top .tagline span { display: block; font-family: 'Bebas Neue'; font-size: 3.25em; /*52px*/ font-weight: 700; line-height: 3.25rem; } #footer-top .social-links{margin-left: 23px;} #footer-top a.get-discount {margin-top: 1px !important;width: 30px;height:30px} #footer-top .get-discount img {margin-top: 0px;} #footer-top .social-links a { font-size: 20px; margin: 0 30px 0 0; text-shadow: none;width: 30px;height:30px} #footer-top .social-links .fa {margin-top: 3px;} #footer-top .social-links a:last-child { margin: 0; } #footer-top .social-label { color: #B28500; text-align:center; padding:10px 0px; } #footer-top .logo { margin: 0 auto; width:125px; display:block; } .menu-footer-top { margin: 0; padding: 0; } .menu-footer-top li { margin-bottom: 8px; text-align: left; color: #fff; } /* .menu-footer-top li:before { color: #fff; content: '•'; font-size: 1em; margin-right: 8px; } */ .menu-footer-top li a { color: #fff; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; } .menu-footer-top li a span{ letter-spacing: inherit; font-size: inherit;} .menu-footer-top li a:hover { color: #B28500; } .menu-footer-top#menu-about-us { padding-left: 20px;} .footer-navigation { margin: 15px 0;} .footer-navigation ul { padding: 0; margin: 0; text-align: center; } .footer-navigation ul li { display: inline-block; } .footer-navigation ul li a { color: #fff; display: block; margin: 0 15px; text-transform: uppercase;font-size:14px; } .footer-navigation ul li a span{font-size:inherit; letter-spacing:inherit;} .footer-navigation ul a:hover, .menu-footer .current_page_item a, .menu-footer .current-menu-item a { font-weight: 700; } .menu-footer2-container ul{ text-align:center; display: flex; justify-content: space-between; max-width: 440px; margin: 0 auto; } .menu-footer2-container ul li{display:inline-block; width: 25%; line-height: 20px; text-align: center;} .menu-footer2-container ul li:nth-of-type(2){ width: 50%; border-left: 1px solid #fff; border-right: 1px solid #fff;} /* ul#menu-footer2 li:before{content:"|";} */ ul#menu-footer2 li:first-child:before{content:"";} .copyright { color: #fff; font-size: .75em; /*12px*/ letter-spacing: 3px; text-align: center; } .copyright a { color: #fff; } h3.site-desc{font-family: "Raleway",sans-serif; /*font-size: 1em;*/ font-weight: 400; color: #fff; text-align:center; font-size: 15px;} .list.hytable { list-style: none !important; text-align: center; } .list.hytable li { margin: 3px 0; display: inline-block; vertical-align: top; width: 23%; padding: 5px; border: 1px solid #111; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;border-radius:50px; } .responsive-tabs .responsive-tabs__list__item { padding: 15px 12px !important;} .responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover { padding: 15px 12px !important;} .archive .site-header, .single .site-header{position:relative;} .single .post-navigation {display:none;} .more-links{font-weight:bold; font-size:1em; color:#2A4666;} .fb-like-box {text-align: center;/*background: #fff;*/display: block;max-width:100%;/* 205px;*/ overflow: hidden; width: 100%;margin: 0 auto;padding: 5px 6px;border-radius: 5px;line-height:0;display:none;} .fb-like-box .fb-like{ background: #FFF; padding: 10px; border-radius: 10px;} /*DANA POINT TEMP HIDE*/ .menu-item-1526, .menu-item-1528, .widget_black-studio-tinymce .locations ul li:nth-of-type(2) { display: none !important; } /*.site-content .locations li { float: none; }*/ .site-content .locations ul { width: auto; margin: 0 auto; text-align: center; } .inline-wrap .inline { display: inline-block; vertical-align: middle;} .boat h3.post-title span { display: block; font-size: 12px; font-style: italic; margin-top: 15px; text-align: left; color: #000;} .cc-icon { position: relative; } .cc-icon:before { content: ""; display: block; position: absolute; height: 50px; width: 21px; left: 0; background-size: contain;} .admiral-icon:before { background: url('images/admiral-icon.png') center top no-repeat; background-size: contain;} .captain-icon:before { background: url('images/captain-icon.png') center top no-repeat; background-size: contain;} .cadet-icon:before { background: url('images/cadet-icon.png') center top no-repeat; background-size: contain;} #banner .scrolldown {display: block; width: 60px; height: 60px; background:url(images/srolldown.png) no-repeat center top; background-size: 100% 100%; position: absolute; z-index: 99; left: 0; right:0;bottom: 15%; margin: 0 auto;} #banner .scrolldown:focus {border:none!important;outline:none!important;} #banner .panel-grid-cell { margin-bottom: 0 !important; } .gift-right{ float: right; width: 60%; text-align: left; color: #fff; } .gift-right h3{font-family: 'Yellowtail', cursive; text-align: left!important; color: #fff!important; font-size: 38px!important; text-shadow: none!important; } .gift-right p{ color: #fff; font-size: 14px!important } .giftcert{ width: 203px; line-height: 36px; border-radius: 50px; border: 3px solid #fff; text-align: center; color: #000!important; display: block; font-size: 12px; font-weight: bold; letter-spacing: 2px; background: #FFC700; /* For browsers that do not support gradients */background: -webkit-linear-gradient(#FFC700, #FC9E00); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(#FFC700, #FC9E00); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#FFC700, #FC9E00); /* For Firefox 3.6 to 15 */background: linear-gradient(#FFC700, #FC9E00); /* Standard syntax */ margin: 0 0 -35px 0 } .red{ position: absolute; right:0; top:0; } body.premier-240-pontoon .site-content .entry-title, body.premier-240-pontoon .site-content h1, body.premier-240-pontoon .site-content h3, body.t-23-axis .site-content .entry-title, body.t-23-axis .site-content h1, body.t-23-axis .site-content h3, body.bennington-fishing-pontoon .site-content .entry-title, body.bennington-fishing-pontoon .site-content h1, body.bennington-fishing-pontoon .site-content h3 { text-align: left; } table.table-layout tr:nth-child(2n+1) { background: #e4e4e4; } table.table-layout tr th:first-child { color: #000; font-weight: bold; } table.table-layout tr th, table.table-layout tr td { padding: 5px; } .color-black { color: #000 !important } .jp-carousel-titleanddesc-title { display: none; } body.page-template-page-protected #content .entry-header:after{ display: table; clear: both; content: "";} body.page-template-page-protected #content .entry-header .btn{ padding: 0 10px;margin-top:10px; float: right; max-width: 30%;} body.page-template-page-protected #content .entry-header h1{font-weight:300; clear: none; padding-top: 10px;} body.page-template-page-protected #content .entry-header h3{font-size:2em;} /* Video PrettyPhoto */ /* Video */ .video-link-container { display: inline-block; width: 32%;margin-bottom:10px;} .tabcontent .video-link-container{width:32%;} .video-link { display: inline-block; max-height: 210px; max-width: 210px; position: relative; } .video-link.smlbx{max-width:155px;} .video-link.disabled { cursor: default; pointer-events: none; } .video-link:after { background: rgba(0,32,64,0.1); content: ""; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .video-link:before { color: #fff; content: "\f04b"; display: none; font-family: "FontAwesome"; font-size: 2.375em; /*38px*/ position: absolute; left: 0; right: 0; text-align: center; transform: translateY(-50%); top: 50%; z-index: 2; } .video-link:hover:before, .video-link:hover:after { display: block; } .video-link:hover .overlay { display: none; } .video-link .thumb-img { min-height: 210px; width: 100% } .video-link .overlay { background: url('assets/images/video-thumb-overlay.png'); bottom: 0; height: 100%; left: 0; padding: 85px 10px 5px; position: absolute; text-align: center; width: 100%; } a.smlbx span.overlay{padding-top:60px;} .video-link .heading { color: #fff; font-size: 1em; /*16px*/ font-weight: 700; line-height: 1.125rem; /*18x*/ margin-bottom: 0; min-height: 2.25rem; /*36px*/ text-transform: uppercase; } .video-link .sub-heading { color: #fff; font-size: 0.875em; /*14px*/ font-weight: 700; } .video-link.no-play:hover:before, .video-link.no-play:hover:after { display: none !important; } /* Video List */ .video-link-list { margin: 0; padding: 0; } /* Accordion */ #accordion .panel-heading { background-color: #002040e6; padding: 0;} #accordion .panel-title > a { color: #fff; display: block; padding: 10px; outline: none; font-weight:bold; text-decoration: none; } #accordion .panel-title > a.accordion-toggle::before, #accordion a[data-toggle="collapse"]::before { content:"\e113"; float: left; font-family: 'Glyphicons Halflings'; margin-right :1em; } #accordion .panel-title > a.accordion-toggle.collapsed::before, #accordion a.collapsed[data-toggle="collapse"]::before { content:"\e114";} /* Map Wrapper */ .map-wrapper { position: relative; padding-bottom: 160.25%; /* 16:9 */ padding-top: 50px; height: 0; } .map-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 none; } /* Subscription */ .allow-closing #close-icon{ display: none !important } .mailmunch-scrollbox.toggle{ bottom: 0 !important; opacity: 1 !important; position: relative; } .mailmunch-custom-close { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFW…9CjDHIEYbYQoJAOMWbD//q0ZuLr3BESIRESIT8RfsWYAA9kzqUqVtSdgAAAABJRU5ErkJggg==); background-size: 100%; background-repeat: no-repeat; background-position: center; width: 24px; height: 24px; position: absolute; right: 10px; top: 10px; z-index: 105; } /* Boat Club */ .page-template-page-boat-club .site-content { margin-bottom: 0; } .boat-club-container { font-family: 'Raleway', sans-serif; } .boat-club-container .container-fluid { max-width: 1230px; } .boat-club-container .responsive-tabs .responsive-tabs__panel { background-color: transparent; } .boat-club-container .entry-header { margin-bottom: 25px; } .boat-club-container .entry-header .entry-title, .boat-club-container .entry-header .sub-heading { color: #444; text-align: left; } .boat-club-container .entry-header .entry-title { font-size: 3.125rem !important; margin-bottom: 10px; } .boat-club-container .entry-header .sub-heading { font-size: 2.1875rem !important; } .boat-club-container .tab-title { color: #444; font-size: 3.125rem; margin: 40px 0 20px; } .boat-club-container .tab-content { background: #fff; border: 1px solid #ccc; border-radius: 5px; padding: 15px; } .page-template-page-boat-club .thumbnail {max-height: 254.25px;} /* Membership Levels */ .membership-container { display: flex; flex-wrap: wrap; margin: 30px 0 20px; } .membership-level { flex: 1; font-family: 'Raleway', sans-serif; margin-top: 40px; } .membership-level .heading-panel { background-color: #2A4666; padding: 15px; text-align: center; } .membership-level .heading { color: #FDD963; font-size: 2.5rem; /* 40px */ font-weight: 400; } .membership-level .sub-heading { color: #fff; font-size: 1.25rem; /* 20px */ font-weight: 700; } .membership-level .content-panel { background-color: #EEE; font-family: 'Oswald', sans-serif; min-height: 360px; padding: 40px 20px 5px; } .membership-level .price { color: #444; font-size: 3.125rem; /* 50px */ font-weight: 700; } .membership-level .duration { color: #ccc; font-size: 1.25rem; /* 20px */ } .membership-level .benefits { list-style: none; margin: 40px 0 25px; padding: 0; text-align: center; } .membership-level .benefits li { color: #444; font-size: 1.25rem; /* 20px */ font-weight: 400; margin: 5px 0; } .membership-level .footer-panel { background-color: #EEE; display: block; margin: 0; padding: 25px; text-align: center; } .membership-level .button { background: url('assets/images/button-bg.png') center center no-repeat; background-size: 100% 100%; border: none; color: #111 !important; font-family: 'Oswald', sans-serif; font-size: 1.25rem; /* 20px */ font-weight: 700; padding: 0 20px; } /* Membership Levels - Featured */ .membership-level.featured { margin-top: 0; } .membership-level.featured .heading-panel { background-color: #9A2231; } .membership-level.featured .content-panel { background-color: #F0F0F0; border: 1px solid #ccc; border-bottom: none; } .membership-level.featured .footer-panel { background-color: #F0F0F0; border: 1px solid #ccc; border-top: none; padding: 80px 25px 50px; } /*-------------------------------------------------------------- # Override CSS --------------------------------------------------------------*/ .video-link{ max-width:265px !important; max-height:265px !important; } .video-link .thumb-img{ min-height:250px !important; } .video-link .overlay{ padding: 115px 10px 5px !important;} /* Child Pages */ .more-boats{padding:60px 0;} .more-boats .widget{max-width: 1440px; margin:0 auto;} .more-boats .widget h3{color: #2A4666; font-size: 2em; font-weight: 300; text-align: center;} .more-boats .widget a{color: #2A4666;} .child-wrapper{display: block; list-style-type: none; padding-left: 0; margin:30px auto 0;} .child-wrapper li{display: inline-block; vertical-align:top; text-align: center; width:24%; padding:0 10px; box-sizing: border-box;} .child-wrapper li img{max-height: 400px; width: auto;} .child-wrapper li h3{margin-top:20px;} .get-btn{} @keyframes bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px) } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px) } } .get-gift-section{ width: 100%; max-width: 1000px; margin: 0 auto; } .get-btn { display: block; position: relative; transition-duration: 0.3s; transition-property: transform; -webkit-tap-highlight-color: transparent; transform: translateZ(0); box-shadow: 0 0 1px transparent; } .get-btn:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); transition-duration: 0.3s; transition-property: transform opacity; } .get-btn:hover { transform: translateY(-5px); display: block; letter-spacing: 3px; } .get-btn:hover:before { opacity: 1; transform: translateY(5px); } a.gift-cert { position: relative; display: block; } a.gift-cert:before { content: ''; background: rgba(0,0,0,0.3); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } a.gift-cert img { display: block; width: 100%; } a.gift-cert strong { position: absolute; z-index: 1; color: #fff; font-weight: bold; display: inline-block; width: 100%; left: 0; right: 0; margin: auto; top: 40%; } .oceanside-banner-section{ height: 337px; padding-top: 60px; } .oceanside-banner-section .panel-grid-cell{ width: 90% !important; margin: 0 auto; } .oceanside-banner-section h3{ text-align: left; font-size: 2.875em; color: #fff; font-weight: 800; font-family: 'Montserrat', sans-serif; } .oceanside-banner-section h4{ font-family: 'Teko', sans-serif; font-weight: 500; color: #fff; font-size: 2.25em; } .btn-red{ font-family: 'Montserrat', sans-serif; font-size: .8125em; color: #fff !important; text-align: center; background-color: #9A2231; border: 1px solid #fff; display: inline-block; box-sizing: border-box; padding: 10px 35px; letter-spacing: 1px; margin-top: 15px; } .btn-red:hover{ background-color: #fff; color: #9A2231 !important; transition: all ease-in-out .5s; } .ngg-album-compactbox .Thumb{ width: 200px; } .pleasant-harbor-boat-club #tablist1-panel1 .tab-content { display: flex; flex-wrap: wrap; align-items: stretch; } .pleasant-harbor-boat-club #tablist1-panel1 .tab-content .boat{ margin-top: auto; } .pleasant-harbor-boat-club #tablist1-panel1 .content-column { display: flex; flex-direction: column; } .page-id-3090 .entry-content h2 { color: #2A4666 !important; } /*-------------------------------------------------------------- # Responsive --------------------------------------------------------------*/ /* 1200px */ @media screen and (max-width: 75em) { #h2w{margin-left:40%;} .banner-section .title:before, .banner-section .title:after {display: none;} } /* 1100px */ @media screen and (max-width: 68.75em) { .title-line:before, .memberships h3:before { left: 60px !important; } .title-line:after, .memberships h3:after { right: 60px !important; } } @media screen and (max-width: 61.94em) { .video-link-container { display: inline-block; margin: 5px 0 10px; width: 28%;} } @media screen and (max-width: 60em) { /* 960px */ .site-header { background: #284461; padding: 10px 0; position: relative; z-index: 2; } /*.site-header .left, .site-header .right { float: none; text-align: center; max-width: 100%; width: 100% }*/ /*.main-navigation li { display: inline-block; float: none; } .main-navigation a { margin: 0 20px; }*/ .main-navigation .sub-menu { left: 0; opacity: 1; z-index: 1; } #wprmenu_bar { border-bottom: 2px solid #B28500; z-index: 9999; } #wprmenu_menu a:hover, #wprmenu_menu .current-menu-item > a, #wprmenu_menu .current-menu-ancestor > a { background: #DF3E38; font-weight: 700; } #wprmenu_menu_ul li:first-child { border-top: 2px solid #b28500 !important; } #wprmenu_menu_ul .sub-menu li:first-child { border-top: 1px solid #fff !important; } .site-header .container{ padding: 3px 10px; } div#mg-wprm-wrap ul#wprmenu_menu_ul>li>span.wprmenu_icon:before{ right: 10px; } .banner-section { min-height: initial; } .btn { margin: 15px auto !important; } .site-content { margin-top: 15px; } .title-line:before, .title-line:after, .memberships h3:after, .memberships h3:before { content: none !important; } .site-content .locations { margin: 15px 0; } .site-content .locations ul { margin: 0 auto; max-width: 350px; } .site-content .locations li { display: block; float: none; width: 100%; } .home .gift-certificate .title:before, .home .gift-certificate .title:after { display: none; } .home .our-partner, .inner-our-partner { padding: 15px 0; } .home .gift-certificate .button { margin-top: 15px; } .special-events, .flyboard { padding: 15px; } .event h3, .event .date { text-align: center; } .events-list .event .picture, .events-list .event .info { float: none !important; padding: 0 !important; width: 100%} .events-list .event .picture img { display: block; margin: 0 auto; max-width: 400px; } .special-events .btn { margin: 10px auto; } .featured-news-nautical-fun h3 { font-size: 1.4em; } .flyboard, .inner-our-partner { min-height: 200px; } /*.gift-certificates { padding-bottom: 30px; top: 0; margin-bottom: 15px; }*/ .gift-certificates .textwidget { background: rgba(255,255,255,0.5); } .inner-our-partner .btn { margin-top: 15px !important;} #secondary .container { max-width: 100%; padding-right: 10px;padding-left: 10px; } .sidebar-menu { margin-top: 0; } .sidebar-menu .menu-image-title, .location-videos h3 span { width: 85%; } #footer-top { padding: 15px 0; text-align: center; } #footer-top .tagline { margin-top: 15px; } #footer-top .social-links {margin-left: 2px;} #footer-top .social-links a.get-discount {margin-top: unset;} #footer-top .social-links a, #footer-top .social-links a:last-child { margin: 5px 10px; } #footer-top .logo { margin-top: 15px; } .menu-footer-top { margin: 0 auto; max-width: 500px; text-align: left; } .footer-navigation ul li a { margin: 0 15px; } /* Application Form */ #job-application-form label { display: block; } #job-application-form label + br { display: none; } .gift-right{ width: 68%; } .page-id-3090 .entry-content ul { margin-left: 0; } .page-id-3090 .entry-content ul li { padding: 6px 0; } } @media screen and (max-width: 48.75em) { .banner-section { padding: 25px !important; } } @media screen and (max-width: 47.9375em) { /* 767px */ /* Adjust base fontsize */ body { font-size: 14px; } .center-img-sm { display: block !important; float: none; margin: 0 auto !important; } .site-content h1, .site-content h2, .memberships h3, .inner-our-partner h3 { font-size: 2.5em; /*35px*/ margin-bottom: 15px; } .site-content h3 { font-size: 2em; /*28px*/ margin-bottom: 15px; } #page-bottom .so-panel { margin-bottom: 0 !important; } .boat .label, .boat .info { text-align: center; } .boat .btn-book-now { margin: 0 auto; } .club { text-align: center; } .club h3 { text-align: center; } .club img:first-child { display: block; float: none; margin: 0 auto; } .club .description { width: 100%; } .club .description .list { margin: 0 auto; max-width: 500px; text-align: left; } .office-location { min-height: 50px; } .featured-news-nautical-fun { margin: 10px 0; } .featured-news-nautical-fun .nnf-featured-img { display: block; margin: 0 auto; max-height: none; } .featured-thumbnails .col-sm-4 {min-height: auto !important;} /*Application Form*/ /*#job-application-container .note { display: block; }*/ #job-application-form label { display: inline-block; } #job-application-form > table td { display: block; } #job-application-form .from-to-label { display: none; } #job-application-form .days-hrs-available { padding-bottom: 10px; } #job-application-form .days-hrs-available div { width: 25%; } #job-application-form .days-hrs-available .from:before { color: #2A4666; content: "FROM"; font-size: 0.875rem; /*14px*/ font-weight: 900; padding-bottom: 5px; padding-top: 5px;} #job-application-form .days-hrs-available .to:before { color: #2A4666; content: "TO"; font-size: 0.875rem; /*14px*/ font-weight: 900; padding-bottom: 5px; padding-top: 5px;} #job-application-form .days-hrs-available th { display: block; width: 100%; } #job-application-form .references th, #job-application-form .education th { display: block; text-align: center; vertical-align: top; } #job-application-form .hidden-sm { display: none !important; } #job-application-form .visible-sm { display: block !important; } .list.hytable li { width: 48%; } .red{ display: none; } body.page-template-page-protected #content .entry-header .btn{ float: none; max-width: 100%;} body.page-template-page-protected #content .entry-header h1{ float: none; max-width: 100%; } /* Membership Levels */ .membership-container { flex-direction: column; } .membership-level { margin-top: 0; } .membership-level .content-panel { min-height: auto; padding: 10px 15px; } .membership-level .benefits { margin: 15px 0; } .membership-level .price { font-size: 2.5rem; } .membership-level .footer-panel, .membership-level.featured .footer-panel { padding: 10px; } .child-wrapper li{width:48%;} .home .featured-thumbnails .col-sm-6 iframe{ width: 100%; height: 320px } } @media screen and (max-width: 37.5em){ /* 600px */ /* Home */ .home .featured-thumbnails { /*font-size: ;*/ } .sidebar-menu .menu-image-title, .location-videos h3 span { width: 75%; } #job-application-form label { display: block; } #job-application-form .days-hrs-available div { width: 50%; } .gift-right{ width: 80%; } .fb-like-box .fb-like{ display: inline-block !important; } .site-header .left, .site-header .right { float: none; text-align: center; max-width: 100%; width: 100%; margin:0 auto; } #masthead .logo{float: none;display: block;text-align: center;margin: 0 auto;} .site-header .center {position: inherit;} .get-discount, .social-links {margin-top:30px;} #footer-top a.get-discount {margin-top: 30px !important;} .boat-gallery .gallery-item img{ height: 100px; } .video-link-container { display: inline-block; margin: 5px 0 10px; width:100%} .mobile_banner_img {display: block !important;} #particles-js3 {display: none !important;} #particles-js3 p {margin: 0 !important;} } @media screen and (max-width: 30em){ /* 480px */ /* Header */ /*.site-branding, .social-links { float: none; display: block; text-align: center; margin: 0 auto;}*/ .site-branding { margin-bottom: 10px; } /*.site-description { display: block; }*/ #masthead .logo{float: none;display: block;text-align: center;margin: 0 auto;} .site-description{margin-top:15px;} /* Home */ .home .featured-thumbnails [class*='col-'] { width: 100%; } #footer-top .tagline { font-size: 1em; } #footer-top .tagline span { font-size: 2rem; line-height: 2rem; } /* Footer */ .footer-navigation ul li { display: block; float: none; } #job-application-form .days-hrs-available div { width: 100%; } #job-application-form .type_of_employment .wpcf7-list-item, #job-application-form .reason-leaving .wpcf7-list-item { display: block; } /*defaults*/ .btn, .btn:hover{font-size:0.9em;} .gift-right{ width: 100%; } /*.gift-certificates{ background: #03608C!important }*/ .child-wrapper li{display: block; width: auto; padding:10px 0;} .boat-gallery .gallery-item img{ height: 80px ; } } @media screen and (max-width: 320px){ .list.hytable li { width: 95%; } .boat-gallery .gallery-item img{ height: 60px; } #mg-wprm-wrap li.menu-item a{ padding: 13px 0 13px 14px; } } #secondary{position:static!important;} .post-type-archive-specials .comments-link{ display: none; } div.specials p.excerpt { color: white; } p.loc-button a{ border: 15px; background: #2a4664; background: -webkit-linear-gradient(#2a4664, #1b2d40); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#2a4664, #1b2d40); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#2a4664, #1b2d40); /* For Firefox 3.6 to 15 */ background: linear-gradient(#2a4664, #1b2d40); /* Standard syntax */ color: #fff; padding: 15px 30px; border-radius: 5px; font-weight: bolder; font-size: 22px; margin: 30px; } p.loc-button a:hover{color:#ECCC22;} #sectionscroll {background:rgba(0,0,0,.7);position: fixed; right: 0; top: 50%; padding: 0;margin: 0;width: 40px;border-radius: 10px 0 0 10px;z-index: 99} #sectionscroll li {display: block; text-align: center; list-style: none;} #sectionscroll li a {width: 8px; height: 8px; display: block; background:#ccc; border-radius: 100%; margin:15px auto;} #sectionscroll li a:hover, #sectionscroll li a.active {background:#5a94ff;} #sectionscroll li a:focus {outline: none!important} /*revision*/ .b4r_rev1{ text-align: right; margin: 2% auto 0} .b4r_rev1 h4{ font-family: 'Montserrat', sans-serif; font-weight: 900; font-size: 28px; color: #FFF;} .b4r_rev1 h4 span{ font-weight: normal; color: #D2DD3F; } .b4r_rev1 h3{ font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 36px; color: #FFF;} .b4r_rev1 h2{ font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 65px; color: #FFF;} .b4r_rev1 p{ font-family: 'Montserrat', sans-serif; font-weight: normal; font-size: 25px; color: #FFF;} .b4r_rev1 p strong{ font-weight: 900; } .b4r_rev1 a{ display: block; font-family: 'Montserrat', sans-serif; font-weight: 900; font-size: 28px; color: #FFF; border:1px solid #FFF; width: 252px; height: 52px; line-height: 52px; float: right; text-align: center; margin: 2% auto 0} .gallery-columns-3 .gallery-item{max-width:32.9%;} .membership-container a.button.btn.btn-default{display:none;} /*Admin tooltips*/ .wp-admin div.ui-tooltip{color:#000;} /*Lake Kiwanis and Phoenix Book Now Hide*/ .page-id-1757 a.btn-book-now {display: none;} .page-id-478 a.btn-book-now {display: none;} /*promo section below homepage banner*/ div#promo-section{display:none;} .home .featured-thumbnails-full .row .col-sm-6:last-child{width:100% !important;} .home-2 .featured-thumbnails-full .row .col-sm-6:first-child{width:100% !important;} .featured-thumbnails .col-sm-4 {min-height: 440px;} #tablist1-panel10 { } div.sport-boat{ display: none;} /* edits */ li#menu-item-553:hover .sub-menu, li#menu-item-4292:hover .sub-menu { display: block; } .timeTopLeft h1 span { color: #ff0000; font-size: 24px; font-style: italic; } /* hide pedal boats */ .page-id-10 li#tablist1-tab6 { display: none !important; } .mobile_banner_img {display: none;} /* Home Elementor */ .page-id-22311 #banner {display: none;} /* Home-2 Featured thumbnails */ .featured-thumbnails.featured-thumbnails-full.container div.col-sm-6 div{max-height:300px;} .page-id-21122 .featured-thumbnails .thumb { display: block; margin-bottom: 30px; position: relative; } .page-id-21122 .featured-thumbnails .image { width: 100%; } .page-id-21122 .featured-thumbnails .thumb > a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;} .page-id-21122 .featured-thumbnails .title { background: rgba(16,67,104,0.5); bottom: 0; color: #fff; display: block; font-size: 1.5rem; /* 24px */ font-weight: 700; margin: 0 auto; padding: 15px 10px; position: absolute; text-align: center; width: 100%; z-index: 1; } .page-id-21122 .featured-thumbnails .title:hover { background: rgba(16,67,104,0.8); transition: 0.5s; } .page-id-21122 .featured-thumbnails .thumb .hover_text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .page-id-21122 .featured-thumbnails .thumb .hover_text .con { text-align: center; position: absolute; bottom: 0px; left: 0; right: 0; margin: auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .page-id-21122 .featured-thumbnails .thumb:hover .hover_text .con{ bottom: 65px; } .page-id-21122 .featured-thumbnails .thumb .hover_text .con a { background: rgba(16,67,104,0); color: #fff; font-weight: bold; display: block; padding: 10px 10px; position: relative; z-index: 10; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .page-id-21122 .featured-thumbnails .thumb .hover_text .con a:hover{ background: rgba(16,67,104,0.8); } .page-id-21122 .featured-thumbnails .thumb:hover .hover_text{ /*background: rgba(0,0,0,0.2);*/ opacity: 1; } .page-id-21122 .featured-thumbnails .thumb .hover_text .con ul { padding: 0; list-style: none; margin: 0; } /* Home-2 Gift Certificates Section */ .page-id-21122 .gift-certificate { background-size: 100% auto !important; font-family: 'Montserrat', sans-serif; min-height: 350px; padding: 20px 20px 35px; } .page-id-21122 .gift-certificate .title-container { margin-bottom: 30px; position: relative; } .page-id-21122 .gift-certificate .title { color: #C3A345; font-family: 'Gabriela', serif; font-size: 2.5rem; /* 40px */ } .hompage-id-21122e .gift-certificate .title:before, .home .gift-certificate .title:after { content: ""; background: url('assets/images/rope.png') no-repeat center; display: block; height: 12px; position: absolute; top: 50%; transform: translateY(-50%); width: 125px; } .page-id-21122 .gift-certificate .title:before { left: 20%; } .page-id-21122 .gift-certificate .title:after { right: 20%; } .page-id-21122 .gift-certificate .content { } .page-id-21122 .gift-certificate .button { border: 1px solid #333; color: #333; display: inline-block; font-weight: 700; margin-top: 30px; padding: 15px; } .page-id-21122 .gift-certificate .button:hover { background: #3E5472; color: #fff; border-color: #333; transition: 0.5s; } @media (max-width: 1005px){ .new-home-page .row { display: flex; align-items: stretch; margin-bottom: 15px; } .new-home-page .row .col-sm-4 { text-align: center; } .new-home-page .video, .home-yt { height: 100%!important; } } @media (max-width: 995px){ .home .gift-certificate .title:before, .home .gift-certificate .title:after { display: none; } } @media (max-width: 767px){ .home-yt { height: 419px!important; } .new-home-page .row { flex-direction: column; } }