/*!
Theme Name: Theme
Theme URI: 
Description: 
Author: Michele Margiotta
Author URI: https://www.michelemargiotta.it
Version: 0.1
Tags:

/*================================
=            DEFAULT             =
================================*/

/*==========  Eric Meyer's Reset  ==========*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/*----------  BORDER-BOX RESET  ----------*/
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-font-smoothing: antialiased;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
* {
  -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

/*==========  RESPONSIVE  ==========*/
img{
	max-width: 100%;
	height: auto;
  display: block;
}
.video-main {
  position: relative;
  padding-bottom: 56.25%;
  height: 0; overflow: hidden;
}

.video-main iframe,
.video-main object,
.video-main embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* BASIC */
body{
  font-family: sans-serif;
  padding: 10px;
}
header{
  display: flex;
  justify-content: space-between;
  margin-bottom: 2em;
}
header h1{
  font-weight: bolde;
  font-size: 2em;
}
.menu ul{
  display: flex;
}
.menu ul li{
  margin-right: 1em;
}
main h2{
  font-size: 3em;
  margin-bottom: 1em;
}
main p{
  margin-bottom: 1em;
}
/*barba transition*/
.fade-leave{
  opacity: 1;
}
.fade-leave-active {
  transition: opacity .3s linear;
}
.fade-leave-to {
  opacity: 0;
}

.fade-enter{
  opacity: 0;
}
.fade-enter-active {
  transition: opacity .3s linear;
}
.fade-enter-to {
  opacity: 1;
}

/*---Desktop Medium---*/
@media only screen and (max-width: 1679px){
  
}

/*---Tablet Landscape---*/
@media only screen and (max-width: 1199px){

}

/*---Tablet Portraint---*/
@media only screen and (max-width: 991px){

}
/*---Smartphone Landscape Mini-tablet---*/
@media only screen and (max-width: 767px) {

}

/*---Smartphone Portrait---*/
@media only screen and (max-width: 567px){

}