/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
::selection {
  background: #bf6d4f!important;
  color: #FFF;
  text-shadow: none;
}

.slider-inner {
    background-position: right center!important;
}

@media (max-width: 768px) AND (orientation: portrait) {

        .slider-inner {
            background-position: -500px center!important;
        }
    
}


.heromessage {
   max-width: 75%;
}

.gradoverlay::before{ 
  position: absolute;
  content: "";
  background: rgba(0,48,87,0.92);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,0) 30%, rgba(0,48,87,1) 93%);
  background: linear-gradient(0deg, rgba(255,255,255,0) 10%, rgba(0,0,0,0.3) 93%);
    z-index: 2;
}


.campaign {
    /*background: #a84802;*/
    background-color: #993300!important;
    color: #FFF2DB!important;
    background: #993300!important;

    
}

.briercrestbg {
    background: #003057!important;
    color: #eeeeee!important;
}

.topstack {
    z-index: 200!important;
    position: relative;
}


.vertical-middle {
    z-index: 33;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 100%;
    justify-content: center;
    flex-flow: column;

}
.more-link {
  display: inline-block;
  border-bottom: 1px solid #077cab;
    border-bottom-width: 1px;
  padding: 0 2px;
  font-family: 'PT Serif', serif;
  font-style: italic;
}

a {
  text-decoration: none !important;
  /* color: #1ABC9C;;*/
    color: #1ABC9C;
    color: #077cab;
  
}

a:hover {
  text-decoration: underline;
  /* color: #1ABC9C;;*/
    color: #bf6d4f;
}

.entry-title h2 a:hover, .entry-title h3 a:hover, .entry-title h4 a:hover {
  color: #333;
 color: #bf6d4f;
}

.more-link {
  font-weight: 400;
  border-bottom-width: 1px;
  font-style: normal;
}



.bracket-left {
    margin: 0;
    padding-left: 0em;
     
}
    
.bracket-left:before {
   content: " ";
   position: absolute;
   border-left: 6px solid rgba(255,255,255,0.4);
   border-top: 6px solid rgba(255,255,255,0.4);
   border-bottom: 6px solid rgba(255,255,255,0.4);
   padding: 0px;
   top: -5px;
   bottom: 0em;
   left: 5%;
    z-index: 50;
    width: 1.1em;
    height: 150%;
    height: 3.8em;
    font-size: clamp(1.0em, -0.875em + 8.333vw, 1.05em);
}
    
.bracket-right:after {
   content: " ";
   position: absolute;
   border-right:.2em solid rgba(255,255,255,0.4);
   border-top:.2em solid rgba(255,255,255,0.4);
   border-bottom:.2em solid rgba(255,255,255,0.4);
   padding: 5px;
   top: -5px;
   bottom: 0px;
   right: 5%;
    z-index: 50;
    width: 1em;
    height: 150%;
    height: 3.8em;
}

.txt-emphasis {
    font-size: 130%!important;
    color: rgba(168,72,2,1.00)!important;
    colorx: #003057!important;
    color: #fff!important;
    background: rgba(255,255,255,0.0);
    background: rgba(168,72,2,0.0);
    padding: 0px;
    letter-spacing: normal!important;
    font-variantx: small-caps; 
    border-bottom: #fff;
    border-bottom: 4px double;
}

.btn {
       font-variant: normal!important; 
    font-family: "Open Sans", Tahoma, Geneva, sans-serif!important;
}

.btn-primary {
    background: #003057!important;
    border-color: #003057!important;
}

.bg-overlay .portfolio-desc span, .bg-overlay .portfolio-desc span a {
    font-variant: none!important; 
}

.bg-overlay .portfolio-desc span {
  margin-top: 12px;
  text-transform: none;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 300;
}

.points {
filter: invert(90%) sepia(0%) saturate(0%) hue-rotate(329deg) brightness(95%) contrast(87%);
}

.menu-item:hover > .menu-link {
    color: #077cab!important;
    color: #993300!Important;
    
}

.menu-item.current > .menu-link {
    text-decoration: underline!important;
color: inherit!important;
    
}


.entry-image, .entry-image > a, .entry-image img {
  display: block;
  position: relative;
  width: auto;
  height: 100%;
  object-fit: cover;
  height: 300px;
  object-position: center center;
  
}


.testimonial .flex-control-nav li a {
  width: 6px !important;
  height: 6px !important;
  border: none;
  background-color: #bf6d4f;
  opacity: 0.5;
}



/********primary site colourx ****************/

/**** class label based on database column field for dynamic insertion*****/

.Main {
    background-color: rgba(91,94,130,1.0)!important;
    color: rgba(255,255,255,1.0)!important;
}

.Main { --main-bg: rgba(91,94,130,1.0)!important; }

.MainText {
    color: rgba(91,94,130,1.0);
    }

.College {
    background-color: rgba(7,124,171,1.00);
    color: rgba(255,255,255,1.0)!important;
}

.CollegeText {
    color: rgba(7,124,171,1.00);
    }

.Seminary{
    background-color: rgba(129,158,135,1.0)!important;
    color: rgba(255,255,255,1.0);
}

.SeminaryText{
    color: rgba(129,158,135,1.0)!important;
}

.CHS {
    background-color: rgba(226,164,37,1.0)!important;
    color: rgba(255,255,255,1.0);
}

.CHSText {
    color: rgba(226,164,37,1.0)!important;
}


.Athletics {
    background-color: rgba(0,42,78,1.0)!important;
    color: rgba(255,255,255,1.0)!important;
}

