/* Theme Name: Power Pedestal Theme URI: https://www.2dogsdesign.com/ Description: Child theme for Power Pedestal website. Author: 2 Dogs Media Version: 1.0 Template: genesis License: GPL-2.0-or-later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: custom */ /* HTML5 Reset ---------------------------------------------------------------------------- */ /* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css ---------------------------------------------------------------------------- */ /* stylelint-disable */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none} /* stylelint-enable */ html {box-sizing: border-box;} *,*::before,*::after {box-sizing: inherit;} .author-box::before,.clearfix::before,.entry::before,.entry-content::before, .footer-widgets::before,.nav-primary::before,.nav-secondary::before, .pagination::before,.site-container::before,.site-footer::before,.site-header::before,.site-inner::before,.widget::before,.wrap::before {content: " ";display: table;} .author-box::after,.clearfix::after,.entry::after,.entry-content::after, .footer-widgets::after,.nav-primary::after,.nav-secondary::after,.pagination::after,.site-container::after,.site-footer::after,.site-header::after, .site-inner::after,.widget::after,.wrap::after {clear: both;content: " ";display: table;} /* ==================== TYPOGRAPHY ================== */ html {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;} body {background-color: #fff;color: #003263;font-family: "Source Sans Pro", sans-serif;font-size: 18px;font-weight: 400;line-height: 1.625; margin: 0;overflow-x: hidden;} button,input:focus,input[type="button"],input[type="reset"], input[type="submit"],textarea:focus,.button,.gallery img { transition: all 0.2s ease-in-out} a {color: #00927e;transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;} a:focus,a:hover {color: #333;text-decoration: none;} p {margin: 0 0 30px;padding: 0;} ol,ul {margin: 0;padding: 0;} li {list-style-type: none;} hr {border: none;border-collapse: collapse;border-top: 1px solid #eee; clear: both;margin: 30px 0;} b,strong {font-weight: 700;} blockquote,cite,em,i {font-style: italic;} mark {background: #ddd;color: #333;} blockquote {margin: 30px;} h1,h2,h3,h4,h5,h6 {font-family: Georgia, Times, "Times New Roman", serif;font-weight: 400; line-height: 1.2;margin: 0 0 20px;} h1 {font-size: 48px;} h2 {font-size: 40px;} h3 {font-size: 32px;} h4 {font-size: 26px;} .entry-content h3,.entry-content h4 {font-weight: 600;} .entry-content h4 {margin-top: 40px;} h5 {font-size: 18px;} h6 {font-size: 16px;} .archive-description .entry-title,.archive-title,.author-box-title { font-size: 20px;font-weight: 600;margin-bottom: 10px;} .entry-title a,.sidebar .widget-title a {color: #333;text-decoration: none;} .entry-title a:focus,.entry-title a:hover {color: #0073e5;} .widget-title {font-size: 18px;font-weight: 600;margin-bottom: 20px;} span.green-button a { background-color: #00927e; border: 0; border-radius: 5px; color: #fff; cursor: pointer; font-size: 16px; font-weight: 600; padding: 15px 30px; text-align: center; text-decoration: none; white-space: normal; max-width: 300px } span.blue-button a { background-color: #007eb7; border: 0; border-radius: 5px; color: #fff; cursor: pointer; font-size: 16px; font-weight: 600; padding: 15px 30px; text-align: center; text-decoration: none; white-space: normal; max-width: 300px } span.green-button a:hover,span.blue-button a:hover {opacity: .7} /* =================OBJECTS =============== */ embed,iframe,img,object,video,.wp-caption {max-width: 100%;} img {height: auto;vertical-align: top;} figure {margin: 0;} /* ================== GALLERY =============== */ .gallery {overflow: hidden;} .gallery img {border: 1px solid #eee;height: auto;padding: 4px;} .gallery img:focus,.gallery img:hover {border: 1px solid #999;outline: none} .gallery-columns-1 .gallery-item {width: 100%;} .gallery-columns-2 .gallery-item {width: 50%} .gallery-columns-3 .gallery-item {width: 33%;} .gallery-columns-4 .gallery-item {width: 25%} .gallery-columns-5 .gallery-item {width: 20%} .gallery-columns-6 .gallery-item {width: 16.6666%;} .gallery-columns-7 .gallery-item {width: 14.2857%} .gallery-columns-8 .gallery-item {width: 12.5%} .gallery-columns-9 .gallery-item {width: 11.1111%} .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) {clear: left;} .gallery-item {float: left;margin: 0 0 30px;text-align: center;} /* ================== FORM FIELDS ============== */ input,select,textarea {background-color:#fff;border: 1px solid #ddd;color:#333; font-size: 18px;font-weight: 400;padding: 15px;width: 100%;} input:focus,textarea:focus {border: 1px solid #999;outline: none} input[type="checkbox"],input[type="image"],input[type="radio"] {width: auto;} ::-ms-input-placeholder {color: #333;opacity: 1;} :-ms-input-placeholder {color: #333;opacity: 1;} ::placeholder {color: #333;opacity: 1;} button,input[type="button"],input[type="reset"],input[type="submit"],.button {background-color: #003263;border: 0;border-radius: 5px;color: #fff;cursor: pointer;font-size: 16px;font-weight: 600;padding: 15px 30px;text-align: center;text-decoration: none;white-space: normal;width: auto} button:focus,button:hover,input[type="button"]:focus,input[type="button"]:hover, input[type="reset"]:focus,input[type="reset"]:hover,input[type="submit"]:focus, input[type="submit"]:hover,.button:focus,.button:hover { background-color: #0073e5;color: #fff;} .entry-content .button:focus,.entry-content .button:hover {color: #fff;} .button {display: inline-block;} .site-container button:disabled,.site-container button:disabled:hover, .site-container input:disabled,.site-container input:disabled:hover, .site-container input[type="button"]:disabled,.site-container input[type="button"]:disabled:hover,.site-container input[type="reset"]:disabled, .site-container input[type="reset"]:disabled:hover,.site-container input[type="submit"]:disabled,.site-container input[type="submit"]:disabled:hover { background-color: #eee;border-width: 0;color: #777; cursor: not-allowed} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button {display: none;} /* ======================== TABLES =================== */ table {border-collapse: collapse;border-spacing: 0;line-height: 2;margin-bottom: 40px;width: 100%;word-break: break-all;} tbody {border-bottom: 1px solid #eee;} td,th {text-align: left;} td {border-top: 1px solid #eee;padding: 6px;} th {font-weight: 400;padding: 0 6px} td:first-child,th:first-child {padding-left: 0;} /*================== SCREEN READER TEXT ================== */ .screen-reader-shortcut,.screen-reader-text,.screen-reader-text span { border: 0;clip: rect(0, 0, 0, 0);height: 1px;overflow: hidden; position: absolute !important;width: 1px;word-wrap: normal !important;} /*.screen-reader-text:focus,.screen-reader-shortcut:focus,.widget_search input[type="submit"]:focus {background: #fff;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #333;display: block; font-size: 1em;font-weight: 700;height: auto;padding: 15px 23px 14px; text-decoration: none;width: auto;z-index: 100000; /* Above WP toolbar. }*/ .more-link {display: inline-block;position: relative;margin-bottom: 30px;} /* ============= SITE CONTAINER ============== */ @keyframes fadein { from {opacity: 0;} to {opacity: 1;} } .site-container {animation: fadein 1s;word-wrap: break-word;max-width:1140px;margin:auto} .site-inner {clear: both; margin: 0 auto;} .wrap{max-width:1140px;margin:auto;} body.blog h1.archive-title{display:none} /* =========== AVATAR =============== */ .avatar {border-radius: 50%;float: left;} .author-box .avatar,.alignleft .avatar {margin-right: 20px;} .alignright .avatar {margin-left: 20px;} .comment .avatar {margin: 0 15px 20px 0;} /* ================== SEARCH FORM ============== */ .search-form {position:relative;} .entry-content .search-form {margin-bottom: 40px;width: 50%;} .post-password-form input[type="submit"],.search-form input[type="submit"] { margin-top: 10px;} .widget_search input[type="submit"] { margin: -1px 0 0 -39px; text-indent:-999px; top:0; position: absolute; width: 15px; height: 15px; background-image:url("./images/search-icon.png"); background-position:center right 28px; background-repeat:no-repeat; background-color:transparent; } /* ================= WORDPRESS ================ */ a.aligncenter img {display: block;margin: 0 auto;} a.alignnone {display: inline-block;} .alignleft {float: left;text-align: left;} .alignright {float: right;text-align: right;} a.alignleft,a.alignnone,a.alignright {max-width: 100%;} img.centered,.aligncenter {display: block;margin: 0 auto 30px;} img.alignnone,.alignnone {margin-bottom: 15px;} a.alignleft,img.alignleft,.wp-caption.alignleft {margin: 0 20px 20px 0;} a.alignright,img.alignright,.wp-caption.alignright {margin: 0 0 20px 20px;} .gallery-caption,.wp-caption-text {font-size: 14px;font-weight: 600;margin:0;text-align: center;} .entry-content p.wp-caption-text {margin-bottom: 0;} .entry-content .wp-audio-shortcode,.entry-content .wp-playlist, .entry-content .wp-video {margin: 0 0 30px;} /* ====================== WIDGETS =================== */ .widget {margin-bottom: 40px;} .widget p:last-child,.widget ul > li:last-of-type {margin-bottom: 0;} .widget ul > li {margin-bottom: 10px;} .widget ul > li:last-of-type {padding-bottom: 0;} .widget ol > li {list-style-position: inside;list-style-type: decimal;padding-left: 20px;text-indent: -20px;} .widget li li {border: 0;margin: 0 0 0 30px;padding: 0;} /* ================ FEATURED CONTENT ============== */ .featured-content .entry {border-bottom: 1px solid #eee;margin-bottom: 20px;} .featured-content .entry:last-of-type {border-bottom: none;margin-bottom: 0;} .featured-content .entry-title {font-size: 16px;margin-bottom: 5px;margin-top: 10px;} /* ==================== SKIP LINKS ============== */ .genesis-skip-link {margin: 0;} .genesis-skip-link .skip-link-hidden {display: none;visibility: hidden;} .genesis-skip-link li {height: 0;list-style: none;width: 0;} :focus {color: #333;outline: #ccc solid 1px} /* ================ SITE HEADER ==================== */ .site-header .wrap{border-bottom:1px solid #e8e8e8;/*! padding-top:10px; */padding-bottom:0px;margin-bottom:20px} body.home .site-header .wrap{margin-bottom:0px;} .top-bar{background:#333;padding: 15px 0 5px 0} .top-bar a{text-decoration:none;font-weight:400;margin-right:50px;color:#fff} .top-bar .widget{margin-bottom:0;} .top-bar .wrap{max-width:1140px;margin:auto;padding:0 20px} .topbar-right{display:inline-flex;float:right} .topbar-right ul{display:inline-flex} span.dashicons-phone{color:#fff;position:relative;top:5px;margin-right:5px;font-size:18px; transform: rotate(90deg);} #title-area{display:inline-flex;margin:15px 0;padding:0 20px;width:300px;} .logo{margin-right:40px} /* ================ NAVIGATION =================- */ #genesis-nav-primary{float:right;padding-top:10px;} #genesis-nav-primary .wrap{border-bottom:0} .genesis-nav-menu {clear: both;line-height: 1;width: 100%} .genesis-nav-menu .menu-item {display: block;float: none;position: relative} .genesis-nav-menu a {color: #333;display: block;font-size: 20px;font-weight:600; outline-offset: -1px;padding-bottom: 15px;padding-top: 15px;text-decoration: none} .genesis-nav-menu a:focus,.genesis-nav-menu a:hover,.genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:focus, .genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #003262;text-decoration: none;} .genesis-nav-menu .sub-menu,.genesis-nav-menu .sub-menu a {width: 100%;} .genesis-nav-menu .sub-menu {clear: both;display: none;left: -9999px;margin: 0; opacity: 1;padding-left: 15px;position: static; z-index: 99;} .genesis-nav-menu .sub-menu a {background-color: #fff;font-size: 14px; position: relative;word-wrap: break-word;} .genesis-nav-menu .menu-item:focus,.genesis-nav-menu .menu-item:hover { position: relative} .genesis-nav-menu .menu-item:hover > .sub-menu {display: block;left: auto; opacity: 1;} .menu-quote a{background:#ff9900 !important} /*=================== RESPONSIVE MENU =====================*/ .menu .menu-item:focus {position: static;} .menu .menu-item > a:focus + ul.sub-menu,.menu .menu-item.sfHover > ul.sub-menu {left: auto;opacity: 1;} .genesis-responsive-menu {display: none;position: relative;} .genesis-responsive-menu .genesis-nav-menu .menu-item:hover > .sub-menu {display: none;} .menu-toggle,.sub-menu-toggle {background-color: transparent;border-width: 0; color: #333;display: block;margin: 0 auto;overflow: hidden;text-align: center;visibility: visible;} .menu-toggle:focus,.menu-toggle:hover,.sub-menu-toggle:focus,.sub-menu-toggle:hover {background-color: transparent;border-width: 0;color: #0073e5;} .menu-toggle {float: right;line-height: 20px;margin-bottom: 10px;margin-top: 10px;padding: 15px 0;position: relative;z-index: 1000;} .menu-toggle.activated::before {content: "\f335";} .site-header .menu-toggle::before { float: left;margin-right: 5px;position: relative;text-rendering: auto;top: 1px;} .sub-menu-toggle {float: right;padding: 9px 10px;position: absolute; right: 0;top: 0;z-index: 100;} .sub-menu .sub-menu-toggle {padding: 12px 10px;} .sub-menu-toggle::before {display: inline-block;text-rendering: auto; transform: rotate(0);transition: transform 0.25s ease-in-out;} .sub-menu-toggle.activated::before {transform: rotate(180deg);} /*=================== CUSTOM UBERMENU =====================*/ /*---custom top level items ----*/ li#menu-item-2397 a,li#menu-item-2401 a,li#menu-item-2634 a{font-size: 18px;font-weight: 700;text-transform: uppercase !important;border-radius: 5px 5px 0 0 !important;color: #333; background:#fff !important;margin-right:12px} li#menu-item-2631 a{font-size: 18px;font-weight: 700;text-transform: uppercase !important; border-radius: 5px !important;color: #333;background:#ff9900!important} li#menu-item-2638 span{background:#fff !important} .genesis-nav-menu .sub-menu a {font-size: 14px;position: relative;word-wrap: break-word; padding: 5px 0px !important;color: #fff;border: 0px !important; display: block;font-weight: 400;border: 0px} .genesis-nav-menu .menu-item:focus,.genesis-nav-menu .menu-item:hover {position: relative} .genesis-nav-menu .menu-item:hover > .sub-menu {display: block;left: auto;opacity: 1; border: 0;margin: 0 2px;padding: 20px 0;background-color: #003263} .sfHover > a {background-color: #003263;color: #fff} .genesis-nav-menu .menu-item:hover > .sub-menu li a:hover {background: transparent;color: #b4b4b4} .ubermenu-nav li ul li a {font-size: 16px !important;color: #fff;font-weight: 400} .ubermenu-nav li ul li a:hover {background: transparent;color: #b4b4b4 !important} .ubermenu .ubermenu-item .ubermenu-submenu-drop {box-shadow: none} .menuimage1,.menuimage2,.menuimage3 { background-image: url('https://www.boatlift.com/wp-content/uploads/sites/2/2019/03/boatlift-menu.jpg') !important; background-repeat: no-repeat !important;background-position: center !important; background-size: cover !important;min-height: 283px !important;position: relative !important} .menuimage1 {background-image: url('https://powerpedestal.com/wp-content/uploads/sites/6/2019/10/marine-menu.jpg') !important;background-position:center } .menuimage2 {background-image: url('https://powerpedestal.com/wp-content/uploads/sites/6/2019/10/powerpedestal-rv-menu.jpg') !important;background-position:center } .menuimage3 {background-image: url('https://powerpedestal.com/wp-content/uploads/sites/6/2019/10/accessory-menu.jpg') !important;background-position:bottom !important } li#menu-item-2397 ul li a,li#menu-item-2401 ul li a,li#menu-item-2634 ul li a{ background:transparent !important;color:#fff} #menu-item-2401 ul li a {padding: 0px 0px 0px 0 !important;margin: 0 1px 0 0 !important; border-radius: 0px !important} #menu-item-2401 ul li a img {margin: 0px;width: 100%; height: auto;object-fit: cover;position: relative;} .ubermenu-submenu-id-2401> li > a > span {padding: 15px 0;font-size: 18px;text-align: center;display: block !important;background: #003263 !important;font-weight: 700 !important;position: absolute;top: 235px;left: 0;right: 0;color:#fff !important} .ubermenu-submenu-id-2401 > li:hover a > span {top: 0} .ubermenu-submenu-id-2401 > li > ul {padding-left: 35px !important;padding-top: 50px !important;visibility: hidden !important} .ubermenu-submenu-id-2401 > li:hover ul {visibility: visible !important} .ubermenu-submenu-id-7882 > li {width: 100% !important} .ubermenu-submenu-id-2401 > li > ul > li > a > span {font-size: 16px;padding: 0; margin-bottom: 6px;text-transform: capitalize !important} .ubermenu-submenu-id-2401 > li > ul > li > a:hover {background: transparent !important} .menuimage1:before,.menuimage2:before,.menuimage3:before {position: absolute;content: ""; background-color: rgba(0, 50, 99, .77);height: 100%;width: 100%;opacity: 0} .menuimage1:hover:before,.menuimage2:hover:before, .menuimage3:hover:before {opacity: 1;} li#menu-item-2402 ul,li#menu-item-2403 ul,li#menu-item-2404 ul, ul#ubermenu-nav-main-137-primary ul {background: #003263;} /* ================= ENTRY CONTENT =================== */ .entry {margin-bottom: 40px;padding:0 20px;} .entry-content ol,.entry-content ul {margin-bottom: 30px;padding-left: 40px;} .entry-content ol > li {list-style-type: decimal;} .entry-content ul > li {list-style-type: disc;} .entry-content ol ul > li,.entry-content ul ul > li {list-style-type: circle;} .entry-content ol ol,.entry-content ul ul {margin-bottom: 0} .entry-content code {background-color: #f5f5f5;} .content .sticky {background-color: #f5f5f5;padding: 30px} /* ============== ENTRY META ================ */ p.entry-meta {font-size: 16px;margin-bottom: 0;} .entry-header .entry-meta {margin-bottom: 20px;} .entry-footer .entry-meta {border-top: 1px solid #eee;padding-top: 20px;} .entry-categories,.entry-tags {display: block;} .entry-comments-link::before {content: "\2014";margin: 0 6px 0 2px;} .after-entry,.archive-description,.author-box {margin-bottom: 40px;} .after-entry {box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);padding: 20px 30px;} .after-entry .widget:last-of-type {margin-bottom: 0;} .breadcrumb {border-bottom: 1px solid #eee;font-size: 16px;margin-bottom: 40px; padding-bottom: 10px} .archive-description p:last-child,.author-box p:last-child {margin-bottom: 0;} /* =============== PAGINATION ================ */ .pagination {clear: both;margin: 60px 0;} .adjacent-entry-pagination {margin-bottom: 0;} .archive-pagination li {display: inline;} .archive-pagination li a {background-color: #f5f5f5;color: #333;cursor: pointer; display: inline-block;font-size: 16px;font-weight: 600;margin-bottom: 4px; padding: 8px 12px;text-decoration: none} .archive-pagination li a:focus,.archive-pagination li a:hover,.archive-pagination li.active a {background-color: #333;color: #fff;} /* =========== COMMENTS ============ */ .comment-respond,.entry-comments,.entry-pings {margin-bottom: 40px;} .comment-list li {padding: 40px 0 0 30px;} .comment-list .depth-1 {padding-left: 0;} .comment-header {margin-bottom: 30px;} .comment-content {clear: both;} .comment-content ul > li {list-style-type: disc;} .comment-respond input[type="email"],.comment-respond input[type="text"], .comment-respond input[type="url"] {width: 50%;} .comment-respond label {display: block;margin-right: 12px;} .comment-header p {margin-bottom: 0;} .entry-pings .reply {display: none;} .comment-form-cookies-consent label {display: inline;padding-left: 10px;} /* ================== SIDEBAR =============== */ .sidebar {font-size: 16px;line-height: 1.5;} .sidebar .widget {margin-bottom: 40px;} .sidebar p {margin-bottom: 20px;} /* ===================== FOOTER ==================== */ .footer-widgets {border-bottom: 3px solid #003262;clear: both;padding: 20px;margin-top:60px;} .footer-widgets .wrap {margin-left: auto;margin-right: auto;max-width:1400px} .footer-widget-area:last-child,.footer-widgets .widget:last-child {margin-bottom: 0} .footer-widgets p,.footer-widgets a{text-decoration:none;margin:0;color:#003262;font-weight:400} .footer-widgets .widgettitle{text-transform:uppercase} #custom_html-3{width:25%;float:left;overflow:hidden; font-size:16px;line-height:1.5em;padding-right:50px} #text-20{width:20%;text-align:center;float:left} #text-4,#text-21{width:15%;float:left;text-align:center} #custom_html-3 ul{display:inline-flex;margin-top:20px} #custom_html-3 li a img{max-width:50px} #text-23{float:right;width:15%} #custom_html-3 .footer-logo{margin-bottom:20px} .footicon{width:15px;margin-right:12px;position:relative;top:5px} img.brandlogo{margin:30px 0 0 0 !important} .line2{margin-left:32px} .site-footer {background-color: #fff;border-top: 1px solid #eee;font-size: 15px; line-height: 1.5;padding: 30px;text-align: center;} .site-footer p {margin-bottom: 0;} /*=========== FLEXIBLE CONTENT ==================*/ #fullwidth-page .content{width:100%;padding:0 20px} #fullwidth-page .fourcolumn .wrap {display: flex; max-width: 1600px; justify-content: space-between;justify-content: center;align-items: center} #fullwidth-page .fourcolumn .column {width: 24%;} .twothird-left {display:inline-flex;max-width:1140px} .twothird-left .flex-item{flex-basis:100%} .twothird-left .flex-item{flex:2;padding:0 20px 0 0} .twothird-left .flex-item:nth-child(n+2) {flex: 1;} .twothird-right {display:inline-flex;max-width:1140px} .twothird-right .flex-item{flex-basis:100%} .twothird-right .flex-item{flex:1;padding:0 20px 0 0} .twothird-right .flex-item:nth-child(n+2) {flex: 2;} #fullwidth-page h1{margin-bottom:0} #fullwidth-page .row{padding:30px 0;margin-bottom:40px} #fullwidth-page .full{margin-top:40px} /*============= TOGGLES =================*/ .accordion {max-width: 1140px;margin: auto} .accord-content > h3.acch1 {border:1px solid #003263;font-size: 18px; font-weight: 300;margin: 0;padding: 18px 20px 18px 20px; cursor: pointer;margin-bottom: 15px;color: #003263} .accord-content-inner {margin-top:-15px;display: none;border:1px solid #003263;border-top:0px;padding:2em;margin-bottom:30px} .accord-content h3.acch1 i:before {font-family: 'dashicons';content: "\f344"; transition: all 0.5s;float: left;font-size: 22px;margin-right:12px;font-style: normal;} .accord-content h3.acch1 i.open:before {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);transform: rotate(90deg)} /* ===================== HOME ====================== */ #two-blocks2,#two-blocks{padding:75px 0 0 0} #two-blocks2 img{max-width:250px} #two-blocks2 .wrap,#two-blocks .wrap{max-width:1140px;margin: auto;list-style: none;display: -webkit-box;display: -moz-box; display: -ms-flexbox;display: -webkit-flex;display: inline-flex;justify-content: space-around;} #two-blocks2 .block:first-of-type{padding:40px 60px} section#slider .wrap #middle-banner-nav {display: block;background-color: #ebeced;height:auto;overflow:hidden} section#slider h2{font-weight:400 !important;font-size:32px;text-transform:uppercase} section#slider .wrap #middle-banner-nav li {display: inline-block;text-align: center;border-right: solid 1px #cccccc; padding: 25px 0 0 0;float: left;cursor: pointer;width: 33.333%;} section#slider .wrap #middle-banner-nav li:last-child {border-right: none} section#slider .wrap li.active {background-color: #f8f9f9} section#slider .button{background:#428bca;font-family: Verdana,sans-serif;font-size:22px;font-weight:400} .phone,section#mobile-icons{display:none} /* ===================== HOME ====================== */ body.page-template-page-home .site-container{max-width:100%} body.page-template-page-home #genesis-nav-primary{margin-bottom:0} #home-body{margin-top:-47px} .twocolumn .wrap {display: flex;flex-wrap: wrap;max-width: 1600px} .twocolumn .column {flex: 1 0 48%;margin: 25px;height: auto;margin: auto} #two-blocks h3 {font-weight: 700;text-transform: uppercase;font-size: 32px; font-style: normal;position: relative;padding: 0px 0px 0 25px;} #two-blocks h3:after {content: "";width: 5px;height: 45px;background: #2ea3f2;position:absolute;left:60px} #two-blocks p {font-size: 18px;font-style: normal;color: #666} #two-blocks{margin:auto;text-align:center} #two-blocks .wrap{max-width: 1080px;margin: auto;padding:30px 0 70px 0} .two-blocks-btns {margin: 0px 0px 0px 110px;display: flex} .aj_btn {text-decoration: none;padding: 12px 25px;margin-right: 16px;color: #fff !important; border-width: 0 !important;border-radius: 15px;font-weight: 700 !important;text-transform: uppercase !important; background: #005b93;position: relative;transition: 0.3s ease} .aj_btn:after {content: ">";font-size: 30px;position: absolute;top: 2px;left: 146px;display: none;} .aj_btn:hover:after {display: block;transition: 0.3s ease} .aj_btn:hover {padding-right: 65px;transition: 0.3s ease;} #icons {position: relative;margin: 70px 0px 0px;padding: 0 0 95px; background-image: linear-gradient(180deg, #00a0e5 0, #086dac 100%);} #icons .wrap {margin: auto;list-style: none;display: -webkit-box;display: -moz-box;max-width:1140px;padding-top:30px; display: -ms-flexbox;display: -webkit-flex;display:flex;justify-content: space-around;flex-wrap:wrap} .icon{text-transform:uppercase;color:#fff;width:20%;text-align:center} #icons:before {content: "";background-image: url(https://boatlift.com/wp-content/uploads/sites/2/2019/02/download.svg); background-size: 100% 94px;position: absolute;top: -94px; height: 94px;width: 100%;z-index: 1} #icons:after {content: "";background-image: url(https://boatlift.com/wp-content/uploads/sites/2/2019/02/download_down.svg); background-size: 100% 69px;position: absolute;bottom: 1px;height: 69px;width: 100%;z-index: 10; transform: rotateY(180deg)} #icons a{text-decoration:none !important} .icon a h3,.icon h3{color:#fff;font-size:20px;margin-top:10px} .icon a h3:hover, .icon a img:hover{opacity:.6} #left_image{float:left;width:50%} #right_image {float: right;width: 50%} #image1,#image2,#image3,#image4{background-position: bottom center !important;background-size: cover;background-repeat: no-repeat;background-color: #47c1ff;height:450px} #imageblocks {position: relative;overflow: hidden;margin-top: -70px;color: #fff;display:inline-flex;width:100%} #imageblocks:after {content: "";background: linear-gradient(to bottom, rgba(1, 16, 29, 0.75) 1%, rgba(1, 15, 29, 0.5) 100%);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;} #imageblocks:before {content: "";background-image: url(/wp-content/uploads/sites/2/2019/02/trans_download.svg); background-size: 100% 100px;bottom: 0px;height: 100px;z-index: 100;width: 100%;position: absolute;} .aj-box-wrap {z-index: 999;position: relative;padding: 400px 70px 300px;padding: 10% 80px;} .aj-box-wrap p {font-style: italic} .aj-box-wrap h2 {font-size: 50px;text-transform: uppercase;margin: 0;color: #fff} .aj-box-wrap a {text-decoration: none;padding: 12px 35px;margin-top: 16px;color: #fff !important; border-width: 0 !important;border-radius: 15px;font-weight: 700 !important; text-transform: uppercase !important;background: #005b93;position: relative;display: inline-block;} .aj-box-wrap a:after {content: ">";font-size: 30px;position: absolute; top: -1px;left: 150px;display: none;} .aj-box-wrap a:hover:after {display: block;transition: 0.3s ease} .aj-box-wrap a:hover {padding-right: 44px;transition: 0.3s ease;} #testimonials h2 {font-size: 40px;margin: 0 20px 0 20px;font-family:'Source Sans Pro';margin-bottom:50px} #testimonials .wrap{max-width: 1080px;margin: auto;padding:50px 0} .testimonial_rotator_author_info.cf-tr{padding: 10px 0 10px 0 !important; border-left: solid 0 #efefef !important} #testimonials h2:after {content: "";display:block;border:3px solid #005b93;;width:220px;margin-top:10px} /*======= NEW PRODUCTS AREA HOME PAGE ========*/ #products {position: relative} #products .wrap{max-width: 1280px;margin: auto} #products:after {content: "";background-image: url(https://boatlift.com/wp-content/uploads/sites/2/2019/02/trans_download_down.svg); background-size: 100% 100px;top: 0px;height: 100px;z-index: 10;width: 100%;position: absolute} #products {background: #efefef;padding: 175px 0 100px 0} #products h2,section#products p{text-align:center;margin-bottom:20px} #products .one-fourth{width:25%;padding:10px;display:inline-grid;text-align:center;margin-left:0} #products .one-fifth{width:19%;padding:10px;display:inline-grid} #products .one-sixth{width:12%;padding:10px;display:inline-grid} #products .one-fourth img,#products .one-fifth img,#products .one-sixth img{margin:20px auto} #products h3{text-align:center;font-size:20px} body.page-id-799 #hero{margin-top:50px !important}/*--oldhome adjust----*/ /*=========== CUSTOM PRODUCT PAGE==============*/ .page-template-page-product .site-container{max-width:100%} .page-template-page-product .site-header .wrap{border-bottom:0px;margin-bottom:0;padding:8px 0} .page-template-page-product ul li{list-style:none} .page-template-page-product .main-product{margin-top:-40px} .page-template-page-product .site-header{margin-bottom:0} .page-template-page-product h2{font-size:50px;text-transform:uppercase;margin-bottom:40px;font-weight:300} .hero2 h2,.cta h2,.hero h1,.hero h2{color:#fff} .hero{height:600px;background-position:center center;text-align:center;background-size:cover} .hero .wrap{max-width:1200px;margin:auto} .hero h2{margin-bottom:10px;font-size:42px;text-transform:none} .hero h1{font-size:60px;margin-bottom:10px} .hero-text p{font-size:22px} .overlay{background-color: rgb(0,0,0,.5); height:100%} .hero-text{margin-top:150px;text-align:left;color:#fff} .hero-text a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:20px} .hero-text .button:hover{border:3px solid #fff} .description,.documents{background:#f2f9fd;min-height:500px;margin:auto} .description h2,.documents h2{font-size:32px;padding-left:50px} .description .wrap,.documents .wrap{background:#fff;max-width:1600px;padding:50px 0} .description .right.overlap{max-width:500px;position:relative;left:-50px;float:left} .documents .right.overlap{max-width:500px;position:relative;right:-50px;float:right} .description .content{padding:40px;font-size:20px;} .documents .content {padding:40px;font-size:20px;float:left} .hero2{min-height:600px;background-position:center center;text-align:center;background-size:cover;color:#fff} .hero2 .wrap{max-width:1200px;margin:auto;padding:50px 0} .hero2 .overlay{background-color: rgb(0,0,0,.7); min-height:600px} .hero2 .one-half{text-align:left;padding:50px} .hero2 .one-half:first-of-type{float:left;width:45%;} .hero2 li{line-height:1.2em;margin-bottom:15px;padding-left:20px;position:relative} .hero2 li:before{font-family:"dashicons";content:"\f147";position: absolute;left: 0; width: 50px;height: 50px;} .specifications{padding:60px 0} .specifications td:first-of-type{padding-left:20px} .specifications h2{text-align:center} tr:nth-child(even) {background:#f2f9fd} .cta{padding:60px 0;text-align:center} .buttoncta{max-width:220px;margin:50px auto 0 auto;padding:15px 0;font-size:22px} .buttoncta a{color:#fff;text-decoration:none;text-transform:uppercase} /* =========== MEDIA QUERIES ================ */ @media only screen and (max-width: 1200px) { .description,documents{margin:auto;text-align:center} .description h2,.documents h2{padding-left:0;text-align:center} .description .wrap,.documents .wrap{padding:50px 0} .description .desc,.documents .desc{display:block} .right.overlap{display:none} } @media only screen and (min-width: 960px) { .genesis-nav-menu .menu-item {display: inline-block} .genesis-nav-menu .menu-item:focus,.genesis-nav-menu .menu-item:hover { position: relative} .genesis-nav-menu > .menu-bold > a {font-weight: 700} .genesis-nav-menu > .menu-highlight > a {background-color: #333; border-radius: 3px;color: #fff;font-weight: 600;margin-left: 15px; padding-left: 20px;padding-right: 20px} .genesis-nav-menu > .menu-highlight > a:focus, .genesis-nav-menu > .menu-highlight > a:hover {background-color: #0073e5} .genesis-nav-menu .sub-menu,.genesis-nav-menu .sub-menu a {width: 180px } .genesis-nav-menu .sub-menu {border-top: 1px solid #eee;opacity: 0; padding-left: 0;position: absolute;transition: opacity 0.4s ease-in-out} .genesis-nav-menu .sub-menu a {border: 1px solid #eee;border-top: 0; padding-bottom: 15px;padding-top: 15px} .genesis-nav-menu .sub-menu .sub-menu {margin: -46px 0 0 179px;} .genesis-responsive-menu {display: block;padding-top: 15px} .menu-toggle,.sub-menu-toggle {display: none;visibility: hidden} .nav-primary {clear: none;width: auto} .nav-primary .genesis-nav-menu a {padding-left: 15px;padding-right: 15px} .sidebar-content .content {float: right;} .sidebar {float: right;width: 30%} .sidebar-content .sidebar {float: left} .after-entry .enews {padding-left: 30px;padding-right: 30px} .five-sixths,.four-sixths,.one-fourth,.one-half,.one-sixth,.one-third, .three-fourths,.three-sixths,.two-fourths,.two-sixths,.two-thirds { float: left;margin-left: 2.564102564102564%} .one-half,.three-sixths,.two-fourths {width: 48.717948717948715%;} .one-third,.two-sixths {width: 31.623931623931625%} .four-sixths,.two-thirds {width: 65.81196581196582%;} .one-fourth {width: 23.076923076923077%;} .three-fourths {width: 74.35897435897436%;} .one-sixth {width: 14.52991452991453%;} .five-sixths {width: 82.90598290598291%;} .first {clear: both;margin-left: 0} } @media only screen and (max-width: 1024px) { #genesis-nav-primary{float:none;background:#e8e8e8;padding-top:0;margin-top:-10px} .menuimage1,.menuimage2,.menuimage3 {background-image: none !important;min-height:auto !important} .ubermenu-submenu-id-2401 > li > ul {padding-left: 35px !important;padding-top: 50px !important; visibility: visible !important} .ubermenu-submenu-id-2401> li > a > span {padding: 15px;font-size: 20px;text-align: left; display: block !important;background: #003263 !important;font-weight: 700 !important; position: absolute;top: 0;left: 0;right: 0;color:#fff !important;visibility: visible !important} .top-bar ul{display:none} .topbar-right{padding:0 0 5px 0} #title-area{width:100%;float:none;padding:0} .logo{width:80%;margin:20px auto} .phone {display:block;text-decoration: none; font-family: 'Merriweather Sans', sans-serif;font-size: 18px; font-weight: 700;text-transform: uppercase;border-radius: 5px; color: #fff;width:250px;background-color: #003263; padding: 10px 35px;height: 45px;text-align:center;margin:20px auto } .phone a{color:#fff;text-decoration:none} .phone-icon{padding-top:3px;padding-right:10px} .one-half{padding:0 20px} #two-blocks2 .wrap,#two-blocks .wrap{flex-direction:column;text-align:center} #two-blocks h3::after {display:none} .two-blocks-btns{display:block;margin:50px auto} .icon{width:48%;padding:20px} .icon a h3,.icon h3{font-size:16px} #imageblocks{margin-top:0} #image1 h2, #image2 h2, #image3 h2{font-size:32px} #image1,#image2,#image3 {position:inherit;width:100%;float:none;height:400px} #image3{height:450px} #right_image{width:100%;float:none;height:auto} #fourcolumns .column {width:49%;margin:5px auto;} #custom_html-3 li a img{width:40px;margin-right:12px} #text-23 img{width:100px} #products .one-fourth,#products .one-fifth,#products .one-sixth{width:33%;padding:10px;display:inline-grid;text-align:center;margin-left:0} #imageblocks{display:block} #imageblocks #left_image,#imageblocks #right_image{width:100%;float:none} } @media only screen and (max-width: 800px) { #text-20,#custom_html-3{width:100%;float:none;overflow:hidden; text-align:center;line-height:1.5em;padding-right:0} #custom_html-3 img.footer-logo{margin:auto;display:block;margin-bottom:30px;max-width:300px} #text-20 img,#text-20 img.brandlogo{margin:auto;margin:30px;max-width:300px} #text-4,#text-21{width:100%;float:none;text-align:center;margin:30px 0} #text-23{float:none;width:100%} #text-20{text-align:center;padding:0 0;margin-right:0;} #products .one-fourth,#products .one-fifth,#products .one-sixth{width:48%;padding:10px;display:inline-grid;text-align:center;margin-left:0} .one-half{width:100% !important} } @media only screen and (max-width: 768px) { .two-blocks-btns a{display:block;margin:20px} #fourcolumns .column {width:100% !important;;text-align:center;margin:20px} .twothird-left {display:flex;max-width:1140px;display: flex; flex-direction: column} .one-half.ls-direction-fix{margin-bottom:75px} span.blue-button a{display:block !important} section#slider{ display: none} section#mobile-icons{display:block;margin:auto;text-align:center} .testimonial_rotator.template-default .has-image .img, .testimonial_rotator_single.has-image.template-default .img { width: 100% !important;margin-right: 0% !important;text-align:center;margin-bottom:20px } .testimonial_rotator.template-default .has-image .text, .testimonial_rotator_single.has-image.template-default .text { width: 100% !important;float: none;text-align:center} #testimonials h2{text-align:center} } /* ============= PRINT STYLES ============ */ @media print { *,*::before,*::after {background: transparent !important; box-shadow: none !important;color: #333 !important;text-shadow: none !important;} a,a:visited {text-decoration: underline} a[href]::after {content: " (" attr(href) ")";} abbr[title]::after {content: " (" attr(title) ")";} a[href^="javascript:"]::after,a[href^="#"]::after, .site-title > a::after {content: "";} thead {display: table-header-group;} img,tr {page-break-inside: avoid;} img {max-width: 100% !important;} @page {margin: 2cm 0.5cm;} p,h2,h3 {orphans: 3;widows: 3} blockquote,pre {border: 1px solid #999;page-break-inside: avoid;} .content,.content-sidebar { width: 100%} button,input,select,textarea,.breadcrumb,.comment-edit-link, .comment-form,.comment-list .reply a,.comment-reply-title,.edit-link, .entry-comments-link,.entry-footer,.genesis-box,.header-widget-area, .hidden-print,.home-top,.nav-primary,.nav-secondary,.post-edit-link, .sidebar {display: none !important} .title-area {text-align: center;width: 100%} .site-title > a {margin: 0;text-decoration: none; text-indent: 0;} .site-inner {padding-top: 0;position: relative;} .author-box {margin-bottom: 0;} h1,h2,h3,h4,h5,h6 {orphans: 3;page-break-after: avoid;page-break-inside: avoid;widows: 3} img {page-break-after: avoid;page-break-inside: avoid;} blockquote,pre,table {page-break-inside: avoid;} dl,ol,ul {page-break-before: avoid;} }