/*CSS MOBILE*/

/*FIX WIDTH 420*/
@media ( min-width: 992px) {

  body.mobile-page .mobile-content .fixed-ad.single-mobile, body.mobile-page .mobile-content .ads.post-ads {max-width:420px;}

  body.mobile-page .hot-topics-user-exp, 
  body.mobile-page .main-menu,
  body.mobile-page .sidebar-social-wrapper,
  body.mobile-page.new-exp-logada .sidebar-sign-search a:first-of-type,
  .mobile-page .hide-s {display: none !important;}
  body.mobile-page.fixed .sub-header {width: 420px;margin-left: 35%;}
  body.mobile-page.fixed .sub-header:before {width: 420px;margin-left: 100%;}
  body.mobile-page.new-exp-logada.fixed .sub-header .search-area .sidebar-sign-search a {display: none !important;}

  /* EXP LOGADA */
  body.mobile-page.new-exp-logada .header-user-exp #user-exp-ctrl .user-ola,
  body.mobile-page.new-exp-logada.logged-block #user-exp-ctrl #userNameExp {display: none !important;}
  body.mobile-page.new-exp-logada .new-exp-logada-enter button .button-text {display: none;}
  body.mobile-page.new-exp-logada .search-area {display: flex;justify-content: center;align-items: center;}
  body.mobile-page.new-exp-logada:not(.fixed) .new-exp-logada-enter {padding-right: 0}
  body.mobile-page.new-exp-logada:not(.fixed) .sub-header .search-area .sidebar-sign-search {position: static;}
  body.mobile-page.new-exp-logada:not(.fixed):not(.logged):not(.logged-block) .new-exp-logada-enter {border: none;}
  body.mobile-page.new-exp-logada:not(.fixed) .new-exp-logada-enter {border: none !important;}
  body.mobile-page #user-exp-menu-fade.show, #user-exp-login-spinner.show {width: 420px;}
  body.mobile-page.new-exp-logada.logged:not(.fixed) #user-exp-menu-wrapper #user-exp-menu.show, body.mobile-page.new-exp-logada.logged-block:not(.fixed) #user-exp-menu-wrapper #user-exp-menu.show {right: 548px !important;}
  body.mobile-page.new-exp-logada.fixed .new-exp-logada-enter button img {margin-right: 20px;}

  body.mobile-page .menu-button.col-l-1 {width: 25%;}
  body.mobile-page .brand-logo.col-l-4 {width: 50% !important;}
  body.mobile-page .search-area.col-l-4 {width: 25% !important;}

  body.mobile-page .LGPD-notice {height: 70px !important;}
  body.mobile-page .special-post .special-post-menu {    position: relative;;width: 90%;}

  body.mobile-page {width: 420px;margin-left: 35%}
  .mobile-page .post .media-open {margin-left: 0}
  .mobile-page .post figure.featured-media.media-open img {min-height: 100% !important;margin: 0;}
  .mobile-page .post .media-open {width: 100%;}
  .mobile-page .mobile-content .mobile-post-content .ads.post-ads {left: 0 !important;}
  .mobile-page .sidebar-above-footer .f-brands .container .col-l-2 {width: 50%;}
  .mobile-page footer .f-links .col-l-2, .mobile-page footer .f-links .col-l-6, .mobile-page footer .f-links .col-l-4 {width: 100%;}
  .mobile-page footer .f-links .row>nav:nth-child(2) li {border: none;}
  .mobile-page footer .f-links .row>div:first-child {margin-bottom: 30px;}
  .mobile-page footer .f-links .row>nav:nth-child(2) ul {column-count: 2}
  .mobile-page footer .f-links .row>nav:nth-child(3) {padding-left: 20px;}
}

/*HEADER BLOG*/
.mobile-page .blog-post {position: relative;float: left;margin: 24px auto;padding-bottom: 20px;border-bottom: 1px solid #525252;width: 100%;}
.mobile-page .blog-post .author img {margin-right: 8px;width: 48px;height: 48px;border-radius: 100%;}
.mobile-page .blog-post .list-title {font-family: 'Roboto', 'SF Compact Text', 'Arial' !important;font-size: 24px;line-height: 24px;color: #000;position: absolute;display: initial;}
.mobile-page .blog-post .description {margin-top: 10px;float: left;width: 100%;font: 16px/20px 'Source Serif Pro',serif;margin: 10px 0 !important;}
/*HEADER BLOG*/

.mobile-page .sub-header #sponsored-fixed-wrapper #sponsored-fixed p {margin-bottom: 0;}

/*CONTENT*/
.mobile-page .mobile-content .post-header .fixed-ad.single-mobile .title {font-size: 12px;}
.mobile-content {padding: 0 16px 16px 16px;}
.mobile-content .category {text-align: center;margin-top: 10px;}
.mobile-content .mobile-title {margin-bottom: 12px;line-height: 34px;margin-top: 4px;font: 30px/34px "Roboto","SF Compact Text",Arial;color: #2f2f2f;font-weight: bold;text-align: center;}
.mobile-content .mobile-description {font: 18px/24px "Roboto","SF Compact Text",Arial,sans-serif;color: #2f2f2f;margin: 0 0 12px;width: 100%;text-align: center;}
.mobile-content .featured-media.media-open img {margin: 0 -16px;width: calc(100% + 32px);max-width: calc(100% + 32px);}
.mobile-content .featured-media.media-open figcaption {display: block;padding: 12px 0;border-bottom: 1px solid #ccc;font: 300 14px/18px "Roboto",serif;color: #464646;width: unset;}
.mobile-content .mobile-post-content {margin-top: 25px;width: 100%;max-width: 420px;margin-left: 0 !important;}
.mobile-content .mobile-post-content .ads.post-ads {width: 100vw;max-width: 100%;margin-left: 0}
.mobile-content .mobile-post-content p {margin-bottom: 24px;font: 20px/28px 'Georgia',serif;color: #2f2f2f;}
.mobile-content .mobile-post-content .featured-media, .mobile-content .mobile-post-content .wp-caption {position: relative;z-index: 1;margin-bottom: 24px;width: 100%;display: contents;}
.mobile-content .mobile-post-content *:not(.media-super) img {max-width: 100%;height: auto;display: block;width: 100%;}
.mobile-content .mobile-post-content .capitular {float: left;font-size: 110px !important;margin: 6px 20px 0 15px;text-transform: uppercase;padding: 0px;line-height: 100px;font-size: 69px;}
.mobile-content .mobile-post-content .article-video-content {height: 202px;margin-bottom: 30px;}
.mobile-content .mobile-post-content  table {border-collapse: collapse;margin: 0;padding: 0; width: 100%;font-size: 14px;display: block;table-layout: fixed;overflow-x: auto;}
.mobile-content .mobile-post-content  table tbody tr td {border: 1px solid #696969;padding: 10px;}

#read-more-status:checked~.content .mgid-read-more{
  display:none;
}
.mgid-read-more {
  position: absolute;
  z-index: 4;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  padding: 120px 15px 30px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, .05) 10%, #fff 60%,
  #fff 100%);
  height: auto;
  width: 100%;
  opacity: 1;
}

.mgid-read-more-btn {
  border: none;
  color: #fff;
  margin: 0px;
  padding: 15px 30px;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase
}
#read-more-status {
  display: none;
}


/*CONTENT ADS*/
.post-ads .title, .mobilead .title {display: none !important;}
.mobile-content .ads.post-ads {margin-left: -16px;}
.mobile-content .ads.post-ads{width: 100vw;padding: 16px 0 16px 0;}
.mobile-content .ads.post-ads {left: 0;transform: none;width: auto;margin: 24px auto;}
.mobile-content .ads.post-ads .abrAD{display: flex;justify-content: center;margin-top: -26px;min-height: 259px;padding: 8px 0px;padding-bottom: 34px;padding-top: 34px;position: relative;}
.mobile-content .post-ads .abrAD::before, .mobilead .abrAD::before {content: 'CONTINUA APÓS PUBLICIDADE';position: absolute;top: 0px;font: 300 10px/14px "Roboto",sans-serif;color: #5d5d5d;text-transform: uppercase;margin-top: 8px;}
.mobile-content .mobile-first-ads {margin: 20px 0 20px 0;text-align: center;}
.mobile-content .block.busca-medicamentos {max-width: 100%;margin-left: 0 !important;padding: 15px;}
.mobile-content #indice-doencas-wrapper .indice-doencas-busca {max-width: 100%;margin-left: 0 !important;padding: 15px;}
.mobile-page .special-post .block.busca-medicamentos {max-width: 100%;margin-left: 0 !important;padding: 15px;}
.mobile-page .special-post #indice-doencas-wrapper .indice-doencas-busca {max-width: 100%;margin-left: 0 !important;padding: 15px;}


/*WHATSAPP SHARE*/
.mobile-content .mobile-post-content .box-app-phone-share {font-size: 20px;text-align: center;margin-top: 30px;margin-bottom: 30px;}
.mobile-content .mobile-post-content .box-app-phone-share .title-phone-share {font: normal normal bold 20px/28px Source Serif Pro;color: #2F2F2F!important;margin-bottom: 10px;}
.mobile-content .mobile-post-content .box-app-phone-share .buttoms-phone-share {display: flex;justify-content: center;color: #fff!important;}
.mobile-content .mobile-post-content .box-app-phone-share .buttoms-phone-share #whatsappShare {display: flex;align-items: center;justify-content: center;width: 160px;height: 48px;background-image: url(/../../wp-content/themes/abril-master2/assets/img/whatsapp2.png);background-repeat: no-repeat;background-size: 32px 32px;background-position: 15px 7px;background-color: #60D66A;border-radius: 3px;opacity: 1;color: #FFFFFF;padding: 3px;font-size: 18px;font-weight: normal;}
.mobile-content .mobile-post-content .box-app-phone-share .buttoms-phone-share #whatsappShare span {margin-left: 40px;}

.mobile-content .mobile-post-content .box-app-phone-share .buttoms-phone-share #telegramShare {display: flex;align-items: center;justify-content: center;width: 160px;height: 48px;background-image: url(/../../wp-content/themes/abril-master2/assets/img/telegram2.png);background-repeat: no-repeat;background-size: 50px 50px;background-position: 10px -1px;background-color: #28A9EA;border-radius: 3px;opacity: 1;color: #FFFFFF;padding: 3px;font-size: 18px;font-weight: normal;}
.mobile-content .mobile-post-content .box-app-phone-share .buttoms-phone-share #telegramShare span {margin-left: 35px;}
/*WHATSAPP SHARE*/

/*TAG E MAIS LIDAS*/
.mobile-content .mobile-post-content .article-tags.tags {display: flex;flex-wrap: wrap;margin-bottom: 12px;padding-top: 24px;border-top: 1px solid #ccc;width: 100%;justify-content: center;}
.mobile-content .mobile-post-content .article-tags.tags li {float: left;margin: 0 8px 16px 8px;}
.mobile-content .mobile-post-content .article-tags.tags li a {height: auto;text-transform: uppercase;padding: 6px 12px;background: #e0e0e0;font: bold 12px/16px "Roboto","SF Compact Text",Arial;color: #616161;}

.mobile-content .mobile-post-content .block-menu {border-bottom: 1px solid #ccc;}
.mobile-content .mobile-post-content #leia_mais .block-menu > li,.mobile-content .mobile-post-content #mais_lidas .block-menu > li{display: inline-block;width: auto;margin: 0 0 0 0;}
.mobile-content .mobile-post-content .block-menu > li{font: 14px/18px "Roboto","SF Compact Text",Arial;font-weight: 600;word-wrap: normal;font-size: 14px;padding-top: 20px;border-bottom: 4px solid #ac1214;width: 100px;border-top: none;color: #221f1f;padding-bottom: 4px;text-transform: uppercase;}
.mobile-content .mobile-post-content ul.relacionadas-s-img li {border-bottom: 1px solid #ececec;list-style: none;list-style-type: none;margin: 10px 0px 0px 0px;color: #ac1214;font-size: x-large;border-bottom: 2px solid #ececec;margin-bottom: 10px;padding-bottom: 10px;line-height: 16px;align-items: center;display: flex;}
.mobile-content .mobile-post-content ul.relacionadas-s-img li a {display: table-cell;color: #2f2f2f;font-size: 16px;font-weight: 500;font-family: "Roboto","SF Compact Text",Arial;letter-spacing: 0px;color: #2f2f2f;opacity: 1;margin-left: 0px;}
.mobile-content .mobile-post-content ul.relacionadas-s-img li:before {top: 0 !important;}
.mobile-content .mobile-post-content #relacionadas.block {padding-top: 16px;width: 100%;background: #fff;color: #2f2f2f;overflow: hidden;clear: both;}
.mobile-content .mobile-post-content #relacionadas .mais-lidas-hat {display: none;}
.mobile-content .mobile-post-content ul.relacionadas-s-img li.relacionadas-list  a {display:table}

/*LEIA MAIS E MAIS LIDAS*/
#leia_mais ul li .mais-lidas-s-img img {display:none;}
#mais_lidas .mais-lidas-container .mais-lidas-s-img img {display:none;}
#mais_lidas .mais-lidas-image img {display:none;}
#mais_lidas.mais-lidas .postData {display:none;}

.mais-lidas-container {display: flex!important; flex-direction: column; width: 100%;margin-left: 0px;}
.mais-lidas-block {border-bottom: 2px solid #ececec!important;margin-bottom: 10px;padding-bottom: 10px;}
.mais-lidas-hat{display: block;font-weight: normal; font-size: 14px; font-family: 'Source Serif Pro',serif!important;margin-bottom: 3px;}
#leia_mais .mais-lidas-title{border-left:2px solid #AC1214;}
.mais-lidas-title .link-mais-lidas, a.link-mais-lidas{font-size: 16px;font-weight: bold;font-family: Roboto; letter-spacing: 0px;color: #2F2F2F!important;opacity: 1;}
.mais-lidas-number {padding: 5px 10px 0px 0px;text-align: left;font: bold 24px "Roboto","SF Compact Text",Arial;letter-spacing: 0px;color: #2f2f2f;opacity: 1;align-self: center;width: 24px;display: inline-block;float: left;}
.mais-lidas-title {border-left: 2px solid #ac1214;padding: 0px 10px 0px 10px;}
.mais-lidas-title .link-mais-lidas, .mais-lidas-s-img {font-size: 16px;font-weight: 500;font-family: "Roboto","SF Compact Text",Arial;letter-spacing: 0px;color: #2f2f2f;opacity: 1;}
p, ul {margin: 0 0 24px 0;}

#menu-experiencia-logada-social {margin: 0 0 0 0;}
#assinemenu {padding-top: 5px;}
.sidebarMenu>ul li.assinante {margin-top: 0;}

/*BOX*/
.mobile-content .mobile-post-content blockquote:not(.tiktok-embed) {width: calc(50% + 16.66666667%);float: none;margin: 24px auto 24px auto;}
.mobile-content .mobile-post-content blockquote:not(.tiktok-embed) p {text-align: center;}


#video-broadcast-widget {border-top: 1px solid #ccc;padding: 30px 0 20px;flex: 0 0 100%;}
#video-broadcast-widget .video-container {margin: 20px auto;display: block;position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
#video-broadcast-widget .video-container .video-thumb {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
#video-broadcast-widget .video-broadcast-ads {margin-bottom: 20px;text-align: center;}

/*BROADCAST*/
#video-broadcast-widget { border-top: 1px solid #ccc; padding: 30px 0 20px 0;flex: 0 0 100%;}
#video-broadcast-widget h2 { font: normal normal 900 32px/28px Roboto; letter-spacing: 0px; margin-bottom: 15px; }
#video-broadcast-widget span.video-broadcast-text { font: normal normal normal 20px/28px Source Serif Pro; letter-spacing: 0px; color: #2F2F2F; margin-bottom: 10px; }
#video-broadcast-widget hr { margin-top: 5px; height: 4px; background: 0% 0% no-repeat padding-box; }
#video-broadcast-widget .video-caption { font: normal normal bold 24px/32px Source Serif Pro; letter-spacing: 0px; color: #2F2F2F; display: block; width: 100%; }
#video-broadcast-widget .video-container .video-thumb .video-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; }
#video-broadcast-widget .video-container .video-thumb { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#video-broadcast-widget .video-container .video-thumb img { width: 100%; position: absolute; top: -40px;}
#video-broadcast-widget .video-container { margin: 20px auto; display: block; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
#video-broadcast-widget .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#video-broadcast-widget a { color: #2F2F2F; text-decoration: none; }   
@media ( max-width: 576px) {
  #video-broadcast-widget .video-container .video-thumb img { width: 100%; position: absolute; top: -20px;}
}
.player-button-icon { fill: #ffffff; fill-opacity: 0.81; transition: fill 0.1s cubic-bezier(0.4, 0, 1, 1) 0s, fill-opacity 0.1s cubic-bezier(0.4, 0, 1, 1) 0s; }
.video-overlay:hover .player-button-icon { fill: #d3d3d3; fill-opacity: 1; transition: fill 0.1s cubic-bezier(0, 0, 0.2, 1) 0s, fill-opacity 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; }
.video-player-button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-radius: 10px; height: 60px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 60px; z-index: 5; display: block; }
.video-overlay { left: 0; top:0; right: 0; bottom :0; position: absolute; }

/*LGPD*/
.LGPD-notice {height: 197px !important;position: fixed !important;bottom: 200px;top: initial !important;}

/*PERSON GALLERY*/
.f-thumbs__slide:not(.for-image){display: none;}
.mobile-content .mobile-post-content .personGallery {width: 100%;height: 56px;background: #F7F7F7;margin-bottom: 32px;cursor: auto;}
.mobile-content .mobile-post-content .textPersonGallery {font: bold 16px/24px "Roboto", sans-serif;letter-spacing: 0px;color: #272727;opacity: 1;position: absolute;margin-top: 16px;margin-left: 50px;cursor: pointer;}
.mobile-content .mobile-post-content img.galleryImage {width: 22px;height: 22px;margin: 15px 10px 19px 10px;position: absolute;cursor: pointer;}
@media(max-width:991px){
  .mobile-content .mobile-post-content .textPersonGallery {margin-top:6px;padding-right: 69px;}
}

/*FOOTER*/
.paywallBlocked footer {display: none;}
footer {margin-bottom: 100px;background: #212121;color: #afafaf;font-size: 11px;line-height: 16px;padding: 0 0;}
.footer .privacy {font-size: 12px;color: #fff;font-weight: 500;padding: 5px 0;}
.footer .privacy a {color: #FFF;text-decoration: underline;}

@media (max-width: 380px){
  .buttoms-phone-share{display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff!important;margin-bottom: 10px;margin-right: 0;}
  .f-brands [class*=col-] p span {word-break: break-word;}
}

/* QUATRO RODAS */
/* Chapéu - Mais lidas */
html.quatrorodas .mobile-content .mobile-post-content #relacionadas .mais-lidas-hat {display: block;font-family: "Roboto","SF Compact Text",Arial;}
/* Newsletter */
html.quatrorodas .mobile-content .mobile-post-content .block.newsletter form input[type=email]{float: left;width: calc(100% - 130px);padding: 10px;border: 1px solid #707070;margin-bottom: 12px;font: 14px/18px "Roboto",sans-serif;color: #525252;}
html.quatrorodas .mobile-content .mobile-post-content .block.newsletter form input[type=submit] {background: #e60022;width: 130px;-webkit-appearance: none; border-radius: 0 4px 4px 0;cursor: pointer;font: 300 14px/40px "Roboto",sans-serif; text-align: center;text-transform: uppercase;color: #fff; float: left;}
html.quatrorodas .mobile-content .mobile-post-content .block.newsletter form .icon{display:none;}
html.quatrorodas .mobile-content .mobile-post-content .block.newsletter form input[type="checkbox"] {display:none;}
html.quatrorodas .mobile-content .mobile-post-content .block.newsletter form label {float: left;width: 100%;font: 11px/16px "Roboto",sans-serif;color: #707070;cursor: pointer;}
html.quatrorodas .mobile-content .mobile-post-content .block.newsletter form input[type="checkbox"] + label::before{margin-right: 4px;border: 1px solid #707070;width: 12px;height: 12px;display: inline-block;font: 12px/12px "Roboto",sans-serif;color: #ccc;text-align: center;border-radius: 2px;content: '';vertical-align: top;}

.single-receitas .ads.fixed-ad.single-mobile {display: none;}
.receitas-template-default .mobile-content .mobile-title {font: 30px/34px "Georgia",sans-serif;}
.receitas-template-default .custom_star_ratings {padding-top: 0;}
.single-receitas .infos-nutricionais a {color: #B30020}
.modo-de-preparo .article-tags, .widget-box-margin .article-tags {display: none !important;}
.single-receitas .mobile-content .mobile-post-content .article-tags.tags li a {background: #000;color: #fff;}
.mobile-content .mobile-post-content .estabelecimento-card-header a img {max-width: 100%;height: auto;width: auto;}


/*SEGUI BLOGS*/
.single-blog_post .mobile-content .follow {display: inline-flex;margin-bottom: 0;}
.single-blog_post .mobile-content .follow li {float: left;margin-right: 8px;font: 900 12px/24px 'Roboto',sans-serif;color: #272727;text-transform: uppercase;}
.single-blog_post .mobile-content .follow li a {background: #000;float: left;width: 24px;height: 24px;text-align: center;border-radius: 100%;}
.single-blog_post .mobile-content .follow li a .icon {font-size: 12px;line-height: 24px;color: #fff;}


.mobile-page.single-vt_estados .breadcrumb, .mobile-page.single-vt_paises .breadcrumb, .mobile-page.single-vt_cidades .breadcrumb {display: flex;font-size: 16px;margin-top: 26px;border-bottom: 1px solid #000;padding-bottom: 13px;}
.mobile-page.single-vt_estados .breadcrumb, .mobile-page.single-vt_paises .breadcrumb, .mobile-page.single-vt_cidades .breadcrumb {font: 500 18px/24px 'Roboto', sans-serif;color: #000000;border-bottom: 1px solid #5F9073;margin: 24px auto 0 auto;padding-bottom: 16px;width: 90%;display: block;}
.mobile-page.single-vt_estados .breadcrumb li, .mobile-page.single-vt_paises .breadcrumb li, .mobile-page.single-vt_cidades .breadcrumb li{float: none;display: inline-block;margin: 0 4px 0 0;padding: 0;width: 100%;}