/* 
************************
----Custom Theme CSS---- 
************************
*/
html { -webkit-font-smoothing: antialiased; }
/* ----Foundation's Block Grid---- */
[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 0.625rem 1.25rem; }
@media only screen and (min-width: 40.063em) {
	[class*="block-grid-"] > li {
		padding:  0 0.625rem;
	}
}

@media only screen {
  .small-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .small-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .small-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .small-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .small-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .small-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .small-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .small-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .small-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .small-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .small-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .small-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .small-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .small-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .small-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .small-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .small-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .small-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .small-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .small-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .small-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .small-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .small-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .small-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 40.063em) {
  .medium-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .medium-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .medium-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .medium-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .medium-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .medium-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .medium-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .medium-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .medium-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .medium-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .medium-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .medium-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .medium-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .medium-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .medium-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .medium-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .medium-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .medium-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .medium-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .medium-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .medium-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .medium-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .medium-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .medium-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 64.063em) {
  .large-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .large-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .large-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .large-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .large-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .large-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .large-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .large-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .large-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .large-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .large-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .large-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .large-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .large-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .large-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .large-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .large-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .large-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .large-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .large-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .large-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .large-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .large-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .large-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
      
/* ----Foundation Button CSS---- */

.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.11111rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 0.88889rem 1.77778rem 0.94444rem 1.77778rem;
  font-size: 0.88889rem;
  background-color: #dce225;
  border-color: #dce225;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
}
@media only screen and (min-width: 40.0625em)
button, .button {
  display: inline-block;
}

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

.croma-logo {
	background-color:rgba(255, 255, 255, 0.1);
	position: relative;
	z-index: 100;
}
.croma-logo img {
	padding-right:0.9375em;
	padding-left:0.9375em;
}
/*
@media only screen and (min-width: 40.063em) {

	#cromaheader:not(.croma_streetmapheader) {
		height: 380px !important;
	}
}
*/

@media only screen and (max-width: 767px) {
	header#pageheader {
	  position: relative !important;
	  top: 0 !important;
	  background: #bbbc31;
	}
}
@media only screen and (min-width: 940px) and (max-width: 1055px) {
	#croma-primarynav li a {
		font-size: 12px !important;
		padding:0 14px;
	}
}
@media (min-width: 1055px) {
	.cro_menurow .row .large-12 {
		padding:0;
	}
}
#cromaheader:not(.croma_streetmapheader) .row {
	position: relative;
	height: 100%;
}

#cromaheader:not(.croma_streetmapheader) .large-12 {
	position: absolute;
	bottom: 20px;
}

#cromaheader:not(.croma_streetmapheader) h1 {
	text-align: left;
	position: static;
}
#cromaheader:not(.croma_streetmapheader) p {
	color: #fff;
	margin-top: 1.25em;
	font-size: .8em;
}
#cromaheader h1.cro_mapheader {
	bottom:49px;
}
.search-button {
	text-indent: -9999px;
	background: #fff url(../img/search.svg) no-repeat center center;
	background-size: 50%;
	display: block;
	float:right;
	width:35px;
	height: 35px;
	background-color: #4d7eae !important;
}

/* ----Top Bar---- */

.topbar {
	height:auto !important;
	overflow: hidden;
}

/* ----Search Form---- */

#searchformheader input {
		margin-bottom: 0;
		width: 100%;
		display: block;
}
#searchformheader .textbox {
	height: 46px;
}

/* ----Slider Revolution CSS---- */

.button-slide {
	background: #dce225;
	border: solid 3px #fff;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px !important;
	padding: 10px 0 !important;
	margin-top: 20px !important;
	width: 100% !important;
}
.button-slide:hover {
	color: #fff;
	opacity: 0.6;
}
.cromaslide .row {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-width: 65.3em !important;
}
.cromaslide .row .row {
  width: auto !important;
  margin-left: -0.9375em !important;
  margin-right: -0.9375em !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-width: none !important;
}
.cromaslide .small-4 {
	width:33.33333% !important;
}
.cromaslide .small-offset-4 {
	margin-left:33.33333% !important;
}
.cromaslide .cromaslideinner h2, .cromaslide .cromaslideinner h2 span {
	font-size: 28px !important;
	line-height: 40px !important;
	white-space: normal;
}
.cromaslide .cromaslideinner h4, .cromaslide .cromaslideinner h5 {
	font-size: 14px !important;
	line-height: 17px !important;
	white-space: normal;
	padding:0 10px;
}
.tp-caption.slide_overlay_wrapper {
	padding:50px 0 !important;
}
@media only screen and (min-width: 40.063em) {
	.cromaslide .cromaslideinner h2, .cromaslide .cromaslideinner h2 span {
		font-size: 58px !important;
		line-height: 70px !important;
	}
	.cromaslide .cromaslideinner h4, .cromaslide .cromaslideinner h5 {
		font-size: 18px !important;
		line-height: 21px !important;
	}
	.tp-caption.slide_overlay_wrapper {
		padding:11px 0 !important;
	}
	.button-slide {
		padding: 10px 0 !important;
		width: 200px;
		font-size: 24px !important;
	}
}
@media only screen and (max-width: 740px) {
	.cro_latest_media_container {
	  margin-bottom: 10px;
	}
}

/* ----Utility Nav---- */

#menu-utility-nav {
	font-size: 12px;
	float:left;
	padding-top:7px;
	margin-bottom: 0;
	padding-left: 15px;
}
#menu-utility-nav li {
	list-style: none;
	display: inline-block;
	margin-right: 10px;
}
#menu-utility-nav li:last-child {
	margin-right: 0;
}
@media only screen and (min-width: 40.063em) {
	#menu-utility-nav {
		font-size: 14px;
		float: right;
		padding-top: 5px;
	}
	#menu-utility-nav li, #menu-utility-nav li:last-child {
		margin-right: 20px;
	}
}
#menu-utility-nav a {
	color: #c9c9c9;
}
#menu-utility-nav a:hover {
	color:#fff;
}

/* ----Service Times Menu---- */

@media screen and (min-width: 767px) and (max-width:65.3em) {
	#menu-service-times {
		padding-right:20px;
	}
}

/* ----Image with Text Overlaid---- */

.cro_frontpage_ctb .cro_hp_header {
	color: #bbc8df !important;
	margin-bottom: 0;
	font-weight: 900 !important;
}

/* ----Homepage Sermons---- */

.cro_frontpage_pag.vmjbpeduau {
	background: #40627c;
}
.cro_frontpage_pag.vmjbpeduau .cro_cal_short_title {
	text-transform: uppercase;
	font-weight: 900;
	color: #e8e595;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 35px;
}
@media only screen and (min-width: 40.063em) {
	.cro_frontpage_pag.vmjbpeduau .cro_cal_short_title {
		font-size: 51px;
		margin-bottom: 10px;
	}
}
.cro_frontpage_pag.vmjbpeduau ul.cro_latestmediacast li {
	border: none;
}

/* ----Footer Styles---- */

#colophon {
	background: #04649c;
}
#colophon li {
	list-style: none;
}
.footer-menu-bar {
	background: #000000;
}
.footer-menu-bar ul, .large-menu ul {
	margin: 0;
}
@media only screen and (min-width: 40.063em) {
	.footer-menu-bar li {
		width: 20%;
		float:left;
		text-transform: uppercase; 
		padding:0 0.83333rem;
	}
	.footer-menu-bar li:first-child, .large-menu .large-12 > div:first-child {
		padding-left:0;
	}
	.footer-menu-bar li:last-child, .large-menu .large-12 > div:last-child {
		padding-right:0;
	}
}
.footer-menu-bar a {
	color: #bbc8df;
	padding:20px 0;
	float: left;
	width: 100%;
}
.large-menu {
	padding: 15px 0;
}
@media only screen and (min-width: 40.063em) {
	.large-menu .large-12 > div {
		width: 20%;
		float:left;
		text-transform: uppercase; 
		padding:0 0.83333rem;
	}
}
.large-menu li:before {
	content:'\00BB';
	color: #fff;
	margin-right:5px;
}
.large-menu li a {
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	text-transform: capitalize;
}
@media only screen and (max-width: 40em) {
	.menu-footer-column-5-container {
		float:none !important;
	}
}

/* ----Footer Utility Nav---- */
#site-cnt .utility-menu {
	display: inline-block;
	padding-bottom: 20px;
}
.copyright {
	display: block;
	width: 100%;
}
@media only screen and (min-width: 40.063em) {
	#site-cnt .utility-menu {
		display: inline;
		padding-bottom: 0px;
	}
}
#site-cnt .utility-menu ul {
	margin: 0;
}
#site-cnt .utility-menu li {
	float: left;
	padding-right: 10px;
}
#site-cnt .utility-menu a {
	text-transform: uppercase;
	color: #fff;
}

/* ----Footer Social Links---- */

#footer-social-links {
	 background-color:#829ec5;
	 padding: 20px;
}
@media only screen and (min-width: 64.063em) {
	#footer-social-links {
		margin-top: -40px;
	}
}
#footer-social-links ul {
	display: inline-block;
}
#footer-social-links a {
	text-indent: -9999px;
	display: block;
	width: 39px;
	height: 39px;
	float:left;
	background-size: 100%;
	background-repeat: no-repeat;
	opacity: 0.35;
	max-width: 100%;
}
#footer-social-links a:hover {
	opacity: 1;
	transition: opacity 0.2s;
}
#footer-social-links .facebook {
	background-image: url(../img/facebook.svg);
}
#footer-social-links .twitter {
	background-image: url(../img/twitter.svg);
}
#footer-social-links .google {
	background-image: url(../img/google.svg);
}
#footer-social-links .instagram {
	background-image: url(../img/instagram.svg);
}
#footer-social-links .pinterest {
	background-image: url(../img/pinterest.svg);
}
#footer-social-links .youtube {
	background-image: url(../img/youtube.svg);
}
#footer-social-links .vimeo {
	background-image: url(../img/vimeo.svg);
}

/* ----Flex Video---- */

.flex-video iframe {
	border:none;
}

/* ----Nav CSS Override---- */

#croma-primarynav .current-menu-item > a, #croma-primarynav .current_page_item > a, #croma-primarynav .current-menu-ancestor > a, #croma-primarynav .current_page_ancestor > a {
	color: #fff !important;
}

/* ----Landing Page CSS---- */

.main .large-12 > .row + .row {
	padding-top: 30px;
}
.cro_ftb_img_a {
	margin-bottom: 0!important;
}
.cromax-ftb a.cromax_morelink {
	float: left;
	padding:10px 0 30px !important;
	background: none;
	color: #dce225 !important;
	font-size: 1em !important;
	line-height: 1.5em !important;
	font-weight: 900;
	text-align: left;
}

/* ----Mobile Icon---- */

.mobilemenupart {
	margin-left:0 !important;
}

/* ----Service Times Menu---- */

.croma-subnav {
	padding-top: 0 !important;
	margin-right: 0;
}
@media only screen and (max-width: 767px) {
	.croma-subnav {
	  float: none;
	  text-align: center;
	}
}
.croma-subnav ul li:last-child {
	margin-right:0;
}
.croma-subnav ul li a {
	display: block;
	border-radius: 0;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.croma-subnav ul li {
	  margin-bottom: 20px;
	}
}

/* ----Video Embed CSS---- */
	.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	} 

	.embed-container iframe,
	.embed-container object,
	.embed-container embed { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
/* ----Video Modal CSS---- */
.video-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: black;
  background: rgba(0, 0, 0, 0.45);
  z-index: 98;
  top: 0;
  left: 0; }

.video-modal {
  z-index: 99;
  height: auto;
  background-color: white;
  padding: 1.25em;
  border: solid 1px #666666;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  width: 70% !important;
  left: 50% !important;
  margin-left: -35% !important;
  padding: 1.875em;
  top: 6.25em !important;
}

.video-modal .column,
.video-modal .columns {
    min-width: 0; 
}
  
.video-modal > :first-child {
    margin-top: 0; 
 }

.video-modal > :last-child {
	margin-bottom: 0; 
}
.video-modal .close-reveal-modal {
    font-size: 20px;
    line-height: 1.6;
    position: absolute;
    top: -10px;
    right: -10px;
    color: #fff;
    font-weight: bold;
    cursor: pointer; 
    background: #dce225;
    height: 32px;
    width: 32px;
    line-height: 30px;
    text-align: center;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    display: block;
    padding: 0;
}

@media only screen and (min-width: 768px) {
  .video-modal {
  	padding: 1.875em;
  	top: 6.25em; 
  }
  .video-modal.tiny {
  	margin-left: -15%;
  	width: 30%; 
  }

  .video-modal.small {
  	margin-left: -20%;
  	width: 40%;
  }

  .video-modal.medium {
  	margin-left: -30%;
  	width: 60%; 
  }

  .video-modal.large {
  	margin-left: -35%;
  	width: 70%; 
  }

  .video-modal.xlarge {
  	margin-left: -47.5%;
  	width: 95%; 
  } 
}

@media print {
	.video-modal {
		background: white !important; 
	}
}

.cro_accordion_container, .accordion-cnt {
	background-color:#ededed !important;
}
.accordion-pane {
	background-color:#707881 !important;
	color: #ededed !important;
}

/* Expanding Content */
.profile + a {
	margin-top: 15px;
	margin-bottom:40px;
	padding:15px 0;
	border-top:solid 1px #dcdee1;
	text-align: right;
}
.profile h3 {
	margin-bottom: 0;
}
.profile .title {
	font-size: 13px;
	font-weight: bold;
}
.profile img {
	margin:0 15px 15px 0;
	float: left;	
}
@media only screen and (max-width:767px) {
	.profile img {
		width:45%;
	}
}
@media only screen and (min-width:767px) {
	.profile img {
		width:217px;
	}
}
/* Sidebar Current Page State */
 
.cro_bodysidebar ul li.widget-container ul .current-menu-item a, .cro_bodysidebar ul li.widget-container ul .current-menu-item a:hover {
	color:#292C2F;
	font-weight: bold;
}

/* Theme Color Overrides */
#main .cromax-cta[style=" color: #ffffff;   background: #dce225; "] h4, .page-id-79 #main .cromax-cta[style=" color: #ffffff;   background: #dce225; "] a {
	color:#ffffff !important;
}

/* Theme Update Fixes */
.no-touch .animated {
	visibility: visible !important;
}