/*GENERAL*/

:root {
    --color-one: black;
    --color-two: white;
    --color-three:red;
 
}
*, *:before, *:after 
{
  
  border:0px;
  padding:0px;
  margin:0px;
  box-sizing: border-box;
}

*::-webkit-scrollbar 
{
	width: 0 !important;
}


html,body
  {

  font-weight: 100;

  width:100%;
  color: black;
  position:relative;

  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin:0px;
  padding:0px;  


  font-size:1rem;

  -webkit-appearance: none;

  font-family: 'Source Sans Pro', sans-serif;

  }


h1  
{
  font-size:1.4rem;
  font-weight:100;



}

h2
{
  font-size:1.4rem;
  font-weight:bold;

}



figcaption
{


}

strong
{
	font-weight: 800;
}



a:hover
{

}

a
{
  
  text-decoration: none;
  font-weight: bold;
  color:black

}

video
  {
    max-width:600px;
  }

img
{
	width:100%;
	display:block;
}

p
{
  margin-bottom:1rem;
}

li
{
	list-style:none;
}

::selection
{
  background: green; /* WebKit/Blink Browsers */
}

::-moz-selection 
{
  background: green; /* Gecko Browsers */
}


iframe
{
  max-width:400px;
  min-height:500px;
  padding-top:20px;
  padding-bottom:20px;
  border:none!Important;
}


table
{
  border-collapse: collapse;
  margin:20px 0 20px 0px;
  min-width: 100%;
}

th {
    text-align: left;
    padding:5px 15px 5px 15px;
}

td{
  padding:15px;
}

tr:nth-child(even) 
{
  background-color: #f2f2f2;
}

th
{
  background-color: gray;
  color:white;
}

td
{
  padding-right:10px;
}


hr
{
	height:4px;
	background:white;
	margin:0 0 1rem 0;
}


.debug
{
  outline:2px solid red;
}
/*//////////////////////////////////////////*/
/* W R A P P E R */

#wrapper
{
  position:relative;
  margin:0px;
  padding:0px;
  margin-bottom:20px;
}


/*//////////////////////////////////////////*/
/* H E A D E R */

header
{
  

  margin:0px auto;
  position:relative;


  
}

/*//////////////////////////////////////////*/
/* C O N T E N T */


#content
{

  position:relative;
  width:100%;
  line-height: 1.4rem;
  min-height:800px;
  padding:50px 0 0 0;



}

#content a
{
  
  text-decoration: none;
  font-weight: bold;

  
}

section
{

  position:relative;

}










/*//////////////////////////////////////////*/
/* A S I D E */



/*//////////////////////////////////////////*/
/* F O O T E R */


footer
{

  margin:50px 0 50px 0;
 
  background:var(--color-two);
  color:var(--color-one);
  font-size:1rem;

}

footer div.social-media a
{

  margin:0px 15px 0px 0px;
 

}






/*//////////////////////////////////////////*/
/* TEMPLATE: TRAVEl */
/*//////////////////////////////////////////*/

body#travel article 
{
  margin:0px 0 0 0;
}

body#travel article img
{
  margin:20px 0 20px 0;
}

body#travel aside  div#map 
{
	max-height: 400px;  /* The height is 400 pixels */
	max-width: 100%;  /* The width is the width of the web page */
}

body#travel aside a
{
  display:none!Important;
  outline:4px solid red!Important;
}


body#travel aside
{
	padding:30px 0 0 0;
  overflow:hidden;
}

body#travel div.ml p
{
  text-indent: 60px;
}


/*//////////////////////////////////////////*/
/* TEMPLATE: PAGE */
/*//////////////////////////////////////////*/


body#page section.description-text
{

}


/*//////////////////////////////////////////*/
/*N A V I G A T I O N*/




nav
  {
    background:white;
    margin:20px 0 30px 0px;



  }


nav div#navigation
{
  position:relative; 
  background:white;
}


nav div#navigation div.active-categorie
{
  margin:0 0 0 10px;
  font-size:1.4rem;  

}



nav div#navigation div.navigation-bar
{
  background:white;
  max-height:30px;
}


nav div#navigation form input[type="email"]
{
  background:white;
  font-size: 1rem;
  padding:2px;
  height:2rem;
}



nav div#navigation-content ul.mainmenu li a h1
{
  line-height: 1.8rem;


}







nav div#navigation div#navigation-content div div#lang
{
  margin: 0 0 20px 0;

}

nav div#navigation div#navigation-content div div#lang ul li:after
{
  content:"/";
  padding:0 5px 0 5px;

}

nav div#navigation div#navigation-content div div#lang ul li:last-child:after
{
  content:"";
  padding:0 5px 0 5px;

}



#navigation #navigation-wrapper
{

	position: absolute;
	top:0px;


}



#navigation #navigation-wrapper  label
{
   position:fixed; 
  height:5px; 
  z-index:5; 
  left:50%; 
  margin-left:430px; 
}


nav div#navigation #navigation-wrapper  label div#menu-button
{
  
  cursor: pointer;
  position:absolute;
  top:2px;
  z-index: 5;
  background: var(--color-two);
  max-width:70px;
  min-width:70px;
  overflow:hidden;
  right:0px;
  padding:3px;


}

div#navigation #navigation-wrapper  label div#menu-button div.menu-text
{
  
 margin:-3px 0 0 0px;


}


div#navigation #navigation-wrapper  label div#menu-button div#burger div
{
  
  background: var(--color-one);
  max-width:20px;
  min-width:20px;
  height:3px;
  margin:0 0 3px 0;
}




#navigation #navigation-wrapper   div#close-button 
{
  
  cursor: pointer;
  font-size: 3rem;
  height:3rem;
  margin:0px 0 0 0;
  background:white;
  position: absolute;
  right:0px;
  width:30px;
  display:none;
   

 

}

#navigation div#close-button div
{
    min-width:3px;
   background: var(--color-one);
   height:20px;
   position:absolute;
   z-index: 2000;
   margin:0 0 0 20px;

}

#navigation div#close-button div:nth-child(1)
{
 
   transform: rotate(40deg);
  

}

#navigation div#close-button div:nth-child(2)
{
 
   transform: rotate(-40deg);
  

}


    

div#navigation-content 
{
  
  position:fixed;
  z-index:2;
  background:var(--color-two);
  left:0;
  top:-10000px; 
  padding:40px 0 0 0;
  overflow: auto;
  min-width:100%;
  height:99.9%;
  overflow: auto;
 
}


nav div#navigation-content div.navigation-content-inner 
{

  position: relative;
  background:var(--color-two)!Important;;
  padding:0 0 0 0px;

}
  

nav div#navigation-content div.navigation-content-inner div.social-media
{
  margin:50px 0px 0  0px;
  
}

nav div#navigation-content div.navigation-content-inner div.social-media a
{
  margin:0px 15px 0  0px;
  
}






#navigation input[type="checkbox"]
  {
      display:none;  
  }







/*WHEN CLICKED*/
  
  



  



#desktop-icon:checked ~ label  div#menu-button
  {
    display: none!Important;
  
  }



#desktop-icon:checked ~ label  div#close-button
  {
    display:block!Important;

  }


#desktop-icon:checked ~ label +  div#navigation-content
  {

  overflow: auto;
  top:0px;
}
  
  


  






/*
  
   ___   ___   ___  
  / _ \ / _ \ / _ \ 
 | (_) | | | | | | |
  \__, | | | | | | |
    / /| |_| | |_| |
   /_/  \___/ \___/ 
                    
                    



*/
        


@media screen and (min-width: 0px) and (max-width: 900px)  {

  
 html,body
  {
	
	font-size:1rem;
	


  }

h1  
{
  font-size:1.2rem;
  font-weight:100;



}

h2
{
  font-size:1.2rem;
  font-weight:bold;

}



 div#content
 {
  padding:0 10px 0 10px;
 }



/*//////////////////////////////////////////*/
/*N A V I G A T I O N*/

nav
  {
    background:white;
    margin:20px 0 30px 0px;


  }






nav div#navigation
  {
    position:fixed; 
    z-index: 4;
    min-height:35px;
    top:0;
    min-width:100%;
    padding:10px;
  }



#navigation #navigation-wrapper  label
{
   position:fixed; 
  height:65px; 
  z-index:2; 
  left:0%; 
  top:10px;
  margin-left:-10px; 

}


nav div#navigation div.active-categorie
{
  display:none;  

}

nav div#navigation-content
{
  padding:20px;
}


nav div#navigation #navigation-wrapper  label div#menu-button div.menu-text
{
  
opacity: 0;


}





/*//////////////////////////////////////////*/
/*F O O T E R*/




/*//////////////////////////////////////////*/
/* A S I D E */




}