/*!
Theme Name: Elevate-P2
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; }
.font-beba  { font-family: 'Bebas Neue', cursive; }

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


/*--------------------------------------------------------------
# Variables
--------------------------------------------------------------*/
:root{
--text  : #231F20;
--white : #FFFFFF; 
--lite  : #F0F0F0;
--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; letter-spacing: 2.5px; }
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
--------------------------------------------------------------*/
button,
input[type="button"], input[type="reset"], input[type="submit"] {
	padding: 10px 30px; border: 1px solid; 	border-color: #ccc #ccc #bbb; 	border-radius: 3px;
	background: #e6e6e6; color: rgba(0, 0, 0, 0.8);  font-size: 12px;  	line-height: 1;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover,
input[type="submit"]:hover { border-color: #ccc #bbb #aaa; }

button:active, button:focus, input[type="button"]:active, input[type="button"]:focus,
input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active,
input[type="submit"]:focus { border-color: #aaa #bbb #bbb; }

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%; }


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/



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

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); }


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-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       { background-color: black; }
.btn-text  { background-color: var(--text);  color: white; }
.btn-white { background-color: var(--white); color: black; }
.btn-lite  { background-color: var(--lite);  color: black; }
.btn-gold  { background-color: var(--gold);  color: black; }
.btn-gold0 { background-color: var(--gold);  color: white; }
.btn-green { background-color: var(--green); color: white; }
.btn-pink  { background-color: var(--pink);  color: black; }
.btn-red   { background-color: var(--red);   color: white; }
.btn-blue  { background-color: var(--blue);  color: white; }
.btn-java  { background-color: var(--java);  color: black; }
.btn-dark  { background-color: var(--dark);  color: white; }
.btn-black { background-color: black;  color:white; }

.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:10px 20px; font-size:16px; font-weight:500; border:0; text-decoration: none; }	

.btn:visited{ color: white; }
.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; }
	
.btn-fat{ padding:20px 30px; }

.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-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-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); }

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


.post a{ font-weight:500; border-bottom: 1px solid 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-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-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; }



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

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

vbox-figlio {
    box-shadow:none;
}



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


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

.gform_body input,
.gform_body select,
.gform_body textarea{ border:2px solid #666; background-color: #FFF; width:100%; max-width:600px; font-size: 16px;
					 border-radius:0;  outline: none; box-shadow: none; color:#555; padding:0 10px !important; }	
.gform_body input,
.gform_body select{ height:42px; }	
.gform_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; }

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

.gform_footer input[type="submit"]{ display:inline-block !important; width:auto; height:auto; text-align:center; padding:10px 20px; 
			   border: 2px solid #000; border-radius: 0; font-size: 16px; font-weight: 500; color: #000; text-decoration: none;
			   cursor: pointer; background: #FFF; text-transform: uppercase; 
}

.gform_footer input[type="submit"]:hover{ background: #F6F6F6; }