/* Theme Name: Hi-Q Description: Custom Theme for Hi-Q based on the _tk Theme Author: NMP Agency Author URI: http://nmp.co.za Template: _tk Version: 1.0.0 */ .page-id-2994 h3.gsection_title{ margin: 15px 0 15px 0 !important; font-size:25px !important; color: #0051a4 !important; font-weight: bold; letter-spacing: -0.01em; } .page-id-2994 .gform_wrapper.gravity-theme .gsection { border-bottom: 0px solid #ccc !important; border-top: 1px solid #ccc !important; padding: 0 16px 8px 0; margin-top:30px !important; } .blue-bg-fix { background-color: #f0f0f0 !important; position: absolute; left: 50%; top: 0; bottom: 0; right: 0; display: none; } /* Monroe campaign / black friday styling override */ .page-id-2820 .col-sm-4, .page-id-2852 .col-sm-4, .page-id-2932 .col-sm-4, .page-id-2994 .col-sm-4 { padding-left: 0px !important; width: 100% !important; } /* Monroe campaign styling override end */ /* === Remove Specials Popup from Tyresurance Page and Repective Sub-Pages === */ .page-id-19 #text-6, .page-id-184 #text-6, .page-id-1936 #text-6, .page-id-185 #text-6, .page-id-186 #text-6, .page-id-273 #text-6 { display: none; } /* ==== Extra small devices (phones, less than 768px) ==== */ /* No media query since this is the default in Bootstrap */ /* === Homepage Tyre Care Section === */ .home .tyre-care-wrapper .readmore {display: none !important;} /* === Voyager Archive and Single Product === */ .product_cat_voyager .hiq-brand-name {display: none !important;} .product_cat_voyager .hiq-product-loop-excerpt strong {font-size: 16px !important; color: #0051a4; font-weight: normal; letter-spacing: -0.025em; line-height: normal;} .product_cat_voyager #content .product .woocommerce-loop-product__title, .product_cat_voyager .price {font-size: 13px !important; color: #585858 !important; margin-left: 12px;} .term-description strong {display: none;} .product_cat_voyager ins {text-decoration: none !important;} .product_cat_voyager span.onsale {background-color: #ffe100 !important; width: 50px; color: rgb(10, 75, 149);} .product_cat_voyager .hiq-product-loop-excerpt {padding-bottom: 20px !important;} .product .onsale {margin-left: 150px !important; margin-top: -6px !important;} /* .product_cat_voyager .woocommerce-Price-amount {font-size: 30px !important; color: #585858 !important; position: relative; bottom: -30px;} */ /* === Animations === */ body, html { transition: all 0.2s ease-in; } /* === General Styles === */ body { color: #585858; font-size: 16px; font-family: Arial, Helvetica, sans-serif; } button, input, optgroup, select, textarea{ padding:8px; color:#000000; background-color: #d7d7d7; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; border:none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} select{padding:8px !important;} input[type=checkbox]{margin-top:0px !important;} ::-webkit-input-placeholder {color: #000000;} :-moz-placeholder { color:#000000; opacity: 1;} ::-moz-placeholder { color:#000000; opacity: 1;} :-ms-input-placeholder {color:#000000;} a, a:hover, a:visited, a:active { color: #1059a7; } .no-margin-top { margin-top: 0px !important; } .no-margin-bottom { margin-bottom: 0px !important; } .no-margin-right{margin-right: 0px !important;} .no-padding-bottom { padding-bottom: 0px !important; } .no-padding-top { padding-top: 0px !important; } .blue-bg { background-color: #0057a3; color: #a9c4de; } .blue-bg a { color: #ffe100; } .yellow-txt { color: #ffe100; } .blue-bg h1, .blue-bg h2, .blue-bg h3, .blue-bg h4 { color: #ffffff; } .bg-style { background-size: cover; background-position: center center; background-repeat: no-repeat; } .section-padding-bottom { padding-bottom: 60px; } .section-padding-bottom.news-div, .section-padding-bottom.serveces-div{ padding-bottom: 0px; margin-bottom:30px;} .section-padding-top { padding-top: 60px; } .grey-bg-full { background-color: #e8e8e8; color: #000000; } .black-txt { color: #000000; } .yellow-txt2{color:#ffe21c; text-shadow: 1px 1px 3px rgba(0,0,0,0.5);} .red-text{color:#ff0000;} .relative{position: relative;} .uppercase{text-transform:uppercase;} .red-text, .red-text a, .grey-text.essential_services_provider{color:#ff0000 !important;} .blue-text, .blue-text a, .grey-text.emergency_contact_store{color:#0000ff !important;} .grey-text, .grey-text a{color:#666666 !important;} /* === Buttons === */ .button, .btn, .woocommerce a.button { width: auto; /*!important;*/ border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border: none; outline: none; font-family: sans-serif; color: #ffe100 !important; text-transform: uppercase; font-size: 12px; font-style: italic; background: #0a4b95; padding: 0px 30px !important; display: inline-block; text-align: center; box-shadow: 3px 3px 0px #aaaaaa; height: 40px; line-height: 40px; } .button:hover , .btn:hover, .woocommerce a.button:hover{background:#0059ac;} .button-slanted { -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); } .button-slanted-content, .button-slanted a { -ms-transform: skewX(20deg); -webkit-transform: skewX(20deg); transform: skewX(20deg); display: inline-block; color: #ffe100; } .button-slanted a { padding-left: 0px !important; padding-right: 0px !important; } /* === Headings === */ h1 { font-size: 38px; color: #0051a4; font-weight: normal; letter-spacing: -0.01em; } h2 { font-size: 25px; color: #0051a4; font-weight: normal; letter-spacing: -0.01em; } /* === Header === */ #masthead { position: relative; } #site-logo { position: absolute; z-index: 10; top: 54px; left: -20px; background-image: url(images/logo-bg.png); background-repeat: no-repeat; background-position: right top; width: 140px; display: block; height: 85px; } #site-logo { background: #0a4b95; -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); } #site-logo img { padding: 15px 30px; -ms-transform: skewX(20deg); -webkit-transform: skewX(20deg); transform: skewX(20deg); } /*.top-section { position: relative; } */ #top-bar { text-align: center; padding-top: 10px; max-height: 65px; position: relative;} .site-logo-brand { display: block; } .top-search { float: right; display: none; position: relative; position: relative;} .top-search input { border: 1px solid #005ab0; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; color: #005ab0; display: block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; background-color: #fff; background-image: none;} .top-search .search-btn { position: absolute; top: 0; right: 0; background-color: transparent; background-image: none; border: none; color: #005ab0; line-height: 34px; padding: 0px 10px; } .search-toggle-btn{background-color: transparent; background-image:none; padding:5px 10px; color:#1059a7;} .search-toggle{position: absolute; top:45px; right: -90px; background:#ffffff; padding:15px; z-index: 1; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5); box-shadow:0px 0px 5px rgba(0,0,0,0.5); display: none;} .grey-bg.mobile { background-color: #dfe6ee; } #top_menu.nav>li { display: inline-block; } #top_menu.nav>li.button a{text-decoration: none !important;} #top_menu.nav>li.button { padding-left: 10px !important; padding-right: 10px !important; } #top_menu.nav>li.button:hover{background:#0059ac;} #top_menu.navbar-nav { margin: 0px; } .container.top-section{padding-left:5px; padding-right:5px; position: relative;} .hiq-game{position: absolute; top: 0; bottom: 0; right: 0; display: none;} .hiq-game a{display: block;} .blue-bg-fix{background-color: #0057a3; position: absolute; left: 50%; top: 0; bottom: 0; right: 0; display: none;} /* === Footer === */ footer.site-footer { border-top: 10px solid #ffe100; border-right-width: 10px; border-bottom-width: 10px; border-left-width: 10px; padding-top: 50px; padding-bottom: 15px; background: url(images/footer-bg.png) left top no-repeat #0059ac; color: #fff; } footer.site-footer a { color: #fff; } footer.site-footer a:hover { color: #ffe100; } footer.site-footer .yellow-txt a{ color: #ffe100; } footer.site-footer .yellow-txt a:hover{text-decoration: none;} footer.site-footer .site-info { text-align: center; padding-top: 20px; font-size: 14px; } footer.site-footer .site-info .copyright, footer.site-footer .site-info .credits { display: block; } footer.site-footer .site-info .sep { display: none; } .site-footer-inner { border-top: 1px solid #ffe100; } .site-footer .nav>li>a { padding: 3px 0px; } .site-footer #menu-social-media>li { padding-bottom: 15px; } .site-footer .widget-title { font-weight: bold; } .site-footer .widget-title:after { content: ""; display: block; width: 50px; height: 1px; background: #ffe100; margin-top: 15px; } .site-footer .fa { font-size: 22px; width: 25px; margin-top: 10px; } .site-footer li:first-child .fa { margin-top: 0px; } /* === Nav === */ .site-navigation-inner { padding: 0px; } .site-navigation .navbar { border: none; border-radius: 0px; min-height: 85px; margin-bottom: 0px; } .site-navigation .container { padding: 0 15px 0px 15px; margin-bottom: -1px; } .navbar-default { background-color: transparent; } .navbar-toggle { margin-right: 15px; padding: 18px 15px; margin-top: 15px; background-color: transparent; border: 1px solid #eee; border-radius: 0px; } .toggle-caption { display: block; float: left; font-style: italic; text-transform: uppercase; margin-top: -2px; } .navbar-default .navbar-toggle .icon-bar { background-color: #000; margin-left: 60px; } .site-navigation .navbar-collapse{border-top:none;} ul#main-menu li{margin: 0px; padding: 0px; background-color: #f0f0f0; border-top: 1px solid #cacaca;} ul#main-menu li a { text-transform: uppercase; font-weight: 400; line-height: 40px; background:transparent; margin: 0px; padding: 20px 35px 20px 20px; display: block;} ul#main-menu li a:hover { text-decoration: none; } ul#main-menu .dropdown ul li a{text-transform: none; font-size:16px;} .nav a:hover { text-decoration: none !important; } .nav>li>a:hover, .nav>li>a:focus { background-color: transparent; text-decoration: underline; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color:#004ba0;} .navbar-header{height: 85px;} #main-menu .dropdown ul{padding:0px 0px 0px 15px; border-top: none;} #main-menu .dropdown ul li.product-main-menu-top-heading{display: none;} #main-menu .dropdown ul li.product-main-menu-top-heading + li{border-top:none;} .site-navigation .navbar-nav{margin-top:0px; margin-bottom:0px;} .game-icon{background:url(images/Q.png) no-repeat 10px 14px; padding-left: 25px;} /* === Content === */ .main-content-inner, .side-content-inner { padding-top: 30px; } .hentry{ margin: 0 0 25px; } .search-results .hentry, .archive #content > article, .search-results #content > article{ margin: 0 0 0px; } .post-date { line-height:0px; display: inline-block; border-top: 40px solid #dfe6ee; border-right: 25px solid transparent; margin-bottom: 20px; position: relative; height: 40px; } .post-date-inner { font-size: 14px; color: #005ab0; font-weight: bold; text-transform: uppercase; font-style: italic; position: relative; top: -20px; padding: 0px 20px; } .main-content-inner, .side-content-inner { padding-top: 35px; } /* === Breadcrumbs === */ #breadcrumbs{margin-bottom:25px;} /* === Slider === */ .main-slider {} .main-slider .slick-slide img { margin: 0 auto; width: 100%; max-width: 1920px; } .slider-container { padding: 0px; margin: 0px; } .single-slide { position: relative; display: none;} .single-slide:first-child{display: block;} .single-slide .slider-caption { position: absolute; bottom: 15px; left: 15px; right: 15px; top:15px; font-style: italic; color: #ffffff; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8); } .single-slide .slider-caption > div{display: table; width: 100%; height: 100%;} .single-slide .slider-caption > div > div{display: table-cell; vertical-align: middle;} .slick-prev, .slick-next{width:47px; height: 80px; position: absolute; top: 50%; z-index: 1;} .slick-prev {left: 10px; background: url(images/arrow-prev.png) no-repeat center center !important;} .slick-next {right: 10px; background: url(images/arrow-next.png) no-repeat center center !important;} .slick-prev:before, .slick-next:before{display: none;} .slider-height { padding-bottom: 35%; } .slick-list{width:100%;} .slide-url{position: absolute; left: 0; right: 0; bottom: 0; top: 0;} /* === Product Menu - Home page === */ .product-menu { background: url(images/blue-menu-bg.png) center top repeat-x #004a9b; } .product-menu li { border-bottom: solid 1px #004381; background-image: url(images/arrow_right.png); background-repeat: no-repeat; background-position: right 20px center; } .product-menu li a { color: #fff; line-height: 50px; padding-left: 15px; padding-right: 15px; text-transform: uppercase; line-height: 50px; } .product-menu li a:hover{color:#ffe100;} .product-menu .container { padding-bottom: 0px; } .product-menu ul{margin: 0px;} /* === Home Page === */ #myModal {} .modal-overlay { display: none; background-color: #231f20; /*opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8;*/ position: fixed; z-index: 1039; height: 100%; width: 100%; left: 0px; top: 0px; right: 0px; bottom: 0px; } .modal-open .modal-overlay { display:block;} .svg { margin-bottom: 10px; } .service { margin-top: 2px; padding: 75px 0px; } .service:first-child { margin-top: 0px; } .service-details { float: right; margin-right: 40px; text-transform: uppercase; margin-left:40px;} .service-details h3 a { color: #ffffff; padding: 12px 20px; display: inline-block; background: rgba(67,69,72, 0.9); margin-bottom: 0px; font-size: 25px; } .service-btn { text-align: right; } .service-btn a { display: inline-block; background-color: #dfe6ee; padding: 5px 25px; font-weight: bold; } .tyre-care-title a { color: #ffffff; font-size: 16px; font-weight: bold; } .center-txt { text-align: center; } .tyre-care-wrapper { background-color: #dfe6ee; } .tyre-care-wrapper .center-txt { text-align: center; } .tyre-care-wrapper .slick-slide img{margin:0 auto;} .indent { padding: 50px 0px; } .newsitems-slide { padding: 0px; list-style: none; } #the_awards .slick-slide img { margin: 0 auto; } .date-cat { font-style: italic; font-weight: bold; margin-bottom: 5px; font-family: Myriad Pro; color: #888888; } .date-cat i { margin: 0 5px 0 15px; } .date-cat span:first-child i { margin-left: 0px; } .news-item { padding-top: 30px; } .newsitems-slide > div:first-child .news-item { padding-top: 0px; } .readmore { margin-top: 5px; } .home-widget div.widget { margin-bottom: 0px; } .home-widget .gform_wrapper span.gform_description { margin: 0px; } .tyre-care-excerpt{text-align: center;} /* updates */ .tyre-care-excerpt img{max-width: 100px; margin-bottom: 10px;} .tyre-care-title a{color:#0051a4;} .tyre-care-wrapper .center-txt{color:#0051a4;} .tyre-care-wrapper .readmore a{color: #000000;} .home .grey-bg-full {border-bottom:1px solid #e8e8e8; background-color:#ffffff;} #gform_1 .gform_body input{background-color:#e8e8e8 !important;} .service-btn.tyre-surance{margin-top:77px;} .home-heading.uppercase.margin-top{margin-top:62px;} #gform_1 { margin: 0 auto; max-width: 620px; text-align: center; position: relative; } #gform_1 .gform_footer.top_label input { margin: 0px; } #gform_1 .gform_body li { padding: 0px; } #gform_1 .gform_footer.top_label{margin:0px 0px;} #gform_1 .gform_body input { color:#7d7d7d; width: 100% !important; padding-left:10px !important; padding-right:10px !important; display: inline-block; height: 40px; background-color:#ffffff; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px;} #gform_1 .validation_message{position: absolute; width: auto; left: 0; right: 170px;} #gform_1 .gform_body ::-webkit-input-placeholder {color: #7d7d7d;} #gform_1 .gform_body :-moz-placeholder { color:#7d7d7d; opacity: 1;} #gform_1 .gform_body ::-moz-placeholder { color:#7d7d7d; opacity: 1;} #gform_1 .gform_body :-ms-input-placeholder {color:#7d7d7d;} #gform_1 .gform_ajax_spinner{position: absolute; left: 100%; top:16px;} .gforms_confirmation_message { background-color: #dff0d8; padding: 20px;} li#field_2_19 { clear:left !important; } li.form-field-full { display: block; width: 100% !important; clear: left; margin-top:40px;} li.form-field-full ul.gfield_checkbox li { width: 100% !important; } li.form-field-full ul.gfield_checkbox li label { width: 100% !important; } li.top-field { /*margin-top: 20px !important; border-top: 1px solid #eee !important; padding-top: 20px !important;*/ clear: both !important;} /* === Products === */ .product h2 { font-size: 25px; font-weight: bold; letter-spacing: -0.025em; } .hiq-single-product-description h2, .hiq-single-product-description h2 strong { font-weight: normal !important; font-size: 20px !important; margin-bottom: 20px !important; } .woocommerce .hiq-single-product-description p, .woocommerce .hiq-single-product-description li { font-size: 16px; line-height: 25px; color: #585858; letter-spacing: -0.025em; } /* .woocommerce .hiq-single-product-description p:first-child{font-weight: bold;} */ .hiq-single-product-request-a-quote { float: right; width: 100%; text-align: center; clear: right; } .request-a-quote-button { border: none; outline: none; font-family: sans-serif; color: #ffe100 !important; text-transform: uppercase; font-size: 16px; font-style: italic; padding: 0px 30px; display: block; text-align: center; box-shadow: 3px 3px 0px #aaaaaa; height: 40px; line-height: 40px; font-weight: bold; text-decoration: none; margin-top: 50px; margin-bottom: 50px; background-color: #005ab0; } .request-a-quote-button:hover, .request-a-quote-button:focus { color: #ffe100; opacity: 0.9; } .woocommerce .main-content-inner { letter-spacing: -0.01em; color: #585858; } ul.products li.product { border: 1px solid #cdcdcd; letter-spacing: -0.01em; color: #000; } ul.products li.product a img { /* border-bottom: 1px solid #cdcdcd; padding: 0px 15px;*/ } .woocommerce ul.products li.product h3, .woocommerce ul.products li.product h2 { padding: 10px !important; font-size: 22px !important; color: #0051a4; font-weight: normal; letter-spacing: -0.025em; line-height: normal; margin-bottom:0px !important;} .tax-product_cat.woocommerce ul.products li.product-category.product h3, .tax-product_cat.woocommerce ul.products li.product-category.product h2 { padding-bottom: 20px !important; } .woocommerce ul.products li.product, .woocommerce ul.products li.product .hiq-product-loop-excerpt { font-size: 16px; color: #585858; padding-right: 10px; padding-left: 10px; } .woocommerce ul.products li.product{width:100%; margin:0 0 2.992em 0;} .woocommerce ul.products li.product .hiq-product-loop-excerpt p { line-height: 18px; } .woocommerce ul.products li.product:hover { opacity: 0.9; } .woocommerce div.product div.images img{width:auto; max-width: 100%; margin:0 auto;} .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { padding-top: 40px; } .archive .hiq-brand-name{padding:0px 10px; margin-bottom:-10px;} .single-product .hiq-brand-name{color:#0051a4; font-size:20px; margin-bottom:10px;} .woocommerce .term-description img, .woocommerce-page .term-description img{display:block; float: none !important; margin-left: 0 !important;} .woocommerce ul.products li.product-category.product {} .woocommerce ul.products li.product-category.product img{ padding: 15px 15px 0px; margin-right: auto; margin-left: auto; } .post-type-archive.woocommerce ul.products li.product-category.product img{ padding: 15px;} .woocommerce ul.products li.product-category.product mark.count{display:none;} .woocommerce .hiq-single-product-description ul { margin: 0px 0px 0px 30px; padding: 0px; } .woocommerce .hiq-single-product-description li {} .woocommerce .products .product a.button { margin-bottom: 16px; width: 100%; } .tax-product_cat p.woocommerce-info { display:none;} a.wpex-link {} div.wpex_div { margin-top: 20px; } .single-product .images { border: 1px solid #eee; position: relative; } .single-product .images a{ display: block;} .single-product a.request-a-quote-button {color: #ffe100;} .single-product .images {position:relative;} .single-product .single-product-brand-logo { width: 100%; margin-top:10px; text-align: center;} .single-product .single-product-brand-logo a{display: inline-block;} .tax-product_cat.woocommerce ul.products li.product-category.product { min-height: 290px; } /* was 315 */ .post-type-archive.woocommerce ul.products li.product-category.product { min-height: 10px; } .woocommerce ul.products li.product-category.product h3 { padding-bottom: 20px; } .heading_icon {float: left;} .heading_icon img { max-width: 65px; margin-right: 20px;} /* .tax-product_cat.woocommerce ul.products li.product-category.product h3, .post-type-archive.woocommerce ul.products li.product-category.product h3 { padding-bottom: 20px; border-top: 1px solid #CCC; } */ .hiq-pl-image-wrapper { border-bottom: 1px solid #cdcdcd; padding: 20px 10px 10px; margin-bottom: 10px; } .hiq-pl-image-wrapper-inner { } .tyres-title{padding:10px 0 !important; float: left; width: 100%;} .thumbnails.new {position: absolute; padding-top: 0px !important; top: 15px !important; right: 15px !important;} .thumbnails.new > div{width: auto !important; margin-right: 0 !important; margin-bottom: 0 !important; } /* === Side Menu === */ .sidebar-menu-toggle, .sidebar-menu-heading{} .sidebar-menu-toggle:before, .sidebar-menu-heading:before{top: 50%; margin-top: -7px; right: 25px; /* background-image: url(images/Expand.svg); */ background-position:center center; background-size: 15px 15px; width:15px; height:15px; position: absolute; display: block; content: "";} .sidebar.custom-menu, .sidebar.custom-menu h3, .sidebar.custom-menu ul li, .sidebar.custom-menu ul li a { font-size: 16px; } .sidebar.custom-menu a { text-decoration: none; } .sidebar.custom-menu .dropdown-menu>.active>a, .sidebar.custom-menu .dropdown-menu>.active>a:hover, .sidebar.custom-menu .dropdown-menu>.active>a:focus { background-color: transparent; } .sidebar-menu-toggle, .sidebar-menu-heading {position: relative; margin: 0px; padding: 20px 35px 20px 20px; display: block; color: #FFF; background-color: #005ab0; text-decoration: none; background-image: url(images/Expand.svg); background-repeat: no-repeat; background-position: right 25px center; background-size: 15px 15px; } .sidebar-menu-heading {display: none;} .sidebar-menu-toggle.active { background-image: url(images/close.png); background-size: 13px 15px;} a.sidebar-menu-toggle, a.sidebar-menu-toggle:active, a.sidebar-menu-toggle:visited {color: #FFF;} .sidebar-menu-toggle:hover, .sidebar-menu-toggle:focus {color: #fff; opacity: 0.9;} .sidebar-menu-toggle:focus { opacity: 1;} .side-menu-container { display: none;} .side-menu-container.active { display: block;} .sidebar.custom-menu ul li, .sidebar.custom-menu ul li a { color: #004ba0; text-decoration: none; } .sidebar.custom-menu { margin-top: 30px; } .sidebar.custom-menu h3 { color: #FFF; background-color: #0064ad; margin: 0px; padding: 30px 35px; font-weight: bold; } .sidebar.custom-menu ul { margin: 0px; padding: 0px; list-style: none; border-bottom: 1px solid #cacaca; } .sidebar.custom-menu ul li { margin: 0px; padding: 0px; background-color: #f0f0f0; border-top: 1px solid #cacaca; } .sidebar.custom-menu ul li a { margin: 0px; padding: 20px 35px 20px 20px; display: block; } .sidebar.custom-menu li { background-repeat: no-repeat; background-position: right 25px center; background-size: 15px 15px; } .sidebar.custom-menu ul.dropdown-menu li { background-repeat: no-repeat; background-position: right 25px center; background-size: 15px 15px;} .sidebar.custom-menu li.current-menu-item a, .sidebar.custom-menu li li.current-menu-item a, .sidebar.custom-menu li.current-product-parent a, .sidebar.custom-menu li.current-product-parent li.current-product-parent a{font-weight:bold;} .sidebar.custom-menu li.current-menu-item li a, .sidebar.custom-menu li.current-product-parent li a {font-weight:normal;} .sidebar.custom-menu li{ background-image: url(images/Dropdown-bullet-hover.svg); } .sidebar.custom-menu li.current-menu-item, .sidebar.custom-menu li.current-product-parent{ background-image: url(images/DRopdown-bullet.svg); } .sidebar.custom-menu li.dropdown{ background-image: url(images/DRopdown-arrow.svg); } .sidebar.custom-menu li.dropdown.open{background-image: url(images/DRopdown-arrow-open.svg); background-color:#c8c8c8;} .sidebar.custom-menu ul ul.sub-menu nav li a { margin: 0px; padding: 20px 35px 20px 55px } .sidebar.custom-menu ul.dropdown-menu { position: relative; min-width:100%; border: none; box-shadow: none; border-radius: 0px; border-bottom: solid 1px #ccc; margin-bottom: 20px; z-index:1; } .sidebar.custom-menu ul.dropdown-menu li a { padding-left: 35px; white-space: normal;} .sidebar.custom-menu li:hover { background-color: #dde6ee; } .sidebar.custom-menu li li:hover a, .sidebar.custom-menu li li:focus a { background-color: #dde6ee!important; } .sidebar.custom-menu li:hover a { } .sidebar.custom-menu .dropdown-menu li a:hover, .sidebar.custom-menu .dropdown-menu li a:focus { text-decoration: none; background-color: #dde6ee; background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dde6ee), to(#dde6ee)); background-image: -webkit-linear-gradient(top, #dde6ee, 0%, #dde6ee, 100%); background-image: -moz-linear-gradient(top, #dde6ee 0%, #dde6ee 100%); background-image: linear-gradient(to bottom, #dde6ee 0%, #dde6ee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dde6ee', endColorstr='#dde6ee', GradientType=0); } .sidebar.custom-menu .dropdown-menu ul { list-style: none; } /* === Request a Quote === */ .page-id-25 .main-content-inner ul{margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px;} .page-id-25 .main-content-inner ul li{margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; color:#585858;} /* === FAQ Page === */ .page-id-273 article p{margin-left:30px;} .page-id-273 article p span{margin-left: -30px; font-weight: bold; display: inline-block; width:30px;} /* === Search Form === */ .search-form { position: relative; } /* === Special Table === */ .special{margin:30px 0; background: #f1f1f1; padding: 0px;} .special h2{padding-left: 20px; padding-right: 20px; padding-top:20px;} .special h2 img{float: none !important; display: block; margin-left: 0 !important; margin-right: 0 !important;} .specialstable { margin: 0 0 0px 0; padding: 0; width: 100%; border: 1px solid #0453a0; background: #f1f1f1; } .specialstable table {border-collapse: collapse; border-spacing: 0; width: 100%; height: 100%; margin: 0; padding: 0;} .specialstable table tr:first-child{display: none;} .specialstable .size{width:33%;} .specialstable .desc{width:38%;} .specialstable tr:first-child td{background-color: #0453a0; border: 0 solid #0453a0; font-family: "Roboto Condensed",​arial,​helvetica,​sans-seriftext-align:center; border-width: 0 0 1px 1px; font-size: 16px; font-weight: bold; color: #ffffff;} .specialstable td, .specialstable th{vertical-align: middle; background-color: #f1f1f1; border: 1px solid #0453a0; border-width: 0 1px 1px 0; text-align: left; padding: 4px; font-size: 12px; text-transform: uppercase; font-weight: normal; color: #000000;} .specialstable th{background-color: #c7dae9!important; color: #0453a0!important; font-weight: bold; font-size: 14px;} .specialstable tr:first-child td:last-child{border-width: 0 0 1px 1px;} .specialstable tr:last-child td{border-width: 0 1px 0 0;} .specialstable tr:last-child td:last-child{border-width: 0 0 0 0;} .specialstable th:first-child{width: 25%;} .specialstable th:first-child + th{width: 45%;} .specialstable th:first-child + th + td{width:30%; } .specialstable tr:first-child + tr td:first-child{width:5%;} .specialstable tr:first-child + tr td:first-child + td{width:20%;} .specialstable tr:first-child + tr td:first-child + td + td{width: 45%;} .specialstable tr:first-child + tr td:first-child + td + td + td{width:30%;} .specialstable tr td:last-child{ border-width: 0 0 1px 0; min-width: 60px;} /* === Pagination === */ .pagination{margin: 30px 0;} .page-numbers{background:#dfe6ee; display: inline-block; padding:10px 15px;} .page-numbers:active, .page-numbers:hover, .page-numbers:visited{text-decoration: none;} .page-numbers:hover{background:#0059ac; color:#ffe100 !important;} .page-numbers.current{background:#0a4b95; color:#ffe100 !important;} /************************ Plugins ************************/ /* === Slick Slider === */ .slick-dots {padding:0px 0px 0px 0px !important; bottom:-50px !important;} .slick-dots li{padding:0px 0px 0px 0px !important;} .slick-dots li button { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background-color: #b3d0ea; } .slick-dots li.slick-active button { background-color: #0264b8; } .slick-dots li button:before { display: none; } .blue-bg .slick-dots li button { background-color: #4d88c0; } .blue-bg .slick-dots li.slick-active button { background-color: #ffffff; } /* === Gravity Forms === */ .gform_wrapper { margin: 0px 0px !important; } .gform_wrapper .gsection{border:none;} div.ginput_complex.ginput_container.gf_name_has_2 span{width:100% !important;} #content .gform_wrapper ul li.gfield{clear: none; padding-left:5px !important; padding-right:5px !important; margin: 0px; padding:0px; border:none;} #content div.ginput_container_name span{padding-right:0px; padding-left: 0px; margin-top:10px;} #content div.ginput_container_name span:first-child{padding-right:0px; padding-left: 0px; margin-top:0px;} #content .gform_wrapper .ginput_complex.ginput_container{width: auto !important;} #content .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text]{margin:0px;} #content .gform_wrapper .top_label input.medium, #content .gform_wrapper .top_label select.medium{width:100% !important;} #content .gform_wrapper .top_label .gfield_label{display:block; padding-top:10px;} #content .gform_wrapper li.hidden_label input{margin-top:0px;} #content .gform_wrapper .top_label div.ginput_container{margin-top:10px;} #content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){padding: 8px;} #content .gform_wrapper select { height: 40px !important;} #content .gform_wrapper ul#input_10_34.gfield_checkbox li { width: 95%;} #content .gform_wrapper ul#input_10_36.gfield_checkbox li { width: 95%;} /* === Store Locator === */ .wpsl-input label, #wpsl-radius label, #wpsl-category label{width:auto !important;} .wpsl-location-address, .wpsl-contact-details {} .wpsl-contact-details { font-weight: bold; } .wpsl-contact-details span, .wpsl-contact-details a{ font-weight: normal; } .wpsl-opening-hours {} .wpsl-opening-hours td{ font-weight: bold; } .wpsl-opening-hours td time { font-weight: normal; } .tax-wpsl_store_category .main-content-inner h2{ font-size: 20px; font-weight: normal; margin: 0px 0px 15px; } #wpsl-wrap {font-weight: normal; letter-spacing: -0.01em font-size: 16px;} #wpsl-wrap .main-content-inner p, #wpsl-result-list li p, #wpsl-wrap .main-content-inner ul li span, #wpsl-wrap .main-content-inner ol li span { line-height: normal; color: #999; font-size: 16px; letter-spacing: -0.01em } #wpsl-wrap .wpsl-direction-wrap, #wpsl-wrap td { font-size: 16px; letter-spacing: -0.01em; color: #999; } #wpsl-wrap .wpsl-more-info-listings { font-size: 15px; letter-spacing: -0.01em; color: #999;} #store-locator-countrywide h2 { font-weight: normal; } #store-locator-countrywide ul { margin: 0px; padding: 0px; list-style: none; } #store-locator-countrywide li { margin: 0px 0px 10px; padding: 0px; display: block; } ul#store-cat-listing { margin: 0px; padding: 0px; list-style: none; } ul#store-cat-listing li{ margin: 0px 0px 20px; padding: 20px 0px 0px; border-top: 1px solid #eee; display: block; } .wpsl-contact-details {white-space: nowrap;} /* === Bread crumb === */ #breadcrumbs { text-transform: uppercase; } /* === General Styles === */ .main-content-inner p { line-height: 28px; margin: 0 0 30px; } .main-content-inner h1 { font-size: 38px; margin: 0 0 30px 0; } .main-content-inner h2, .main-content-inner h3, .main-content-inner h4 { font-size: 24px; font-weight: bold; margin: 0 0 30px 0; } .main-content-inner ul, .main-content-inner ol { color: #0051a4; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 85px; } .main-content-inner ul li, .main-content-inner ol li { padding: 0 0 15px 40px; } .main-content-inner ul li span, .main-content-inner ol li span { color: #585858; } .main-content-inner ul li span.red-text, .main-content-inner ol li span.red-text{color: #ff0000;} .home-style p { line-height: 25px; margin-bottom: 5px; } .home-style h2, .home-style h3, .home-style h4 { font-size: 25px; margin-bottom: 10px; font-weight: normal; } .home-style h4 { margin-bottom: 5px; } .home-style h2 a { color: #000000; } h2.home-heading { margin: 0 0 30px 0; } h3.widget-title { font-size: 25px; margin-bottom: 15px; } .entry-content-thumbnail { margin-bottom: 30px; text-align: left;} .archive .entry-summary, .search-results .entry-summary { padding-bottom: 40px; } .archive #content > article, .search-results #content > article, .content-padder > article{ border-bottom: 1px solid #cccccc; } .archive #content > article, .search-results #content > article{padding-top: 30px;} .content-padder > article{padding-top: 5px; } .archive #content header + article, .search-results #content header + article, .content-padder > header + article {border-top: 1px solid #cccccc; padding-top:30px;} .site-footer h3.widget-title { margin-bottom: 20px; } /* === Search === */ body.search #content .search-field { max-width: 90%; float: left; height: 38px; margin-right: 5px; } body.search #content .search-btn {float:left;} /* === Tyres === */ .term-7.woocommerce-page ul.products li.first{clear: none ;} .cat_banner_outer{} .product_parent_cat_tyres .heading_icon{display: none;} .term-tyres.product_parent_cat_tyres .heading_icon{display: block;} .brand-name{padding:0px 10px 10px 10px; height:60px; } .brand-name img{padding:0px 0px 0px 0px !important; max-height: 100%;} .term-7.woocommerce-page ul.products li:first-child .brand-name, .term-7.woocommerce-page ul.products li:first-child + li .brand-name, .term-7.woocommerce-page ul.products li:first-child + li + li .brand-name, .term-7.woocommerce-page ul.products li:first-child + li + li + li .brand-name{display: none;} /* === Page Banners === */ .cat_banner{ background-position: center center; background-repeat: no-repeat;background-size:cover; height: 220px;} .cat_banner.passenger{background-image: url(images/PASSENGER-resized.jpg); background-position: bottom center;} .cat_banner.suv{background-image: url(images/4X4-resized.jpg); background-position: bottom center;} .cat_banner.taxi{background-image: url(images/TAXi-resized.jpg); background-position: bottom center;} .cat_banner.specials{background-image: url(images/special-top.jpg); background-position: bottom center;} .cat_banner.services{background-image: url(images/Services-banner.jpg); background-position: bottom center;} .cat_banner.contact{background-image: url(images/Contact-banner.jpg); background-position: center center;} .cat_banner.request-quote{background-image: url(images/request-a-quote.jpg); background-position: center center;} .cat_banner.fleet-services{background-image: url(images/header-hi-q-fleet-management.jpg); background-position: center center;} /* === TyreSurance Page === */ .page-template-template-tyresurance .entry-content-thumbnail{display: none;} #tyresurance-iframe {min-height: 1400px !important;} /* ====== Facebook Like Button =========== */ .nmp-fb-like{position: fixed; left: 20px; right:20px; bottom:-200px; max-width: 420px;} .fb-close{position: absolute; top:0px; right: 5px; opacity: 1; background-color:transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width:20px; height: 20px; } .nmp-fb-like .textwidget{width: auto; height: auto; max-width: 420px; } .fb-close{z-index: 1;} /* ==== Small devices (tablets, 768px and up) ==== */ /************************************************************************************** Media Queries **************************************************************************************/ /* custom break point */ @media (min-width: 480px) { .nmp-fb-like{left: auto;} .nmp-fb-like .textwidget{width: 420px; height: 78px; } } @media (max-width: 480px) { .nmp-fb-like{left: auto;} .nmp-fb-like .textwidget{width: 300px; height: auto; } } @media (min-width: 640px) { #site-logo { margin-top: -52px; padding-left: 2766px; left: -2766px; top: 0px; height: 151px; min-width: 360px; padding-right: 40px; background-color: #0a4d97; position: relative; width: 3000px; text-align: right; } .site-logo-brand { position: absolute; top: 10px; right: 0px; } #site-logo img { width: auto; max-width: 100%; height: auto; max-width: 224px; } #top_menu li { margin-left: 0px; margin-right: 8px; } #top_menu li:first-child { margin-right: 0px; } #top_menu li.button { padding-left: 10px; padding-right: 10px; } #top_menu li.button a { padding-top: 10px; padding-bottom: 10px; } .top-section-nav { float: right; } #gform_1 .gform_footer.top_label { margin: 0px; padding: 0px; /* position: absolute; right: 0px; bottom: 0px; */ margin-top: 20px; } #gform_1 .gform_body { margin-right: 170px !important; } .woocommerce .term-description img, .woocommerce-page .term-description img{display:inline; float: right !important; margin-left: 1.5em !important;} #tyresurance-iframe {min-height: 863px !important;} } @media (min-width: 768px) { /* === General Styles === */ .absolute-bg-content{float: right;} .absolute-bg-fix{position: absolute; height: 100%;} .absolute-bg{position: absolute; top:0; left:0; right:0; bottom:0; background-size:cover;} .absolute-bg-content h2:first-child{margin-top:15px;} .floatleft{float: left;} .gform_wrapper .top_label .gfield_error.col-sm-6{width:50%;} .main-content-inner p { margin: 0 0 30px; } .main-content-inner h1 { font-size: 60px; margin: 0 0 30px 0; } .main-content-inner h2, .main-content-inner h3, .main-content-inner h4 { font-size: 35px; margin: 0 0 30px 0; line-height: 43px;} .main-content-inner ul, .main-content-inner ol { /*font-size: 18px; */margin: 0px 0px 15px 0px; padding: 0px 0px 0px 85px; } .main-content-inner ul li, .main-content-inner ol li { padding: 0 0 20px 40px; } .home-style p { line-height: 25px; margin-bottom: 5px; } .home-style h2, .home-style h3, .home-style h4 { font-size: 25px; margin-bottom: 10px; font-weight: normal; line-height: 28px; } .home-style h4 { margin-bottom: 5px; line-height: 20px;} .home-style h2 a { color: #000000; } h2.home-heading { margin: 0 0 30px 0; } h3.widget-title { font-size: 25px; margin-bottom: 15px; } .entry-content-thumbnail { margin-bottom: 35px; } .archive .entry-summary, .search-results .entry-summary { padding-bottom: 40px; } .site-footer h3.widget-title { margin-bottom: 20px; } .archive .main-content-inner h2, .archive .main-content-inner h3, .archive .main-content-inner h4, .search-results .main-content-inner h2, .search-results .main-content-inner h3, .search-results .main-content-inner h4, .content-padder .main-content-inner h2, .content-padder .main-content-inner h3, .content-padder .main-content-inner h4{margin-bottom:20px !important;} /* === Header === */ #masthead { min-height: 150px; } /* Max width 991 move here */ /* Override bootstrap menu break point */ .site-navigation .navbar-header { float: none; } .site-navigation .navbar-left, .site-navigation .navbar-right { float: none; } .site-navigation .navbar-toggle { display: block; } .site-navigation .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); padding-top: 0px; padding-bottom: 0px;} .site-navigation .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .site-navigation .navbar-collapse.collapse { display: none !important; } .site-navigation .navbar-collapse.collapse.in { display: block !important; } .site-navigation .navbar-nav { float: none;} .site-navigation .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .button, .btn { font-size: 16px; } /* === Top Menu === */ ul#main-menu li{border-top:none; background: transparent;} ul#main-menu li a{padding: 10px 6px; line-height: 50px;} /* === Mega Menu for Products === #main-menu.nav>li.product-main-menu { position: static; } #main-menu .dropdown ul { border-top:none; min-height: 500px; width: 100%; left: 0px; right: 0px; background-color: #0a4b95; opacity: 0.95; border: none; padding:0 0 0 0;} #main-menu .dropdown ul li { display: inline-block; width: 21%; margin: 7px 2% 7px 2%; float: left; } #main-menu .dropdown ul li a { color: #a6b5d1; line-height:25px; font-size:16px; text-transform:none; padding-top:0px; padding-bottom:0px; text-decoration:underline;} #main-menu .dropdown ul li a:hover{color:#ffffff;} #main-menu .dropdown ul li.product-main-menu-top-heading { display: block; width:auto;} #main-menu .dropdown ul li.product-main-menu-top-heading a { font-size: 35px; margin-top: 30px; color: #fddf32; padding-top:5px; text-decoration: none !important;} #main-menu .dropdown ul li.product-main-menu-top-heading a:hover {text-decoration: none !important;} #main-menu .dropdown ul li.product-main-menu-top-heading:after { content: ""; display: block; width: 50px; height: 1px; background: #ffe100; margin-top: 15px; margin-right: 20px; margin-left: 20px; } #main-menu .dropdown ul li.first { clear: left; } #main-menu .dropdown ul li.product-main-menu-header a { color: #ffe100; font-size:20px; line-height: 30px; text-transform: uppercase; padding-top:10px; padding-bottom:10px; text-decoration:none;} #main-menu .dropdown li a:hover, #main-menu .dropdown li a:focus {background-color:transparent; text-decoration: underline !important; background-image:none;} */ /* Drop down */ #main-menu .dropdown ul{padding: 0px 0px 0px 0px; background-color: #f0f0f0; min-width: 100%;} #main-menu .dropdown ul li{ border-top: 1px solid #cacaca;} #main-menu .dropdown ul li a {color: #004ba0; padding-top: 0px; padding-bottom:0px; line-height: 40px;} #main-menu .dropdown ul li a:hover{background-color:#dde6ee;} #main-menu .dropdown ul li.active a{font-weight: bold;} #main-menu #menu-item-21.dropdown ul li.active a{font-weight: normal;} /* === Slider === */ .single-slide .slider-caption { font-size: 22px; } /* === Products Menu === */ .product-menu li { border-left: 1px solid #004381; border-bottom-style: none; width: 80px; text-align: center; background-image: none; } .product-menu li:first-child { border: none; } .product-menu li a { font-size: 11px; padding-left:0px; padding-right:0px; text-transform: none;} .woocommerce ul.products li.product{width: 48%; margin: 0 1.8% 1.992em 0; min-height: 540px;} /* === Home Page === */ .tyre-care-excerpt { height: 190px; text-align: left;} /* Was 320 */ .tyre-care-wrapper .center-txt{text-align: center;} .news-div{padding-right:30px; border-right:1px solid #cccccc; min-height: 700px;} .serveces-div{padding-left:30px;} /* === Newsletter Signup === */ /* === About Page === */ .about-yellow{background-color:#c7dae9; margin:0 0 30px; } #top_menu.nav>li.button { padding-left: 15px !important; padding-right: 15px !important; } .container.top-section{padding-left:15px; padding-right:15px;} #content.main-content-inner{float: right;} /* === Products === */ .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: none; width: 100%; } .woocommerce .hiq-single-product-description { float: left; width: 48%; min-height: 550px;} .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: right;} .woocommerce .products .product a.button { /* max-width:135px; */ position: absolute; bottom: 14px; left: 10px; right: 10px; width: auto; margin-bottom: 0px; } .hiq-single-product-request-a-quote { width: 100%} .hiq-pl-image-wrapper { border-bottom: 1px solid #cdcdcd; padding: 20px 10px 10px; margin-bottom: 15px; vertical-align: text-bottom; display: block; overflow: hidden; } .hiq-pl-image-wrapper-inner { vertical-align: bottom; display: table-cell; width: 100%; } .hiq-pl-image-wrapper { height: 310px; } .hiq-pl-image-wrapper-inner { /*height: 340px; */} /*.woocommerce ul.products li.product-category.product img {max-height: 300px; width:auto;}*/ /* === Online Specials === */ .special{margin:40px 0; background: #f1f1f1; padding: 20px;} .special h2{padding-left: 0; padding-right: 0; padding-top: 0;} .special h2 img{float: right !important; margin-left: 20px !important;} .specialstable table tr:first-child{display: table-row;} .specialstable .size{width:auto;} .specialstable .desc{width:auto;} .specialstable {margin: 0 0 0px 0; border: 0px solid #0453a0;} .specialstable tr:first-child td{border-width: 0 0 0px 0px; font-size: 18px;} .specialstable td, .specialstable th{ border: 0px solid #0453a0; border-width: 0 0px 0px 0; padding: 10px; font-size: 14px; background-color: #ffffff;} .specialstable th{font-size: 16px;} .specialstable tr:first-child td:last-child{border-width: 0 0 0px 0px;} .specialstable tr:last-child td{border-width: 0 0px 0 0;} .specialstable tr:last-child td:last-child{border-width: 0 0 0 0;} .specialstable tr td:last-child{border-width: 0 0 0px 0;} .specialstable th:first-child{width: 25%;} .specialstable th:first-child + th{width: 45%;} .specialstable th:first-child + th + td{width:30%; } .specialstable tr:first-child + tr td:first-child{width:5%;} .specialstable tr:first-child + tr td:first-child + td{width:20%;} .specialstable tr:first-child + tr td:first-child + td + td{width: 45%;} .specialstable tr:first-child + tr td:first-child + td + td + td{width:30%;} /* === Request a quote page === */ .page-template-template-request-a-quote #content{ max-width:740px; float: none !important; margin-left: auto; margin-right: auto; /* margin:80px auto 60px auto; background-color: #ffffff; padding:40px;*/} .page-template-template-request-a-quote .sidebar{display: none;} /* .page-id-25 .main-content{background: url(images/quote-request-bg.jpg); background-size:cover;}*/ /* === TyreSurance === */ .thread > div:first-child > div:first-child img{margin-top:80px;} /* === Gravity Forms === */ div.ginput_complex.ginput_container.gf_name_has_2 span{width:50% !important;} #content div.ginput_container_name span{padding-right:0px; padding-left: 5px; margin-top:0px;} #content div.ginput_container_name span:first-child{padding-right:5px; padding-left: 0px; margin-top:0px;} #content .gform_wrapper ul.gfield_checkbox:after{clear: both; content: ""; display: block; width: 100%; } #content .gform_wrapper ul.gfield_checkbox li{float: left; width: 33.333333333%;} #content .gform_wrapper .full-check ul.gfield_checkbox li{width: 100%; } /* === Store Locator === */ #store-locator-countrywide li { display: inline-block; width: 49.5%; } ul#store-cat-listing li{ display: block; width: 48.5%; float: left; border: 1px solid #eee; margin-right: 1%; margin-bottom: 15px; padding: 2%; min-height:220px;} /* === Sidebar menu === */ .sidebar-menu-heading {background-image:none;} .woocommerce ul.products li.product-category.product{float: left; clear: none;} } /* ==== Medium devices (desktops, 992px and up) ==== */ @media (min-width: 992px) { /* Max width 1199px moved here */ /* === Header === */ #top-bar { background-color: #f0f0f0; } #top-bar { padding-top:0px;} #top-bar { min-height: 100px; max-height: 100%; } .grey-bg.desktop { background-color: #dfe6ee; } .top-section-nav .navbar-nav>li>a { padding: 15px 10px; } .top-section-nav .navbar-nav>li>a:hover{text-decoration: underline !important;} .button, .btn { height: 40px; } .top-section { padding-top: 25px; padding-bottom: 12px; height: 100px; background-color: #f0f0f0;} .top-search { padding-top: 8px; } .top-search input { width: 140px; } .top-nav-group{float: left; margin-left: 290px;} #site-logo { margin-top: -76px; } #site-logo img { height: auto; max-width: 224px; } .site-navigation .navbar { min-height: 50px; } .site-navigation .navbar-nav { margin-top: 0px; } .site-navigation .navbar-collapse.collapse { display: block !important; padding-top: 0px; padding-bottom: 0px; padding-left:0px; padding-right:0px;} .site-navigation .navbar-toggle { display: none; } .site-navigation .container { padding-bottom: 0px; } .site-navigation .navbar-default .navbar-nav>li { border-left: 1px solid #b0c8dc; } .site-navigation .navbar-default .navbar-nav>li:first-child{border-left:none;} .navbar-default .navbar-collapse { float: right; } ul#main-menu li a { color: #005eb0; font-size: 15px; background-color: transparent; line-height: 30px; } ul#main-menu li a:hover{background-color:#b0c8dc;} .navbar-header{height: auto;} #top_menu .button, #top_menu .btn{font-size:17px;} .hiq-game, .blue-bg-fix{display: block;} .hiq-game {display: block;} /* Menu */ #main-menu .dropdown ul li a {padding-top:10px; padding-bottom:10px; line-height: 30px; padding-left:30px; padding-right:30px;} .menu-padding{padding-right:25px;} /* === Content === */ .main-content-inner, .side-content-inner { padding-top: 35px; } /* === Products Menu - Home Page === */ .product-menu li { width: 104px; } .product-menu li a { font-size: 11px; text-transform: uppercase; } .product-menu li a { padding-left: 5px; padding-right: 5px; } /* === Footer === */ footer.site-footer .site-info .copyright, footer.site-footer .site-info .credits { display: inline; } footer.site-footer .site-info .sep { display: inline-block; width: 10px; } /* === Home Page === */ .tyre-care-excerpt { height: 190px; } /* Was 310px */ /* === Slider === */ .single-slide .slider-caption { font-size: 30px; } /* === Store Locator === */ .wpsl-location-address, .wpsl-contact-details { } .wpsl-opening-hours { clear: none; float: left; width: 50%; } #store-locator-countrywide li { width: 24.5%; } /* === Side Menu === */ .sidebar-menu-toggle { display: none; } .sidebar-menu-heading {display: block; } .side-menu-container { display: block !important;} .sidebar.custom-menu{margin-top:35px; margin-bottom:35px;} .sidebar.custom-menu ul li a { padding: 18px 40px 18px 20px; } /*.current-product_cat-parent ul.dropdown-menu {display:block;}*/ .sidebar.custom-menu li.current-menu-parent ul.dropdown-menu {display:block;} /* === Products === */ .woocommerce ul.products li.product-category.product h3 { padding-bottom: 10px; } .request-a-quote-button { display: inline-block; margin-top: 10px; margin-bottom: 10px; } .hiq-single-product-request-a-quote { width: 48%; } .woocommerce .products .product a.button{max-width: none;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 0 1.8% 1.992em 0; width: 22.55%; } .woocommerce ul.products li.product { padding-right: 0px; padding-left: 0px; min-height:435px; } .woocommerce ul.products li.product .hiq-product-loop-excerpt { font-size: 13px; } .woocommerce ul.products li.product .hiq-product-loop-excerpt p { margin-bottom: auto; } .single-product .single-product-brand-logo {float: right; width: 48%; margin-top:30px; text-align: center; clear:right;} .hiq-pl-image-wrapper { height: 165px; padding-top: 5px; } .hiq-pl-image-wrapper-inner { height: 165px; } .post-type-archive.woocommerce ul.products li.product-category.product .hiq-pl-image-wrapper { height: auto; margin-bottom: 0px; } .post-type-archive.woocommerce ul.products li.product-category.product .hiq-pl-image-wrapper-inner { height: auto; margin-bottom: 0px;} .tax-product_cat.woocommerce ul.products li.product-category.product{min-height: 260px;} .tax-product_cat.woocommerce ul.products li.product-category.product .hiq-pl-image-wrapper { margin-bottom: 0px; } .tax-product_cat.woocommerce ul.products li.product-category.product .hiq-pl-image-wrapper-inner { margin-bottom: 0px;} .woocommerce ul.products li.product-category.product img { padding: 10px 0px 0px; } .modal-lg{width: 640px;} } /* === Large devices (large desktops, 1200px and up) ==== */ @media (min-width: 1200px) { /* === Header === */ #top-bar { padding-top: 0px; } #top_menu .button, #top_menu .btn { line-height: 50px; } .top-search { display: block; } .top-search input { width: auto; } /* === Nav === */ #top_menu li { margin-right: 15px; } #top_menu.nav>li.button { padding-left: 25px !important; padding-right: 25px !important; } ul#main-menu > li > a { font-size: 18px; color: #005eb0; padding-right: 14px; padding-left: 14px; line-height: 30px; } .top-nav-group{margin-left: 350px;} /* === Slider === */ .single-slide .slider-caption { font-size: 38px; } /* === Products Menu === */ .product-menu li { width: 126px; } .product-menu li a { font-size: 13px; } /* === Home Page === */ .tyre-care-excerpt { height: 190px; /* was 270 */ } /* === Products === */ .hiq-pl-image-wrapper { height: 200px; } .hiq-pl-image-wrapper-inner { height: 200px; } .post-type-archive.woocommerce ul.products li.product-category.product .hiq-pl-image-wrapper { height: auto; } .post-type-archive.woocommerce ul.products li.product-category.product .hiq-pl-image-wrapper-inner { height: auto;} .tax-product_cat.woocommerce ul.products li.product-category.product{min-height: 290px;} .tax-product_cat.woocommerce ul.products li.product-category.product .hiq-pl-image-wrapper-inner { height: 170px; } } /* === Facebook ==== */ body.page-template-template-facebook {} body.page-template-template-facebook #masthead { display: none !important; } body.page-template-template-facebook .sidebar { display: none !important; } body.page-template-template-facebook #breadcrumbs { display: none !important; } body.page-template-template-facebook article header { display: none !important; } body.page-template-template-facebook #content { width: 100% !important; float: none; padding-left: 0; padding-right: 0; padding-bottom: 0;} body.page-template-template-facebook .site-footer { display: none !important; } body.page-template-template-facebook .container { width: 96% !important; } body.page-template-template-facebook .main-content-inner { padding-top: 15px !important; } /* Justin */ body.page-template-template-facebook .hentry{margin-bottom: 0;} body.page-template-template-facebook .gform_wrapper .gform_body{width: 100% !important; float: none; padding-left: 0; padding-right: 0;} body.page-template-template-facebook #content .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){padding: 4px 8px;} body.page-template-template-facebook #content .gform_wrapper select{height: 30px !important; padding: 4px 8px !important;} body.page-template-template-facebook .gform_wrapper li.gfield.field_description_below+li.gsection{margin-top:15px !important;} body.page-template-template-facebook .gform_wrapper .gsection .gfield_label, body.page-template-template-facebook .gform_wrapper h2.gsection_title, body.page-template-template-facebook .gform_wrapper h3.gform_title{line-height: 24px;} body.page-template-template-facebook #content .gform_wrapper ul.gfield_checkbox li{width:25%; margin: 0 0 5px 0;} body.page-template-template-facebook .gform_wrapper ul.gfield_checkbox li input[type=checkbox]{vertical-align: top; margin-top:5px !important;} body.page-template-template-facebook #content .gform_wrapper .top_label div.ginput_container{margin-top:5px !important;} body.page-template-template-facebook #content .gform_wrapper .full-check ul.gfield_checkbox li{width: 100% !important;} body.page-template-template-facebook li.top-field{margin-top:10px !important; padding-top:10px !important; } body.page-template-template-facebook .gform_wrapper .gform_footer{padding: 10px 0 10px 5px; margin: 0px 0 0;} body.page-template-template-facebook .gform_wrapper textarea.medium {height: 120px !important;} /* Specials Black Friday headings*/ h2#goodyear span, h2#goodyear2 span{ color: #000000; font-size: 60%; } .woocommerce-product-rating{ float: none; clear: both; } .woocommerce .star-rating span::before, .woocommerce p.stars a::before{ color: #ffe100; } .woocommerce ul.products li.product .star-rating{ margin: 3px 10px 5px 5px; float: right; } .sidebar.custom-menu ul li.topup{ background-color: #004ba0;} .sidebar.custom-menu ul li.topup a{color: #ffe100; font-size: larger;} .sidebar.custom-menu ul li.topup.current-menu-item { background-color: #ffe100;} .sidebar.custom-menu ul li.topup.current-menu-item a{color: #004ba0; font-size: larger;} .page-id-1711 article header, .page-id-184 article header, .page-id-1936 article header{ display: none; } #tyresurance-iframe{ min-height: 1108px; } @media (max-width: 1199px) { #tyresurance-iframe{ min-height: 1738px; } } @media (max-width: 767px) { #tyresurance-iframe{ min-height: 1780px; } } @media (max-width: 700px) { #tyresurance-iframe{ min-height: 1820px; } } } @media (max-width: 590px) { #tyresurance-iframe{ min-height: 1880px; } } @media (max-width: 570px) { #tyresurance-iframe{ min-height: 1930px; } } @media (max-width: 410px) { #tyresurance-iframe{ min-height: 1960px; } } @media (max-width: 380px) { #tyresurance-iframe{ min-height: 2010px; } } @media (max-width: 320px) { #tyresurance-iframe{ min-height: 2060px; } } /* Tyresurance on home page */ .serveces-div .service.TyreSurance{ position: relative; background-position: top left; padding: 0% 0 0% 0; } .service-btn.tyre-surance{ padding: 0% 0 35% 0; margin-top: 0; } .serveces-div .service.TyreSurance .service-details .service-btn a{ display: block; background-color: transparent; color: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; bottom: 0; left: 0; right: 0; top: 0; } .serveces-div .service.TyreSurance .service-details{ margin-left: auto; margin-right: auto; float: none; } .page-template-template-tyresurance .main-content-inner h1{ font-weight: bold; font-style: italic; } .m-width{ max-width: 695px; } #top_menu li.button.tyresurance-img-btn a { padding-top: 0px !important; padding-bottom: 0px !important; } #top_menu li.button.tyresurance-img-btn a img{ max-width: 158px; } /* COVID 19 NOTICE */ .raq-only{ display: none; } .page-id-25 .raq-only{ display: block; }