/* ========== Core Style CSS ========== */
body{ font-family: 'Interstate'; font-weight:500; font-size:1em; line-height:34px; color:#000; overflow-x: hidden;}
*{outline:0;}
textarea{resize:none}
textarea:focus, input:focus, button:focus{outline:none;}
.form-control:focus{border-color:inherit;-webkit-box-shadow:none; box-shadow: none;}
ul{margin:0; padding:0; padding-left: 15px;}
ul li{list-style:disc;color: #24364A;font-family:'Interstate';margin-bottom: 5px;}
a{-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
::-moz-selection{background:#24364A; text-shadow:none; color:#fff;}
::selection{background:#24364A;text-shadow:none;color:#fff;}
img::-moz-selection{background:transparent;}
img::selection{background:transparent;}
img::-moz-selection{background:transparent;}
.fade{transition: opacity 0.2s ease;;}

.container-fluid{padding:0 130px;}


/* Color Swatches CSS */
ul.color-swatches-block li{width:110px; height:110px; font-size:1em; font-weight:700; text-align:center; line-height:110px; border-radius:100%; text-transform:uppercase;}
.color-6E00E1{background:#6E00E1; border:1px solid #6E00E1;color:#fff;}
.color-040041{background:#040041; border:1px solid #040041;color:#fff;}
.color-BA58E3{background:#BA58E3; border:1px solid #BA58E3; color:#fff;}
.color-00dbde{background:#00dbde; border:1px solid #00dbde;color:#fff;}
.color-000{background:#000; border:1px solid #000;color:#fff;}


/* ========== Text Heading CSS ========== */
h1{font-family: 'Interstate'; font-weight:bold; font-size:2.5em; line-height:60px; text-transform: uppercase; color:#24364A; text-shadow:none;}
h2{font-family: 'Interstate'; font-weight:bold; font-size:2em; line-height:50px; color:#24364A; text-transform: uppercase;}
h3{font-family: 'Interstate'; font-weight:bold; font-size:1.75em; line-height:50px; color:#EE655B; text-transform:uppercase;}
h4{font-family: 'Interstate'; font-weight:bold; font-size:1.25em; line-height:40px; color:#24364A; text-transform:uppercase;}
h5{font-family: 'Interstate'; font-weight:bold; font-size:1.0625em; line-height:30px; color:#24364A; text-transform:uppercase;}
h6{font-family: 'Interstate'; font-weight:bold; font-size:1.0625em; line-height:25px; color:#EE655B;}



/* ========== Text Paragraph CSS ========== */
p a, p a{color:#f26522; text-decoration:underline;}

p{font-family: 'Interstate'; font-weight:400; font-size:1em; line-height:170%; color:#717171; margin-bottom:0;}
p a, a{color:#f26522;}
.e-default-p a{color:#f26522 !important;}
p a:hover, p a:focus{color:#f26522; text-decoration:underline;}

#breadcrumb-section .breadcrumb-item+.breadcrumb-item::before{content:"\f101"; font-family: "Font Awesome 5 Free"; font-weight:600; color:#717171; font-size:0.6666666666666666em; padding-right:15px;}
#breadcrumb-section .breadcrumb-item a{color:#717171; font-size:0.8333333333333334em;}
#breadcrumb-section .breadcrumb-item.active{color:#24364A; font-size:0.8333333333333334em; padding-top:3px;}
#breadcrumb-section .breadcrumb{background:#fff; padding:0; margin:0; border-radius:0; align-items:center;}
#breadcrumb-section .breadcrumb-item+.breadcrumb-item{padding-left:15px;}



/* ========== Bold Unordered List CSS ========== */
ul.solid-main{padding:0 0 10px 0; margin:0; list-style: none;}
ul.solid-main li{color:#717171; margin:0 0 5px 0;  padding:0 0 0 18px; list-style:none; position:relative;  font-family: 'Interstate'; font-weight:500; font-size:0.8888888888888888em;}
ul.solid-main li::before {left:0; color:#FF8E38; position:absolute; top:0; font-size:6px; content:"\f111"; font-family: "Font Awesome 5 Free"; font-weight:600;}


/* ========== Ordered List CSS ========== */
ol.main{padding:0; margin:0 0 10px 0; counter-reset:my-awesome-counter; list-style:none; counter-reset: li;}
ol.main li {counter-increment:step-counter; margin:0; color:#717171; padding:0 0 0 22px; position:relative; font-family: 'Interstate'; font-weight:500; font-size:0.8888888888888888em;}
ol.main li::before {content: "0" counter(li)'. ';  counter-increment: li; color:#FF8E38; margin-right:0; top:1px; position:absolute; left:-5px; font-family: 'Brandon Grotesque'; font-weight:normal; font-size:1em;}


/* ========== Button CSS ========== */
.primary-btn{
  display: inline-block;
  color:#fff; 
  background-color:#f26522;
  font-size:0.8333333333333334em;
  border-radius:100px;
  font-family: 'Interstate'; 
  font-weight:500;
  padding:0 40px;
  border:1px solid #f26522;
  text-transform:uppercase;
  text-align:center;
 letter-spacing:1px;
  line-height:45px;
  min-height:45px;}
.primary-btn:hover, .primary-btn:focus{color:#fff; background-color:#f26522; text-decoration:none;  border:1px solid #f26522;}
  

.secondary-btn{
  display: inline-block;
  color:#f26522; 
  background-color:transparent;
  font-size:0.8333333333333334em;
  border-radius:100px;
  padding:0 40px;
  border:1px solid #f26522;
  text-transform:uppercase;
  text-align:center;
  font-family: 'Interstate'; 
  font-weight:500;
   letter-spacing:1px;
  line-height:45px;
  min-height:45px;
}
.secondary-btn:hover, .secondary-btn:focus{color:#fff; background-color:#f26522; text-decoration:none;  border:1px solid #f26522;}
  
  
.ghost-outline-btn{
  display: inline-block;
  color:#fff; 
  background-color:#24364A;
  font-size:0.8333333333333334em;
  border-radius:100px;
  padding:0 40px;
  border:1px solid #fff;
  text-transform:uppercase;
  text-align:center;
	font-family: 'Interstate'; 
  font-weight:500;
   letter-spacing:1px;
  line-height:45px;
  min-height:45px;
}
.ghost-outline-btn:hover, .ghost-outline-btn:focus{color:#fff; background-color:#f26522; text-decoration:none;  border:1px solid #f26522;}
  
  
@media (max-width:1440px){
.container-fluid {padding: 0 75px;}
}

@media (max-width:1280px){
.primary-btn{font-size:0.7222222222222222em; }	
.secondary-btn{font-size:0.7222222222222222em; }	
.ghost-outline-btn{font-size:0.7222222222222222em;}	

/* .worship-slider .primary-btn{padding-right:25px; padding-left:25px;}	 */

}


@media (max-width:1064px){
h1{font-size:2.5em; line-height:48px;}
h2{font-size:2.2222222222222223em; line-height:43px;}
h3{font-size:1.9444444444444444em; line-height:38px;}
h4{font-size:1.5555555555555556em; line-height:31px;}
h5{font-size:1.1111111111111112em; line-height:23px;}
h6{font-size:0.9444444444444444em; line-height:20px;}
.container-fluid {padding: 0 50px;}
}


@media (max-width:767px){
h1{font-size:1.9444444444444444em; line-height:38px;}
h2{font-size:1.6666666666666667em; line-height:33px;}
h3{font-size:1.3888888888888888em; line-height:28px;}
h4{font-size:1.2222222222222223em; line-height:28px;}
h5{font-size:1em; line-height:21px;}
h6{font-size:0.8888888888888888em; line-height:19px;}
}


@media (max-width:575px){
.container-fluid {padding: 0 25px;}

.primary-btn{padding-right:15px; padding-left:15px;}
.secondary-btn{padding-right:15px; padding-left:15px;}
}

@media (max-width:480){

}