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

@media (max-width: 1199px) {
	/* md */
	#page-wrap{border-left:0px dashed red;}

	.mb-big-md{margin-bottom:3.5rem;}

	.indent-right{padding-right:1.5rem;}

	.navbar::before{left:calc((100% - 970px)/2 + 15px);}
	.navbar-brand{margin-right:0.6rem; width:9rem;}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left:0.6rem;}
	#top-nav-wrap .item{padding-left:0.3rem; padding-right:0.3rem;}
	#main-nav > li > a{padding-top:1.2rem; padding-bottom:1.2rem;}
	.affix .navbar-brand{transform:scale(0.8);}
	#slogan{font-size: 0.9rem;}

	.masthead{padding-top:11rem;}
	h1{ font-size:3rem;}
	.masthead .image-front{margin-left:0;}
	.masthead .image-back{right:calc((970px - 100vw)/2); left:4.44rem;}

	.btn-sm{padding-left:0.5rem; padding-right:0.5rem;}

	.fight-cta .section-icon{margin-right:1rem;}
	.fight-cta .section-icon + h2{margin-left:4.9rem;}
	.fight-cta::before{right:calc((100vw - 970px)/2);}

	#areas-list > .inner-wrap{margin-bottom:-1.2rem;}
	#areas-list .item{width:calc(50% - 1.2rem); margin-bottom:1.2rem;}
	#areas-list .item .icon{margin-top:2rem; margin-bottom:2rem;}

	#footer .col-right::before{right:calc((970px - 100vw)/2);}
	#footer .col-left{padding-left:1.5rem; padding-right:3rem;}
	#footer .col-right{padding-right:1.5rem; padding-left:3rem;}
	.contacts-wrap{padding-right:1rem;}
	.footer-wrap a[href*='mailto']{ display:inline-block; word-break:break-all;}

	.gallery-listing .item{width:calc(33.33% - 1.4rem);}

	.internal.masthead::after{right:calc((100vw - 970px)/2 + 970px*0.25)}
	.internal.masthead .image-back{top:-11rem;}

	.breadcrumbs-section::before{left:calc((100% - 970px)/2 + 15px);}
	
	#main-slider .slick-prev{left:calc((100vw - 970px)/2 + 15px);}
	#main-slider .slick-next{left:calc((100vw - 970px)/2 + 17px + 2.66rem);}



}

@media (max-width: 991px) {
	/* sm */
	#page-wrap{border-left:0px dashed green;}

	html{font-size:16px;}

	.big{ font-size:1.2rem/*16.8px*/}
	.small{ font-size:0.83rem/*11.67px*/}

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

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

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

	.mb-half, .mb-half-sm{margin-bottom:0.5rem;}
	.mb-big, .mb-big-sm{margin-bottom:3rem;}
	.mb, .mb-sm{margin-bottom:1rem;}

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

	#header{height:auto;}

	.navbar{ position:relative;}
	.navbar::before{display: none;}
	.navbar > .container{ display: block;}
	.navbar.affix{top:0; box-shadow:none;}

	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin-left:0; margin-right:0;}

	.navbar-brand{margin:0.2rem 0 0.8rem 0;}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left:0;}
	.affix .navbar-brand{top:0;transform: none;}

	#navigation{position:absolute; top:100%; width:100%; left:0; padding-left:0; padding-right:0; box-shadow:0 5px 10px rgba(0,0,0,0.5); background-color:#fff;}
	#main-nav {margin:0; width:auto; text-align:left; display:block; font-size: 1rem; padding:0.5rem;}
	#main-nav > li{ display:block; margin-bottom:0;}
	#main-nav > li+li{margin-top:1px; border:0;}
	#main-nav > li > a{padding:1rem; text-align:left; border-radius:0.44rem;}
	#main-nav > li.dropdown_split > a{padding-right:1rem; margin-right:0;}
	#main-nav > li.dropdown_split > .dropdown-toggle{ display:block; right:0.5rem; top:0; width:3.5rem; padding-left:1rem; padding-right:1rem; text-align:center;}

	#main-nav > li > a{color:#00317d; background-color:transparent;}
	#main-nav > li > a:hover, #main-nav > li > a:focus{color:#fdb713; background-color:transparent;}

	#main-nav > .open > a{color:inherit;}

	#main-nav > .active > a{color:#00317d; background-color:#fdb713;}
	#main-nav > .active > a:hover, #main-nav > .active > a:focus, #main-nav > .active.open > a{color:#00317d; background-color:#fdb713;}

	#main-nav .dropdown-menu{position:relative; padding:0; float:none; box-shadow:none; min-width:auto; background-color:transparent; margin-top:1px; font-size:1rem;}
	#main-nav .dropdown-menu:before{display: none;}
	#main-nav .dropdown-menu > li{padding:0;}
	#main-nav .dropdown-menu > li > a{ padding:1rem;}
	#main-nav .dropdown-menu > li.dropdown_split > a{padding-right:1rem; margin-right:0;}
	#main-nav .dropdown-menu > li.dropdown_split > .dropdown-toggle{right:0.5rem; width:3.5rem; padding-right:1rem; text-align:center; padding-left:1rem!important;}

	#main-nav .dropdown-menu > li > a{color:#00317d; background:transparent;}
	#main-nav .dropdown-menu > li > a:focus, #main-nav .dropdown-menu > li > a:hover{color:#fdb713; background:transparent;}

	#main-nav .dropdown-menu > .active > a,
	#main-nav .dropdown-menu > .active > a:focus,
	#main-nav .dropdown-menu > .active > a:hover{color:#00317d; background-color:#fdb713;}

	#main-nav .dropdown-menu > li > .dropdown-toggle .fa{ transform:rotate(0deg);}
	#main-nav .dropdown-menu > li > .dropdown-toggle[aria-expanded="true"] .fa{ transform:rotate(-180deg);}

	#main-nav .dropdown-menu .dropdown-menu{left:0; top:0;}
	#main-nav .dropdown-menu li a{padding-left:2rem!important;}
	#main-nav .dropdown-menu .dropdown-menu li a{padding-left:4rem!important;}

	#main-nav .dropdown-menu.open-left {left:0; right:0;}
	#main-nav .dropdown-menu .dropdown-menu.open-left{left:0; right:0;}

	#top-nav-wrap{border-top:1px solid rgba(0, 47, 65, 0.1);}
	#top-nav-wrap #slogan{font-size: 1rem;}

	#footer > .container > .row{ display: block;}
	#footer .col-left{padding:3rem 15px;}
	#footer .col-right{padding: 3rem 15px;}
	#footer .col-right:before{ display: none;}

	.breadcrumbs-section{padding:0.5rem 0;}
	.breadcrumbs-section ol li+li:before{margin:0 0.5rem;}

	.social-list a{width:2rem; height:2rem;}

	.masthead h1{font-size:2.5rem;}
	.masthead .image-back{right:0; bottom:-1.5rem;}

	.fight-cta{ background-color:#fdb713;}
	.fight-cta .small{font-size: 1rem;}
	.fight-cta::before{display: none;}
	.fight-cta > .container > .row > [class*='col-']:last-child{ text-align: center;}
	.fight-cta .section-icon{margin-top:-1rem; margin-bottom:-1rem;}
	.fight-cta .section-icon + h2{margin-left:5.4rem;}

	#areas-list{margin-top:3rem;}

	.cta-box > .row > [class*='col-']{padding:1rem 2rem;}

	.news-listing .image-wrap{width:auto; float:none; margin-right:0;}

	#footer .col-left{padding-bottom:1.5rem;}

	.masthead.internal::after {right:25%;}
	.internal.masthead{padding-bottom:4rem;}
	.masthead.internal .image-back{top:-3rem; bottom:-4rem;}

	.breadcrumbs-section::before{display: none;}
	.breadcrumbs-section{background-color:rgba(105,129,139,0.1);}
	.breadcrumbs-section ol{padding-left:0;}
	
	#main-slider .slick-prev{left:15px;}
	#main-slider .slick-next{left:calc(17px + 2.66rem);}
	.masthead{padding-top:3rem; padding-bottom:6rem;}
	#main-slider .item > .container{width:100%;}
	
	.ask-link .icon{width:3rem; margin-bottom:-0.4rem;}
	.ask-link a{border-radius:0.5rem; padding:0.7rem;}
	.ask-link{top:5rem;}

}


@media (max-width: 767px) {
	/* xs */
	#page-wrap{border-left:0px dashed blue;}

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

	.btn{height:auto; white-space:normal; padding-left:1rem; padding-right:1rem;}
	.btn-sm{padding-top:0.3rem; padding-bottom:0.1rem;}

	h1{font-size:2rem; letter-spacing: 0.11rem;}
	h2, .h2-style{font-size:1.8rem;}
	h3, .h3-style{font-size:1.6rem;}
	h4, .h4-style{font-size:1.44rem /*20.16px*/;}
	h5, .h5-style{font-size:1.2rem /*16.8px*/;}
	h6, .h6-style{font-size:1.00rem /*14px*/;}

	h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol{margin-bottom:1rem;}
	.textbox img, .textbox .align-left, .textbox .align-right, .textbox figure{ float:none; width:auto; display:inline-block; margin-left:0; margin-right:0; max-width:100%; margin-bottom:1.35rem;}
	.textbox, .form-wrap, .accordion, .side-nav, .tabs-wrap{margin-bottom:2.5rem;}

	h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol{margin-top:0;}

	.textbox ol{padding-left: 2.8rem;}
	.textbox ul{padding-left: 1.5rem;}

	.mb-half, .mb-half-sm, .mb-half-xs{margin-bottom:0.5rem;}
	.mb, .mb-sm, .mb-xs{margin-bottom:1rem;}
	.mb-big, .mb-big-md, .mb-big-sm, .mb-big-xs{margin-bottom:2.5rem;}

	#navigation > .inner-wrap{display: block;}
	#top-nav-wrap{padding:1rem 0; display: block;}
	#top-nav-wrap .item + .item{border:0; margin-top:1rem;}

	.masthead > .container > .row{display: block;}

	.fight-cta .section-icon{margin:-1rem 0 0 0; width:3rem;}
	.fight-cta .section-icon + h2{margin-left:4rem;}
	.fight-cta > .container > .row > [class*='col-']:last-child{text-align: left;}

	#areas-list > .inner-wrap{display: block;}
	#areas-list .item{width:auto;}

	.gallery-listing .item{width:calc(50% - 1.4rem);}

	.ask-link{text-align: left; padding-right:0;}
	.ask-link .icon{ display: inline-block; margin-right:1rem;}

	#join-listing .item{width:calc(50% - 1.6rem);}

	.cta-box > .row{ display: block;}
	.cta-box > .row > [class*='col-']{padding:1rem; display: block;}

	.vertical-bottom{display: block;}
	.vertical-center{display: block;}

	.events-listing .item + .item{margin-top:2rem;}

	#footer .col-right{padding-top:2.5rem; padding-bottom:2.5rem;}
	#footer .col-left{text-align: center; padding-top:2.5rem; padding-bottom:1rem; }
	.footer-wrap::after{display: none;}
	.contacts-wrap{padding-right:0;}
	#footer .social-list{ display: inline-flex;}
	.footer-nav-wrap{padding-left:0;}
	.footer-nav-wrap ul{margin:0; display: flex; justify-content: center; flex-wrap:wrap;}
	.footer-nav-wrap ul li + li{margin-top:0.5rem;}
	.footer-nav-wrap ul li{margin:0.5rem;}
	.footer-btn-wrapper{margin-left: 0; margin-top: 1rem;}
	.copyright{padding-top:1rem;}
	.footer-brand{ display:inline-block;}

	.masthead.internal{padding-top:2.5rem; padding-bottom:3.5rem;}

	.accordion .panel-body{margin-left:0; padding:1.5rem 1rem; border-top-right-radius:0;}
	.accordion .panel-title a[aria-expanded='true']{border-bottom-left-radius:0; border-bottom-right-radius:0;}

	.pagination > li > a, .pagination > li > span{padding-left:0.7rem; padding-right:0.7rem;}
	
	.masthead{padding-top:2.5rem; padding-bottom:5rem;}
	
	.ask-link{ position:relative; text-align:left; padding:0; top:0; right:0; box-shadow:none;}
	.ask-link .icon{ display:block; margin:0 1rem 0 0; width:auto;}
	.ask-link a{ text-decoration:none; display:inline-flex; flex-direction:row; padding:0; border:0;}
	.ask-link a:hover, .ask-link a:focus{ background-color:transparent; color:#fdb713;}

}

@media (max-width: 479px) {
	#page-wrap{border-left:0px dashed yellow;}

	.masthead h1{font-size: 2rem;}

	.gallery-listing > .inner-wrap{ display: block; margin:0 0 -1rem 0;}
	.gallery-listing .item{width:100%; margin:0 0 1rem 0;}

	#join-listing > .inner-wrap{display: block; margin:0 0 -1rem 0;}
	#join-listing .item{width:100%; margin:0 0 1rem 0;}
	#join-listing .item .image-wrap{height:calc(100vw/1.6);}

	.switch-button{ display: inline-block; flex-grow:1;}
	.switch-button .button-label{padding-left:1rem; padding-right:1rem; width:auto;}
	.donate-wrap{display: block;}
	.borderless.switch-button-group{flex-wrap:wrap; justify-content: center;}
	.borderless.switch-button-group .switch-button{ flex-grow:0; margin:0 0.5rem 1rem 0.5rem;}
}

@media (max-width: 320px) {
	#page-wrap{border-left:0px dashed red;}



}