/**
Theme Name:	Car Dealer Child Theme
Theme URI:		
Description:	
Author:	Rise Themes
Author URI: http://risethemes.com/
Template: visionwp
Version: 1.0
Tested up to: 5.9
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: left-sidebar, right-sidebar, wide-blocks, block-styles, grid-layout, two-columns, flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, threaded-comments, translation-ready, news, education, entertainment
Text Domain: visionwp
*/
a:focus,input:focus,button:focus,textarea:focus {
    outline: none !important;
}
.visionwp-container {
    max-width: 100% !important;
    padding: 0 30px !important;
}

.visionwp-single-post-wrapper .visionwp-container {
    padding-right: 30px !important;
    padding-left: 30px !important;
    max-width: 1466px !important;
}

@media (max-width: 768px ) {
    .visionwp-container,
    .visionwp-single-post-wrapper .visionwp-container {
        padding: 0 15px !important;
    }
}

/* header */

.visionwp-site-branding a {
    display: block;
}

.visionwp-site-branding .secondary-site-logo,
.visionwp-scrolled-down .visionwp-site-branding a.custom-logo-link{
    display: none;
}

.visionwp-scrolled-down .visionwp-site-branding .secondary-site-logo {
    display: block;
}

@media (max-width: 768px) {
    /* .visionwp-scrolled-down .visionwp-site-branding .secondary-site-logo {
        display: none !important;
    }

    .visionwp-scrolled-down .visionwp-site-branding a.custom-logo-link {
        display: block !important;
    } */

    .visionwp-header-wrapper .visionwp-header {
        padding: 20px 0 !important;
    }

    header#masthead .visionwp-header-wrapper .visionwp-header .visionwp-site-branding {
        max-width: 100%;
        flex: 0 0 100%;
        justify-content: center;
        text-align: center;
    }

    button#menu-icon {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        left: 15px;
    }
}

body .visionwp-header-wrapper nav > ul > li {
    margin-right: 50px;
} 

body .visionwp-header-wrapper nav > ul > li a {
	font-weight: 600;
}
body.visionwp-transparent-header {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #6f6f6f;
    font-family: "muli", sans-serif;
}

body.visionwp-transparent-header  h1, body.visionwp-transparent-header  h2, body.visionwp-transparent-header  h3,body.visionwp-transparent-header  h4,h5,h6 {
    font-family: "muli", sans-serif;
}

.visionwp-transparent-header header#masthead .visionwp-header-wrapper {
    border-bottom: 3px solid transparent;
}

.visionwp-transparent-header.visionwp-scrolled-down header#masthead .visionwp-header-wrapper {
    background: #ffffff !important;   
    box-shadow: 0 2px 7px 0 rgba(196,196,196,.34);
}

.visionwp-scrolled-down .visionwp-header-wrapper .navigation > ul > li a,
.visionwp-scrolled-down .visionwp-header-wrapper nav > ul > li a,
.visionwp-scrolled-down .visionwp-header-wrapper .visionwp-header .visionwp-site-branding .site-title a {
	color: #0f141e !important;
}

.visionwp-site-button.visionwp-header-button {
    display: none;
}

body .visionwp-header-wrapper .visionwp-header {
	justify-content: flex-start;
}

.visionwp-menu-wrapper {
	margin-left: 60px;
}

nav > ul > li.menu-item-has-children > a:after {
    color: #ff4605;
    font-size: 20px !important;
    top: 2px;
    margin-left: 15px !important;
}

.visionwp-header nav > ul > li .sub-menu {
    border-radius: 10px;
    border: 1px solid #e9eaee;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    padding-bottom: 0;
    padding-top: 10px;
}

nav > ul > li .sub-menu:before {
    content: "";
    position: absolute;
    left: 31px;
    top: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: transparent transparent #fff;
    z-index: 3;
}

nav > ul > li .sub-menu:after{
    content: "";
    position: absolute;
    left: 30px;
    top: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 9px;
    border-color: #d21515 transparent #e9eaee;
    z-index: 2;
}

.visionwp-header nav > ul > li .sub-menu li a {
    border-bottom: 1px solid #eee;
    margin: 6px 20px;
    color: #010834;
    padding-bottom: 10px !important;
    padding-left: 0;
}

body .visionwp-arrow-box .visionwp-down-arrow {
    width: 14px;
    height: 10px;
    left: 0;
}

body .visionwp-arrow-box {
    width: 23px;
}

body .visionwp-arrow-box .visionwp-down-arrow:after, 
body .visionwp-arrow-box .visionwp-down-arrow:before {
    width: 2px;
}

body .visionwp-arrow-box:focus {
    border: none;
}

.visionwp-mobile-menu ul.menu > li ul {
    padding: 0;
}

.visionwp-mobile-menu ul.menu > li ul li a {
    padding-left: 60px !important;
}

/* banner */

.featured-banner {
    height: 100vh;
	display: flex;
    align-items: center;
}
.banner-heading strong {
    font-weight: 900;
    color: #f94d1c;
}

div#visionwp-mobile-menu ul li > a {
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #363b48;
    padding: 15px 25px;
}

.visionwp-close-wrapper {    
    background: #242830;
}

body .visionwp-close-wrapper .visionwp-inner-box {
    width: 50px;
    height: 30px;
}

body .visionwp-close-wrapper .visionwp-inner-box .visionwp-inner:after, 
body .visionwp-close-wrapper .visionwp-inner-box .visionwp-inner:before {
    width: 3px;
    background-color: #ff4605;
}

.visionwp-header .menu-toggler, 
.visionwp-header .sliding-menu-toggler {
    width: 40px;
    height: 20px;
    outline: none !important;
}

.visionwp-header .menu-toggler span, 
.visionwp-header .sliding-menu-toggler span {
    background-color: #ff4605;
}
.menu-toggler span:nth-child(2), 
.menu-toggler span:nth-child(3), 
.sliding-menu-toggler span:nth-child(2), 
.sliding-menu-toggler span:nth-child(3) {
    top: 10px;
    width: 80% !important;
}

.menu-toggler span:nth-child(4), .sliding-menu-toggler span:nth-child(4) {
    width: 55%;
}

@media (max-width: 900px) {
    body .visionwp-header-wrapper nav > ul > li {
        margin-right: 20px;
    }

    .visionwp-container {
        padding: 0 15px !important;
    }
}

@media (max-width: 768px) {
    .featured-banner {
        height: 65vh;       
    }
    .banner-heading {
        font-size: 52px !important;
        line-height: 1.2;
    }

    .visionwp-menu-wrapper {
        margin-left: 0 !important;
    }

    body .visionwp-mobile-menu {
        background: #0f141e;
        width: 100%;
        left: -100%;
        right: inherit;
    }

    /* .visionwp-transparent-header.visionwp-scrolled-down header#masthead .visionwp-header-wrapper {
        background-color: #0f141e !important;
        border-bottom: none;
    } */

    .visionwp-scrolled-down .visionwp-header-wrapper .navigation > ul > li a, 
    .visionwp-scrolled-down .visionwp-header-wrapper nav > ul > li a, 
    .visionwp-scrolled-down .visionwp-header-wrapper .visionwp-header .visionwp-site-branding .site-title a {
        color: #fff !important;
    }
}

.visionwp-mobile-menu.visionwp-menu-open {
    right: 0;
    left: 0;
}

.primary-icon i {
    height: 60px;
    width: 60px;
    background: #ff46051a;
    color: #f94d1c;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 32px;
}

.primary-icon.green i {
	background-color: rgba(64,255,5,.1);
    color: #0fdf2c;
}
.primary-icon.blue i {
	background-color: rgba(5,117,255,.1);
    color: #0575ff;

}

/*content 50-50 section */

.content-50 .wp-block-column.has-background {
    padding: 40px;
    border-radius: 10px;
    align-items: center;
}

.content-50 .wp-block-column.has-background .is-layout-flex {
    align-items: center !important;
}

.content-50 .wp-block-column.has-background .is-layout-flex figure {
    margin-bottom: 0;
}

.content-50 .wp-block-column.has-background .is-layout-flex img {
    max-height: 280px;
    object-fit: cover;
}

.content-50 .wp-block-rise-blocks-button {
    min-width: 180px;
    text-align: center;
}

.content-50 .wp-block-rise-blocks-button i {
    color: #ff4605;
}
.content-50 .wp-block-rise-blocks-button:hover i {
    color: #fff;
}

ul.has-icon-left {
    margin: 0;
    padding: 0;
    list-style: none;
}

.team-member-wrapper ul.has-icon-left {
    margin-top: 25px;
}

ul.has-icon-left li {
    padding-left: 35px;
    margin-bottom: 6px;
    position: relative;
    font-size: 18px;
}

ul.has-icon-left li:before {
    font-family: fontAwesome;
    content: "\f058";
    color: #f94d1c;
    left: 0;
    position: absolute;
}
.car-dealer-section-button {
    flex: 100%;
}
/*footer*/
.site-logo{
	    max-width: 165px;
	margin-top:10px !important;
}
.menu-footer-menu-container>ul{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
.vechica-simple-menu{
	margin:0 auto;
	padding:0;
}
.menu-footer-menu-container > ul > li {
	width: 50%;
    font-size: 16px;
    line-height: 27px;
    padding-bottom: 20px;
    font-weight: 600;
    float: left;
    margin: 0;
    padding-right: 15px;
    padding-left: 20px;
    position: relative;
    top: -5px;
}
.menu-footer-menu-container > ul > li::before{
	position: absolute;
    left: 0;
    top: -2px;
    content: "\2022";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: #ff4605;
}

.visionwp-footer-area-wrapper h2,
.visionwp-footer-area-wrapper h2 span {
    font-size: 30px;
    line-height: 36px;
    font-weight: 900;
}

.visionwp-footer-area-wrapper h2 span {
    color: #ff4605;
}

.visionwp-footer-area-wrapper .wp-block-column.is-layout-flow:last-child {
    text-align: right;
}

.visionwp-footer-area-wrapper :where(.wp-block-columns.is-layout-flex) {
    gap: 6em;
}
body .visionwp-footer-area-wrapper {
    padding-bottom: 60px;
}

body .visionwp-footer-copyright > div {
    border-top: 1px solid #525252;
    display: flex;
    justify-content: space-between;
    padding: 30px 30px !important;
}

.menu-social-menu-container ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-social-menu-container ul li {
    margin: 0 0 0 20px;
    font-size: 0;
}

.menu-social-menu-container ul li a {
    position: relative;
    width: 41px;
    height: 41px;
    background: #3b4250;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 50%;
    transition: all .2s;
}

.menu-social-menu-container ul li a:hover {
    background-color: #ff4605;
    color: #fff;
}
.menu-social-menu-container ul li a:after {
   content: "";
   font-family: fontAwesome;
   font-size: 21px;
   color: #fff;
}

.menu-social-menu-container ul a[href*="facebook.com"]:after {
    content: '\f09a';
}

.menu-social-menu-container ul a[href*="youtube.com"]:after {
    content: '\f167';
}

.menu-social-menu-container ul a[href*="twitter.com"]:after {
    content: '\f099';
}

.menu-social-menu-container ul a[href*="instagram.com"]:after {
    content: '\f16d';
}
@media (max-width: 1190px) and (min-width: 790px) {
    .visionwp-footer-area-wrapper :where(.wp-block-columns.is-layout-flex){
        gap: 1em;
    }
}


@media (max-width: 780px) {
    .visionwp-footer-area-wrapper :where(.wp-block-columns.is-layout-flex) {
        gap: 3em;
    }

    .visionwp-footer-area-wrapper .wp-block-column.is-layout-flow:last-child {
        text-align: left;
    }

    .menu-footer-menu-container > ul > li {
        width: 100%;
    }

    .menu-social-menu-container ul {
        justify-content: center;
        margin-top: 10px;
    }

    body .visionwp-footer-copyright > div {
        padding: 20px 0 !important;
    }
}

@media (max-width: 1190px)  {
    .menu-footer-menu-container>ul {
        display: block;
    }
    .menu-footer-menu-container > ul > li {
        width: 100%;
    }
}

/* contact us page */
.contact-form form.wpcf7-form {
    background: #eff3fa;
    padding: 30px;
    border-radius: 15px;
}

.contact-submit-btn p .car-dealer-btn-primary {
    border: none;
    display: inline-block;
    width: auto;
    min-width: 136px;
    color: #fff;
    cursor: pointer;
}

.contact-submit-btn label {
    display: flex;
    align-items: center;
}

.form-fields-message span {
    max-width: 100%;
    flex: 100%;
}

.form-fields-top .wpcf7-form-control-wrap {
    width: 100%;
    max-width: 33%;
    flex: 0 0 32%;
}

.form-fields-top .wpcf7-form-control-wrap input {
    border: 1px solid #fff;
    border-radius: 6px;
    height: 45px;
}

.form-fields-message .wpcf7-form-control-wrap textarea.wpcf7-form-control.wpcf7-textarea {
    border: 1px solid #fff;
    border-radius: 6px;
}

.g-map iframe {
    border-radius: 20px;
    overflow: hidden;
}

.no-margin {
    margin: 0;
}

.contact-phone {
    display: block;
    width: fit-content;
    font-size: 32px;
    font-weight: 900;
    color: #000;
}

.contact-phone span {
    color: #ff4605;
}

.contact-email {
    display: block;
    margin-bottom: 30px;
    color: #000;
}

.contact-email i {
    margin-right: 15px;
    color: #ff4605;

}

.contact-submit-btn a {
    color: #ff4605;
    text-decoration: underline;
    margin-left: 3px;
}

.form-fields-top .wpcf7-form-control-wrap input::placeholder,
.form-fields-message .wpcf7-form-control-wrap textarea.wpcf7-form-control.wpcf7-textarea::placeholder { 
    color: #abb8c3;
    opacity: 1; 
}
  
li.wp-social-link.wp-social-link-facebook.wp-block-social-link {
    margin-left: 20px;
}

@media (max-width: 1190px) and (min-width: 790px) {
    .content-50  h2.rise-blocks-title {
        font-size: 32px !important;
    }
}

@media (max-width: 1024px) and (min-width: 620px) {
    .content-50 .rise-blocks-section-inner > .wp-block-columns > .wp-block-column  {
        flex: 0 0 47% !important;
        max-width: 47% !important;
    }
}

@media (max-width: 768px) {
    .content-50 .wp-block-rise-blocks-button {
        min-width: 100%;
        margin-bottom: 10px !important;
    }

    .content-50 .rise-blocks-title {
        text-align: center;
    }
    .form-fields-top .wpcf7-form-control-wrap {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .form-fields-top p,
    .form-fields-message p {
        margin: 0;
    }

    .contact-submit-btn p .car-dealer-btn-primary {
        display: block;
        width: 100%;
        margin-top: 30px;
    }
}


/* about us page */

.about-us-gallery figure.wp-block-image.size-large {
    max-height: 250px;
    overflow: hidden;
    border-radius: 20px;
}

.wp-block-quote {
    border-left-color: #ff4605;
}

.rounded-image {
    border-radius: 20px;
    overflow: hidden;
    margin-left: 100px;
    height: 450px;
}

.rounded-image  img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}



.rise-blocks-accordion-item-header,
.rise-blocks-accordion-content-wrapper {
    border: 1px solid #e7edf3 !important;
}

.rise-blocks-accordion-item-header{
    border-radius: 10px !important;
}

.rise-blocks-accordion-item-header.ui-state-active {
    border-radius: 10px 10px 0 0 !important;
}

.rise-blocks-accordion-content-wrapper {
    border-radius: 0 0 10px 10px !important;
}
.rise-blocks-accordion-item-header.ui-state-active,
.rise-blocks-accordion-content-wrapper.ui-accordion-content-active {
    border-color: #ff4605 !important;
}
.rise-blocks-accordion-content-wrapper {
    padding-top: 0 !important;
    border-top: 0 !important;
}

.wp-block-rise-blocks-accordion-item .ui-icon:after {
    content: '\f107';
}

.wp-block-rise-blocks-accordion-item .ui-state-active .ui-icon:after {
    content: '\f106';
}

.rise-blocks-items-per-row-1 .rise-blocks-counter {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.rise-blocks-items-per-row-1 .rise-blocks-counter-text {
    margin-left: 40px;
}

.ceo-box {
    border-radius: 20px;
    align-items: center !important;
    padding-bottom: 0;
    position: relative;
}
.faq-block {
    border-radius: 20px;
}
.ceo-box figure {
    margin-bottom: 0;
}

.ceo-box figure img {
    max-height: 300px;
    object-fit: contain;
}
.ceo-box  .rise-blocks-sub-description {
    position: relative;
}
.ceo-box  .rise-blocks-sub-description:before {
    content: "\f10d";
    font-family: 'FontAwesome';
    position: absolute;
    top: 11px;
    color: #ff4605;
}

.image-box-left img {
    max-height: 305px;
    object-fit: cover;
    border-radius: 20px;
    width: 100%;
}

.call-to-action {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,.16);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    right: -50%;
    width: 320px;
    text-align: center;
}

.call-to-action h3 {
    font-weight: 900;
    margin: 0 0 10px;
    font-size: 24px;
    color: #000;
}
.wp-block-columns.about-gallery {
    gap: 10px;
}

.about-gallery figure figure {
    height: 320px;
    border-radius: 20px;
    overflow: hidden;
    padding: 10px;
}

.about-gallery figure figure img {
    border-radius: 20px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.f-100 {
    flex: 100%;
}

@media (min-width: 768px) {
    .rise-blocks-items-per-row-1 .rise-blocks-counter .rise-blocks-counter-number {
        font-size: 150px !important;
    }
   
}



@media (max-width: 768px) {
    .rounded-image {      
        margin-left: 0;
        height: auto;
    }

    .call-to-action {
        padding: 20px;
        top: auto;
        transform: none;
        right: 0;
        width: 100%;
        bottom: -99px;
    }
}


@media (max-width: 1000px) and (min-width: 790px) {
    .rise-blocks-section-wrapper {
        max-width: 100% !important;
    }

    .team-member-wrapper .car-dealer-team-member .car-dealer-team-member-slider {
        margin-right: auto !important;
        white-space: initial;
        overflow: visible;
    }

    .team-member-bg {
        border-radius: 0;
        top: 0 !important;
        padding: 0;
    }

    .visionwp-footer-area-wrapper .wp-block-column {
        flex: 0 0 43% !important;
    }

    .visionwp-footer-area-wrapper :where(.wp-block-columns.is-layout-flex) {
        gap: 3em;
    }

    .visionwp-footer-area-wrapper .wp-block-columns,
    .content-50 .wp-block-columns {
        flex-wrap: wrap !important;
    }

    .mc4wp-form-fields .form-fields {
        flex: 0 0 70%;
    }

    .mc4wp-form-fields h2 {
        flex: 0 0 30%;
    }

    .content-50 .wp-block-column.has-background .wp-block-column {
        flex: 0 0 100%;
        flex-basis: 100% !important;
    }

    .call-to-action {
        transform: none;
    }

    .single-counter {
        flex-basis: 50% !important;
    }

    .rise-blocks-counter-number span {
        display: none;
    }
}