/*
 Theme Name:   Remedy Clinic Theme
 Theme URI:    https://remedyclinic.com/
 Description:  Visibull Dev's GP theme
 Author:       Visibull Dev
 Author URI:   https://visibull.net/
 Template:     generatepress
 Version:      0.1
*/


/* Fluid Typography Scale */

h1, .fs-h1 {
	font-size: clamp(1.75rem, 1.1818rem + 2.2727vi, 3.6011rem);
	/*font-family: var(--gp-font--headings);*/
}
h2, .fs-h2 {
	font-size: clamp(1.75rem, 1.3466rem + 1.7955vi, 2.7008rem);
	/*font-family: var(--gp-font--headings);*/
}

h3, .fs-h3 {
	font-size: clamp(1.5rem, 1.1588rem + 1.3649vi, 2.2507rem);
	/*font-family: var(--gp-font--headings);*/
}
h4, .fs-h4 {
	font-size: clamp(1.25rem, 0.9997rem + 1.0011vi, 1.8006rem);
	/*font-family: var(--gp-font--headings);*/
}
h5, .fs-h5 {
	font-size: clamp(1.125rem, 0.9543rem + 0.6827vi, 1.5005rem);
	/*font-family: var(--gp-font--headings);*/
}
h6, .fs-h6 {
	font-size: clamp(1rem, 0.8407rem + 0.6371vi, 1.3504rem);
	/*font-family: var(--gp-font--headings);*/
}

p, .fs-p {
	font-size: clamp(1.0544rem, 1.0222rem + 0.1284vi, 1.125rem);
	/*font-family: var(--gp-font--body);*/
	line-height: 1.6;
}



.center {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}


/*FOOTER*/
.footer {
	.footer__column {
		gap: 1em;
	}
	
	.footer__column-header {
		position: relative;
		
		&:after {
			content: "";
			height: 2px;
			width: 40px;
			position: absolute;
			bottom: 0;
			left: 0;
			background-color: var(--white);
		}
	}
	
	.footer__column-links {
		> div {
			margin-bottom: 12px;
			align-items: flex-start;
		}
		
		>div:hover {
			color: var(--yellow);
		}
	}
	
	a.footer__social {
		display: flex;
		align-items: center;
		justify-content: center;
		
		svg {
			height: 20px;
    		width: 25px;
		}				
	}
	
	a.footer__social:hover {
		svg path {
			fill: black;
		}
	}
	
	a { 
		text-decoration: none; 
		line-height: 1.3;
		display: block;		
	}
		
	.active {
		color: var(--yellow);
	}
	
	
	@media screen and (max-width:767px) {
		.footer__column:not(:first-child) {
			margin-top: 30px;
		}		
	}
	
}