/* ***********************************************
**
**		MAX 1400
**
************************************************ */

@media only screen and (max-width: 1400px) {

	.text_image_row_text {
		padding: 50px;
	}

}

/* ***********************************************
**
**		MAX 1200
**
************************************************ */

@media only screen and (max-width: 1200px) {
	
	#main-nav-visible {
		opacity: 0;
	}
	
	#main-nav-menu li.nav-visible {
		display: block;
	}
	
	.row-dots {
		background-position: 55vw bottom;
	}	
	
	.row-dots1 {
		background-image: url(images/dots_color_180.png);
	}
	
	.row-dots1bw {
		background-image: url(images/dots_bw_180.png);
	}

	.flexible-row.row-footer .setwidth .row-footer-content {
		width: 60%;
	}

}

/* ***********************************************
**
**		MAX 980
**
************************************************ */

@media only screen and (max-width: 980px) {
	
	/* 	addthis */
	.at-share-dock.atss {
		box-shadow: none !important;
	}

	#canvas #mega-menu-wrap-main-nav .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
		margin-right: 40px;
	}
	
	#canvas #mega-menu-wrap-main-nav #mega-menu-main-nav {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
/*
	.mega-sub-menu {
		box-sizing: border-box;
		width: 100% !important;
		max-width: 100% !important;
	}
*/

	#canvas #mega-menu-main-nav > li > ul.mega-sub-menu {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}	

	#canvas ul.mega-sub-menu li {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}	
	
	#canvas ul.mega-sub-menu li.widget_media_image {
		display: none !important;
	}
	
	#canvas #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
		padding: 5px 15px;
	}
	
	#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.nav-replace > a.button {
		margin-bottom: 20px
	}

	.wp-caption {
		/* Force the box to be 100% */
		width: 100% !important;
	}
	
	#content .wp-caption a img {
		/* Scale down if too big */
		max-width: 99.03225806%; /* 614/620 */
		height: auto;
	}
	
	.grid_row_2 .grid_item,
	.grid_row_3 .grid_item,
	.grid_row_4 .grid_item,
	.grid_row_5 .grid_item,
	.grid_row_6 .grid_item,
	.grid_row_7 .grid_item,
	.grid_row_8 .grid_item,
	.grid_row_9 .grid_item,
	.grid_row_10 .grid_item {
		width: 50%;
		width: calc( 50% - 30px );
	}

	/* 	Offset /. 50/50 Two Column Text Row ******************************* */

	.offset_two_column_text_row .two_column_text_row_col.two_column_one,
	.offset_two_column_text_row .two_column_text_row_col.two_column_two,
	.two_column_text_row .two_column_text_row_col.two_column_one,
	.two_column_text_row .two_column_text_row_col.two_column_two {
		width: calc( 50% - 50px );		
	}

	/* 	Text / Image Row ******************************* */

	.text_image_row .text_image_row_container,
	.text_image_row.image_left .text_image_row_container,
	.text_image_row.row-projects-archive:nth-child(even) .text_image_row_container  {
		flex-direction: column;
	}
	
	.text_image_row_text, .text_image_row_image {
		width: 100%;
	}
	
	.highlight-row .text_image_row_text:after {
		display: none;
	}
	
	.image_left .text_image_row_text,
	.image_right .text_image_row_text {
		padding: 25px;
	}

	.image_left .text_image_row_image,
	.image_right .text_image_row_image {
		padding: 0;
	}	

	.highlight-row .text_image_row_image:after,
	.highlight-row.image_left .text_image_row_text:after,
	.highlight-row .text_image_row_text:after,
	.highlight-row.image_left .text_image_row_image:after {
	    background-position: bottom left -1px;
		top: 0;
		left: 0;
	}
	
	.highlight-pink .text_image_row_image:after,
	.highlight-pink.image_left .text_image_row_image:after{
		background-image: url(images/corner-pink-180.png);
	}
	
	.highlight-orange .text_image_row_image:after,
	.highlight-orange.image_left .text_image_row_image:after {
		background-image: url(images/corner-orange-180.png);
	}
	
	.highlight-purple .text_image_row_image:after,
	.highlight-purple.image_left .text_image_row_image:after {
		background-image: url(images/corner-purple-180.png);
	}
	
	.highlight-darkpurple .text_image_row_image:after,
	.highlight-darkpurple.image_left .text_image_row_image:after {
		background-image: url(images/corner-darkpurple-180.png);
	}

	/* sidebars */
	
	.sidebar {
		width: 35%;
		width: calc( 40% - 50px );
	}
	
	.has-sidebar {
		width: 60%;
	}

	h1.page-title, h2.page-title, h3.page-title, h1.row-title, h2.row-title, h3.row-title {
		font-size: 32px;
	}
	
	.row-quotes blockquote {
		padding: 0 5% 25px 5%;	
	}


}

/* ***********************************************
**
**		MAX 780
**
************************************************ */

@media only screen and (max-width: 780px) {
	
	#canvas .setwidth {
		padding-right: 30px;
		padding-left: 30px;
	}
	
	.contentContainer {
		padding-top: 30px;
	}

	.flexible-row {
		padding: 30px 0;
	}
	
	.flexible-row.row-quotes {
		padding-bottom: 80px;
	}
	
	/* 	header positions to match setwidth padding */
	h1.site-logo {
		left: 25px;
	}
	.header-links {
		right: 25px;
	}
	#canvas #mega-menu-wrap-main-nav .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
		margin-right: 20px;
	}
	
	/* 	switch 'give' buttons */
	.header-buttons {
		display: none;
	}

	#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item.nav-replace {
		display: list-item;
	}	
			
	#menu-icon {
		right: 30px;
	}

	#canvas #mega-menu-wrap-main-nav #mega-menu-main-nav {
		padding: 25px !important;
	}
	
	#main-nav-menu {
		margin-top: 10px;
	}
		
		#main-nav-menu li {
			font-size: 24px;
		}
		
		#main-nav-menu li.nav-phone {
			font-size: 18px;
		}			


	.row-hero,
	.row-hero .slide,
	.row-hero .slide-bg {
		height: auto;
	}		

	.row-hero .slide-bg {
		position: static;
		display: flex !important;
		flex: 1;
		flex-direction: column;
		box-sizing: border-box;
		float: none;
		background-image: none !important;
	}
	
	#canvas img.heroMobile {
		display: block;
	}
	
		#canvas .row-hero .slide-img {
			flex: 1;
		}
		
			#canvas .row-hero .slide-img img {
				display: block;
				width: 100%;
				min-width: 100%;
				max-width: 100%;
			}
		
		.row-hero .hero-text {
			padding: 20px 20px 20px 20px;
			width: 100%;
			position: static;
			left: auto;
			bottom: auto;
			z-index: 1001;
/* 			height: 200px; */
			display: flex;
			flex-direction: column;
			box-sizing: border-box;
			font-size: 14px;
			line-height: 20px;
		}
		
		
		.row-hero .hero-text:after {
			display: none;
		}
		
			.row-hero .hero-text h3 {
				margin-bottom: 10px;
				font-size: 16px;
			}
			
			.row-hero .hero-text p.hero-subtitle {
				padding-bottom: 10px;
				font-size: 14px;
				flex-grow: 1;
			}
			
			.row-hero .hero-text p.button {
				padding: 0;
			}
		
		.row-hero .slick-dots {
			bottom: 25px;
			left: auto;
			right: 20px;
			text-align: right;
		}
	
		.row-hero .slick-prev,
		.row-hero .slick-next {
			top: 30%;
		}
		
		.circle-hero.color-1dark-bg	 {
			bottom: auto;
			top: -5%;
		}	
		
	
	#shiftnav-toggle-main .shiftnav-toggle-burger,
	#shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
		padding: 20px 30px;
	}

	blockquote:before {
		padding: 30px 0;
		font-size: 100px;
		height: 100px;
		line-height: 100px;
	}
	
	blockquote {
		padding: 0 10% 30px 20px;
		margin: 0 0 30px 0;
	}

	blockquote:before {
		display: none;
	}

	.row-quotes blockquote {
		padding: 0 0 25px 0;	
	}
	
	.grid_row_2 .grid_item,
	.grid_row_3 .grid_item,
	.grid_row_4 .grid_item,
	.grid_row_5 .grid_item,
	.grid_row_6 .grid_item,
	.grid_row_7 .grid_item,
	.grid_row_8 .grid_item,
	.grid_row_9 .grid_item,
	.grid_row_10 .grid_item {
		width: 100%;
	}
	
	/* 	Offset Two Column Text Row ******************************* */

	.offset_two_column_text_row .two_column_text_row_container,
	.two_column_text_row .two_column_text_row_container,
	.three_column_text_row .three_column_text_row_container
	 {
		flex-direction: column;
		justify-content: center;
		margin: 0;
	}

	.offset_two_column_text_row .two_column_text_row_col,
	.two_column_text_row .two_column_text_row_col {
		margin: 0;
	}

	.offset_two_column_text_row .two_column_text_row_col.two_column_one,
	.offset_two_column_text_row .two_column_text_row_col.two_column_two,
	.two_column_text_row .two_column_text_row_col.two_column_one,
	.two_column_text_row .two_column_text_row_col.two_column_two {
		width: 100%;		
	}

	.text_image_row_text {
		padding: 25px;
	}
		
	.news-panel {
		margin-bottom: 0;
	}
	
	.row-titlerow .page-title {
		margin-bottom: 0;
	}

	/* sidebars */
	
	.sidebar, .has-sidebar  {
		width: 100%;
		clear: both;
	}

	.sidebar {
		margin: 0 0 50px 0;
	}	

	/* flex rows */

	.two_column_intro_row .setwidth,
	.two_column_text_row .setwidth,
	.text_image_row .text_image_row_container {
		display: block;
	}

		.two_column_intro_row_intro,
		.two_column_intro_row_text,
		.three_column_text_row .three_column_text_row_col,
		.two_column_text_row .two_column_text_row_col,
		.text_image_row .text_image_row_container > div,
		.text_image_row .text_image_row_text,
		.text_image_row .text_image_row_image {
			width: 100%;
		}

		.two_column_text_row .two_column_text_row_col,
		.three_column_text_row .three_column_text_row_col  {
			margin-bottom: 25px;
		}

		.two_column_text_row .two_column_text_row_col:last-of-type,
		.three_column_text_row .three_column_text_row_col:last-of-type  {
			margin-bottom: 0;
		}

	.heroWrapper .text_image_row.flexible-row {
		position: relative;
		bottom: auto;
		z-index: 3;
		margin: -100px 0 0 0;
	}

	.text_image_row.fullwidth:before,
	.text_image_row.fullwidth:after {
	    display: none;
	    visibility: hidden;
	}

	#canvas .text_image_row_container.setwidth {
		padding-right: 0;
		padding-left: 0;
	}
	
	/* 	Custom Row Loop ******************************* */
	
	.row_loop_row {
		display: block;
		position: relative
	}
	
		.row_loop_row_text,
		.row_loop_row:nth-child(even) .row_loop_row_text {
			width: 100%;
			padding: 40px 20px 30px 20px;
		}
	
		.row_loop_row_image {
			width: 100%;
			height: 0;
			padding-bottom: 56%;
			margin-bottom: 40px;
		}	

		.row_loop_row_image span {
			position: absolute;
			top: auto;
			bottom: 0;
			right: 0;
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
			display: block;
		}	
		
		.row_loop_row_image span a {
			padding: 10px 20px;
		}	

		.row_loop_row:nth-child(even) .row_loop_row_image span {
			text-align: left;
		}

			.row_loop_row_image span a,
			.row_loop_row:nth-child(even) .row_loop_row_image span a {

				border-top-left-radius: 10px;
				-moz-border-radius-topleft: 10px;
				-webkit-border-radius-topleft: 10;
				
				border-top-right-radius: 0px;
				-moz-border-radius-topright: 0px;
				-webkit-border-radius-topright: 0px;
				
				border-bottom-right-radius: 0px;
				-moz-border-radius-bottomright: 0px;
				-webkit-border-radius-bottomright: 0px;
				
				border-bottom-left-radius: 0px;
				-moz-border-radius-bottomleft: 0px;	
				-webkit-border-radius-bottomleft: 0px;
				
			}	
			
	.flexible-row.row-footer .setwidth .row-footer-content {
		width: 75%;
	}

}

/* ***********************************************
**
**		MAX 480
**
************************************************ */

@media only screen and (max-width: 480px) {

	#strongbody .cookie-notice-container a.cn-button {
		display: block;
		margin: 0 10%;
		position: relative;
	}
	
	#strongbody .cookie-notice-container a.cn-set-cookie {
		margin-bottom: 20px;
	}

	html {
		-webkit-text-size-adjust: none;
	}
	
	.headerWrapper {
		height: 220px;
	} 
	
	h1.site-logo, h1.site-logo-small {
		left: 25px;
	}

	.header-links {
		right: auto;
		left: 25px;
		top: 160px;
		height: 40px;
	}

	.initialHeader #mega-menu-wrap-main-nav {
		top: 140px;
	}
	
	#main-nav-menu li {
		font-size: 18px;
	}

	.heroWrapper .text_image_row_text h2.hero-title {
		margin: 30px 30px 0 30px;
		font-size: 20px;
	}	
	
	.heroWrapper .text_image_row_text h1.hero-text {
		font-size: 28px;
	}

	#mc_embed_signup_scroll	{
		padding: 0;
	}

		#mc_embed_signup_scroll input {
			font-size: 14px;
		}				

		#mc_embed_signup_scroll input[type="email"] {
			padding-left: 0;
			padding-right: 0;
		}
		
	.flexible-row.row-footer .setwidth .row-footer-content {
		width: 100%;
	}
	
}


/* ***********************************************
**
**		MAX 320
**
************************************************ */

@media only screen and (max-width: 320px) {
		
	h1.site-logo,
	h1.site-logo a,
	h1.site-logo svg {
		width: calc( 100% - 60px );
		max-width: calc( 100% - 60px );
		height: auto;
	}
		
}