/* ************************ */
/*							*/
/*	custom theme			*/
/*							*/
/* ************************ */

@media (max-width: 1199px) {
	/* md */

	#main-nav .nav > li > a{font-size: 1rem; padding: 2rem 1rem;}
	#main-nav .navbar-nav{margin-left: 12rem;}
	#main-nav .dropdown-menu > li > a{font-size: 1rem;}
	#main-nav .nav > li.dropdown_split > .dropdown-toggle{line-height: 1.6;}
	.commitement-listing .item .item-body{padding: 1rem;}
	.commitement-listing .item .item-body .textbox{font-size: 0.9rem;}
	.displaced-section .displased-block {
	    width: calc(485px + (100vw - 970px) / 2);
	    padding-right: calc((100vw - 970px) / 2);
	}
	.displaced-left.displaced-section .displased-block {
    padding-left: calc((100vw - 970px) / 2 + 15px);
	}

	.slick-dots{left: calc((100vw - 970px)/2 + 2rem);}

	.four-column-listing .item{width: calc(33.33% - 2rem);}

}

@media (max-width: 1199px) and (min-width: 992px) {
	#main-nav .nav > li > a {padding:2rem 0.5rem;}
	#main-nav .nav > li.dropdown_split a {padding-right:2rem;}
}

@media (max-width: 991px) {
	/* sm */
	#page-wrap, #footer{min-height:auto;}

	.container{ width:auto; padding-left:15px; padding-right:15px;}

	.content-section{ padding-top:2rem; padding-bottom:2rem; }

	.right-indent{padding-right: 15px;}

	.mb-sm{margin-bottom: 2rem;}

	.inline-radio-wrap{ display:block;}
	label + .inline-radio-wrap{margin-left:0;}

	.textbox{margin-bottom: 2rem;}
	h1, h2, h3, h4, h5, h6, .h1-style, .h2-style, .h3-style, .h4-style, .h5-style, .h6-style{margin-bottom: 1rem;}

	.big{ font-size: 1.1rem;}

	#header{height:auto;}
	.navbar{ position:relative; box-shadow:none;}
	.navbar.affix{box-shadow:none;}
	.navbar > .container{ display:block;}
	.navbar-header{width:auto; display:block; border-right:0;}

	.navbar-brand, .affix ~ #page-wrap .navbar-brand{margin: 2px 0 2px;float: left;width: 3.35rem;padding: 0;transition: none;}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left:15px;}
	.navbar-brand img, .affix ~ #page-wrap .navbar-brand img{width: 100%;top: 0;left: 0;transition: none;}
	#header{height:auto;}
	.affix ~ #page-wrap #header{height:auto;}

	.navbar{ position:relative;}
	.affix ~ #page-wrap .navbar{ box-shadow:none; top:0;}

	#navigation{position:absolute; width:100%; padding-left:0; padding-right:0; box-shadow:0 5px 10px rgba(0,0,0,0.5); overflow-y: visible;}
	#main-nav {padding: 1rem 0; margin: 0;width:auto; text-align:left;}
	#main-nav .navbar-nav{float:none; margin:0 -15px;}
	#main-nav .navbar-nav:not(:last-child){margin-bottom: 1rem; }
	#main-nav .nav > li{ display:block; margin-bottom:0;}
	#main-nav .nav > li > a{border-bottom:0; font-size: 1.25rem; padding: 1rem;}

	#main-nav .nav > .open > a:after{ display:none;}
	#main-nav .nav > li > a .fa{line-height:1;}

	#main-nav .nav > li.dropdown_split > a{padding-right:1rem; margin-right:4.5rem;}
	#main-nav .nav > li.dropdown_split > .dropdown-toggle{display:block;right:1rem;width:3.5rem;padding: 0.4rem 1rem;text-align:center;font-size: 1.2rem;line-height: 1; top: 1rem;}
	#main-nav .nav > li.dropdown_split > .dropdown-toggle span{font-size: inherit;}
	#main-nav .dropdown-menu{position:relative; padding:0; float:none; box-shadow:none; -webkit-box-shadow:none; min-width:auto;border-bottom: none;}

	#main-nav .dropdown-menu > li.dropdown_split > a{padding-right:1rem; margin-right:0;}
	#main-nav .dropdown-menu > li.dropdown_split > .dropdown-toggle{right:1rem;width:3.5rem;padding: 0.25rem;padding-left:1rem!important;padding-right:1rem;text-align:center;font-size: 1.2rem;line-height: 1; top: 1rem;}


	#main-nav .dropdown-menu > li.dropdown_split > .dropdown-toggle span{font-size: inherit;}

	#main-nav .dropdown-menu > li > a{font-size: 1.25rem; line-height: 1.2;}
	#main-nav .dropdown-menu > li > a .fa{ transform:rotate(0deg); -webkit-transform:rotate(0deg);}
	#main-nav .dropdown-menu > li > a[aria-expanded="true"] .fa{ transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
	#main-nav .dropdown-menu .dropdown-menu{left:0;}
	#main-nav .dropdown-menu>li>a{padding-left:2rem!important; border-bottom: 0;}
	#main-nav .dropdown-menu .dropdown-menu>li>a{padding-left:4rem!important;}

	#main-nav .dropdown-menu>li>a:hover,
	#main-nav .dropdown-menu>li>a:focus,
	#main-nav .dropdown-menu>.active>a,
	#main-nav .dropdown-menu>.active>a:focus,
	#main-nav .dropdown-menu>.open>a,
	#main-nav .dropdown-menu > .active > a:hover {
	  color: #00563a;
	  background-color: transparent;
	}
	#main-nav .dropdown-menu>li>a:hover+.dropdown-toggle,
	#main-nav .dropdown-menu>.open>.dropdown-toggle,
	#main-nav .dropdown-menu>.open>.dropdown-toggle:focus {
	  color: #00563a;
	}

	.top-section .container {padding-left:15px;}
	.top-section .nav>li{float: left;}
	.top-section .nav{margin: 0;}
	.top-section .navbar-nav a{padding: 1rem;}
	#main-nav .container{display: block;}

	.navigation-block .items-wrap .nav-item{width: calc(50% - 1rem);}

	.commitement-listing .item{display: flex;flex-direction: column;}
	.commitement-listing .item img{flex:  0 0 auto;}

	.commitement-listing .item .item-body{
		position: relative;
    width: 100%;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
		display: block;
		flex: 1 0 auto;
	}
	.collapse[data-show] {
	    display: block;
	}
	.commitement-listing .item .item-body:before{background: rgba(7, 27, 45, 0.7);}
	.commitement-listing .item .item-body h3{margin-bottom: 1.5rem;}
	.commitement-listing .item:hover img{transform: none;}

	.displaced-section .displased-block, .displaced-left.displaced-section .displased-block{width: 100%; padding: 2rem 15px;}

	.slick-dots{left: 2rem;top: 6.5rem;}

	#main-slider .item-wrap .slider-panel {
    padding: 1.5rem;
    padding-left: 2.5rem;
	}
	#main-slider .item-wrap .container{padding-top: 2rem; padding-bottom: 2rem;}
	.three-column-listing, .four-column-listing{margin-left: -1rem; }
	.three-column-listing .item, .four-column-listing .item{margin-left: 1rem; width: calc(33.33% - 1rem);}

	#top-search, #top-search.expanded {
    position: relative;
    top: 0;
    width: auto;
		background-color: #fff;
		border-color: #232328;
		right: 0;
		margin: 0.5rem 0;
	}
	#top-search .btn-close, #top-search.expanded .btn-close{ display:none;}
	#top-search.expanded .btn-toggle{ display:block;}
	.side-block:not(:last-child){margin-bottom: 2rem;}
	.col-md-8.mb-sm{margin-bottom: 4rem;}
	.inline-header{margin-bottom: 2rem;}
}


@media (max-width: 767px) {
	/* xs */
	html{font-size:14px;}



	.internal-page-header .container{padding-top: 5rem; padding-bottom: 3rem;}

	.textbox, .form-wrap, .accordion, .mb, .side-nav, .tabs-wrap{margin-bottom: 2rem;}

	.textbox p, .textbox ul, .textbox ol{margin-bottom:1rem;}
	h1+h2, h2+h3, h3+h4{margin-top:-0.5rem;}
	.textbox, .form-wrap, .side-nav, .tabs-wrap, .mb-xs, .form-section .subtitle, .worship-listing{margin-bottom:2rem;}

	.textbox img, .textbox .align-left, .textbox .align-right{ float:none; margin-left:0; margin-right:0; width:100%; max-width: 100%;margin-bottom:2rem;}

	.navigation-block .items-wrap .nav-item{width: 100%; margin-right: 0;}
	.navigation-block .items-wrap{margin-right: 0;}

	.three-column-listing, .four-column-listing{display: block; margin-left: 0;}
	.three-column-listing .item, .four-column-listing .item{width: 100%; margin-left: 0; max-width: 100%;}

	.commitement-listing .item{display: block;}

	.news-listing .item{display: block;}
	.news-listing .item .image-block{margin-right: 0;}
	.news-listing .item .item-body{margin-left: 0; margin-top: 0; padding: 1.5rem;}

	.top-section .container{display: block;}
	.top-section .navbar-nav:not(:last-child){margin-right: 0;}

	.top-section .navbar-nav li:first-child a{padding-left: 0;}
	.top-section .navbar-nav li:last-child a{padding-right: 0;}
	#top-search:not(:only-child){margin-top: 0;}

	.tabs-wrap .nav-tabs{display: block; border:none;}
	.tabs-wrap .nav-tabs>li>a{border: 4px solid transparent; margin-right: 0;}
	.tabs-wrap .nav>li>a:hover, .tabs-wrap .nav>li>a:focus{border: 4px solid #e5cf69;margin-bottom: 0;}

	.tabs-wrap .nav-tabs>li.active>a,
	.tabs-wrap .nav-tabs>li.active>a:hover,
	.tabs-wrap .nav-tabs>li.active>a:focus {
	  border: 4px solid #e5cf69;
		margin-bottom: 0;
	}
	.tabs-wrap .nav-tabs>li.active:last-child>a,
	.tabs-wrap .nav-tabs>li.active:last-child>a:hover,
	.tabs-wrap .nav-tabs>li.active:last-child>a:focus,
	.tabs-wrap .nav-tabs>li:last-child>a{border-bottom-color: transparent;margin-bottom: -4px;}

	.tabs-wrap .nav>li:last-child>a:hover,
	.tabs-wrap .nav>li:last-child>a:focus {
	  border-bottom-color: transparent;
	  margin-bottom: -4px;
	}

	.tabs-wrap .tab-content{margin-top: 0; border: 4px solid #e5cf69;}
	#main-slider .item-wrap .container{padding-top: 2rem; padding-bottom: 2rem;}
	.slick-dots{top: 4.5rem;}

	.breadcrumbs{flex-wrap: wrap;}
	.breadcrumbs-section{padding: 1rem 0;}
	.btn .fa-spin{width: 13px; height: 13px; margin-left: .5rem;}

	.footer-logo{margin: 0 auto; max-width:8rem;}
	.footer-logo a{display: block;}
	.footer-logo img{width: 100%;}
	.footer-menu {margin-right: -2rem; overflow: hidden;}
	.footer-menu li{display: inline-block; margin-right: 2rem;}
}

@media (max-width: 479px) {

	.tabs-wrap .tab-content .tab-pane{padding: 1.5rem;}
	.footer-logo{max-width: 4rem;}
	.inline-header .more-link{margin-bottom: 0rem;}

}

@media (max-width: 320px) {

	}

	@media (max-width: 120px){
		.navbar-brand{
			position: absolute;
		  top: 0;
		  overflow: hidden;
		  left: 0;
		  float: none;
		  height: auto;
		  margin: 0;
		  transition: none;
			padding: 14px 15px;
		  padding-right: 2.37rem;
		}
		.navbar-brand img{
			top: 0;
	    transition: none;
	    margin: 0 auto;
	    width: 5.7rem;
	    left: 0;
		}
}