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

:root {
	--violet: #2c114f;
	--lightviolet: #90a8f8;
}

#header:not(.scrolled) .header-bottom .logo-holder {height: 121px;}
#header:not(.scrolled) .header-bottom .menu > li > a {line-height: 121px;}
#header .menu-item a:hover {color: var(--lightviolet);}
#header .container {align-items: center;position: relative;}
#header .header-bottom .menu-holder {justify-self: center;grid-column: 1 / 3;}
#header .header-social i {font-size: 20px;}
#header .social-1 {position: absolute;right: 0;}
#header .social-2 {position: absolute;right: 35px;}
#header .social-3 {position: absolute;right: 70px;}
#header .header-cta span {padding: 12px 20px; color: white; background: var(--violet); border: 2px solid var(--violet); border-radius: 30px; transition: .5s;}
#header .header-cta span:hover {background: transparent; color: var(--violet);}

.cta h2 {color: white; font-size: 50px; line-height: 60px;}
.cta {background-position: center 35%;}

#footer .footer-social {margin-top: 25px;}
#footer .footer-social i {font-size: 22px;}
#footer .footer-social a:not(:last-child) {margin-right: 10px;}
#footer .footer-col {width: auto;}
#footer .footer-3-cols {justify-content: space-evenly;gap: 30px;}

@media (max-width: 1500px) {
	#header .container {max-width: calc(100% - 60px); margin: auto;}
}

@media (max-width: 1300px) {
	#header .header-bottom .menu > li > a {padding: 0 7px; font-size: 15px;}
}

@media (max-width: 1200px) {
	#header .header-bottom .menu > li > a {font-size: 14px;}
	#header .header-cta span {padding: 12px 10px;}
	#header .header-bottom .logo-holder {height: 100px; align-self: center;}
	#header .header-bottom #header-menu > li > a {line-height: 100px;}
}

@media (max-width: 1100px) {
	#header .header-bottom .menu > li > a {padding: 0 5px; font-size: 13px;}
	
	#footer .footer-top p, #footer .footer-top .textwidget p a {font-size: 16px; line-height: 26px;}
	#footer .footer-bottom p, #footer .footer-bottom p a {font-size: 13px; line-height: 20px;}
}

@media (max-width: 1023px) {
	#mobile-header {background: white;}
	#header .sub-menu {text-align: left; padding-left: 30px;}
	#header .sub-menu li {padding-top: 3px;padding-bottom: 3px;}
	#header .header-cta {margin-top: 17px;}
	#header .header-social {position: unset !important; display: inline-block !important; margin-top: 17px;}
	#header .header-social a {padding-left: 6px;padding-right: 6px;}
	#header .social-3 {padding-left: 15px;}
	
	.title-area {height: auto !important;padding-top: 50px;padding-bottom: 50px;}
	
	.cta {padding-top: 100px;padding-bottom: 100px;}
}

@media (max-width: 767px) {
	.title-area h1 {font-size: 50px; line-height: 60px;}
	
	.jawn_col:not(:last-child) {margin-bottom: 30px;}
	
	#footer .footer-3-cols {display: grid;gap: 0;justify-content: unset;}
	#footer .col-2 {order: 2;margin-top: 21px;}
	#footer .footer-bottom p {max-width: 250px;margin: auto;}
}