/*
Theme Name: Franchise Location
Author: CyberMark
Author URI: https://www.cybermark.com
Version: 2.0.6
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Franchise Location
Text Domain: franchise-location
Template: cybermark
*/
@import url(../franchise-corporate/style.css);

.job_form input[type=radio] {
    width: auto !important;
}

.gfield_required_asterisk {
    color: red;
}


.single-landing-pages .feature_2 h2::before {
  margin: 0 auto 24px;
  transform: none;
}
.validation_message, .gform_submission_error {
    color: white !important;
}

.landing-pages-template-default .validation_message, .landing-pages-template-default .gform_submission_error {
    color: red !important;
}


.page__banner-inner {
    padding: 15% 0;
}
.page__banner-inner h1 { 
    color: var(--text-white);
    text-align: left;
}
.page__banner-inner p {
    max-width: 520px;
    text-align: left;
}


#catering-block .btn-secondary {
    color: var(--darker-blue);
}
#catering-block .btn-secondary:hover {
    color: var(--text-white);
}

#referral-block img {
    object-fit: contain;
}

.offer-section {
    padding-top: 100px;
    background-image: url(assets/images/grey-wood-bg.webp);
}


/* Location Id card styles */
.location-card {
    background-color: #201816;
    padding: 20px;
    text-transform: uppercase;
}
.location-card .row {
    align-items: center;
}
.location-card a, .location-email, .toggle {
    color: var(--text-white);
}
.location-card .icon {
    position: relative;
    padding-left: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 20px;
}
.location-hours {
    position: relative;
}
.location-card .toggle {
    text-decoration: underline;
}
#hours {
    position: absolute;
    z-index: 100;
    padding: 1em 2em;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    line-height: 1.7;
    top: 100%;
    background-color: #201816;
    color: var(--text-white);
}
.todays-hours {
    color: var(--text-white);
}
.location-card .icon::before {
    content: "";
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}
.location-card .location-address::before {
    background-image: url(assets/images/map-icon.png);
}
.location-card .location-email::before {
    background-image: url(assets/images/email-icon.png);
    top:15px
}
.location-card .location-phone::before {
    background-image: url(assets/images/phone-icon.png);
}
.location-card .todays-hours::before {
    background-image: url(assets/images/clock-icon.png);
}
.location-card .last-col {
    text-align: right;
}
.location-card .social-list li {
    margin-bottom: 0;
}
.location-card .social-list {
    margin-top: 20px;
}


/* Testimonial section */
.testimonial_2 {
    padding-top: 100px;
}
.testimonial-slide {
    text-align: left;
    background-color: var(--text-white);
    padding: 15px;
    border-radius: 10px;
}
.testimonial-slide .testimonial-content p {
    color: var(--text-black);
    margin-bottom: 0;
}
.testimonial-author {
    text-transform: none;
}
.testimonial-author span {
    margin-bottom: 0;
}
.testimonial-buffer {
    padding: 0 15px;
}
.slick-prev.slick-arrow, .slick-next.slick-arrow {
    top: -25% ;
    width: 50px;
    height: 50px;
    padding: 0px;
    background-color: var(--text-white);
}
.slick-prev.slick-arrow:hover, .slick-next.slick-arrow:hover, .slick-prev.slick-arrow:focus, .slick-next.slick-arrow:focus {
    background-color: var(--darker-blue);
}
.slick-prev svg, .slick-next svg {
    width: 15px;
}
.slick-next.slick-arrow {
    right: 10px;
}
.slick-prev.slick-arrow {
    left: auto;
    right: 75px;
}

.menu-page #video-block {
    padding-bottom: 100px;
}

.slick-slide .star-icon {
    display: inline-block;
}



@media only screen and (max-width: 1199px) {
    .mobile-menu.active .menubackground {
        top: 108px !important;
    }
    .mobile-menu.active .menubars {
        top: 53px !important;
    }
}


@media only screen and (max-width: 991px) {
    .location-card .last-col {
        text-align: left;
        padding-top: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .offer-section {
        padding-top: 60px;
    }
    .testimonial_2 {
        padding-top: 60px;
    }
    .menu-page #video-block {
        padding-bottom: 60px;
    }
    .mobile-menu.active .menubackground {
        top: 81px !important;
    }
    .mobile-menu.active .menubars {
        top: 39px !important;
    }
    .template-label {
        padding-right: 50px;
        font-size: 1.2em;
    }
}


@media only screen and (max-width: 480px) {
    .template-label {
        padding-right: 25px;
    }
}