/*
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: 'PP Cirka';
    src: url('assets/fonts/PPCirka-Bold.eot');
    src: url('assets/fonts/PPCirka-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/PPCirka-Bold.woff2') format('woff2'),
        url('assets/fonts/PPCirka-Bold.woff') format('woff'),
        url('assets/fonts/PPCirka-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

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

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



/***************
GENERAL
***************/
body, p, ul li, ol li { color: #2a2a2a; }
h1, .h1, h2, .h2, h3, h4, h5 { color: #48725b; font-family: 'PP Cirka', sans-serif; font-weight: bold; }
body, h6, p, ul li, ol li { font-family: 'PP Cirka', sans-serif; font-weight: normal; }
a, button { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }
.resaltar { font-family:'PP Cirka', sans-serif; font-size: 25px; font-weight: bold; }

h1, .h1 { font-size: 70px; line-height: 75px; }
h2, .h2 { font-size: 60px; line-height: 65px; }
h3, .h3 { font-size: 50px; line-height: 55px; }
h4, .h4 { font-size: 40px; line-height: 45px; }
h5, .h5 { font-size: 25px; line-height: 30px; }
h6 { font-size: 25px; line-height: 30px }
p { font-size: 22px; line-height: 25px; }

@media (max-width: 1299px) {
	h1, .h1 { font-size: 55px; line-height: 50px; }
	h2, .h2 { font-size: 45px; line-height: 40px; }
	h3, .h3 { font-size: 40px; line-height: 35px; }
	h4, .h4 { font-size: 35px; line-height: 30px; }
}

@media (max-width: 999px) {
	h1, .h1 { font-size: 45px; line-height: 55px; }
	h2, .h2 { font-size: 40px; line-height: 45px; }
	h3, .h3 { font-size: 35px; line-height: 40px; }
	h4, .h4 { font-size: 20px; line-height: 25px; }
	h5 { font-size: 20px; line-height: 25px; }
	h6 { font-size: 20px; line-height: 25px; }
	body, p, ul li, ol li { font-size: 18px; line-height: 22px; }
    
}

@media (max-width: 690px) {
	h1, .h1 { font-size: 40px; line-height: 45px; }
	h2, .h2 { font-size: 35px; line-height: 40px; }
	h3, .h3 { font-size: 30px; line-height: 35px; }
	h4, .h4 { font-size: 28px; line-height: 30px; }
    
}

.sixteen-nine-img, .four-three-img, .square-img { position: relative; }
.sixteen-nine-img:before, .four-three-img:before, .square-img:before { content: ""; display: block; padding-top: 95%; }
.sixteen-nine-img:before { padding-top: 70%; }
.four-three-img:before { padding-top: 70%; }
.sixteen-nine-img > a, .four-three-img > a, .square-img > a { position: absolute; height: 100%; top: 0; width: 100%; }

@media (max-width: 690px) {
	.sixteen-nine-img, .four-three-img, .square-img { height: 100%; left: 0; top: -10px; width: 100%; }
	.sixteen-nine-img:before, .four-three-img:before { padding-top: 100%; }
}

/***************
HEADER
***************/
#header-outer li > a .menu-title-text { font-family: 'PP Cirka', sans-serif; font-size: 20px; font-weight: bold; line-height: 25px; }
#page-header-bg h1 { font-family: 'PP Cirka', sans-serif; font-size: 60px; font-weight: bold; }
#slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a { font-family: 'PP Cirka', sans-serif!important; font-weight: bold; }


/***************
FOOTER
***************/
#footer-outer #copyright p { font-size: 15px; }
#footer-outer i { color: #ffffff!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(3, 1fr); grid-gap: 52px; 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(102,149,124,0.5); }
.restaurant-menus > li a { z-index: 10; }
.restaurant-menus > li h4 { color: #ffffff!important; display: inline-block; font-size: 45px; left: 50%; letter-spacing: 2px; line-height: 30px; 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(2, 1fr); }
}
 
@media (max-width: 690px) {
    .restaurant-menus { grid-template-columns: repeat(1, 1fr); grid-gap: 20px; }
    .restaurant-menus > li h4 { font-size: 35px; }
}

/***************
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; }