/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 24 2026 | 13:00:00 */
/* =========================
   FOOTER WRAPPER
========================= */

#footer-wm {
	padding: 80px 50px 20px 50px;
	background-color: var(--main);
	background-image: url('https://webmedia.club/wp-content/uploads/2026/04/footer-w-pattern.webp');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 100%;
	display:flex;
	flex-direction:column;
	gap:80px 0px;
	align-content:center;
	justify-content:center;
}

@media (max-width: 768px) {
	#footer-wm {
		
	}
}

#footer-wm a {
	font-weight:400!important;
	font-size:16px;
}


/* =========================
   LOGO / INFO
========================= */

#logo-wm-clear {
	height:37px;
}

#footer-wm-logo-info-wrapper {
	display:flex;
	flex-direction:column;
	gap:50px;
	align-items: flex-start;
	flex-basis:40%;
}


/* =========================
   NAVIGATION
========================= */

#footer-wm-nav-wrapper {
	display:flex;
	align-items:flex-start;
	flex-wrap:wrap;
	justify-content:space-around;
	flex-basis:60%;
}

.footer-wm-nav {
	display:flex;
	flex-direction:column;
	gap:20px 0px;
}

.footer-wm-nav h3 {
	color:var(--white);
	font-family:var(--title-font);
	font-weight: 500;
	font-size:20px;
}

.footer-wm-link-list {
	display:flex;
	flex-direction:column;
	gap:15px 0px;
}

.footer-wm-link-list a {
	color: var(--white-t-50);
	transition: fill var(--transition-footer);
}

.footer-wm-link-list a:hover,
.footer-wm-link-list a:focus {
	color: var(--accent);
}


/* =========================
   CONTACT INFO
========================= */

#contact-info-wm-wrapper {
	
}

#contact-info {
	display:flex;
	flex-direction:column;
	gap:15px;
}

.info-wm {
	display:flex;
	justify-items:center;
	gap:15px;
	flex-wrap:nowrap;
}

#contact-info-wm-wrapper a {
	color: var(--white-t-50);
	transition: fill var(--transition-footer);
}

#contact-info-wm-wrapper .info-wm:hover a {
	color: var(--accent);
}


/* =========================
   ICONS
========================= */

.footer-icon {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
}

.footer-icon .clear {
	fill: var(--white);
	transition: fill var(--transition-footer);
}

.footer-icon .dark {
	fill: var(--white-t-50);
	transition: fill var(--transition-footer);
}

#contact-info-wm-wrapper .info-wm:hover .footer-icon .clear {
	fill: var(--accent);
}

#contact-info-wm-wrapper .info-wm:hover .footer-icon .dark {
	fill: var(--accent-t-50);
}


/* =========================
   SOCIAL
========================= */

#social-wm-wrapper ul {
	display:flex;
	align-items:center;
	flex-wrap:nowrap;
	gap:0px 15px;
}

#social-wm-wrapper ul li {
	transition: fill var(--transition-footer);
	padding:0px!important;
	border-radius: 50%;
	width: 36px;
	height: 36px;
}

#social-wm-wrapper ul li i {
	line-height: 1;
}

#social-wm-wrapper ul li:hover {
	background-color: var(--accent-t-12)!important;
	border:1px solid var(--accent);
}

#social-wm-wrapper ul li:hover i {
	color: var(--accent)!important;
}


/* =========================
   DIVIDER / BOTTOM
========================= */

.footer-wm-devider-wrp {
	padding-top:30px;
	border-top:1.5px solid var(--white-t-12);
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}

.wm-footer-left {
	color:rgba(255, 255, 255, .5);
	font-size:16px;
}

.footer-wm-link-privacy-wrapper {
	align-items:center;
	gap:0px 10px;
	flex-wrap:nowrap;
	transition: fill var(--transition-footer);
}

.footer-wm-link-privacy-wrapper a {
	color:rgba(255, 255, 255, .5);
	font-size:16px;
}

.footer-wm-link-privacy-wrapper a:hover,
.footer-wm-link-privacy-wrapper a:focus {
	color:var(--accent);
}

.footer-wm-link-privacy-wrapper i {
	color:var(--accent);
}


/* =========================
   HEART
========================= */

.heart-wm-wrp {
	align-items:center;
	flex-wrap:nowrap;
	gap:0px 20px;
}

.heart-wm-wrp span {
	color:rgba(255, 255, 255, .8);
	font-size:16px;
}

.heart {
	width:25px;
	fill: #D6996F;
	transform-origin: center;
	animation: heart-beat 1.6s infinite cubic-bezier(0.4, 0, 0.2, 1);
	filter: drop-shadow(0 0 8px rgba(214,153,111,0.5));
}

@keyframes heart-beat {
	0%   { transform: scale(1); filter: drop-shadow(0 0 6px rgba(214,153,111,0.4)); }
	10%  { transform: scale(1.15); filter: drop-shadow(0 0 12px rgba(214,153,111,0.7)); }
	20%  { transform: scale(1); }
	30%  { transform: scale(1.25); filter: drop-shadow(0 0 16px rgba(214,153,111,0.9)); }
	45%  { transform: scale(1); }
	100% { transform: scale(1); filter: drop-shadow(0 0 6px rgba(214,153,111,0.4)); }
}

/* =========================
   Responsive
========================= */

@media (max-width: 991px) {
	#footer-wm-container {
		flex-direction: column-reverse;
        gap: 20px 0px;
        align-items: normal;
	}
	
	#footer-wm-logo-info-wrapper {
		flex-basis:100%;
	}
	
	#footer-wm-nav-wrapper {
		flex-basis:100%;
	}
}

@media (max-width: 767px) {
	#footer-wm {
	padding: 50px 0px 20px 0px;
    gap: 40px 0px;

}
	
	.footer-wm-nav {
		flex-basis:100%;
	}
	
	    #footer-wm-container {
        gap: 40px 0px;
    }
	
	#footer-wm-logo-info-wrapper {
		flex-basis:100%;
	}
	
	#footer-wm-nav-wrapper {
		flex-basis:100%;
		gap: 20px 0px;
	}
	
	.footer-wm-devider-wrp {
    padding-top: 30px;
    gap: 15px 0px;
}
	
}