﻿

/*------------------------------------------------------------------------------------------------------------------------------
         													FOOTER
--------------------------------------------------------------------------------------------------------------------------------*/

/*----Footer Icons----*/

.logoFooter img{
    width:180px;
    height:auto;
    margin-top:10%;	
 }

.fa-facebook-f{
	padding:  5px 10px 5px 5px;
	font-size:20px;
}

.fa-facebook-f:hover{
	color:var(--secondary_textcolor);		
}

.fa-instagram{
	padding: 20px 8px 2px 8px ;
	font-size:20px;
}


.fa-instagram:hover{
    color:var(--secondary_textcolor);
}

.fa-youtube-play{
	padding: 20px 8px 2px 8px ;
	font-size:20px;
}

.fa-youtube-play:hover{
    color:var(--secondary_textcolor);
}


/*---LINKS---*/

footer nav ul {list-style:none;}
footer ul li  {display:block; color:var(--secondary_textcolor); text-align:left; font-size:90%;}
footer a:hover{color:var(--secondary_textcolor);}
footer a:link, a:visited {color:#eeefef; font-size:100%;}


/*-------------------------------------
    DESKTOP, IPAD-PRO FOOTER
--------------------------------------*/


.mobile-footer{
	display:none;
}


footer {  
   background:var(--primary_color);
   background-image: linear-gradient(to right, var(--primary_color) , black);
   position:relative;
   bottom:0;
   left:0;
   width:100%;
   height:300px;
   margin-top:0;
   overflow:hidden;
   z-index:900;	
  
}

.bigtable{ 
    display:block;
   	width:70%;
	height:120px;
	margin:10px auto;
    margin-top:30px;
    text-align:center;                     
}


/*--Left Column--*/

.leftcolumn{
    float:left;
    width:32%;
    margin:0;
    padding:0;  	
}


.leftcolumn nav li p{
       font-weight:bold;
       text-align:left;
       color:#eeefef;   
}


/*--Middle Column--*/

.middlecolumn {
    float:left;
    width:32%;
    margin:0;
    padding:0;
}

.middlecolumn nav li p{      
       font-weight:bold;
       text-align:left; 
       color:#eeefef;  
}



/*--Right Column--*/


.rightcolumn { 
    float:left;
    width:32%;
    margin:0;
    padding:0;
   
}

.rightcolumn nav li p{       
       font-weight:bold;
       text-align:left;
       color:#eeefef; 
 
}

.rightcolumn nav ul li {       

       text-align:left;
       margin-left:0;   
}

/* .rightcolumn img{
    display:inline;
	width:30px; 
    height:auto;
    padding:6px;
    margin-top:10px;  
} */

.rightcolumn nav img{
	width:100px, 
   
}

article.copyright{
    width:100%;
    height:50px;
	position:absolute;
	bottom:8px;
	font-size:80%;
	text-align:center;
	margin:0 auto;		
}


article.copyright p{
	text-align:center;
	color:var(--secondary_textcolor);
	padding-top:10px;	
}




/*-------------------------------------
         	IPAD FOOTER
--------------------------------------*/

@media screen and (max-width: 786px){

.bigtable{ 
    display:block;
   	width:90%;
	height:120px;
	margin:10px auto;
    margin-top:30px;
    text-align:center;
   
}

}


/*-------------------------------------
         	IPHONE FOOTER
--------------------------------------*/


@media screen and (max-width: 470px){

.desktop-footer {
	display:none;
}

.mobile-footer {
	display:block;
	background:var(--primary_color);
   	background-image: linear-gradient(to right, var(--primary_color) , black);
	width:100%;
	height:280px;
	z-index:900;

}

article.copyright {
    width:100%;
    height:40px;
	position:absolute;
	bottom:0px;
	font-size:80%;
	text-align:center;
	margin:0 auto;	
}

article.copyright p {
	text-align:center;
	color:var(--secondary_textcolor);
	padding-top:10px;	
}

}

