/*!
Theme Name: Elevate-2021
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Ep2
Tags: custom-logo, custom-menu, threaded-comments, translation-ready

*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');


.font-mont,
.font-text  { font-family: 'Montserrat', sans-serif; letter-spacing: - }
.font-beba  { font-family: 'Bebas Neue', sans-serif; }

.mont,
.text  { font-family: 'Montserrat', sans-serif; }
.beba  { font-family: 'Bebas Neue', sans-serif; }


/*--------------------------------------------------------------
# Variables
--------------------------------------------------------------*/
:root{
--text  : #231F20;
--white : #FFFFFF; 
--lite  : #F5F5F5;
--grey  : #888888;
--gold  : #e6c412; 
--green : #27b667;
--pink  : #ff9fe5;
--red   : #e7574a;
--blue  : #0047ff;
--java  : #1fc6cd;
--dark  : #241f21;
--black : #000000;

--mobile : 600px;
--tablet : 990px;
}


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Media
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; }

hr  { box-sizing: content-box; 	height: 0; overflow: visible; }
pre { font-family: monospace, monospace;   }
a   { background-color: transparent; }
abbr[title] {  border-bottom: none; text-decoration: underline;	text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace;  }
small {	font-size: 80%;}
sub, sup { 	font-size: 75%; line-height: 0; 	position: relative; 	vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
p, div{ margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { clear: both; margin:0 0 12px; position: relative; }



/*--------------------------------------------------------------
# grid layout
--------------------------------------------------------------*/


html, body { overflow-x: hidden;  scroll-behavior: smooth; margin:0; padding:0; position: relative; }

*, *:before, *:after { box-sizing: border-box; }

.page   { position: relative; width:100%; min-height:100vh; margin:0; padding: 0; }
.header { position: relative; width:100%; height: auto; margin:0; padding: 0; }
.footer { position: relative; width:100%; height: auto; margin:0; padding: 0; }

.section{ position: relative; width:100%; }
.overlay{ position: absolute; width:100%; }
.content{ position: relative; width: 84%; max-width:1000px; margin:0 auto; }

@media ( max-width: 992px ) {
	.content{  }
	.section{  }
}
@media ( max-width: 600px ) {
	.section-block {  }
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

html, body{ font-size: 16px; line-height: 1.4; font-family: 'Montserrat', sans-serif; color:#231F20; }
button,
input,
select,
optgroup,
textarea {  color: #231F20; font-size: 18px; line-height: 1.5; }
dfn, cite, em, i { 	font-style: italic; }
div, p, .page{  }
small{ font-size: 60% }
big { font-size: 125%; }
	
h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: 1; font-family: "Bebas Neue", cursive; }
h1 { font-size: 58px; }
h2 { font-size: 52px; }
h3 { font-size: 46px; }
h4 { font-size: 40px; }
h5 { font-size: 36px; }
h6 { font-size: 32px; }

@media ( max-width: var(--mobile) ) {
	h1 { font-size: 36px; }
	h2 { font-size: 32px; }
	h3 { font-size: 26px; }
	h4 { font-size: 20px; }
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

p{ margin: 0 0 12px; }
hr { background-color: #ccc; border: 0;	height: 1px; margin-bottom: 1.5em; }
blockquote { margin: 0 1.5em; }
address { 	margin: 0 0 1.5em; }
s{ text-decoration: none; }

ul, ol { margin: 0 0 1em 0; padding-left: 26px; }
ul { list-style: disc; }
ol { list-style: decimal; }
li { margin-bottom: 8px; margin-left: 0; padding-left:0; }

img { height: auto;  max-width: 100%; }
figure { margin: 1em 0; }

table { margin: 0 0 1.5em; 	width: 100%; }


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

input, textarea {  color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; }
input:focus, textarea:focus { color: #111; }
select {  border: 1px solid #ccc;  }
textarea { 	width: 100%; }

button,        input[type="submit"],        input[type="button"],        input[type="reset"],
button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active,
button:focus,  input[type="submit"]:focus,  input[type="button"]:focus,  input[type="reset"]:focus  {
	
	background-color: var(--gold); color: black; 	
	display:inline-block !important; width:auto; height:auto; padding:8px 10px 4px; 
	border:0; margin:0; position:relative; text-decoration:none; border-radius: 0;
	line-height:1; font-family:'Bebas Neue', cursive; font-size:22px; font-weight:300;  

}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {  
	opacity:0.7; 
}



/*--------------------------------------------------------------
# counters
--------------------------------------------------------------*/

:root{ counter-reset: i;}
.counter:after{ counter-increment: i; content: counter(i); }

.p:after{ position: absolute; top:0; color:red; font-size: xx-large; top:0; left:10px; }


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a,
a:visited{ color: black; text-decoration: none; border-bottom:0;   }
a:hover  { opacity:0.7; }
a:active { color:black; outline:0; }

a.beba-link, 
a.beba-link:visited { display:inline-block; line-height:1; font-family: 'Bebas Neue', sans-serif; color:var(--gold); font-size:22px; 
					  text-decoration: none; border-bottom: 2px solid; }
a.beba-link:hover   { opacity:0.7; }

a.no-hover:hover  { opacity:1; }



a.lined-gold,  a.lined-gold:visited  { border-bottom:2px solid; color:black; border-color:var(--gold); }
a.lined-pink,  a.lined-pink:visited  { border-bottom:2px solid; color:black; border-color:var(--pink); }
a.lined-red,   a.lined-red:visited   { border-bottom:2px solid; color:black; border-color:var(--red); }
a.lined-lite,  a.lined-lite:visited  { border-bottom:2px solid; color:black; border-color:var(--lite); }
a.lined-java,  a.lined-java:visited  { border-bottom:2px solid; color:black; border-color:var(--java); }
a.lined-blue,  a.lined-blue:visited  { border-bottom:2px solid; color:black; border-color:var(--blue); }
a.lined-green, a.lined-green:visited { border-bottom:2px solid; color:black; border-color:var(--green); }
a.lined-dark,  a.lined-dark:visited  { border-bottom:2px solid; color:black; border-color:var(--dark); }
a.lined-white, a.lined-white:visited { border-bottom:2px solid; color:black; border-color:var(--white); }
a.lined-black, a.lined-black:visited { border-bottom:2px solid; color:black; border-color:var(--black); }


.btn,
.btn-text,
.btn-white,
.btn-lite,
.btn-gold,
.btn-gold0,
.btn-green,
.btn-pink,
.btn-red,
.btn-blue,
.btn-java,
.btn-dark,
.btn-black{ display:inline-block; padding:8px 45px 4px 10px; border:0; margin:0; position:relative; text-decoration:none;
		    line-height:1; font-family:'Bebas Neue', cursive; font-size:22px; font-weight: 300;  }

.btn-text,  .btn-text:visited  { background-color: var(--text);  color: white; }
.btn-white, .btn-white:visited { background-color: var(--white); color: black; }
.btn-lite,  .btn-lite:visited  { background-color: var(--lite);  color: black; }
.btn-gold,  .btn-gold:visited  { background-color: var(--gold);  color: black; }
.btn-gold0, .btn-gold0:visited { background-color: var(--gold);  color: white; }
.btn-green, .btn-green:visited { background-color: var(--green); color: white; }
.btn-pink,  .btn-pink:visited  { background-color: var(--pink);  color: black; }
.btn-red,   .btn-red:visited   { background-color: var(--red);   color: white; }
.btn-blue,  .btn-blue:visited  { background-color: var(--blue);  color: white; }
.btn-java,  .btn-java:visited  { background-color: var(--java);  color: black; }
.btn-dark,  .btn-dark:visited  { background-color: var(--dark);  color: white; }
.btn-black, .btn-black:visited { background-color: black;  color:white; }

.btn:after,
.btn-text:after,
.btn-white:after,
.btn-lite:after,
.btn-gold:after,
.btn-gold0:after,
.btn-green:after,
.btn-pink:after,
.btn-red:after,
.btn-blue:after,
.btn-java:after,
.btn-dark:after,
.btn-black:after{ content:'>'; font-size:30px; position:absolute; right:10px; top:calc(50% - 14px); }


a.link-gold,  a.link-gold:visited  { color:var(--gold); border-color:var(--gold); }
a.link-pink,  a.link-pink:visited  { color:var(--pink); border-color:var(--pink); }
a.link-red,   a.link-red:visited   { color:var(--red);  border-color:var(--red); }
a.link-lite,  a.link-lite:visited  { color:var(--lite); border-color:var(--lite); }
a.link-java,  a.link-java:visited  { color:var(--java); border-color:var(--java); }
a.link-blue,  a.link-blue:visited  { color:var(--blue); border-color:var(--blue); }
a.link-green, a.link-green:visited { color:var(--green); border-color:var(--green); }
a.link-grey,  a.link-grey:visited  { color:var(--grey);  border-color:var(--grey); }
a.link-dark,  a.link-dark:visited  { color:var(--dark);  border-color:var(--dark); }
a.link-white, a.link-white:visited { color:var(--white); border-color:var(--white); }
a.link-black, a.link-black:visited { color:var(--black); border-color:var(--black); }


/*
.btn:visited{ }
.btn-white:visited,
.btn-lite:visited,
.btn-java:visited,
.btn-gold:visited,
.btn-pink:visited { color: black; }
.btn-gold0:visited,
.btn-green:visited,
.btn-text:visited,
.btn-red:visited,
.btn-blue:visited,
.btn-dark:visited,
.btn-black:visited{ color: white; }
*/	

/*--------------------------------------------------------------
## color & bg colors
--------------------------------------------------------------*/

.color-text  , .text  { color: var(--text);  }
.color-white , .white { color: var(--white); }
.color-lite  , .lite  { color: var(--lite);  }
.color-gold  , .gold  { color: var(--gold);  }
.color-grey  , .grey  { color: var(--grey);  }
.color-green , .green { color: var(--green); }
.color-pink  , .pink  { color: var(--pink);  }
.color-red   , .red   { color: var(--red);   }
.color-blue  , .blue  { color: var(--blue);  }
.color-java  , .java  { color: var(--java);  }
.color-dark  , .dark  { color: var(--dark);  }
.color-black , .black { color: var(--black); }

.bg-text      { background-color: var(--text);  }
.bg-white     { background-color: var(--white); }
.bg-lite      { background-color: var(--lite);  }
.bg-gold      { background-color: var(--gold);  }
.bg-grey      { background-color: var(--grey);  }
.bg-green     { background-color: var(--green); }
.bg-pink      { background-color: var(--pink);  }
.bg-red       { background-color: var(--red);   }
.bg-blue      { background-color: var(--blue);  }
.bg-java      { background-color: var(--java);  }
.bg-dark      { background-color: var(--dark);  }
.bg-black     { background-color: var(--black); }





/*--------------------------------------------------------------
## clean links when needed and links in posts
--------------------------------------------------------------*/

.link-clean,
a.link-clean{ border:none; }

.post a     , .post a:visited,
.post_body a, .post_body a:visited,
.post-body a, .post-body a:visited   { border-bottom:2px solid; color:black; font-weight: 500; border-color:var(--gold); }


/*--------------------------------------------------------------
## Boxed div and logos h & v
--------------------------------------------------------------*/

.boxed,
.logo-h-boxed,
.logo-v-boxed { display:inline-block; position: relative; z-index: 1; }

.boxed{ letter-spacing: 2.4px; }
.boxed:before{ content:''; position:absolute; z-index: -1; background: var(--gold);
	top:-3%; bottom:-1%; left:-5%; right:-5%; transform: rotate(-3deg);	
}
.logo-h-boxed:before{ content:''; position:absolute;  z-index: -1; background: var(--gold);
	width:46.63%; padding-top:13.50%; top:9.52%; left:21.83%;  transform: rotate(-3deg);	
}
.logo-v-boxed:before{ content:''; position:absolute;  z-index: -1; 	background: var(--gold);
	top:19%; bottom: 46%; left:-3%; right: -3%;  transform: rotate(-3deg); 
}
.box-text:before  { background-color: var(--text);  }
.box-white:before { background-color: var(--white); }
.box-lite:before  { background-color: var(--lite);  }
.box-gold:before  { background-color: var(--gold);  }
.box-green:before { background-color: var(--green); }
.box-pink:before  { background-color: var(--pink);  }
.box-red:before   { background-color: var(--red);   }
.box-blue:before  { background-color: var(--blue);  }
.box-java:before  { background-color: var(--java);  }
.box-dark:before  { background-color: var(--dark);  }
.box-black:before { background-color: var(--black); }



/*--------------------------------------------------------------
# arrow
--------------------------------------------------------------*/

.arrow { position: relative; border-left: 4px solid #FF0066;}
.arrow:after, 
.arrow:before{ right: 100%; top: 30px; border: solid transparent; content: " ";
			   height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow:after { border-color: rgba(0,0,0,0); border-right-color: #FFFFFF; border-width: 10px; margin-top: -10px; }
.arrow:before{ border-color: rgba(0,0,0,0); border-right-color: #FF0066; border-width: 16px; margin-top: -16px; }
	
/*--------------------------------------------------------------
# medium editor
--------------------------------------------------------------*/


.border{ border: 2px solid red;}


.line-text,
.line-white,
.line-lite,
.line-gold,
.line-green,
.line-grey,
.line-pink,
.line-red,
.line-blue,
.line-java,
.line-dark,
.line-black{ -webkit-text-fill-color: transparent;  -webkit-text-stroke-width: 2px; }

.line-text { color: var(--text);  -webkit-text-stroke-color: var(--gold); }
.line-white{ color: var(--white); -webkit-text-stroke-color: var(--gold); }
.line-lite { color: var(--lite);  -webkit-text-stroke-color: var(--lite); }
.line-gold { color: var(--gold);  -webkit-text-stroke-color: var(--gold); }
.line-grey { color: var(--grey);  -webkit-text-stroke-color: var(--grey); }
.line-green{ color: var(--green); -webkit-text-stroke-color: var(--green);}
.line-pink { color: var(--pink);  -webkit-text-stroke-color: var(--pink); }
.line-red  { color: var(--red);   -webkit-text-stroke-color: var(--red);  }
.line-blue { color: var(--blue);  -webkit-text-stroke-color: var(--blue); }
.line-java { color: var(--java);  -webkit-text-stroke-color: var(--java); }
.line-dark { color: var(--dark);  -webkit-text-stroke-color: var(--dark); }
.line-black{ color: var(--black); -webkit-text-stroke-color: var(--black);}

/*--------------------------------------------------------------
# filters
--------------------------------------------------------------*/

.greyscale{ filter: grayscale(100%); }


/*--------------------------------------------------------------
# rotations
--------------------------------------------------------------*/

.overlay  { position: absolute; top:0; bottom:0; width:100%; z-index:-1;  }
.overlay img{ width:100%; }

.rotate-0   { -ms-transform: rotate( 0deg);   transform: rotate( 0deg);   transition: transform; }
.rotate-3   { -ms-transform: rotate(-3deg);   transform: rotate(-3deg);   transition: transform; }
.rotate-90  { -ms-transform: rotate(-90deg);  transform: rotate(-90deg);  transition: transform; }
.rotate-180 { -ms-transform: rotate(-180deg); transform: rotate(-180deg); transition: transform; }


/*--------------------------------------------------------------
# angled divs
--------------------------------------------------------------*/
 				   
.angled-top:before{ content:' '; display:block; width:100vw; position: absolute; left:0; top:0; height:5.4vw; z-index: 700;
   				    background: linear-gradient(-3deg, transparent 50%, #FFFFFF 50% );  }
.angled-bot:after { content:' '; display:block; width:100vw; position: absolute; left:0; bottom:0;  height:5.4vw; z-index: 700;
 				    background: linear-gradient(-3deg, #FFFFFF 50%, transparent 50% ); }
 				   
.angled-top-white:before{ background: linear-gradient(-3deg, transparent 50%, white 50% ); } 
.angled-top-black:before{ background: linear-gradient(-3deg, transparent 50%, black 50% ); } 
.angled-top-red:before  { background: linear-gradient(-3deg, transparent 50%, var(--red) 50% ); } 
.angled-top-gold:before { background: linear-gradient(-3deg, transparent 50%, var(--gold) 50% ); } 
.angled-top-blue:before { background: linear-gradient(-3deg, transparent 50%, var(--blue) 50% ); } 
				   
.angled-bot-white:after{ background: linear-gradient(-3deg, white 50%, transparent 50% ); } 
.angled-bot-black:after{ background: linear-gradient(-3deg, black 50%, transparent 50% ); } 
.angled-bot-red:after  { background: linear-gradient(-3deg, var(--red) 50% ), transparent 50%); } 
.angled-bot-gold:after { background: linear-gradient(-3deg, var(--gold) 50% ), transparent 50%); } 
.angled-bot-blue:after { background: linear-gradient(-3deg, var(--blue) 50% ), transparent 50%); } 




/*--------------------------------------------------------------
# venebox
--------------------------------------------------------------*/

.vbox-close {
    width: 50px;
    height: 50px;
    font-size: 50px;
    padding: 6px;
    line-height: 0.8;
}

vbox-figlio {
    box-shadow:none;
}

.responsive-container{ margin:30px 0; }

/*--------------------------------------------------------------
# gravity forms
--------------------------------------------------------------*/


.xgform_body { padding: 0 0 10px !important;  border-top: 0 !important; }

.xgform_body input,
.xgform_body select,
.xgform_body textarea{ border:2px solid #666; background-color: #FFF; width:100%; font-size: 16px;
					 border-radius:0;  outline: none; box-shadow: none; color:#555; padding:0 10px !important; }	
.xgform_body input,
.xgform_body select{ height:42px; }	
.xgform_body select{ -moz-appearance: none; -webkit-appearance: none; appearance: none;  
		      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3e%3cpath d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/%3e%3c/svg%3e");
		      background-repeat: no-repeat; background-position: 98% center; background-size: 12px; }

.xgform_body label { margin: 0 !important; font-size: 14px !important; font-weight: 700; }

.xgform_footer input[type="submit"]:hover{ opacity:0.7; }	   

.xgform_footer input[type="submit"]{ background-color: var(--gold);  color: black; 
									display:inline-block !important; width:auto; height:auto; padding:8px 10px 4px; 
									border:0; margin:0; text-decoration:none; line-height:1; border-radius:0;
									font-family:'Bebas Neue', cursive; font-size:22px; font-weight:300;  }


.ep-form{ padding:0; margin:0; }
	
.ep-form ul { padding:0; margin:0; list-style: none; display:block; }
.ep-form li { display: block; width:100%; }	
.ep-form .gfield_label { display: block; width:100%; font-size:34px !important; line-height:1; font-family: 'Bebas Neue', sans-serif; color:white }
.ep-form .ginput_container{ display: block; width:100%; }
.ep-form .gfield_required{ display:none; }

.ep-form select{ -moz-appearance: none; -webkit-appearance: none; appearance: none;  
		      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCA3LjMzbDIuODI5LTIuODMgOS4xNzUgOS4zMzkgOS4xNjctOS4zMzkgMi44MjkgMi44My0xMS45OTYgMTIuMTd6Ii8+PC9zdmc+");
		      background-repeat: no-repeat; background-position: 95% center; background-size: 12px; }

.ep-form select,
.ep-form input[type="text"],
.ep-form input[type="email"]{ width: 100%;  background-color:white; border:0; border-radius:0; line-height: 40px; height:40px; padding:0 6px; }
.ep-form textarea{ width: 100%;  background-color: white; border:0;  }

.ep-form li.ep-form-inline { display: table !important; vertical-align: middle; width:100%; }	
.ep-form .ep-form-inline .gfield_label { display: table-cell !important; width: 1px; white-space: nowrap; padding:0px 20px 0 0; 
										 vertical-align: middle;  }
.ep-form .ep-form-inline .ginput_container{ display: table-cell !important; }
.ep-form .ep-form-nolabel .gfield_label { display: none !important; }

.ep-form-small { font-size: 12px !important; color:white; }

.ep-form input[type="submit"]{ display:inline-block; padding:8px 45px 4px 10px ; border:0; margin:0; position:relative; text-decoration:none;
		    				 line-height:1; font-family:'Bebas Neue', cursive; font-size:22px !important; position: relative !important; }

.ep-form input[type="submit"]{ background-color: var(--white); color: black;  }
.ep-form input[type="submit"]{ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNy4zMyAyNGwtMi44My0yLjgyOSA5LjMzOS05LjE3NS05LjMzOS05LjE2NyAyLjgzLTIuODI5IDEyLjE3IDExLjk5NnoiLz48L3N2Zz4=");
		      background-repeat: no-repeat; background-position: 95% center; background-size: 12px; }
		      
		      
@media ( max-width: 600px ) {	
.ep-form li.ep-form-inline { display: block !important; }	
.ep-form .ep-form-inline .gfield_label { display: block !important; width: 100%; }
.ep-form .ep-form-inline .ginput_container{ display: block !important; }
}


/*--------------------------------------------------------------
# see more text
--------------------------------------------------------------*/

.see-more-text{ font-size:inherit; transition:font-size 0.1s; cursor:pointer; pointer-events: none; }
.see-more-text:before{ content:'READ LESS'; display:block; font-size:14px; margin:0 0 6px; pointer-events: auto; }
.see-more-text a{ pointer-events: auto }
.see-more-text.closed{ font-size:0px; transition:font-size 0.1s;  }
.see-more-text.closed:before{ content:'READ MORE'; font-size:14px; }
.see-more-text:before{ color:var(--green); }