/*
Theme Name: WinRep (Clean V7)
Author: Ezequiel Alonzo
Author URI: https://linkedin.com/in/ezequiel-alonzo
Description: Tema desarrollado desde cero con la versión 7.0 de «Clean» hecho por Ezequiel Alonzo y basado en un diseño previamente realizado en Photoshop, Illustrator o AdobeXD para este cliente, no es copia de ningún tema del repositorio de WordPress ni de ninguna tienda especializada en la venta de temas y/o plantillas. | Theme developed from scratch with version 7.0 of "Clean" made by Ezequiel Alonzo and based on a design previously made in Photoshop, Illustrator or AdobeXD for this client, is not a copy of any theme of the WordPress repository or any store specialized in the sale of themes.
Version: 7.0
Text Domain: v7
*/


/*-----------------------------------------------------------------------------------*/
/* CSS DE AYUDA
/*-----------------------------------------------------------------------------------*/
@import "css/style-default.min.css";


/*-----------------------------------------------------------------------------------*/
/* FUENTES
/*-----------------------------------------------------------------------------------*/
/* @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400|Noto+Sans+JP:400,700&display=swap'); */
/* @font-face {
font-family: 'a';
src: url('fonts/AlverataW06-PERegular.eot');
src: url('fonts/AlverataW06-PERegular.woff') format('woff'),
url('fonts/AlverataW06-PERegular.ttf') format('truetype'),
url('fonts/AlverataW06-PERegular.svg#AlverataW06-PERegular') format('svg'),
url('fonts/AlverataW06-PERegular.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'ab';
src: url('fonts/AlverataW07-PEBold.eot');
src: url('fonts/AlverataW07-PEBold.woff') format('woff'),
url('fonts/AlverataW07-PEBold.ttf') format('truetype'),
url('fonts/AlverataW07-PEBold.svg#AlverataW07-PEBold') format('svg'),
url('fonts/AlverataW07-PEBold.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
} */
@font-face {
	font-family: 'avenir';
	src: url('fonts/AvenirLTStd-Roman.eot');
	src: url('fonts/AvenirLTStd-Roman.woff') format('woff'),
	url('fonts/AvenirLTStd-Roman.ttf') format('truetype'),
	url('fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman') format('svg'),
	url('fonts/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'a';
	src: url('fonts/DallasHats.eot');
	src: url('fonts/DallasHats.woff') format('woff'),
	url('fonts/DallasHats.ttf') format('truetype'),
	url('fonts/DallasHats.svg#DallasHats') format('svg'),
	url('fonts/DallasHats.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ab';
	src: url('fonts/Dallashats-Bold.eot');
	src: url('fonts/Dallashats-Bold.woff') format('woff'),
	url('fonts/Dallashats-Bold.ttf') format('truetype'),
	url('fonts/Dallashats-Bold.svg#Dallashats-Bold') format('svg'),
	url('fonts/Dallashats-Bold.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
/*-----------------------------------------------------------------------------------*/
/* VARIABLES
/*-----------------------------------------------------------------------------------*/
:root {
	--blue: #19344c;
	--cafe: #ada59a;
	--orange: #ff9326;
	--lgris: #f7f7f7;
	--gris: #dddddd;
}
html {
	scroll-behavior: smooth;
}
body {
	opacity: 0;
	line-height: 20px;
	/* font-family: 'Montserrat'; */
	font-family: 'Avenir';
	/* font-weight: 300; */
}
.img-wht, .img-wht-hover:hover img {
	filter: brightness(0) invert(1) grayscale(1) saturate(100);
}
.t-ch {font-family: 'a';}
.t-mr {font-family: 'Avenir'; font-weight: 400;}
.t-a {font-family: 'a';}
.t-ab, .t-a .t-bold, .t-a b, .t-a strong {font-family: 'ab';}
.bg-blue {background-color: var(--blue);}
.bg-cafe {background-color: var(--cafe);}
.bg-orange {background-color: var(--orange);}
.bg-lgris {background-color: var(--lgris);}
.bg-gris {background-color: var(--gris);}
.t-blue {color: var(--blue);}
.t-cafe {color: var(--cafe);}
.t-orange {color: var(--orange);}
.border-gris {border-color: #bebebe !important;}
.border-cafe {border-color: var(--cafe) !important;}
.border-blue {border-color: var(--blue) !important;}

.border-bottom-gris {border-bottom: 3px solid #bebebe !important;}
.border-right-gris {border-right: 3px solid #bebebe !important;}
.border-left-gris {border-left: 3px solid #bebebe !important;}

.border-bottom-cafe {border-bottom: 3px solid var(--cafe) !important;}
.border-right-cafe {border-right: 3px solid var(--cafe) !important;}
.border-left-cafe {border-left: 3px solid var(--cafe) !important;}

.border-top-blue {border-top: 6px solid var(--blue) !important;}

.arrow-right-cafe {position: relative;}
.arrow-right-cafe:after {
	content: '';
	width: 8px;
	height: 12px;
	display: block;
	border-right: 8px solid var(--cafe);
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.hrs {
	position: relative;
	padding: 0 66px
}
.hrs:after,
.hrs:before {
	content: '';
	height: 4px;
	width: 50px;
	position: absolute;
	display: block;
	background-color: var(--cafe);
	top: 42%;
}
.hrs:before {
	left: 0;
}
.hrs:after {
	right: 0;
}
.nopointer {
	pointer-events: none;
}
.nowrap {
	white-space: nowrap;
}
.btn-primary,
.btn-primary:focus {
	background-color: var(--blue);
	border-color: var(--blue);
	font-family: 'a';
	border-radius: 8px;
	margin: 4px;
}
.btn-primary:hover {
	background-color: var(--cafe);
	border-color: var(--cafe);
}
.rotate-mask:before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: calc(100% + 2px);
	z-index: 1;
	top: 0;
	background-attachment: scroll;
	background-size: 1920px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url('img/rotate.svg');
}
.navbar-wht .nav-link,
.navbar-wht .nav-link:focus {
	color: #fff;
	padding-left: 14px!important;
	padding-right: 14px!important;
}
.navbar-wht .nav-link:hover {
	color: #fff;
}
.navbar-wht .nav-link:after {
	content: '';
	width: 0%;
	height: 3px;
	background-color: var(--orange);
	display: block;
	left:0;
	right: 0;
	margin:auto;
}
.navbar-wht .nav-link:hover:after {
	width: 100%;
}
.fixed-top.navNoTop {
	background: var(--blue);
}
.btn-group button:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 60%;
	display: block;
	background: #c3c3c3;
	right: 0;
	top: 0;
	margin: auto;
	bottom: 0;
}
.btn-group button:last-child:after {
	content: none;
}
.prod-item {
	box-shadow: 0 7px 20px rgb(0 0 0 / 16%);
}


@media (min-width: 992px) {
section.header {
     margin-top: 164px;
}    
	.mt-neg {
		margin-top: -140px;
	}
	.hideme {
    transform: translate(-50px, -30px);
}
}
@media (min-width: 1921px) {
	.rotate-mask:before {
		background-size: 100%!important;
	}
}

@media (max-width: 991px) {
	.pull2 {margin-top: 100px;}
	.pull3 {margin-top: 20px;}
	.pull3-img {
		margin-top: -70px
	}
	.pull4 {margin-top: 20px!important;}
	nav+section.jarallax {
		min-height: 934px!important;
} 
.hrs {
    text-align: center;
    font-size: 28px;
    line-height: 28px;
}

.border-bottom-cafe {
    text-align: center;
    font-size: 28px;
    line-height: 28px;
    margin: 0 auto 20px;
}
	section.header img {
    max-width: 300px;
}
	section.header h3 {
    text-align: center;
    font-size: 33px;
    line-height: 33px;
}
	i.fa.fa-angle-right {
    margin: auto!important;
    display: table;
    transform: rotate(90deg);
}
	.arrow-right-cafe:after {
		content: none
	}
	.border-right-cafe.arrow-right-cafe {
    border: 0!important;
}
}