:root{
    /*========
    Colors
    ========= */

    /*========
    Font-families
    ========= */

    /*========
    Font-sizes
    ========= */

    /*========
    Font-Weights
    ========= */
}

/* START FOOTER WIDGETS */
#footer-widgets{
	width: 100%;
	padding-bottom: 60px;
	background-color:white;
}
body.no-footer #footer-widgets{
	padding-bottom: 0;
}
#footer-widgets-inner-wrapper{
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding: 15px 0;
	color: #151515;
	color: #151515;
}

#footer-widgets-inner-wrapper h3{
	margin: 10px 0;
	/*color: var(--footer-color-text, #151515);*/
	font-weight: 600;
	font-weight: 600;
}
/* END FOOTER WIDGETS */

/* START FOOTER */
#footer {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #efefef;
	background-color: #efefef;
	text-align: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#footer-innner-wrapper{
	padding: 16px 70px;
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
}

#footer .site-info{
	color: #151515;
	color: #151515;
}

#footer a{
	color: #151515;
	color: #151515;
}

#footer a:hover,
#footer a:active,
#footer a:focus,
#footer a:visited{
	outline: 0;
	color: #222;
	color: rgba(21, 21, 21, .5);
}

#footer a.site-by{
	color: #3A77D1;
	color: #3A77D1;
}
#footer a.site-by:hover{
	color: #3A77D1;
	color: rgba(58, 119, 209, .5);
}
/* END FOOTER */

/* MEDIA QUERIES */
@media (min-width: 1600px) {
	#footer-innner-wrapper,
	#footer-widgets-inner-wrapper{
		max-width: 1400px;
		max-width: 1400px;
	}
}
@media (max-width: 1170px) {
	#footer-widgets-inner-wrapper{
		padding-left: 30px;
        padding-right: 30px;
	}
}

@media (max-width: 1024px) {
	#footer-innner-wrapper{
		padding: 10px 20px;
	}
	#footer-widgets-inner-wrapper{
		padding-left: 20px;
        padding-right: 20px;
	}
}

@media (max-width: 767px) {
	#footer-innner-wrapper,
	#footer-widgets-inner-wrapper{
        padding-left: 15px;
        padding-right: 15px;
    }
	#footer-widgets{
		padding-bottom: 40px;
	}
	body.no-footer #footer-widgets{
		padding-bottom: 0;
	}
	#footer{
		height: 40px;
		font-size: 14px;
	}
}