/*
Theme Name: Southern Automotive Conference
Description: Child theme for Uncode theme
Author: AREDCREATIVE
Author URI: https://www.aredcreative.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* FONTS */

body {
    font-family: 'Montserrat', sans-serif;
}

.headings-style, h1, h2, h3, h4, h5, h6, .heading-text > p,
.tmb .t-entry .t-entry-cat, .tmb .t-entry .t-entry-title,
.tmb .t-entry .t-entry-table-typography, .vc_pie_chart .vc_pie_chart_value,
ul.dwls_search_results .daves-wordpress-live-search_title .search-title {
  font-family: 'Oswald', sans-serif !important;
}


/* COLORS */

.clr-yellow-bg {
    background: #ffc700;
}

/* HACKS */

.shaped-img {
    border-top-left-radius: 3em;
    border-top-right-radius: 17em;
    border-bottom-right-radius: 3em;
    border-bottom-left-radius: 12em;
    box-shadow: rgb(50 50 93 / 25%) 0px 50px 100px -20px, rgb(0 0 0 / 30%) 0px 30px 60px -30px;
    max-width: 420px;
}

.pt-img {
    border: 1px solid #f8f9fb;
}

.pt-img-2 {
    border: 1px solid #f8f9fb;
}

.pt-img-3 {
    border: 1px solid #f8f9fb;
}

.pt-img-2:hover {
    background: #9c1f31;
    border-color: #9c1f31;
    color: #fff;
}

.pt-img-2:hover > .service-features-p {
    color: #fff;
}

.gform_wrapper .top_label li.gfield.gf_right_half {
    padding-right: 0px !important;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    border: none !important;
}

.faq-service-box {
    margin: 0 auto;
    max-width: 800px;
}

.faq-accordion p .panel-title {
    padding-bottom: 0px !important;
}

.faq-accordion .panel {
    border-radius: 4px;    
    box-shadow: rgba(243, 246, 248, 0.15) 0px 8px 48px 0px, rgba(61, 72, 83, 0.06) 0px 2px 6px 0px, rgba(61, 72, 83, 0.36) 0px 0px 1px 0px;
    margin-bottom: 15px;
}

.faq-accordion .panel-title {
    background: #fff;
    padding-left: 25px;
    padding-right: 25px;
}

.uncode-accordion:not(.default-typography)  .panel-title > a > span  {
    font-family: 'Montserrat', sans-serif !important;			
    font-weight: 600 !important;
}

.faq-accordion .uncode-accordion:not(.default-typography)  .panel-title > a > span  {
}

.faq-accordion .panel-title > a {
    padding-bottom: 0px;
}

.faq-accordion .panel-title > a > span {
    font-family: 'Montserrat', sans-serif !important;	
    text-transform: inherit !important;
    font-size: 15px !important;
    font-weight: 400;
}

.faq-accordion .panel-title.active > a {
    right: 0 !important;
	color: var(--sacred) !important;	
}


.faq-accordion .panel-title.active > a span:after {
    content: "\f068";
    right: 0 !important;
	color: var(--sacred) !important;
}

.faq-accordion .panel-title > a span:after {
    top: 32px;    
    content: "\f067";
    right: 0 !important;
    color: #1e1d4b;    
}

.faq-accordion .panel-heading {
    background: #fff;
}

.faq-accordion .panel-group .panel-heading + .panel-collapse:before {
    border: none;
}

.faq-accordion .panel-body {
    padding: 0px 40px 30px 25px !important;
    background: #fff;
}

.faq-accordion .panel-body p {
}

.panel-body {
    padding-top: 0px !important;
}

.margtmin150 {
    margin-top: -150px;
}

.margt20 {
    margin-top: 20px !important;
}

.margt25 {
    margin-top: 25px !important;
}

.margt30 {
    margin-top: 30px !important;
}

.margt40 {
    margin-top: 40px !important;
}

.margt50 {
    margin-top: 50px !important;
}

.margt0 {
    margin-top: 0px !important;
} 

.margb20 {
    margin-bottom: 20px;
}

.margb40 {
    margin-bottom: 40px;
}

.lines, .lines:before,
.lines:after {
    width: 20px;
    height: 3px;
}

input[type=radio]:checked:before {
    background: #00a63f;
}

/* FOOTER */

.terms-contnainer {
    background: #f8f9fb;
}

.mailing-subscribe-container {
    background: rgb(158,31,49) !important;
    background: linear-gradient(63deg, rgba(158,31,49,1) 0%, rgba(126,0,18,1) 100%) !important;
    padding-top: 20px;
    padding-bottom: 20px;
}

.custom-footer {
    padding-top: 70px !important;
    padding-bottom: 40px !important;
    color: grey;
}

.footer-bio {
    font-weight: 300;
    font-size: 12px;
}

.footer-title {
    font-family: "Oswald", sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 20px;
    letter-spacing: .02em;
}

.mail-sub-terms {
    font-family: 'Readex Pro', sans-serif !important;
    color: grey;
    font-size: 10px;
    margin-top: 5px;
}

.mobile-footer h6 {
    font-weight: 700;
}

.copyright-footer {
    background: #f8f9fb;
    padding-bottom: 35px;
}

.copyright-footer ul {
    float: right;
    margin-top: 0px;
}

.copyright-footer li,
.copyright-footer li a {
    display: inline;
  font-family: "Montserrat", sans-serif !important;
    font-weight: 300;
    font-size: 12px;
    color: grey;
    padding-bottom: 12px;
    margin-left: 10px;
}

.bio-logo {
    content: url('assets/img/ared-word.svg');
    width: 170px;
    margin-bottom: 20px;
}

.ared-footer-logo {
    content: url('assets/img/ared-word.svg');
    width: 120px;
    margin: 0 auto;
}

.date {
  font-family: "Montserrat", sans-serif !important;
    font-weight: 300;
    font-size: 12px;
    margin-top: 0px;
    padding-bottom: 0px;
    color: grey;
}

.date-terms {
  font-family: "Montserrat", sans-serif !important;
    font-size: 11px;
    margin-top: 0px;
    padding-bottom: 0px;
    color: #dee2e6;
}

.footer-links ul {
    margin-top: 0px !important;
}

.footer-links li {
  font-family: "Montserrat", sans-serif !important;
    font-size: 14px;
    padding-bottom: 12px;
}

.footer-links li a {
  font-family: "Montserrat", sans-serif !important;
    font-weight: 300;    
    color: grey;
}

.footer-links li a:hover {
    text-decoration: underline;
}

.copyright-footer hr {
    border-color: #e7e9ee;
    margin-bottom: 40px;
    margin-top: 0px !important;    
}

.custom-footer hr,
.mobile-footer hr,
hr {
    border-color: #e7e9ee;
}

.mb-legal-menu ul {
    margin-top: 2px;
}

.mb-legal-menu li,
.mb-legal-menu li a {
  font-family: "Montserrat", sans-serif !important;
    font-weight: 300;
    color: grey;
    font-size: 12px;
    display: inline;
    margin-right: 5px;
}

ul.footer-contact {
    margin-top: 0px !important;
}

.footer-contact li, .footer-contact li a {
  font-family: "Montserrat", sans-serif !important;
    font-weight: 300;
    color: grey;
    font-size: 14px;
}

.footer-fab .fab {
    margin-top: 15px;
    font-size: 14px;
}

.head-fab .fab {
    font-size: 14px;
}

.mobile-footer .uncode-accordion .panel-title > a > span {
    font-family: "Oswald", sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.1em;
    text-transform: none;
    letter-spacing: .01em;
}

.mobile-footer p.panel-title {
    padding-bottom: 0px !important;
}

.panel {
    border: none !important;
}

.mobile-footer {
    background: #f8f9fb;
    padding-top: 40px;
    padding-bottom: 40px;
}

.mobile-footer #mc_embed_signup {
    margin-top: 15px;
    margin-bottom: 10px;
}

.mobile-footer #mce-EMAIL, #mce-NAME {
    display: block;
    margin-bottom: 5px;
    width: 100% !important;
}

.mobile-footer .panel {
    border: none !important;
}

.mobile-footer .panel-body {
    padding-bottom: 0px;
}

.mobile-footer .panel-title > a span:after {
    content: "\f067";
    font-weight: 300;
    color: #9c1f31;
    right: 0 !important;
}

.mobile-footer .panel-title.active > a span:after {
    content: "\f068";
    right: 0 !important;
}

@media(max-width:850px) {
  .wave-container::before {    
    height: 52.5px
  }  
}

@media (max-width: 1280px) {

}


@media (min-width: 960px) {
    body[class*=hmenu-] .submenu-light .menu-smart ul a,
    body[class*=hmenu-] .submenu-light .menu-smart ul a:hover,
    body[class*=hmenu-] .submenu-light .menu-smart ul a:focus,
    body[class*=hmenu-] .submenu-light .menu-smart ul a {
        font-family: 'Readex Pro', sans-serif;	
        color: #262424;
    }
    
    .mobile-footer {
        display: none !important;
    }
    
    .submenu-light .menu-horizontal .menu-smart > .mega-menu .mega-menu-inner > li > a {
        font-weight: 700 !important;
        font-size: 1em;
        color: #000;    
    }
    
    .submenu-light .menu-horizontal:not(.menu-sub-enhanced) .menu-smart ul a:hover {
        background: none !important;
    }
    
}

@media only screen and (max-width: 959px) {
    .desktop-only {
        display: none;
    }
    
    .menu-primary .menu-horizontal .menu-smart li,
    .menu-primary .menu-horizontal .menu-smart li a {
        font-family: 'Readex Pro', sans-serif;	    
        line-height: 2em;    
    }
    
    body:not(.menu-mobile-centered) .main-menu-container .menu-smart ul a:not(.cart-thumb):not(.btn) {
        margin-left: 5px;
        font-family: 'Readex Pro', sans-serif !important;
        font-weight: 400 !important;
        font-size: .9em !important;
        color: #777777;
    }
	
	.menu-smart > li > a > div > div > div.btn {
        color: #fff !important;
	}

    .contact-content {
        margin-left: 0px;
    }
    
    .case-studies-container,
    .case-studies-list {
        text-align: center;
    }

	.custom-footer {
        display: none;
    }
    
    .pt-img {
        padding: 36px !important;
    }
    
    .pt-img-2 {
        padding: 36px !important;
    }
    
    .padmbt0 {
        padding-top: 0px !important;
    }
    
    .padmbb0 {
        padding-bottom: 0px !important;
    }
    
    .cs-meta {
        bottom: -30px;
    }

}

@media (max-width: 768px) { /* positions input field and button underneath each other with 100% width for tablet and mobile */

    .mc-field-group { display: block; max-width: 100%; }
    
    #mce-EMAIL, #mce-NAME { padding: .7em 0 .7em 1em; width: 96%; margin: 0; }
    
    .clear { display: block; width: 100% }
    
    .button { width: 100%; margin: .5em 0 0 0; }
    
    .hero-container {
        padding-top: 40px;
        padding-bottom: 40px;
        min-height: 300px;
    }
    
    .quote-form-box-3 {
        margin-top: 10px;
    }
    
    .pdl0 {
        padding-left: 0px !important;
    }
    
    .pdr0 {
        padding-right: 0px !important;        
    }
    
    .nw-ct-mb {
        padding-top: 15px !important;
        padding-left: 36px !important;
        padding-right: 36px !important;
    }
    
    .nw-img-mb {
        padding-top: 0px !important;
    }
    
    .news-title-main-2, .news-title-main-2 a {
        margin-bottom: 5px;
    }

}

@media (max-width: 480px) {

    .hero-container {
        padding-top: 0px !important;
        min-height: 250px;
    }
    
    .hero-container-2 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    
    .hero-container .hero-title {
        font-size: 29px !important;
        max-width: 300px;
    }
    
    .content-box-title {
        font-size: 29px !important;
    }
    
    .hero-title-2 {
        font-size: 29px !important;
    }
    
    .lead-service-title {
        font-size: 3.5em !important;        
    }
    
    .contact-content .hero-title {
        font-size: 29px !important;
        margin: 0 auto;
        max-width: 300px;
    }
    
    .developer-icon {
        content: url(assets/img/devloper-icon.svg);
        height: 250px;
        margin: 0 auto;
    }
    
    .home-contact-container {
        padding-top: 1em;
        min-height: auto;
    }
    
    .case-studies-container-2 {
        min-height: auto;
    }

    .menu-container .logo-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .mobile-menu-button {
        padding-right: 15px !important;
    }

	.service-title {
        font-size: 2.2em !important;
        line-height: 1em !important;
    }
    
    .service-short-title, .service-short-title-hero, .service-short-title-2 {
        font-size: 1em !important;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    
    p.content-box-des {
        font-size: 1em !important;
        margin-bottom: 20px;
    }

  	.btn {
  	    transform: scale(1) !important;
  	}
  	
  	.btn-case {
  	    transform-origin: center;
        width: 70% !important;
  	}

  	.submenu-light .menu-smart li ul li {
  		font-size: 14px !important;
  	}

  	.statement3 {
  		font-size: 20px;
  	}
  	
  	.case-studies-container h5,
  	.post-type-archive-cases .tmb-light.tmb .t-entry-text .t-entry-title a {
  	    font-size: .7em !important;
  	}
  	
  	.launch-note {
  	    margin-bottom: 10px;
  	}
    
    .contact-content {
        margin-left: 0px;
        text-align: center;
    }

    .content-box h4 {
        font-size: 1.4em !important;
    }

    .reason-content h4 {
        font-size: 1.3em !important;
    }
    
    .case-title,
    .case-meta,
    .case-study-box p {
        text-align: center;
    }
    
    .case-title-2, .case-title-2 a {
        font-size: 20px !important;
        line-height: 1em !important;
    }
    
    .case-studies-list {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .submenu-light .menu-smart li ul li {
    }

    .form-box-1 {
        padding: 20px 0px;
        max-width: 100%;
    }
    
    .quote-form-box, .quote-form-box-2 {
        padding: 35px;
    }
    
    .quote-form-box-2-title {
        font-size: 25px !important;
    }
    
    .quote-form-box-3 {
        position: inherit;
    }
    
    .quote-container {
        padding-bottom: 0px;
    }
    
    .quote-form-box-2,
    .quote-form-box {
        margin-left: 0;
    }

    .quote-container .gfield_label,
    .contact-container .gfield_label {
        font-size: 11px !important;
    }

    .quote-container .gform_wrapper ul.gfield_checkbox li label,
    .contact-container .gform_wrapper ul.gfield_checkbox li label
    .contact-container .gform_wrapper ul.gfield_radio li label,
    .quote-container .gform_wrapper ul.gfield_radio li label{
        font-size: 13px;
    }

    .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: 1.3 !important;
    }
    
    .pad-top-0 {
        padding-top: 0px !important;
    }
    
    .padt20 {
        padding-top: 10px !important;
    }
    .padt15 {
        padding-top: 15px !important;
    }
    .padt0 {
        padding-top: 0px !important;
    }
    .mar-10 {
        margin-top: 10px;
    }
    
    .blog-posts-container .pdl0 {
        padding-left: 0px !important;
    }
    
    .blog-posts-container .pdr0 {
        padding-right: 0px !important;        
    }
    
    .nw-ct-mb {
        padding-top: 10px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    .link-blog-title {
        
    }
    
    .link-blog-post h6,
    .link-tree-links li,
    .link-tree-links li a {
        font-size: 14px;
    }
    
    .shaped-img {
        max-width: 290px;
    }

}