/*CSS file for layout Genius Walking Tours website*/
/* Luc Van Puyelde - 2020*/
 

*{   /*logischer boxmodel*/ 
	 	/* door het sterretje is dit geldig voor alle box elementen*/
     -moz-box-sizing:border-box; 		/*code voor logisch box model bij niet internet explorer browers*/
	 -webkit-box-sizing:border-box; 	/*code voor logisch box model bij niet internet explorer browers*/
	  box-sizing:border-box;			/*code voor logisch box model bij internet explorer browers*/
	 /* breedte die je nu definieert is content + padding + border (margin zit er niet bij)*/
 }

*{    margin: 0; /* steeds margin en padding op 0 zetten in het begin */
	  padding:0;
 }

html{
	   font-family:calibri,sans-serif;
	   /*font-family:'Fjalla+One', sans-serif;*/   	   
	   font-size: 100%;
	   line-height: 1.4; 
    }
/* 1rem is de font-size van het html element
   standaard heeft root em 16 pixels*/
/* tekst sizes */

.floatrechtsfooter
		{	float:right;			
		}

.footerflex
	{	
		background-color: #ccffe6;		
		max-width: 100%;
		padding-top: 0%;
		margin:auto;	
	 }

.footerflex ul
	{
	    list-style: none;
	    padding-left: 0%;	    
	    text-decoration: none;
		font-family:calibri,sans-serif;			
	}

.footerflex a:before
	{
		display:none;
	}

.footerflex a:active
	{
		color:black;
	}

.footerflex a 
	{
    	text-decoration: none;
    	color:black;    
	}

.footerflex a:visited
	 {
	 	color:black; /*opmaak van de knoppen als je ze bezocht hebt, kleur wit*/  
	 } 

.footerflex a:hover
 {
    text-decoration: underline;
 }

/* de footer heeft 2 containers een voor de website structuur is de ft-main en een voor de legal is de ft-legal */



.footer-main-container /* container voor websitestructuur */
		{
		    display: flex;
		    flex-direction: row;
		    flex-wrap: wrap;
		    padding: 0% 0% 0% 9%;
		}
.footer-main-item /* div item in de container voor de websitestructuur */
		{
		    padding: 1%;
		    flex-basis:100px;
		    flex-grow: 1;		   
		}

.footerlegalflex
	{	background-color: #66ffb5;			
		max-width:100%;		
		padding-top: 0%;
		margin:auto;		
	 }	

.footer-legal-container
		{	padding: 0% 0% 0% 0%;
			display: flex;
		    flex-direction: row;
		    flex-wrap: wrap;		    	    	
		}

.footer-legal-item 
		{	padding: 1% 0% 0% 0%;		   
		    flex-grow: 1;
			flex-basis:30%;				
    		white-space: nowrap;
    		}

.footer-text-size
		{
			font-size: 0.7rem;
		}

.iconopscherminstagramlegal		 
		{
		  width: 1.5rem;
		  padding-right:1%;		  	  		  
		}
.iconopschermfacebooklegal		 
		{
		  width: 1.3rem;		  	  		  
		}
.footer-legal
 		{
	    	padding: 0% 1% 0% 1%;
	    	background-color: #66ffb5;
		}

.footer-legal-list
		{
	    	width: 100%;
	    	display: flex;
	    	flex-wrap: wrap;
		}

.footer-legal-list li 
		{
    		margin: 0.5% 1% 0.5% 1%;
    		white-space: nowrap;
    		font-size: 0.7rem;
		}
/* one before the last child */
.footer-legal-list li:nth-last-child(2) 
		{
    		flex: 1;       /* is voorlaatste legal item */
    			   		  /* door de flex1 komt de laatste legal item rechts te staan*/
    	}

@media only screen and (min-width: 29.8125rem /*477px*/) 
	{
    	.ft-main 
	    {
	        justify-content: space-around;
	    }
	}
@media only screen and (min-width: 77.5rem /*1240px*/ )
	 {
    	.ft-main 
    	{
			justify-content: space-evenly;
    	}
	}