/* Theme Name: CoolVu Premium Window Film Text Domain: coolvu Version: 1.7 Requires at least: 4.7 Requires PHP: 5.2.4 Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors. Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready Author: CoolVu Premium Window Film Author URI: https://www.coolvu.com/ Theme URI: https://www.coolvu.com/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html All files, unless otherwise stated, are released under the GNU General Public License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 0. CSS Reset 1. Document Setup 2. Element Base 3. Helper Classes 4. Site Header 5. Menu Modal 6. Search Modal 7. Page Templates a. Template: Cover Template c. Template: Full Width 8. Post: Archive 9. Post: Single 10. Blocks 11. Entry Content 12. Comments 13. Site Pagination 14. Error 404 15. Widgets 16. Site Footer 17. Media Queries ----------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* 0. CSS Reset /* -------------------------------------------------------------------------- */ html, body { border: none; margin: 0; padding: 0; } .main-header { position: relative; min-height: 120px; z-index: 9999; } .main-header-inner { position: fixed; width: 100%; } .container { max-width:1200px; margin:0 auto; } .header { /*background: none repeat scroll 0 0 rgba(26, 77, 104, 0.80);*/ background:#133F58; padding: 15px 0 20px 0; float: left; width: 100%; transition: all 0.5s ease 0s; } /*.header.sticky { background:#133F58; }*/ .header-left { float:left; padding-top:20px; } .header-left .site-logo img { max-height:45px; } /*.header-left .site-logo a { background: url(images/header_logo_blue.png) no-repeat; width: 208px; height: 45px; } .header.sticky .header-left .site-logo a { background:url(images/header_logo_white.png) no-repeat; }*/ .header-right { float: right; width: 80%; } .header-right-top { text-align:right; } .header-right-top ul { list-style-type: none; padding: 0; margin: 0; display: inline-block; position: relative; top: 5px; } .header-right-top li { float: left; margin: 0; padding-right: 10px; } .header-right-top li a { text-decoration: none; float: left; } .header-right-top li.mail a { background: url(images/header-mail-icon.png) no-repeat 0 3px; width: 22px; height: 21px; } .header-right-top li.fb a { background: url(images/header-fb-icon.png) no-repeat; width: 24px; height: 24px; } .header-right-top li.tw a { background: url(images/header-tw-icon.png) no-repeat; width: 24px; height: 24px; } .header-right-top li.yw a { background: url(images/header-yw-icon.png) no-repeat; width: 24px; height: 24px; } .header-right-top li.vm a { background: url(images/header-vimeo-icon.png) no-repeat; width: 24px; height: 24px; } .header-right-top li.insta a { background: url(images/header-insta-icon.png) no-repeat; width: 24px; height: 24px; } .header-right-top li.in a { background: url(images/header-in-icon.png) no-repeat; width: 24px; height: 24px; } .header-right-top .header-phn { display: inline-block; margin: 0 auto; padding: 0 20px 0 15px; } .header-right-top .header-phn a { background: url(images/header-phn-icon.png) no-repeat 0 2px; color: #fff; text-decoration: none; font-weight: 800; padding-left: 25px; letter-spacing: 1px; text-shadow: 0px 1px 2px #000; } .header-right-top .header-links { display: inline-block; margin: 0 auto; } .header-right-top .header-links span:last-child a { border-left: 1px solid #fff; margin-left: 20px; padding-left: 20px; } .header-right-top .header-links span a { color: #fff; text-decoration: none; font-weight: 800; text-transform: uppercase; font-size: 15px; display: inline-block; line-height: 15px; text-shadow: 0px 1px 2px #000; } .header-right-bottom { clear:both; margin-top:14px; } .header-right .top-navigation { list-style-type: none; margin: 0; padding: 0; text-align: right; } .header-right .top-navigation li { margin: 0 6px; position: relative; line-height: 46px; display: inline-block; } .header-right .top-navigation li a { color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1.5px; padding: 0 8px; transition: all 0.5s ease 0s; font-size: 17px; font-weight: 800; display: inline-block; font-family: Open Sans; text-shadow: 0px 1px 2px #000; } .header-right .top-navigation li a:hover { /*color:#C9AC0D;*/ } .header-right .top-navigation li ul { display: none; position: absolute; border-top: 6px solid #1A4D68; background: #fff; top: 0; margin-top: 40px; margin-left: 0; text-align: left; list-style-type: none; width: 280px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.50); z-index:999; } .header-right .top-navigation li:hover ul { display:block; } .header-right .top-navigation li.menu-item-has-children .icon { background: url(images/menu-down-arrow.png) no-repeat 0 0px; width: 4px; height: 3px; display: inline-block; vertical-align: middle; } .header-right .top-navigation li li { display: block; margin: 0 auto; } .header-right .top-navigation li li a { display: block; color: #252525; font-size: 13px; letter-spacing: 0; padding: 0; border-bottom: 1px solid #c0c0c0; margin: 0 15px; transition: none; text-shadow: none; font-weight: 600; } .header-right .top-navigation li li:last-child a { border:none; } .header-right .top-navigation li li:hover { background:#e3e3e3; } .header-right .top-navigation li li ul { left: 100%; margin-top: -6px; visibility: hidden; } .header-right .top-navigation li li:hover ul { display:block; visibility: visible; } .header-right .top-navigation li.menu-item-has-children .sub-menu .icon { display:none; } .header-right .top-navigation li.menu-item-569 { margin-right: 0; line-height: 40px; } .header-right .top-navigation li.menu-item-569 a { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#86CFEE', EndColorStr='#1D73B7'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #86CFEE), color-stop(1, #1D73B7)); background-image: -webkit-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -moz-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -ms-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -o-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: linear-gradient(top, #86CFEE 0%, #1D73B7 100%); font-weight: normal; letter-spacing: 1px; padding: 0 20px; font-size: 18px; text-shadow:none; } .header-right .top-navigation li.menu-item-569 a:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1D73B7', EndColorStr='#86CFEE'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D73B7), color-stop(1, #86CFEE)); background-image: -webkit-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -moz-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -ms-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -o-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: linear-gradient(top, #1D73B7 0%, #86CFEE 100%); } .header-right-bottom .mobile-nav-toggle { display:none; } .breadcrumbs { width: 100%; color: #1A4D68; margin-top: 30px; } .breadcrumbs a { color: #1A4D68; text-decoration: none; } .archive .breadcrumbs, .single-post .breadcrumbs { display: none; } .footer { clear: both; background: #133F58; padding: 50px 0; } .footer .footer-logo { text-align: center; margin-bottom: 0px; } .footer .footer-logo img { margin: 0 auto; } #menu-footer-menu { list-style-type: none; margin: 0; padding: 40px 0 30px 0; text-align: center; } #menu-footer-menu li { display: inline-block; margin: 0 20px; } #menu-footer-menu li a { color: #fff; text-decoration: none; transition: all 0.5s ease 0s; } #menu-footer-menu li a:hover { color:#86CFEE; } .footer .widget ul { list-style-type: none; margin: 0; padding: 0; display: inline-block; text-align: center; } .footer .widget { margin:0 auto; text-align:center; } .footer .widget li { display: inline-block; margin: 0 2px; vertical-align: top; } .footer .widget li.mail { display:none; } .footer li a { float: left; text-decoration: none; } .footer li.mail a { background: url(images/header-mail-icon.png) no-repeat 0 3px; width: 22px; height: 21px; } .footer li.fb a { background: url(images/header-fb-icon.png) no-repeat; width: 24px; height: 24px; } .footer li.tw a { background: url(images/header-tw-icon.png) no-repeat; width: 24px; height: 24px; } .footer li.yw a { background: url(images/header-yw-icon.png) no-repeat; width: 24px; height: 24px; } .footer li.vm a { background: url(images/header-vimeo-icon.png) no-repeat; width: 24px; height: 24px; } .footer li.insta a { background: url(images/header-insta-icon.png) no-repeat; width: 24px; height: 24px; } .footer li.in a { background: url(images/header-in-icon.png) no-repeat; width: 24px; height: 24px; } .footer .header-phn { display: inline-block; margin-left: 20px; line-height: 24px; vertical-align: top; letter-spacing: .5px; } .footer .header-phn a { color: #fff; font-weight: 800; text-decoration: none; font-size: 16px; background: url(images/header-phn-icon.png) no-repeat 0 2px; padding-left: 25px; } .page-template-template-solutions-child #site-content, .page-template-template-solutions-sbs #site-content { /*margin-top:-120px;*/ margin-top: -172px; } .solutions-hero-section { clear: both; background-repeat: no-repeat; background-position: top center; background-size: cover; height: 85vh; } /*.page-id-601 .solutions-hero-section, .page-id-603 .solutions-hero-section { background-position: top center; }*/ .page-id-24 .solutions-hero-section, .page-id-2753 .solutions-hero-section, .page-id-2690 .solutions-hero-section, .page-id-2748 .solutions-hero-section { background-position: top right; } .page-id-604 .solutions-hero-section, .page-id-600 .solutions-hero-section, .page-id-2761 .solutions-hero-section { background-position: top left; } .solutions-hero-section .container { position:relative;} .solutions-hero-section .hero-description { position: absolute; color: #ffffff; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.45); padding: 50px; max-width: 40%; margin-top: 15%; } .solutions-hero-section .hero-description h1 { margin: 0 0 15px 0; font-size: 30px; font-weight: 800; letter-spacing: .5px; } .solutions-hero-section .hero-description p { margin: 0; line-height: 30px; font-size: 18px; } .solutions-hero-section .hero-description .breadcrumbs { font-size: 14px; margin-top: 0px; margin-bottom: 15px; } .solutions-hero-section .hero-description .breadcrumbs a { color: #fff; text-decoration: none; } .solutions-main-section .breadcrumbs { color: #1A4D68; text-decoration: none; font-size: 14px; margin-top: 0px; margin-bottom: 25px; } .solutions-main-section .breadcrumbs a { color: #1A4D68; text-decoration: none; } .solutions-main-section { clear: both; /*padding: 60px 0 0px 0;*/ padding: 40px 0 0px 0; float: left; width: 100%; } .color-coolv { clear: both; padding: 0px 0 80px 0; float: left; width: 100%; } .color-coolv h3 { color: #1A4D68; font-weight: 800; text-align: center; font-size: 30px; letter-spacing: .2px; border-top: 1px solid #ccc; padding-top: 60px; margin-top: 0; margin-bottom: 60px; } .solutions-main-left { float: left; width: 48%; } .solutions-main-left h3 { margin-top: 0; color: #1A4D68; font-weight: 800; letter-spacing: .2px; font-size: 26px; margin-bottom: 20px; } .solutions-main-left p { line-height: 30px; color: #333333; } .solutions-main-left ul { list-style-type: none; margin: 0 0 20px 0; padding: 10px 0 0 0; color: #333; } .solutions-main-left li { margin: 0 0 12px 0; background: url(images/bullet-circle-icon.png) no-repeat 0 8px; padding-left: 25px; font-size: 16px; line-height: 24px; } .solutions-main-right { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265874'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265874)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265874 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265874 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265874 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265874 100%); background-image: linear-gradient(top, #2177BC 0%, #265874 100%); float: right; width: 44%; color: #ffffff; text-align: center; padding: 2%; } .solutions-main-right h3 { margin-top: 0; font-family: Open Sans; text-transform: uppercase; font-weight: 800; font-size: 36px; letter-spacing: .2px; margin-bottom: 20px; } .solutions-main-right .gform_wrapper { margin:0 auto; } .solutions-main-right .gform_wrapper ul.gform_fields li.gfield { clear: none; margin-top: 0; margin-bottom: 12px; padding-right: 5px; padding-left: 5px; } body .solutions-main-right .gform_wrapper .top_label div.ginput_container { margin-top:0; } .solutions-main-right .gform_wrapper ul.gform_fields li.gfield input[type="text"] { background: #ffffff; padding: 8px 15px !important; border: 1px solid #a4a4a4; outline: none; appearance: none; height: 40px; margin: 0 auto; color: #333; font-size: 14px !important; } .solutions-main-right .gform_wrapper ul.gform_fields li.gfield select { padding: 8px 15px; height: 40px; border-radius: 0; border: 1px solid #a4a4a4; color: #666666; font-size: 14px; font-family: Open Sans; outline: none; font-style:italic; background:#ffffff; } .solutions-main-right .gform_wrapper textarea.large { height: 90px; resize: none; border: 1px solid #a4a4a4; font-size: 14px; color: #333; outline: none; appearance: none; padding:8px 15px; } .solutions-main-right .gform_wrapper ul.gform_fields li.col-6-field { float: left; width: 50%; } .solutions-main-right .gform_wrapper ul.gform_fields li.col-12-field { clear:both; } .solutions-main-right .gform_wrapper ul.gform_fields li.gfield input[type="text"]::placeholder, .solutions-main-right .gform_wrapper ul.gform_fields li.gfield textarea::placeholder { color:black; font-style:italic; } .solutions-main-right .gform_wrapper .gform_footer { padding: 0; text-align: center; margin: 20px 0 0 0; } .solutions-main-right .gform_wrapper .gform_footer input[type="submit"] { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#86CFEE', EndColorStr='#1D73B7'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #86CFEE), color-stop(1, #1D73B7)); background-image: -webkit-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -moz-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -ms-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -o-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: linear-gradient(top, #86CFEE 0%, #1D73B7 100%); font-family: Open Sans; font-weight: 800; padding: 12px 50px; font-size: 16px; outline: none; appearance: none; text-decoration: none; transition: all 0.5s ease 0s; } .solutions-main-right .gform_wrapper .gform_footer input[type="submit"]:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1D73B7', EndColorStr='#86CFEE'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D73B7), color-stop(1, #86CFEE)); background-image: -webkit-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -moz-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -ms-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -o-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: linear-gradient(top, #1D73B7 0%, #86CFEE 100%); } .solutions-product-section { clear: both; float: left; width: 100%; margin-bottom: 60px; } .solutions-product-section h3 { color: #1A4D68; font-weight: 800; text-align: center; font-size: 30px; letter-spacing: .2px; border-top: 1px solid #ccc; padding-top: 60px; margin-top: 0; margin-bottom: 60px; } .solutions-product-section ul { list-style-type: none; margin: 0; padding: 0; } /*.solutions-product-section li { float: left; width: 21.8%; list-style-type: none; margin: 0 4% 0 0; text-align: center; }*/ .solutions-product-section li { float: left; /*width: 17%;*/ width: 18%; list-style-type: none; margin: 0 3.5% 0 0; text-align: center; } .solutions-product-section li:last-child { margin-right:0; } .solutions-product-section li img { display:block; } .solutions-product-section li .productname { margin:25px 0 20px 0; min-height: 55px; } .solutions-product-section li .productname a { color: #1b1b1b; font-weight: 800; text-decoration: none; font-size: 18px; } .solutions-product-section li .learn-more-btn { line-height:44px; } .solutions-product-section li .learn-more-btn a { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265975'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265975)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: linear-gradient(top, #2177BC 0%, #265975 100%); color: #fff; text-decoration: none; padding: 8px 40px; text-transform: uppercase; font-size: 16px; } .solutions-product-section li .learn-more-btn a:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265975', EndColorStr='#2177BC'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #265975), color-stop(1, #2177BC)); background-image: -webkit-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -moz-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -ms-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -o-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: linear-gradient(top, #265975 0%, #2177BC 100%); } .solutions-benefits-section { clear:both; margin-bottom:60px; } .solutions-benefits-section h3 { color: #1A4D68; font-weight: 800; text-align: center; font-size: 30px; letter-spacing: .2px; border-top: 1px solid #ccc; padding-top: 60px; margin-top: 0; margin-bottom: 60px; } .solutions-benefits-section .ac { margin-top: 0; margin-bottom: 20px; border: none; } .solutions-benefits-section .ac .ac-q { background-color: #1A4D68; color: #fff; font-family: Open Sans; font-size: 18px; font-weight: 800; letter-spacing: .2px; padding: 25px 5% 25px 8%; background-repeat: no-repeat; background-position: 2% 40%; outline:none; } .solutions-benefits-section .ac .ac-a p { font-family: Open Sans; color: #333; line-height: 26px; font-size: 16px; padding: 20px 0 0 0; margin-bottom: 0; } .solutions-benefits-section .ac .ac-q::after { font-size: 30px; width: 30px; height: 30px; line-height: 26px; right:15px; } .dealers-map-section { clear:both; } .dealers-map-section .store_locator, .dealers-display-section .store_locator { padding:0; } .dealers-map-section .store-locator-row, .dealers-display-section .store-locator-row { display: block; margin-left: auto; margin-right: auto; } .store-locator-custom-search { clear: both; float: left; width: 100%; margin-bottom: 0; /*margin-bottom: 60px;*/ } .store-locator-custom-search h3 { color: #1A4D68; border-top: 1px solid #ccc; font-size: 30px; text-align: center; font-weight: 800; letter-spacing: .2px; font-family: Open Sans; margin-top: 0; line-height: 40px; margin-bottom: 60px; padding-top: 55px; /*padding-top: 60px;*/ } .store-locator-custom-search h3 a#store_locator_get_my_position { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265975'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265975)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: linear-gradient(top, #2177BC 0%, #265975 100%); color: #fff; margin-right: 0; margin-left: 20px; font-size: 16px; font-weight: normal; text-transform: uppercase; padding: 8px 25px; text-decoration: none; vertical-align: top; } .store-locator-custom-search h3 a#store_locator_get_my_position:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265975', EndColorStr='#2177BC'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #265975), color-stop(1, #2177BC)); background-image: -webkit-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -moz-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -ms-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -o-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: linear-gradient(top, #265975 0%, #2177BC 100%); } .dealers-map-section #store_locator_sidebar { float: left; width: 50%; max-width: none; background: #f5f5f5; min-height: 600px; max-height: 600px; } .dealers-display-section #store_locator_sidebar { float:left; width:38%; max-width:none; } .dealers-display-section #store_locator_main { float:right; width:60%; } .store_locator_sidebar .store_locator_search_box { display:none; } .store_locator_sidebar .sidebar-top-section .store_locator_search_box { display: block; margin-bottom: 20px; overflow: hidden; } .dealers-map-section .store-locator-col-12, .dealers-display-section .store-locator-col-12 { padding-left: 0; padding-right: 0; } .sidebar-top-section .store_modal_title { display:none; } .sidebar-top-section .store_locator_filter_active_filter_box { display:none; } .sidebar-top-section .wordpress-store-locator-address-title { display:none; } .sidebar-top-section .store_locator_search_box #store_locator_get_my_position, .sidebar-top-section .store_locator_search_box #store_locator_get_all_stores { display:none; } .sidebar-top-section #store_locator_filter_open_close { display:none; } .sidebar-top-section .store-locator-categories, .sidebar-top-section .store-locator-filters { display:none; } .sidebar-top-section .dealer-blue-bar { background: #1A4D68; color: #fff; text-transform: uppercase; padding: 15px 20px; font-size: 15px; margin-bottom: 20px; letter-spacing: .2px; } .sidebar-top-section .dealer-blue-bar p { margin: 0; line-height: 40px; } .sidebar-top-section .dealer-blue-bar p #store_locator_get_my_position { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265975'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265975)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: linear-gradient(top, #2177BC 0%, #265975 100%); outline: none; color: #ffffff; font-weight: normal; border-radius: 0; padding: 0px 20px; font-size: 14px; margin-right: 0; text-decoration: none; float: right; } .sidebar-top-section .dealer-blue-bar p #store_locator_get_my_position:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265975', EndColorStr='#2177BC'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #265975), color-stop(1, #2177BC)); background-image: -webkit-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -moz-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -ms-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -o-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: linear-gradient(top, #265975 0%, #2177BC 100%); } .dealers-display-section .store_locator_search_box .store-locator-row { float:left; } .dealers-display-section .store_locator_search_box .store-locator-row:last-child { float: right; width: 50%; } .dealers-display-section .store_locator_search_box #store_locator_address_field { border: 1px solid #666 !important; padding: 0px 15px; font-family: Open Sans; width: 170px; outline: none; box-shadow: none; height: 40px; font-size: 15px; color:#333333; } .dealers-display-section .store_locator_search_box #store_locator_address_field::placeholder { color:black; font-style:italic; } .dealers-display-section .store_locator_search_box #store_locator_find_stores_button { text-indent: -999em; background-image: url(images/dealer-search-icon.png); background-repeat: no-repeat; padding: 0; width: 40px; height: 40px; } .dealers-display-section #store_locator_search_box #store_locator_filter { margin:0 auto; } .dealers-display-section #store_locator_search_box #store_locator_filter h5 { margin: 0 auto; font-size: 16px; font-weight: normal; font-family: Open Sans; letter-spacing: .2px; float: left; line-height: 40px; } .dealers-display-section #store_locator_search_box #store_locator_filter select { width: 70%; border-radius: 0; border: 1px solid #666; padding: 0 15px; height: 40px; outline: none; box-shadow: none; float: right; font-family: Open Sans; font-size: 15px; color: #333; background-image: url(images/dealer-dropdown-icon.png); background-repeat: no-repeat; background-position: right; appearance: none; } .dealers-display-section .store_locator_result_list_box { clear:both; background:#f6f6f6; } .dealers-map-section .sidebar-top-section { display:none; } .dealers-map-section #store_locator_result_list { max-height: 600px !important; padding: 0% 5%; } .dealers-display-section #store_locator_result_list { padding: 0% 5%; min-height: 430px; max-height: 430px !important; } .dealers-map-section .store_locator_no_stores, .dealers-display-section .store_locator_no_stores { color: #333; text-align: center; margin-top: 0; text-transform: uppercase; font-size: 20px; font-weight: 800; font-family: Open Sans; letter-spacing: .2px; padding-top:30px; } .store_locator_result_list_box hr { display:none; } .dealers-map-section .store_locator_main { max-width: none; float: right; width: 50%; outline:none; } .store_locator_main #store_locator_map { outline:none; } .store_locator_main #store_locator_dragged_button { display:none!important; } #store_locator_sidebar .store_locator_result_list_item { background: none; padding: 30px 0; border-bottom: 1px solid #bbbbbb;} #store_locator_sidebar .store_locator_result_list_item a { text-decoration:none; color:#000000; } #store_locator_sidebar .store_locator_name { color: #1A4D68; font-size: 20px; text-transform: uppercase; letter-spacing: .2px; font-weight: 800; line-height: 30px; padding-bottom: 10px; } #store_locator_sidebar .store_locator_name .fas { display:none; } #store_locator_sidebar .store_locator_actions a .fas { display:none; } #store_locator_sidebar .store_locator_result_list_item .store_locator_image_container { max-width: 100%; margin-bottom: 10px; } #store_locator_sidebar .store_locator_result_list_item .store_locator_details { max-width:100%; } #store_locator_sidebar .store_locator_result_list_item .store_locator_address { margin-top: 0; background: url(images/dealer-address-icon-s.png) no-repeat 0 5px; padding-left: 25px;} #store_locator_sidebar .store_locator_result_list_item .store_locator_contact { margin: 0; padding: 10px 0 20px 0; } #store_locator_sidebar .store_locator_result_list_item .store_locator_tel { background: url(images/dealer-phone-icon-s.png) no-repeat 0 4px; padding-left: 25px; margin-bottom: 10px; display: block; } #store_locator_sidebar .store_locator_result_list_item .store_locator_email { background: url(images/dealer-mail-icon-s.png) no-repeat 0 5px; padding-left: 25px; display: block; margin-bottom: 10px; } #store_locator_sidebar .store_locator_result_list_item .store_locator_website { background: url(images/dealer-website-icon-s.png) no-repeat 0 4px; padding-left: 25px; display: block; } #store_locator_sidebar .store_locator_result_list_item .store_locator_actions .button { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265975'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265975)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: linear-gradient(top, #2177BC 0%, #265975 100%); color: #fff; text-decoration: none; padding: 0px 70px; text-transform: uppercase; outline: none; height: 40px; line-height: 40px; font-weight: normal; font-size: 15px; } #store_locator_sidebar .store_locator_result_list_item .store_locator_actions .button:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265975', EndColorStr='#2177BC'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #265975), color-stop(1, #2177BC)); background-image: -webkit-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -moz-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -ms-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -o-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: linear-gradient(top, #265975 0%, #2177BC 100%); } #store_locator_sidebar .store_locator_result_list_item .store_locator_actions .store_locator_show_on_map { padding: 0 120px; } #store_locator_main .store_locator_infowindow .store_locator_image { display:none; } #store_locator_main .store_locator_infowindow a { text-decoration:none; color:#000000; } #store_locator_main .store_locator_infowindow .store_locator_name { color: #1A4D68; font-size: 20px; text-transform: uppercase; font-weight: 800; font-family: Open Sans; letter-spacing: .2px; margin-bottom: 15px; white-space: normal; line-height: 26px; } #store_locator_main .store_locator_infowindow .store_locator_name .fas, .store-locator-row .store_locator_result_list_item .fas { display:none; } #store_locator_main .store_locator_infowindow .store_locator_address { margin-top: 0; background: url(images/dealer-address-icon-s.png) no-repeat 0 5px; padding-left: 25px; font-family: Open Sans; font-size: 14px; font-weight: normal; margin-bottom: 10px; } #store_locator_main .store_locator_infowindow .store_locator_contact { margin-bottom: 20px; font-family: Open Sans; font-size: 14px; font-weight: normal; } #store_locator_main .store_locator_infowindow .store_locator_tel { background: url(images/dealer-phone-icon-s.png) no-repeat 0 4px; padding-left: 25px; margin-bottom: 10px; display: block; } #store_locator_main .store_locator_infowindow .store_locator_email { background: url(images/dealer-mail-icon-s.png) no-repeat 0 6px; padding-left: 25px; display: block; margin-bottom: 10px; } #store_locator_main .store_locator_infowindow .store_locator_website { background: url(images/dealer-website-icon-s.png) no-repeat 0 4px; padding-left: 25px; margin-bottom: 10px; display: block; } .product-listing-template { padding:60px 0 30px 0; } .product-listing-template .product-category-title { color: #1A4D68; font-size: 30px; text-align: center; font-weight: 800; letter-spacing: .2px; margin-top: 0; margin-bottom: 40px; } .product-listing-template .woocommerce .woocommerce-result-count { margin: 0; line-height: 34px; color: #333; font-size: 15px; display:none; } .product-listing-template .woocommerce .woocommerce-ordering { margin-bottom:20px; } .product-listing-template .woocommerce .woocommerce-ordering select { background: #fff; border: 1px solid #aaa; padding: 0px 10px; color: #333; font-size: 15px; letter-spacing: .2px; outline: none; font-family: Open Sans; height:38px; } .product-listing-template .woocommerce ul.products li.product { text-align:center; } .product-listing-template .woocommerce ul.products li.product .woocommerce-loop-product__title { display: block; color: #333333; font-weight: 600; letter-spacing: .2px; font-size: 18px; margin-bottom: 10px; line-height: 24px; min-height: 50px; } .product-listing-template .woocommerce ul.products li.product .price { font-size: 26px; font-weight: 800; color: #333333; font-family: Open Sans; line-height: 30px; margin-bottom: 10px; display: block; } .product-listing-template .woocommerce ul.products li.product .button { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265975'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265975)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: linear-gradient(top, #2177BC 0%, #265975 100%); outline: none; color: #ffffff; font-weight: normal; border-radius: 0; padding: 12px 25px; font-size: 16px; } .product-listing-template .woocommerce ul.products li.product .button:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265975', EndColorStr='#2177BC'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #265975), color-stop(1, #2177BC)); background-image: -webkit-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -moz-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -ms-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -o-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: linear-gradient(top, #265975 0%, #2177BC 100%); } .product-single-template { padding:60px 0 30px 0; clear:both; } .product-single-template .woocommerce div.product div.images .woocommerce-product-gallery__trigger { display:none; } .product-single-template .woocommerce div.product .product_title { font-size: 24px; font-weight: normal; font-family: Open Sans; letter-spacing: .2px; color: #333; margin-bottom: 10px; } .product-single-template .woocommerce div.product p.price { color: #1A4D68; font-weight: 800; font-size: 40px; border-bottom: 2px solid #cccccc; padding-bottom: 15px; margin-bottom: 30px; } .product-single-template .woocommerce-product-details__short-description { color: #333; line-height: 30px; clear: both; margin-bottom: 35px; font-size:17px; } .product-single-template .woocommerce-product-details__short-description p { line-height:28px; } .product-single-template .product-variation-section { background: #eee; padding: 20px 20px 0 20px; margin-bottom: 30px; } .product-single-template .woocommerce div.product form.cart .variations { margin:0 auto; } .product-variation-section .variations tr { float: left; width: 46%; margin-bottom: 10px; margin-left: 2%; margin-right: 2%; } .product-single-template .woocommerce div.product form.cart .variations td { padding: 0; width: 100%; display: block; color: #333; } .product-single-template .woocommerce div.product form.cart .variations select { width: 88%; margin: 0 auto; display: block; padding: 4% 5%; border: 2px solid #bbb; color: #666; outline: none; font-size: 16px; font-family:Open Sans; } .product-single-template #store_modal_button { display:none; } .product-single-template .product_meta { display:none; } .product-single-template .single_variation_wrap { clear:both; } .product-single-template .woocommerce-variation-add-to-cart { float:right; } .product-single-template .woocommerce div.product form.cart div.quantity { margin-right:10px; } .product-single-template .woocommerce .quantity .qty { width: 50px; padding: 0 8px; font-family: Open Sans; border: 1px solid #999; color: #333; font-weight: 600; height: 42px; outline: none; } .product-single-template .woocommerce div.product form.cart .button { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265975'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265975)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: linear-gradient(top, #2177BC 0%, #265975 100%); border-radius: 0; font-family: Open Sans; letter-spacing: 0; font-weight: normal; padding: 0px 30px; height: 44px; outline: none; } .product-single-template .woocommerce div.product form.cart .button:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265975', EndColorStr='#2177BC'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #265975), color-stop(1, #2177BC)); background-image: -webkit-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -moz-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -ms-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -o-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: linear-gradient(top, #265975 0%, #2177BC 100%); } .product-single-template .woocommerce div.product form.cart .reset_variations { color:#1A4D68; text-decoration:none; } .product-single-template .single_variation_wrap .single_variation { float:left; line-height:40px; } .product-single-template .woocommerce div.product .single_variation span.price { color: #333; font-size: 30px; font-weight: 800; } .product-single-template .woocommerce div.product .woocommerce-tabs { display:none; } .product-single-template .related { clear: both; padding: 0; } .product-single-template .related h2 { font-size: 32px; font-weight: 800; color: #333; text-transform: capitalize; letter-spacing: .2px; margin-top: 0; margin-bottom: 30px; } .product-single-template .woocommerce ul.products li.product { text-align:center; } .product-single-template .woocommerce ul.products li.product .woocommerce-loop-product__title { display: block; color: #333333; font-weight: 600; letter-spacing: .2px; font-size: 18px; margin-bottom: 10px; line-height: 24px; } .product-single-template .woocommerce ul.products li.product .price { font-size: 26px; font-weight: 800; color: #333333; font-family: Open Sans; line-height: 30px; margin-bottom: 10px; display: block; } .product-single-template .woocommerce ul.products li.product .button { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265975'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265975)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: linear-gradient(top, #2177BC 0%, #265975 100%); outline: none; color: #ffffff; font-weight: normal; border-radius: 0; padding: 12px 25px; font-size: 16px; } .product-single-template .woocommerce ul.products li.product .button:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265975', EndColorStr='#2177BC'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #265975), color-stop(1, #2177BC)); background-image: -webkit-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -moz-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -ms-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -o-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: linear-gradient(top, #265975 0%, #2177BC 100%); } .woocommerce-message { border-color:#1A4D68; line-height:40px; } .woocommerce-message::before { color:#1A4D68; } .woocommerce-message a.button { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265975'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265975)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: linear-gradient(top, #2177BC 0%, #265975 100%); outline: none; color: #ffffff; font-weight: normal; border-radius: 0; padding: 12px 25px; font-size: 16px; } .woocommerce-message a.button:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265975', EndColorStr='#2177BC'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #265975), color-stop(1, #2177BC)); background-image: -webkit-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -moz-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -ms-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -o-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: linear-gradient(top, #265975 0%, #2177BC 100%); color:#ffffff; } .find-dealer-template { padding: 60px 0; clear: both; float: left; width: 100%; } .find-dealer-template .page-title { color: #1A4D68; font-size: 30px; text-align: center; font-weight: 800; letter-spacing: .2px; margin-top: 0; margin-bottom: 50px; text-transform:uppercase; } .find-dealer-template .page-titles { color: #1A4D68; font-size: 30px; text-align: center; font-weight: 800; letter-spacing: .2px; margin-top: 0; margin-bottom: 50px; text-transform:capitalize; } .find-dealer-template .dealers-display-section { clear:both; } .find-dealer-template .store-locator-custom-search { display:none; } .dealers-by-state-section { clear: both; padding: 60px 0 0 0; float: left; width: 100%; } .dealers-by-state-section h3 { margin-top: 0; color: #1A4D68; font-weight: 800; font-size: 30px; text-align: center; text-transform: uppercase; letter-spacing: .2px; margin-bottom: 50px; } .dealers-by-state-section ul { list-style-type: none; margin: 0; padding: 0; } .dealers-by-state-section li { float: left; width: 21%; margin: 0 auto 15px 12%; } .dealers-by-state-section li.Dealers { display:none; } .dealers-by-state-section li a { color: #1e1e1e; text-decoration: none; font-size: 16px; text-transform: uppercase; letter-spacing: .5px; font-weight: 600; transition: all 0.5s ease 0s; } .dealers-by-state-section li a:hover { /*color:#C9AC0D;*/ color: #1E73BD; } .dealer-single-template { clear: both; padding: 60px 0 80px 0; float: left; width: 100%; } .dealer-single-template h1 { margin-top: 0; color: #1A4D68; font-size: 34px; font-weight: 800; text-transform: uppercase; letter-spacing: .2px; margin-bottom: 15px; } .dealer-single-template h1 .wordpress-store-locator-store-in { display:none; } .dealer-single-template .dealer-subtitle { margin-top: 0; border-bottom: 2px solid #ccc; padding-bottom: 20px; font-family: Open Sans; font-weight: 800; letter-spacing: 0; font-size: 24px; margin-bottom: 20px; } .dealer-primary { float: left; width: 68%; } .dealer-primary .dealer-featured-img { max-width: 45%; margin: 0 0 25px 0; padding-top:25px; } .dealer-primary .entry-content { position:relative; } .dealer-primary .store_locator_single_categories { display:none; } .dealer-primary .store_locator_single_filter { display:none; } .dealer-primary .store_locator_single_address { float: none; margin: 0 0 20px 0; background: url(images/dealer-address-icon-s.png) no-repeat 0 7px; padding-left: 25px; line-height: 28px; } .dealer-primary .store_locator_single_address h2, .dealer-primary .store_locator_single_contact h2 { display:none; } .dealer-primary .store_locator_single_contact { float: none; margin: 0; padding: 0; } .dealer-primary .store_locator_single_map { position: absolute !important; right: 0; top: 0; height: 500px; width: 50%; margin: 0 auto; } .dealer-secondary { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265874'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265874)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265874 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265874 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265874 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265874 100%); background-image: linear-gradient(top, #2177BC 0%, #265874 100%); float: right; width: 26%; text-align: center; color: #fff; padding: 1.5%; } .dealer-secondary h3 { margin-top: 0; font-size: 28px; text-transform: uppercase; font-weight: 800; letter-spacing: 0; margin-bottom: 20px; } .dealer-primary .store_locator_single_contact a { color:#000000; text-decoration:none; } .dealer-primary .store_locator_single_contact .single-dealer-phn { display: block; background: url(images/dealer-phone-icon-s.png) no-repeat 0 5px; padding-left: 25px; margin: 0 0 20px 0; } .dealer-primary .store_locator_single_contact .single-dealer-mail { display: block; background: url(images/dealer-mail-icon-s.png) no-repeat 0 7px; padding-left: 25px; margin: 0 0 20px 0; } .dealer-primary .store_locator_single_contact .single-dealer-site { display: block; background: url(images/dealer-website-icon-s.png) no-repeat 0 4px; padding-left: 25px; margin: 0 0 20px 0; } .dealer-secondary .gform_wrapper { margin:0 auto; } .dealer-secondary .gform_wrapper ul.gform_fields li.gfield { margin: 0 auto 12px auto; padding: 0; } body .dealer-secondary .gform_wrapper .top_label div.ginput_container { margin-top:0; } .dealer-secondary .gform_wrapper ul.gform_fields li.gfield input[type="text"] { margin: 0 auto; padding: 5px 15px !important; border: 1px solid #666; height: 40px; font-size: 14px !important; color: #333; outline: none; } .dealer-secondary .gform_wrapper ul.gform_fields li.gfield input::placeholder, .dealer-secondary .gform_wrapper ul.gform_fields li.gfield textarea::placeholder { font-style:italic; color:black; } .dealer-secondary .gform_wrapper ul.gform_fields li.gfield textarea { border: 1px solid #666; padding: 5px 15px; resize: none; height: 138px; outline: none; color: #333; font-size: 14px; } .dealer-secondary .gform_wrapper .gform_footer { margin: 0 auto; padding: 5px 0 0 0; text-align: center; } .dealer-secondary .gform_wrapper .gform_footer .gform_button { /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#C9AC0D', EndColorStr='#B28F0D'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C9AC0D), color-stop(1, #B28F0D)); background-image: -webkit-linear-gradient(top, #C9AC0D 0%, #B28F0D 100%); background-image: -moz-linear-gradient(top, #C9AC0D 0%, #B28F0D 100%); background-image: -ms-linear-gradient(top, #C9AC0D 0%, #B28F0D 100%); background-image: -o-linear-gradient(top, #C9AC0D 0%, #B28F0D 100%); background-image: linear-gradient(top, #C9AC0D 0%, #B28F0D 100%); font-family: Open Sans; font-weight: 800; padding: 12px 50px; font-size: 16px; outline: none; appearance: none; text-decoration: none; transition: all 0.5s ease 0s; margin:0 auto;*/ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#86CFEE', EndColorStr='#1D73B7'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #86CFEE), color-stop(1, #1D73B7)); background-image: -webkit-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -moz-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -ms-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -o-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: linear-gradient(top, #86CFEE 0%, #1D73B7 100%); font-family: Open Sans; font-weight: 800; padding: 12px 50px; font-size: 16px; outline: none; appearance: none; text-decoration: none; transition: all 0.5s ease 0s; } .dealer-secondary .gform_wrapper .gform_footer .gform_button:hover { /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#B28F0D', EndColorStr='#C9AC0D'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B28F0D), color-stop(1, #C9AC0D)); background-image: -webkit-linear-gradient(top, #B28F0D 0%, #C9AC0D 100%); background-image: -moz-linear-gradient(top, #B28F0D 0%, #C9AC0D 100%); background-image: -ms-linear-gradient(top, #B28F0D 0%, #C9AC0D 100%); background-image: -o-linear-gradient(top, #B28F0D 0%, #C9AC0D 100%); background-image: linear-gradient(top, #B28F0D 0%, #C9AC0D 100%);*/ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1D73B7', EndColorStr='#86CFEE'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D73B7), color-stop(1, #86CFEE)); background-image: -webkit-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -moz-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -ms-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -o-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: linear-gradient(top, #1D73B7 0%, #86CFEE 100%); } .home #site-content { margin-top:-120px; } .home-slider-section .home-hero-desc { max-width: 1200px; margin: 0 auto; } .home-slider-section .home-desc-inner { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.80); max-width: 500px; float: right; padding: 8%; margin-top: -45%; position: relative; } .home-hero-desc .top-arrow { position:relative; } .home-hero-desc .top-arrow::before { content: ""; background: #1A4D68; width: 150px; display: block; height: 3px; position: absolute; left: -10%; top: -50%; } .home-hero-desc .top-arrow::after { content: ""; background: #1A4D68; width: 3px; height: 120px; display: block; position: absolute; top: -50%; left: -10%; } .home-hero-desc h1 { color: #1a4d68; font-weight: normal; margin: 0; font-size: 70px; letter-spacing: 1px; line-height: 74px; } .home-hero-desc h1 strong { color: #1e73bd; font-weight: 800; font-size: 80px; } .home-hero-desc .bottom-arrow { position:relative; } .home-hero-desc .bottom-arrow::before { content: ""; background: #1A4D68; width: 3px; height: 120px; display: block; position: absolute; right: -10%; top: -80px; } .home-hero-desc .bottom-arrow::after { content: ""; background: #1A4D68; width: 150px; height: 3px; display: block; position: absolute; right: -10%; top: 40px; } .home-store-section { clear: both; background: #1E73BD; padding: 25px 0; } .home-store-section h2 { color: #ffffff; text-transform: uppercase; font-size: 30px; font-weight: 800; letter-spacing: .2px; margin: 0;} .home-store-section h2 a { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#86CFEE', EndColorStr='#1D73B7'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #86CFEE), color-stop(1, #1D73B7)); background-image: -webkit-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -moz-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -ms-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -o-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: linear-gradient(top, #86CFEE 0%, #1D73B7 100%); letter-spacing: 1px; float: right; color: #fff; text-decoration: none; font-weight: 800; font-size: 18px; padding: 10px 20px; } .home-store-section h2 a:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1D73B7', EndColorStr='#86CFEE'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D73B7), color-stop(1, #86CFEE)); background-image: -webkit-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -moz-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -ms-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -o-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: linear-gradient(top, #1D73B7 0%, #86CFEE 100%); } .home-store-section h3 { color: #ffffff; text-transform: uppercase; font-size: 30px; font-weight: 800; letter-spacing: .2px; margin: 0;} .home-store-section h3 a { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#86CFEE', EndColorStr='#1D73B7'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #86CFEE), color-stop(1, #1D73B7)); background-image: -webkit-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -moz-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -ms-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -o-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: linear-gradient(top, #86CFEE 0%, #1D73B7 100%); letter-spacing: 1px; float: right; color: #fff; text-decoration: none; font-weight: 800; font-size: 18px; padding: 10px 20px; } .home-store-section h3 a:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1D73B7', EndColorStr='#86CFEE'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D73B7), color-stop(1, #86CFEE)); background-image: -webkit-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -moz-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -ms-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -o-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: linear-gradient(top, #1D73B7 0%, #86CFEE 100%); } .home-video-section { clear: both; padding: 70px 0; float: left; width: 100%; } .home-slider-section p { margin-bottom: 0; } .home-video-left { float: left; width: 48%; } .home-video-right { float: right; width: 48%; } .home-video-right h2 { margin-top: 0; color: #1A4D68; font-size: 26px; font-weight: 800; letter-spacing: .2px; margin-bottom: 20px; } .home-video-right h3 { margin-top: 0; color: #1A4D68; font-size: 26px; font-weight: 800; letter-spacing: .2px; margin-bottom: 20px; } .home-video-right p { line-height: 28px; color: #333; margin-bottom: 30px; } .home-video-right .blue-button { line-height: 44px; margin: 0 auto; } .home-video-right .blue-button a { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265975'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265975)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: linear-gradient(top, #2177BC 0%, #265975 100%); font-size: 16px; color: #ffffff; text-decoration: none; padding: 10px 25px; text-transform: uppercase; letter-spacing:.2px; } .home-video-right .blue-button a:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265975', EndColorStr='#2177BC'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #265975), color-stop(1, #2177BC)); background-image: -webkit-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -moz-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -ms-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -o-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: linear-gradient(top, #265975 0%, #2177BC 100%); } .home-grid-left{} .hgrid-box .store-locator-row{ flex-wrap: nowrap;} .home-grid-box { clear:both; min-height:580px; } .home-grid-box.first-box .home-grid-left { right: 0; left: auto; } .home-grid-box .home-grid-left p { margin:0 auto; } .home-grid-box .home-grid-left p img { object-fit: cover; object-position: center; max-height: 580px; width: 100%; min-height: 580px; } .home-grid-box.first-box .home-grid-right { float: left; } .home-grid-box .home-grid-right h2 {margin-top: 0; color: #1A4D68; font-size: 26px; font-weight: 800; letter-spacing: .2px; margin-bottom: 20px; } .home-grid-box .home-grid-right h3 {margin-top: 0; color: #1A4D68; font-size: 26px; font-weight: 800; letter-spacing: .2px; margin-bottom: 20px; } .home-grid-box .home-grid-right p { line-height: 28px; color: #333; margin-bottom: 30px; } .home-grid-box .home-grid-right ul { list-style-type: none; margin: 0; padding: 0 0 20px 0; } .home-grid-box .home-grid-right li { background: url(images/yellow-bullet-icon.png) no-repeat 0 8px; padding-left: 20px; color: #333; margin: 0 0 10px 0; font-weight: 600; } .home-grid-box .home-grid-right .blue-button { line-height: 44px; margin: 0 auto; } .home-grid-box .home-grid-right .blue-button a { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265975'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265975)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: linear-gradient(top, #2177BC 0%, #265975 100%); font-size: 16px; color: #ffffff; text-decoration: none; padding: 10px 25px; text-transform: uppercase; letter-spacing:.2px; } .home-grid-box .home-grid-right .blue-button a:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265975', EndColorStr='#2177BC'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #265975), color-stop(1, #2177BC)); background-image: -webkit-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -moz-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -ms-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -o-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: linear-gradient(top, #265975 0%, #2177BC 100%); } .home-grid-left { position: absolute; left: 0; width: 50%; } .home-grid-right { float: right; width: 45%; margin: 5% 0 0 0; } .home-bottom-form { clear:both; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265874'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265874)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265874 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265874 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265874 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265874 100%); background-image: linear-gradient(top, #2177BC 0%, #265874 100%); color: #ffffff; text-align: center; padding: 5%; } .home-bottom-form h2 { margin-top: 0; font-family: Open Sans; color: #ffffff; text-transform: uppercase; font-weight: 800; font-size: 36px; letter-spacing: .2px; margin-bottom: 40px; } .home-bottom-form h3 { margin-top: 0; font-family: Open Sans; text-transform: uppercase; font-weight: 800; font-size: 36px; letter-spacing: .2px; margin-bottom: 40px; } .home-bottom-form .gform_wrapper { margin:0 auto; max-width:60%; } .home-bottom-form .gform_wrapper ul.gform_fields li.gfield { clear: none; margin-top: 0; margin-bottom: 20px; padding-right: 10px; padding-left: 10px; } .home-bottom-form .gform_wrapper ul.gform_fields li.col-6-field { float: left; width: 50%; } .home-bottom-form .gform_wrapper ul.gform_fields li.col-12-field { clear:both; } body .home-bottom-form .gform_wrapper .top_label div.ginput_container { margin-top:0; } .home-bottom-form .gform_wrapper ul.gform_fields li.gfield input[type="text"] { background: #ffffff; padding: 8px 15px !important; border: 1px solid #a4a4a4; outline: none; appearance: none; height: 44px; margin: 0 auto; color: #333; font-size: 14px !important; } .home-bottom-form .gform_wrapper ul.gform_fields li.gfield input[type="text"]::placeholder, .home-bottom-form .gform_wrapper ul.gform_fields li.gfield textarea::placeholder { color:black; font-style:italic; } .home-bottom-form .gform_wrapper ul.gform_fields li.gfield select { padding: 8px 15px; height: 44px; border-radius: 0; border: 1px solid #a4a4a4; color: #666666; font-size: 14px; font-family: Open Sans; outline: none; font-style: italic; background: #ffffff; } .home-bottom-form .gform_wrapper textarea.large { height: 100px; resize: none; border: 1px solid #a4a4a4; font-size: 14px; color: #333; outline: none; appearance: none; padding: 8px 15px; } .home-bottom-form .gform_wrapper .gform_footer { padding: 0; text-align: center; margin: 20px 0 0 0; } .home-bottom-form .gform_wrapper .gform_footer input[type="submit"] { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#86CFEE', EndColorStr='#1D73B7'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #86CFEE), color-stop(1, #1D73B7)); background-image: -webkit-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -moz-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -ms-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -o-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: linear-gradient(top, #86CFEE 0%, #1D73B7 100%); font-family: Open Sans; font-weight: 800; padding: 12px 50px; font-size: 16px; outline: none; appearance: none; text-decoration: none; transition: all 0.5s ease 0s; } .home-bottom-form .gform_wrapper .gform_footer input[type="submit"]:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1D73B7', EndColorStr='#86CFEE'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D73B7), color-stop(1, #86CFEE)); background-image: -webkit-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -moz-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -ms-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -o-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: linear-gradient(top, #1D73B7 0%, #86CFEE 100%); } .header-right .top-navigation li.menu-item-628, .header-right .top-navigation li.menu-item-629 { display:none; } .menu-modal button.close-nav-toggle { background: url(images/hamburger-close.png) no-repeat right center; fill: none; outline: none; padding: 37px 0; height: 20px; right:18px; } .menu-modal button.close-nav-toggle .toggle-text, .menu-modal button.close-nav-toggle svg { display:none; } .menu-modal .menu-wrapper .menu-item { border-color:#e5e5e5; } .menu-modal .modal-menu > li > .ancestor-wrapper > a { color: #133F58; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; text-decoration: none; padding: 20px 20px; } .menu-modal button.sub-menu-toggle { outline: none; fill: none; border-color: #e5e5e5; padding: 0 20px; } .menu-modal .modal-menu ul li { border-left-width:0; } .menu-modal .modal-menu ul li a { padding: 20px; letter-spacing: .5px; font-size: 13px; text-decoration: none; text-transform: uppercase; color: #1e1e1e; } .menu-modal .menu-wrapper .menu-item-569 { border-bottom-width: 0; margin: 15px auto; max-width: 90%; } .menu-modal .menu-wrapper .menu-item-569 .ancestor-wrapper a { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#86CFEE', EndColorStr='#1D73B7'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #86CFEE), color-stop(1, #1D73B7)); background-image: -webkit-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -moz-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -ms-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -o-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: linear-gradient(top, #86CFEE 0%, #1D73B7 100%); color: #fff; text-align: center; padding:20px 10px; font-size:20px; } .menu-modal .menu-wrapper .menu-item-569 .ancestor-wrapper a:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1D73B7', EndColorStr='#86CFEE'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D73B7), color-stop(1, #86CFEE)); background-image: -webkit-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -moz-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -ms-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -o-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: linear-gradient(top, #1D73B7 0%, #86CFEE 100%); } .menu-modal .menu-wrapper .menu-modal-phone { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265975'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265975)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: linear-gradient(top, #2177BC 0%, #265975 100%); max-width: 90%; margin-left: auto; margin-right: auto; border: none; } .menu-modal .menu-wrapper .menu-modal-phone:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265975', EndColorStr='#2177BC'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #265975), color-stop(1, #2177BC)); background-image: -webkit-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -moz-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -ms-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -o-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: linear-gradient(top, #265975 0%, #2177BC 100%); } .menu-modal .menu-modal-phone a { color: #ffffff; text-decoration: none !important; background: url(images/phn-icon-white.png) no-repeat 15% 17px; text-align: center; letter-spacing: 2px; max-width: 330px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; position: relative; left: 4%; } .menu-modal .menu-wrapper .menu-modal-social { border: none; text-align: center; margin: 0 auto; display: block; padding: 40px 0 80px 0; width: 90%; } .menu-modal .menu-wrapper .menu-modal-social li { border: none; display: inline-block; margin: 0 3px; } .menu-modal .menu-wrapper .menu-modal-social li a { padding:0; } .menu-modal .menu-wrapper .menu-modal-social li.social-mail a { background: url(images/mail-icon-blue.png) no-repeat 0 3px; width: 20px; height: 18px; } .menu-modal .menu-wrapper .menu-modal-social li.social-fb a { background: url(images/fb-icon-blue.png) no-repeat; width: 23px; height: 22px; } .menu-modal .menu-wrapper .menu-modal-social li.social-tw a { background: url(images/tw-icon-blue.png) no-repeat; width: 23px; height: 22px; } .menu-modal .menu-wrapper .menu-modal-social li.social-yw a { background: url(images/yw-icon-blue.png) no-repeat; width: 22px; height: 22px; } .menu-modal .menu-wrapper .menu-modal-social li.social-vm a { background: url(images/vm-icon-blue.png) no-repeat; width: 22px; height: 22px; } .menu-modal .menu-wrapper .menu-modal-social li.social-insta a { background: url(images/insta-icon-blue.png) no-repeat; width: 23px; height: 22px; } .menu-modal .menu-wrapper .menu-modal-social li.social-in a { background: url(images/in-icon-blue.png) no-repeat; width: 22px; height: 22px; } .store-location-template { clear:both; padding:60px 0; float:left; width:100%; } .store-location-template .page-title { color: #1A4D68; font-size: 30px; text-align: center; font-weight: 800; letter-spacing: .2px; margin-top: 0; margin-bottom: 55px; text-transform: uppercase; } .store-location-template .page-title .color-accent { display:none; } .state-location-boxes { clear:both; float:left; width:100%; } .state-location-boxes .stores { background: #f0f0f0; padding: 3%; float: left; width: 25%; margin: 0 1% 25px 1%; min-height: 510px; } .state-location-boxes .store-city-name { margin-bottom: 20px; line-height:26px; color:#1A4D68; } .state-location-boxes .store-city-name span { font-size: 28px; font-weight: 800; text-transform: uppercase; } .state-location-boxes .stores .store-dealer-name { font-weight: 800; margin-bottom: 10px; color: #1a4d68; text-transform: uppercase; line-height: 26px; font-size: 18px; min-height: 55px; } .state-location-boxes .stores .store-dealer-name .wordpress-store-locator-store-in { display: none; } .state-location-boxes .store_locator_single_categories, .state-location-boxes .store_locator_single_filter { display: none; } .state-location-boxes .entry-content p { display:none; } .state-location-boxes .store_locator_single_address { float: none; width: auto; margin-bottom: 10px; font-size: 16px; color: #1e1e1e; background: url(images/dealer-address-icon-s.png) no-repeat 0 5px; padding-left: 25px; } .state-location-boxes .store_locator_single_address h2, .state-location-boxes .store_locator_single_contact h2 { display: none; } .state-location-boxes .store_locator_single_contact { float: none; padding: 0; width: auto; margin: 0; color: #1e1e1e; font-size: 16px; clear: both; min-height:120px; } .state-location-boxes .store_locator_single_contact a { color: #1e1e1e; text-decoration: none; display: block; margin-bottom: 10px; } .state-location-boxes .store_locator_single_contact .single-dealer-phn { background:url(images/dealer-phone-icon-s.png) no-repeat 0 4px; padding-left:25px; } .state-location-boxes .store_locator_single_contact .single-dealer-mail { background:url(images/dealer-mail-icon-s.png) no-repeat 0 5px; padding-left:25px; } .state-location-boxes .store_locator_single_contact .single-dealer-site { background:url(images/dealer-website-icon-s.png) no-repeat 0 4px; padding-left:25px; color:#1A4D68; } .state-location-boxes .dealer-profile-btn { line-height: 40px; text-align:center; } .state-location-boxes .dealer-profile-btn a { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265975'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265975)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: linear-gradient(top, #2177BC 0%, #265975 100%); color: #fff; text-transform: uppercase; padding: 10px 35px; font-size: 15px; font-weight: normal; text-decoration: none; outline: none; fill: none; } .state-location-boxes .dealer-profile-btn a:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265975', EndColorStr='#2177BC'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #265975), color-stop(1, #2177BC)); background-image: -webkit-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -moz-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -ms-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -o-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: linear-gradient(top, #265975 0%, #2177BC 100%); } .dealers-by-state-section h2 { margin-top: 0; color: #1A4D68; font-weight: 800; font-size: 30px; text-align: center; text-transform: uppercase; letter-spacing: .2px; margin-bottom: 50px; } .woocommerce-checkout .entry-content h3 { margin-top: 0; color: #1A4D68; font-family: Open Sans; font-size: 24px; font-weight: 800; letter-spacing: .2px; margin-bottom: 10px; } .woocommerce-checkout #ship-to-different-address { color:#1e1e1e; } .woocommerce form .form-row .required { color:#133F58; } .woocommerce-checkout form .form-row input.input-text { background: #f9f9f9; border: 1px solid #ddd; font-family: Open Sans; font-size: 16px; height: 46px; outline: none; appearance: none; fill: none; padding: 10px 15px; color: #1e1e1e; } .woocommerce-checkout form .form-row textarea { font-family: Open Sans; font-size: 16px; height: 145px; resize: none; letter-spacing: .2px; padding: 15px 20px; outline: none; border: 1px solid #ddd; border-radius: 0; background:#f9f9f9; } .woocommerce-checkout .select2-container--default .select2-selection--single { border: 1px solid #dddddd; background: #f9f9f9; padding: 10px 15px; border-radius: 0; height: 48px; font-size: 16px; outline: none; } .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0; line-height: 26px; } .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; right: 10px; } .woocommerce-checkout .select2-dropdown { border-color: #ddd; border-radius: 0; } .woocommerce-checkout #customer_details { margin-bottom:30px; } .woocommerce-checkout table.shop_table { border: 1px solid #ddd; border-radius: 0; } .woocommerce-checkout table.shop_table th { background: #1F73BC; color: #fff; padding: 12px 30px; font-size: 18px; border: none; } .woocommerce-checkout table.shop_table td { padding: 12px 30px; border-left: none; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: none; } .woocommerce-checkout table.shop_table td.product-name { color:#1F73BC; } .woocommerce-checkout table.shop_table td.product-name strong { color:#333333; } .woocommerce-checkout table.shop_table .product-name .variation { margin-top: 7px; color: #333; } .woocommerce-checkout table.shop_table .product-name dt { margin-top: 0; line-height: 20px; min-width: 100px; } .woocommerce-checkout table.shop_table .product-name dd { padding-bottom:7px; } .woocommerce-checkout table.shop_table tfoot th { background: none; color: #333; border-right: 1px solid #ddd; border-top: none; border-bottom: 1px solid #ddd; } .woocommerce-checkout table.shop_table tfoot td { border-top:none; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265975'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265975)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: linear-gradient(top, #2177BC 0%, #265975 100%); font-size: 20px; color: #ffffff; text-decoration: none; padding: 15px 60px; text-transform: uppercase; letter-spacing: .2px; outline: none; font-family: Open Sans; font-weight: normal; border-radius: 0; } .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265975', EndColorStr='#2177BC'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #265975), color-stop(1, #2177BC)); background-image: -webkit-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -moz-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -ms-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -o-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: linear-gradient(top, #265975 0%, #2177BC 100%); } .woocommerce-checkout .entry-content { margin-bottom:70px; } .woocommerce-checkout #payment { background:#f1f1f1; border-radius:0; } .woocommerce-checkout .woocommerce-info { background-color:#f9f9f9; } .woocommerce-checkout .woocommerce-privacy-policy-text a { color: #1F73BC; display: inline-block; text-decoration: none; } .woocommerce-checkout .payment_methods li label { display:inline-block; } .woocommerce-cart table.shop_table { border: 1px solid #ddd; border-radius: 0; } .woocommerce-cart table.shop_table th { background: #1F73BC; color: #fff; border-top: none; border-bottom: none; border-left: none; border-right: 1px solid #f9f9f9; font-size: 18px; padding: 12px 30px; text-align:center; } .woocommerce-cart table.shop_table th:first-of-type { border-right:none; } .woocommerce-cart table.shop_table th:nth-child(2), .woocommerce-cart table.shop_table td:nth-child(2) { text-align:left; } .woocommerce-cart table.shop_table td { border-top: none; padding: 12px 30px; border-left: none; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align:center; } .woocommerce-cart table.shop_table td.product-remove p { margin:0 auto; text-align:center; } .woocommerce-cart table.shop_table td.product-remove a { margin-left:auto; margin-right:auto; } .woocommerce-cart table.shop_table button[name='update_cart'] { display: none; } .woocommerce-cart table.shop_table td.actions { display:none; } .woocommerce-cart .quantity .qty { margin-left: auto; margin-right: auto; outline: none; border: 1px solid #ddd; padding: 15px 10px; color: #333; } .woocommerce-cart table.shop_table td a { color:#1F73BC; font-weight:bold; text-decoration:none; } .woocommerce-cart table.shop_table td .variation { margin-top:8px; } .woocommerce-cart table.shop_table td dt { margin-top: 0; line-height: 20px; min-width: 100px; text-align:left; } .woocommerce-cart table.shop_table td dd { padding-bottom:5px; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width:45%; margin-bottom:30px; } .cart-collaterals .cart_totals h2 { color: #1A4D68; font-family: Open Sans; letter-spacing: .1px; margin-top: 0; padding-top: 20px; font-size:30px; } .woocommerce-cart .cart_totals table.shop_table th { width: 50%; background: none; color: #333; vertical-align: middle; text-align: left; } .woocommerce-cart .cart_totals table.shop_table td { border-bottom: none; border-left: 1px solid #ddd; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265975'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265975)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: linear-gradient(top, #2177BC 0%, #265975 100%); font-size: 20px; font-weight: normal; border-radius: 0; outline: none; appearance: none; fill: none; padding: 0px 60px; height: 50px; line-height: 48px; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265975', EndColorStr='#2177BC'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #265975), color-stop(1, #2177BC)); background-image: -webkit-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -moz-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -ms-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -o-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: linear-gradient(top, #265975 0%, #2177BC 100%); } .woocommerce-cart .meta-wrapper, .woocommerce-checkout .meta-wrapper, .woocommerce-account .meta-wrapper { display: none!important; } .woocommerce-message a { color:#1F73BC; text-decoration:none; } .entry-content .return-to-shop { margin-bottom:50px; } .woocommerce .return-to-shop a.button { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265975'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265975)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: linear-gradient(top, #2177BC 0%, #265975 100%); color: #fff; border-radius: 0; font-weight: normal; padding: 0px 30px; height: 44px; line-height: 42px; outline: none; font-size: 16px; appearance: none; fill: none; } .woocommerce .return-to-shop a.button:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265975', EndColorStr='#2177BC'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #265975), color-stop(1, #2177BC)); background-image: -webkit-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -moz-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -ms-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -o-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: linear-gradient(top, #265975 0%, #2177BC 100%); } .product-listing-template .primary { float: right; width: 73%; } .product-listing-template .woocommerce nav.woocommerce-pagination { padding-bottom: 60px; clear: both; } .product-listing-template .woocommerce nav.woocommerce-pagination ul li a { font-weight: bold; color: #1e1e1e; padding: 15px; } .product-listing-template .woocommerce nav.woocommerce-pagination ul li span.current { background: #2C7FBE; color: #fff; font-weight: bold; padding: 15px; } .product-listing-template .secondary { float: left; width: 24%; } .product-listing-template .secondary .widget .widget-title { background: #143F58; margin-top: 0; color: #fff; font-size: 22px; padding: 15px 20px; letter-spacing: .2px; margin-bottom: 0; } .secondary .product-categories { list-style-type: none; margin: 0; padding: 0; border-left: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; } .secondary .product-categories li { margin: 0 auto; padding-bottom: 10px; } .secondary .product-categories li a { display: block; background: #2C7FBE; color: #ffffff; padding: 10px 20px; text-decoration: none; font-size: 16px; } .secondary .product-categories li ul { list-style-type: none; margin: 0; padding: 10px 0 0 0; } .secondary .product-categories li li { padding-bottom:0; } .secondary .product-categories li li a { background: none; color: #333; font-size: 14px; padding: 5px 20px; } .secondary .product-categories li.cat-item-18 { display:none; } .product-listing-template .woocommerce ul.products li.product .onsale, .product-single-template .woocommerce ul.products li.product .onsale { display:none; } .product-listing-template .woocommerce ul.products li.product .price del .amount, .product-single-template .woocommerce ul.products li.product .price del .amount { font-weight:bold; } .product-listing-template .woocommerce ul.products li.product .price ins, .product-single-template .woocommerce ul.products li.product .price ins { font-weight:800; text-decoration:none; } .product-single-template .woocommerce span.onsale { display:none; } .product-single-template .woocommerce div.product p.price del .amount { font-weight:bold; } .product-single-template .woocommerce div.product p.price ins { font-weight:800; text-decoration:none; } body .entry-content .tml-login, body .entry-content .tml-lostpassword { background: #EBE9EB; padding: 3% 4%; max-width: 50%; margin: 0 auto 70px auto; } .tml .tml-field { background: #fff; border: 1px solid #dddddd; appearance: none; outline: none; fill: none; padding: 10px 20px; height: 48px; font-family: Open Sans; font-size: 16px; color: #333333; } .tml .tml-field:focus, .tml .tml-field:hover { border: 1px solid #dddddd; } .tml .tml-submit-wrap { margin: 30px auto; text-align: center; } .tml .tml-submit-wrap .tml-button { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265975'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265975)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: linear-gradient(top, #2177BC 0%, #265975 100%); padding: 0px 40px; font-family: Open Sans; text-decoration: none; font-size: 16px; font-weight: normal; letter-spacing: .2px; outline: none; height: 46px; appearance: none; } .tml .tml-submit-wrap .tml-button:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265975', EndColorStr='#2177BC'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #265975), color-stop(1, #2177BC)); background-image: -webkit-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -moz-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -ms-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -o-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: linear-gradient(top, #265975 0%, #2177BC 100%); } .tml .tml-links { margin: 0; padding: 0; list-style-type: none; text-align: center; } .tml .tml-links li { margin:0 auto; } .tml .tml-links li a { color: #1F73BC; text-decoration: none; } .home .header, .page-template-template-solutions-child .header, .page-template-template-solutions-sbs .header { background:none repeat scroll 0 0 rgba(26, 77, 104, 0.80); } .home .sticky, .page-template-template-solutions-child .sticky, .page-template-template-solutions-sbs .sticky { background:#133F58; } .store-location-template .pagination-wrapper { clear:both; } .store-location-template .pagination-wrapper .styled-separator { display:none; } .store-location-template .pagination .nav-links { text-align: center; margin: 0 auto; display: inline-block; line-height: 50px; padding-top: 30px; } .store-location-template .dealer-featured-img { margin-bottom:20px; } .store-location-template .dealer-featured-img img { height: 80px; width: auto; } .store-location-template .pagination .nav-links .page-numbers { color: #1e1e1e; text-decoration: none; font-weight: bold; margin: 0 0 0 5px; padding: 10px 20px; border: 1px solid #ddd; display: inline-block; line-height: 24px; } .store-location-template .pagination .nav-links .current { background: #2C7FBE; color: #fff; } .store-location-template .pagination .nav-links .nav-next-text, .store-location-template .pagination .nav-links .nav-prev-text { display:none; } .woocommerce-account #site-content { margin-bottom:50px; } .woocommerce-account .woocommerce-MyAccount-navigation { width:24%; } .entry-content .woocommerce-MyAccount-navigation h3 { background: #143F58; font-size: 22px; color: #ffffff; padding: 15px 22px; font-weight: bold; letter-spacing: .2px; margin: 0; } .woocommerce-MyAccount-navigation ul { list-style-type: none; margin: 0; padding: 0; border-left: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; } .woocommerce-MyAccount-navigation li { margin:0 auto; } .woocommerce-MyAccount-navigation li a { color: #333; text-decoration: none; padding: 12px 20px; display: block; border-bottom: 1px solid #D0D0D0; } .woocommerce-MyAccount-navigation li a:hover { color:#2C7FBE; } .woocommerce-MyAccount-navigation li.is-active a { background: #2C7FBE; color: #fff; } .woocommerce-account .woocommerce-MyAccount-content { width:73%; } .account-dashboard-section { border: 1px solid #D0D0D0; padding: 20px 30px; min-height:300px; } .account-dashboard-section p strong { font-size:22px; } .account-dashboard-section a { color:#2C7FBE; text-decoration:none; } .woocommerce-info { border-color:#1A4D68; line-height:40px; } .woocommerce-info::before { color:#1A4D68; } .woocommerce-info a.button { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265975'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265975)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: linear-gradient(top, #2177BC 0%, #265975 100%); border-radius: 0; color: #fff; outline: none; font-size: 16px; padding: 12px 25px; font-weight: normal; } .woocommerce-info a.button:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265975', EndColorStr='#2177BC'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #265975), color-stop(1, #2177BC)); background-image: -webkit-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -moz-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -ms-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -o-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: linear-gradient(top, #265975 0%, #2177BC 100%); color:#ffffff; } .woocommerce-MyAccount-content .col-1.woocommerce-Address { border: 1px solid #d0d0d0; padding: 20px 30px; width:41%; } .woocommerce-MyAccount-content .col-2.woocommerce-Address { border: 1px solid #d0d0d0; padding: 20px 30px; width:41%; } .woocommerce-account .addresses .title h3 { margin-top: 0; color: #1A4D68; font-size: 22px; font-weight: bold; margin-bottom: 20px; } .woocommerce-account .addresses .title .edit { color:#2C7FBE; text-decoration:none; } .woocommerce .woocommerce-MyAccount-content form .form-row input.input-text { border: 1px solid #d0d0d0; background: #f9f9f9; outline: none; padding: 10px 20px; height: 46px; font-size: 16px; color: #333; } .woocommerce .woocommerce-MyAccount-content form button.button { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265975'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265975)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: linear-gradient(top, #2177BC 0%, #265975 100%); border-radius: 0; color: #fff; outline: none; font-size: 16px; padding: 12px 25px; font-weight: normal; margin-top:20px; } .woocommerce .woocommerce-MyAccount-content form button.button:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265975', EndColorStr='#2177BC'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #265975), color-stop(1, #2177BC)); background-image: -webkit-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -moz-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -ms-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -o-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: linear-gradient(top, #265975 0%, #2177BC 100%); color:#ffffff; } .entry-content .woocommerce-MyAccount-content form h3 { margin-top: 0; color: #1A4D68; font-size: 22px; font-weight: bold; margin-bottom: 20px; } .woocommerce-MyAccount-content form .select2-container--default .select2-selection--single { background: #f9f9f9; border: 1px solid #d0d0d0; border-radius: 0; height: 46px; outline: none; } .woocommerce-MyAccount-content form .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 46px; color: #333; padding: 0px 20px; } .woocommerce-MyAccount-content form .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; right: 15px; } .woocommerce a.added_to_cart { color:#2C7FBE; text-decoration:none; margin-left:10px; } .woocommerce table.woocommerce-orders-table, .woocommerce table.order_details { border-color: #dddddd; border-radius: 0; border-bottom: none; border-right: none; } .woocommerce table.woocommerce-orders-table thead th { background: #1F73BC; color: #fff; border-right: 1px solid #ddd; border-left: none; border-top: none; padding: 12px 20px; font-size: 16px; border-bottom: none; text-align: center; } .woocommerce table.woocommerce-orders-table tbody td { text-align: center; font-size: 14px; padding: 12px 20px; border-left: none; border-top: none; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .woocommerce table.my_account_orders .button { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265975'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265975)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: linear-gradient(top, #2177BC 0%, #265975 100%); outline: none; color: #ffffff; font-weight: normal; border-radius: 0; padding: 12px 25px; font-size: 14px; } .woocommerce table.my_account_orders .button:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265975', EndColorStr='#2177BC'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #265975), color-stop(1, #2177BC)); background-image: -webkit-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -moz-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -ms-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -o-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: linear-gradient(top, #265975 0%, #2177BC 100%); color:#ffffff; } .woocommerce table.woocommerce-orders-table a, .woocommerce table.order_details a { color:#2C7FBE; text-decoration:none; } .woocommerce .woocommerce-customer-details { padding-top:0; } .woocommerce .woocommerce-customer-details .addresses { padding-top:0; } .woocommerce .woocommerce-customer-details h2 { color: #1A4D68; font-size: 24px; font-weight: bold; margin-top: 0; margin-bottom: 20px; } .woocommerce .woocommerce-customer-details address { border: 1px solid #d0d0d0; border-radius: 0; padding: 5% 5%; width: 90%; min-height: 120px; font-style: italic; } .woocommerce .woocommerce-order-details { padding-bottom:0; padding-top:0; } .woocommerce-MyAccount-content .view-order-title { font-size: 24px; font-weight: bold; color: #1A4D68; margin-bottom: 15px; margin-top: 0; } .order-short-desc { margin-bottom:25px; } .order-short-desc span { display: block; font-weight: bold; color: #333; } .order-short-desc span strong { font-weight: normal; } .woocommerce table.order_details thead th { background: #1F73BC; color: #fff; border-right: 1px solid #ddd; border-left: none; border-top: none; padding: 12px 30px; font-size: 16px; border-bottom: none; } .woocommerce table.order_details tbody td { font-size: 16px; padding: 12px 30px; border-left: none; border-top: none; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .woocommerce table.order_details tbody td .wc-item-meta { margin-left:0; } .woocommerce table.order_details tbody td .wc-item-meta li { margin-left:0; } .woocommerce table.order_details tfoot th { padding: 12px 30px; font-size: 18px; } .woocommerce table.order_details tfoot td { padding: 12px 30px; font-size: 18px; } .woocommerce .woocommerce-thankyou-order-received { text-align: center; font-size: 24px; margin-bottom: 40px; font-weight: bold; color: #1e1e1e; } .woocommerce ul.order_details { margin-left: auto; margin-right: auto; background: #f9f9f9; border: 1px solid #ddd; max-width: 75%; } .woocommerce ul.order_details li { margin: 0; padding: 10px 20px; text-align: center; } .woocommerce form.login, form.lost_reset_password { background: #EBE9EB; padding: 3% 4%; max-width: 50%; margin: 0 auto 70px auto; border-radius: 0; border: none; } .woocommerce form.login .form-row input.input-text, form.lost_reset_password .form-row input.input-text { background: #fff; border: 1px solid #ddd; padding: 10px 20px; height: 48px; font-size: 16px; color: #333; font-family: Open Sans; outline: none; appearance: none; border-radius: 0; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { display:block; } .woocommerce .woocommerce-form-login .woocommerce-form-login__submit, form.lost_reset_password .button { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2177BC', EndColorStr='#265975'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2177BC), color-stop(1, #265975)); background-image: -webkit-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -moz-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -ms-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: -o-linear-gradient(top, #2177BC 0%, #265975 100%); background-image: linear-gradient(top, #2177BC 0%, #265975 100%); padding: 0px 40px; font-family: Open Sans; text-decoration: none; font-size: 16px; font-weight: normal; letter-spacing: .2px; outline: none; height: 46px; appearance: none; margin: 30px auto; float: none; display: block; border-radius: 0; color: #fff; } .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover, form.lost_reset_password .button:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#265975', EndColorStr='#2177BC'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #265975), color-stop(1, #2177BC)); background-image: -webkit-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -moz-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -ms-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: -o-linear-gradient(top, #265975 0%, #2177BC 100%); background-image: linear-gradient(top, #265975 0%, #2177BC 100%); color:#ffffff; } .woocommerce form.login .lost_password { text-align:center; margin:0 auto; } .woocommerce form.login a { color: #1F73BC; text-decoration: none; } form.lost_reset_password p { text-align:center; } form.lost_reset_password .form-row { float:none; width:100%; text-align:left; } .main-accordion-section .ac .ac-a .grid-box-images li { display: inline-block; width: 24.5%; margin: 0 auto; padding: 20px 0 0 20px; } .main-accordion-section .ac .ac-a .grid-box-images li img { margin:0 auto; } .color-table table tr:first-of-type td { font-size:20px; } .color-table table tr:first-of-type td label { font-size:20px; font-weight:bold; } .page-template-template-benefits #site-content { margin-top:-120px; } .page-template-template-benefits .header { background:none repeat scroll 0 0 rgba(26, 77, 104, 0.80); } .page-template-template-benefits .sticky { background:#133F58; } .benefit-content-section { clear: both; /*padding-top: 60px;*/ float: left; width: 100%; min-height:400px; } .benefit-content-section .benefit-image { /*float: right; width: 48%;*/ float: right; width: 50%; position: absolute; right: 0; } .benefit-content-section .benefit-image p { margin:0; } .benefit-content-section .benefit-image img { width: 100%; min-height: 400px; max-height: 400px; object-fit: cover; } .benefit-content-section .benefit-content { float: left; width: 44%; color: #333; padding-top: 7%; } .benefit-content-section .benefit-content h3 { font-size: 26px; font-weight: 800; color: #1A4D68; letter-spacing: .5px; margin-top: 0; margin-bottom: 20px; } .benefit-content-section .benefit-content p { line-height: 28px; margin-bottom: 25px; } .benefit-content-section:nth-child(2n+1) .benefit-image { /*float:left;*/ left:0; } .benefit-content-section:nth-child(2n+1) .benefit-content { float: right; padding-top: 4%; } .benefit-last-section { /*padding-bottom:60px;*/ } .blog-listings-template { clear:both; } .blog-listings-template .breadcrumbs-section { padding:20px 0; } .breadcrumbs-section p { margin:0; } .breadcrumbs-section p a { color: #1A4D68; text-decoration:none; } .blog-listing-title { color: #1A4D68; font-size: 36px; text-align: center; font-weight: 800; letter-spacing: .2px; padding: 0px 0 60px 0; margin: 0; } .blog-listing-title .color-accent { display:none; } .blog-grid-box { float: left; width: 48%; margin: 0 4% 0 0; padding-bottom: 40px; } .blog-grid-box:nth-child(2n) { margin-right:0; } .blog-grid-box .blog-grid-image { margin-bottom:20px; } .blog-grid-box .blog-grid-name h3 { margin: 0; padding-bottom: 10px; } .blog-grid-box .blog-grid-name h3 a { color: #222; text-decoration: none; font-size: 26px; letter-spacing: .1px; font-weight: bold; } .blog-grid-box .blog-grid-date { margin-bottom: 25px; font-size: 13px; color: #454545; } .blog-grid-box .blog-grid-desc { color: #333; line-height: 26px; margin-bottom: 20px; } .blog-grid-box .read-more-bttn { line-height:40px; } .blog-grid-box .read-more-bttn a { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#86CFEE', EndColorStr='#1D73B7'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #86CFEE), color-stop(1, #1D73B7)); background-image: -webkit-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -moz-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -ms-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: -o-linear-gradient(top, #86CFEE 0%, #1D73B7 100%); background-image: linear-gradient(top, #86CFEE 0%, #1D73B7 100%); color: #fff; padding: 10px 40px; text-decoration: none; text-transform: uppercase; letter-spacing: .5px; font-size: 16px; } .blog-grid-box .read-more-bttn a:hover { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1D73B7', EndColorStr='#86CFEE'); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D73B7), color-stop(1, #86CFEE)); background-image: -webkit-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -moz-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -ms-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: -o-linear-gradient(top, #1D73B7 0%, #86CFEE 100%); background-image: linear-gradient(top, #1D73B7 0%, #86CFEE 100%); } .blog-listings-template .pagination-wrapper { clear: both; margin-bottom: 60px; } .blog-listings-template .pagination-wrapper hr { display:none; } .blog-listings-template .pagination .nav-links { display: block; text-align: center; line-height: 50px; } .blog-listings-template .pagination-wrapper .page-numbers { border: 1px solid #d3d3d3; padding: 10px 15px; margin-top: 0; margin-left: 10px; color: #333333; text-decoration: none; } .blog-listings-template .pagination-wrapper .page-numbers:hover { background:#f1f1f1; color:#333333; } .blog-listings-template .pagination-wrapper .current { background: #2C7FBE; color: #ffffff; } .blog-listings-template .pagination-wrapper .nav-next-text, .blog-listings-template .pagination-wrapper .nav-prev-text { display:none; } .blog-single-template { clear: both; float: left; width: 100%; margin-bottom:60px; } .breadcrumbs-section { padding:20px 0; margin-bottom: 40px; } .blog-single-template .primary { float:left; width:62%; } .blog-single-template .blog-single-title { margin-top: 0; color: #1a4d68; font-weight: 800; letter-spacing: .2px; margin-bottom: 20px; font-size: 34px; } .blog-single-template .blog-single-date { margin-bottom: 30px; font-size: 14px; color: #454545; } .blog-single-template .blog-featured-bg { margin-bottom:30px; } .blog-single-template .entry-content { color: #333; line-height: 26px; } .blog-single-template .entry-content p { color: #333; line-height: 26px; margin-bottom: 25px; } .blog-single-template .secondary { float:right; width:35%; } .blog-single-template .secondary .at-recent-posts { padding-top: 17px; padding-bottom: 20px; display: inline-block; margin-bottom: 0; border-bottom: 1px solid #ccc; } .blog-single-template .secondary .at-recent-posts:first-child { padding-top: 0; } .blog-single-template .secondary .recent-blogpost-title { margin-bottom: 10px; font-size: 14px; } .blog-single-template .secondary .recent-blogpost-title a { font-size: 20px; color: #202020; font-weight: bold; text-decoration: none; line-height: 23px; } .blog-single-template .secondary .recent-blogpost-date { font-weight: normal; margin-bottom: 10px; } .blog-single-template .secondary .recent-blogpost-excerpt p { margin-bottom: 0px; } .blog-single-template .secondary h3 { background: #0B3B55; color: #fff; padding: 15px 25px; letter-spacing: .2px; font-weight: 800; font-size: 24px; margin-bottom: 30px; margin-top: 0; } h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td { border: none; font-size: inherit; line-height: inherit; margin: 0; padding: 0; text-align: inherit; } blockquote::before, blockquote::after { content: ""; } /* -------------------------------------------------------------------------- */ /* 1. Document Setup /* -------------------------------------------------------------------------- */ html { font-size: 62.5%; /* 1rem = 10px */ scroll-behavior: smooth; } body { color: #666; font-family: Open Sans; font-size: 16px; text-align: left; line-height: 22px; } *, *::before, *::after { box-sizing: inherit; -webkit-font-smoothing: antialiased; word-break: break-word; word-wrap: break-word; } #site-content { clear:both; } /* Clearing ---------------------------------- */ .group::after, .entry-content::after { clear: both; content: ""; display: block; } /* Base Transitions -------------------------- */ a, path { transition: all 0.15s linear; } /* Screen Reader Text ------------------------ */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Skip Link --------------------------------- */ .skip-link { left: -9999rem; top: 2.5rem; z-index: 999999999; text-decoration: underline; } .skip-link:focus { display: block; left: 6px; top: 7px; font-size: 14px; font-weight: 600; text-decoration: none; line-height: normal; padding: 15px 23px 14px; z-index: 100000; right: auto; } /* -------------------------------------------------------------------------- */ /* 2. Element Base /* ---------------------------------------------*---------------------------- */ main { display: block; } h1, h2, h3, h4, h5, h6, .faux-heading { font-feature-settings: "lnum"; font-variant-numeric: lining-nums; font-weight: 700; letter-spacing: -0.0415625em; line-height: 1.25; margin: 3.5rem 0 2rem; } h1, .heading-size-1 { font-size: 3.6rem; font-weight: 800; line-height: 1.138888889; } /*h2, .heading-size-2 { font-size: 3.2rem; }*/ h2, .heading-size-2 { font-size: 2.8rem; color: #1A4D68; } h3, .heading-size-3 { font-size: 2.8rem; } h4, .heading-size-4 { font-size: 2.4rem; } h5, .heading-size-5 { font-size: 2.1rem; } h6, .heading-size-6 { font-size: 1.6rem; letter-spacing: 0.03125em; text-transform: uppercase; } p { line-height: 1.5; margin: 0 0 20px 0; } em, i, q, dfn { font-style: italic; } em em, em i, i em, i i, cite em, cite i { font-weight: bolder; } big { font-size: 1.2em; } small { font-size: 0.75em; } b, strong { font-weight: 700; } ins { text-decoration: underline; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } abbr, acronym { cursor: help; } address { line-height: 1.5; margin: 0 0 2rem 0; } hr { border-style: solid; border-width: 0.1rem 0 0 0; border-color: #dcd7ca; margin: 4rem 0; } .entry-content hr, hr.styled-separator { background: linear-gradient(to left, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px)); background-color: transparent !important; border: none; height: 0.1rem; overflow: visible; position: relative; } .entry-content hr:not(.has-background), hr.styled-separator { color: #6d6d6d; } .entry-content hr::before, .entry-content hr::after, hr.styled-separator::before, hr.styled-separator::after { background: currentColor; content: ""; display: block; height: 1.6rem; position: absolute; top: calc(50% - 0.8rem); transform: rotate(22.5deg); width: 0.1rem; } .entry-content hr::before, hr.styled-separator::before { left: calc(50% - 0.5rem); } .entry-content hr::after, hr.styled-separator::after { right: calc(50% - 0.5rem); } a { color: #cd2653; text-decoration: underline; } a:hover, a:focus { text-decoration: none; } /* Lists ------------------------------------- */ ul, ol { margin: 0 0 3rem 3rem; } ul { list-style: disc; } ul ul { list-style: circle; } ul ul ul { list-style: square; } ol { list-style: decimal; } ol ol { list-style: lower-alpha; } ol ol ol { list-style: lower-roman; } li { line-height: 1.5; margin: 0.5rem 0 0 2rem; } li > ul, li > ol { margin: 1rem 0 0 2rem; } .reset-list-style, .reset-list-style ul, .reset-list-style ol { list-style: none; margin: 0; } .reset-list-style li { margin: 0; } dt, dd { line-height: 1.5; } dt { font-weight: 700; } dt + dd { margin-top: 0.5rem; } dd + dt { margin-top: 1.5rem; } /* Quotes ------------------------------------ */ blockquote { border-color: #cd2653; border-style: solid; /*rtl:ignore*/ border-width: 0 0 0 0.2rem; color: inherit; font-size: 1em; margin: 4rem 0; /*rtl:ignore*/ padding: 0.5rem 0 0.5rem 2rem; } cite { color: #6d6d6d; font-size: 1.4rem; font-style: normal; font-weight: 600; line-height: 1.25; } blockquote cite { display: block; margin: 2rem 0 0 0; } blockquote p:last-child { margin: 0; } /* Code -------------------------------------- */ code, kbd, pre, samp { font-family: monospace; font-size: 0.9em; padding: 0.4rem 0.6rem; } code, kbd, samp { background: rgba(0, 0, 0, 0.075); border-radius: 0.2rem; } pre { border: 0.1rem solid #dcd7ca; line-height: 1.5; margin: 4rem 0; overflow: auto; padding: 3rem 2rem; text-align: left; } pre code { background: transparent; padding: 0; } /* Media ------------------------------------- */ figure { display: block; margin: 0; } iframe { display: block; max-width: 100%; } video { display: block; } svg, img, embed, object { display: block; height: auto; max-width: 100%; } figcaption, .wp-caption-text { color: #6d6d6d; display: block; font-size: 1.5rem; font-weight: 500; line-height: 1.2; margin-top: 1.5rem; } figcaption a, .wp-caption-text a { color: inherit; } blockquote.instagram-media, iframe.instagram-media { margin: auto !important; } /* GALLERIES */ .gallery { display: flex; flex-wrap: wrap; margin: 3em 0 3em -0.8em; width: calc(100% + 1.6em); } .gallery-item { margin: 0.8em 0; padding: 0 0.8em; width: 100%; } .gallery-caption { display: block; margin-top: 0.8em; } /* Inputs ------------------------------------ */ fieldset { border: 0.2rem solid #dcd7ca; padding: 2rem; } legend { font-size: 0.85em; font-weight: 700; padding: 0 1rem; } label { display: block; font-size: 1.6rem; font-weight: 400; margin: 0 0 0.5rem 0; } label.inline, input[type="checkbox"] + label { display: inline; font-weight: 400; margin-left: 0.5rem; } input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; position: relative; top: 2px; display: inline-block; margin: 0; width: 1.5rem; min-width: 1.5rem; height: 1.5rem; background: #fff; border-radius: 0; border-style: solid; border-width: 0.1rem; border-color: #dcd7ca; box-shadow: none; cursor: pointer; } input[type="checkbox"]:checked::before { /* Use the "Yes" SVG Dashicon */ content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E"); position: absolute; display: inline-block; margin: -0.1875rem 0 0 -0.25rem; height: 1.75rem; width: 1.75rem; } input, textarea, button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button { line-height: 1; } @supports ( font-variation-settings: normal ) { input, textarea, button, .button, .faux-button, .faux-button.more-link, .wp-block-button__link, .wp-block-file__button { } } input, textarea { border-color: #dcd7ca; color: #000; } code, input[type="url"], input[type="email"], input[type="tel"] { /*rtl:ignore*/ direction: ltr; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea { -webkit-appearance: none; -moz-appearance: none; background: #fff; border-radius: 0; border-style: solid; border-width: 0.1rem; box-shadow: none; display: block; font-size: 1.6rem; letter-spacing: -0.015em; margin: 0; max-width: 100%; padding: 1.5rem 1.8rem; width: 100%; } select { font-size: 1em; } textarea { height: 12rem; line-height: 1.5; width: 100%; } input::-webkit-input-placeholder { line-height: normal; } input:-ms-input-placeholder { line-height: normal; } input::-moz-placeholder { line-height: revert; /* Reset to the value from the user-agent stylesheet. */ } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; background: #cd2653; border: none; border-radius: 0; color: #fff; cursor: pointer; display: inline-block; font-size: 1.5rem; font-weight: 600; letter-spacing: 0.0333em; line-height: 1.25; margin: 0; opacity: 1; padding: 1.1em 1.44em; text-align: center; text-decoration: none; text-transform: uppercase; transition: opacity 0.15s linear; } button:focus, button:hover, .button:focus, .button:hover, .faux-button:focus, .faux-button:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__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 { text-decoration: underline; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { border-color: currentColor; } input[type="search"]:focus { outline: thin dotted; outline-offset: -4px; } /* Tables ------------------------------------ */ table { border: 0.1rem solid #dcd7ca; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 1.6rem; margin: 4rem 0; max-width: 100%; overflow: hidden; width: 100%; } .alignleft > table { margin: 0; } .alignright > table { margin: 0; } th, td { border: 0.1rem solid #dcd7ca; line-height: 1.4; margin: 0; overflow: visible; padding: 0.5em; } caption { background: #dcd7ca; font-weight: 600; padding: 0.5em; text-align: center; } thead { vertical-align: bottom; white-space: nowrap; } th { font-weight: 700; } /* -------------------------------------------------------------------------- */ /* 3. Helper Classes /* -------------------------------------------------------------------------- */ /* Layout ------------------------------------ */ .no-margin { margin: 0; } .no-padding { padding: 0; } .screen-height { min-height: 100vh; } .admin-bar .screen-height { min-height: calc(100vh - 32px); } @media (max-width: 782px) { .admin-bar .screen-height { min-height: calc(100vh - 46px); } } .screen-width { position: relative; left: calc(50% - 50vw); width: 100vw; } /* Sections ---------------------------------- */ section { padding: 5rem 0; width: 100%; } .section-inner { margin-left: auto; margin-right: auto; max-width: 1200px; } .singular .entry-header .entry-title { color: #1A4D68; font-size: 30px; text-align: center; font-weight: 800; letter-spacing: .2px; margin-top: 0; margin-bottom:0px; } .section-inner.max-percentage { width: 100%; } .section-inner.thin { max-width: 58rem; } .section-inner.small { max-width: 80rem; } .section-inner.no-margin { margin: 0; } /* Toggles ----------------------------------- */ .toggle { -moz-appearance: none; -webkit-appearance: none; color: inherit; cursor: pointer; font-family: inherit; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; text-align: inherit; user-select: none; } button.toggle { background: none; border: none; box-shadow: none; border-radius: 0; font-size: inherit; font-weight: 400; letter-spacing: inherit; padding: 0; text-transform: none; } /* Hiding and Showing ------------------------ */ .js .show-js { display: block !important; } .js .hide-js { display: none !important; } .no-js .show-no-js { display: block !important; } .no-js .hide-no-js { display: none !important; } /* Typography -------------------------------- */ .font-size-xl { font-size: 1.25em; } .font-size-xs { font-size: 0.8em; } .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Colors ------------------------------------ */ /* COLOR */ .color-accent, .color-accent-hover:focus, .color-accent-hover:hover { color: #cd2653; } /* BACKGROUND COLOR */ .bg-accent, .bg-accent-hover:focus, .bg-accent-hover:hover { background-color: #cd2653; } /* BORDER COLOR */ .border-color-accent, .border-color-accent-hover:focus, .border-color-accent-hover:hover { border-color: #cd2653; } /* FILL COLOR */ .fill-children-accent, .fill-children-accent * { fill: #cd2653; } .fill-children-current-color, .fill-children-current-color * { fill: currentColor; } /* Opacity ----------------------------------- */ .opacity-0 { opacity: 0; } .opacity-5 { opacity: 0.05; } .opacity-10 { opacity: 0.1; } .opacity-15 { opacity: 0.15; } .opacity-20 { opacity: 0.2; } .opacity-25 { opacity: 0.25; } .opacity-30 { opacity: 0.3; } .opacity-35 { opacity: 0.35; } .opacity-40 { opacity: 0.4; } .opacity-45 { opacity: 0.45; } .opacity-50 { opacity: 0.5; } .opacity-55 { opacity: 0.55; } .opacity-60 { opacity: 0.6; } .opacity-65 { opacity: 0.65; } .opacity-70 { opacity: 0.7; } .opacity-75 { opacity: 0.75; } .opacity-80 { opacity: 0.8; } .opacity-85 { opacity: 0.85; } .opacity-90 { opacity: 0.9; } .blend-mode-exclusion { mix-blend-mode: exclusion; } .blend-mode-hue { mix-blend-mode: hue; } .blend-mode-saturation { mix-blend-mode: saturation; } .blend-mode-color { mix-blend-mode: color; } .blend-mode-luminosity { mix-blend-mode: luminosity; } /* Image Classes ----------------------------- */ .bg-image { background-position: center; background-repeat: no-repeat; background-size: cover; } .bg-attachment-fixed { background-attachment: fixed; } @supports ( -webkit-overflow-scrolling: touch ) { .bg-attachment-fixed { background-attachment: scroll; } } @media ( prefers-reduced-motion: reduce ) { .bg-attachment-fixed { background-attachment: scroll; } } .wp-block-image.is-resized { margin-left: auto; margin-right: auto; } /* Search Form ------------------------------- */ .search-form { align-items: stretch; display: flex; flex-wrap: nowrap; margin: 0 0 -0.8rem -0.8rem; } .search-form .search-field, .search-form .search-submit { margin: 0 0 0.8rem 0.8rem; } .search-form label { align-items: stretch; display: flex; font-size: inherit; margin: 0; width: 100%; } .search-form .search-field { width: 100%; } .search-form .search-submit { flex-shrink: 0; } .search-form .search-submit:focus, .search-form .search-submit:hover { text-decoration: none; } /* Social Icons ------------------------------ */ ul.social-icons { display: flex; flex-wrap: wrap; margin: -0.9rem 0 0 -0.9rem; width: calc(100% + 0.9rem); } ul.social-icons li { margin: 0.9rem 0 0 0.9rem; } .social-icons a { align-items: center; background: #cd2653; border-radius: 50%; color: #fff; display: flex; height: 4.4rem; justify-content: center; padding: 0; text-decoration: none; transition: transform 0.15s ease-in-out; width: 4.4rem; } .social-icons a:focus, .social-icons a:hover { transform: scale(1.1); text-decoration: none; } /* Cover Modals ------------------------------ */ .cover-modal { display: none; -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .cover-modal::-webkit-scrollbar { display: none !important; } .cover-modal.show-modal { display: block; cursor: pointer; } .cover-modal.show-modal > * { cursor: default; } /* -------------------------------------------------------------------------- */ /* 4. Site Header /* -------------------------------------------------------------------------- */ #site-header { background: #fff; position: relative; } .header-inner { max-width: 168rem; padding: 3.15rem 0; z-index: 100; } /* Header Titles ----------------------------- */ .header-titles-wrapper { align-items: center; display: flex; justify-content: center; padding: 0 4rem; text-align: center; } body:not(.enable-search-modal) .header-titles-wrapper { justify-content: flex-start; padding-left: 0; text-align: left; } .site-title, .site-logo, .site-description { margin: 0; } .site-title { font-size: 2.1rem; font-weight: 600; line-height: 1; } .site-title a { color: inherit; display: block; text-decoration: none; } .site-title a:hover, .site-title a:focus { text-decoration: underline; } .site-description { margin-top: 1rem; color: #6d6d6d; font-size: 1.8rem; font-weight: 500; display: none; letter-spacing: -0.0311em; transition: all 0.15s linear; } .site-logo a, .site-logo img { display: block; } .header-titles .site-logo .site-logo { margin: 0; } .site-logo img { max-height: 6rem; margin: 0 auto; width: auto; } body:not(.enable-search-modal) .site-logo img { margin: 0; } /* Overlay Header ---------------------------- */ .overlay-header #site-header { background: transparent; margin: 0; position: absolute; left: 0; right: 0; top: 0; z-index: 2; } .overlay-header .header-inner { color: #fff; } .overlay-header .site-description, .overlay-header .toggle { color: inherit; } .overlay-header .header-inner .toggle-wrapper::before { background-color: currentColor; opacity: 0.25; } .admin-bar.overlay-header #site-header { top: 32px; } @media (max-width: 782px) { .admin-bar.overlay-header #site-header { top: 46px; } } /* Header Navigation ------------------------- */ .header-navigation-wrapper { display: none; } /* Header Toggles ---------------------------- */ .header-toggles { display: none; } .header-inner .toggle { align-items: center; display: flex; overflow: visible; padding: 0 2rem; } .header-inner .toggle svg { display: block; position: relative; z-index: 1; } .header-inner .toggle path { fill: currentColor; } .toggle-inner { display: flex; justify-content: center; height: 2.3rem; position: relative; } .toggle-icon { display: block; overflow: hidden; } .toggle-inner .toggle-text { color: #6d6d6d; font-size: 1rem; font-weight: 600; position: absolute; top: calc(100% + 0.5rem); width: auto; white-space: nowrap; word-break: break-all; } .overlay-header .toggle-text { color: inherit; } .header-inner .toggle:focus .toggle-text, .header-inner .toggle:hover .toggle-text { text-decoration: underline; } /* Search Toggle ----------------------------- */ .search-toggle { position: absolute; bottom: 0; left: 0; top: 0; } .search-toggle .toggle-icon, .search-toggle svg { height: 2.5rem; max-width: 2.3rem; width: 2.3rem; } /* Navigation Toggle ------------------------- */ .nav-toggle { position: absolute; bottom: 0; right: 0; top: 0; width: 6.6rem; } .nav-toggle .toggle-icon, .nav-toggle svg { height: 0.8rem; width: 2.6rem; } .nav-toggle .toggle-inner { padding-top: 0.8rem; } /* Primary Menu ---------------------------- */ .primary-menu-wrapper { display: none; } ul.primary-menu { display: flex; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.0277em; flex-wrap: wrap; justify-content: flex-end; margin: -0.8rem 0 0 -1.6rem; } .primary-menu .icon { display: block; height: 0.7rem; position: absolute; pointer-events: none; transform: rotate(-45deg); width: 1.3rem; } .primary-menu .icon::before, .primary-menu .icon::after { content: ""; display: block; background-color: currentColor; position: absolute; bottom: calc(50% - 0.1rem); left: 0; } .primary-menu .icon::before { height: 0.9rem; width: 0.2rem; } .primary-menu .icon::after { height: 0.2rem; width: 0.9rem; } .primary-menu li { font-size: inherit; line-height: 1.25; position: relative; } .primary-menu > li { margin: 0.8rem 0 0 1.6rem; } .primary-menu > li.menu-item-has-children > a { padding-right: 2rem; } .primary-menu > li > .icon { right: -0.5rem; top: calc(50% - 0.4rem); } .primary-menu a { color: inherit; display: block; line-height: 1.2; text-decoration: none; word-break: normal; word-wrap: normal; } .primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor { text-decoration: underline; } .primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a { text-decoration: underline; } .primary-menu li.current-menu-item > a:hover, .primary-menu li.current-menu-item > .link-icon-wrapper > a:hover, .primary-menu li.current-menu-item > a:focus, .primary-menu li.current-menu-item > .link-icon-wrapper > a:focus { text-decoration: none; } /* SUB MENU */ .primary-menu ul { background: #000; border-radius: 0.4rem; color: #fff; font-size: 1.7rem; opacity: 0; padding: 1rem 0; position: absolute; right: 9999rem; top: calc(100% + 2rem); transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; transform: translateY(0.6rem); width: 20rem; z-index: 1; } .primary-menu li.menu-item-has-children:hover > ul, .primary-menu li.menu-item-has-children:focus > ul, .primary-menu li.menu-item-has-children.focus > ul { right: 0; opacity: 1; transform: translateY(0); transition: opacity 0.15s linear, transform 0.15s linear; } .primary-menu ul::before, .primary-menu ul::after { content: ""; display: block; position: absolute; bottom: 100%; } .primary-menu ul::before { height: 2rem; left: 0; right: 0; } .primary-menu ul::after { border: 0.8rem solid transparent; border-bottom-color: #000; right: 1.8rem; } .primary-menu ul a { background: transparent; border: none; color: inherit; display: block; padding: 1rem 2rem; transition: background-color 0.15s linear; width: 100%; } .primary-menu ul li.menu-item-has-children > a { padding-right: 4.5rem; } .primary-menu ul li.menu-item-has-children .icon { position: absolute; right: 1.5rem; top: calc(50% - 0.5rem); } /* DEEP DOWN */ .primary-menu ul ul { top: -1rem; } .primary-menu ul li.menu-item-has-children:hover > ul, .primary-menu ul li.menu-item-has-children:focus > ul, .primary-menu ul li.menu-item-has-children.focus > ul { right: calc(100% + 2rem); } .primary-menu ul ul::before { bottom: 0; height: auto; left: auto; right: -2rem; top: 0; width: 2rem; } .primary-menu ul ul::after { border-bottom-color: transparent; /*rtl:ignore*/ border-left-color: #000; bottom: auto; right: -1.6rem; top: 2rem; } .rtl .primary-menu ul ul::after { transform: rotate(180deg); } /* * Enable nav submenu expansion with tapping on arrows on large-viewport * touch interfaces (e.g. tablets or laptops with touch screens). * These rules are supported by all browsers (>IE11) and when JS is disabled. */ @media (any-pointer: coarse) { .primary-menu > li.menu-item-has-children > a { padding-right: 0; margin-right: 2rem; } .primary-menu ul li.menu-item-has-children > a { margin-right: 4.5rem; padding-right: 0; width: unset; } } /* Repeat previous rules for IE11 (when JS enabled for polyfill). */ body.touch-enabled .primary-menu > li.menu-item-has-children > a { padding-right: 0; margin-right: 2rem; } body.touch-enabled .primary-menu ul li.menu-item-has-children > a { margin-right: 4.5rem; padding-right: 0; width: unset; } /* -------------------------------------------------------------------------- */ /* 5. Menu Modal /* -------------------------------------------------------------------------- */ .menu-modal { background: #fff; display: none; opacity: 0; overflow-y: auto; overflow-x: hidden; position: fixed; bottom: 0; left: -99999rem; right: 99999rem; top: 0; transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s; z-index: 99; } .admin-bar .menu-modal { top: 32px; } @media (max-width: 782px) { .admin-bar .menu-modal { top: 46px; } } .menu-modal.show-modal { display: flex; } .menu-modal.active { left: 0; opacity: 1; right: 0; transition: opacity 0.25s ease-out; } .menu-modal-inner { background: #fff; display: flex; justify-content: stretch; overflow: auto; -ms-overflow-style: auto; width: 100%; } .menu-wrapper { display: flex; flex-direction: column; justify-content: space-between; position: relative; } button.close-nav-toggle { align-items: center; display: flex; font-size: 1.6rem; font-weight: 500; justify-content: flex-end; padding: 3.1rem 0; width: 100%; } button.close-nav-toggle svg { height: 1.6rem; width: 1.6rem; } button.close-nav-toggle .toggle-text { margin-right: 1.6rem; } .menu-modal .menu-top { flex-shrink: 0; } /* Main Menu --------------------------------- */ .modal-menu { position: relative; left: calc(50% - 50vw); width: 100vw; } .modal-menu li { border-color: #dedfdf; border-style: solid; border-width: 0.1rem 0 0 0; display: flex; flex-wrap: wrap; line-height: 1; justify-content: flex-start; margin: 0; } .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a { font-size: 2rem; font-weight: 700; letter-spacing: -0.0375em; } .modal-menu > li:last-child { border-bottom-width: 0.1rem; } .modal-menu .ancestor-wrapper { display: flex; justify-content: space-between; width: 100%; } .modal-menu a { display: block; padding: 2rem 2.5rem; text-decoration: none; width: 100%; } .modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a { text-decoration: underline; } button.sub-menu-toggle { border-left: 0.1rem solid #dedfdf; flex-shrink: 0; margin: 1rem 0; padding: 0 2.5rem; } button.sub-menu-toggle svg { height: 0.9rem; transition: transform 0.15s linear; width: 1.5rem; } button.sub-menu-toggle.active svg { transform: rotate(180deg); } .modal-menu ul { display: none; margin: 0; width: 100%; } .modal-menu ul li { border-left-width: 1rem; } .modal-menu ul li a { color: inherit; font-weight: 500; } /* Main menu animation ----------------------- */ .menu-wrapper .menu-item { position: relative; } .menu-wrapper .active { display: block; } .menu-wrapper.is-toggling { pointer-events: none; } .menu-wrapper.is-toggling .menu-item { position: absolute; top: 0; left: 0; margin: 0; width: 100%; } .menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item { width: auto; } .menu-wrapper.is-animating .menu-item, .menu-wrapper.is-animating .toggling-target { transition-duration: 250ms; } .menu-wrapper.is-animating .menu-item { transition-property: transform; } .menu-wrapper.is-toggling .toggling-target { display: block; position: absolute; top: 0; left: 0; opacity: 1; } .menu-wrapper.is-toggling .toggling-target.active { opacity: 0; } .menu-wrapper.is-animating.is-toggling .toggling-target { display: block; transition-property: opacity; opacity: 0; } .menu-wrapper.is-animating.is-toggling .toggling-target.active { opacity: 1; } .menu-wrapper.is-toggling .modal-menu > li:last-child li { border-top-color: transparent; border-bottom-width: 0.1rem; } @media (prefers-reduced-motion: reduce) { .menu-wrapper.is-animating .menu-item, .menu-wrapper.is-animating .toggling-target { transition-duration: 1ms !important; } } /* Expanded Menu ----------------------------- */ .expanded-menu { display: none; } .mobile-menu { display: block; } /* Menu Bottom ------------------------------- */ .menu-bottom { flex-shrink: 0; padding: 4rem 0; } .menu-bottom nav { width: 100%; } .menu-copyright { display: none; font-size: 1.6rem; font-weight: 500; margin: 0; } .menu-copyright a:focus, .menu-copyright a:hover { text-decoration: underline; } .menu-bottom .social-menu { justify-content: center; } /* -------------------------------------------------------------------------- */ /* 6. Search Modal /* -------------------------------------------------------------------------- */ .search-modal { background: rgba(0, 0, 0, 0.2); display: none; opacity: 0; position: fixed; bottom: 0; left: -9999rem; top: 0; transition: opacity 0.2s linear, left 0s 0.2s linear; width: 100%; z-index: 999; } .admin-bar .search-modal.active { top: 32px; } /*@media (max-width: 1199px) { .breadcrumbs { margin-top: 0; background: #44a7da; padding: 10px; } }*/ @media (max-width: 1199px){ .admin-bar .breadcrumbs { top: 137px; } .breadcrumbs { /*position: absolute; top: 105px; left: 0;*/ margin: 0; } .solutions-hero-section .hero-description{ margin-top: 64px !important; } .breadcrumbs .container{ min-height: 44px; display: flex; align-items: center; } } @media(min-width :1200px){ .solutions-hero-section .hero-description { margin-top: 17% !important; } } @media screen and (max-width: 782px){ .admin-bar .breadcrumbs { top: 151px; } } @media (max-width: 782px) { .admin-bar .search-modal.active { top: 46px; } } .search-modal-inner { background: #fff; transform: translateY(-100%); transition: transform 0.15s linear, box-shadow 0.15s linear; } .search-modal-inner .section-inner { display: flex; justify-content: space-between; max-width: 168rem; } .search-modal.active { left: 0; opacity: 1; transition: opacity 0.2s linear; } .search-modal.active .search-modal-inner { box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08); transform: translateY(0); transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear; } button.search-untoggle { align-items: center; display: flex; flex-shrink: 0; justify-content: center; margin-right: -2.5rem; padding: 0 2.5rem; } .search-modal button.search-untoggle { color: inherit; } .search-modal.active .search-untoggle { animation: popIn both 0.3s 0.2s; } .search-untoggle svg { height: 1.5rem; transition: transform 0.15s ease-in-out; width: 1.5rem; } .search-untoggle:focus svg, .search-untoggle:hover svg { transform: scale(1.15); } /* Modal Search Form ------------------------- */ .search-modal form { margin: 0; position: relative; width: 100%; } .search-modal .search-field { background: none; border: none; border-radius: 0; color: inherit; font-size: 2rem; letter-spacing: -0.0277em; height: 8.4rem; margin: 0 0 0 -2rem; max-width: calc(100% + 2rem); padding: 0 0 0 2rem; width: calc(100% + 2rem); } .search-modal .search-field::-webkit-input-placeholder { color: inherit; } .search-modal .search-field:-ms-input-placeholder { color: inherit; } .search-modal .search-field::-moz-placeholder { color: inherit; line-height: 4; } .search-modal .search-submit { position: absolute; right: -9999rem; top: 50%; transform: translateY(-50%); } .search-modal .search-submit:focus { right: 0; } /* -------------------------------------------------------------------------- */ /* 7a. Template: Cover Template /* -------------------------------------------------------------------------- */ .cover-header { display: flex; overflow: hidden; } .cover-header-inner-wrapper { display: flex; position: relative; flex-direction: column; justify-content: flex-end; width: 100%; } .cover-header-inner { padding: 10rem 0 5rem 0; width: 100%; } .cover-color-overlay, .cover-color-overlay::before { position: absolute; bottom: 0; left: 0; right: 0; top: 0; } .cover-color-overlay::before { background: currentColor; content: ""; display: block; } .cover-header .entry-header { position: relative; width: 100%; z-index: 1; } .cover-header .entry-header * { color: #fff; } body.template-cover .entry-header { background: transparent; padding: 0; } .cover-header h1, .cover-header h2, .cover-header h3, .cover-header h4, .cover-header h5, .cover-header h6, .cover-header .faux-heading { color: inherit; } .cover-header .entry-header a { color: inherit; } /* To The Content ---------------------------- */ .to-the-content-wrapper { position: absolute; left: 0; right: 0; top: calc(100% + 0.5rem); } .to-the-content { align-items: center; display: flex; justify-content: center; height: 4rem; text-decoration: none; } .to-the-content svg { height: 2rem; transition: transform 0.15s linear; transform: translateY(0); width: 1.767rem; } .to-the-content:focus svg, .to-the-content:hover svg { transform: translateY(20%); } /* -------------------------------------------------------------------------- */ /* 7c. Template: Full Width /* -------------------------------------------------------------------------- */ body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 120rem; } body.template-full-width .entry-content .alignleft, body.template-full-width .entry-content .alignright { position: static; } body.template-full-width .entry-content .alignleft, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 0; position: static; } body.template-full-width .entry-content > .alignleft, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 2rem; position: static; } body.template-full-width .entry-content .alignright, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright, body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 0; position: static; } body.template-full-width .entry-content > .alignright, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 2rem; position: static; } /* -------------------------------------------------------------------------- */ /* 8. Post: Archive /* -------------------------------------------------------------------------- */ /* Archive Header ---------------------------- */ .archive-header { background-color: #fff; padding: 4rem 0; } .reduced-spacing .archive-header { padding-bottom: 2rem; } .archive-title { font-size: 2.4rem; font-weight: 700; letter-spacing: -0.026666667em; margin: 0; } .archive-subtitle p:last-child { margin-bottom: 0; } /* Posts ------------------------------------- */ body:not(.singular) main > article:first-of-type { } /* Search Results ---------------------------- */ .no-search-results-form { padding-top: 5rem; } /* -------------------------------------------------------------------------- */ /* 9. Post: Single /* -------------------------------------------------------------------------- */ /* Post Header ------------------------------- */ .singular .entry-header { padding: 60px 0; } .entry-categories { line-height: 1.25; margin-bottom: 2rem; } .entry-categories-inner { justify-content: center; display: flex; flex-wrap: wrap; margin: -0.5rem 0 0 -1rem; } .entry-categories a { border-bottom: 0.15rem solid currentColor; font-size: 1.4rem; font-weight: 700; letter-spacing: 0.036666667em; margin: 0.5rem 0 0 1rem; text-decoration: none; text-transform: uppercase; } .entry-categories a:focus, .entry-categories a:hover { border-bottom-color: transparent; } h1.entry-title, h2.entry-title { margin: 0; } .entry-title a { color: inherit; text-decoration: none; } .entry-title a:focus, .entry-title a:hover { text-decoration: underline; } .intro-text { margin-top: 2rem; } .singular .intro-text { font-size: 2rem; letter-spacing: -0.0315em; line-height: 1.4; } /* POST META */ .post-meta-single-top .post-meta { justify-content: center; } .post-meta-wrapper { margin-top: 2rem; margin-right: auto; margin-left: auto; max-width: 58rem; width: 100%; } .post-meta { color: #6d6d6d; display: flex; flex-wrap: wrap; font-size: 1.5rem; font-weight: 500; list-style: none; margin: -1rem 0 0 -2rem; } .post-meta li { flex-shrink: 0; letter-spacing: -0.016875em; margin: 1rem 0 0 2rem; max-width: calc(100% - 2rem); } .post-meta a { color: inherit; text-decoration: none; } .post-meta a:focus, .post-meta a:hover { text-decoration: underline; } .post-meta .meta-wrapper { align-items: center; display: flex; flex-wrap: nowrap; } .post-meta .meta-icon { flex-shrink: 0; margin-right: 1rem; } .sticky .post-sticky { color: inherit; } .post-meta .post-author .meta-icon svg { width: 1.6rem; height: 1.8rem; } .post-meta .post-categories .meta-icon svg { width: 1.8rem; height: 1.7rem; } .post-meta .post-comment-link .meta-icon svg { width: 1.8rem; height: 1.8rem; } .post-meta .post-date .meta-icon svg { width: 1.7rem; height: 1.8rem; } .post-meta .post-edit .meta-icon svg { width: 1.8rem; height: 1.8rem; } .post-meta .post-sticky .meta-icon svg { width: 1.5rem; height: 1.8rem; } .post-meta .post-tags .meta-icon svg { width: 1.8rem; height: 1.8rem; } .post-meta svg * { fill: currentColor; } /* Featured Media ---------------------------- */ .featured-media { margin-top: 5rem; position: relative; } .singular .featured-media { margin-top: 0; } .singular .featured-media-inner { position: relative; left: calc(50% - 50vw); width: 100vw; } .singular .featured-media::before { background: #fff; content: ""; display: block; position: absolute; bottom: 50%; left: 0; right: 0; top: 0; } .featured-media img { margin: 0 auto; } .featured-media figcaption { margin: 1.5rem auto 0 auto; text-align: center; width: calc(100% - 5rem); } .post-inner { } /* Post Footer ------------------------------- */ /* POST NAV LINKS */ .post-nav-links { border-radius: 0.4rem; display: flex; font-size: 0.9em; font-weight: 600; line-height: 1; margin: 3em auto 0 auto; padding: 0; width: calc(100% - 4rem); max-width: 58rem; } .post-nav-links > span.label { padding: 1em 0; } .post-nav-links > * { padding: 1em 0.75em; } /* POST META BOTTOM */ .post-meta-wrapper.post-meta-single-bottom { margin-top: 3rem; } /* Author Bio -------------------------------- */ .author-bio { margin-top: 4rem; margin-right: auto; margin-left: auto; max-width: 58rem; width: 100%; } .hide-avatars .author-bio { padding-left: 0; } .author-bio .author-title-wrapper { align-items: center; display: flex; margin: 0 0 1rem 0; } .author-bio .avatar { border-radius: 50%; margin-right: 1.5rem; height: 5rem; width: 5rem; } .hide-avatars img.avatar { display: none; } .author-bio p:last-child { margin-bottom: 0; } .author-bio .author-title { margin: 0; } .author-bio .author-link { display: block; font-size: 1.6rem; font-weight: 600; margin-top: 1em; text-decoration: none; } .author-bio .author-link:focus, .author-bio .author-link:hover { text-decoration: underline; } /* Single Pagination ------------------------- */ .pagination-single { font-size: 1.8rem; margin-top: 5rem; } .pagination-single-inner { display: flex; flex-direction: column; } .pagination-single hr:first-child { margin: 0 0 2.8rem 0; } .pagination-single hr:last-child { margin: 2.8rem 0 0.8rem 0; } .pagination-single a { align-items: baseline; display: flex; font-weight: 600; letter-spacing: -0.0275em; text-decoration: none; flex: 1; } .pagination-single a + a { margin-top: 1rem; } .pagination-single a .arrow { margin-right: 1rem; } .pagination-single a:focus .title, .pagination-single a:hover .title { text-decoration: underline; } /* -------------------------------------------------------------------------- */ /* 10. Blocks /* -------------------------------------------------------------------------- */ /* Block Colors ------------------------------ */ .has-text-color a { color: inherit; } /* CUSTOM COLORS */ :root .has-accent-color { color: #cd2653; } :root .has-accent-background-color { background-color: #cd2653; color: #fff; } :root .has-primary-color { color: #000; } :root .has-primary-background-color { background-color: #000; color: #f5efe0; } :root .has-secondary-color { color: #6d6d6d; } :root .has-secondary-background-color { background-color: #6d6d6d; color: #fff; } :root .has-subtle-background-color { color: #dcd7ca; } :root .has-subtle-background-background-color { background-color: #dcd7ca; color: #000; } :root .has-background-color { color: #f5efe0; } :root .has-background-background-color { background-color: #f5efe0; color: #000; } /* Block Typography Classes ------------------ */ .has-text-align-left { /*rtl:ignore*/ text-align: left; } .has-text-align-center { text-align: center; } .has-text-align-right { text-align: right; } .has-drop-cap:not(:focus)::first-letter { color: #cd2653; font-size: 5.1em; font-weight: 800; margin: 0.05em 0.1em 0 0; } .has-drop-cap:not(:focus)::first-letter::after { content: ""; display: table; clear: both; } .has-drop-cap:not(:focus)::after { padding: 0; } /* Block Font Families ----------------------- */ .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-cover-image, .entry-content .wp-block-latest-comments, .entry-content .wp-block-latest-posts, .entry-content .wp-block-pullquote, .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large { } @supports ( font-variation-settings: normal ) { .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-latest-posts, .entry-content .wp-block-latest-comments, .entry-content .wp-block-cover-image p, .entry-content .wp-block-pullquote { } } /* Block Font Sizes -------------------------- */ .entry-content .has-small-font-size { font-size: 0.842em; } .entry-content .has-normal-font-size, .entry-content .has-regular-font-size { font-size: 1em; } .entry-content .has-medium-font-size { font-size: 1.1em; line-height: 1.45; } .entry-content .has-large-font-size { font-size: 1.25em; line-height: 1.4; } .entry-content .has-larger-font-size { font-size: 1.5em; line-height: 1.3; } /* Block: Base Margins ----------------------- */ *[class*="_inner-container"] > *:first-child { margin-top: 0; } *[class*="_inner-container"] > *:last-child { margin-bottom: 0; } .wp-block-archives:not(.alignwide):not(.alignfull), .wp-block-categories:not(.alignwide):not(.alignfull), .wp-block-code, .wp-block-columns:not(.alignwide):not(.alignfull), .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-media-text:not(.alignwide):not(.alignfull), .wp-block-preformatted, .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-verse, .wp-block-video:not(.alignwide):not(.alignfull) { margin-bottom: 3rem; margin-top: 3rem; } /* Block: Shared Nesting Alignment Resets ---- */ [class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright), [class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) { margin-left: auto; margin-right: auto; max-width: 58rem; } /* Block: Shared Widget Styles --------------- */ .wp-block-archives, .wp-block-categories, .wp-block-latest-posts, .wp-block-latest-comments { list-style: none; margin-left: 0; } .wp-block-archives ul, .wp-block-categories ul, .wp-block-latest-posts ul, .wp-block-latest-comments ul { list-style: none; } .entry-content .wp-block-archives > li, .entry-content .wp-block-categories > li, .entry-content .wp-block-latest-posts > li, .entry-content .wp-block-latest-comment > li { margin-left: 0; } .entry-content .wp-block-archives > li:last-child, .entry-content .wp-block-categories > li:last-child, .entry-content .wp-block-latest-posts > li:last-child, .entry-content .wp-block-latest-comment > li:last-child { margin-bottom: 0; } .entry-content .wp-block-archives *, .entry-content .wp-block-categories *, .entry-content .wp-block-latest-posts *, .entry-content .wp-block-latest-comments * { font-family: inherit; } .entry-content .wp-block-archives li, .entry-content .wp-block-categories li, .entry-content .wp-block-latest-posts li { color: #6d6d6d; } .wp-block-archives a, .wp-block-categories a, .wp-block-latest-posts a, .wp-block-latest-comments a { font-weight: 700; text-decoration: none; } .wp-block-archives a:hover, .wp-block-categories a:hover, .wp-block-latest-posts a:hover, .wp-block-latest-comments a:hover, .wp-block-archives a:focus, .wp-block-categories a:focus, .wp-block-latest-posts a:focus, .wp-block-latest-comments a:focus { text-decoration: underline; } .wp-block-latest-posts a, .wp-block-latest-comments__comment-meta { font-weight: 700; letter-spacing: -0.025em; line-height: 1.25; } .wp-block-latest-comments__comment-date, .wp-block-latest-posts__post-date { color: #6d6d6d; font-size: 0.7em; font-weight: 600; letter-spacing: normal; margin-top: 0.15em; } /* Block: Shared Media Styles ---------------- */ .wp-block-embed figcaption, .wp-block-image figcaption { color: #6d6d6d; font-size: 1.4rem; margin-bottom: 0; margin-top: 1.5rem; } /* Block: Audio ------------------------------ */ .wp-block-audio audio { width: 100%; } /* Block: Button ----------------------------- */ .wp-block-button { margin: 3rem 0; } .wp-block-button.is-style-outline { color: #cd2653; } .is-style-outline .wp-block-button__link:not(.has-text-color) { color: inherit; } .is-style-outline .wp-block-button__link { padding: calc(1.1em - 0.2rem) calc(1.44em - 0.2rem); } /* Block: Columns ---------------------------- */ .wp-block-columns.alignfull, .alignfull:not(.has-background) .wp-block-columns { padding-left: 2rem; padding-right: 2rem; } .wp-block-column { margin-bottom: 3.2rem; } .wp-block-column > *:first-child { margin-top: 0; } .wp-block-column > *:last-child { margin-bottom: 0; } /* Block: Cover ------------------------------ */ .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 4rem); padding: 2rem 0; } .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2 { max-width: 100%; padding: 0; } .wp-block-cover-image h2, .wp-block-cover h2 { font-size: 3.2rem; } /* Block: Embed ------------------------------ */ /* Block: File ------------------------------- */ .wp-block-file { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; } .wp-block-file a:not(.wp-block-file__button) { font-weight: 700; text-decoration: none; } .wp-block-file a:not(.wp-block-file__button):not(:last-child) { margin-right: 1rem; } .wp-block-file a:not(.wp-block-file__button):focus, .wp-block-file a:not(.wp-block-file__button):hover { text-decoration: underline; } .wp-block-file .wp-block-file__button { font-size: 1.5rem; padding: 1em 1.25em; } .wp-block-file a.wp-block-file__button:visited { opacity: 1; } .wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover { opacity: 1; text-decoration: underline; } /* Block: Gallery ---------------------------- */ .wp-block-gallery ul { list-style: none; margin: 0 0 -1.6rem 0; } figure.wp-block-gallery.alignnone, figure.wp-block-gallery.aligncenter { margin-bottom: 3rem; margin-top: 3rem; } figure.wp-block-gallery.alignleft { margin: 0.3rem 2rem 2rem 0; } figure.wp-block-gallery.alignright { margin: 0.3rem 0 2rem 2rem; } figure.wp-block-gallery.alignwide { margin-bottom: 4rem; margin-top: 4rem; } figure.wp-block-gallery.alignfull { margin-bottom: 5rem; margin-top: 5rem; } /* Block: Group ------------------------------ */ .wp-block-group.has-background { padding: 2rem; margin-bottom: 0; margin-top: 0; } .wp-block-group__inner-container { margin: 0 auto; } .wp-block-group__inner-container, .entry-content .wp-block-group p { max-width: 100%; } .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) { padding-left: 2rem; padding-right: 2rem; } /* Block: Image ------------------------------ */ /* Block: Media And Text --------------------- */ .wp-block-media-text .wp-block-media-text__content { padding: 3rem 2rem; } .wp-block-media-text .wp-block-media-text__content p { max-width: none; } .wp-block-media-text__content > *:first-child { margin-top: 0; } .wp-block-media-text__content > *:last-child { margin-bottom: 0; } /* Block: Pullquote -------------------------- */ /* STYLE: DEFAULT */ .wp-block-pullquote { padding: 0; position: relative; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: calc(100% - 4rem); } .wp-block-pullquote::before { background: #fff; border-radius: 50%; color: #cd2653; content: "”"; display: block; font-size: 6.2rem; font-weight: 500; line-height: 1.2; margin: 0 auto 1.5rem auto; text-align: center; height: 4.4rem; width: 4.4rem; } .reduced-spacing .wp-block-pullquote::before { border: 0.1rem solid currentColor; font-size: 5.9rem; } .wp-block-pullquote blockquote { border: none; margin: 0; padding: 0; } .wp-block-pullquote blockquote p { font-family: inherit; font-size: 2.8rem; font-weight: 700; line-height: 1.178571429; letter-spacing: -0.041785714em; max-width: 100%; } .wp-block-pullquote p:last-of-type { margin-bottom: 0; } .wp-block-pullquote cite { color: #6d6d6d; font-size: 1.6rem; font-weight: 500; margin-top: 1.2rem; } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 2.8rem; } .wp-block-pullquote.alignleft { text-align: left; } .wp-block-pullquote.alignright { text-align: right; } .wp-block-pullquote.alignleft::before { margin-left: 0; } .wp-block-pullquote.alignright::before { margin-right: 0; } /* STYLE: SOLID BACKGROUND COLOR */ .wp-block-pullquote.is-style-solid-color { padding: 3rem 2rem; } .wp-block-pullquote.is-style-solid-color::before { position: absolute; top: 0; left: 50%; transform: translateY(-50%) translateX(-50%); } .wp-block-pullquote.is-style-solid-color.alignleft::before, .wp-block-pullquote.is-style-solid-color.alignright::before { transform: translateY(-50%); } .wp-block-pullquote.is-style-solid-color.alignleft::before { left: 2rem; } .wp-block-pullquote.is-style-solid-color.alignright::before { left: auto; right: 2rem; } .wp-block-pullquote.is-style-solid-color blockquote { max-width: 100%; text-align: inherit; } .wp-block-pullquote.is-style-solid-color cite { color: inherit; } /* Block: Separator ------------------------- */ hr.wp-block-separator { margin: 3rem 0; } /* STYLE: WIDE */ .wp-block-separator.is-style-wide { max-width: calc(100vw - 4rem); position: relative; width: 100%; } /* STYLE: DOTS */ .wp-block-separator.is-style-dots::before { background: none; color: inherit; font-size: 3.2rem; font-weight: 700; height: auto; letter-spacing: 1em; padding-left: 1em; position: static; transform: none; width: auto; } .wp-block-separator.is-style-dots::after { content: none; } /* Block: Search ----------------------------- */ .wp-block-search .wp-block-search__input { width: auto; } /* Block: Table ------------------------------ */ .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: #dcd7ca; } figure.wp-block-table.is-style-stripes { border-bottom: none; } .wp-block-table.is-style-stripes table { border-collapse: inherit; } /* Block: Quote ------------------------------ */ .wp-block-quote p, .wp-block-quote cite { text-align: inherit; } .wp-block-quote[style="text-align:center"] { border-width: 0; padding: 0; } .wp-block-quote[style="text-align:right"] { /*rtl:begin:ignore*/ border-width: 0 0.2rem 0 0; padding: 0 2rem 0 0; /*rtl:end:ignore*/ } /* STYLE: LARGE */ .wp-block-quote.is-large, .wp-block-quote.is-style-large { border: none; padding: 0; margin-left: auto; margin-right: auto; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-family: inherit; font-size: 2.4rem; font-style: normal; font-weight: 700; letter-spacing: -0.02em; line-height: 1.285; } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { font-size: 1.6rem; text-align: inherit; } /* Block: Widget Latest Comments ------------- */ .entry-content .wp-block-latest-comments li { margin: 2rem 0; } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 5.5rem; } .entry-content .wp-block-latest-comments a { text-decoration: none; } .entry-content .wp-block-latest-comments a:hover, .entry-content .wp-block-latest-comments a:focus { text-decoration: underline; } .wp-block-latest-comments__comment { font-size: inherit; } .wp-block-latest-comments__comment-date { margin-top: 0.4em; } .wp-block-latest-comments__comment-excerpt p { font-size: 0.7em; margin: 0.9rem 0 2rem 0; } /* Block: Widget Latest Posts ---------------- */ .wp-block-latest-posts.is-grid li { border-top: 0.2rem solid #dcd7ca; margin-top: 2rem; padding-top: 1rem; } .wp-block-latest-posts.has-dates { list-style: none; } .wp-block-latest-posts.has-dates:not(.is-grid) li { margin-top: 1.5rem; } .wp-block-latest-posts.has-dates:not(.is-grid) li:first-child { margin-top: 0; } /* -------------------------------------------------------------------------- */ /* 11. Entry Content /* -------------------------------------------------------------------------- */ .entry-content { line-height: 1.5; } .entry-content > * { margin-left: auto; margin-right: auto; margin-bottom: 1.25em; } .entry-content > *:first-child { margin-top: 0; } .entry-content > *:last-child { margin-bottom: 0; } .read-more-button-wrap { margin-top: 1em; text-align: center; } .entry-content a:hover, .entry-content a:focus { text-decoration: none; } .entry-content p, .entry-content li { line-height: 1.4; } .entry-content li img { display: inline-block; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin: 3.5rem auto 2rem; } .entry-content ul ul, .entry-content ol ol, .entry-content ul ol, .entry-content ol ul { margin-bottom: 1rem; } .entry-content hr { margin: 4rem auto; } .post-inner .entry-content > .wp-block-cover.alignwide:first-child, .post-inner .entry-content > .wp-block-cover.alignfull:first-child { margin-top: 0; } /* Font Families ----------------------------- */ .entry-content { letter-spacing: normal; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file { } @supports ( font-variation-settings: normal ) { .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file { } } /* Alignment Classes ------------------------- */ [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 58rem; width: 100%; } .alignnone, .aligncenter, .alignleft, .alignright, .alignwide { margin-top: 4rem; margin-right: auto; margin-bottom: 4rem; margin-left: auto; } [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) { margin-left: auto; margin-right: auto; } /* Full */ .alignfull { margin-top: 5rem; margin-right: auto; margin-bottom: 5rem; margin-left: auto; max-width: 100vw; position: relative; width: 100%; } [class*="__inner-container"] > .alignfull { max-width: 100%; } /* Wide */ .alignwide { max-width: 120rem; position: relative; width: calc(100% - 4rem); } [class*="__inner-container"] > .alignwide { width: 100%; } /* Center */ .aligncenter, .aligncenter img { margin-left: auto; margin-right: auto; } /* Left and right */ .alignleft, .alignright { max-width: 50%; } .alignleft { /*rtl:ignore*/ float: left; margin: 0.3rem 2rem 2rem 2rem; } .alignright { /*rtl:ignore*/ float: right; margin: 0.3rem 2rem 2rem 2rem; } [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft { /*rtl:ignore*/ margin-left: 2rem; } [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright, [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright { /*rtl:ignore*/ margin-right: 2rem; } /* Entry Media ------------------------------- */ .alignfull > figcaption, .alignfull > .wp-caption-text { margin-left: auto; margin-right: auto; max-width: 58rem; width: calc(100% - 4rem); } /* -------------------------------------------------------------------------- */ /* 12. Comments /* -------------------------------------------------------------------------- */ /* Comment Headers ----------------------------- */ .comments-wrapper { margin-top: 5rem; } .comment-reply-title { margin: 0 0 4rem 0; text-align: center; } /* Comment Item ----------------------------- */ /* COMMENT HEADER */ .comments .comment, .comments .pingback, .comments .trackback, .comments .review { padding-top: 3.5rem; } div.comment:first-of-type { margin-top: 3.5rem; padding-top: 0; } .comments .comments-header + div { margin-top: 0; padding-top: 0; } .comment-body { position: relative; } .comment .comment { padding-left: 5%; } .comment-meta { line-height: 1.1; margin-bottom: 1.5rem; min-height: 5rem; padding-left: 5rem; position: relative; } .hide-avatars .comment-meta { min-height: 0; padding-left: 0; } .comment-meta a { color: inherit; } .comment-author { font-size: 1.8rem; font-weight: 700; letter-spacing: -0.027777778em; } .comment-author a { text-decoration: underline; } .comment-author a:hover, .comment-author a:focus { text-decoration: none; } .comment-meta .avatar { height: 4rem; position: absolute; left: 0; top: 0; width: 4rem; } .comment-author .url { text-decoration: underline; } .comment-metadata { color: #6d6d6d; font-size: 1.4rem; font-weight: 500; margin-top: 0.6rem; } .comment-metadata a { text-decoration: none; } .comment-metadata a:focus, .comment-metadata a:hover { text-decoration: underline; } /* COMMENT CONTENT */ .comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { width: 100%; } .comment-content.entry-content .alignleft { /*rtl:ignore*/ margin-left: 0; } .comment-content.entry-content .alignright { /*rtl:ignore*/ margin-right: 0; } /* COMMENT FOOTER */ .comment-footer-meta { align-items: center; display: flex; flex-wrap: wrap; font-size: 1.2rem; font-weight: 600; justify-content: flex-start; letter-spacing: 0.030833333em; line-height: 1; margin: 1.5rem 0 -1rem -1.5rem; text-transform: uppercase; } .comment-footer-meta > * { margin: 0 0 1rem 1.5rem; } .comment-reply-link { background-color: #cd2653; color: #fff; display: block; padding: 0.7rem; } .bypostauthor .comment-footer-meta .by-post-author { display: block; } .comment-footer-meta a { text-decoration: none; } .comment-footer-meta a:focus, .comment-footer-meta a:hover { text-decoration: underline; } /* Pingbacks & Trackbacks ------------------------- */ .pingback .comment-meta, .trackback .comment-meta { padding-left: 0; } /* Comments Pagination ---------------------------- */ .comments-pagination { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 6rem; text-align: center; } .comments-pagination.only-next { justify-content: flex-end; } .comments-pagination .page-numbers { display: none; text-decoration: none; } .comments-pagination .page-numbers:focus, .comments-pagination .page-numbers:hover { text-decoration: underline; } .comments-pagination .prev, .comments-pagination .next { display: block; } .comments-pagination .prev { left: 0; } .comments-pagination .next { right: 0; text-align: right; } /* Comment Respond ---------------------------- */ .comment-respond::after { clear: both; content: ""; display: block; } .comment-respond .comment-notes, .comment-respond .logged-in-as { color: #6d6d6d; font-size: 1.6rem; line-height: 1.4; margin: -3rem 0 4rem 0; text-align: center; } .comment-respond .comment-notes a, .comment-respond .logged-in-as a { color: inherit; text-decoration: none; } .comment-respond .comment-notes a:focus, .comment-respond .comment-notes a:hover, .comment-respond .logged-in-as a:focus, .comment-respond .logged-in-as a:hover { text-decoration: underline; } .comment-respond p { line-height: 1.1; margin-bottom: 2rem; margin-left: auto; margin-right: auto; } .comment-respond p:not(.comment-notes) { max-width: 58rem; } .comment-form-cookies-consent { align-items: baseline; display: flex; } .comment-respond > p:last-of-type { margin-bottom: 0; } .comment-respond label { display: block; } .comment-respond input[type="checkbox"] + label { font-size: 1.5rem; line-height: 1.25; } .comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond textarea { margin-bottom: 0; } .comment-respond textarea { height: 15rem; } .comment-respond #submit { display: block; } .comment-respond .comments-closed { text-align: center; } /* Reply Respond ---------------------------- */ .comments .comment-respond { padding: 3rem 0 0; } .comments .comment-respond .comment-reply-title, .comments .comment-respond .comment-notes, .comments .comment-respond .logged-in-as { text-align: left; } .comment-reply-title small { display: block; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.0277em; margin: 0.5rem 0 0 0; white-space: nowrap; } .comment-reply-title small a { text-decoration: none; } .comment-reply-title small a:focus, .comment-reply-title small a:hover { text-decoration: underline; } /* -------------------------------------------------------------------------- */ /* 13. Site Pagination /* -------------------------------------------------------------------------- */ .pagination .nav-links { align-items: baseline; display: flex; flex-wrap: wrap; font-size: 1.8rem; font-weight: 600; margin: -1.5rem 0 0 -2.5rem; width: calc(100% + 2.5rem); } .pagination-separator { margin: 5rem 0; } .nav-links > * { margin: 1.5rem 0 0 2.5rem; } .nav-links .placeholder { display: none; visibility: hidden; } .pagination a { text-decoration: none; } .pagination a:focus, .pagination a:hover { text-decoration: underline; } .pagination .dots { transform: translateY(-0.3em); color: #6d6d6d; } .nav-short { display: none; } /* -------------------------------------------------------------------------- */ /* 14. Error 404 /* -------------------------------------------------------------------------- */ .error404 #site-content { padding-top: 4rem; } .error404-content { text-align: center; } .error404 #site-content .search-form { justify-content: center; margin-top: 3rem; } /* -------------------------------------------------------------------------- */ /* 15. Widgets /* -------------------------------------------------------------------------- */ /* Widget Base ------------------------------- */ .widget { margin-top: 3rem; } .widget:first-child { margin-top: 0; } .widget-content > div > *:first-child { margin-top: 0; } .widget-content > div > *:last-child { margin-bottom: 0; } .widget .widget-title { margin: 0 0 2rem; } .widget li { margin: 2rem 0 0 0; } .widget li:first-child, .widget li > ul, .widget li > ol { margin-top: 0; } .widget table, .widget table * { border-color: #dedfdf; } .widget table caption { background-color: #dedfdf; } .widget .post-date, .widget .rss-date { color: #6d6d6d; display: block; font-size: 0.85em; font-weight: 500; margin-top: 0.2rem; } .widget select { max-width: 100%; } /* Font Families ----------------------------- */ .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary { letter-spacing: normal; } .widget-content cite, .widget-content figcaption, .widget-content .wp-caption-text { } @supports ( font-variation-settings: normal ) { .widget-content cite, .widget-content figcaption, .widget-content .wp-caption-text { } } /* Base List Widget -------------------------- */ .widget_archive ul, .widget_categories ul, .widget_pages ul, .widget_meta ul, .widget_nav_menu ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_rss ul { list-style: none; margin: 0; } .widget_archive li, .widget_categories li, .widget_pages li, .widget_meta li, .widget_nav_menu li { color: #6d6d6d; margin: 0.3rem 0; } .widget_archive li li, .widget_categories li li, .widget_pages li li, .widget_meta li li, .widget_nav_menu li li { margin-left: 2rem; } .widget_archive a, .widget_categories a, .widget_pages a, .widget_meta a, .widget_nav_menu a { font-weight: 700; text-decoration: none; } .widget_archive a:focus, .widget_archive a:hover, .widget_categories a:focus, .widget_categories a:hover, .widget_pages a:focus, .widget_pages a:hover, .widget_meta a:focus, .widget_meta a:hover, .widget_nav_menu a:focus, .widget_nav_menu a:hover { text-decoration: underline; } /* Widget: Calendar -------------------------- */ .calendar_wrap { font-size: 2.4rem; } .calendar_wrap th, .calendar_wrap td, .wp-calendar-nav span { display: table-cell; font-size: 1em; font-weight: 500; line-height: 1; padding: 2.5% 2.5% 1.75% 2.5%; text-align: center; } .wp-calendar-table { margin-bottom: 0; } .wp-calendar-nav { display: table; width: 100%; font-size: 1.8rem; } .calendar_wrap tfoot td { border-bottom: none; } .calendar_wrap tfoot a, .calendar_wrap .wp-calendar-nav a { text-decoration: none; } .calendar_wrap tfoot #prev, .calendar_wrap .wp-calendar-nav-prev { text-align: left; } .calendar_wrap tfoot #next, .calendar_wrap .wp-calendar-nav-next { text-align: right; } /* Widget: Image ----------------------------- */ /* Widget: Gallery --------------------------- */ .widget_media_gallery .gallery { margin: 0 -0.4em -0.8em -0.4em; width: calc(100% + 0.8em); } .widget_media_gallery .gallery-item { margin: 0 0 0.8em 0; padding: 0 0.4em; } /* Widget: Nav Menu -------------------------- */ .widget_nav_menu .widget-content > div > ul { margin-left: 0; } /* Widget: Recent Comments ------------------- */ .widget_recent_comments li { font-weight: 700; } .widget_recent_comments a { text-decoration: none; } .widget_recent_comments a:focus, .widget_recent_comments a:hover { text-decoration: underline; } /* Widget: Recent Entries -------------------- */ .widget_recent_entries a { font-weight: 700; text-decoration: none; } .widget_recent_entries a:focus, .widget_recent_entries a:hover { text-decoration: underline; } /* Widget: RSS ------------------------------- */ .widget_rss .widget-title a.rsswidget:first-of-type { display: none; } .widget_rss .rsswidget { font-weight: 700; } .widget_rss a { text-decoration: none; } .widget_rss a:focus, .widget_rss a:hover { text-decoration: underline; } .widget_rss .rssSummary { margin-top: 0.5rem; } .widget_rss cite::before { content: "— "; } /* Widget: Search ---------------------------- */ .widget_search .search-field { border-color: #dedfdf; } /* Widget: Tag Cloud ------------------------- */ .widget_tag_cloud a { font-weight: 700; margin-right: 0.5rem; text-decoration: none; white-space: nowrap; } .widget_tag_cloud a:focus, .widget_tag_cloud a:hover { text-decoration: underline; } /* Widget: Text ------------------------------ */ /* -------------------------------------------------------------------------- */ /* 16. Site Footer /* -------------------------------------------------------------------------- */ .footer-nav-widgets-wrapper, #site-footer { background-color: #fff; border-color: #dedfdf; border-style: solid; border-width: 0; } .footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer { margin-top: 5rem; } .reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper, .reduced-spacing.footer-top-hidden #site-footer { border-top-width: 0.1rem; } .footer-top, .footer-widgets-outer-wrapper, #site-footer { padding: 3rem 0; } /* Footer Top -------------------------------- */ .footer-top { display: flex; border-bottom: 0.1rem solid #dedfdf; justify-content: space-between; } /* FOOTER MENU */ .footer-menu { font-size: 1.8rem; font-weight: 700; letter-spacing: -0.0277em; } .footer-menu li { line-height: 1.25; margin: 0.25em 0 0 0; } .footer-menu a { text-decoration: none; word-break: normal; word-wrap: normal; } .footer-menu a:hover, .footer-menu a:focus { text-decoration: underline; } /* FOOTER SOCIAL */ .footer-social-wrapper { margin: 0; width: 100%; } .has-footer-menu .footer-social-wrapper { flex-shrink: 0; margin-left: 1rem; width: 50%; } ul.footer-social { margin: -0.5rem 0 0 -0.5rem; } .has-footer-menu .footer-social { justify-content: flex-end; } ul.footer-social li { margin: 0.5rem 0 0 0.5rem; } .footer-social a { background-color: #cd2653; height: 3.6rem; width: 3.6rem; } .footer-social a::before { font-size: 1.6rem; } /* Footer Widgets ---------------------------- */ .footer-widgets-outer-wrapper { border-bottom: 0.1rem solid #dedfdf; } .footer-widgets + .footer-widgets { margin-top: 3rem; } /* Footer Bottom ----------------------------- */ #site-footer { font-size: 1.6rem; } #site-footer .section-inner { align-items: baseline; display: flex; justify-content: space-between; } #site-footer a { text-decoration: none; } #site-footer a:focus, #site-footer a:hover { text-decoration: underline; } .footer-copyright a, .powered-by-wordpress a { color: inherit; } .powered-by-wordpress, .to-the-top { color: #6d6d6d; } a.to-the-top > * { pointer-events: none; } .footer-copyright { font-weight: 600; margin: 0; } .powered-by-wordpress { display: none; margin: 0 0 0 2.4rem; } .to-the-top-long { display: none; } .wc_dealer_resource_wrap h2.page-sub-title, .wc_account_wrap h2.page-sub-title{ font-weight: 800; letter-spacing: 0.5px; text-align: center; margin-bottom: 35px; } .wc_dealer_resource_wrap .resources_box_wrap, .wc_account_wrap .accont_box_wrap{ display: grid; width: 100%; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; } .wc_dealer_resource_wrap .resources_box_wrap .respources_box, .wc_account_wrap .accont_box_wrap .account_box{ background: #e4e4e4; padding: 40px; display: block; transition:all .4s; } .wc_dealer_resource_wrap .resources_box_wrap .respources_box:hover, .wc_account_wrap .accont_box_wrap .account_box:hover { box-shadow: 0 15px 30px #00000052; transform: translateY(-10px); } .respources_box span.icon_wrap, .account_box span.icon_wrap { margin: auto; display: flex; background: #fff; width: 110px; height: 110px; border-radius: 50%; border: 4px solid #133f58; align-items: center; justify-content: center; } .wc_dealer_resource_wrap .resources_box_wrap .respources_box .title h2, .account_box .title h2 { text-align: center; font-size: 20px; color: #292929; text-transform: uppercase; font-weight: 800; margin-top: 20px; margin-bottom: 0; } .wc_dealer_resource_wrap, .wc_account_wrap { margin-bottom: 80px; } .main-accordion-section .ac { border: 0; } .main-accordion-section .ac>.ac-q { border: 0px solid #939393; padding: 15px 20px 15px 70px; margin-bottom: 15px; color: #1A4D68; font-weight: 800; text-transform: capitalize; font-size: 20px; letter-spacing: 0; background: #e0e0e0; outline: none; } .main-accordion-section .ac>.ac-q::after { right: 0; left: 20px; background: #3277bb; color: #fff; width: 25px; height: 25px; font-size: 22px; } .main-accordion-section .ac>.ac-a ul{ /*margin: 0; padding: 0;*/ margin: 0 0 3rem 5rem; } .main-accordion-section .ac>.ac-a li::marker{ color: #009BEC; } .main-accordion-section .ac>.ac-a li a{ color: #333333; text-decoration: none; } .main-accordion-section .ac>.ac-a li a:hover { color: #009BEC; } ul.grid-box-images li,ul.audio-list li, ul.video-list li { list-style-type: none; } .back-dashboard { color: #009BEC; text-decoration: none; } /*-----------------------------------------------*/ /*------------START OF MEDIA QUERIES-------------*/ /*-----------------------------------------------*/ /*--------------FOR SMALL SCREENS----------------*/ @media only screen and (min-width:320px) and (max-width:568px) { .main-header { min-height:95px; /*z-index:1;*/ } .main-header-inner { /*position:relative;*/ } .header { background: #133F58; padding: 25px 0; } .header-left { padding-top:0; } .header-right { width:auto; margin-top:7px; } .header-right-top { display:none; } .header-right-bottom { margin:0px; } .header-right .top-navigation { display:none; } .header-right-bottom .mobile-nav-toggle { display: block; background: url(images/hamburger.png) no-repeat center; width: 30px; height: 30px; position: relative; outline: none; appearance: none; } .header-right-bottom .nav-toggle .toggle-inner { display:none; } .container { max-width:92%; } .solutions-hero-section { height:auto; min-height:350px; } .solutions-hero-section .hero-description { max-width: none; padding: 20px; margin-top: 15%; } .solutions-hero-section .hero-description h1 { font-size:26px; } .solutions-hero-section .hero-description p { font-size: 14px; line-height: 22px; } .solutions-main-left { float:none; width:100%; margin-bottom:50px; } .solutions-main-left h3 { font-size:22px; } .solutions-main-right { padding: 5%; width: 90%; float: none; } .solutions-main-right h3 { font-size:30px; } .solutions-product-section h3, .solutions-benefits-section h3, .store-locator-custom-search h3 { font-size:26px; } .solutions-product-section li { float: none; width: 100%; max-width: 330px; margin-left: auto; margin-right: auto; } .solutions-product-section li:last-child { margin-right:auto; } .solutions-benefits-section .ac .ac-q { font-size: 16px; padding-left: 15%; padding-right: 10%; background-size: 10% auto; background-position: 3% 50%; } .solutions-benefits-section .ac .ac-q::after { width: 20px; height: 20px; font-size: 24px; line-height: 16px; right: 10px; } .store-locator-custom-search h3 a#store_locator_get_my_position { display: block; margin-left: auto; margin-right: auto; max-width: 200px; padding: 0 25px; height: 40px; margin-top: 15px; } .dealers-map-section #store_locator_sidebar { float:none; width:100%; } .dealers-map-section .store_locator_main { float:none; width:100%; } .product-listing-template .product-category-title { font-size: 24px; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 30px; } .product-listing-template .woocommerce .woocommerce-result-count { float: none; text-align: center; margin-bottom: 10px; } .product-listing-template .woocommerce .woocommerce-ordering { /*float: none; text-align: center;*/ display:none; } .product-listing-template .woocommerce ul.products li.product { width: 100%; float: none; max-width: 330px; margin-left: auto; margin-right: auto; } .woocommerce ul.products[class*="columns-"] li.product:nth-child(2n), .woocommerce-page ul.products[class*="columns-"] li.product:nth-child(2n) { float:none; } .home #site-content { margin-top:0; } .home-slider-section video { height: 300px; object-fit: cover; } .home-slider-section .home-hero-desc { max-width:92%; } .home-slider-section .home-desc-inner { padding:5% 10%; margin-top:-240px; } .home-hero-desc .top-arrow::before { width: 70px; left: -9%; top: 0px; } .home-hero-desc .top-arrow::after { height: 70px; left: -9%; top: 0; } .home-hero-desc h1 { font-size: 30px; line-height: 40px; } .home-hero-desc h1 strong { font-size:40px; } .home-hero-desc .bottom-arrow::before { height: 70px; top: -50px; right: -9%; } .home-hero-desc .bottom-arrow::after { width: 70px; top: 20px; right: -9%; } .home-store-section h3 { text-align: center; font-size: 24px; } .home-store-section h3 a { display: block; float: none; margin-top: 20px; max-width: 180px; margin-left: auto; margin-right: auto; } .home-video-section { padding:40px 0; } .home-video-left { float:none; width:100%; margin-bottom:30px; } .home-video-left iframe { height:195px; } .home-video-right { float:none; width:100%; } .home-video-right h3, .home-grid-box .home-grid-right h3 { font-size:22px; } .home-grid-box { min-height:auto; } .home-grid-left { width:100%; } .home-grid-box .home-grid-left p img { min-height: 250px; max-height: 250px; } .home-grid-right { width: 100%; padding-top: 280px; margin: 0 auto; padding-bottom: 40px; } .home-grid-box.first-box .home-grid-left { left: 0; right: 0; } .home-grid-box.first-box .home-grid-right { float:none; } .home-bottom-form { padding:10% 4%; } .home-bottom-form .container, .home-bottom-form .gform_wrapper { max-width:100%; } .home-bottom-form h3 { font-size:30px; } .home-bottom-form .gform_wrapper ul.gform_fields li.gfield { margin-bottom: 10px; padding-right: 5px; padding-left: 5px; } #menu-footer-menu li { margin:0 8px; } .product-single-template .woocommerce div.product .product_title { font-size:22px; } .product-single-template .woocommerce div.product p.price { font-size:32px; } .product-variation-section .variations tr { margin-bottom: 10px; width: 100%; margin-left: 0; margin-right: auto; } .product-single-template .woocommerce div.product .single_variation span.price { font-size:24px; } .product-single-template .woocommerce div.product form.cart .button { padding: 0 20px; font-size: 14px; } .product-single-template .related { padding-top: 35px; border-top: 2px solid #ccc; margin-top: 55px; } .product-single-template .related h2 { font-size:26px; text-align:center; } .product-single-template .woocommerce ul.products li.product { width: 100%; float: none; max-width: 330px; margin-left: auto; margin-right: auto; } .find-dealer-template .page-title, .dealers-by-state-section h3 { font-size:26px; } .dealers-display-section #store_locator_sidebar { float: none; width: 100%; margin-bottom:20px; } .dealers-display-section #store_locator_main { float: none; width: 100%; } .sidebar-top-section .dealer-blue-bar { text-align:center; } .sidebar-top-section .dealer-blue-bar p #store_locator_get_my_position { float: none; display: block; max-width: 150px; margin-left: auto; margin-right: auto; height: 40px; } .dealers-display-section .store_locator_search_box .store-locator-row:first-of-type { width:87%; } .dealers-display-section .store_locator_search_box #store_locator_address_field { width:100%; } .dealers-display-section .store_locator_search_box .store-locator-row:last-child { float:none; width:97%; clear:both; padding-top:20px; } .dealers-by-state-section li { text-align: center; width: 50%; margin: 0 auto 15px auto; } .dealers-by-state-section li a { font-size:13px; } .dealer-single-template h1 { font-size:28px; text-align:center; } .dealer-single-template .dealer-subtitle { font-size:20px; text-align:center; } .dealer-primary { float:none; width:100%; margin-bottom:40px; } .dealer-secondary { float: none; width: 90%; padding: 8% 5%; } .dealer-primary .dealer-featured-img { max-width:none; padding-top:0; } .store_locator_single_address { width:92%; } .store_locator_single_contact { width:100%; } .dealer-primary .store_locator_single_map { position: relative !important; width: 100%; height: 400px; clear: both; margin-top: 40px; } .store-location-template .page-title { font-size:26px; } .state-location-boxes .stores { float: none; width: 76%; padding: 8%; margin: 0 4% 25px 4%; } .footer .header-phn { display:block; margin-left:0; margin-top:15px; } .product-listing-template .primary { float:none; width:100%; } .product-listing-template .secondary { float:none; width:100%; } body .entry-content .tml-login, body .entry-content .tml-lostpassword { max-width:100%; padding:10% 8%; } .home .header, .page-template-template-solutions-child .header, .page-template-template-benefits .header, .page-template-template-solutions-sbs .header { background:#133F58; } .woocommerce-cart table.shop_table td { padding:12px; } .woocommerce-cart .quantity .qty { margin-right:0; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width:100%; } .cart-collaterals .cart_totals h2 { font-size:26px; text-align:center; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { padding: 0; font-size: 16px; width: 100%; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 30px; } .woocommerce-account .woocommerce-MyAccount-content { width: 100%; } .woocommerce table.order_details thead th { padding:12px 10px; } .woocommerce table.order_details tbody td { padding:12px 10px; font-size:14px; } .woocommerce table.order_details tfoot th, .woocommerce table.order_details tfoot td { padding:12px 10px; font-size:16px; } .woocommerce .woocommerce-customer-details address { margin-bottom:30px!important; } .woocommerce-MyAccount-content .col-1.woocommerce-Address { width:90%; padding:5%; margin-bottom:30px; } .woocommerce-MyAccount-content .col-2.woocommerce-Address { width:90%; padding:5%; } .woocommerce ul.order_details { max-width:100%; } .woocommerce ul.order_details li { float:none; } .woocommerce form.login, form.lost_reset_password { max-width:100%; padding:8% 5%; } .home-bottom-form .gform_wrapper ul.gform_fields li.col-6-field, .solutions-main-right .gform_wrapper ul.gform_fields li.col-6-field { float: none; width: 100%; } .main-accordion-section .ac > .ac-a ul { margin:0 auto; } .main-accordion-section .ac .ac-a .grid-box-images li { display:block; width:100%; padding:10px 0; } .page-template-template-solutions-child #site-content, .page-template-template-benefits #site-content, .page-template-template-solutions-sbs #site-content { margin-top:0; } .benefit-content-section { padding-top:20px; } .benefit-content-section .benefit-image { float:none; width:100%; } .benefit-content-section .benefit-image img { max-height: 250px; min-height: 250px; } .benefit-content-section .benefit-content { float:none; width:100%; padding-top:280px; } .benefit-content-section:nth-child(2n+1) .benefit-image { float:none; } .benefit-content-section:nth-child(2n+1) .benefit-content { float:none; padding-top:280px; } } @media only screen and (max-width:667px) { .blog-grid-box { width: 100%; margin:0; } } @media only screen and (max-width:1023px){ .wc_dealer_resource_wrap .resources_box_wrap .respources_box, .wc_account_wrap .accont_box_wrap .account_box{ padding: 30px 20px; } .wc_dealer_resource_wrap .resources_box_wrap .respources_box .title h2, .account_box .title h2{ font-size:16px; } .respources_box span.icon_wrap, .account_box span.icon_wrap{ width: 100px; height: 100px; } .wc_dealer_resource_wrap .resources_box_wrap, .wc_account_wrap .accont_box_wrap{ grid-gap:20px; } } @media only screen and (max-width:991px) { section.color-coolv .store-locator-col-6 { flex: 0 0 100%; max-width: 100%; margin-bottom: 20px; } } @media only screen and (max-width:767px) { .solutions-product-section li img { width: 100%; } body .min-max { width: 60%; } body .progress { max-width: 60%; flex: 0 0 60%; } body .progress-bar-main label { max-width: 40%; flex: 0 0 40%; } body .ul-list-tp ul li { padding: 10px 5px; font-size: 14px; } body .progress-bar-main-top { padding: 20px 15px; } body .progress { height: 30px; margin: 0; } body .progress-bar-main { margin-bottom: 20px; } body .min-max label { font-size: 16px; margin-bottom: 10px; } body .progress-bar-main label { font-size: 14px; } body .color-table h3 { padding: 20px 15px; font-size:16px; } body .singular .entry-header .entry-title { text-align: left; } body .solutions-main-section { /*padding: 60px 0 40px 0;*/ padding: 40px 0 40px 0; } body.singular .entry-header { padding: 60px 0 40px; } body.singular .entry-header .entry-title { font-size: 26px; } .wc_dealer_resource_wrap .resources_box_wrap, .wc_account_wrap .accont_box_wrap{ grid-template-columns: repeat(2, 1fr); } .wc_dealer_resource_wrap h2.page-sub-title, .wc_account_wrap h2.page-sub-title{ margin-bottom: 30px; font-size: 25px; } .wc_dealer_resource_wrap { margin-bottom: 60px; } } @media only screen and (min-width:569px) and (max-width:767px) { .main-header { min-height:95px; /*z-index:1;*/ } .main-header-inner { /*position:relative;*/ } .header { background: #133F58; padding: 25px 0; } .header-left { padding-top:0; } .header-right { width:auto; margin-top:7px; } .header-right-top { display:none; } .header-right-bottom { margin:0px; } .header-right .top-navigation { display:none; } .header-right-bottom .mobile-nav-toggle { display: block; background: url(images/hamburger.png) no-repeat center; width: 30px; height: 30px; position: relative; outline: none; appearance: none; } .header-right-bottom .nav-toggle .toggle-inner { display:none; } .container { max-width:92%; } .solutions-hero-section { height:auto; min-height:350px; } .solutions-hero-section .hero-description { max-width: 60%; padding: 20px; margin-top: 10%; } .solutions-hero-section .hero-description h1 { font-size:26px; } .solutions-hero-section .hero-description p { font-size: 14px; line-height: 22px; } .solutions-main-left { float:none; width:100%; margin-bottom:50px; } .solutions-main-right { padding: 5%; width: 90%; float: none; } .solutions-main-right h3 { font-size:30px; } .solutions-product-section h3, .solutions-benefits-section h3, .store-locator-custom-search h3 { font-size:26px; } .solutions-product-section li { width: 46%; margin: 0 2% 30px 2%; } .solutions-benefits-section .ac .ac-q { font-size: 16px; padding-left: 15%; padding-right: 10%; background-size: 10% auto; background-position: 3% 50%; } .solutions-benefits-section .ac .ac-q::after { width: 20px; height: 20px; font-size: 24px; line-height: 16px; right: 10px; } .store-locator-custom-search h3 a#store_locator_get_my_position { display: block; margin-left: auto; margin-right: auto; max-width: 200px; padding: 0 25px; height: 40px; margin-top: 15px; } .dealers-map-section #store_locator_sidebar { float:none; width:100%; } .dealers-map-section .store_locator_main { float:none; width:100%; } .home #site-content { margin-top:0; } .home-slider-section video { height: 400px; object-fit: cover; } .home-slider-section .home-hero-desc { max-width:92%; } .home-slider-section .home-desc-inner { padding:7% 10%; margin-top:-320px; } .home-hero-desc .top-arrow::before { width: 70px; left: -15%; top: 0px; } .home-hero-desc .top-arrow::after { height: 70px; left: -15%; top: 0; } .home-hero-desc h1 { font-size: 40px; line-height: 50px; } .home-hero-desc h1 strong { font-size:50px; } .home-hero-desc .bottom-arrow::before { height: 70px; top: -50px; right: -12%; } .home-hero-desc .bottom-arrow::after { width: 70px; top: 20px; right: -12%; } .home-store-section h3 { text-align: center; } .home-store-section h3 a { display: block; float: none; margin-top: 20px; max-width: 180px; margin-left: auto; margin-right: auto; } .home-video-section { padding:40px 0; } .home-video-left { float:none; width:100%; margin-bottom:30px; } .home-video-left iframe { height:300px; } .home-video-right { float:none; width:100%; } .home-grid-box { min-height:auto; } .home-grid-left { width:100%; } .home-grid-box .home-grid-left p img { min-height: 350px; max-height: 350px; } .home-grid-right { width: 100%; padding-top: 380px; margin: 0 auto; padding-bottom: 40px; } .home-grid-box.first-box .home-grid-left { left: 0; right: 0; } .home-grid-box.first-box .home-grid-right { float:none; } .home-bottom-form { padding:6% 4%; } .home-bottom-form .container, .home-bottom-form .gform_wrapper { max-width:100%; } .home-bottom-form .gform_wrapper ul.gform_fields li.gfield { margin-bottom: 10px; padding-right: 5px; padding-left: 5px; } .product-single-template .related { padding-top: 35px; border-top: 2px solid #ccc; margin-top: 55px; } .product-single-template .related h2 { text-align:center; } .dealers-display-section #store_locator_sidebar { float: none; width: 100%; margin-bottom:20px; } .dealers-display-section #store_locator_main { float: none; width: 100%; max-width:none; } .dealers-display-section .store_locator_search_box .store-locator-row:first-of-type { width:91%; } .dealers-display-section .store_locator_search_box #store_locator_address_field { width:100%; } .dealers-display-section .store_locator_search_box .store-locator-row:last-child { float:none; width:97%; clear:both; padding-top:20px; } .dealers-by-state-section li { text-align: center; width: 50%; margin: 0 auto 15px auto; } .dealer-single-template h1 { font-size:32px; text-align:center; } .dealer-single-template .dealer-subtitle { font-size:22px; text-align:center; } .dealer-primary { float:none; width:100%; margin-bottom:40px; } .dealer-secondary { float: none; width: 90%; padding: 8% 5%; } .dealer-primary .dealer-featured-img { max-width:none; padding-top:0; } .store_locator_single_address { width:92%; } .store_locator_single_contact { width:100%; } .dealer-primary .store_locator_single_map { position: relative !important; width: 100%; height: 400px; clear: both; margin-top: 40px; } .state-location-boxes .stores { float: none; width: 76%; padding: 8%; margin: 0 auto 25px auto; max-width: 300px; } .product-listing-template .primary { float:none; width:100%; } .product-listing-template .secondary { float:none; width:100%; } .product-listing-template .woocommerce .woocommerce-ordering { /*float: none; text-align: center;*/ display:none; } body .entry-content .tml-login, body .entry-content .tml-lostpassword { max-width:100%; padding:7%; } .home .header, .page-template-template-solutions-child .header, .page-template-template-benefits .header, .page-template-template-solutions-sbs .header { background:#133F58; } .woocommerce-cart table.shop_table td { padding:12px 15px; } .woocommerce-cart .quantity .qty { margin-right:0; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width:100%; } .cart-collaterals .cart_totals h2 { font-size:26px; text-align:center; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { padding: 0; width: 100%; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 30px; } .woocommerce-account .woocommerce-MyAccount-content { width: 100%; } .woocommerce .woocommerce-customer-details address { margin-bottom:30px!important; } .woocommerce-MyAccount-content .col-1.woocommerce-Address { width:94%; padding:3%; margin-bottom:30px; } .woocommerce-MyAccount-content .col-2.woocommerce-Address { width:94%; padding:3%; } .woocommerce ul.order_details { max-width:100%; } .woocommerce ul.order_details li { float:none; } .woocommerce form.login, form.lost_reset_password { max-width:100%; padding:8% 5%; } .color-table tr td:first-child { width: 65%; } .page-id-2690 .color-table tr td:first-child { width: 39.5%; } .main-accordion-section .ac > .ac-a ul { margin:0 auto; } .main-accordion-section .ac .ac-a .grid-box-images li { width:47.5%; } .page-template-template-solutions-child #site-content, .page-template-template-benefits #site-content, .page-template-template-solutions-sbs #site-content { margin-top:0; } .benefit-content-section { padding-top:20px; } .benefit-content-section .benefit-image { float:none; width:100%; } .benefit-content-section .benefit-image img { max-height: 350px; min-height: 350px; } .benefit-content-section .benefit-content { float:none; width:100%; padding-top:380px; } .benefit-content-section:nth-child(2n+1) .benefit-image { float:none; } .benefit-content-section:nth-child(2n+1) .benefit-content { float:none; padding-top:380px; } } @media only screen and (max-width:768px) { .home-store-section h2 { text-align: center; } .home-store-section h2 a { text-align: center; float: none; display: block; margin-top: 20px; max-width: 225px; margin-left: auto; margin-right: auto; } .blog-single-template .primary { width: 100%; float: none; } .blog-single-template .secondary { width: 100%; float: none; } } @media only screen and (min-width:768px) and (max-width:980px) { .main-header { min-height:95px; /*z-index:1;*/ } .main-header-inner { /*position:relative;*/ } .header { background: #133F58; padding: 25px 0; } .header-left { padding-top:0; } .header-right { width:auto; margin-top:7px; } .header-right-top { display:none; } .header-right-bottom { margin:0px; } .header-right .top-navigation { display:none; } .header-right-bottom .mobile-nav-toggle { display: block; background: url(images/hamburger.png) no-repeat center; width: 30px; height: 30px; position: relative; outline: none; appearance: none; } .header-right-bottom .nav-toggle .toggle-inner { display:none; } .container { max-width:94%; } .solutions-hero-section { height:auto; min-height:450px; } .solutions-hero-section .hero-description { max-width: 50%; padding: 20px; margin-top: 12%; } .solutions-main-left { float:none; width:100%; margin-bottom:50px; } .solutions-main-right { padding: 5%; width: 90%; float: none; } .solutions-product-section li { width: 46%; margin: 0 2% 30px 2%; } .solutions-benefits-section .ac .ac-q { padding-left: 12%; padding-right: 8%; } .store-locator-custom-search h3 a#store_locator_get_my_position { display: block; margin-left: auto; margin-right: auto; max-width: 200px; padding: 0 25px; height: 40px; margin-top: 15px; } .dealers-map-section #store_locator_sidebar { float:none; width:100%; } .dealers-map-section .store_locator_main { float:none; width:100%; } .product-listing-template .woocommerce ul.products li.product, .product-listing-template .woocommerce-page ul.products li.product { /* width: 46%; margin: 0 2% 40px 2%; clear: none;*/ } .home #site-content { margin-top:0; } .home-slider-section video { height: 400px; object-fit: cover; } .home-slider-section .home-hero-desc { max-width:94%; } .home-slider-section .home-desc-inner { padding:7% 10%; margin-top:-320px; } .home-hero-desc .top-arrow::before { width: 70px; left: -15%; top: 0px; } .home-hero-desc .top-arrow::after { height: 70px; left: -15%; top: 0; } .home-hero-desc h1 { font-size: 40px; line-height: 50px; } .home-hero-desc h1 strong { font-size:50px; } .home-hero-desc .bottom-arrow::before { height: 70px; top: -50px; right: -12%; } .home-hero-desc .bottom-arrow::after { width: 70px; top: 20px; right: -12%; } .home-store-section h3 { font-size:26px; } .home-video-section { padding:40px 0; } .home-video-left { float:none; width:100%; margin-bottom:30px; } .home-video-left iframe { height:400px; } .home-video-right { float:none; width:100%; } .home-grid-box { min-height:auto; } .home-grid-left { width:100%; } .home-grid-box .home-grid-left p img { min-height: 420px; max-height: 420px; } .home-grid-right { width: 100%; padding-top: 450px; margin: 0 auto; padding-bottom: 40px; } .home-grid-box.first-box .home-grid-left { left: 0; right: 0; } .home-grid-box.first-box .home-grid-right { float:none; } .home-bottom-form { padding:6% 3%; } .home-bottom-form .container, .home-bottom-form .gform_wrapper { max-width:100%; } .home-bottom-form .gform_wrapper ul.gform_fields li.gfield { margin-bottom: 10px; padding-right: 5px; padding-left: 5px; } .product-single-template .woocommerce div.product .product_title { font-size:22px; } .product-single-template .woocommerce div.product p.price { font-size:32px; } .product-single-template .woocommerce div.product .single_variation span.price { font-size:26px; } .product-single-template .woocommerce div.product form.cart .button { padding:0px 20px; font-size:14px; } .product-single-template .related { padding-top: 35px; border-top: 2px solid #ccc; margin-top: 55px; } .product-single-template .related h2 { text-align:center; } .dealers-display-section #store_locator_sidebar { float: none; width: 100%; margin-bottom:20px; } .dealers-display-section #store_locator_main { float: none; width: 100%; max-width:none; } .dealers-display-section .store_locator_search_box .store-locator-row:first-of-type { width:94%; } .dealers-display-section .store_locator_search_box #store_locator_address_field { width:100%; } .dealers-display-section .store_locator_search_box .store-locator-row:last-child { float:none; width:99%; clear:both; padding-top:20px; } .dealers-by-state-section li { text-align: center; width: 50%; margin: 0 auto 15px auto; } .dealer-primary { float: none; width: 100%; min-height: 550px; } .dealer-secondary { float: none; width: 92%; clear: both; padding: 4%; } .state-location-boxes .stores { width: 40%; margin: 0 2% 25px 2%; } .product-listing-template .primary { float:none; width:100%; } .product-listing-template .secondary { float:none; width:100%; } .product-listing-template .woocommerce .woocommerce-ordering { /*float: none; text-align: center;*/ display:none; } .home .header, .page-template-template-solutions-child .header, .page-template-template-benefits .header, .page-template-template-solutions-sbs .header { background:#133F58; } .woocommerce-cart table.shop_table td { padding:12px 10px; font-size:15px; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width:55%; float:none; margin:0 auto; } .cart-collaterals .cart_totals h2 { text-align:center; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 100%; margin-bottom: 30px; } .woocommerce-account .woocommerce-MyAccount-content { width: 100%; } .woocommerce ul.order_details { max-width:100%; } .woocommerce ul.order_details li { float:none; } .page-template-template-solutions-child #site-content, .page-template-template-benefits #site-content, .page-template-template-solutions-sbs #site-content { margin-top:0; } .benefit-content-section { padding-top:20px; } .benefit-content-section .benefit-image { float:none; width:100%; } .benefit-content-section .benefit-image img { max-height: 400px; min-height: 400px; } .benefit-content-section .benefit-content { float:none; width:100%; padding-top:430px; } .benefit-content-section:nth-child(2n+1) .benefit-image { float:none; } .benefit-content-section:nth-child(2n+1) .benefit-content { float:none; padding-top:430px; } } @media only screen and (min-width:981px) and (max-width:1199px) { .main-header { min-height:95px; /*z-index:1;*/ } .main-header-inner { /*position:relative;*/ } .header { background: #133F58; padding: 25px 0; } .header-left { padding-top:0; } .header-right { width:auto; margin-top:7px; } .header-right-top { display:none; } .header-right-bottom { margin:0px; } .header-right .top-navigation { display:none; } .header-right-bottom .mobile-nav-toggle { display: block; background: url(images/hamburger.png) no-repeat center; width: 30px; height: 30px; position: relative; outline: none; appearance: none; } .header-right-bottom .nav-toggle .toggle-inner { display:none; } .container { max-width:96%; } .solutions-hero-section { height:auto; min-height:500px; } .solutions-hero-section .hero-description { max-width: none; width: 50%; margin-top: 12%; } .solutions-benefits-section .ac .ac-q { padding-left: 10%; padding-right: 6%; } .product-listing-template .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size:16px; } .product-listing-template .woocommerce ul.products li.product .price { font-size:22px; } .home #site-content { margin-top:0; } .home-slider-section video { height: 500px; object-fit: cover; } .home-slider-section .home-hero-desc { max-width:96%; } .home-slider-section .home-desc-inner { padding:7% 10%; margin-top:-420px; } .home-hero-desc h1 { font-size: 60px; line-height: 70px; } .home-hero-desc h1 strong { font-size:60px; } .home-bottom-form .gform_wrapper { max-width:100%; } .sidebar-top-section .dealer-blue-bar { text-align:center; } .sidebar-top-section .dealer-blue-bar p #store_locator_get_my_position { float: none; display: block; max-width: 150px; margin-left: auto; margin-right: auto; height: 40px; } .dealers-display-section .store_locator_search_box .store-locator-row:first-of-type { width:87%; } .dealers-display-section .store_locator_search_box #store_locator_address_field { width:100%; } .dealers-display-section .store_locator_search_box .store-locator-row:last-child { float:none; width:97%; clear:both; padding-top:20px; } .state-location-boxes .stores { width: 40%; margin: 0 2% 25px 2%; } .product-listing-template .secondary .widget .widget-title { font-size:18px; } .home .header, .page-template-template-solutions-child .header, .page-template-template-benefits .header, .page-template-template-solutions-sbs .header { background:#133F58; } .woocommerce ul.order_details { max-width:100%; } .page-template-template-solutions-child #site-content, .page-template-template-benefits #site-content, .page-template-template-solutions-sbs #site-content { margin-top:0; } } @media only screen and (min-width:981px) and (max-width:1024px) { .solutions-product-section li .learn-more-btn a { padding: 8px 25px; } } @media only screen and (min-width:991px) { .solutions-product-section ul { display:flex; justify-content: center; } } /*---------------FOR BIG SCREENS------------------*/ @media only screen and (min-width:1367px) and (max-width:1680px) { .solutions-hero-section .hero-description { margin-top:18%; } .home-slider-section .home-desc-inner { margin-top:-50%; } } @media only screen and (min-width:1681px) and (max-width:1920px) { .solutions-hero-section .hero-description { margin-top:20%; } .home-slider-section .home-desc-inner { margin-top:-55%; } } @media only screen and (min-width:1921px) and (max-width:2440px) { .solutions-hero-section .hero-description { margin-top:22%; } .home-slider-section .home-desc-inner { margin-top:-65%; } } @media only screen and (min-width:2441px) and (max-width:2999px) { .solutions-hero-section .hero-description { margin-top:24%; } .home-slider-section .home-desc-inner { margin-top:-90%; } } @media only screen and (max-width:480px) { section.color-coolv table { margin: 0; display: block; white-space: nowrap; overflow-x: auto; max-height: 100%; overflow-y: auto; } } @media only screen and (max-width:414px) { body .ul-list-tp ul li { padding: 10px 2px; font-size: 13px; } } @media only screen and (max-width:374px) { body .ul-list-tp ul li { font-size: 12px; } .wc_dealer_resource_wrap .resources_box_wrap, .wc_account_wrap .accont_box_wrap { grid-template-columns: repeat(1, 1fr); } } /*-----------------------------------------------*/ /*--------------END OF MEDIA QUERIES-------------*/ /*-----------------------------------------------*/ section.color-coolv * { box-sizing: border-box; } ul.color-nmr { margin: 0; } .progress-bar-main-top { display:none; } .progress-bar-main-top.tabactive { display:block; } .color-table tbody tr:last-child td:first-child label { /*border-top: 1px solid #c2c2c2;*/ border-top: 0px solid #c2c2c2; border-bottom: 0; padding-bottom: 0; /*padding-top: 5px;*/ padding-top: 0; } .color-table tr td:first-child { min-width: 150px; background-color: transparent!important; list-style-type: none; margin: 0; /* border-top: 0!important; */ vertical-align: text-bottom; border:transparent; } .color-table tr td:first-child label { font-size: 15px; color: #1b1b1b; /*border-bottom: 1px solid #c2c2c2;*/ padding: 0; text-transform: capitalize; margin: 0; text-align: left; padding-bottom: 5px; } .color-table p { background-color: #aecad9; text-align: center; color: #1b1b1b; padding: 7px 0px; font-size: 20px; margin: 0; } section.color-coolv table { margin: 0; } ul.color-nmr { padding: 25px 0px 0 30px; } .color-table .store-locator-col-5 { padding-right: 0; } .color-table { background-color: #e6e6e6; } .color-table h3 { background-color: #1a4d68; color: #fff; margin: 0; text-align: center; padding: 10px 15px; font-size: 30px; font-weight: 800; } ul.color-nmr:nth-child(2) { padding-top: 0; } ul.color-nmr:nth-child(2) { min-height: 155px; } .color-table tbody tr:nth-child(5) td { /* padding-bottom: 50px; padding-bottom: 24px;*/ padding-bottom: 0; } .color-table tbody tr:nth-child(12) td { padding-top: 10px; } .color-table tbody tr:nth-child(3) td { /* padding-bottom:52px; padding-bottom:24px; */ } ul.color-nmr:nth-child(2) { min-height: 110px; } ul.color-nmr:nth-child(3), ul.color-nmr:nth-child(4) { padding-top: 0; min-height: 200px; } .color-table tbody tr:last-child td span { /*border-width: 1px 0 0 0;*/ border-width: 0; padding-top: 5px; } ul.color-nmr:nth-child(5) { padding-top:0px; } ul.color-nmr:nth-child(5) li { border-width: 1px 0 0 0; border-style: solid; border-color: #c2c2c2; } .color-table tbody tr:last-child td { /*padding-top: 10px;*/ padding-top: 0; padding-bottom: 11px; } ul.color-nmr:nth-child(4) { min-height: 222px; } ul.color-nmr:nth-child(1) { min-height: 170px; } .color-table td { background-color: #47bcf9; color: #fff; text-align: center; border-width: 0px; font-size: 14px; width: 40px; padding: 0.5em 15px; } .color-table tbody tr:nth-child(1) td span, .color-table tbody tr:nth-child(5) td span { /*border-width: 0 0 2px 0;*/ } .color-table td span { border-width: 0 0 1px 0; border-color: #fff; border-style: solid; width: 100%; display: block; padding-bottom: 5px; } .color-table tr td:nth-child(even) { background-color: #009bec; } .page-id-2748 .color-table tbody tr:nth-child(11) td, .page-id-2748 .color-table tbody tr:nth-child(12) td, .page-id-2752 .color-table tbody tr:nth-child(12) td, .page-id-2752 .color-table tbody tr:nth-child(13) td{ padding: 0 15px; } .page-id-2748 .color-table tbody tr:nth-child(12) td label, .page-id-2752 .color-table tbody tr:nth-child(13) td label{ border-top: 1px solid #c2c2c2; border-bottom: 0; padding-top: 5px; } .page-id-2753 .color-table tbody tr:nth-child(4) td label { border-top: 0; } .solutions-main-left h2:nth-child(1) { margin: 0 0 2rem; } .ul-list-tp ul { margin: 0!important; display: flex; } .ul-list-tp ul li { background-color: #1a4d68; color: #fff; padding: 10px 10px; font-size: 20px; max-width: 20%; flex: 0 0 20%; text-align: center; font-weight: 700; border-width: 0px 0px 1px 1px; border-style: solid; border-color: rgba(255,255,255,0.7); margin: 0; list-style: none; } .ul-list-tp ul li a { text-decoration: none; color: #fff; } .color-table-rt { background-color: #e6e6e6; } .progress { display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; overflow: hidden; font-size: .75rem; background-color: #fff; border-radius: 0; } .progress-bar-main { display: flex; flex-wrap: wrap; align-items: center; clear: both; margin: 0px 0px 20px; } .progress-bar-main label { max-width:15%; flex: 0 0 15%; margin: 0; font-size: 18px; color: #1b1b1b; } .min-max label { font-size: 18px; color: #1b1b1b; margin-bottom: 15px; } .ul-list-tp ul li.active a { color: #1b1b1b; } .ul-list-tp ul li.active { background-color: transparent; } .min-max { float: right; width: 85%; display: flex; justify-content: space-between; } .progress { max-width: 85%; flex: 0 0 85%; } .progress-bar-main-top { padding: 50px 40px; } .progress-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; background-color: #007bff; transition: width .6s ease; } .color-table td div { padding: 0.5em; } .color-table thead tr td:first-child { border: 0; } .color-table thead tr td strong { min-height: 25px; display: block; } .color-table { margin-bottom: 40px; } .respources_box, .account_box{ position: relative; } a.wc_box_url { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-width: 1200px){ .menu-modal.active{ z-index: 99999; } } @media only screen and (max-width: 1024px){ .color-table tr:first-child{ float:none; display: contents; } .color-table tr td:first-child{ /*width: 80%;*/ } } @media only screen and (max-width: 575px){ .color-table tr td:first-child label{ max-width: 150px; white-space: normal; font-size: 13px; border:0; } .color-table tbody tr:last-child td:first-child label, .color-table td span{ border:0; } .color-table tr td:first-child { width: 80%; position: sticky; left: 0; z-index: 3; background: #e6e6e6 !important; } .color-table td{ border-bottom: 1px solid #fff; } } .ac.js-enabled .ac-a { position: relative; } ul.video-list { display: flex; margin: 0 -10px !important; flex-wrap: wrap; } ul.video-list li {width: 50%;margin: 0;padding: 10px;} ul.video-list li .wp-video { width: 100% !important; height: auto !important; } ul.video-list .wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load { width: 100% !important; height: 100% !important; } ul.video-list .mejs-container { padding-top: 56.25%; } ul.video-list .wp-video, ul.video-list video.wp-video-shortcode { max-width: 100% !important; } ul.video-list video.wp-video-shortcode { position: relative; } ul.video-list .mejs-mediaelement { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } ul.video-list .mejs-controls { display: none; } ul.video-list .mejs-overlay-play { top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; }