/* 
	Theme Name:     vatrad
	Theme URI: 		https://www.kipon.es/
	Description: 	vatrad Theme
	Version:        1.0
	Author:         kpn
	Author URI:     https://www.kipon.es/
	Template:       Divi
*/
/*@font-face {
    font-family: 'wotfardbold';
    src: url('font/wotfard-bold-webfont.eot');
    src: url('font/wotfard-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/wotfard-bold-webfont.woff2') format('woff2'),
         url('font/wotfard-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'wotfardextralight';
    src: url('font/wotfard-extralight-webfont.eot');
    src: url('font/wotfard-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/wotfard-extralight-webfont.woff2') format('woff2'),
         url('font/wotfard-extralight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
    font-family: 'wotfardlight';
	font-display: swap;
    src: url('font/wotfard-light-webfont.eot');
    src: url('font/wotfard-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/wotfard-light-webfont.woff2') format('woff2'),
         url('font/wotfard-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;	
}
/*@font-face {
    font-family: 'wotfardmedium';
    src: url('font/wotfard-medium-webfont.eot');
    src: url('font/wotfard-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/wotfard-medium-webfont.woff2') format('woff2'),
         url('font/wotfard-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
    font-family: 'wotfardregular';
	font-display: swap;
    src: url('font/wotfard-regular-webfont.eot');
    src: url('font/wotfard-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/wotfard-regular-webfont.woff2') format('woff2'),
         url('font/wotfard-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'wotfardsemibold';
	font-display: swap;
    src: url('font/wotfard-semibold-webfont.eot');
    src: url('font/wotfard-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/wotfard-semibold-webfont.woff2') format('woff2'),
         url('font/wotfard-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*@font-face {
    font-family: 'wotfardthin';
    src: url('font/wotfard-thin-webfont.eot');
    src: url('font/wotfard-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/wotfard-thin-webfont.woff2') format('woff2'),
         url('font/wotfard-thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: 'wotfardlight_italic';
	font-display: swap;
    src: url('font/wotfard-lightitalic-webfont.eot');
    src: url('font/wotfard-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/wotfard-lightitalic-webfont.woff2') format('woff2'),
         url('font/wotfard-lightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*PRELOADER*/ 
.preloader{position:fixed; top:0; left:0; right:0; bottom:0; background-color:#ffffff; z-index:100000; height:100%; width:100%; overflow:hidden!important;}
.preloader .status{width:32px; height:14px; position:absolute; left:50%; top:50%; background-image:url('./img/preload.svg'); background-repeat:no-repeat; background-position:center; -webkit-background-size:cover; background-size:cover; margin:-7px 0 0 -16px;}
/*colocar en body*/
/*<div class="preloader"><div class="status"></div></div>*/

/*GENERALS*/
body{font-family:'wotfardlight', sans-serif;font-weight:unset;font-style:normal;}
cite,em,i{font-family:'wotfardlight_italic', sans-serif;font-style:normal;font-style:normal;}
strong{font-family:'wotfardsemibold', sans-serif;font-weight:unset;font-style:normal;}
h1, h2, h3, h4, h5, h6{font-family:'wotfardregular', sans-serif;font-weight:unset;font-style:normal;}

/*.et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover{padding: 7px 2em !important;}*/
.et_pb_scroll_top.et-pb-icon{-webkit-border-top-left-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-topleft:0px; -moz-border-radius-bottomleft:0px; border-top-left-radius:0px; 	border-bottom-left-radius:0px;background:#2e2e2e; margin-right:10px;}

/*header*/
/*#main-header{box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
#main-header.et-fixed-header{box-shadow:none!important; -moz-box-shadow:none!important; -webkit-box-shadow:none important;}*/
#main-header .nav li ul a{color:rgba(255,255,255,0.88)!important;}

/*footer*/
@media screen and (max-width:980px){
	/*footer .et_pb_menu__menu{display:block!important;}
	footer .et_mobile_nav_menu{display:none!important;}*/
}

/* THREE COLUMN PORTFOLIO GRID LAYOUT - CLASS = three-column-grid*/
 
@media only screen and ( min-width: 768px ) {
 
	.three-column-grid .et_pb_grid_item {
		width: 28.333% !important;
		margin: 0 7.5% 7.5% 0 !important;
	}
	 
		.three-column-grid .et_pb_grid_item:nth-child(3n) {
		margin-right: 0 !important;
	}
	 
		.three-column-grid .et_pb_grid_item:nth-child(4n+1) {
		clear: unset !important;
	}
 
}

@media screen and (min-aspect-ratio: 3/2){}
@media screen and (min-width: 981px){}
@media screen and (max-width: 980px) and (min-width: 768px){}
@media screen and (max-width: 767px){}