#main-wrapper { padding-top: 64px; }
#primary { padding-top: 12px; }

/* header */
.home nav { display: inline-block; vertical-align: top; margin-bottom: 0; }
.home .explore { width: 53.25%; }
.home .quick-links { width: 38.75%; margin-left: 8%; }

.home nav h3, .home-cat h1 { position: relative; margin-bottom: 24px; font-family: 'Poppins', serif; font-weight: 600; text-transform: uppercase; }
.home nav h3 { margin-bottom: 12px; }
.home nav h3 span, .home-cat h1 span { background: #fff; padding: 0 12px 0 0; position: relative; z-index: 2; }
.home nav h3:after, .home-cat h1:after { background: #f8f8f8; content: ''; height: 9px; position: absolute; right: 0; top: 19px; width: 100%; }
.home nav h3 { font-size: 23px; }

.home-cat h1 { margin-bottom: 16px; font-size: 26px; }
.home-cat h1:after { top: 22px; }

.home nav ul { margin: 0; padding: 0; list-style-type: none; }
.home nav li { display: inline-block; vertical-align: bottom; text-align: center; }
.home nav li { margin: 0 3.75%; }
.home nav.explore ul { margin-left: -3.75%; }
.home .explore li { margin-bottom: 24px; }
.home .explore a { display: block; width: 116px; color: inherit; font-size: 16px; font-family: 'Poppins', serif; transition: color .5s; }
.home .explore a:hover { color: #0d57c0; text-decoration: none; }
.home .explore a:before { content: ''; display: block; margin: 0 auto 12px auto; width: 95px; height: 85px; background: url('../img/icons-explore.png') -12px -16px no-repeat; }

.home .nav-org a:before { width: 70px; background-position: -205px -14px; }
.home .nav-str a:before { width: 103px; background-position: -349px -12px; }
.home .nav-diy a:before { width: 68px; background-position: -531px -15px; }
.home .nav-diy { margin-right: 0; }

.home nav.quick-links-footer { display: none; }
.home nav.quick-links ul { margin-left: -4%; }
.home .quick-links li { width: 46%; margin: 0 0 4% 4%; font-size: 14px; }
.home .quick-links a { display: block; padding: 8px 0; color: #fff; font-family: 'Poppins', serif; background-color: #0d57c0; transition: background-color .5s; }
.home .quick-links a:hover { background-color: #1d67d0; text-decoration: none; }

@media (max-width:1200px) {
	.home nav.explore ul { margin-left: -2.5%; }
	.home .explore li { margin:0 1.6% 32px 1.6%; }
}

@media (max-width:1023px) {
	.home nav.explore ul { margin-left: -2.5%; }
	.home .explore li { margin:0 .95% 32px .95%; }
}

@media (max-width:959px) {
	.home nav.explore ul { margin-left: 0; }
	.home .explore li { margin:0 10% 32px 10%; }
	
	.home .quick-links ul { margin-top: 36px; }
	.home .quick-links li { display: block; width: 100%; margin: 0 0 24px 0; }
}

@media (max-width:767px) {
	#main-wrapper { padding-top: 60px; }
	
	.home nav.quick-links-header, .home nav.explore-footer-wide, .home nav.quick-links-footer-wide { display: none; }
	.home nav.quick-links-footer { display: block; }
	
	.home .explore, .home .quick-links { width: 100%; margin: 12px 0 12px 0; }
	.home .explore h3, .home .quick-links h3 { text-align: left; }
	.home .explore { text-align: center; }
	.home .explore li { margin: 0 3%; }

	.home nav.quick-links ul { margin-left: -4%; }
	.home .quick-links li { display: inline-block; width: 46%; margin: 0 0 4% 4%; }
}

@media (max-width:680px) {
	.home .explore li { margin: 0 2%; }
}

@media (max-width:600px) {
	.home nav.explore { margin-bottom: 0; }
	
	.home nav.explore ul { width: 130%; margin-left: -12px; transform: scale(.8); transform-origin: 0 0; white-space: nowrap; overflow-x: scroll; }
	/* 
	.home nav.explore ul { margin-left: -4%; display: flex; }
	.home .explore li { flex: 1; margin: 0; }
	.home .explore a { width: 58px; margin: 0 auto; font-size: 12px; }
	.home .explore a:before { width: 47px; height: 42px; margin-bottom: 8px; background-size: 307px 59px; }	
	.home .explore li.nav-org a { width: 76px; }
	.home .explore li.nav-diy a { width: 69px; }
	
	.home .nav-mov a:before { background-position: -6px -9px; }
	.home .nav-org a:before { width: 35px; background-position: -102px -7px; }
	.home .nav-str a:before { width: 52px; background-position: -174px -6px; }
	.home .nav-diy a:before { width: 34px; background-position: -265px -7px; }
	*/

	.home .quick-links h3 { margin-bottom: 24px; }
	.home .quick-links ul { margin-top: 16px; }
	.home .quick-links li  { font-size: 16px; }
}


/* post area */
.post-featured-wrapper, .post-wrapper { display: inline-block; vertical-align: top; }
.post-featured-wrapper { width: 47%; }
.post-wrapper { float: right; width: 52.5%; }

.post-wrapper > div { display: inline-block; vertical-align: top; width: 43%; margin: 0 0 16px 7%; }

.home-cat .meta-image { margin-bottom: 12px; }
.home-cat h2 { font-size: 18px; line-height: 1.5em; }
.home-cat .entry-content p { font-size: 14px; line-height: 1.5em; }

.home-cat .et_social_inline_top { width: auto; margin: 0; float: left; }
.home-cat .read-more { float: right; font-size: 14px; }
.home-cat .post-wrapper h2.entry-title { height: 77px; font-size: 16px; overflow: hidden; }
.home-cat .post-featured-wrapper .meta-image { max-height: 300px; overflow: hidden; }
.home-cat .post-wrapper .meta-image { max-height: 141px; overflow: hidden; }

.home-cat .et_social_networks .et_social_total_share { padding: 0 0 0 20px !important; background: url(../img/share-16.png) 0 1px no-repeat; }

.cat-more { margin: 4px 0 48px 0; text-align: center; }
.cat-more a { display: inline-block; padding: 8px 48px; color: #fff; font-family: 'Poppins', serif; font-weight: 600; background-color: #2a5baa; text-decoration: none; transition: background-color .5s; }
.cat-more a:hover { background-color: #3a6bba; }

.home-cat.pinterest { margin-bottom: 24px; }
.home-cat.pinterest > div { text-align: center; }
.pin-responsive-wrapper { width: 100%; margin: auto; }
.board-wrapper { margin: auto; text-align: center; }
.board-wrapper span { overflow: hidden; max-width: 100% !important; }


@media (max-width:800px) {
	.post-featured-wrapper, .post-wrapper { display: block; width: 100%; float: none; margin-bottom: 48px; }
	
	.post-wrapper { width: 104%; margin: 0 -2%; }
	.post-wrapper > div	{ width: 46%; margin: 0 2% 32px 2%; }
	
	.post-featured .meta-image { text-align: center; }
	
	.pin-responsive-wrapper { height: 300px; }
	.board-wrapper span { max-height: 300px !important; }
}
@media (max-width:670px) {
	.home-cat h1:after, .home nav h3:after { top: 14px; }
	.home-cat .post-wrapper .read-more { float: none; display: block; margin-top: 0; clear: both; }
	.home-cat .post-wrapper .meta-image { max-height: 103px; }
	
	.home-cat h1.nobar:after { content: none; }
	.home-cat .post-wrapper h2.entry-title { height: 64px; font-size: 15px; line-height: 1.35em; }
	.home-cat .post-wrapper .read-more { font-size: 15px; }
}
@media (max-width:500px) {
	.home-cat .post-wrapper h2.entry-title { height: 77px; margin-bottom: 0; }
}
@media (max-width:400px) {
	.home-cat .post-wrapper .meta-image { max-height: 84px; margin-bottom: 12px; }
	
	.home-cat h1, .home nav h3 { font-size: 17pt; }
	
	.home-cat .meta-image { margin-bottom: 16px; }
	
	.post-wrapper > div + div + div { display: none; }

	.home-cat .post-wrapper h2.entry-title { height: 70px; }
	.home-cat .post-wrapper h2.entry-title, .home-cat .post-wrapper .read-more { font-size: 13px;  }
}
@media (max-width:350px) {
	.home-cat .post-wrapper .meta-image { max-height: 78px; }

	.home-cat h1, .home nav h3 { font-size: 15pt; }

	.home nav.explore { height: 140px; }
	.home nav.explore ul { width: 160%; transform: scale(.65); }

	.home-cat .post-wrapper h2.entry-title, .home-cat .post-wrapper .read-more { font-size: 12px;  }
}