/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
@font-face {
    font-family: 'Special Elite';
    src: url('assets/fonts/SpecialElite-Regular.eot');
    src: url('assets/fonts/SpecialElite-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SpecialElite-Regular.woff2') format('woff2'),
        url('assets/fonts/SpecialElite-Regular.woff') format('woff'),
        url('assets/fonts/SpecialElite-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('assets/fonts/BebasNeue-Regular.eot');
    src: url('assets/fonts/BebasNeue-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/BebasNeue-Regular.woff2') format('woff2'),
        url('assets/fonts/BebasNeue-Regular.woff') format('woff'),
        url('assets/fonts/BebasNeue-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cutive';
    src: url('assets/fonts/Cutive-Regular.eot');
    src: url('assets/fonts/Cutive-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Cutive-Regular.woff2') format('woff2'),
        url('assets/fonts/Cutive-Regular.woff') format('woff'),
        url('assets/fonts/Cutive-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kudajets';
    src: url('assets/fonts/Kudajets.eot');
    src: url('assets/fonts/Kudajets.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Kudajets.woff2') format('woff2'),
        url('assets/fonts/Kudajets.woff') format('woff'),
        url('assets/fonts/Kudajets.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-Light.eot');
    src: url('assets/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Roboto-Light.woff2') format('woff2'),
        url('assets/fonts/Roboto-Light.woff') format('woff'),
        url('assets/fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-Medium.eot');
    src: url('assets/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Roboto-Medium.woff2') format('woff2'),
        url('assets/fonts/Roboto-Medium.woff') format('woff'),
        url('assets/fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-Bold.eot');
    src: url('assets/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Roboto-Bold.woff2') format('woff2'),
        url('assets/fonts/Roboto-Bold.woff') format('woff'),
        url('assets/fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-Regular.eot');
    src: url('assets/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Roboto-Regular.woff2') format('woff2'),
        url('assets/fonts/Roboto-Regular.woff') format('woff'),
        url('assets/fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/***************
GENERAL
***************/
h1, .h1, h2, .h2, h3, h4, h5 { font-family: 'Bebas Neue', sans-serif; font-weight: normal; text-transform: uppercase; }
p, ul li, ol li { font-family: 'Cutive', sans-serif; font-weight: normal; }
a, button { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }

h1, .h1 { font-size: 65px; line-height: 65px; }
h2, .h2 { font-size: 56px; line-height: 60px; }
h3, .h3 { font-size: 25px; line-height: 30px; }
h4, .h4 { font-size: 24px; line-height: 30px; }
h5, .h5 { font-size: 18px; line-height: 22px; }
p { font-size: 15px; line-height: 25px; }



@media (max-width: 1299px) {
	h1, .h1 { font-size: 60px; line-height: 65px; }
	h2, .h2 { font-size: 40px; line-height: 45px; }
	h3, .h3 { font-size: 28px; line-height: 33px; }
	h4, .h4 { font-size: 23px; line-height: 28px; }
}

@media (max-width: 999px) {
	h1, .h1 { font-size: 55px; line-height: 60px; }
	h2, .h2 { font-size: 35px; line-height: 40px; }
	h3, .h3 { font-size: 28px; line-height: 30px; }
	h4, .h4 { font-size: 22px; line-height: 26px; }
	body, p, ul li, ol li { font-size: 16px; line-height: 22px; }
    
}

@media (max-width: 690px) {
	h1, .h1 { font-size: 50px; line-height: 55px; }
	h2, .h2 { font-size: 32px; line-height: 38px; }
	h3, .h3 { font-size: 22px; line-height: 27px; }
	h4, .h4 { font-size: 20px; line-height: 24px; }
    
}

.four-three-img { position: relative; overflow: hidden; }
.four-three-img:before { content: ""; display: block; padding-top: 75%; }
.four-three-img > a { position: absolute; height: 100%; top: 0; width: 100%; }

.square-img { position: relative; overflow: hidden; }
.square-img:before { content: ""; display: block; padding-top: 90%; }
.square-img > a { position: absolute; height: 100%; top: 0; width: 100%; }

/***************
HEADER
***************/
#page-header-bg h1 { font-family: 'Bebas Neue', sans-serif; font-size: 70px; font-weight: normal; line-height: 75px; }
.nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2 { font-size: 70px!important; line-height: 75px!important; padding-bottom: 40px; }
.nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .button a { font-size: 16px; }
#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a { font-family: 'Cutive', sans-serif!important; font-size: 30px!important; line-height: 35px; }

@media (max-width: 999px){
    #page-header-bg h1 { font-size: 50px!important; line-height: 55px; }
    .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2 { font-size: 50px!important; line-height: 55px!important; padding-bottom: 20px; }
    
}

@media (max-width: 690px) {
    #page-header-bg h1 { font-size: 35px!important; line-height: 40px; }
    body .nectar-slider-wrap[data-fullscreen="true"] .swiper-slide .content h2 { font-size: 50px!important; }
    .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2 { font-size: 35px!important; line-height: 40px!important; padding-bottom: 10px; }    
}


/***************
FOOTER
***************/
#footer-outer h4 { font-size: 28px!important; text-decoration: underline; }
#footer-outer #footer-widgets .widget h4 { color: var(--nectar-accent-color)!important; }
#footer-outer #copyright p { font-size: 12px; }
#footer-outer i { color: var(--nectar-accent-color)!important; }
#footer-outer[data-cols="1"] #copyright li a i { font-size: 25px; }
#footer-outer[data-cols="1"] #copyright li a i:after { border-color: transparent!important; }

/********************
 RESTAURANT MENUS
 ********************/
.restaurant-menus { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 50px; margin-left: 0; padding-left: 0; }
.restaurant-menus > li { list-style: none; }
.restaurant-menus > li .bkg-cover:after { content: ''; background-color: rgba(0,0,0,0.3); display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }
.restaurant-menus > li:hover .bkg-cover:after { background-color: rgba(157,74,33,0.1); }
.restaurant-menus > li a { z-index: 10; }
.restaurant-menus > li h4 { color: var(--nectar-extra-color-2); display: inline-block; font-size: 35px; left: 50%; letter-spacing: 2px; line-height: 45px; position: absolute; text-transform: uppercase; top: 50%; z-index: 9; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }
.restaurant-menus > li:hover h4 { transform: translate(-50%, -50%) scale(1.3); -webkit-transform: translate(-50%, -50%) scale(1.3); -moz-transform: translate(-50%, -50%) scale(1.3); }
 
@media (max-width: 999px) {
    .restaurant-menus { grid-template-columns: repeat(, 1fr); }
}
 
@media (max-width: 690px) {
    .restaurant-menus { grid-template-columns: repeat(1, 1fr); }
}

/***************
CONTACTO
***************/
.contact-form .wpcf7-form p span { color: black!important; font-size: 15px; }
.contact-form .wpcf7-form p span a { color: var(--nectar-accent-color)!important; text-decoration: underline; }
.contact-form .wpcf7-form p span a:hover { color: var(--nectar-extra-color-1)!important; }
.contact-form input[type="checkbox" i] { margin-bottom: -3px!important; margin-top: -3px!important; }
.contact-form .small { color: black!important; font-size: 13px; line-height: 18px; margin-top: 10px; }
.contact-form .small a { color:black!important; text-decoration: underline; }
.contact-form .small a:hover { color: var(--nectar-extra-color-1)!important; }
.wpcf7-list-item { margin: 0!important; }

@media (max-width: 999px) {
    .contact-form label { font-size: 14px; line-height: 18px; }
    .contact-form .wpcf7-form p span { font-size: 13px; line-height: 18px; }
    .contact-form .small { color: black!important; font-size: 11px; line-height: 20px; }
}