/*****************************************/
/********** MAIN BODY ELEMENTS ***********/
/*****************************************/
body{background-color: #fff;color: #ccc;font-size: 16px;font-family: 'Arimo', serif;margin: 0px 0px 0px 0px;}

.style1{border: 0;height: 3px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
.style2{border: 0;height: 3px; max-width:50%;}

.testimonial-card .card-up {
  height: 120px;
  overflow: hidden;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.testimonial-card .avatar {
  width: 110px;
  margin-top: -60px;
  overflow: hidden;
  border: 3px solid #fff;
  border-radius: 50%;
}
/*****************************************/
/********** SPACING **********************/
/*****************************************/
@media (min-width: 320px) {.topspacing{padding-top: 53px;}}
@media (min-width: 992px) {.topspacing{padding-top: 88px;}}
@media (min-width: 0px) {.doubleNavSpacing{padding-top: 53px;}}
@media (min-width: 992px) {.doubleNavSpacing{padding-top: 100px;}}
.containerMax{max-width:1440px;}
.paddingLeftNav{padding-left:20px;}
.section30{padding-top:30px;padding-bottom:30px;}
@media (min-width: 1px){.section35{padding:30px;}}
@media (min-width: 992px){.section35{padding-top:35px;padding-bottom:35px;padding-left:105px;padding-right:105px;}}
@media (min-width: 1px){.section75{padding-top:75px;padding-bottom:75px;padding-left:30px;padding-right:30px;}}
@media (min-width: 992px){.section75{padding-top:75px;padding-bottom:75px;padding-left:105px;padding-right:105px;}}
.no-padding {  padding: 0;}

/*****************************************/
/********** LINKS ************************/
/*****************************************/
a.a1:link{   color: #505050; font-size: 14px; text-decoration: underline;}
a.a1:visited{color: #505050; font-size: 14px; text-decoration: underline;}
a.a1:hover{  color: #ffffff; font-size: 14px; text-decoration: underline;}

a.a2:link{   color: #000000; font-size: 18px; text-decoration: underline;}
a.a2:visited{color: #000000; font-size: 18px; text-decoration: underline;}
a.a2:hover{  color: #FF3333; font-size: 18px; text-decoration: underline;}

a.a3:link{   color: #505050; font-size: 22px; text-decoration: underline;}
a.a3:visited{color: #505050; font-size: 22px; text-decoration: underline;}
a.a3:hover{  color: #ffffff; font-size: 22px; text-decoration: underline;}

/*footer links*/
a.a4:link{   color: #000; font-size: 16px; text-decoration: underline;}
a.a4:visited{color: #000; font-size: 16px; text-decoration: underline;}
a.a4:hover{  color: #4E6591; font-size: 16px; text-decoration: underline;}

/*sub-footer links*/
a.a6:link{   color: #fff; font-size: 16px; text-decoration: underline;}
a.a6:visited{color: #fff; font-size: 16px; text-decoration: underline;}
a.a6:hover{  color: #ccc; font-size: 16px; text-decoration: underline;}

/*****************************************/
/********** Text *************************/
/*****************************************/
.playwrite-de-grund {
  font-family: "Playwrite DE Grund", cursive;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.futuraFont{
    font-family: "futura-pt", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.arimoFont{
    font-family: "Arimo", serif;
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Playlist';
    src: url('inc/Playlist-Script.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.playListScript { 
    font-family: "Playlist";
}

.header-text {color: #fff;}/*position: absolute;top: 30%;left: 1.8%;right: auto;width: 96.66666666666666%;*/
.header-text h1 {font-size: 60px;}
.header-text h3 span {padding: 15px;color: #FFFFFF;}
.mobile-text {color: #fff;}/*position: absolute;top: 25%;left: 1.8%;right: auto;width: 96.66666666666666%;*/
.mobile-text h1 {font-size: 30px;}
.mobile-text h3 span {font-size: 14px;padding: 8px;color: #FFFFFF;}

.red4Text {color: #c2010a;}
.blue4Text {color: #002b5c;}
.blackText {color: #000;}
.whiteText {color: #fff;}

.sprigBlue{color: #4E6591;}
.sprigYellow{color: #F6D400;}
.sprigTan{color: #D9CC80;}

h1{color: #FFF; font-family: "futura-pt", sans-serif}
h2{color: #FFF; font-family: "futura-pt", sans-serif}
h3{color: #FFF; font-size: 18px; font-weight: bolder;}
h4{color: #FFF; font-family: "futura-pt", sans-serif}

@media (min-width: 1px){.bigPara{font-size: 1.2rem; font-family: 'Arimo', serif;}}
@media (min-width: 992px){.bigPara{font-size: 1.5rem; font-family: 'Arimo', serif;}}

/*****************************************/
/********** Backgrounds & Fills **********/
/*****************************************/
@media (min-width: 0px) {.heropicture{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.52)),url("pictures/sprig-of-hope-raylynn-van-oort-hero-bg-thin.jpg");width: 100%;min-height: 572px; background-position: center;background-repeat: no-repeat;background-size: cover;}}
@media (min-width: 578px) {.heropicture{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.52)),url("pictures/sprig-of-hope-raylynn-van-oort-hero-bg-thin.jpg");width: 100%;min-height: 578px; background-position: center;background-repeat: no-repeat;background-size: cover;}}
@media (min-width: 1100px) {.heropicture{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.52)),url("pictures/sprig-of-hope-raylynn-van-oort-hero-bg-thin.jpg");width: 100%;min-height: 644px; background-position: center;background-repeat: no-repeat;background-size: cover;}}

/*Color Pallet: Light Shade, Light Accent, Main Brand Color, Dark Accent, Dark Shade*/
.lights{ background-color: #F3EFEB; color: #ffffff;}	
.lightaccent{ background-color: #9692B4; color: #ffffff;}
.purple{ background-color: #5A00B5; color: #ffffff;}
.darkaccent{ background-color: #6072B1; color: #ffffff;}
.darks{ background-color: #15151E; color: #ffffff;}
.tan{ background-color: #D9CC80; color: #000000;}

/*NEW GRADIENTS*/
.tanBlue{
background: hsla(219, 30%, 44%, 1);
background: linear-gradient(90deg, hsla(219, 30%, 44%, 1) 0%, hsla(51, 54%, 68%, 1) 100%);
background: -moz-linear-gradient(90deg, hsla(219, 30%, 44%, 1) 0%, hsla(51, 54%, 68%, 1) 100%);
background: -webkit-linear-gradient(90deg, hsla(219, 30%, 44%, 1) 0%, hsla(51, 54%, 68%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#4E6591", endColorstr="#D9CC80", GradientType=1 );
}
.blueTan{
background: hsla(51, 54%, 68%, 1);
background: linear-gradient(90deg, hsla(51, 54%, 68%, 1) 0%, hsla(219, 30%, 44%, 1) 100%);
background: -moz-linear-gradient(90deg, hsla(51, 54%, 68%, 1) 0%, hsla(219, 30%, 44%, 1) 100%);
background: -webkit-linear-gradient(90deg, hsla(51, 54%, 68%, 1) 0%, hsla(219, 30%, 44%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#D9CC80", endColorstr="#4E6591", GradientType=1 );
}
.yellowBlue{
background: hsla(219, 30%, 44%, 1);
background: linear-gradient(90deg, hsla(219, 30%, 44%, 1) 0%, hsla(52, 100%, 48%, 1) 100%);
background: -moz-linear-gradient(90deg, hsla(219, 30%, 44%, 1) 0%, hsla(52, 100%, 48%, 1) 100%);
background: -webkit-linear-gradient(90deg, hsla(219, 30%, 44%, 1) 0%, hsla(52, 100%, 48%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#4E6591", endColorstr="#F6D400", GradientType=1 );
}
.Blueyellow{
background: hsla(52, 100%, 48%, 1);
background: linear-gradient(90deg, hsla(52, 100%, 48%, 1) 0%, hsla(219, 30%, 44%, 1) 100%);
background: -moz-linear-gradient(90deg, hsla(52, 100%, 48%, 1) 0%, hsla(219, 30%, 44%, 1) 100%);
background: -webkit-linear-gradient(90deg, hsla(52, 100%, 48%, 1) 0%, hsla(219, 30%, 44%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F6D400", endColorstr="#4E6591", GradientType=1 );
}
.tanYellow{
background: hsla(52, 100%, 48%, 1);
background: linear-gradient(90deg, hsla(52, 100%, 48%, 1) 0%, hsla(51, 54%, 68%, 1) 100%);
background: -moz-linear-gradient(90deg, hsla(52, 100%, 48%, 1) 0%, hsla(51, 54%, 68%, 1) 100%);
background: -webkit-linear-gradient(90deg, hsla(52, 100%, 48%, 1) 0%, hsla(51, 54%, 68%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F6D400", endColorstr="#D9CC80", GradientType=1 );   
}
.yellowTan{
background: hsla(51, 54%, 68%, 1);
background: linear-gradient(90deg, hsla(51, 54%, 68%, 1) 0%, hsla(52, 100%, 48%, 1) 100%);
background: -moz-linear-gradient(90deg, hsla(51, 54%, 68%, 1) 0%, hsla(52, 100%, 48%, 1) 100%);
background: -webkit-linear-gradient(90deg, hsla(51, 54%, 68%, 1) 0%, hsla(52, 100%, 48%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#D9CC80", endColorstr="#F6D400", GradientType=1 );    
}

/*OLD GRADIENTS*/

.graygrad{background: rgb(28,25,34);
background: -moz-linear-gradient(180deg, rgba(28,25,34,1) 0%, rgba(37,37,37,1) 51%, rgba(28,25,34,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(28,25,34,1) 0%, rgba(37,37,37,1) 51%, rgba(28,25,34,1) 100%);
background: linear-gradient(180deg, rgba(28,25,34,1) 0%, rgba(37,37,37,1) 51%, rgba(28,25,34,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c1922",endColorstr="#1c1922",GradientType=1);}

.graygreen{background: rgb(28,25,34);
background: -moz-linear-gradient(180deg, rgba(28,25,34,1) 0%, rgba(25,135,84,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(28,25,34,1) 0%, rgba(25,135,84,1) 100%);
background: linear-gradient(180deg, rgba(28,25,34,1) 0%, rgba(25,135,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c1922",endColorstr="#198754",GradientType=1);}

.greenwhite{
    background: rgb(25,135,84);
background: -moz-linear-gradient(180deg, rgba(25,135,84,1) 0%, rgba(226,226,226,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(25,135,84,1) 0%, rgba(226,226,226,1) 100%);
background: linear-gradient(180deg, rgba(25,135,84,1) 0%, rgba(226,226,226,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#198754",endColorstr="#e2e2e2",GradientType=1);
}

.whitegray{
    background: rgb(226,226,226);
background: -moz-linear-gradient(180deg, rgba(226,226,226,1) 0%, rgba(204,204,204,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(226,226,226,1) 0%, rgba(204,204,204,1) 100%);
background: linear-gradient(180deg, rgba(226,226,226,1) 0%, rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e2e2e2",endColorstr="#cccccc",GradientType=1);
}

.offWhite{ background-color: #f8f9fa; color: #505050;}	
.white{ background-color: #ffffff; color: #000000;}	
.black{ background-color: #000000; color: #FFFFFF;}
.grayLight{ background-color: #cccccc; color: #000000;}
.grayDark{ background-color: #333333; color: #ffffff;}

/*****************************************/
/********** NAVIGATION BAR ***************/
/*****************************************/
/* Color of the links BEFORE scroll */
.navbar-scroll .nav-link,
.navbar-scroll .navbar-toggler-icon,
.navbar-scroll .navbar-brand {
    color: #fff;
}

.fixed-top.scrolled {
  background-color: #2b2b2b !important;
  transition: background-color 200ms linear;
}

/* Color of the links AFTER scroll */
.navbar-scrolled .nav-link,
.navbar-scrolled .navbar-toggler-icon,
.navbar-scrolled .navbar-brand {
    color: #fff;
}

/* Color of the navbar AFTER scroll */
.navbar-scroll,
.navbar-scrolled {
    background-color: #ff0f0f;
}

.mask-custom {
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, .15);
}

.navbar-brand {
    font-size: 1.75rem;
    letter-spacing: 3px;
}

/*****************************************/
/********** BUTTONS **********************/
/*****************************************/
.btn-custom{color:#fff;background-color:#4E6591;border-color:#4E6591}
.btn-custom:hover{color:#fff;background-color:#7998ac;border-color:#7998ac}
.btn-custom:focus,.btn-custom.focus{box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)}
.btn-custom.disabled,.btn-custom:disabled{color:#fff;background-color:teal;border-color:#005a5a}
.btn-custom:not(:disabled):not(.disabled):active,.btn-custom:not(:disabled):not(.disabled).active,.show>.btn-custom.dropdown-toggle{color:#fff;background-color:#c4ccd1;border-color:#c4ccd1}
.btn-custom:not(:disabled):not(.disabled):active:focus,.btn-custom:not(:disabled):not(.disabled).active:focus,.show>.btn-custom.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)}
@media (min-width: 1px){.btn-xl{padding: 10px 20px;font-size: 20px;}}
@media (min-width: 576px){.btn-xl{padding: 10px 20px;font-size: 30px;}}


/*****************************************/
/********** PICTURE ASPECT RATIOS ********/
/*****************************************/
.aspect-ratio-box-inside { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.aspect-ratio-box-16-9 {height: 0;overflow: hidden;padding-top:56.25%;position: relative;}
.aspect-ratio-box-4-3 {height: 0;overflow: hidden;padding-top:75%;position: relative;}
.aspect-ratio-box-1-1 {height: 0;overflow: hidden;padding-top:100%;position: relative;}
.aspect-ratio-box-hero {height: 0;overflow: hidden;padding-top:35.260416667%;position: relative;}
.aspect-ratio-box-hero-xs {height: 0;overflow: hidden;padding-top:74.94145199063232%;position: relative;}
.aspect-ratio-box-thumbnail {height: 0;overflow: hidden;padding-top:38%;position: relative;}

/*****************************************/
/********** YOUTUBE VIDEO SIZING *********/
/*****************************************/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}