/*
Theme Name: Custom Theme
Theme URI: <THEME_URI>
Description: Ancillary
Author: 
Author URI: 
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;700;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');


.body{
font-family: "SofiaPro-Regular";	

}

/*navbar*/
.navbar {

font-family: "SofiaPro-Medium";
background: #292E34;
font-size: 16px;
height: 90px;
margin: 0;

}

.navbar-brand-wrap {
	z-index: 3;
	position: absolute;
}

.resize-logo {
	padding: 8px 0 0 0;
}
.small-logo {
	width: 200px!important;
	height: 80px;
}
.navbar-padding {
	width: 200px;
	padding-top: 0;
	margin-right: 0;
	margin-left:0;
	
}
.nav-link {
	margin-left: 27px;
    margin-right: 27px;
    letter-spacing: 2%;
	
}

.navbar-text {
	margin-left: 27px;
    margin-right: 27px;
}



/*
    NAV
*/
.inner-nav-wrap {
width: 100%;
padding: 0 ;
margin: auto !important;
}


.single  .error404 .navbar {
background: rgba(0, 0, 0, 1);
}


.modal-email {
    color: #ffffff;
	font-weight: 600;
	border: 1px solid #ffffff;
    background-color: #943F99;
	
	color: #F7C03E;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 transparent;
}




/*mobile */



.purple-header {
	font-family: "SofiaPro-Medium";
	font-size: 28px;
	line-height: 131%;
	background: linear-gradient(45deg, #C957D1 , #703074);
	background-clip: text; -webkit-background-clip: text;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	
	}

.yellow-header {
	font-family: "SofiaPro-Medium";
	font-size: 28px;
	
	background: linear-gradient(45deg,#F7C03E, #FCDD3F );
	background-clip: text; -webkit-background-clip: text;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	
	}

.white-header {
	font-family: "SofiaPro-Medium";
	font-size: 28px;
	line-height: 131%;
	color: white;
	}

.black-header {
	font-family: "SofiaPro-Medium";
	font-size: 28px;
	line-height: 131%;
	color: #292E34;
	}




/*1 */
.purple-semiheader {
	font-family: "SofiaPro-SemiBold";
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #943F99;
	}


.white-semiheader {
	font-family: "SofiaPro-Regular";
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 0.06em;
	color: white;
	}


.yellow-semiheader {
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #F7C03E;
	}


.purple-bright-header {
	font-family: "SofiaPro-SemiBold";
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #C957D1;
	}






.yellow-background {
	font-family: "SofiaPro-Medium";
	font-size: 68;
	line-height: 131%;
	background: linear-gradient(45deg,#F2D862, #CEA136  );
	
	}

.yellow-aid {
	font-family: "SofiaPro-Regular";
	font-size: 48px;
	line-height: 118%;
	background: linear-gradient(45deg,#F2D862, #CEA136  );
	background-clip: text; -webkit-background-clip: text;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	display: inline-block;
}








.purple-aid {
	font-family: "SofiaPro-Regular";
	font-size: 28px;
	line-height: 33px;
	background: linear-gradient(45deg, #C957D1 , #703074);
	background-clip: text; -webkit-background-clip: text;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	display: inline-block;
} 

.purple-foot {
	font-family: "SofiaPro-Regular";
	font-size: 44px;
	line-height: 118%;
	background: linear-gradient(45deg, #C957D1 , #703074);
	background-clip: text; -webkit-background-clip: text;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	
} 


.white-foot {
	font-family: "SofiaPro-Regular";
	font-size: 44px;
	line-height: 118%;
	color: white;
	}

	  
.text-aid {
	font-family: "SofiaPro-Regular";
	font-size: 28px;
	line-height: 33px;
	
} 	





.text-padding {margin-left:3%;width:25rem;}

.text-vertical {padding-top: 0%;}

.text-title {
	font-family: "SofiaPro-Regular";
	font-size: 44px;

	/*letter-spacing: 0.02em;*/
	
}

.text-p {
	font-family: "SofiaPro-Light";
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.02em;
	width:20rem;
}

.text-bio {
	font-family: "SofiaPro-Light";
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.02em;
	width:20rem;
	
}
.chapter { 
	height: 280px;
}

.arrow-pad{visibility: hidden;}
.pad-topleft { margin-left:3%;	margin-top:10%;}
.pad-bottom {padding-top: 0%;}
.vertical-center {display: flex;justify-content: center;align-items: center;height: 400px;}

/*small devices */
@media (min-width: 576px) { 
	.purple-header, .yellow-header, .black-header, .white-header {font-size:28px;}
	.text-title {font-size: 28px;}
	.text-p {font-size: 14px; width:20rem; }
	.text-bio {font-size: 12px;}
	.white-semiheader {font-size: 10px;line-height: 12px;}
	.chapter { height: 50%; }
	.pad-topleft { margin-left:3%;	margin-top:10%;}
	.arrow-pad{visibility: hidden;}
	.purple-bright-header {font-size: 10px;}
	.purple-semiheader, .yellow-semiheader  {font-size: 18px;line-height: 12px;letter-spacing: 0.06em;}
	.text-aid, .purple-aid {font-size: 28px;line-height: 33px;} 
	.text-padding {margin-left:3%;width:25rem;}
	.pad-bottom {padding-top: 0%;}
	.navbar-padding {width: 200px;padding-top: 0;margin-right: 0;margin-left:0;}
	.text-vertical {padding-top: 0%;}
	.vertical-center {display: flex;justify-content: center;align-items: center;height: 400px;}

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.purple-header, .yellow-header, .black-header, .white-header {font-size:28px;} 
	.text-title {font-size: 28px;}
	.text-p {font-size: 14px; width:20rem; }
	.text-bio {font-size: 12px;width:15rem;}
	.white-semiheader {font-size: 12px;line-height: 14px;}
	.chapter { height: 50%; }
	.pad-topleft { margin-left:5%;	margin-top:10%;}
	.arrow-pad{visibility: hidden; }
	.purple-bright-header {font-size: 10px;}
	.purple-semiheader,  .yellow-semiheader  {font-size: 16px;line-height: 12px;letter-spacing: 0.06em;}
	.text-aid, .purple-aid {font-size: 28px;line-height: 33px;} 
	.text-padding {margin-left:3%;}
	.pad-bottom {padding-top: 2%;}
	.text-vertical{padding-top: 0%;}
	.purple-foot, .white-foot {font-size: 24px;}
	.navbar-padding {width: 200px;padding-top: 0;margin-right: 0;margin-left:0;}
	.text-vertical {padding-top: 0%;}
	/*.vertical-center {display: flex;justify-content: center;align-items: center;height: 100px;}*/
	.vertical-center {margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
	
	.purple-header, .yellow-header, .black-header, .white-header {font-size:58px;}
	.text-p {font-size: 18px; width:25rem; }
	.text-bio {font-size: 14px;}
	.white-semiheader {font-size: 14px;line-height: 16px;}
	.chapter {height: 50%;	}
	.pad-topleft { margin-left:5%;	margin-top:10%;}
	.arrow-pad{visibility: visible;padding-top: 30px;}
	.purple-semiheader, .purple-bright-header, .yellow-semiheader  {font-size: 18px;line-height: 12px;letter-spacing: 0.06em;}
	.text-aid, .purple-aid, .purple-foot {font-size: 44px;line-height: 118%;} 
	.text-padding {margin-left:5%;}
	.pad-bottom {padding-top: 2%;}
	.navbar-padding {width: 200px;padding-top: 0;margin-right: 115px;margin-left:70px;}
	.text-vertical {padding-top: 10%;}
	.vertical-center {margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

}

/*Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.purple-foot {font-size: 44px;}
	.purple-header, .yellow-header, .black-header, .white-header  {font-size:68px;} 
	.text-p {font-size: 18px; width:35rem;}
	.white-semiheader {font-size: 14px;line-height: 16px;}
	.text-bio {font-size: 18px;width:20rem;margin-top: 10%}
	.text-title {font-size: 34px;}
	.chapter {height: 40%;	}
	.pad-topleft { margin-left:5%;	margin-top:10%;}
	.arrow-pad{visibility: visible;padding-top: 50px;}
	.purple-semiheader, .purple-bright-header , .yellow-semiheader {font-size: 18px;line-height: 12px;letter-spacing: 0.06em;}
	.text-aid, .purple-aid, purple-foot {font-size: 44px;line-height: 118%;} 
	.text-padding {margin-left:5%}
	.pad-bottom {padding-top: 2%;}
	.navbar-padding {width: 200px;padding-top: 0;margin-right: 115px;margin-left:70px;}
	.text-vertical {padding-top: 10%;}
	.vertical-center {margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
}