/**********************************

	Footer.css for Squivotheme
	Sep 2018
	
	255 , 255 , 255
	195 , 34 , 181
	172 , 243 , 122
	
**********************************/
#page-background{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:0;
	/*background:url(../images/mm_bg_page_fitted.jpg) no-repeat center center;
	background-size:cover;
	opacity:.05;*/
}

#page-background-alpha-layer{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:0;
	/*background-image:linear-gradient( rgb( 255 , 255 , 255 , .8 ) , rgba( 255 , 255 , 255 , .2 ) 10%);*/
}

.sub-footer-wrapper{
	position:relative;
	background:white;
	z-index:10px;
	width:100%;
}

.sub-footer{
	position:relative;
	margin:0 auto;
	z-index:1;
	width:100%;
	text-align:center;
	/*background:rgba( 236 , 0 , 140 , .1 );
	background-image:linear-gradient( rgba( 255 , 255 , 255 , 1 ) , rgba( 225 , 225 , 225 , .2 ) );*/
	background:#BDB4B4;
	padding-top:30px;
	padding-bottom:30px;
	/*border-top:1px solid rgb(217,164,65);*/
}

.sub-footer .award-container{
	display:inline-block;
	width:auto;
	height:85px;
	margin:15px;
}

.sub-footer a.awards{
	display:inline-block;
	height:100px;
	width:auto;
	margin:0 25px;
}

.mm-awards{
	padding:25px;
	background:#120D06;
}

.sub-footer a img{
	max-height:100%;
	filter:grayscale( 100% );
	transition:.2s;
}

.sub-footer a img:hover{
	max-height:100%;
	filter:grayscale(0);
	transition:.2s;
}

.footer-nav{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:305px;
	text-align:center;
	position:relative;
	z-index:1;
	padding:0 30px;
}

.footer-nav ul{
	margin-left:0;
	margin-top:5px;
	list-style: none;
}


.footer-nav ul li a{
	color:#120D06;
	font-weight:200;
}
.footer-nav ul li a:hover{
	text-decoration:none;
	color:#F7F6F2;
}

.super-mini-logo{
	width:13px;
	margin-right:-9px;
	margin-top:-2px;
}

#site-footer-header {
	position:fixed;
	/*
	background-image:linear-gradient( rgb( 25 , 25 , 25 ) 25% , rgb( 70 , 70 , 70 ) );
	*/
	background:#120D06;
	font-size: 16px;
	text-align: center;
	width:100%;
	max-width:100%;
	/*font-family: 'Palanquin', serif;*/
	font-weight:100;
	z-index:1;
	color:white;
	height:40px;
	line-height:40px;
	bottom:0;
	left:0;
	right:0;
}
#site-footer-header.open{
	position:relative;
}
#site-footer-header > div{
	display:inline-block;
	width:auto;
	/*background: -webkit-linear-gradient( rgba( 255 , 255 , 255 , 1 ) ,  rgba( 217,164,65 , 1 ) );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;*/
	color:#F7F6F2;
}

#site-footer-header .footer-left{
	text-align:left;
	padding-left:1%;
	float:left;
}

#site-footer-header .footer-right{
	text-align:right;
	padding-right:1%;
	float:right;
}

.site-footer span{
	margin-left:15px;
	margin-right:15px;
}

.site-footer p{
	margin:5px 5%;
}

.site-footer a,
.site-footer a:hover,
.site-footer a:active,
.site-footer a:visited{
	color:#F7F6F2;
	text-decoration: none;
}

.site-footer a:hover{
	color:#BDB4B4;
}

.copy{
	width:100%;
	font-size:10px;
	background:rgb( 217,164,65);
	background:rgb( 236 , 0 , 140 );
	background:rgb( 235 , 235 , 235 );
	background:transparent;
	padding:50px 5px 5px;
	text-align:center;
}

.contact-footer{
	position:relative;
	z-index:100;
	
}

.contact-footer h1{
	margin:0;
}

.marrmac-footer-logo{
	width:150px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.social-media{
	position:relative;
	display:block;
	text-align:center;
	margin-bottom:75px;
}

.social-media > a{
	display:inline-block;
	margin:0 5px;
	height:auto;
	color:#571F3F;
}

.social-media > a:hover{
	color:#790E4C;
}
.social-media > a > i{
	font-family:'FontAwesome';
	font-size:40px;
}
/*
.social-media > a > svg .st0{
	transition:.2s;
}

.social-media > a:hover > svg .st0{
	fill:rgb( 217 , 164 , 65 );
}*/

.footer-nav h2{
	font-family: 'Dream Avenue';
}

#scroll-to-top{
	position:fixed;
	bottom:75px;
	right:30px;
    bottom: 135px;
    right: 50px;
	cursor:hand;
	cursor:pointer;
	padding:1px;
	z-index:9999;
	display:none;
}

#scroll-to-top .text{
	color:rgb( 195 , 34 , 181 );
}

#scroll-to-top .up-arrow{
	width:18px;
	height:18px;
	border:3px solid #790E4C;
	border-bottom:none;
	border-right:none;
	transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 0;
}