/*
Theme Name: Total Child
Theme URI: http://totalwptheme.com
Description: Total WordPress theme example child theme.
Author: AJ Clarke
Author URI: http://totalwptheme.com
Template: Total
Version: 1.1
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*--- GENERAL ---*/
p, li, input, textarea, select, button, label {
    font-family: Arial, Helvetica, sans-serif;
}
h2 {
    font-size: 1.75em;
}
h1.vcex-heading,
h2.vcex-heading,
h3.vcex-heading,
h4.vcex-heading,
h5.vcex-heading,
h6.vcex-heading {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
}
h2.clients {
    font-size: 18px;
    text-transform: uppercase;
}
.font125 {
    font-size: 1.25em;
}
.bold {
    font-weight: 700;
}
.blue {
    color: #0a2550;
}
.spacer15 {
    height: 4rem;
}

#advert {
    display: none;
}
.mfp-content {
    width: auto;
    text-align: center;
}
.mfp-close-btn-in .mfp-content .mfp-close {
    color: #fff;
}
a.pdf-link {
    position: absolute;
    top: 80%;
    left: 20%;
    right: 20%;
    bottom: 2%;
}

/*--- TOP BAR ---*/
#top-bar-wrap {
    margin-bottom: 0;
    border-bottom: 0;
}
.top-bar-menu {
    display: none;
}
.top-bar-mobile-menu {
    display: block;
}
.top-bar-mobile-menu #menu-toggle {
    display: none;
}
#top-bar-content > .top-bar-menu > li {
    text-transform: lowercase;
}
#top-bar-content > .top-bar-menu > li > a {
    font-size: 16px;
}
#top-bar-content > .top-bar-menu > li > a:before {
    content: '\f111';
    font-family: FontAwesome;
    padding-right: 10px;
    font-size: 1.25rem;
    vertical-align: baseline;
}
#top-bar-content > .top-bar-menu > li > a:hover {
    text-decoration: none;
}
#top-bar-content > .top-bar-menu > li.current-menu-item > a {
    color: #ff9900;
}
#top-bar-social a {
    color: #636363;
}
#top-bar-social a.wpex-social-color-hover.wpex-facebook:hover {
    background-color: #ff9900;
    color: #fff;
}
.top-bar-mobile-menu label:hover {
    color: #ff9900;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.menu-main-menu-mobile-container {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#menu-toggle:checked + .menu-main-menu-mobile-container {
    max-height: 200px;
}
#top-bar-content .top-bar-mobile-menu .menu-main-menu-mobile-container a {
    display: block;
    background-color: #e3e3e3;
    color: #666;
    padding: 6px 20px 8px 20px;
}
#top-bar-content .top-bar-mobile-menu .menu-main-menu-mobile-container a:hover {
    background-color: #ff9900;
    color: #fff;
}

/*--- LOGO ---*/
.logo {
    margin-top: 55px;
}

/*--- PAGES ---*/
.desc-container p {
    max-width: 690px;
}
.container300 {
    position: relative;
    background-color: rgba(217, 217, 217, 0.9);
    padding-bottom: 10px;
}
.container300 h2 {
    font-size: 1.75em;
}

.about-wrapper {
    background: url(/wp-content/uploads/2017/11/about-us-bgd.png) no-repeat top left;
    background-size: inherit;
}

.what-wrapper {
    background: transparent url(/wp-content/uploads/2017/11/what-we-do-bgd.png) no-repeat top left;
    background-size: inherit;
}

.services .vcex-icon-box-five,
.services a.vcex-icon-box-five {
    padding: 15px;
    background-color: #e3e3e3;
    min-height: 306px;
}
.services a.vcex-icon-box-five:hover {
    background-color: #666;
    color: #fff;
}
.services .vcex-icon-box-five h2.vcex-icon-box-heading,
.services a.vcex-icon-box-five h2.vcex-icon-box-heading {
    font-family: Arial, Helvetica, sans-serif;
}
.services .vcex-icon-box-five h2:after,
.services a.vcex-icon-box-five h2:after {
    content: '';
    display: block;
    width: 70px;
    height: 1px;
    margin: 15px auto 0 auto;
    background-color: #fe9900;
}
/*.services .vcex-icon-box-five .vcex-icon-box-content p {*/
    /*font-size: 15px;*/
/*}*/
.services-carousel .owl-item .wpex-carousel-slide .wpex-carousel-entry-media {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 74px;
}

/*--- CAROUSEL ---*/
.owl-carousel.client-logos .owl-item .wpex-carousel-entry-media {
	margin-left: 10px;
	margin-right: 10px;
}

/*--- FOOTER ---*/
.site-footer #footer-widgets .footer-widget {
    padding-bottom: 0;
}
.site-footer #footer-widgets .footer-widget .footer-contact-info {
    font-size: 0.85em;
}
.site-footer #footer-widgets .footer-widget .footer-contact-info .phone {
    margin-left: 10px;
    margin-right: 10px;
}

/*---RESPONSIVE ---*/
@media (min-width: 768px) {
    .spacer15 {
        height: 8rem;
    }

    /*--- TOP BAR ---*/
    .top-bar-menu {
        display: block;
    }
    .top-bar-mobile-menu {
        display: none;
    }
    #top-bar-content > .top-bar-menu > li {
        margin-right: 50px;
    }
    #top-bar-content > .top-bar-menu > li#menu-item-13 {
        margin-right: 95px;
    }
    #top-bar #top-bar-social.top-bar-right {
        top: inherit;
        bottom: 0;
    }

    /*--- PAGES ---*/
    .about-wrapper {
        min-height: 840px;
    }

    .what-wrapper {
        min-height: 840px;
    }

    .container300 {
        max-width: 310px;
        min-height: 840px;
    }

    .services .service-card .vc_column-inner {
        margin-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (min-width: 992px) {
    .spacer15 {
        height: 12rem;
    }
    .extra-pad {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (min-width: 1200px) {
    .spacer15 {
        height: 20rem;
    }
}