/* All Styles in this file relate to the footer of the site/application. */

#footer {
	position: relative;
  	clear: both;
  	padding: 1.5em 0;
}

#footer a.feed-icon {
	position: absolute;
  	right: 0;
  	top: 1.5em;
}

#footer {
	background: var(--color-primary) !important;
	float: left;
	height: auto;
	margin-top: 30px;
	padding-bottom: 0;
	padding-top: 20px;
	width: 100%;
}

#footer .footer-wapper {
	margin-bottom: 20px;
	overflow: hidden;
	padding: 0 18px;
}

#footer .footer-widget {
	float: left;
	width: auto;
	margin: 0 15px 0 0;
	min-width: 130px;
}

#footer .widget-7 { margin: 0; }
#footer .widget-7 h3.title {
	float: left;
	margin: 0 5px;
	width: auto;
}

#footer .footer-link {
	padding: 0;
}

#footer h3.title, 
#footer h3.title a {
	color: var(--color-white);
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	margin-top: 0;
	text-transform: uppercase;
}

#footer .footer-link li {
	list-style: outside none none;
}

#footer .footer-link li,
#footer .footer-link li span,
#footer .footer-link li a {
	color: var(--color-white);
	font-family: "Open Sans";
	font-size: 12px;
	font-weight: 600;
}

#footer .block { 
	margin: 0; 
}

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

	#footer .footer-wapper {
		padding-right: 0px;
		padding-left: 0px;
	}
}

@media screen and (max-width: 767px) {
	#footer .footer-wapper {
    	padding-left: 18px;
    	padding-right: 18px;
	}

	#footer .footer-widget {
		width: 33%;
		margin: 0;
	}

	#footer .widget-1,
	#footer .widget-2,
	#footer .widget-4 {    
    	height: 200px;
	}
}

@media screen and (max-width: 599px) { 
	#footer .footer-widget {
		width: 50%;
		margin: 0 0 20px;
	}

	#footer .widget-7 {
		width: 100%;
	}
}