/*
font-family: 'Poppins', sans-serif;
font-family: 'Raleway', sans-serif;

Dark Blue 214180
Light Blue 4282ff
Charcoal 212121
Yellow ffc107
*/

/* **** MAIN */

body {font-family: 'Poppins', sans-serif; color:#212121;}
::selection {color: #000; background-color: #ffc107;}

.poppins {font-family: 'Poppins', sans-serif;}
.raleway {font-family: 'Raleway', sans-serif;}

.text-light-blue {color:#4282ff;}
.text-dark-blue {color:#214180;}
.text-charcoal {color:#212121;}
.text-yellow {color:#ffc107;}

.bg-light-blue {background-color:#4282ff;}
.bg-dark-blue {background-color:#214180;}
.bg-charcoal {background-color:#212121;}

.special-button {
    display:block; max-width:230px; padding:14px 0;
    background-color:#ffc107; color:#212121; text-decoration: none;
    font-family: 'Raleway', sans-serif; font-weight:600; font-size:14px;
    text-align: center; background-image: linear-gradient(#ffd65d, #ffc107);}
    
.special-button:hover {color:#212121; background-color:#ffc107; background-image:none;}

form .textarea {resize:none;}

/* ---- HEADER & NAVBAR */

.decoy-logo-outer {display:none;}
    
.navbar-brand {max-width:80px;}

.navbar-collapse {
    padding-top:25px;
    text-align:center;
    border-top:3px solid #f4f4f4;}
    
@media (min-width: 768px) { 
    .navbar-brand {max-width:110px;}
}

@media (min-width: 1200px) {
    .decoy-logo-outer {display:block;}
    .decoy-logo {display:block; max-width:150px;}
    .navbar-brand {display:none;}
    .navbar-collapse {border-top:none; padding-top:0;}
}

.navbar-nav li {background-color:#fff; text-transform: uppercase; font-size:17px; padding:5px 0;}
.navbar-nav li ul li {background-color:#f9f9f9; text-transform:none; font-size:16px;}

.navbar .navbar-nav .nav-item .nav-link {color:#212121;}
.navbar .navbar-nav .nav-item .nav-link:hover {color:#4282ff;}
.navbar .navbar-nav .nav-item .nav-link.active {color:#4282ff !important;}

.navbar-toggler {
    padding: 5px;
    font-size: 1rem;
    line-height: 1;
    background-color: transparent;
    border: 0; 
    outline:0;
    border-radius: 0;
    transition:none;}

.navbar-toggler:hover {
    text-decoration: none;}

.navbar-toggler:focus {
    background-color: transparent;
    border:0; border-color:transparent;
    text-decoration: none;
    outline: 0;
    box-shadow: 0 !important;}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

.dropdown-menu {display:block; background-color:#fff; border:0; text-align: center; padding:10px 0;}
.dropdown-menu li {color:#212121;}
.dropdown-menu .dropdown-item {color:#212121;}
.dropdown-menu .dropdown-item:hover {background-color:#fff; color:#4282ff;}
        
@media (min-width: 1200px) {
    
    .navbar-nav li {background-color:#fff; text-transform: none; font-size:16px; padding:3px 0;}
    .navbar-nav li ul li {background-color:#fff; text-transform:none; font-size:16px;}
    
    .dropdown-menu {
        position: absolute;
        top: 100%;
        z-index: 1000;
        display: none;
        min-width: 300px;
        padding: 20px 0;
        margin: 0;
        font-size: inherit;
        color: #212121;
        list-style: none;
        background-color: rgb(255,255,255);
        background-clip: padding-box;
        border: 0;
        border-radius: 0;
        text-align:left;}
    
    .dropdown:hover>.dropdown-menu {display: block;}
    .dropdown-menu .dropdown-link {color:#212121; background-color:#fff;}
    .dropdown-menu .dropdown-link:hover {color:#4282ff; background-color:#fff;}
    
    .navbar {padding:0;}
    .navbar-nav {padding:0;} 
    .navbar-nav .nav-item {padding:0 0.5rem;}
    .navbar-nav .nav-item .nav-link {} 
}


/* **** HOMEPAGE */ 

h1.display-1 {font-size:45px; font-weight:800;}

.homepage-banner p {color:#fff; font-size:16px;}

.homepage-banner {
    color:#fff;
    padding:100px 0 100px 0;
    background-color:#214180;
    background-image:url(/assets/css/media/bg-001-s.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;}

.homepage-map-section h2 {
    color:#4282ff; 
    font-size:18px; 
    margin-bottom:12px; 
    font-weight:600;}

.homepage-maps-section {
        background-color:#272940;
}
.homepage-maps-section a {color:#ffc107; text-decoration: none; text-transform: uppercase; font-size:15px; font-weight:600; letter-spacing:1px;}
    .homepage-maps-section a:hover {color:#ffd452;}    
    
.homepage-checkmark-list {
    padding:0;
    list-style: none;
    color:#fff;
    font-size:18px;
}
.homepage-checkmark-list li {
    display:inline-block;
    padding: 9px 12px 9px 50px;  
    background-color:#35374f;
    background-image:url(/assets/css/media/checkmark_white.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 24px;
    margin-bottom:10px;
    margin-right:10px;
}
.homepage-list h2 {font-size:21px; font-weight:500; font-family: 'Raleway', sans-serif; margin-bottom:20px; color:#214180;}
    
.homepage-list ul {list-style: none; font-size:18px; margin:0; padding:0;}
.homepage-list li {margin-bottom:6px;}
.homepage-list li a {color:#4282ff; text-decoration: none}
.homepage-list li a:hover {color:#214180;}
.homepage-list li a:active {color:#212121;}


@media (min-width: 768px) { 
    h1.display-1 {font-size:75px;}
    .homepage-banner {padding:150px 0 150px 0;}
    .homepage-banner p {font-size:18px;}
} 

@media (min-width: 1200px) { 
    h1.display-1 {font-size:90px;}
    .homepage-banner {padding:170px 0 170px 0;}
}

@media (min-width: 1500px) { 
    .homepage-banner {padding:220px 0 230px 0;}
    .homepage-banner p {font-size:20px;}
}



/* **** BANNER SECTION & MINI-BANNER */   
 
.banner-section {
    color:#fff;
    background-color:#214180;
    background-image:url(/assets/css/media/bg-001-s.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;}
    
.banner-section-outer {
    padding:50px 0 50px 0;
    background-color:rgba(21,44,88,0.5);}

.banner-section h1 {
    color:#fff;
    margin-bottom:25px;
    font-size:35px;
    font-weight:800;}

.banner-section p {color:#fff; font-size:17px;}
    
.banner-list {
    padding:20px 0 0 0;
    list-style: none;
    color:#fff;
    font-size:17px;}

.banner-list li {
    background-image:url(/assets/css/media/checkmark.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 22px;
    padding: 5px 0 5px 50px;
    margin-bottom:9px;}


@media (min-width: 768px) { 
    .banner-section-outer {padding:70px 0 70px 0;}
    .banner-section h1 {font-size:40px;}
}
@media (min-width: 1200px) { 
    .banner-section-outer {background-color:rgba(21,44,88,0.1);}
    .banner-section h1 {font-size:45px;}
    .banner-section p {font-size:20px;}
    .banner-list {font-size:20px;}
}   
@media (min-width: 1500px) { 
    .banner-section h1 {font-size:48px;}
} 



/* Banner Form */

.banner-section .form-outer {
    padding:20px 30px;
    background-color:rgba(21,44,88,0.8);}

.banner-section form {color:#fff;}
.banner-section form label {font-size:12px; color:#fff; font-family: 'Raleway', sans-serif;} 
.banner-section form .form-control {font-size:12px; background:rgba(66,130,255,0.7); color:#fff; border:0; border-radius:0;}
.banner-section form .form-select {font-size:12px; background:rgba(66,130,255,0.7); color:#fff; border:0; border-radius:0;}    
  
/* Mini Banner Section */  
  
.mini-banner-section {
    padding:100px 0 100px 0;
    background-color:#214180;
    background-image:url(/assets/css/media/bg-001-s.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.mini-banner-section h1 {
    color:#fff;
    font-size:23px;
    font-weight:800;
}    
@media (min-width: 768px) { 
    .mini-banner-section h1 {font-size:40px;}
} 



/* **** SERVICE PAGES */ 

.service-specialist-description h2,
.service-specialist-description h3,
.service-specialist-description h4,
.service-specialist-description h5,
.service-specialist-description h6
{
    margin:24px 0 10px 0;
    font-family: 'Raleway', sans-serif;
    color:#214180;
    font-size:24px;
}


.service-location-list {
    padding:20px 0 0 0;
    list-style: none;
    color:#214180;
    font-size:18px;}

.service-location-list li {
    padding: 6px 0 6px 50px;
    background-image:url(/assets/css/media/checkmark_blue.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 24px;
    margin-bottom:6px;}

.specialist-grid .grid-link {text-decoration: none; color:#4282ff; font-size:17px; font-weight:500; font-family: 'Raleway', sans-serif;} 
.specialist-grid .grid-link:hover {color:#ffc107;}
    
.specialist-list {
    padding:0;
    list-style: none;
    color:#214180;
    font-size:18px;}

.specialist-list li {
    padding: 6px 0 6px 50px;
    background-image:url(/assets/css/media/checkmark_blue.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 24px;
    margin-bottom:6px;}

.image-map {display:block; margin:auto; width:100%;} 


@media (min-width: 768px) {  
    .image-map {width:100%;}
}
@media (min-width: 1200px) {  
    .specialist-list li {    
        display:inline-block;
        padding: 6px 40px 6px 30px;}  
}   
    

/* Testimonials */   
    
blockquote {font-family: 'Raleway', sans-serif; color:#555; font-size:15px; font-weight:600; position: relative;}

blockquote:before {
    content: "";
    position:absolute;
    top:-40px; right:20px;
    display:block;
    height:40px; width:40px;
    background-image:url(/assets/css/media/speechmark-open.png);
    background-repeat: no-repeat;
    background-size:100% 100%;
    opacity: 0.5;}
 
 /* Docs Pages */    
 
.requirements-body h2 {font-size:19px;}
.requirements-body h3 {font-size:19px;}

/* ---- FORMS */

/* Booking Form Global */
.booking-form {} 
    
.booking-form form .form-control {font-size:14px;}
.booking-form form .form-select {font-size:14px;}
    
.booking-form .form-outer {padding:80px 0;}    
.booking-form form {color:#000;}
.booking-form form label {font-size:15px; color:#000; font-weight:600; font-family: 'Raleway', sans-serif;} 
.booking-form form .form-control {color:#000;}
.booking-form form .form-select {color:#000;}    
    
@media (min-width: 768px) { 
    .booking-form .form-outer {padding:80px 100px;} 
    
    .booking-form form label,
    .booking-form form .form-control,
    .booking-form form .form-select {font-size:17px;} 
}
@media (min-width: 992px) { 
    .booking-form .form-outer {padding:80px 200px;} 
}
@media (min-width: 1200px) { 
    .booking-form .form-outer {padding:100px 0;} 
    
    .booking-form form label,
    .booking-form form .form-control,
    .booking-form form .form-select {font-size:14px; padding:0.5rem;}
}    


/* ---- BLOG */

article h1 {font-size:22px;}

@media (min-width: 768px) { 
    article h1 {font-size:24px;}
}

.post-in-list a {color:#4282ff; text-decoration:none; font-size:17px;}
.post-in-list a:hover {color:#2452ab;}
.post-in-list .entry-published {font-size:15px;}
article a {color:#4282ff; text-decoration:none;}
article a:hover {color:#2452ab;}
article blockquote {font-style:italic; font-size:17px; line-height:1.25; padding-left:1.5em;}
.blog-sidebar-links a {color:#4282ff; text-decoration:none;}
.blog-sidebar-links a:hover {color:#2452ab;}

.sidebar-post-link a {color:#4282ff; text-decoration:none;}
.sidebar-post-link:hover {color:#ffc107;}

/* Posts on homepage*/

.entry-title {color:#4282ff; text-decoration:none; font-size:17px;}
.entry-title:hover {color:#ffc107;}
.entry-summary {color:#333;}

@media (min-width: 768px) { 
   .post-in-list a {font-size:20px;} 
}

/* ---- FOOTER */

footer {
    font-size:13px;
    background-color:#212121;
    color:#8a8686;
    padding:50px 0 20px 0;
}

footer a {color:#8a8686;}
footer a:hover {color:#fff;}
footer a.heading-link {text-decoration: none; font-size:14px; text-transform: uppercase;}

.footer-logo {display:block; max-width:100px; margin:auto;}

.footer-links ul {
    list-style: none;
    margin:0;
    padding:20px 0;}
    
.footer-links ul li {margin-bottom:1rem;}
.footer-links ul li a {text-decoration: none}

.contact-links div {padding:0 0 20px 0;}
.contact-links a {text-decoration: none;}
.social-links .fa-twitter, .social-links a {font-size:18px; margin-right:10px; text-decoration: none;}

.baseline a {text-decoration:none;}


@media (min-width: 1200px) { 
    .footer-logo {margin:0} 
    .contact-links div {padding:0 0 9px 0;}
    .footer-links ul li {margin-bottom:0.25rem;}
}





/* ---- NEW STYLE */

.vehicle-make-list-text-only a {color:#4282ff; text-decoration:none;}
.vehicle-make-list-text-only a:hover {color:#0f60ff;}


.gradient-line {height:1px; background-image: linear-gradient(to right, #212121 , #4282ff);}
    
.post-meta {color:#a8a7a7;}
.post-meta a {color:#a8a7a7; text-decoration:underline;}
.post-meta a:hover {color:#000;}
    
.tag-page-title {
    display:inline-block;
    font-size:18px;
    padding: 5px 9px 5px 9px;  
    background-color:#35374f;
    color:#fff;
}
    
.tag-list {
    padding:0;
    list-style: none;
    color:#fff;
    font-size:14px;
}
.tag-list li {
    display:inline-block;
    padding: 5px 9px 5px 9px;  
    background-color:#35374f;
    background-image:url();
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 24px;
    margin-bottom:10px;
    margin-right:10px;
} 
    
.tag-list a {color:#fff; text-decoration: none;}
.tag-list a:hover {color:#ffc107;}

.blog-social-links {color:#35374f;}
.blog-social-links .fa-twitter, .blog-social-links a {color:#35374f; font-size:18px; margin-right:10px; text-decoration: none;} 
.blog-social-links a:hover {color:#4282ff;}
 
.blog-sidebar-trustpilot {max-width:160px;}

.maker-logo {max-width:85px;}
.maker-logo-gallery a {color:#4282ff; text-decoration:none;}
.maker-logo-gallery a:hover {color:#ffc107; text-decoration:none;}
    
.header-button {display:inline-block; color:#fff; padding:6px 12px; text-decoration:none; font-weight:500; font-size:13px;}
.header-button-charcoal {color:#fff; background-color:#212121;}
.header-button-charcoal:hover {background-color:#515151; color:#fff;}
.header-button-blue {color:#fff; background-color:#4282ff;}
.header-button-blue:hover {background-color:#0f60ff; color:#fff;}
.header-button-yellow {color:#000; background-color:#ffc107;}
.header-button-yellow:hover {background-color:#ffc107; color:#000;} 
   


@media (min-width: 576px) { }
@media (min-width: 768px) { }
@media (min-width: 992px) { }
@media (min-width: 1200px) { }
@media (min-width: 1400px) { }