/*@font-family-sans-serif:  @main-font-family;*/
@font-face {
  font-family: 'Marker-Felt-Wide';
  src: url('../fonts/Marker-Felt-Wide.ttf') format('truetype');
}

    body{
      font-family: 'Open Sans', sans-serif;
      font-size: .9em;
      line-height: 1.4em;
      color: #666666;
    }

    .ct-pageWrapper {
        height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;
        perspective: 2px;
    }

.interior{
  padding-top: 80px;
}

a {
  text-decoration: none !important;
  color: #F1592A;
}

  a:hover {
      text-decoration: none !important;
      color: #1c75bc;
  }

/*Global Headings*/
h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  line-height: 1.1;
  font-size: 1.9rem;
  margin-bottom: 12px;
  color: #666666;
}

h2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: 2rem;
  font-family: 'Varela Round', sans-serif;
  letter-spacing: -0.03em;
}

h3 {
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 300;
  line-height: 1.4;
  color: #666;
  font-size: 1.2rem
}

h4 {
  border-bottom: .1rem solid #d5d5d5;
  font-size: 1.1rem;
  font-weight: 500;
  padding-bottom: .3rem;
  margin-bottom: .8rem
}

h5 {
  text-transform: uppercase;
  font-size: .9rem;
  font-weight: 300;
  letter-spacing: .05rem
}

h6 {
  text-transform: uppercase;
  font-size: .9rem;
  font-weight: 300;
  letter-spacing: .05rem
}

ul, ol{

}

ul li, ol li{
  margin: 8px 0;
}

input,
input::-webkit-input-placeholder {
  font-size: .9rem;
}

.input-required{
	border-right: 3px solid red;
}

.accent-gold {
  background: #FFDE17;
}

  /* Main Navigation */
  .navbar{
    background: #1c75bc;
  }

  .navbar-border{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;;
    /* background: rgba(19, 170, 153, 0.60); */
    height: 12px;
  }

  .navbar-dark .navbar-nav .nav-link {
    color: #FFFFFF;
}

.nav-link {
  font-size: 1.2em; /* was 0.85em */
  font-weight: 500;
  padding: 0.5rem 2rem 0.5rem 2rem;
  letter-spacing: .06em;
}

.nav-link-lg {
  font-size: 1.1em;
  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
  letter-spacing: .03em;
}

    /* Hero */
    .hero-parallax h1{
      color: #F1592A;
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 4.5em;
      margin: 140px 0 0 0;
      line-height: 1.1em;
    }

    .hero-flag
    {
      background: #F1592A;
      color: #FFFFFF;
      font-family: 'Oswald', sans-serif;
      font-weight: 700;
      font-size: 1.6em;
      position: absolute;
      top: 123px;
      right: 0px;
      letter-spacing: 2px;
    }

.hero-parallax .fa-stack{
    font-size: 20px;
    margin-top: 4px;
}

/* Hero - Parallax https://alligator.io/css/pure-css-parallax/ */
.hero-parallax {
    position: relative;
    overflow: hidden;
    /* min-height: 900px; */
    display: flex;
}

    .hero-parallax::after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
   /*  transform: translateZ(-.6px) scale(1.0); */
    background-size: 100%;
    z-index: -1;
    background-image: url('../../images/tall-pic.jpg');
    background-repeat: no-repeat;
    }

    .hero-btns{
      padding-top: 200px;      
      padding-bottom: 40px;
    }

    .hero-btn{
      transition: all .75s ease-out;
      border-left: 6px solid #F1592A;
      background: rgba(255, 255, 255, 0.75);
      padding: 12px 16px 12px 16px;
      text-transform: uppercase;
      color: #4D4D4D;
      font-size: 1.2em;
      line-height: 1.4em;
    }

    .hero-btn:hover{
      border-left: 6px solid #F1592A;
      background: rgba(19, 170, 153, 0.75);
      color: #FFFFFF;
      padding: 12px 20px;

      -webkit-box-shadow: 0px 6px 40px 0px rgba(0,0,0,.75) !important;
      -moz-box-shadow: 0px 6px 40px 0px rgba(0,0,0,.75) !important;
      box-shadow: 0px 6px 40px 0px rgba(0,0,0,.75) !important;
      -webkit-transform: translate(0px, -6px);
      transform: translate(0px, -6px);
    }

    /* Waiting For */
    .waiting-for-img{
      background-image: url('../../images/girl.png');
      background-size: 100%;
      overflow: hidden;
      border-right: 16px solid #FFFFFF;
      background-repeat: no-repeat;
    }

    .waiting-for-img .text-angled{
      font-family: 'Luckiest Guy', cursive;
      background: #F1592A;
      color: #F9C42B;
      padding: 8px;
      font-size: 1.7em;
      letter-spacing: 2px;
      transform: rotate(-10deg);
      position: absolute;
      bottom: 40px;
      left: -20px;
      right: -20px;
    }

    .waiting-for h2 {
      font-family: 'Archivo', sans-serif;
      font-size: 1.8em;
      line-height: 1.4em;
      color: #13AA99;
      font-weight: 700;
    }

    .waiting-for h3 {
      font-family: 'Archivo', sans-serif;
      font-size: 1.4em;
      line-height: 1.4em;
      color: #FFFFFF;
      font-weight: 700;
      background: #F1592A;
    }

    .waiting-for ul li{
      list-style-type: none;
      list-style-position: inside;
      text-indent: -.5em;
      padding-left: 0em;
      margin: 20px 0;
    }

    .waiting-for ul li:before{
      font-family: "Font Awesome 5 Free";
      content: "\f105";
      display: inline-block;
      padding-right: 10px;
      font-weight: 900;
      color: #F1592A;
    }

    /* Home Callouts */
    /* .home-callouts
    {
      background: linear-gradient(rgba(19, 170, 153, 0.5), rgba(19, 170, 153, 0.5)),  url('../../images/Canyon.jpg');
      background-size: cover;
    } */

    .home-callouts
    {
      position: relative;
      /* background-size: cover; */
      /* background-image: url('../../images/Faith Based-Main-Pic.png'); */
	  background-size: 100%;
      background-position: center;
      padding: 130px 0;
      background-repeat: no-repeat;
    }
	
	.bgimage {  
		/*
		background: url('../../images/Faith Based-Main-Pic.png');  
		background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
		width:100%;
		max-height: 500px;
		margin: 0 auto;
		overflow: hidden;
		*/
/*
		background-color: red;
		border: 5px solid blue;
		margin-top: 60px;
*/
		position: relative;
		box-sizing: border-box;
		overflow: hidden;
		width: 100%;
		/*max-height: 1200px;*/
  
		background: url('../../images/pic1-faithbased.png');  
		background-position: center 0px;
        background-repeat: no-repeat;
		background-size: cover;

		padding-bottom: 72.8%;
		margin-top: 58px;

	}

	.bgimage-inside {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		text-align: center;
		
	}
	
	/* Small devices (landscape phones, 576px and up) */
	@media (max-width: 576px) {  
		.bgimage {  
			/*height: auto;*/
			/*max-height: 500px;*/
		}
	}
 
	/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
	@media (max-width: 768px) {  
		.bgimage {  
			/*height: auto;*/
			/*max-height: 750px;*/
		}
	}
 
	/* Large devices (desktops, 992px and up) */
	@media (max-width: 992px) { 
		.bgimage {  
			/*height: auto;*/
			/*max-height: 1000px;*/
		}
	}
	
    /* .home-callouts::after {
      content: " ";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      transform: translateZ(-.7px) scale(1.5);
      background-size: 100%;
      z-index: -1;
      background: linear-gradient(rgba(19, 170, 153, 0.5), rgba(19, 170, 153, 0.5)),  url('../images/Canyon.jpg');
      } */

    .home-callouts .card-header{
      font-size: 1.8em;
      line-height: 1.3em;
      color: #F1592A;
      font-family: 'Marker-Felt-Wide', cursive;
      padding-left: 0px;
      padding-right: 0px;
    }

    .home-callouts .card-body{
      background: rgba(19, 170, 153, 0.75);
    }

    .home-callouts p{
      font-size: 1em;
      line-height: 1.6em;
    }

    .home-callouts .card-footer{
      font-size: 1.8em;
      line-height: 1em;
      color: #F1592A;
      font-family: 'Marker-Felt-Wide', cursive;
    }

    .home-callouts .fa-stack {
        font-size: 15px;
    }

    .texting{
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .texting p{
      font-size: 1.1rem;
      line-height: 1.3em;
    }

    /* Texting / Scholarship */
    .texting-scholarship h2{
      font-family: 'Archivo', sans-serif;
      font-size: 1.8em;
      line-height: 1.4em;
      color: #4D4D4D;
      font-weight: 700;
      letter-spacing: 2px;
    }

    .texting-scholarship h3{
      font-family: 'Open Sans', sans-serif;
      font-size: 2.4em;
      line-height: 1.2em;
      color: #F1592A;
      font-weight: 800;
    }

    .texting-scholarship h4{
      font-family: 'Marker-Felt-Wide', cursive;
      font-size: 1.6em;
      line-height: 1.2em;
      color: #000000;
      border: none;
    }

    .texting-scholarship .btn-search{
      font-family: 'Oswald', sans-serif;
      letter-spacing: 2px;
      font-size: 1.7rem;
    }

.texting-scholarship .fa-stack {
    font-size: 15px;
}

    /* Footer */
    footer h3{
      color: #FFFFFF;
      font-size: 1em;
      letter-spacing: .05em;
      font-weight: 600;
    }

    footer a {
      color: #FFFFFF;
      font-size: .9em;
      font-weight: 300;
    }

    footer a:hover {
      color: #CCCCCC;
      text-decoration: none;
    }

    footer ul li{
      margin-bottom: 5px;
    }

footer .fb-feed{
  border-radius: 12px 12px 0 0;
  color: #666666;
  line-height: 1.5em;
}

footer p{
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 85px;
}

.hero-parallax::after {
    /* transform: translateZ(-.6px) scale(1.5); */
    background-size: cover;
    background-position: center;
}

.hero-parallax h1 {
    font-size: 4em;
    /* margin: 250px 0 0 0; */
}

     /* Waiting For */
    .waiting-for-img{
      min-height: 400px;
	  background-size: cover;
    }
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {  
    
}


    .animate {
      transition: all .75s ease-out;
  }
  
      .animate:hover {
          -webkit-box-shadow: 0px 6px 40px 0px rgba(0,0,0,.45) !important;
          -moz-box-shadow: 0px 6px 40px 0px rgba(0,0,0,.45) !important;
          box-shadow: 0px 6px 40px 0px rgba(0,0,0,.45) !important;
          -webkit-transform: translate(0px, -6px);
          transform: translate(0px, -6px);
      }

      .radio {
        margin: 14px 0;
        display: block;
        cursor: pointer;
      }
      .radio input {
        display: none;
      }
      .radio input + span {
        line-height: 18px;
        /* height: 22px; */
        padding-left: 22px;
        display: block;
        position: relative;
      }
      .radio input + span:not(:empty) {
        padding-left: 33px;
      }
      /* modified 1/16/20, radios need to look different than checkboxes, they function differently */
	  .radio input + span:before, .radio input + span:after {
        content: '';
        width: 22px;
        height: 22px;
        display: block;
        left: 0;
        top: 0;
        position: absolute;
      }
      .radio input[type="radio"] + span:before, .radio input[type="radio"] + span:after {
        border-radius: 50%;
      }
	  /* end mod */
      .radio input + span:before {
        background: #D1D7E3;
        transition: background 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
        transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
        transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2), -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
      }
      .radio input + span:after {
        background: #fff;
        -webkit-transform: scale(0.78);
                transform: scale(0.78);
        transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
        transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
        transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4), -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
      }
      .radio input:checked + span:before {
        -webkit-transform: scale(1.04);
                transform: scale(1.04);
        background: #F1592A;
      }
      .radio input:checked + span:after {
        -webkit-transform: scale(0.4);
                transform: scale(0.4);
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease;
      }
      .radio:hover input + span:before {
        -webkit-transform: scale(0.92);
                transform: scale(0.92);
      }
      .radio:hover input + span:after {
        -webkit-transform: scale(0.74);
                transform: scale(0.74);
      }
      .radio:hover input:checked + span:after {
        -webkit-transform: scale(0.4);
                transform: scale(0.4);
      }
	  
/* 1/17/20 added back by Paragon after losing in most recent redesign */
	  .sb {display: none;}