/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




/*==========  Mobile First Method  ==========*/
@media only screen and (min-width : 200px){
	.navbar-brand {
		padding: 15px 5px;
	}

	.logo-img {
		height: 45px;
		width: auto;
		transition: all .3s ease-in;
	}

	#pre-header .container {
		width: 100%;
	}

	#pre-header-text, .pre-header-text {
		font-size: 12px;
		margin: 0;
		line-height: 30px;
		font-family: "proxima-nova-soft",sans-serif;
		font-style: normal;
		font-weight: 700;
		color:#151515;
	}

	.ph-divider{
		padding-left:1px;
		background-color:#b9a97a;
		margin:0 25px;
		position: relative;
	}

	#pre-header{
		display: none;
	}

	#page-head .text-sup {
		font-size: 20px;
	}

	#page-head {
		max-width: 90%;
		margin: auto;
	}

	#page-head-image {
		margin-top: 80px;
	}

	#internal-page-head-image{
		margin-top:80px;
	}

	#home-page-head {
		max-width: 90%;
		margin: auto;
		color:#fff;
	}

	#project-logo-container {
		padding: 60px 15px 110px;
	}

	#project-logo {
		max-width: 450px;
		height: 100%;
		margin: auto;
	}

	#project-logo img {
		position: relative;
		width: 75%;
		height: auto;
	}

	.internal-block-content .project-logo{
		position: relative;
		width: 75%;
		height: auto;
	}

	.hsc-logo {
		max-width: 150px !important;
		margin-top: -140px !important;
	}

	#footer-donate, #footer-get-involved, #footer-contact-us {
		letter-spacing: 2px;
		padding: 15px 20px;
		display: block;
		margin: 10px 0;
		width: 300px;
		text-decoration: none;
		border-radius:30px;
	}
	
	#footer-donate {
		background-color: #00A8BF;
		color: white;
	}
        
	#footer-get-involved {
		background-color: #c7b682;
		color: #000;
	}
        
	#footer-contact-us {
		background-color: #efefef;
		color: #000;
	}

	.footer-logo-img{
		max-width:150px;
		margin:auto;
		transition: all .3s ease-in;
	}

	.numbered-list-element-title {
		font-size: 46px;
		line-height: 50px;
	}
	
	.post-1192 .vc_custom_1503133449149 {
		background-image: none !important;
	}
        
	#desktop_slider {
		display: none;
	}
    
    .hide-on-mobile {
        display: none;
    }
    
    /* .story-inspiration .internal-block-bg-img {
        height: 500px !important;
    } */

/*
	.partner-page-content{
		width:100%;
	}*/
}
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
	.navbar-brand {
		padding: 15px 10px;
	}

	.logo-img {
		height: 66px;
		width: auto;
	}

	.footer-logo-img{
		max-width: 230px;
	}

	#main-navbar-collapse{
		background-color:rgba(0,0,0,.55);
	}

	#main-navbar-collapse li a {
		font-size: 18px;
		line-height: 18px;
	}

	#main-navbar-collapse li a:hover,
	#main-navbar-collapse li a:focus,
	#main-navbar-collapse li a:active{
		background-color: transparent !important;
		color:#000;
	}

	#page-header .navbar-fixed-top .container {
		width: 100%;
	}

	#page-header .dropdown-menu {
		border: 0;
		border-radius:0;
		-webkit-box-shadow:none;
		box-shadow:none;
		background-color: transparent;
	}

	#head-data-container h2 {
		font-size:14px;
	}

	#home-contents-link-container {
		margin-top: -80px !important;
		z-index: 1;
	}

	#head-data-container h1 {
		font-size:50px;
	}
	
	.page-banner h1 {
		font-size: 50px;
		color: #C3B681;
	}

	.page-banner h3 {
		font-size: 14px;
		text-align: center;
		font-family: "proxima-nova-soft", sans-serif;
		font-style: normal;
		text-transform: uppercase;
	}

	#home-page-head{
		font-size:32px !important;
	}

	#page-head-image{
		height: 450px;
		transition: all .3s;
	}

	#internal-page-head-image {
		height: 450px;
		transition: all .3s;
	}

	.internal-block-one-third{
		margin-bottom:50px;
	}

	#partner-page-content h3{
		font-size:12px;
		text-transform: uppercase;
	}

	.internal-block-content img{
		max-width: 100%;
		height:auto;
	}

	.internal-block-full .internal-block-title {
		width: 100%;
		margin:auto;
	}

	.internal-block-full .internal-block-content {
		width: 100%;
		margin:auto;
	}

	#partner-page-logo-container img {
		max-width: 260px;
	}


	.footer-column{
		margin-bottom:30px;
	}

	.footer-column-title{
		font-family: "proxima-nova-soft",sans-serif;
		font-style: normal;
		font-weight: 700;
		font-size:12px;
		letter-spacing: 2px;
	}

	#footer-logo-container{
		text-align: center;
	}

	.footer-menu-list li{
		margin:10px 0;
		padding:0;
		list-style: none;
		text-align: center;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {


	.footer-logo-img{
		max-width: 270px;
	}

	#page-head .text-sup {
		font-size: 24px;
	}

	/*
	.navbar-brand{
		width:100%;
	}*/


	#home-page-head{
		font-size:36px !important;
	}

	#partner-page-logo-container img {
		max-width: 350px;
	}

	.internal-block-content img{
		max-width: 450px;
		height:auto;
	}


	.numbered-list-element-title {
		font-size: 55px;
		line-height: 60px;
	}

	.hsc-logo {
		max-width: 200px !important;
		margin-top: -180px !important;
	}

	#footer-contact-us-by-mail {
		display: block;
		margin: 10px auto;
		width: 300px;
                float: left;
	}
        
        .wpb_wrapper .vc_custom_1505406343006 {
                margin-left: 8% !important;
        }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

	#head-data-container h1 {
		font-size:60px;
	}
	
	.page-banner h1 {
		font-size:60px;
	}

	.page-banner h3 {
		font-size: 18px;
	}

	#home-page-head{
		font-size:46px !important;
	}

	#head-data-container h2{
		font-size:12px;
	}

	#internal-page-head-image {
		height: 550px;
		transition: all .3s;
	}

	#internal-page-head-image h1{
		font-size:50px;
	}

	#page-head .text-sup {
		font-size: 38px;
	}

	.internal-block-full .internal-block-title {
		max-width: 65%;
	}

	.internal-block-full .internal-block-content {
		max-width: 70%;
	}

	#page-head-image {
		height: 550px;
		transition: all .3s;
	}

	.hsc-logo {
		max-width: 300px !important;
		margin-top: -220px !important;
	}

	#mobile_slider {
		display: none;
	}
	
	#desktop_slider {
		display: block;
	}
        
        .post-1192  .vc_custom_1503133449149 {
            background-image: url(http://sportforhuman.staging.wpengine.com/wp-content/uploads/2017/08/home_bg_3a.jpg?id=1160) !important;
        }
        
        .hide-on-mobile {
                display: block;
        }
    
        /* .story-inspiration .internal-block-bg-img {
                height: auto !important;
        } */
        

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	#main-navbar-collapse{
		background-color:transparent;
		display: flex !important;
		justify-content: end;
		align-items: center;
		height: 100% !important;
	}

	#main-navbar-collapse ul.nav{
		padding-left:0;
		float:right !important;
	}

	#main-navbar-collapse li a:hover,
	#main-navbar-collapse li a:focus,
	#main-navbar-collapse li a:active{
		background-color: transparent;
		color:#c7b682;
	}

	#main-navbar-collapse li a.active{
		background-color: transparent;
		color:#c7b682;
	}

	.header-dropdown-submenu {
		margin: 0 35px 0 0;
	}

	/*
	#main-navbar-collapse .dropdown-menu {
		left: 50%;
		right: auto;
		text-align: center;
		transform: translate(-50%, 0);
	}*/

	#main-navbar-collapse .dropdown-menu {
		left: 0;
		right: 0;
		text-align: center;
		/* transform: translate(-50%, 0); */
		top: 110px;
		position: fixed;
		background-color: #f5f5f5;
		height: 40px;
		padding: 10px 0;
	}

	#main-navbar-collapse .dropdown-menu li a {
		padding:10px 0;
	}

	#page-header .navbar-fixed-top .container,
	#footer > .container {
		width: 1000px;
	}

	#header-nav-social-container{
		position: relative;
		margin: 0;
		padding: 0;
	}

	#header-nav-social-container li {
		position: relative;
		list-style:none;
		float: right;
		height:100%;
	}

	#header-nav-social-container li a{
		/*display: inline-block;*/
	}

	#home-page-head{
		font-size:46px !important;
	}

	#page-head-image {
		height: 600px;
		transition: all .3s;
	}

	#internal-page-head-image {
		height: 600px;
		transition: all .3s;
	}

	#internal-page-head-image h1{
		font-size:60px;
	}

	#page-head .text-sup {
		font-size: 54px;
	}

	.internal-block-full .internal-block-content {
		max-width: 60%;
	}

	.page-id-1059 .internal-block-full .internal-block-content {
		max-width: 80%;
	}

	#footer-logo-container{
		text-align: left;
	}

	.footer-menu-list li{
		text-align: left;
	}
	
	.page-id-956 .internal-block-full .internal-block-content {
		max-width: 75%;
	}
}

@media only screen and (min-width : 993px) {
	#body-nav {
		display: none;
	}

	#main-navbar-collapse li a{
		padding-left: 10px;
		padding-right: 10px;
	}

	#pre-header{
		display: block;
	}

	#page-header .navbar{
		top:30px;
	}


	#page-head-image {
		margin-top: 110px;
	}

	#internal-page-head-image{
		margin-top:110px;
	}

	#project-logo {
		width: auto;
		height: 400px;
		margin: auto;
	}

	#project-logo img {
		position: relative;
		width: auto;
		height: 100%;
	}

	.internal-block-content .project-logo{
		width: auto;
		height:400px;
	}

	.hsc-logo {
		max-width: 400px !important;
		margin-top: -230px !important;
	}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

	.header-dropdown-submenu {
		margin: 0 60px 0 0;
	}

	#main-navbar-collapse ul.nav{
		padding-left:80px;
	}

	#main-navbar-collapse li a {
		padding-left: 15px;
		padding-right: 15px;
	}


	#pre-header .container {
		width: 1200px;
	}

	#page-header .navbar-fixed-top .container,
	#footer > .container {
		width: 1200px;
	}

	#head-data-container h1 {
		font-size:90px;
	}
	
	.page-banner h1 {
		font-size:90px;
	}

	.page-banner h3 {
		font-size: 24px;
	}
	
	.page-id-956 #head-data-container h1{
		font-size: 72px;
	}

	#home-page-head{
		font-size:60px !important;
	}

	#internal-page-head-image h1{
		font-size:70px;
	}

	.internal-block-one-third{
		margin-bottom:0;
	}

	#page-head .text-sup {
		font-size: 64px;
	}
	#page-head {
		max-width: 50%;
		margin: auto;
	}

	#home-page-head {
		max-width: 50%;
		margin: auto;
	}

	.footer-logo-img{
		max-width: 240px;
	}
}
@media only screen and (min-width : 1300px) {
	#page-header .navbar-fixed-top .container,
	#footer > .container {
		width: 1300px;
	}

	#pre-header .container {
		width: 1300px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1400px) {

	#main-navbar-collapse ul.nav{
		padding-left:80px;
	}

	#head-data-container h1 {
		font-size:100px;
	}
	
	.page-id-956 #head-data-container h1{
		font-size: 72px;
	}

	#home-page-head{
		font-size:60px !important;
	}

	#internal-page-head-image h1{
		font-size:80px;
	}

	.internal-block-one-third{
		margin-bottom:0;
	}

	#page-header .navbar-fixed-top .container,
	#footer > .container {
		width: 1400px;
	}

	#pre-header .container {
		width: 1400px;
	}

}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
		padding: 4px 10px;
		margin-top: 7px;
	}

	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.collapse.in{
		display:block !important;
	}

	.mobile-menu li a.active{
		background-color: transparent;
		color:#fcda00;
	}

	.mobile-menu .dropdown-menu {
		float: none;
		position: relative;
		border: 0;
		border-radius:0;
		-webkit-box-shadow:none;
		box-shadow:none;
		background-color: transparent;
	}
        
        .dropdown-menu .divider {
                margin: -2px 0;
        }
        
        #body-nav ul.mobile-menu {
                vertical-align: top;
        }

	.mobile-menu .dropdown-menu li a {
		padding:10px 0;
	}

	.home-links-central{
		margin-top:0;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.single-partner-logo img {
		max-width: 100% !important;
	}
	
	.patron-logo {
		max-width: 100% !important;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 375px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}



/* Extra Small Devices, Phones */
@media only screen and (max-height : 480px) {
	.mobile-nav-bar-container {
		height: 80px;
	}

	/*
	#body-nav ul.mobile-menu {
		top: 80px;
	}*/

	.mobile-language-selector {
		margin-top: 20px;
	}
}