/*
Theme Name: Hello Elementor Child
Theme URI: https://generatepress.com
Author: Rene Fierros
Author URI: https://renefierros.com
Template:     generatepress
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  rfgp-hijo
*/

/*@font-face {
	font-family: Quan;
	src: url('fonts/Typesketchbook - Quan.otf');
}*/

@font-face {
    font-family: 'main_Title';
    src: url('fonts/typesketchbook_-_quan-webfont.woff2') format('woff2'),
         url('fonts/typesketchbook_-_quan-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'main_Head';
    src: url('fonts/tabac_slab_semibold-webfont.woff2') format('woff2'),
         url('fonts/tabac_slab_semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'main_Content';
    src: url('fonts/tabac_slab_semibold-webfont.woff2') format('woff2'),
         url('fonts/tabac_slab_semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'main_Content2';
    src: url('fonts/tabac_slab_semibold-webfont.woff2') format('woff2'),
         url('fonts/tabac_slab_semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@media(min-width: 992px) {
    #site-navigation .menu > ul > li.wpml-ls-item, 
    #site-navigation .menu > li.wpml-ls-item {
        position: absolute !important;
        right: 100px !important;
    }
}

@media (max-width:767px) {
	h3 {
  	font-size: 12px;
	}
}

@media (min-width:768px) and (max-width:1024px) {
	h3 {
  	font-size: 14px;
	}
}

@media (min-width:1025px) {
	h3 {
  	font-size: 16px;
	}
}

ul {
    padding-left: 20px;
    list-style: none;
    list-style-image: url(img/Bullet.png);
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}

/* Esto es lo que convierte unos simples checkbox en efecto acordeón. */
.ac-container input{
	display: none;
	border-top:4px solid #ccc!important;
    border-color:#b42f20!important;
}
.ac-container{
 width: 90%;
 margin: 10px auto 30px auto;
}
.ac-container label{
	padding: 5px 10px;
	position: relative;
	z-index: 20;
	display: block;
	height: 50px;
	cursor: pointer;
	color: #381E13;
	line-height: 33px;
	font-size: 24px;
	background: transparent url(/icons/chevron_small_down.svg) no-repeat right center;	
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: transparent url(/icons/chevron_small_up.svg) no-repeat right center;	
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
}
.ac-container input:checked + label:hover:after{
}
.ac-container article{
	background: -webkit-linear-gradient(black,white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: -1px;
	overflow: hidden;
	height: 145px;
	position: relative;
	z-index: 10;
	font-size: 18px;
	transition: 
		height 0.3s ease-in-out, 
		box-shadow 0.6s linear;
}
.ac-container input:checked ~ article{
	transition: 
		height 0.5s ease-in-out, 
}
.ac-container article p{
	padding: 1px 10px;
}
.ac-container input:checked ~ article.ac-small{
  height: 50%;
  -webkit-text-fill-color: black;
  white-space: initial;
  text-overflow: initial;
  overflow:visible;
}
.ac-container input:checked ~ article.ac-medium{
	height: 75%;
  -webkit-text-fill-color: black;
  white-space: initial;
  text-overflow: initial;
  overflow:visible;
}
.ac-container input:checked ~ article.ac-large{
  height: 100%;
  -webkit-text-fill-color: black;
  white-space: initial;
  text-overflow: initial;
  overflow:visible;
}
.boton-verde, .boton-verde:link, .boton-verde:visited {
    color: #FFFFFF;
    background-color: #339966;
}
.boton-verde {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.boton-verde {
    display: inline-block;
    line-height: 1;
    background-color: #818a91;
    font-size: 15px;
    padding: 12px 24px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    fill: #fff;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}