/************************************************* BEGIN RESPONSIVE ************************************************/

@media (max-width:1600px) {
	.section-hero,
	.hero {height:calc(100vh - 330px); max-height:initial; min-height:650px;}
	.section-overview .section-wrapper {max-width:initial;}
	.section-recipe {height:50vw; max-height:initial;}
	.recipe-highlight .item {width:100%; max-width:initial; height:50vw; max-height:initial;}
	.section-recipe .section-title {padding:20px 20px 0;}
	.recipe {height:calc(100% - 103px); padding: 0 20px;}

	.slider {height:calc(100vw / 2); max-height:initial;}
	.slider .item-slide .item-thumb-wrapper {width:calc(100% / 2); max-width:initial; height:calc(100vw / 2); max-height:initial;}
	.slider .item.item-slide .item-title h3 {font-size:42px; line-height:48px;}
	.slider .item.is-highlight.item-slide .item-title h3 {background-size: 200% 22px; background-position: 100% bottom, 100% 36px;}
	.slider .item.is-highlight.item-slide.is-in .item-title h3 {background-size: 200% 6px; background-position: 100% bottom, 100% 52px;}
	.slider .item.is-highlight.item-slide .item-title h3:hover {background-size: 200% 22px; background-position: 100% bottom, 100% 36px;}
	.slider .item-slide .item-author h4 {font-size:18px;}
}

@media (max-width:1460px) {
	.section {padding-left:40px; padding-right:40px;}
	.section-overview {padding-left:0!important; padding-right:0!important;}
	.section-overview .section-wrapper {max-width:calc(100% + 80px);}
	.scroll-up {bottom:20px; right:20px;}

	.featured .item {width:calc(100% - 20.01px);}
	.featured .item {height:200px;}
	.featured .item .item-thumb {width:200px;}
	.featured .item .item-content {width:calc(100% - 200px);}
	.featured .item .item-title {max-width:600px;}
	.featured .item .item-social {display:block; position:absolute; top:50px; right:20px;}
	.featured .item .item-social ul li {display:block; margin:12px 0;}
	.featured .item:first-of-type {height:355px;}
	.featured .item:first-of-type .item-thumb {width:355px;}
	.featured .item:first-of-type .item-content {width:calc(100% - 355px);}
	.featured .item:first-of-type .item-social {top:unset; right:unset;}
	.featured .item:first-of-type .item-social ul li {display:inline-block; margin:inherit;}

	.recipe .item .item-meta {padding:10px 15px;}
	.recipe .item .item-author {margin:6px 0;}

	.carousel .carousel-item {width:calc((100vw - 180px) / 9);}

	body.single.format-mirror .post .the-content h2 {margin-bottom:18px; margin-left:0;}
	body.single.format-recipe .the-recipe .recipe-hero .recipe-box {width:calc(100% / 2); min-height:calc((100vw - 80px) / 2);}
}

@media (max-width:1280px) {
	.featured .item {height:252px!important;}
	.featured .item .item-thumb {width:252px!important}
	.featured .item .item-content {width:calc(100% - 252px)!important;}
	.featured .item .item-title {max-width:600px;}
	.featured .item .item-title h3 {font-size:20px; line-height:22px; margin-top:20px;}
	.featured .item .item-author {margin-top:18px;}
	.featured .item .item-author h4 {font-size:16px;}
	.featured .item .item-social {top:unset; right:unset; bottom:24px; width:100%;}
	.featured .item .item-social ul li {display:inline-block; margin:0;}
	.featured .item:first-of-type .item-title h3 {display:block; font-size:20px; line-height:22px; font-weight:700; background:none!important;}
	.featured .item .item-title h3:hover a {color:var(--primary)!important;}
	.featured .item.historias .item-title h3:hover a {color:var(--story)!important;}
	.featured .item.cronicas .item-title h3:hover a {color:var(--chronicle)!important;}
	.featured .item.receitas .item-title h3:hover a {color:var(--recipe)!important;}
	.featured .item.espelho-meu .item-title h3:hover a {color:var(--mirror)!important;}
	.featured .item.estilos .item-title h3:hover a {color:var(--style)!important;}
	.featured .item.bem-estar .item-title h3:hover a {color:var(--welfare)!important;}
	.featured .item:first-of-type .item-author {margin-top:24px;}

	.recipe .item .item-meta {padding:15px;}
	.recipe .item .item-author {margin:12px 0;}
	.recipe .item .item-excerpt {display:none;}

	.carousel .carousel-item {width:calc((100vw - 180px) / 7);}

	.module h3.entry-title {font-size:28px; line-height:33px;}
	.module .module-excerpt {display:none;}

	.post-type-archive-capa-da-semana .loop-grid .module {width:calc(100% / 3 - 40.01px);}

	.single .post h1.entry-title {font-size:58px; line-height:64px;}

	body.single.format-gallery .slider-header .soliloquy-container ul li.soliloquy-item,
	body.single.format-longform .post .the-content .soliloquy-container ul li.soliloquy-item {margin-right:-292px!important;}
	body.single.format-gallery .slider-header .soliloquy-container .soliloquy-image,
	body.single.format-gallery .slider-header .soliloquy-container .soliloquy-caption,
	body.single.format-longform .post .the-content .soliloquy-container .soliloquy-image,
	body.single.format-longform .post .the-content .soliloquy-container .soliloquy-caption {padding:0 150px;}
}

@media (max-width:1280px) and (min-width:1024px) {
	.grid {margin:0 -10px;}
	.grid .item { width:calc(100% / 4 - 20.01px); margin:10px;}
	.grid .item-meta {padding:0 12px 12px;}
	.grid .item .item-title h3 {font-size:20px; line-height:24px;}
	.grid .item .item-author h4 {font-size:14px;}
	body.home .theme-wrap {margin-bottom:30px;}
	body.home .subscription {margin-bottom:30px;}
	.section-slider,
	.section-chronicle,
	.section-recipe,
	.carousel {margin:40px auto;}
	.post-type-archive-capa-da-semana .loop-grid {margin:-10px -10px 0;}
	.post-type-archive-capa-da-semana .loop-grid .module {width:calc(100% / 3 - 20.01px); margin:10px;}
}

@media (max-width:1023px) {
	.overview-header {height:160px;}
	.header .top-header-box.logo {min-width:350px;}
	.header .top-header-box.logo .td-logo {width:350px;}
	.search-form .search-box input[type=text] {height:60px; font-size:32px; line-height:36px;}
	.search-form .search-box.search-submit {margin:20px 5px 0 20px;}
	.search-form .search-box.search-close {margin-top:20px;}

	.grid .item {width:calc(100% / 2 - 40.01px);}
	.section-recipe {height:auto;}
	.section-recipe .section-title {width:100%; padding:40px 40px 0;}

	.slider .item.item-slide .item-title h3 {font-size:32px; line-height:38px;}
	.slider .item.is-highlight.item-slide .item-title h3 {background-size:200% 16px; background-position:100% bottom, 100% 30px;}
	.slider .item.is-highlight.item-slide.is-in .item-title h3 {background-size:200% 5px; background-position:100% bottom, 100% 40px;}
	.slider .item.is-highlight.item-slide .item-title h3:hover {background-size:200% 16px; background-position:100% bottom, 100% 30px;}

	.recipe {width:100%; height:auto; padding:20px 40px;}
	.recipe .item {height:135px;}
	.recipe .item .item-thumb {width:135px;}
	.recipe .item .item-meta {width:calc(100% - 135px);}
	.recipe .item .item-excerpt {display:block;}
	.recipe-highlight .item .item-title h3 {font-size:32px; line-height:38px; background-size:200% 5px; background-position:100% bottom, 100% 40px;}
    .recipe-highlight .item .item-title h3:hover {background-size:200% 16px; background-position:100% bottom, 100% 30px;}

    .carousel .carousel-item {width:calc((100vw - 180px) / 6);}

    .container.has-sidebar .wrapper,
	.single .container.has-sidebar .post-wrapper {display:block;}
	.container.has-sidebar .main-area {width:100%;}
	.container.has-sidebar .sidebar-area {width:calc(100% + 80px); background:var(--white); margin:40px -40px; padding:40px;}
	.container.has-sidebar .sidebar-area .sidebar-area-box {position:relative; top:0!important; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap;}
	.container.has-sidebar .sidebar-area-box aside.widget_custom_html {width:100%;}
	.container.has-sidebar .sidebar-area-box .sidebar-posts-wrapper {width:calc(100% - 340px);}
    .container.has-sidebar .sidebar-area-box .cover {width:300px; margin-left:40px;}

	.container.has-sidebar .sidebar-area .mrec-wrapper {width:360px; padding:30px 0; margin-bottom:10px!important; border:1px solid #ccc;}
	.container.has-sidebar .sidebar-area .mrec {margin:0 auto;}
	.container.has-sidebar .sidebar-area .mrec:after {content:'PUBLICIDADE'; position:absolute; bottom:-43px; right:unset; left:calc(50% - 60px); width:120px; height:27px; background:var(--white); text-align:center; line-height:27px; border:1px solid #ccc;}
	.container.has-sidebar .sidebar-area .block-title {text-align:center;}

	.mrec-content.mrec-mobile {display:block;}

	body.archive .container.has-sidebar .wrapper {margin-bottom:40px;}

    .module .module-thumb {width:150px; height:150px;}
	.module .module-meta {width:calc(100% - 150px); padding-left:20px;}

	.related-posts {margin-bottom:20px;}

	.blog-thumb {width:100px; height:100px;}
	.blog-meta {width:calc(100% - 100px); padding-left:20px;}
	.blog-header h1.entry-title.page-title {font-size:36px; line-height:48px;}
	.blog-header h2 {font-size:16px;}

	.single .post .post-content-wrapper {text-align:center;}
	.single .post h1.entry-title {font-size:50px; line-height:56px;}
	.single article.post {margin-bottom:40px;}
	.single:not(.format-longform) .post .the-content .soliloquy-outer-container {width:100%!important; left:0!important;}

	body.single.format-gallery .slider-header .soliloquy-container ul li.soliloquy-item,
	body.single.format-longform .post .the-content .soliloquy-container ul li.soliloquy-item {margin-right:-192px!important;}
	body.single.format-gallery .slider-header .soliloquy-container .soliloquy-image,
	body.single.format-gallery .slider-header .soliloquy-container .soliloquy-caption,
	body.single.format-longform .post .the-content .soliloquy-container .soliloquy-image,
	body.single.format-longform .post .the-content .soliloquy-container .soliloquy-caption {padding:0 100px;}
	body.single.format-chronicle .post .blog-header h2.entry-title.page-title {font-size:36px; line-height:48px;}
	body.single.format-chronicle .post .blog-header .post-author-name {font-size:16px;}
	body.single.format-recipe .the-recipe .recipe-hero .recipe-ingredients p,
	body.single.format-recipe .the-recipe .recipe-hero .recipe-ingredients ul li,
	body.single.format-recipe .the-recipe .recipe-hero .recipe-ingredients ol li {font-size:16px; line-height:22px;}

	.subfooter {width:calc(100% + 40px); margin:0 -20px;}
	.subfooter-block { width:calc(100% / 3); padding:0 20px;}
	.subfooter .block-title h2 { font-size:22px; line-height:26px;}
	.footer-social {position:relative; top:0; right:initial; width:100%; border-top:1px solid var(--white); padding-top:20px; margin-top:20px;}
	.footer-social ul {margin:0 -6px;}
	.footer-social ul li {display:inline-block; margin:0 6px;}
	.footer-content {margin-top:20px; padding-top:20px;}
}


@media (max-width:1023px) and (min-width:768px) {
	.featured .item .item-thumb {display:none!important;}
	.featured .item .item-content {width:100%!important;}
	.featured .item .item-social {display:block!important; position:relative!important; top:calc(100% - 70px)!important; bottom:initial!important;}
	
	.slider-navigation {width:65px; height:30px;}
	.slider-navigation .navigation-item {width:30px; height:30px; font-size:10px; line-height:26px;}
    .slider-navigation .navigation-item.next {left:35px;}

	.recipe-highlight {position:relative; left:0; width:100%; height:calc((100vw / 2) - 40px); padding:0 40px;}
	.recipe-highlight .item {display:-webkit-flex; display:flex; height:100%;}
	.recipe-highlight .item .item-thumb-wrapper {position:relative; width:50%;}
	.recipe-highlight .item .item-meta {position:relative; background:var(--dark-10); width:50%;}
	.recipe-highlight .item .item-social {width:50%; right:0;}

	.sidebar-posts .item .item-thumb {width:90px; height:90px;}
	.sidebar-posts .item-content {width:calc(100% - 90px);}
	.sidebar-posts .item .item-title h3 {font-size:20px; line-height:24px;}

	body.single.format-chronicle .post h1.entry-title {font-size:42px; line-height:48px;}
	body.single.format-chronicle .post .post-content .post-lead p {font-size:22px; line-height:30px;}
}

@media (max-width:940px) {
	body.single.format-recipe .post-content-social {position:relative!important; top:0!important; width:100%!important; margin:20px 0;}
	body.single.format-recipe .post-content-social .social-share-buttons {margin-top:0; text-align:center;}
	body.single.format-recipe .post-content-social .social-share-buttons ul li {display:inline-block;}
	body.single.format-longform .post-content-social {position:relative!important; top:0!important; width:100%!important; margin:20px 0;}
	body.single.format-longform .post-content-social .social-share-buttons {text-align:center;}
	body.single.format-longform .post-content-social .social-share-buttons ul li {display:inline-block;}
	body.single.format-longform .post .post-content-wrapper {margin-top:0;}
}


@media (max-width:900px) and (min-width:768px) {
	.carousel .carousel-item {width:calc((100vw - 180px) / 5);}
}

@media (max-width:767px) {
	.header,
	.container,
	.section {padding-left:20px; padding-right:20px;}

	.overview-header {height:149px;}
	.header .top-header-box.logo {min-width:300px;}
	.header .top-header-box.logo .td-logo {width:300px;}
	
	body.archive .container.has-sidebar .wrapper,
	body.search .container.has-sidebar .wrapper,
	body.page .post .container.has-sidebar .wrapper {margin-bottom:30px;}

	.section.has-sidebar .section-wrapper {display:block;}
	.section.has-sidebar .main-area {width:100%;}
	.section.has-sidebar .sidebar-area,
	.container.has-sidebar .sidebar-area {width:calc(100% + 40px); background:var(--white); margin:20px -20px; padding:20px;}
	.section.has-sidebar .sidebar-area .mrec-wrapper{width:360px; padding:30px 0; margin-bottom:10px auto 30px!important; border:1px solid #ccc;}
	.section.has-sidebar .sidebar-area .mrec{margin:0 auto;}
	.section.has-sidebar .sidebar-area .mrec:after {content:'PUBLICIDADE'; position:absolute; bottom:-43px; right:unset; left:calc(50% - 60px); width:120px; height:27px; background:var(--white); text-align:center; line-height:27px; border:1px solid #ccc;}
	.container.has-sidebar .sidebar-area .mrec-wrapper {margin:10px auto 30px!important;}
	.section.has-sidebar .sidebar-area .block-title {text-align:center;}

	.sidebar-posts-wrapper,
	.cover {margin:40px auto!important;}
	.container.has-sidebar .sidebar-area-box .sidebar-posts-wrapper {width:calc(100% - 320px);}
	.container.has-sidebar .sidebar-area-box .cover {width:300px; margin:20px auto; margin-left:20px;}

	body.home .cover {margin-bottom:0!important;}
	body.home .subscription {margin-top:10px; margin-bottom: 20px;}
	
	.block-title {margin-bottom: 30px;}

	.section-hero,
	.hero {height:calc(100vh - 292px); max-height:initial; min-height:initial;}

	.section-hero {margin-bottom:20px;}
	.hero .item-meta {width:100%; padding:0 40px;}

	.section-featured {margin-bottom:0;}
	.featured {margin: 0 -10px;}
	.featured .item:last-of-type {margin-bottom:0;}

	.subscription {margin-bottom:10px;}
	.subscription {padding:20px;}
	.subscription h2 {font-size:20px;}
	.subscription p {font-size:14px;}
	.subscription .subscription-form {margin:12px 0 0;}
	.subscription .input-box input[type=email] {font-size: 28px; line-height: 32px;}
	.subscription .input-box input[type=submit] {top:0; font-size:12px;}
	
	.grid {margin:0 -10px;}
	.grid .item { width:calc(100% / 2 - 20.01px); margin:10px;}
	.grid .item-meta {padding:0 12px 12px;}
	.grid .item .item-title h3 {font-size:20px; line-height:24px;}
	.grid .item .item-author h4 {font-size:14px;}

	.section-slider {margin:20px auto;}
	.slider {height:100vw;}
	.slider .item-slide .item-thumb-wrapper {width:100%; height:100vw;}
	.slider .item-slide .item-thumb-wrapper .item-thumb:after {content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:rgba(0,0,0,.2); background:-webkit-linear-gradient(-135deg, rgba(0,0,0,.25) 75%,rgba(0,0,0,0) 100%);  background:linear-gradient(-135deg, rgba(0,0,0,.25) 75%,rgba(0,0,0,0) 100%); }
	.slider .item-slide .item-content {left:0; width:100%;}
	.slider .item.item-slide .item-title h3 {font-size:42px; line-height:48px;}
	.slider .item.is-highlight.item-slide .item-title h3 {background-size: 200% 22px; background-position: 100% bottom, 100% 36px;}
	.slider .item.is-highlight.item-slide.is-in .item-title h3 {background-size: 200% 6px; background-position: 100% bottom, 100% 52px;}
	.slider .item.is-highlight.item-slide .item-title h3:hover {background-size: 200% 22px; background-position: 100% bottom, 100% 36px;}
	.slider .item.item-slide .item-title h3 a,
	.slider .item.item-slide .item-title h3 a:hover {color:var(--white)!important;}
	.slider .item-slide .item-author h4,
	.slider .item-slide .item-author h4 a {color:var(--white);}
	.slider .item-slide .item-social ul li a {color:var(--white);}
	.slider .item-slide .item-social ul li a:hover {color:var(--primary);}
	.slider .item-slide.historias .item-social ul li a:hover {color:var(--story);}
	.slider .item-slide.cronicas .item-social ul li a:hover {color:var(--chronicle);}
	.slider .item-slide.espelho-meu .item-social ul li a:hover {color:var(--mirror);}
	.slider .item-slide.receitas .item-social ul li a:hover {color:var(--recipe);}
	.slider .item-slide.estilos .item-social ul li a:hover {color:var(--style);}
	.slider .item-slide.bem-estar .item-social ul li a:hover {color:var(--welfare);}
	.slider-navigation .navigation-item {background:rgba(255,255,255,.95);}

	.section-chronicle {margin:20px auto; padding:30px 0 0;}
	.section-chronicle .section-sidebar {background:none!important; margin-top:10px!important; margin-bottom:10px!important;}
	.section-chronicle .mrec:after {background:var(--chronicle)!important; color:#ccc!important;}

	.assinatura {margin-top:20px;}
	.assinatura .slogan {position:relative; left:0; width:100%; height:60px;}
	.assinatura .offer {position:relative; bottom:0; display:block; width:100%; height:165px;}
	.assinatura .offer-device {position:absolute; left:calc(50% - 160px); bottom:17px; width:130px;}
	.assinatura .offer-box {left:calc(50% - 10px); width:150px; margin:32px 0;}
	.assinatura .button-full {display:inline-block;position:relative; top:12px; left:0;}
	.assinatura .button-full:hover {left:0;}

	.section-recipe {margin:20px 0;}
	.section-recipe .section-title {padding:30px 20px 0;}
	.recipe-highlight {position:relative; left:0; width:100%; padding:0 20px;}
	.recipe-highlight .item {height:calc(100vw - 40px);}
	.recipe-highlight .item .item-thumb-wrapper .item-thumb:after {background:-webkit-linear-gradient(-135deg, rgba(0,0,0,.25) 75%,rgba(0,0,0,0) 100%); background:linear-gradient(-135deg, rgba(0,0,0,.25) 75%,rgba(0,0,0,0) 100%);}
	.recipe {padding:20px 20px 10px;}
	.recipe-highlight .item .item-title h3 {font-size:42px; line-height:48px; background-size:200% 6px; background-position:100% bottom, 100% 52px;}
	.recipe-highlight .item .item-title h3:hover {background-size:200% 22px; background-position:100% bottom, 100% 36px;}

	.carousel {margin:20px auto;}
	.carousel .carousel-item {width:calc((100vw - 140px) / 4);}

	.blog-header h1.entry-title.page-title {font-size:32px; line-height:44px;}
	.blog-header h2 {font-size:15px;}

	.post-type-archive-capa-da-semana .loop-grid {margin:-10px -10px 0;}
	.post-type-archive-capa-da-semana .loop-grid .module {width:calc(100% / 2 - 20.01px); margin:10px; padding-bottom:5px;}
	.post-type-archive-capa-da-semana .loop-grid .module h3.entry-title {margin:10px 0 0;}

	.single article.post {margin-bottom:40px;}
	.single .post h1.entry-title {font-size:48px; line-height:54px;}

	.related-posts.related-same-category {margin-bottom:30px;}

	body.single.format-gallery .slider-header {margin:0;}
	body.single.format-gallery .slider-header .soliloquy-container ul li.soliloquy-item,
	body.single.format-longform .post .the-content .soliloquy-container ul li.soliloquy-item {margin-right:0!important;}
	body.single.format-gallery .slider-header .soliloquy-container .soliloquy-image,
	body.single.format-gallery .slider-header .soliloquy-container .soliloquy-caption,
	body.single.format-longform .post .the-content .soliloquy-container .soliloquy-image,
	body.single.format-longform .post .the-content .soliloquy-container .soliloquy-caption {padding:0;}
	body.single.format-longform .post .post-header-content,
	body.single.format-longform .post .post-content-box {padding:0 20px;}
    body.single.format-longform .post .the-content .gallery {display:block; margin:40px 0;}
    body.single.format-longform .post .the-content .gallery figure {margin:12px 0;}
	body.single.format-longform .post .the-content figure.alignnone figcaption,
	body.single.format-longform .post .the-content .gallery figcaption
	body.single.format-longform .post .the-content .soliloquy-caption.soliloquy-caption-bottom {width:calc(100% - 40px); margin:9px 20px 0;}
	body.single.format-chronicle .post .blog-header h2.entry-title.page-title {font-size:32px; line-height:44px;}
	body.single.format-chronicle .post .blog-header .post-author-name {font-size:15px;}
	body.single.format-chronicle .post .the-columns {-webkit-column-count:1; column-count:1;}
	body.single.single-horoscopo .post .post-content-box {display:block; position:relative;}
	body.single.single-horoscopo .zodiac-navigation {position:absolute; top:-140px; height:150px;}
	body.single.single-horoscopo .zodiac-navigation.zodiac-previous {left:0;}
	body.single.single-horoscopo .zodiac-navigation.zodiac-next {right:0;}
	body.single.single-horoscopo .post .the-content {width:100%; padding-top:40px;}
	body.single.single-horoscopo .post .the-content .zodiac-content {padding:0;}
	body.single.format-recipe .the-recipe .recipe-hero {display:block; background:none;}
	body.single.format-recipe .the-recipe .recipe-hero .recipe-box {width:100%; min-height:initial;}
	body.single.format-recipe .the-recipe .recipe-hero .recipe-image-content {height:100vw;}

	.footer {margin-top:30px; padding-top:30px;padding-bottom:30px;}
	.subfooter .block-title h2 {font-size:20px; line-height:24px;}
	.footer-box p {font-size:13px;}
}


@media (max-width:680px) {
	.overview-header {position:sticky; top:0; height:65px; background:var(--beige);}
	.header-wrapper {position:relative;}
	.header .top-header {padding:10px 0; border-color:var(--dark);}
	.header .top-header-box.left .toggle-menu {height:30px; opacity:1; -webkit-transition:all .35s ease-in, opacity .4s ease-in .3s; transition:all .35s ease-in, opacity .4s ease-in .3s;}
	.header .top-header-box.left .logo-JN {display:none;}
	.header .top-header-box.logo {min-width:184px;}
	.header .top-header-box.logo .td-logo {width:184px;}
	.header .top-header-box.right .toggle-search {width:30px; height:30px; font-size:14px; line-height:26px; margin-left:50px;}
	.header .menu-wrapper {display:none;}

	body.is-over .header .top-header-box.left .toggle-menu {border-color:var(--white);}
	body.is-over .header .top-header-box.left .toggle-menu span,
	body.is-over .header .top-header-box.left .toggle-menu span:before,
	body.is-over .header .top-header-box.left .toggle-menu span:after {background: var(--white);}

	body.is-over.is-sticky .header .top-header-box.left .toggle-menu {border-color:var(--dark);}
	body.is-over.is-sticky .header .top-header-box.left .toggle-menu span,
	body.is-over.is-sticky .header .top-header-box.left .toggle-menu span:before,
	body.is-over.is-sticky .header .top-header-box.left .toggle-menu span:after {background: var(--dark);}

	body.is-over.search-is-open .header .top-header-box.left .toggle-menu {border-color:var(--dark);}
	body.is-over.search-is-open .header .top-header-box.left .toggle-menu span,
	body.is-over.search-is-open .header .top-header-box.left .toggle-menu span:before,
	body.is-over.search-is-open .header .top-header-box.left .toggle-menu span:after {background: var(--dark);}

	body.is-over.menu-is-open .overview-header {background:var(--beige)!important;}
	body.is-over.menu-is-open .header .top-header {border-color:var(--dark)!important;}
	body.is-over.menu-is-open .header .top-header-box.logo .td-logo .svg path.fill-magazine {fill:#1A1919!important;}
	body.is-over.menu-is-open .header .top-header-box.right .toggle-search {color:var(--dark);}

	body.menu-is-open .mobile-menu {opacity:1; visibility:visible; z-index:9998;}
	.search-form-container {top:65px; height:calc(100vh - 65px);}
	.search-form-container .search-form .search-form-content {position:relative; display:block;}
	.search-form-container .search-form .search-box.search-input {width:100%;}
	.search-form-container .search-form .search-box.search-submit {position:absolute; top:80px; right:45px; margin:0;}
	.search-form-container .search-form .search-box.search-close {position:absolute; top:80px; right:0; margin:0;}

	.search-page.search-wrap .search-form .search-box.search-input {width:calc(100% - 120px);}
	.search-page.search-wrap .search-form .search-box.search-submit {margin:20px 0 0 20px;}

	.mobile-menu ul.main-menu li {font-size:42px; line-height:60px;}

	.container.has-sidebar .sidebar-area .sidebar-area-box {display:block;}
	.container.has-sidebar .sidebar-area-box .sidebar-posts-wrapper {width:300px;}
    .container.has-sidebar .sidebar-area-box .cover {margin-left:auto;}

	.subscription .input-box.input-email {width:calc(100% - 110px);}
	.subscription .input-box input[type=email] {font-size:24px; line-height:28px;}
	.subscription .input-box.input-submit {width:90px; height:36px;}
	.subscription .input-box input[type=submit] {height:36px;font-size:11px;}

  	.section-hero,
	.hero {height:calc(100vh - 220px); max-height:initial; min-height:initial;}

  	.section-hero .item.is-highlight .item-title h3 {font-size:42px; line-height:48px; background-size:200% 6px; background-position:100% bottom, 100% 52px;}
	.section-hero .item.is-highlight .item-title h3:hover {background-size:200% 22px; background-position:100% bottom, 100% 36px;}
	
	.featured .item {height:180px!important;}
	.featured .item .item-thumb {width:180px!important}
	.featured .item .item-content {width:calc(100% - 180px)!important;}
	.featured .item-meta-box {padding:0 20px!important;}
	.featured .item .item-author {margin-top:12px!important;}
	.featured .item .item-author h4 {font-size:14px!important;}
	.featured .item .item-social {display:none!important;}

	.grid .item {width:calc(100% - 20.01px); border-bottom:1px solid var(--dark); padding-bottom:20px;}
	.grid .item:last-of-type {border-bottom:none; padding-bottom:0;}
	.grid .item .item-box {display:-webkit-flex; display:flex; width:100%;}
	.grid .item .item-thumb {width:100px;}
	.grid .item .item-content {width:calc(100% - 100px); text-align:left; padding-left:12px; margin-top:0;}
	.grid .item .item-meta {padding:0; margin-top:9px; border:none;}
	.grid .item .item-title {height:auto;}
	.grid .item .item-title h3 {margin:0;}
	.grid .item .item-author {display:none;}

	.slider-navigation {width:70px; height:30px;}
	.slider-navigation .navigation-item {width:30px; height:30px; font-size:10px; line-height:26px;}
    .slider-navigation .navigation-item.next {left:40px;}

	.recipe .item {height:100px;}
	.recipe .item .item-thumb {width:100px;}
	.recipe .item .item-meta {width:calc(100% - 100px); padding:10px;}
    .recipe .item .item-excerpt {display:none;}

	.carousel .carousel-item {width:calc((100vw - 140px) / 3);}

	.category-header,
	.search-header,
	.page .post .page-header,
	.blog-header {margin:40px auto;}
	.block-title h1 {font-size:42px; line-height:42px;}

	.author-header {margin:30px 0; padding-bottom:30px;}
	.author-thumb {width:100px; height:100px;}
	.author-meta {width:calc(100% - 140px); padding:0 20px;}
	.author-header h1.entry-title.page-title {font-size:38px;}
	.author-info {display:none;}

	.blog-header h1.entry-title.page-title {font-size:30px; line-height:34px; margin-bottom:6px;}

	.single .post .post-title-box {min-height:initial;}
	.single .post .post-title-meta {width:100%;}
	.single .post .post-header-social {display:block; position:relative; top:0; right:initial; width:auto; height:auto; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid var(--dark);}
	.single .post .post-header-social ul li {display:inline-block; margin:0 6px 0 0;}
	.single .post .post-meta-info {display:block;}
	.single .post .post-author-name,
	.single .post .post-credits {margin-bottom:3px;}
	.single .post .post-author-name:after,
	.single .post .post-credits:after {display:none;}
	.single .post h1.entry-title {font-size:42px; line-height:48px;}
	.single .post .the-content iframe.wp-embedded-content {max-height:174px;}

	body.single.format-video .post .post-header-social {border-color:var(--beige);}
	body.single.format-longform .post .post-meta-box {display:block;}
	body.single.format-chronicle .post .blog-header h2.entry-title.page-title {font-size:30px; line-height:34px; margin-bottom:6px;}
	body.single.format-chronicle .post h1.entry-title {font-size:42px; line-height:48px;}
	body.single.format-chronicle .post .post-content .post-lead p {font-size:22px; line-height:30px;}
	body.single.format-brandstory .post-brandstory {margin-top:30px;}
	body.single.format-brandstory .post-brandstory img {display:block; top:0; margin:9px auto;}
	body.single.format-brandstory .post-brandstory-info {margin-bottom:0;}
	body.single.single-capa-da-semana .post .post-title-box {margin-bottom:20px;}
	body.single.single-horoscopo .post h1.entry-title {font-size:42px; line-height:48px;}
	body.single.format-recipe .post .post-meta-box ul li {display:block;}
	body.single.format-recipe .post .post-credits:before {display:none;}
	body.single.format-recipe .the-recipe .recipe-meta-info ul {margin:-12px 0;}
	body.single.format-recipe .the-recipe .recipe-meta-info ul li {display:block; margin:12px 0;}
	body.single.format-recipe .post-next-item .item-thumb {width:124px;}
	body.single.format-recipe .post-next-item .item-content {width:calc(100% - 124px); padding-left:20px;}

	.footer {padding-bottom:20px;}
	.subfooter {display:block; width:100%; margin:0;}
	.subfooter-block {width:100%; padding:0 0 20px;}
	.footer-social {margin-top:0;}
	.footer-content {display:block;}
	.footer-box {width:100%!important;}
	.footer-box p {margin-top:6px; text-align:left; line-height:17px;}
}

@media (max-width:640px) {
	body.is-embed .embed-item .item-thumb {width:124px;}
	body.is-embed .embed-item .item-content {width:calc(100% - 124px); padding-left:20px;}
}

/******************* LANDSCAPE > iPHONE X *******************/
@media (orientation:landscape) and (max-device-width:812px) {
	.mobile-menu ul.main-menu li {top:0; display:inline-block; font-size:42px; line-height:60px; padding:0 6px;}
	.mobile-menu ul.social-list {display:none;}

	.section-hero,
	.hero {height:100vh; max-height:initial; min-height:initial;}
	.hero .item-social {display:none;}
	.section-hero .item.is-highlight .item-title h3 {font-size:32px; line-height:38px; background-size:200% 5px; background-position:100% bottom, 100% 40px;}
    .section-hero .item.is-highlight .item-title h3:hover {background-size:200% 16px; background-position:100% bottom, 100% 30px;}

	.hero .item-content {bottom:20px;}
	.hero .button {margin-bottom:12px;}
    .hero .item-author { margin-top:12px;}

    .grid .item {width:calc(100% - 20.01px); border-bottom:1px solid var(--dark); padding-bottom:20px; margin:10px;}
	.grid .item:last-of-type {border-bottom:none; padding-bottom:0;}
	.grid .item .item-box {display:-webkit-flex; display:flex; width:100%;}
	.grid .item .item-thumb {width:150px;}
	.grid .item .item-content {width:calc(100% - 150px); text-align:left; padding-left:12px; margin-top:0;}
	.grid .item .item-meta {padding:0; margin-top:9px; border:none;}
	.grid .item .item-title {height:auto;}
	.grid .item .item-title h3 {margin:0;}
	.grid .item .item-author {display:none;}

	.item .item-format {width:30px!important; height:30px!important; font-size:20px!important; line-height:30px!important;}
	.item .item-format span {width:calc(100% - 10px)!important; height:calc(100% - 10px)!important; line-height:20px!important; border:none!important; margin:5px!important;}
	.item .item-format span.icon-play {font-size:10px!important;}
	.item .item-format span.icon-picture {font-size:17px!important;}

	.slider .item-slide .item-format span {line-height:20px!important;}
}

@media (max-width:480px) {
	.search-form-container .search-form .search-box input[type=text] {height:44px; font-size:24px; line-height:26px;}
	.search-form-container .search-form .search-box.search-submit,
	.search-form-container .search-form .search-box.search-close {top:60px;}

	.section.has-sidebar .sidebar-area .mrec-wrapper,
	.container.has-sidebar .sidebar-area .mrec-wrapper,
    .mrec-content {width:100%; padding:30px 0 35px; border-left:none; border-right:none;}
    .section.has-sidebar .sidebar-area .mrec:after,
    .container.has-sidebar .sidebar-area .mrec:after,
    .mrec-content .mrec:after {bottom:-48px;}

	.subscription .input-box.input-email {width:100%; margin-right:0; margin-bottom:9px;}

	.button {height:26px; line-height:26px;}
	.button a {font-size:10px;}

	[class^="icon-social-"], [class*=" icon-social-"] {font-size: 14px;}

	.item .item-format {width:30px!important; height:30px!important; font-size:20px!important; line-height:30px!important;}
	.item .item-format span {width:calc(100% - 10px)!important; height:calc(100% - 10px)!important; line-height:20px!important; border:none!important; margin:5px!important;}
	.item .item-format span.icon-play {font-size:10px!important;}
	.item .item-format span.icon-picture {font-size:17px!important;}

	.section-hero .item.is-highlight .item-title h3 {font-size:32px; line-height:38px; background-size:200% 5px; background-position:100% bottom, 100% 40px;}
    .section-hero .item.is-highlight .item-title h3:hover {background-size:200% 16px; background-position:100% bottom, 100% 30px;}
    
    .featured .item .item-thumb {display:none!important;}
	.featured .item .item-content {width:100%!important;}
	.featured .item .item-social {display:block!important; position:relative!important; top:calc(100% - 60px)!important; bottom:initial!important;}
	.featured .item .item-meta-box {margin-top:48px;}
	.featured .item .item-title h3 {margin-top:0;}

	.slider .item-meta-box {padding:0 20px;}
    .slider .item.item-slide .item-title h3 {font-size:32px; line-height:38px;}
	.slider .item.is-highlight.item-slide .item-title h3 {background-size:200% 16px; background-position:100% bottom, 100% 30px;}
	.slider .item.is-highlight.item-slide.is-in .item-title h3 {background-size:200% 5px; background-position:100% bottom, 100% 40px;}
	.slider .item.is-highlight.item-slide .item-title h3:hover {background-size:200% 16px; background-position:100% bottom, 100% 30px;}
	.slider .item-slide .item-format span {line-height:20px!important;}

	.section-chronicle .blog-author {width:80px; height:80px;}
    .section-chronicle .blog-meta {width:calc(100% - 80px);}
    .section-chronicle .blog-meta h3 {font-size:24px;}

    .assinatura .offer-device {left:calc(50% - 148px);}

	.recipe-highlight .item .item-title h3 {font-size:32px; line-height:38px; background-size:200% 5px; background-position:100% bottom, 100% 40px;}
    .recipe-highlight .item .item-title h3:hover {background-size:200% 16px; background-position:100% bottom, 100% 30px;}
	.carousel .carousel-item {width:calc((100vw - 140px) / 2);}

	.block-title h1 {font-size:34px; line-height:34px;}

	.module {margin-bottom:20px; padding-bottom:20px;}
	.module .module-thumb {width:100px; height:100px;}
	.module .module-format {width:30px!important; height:30px!important; font-size:20px!important; line-height:30px!important;}
	.module .module-format span {width:calc(100% - 10px)!important; height:calc(100% - 10px)!important; line-height:20px!important; border:none!important; margin:5px!important;}
	.module .module-format span.icon-play {font-size:10px!important;}
	.module .module-format span.icon-picture {font-size:17px!important;}
	.module .module-meta {width:calc(100% - 100px); padding-left:20px;}
	.module h3.entry-title {font-size:20px; line-height:24px; margin:9px 0 0;}
	.module .post-author-name {display:none;}

	.page-nav {display:block;}
	.page-nav .page-nav-numbers {width:100%;}
	.page-nav .page-nav-numbers a,
	.page-nav .page-nav-numbers span {width:30px; height:30px; font-size:12px; line-height:26px;}
	.page-nav span.extend {margin:0;}
	.page-nav-info {width:100%; text-align:left;}

	.author-meta {width:calc(100% - 100px); padding:0 20px;}
	.author-header h1.entry-title.page-title {font-size:28px;}
	.author-social {display:none;}

	.blog-header {display:block; text-align:center;}
	.blog-thumb {margin:0 auto;}
	.blog-meta {width:100%; padding:20px 20px 0;}
	
	.single .post .post-title-box {padding-bottom:10px;}
	.single .post h1.entry-title {font-size:36px; line-height:42px;}
	.single .post .post-content .post-lead p {font-size:24px; line-height:30px;}
	.single .post .the-content {margin-bottom:30px;}
	.single .post .the-content h2,
	.single .post .the-content h3,
	.single .post .the-content h4,
	.single .post .the-content h5,
	.single .post .the-content h6,
	.single .post .the-content p,
	.single .post .the-content ul {margin-bottom:12px;}
	.single .post .post-content .post-featured-image {margin-bottom:20px;}
	.single .post .the-content blockquote {padding-left:30px; margin:20px 0;}
	.single .post .the-content blockquote p {font-size:28px; line-height:32px;}
	.single .post .the-content figure {margin:20px 0;}
	.single .post .the-content figure.alignleft {display:block;}
	.single .post .the-content figure.alignleft img {width:100%;}
	.single .post .the-content figure.alignleft figcaption {width:100%; margin-top:9px; margin-left:0;}
	.single .post .the-content iframe.wp-embedded-content {margin:8px 0 0px;}
	.single .post .the-content .soliloquy-outer-container {margin:20px 0;}
	.single .post .soliloquy-container .soliloquy-prev, .single .post .soliloquy-container .soliloquy-next {width:30px; height:30px; line-height:30px;}
	.single .post .soliloquy-container .soliloquy-prev span, .single .post .soliloquy-container .soliloquy-next span {font-size:12px; line-height:24px; border:none;}

	body.is-embed .embed-item .item-box {display:block;}
	body.is-embed .embed-item .item-thumb {display:none;}
	body.is-embed .embed-item .item-content {width:100%; padding-left:0;}

	body.single.format-mirror .the-content ul li,
	body.single.format-mirror .the-content ol li {margin-bottom:40px;}
	body.single.format-mirror .the-content ul li:last-child,
	body.single.format-mirror .the-content ol li:last-child {margin-bottom:30px;}
	body.single.format-mirror .the-content ul li:after,
	body.single.format-mirror .the-content ol li:after {bottom:-20px;}
	body.single.single-horoscopo .zodiac-navigation {top:-15px; height:60px;}
	body.single.single-horoscopo .zodiac-navigation .zodiac-icon {display:none;}
	body.single.single-horoscopo .zodiac-navigation .arrow {top:0;}
	body.single.single-horoscopo .post .the-content {padding-top:50px;}
	body.single.format-recipe .the-recipe h2.recipe-title {font-size:32px; line-height:36px;}
	body.single.format-recipe .post-next-item {display:block;}
	body.single.format-recipe .post-next-item .item-thumb {display:none;}
	body.single.format-recipe .post-next-item .item-content {width:100%; padding-left:0;}
}

@media (max-width:380px) {
	body.single.format-chronicle .post h1.entry-title {font-size:36px; line-height:42px;}
}


@media (max-width:340px) {
	.header,
	.container,
	.section {padding-left:10px; padding-right:10px;}
	.section.has-sidebar .sidebar-area {width:calc(100% + 20px); margin:0 -10px;}
	.section-title .block-title {width:100%;}
	.section-title .button-empty {display:none;}
	.container.has-sidebar .sidebar-area,
	.section.has-sidebar .sidebar-area {width:calc(100% + 20px); margin:20px -10px; padding-left:10px; padding-right:10px;}
	.search-form .search-box input[type=text] {font-size:22px;}
	.slider .item-slide.is-in .item-author {display:none;}
	.assinatura {width:300px; margin:40px auto 0;}
	.carousel .carousel-item {width:calc((100vw - 120px) / 1);}

	body.single.format-longform .post .post-header-content,
	body.single.format-longform .post .post-content-box {padding:0 10px;}
	body.single.format-longform .post .the-content figure.alignnone figcaption,
	body.single.format-longform .post .the-content .gallery figcaption
	body.single.format-longform .post .the-content .soliloquy-caption.soliloquy-caption-bottom {width:calc(100% - 20px); margin:9px 10px 0;}    
}

/************************************************** END RESPONSIVE **************************************************/