/* veNet : DO NOT CHANGE - CSS CREATED DYNAMICALLY */
#footer-top { padding-top:10px; padding-bottom:0; color:#242424; background-color:#c8c8c8; font:200 15px 'Geologica'; }
#footer-top a { color:#000000; }
#footer-top a:hover { color:#e0f3ff; }
#footer-top .cols { margin:-3px -15px; }
#footer-top .cols > div { padding:3px 15px; }
#footer-bottom { font-size:15px; padding-top:10px; padding-bottom:10px; color:#000000; background-color:#c8c8c8; }
#footer-bottom a { color:#000000; }
#footer-bottom .cols { margin:-3px -15px; }
#footer-bottom .cols > div { display:table; margin:auto 0; padding:3px 15px; }
#footer .social-icons { display:flex; gap:10px; }
#footer .social-icons a { width:45px; min-width:45px; height:45px; min-height:45px; border-radius:50%; }
#footer .social-icons a svg { width:16px; height:16px; }


/* EXTERNAL */

/* FOOTER */
footer .cols-wrap { overflow:hidden; }
footer .cols { display:grid; }
footer .cols-1 .title:before { left: 0; right: 0; margin: auto; }
footer .cols-1 .has-icon { justify-content: center; }
footer .cols-1 .foot-links nav ul { align-items:center; }
footer .cols-1 .social-icons { justify-content:center !important; }
footer .cols-1 { grid-template-columns:100%; }
footer .cols-2 { grid-template-columns:auto auto; }
footer .cols-3 { grid-template-columns:repeat(3, 33.3333%); }
footer .cols-4 { grid-template-columns:repeat(4, 25%); }
footer .cols-5 { grid-template-columns:repeat(5, 20%); }
footer .cols-6 { grid-template-columns:repeat(6, 16.6666%); }

footer p { margin:0; }
footer .title { padding-bottom:32px; position: relative; text-transform: uppercase; letter-spacing: 2px; }
footer .title::before { content: ''; position: absolute; height: 1px; width: 25px; background-color:currentColor; top: 38px; }

#footer-top .widget { height:100%; width:100%; }

#footer-top .divider { margin:25px 0; height:1px; background-color:#ccc; }
#footer-bottom .divider { margin:15px 0; height:1px; background-color:#ccc; }

#footer-top .cols-1 > div { text-align:center; }

#footer-bottom .cols-1 > div, #footer-bottom .cols-3 > div:nth-child(2) { text-align:center; }
#footer-bottom .cols-1 > div .title:before, #footer-bottom .cols-3 > div:nth-child(2) .title:before { left: 0; right: 0; margin: auto; }
#footer-bottom .cols-1 > div nav ul, #footer-bottom .cols-3 > div:nth-child(2) nav ul { align-items:center; }
#footer-bottom .cols-2 > div:nth-child(2), #footer-bottom .cols-3 > div:nth-child(3) { text-align:right; }
#footer-bottom .cols-2 > div:nth-child(2) .title:before, #footer-bottom .cols-3 > div:nth-child(3) .title:before { left:auto; right: 0; }
#footer-bottom .cols-2 > div:nth-child(2) nav ul, #footer-bottom .cols-3 > div:nth-child(3) nav ul { align-items:flex-end; }

/* HIDDEN FOOTER */
footer.footer-hidden #footer { position: relative; display: flex; justify-content: center; align-items: flex-end; }
footer.footer-hidden #footer-top { position:absolute; top:0; left:0; right:0; }
footer.footer-hidden #footer-bottom { position: sticky; top: auto; bottom: 0; left:0; right:0; width:100%; }
footer.footer-hidden #footer-overlay { position: absolute; top: 0; left: 0; right: 0; }
footer.footer-hidden #footer-overlay > div > div { height:100%; flex; justify-content: center; align-items: center; }
footer.footer-hidden #footer-overlay svg { width:100%; height:100%; }

/* ADDRESS */
.foot-address .has-icon, .foot-address2 .has-icon { display:flex; margin-bottom: 6px; }
.foot-address .has-icon > span, .foot-address2 .has-icon > span { width:30px; }
.foot-address .has-icon svg, .foot-address2 .has-icon svg { width: 18px; height: 18px; margin-top: 3px; }

/* COPYRIGHT */
.foot-copyright_full > div { display:inline-block; }
.foot-copyright_full > div + .qwarty-url:before { content:'|'; margin: 0 6px; }
.qwarty-url { display:inline-block; white-space:nowrap; text-align:center; }
.qwarty-url a:hover { color:#d00 !important; }

/* IMAGE */
.foot-image { display: flex; flex-direction: column; }
.foot-image .image-wrap { padding:0 var(--pad_md); }
.foot-image img { width:100%; height:auto; max-width:100%; max-height:100%; }
#footer-top .foot-image .social-icons { margin-left:0; }
#footer-top .foot-image .social-icons a { border: 1px solid #fff; }

/* MENU LINKS */
footer nav ul.menu { display: flex; flex-direction:row; justify-content: flex-start; flex-wrap:wrap; margin: 0; }
footer nav.inline ul.menu { justify-content:center; }
footer nav.cols-1 ul.menu li { width:100%; }
footer nav.cols-2 ul.menu li { width:50%; }
footer nav.cols-3 ul.menu li { width:33.3333%; }
footer nav.cols-4 ul.menu li { width:25%; }
footer nav.cols-5 ul.menu li { width:20%; }
footer nav.cols-6 ul.menu li { width:16.6666%; }
footer nav ul.menu a { display: inline-block; padding:2px; }
footer nav.inline ul.menu a { display: inline-block; padding:3px 8px; }

/* CARDS - SHIPPING */
.cards-icons { display:flex; align-items:center; }
.shipping-icons { display:flex; align-items:center; justify-content:flex-end; }
.cards-icons > div, .shipping-icons > div { padding:0 4px; display:flex; align-items:center; }
.cards-icons img { width:100%; max-height:20px; }
.shipping-icons img { width:100%; max-height:22px; }

@media all and (max-width:899px) {
	footer .cols-2 { grid-template-columns: auto; }
	.cards-icons, .shipping-icons { justify-content:center; }
}
@media all and (max-width:767px) {
	#footer-bottom .cols-2 { grid-template-columns:1fr; }
	#footer-bottom .cols-2 > div nav ul { justify-content: center !important; }
	footer .cols-3 { grid-template-columns: repeat(2,50%); }
	#footer-bottom {  font-size:15px; text-align: center; }
	#footer-bottom .foot-links nav.inline ul.menu a { display: inline-block; padding: 4px 10px; margin: 4px 6px; }
}
@media all and (max-width:575px) {
	footer .cols-3 { grid-template-columns:1fr; }
	#footer-top .cols > div { display:flex; justify-content:center; }
	#footer-top .widget { display: inline-block; }
	#footer-top .foot-about > div:last-child { text-align:center; }
	footer .title { text-align: center; padding-bottom: 18px; }
	footer .title::before { left: 0; right: 0; margin: 0 auto; top: 32px; }
	footer .social-icons { justify-content:center; width: 100%; }
}
@media all and (max-width:459px) {
	.cards-icons { flex-wrap: wrap; justify-content: center; }
	.cards-icons > div:first-child { margin-bottom:22px; }
}
