/** ------------------------
* NivoCart - Footer
* Copyright © 2026
* --------------------------
*/

@font-face {
  font-family: 'Roboto';
  src: local('Roboto'), local('Roboto-Regular'),
    url('../fonts/Roboto-Regular.woff2') format('woff2'),
    url('../fonts/Roboto-Regular.woff') format('woff');
  font-style: normal;
  font-weight: 400;
}

#footer-holder .footer-light, #footer-holder .footer-dark {
	background-color: transparent;
}
/* Footer Light */
.footer-light #footer {
	clear: both;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #F6F6F6;
	background-image: linear-gradient(to bottom, #F6F6F6, #E7E7E7);
	border-radius: 2px;
	margin-top: 15px;
	padding: 20px 0;
	overflow: auto;
}
.footer-light #footer h3 {
	color: #444;
	font-size: 16px;
	margin: 0 0 0 18px;
	text-shadow: 0 1px 0 #FFF;
}
.footer-light #footer > .column-one, .footer-light #footer > .column-two, .footer-light #footer > .column-three, .footer-light #footer > .column-four {
	float: left;
	min-width: 150px;
	display: block;
}
.footer-light #footer > .column-one > ul, .footer-light #footer > .column-two > ul, .footer-light #footer > .column-three > ul, .footer-light #footer > .column-four > ul {
	margin-bottom: 10px;
}
.footer-light #footer > .column-one > ul > li, .footer-light #footer > .column-two > ul > li, .footer-light #footer > .column-three > ul > li, .footer-light #footer > .column-four > ul > li {
	list-style: url('../../image/bullet-2.png');
	margin-bottom: 4px;
}
.footer-light #footer > .column-one > ul > li:hover, .footer-light #footer > .column-two > ul > li:hover, .footer-light #footer > .column-three > ul > li:hover, .footer-light #footer > .column-four > ul > li:hover {
	list-style: url('../../image/bullet-3.png');
	margin-bottom: 4px;
}
.footer-light #footer > .column-one a, .footer-light #footer > .column-two a, .footer-light #footer > .column-three a, .footer-light #footer > .column-four a {
	text-decoration: none;
	color: #444;
	font-size: 15px;
	text-shadow: 0 1px 0 #FFF;
}
.footer-light #footer > .column-one a:hover, .footer-light #footer > .column-two a:hover, .footer-light #footer > .column-three a:hover, .footer-light #footer > .column-four a:hover {
	color: #36AAD8;
	text-shadow: none;
}
.footer-light #footer > .big-column {
	float: right;
	width: 28%;
	min-width: 200px;
	display: block;
}
.footer-light #footer > .big-column p {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 0 #FFF;
	color: #444;
	display: block;
}
.footer-light #footer > .big-column span {
	display: inline-block;
}
/* Footer Dark */
.footer-dark #footer {
	clear: both;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #4D4F50;
	background-image: linear-gradient(to bottom, #4D4F50, #323435);
	border-radius: 2px;
	margin-top: 15px;
	padding: 20px 0;
	overflow: auto;
}
.footer-dark #footer h3 {
	color: #EFEFEF;
	font-size: 16px;
	margin: 0 0 0 18px;
	text-shadow: 0 -1px 0 #111;
}
.footer-dark #footer > .column-one, .footer-dark #footer > .column-two, .footer-dark #footer > .column-three, .footer-dark #footer > .column-four {
	float: left;
	min-width: 150px;
	display: block;
}
.footer-dark #footer > .column-one > ul, .footer-dark #footer > .column-two > ul, .footer-dark #footer > .column-three > ul, .footer-dark #footer > .column-four > ul {
	margin-bottom: 10px;
}
.footer-dark #footer > .column-one > ul > li, .footer-dark #footer > .column-two > ul > li, .footer-dark #footer > .column-three > ul > li, .footer-dark #footer > .column-four > ul > li {
	list-style: url('../../image/bullet-1.png');
	margin-bottom: 4px;
}
.footer-dark #footer > .column-one > ul > li:hover, .footer-dark #footer > .column-two > ul > li:hover, .footer-dark #footer > .column-three > ul > li:hover, .footer-dark #footer > .column-four > ul > li:hover {
	list-style: url('../../image/bullet-3.png');
	margin-bottom: 4px;
}
.footer-dark #footer > .column-one a, .footer-dark #footer > .column-two a, .footer-dark #footer > .column-three a, .footer-dark #footer > .column-four a {
	text-decoration: none;
	color: #EFEFEF;
	font-size: 15px;
	text-shadow: 0 -1px 0 #111;
}
.footer-dark #footer > .column-one a:hover, .footer-dark #footer > .column-two a:hover, .footer-dark #footer > .column-three a:hover, .footer-dark #footer > .column-four a:hover {
	color: #36AAD8;
	text-shadow: none;
}
.footer-dark #footer > .big-column {
	float: right;
	width: 28%;
	min-width: 200px;
	display: block;
}
.footer-dark #footer > .big-column p {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	text-shadow: 0 -1px 0 #111;
	color: #EEE;
	display: block;
}
.footer-dark #footer > .big-column span {
	display: inline-block;
}
/* Footer Icons*/
p.icon-location-footer-light, p.icon-location-footer-dark {
	font-size: 14px;
	line-height: 24px;
	padding: 0 0 0 32px;
	text-shadow: 0 1px 0 #FCFCFC;
	margin-bottom: 6px;
}
p.icon-location-footer-light {
	background: url('../../image/icon_location.png') left top no-repeat;
}
p.icon-location-footer-dark {
	background: url('../../image/icon_location_light.png') left top no-repeat;
}
p.icon-phone-footer-light, p.icon-phone-footer-dark {
	font-size: 14px;
	line-height: 24px;
	padding: 0 0 0 32px;
	text-shadow: 0 1px 0 #FCFCFC;
	margin-bottom: 6px;
}
p.icon-phone-footer-light {
	background: url('../../image/icon_phone.png') left top no-repeat;
}
p.icon-phone-footer-dark {
	background: url('../../image/icon_phone_light.png') left top no-repeat;
}
p.icon-mail-footer-light, p.icon-mail-footer-dark {
	font-size: 14px;
	line-height: 24px;
	padding: 0 0 0 32px;
	text-shadow: 0 1px 0 #FCFCFC;
	margin-bottom: 6px;
}
p.icon-mail-footer-light {
	background: url('../../image/icon_mail.png') left top no-repeat;
}
p.icon-mail-footer-dark {
	background: url('../../image/icon_mail_light.png') left top no-repeat;
}
.icon-facebook {
	float: right;
	width: 23px;
	height: 23px;
	background: url('../../image/icon_facebook.png') center -23px no-repeat;
	transition: all 0.3s;
	text-indent: -9999px;
	margin-top: 8px;
	margin-right: 12px;
}
a.icon-facebook:hover {
	background: url('../../image/icon_facebook.png') center top no-repeat;
}
.icon-twitter {
	float: right;
	width: 23px;
	height: 23px;
	background: url('../../image/icon_twitter.png') center -23px no-repeat;
	transition: all 0.3s;
	text-indent: -9999px;
	margin-top: 8px;
	margin-right: 12px;
}
a.icon-twitter:hover {
	background: url('../../image/icon_twitter.png') center top no-repeat;
}
.icon-google {
	float: right;
	width: 23px;
	height: 23px;
	background: url('../../image/icon_google.png') center -23px no-repeat;
	transition: all 0.3s;
	text-indent: -9999px;
	margin-top: 8px;
	margin-right: 12px;
}
a.icon-google:hover {
	background: url('../../image/icon_google.png') top center no-repeat;
}
.icon-pinterest {
	float: right;
	width: 23px;
	height: 23px;
	background: url('../../image/icon_pinterest.png') center -23px no-repeat;
	transition: all 0.3s;
	text-indent: -9999px;
	margin-top: 8px;
	margin-right: 12px;
}
a.icon-pinterest:hover {
	background: url('../../image/icon_pinterest.png') center top no-repeat;
}
.icon-instagram {
	float: right;
	width: 23px;
	height: 23px;
	background: url('../../image/icon_instagram.png') center -23px no-repeat;
	transition: all 0.3s;
	text-indent: -9999px;
	margin-top: 8px;
	margin-right: 12px;
}
a.icon-instagram:hover {
	background: url('../../image/icon_instagram.png') center top no-repeat;
}
/* Tablets */
@media only screen and (min-width: 481px) and (max-width: 801px) {
	.footer-light #footer > .big-column, .footer-dark #footer > .big-column {
		clear: left;
		float: left;
		margin: 10px 0 0 15px;
	}
}
/* Phones - Large */
@media only screen and (min-width: 320px) and (max-width: 481px) {
	.footer-light #footer > .big-column, .footer-dark #footer > .big-column {
		clear: left;
		float: left;
		margin: 10px 0 0 15px;
	}
	.footer-light #footer > .column-three, .footer-dark #footer > .column-three {
		clear: left;
		float: left;
		margin: 10px 0 0 0;
	}
}
/* Phones - Small */
@media only screen and (max-width: 320px) {
	.footer-light #footer > .big-column, .footer-dark #footer > .big-column {
		clear: left;
		float: left;
		margin: 10px 0 0 15px;
	}
	.footer-light #footer > .column-one, .footer-light #footer > .column-two, .footer-light #footer > .column-three, .footer-light #footer > .column-four,
	.footer-dark #footer > .column-one, .footer-dark #footer > .column-two, .footer-dark #footer > .column-three, .footer-dark #footer > .column-four {
		clear: left;
		float: left;
		margin: 10px 0 0 0;
	}
}