/* Desktop Media Queries */

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


	.wp-block-separator.is-style-dots:before {
		content: "\00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7";
	}

	.container {
		max-width: 1120px;
	}
  html {
    font-size: 16px;
  }
  .tenf-full-width-slider {
  	height: 560px;
  }
  .tenf-banner-image {
  	min-height: 560px;
  }
  .half-container {
  	max-width: 560px;
  }

    .tenf-full-width-image .content-circle {
        width: 440px;
        height: 440px;
    }

    .content-circle div.icon-wrapper {
        height: 190px;
        width: 190px;
	}
	
	.tenf-full-width-image-left .tenf-full-width-image-image {
		background-position: bottom left;
	}

	.tenf-full-width-image-right .tenf-full-width-image-image {
		background-position: bottom right;
	}
}

/* End Desktop Media Queries */

.tenf-hide-desktop {
	display: none !important;
}

@media screen and (max-width: 1100px) {
	.header-inline img {
		max-width: 100px;
	}
	.foreground-slides .half-container {
		width: 350px;   
	}
}

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

	.wp-block-separator.is-style-dots:before {
		content: "\00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7";
	}

	nav.main-navigation ul.menu > li > a {
   	padding: 10px 4px;
	}
	h2 {
		font-size: 1.4rem;
	}
	.tenf-full-width-banner {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.tenf-latest-posts {
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.tenf-full-width-image-image {
		background-size: 80%;
	}

	.tenf-full-width-image-anchor-right .tenf-full-width-image-image {
		background-position: top 0;
		background-size: auto 100%;
	}

	.tenf-full-width-image-anchor-left .tenf-full-width-image-image {
		background-position: top 0;
		background-size: auto 100%;
	}
}

@media screen and (max-width: 990px) {
	/* Footer */
	.tenf-footer-socials ul {
		display: flex;
		margin: 0;
		padding: 0;
		justify-content: center;
		font-size: 1.2rem;
	}
	footer {
		padding: 32px 0px;
	}
	footer ul {
    margin: 0;
    padding-left: 1rem;
    text-align: left;
	}
	footer p {
    font-size: 1em;
		padding-left: 1rem;
	}
	p.site-copyright {
    text-align: center;
/*     font-size: 0.75em; */
	}
	footer div.site-branding img {
        margin-right: auto;
        display: block;
        width: 172px;
        padding-left: 1rem;
    }
	.wp-block-spacer {
		height: 0px !important;
	}
}

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

	.wp-block-separator.is-style-dots:before {
		content: "\00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7";
	}

	/* Block 8 */
	.container > .wp-block-columns {
    margin: 0 -15px 0 -15px;
	}
	.tenf-color-image-tile.tenf-color-image-tile-inline-icon {
    margin-bottom: 0px;
    height: 320px;
    box-shadow: none;
	}
	.header-inline {
    height: 60%;
	}
	.wp-block-column {
	    flex-basis: 0;
	    flex-grow: 1;
	}
	.wp-block-column:not(:first-child) {
		margin-left: 0;
	}
}

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

	.tenf-latest-posts {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.tenf-latest-posts .col-12.col-md-4 {
		padding: 0;
	}
	nav.main-navigation ul.menu > li > a, ul.sub-menu a {
   	padding: 10px 16px;
	}
	
	ul.sub-menu a {
   		padding-left: 30px;
	}
	
	ul.sub-menu ul.sub-menu a {
   		padding-left: 45px;
	}

	.tenf-image-tiles div[class^="col-"], .tenf-solid-color-tiles div[class^="col-"] {
	    padding: 0;
	    margin: 0;
	}

	html, body {
		min-width: 360px;
	}

	/* Header */
	body.logged-in header#masthead {
    top: 0;
	}
	.tenf-hide-mobile {
		display: none !important;
	}
	.tenf-hide-desktop {
		display: initial !important;
	}
	div.site-branding img {
		height: unset;
    padding: 10px 0px 5px 0px;
    width: 112px;
	}
	.menu-nav-menu-container {
    position: relative;
    background: white;
    left: 0;
	}
	.mobile-social-container {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
	}
	.main-navigation li {
		width: 100%;
	}
	ul.menu > li.menu-item:last-of-type.menu-item-opened .sub-menu {
		right: unset;
		left: unset;
	}
	.main-navigation ul ul a {
		width: unset;
	}
	
#primary-mobile-menu.menu > .menu-item {
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}

#primary-mobile-menu.menu > .menu-item > a {
	font-size: 16px !important;
/* 	padding: 20px; */
}

/* Small menu. */
	#main-nav-toggle {
		display: flex !important;
		padding: 0 !important;
		justify-content: center;
		align-items: center;	
	}
	
	
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
	/* change menu-toggle icon when opened */
	#masthead:has(#site-navigation.toggled) #main-nav-toggle {
		color: #00BD9A;
	}
	
	#masthead:has(#site-navigation.toggled) #main-nav-toggle i:before {
		content: 'X';
		font-family: "acumin-pro", sans-serif;
		font-size: 28px;
		font-weight: 400;
	}
	
.main-navigation.toggled .mobile-social-container {
	display: inline-flex;
	flex-direction: row;
}
	
.main-navigation:not(.toggled) .mobile-social-container {
	display: none;
}

	#masthead a.tenf-button {
    margin-left: 5px;
    font-weight: 400;
    padding: 8px 16px;
	}

	/* Block 2 */
	.tenf-full-width-image h1 {
		font-size: 1.8rem;
    color: white !important;
    text-align: center !important
	}
	.tenf-full-width-image {
		height: 100vw;;
		position: relative;
	}
	.tenf-full-width-image .content {
		padding: 0 20px;
	}
	.tenf-full-width-image a, .tenf-full-width-image p, .tenf-full-width-image h2 {
		margin: 0;
	}
	.content.content-circle {
    width: 100%;
    height: 100%;
    background: none;
	}
	.content-circle div.icon-wrapper {
		width: 160px;
		height: 160px;
	}
	.content-circle h1 {
    margin: 40px 0px 10px 0px;;
	}
	.tenf-full-width-image a.tenf-button {
		margin: 0;
	}

	/* Block 3 */
	.tenf-full-width-banner h1 {
		font-size: 1.8rem;
	}
	.tenf-full-width-banner h2 {
		font-size: 1.4rem;
	}
	.tenf-full-width-banner {
		padding: 32px 16px;
	}

	/* Block 4 */
	div.tenf-two-column div.half-container, .half-container {
		padding: 25px;
	}	
	.tenf-banner-image {
		min-height: 50vh;
	}
	.tenf-two-column h3 {
		line-height: 2rem;
	}

	/* Block 7 */
	
	.tenf-image-tile {
		margin-top: 0px;
		padding: 20px;
/*    width: 50vw;
    height: 50vw;*/
    background: linear-gradient( to top right, #00bd9a, #9ced96 );
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    height: 100%;
  }
  .wp-block-column:nth-child(odd) > .tenf-image-tile {
    background: linear-gradient( to bottom right, #441e5b, #00bd9a );
  }
  .tenf-image-tile a.tenf-button {
  	background-color: #e96936;
  }
	.tenf-image-tile h2 {
 		color: white;
    margin: 5px 0px;
	}
	.tenf-tile-image-container {
    width: 200px;
    height: 200px;
    padding: 32px;
    background: white;
    display: flex;
    border-radius: 50%;
	}	

	/* Columns */

	.wp-block-columns {
		margin-bottom: 0px;
	}
	.wp-block-column:nth-child(2n) {
		margin: 0;
	}
	.wp-block-column:not(:first-child) {
		margin: 0;
	}
	.wp-block-column {
		flex-grow: 1;
	}

	article.hentry {
		margin-bottom: 0px;
	}

	/* Formatting */

	.wp-block-column > p, .wp-block-column > h1, .wp-block-column > h2, .wp-block-column > h3, .wp-block-column > h4, .wp-block-column > h5 {
		padding: 0px 25px;
	}
		
	p {
		font-size: 1.0rem;
	}
	h2 {
		font-size: 2rem;
		margin: 20px 0px 0px 0px;
	}

	/* Blog Archive */

	div.row.blog-header {
		margin-top: 0;
		margin-bottom: 0;
	}

	h6.link-text {
    margin: 0;
	}

	div.row.blog-header > .col-sm-6, div.row.alm-reveal > .col-sm-4 {
		padding: 16px 16px 0px 16px;
	}
	.alm-reveal.row {
		margin-bottom: 0 !important;
	}

	/* Single Post */

	.single-post #content {
		margin-top: 16px;
	}

	.single-post #content .row > .col-sm-6 {
		padding: 0px 16px 0px 16px;
		margin-bottom: 0;
	}

	.single-post #content p {
		margin: 16px 9px;
	}
	.single-post #content img {
		margin: 0px -16px -6px -16px;
		max-width: unset;
		width: calc( 100% + 32px );
	}
	.single-post #content img.icon {
		margin: 24px 0 0 0;
	}

	/* Impact Reports */

	.tenf-report-grid {
		margin: 10px 0px;
	}
	.post-type-archive-report #content .col-sm-4 {
		padding: 16px 16px 0px 16px;
		margin-bottom: 0;
	}
	.post-type-archive-report #content {
		margin-bottom: 8px;
	}

	/* Center Button */
	.tenf-center-button {
		margin: 16px 0;
	}

	/* Misc */
	figure {
		margin: 0;
	}

	/* Menu */
	ul li > ul.sub-menu {
		padding: 0;
		margin: 0;
		width: 100%;
	}
	ul.sub-menu li.menu-item-opened > ul.sub-menu {
		position: static;
		left: unset;
		top: unset;
		/*background: #441e5b;*/
	}
	.main-navigation ul li.menu-item-opened > ul {
    left: 0;
	position: static;
	}
	.wp-block-columns > .wp-block-column:nth-child(3n) {
		/*display: none;*/
	}
	
	.search-mobile {
		display: none !important;
    	position: relative;
	}
	.search-mobile.search-mobile-show {
		display: block !important;
	}
	#site-navigation.toggled > .mobile-social-container > .search-mobile {
		display: inline-block !important;
	}
	
}

@media screen and (max-width: 859px) {
	.wp-block-columns > .wp-block-column:nth-child(3n) {
	    /*flex-direction: row;*/
	    /*display: flex;*/
	}

	.wp-block-columns > .wp-block-column:nth-child(3n) > .tenf-color-image-tile.tenf-color-image-tile-inline-icon {
	    width: 50%;
	}

	.tenf-full-width-image .content-tile {
		background: none !important;
    }
}

@media screen and (max-width: 760px) {
	
	.wp-block-separator.is-style-dots:before {
		content: "\00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7";
	}

	.tenf-job-header {
	    display: block;
	    text-align: center;
	    padding-bottom: 20px;
	}

	.tenf-job-header .ui-button:first-of-type {
	    border: none;
	}

	.tenf-job-board {
    	margin-bottom: 20px;
	}
}

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

	
	
	.wp-block-separator.is-style-dots:before {
		content: "\00b7 \00b7 \00b7 \00b7 \00b7 \00b7";
	}

	.tenf-image-tile {
		width: 100vw;
		height: 100vw;
	}
	.wp-block-columns {
		flex-direction: row;
	}
}

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

    .tenf-full-width-image-image {
        background-size: 0%;
    }

}