/*** COASTWISE MEDIA QUERIES ******************************************************************/

/*** 1400px ***********************************************************************************/ 
/*** MIN-WIDTH ********************************************************************************/ 

@media (min-width: 1400px) {

	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    	max-width: 1400px !important;
	}
	
	.section-map-links p.box-text {
		align-items: center;
	}
	
	
}

/*** 1300px ***********************************************************************************/ 
/*** MAX-WIDTH ********************************************************************************/ 

@media (max-width: 1300px) {
	
	.section-funding .text-box {
		padding-left: 10vw;
		padding-right: 10vw;
	}
	
	.section-outcomes .text-box, .section-map-links p {
		font-size: 1rem;
	}
	

	
}

/*** 1200px ***********************************************************************************/ 
/*** MAX-WIDTH ********************************************************************************/ 
	
@media (max-width: 1200px) {
	
	.navbar .navbar-nav .nav-link {
		font-size: .9rem;
	}
	
	/* home page hero text */
	.tb-hero {
		width: 100%;
	}
	
	.hero {
		border-bottom-right-radius: var(--default-border-radius);
    	border-bottom-left-radius: var(--default-border-radius);
	}
	
	/*.section-cc-intro h1 {
		font-size: 2.5rem;
	}*/
	
	.section-cc-slideshow .carousel-caption {
		width: 70%;
	}
	
}

/*** 1100px ***********************************************************************************/ 
/*** MAX-WIDTH ********************************************************************************/ 

@media (max-width: 1100px) {
	
	.navbar .navbar-nav .nav-link {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	.section-outcomes .tb-right .bp-container {
		margin-left: -95px;
	}
	
	/*.section-cc-issues .tb-right .bp-container {
		margin-left: -110px;
	}*/
	
	.section-outcomes .text-box {
		height: 100px;
		border-bottom-right-radius: 50px;
    	border-top-right-radius: 50px;
	}
	
	.section-aims .tb-left,
	.section-outcomes .tb-left { 
	   	padding-left: 0;
        padding-right: 5rem;
	}

}

/*** 990px ************************************************************************************/ 
/*** MAX-WIDTH ********************************************************************************/ 

@media (max-width: 990px) {
	
	.navbar .navbar-nav .nav-link {
		
		font-size: 1.125rem;
	}
	
	/* home page hero text */
	h1 {
		font-size: 2.2rem;
	}
	
	h2 {
		font-size: 2rem;
	}
	
	.navbar {
		padding: 0;
	}
	
	.navbar .container  {
		padding-left: 0;
		padding-right: 0;
	}	
	
	.navbar-collapse {
		background: var(--light-blue);
		border-radius: 30px;
	}
	
	.navbar-collapse.show {
		margin-bottom: 1.5rem;
	}

	.navbar-collapse .navbar-nav a:first-child {
		margin-top: 1rem;
	}
	
	.navbar-collapse .navbar-nav a:last-child {
		margin-bottom: 1rem;
	}
	
	.navbar-toggler {
		margin-bottom: 1rem;
	}
	
	.section-aims .tb-left,
	.section-outcomes .tb-left,
	.section-cc-issues .tb-left { 
		border-top-right-radius: var(--default-border-radius);
    	border-bottom-left-radius: unset;
	}
	
	.section-aims .tb-left,	.section-outcomes .tb-left, 
	.section-aims .tb-right,
	.section-cc-issues .tb-left, .section-cc-issues .tb-right{
		padding-left: 3rem;
		padding-right: 3rem;
	}
	
	.section-aims .tb-right,
	.section-outcomes .tb-right,
	.section-cc-issues .tb-right { 
		border-top-right-radius: unset;
    	border-bottom-left-radius: var(--default-border-radius);
	}
	
	.section-aims .tb-left, .section-aims .tb-right,
	.section-outcomes .tb-left, .section-outcomes .tb-right,
	.section-cc-issues .tb-left, .section-cc-issues .tb-right
	{
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	
	.section-outcomes .tb-right .bp-container,
	.section-cc-issues .tb-right .bp-container {
		margin-left: 0;
	}
	
	.section-team .img-fluid {
		max-width: 100%;
	}
	
	.section-footer .logo {
		width: 100%;
	}
	
	.section-cc-slideshow .carousel-caption {
		font-size: .8em;
	}
	
	.section-cc-slideshow .carousel-item img {
		overflow: hidden;
        object-fit: cover;
        height: inherit;
	}
	
	.section-community-projects .cards,
	.section-map-links .map-link-box {
		padding-left: 0;
		padding-right: 0;
	}
	 
	.section-map-links p.box-text {
		align-items: center;
	}
	
	.section-faqs {
		padding: 4rem 0;
	}
	
}	

/*** 990px ************************************************************************************/ 
/*** MIN-WIDTH ********************************************************************************/ 

@media (min-width: 990px) {
		
	.navbar {
		padding-bottom: 1.5rem;
	}
	
	.navbar-expand-lg {
		justify-content: center !important;
	}
	
	.section-outcomes .tb-left, .section-aims .tb-left,
	.section-aims .tb-right,
	.section-help .tb-left,
	.section-cc-issues .tb-left {
		padding-left: 4rem;
		padding-right: 4rem;
	}
	
	.section-faqs {
		padding-left: 5rem;
		padding-right: 5rem;
	}
	
	.section-aims .tb-right p {
		width: 80%;
	}
	
	.section-team .text-box p {
		width: 50%;
		margin: 0 auto;
	}	
	
	.section-team .img-fluid {
		max-width: 85%;
	}	
	
}

/*** 768px ************************************************************************************/ 
/*** MAX-WIDTH ********************************************************************************/ 

@media (max-width: 768px) {
	
	.logo {
		height: 40px;
	}
	
	.vr {
		height: 45px;
	}
	
	.section-outcomes .bullet-point, .section-outcomes .line,
	.section-cc-issues .bullet-point, .section-cc-issues .line {
		display: none;
	}
	
	.section-outcomes .circle,
	.section-cc-issues .circle {
		width: 70px;
		height: 70px;
		border-width: 7px;
	}
	
	.section-outcomes .text-box,
	.section-cc-issues .text-box {
		padding: 1rem 3rem;
		height: 100%;
		border-radius: 20px;
	}
	
	.section-aims p, .section-funding .text-box p, .section-intro p {
		font-size: 1.125rem;
	}
	
	.section-outcomes .tb-right p {
		font-size: 1rem;
	}
	
	.section-video .video-clip,
	.section-cc-issues .text-box {
    	width: 100%;
	}
	
	.section-funding .text-box {
		padding-right: 0;
		padding-left: 0;
	}
	
	.section-team, .section-coastal-challenge,
	.section-cc-intro, .section-get-involved,
	.section-cafe, .section-sustain, .section-CTAP,
	.section-UL-coastal-erosion {
		padding-top: 4rem;
		padding-bottom: 2rem;
	}
	
	.section-sustain, .section-grants {
		padding-bottom: 1.5rem;
	}
	
	.section-cc-about-pics {
		padding-top: 0;
		padding-bottom: 2rem;
	}
	
	.section-cc-slideshow {
		padding-top: 28px;
		padding-bottom: 28px;
	}
		
}

/*** 576px ************************************************************************************/ 
/*** MAX-WIDTH ********************************************************************************/ 

@media (max-width: 576px) {
	
	.container, .container-sm {
        max-width: 600px;
	}
	
	.logo {
		height: 35px;
	}
	
	.vr {
		height: 40px;
	}
	
	.section-cc-slideshow .carousel-caption.text-box {
		padding: 15px;
	}
	
}

/*** 500px ************************************************************************************/ 
/*** MAX-WIDTH ********************************************************************************/ 

@media (max-width: 500px) {
	 
	h1 {
		font-size: 2.2rem;
	}
	
	h2 {
		font-size: 1.8rem;
	}
	
	.logo {
		height: 30px;
	}
	
}

/*** 420px ************************************************************************************/ 
/*** MAX-WIDTH ********************************************************************************/ 

@media (max-width: 420px) {

	.logo {
		height: 25px;
	}
	
}
/**********************************************************************************************/