/* Theme Name: Sabre Theme URI: http://www.flyte.biz Description: Responsive Theme Author: AW FNM Version: 1.1r Tags: Custom */ /* Reset default browser CSS. -------------------------------------------------------------- *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;background:transparent} body{line-height:1} h1,h2,h3,h4,h5,h6{font-weight:400;clear:both} ol,ul{list-style:none} blockquote{quotes:none} blockquote:before,blockquote:after{content:'';content:none} del{text-decoration:line-through} a img{border:none} a:focus,a:hover,a:active{outline:transparent} .clear{display:block;clear:both;visibility:hidden;} .hidden{display:none} /* Responsive Embeds - See script additions for wrap.*/ .embed-object { position: relative; padding-bottom: 56.25%; /* - 16:9 aspect ratio (most common) */ /* padding-bottom: 62.5%; - 16:10 aspect ratio */ /* padding-bottom: 75%; - 4:3 aspect ratio */ padding-top: 30px; height: 0; overflow: hidden; } .embed-object iframe, .embed-object object, .embed-object embed { border: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body.page-id-7571 #desktop_content{max-width:1400px;margin:0 auto;position:relative} body.page-id-7571 #homeGrad{position:relative;z-index:9999} body.page-id-7571 #hbWrap{position:relative;background:none !important} body.page-id-7571 #homeGrad{background:transparent} body.page-id-7571 #homeGrad img{position:relative;z-index:999;margin-top:45px} .hero_video{position:absolute;top:0;left:0;width:100%;z-index:99} body.page-id-7571 video{width:100%} /* JQUERY // Add wrapper for responsive iframes $('iframe').wrap( '
' ); */ /*CLEARFIX*/ .clearfix,.cf{zoom:1} .clearfix:before,.clearfix:after,.cf:before,.cf:after{content:"";display:table} .clearfix:after,.cf:after{clear:both} /*.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;}*/ /* Main global 'theme' and typographic styles */ input,textarea{color:#666;font-size:12px;line-height:18px} hr{background-color:#999;border:0;height:1px;margin-bottom:18px;clear:both} p{margin-bottom:18px} ul{list-style:square;margin:0 0 18px 1.5em} ol{list-style:decimal;margin:0 0 18px 1.5em} ol ol{list-style:upper-alpha} ol ol ol{list-style:lower-roman} ol ol ol ol{list-style:lower-alpha} ul ul,ol ol,ul ol,ol ul{margin-bottom:0} dl{margin:0 0 24px} dt{font-weight:700} dd{margin-bottom:18px} strong{font-weight:700} cite,em,i{font-style:italic} big{font-size:131.25%} ins{background:#ffc;text-decoration:none} blockquote{font-style:italic;padding:0 3em} blockquote cite,blockquote em,blockquote i{font-style:normal} pre{background:#f7f7f7;color:#222;line-height:18px;margin-bottom:18px;padding:1.5em} abbr,acronym{border-bottom:1px dotted #666;cursor:help} sup,sub{height:0;line-height:1;vertical-align:baseline;position:relative} sup{bottom:1ex} sub{top:.5ex} input[type="text"],textarea{padding:2px;background:#f9f9f9;border:1px solid #ccc;box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1)} .screen-reader-text{position:absolute;left:-9000px} /*############################################# ~~~~~~~ FONTS ###############################################*/ .fonts{font-family:'PT Sans',sans-serif;font-family:'PT Sans Narrow',sans-serif;font-family:'Crimson Text',serif} body{font-family:'PT Sans',Helvetica,Arial,Verdana,sans-serif;background:#fff;color:#464646;font-size:14px;line-height:18px;-webkit-text-size-adjust: 100%;} pre {font-family: "Courier 10 Pitch", Courier, monospace;} code {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;} /*############################################# ~~~~~~~ LINKS ###############################################*/ a {color:#be1e2d;text-decoration:none;transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-webkit-transition: .3s ease-in-out;} a:visited {color:#be1e2d;} a:active,a:hover {color: #be1e2d;text-decoration:underline;} .dtplink{display:none;} /* ############## Social ############## */ ul.socmed{margin:0;padding:0;list-style:none} ul.socmed li{float:right;height:30px;padding:0 10px 0 0} /*############################################# ~~~~~~~ HEADER ###############################################*/ #header{padding:0;background:transparent url(images/headerBG.png) 0 bottom repeat-x;height:205px;position:relative;z-index:9999} #header-2{padding:0;height:137px;position:relative;z-index:9999} #homer{width:200px;margin:0 auto;display:block;padding-top:20px;} #masthead{background:transparent url(images/branding_grad_BG.png) 50% 73% no-repeat} /*######### Head Search #########*/ #search{height:60px;position:absolute;top:189px;left:0;width:100%;background:transparent url(images/headSearchBG.png) 0 100% repeat-x;z-index:9100;display:none} #wpSearchWrap{width:1004px;margin:0 auto;color:#fff} #searchServices{height:60px;position:absolute;top:189px;left:0;width:100%;background:transparent url(images/headSearchBG.png) 0 100% repeat-x;z-index:9100;display:none} #formsWrap{width:975px;padding-left:31px;margin:8px auto;color:#fff} #searchServices form{float: right;padding: 0 51px 0 0;} #searchServices form#internationalSearch{padding:15px 0 0} #searchServices form#zipSearch{padding:10px 0 0} #search form#wpSearch{float:right;padding:8px 50px 0 0} #searchServices span{padding:5px 15px} #searchServices form input[type="text"],#search form input[type="text"]{margin-top:3px;padding-left:5px;} #searchServices form input[type="text"],#search form input[type="text"],#searchServices form select{width:185px} #zipsearchsubmit,#wpsearchsubmit{vertical-align:middle} form#usSearch input[type=text], form#usSearch select, form#wpSearch input[type=text]{padding:5px 3px;} /*############################################# ~~~~~~~ NAVIGATION ###############################################*/ #menuToggle{display:block;position:absolute;top: 28px;left: 0px;z-index: 99999;transform: scale(0.75);} .hamburger-label{position:absolute;left:14px;top:-10px;margin-top:2px;color:#B40417;font-weight:700;font-size:15px;} #slide_menu:not( .mm-menu ) {display: none;}/* stop mobile menu flicker */ #access {margin: 0 auto;width: 1004px;height:42px;display:block;padding-top:20px;font-family: 'PT Sans Narrow', Helvetica, Arial, Verdana, sans-serif;} /* center main menu */ .menu-header{clear:both; float:left; width:100%;} #menu-main-menu{padding:0; margin:0 auto; float:right;position:relative;right:50%;} #menu-main-menu li{float:left; position:relative; left:50%;} #access .menu-header,div.menu{font-size:18px} #access .menu-header ul,div.menu ul{list-style:none;margin:0} #access .menu-header li, div.menu li{float:left;padding:0 11px} #access a{display:block;text-decoration:none;color:#201e58;padding:0 5px;line-height:38px;text-transform:uppercase} #access li:hover > a{border-bottom:1px solid #b3b5b7} #access ul li.current_page_item > a,#access ul li.current-menu-ancestor > a,#access ul li.current-page-ancestor > a,#access ul li.current-menu-item > a,#access ul li.current-menu-parent > a{border-bottom:1px solid #b3b5b7} #access li.dealer a,#access li.search a{cursor:pointer;text-transform:none} #access li.motor a{cursor:pointer} #access li.search{padding-left:20px;border-left:1px solid #c8c7c7} .yachtmenu{display:none;position:absolute;top:190px;left:0;width:100%;padding:8px 0 14px;font-family:'PT Sans Narrow',Helvetica,Arial,Verdana,sans-serif;background:transparent url(images/headSearchBG.png) 0 100% repeat-x;clear:both;text-align:center;z-index:9000} .yachtmenu div{display:inline} .yachtmenu a{text-decoration:none;color:#fff;padding:0 5px;line-height:38px;padding:10px 20px 10px 20px;font-size:16px;font-weight:700} .yachtmenu #menu-item-77 .sub-menu a{padding:10px 8px;} .yachtmenu div.em a{padding-left:0;padding-right:10px;color:#fff} .yachtmenu div.decoy a,.yachtmenu div.decoy:hover > a{border-bottom:none;color:#fff!important;cursor:text;font-weight:400;padding-right:10px} .yachtmenu a:hover,.yachtmenudiv.em:hover > a,.yachtmenu div.current_page_item a,.yachtmenu div.current-page-parent a,.yachtmenu div.em.current_page_item a,.yachtmenu div.em.current_page_ancestor a{/*color:#b10f1f !important*/ color:#e16b68 !important} .yachtmenu div.em.current_page_item .sub-menu a,.yachtmenu div.em.current_page_ancestor .sub-menu a{color:#b10f1f !important} .yachtmenu .subWrap{display:none;position:absolute;top:51px;left:0;width:100%;height:60px;background:transparent;clear:both;overflow:hidden} .yachtmenu .sub-menu{width:1004px;display:none;margin:0 auto;height:57px;background:transparent url(images/subWrapBG.png) 0 0 repeat-x} body.page-template-page-yacht2020 .yachtmenu .sub-menu{background:none} .yachtmenu .sub-menu a,.yachtmenu div.em .sub-menu a{color:#201e58;font-weight:400;text-transform:uppercase} .yachtmenu .sub-menu a:hover,.yachtmenu div.em .sub-menu a:hover,.yachtmenu div.em .current_page_item a{color:#b10f1f} .displayWrap{width:1004px;margin:0 auto;position:relative;height:50px} .display{position:absolute;width:23px;height:23px;top:65px;left:50px;background:transparent url(images/hideContentChev.png) 0 0 no-repeat;cursor:pointer;z-index:9999} .display.collapsed{background:transparent url(images/showContentChev.png) 0 0 no-repeat;margin-top:0} /*############################################# ~~~~~~~ LAYOUT ###############################################*/ #main {width:1004px;margin:-15px auto 0;position:relative;z-index:999;} #main-2 {width:1004px;margin:48px auto 0;position:relative;z-index:999;} body.home #main, body.page-template-home-tpx #main, body.page-id-7571 #main{width:100%;} #wrapper{width:100%;margin:0 auto;padding-bottom:63px;} /* FLEX FOOTER */ html, body{height: 100%;} body{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; /* Safari */ display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } #wrapper{ -webkit-flex: 1 0 auto; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #footer{flex-shrink: 0;} /* ######### LAYOUT: Two columns */ #container {width: 904px;background: transparent url(images/headerBG.png) 0 -286px repeat-x;background-color: rgba(255, 255, 255, 0.95);padding:35px 50px 50px;margin-bottom:40px;position:relative;} #container {width: 904px;background-color: rgba(255, 255, 255, 0.95);padding:35px 50px 50px;margin-bottom:40px;position:relative;} body.home #container, body.page-template-home-tpx #container,body.page-id-7571 #container{margin:0;width:100%;position:relative;padding:0;background:transparent} #content{padding:35px 0 0} #content-2{padding:0;} #content.blog{float:left;width:680px;padding-right:20px} #primary,#secondary{float:right;overflow:hidden;width:175px;padding-left:15px;border-left:1px solid #c3c3c4} #primary{margin-top:80px} #primary.press{border-top:0;} #secondary{clear:right} /* ############ LAYOUT: One column, no sidebar */ .one-column #content {margin: 0 auto;width: 640px;} /* ########### LAYOUT: Full width */ .single-attachment #content {margin: 0 auto;width: 900px;} /* =Button -------------------------------------------------------------- */ .btn_grp{text-align:center;} .btn a, .btn a:visited, .btn_grp a, .btn_grp a:visited, .gform_button{ padding: 15px 15px; margin: 5px; font-family: 'Crimson Text',serif; text-decoration:none; text-align: center; font-size: 14px; font-weight: 400; text-transform: uppercase; cursor: pointer; line-height: 21px; display: inline-block; background: #00295B; color: #FFF; /*width: 230px;*/ width: 180px; } .btn a:hover, .btn a:focus, .btn a:visited:hover, .btn a:visited:focus, .btn_grp a:hover, .btn_grp a:focus, .btn_grp a:visited:hover, .btn_grp a:visited:focus, .gform_button:hover{background: #A1171A;} /* just for home page small handheld */ body.home .btn a, body.home .btn_grp a{width:230px;} .button.small, input[type=submit].button{padding:5px 15px;color:#fff;line-height:auto;border:0;width:auto;} .button.small:hover, input[type=submit].button:hover{text-decoration:none;background:#9E1013;} .scriptlesssocialsharing-buttons .button{padding:3px;margin-right:5px;} .scriptlesssocialsharing-buttons .button .sss-name {margin-left: 8px;} .scriptlesssocialsharing-buttons .button:before {font-family: 'Font Awesome 5 Brands';font-size: 20px;} .scriptlesssocialsharing-buttons .twitter:before {content: '\f099';} .scriptlesssocialsharing-buttons .facebook:before {content: '\f09a';} .scriptlesssocialsharing-buttons .pinterest:before {content: '\f0d2';} .scriptlesssocialsharing-buttons .pocket:before {content: '\f265';} .scriptlesssocialsharing-buttons .linkedin:before {content: '\f0e1';} .scriptlesssocialsharing-buttons .email:before {font-family: 'Font Awesome 5 Pro';content: '\f0e0';} .scriptlesssocialsharing-buttons .reddit:before {content: '\f281';} .scriptlesssocialsharing-buttons .whatsapp:before {content: '\f232';} .scriptlesssocialsharing{box-sizing:border-box;margin:18px auto}.scriptlesssocialsharing-buttons{border-collapse:separate;border-spacing:3px;display:table;table-layout:fixed}.scriptlesssocialsharing-buttons a.button{border:none;border-radius:0;color:white;display:table-cell;text-align:center;text-decoration:none}.scriptlesssocialsharing-buttons a.button:hover{color:#fff}.scriptlesssocialsharing-buttons .sss-name{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;border:0;overflow:hidden}.scriptlesssocialsharing-buttons .button.email{background-color:#333;background-color:rgba(51,51,51,.8)}.scriptlesssocialsharing-buttons .button.email:hover{background-color:#333}.scriptlesssocialsharing-buttons .button.twitter{background-color:#55acee;background-color:rgba(85,172,238,.8)}.scriptlesssocialsharing-buttons .button.twitter:hover{background-color:#55acee}.scriptlesssocialsharing-buttons .button.facebook{background-color:#3b5998;background-color:rgba(59,89,152,.8)}.scriptlesssocialsharing-buttons .button.facebook:hover{background-color:#3b5998}.scriptlesssocialsharing-buttons .button.linkedin{background-color:#0077b5;background-color:rgba(0,119,181,.8)}.scriptlesssocialsharing-buttons .button.linkedin:hover{background-color:#0077b5}.scriptlesssocialsharing-buttons .button.pinterest{background-color:#bd081c;background-color:rgba(189,8,28,.8)}.scriptlesssocialsharing-buttons .button.pinterest:hover{background-color:#bd081c}.scriptlesssocialsharing-buttons .button.google{background-color:#dc4e41;background-color:rgba(220,78,65,.8)}.scriptlesssocialsharing-buttons .button.google:hover{background-color:#dc4e41}.scriptlesssocialsharing-buttons .button.reddit{background-color:#ff4500;background-color:rgba(255,69,0,.8)}.scriptlesssocialsharing-buttons .button.reddit:hover{background-color:#ff4500}.scriptlesssocialsharing-buttons .button.whatsapp{background-color:#25d366;background-color:rgba(37,211,102,.8)}.scriptlesssocialsharing-buttons .button.whatsapp:hover{background-color:#25d366}.scriptlesssocialsharing-buttons .button.pocket{background-color:#ef4056;background-color:rgba(239,64,86,.8)}.scriptlesssocialsharing-buttons .button.pocket:hover{background-color:#ef4056}@media print{.scriptlesssocialsharing{display:none}} /*############################################# ~~~~~~~ HOME PAGE ###############################################*/ body.home #content_div{padding:0;} body.page-template-home-tpx #content_div{padding:0;} #deploy{top: -5px;position: relative;} #hoverable{cursor:pointer;width:100%;height:108px;} #homeGrad{background:transparent url(images/homeGradBG.png) 0 0 repeat-x;margin:0 auto;text-align:center;height:200px;max-width: 1400px} #hbWrap{ width:100%; height:480px; margin:-290px auto 90px; position:relative;z-index: 999; /*background:transparent url(images/homeTitle1165_c.png) center 125px no-repeat;*/ background:transparent url(images/homeTitle1165_c3lines.png) center 135px no-repeat; background-size:583px 85px; padding-top:100px; text-align:center } #homeBoxes{width:1004px;background:transparent url(images/homeBoxSep.png) 500px 60px no-repeat;background-color:rgba(255,255,255,0.95);z-index:-1;margin:0 auto;text-align:left;position:relative;top:-23px;} .homeBox{width:354px;float:left;margin:20px 0 20px 75px;line-height:16px} .homeBox.updated{width:400px;float:left;margin:20px 0 30px 45px;line-height:16px} #sailing.homeBox{float:right;margin-right:75px} #sailing.homeBox.updated{float:right;margin-right:54px} .homeBox .h3{display:block;text-align:center;color:#b10f1f!important;font-family:'Crimson Text',serif;font-size:24px;text-transform:uppercase;padding: 0 0 20px;line-height: 1.5em;} .homeBox .h3 span{font-size:28px} .homeBox p{margin:0!important} .homeBox img{padding:0;margin:0!important} #mobile_content{display:none;position:relative;} .vslink{cursor:pointer;} .vs{width:100%;height:380px;margin-bottom:30px;position:relative;} #vshead{background:transparent url(https://s3-us-east-2.amazonaws.com/sabreyachts/sabre/wp-content/uploads/2018/02/07105914/homeTitle_mob760%402x.png) top center; background-size:760px 141px;width:100%; height:141px;position:absolute;top:0;left:0;z-index:999;cursor:pointer;} span.btn.vs{display:inline-block;width:auto;height:60px;line-height:60px;padding:0 30px; margin:0 auto;position:relative;bottom:-290px;font-family: 'Crimson Text',serif;font-size:28px;color:#a50b14;background: rgba(255, 255, 255, 0.7);text-transform:uppercase; } .vslink:hover span.btn.vs{background: rgba(255, 255, 255, 9.5);text-decoration:none;} body.page-template-home-tpx ul#supersized, body.page-template-home-tpx #desktop_content{display:none;} /*############################################# ~~~~~~~ GENERAL STYLES ###############################################*/ #content p,#content ul,#content ol,#content dd,#content pre,#content hr{margin-bottom:24px} #content ul ul,#content ol ol,#content ul ol,#content ol ul{margin-bottom:0} #content pre,#content kbd,#content tt,#content var{font-size:15px;line-height:21px} #content code{font-size:13px} #content dt,#content th{color:#000} #content h1,#content h2,#content h3,#content h4,#content h5,#content h6{color:#000;margin:0 0 20px;line-height:1.5em} #content h2{margin-bottom:10px} #content h2 a{color:#201e58;font-family:'Crimson Text',serif;text-transform:uppercase;font-size:19px} #content h2:first-letter{font-size:24px} #content h4{font-family:'Crimson Text',serif;text-transform:uppercase;margin-bottom:5px;font-size:13px;cursor:pointer} #content h4 a:link{color:#201e58;text-decoration:none} #content h4 a:visited{color:#201e58} #content h4 a:active,#content h4 a:hover{color:#b10f1f} #content tr.odd td{background:#F2F7FC} .hentry{margin:0 0 48px} .home .sticky{background:#F2F7FC;border-top:4px solid #000;padding:18px 20px;margin-left:-20px;margin-right:-20px} .single .hentry{margin:0 0 36px} .page-title{color:#000;font-size:14px;font-weight:700;margin:0 0 36px} .page-title span{color:#333;font-size:16px;font-style:italic;font-weight:400} .page-title a:link,.page-title a:visited{color:#888;text-decoration:none} .page-title a:active,.page-title a:hover{color:#FF4B33} #content .entry-title{color:#b10f1f;font-size:28px;line-height:1.3em;font-weight:400;margin-bottom:25px;padding-bottom:5px;font-family:'Crimson Text',serif;text-transform:uppercase;background:transparent url(images/pageTitleBG.png) 0 100% no-repeat} #content .entry-title:first-letter{font-size:34px} #content-2 .entry-title{color:#b10f1f;font-size:28px;line-height:1.3em;font-weight:400;margin-bottom:25px;padding-bottom:5px;font-family:'Crimson Text',serif;text-transform:uppercase;background:transparent url(images/pageTitleBG.png) 0 100% no-repeat} #content-2 .entry-title:first-letter{font-size:34px} .entry-title a:link,.entry-title a:visited{color:#000;text-decoration:none} .entry-title a:active,.entry-title a:hover{color:#FF4B33} .entry-meta{color:#888;font-size:12px} .entry-meta abbr,.entry-utility abbr{border:none} .entry-meta abbr:hover,.entry-utility abbr:hover{border-bottom:1px dotted #666} .entry-content,.entry-summary{clear:both;padding:12px 0 0} #content .entry-summary p:last-child{margin-bottom:12px} .entry-content fieldset{border:1px solid #E7E7E7;margin:0 0 24px;padding:24px} .entry-content fieldset legend{background:#fff;color:#000;font-weight:700;padding:0 24px} /*.entry-content input{margin:0 0 24px}*/ .entry-content input.file,.entry-content input.button{margin-right:24px} .entry-content select{margin:0 0 24px} .entry-content sup,.entry-content sub{font-size:10px} .entry-content blockquote.left{float:left;margin-left:0;margin-right:24px;text-align:right;width:33%} .entry-content blockquote.right{float:right;margin-left:24px;margin-right:0;text-align:left;width:33%} .page-link{color:#000;font-weight:700;margin:0 0 22px;word-spacing:.5em} .page-link a:link,.page-link a:visited{background:#f1f1f1;color:#333;font-weight:400;padding:.5em .75em;text-decoration:none} .home .sticky .page-link a{background:#D9E8F7} .page-link a:active,.page-link a:hover{color:#FF4B33} .page .edit-link{clear:both;display:block} #entry-author-info{background:#F2F7FC;border-top:4px solid #000;padding:18px 20px;margin:24px 0;overflow:hidden;clear:both;font-size:14px;line-height:20px} #entry-author-info #author-avatar{background:#fff;border:1px solid #e7e7e7;float:left;margin:0 -104px 0 0;padding:11px;height:60px} #entry-author-info #author-description{float:left;margin:0 0 0 104px} #entry-author-info h2{color:#000;font-weight:700;font-size:100%;margin-bottom:0} .entry-utility{color:#888;font-size:12px;line-height:18px;clear:both} .entry-meta a,.entry-utility a{color:#888} .entry-meta a:hover,.entry-utility a:hover{color:#FF4B33} #content .video-player{padding:0} .inventory{margin-bottom:6em;} .inventory .listing{padding:1em;border-bottom:1px solid #ddd;} #content .inventory h3{margin:2em 0 .5em;color:#201959;font-size:1.3em;} .inventory span{display:inline-block;margin-right:20px;width:20%;white-space: nowrap;} /* Others - Accordion Styles */ #accordions{margin-top:20px} .collapserAll{padding:0 20px;margin-bottom:5px;font-size:13px;cursor:pointer;color:#b10f1f} .collapserAll.off{background:transparent url(images/closeAll.png) 0 0 no-repeat} .collapserAll.on{background:transparent url(images/openAll.png) 0 0 no-repeat} h3.listhead{color:#201e58!important;font-size:19px;line-height:1.3em;font-weight:400;margin-bottom:25px;padding-bottom:5px;padding-left:25px;font-family:'Crimson Text',serif;text-transform:uppercase;background:transparent url(images/accoTitleBG.png) 0 100% no-repeat;cursor:pointer} h3.listhead:first-letter{font-size:23px} h3.listhead.expanded{background:transparent url(images/accoTitleExpBG.png) 0 100% no-repeat} .accordion{padding-bottom:2em;} .controls{margin-bottom:2em;} /* Others - Events */ .event{border-bottom:1px solid #ccc;padding:1.5em 0 1.5em 1em;} .event .dashicons{color:#ccc;transform: scale(1.5);margin:.2em .5em 0 0 ;vertical-align:top;} #content .eventlist h2{margin-bottom:0;} .eventlist h3{font-family:'Crimson Text',serif;font-size:1.8em;} #content .eventlist p{margin-bottom:8px;} /* Asides -------------------------------------------------------------- */ .home #content .category-asides p{font-size:14px;line-height:20px;margin-bottom:10px;margin-top:0} .home .hentry.category-asides{padding:0} .home #content .category-asides .entry-content{padding-top:0} /* PRESS PAGES -------------------------------------------------------------- */ h2.sidenavHead{text-transform:uppercase;margin-bottom:1em;} .pageNav a{display:block;text-transform:uppercase; padding-bottom:.5em;} .pageNav li.current_page_item a, .motoryacht .title a{display:block;text-transform:uppercase; padding-bottom:.5em;font-weight:700;color:#B40417;} .gallery-caption{display:none} .motoryachts{margin-top:5em;} .motoryacht{text-align:center} .motoryacht img, #content .gallery img{border:10px solid #f1f1f1; transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-webkit-transition: .5s ease-in-out;} .motoryacht img:hover{border:10px solid #ddd;} .motoryacht .title{padding-top:1em;} /* SABRE EVENTS PAGES -------------------------------------------------------------- */ .events_list .posts_wrapper{display: flex;flex-direction: row;flex-wrap: wrap;gap:1em} .posts_wrapper .single_post{margin:0 auto} .events_list .single_post a{height:100%;flex-direction: column;} .single_post .post_text{padding:15px;background:#F2F2F2;text-transform:uppercase;display:flex;flex-grow:1;align-items:center;justify-content:center} .single_post .post_title{text-align:center} .single_post .post_image{line-height:0;font-size:0px;overflow:hidden;position:relative;width:100%} .single_post .post_image img{transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-webkit-transition: .5s ease-in-out;position:relative:z-index:10;} .single_post .post_image:hover img{transform:scale(1.2)} .post_excerpt{background:rgba(0,0,0,0.5);padding:20px 15px;color:#fff;font-size:14px;position:absolute;z-index:99;width:85%;bottom:15px;left:2.5%;text-align:center;text-transform:uppercase} .post_text, .post_text:hover, .single_post a:hover {color:#464646;text-decoration:none !important;} .event_data h2{display:inline-block;border-bottom:1px solid #d2d2d2 !important} .entry-content .description{padding:2em 0 1em} .entry-content .boats,.entry-content .dealers{padding:0 0 1em} .entry-content .boats ul,.entry-content .dealers ul{/*display:flex*/list-style:none;margin-left:0} .entry-content .boats li,.entry-content .dealers li{margin-right:2em} .entry-content .links{padding-top:2em} .more_events{padding:3em 2em 0;text-align:center} .links .flex-container{justify-content:space-evenly} @media only screen and (min-width: 768px) { .posts_wrapper .single_post, .event_data .event_meta{flex-basis:48%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .event_data .location{padding-right:30px} } @media only screen and (min-width: 1024px) { .posts_wrapper .single_post{flex-basis:32.2%} } /*############################################# ~~~~~~~ SIDEBARS & WIDGETS ###############################################*/ #main .widget-area ul{margin-left:0;padding:0 20px 0 0} #main .widget-area ul ul{border:none;margin-left:2px;padding: 15px 0 20px;} h2.widgettitle{padding:15px 0 10px;background:transparent url(images/widgettitleBG.png) 0 100% no-repeat;outline:none!important;border:0 !important;} h2.widgettitle,h2.widgettitle a:link,h2.widgettitle a:visited{color:#201e58;font-family:'Crimson Text',serif;text-transform:uppercase;font-size:16px;outline:none!important} h2.widgettitle:first-letter{font-size:22px!important} h2.widgettitle a:hover{text-decoration:none} .widget{margin-bottom:40px;} span.ui-icon{display:block;width:19px;height:16px;float:left;margin-right:5px} span.ui-icon-triangle-1-e{background:transparent url(images/archiveHide.png) 0 5px no-repeat !important} span.ui-icon-triangle-1-s{background:transparent url(images/archiveShow.png) 0 5px no-repeat !important} .widget-area ul{list-style:none;margin-left:0} .widget-area ul ul{list-style:none;margin-left:0} #primary.widget-area ul ul li{margin-bottom:10px} .widget_search #s{width:60%} .widget_search label{display:none} .widget-container{margin:0 0 18px} .widget-title{color:#222;font-weight:700} .widget-area a:link,.widget-area a:visited{text-decoration:none;color:#58595b} .widget-area a:active,.widget-area a:hover{text-decoration:none;color:#BE1E2D} .widget-area .entry-meta{font-size:11px} #wp_tag_cloud div{line-height:1.6em} #wp-calendar{width:100%} #wp-calendar caption{font-weight:700;color:#222;text-align:left;font-size:14px;padding-bottom:4px} #wp-calendar thead{font-size:11px} #wp-calendar tbody{color:#aaa} #wp-calendar tbody td{padding:3px 0 2px;background:#f5f5f5;border:1px solid #fff;text-align:center} #wp-calendar tbody .pad{background:none} #wp-calendar tfoot #next{text-align:right} .widget_rss a.rsswidget{color:#000} .widget_rss a.rsswidget:hover{color:#FF4B33} .widget_rss .widget-title img{height:11px;width:11px} #signupInput{width:125px;border:1px solid #ccc;height:14px} .widget {border: none !important;background: transparent !important;color: #333} /* Gallery listing -------------------------------------------------------------- */ .category-gallery{margin-bottom:48px} .category-gallery h2{margin-top:10px} .category-gallery .size-thumbnail img{border:10px solid #f1f1f1;margin-bottom:0} .category-gallery .gallery-thumb{float:left;margin-right:20px;margin-top:-4px} .home #content .category-gallery .entry-content p{display:inline} .home #content .category-gallery .entry-utility{padding-top:4px} /* Attachment pages -------------------------------------------------------------- */ .entry-content .attachment img{margin-bottom:0} .attachment .entry-content .entry-caption{font-size:140%;margin-top:24px} .attachment .entry-content .nav-previous a:before{content:'\2190\00a0'} .attachment .entry-content .nav-next a:after{content:'\00a0\2192'} /*############################################# ~~~~~~~ IMAGES ###############################################*/ #content img{margin:0;max-width:100%;height:auto;} #content .attachment img{max-width:900px} #content .alignleft,#content img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px} #content .alignright,#content img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px} #content .aligncenter,#content img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto} #content img.alignleft,#content img.alignright,#content img.aligncenter{margin-bottom:12px} #content .wp-caption{background:#f1f1f1;line-height:18px;text-align:center;margin-bottom:20px;padding:4px} #content .wp-caption img{margin:5px 5px 0} #content .wp-caption p.wp-caption-text{margin:5px;color:#888;font-size:12px} #content .wp-smiley{margin:0} #content .gallery{margin:auto} #content .gallery .gallery-item{float:left;margin:3px;text-align:center;width:auto} #content .gallery .gallery-caption{color:#888;font-size:12px;margin:0 0 12px} #content .gallery dl{margin:0} #content .gallery img{border:10px solid #f1f1f1;padding:3px;background:#fff;} #content .gallery img:hover{border:10px solid #ddd;background:#aaa;} #content .gallery br+br{display:none} .wp-caption{width:auto !important;max-width:100% !important;} #TB_window img#TB_Image {margin: 35px 0 0 15px !important;} /*########## Responsive Gallery Overides ##########*/ .photospace_res {margin: 0.5em auto 1em;/*padding: 0 0 25% !important;*/} .photospace_res .thumbs_wrap2 {bottom: 0;left: 0;position: absolute;width: 100%;} .photospace_res .psr_paging {display:none} .photospace_res img{max-width:100%} /*############################################# ~~~~~~~ COMMENTS ###############################################*/ #comments{clear:both} #comments .navigation{padding:0 0 18px} h3#comments-title,h3#reply-title{color:#000;font-weight:700;font-size:20px;margin-bottom:0} h3#comments-title{padding:24px 0} .commentlist{list-style:none;margin:0} .commentlist li.comment{border-bottom:1px solid #e7e7e7;line-height:24px;margin:0 0 24px;padding:0 0 0 56px;position:relative} .commentlist li:last-child{border-bottom:none;margin-bottom:0} #comments .comment-body ul,#comments .comment-body ol{margin-bottom:18px} #comments .comment-body p:last-child{margin-bottom:6px} #comments .comment-body blockquote p:last-child{margin-bottom:24px} .commentlist ol{list-style:decimal} .commentlist .avatar{position:absolute;top:4px;left:0} .comment-author cite{color:#000;font-style:normal;font-weight:700} .comment-author .says{font-style:italic} .comment-meta{font-size:12px;margin:0 0 18px} .comment-meta a:link,.comment-meta a:visited{color:#888;text-decoration:none} .comment-meta a:active,.comment-meta a:hover{color:#FF4B33} .reply{font-size:12px;padding:0 0 24px} .reply a,a.comment-edit-link{color:#888} .reply a:hover,a.comment-edit-link:hover{color:#FF4B33} .commentlist .children{list-style:none;margin:0} .commentlist .children li{border:none;margin:0} .nopassword,.nocomments{display:none} #comments .pingback{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #e7e7e7} .commentlist li.comment+li.pingback{margin-top:-6px} #comments .pingback p{color:#888;font-size:12px;line-height:18px;display:block;margin:0} #comments .pingback .url{font-style:italic;font-size:13px} input[type=submit]{color:#333} #respond{margin:24px 0;border-top:1px solid #e7e7e7;overflow:hidden;position:relative} #respond p{margin:0} #respond .comment-notes{margin-bottom:1em} .form-allowed-tags{line-height:1em} .children #respond{margin:0 48px 0 0} h3#reply-title{margin:18px 0} #comments-list #respond{margin:0 0 18px} #comments-list ul #respond{margin:0} #cancel-comment-reply-link{font-size:12px;line-height:18px;font-weight:400} #respond .required{color:#FF4B33;font-weight:700} #respond label{color:#888;font-size:12px} #respond input{margin:0 0 9px;width:98%} #respond textarea{width:98%} #respond .form-allowed-tags{color:#888;font-size:12px;line-height:18px} #respond .form-allowed-tags code{font-size:11px} #respond .form-submit{margin:12px 0} #respond .form-submit input{width:auto;font-size:14px} /* =Epic Signup Box -------------------------------------------------------------- */ #epicSignup{min-height:240px;padding-left:50px;background:#1f1d58 url(images/epicBG.jpg) right 0 no-repeat;color:#fff;font-family:'Crimson Text',serif;} #epicSignup h1{font-size:24px;font-weight:400;padding:22px 0 28px;text-transform:uppercase} #epicSignup h1 span{font-size:34px} #epicSignup ul{list-style:none;padding:0;margin:0 0 10px;padding:0 20px} #epicSignup li{background:transparent url(images/epicLiBG.png) 0 50% no-repeat;padding-left:20px;font-size:17px;text-transform:uppercase;height:33px;line-height:33px} #epicSignup form{padding-left:45px} #epicSignup #signupInputE{width:250px;height:34px;line-height:34px;padding:0 0 0 5px;font-family:'Crimson Text',serif;color:#959595;font-size:17px} #signupInputE{vertical-align:top} #epicSignup .btn a{font-size:20px;text-decoration:none;width:auto;background:#B40417;padding: 8px 25px;margin-left:25px;} #execphp-2 .btn a{font-size:18px;text-decoration:none;width:auto;background:#B40417;padding: 8px 25px;color:#fff;} #epicSignup .btn a:hover, #execphp-2 .btn a:hover{color:#201A59;background:#eee;} /* =Locator -------------------------------------------------------------- */ #radiusSelect{height:30px;margin-top:2px;} /* =Navigation -------------------------------------------------------------- */ .navigation{font-size:12px;line-height:18px;overflow:hidden;color:#888} .navigation a:link,.navigation a:visited{color:#888;text-decoration:none} .navigation a:active,.navigation a:hover{color:#FF4B33} .nav-previous{float:left;width:50%} .nav-next{float:right;width:50%;text-align:right} #nav-above{margin:0 0 18px;display:none} .paged #nav-above,.single #nav-above{display:block} #nav-below{margin:-18px 0 0} /*############################################# ~~~~~~~ FOOTER ###############################################*/ #footer {width:100%;margin-top:20px;padding:10px 0;background:#fff;font-size:12px;position:relative;z-index:9999;} #footer.mobile{/*border-top:50px solid #201959;*/margin:0;background:#202356;color:#fff;} #footer.mobile a{color:#fff;} #colophon{max-width:984px;margin:0 auto;padding:10px 0 20px 20px;} #footer-widget-area{overflow:hidden;float:left} #footer-widget-area #first{margin-right:0} #footer-widget-area #first a, #black-studio-tinymce-4 a{display:block;float:left;width:34px;height:34px;background:transparent url(images/socmedBG4.png) 0 0 no-repeat;overflow:hidden;cursor:pointer;margin-right:5px} #footer-widget-area #first a{float:none} #footer-widget-area #first .socmed{display:flex;justify-content:center} #footer-widget-area #first a span,#primary .textwidget a span{display:block;margin-top:-99em} #footer-widget-area #first a.twitter,#primary .textwidget a.twitter{background-position: 0 -34px} #footer-widget-area #first a.twitter:hover,#primary .textwidget a.twitter:hover{background-position: 0 0} #footer-widget-area #first a.facebook,#primary a.facebook{background-position:-34px -34px} #footer-widget-area #first a.facebook:hover,#primary a.facebook:hover{background-position:-34px 0} #footer-widget-area #first a.linkedin{background-position:-69px -34px} #footer-widget-area #first a.linkedin:hover{background-position:-69px 0} #footer-widget-area #first a.ccontact{background-position:-102px -34px} #footer-widget-area #first a.ccontact:hover{background-position:-102px 0} #footer-widget-area #first a.youtube,#primary a.youtube{background-position:-136px -34px} #footer-widget-area #first a.youtube:hover,#primary a.youtube:hover{background-position:-136px 0} #footer-widget-area #first a.pinterest,#primary a.pinterest{background-position:-170px -34px} #footer-widget-area #first a.pinterest:hover,#primary a.pinterest:hover{background-position:-170px 0} #footer-widget-area #first a.gplus{background-position:-204px -34px} #footer-widget-area #first a.gplus:hover{background-position:-204px 0} #footer-widget-area #first a.insta{background-position:-238px -34px} #footer-widget-area #first a.insta:hover{background-position:-238px 0} #footer-widget-area #second{width:630px;padding-top:17px} #footer-widget-area #second span{padding-right:5px} #footer-widget-area #second a{display:inline-block;padding-right:20px} .footlinks {display:none;} #supersized, #desktop_content{display:none !important} /*############################################# ~~~~~~~ RESPONSIVE GRID ###############################################*/ .last-col{float:right !important;padding-right:0 !important} .gridBox{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} @media (max-width: 767px) { .m-all{float:left;padding-right:.75em;width:100%;padding-right:0} .m-1of2{float:left;padding-right:.75em;width:50%} .m-1of3{float:left;padding-right:.75em;width:33.33%} .m-2of3{float:left;padding-right:.75em;width:66.66%} .m-1of4{float:left;padding-right:.75em;width:25%} .m-3of4{float:left;padding-right:.75em;width:75%} } @media (min-width: 768px) and (max-width: 1023px) { .t-all{float:left;padding-right:.75em;width:100%;padding-right:0} .t-1of2{float:left;padding-right:.75em;width:50%} .t-1of3{float:left;padding-right:.75em;width:33.33%} .t-2of3{float:left;padding-right:.75em;width:66.66%} .t-1of4{float:left;padding-right:.75em;width:25%} .t-3of4{float:left;padding-right:.75em;width:75%} .t-1of5{float:left;padding-right:.75em;width:20%} .t-2of5{float:left;padding-right:.75em;width:40%} .t-3of5{float:left;padding-right:.75em;width:60%} .t-4of5{float:left;padding-right:.75em;width:80%} } @media (min-width: 1024px) { .d-all{float:left;padding-right:.75em;width:100%;padding-right:0} .d-1of2{float:left;padding-right:.75em;width:50%} .d-1of3{float:left;padding-right:.75em;width:33.33%} .d-2of3{float:left;padding-right:.75em;width:66.66%} .d-1of4{float:left;padding-right:.75em;width:25%} .d-3of4{float:left;padding-right:.75em;width:75%} .d-1of5{float:left;padding-right:.75em;width:20%} .d-2of5{float:left;padding-right:.75em;width:40%} .d-3of5{float:left;padding-right:.75em;width:60%} .d-4of5{float:left;padding-right:.75em;width:80%} .d-1of6{float:left;padding-right:.75em;width:16.6666666667%} .d-1of7{float:left;padding-right:.75em;width:14.2857142857%} .d-2of7{float:left;padding-right:.75em;width:28.5714286%} .d-3of7{float:left;padding-right:.75em;width:42.8571429%} .d-4of7{float:left;padding-right:.75em;width:57.1428572%} .d-5of7{float:left;padding-right:.75em;width:71.4285715%} .d-6of7{float:left;padding-right:.75em;width:85.7142857%} .d-1of8{float:left;padding-right:.75em;width:12.5%} .d-1of9{float:left;padding-right:.75em;width:11.1111111111%} .d-1of10{float:left;padding-right:.75em;width:10%} .d-1of11{float:left;padding-right:.75em;width:9.09090909091%} .d-1of12{float:left;padding-right:.75em;width:8.33%} } /*############################################# ~~~~~~~ MEDIA QUERIES ###############################################*/ @media only screen and (min-width : 1024px) { #content.blog{width:680px;} #primary{width:175px;} #primary.press{border-left:1px solid #C3C3C4;} } @media only screen and (max-width : 1024px) { body.home #main{margin-left:0} body.home #main-2{margin-left:0} /*#hbWrap{background:transparent url(images/homeTitle760_c.png) center 115px no-repeat;}*/ #homeBoxes {width:760px;background-position:380px 60px;} .homeBox {width: 254px;} .homeBox img {width: 250px;} .homeBox img.alignright {width:auto;} .homeBox.updated {max-width: 300px;} .homeBox img {width: 100%;height:auto} #sailing.homeBox.updated {margin-right: 40px;} /*body.blog #content img{max-width:400px !important; height:auto !important} body.blog div.wp-caption{max-width:500px !important; height:auto !important}*/ } @media only screen and (min-width : 768px) and (max-width : 1024px) { .yachtmenu .sub-menu, #access, #main, #main-2, .displayWrap, #wpSearchWrap{/*width:768px;*/width: 95%} #searchServices form select, #searchServices form input[type="text"] {width: 130px;} #deploy{top: -15px;} #homeBoxes{top: -34px;} #search form#wpSearch{padding-right: 51px} #formsWrap{width:737px;} .yachtmenu a{font-size:15px;} #container, #container-2{width:668px;margin-left: auto;margin-right: auto} #access .menu-header li, div.menu li {padding: 0 5px;} #access a{padding:0 3px;font-size:16px;} #access li.search{margin-left: 10px;} #access li.search a {margin-left: 10px;padding-left: 0;} #epicSignup{width:93.5%;margin:0 auto;padding-bottom:15px;background-size:cover} #primary{width:100%;border-top:1px solid #C3C3C4;border-left:none} /*#colophon{width:748px;}*/ #footer-widget-area #second{width:420px;padding-top:18px;} body.home #content, body.page-template-home-tpl14-php #content {padding: 70px 0 0;} #hoverable {height: 79px;} } @media only screen and (max-width: 767px) { #header{height:145px} #masthead {background:none;} #access, .yachtmenu{display:none !important;} #searchServices, #search {top: 105px;display:none !important;} #main {width:100%;} #main-2 {width:100%;margin-top:33px;} body.home #main{margin-left:0;} body.home #main-2{margin-left:0;} /*.displayWrap{width:550px} .display{margin-left:-120px;top: 63px;}*/ .displayWrap{display:none;} #container, #container-2{width:80%;margin:0 auto} #access .menu-header li, div.menu li{padding: 0 5%;} #access .menu-header li a{font-size:11px} div#access{width:auto;height:auto;} .yachtmenu div.decoy a, .yachtmenu div.decoy:hover > a, .yachtmenu div.em a {padding-right: 5px;} .yachtmenu .sub-menu a {padding:10px} #container.yachtsub {padding-top: 0;padding-bottom:50px;} #epicSignup{margin:0 auto;width:87%;padding-bottom:15px;background-size:cover} #content.blog{width:100%;} #primary{width:100%;border-top:1px solid #C3C3C4;border-left:none} div#access, .yachtmenu .sub-menu {width:auto;} div#access{width:100%} #access .menu-header li, div.menu li {padding: 0 .6%;} #access .menu-header, div.menu {font-size: 16px} #colophon{/*float:left;display:inline;*/width:90%;margin:0 auto;text-align:center;} #footer-widget-area, #footer-widget-area .widget-area{float:none;margin:0 auto;} #footer-widget-area #second { width: auto;} #footer-widget-area #second span{/*float:left;*/display:block;margin-bottom:.5em;} /*#footer-widget-area #first, #footer-widget-area #second span.hide{display:none;}*/ #formsWrap, #wpSearchWrap {width:auto} #searchServices {height:auto;padding-bottom:4%} #searchServices span {padding: 5px 1%;float:left;display:inline} #searchServices select {float:left;display:inline} #hoverable {height: 80px;} #homeBoxes{width:90%;background-image:none;} .homeBox.updated {max-width: 70%;} .homeBox.updated, #sailing.homeBox.updated{float:none;width:90%;margin:0 auto 20px;} #motor{padding-top:15px;} form.onpage span, form.onpage input[type=submit]{display:block;} form.onpage input[type=submit]{margin:10px 0} .inventory span{display:block;margin-bottom:15px;width:100%;} } @media only screen and (min-width : 1024px){ .footlinks {display:block;} } @media only screen and (min-width : 768px){ #menuToggle{display:none;} body.page-template-home-tpx ul#supersized, body.page-template-home-tpx #desktop_content{display:block;} body.page-template-home-tpx #content_div{padding:110px 0 0;} #supersized, #desktop_content{display:block !important} .dtplink{display:inline-block;} .moblink{display:none;} #footer-widget-area .widget-area{float:left;margin-right:20px;width:280px} #footer-widget-area #first .socmed{justify-content:flex-start} } @media only screen and (min-width: 320px) and (max-width: 767px) { #main{width:100%;} #main-2{width:100%} body.home #content_div{padding:0;} #hoverable{cursor:text;} #homeBoxes{display:none !important;} #container{width:90%;padding:0 5% 2em;} #hbWrap {height:50px;background-size: 450px;margin-bottom:15px;margin: -200px auto 0;background-position:center 40px;padding-top:50px;} #hoverable, #deploy{display:none;} #mobile_content{display:block;text-align:center;} #mobile_content .btn a{border:1px solid #999;background: rgba(31, 29, 88, 0.9);} #mobile_content .btn a:hover{background: rgba(177, 15, 31, 0.9); } td, tr{display:block;width:100% !important;} h3.listhead{font-size: 16px;} h3.listhead:first-letter{font-size:22px} #footer-widget-area #second{padding-top:10px;clear:both;} #epicSignup{margin:0 auto;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} } @media only screen and (max-width: 667px) { #epicSignup{min-height: 300px;padding-left: 15px;} #epicSignup li {height: auto;background-position:0 2px;line-height:25px;margin-bottom:5px;} .ngg-gallery-thumbnail-box {float: none !important;margin: 0 auto;width: 200px;} #content.blog{padding-right:0;} /*#footer-widget-area .widget-area{float:none;}*/ } @media print { body{background:none!important} #wrapper{float:none!important;clear:both!important;display:block!important;position:relative!important} #header{border-bottom:2pt solid #000;padding-bottom:18pt} #colophon{border-top:2pt solid #000} #site-title,#site-description{float:none;margin:0;padding:0;line-height:1.4em} #site-title{font-size:13pt} .entry-content{font-size:14pt;line-height:1.6em} .entry-title{font-size:21pt} #access,#branding img,#respond,.comment-edit-link,.edit-link,.navigation,.page-link,.widget-area{display:none!important} #container,#header,#footer{width:100%;margin:0} #content,.one-column #content{width:100%;margin:24pt 0 0} .wp-caption p{font-size:11pt} #site-info,#site-generator{float:none;width:auto} #colophon{width:auto} img#wpstats{display:none} #site-generator a{padding:0;margin:0} #entry-author-info{border:1px solid #e7e7e7} #main{display:inline} .home .sticky{border:none} } /* Featherlight */ .featherlight-next,.featherlight-previous{display:block;position:absolute;top:25px;right:25px;bottom:0;left:80%;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0)}.featherlight-previous{left:25px;right:80%}.featherlight-next:hover,.featherlight-previous:hover{background:rgba(255,255,255,.25)}.featherlight-next span,.featherlight-previous span{display:none;position:absolute;top:50%;left:5%;width:82%;text-align:center;font-size:80px;line-height:80px;margin-top:-40px;text-shadow:0 0 5px #fff;color:#fff;font-style:normal;font-weight:400}.featherlight-next span{right:5%;left:auto}.featherlight-next:hover span,.featherlight-previous:hover span{display:inline-block}.featherlight-first-slide.featherlight-last-slide .featherlight-next,.featherlight-first-slide.featherlight-last-slide .featherlight-previous,.featherlight-loading .featherlight-next,.featherlight-loading .featherlight-previous,.featherlight-swipe-aware .featherlight-next,.featherlight-swipe-aware .featherlight-previous{display:none}@media only screen and (max-device-width:1024px){.featherlight-next:hover,.featherlight-previous:hover{background:0 0}.featherlight-next span,.featherlight-previous span{display:block}}@media only screen and (max-width:1024px){.featherlight-next,.featherlight-previous{top:10px;right:10px;left:85%}.featherlight-previous{left:10px;right:85%}.featherlight-next span,.featherlight-previous span{margin-top:-30px;font-size:40px}} /*############################################# ~~~~~~~ 2020 YACHT PAGE SUPPORTING STYLES ###############################################*/ /********************* FLEX *********************/ .flex-container{display: flex;flex-direction: row;flex-wrap: wrap;/*height: 100%;*/} .flex-item{display:flex;} .flow {justify-content:space-evenly;} .reverse{flex-direction: row-reverse;} .center{justify-content: center;align-items: center;} #header.twty{height:auto;width:100%;background:#fff;transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-webkit-transition: .5s ease-in-out;} #header.twty #masthead {background-position: 50% bottom;padding-bottom:15px;} #header.twty .yachtmenu{position:relative;top:auto;/*margin-top:7px;*/} .inquire, #header.twty #access, #header.twty #motorNav, #header.twty .navblock,#header.twty #homer, .content_container .page_header, .content_container .entry-title{transition: 1s ease-in-out;-moz-transition: 1s ease-in-out;-webkit-transition: 1s ease-in-out;} #header.twty #access{max-height:62px;padding-top:5px;overflow:hidden;} #header.twty #motorNav{max-height:60px;overflow:hidden;} #header.twty.tuck{-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.5);moz-box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.5);box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.5);} #header.twty.tuck #access,#header.twty.tuck #motorNav{opacity:0;max-height:0;padding:0;} #header.twty.tuck .navblock{padding-top:0;} #header.twty #homer{height:auto;} #header.twty.tuck #homer{width:100px;padding-top:10px} #header.twty.tuck .nav li a {text-decoration: none;padding: .25em 1.5em 0 0;} #header.twty.tuck .content_container .entry-title{padding:5px 0;} #header.twty #access {font-family: 'PT Sans', Helvetica, Arial, Verdana, sans-serif;} #header.twty #access .menu-header{font-size:16px;} #header.twty .yachtmenu a {font-weight: 400;} .content_container{background:rgba(255, 255, 255, 0.95);padding: 35px 20px 0;} .content_container .page_header{border-bottom:1px solid #c4c4c4;padding-bottom:.5em;} #header.twty.tuck .content_container .page_header{padding-bottom:.25em;} .content_container .entry-title{font-family: 'Crimson Text',serif;text-transform: uppercase;font-size: 28px;color: #b10f1f;font-weight: 400;line-height: 1.3em;padding:10px 0 5px;margin:0;} .content_container .entry-title::first-letter{font-size:34px} .propnav{margin:0 !important;} #nav-inner{height:100%} .nav{list-style:none;height:100%;width:100%;padding:0 0 .5em;margin:0;} .nav li{display:block;flex:0 0 100%;} .nav li a{display:block;color:#201e58;font-size:16px;text-decoration:none;padding:.5em 1.5em .25em 0;text-transform:uppercase;} /* =Button -------------------------------------------------------------- */ .btn, .btn:visited { padding: 8px 15px; text-decoration: none; font-size: 18px; font-weight: 400; text-transform: uppercase; cursor: pointer; margin-bottom: 15px; line-height: 21px; display: inline-block; background: #c32433; color: #FFF !important } .btn:hover, .btn:focus, .btn:visited:hover, .btn:visited:focus { background:#1F1D58; color:#fff; text-decoration:none; } .inquire{flex:0 0 82%;height:34px;line-height:34px;padding:4px 25px;text-align:center;margin-bottom:0;} #header.twty.tuck .inquire{padding:5px 25px;} @media only screen and (min-width: 667px) { .nav li{display:block;flex:0 0 auto;} .nav li a{text-align:center;} .inquire{margin-left:auto;flex:0 0 auto;} #yacht_content{padding-top:439px;} } @media only screen and (min-width: 768px) { #header.twty{position:fixed;} #main.tty #content{padding-top:50px;} #yacht_content{padding-top:412px;} .content_container{padding: 20px 50px 0;} .content_container.navblock{padding: 0 50px 0;} .content_container.navblock .entry-title{padding:5px 0 0;} } /* NEW SIGNUP */ .signup{background:#fff;max-width: 984px;margin: 0 auto;padding: 10px 20px 20px;} .signup span{display:block;margin-top:1em;color: #b10f1f;font-size: 24px;line-height: 1.3em;font-weight: 400;font-family: 'Crimson Text',serif;text-transform: uppercase;text-align:center} #gform_21 .gform_footer{margin-top:0;padding: 6px 0 10px 0;} #field_21_1,#field_21_2,#field_21_3,#field_21_5{margin-top: 0;} #gform_21 input[type=text],#gform_21 input[type=email]{background:#fff !important;border:1px solid #d5d5d5 !important;margin-top:0;box-shadow:none; -webkit-box-shadow: none} .grecaptcha-badge{opacity:0 !important} @media only screen and (min-width: 768px) { #gform_21,#gform_fields_21{display:flex;flex-direction:row;flex-wrap:wrap} #gform_21 .gform_body{width:91%} #gform_21 .gform_footer{width:9%;margin-top:0;padding: 6px 0 10px 0;} #field_21_1,#field_21_2,#field_21_3,#field_21_5{width:25%;} #field_21_1,#field_21_2,#field_21_3,#field_21_5{width:25%;margin-top: 0;} #field_21_6{flex-basis:100%} } /* Modal Support */ .fnm_modal a{display: flex;flex-direction: column;align-items: center;justify-content: center;} .fnm_modal.iframe img,.fnm_modal.selector img,.fnm_modal.image img{margin: 0;width: 100%;height: auto;max-width:1000px} .fnm_modal.iframe a::before{content: url('https://www.sabreyachts.com/sabre/wp-content/themes/sabre/images/play_btn_light.svg');position: absolute;opacity: .85;transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-webkit-transition: .5s ease-in-out;width:73px;height:50px;padding:.25em;background:rgb(190, 30, 45);border-radius:15px} .fnm_modal.iframe a:hover::before{opacity: 1;transform: scale(1.2)} .modal_container{display:none;padding:30px}