/*
Theme Name:   Apexhk Child
Description:  Apexhk Child Theme
Template:     apexhk
Version:      1.0
Text Domain:  apexhk
*/

@import url("../apexhk/style.css");

#slider_blocks .homeSlider .slides li img {
    height: 662px;
    -webkit-background-size: cover !important;
    background-size: cover;
}

#slider_blocks .blocksRow .blocks .block {
    height: 200px;
}

#slider_blocks .homeSlider .text_lines h1 {
    line-height: 62px;
    padding: 0 24px;
    background: rgba(0, 0, 0, 0.7);
    color: #FFF;
    display: inline-block;
    font-weight: 300;
    margin: 0;
    font-size: 22px;
}

#slider_blocks .homeSlider .text_lines span.line2 {
    line-height: 64px;
    padding: 0 24px;
    background: rgba(255, 255, 255, 0.9);
    color: #000;
    display: inline-block;
    font-weight: 300;
    margin: 0;
    font-size: 20px;
}

#slider_blocks .homeSlider .text_lines span.line2 i {
    font-size: 13px;
}

#slider_blocks .homeSlider .text_lines span.line2 strong:first-child {
    color: #2384B1;
}

.jobs .sblock2.serviceWidget4 {
    text-align: center;
    margin-bottom: 20px;
}

#blogPosts.contentSection .blog.single-post .excerpt .jobs .sblock2.serviceWidget4 h4 {
    font-size: 20px;
    margin: 0 0 15px;
}

#blogPosts.contentSection .blog.single-post .excerpt p {
    color: #414141;
    line-height: 24px;
}
#blogPosts.contentSection .blog .excerpt p {
    color: #414141;
}
#blogPosts .blog .excerpt p {
    font-size: 16px;
    color: #414141;
    line-height: 24px;
    margin-bottom: 10px;
    font-weight: 400;
}

#blogPosts.contentSection .blog.single-post .excerpt .infoblock p {
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    color: #000;
    line-height: 32px;
}

#blogPosts .blog .excerpt .sblock2.serviceWidget4 p {
    text-align: left;
}

#blogPosts.contentSection .wpb_content_element {
    margin-bottom: 0px;
}

#blogPosts.contentSection {
    padding: 0;
    margin-top: 0;
}

#blogPosts.contentSection h3 {
    margin-top: 7px;
    margin-bottom: 0px;
}

#blogPosts.contentSection .vc_row[data-vc-full-width] {
    overflow: visible;
}

#blogPosts .blog .imgCD {
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}

.models {
    margin-bottom: 0;
}

.models h2, .models .tblock {
    font-size: 24px;
    color: #006faf;
    height: 55px;
    line-height: 28px;
    border: none;
    margin: 0 auto;
    text-align: center;
}

.models.kia h2 {
    color: #cb0f00;
}

.models .tblock .icon-h, .models .tblock .icon-k {
    width: 85px;
    margin-right: 20px;
    background: transparent;
}

.icon-h::before {
    content: url('images/h_logo.png');
    vertical-align: top;
}

.icon-k::before {
    content: url('images/k_logo.png');
    vertical-align: top;
}

.models .tblock i.icon-h::after, .models .tblock i.icon-k::after {
    content: '';
    width: 0;
    height: 0;
    border: none;
    top: 0;
    vertical-align: top;
}

#slider_blocks {
    position: relative;
    margin-top: -222px;
    height: 662px;
    z-index: 0;
}
#slider_blocks .homeSlider {
    border: 0;
    border-radius: 0;
    width: 100%;
    overflow: hidden;
    height: auto;
    position: absolute;
    z-index: 0;
}

.appform {
    position: relative;
    margin-bottom: 30px;
}
.appform form .input-group {
    width: 100%;
    margin-bottom: 30px;
}
.appform form .input-group span {
    border-radius: 0;
    height: 56px;
    border-color: #e5e5e5;
    background: #FFF;
}
.appform form .input-group span i {
    height: 32px;
    width: 32px;
    line-height: 28px;
    border: 1px solid #2384B1;
    color: #2384B1;
    border-radius: 100%;
    text-align: center;
    font-size: 12px;
}
.appform form .input-group input {
    border-color: #e5e5e5;
    border-radius: 0;
    height: 56px;
    padding-left: 15px;
    box-shadow: none;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}
.appform form .input-group label.error {
    border: 1px solid #e5e5e5;
    border-top: 0;
    padding: 5px;
    width: 100%;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    color: #2384B1;
}
.appform form .input-group textarea {
    border-color: #e5e5e5;
    height: 65px;
    padding: 10px 15px;
    border-radius: 0;
    box-shadow: none;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}
@media (max-width: 767px) {
    .appform form .input-group textarea {
        margin-top: 30px;
    }
}
.appform form .input-group:last-child {
    margin-bottom: 0;
}
.appform form button {
    line-height: 56px;
    border-radius: 0;
    border: 0;
    background: #2384B1;
    padding: 0;
    width: 100%;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-shadow: none;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}
.appform form button:hover {
    background: #3a3d47;
    color: #FFF;
}

.appform.comment_form{margin-top: 40px;}
.appform form input[type="submit"] {
    line-height: 56px;
    border-radius: 0;
    border: 0;
    background: #2384B1;
    padding: 0;
    width: 100%;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0.5px;
    text-shadow: none;
}
.appform form input[type="submit"]:hover {
    background: #3a3d47;
    color: #FFF;
}

ul#model-menu, ul#model-menu1 {
    margin: 0px; padding: 0px; text-align: center; float: none; display: block !important;
}

ul#model-menu a, ul#model-menu1 a {
    text-align: center;
    font-size: 14px;
    color: #006faf;
}

ul#model-menu1 a {
    color: #cb0f00;
}

ul#model-menu ul, ul#model-menu1 ul {
    min-width: 150px;
}

ul#model-menu li, ul#model-menu1 li {
    text-align: center;
    width: 190px;
    margin-right: 20px;
    line-height: 20px;
    display: inline-block;
    float: none;
}

ul#model-menu a img, ul#model-menu1 a img {
    margin-top: 0px;
    margin-bottom: 0px;
}

ul#model-menu ul li, ul#model-menu1 ul li {
    margin-right: 0px;
    z-index: 9999 !important
}

ul#model-menu ul li a, ul#model-menu1 ul li a {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 12px;
    padding: 9px !important;
    margin: 0;
    background-color: #efefef;
    border-bottom: 1px solid #dedede;
}

ul#model-menu ul li a:hover, ul#model-menu1 ul li a:hover {
    color: #9f9f9f;
}

.models-menu, .models-menu * { margin: 0; padding: 0; list-style: none; }
.models-menu li { position: relative; }
.models-menu ul { display: none; position: absolute; top: 100%; left: 0; z-index: 9999; }
.models-menu > li { float: left; }
.models-menu li:hover > ul,
.models-menu li.sfHover > ul { display: block; }
.models-menu a { display: block; position: relative; }
.models-menu ul ul { top: 0; left: 100%; }

/* ==== Menu Properties ==== */
.models-menu ul {
    margin-top: -3px;
    min-width: 12em; /* allow long menu items to determine submenu width */
    border-style: solid;
    border-width: 3px 0 0 0;
    text-transform: uppercase;
}
.models-menu ul ul{ margin-top:-3px; }
.models-menu a {
    text-decoration: none;
    zoom: 1; /* IE7 */
    color: #3e3e3e;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: all 100ms linear;
    -moz-transition:    all 100ms linear;
    -ms-transition:     all 100ms linear;
    -o-transition:      all 100ms linear;
    transition:         all 100ms linear;
}

.models-menu > li {
    background: transparent;
}
.models-menu > li:last-child { border-right: 0; padding-right: 0; }

.models-menu ul li a {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 13px;
    padding: 6px 10px 3px 10px;
    margin: 0;
    background-color:#f7f7f7;
}

.models-menu > li:hover {
    /* only transition out, not in */
    -webkit-transition: none;
    -moz-transition:    none;
    -ms-transition:     none;
    -o-transition:      none;
    transition:         none;
    -webkit-box-shadow: inset 0px -3px 0px 0px;
    -moz-box-shadow: inset 0px -3px 0px 0px;
    box-shadow: inset 0px -3px 0px 0px;
    color: #1E69B8;
}

.models-menu li li:hover,
.models-menu li li a:hover,
.models-menu li li a:active { color: #1E69B8; }

footer ul.menu {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}

footer ul.menu li {
    border-bottom: 1px solid #6e6e6e;
    padding: 9px;
}

footer ul.menu li a {
    color: #cbcbcb;
    padding: 14px 0px;
    line-height: 20px;
    text-transform: uppercase;
    font-size: 16px;
}

footer ul.menu li a:hover {
    color: #fcfcfc;
}

header .logo_line {
    padding-top: 25px;
    padding-bottom: 20px;
}

header .navbar .container-fluid #mainNav ul.nav li.dropdown .dropdown-menu li a {
    line-height: 40px;
    font-size: 14px;
    font-weight: 300;
    border-right: 0;
    border-top: 1px solid rgba(0,0,0,0.9);
    background: rgba(115,115,115,1)
}

header .navbar .container-fluid #mainNav ul.nav li.dropdown .dropdown-menu li {
    border-right: 0;
    border-top: 1px solid rgba(255,255,255,1);
}

.container .fblock1.block {
    height: 200px;
    position: relative;
    z-index: 0;
}

ul.nav li ul.dropdown-menu li {
    z-index: 9999;
}

#blogPosts .blog .excerpt ul li, #blogPosts .blog .excerpt ol li, .page-content ul li, .page-content ol li {
    font-size: 16px;
    color: #414141;
    line-height: 24px;
    font-weight: 400;
}

.page-child .page-content {
    margin-top: 50px;
}

.page-child .page-content p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

#blogPosts .blog .excerpt ol {
    margin-left: 20px;
}

#pageTitle .pageTitle h1, #page-title .page-title h1 {
    line-height: 65px;
    border: 1px solid #2384B1;
    padding: 0 25px;
    background: rgba(0, 0, 0, 0.7);
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    color: #FFF;
    display: inline-block;
    text-align: center;
}

.stext, .stext ul li, .stext ol li {
    color: #414141;
    font-size: 17px;
    line-height: 30px;
    font-weight: 300;
}

#logo-image {
    padding-left: 20px;
}

header {
    background: url('images/header-bg.jpg') no-repeat center top #e8e8e8;
}

header .logo_line .logos img {
    margin: 10px 0px 0px 40px;
}

ul.contact-vertical li {
    font-size: 16px;
    color: #6e848f;
    line-height: 26px;
    text-align: center;
}

ul.list-inline.contact-vertical {
    list-style: none;
    margin-left: inherit;
}

ul.contact-vertical li strong {
    font-size: 24px;
    text-shadow: 1px 1px 1px #ddd;
    color: #317a9d;
}

.logos {
    text-align: center;
    margin: 0 auto;
}

header .logo_line ul.contact-vertical li a {
    color: #317a9d;
    margin-left: 0px;
    line-height: 60px;
}

ul.contact-vertical li span {
    color: #6e848f;
}
#page-title {
    position: relative;
    margin-top: 0;
    height: 100px;
    text-align: center;
}
#main-title {
    position: relative;
    margin-top: 0px;
    height: 62px;
    text-align: center;
}
#page-title .main-title {
    width: 100%;
}
#page-title .main-title h1, #main-title .main-title h1 {
    line-height: 60px;
    border: 1px solid #2384B1;
    background: rgba(0, 0, 0, 0.7);
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    font-weight: 400;
    color: #FFF;
    text-align: center;
    margin-top: 0px;
}
#page-title .breadcrumbRow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
#page-title .list-inline {
    background: #FFF;
    display: inline-block;
    padding: 0 20px;
}

#page-title .list-inline li {
    font-size: 14px;
    line-height: 30px;
}

#page-title .list-inline li i {
    font-size: 18px;
    margin-right: 1px;
    display: inline-block;
    line-height: 30px;
    color: #000;
}

#page-title .list-inline li a {
    color: #000;
}

footer .widget .oppeningHoursWidget .nav li {
    line-height: 52px;
}

footer .widget .oppeningHoursWidget .nav li p {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 26px;
}

footer {
    padding-bottom: 0;
}

footer .copyrightRow {
    margin-top: 50px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.mechanic-button {
    white-space: nowrap;
    line-height: 52px;
}