/*
	Theme Name: v215 Child
	Template:v215
*/

:root {
	--purple: #8F6F97;
}

.header-cta span {transition: .5s; background: var(--purple) !important; border: 2px solid var(--purple); padding: 12px 24px !important; color: white; border-radius: 10px;}
.header-cta span:hover {background: transparent !important; color: var(--purple);}
#header .header-bottom .menu-holder {grid-column: 1/3; justify-self: center;}
#header .header-bottom .header-cta {position: absolute; right: 0;}
#header .container {position: relative;}
#header:not(.scrolled) .logo-holder {height: 85px;align-self: center;}

.cta h2 {margin-bottom: 10px;}

.footer-col > *:first-child img {margin-bottom: 20px;}
.footer-col > *:nth-child(2), 
.footer-col > *:nth-child(3) {font-size: 24px; line-height: 34px; font-weight: 600;}
.footer-col > *:nth-child(3) {margin-bottom: 15px; margin-top: 5px;}
.footer-col > *:nth-child(4) {font-size: 14px; line-height: 20px;}
.footer-col > *:last-child {font-size: 12px; line-height: 20px;}

#footer img {max-height: 60px;}

@media (max-width: 1300px) {
	#header a {font-size: 18px;}
	#header .header-bottom .logo-holder {height: 75px;align-self: center;}
}

@media (max-width: 1023px) {
	#mobile-header {background: #1e1e1e;}
	#header .header-cta {margin-top: 12px;}
	#header .header-cta span {padding: 10px 15px !important;}
	#header .logo-holder {height: 70px !important;}
	
	#page-title h1 {font-size: 65px !important;line-height: 75px !important;}
	#page-title p {font-size: 28px !important;line-height: 38px !important;}
	
	.jawn_text_block h2, h2.itr-title {font-size: 45px; line-height: 55px;}
	
	.cta h2 {font-size: 50px}
}

@media (max-width: 767px) {
	#page-title h1 {line-height: 65px !important;font-size: 55px !important;}
    #page-title p {font-size: 25px !important;line-height: 35px !important;}
	
	.jawn_text_block h2, h2.itr-title {font-size: 40px; line-height: 50px;}
	
	.footer-col > *:nth-child(2), 
	.footer-col > *:nth-child(3) {font-size: 18px;line-height: 28px;}
}