html {
	  -webkit-text-size-adjust: 100%;
}

/*---RETINA GRAPHICS---*/


/*---RESPONSIVE QUERIES---*/

@media ( max-width : 1175px ) {
	
	
}
@media ( max-width : 1020px ) {
	
	
}
@media ( min-width : 600px ) and ( max-width : 800px ), ( max-width : 420px ) {
	.item .post-cat {
		margin: -10px 0 0;
	}
	.items-3-col .teaser-post .post-meta.post-cat {
		margin: -10px 0 0;
	}
	.item .post-cat a, .teaser-post .post-meta.post-cat a, .items-3-col .teaser-post .post-meta.post-cat a {
		font-size: 9px;
		letter-spacing: .1em;
		padding: 4px 6px 3px 8px;
		border-radius: 6px;
	}
	
}
@media ( max-width : 960px ) {
	.top-bar .logo {
		width: 200px;
		margin: 3px 8px 0 0;
	}
		.top-bar .logo img {
			width: 100%;
			height: auto;
			display: block;
		}
	#main {
		
		width: -moz-calc(100% - 210px);
		width: -webkit-calc(100% - 210px);
		width: calc(100% - 210px);
		letter-spacing: .05em;
		font-size: 13px;
	}
	#main li a {
		padding: 0 12px;
	}
	#main li.social {
		margin: 0;
	}
	#main li.social a {
		padding: 0 3px;
	}
}
@media ( max-width : 900px ) {
	.home-section.has-background.optin-block {
		padding: 10px 0 0;
	}
		.home-section.has-background.optin-block .wrap {
			padding-left: 0px;
		}
	.optin-content {
		background: url(images/subscribe@2x.png) no-repeat left bottom;
		background-size: auto 90%;
		display: block;
		padding: 10px 0 15px 150px;
	}
	.optin-content .caption {
		margin: 0 0 15px;
	}
}

@media ( min-width : 800px ) and ( max-width : 900px ), ( min-width : 385px ) and ( max-width : 600px ) {
	
}



@media ( max-width : 800px ) {

	.span_content, .span_content_full {
		float: none;
		width: 100%;
		max-width: 700px;
		margin: 0 auto;	}
		
	.span_sidebar {
		clear: both;
		width: 100%;
		max-width: 100%;
		float: none;
		margin: 35px 0 0;
		padding-top: 55px;
		border-top: 1px solid #ecebec;
	}
	
	.top-bar {
		margin: 0;
		width: auto;
		height: auto;
		display: inline-block;
	}
	#top, #main, .hideonmobile {
		display: none;
	}
	.top-bar, .top-search {
		display: none;
	}
	.header-spacer {
		height: 58px;
	}
	.header {
		padding: 60px 0 0px;
		text-align: center;
	}
		.header:after {
			top: -28px;
		}
	.header .logo {
		float: none;
		text-align: center;
		margin: 0 auto;
		width: 88%;
		max-width: 440px;
		z-index: 10;
		}
		
		.header .logo a {
		    width: 100%;
		    height: 0;
		    padding-bottom: 35%;
		}
	.header .header-search {
		display: inline-block;
		vertical-align: middle;
		float: none;
		margin: 5px auto;
	}
	
	.topsidebar, .midsidebar, .lowersidebar {
		float: none;
		margin: 0 auto;
		width: 100%;
		max-width: 340px;
	}
	.footer, .footer .wrap {
		overflow: visible;
	}
	
	.footer .press {
		padding: 0 10px;
	}
		.footer .press .wp-block-group__inner-container {
			display: block;
			margin: 0 auto 0;
			align-items: center;
			justify-content: center;
			gap: 20px;
		}
	.footer .press h2 {
		color: #afb0b1;
		float: none;
		margin: 0 0 0 0;
		width: 100%;
		text-align: center;
		padding-top: 0%;
		clear: none;
		display: inline-block;
		vertical-align: middle;
	}
	.footer .press img {
		width: 100%;
		float: none;
		clear: none;
	}
	
	ul.instagram-pics {
		width: 83.3334%;
	}
		ul.instagram-pics li {
			width: -moz-calc(100% / 5);
			width: -webkit-calc(100% / 5);
			width: calc(100% / 5);
		}
			ul.instagram-pics li:nth-child(6), ul.instagram-pics li:nth-child(7) {
				display: none;
			}
	.instagram-footer p.clear {
		width: 16.6666%;
		padding-bottom: 16.6666% !important;
	}

	.sub-footer {
		padding: 10px 0 20px;
	}
		.sub-footer .wrap {
			display: block;
			text-align: center;
			justify-content: space-between;
		}
		.sub-footer .footer-nav {
			text-align: center;
			width: 100%;
			font-size: 13px;
			margin: 15px 0;
		}
		.sub-footer .copyright {
			text-align: center;
			width: 100%;
		}

	
}
@media ( max-width : 768px ) {
	.teaser-posts.items-3-col {
		gap: 4vw;
		row-gap: 4vw;
		grid-template-columns: repeat(2, 1fr);
	}
		.teaser-posts.items-3-col .item .title {
			font-size: 30px;
			font-size: clamp(18px, 4.5vw, 30px);
		}
	.items-5-col, .items-6-col {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 4vw;
	}
		.items-6-col .item, .items-5-col .item {
			width: 30%;
		}
		.items-5-col .item .title, .items-6-col .item .title {
			font-size: 20px;
			font-size: clamp(14px, 3vw, 20px);
		}
	
	.items-7-col, .items-8-col {
		gap: 2vw;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.icons-block:after {
		height: 25%;
	}
	.icons .item .title, .sidebar .icons .item .title {
		font-size: clamp(8px, 3vw, 12px);
		white-space: nowrap;
		letter-spacing: .08em;
		margin: 10px 0 0;
	}
	
	.home-sections {
		display: flex;
		flex-flow: column;
		gap: 75px;
	}
	.upper-home-sections {
		clear: both;
		margin-bottom: 10vw;
	}
	.upper-home-sections .home-section.has-background {
		padding: 4vw 0;
	}
	.lower-home-sections {
		margin: 6vw 0 0;
	}
	.home-sections .home-section.has-background, .footer .home-section.has-background {
		padding: 6vw 0;
	}
		.home-section.has-background.optin-block {
			padding: 15px 0 0;
		}
	
	
	.footer-ad, .header-ad, .footer-widget.ad {
		display: none;
	}
	.footer .popular-posts h3.widget-title {
		width: 100%;
		float: none;
		text-align: center;
		padding: 0;
	}
	.footer .featured {
		width: 100%;
		float: none;
	}
	.footer .featured .item {
		width: 15%;
		float: left;
		margin: 0 2% 0 0;
	}


}
@media ( max-width : 680px ) {
	.home-section.about {
		padding: 6vw 0 !important;
		margin: 0px 0;
	}
	.home-section .widget-content {
		display: block;
	}
	.home-section .widget-content .image {
		width: 46%;
		margin: 0 auto 25px;
		text-align: center;
	}
	.home-sections .home-section.image-blocks {
		margin-top: 0;
	}
	.home-sections .home-section.image-blocks h2.block-title {
		font-size: 8vw;
		margin: 0 0 20px;
	}

	.home-sections .home-section .image-block-content {
		display: block;
	}	
	.home-sections .home-section .image-block-content .image {
		width: 300px;
		margin: 0 auto -150px;
	}
		.home-sections .home-section .image-block-content .image img {
			display: block;
			width: 100%;
			height: auto;
		}
		
	.home-sections .home-section .image-block-content .caption, .home-sections .home-section .image-block-content:nth-child(2n) .caption {
		text-align: center;
		background-color: #ffffff;
		margin-left: 0;
		margin-right: 0;
		padding: 170px 15px 15px 15px;
		position: relative;
		z-index: 1;
	}	
	
}

@media ( max-width : 600px ) {
	.items-4-col {
		gap: 4vw;
		row-gap: 4vw;
		grid-template-columns: repeat(2, 1fr);
	}
		.items-4-col .item .title {
			font-size: 24px;
			font-size: clamp(18px, 3.5vw, 24px);
		}
	.sidebar .items-4-col {
		gap: 4vw;
		row-gap: 4vw;
		grid-template-columns: repeat(2, 1fr);
	}
	
	.inner-post .subscribe {
		margin-top: 120px
	}
	.inner-post .subscribe h3.widget-title:before {
		float: none;
		margin: -120px auto 10px;
	}
	.inner-post .subscribe h3.widget-title {
		text-align: center
	}
	.inner-post .subscribe p {
		text-align: center
	}
	h1.post-title {
		text-align: center;
	}
	.breadcrumbs {
		text-align: center
	}
	.post-meta {
		text-align: center
	}
}
@media ( max-width : 530px ) {
	
	.divider, .latest, .home-section .block-title {
		margin: 0 0 10px;
		font-size: 6vw;
		font-size: clamp(18px, 6vw, 24px);
	}
	.home-sections .home-section .image-block-content .caption h3 {
		font-size: 30px;
	}
	
	.optin-content {
		background: url(images/subscribe@2x.png) no-repeat left bottom;
		background-size: auto 60%;
		display: block;
		padding: 10px 0 15px 100px;
	}
	.optin-content .caption .block-title {
		font-size: 5.5vw;
	}
	.optin-content .email-form {
		flex-wrap: wrap;
	}
	.email-input {
		font-size: 16px;
		padding: 0 12px;
		height: 48px;
		line-height: 48px;
		width: 100%;
	}
	.email-submit {
		font-size: 13px;
		letter-spacing: .12em;
		padding: 0px 10px;
		height: 48px;
		line-height: 48px;
		border-radius: 12px;
		white-space: nowrap;
		text-wrap: nowrap;
		width: 100%;
	}
}

@media ( max-width : 470px ) {
	.top-cta {
		height: auto;
		min-height: auto;
		position: relative;
	}
	.top-cta p {
		margin: 0;
		font-size: 11px;
		line-height: 1.3;
		padding-left: 80px;
	}
	.top-cta a {
		margin-top: 3px;
		display: block;
	}
	.top-cta p img {
		float: none;
		margin: 0 10px 0;
		display: inline;
		position: absolute;
		left: -8px;
		top: 4px;
	}
	
}
@media ( max-width : 450px ) {
	
	.meta-bottom .left, .meta-bottom .right {
		width: 100%;
		float: none;
		text-align: center;
		margin: 0 0 5px;
	}
}
@media ( max-width : 425px ) {	
	
	.footer .featured .item {
		width: 31%;
		float: left;
		margin: 0 3.5% 3.5% 0;
	}
		.footer .featured .item:nth-child(3n) {
			margin-right: 0;
		}
	#comment-list li {
		padding: 16px; }
	#comment-list .avatar    {
		width: 42px;
		height: 42px; }
}
@media ( max-width : 385px ) {
	
	.teaser-post h2.post-title {
		font-size: 16px;
	}
	.home-section h4 {
		font-size: 12px;
	}
	.archives .archive-post {
		width: 48%;
		float: left;	
		clear: none !important;
		margin-right: 4% !important;
		margin-bottom: 15px;
		text-align: center;
	}
	.archive-post:nth-of-type(2n) {
		margin-right: 0 !important;
	}
	.archive-post:nth-child(2n+1) {
		clear: both !important;
	}
	
	.archiveslist {
	    overflow: hidden;
	    -moz-column-count: 2;
	    -moz-column-gap: 10px;
	    -webkit-column-count: 2;
	    -webkit-column-gap: 10px;
	    column-count: 2;
	    
	}
	
	.relatedposts .archives .archive-post:nth-child(3) {
		display: none;
	}
	
}