/*
Theme Name: Em Casa Com
Author: Global Media Group
Author URI: http://www.globalmediagroup.pt/
Description: Theme for Em Casa Com
Version: 2020.1
*/


/*****************************************************/
/*____________________ NORMALIZE ____________________*/
/*****************************************************/

@-webkit-viewport {width:device-width;}
@-moz-viewport {width:device-width;}
@-ms-viewport {width:device-width;}
@-o-viewport {width:device-width;}
@viewport {width:device-width;}

*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:0!important;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font:inherit; font-size:100%; vertical-align:baseline;}
html {line-height:1;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal; vertical-align:middle;}
q, blockquote {quotes:none;}
q:before, q:after, blockquote:before, blockquote:after {content:""; content:none;}
a img {border:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
a {text-decoration:none; color:inherit;}
audio, canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none; height:0;}
[hidden] {display:none;}
html {font-size:100%;  -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
html, button, input, select, textarea {font-family:sans-serif;}
body {margin:0;}
a, a:focus, a:active, a:hover {outline:0;}
abbr[title] {border-bottom:1px dotted;}
b, strong {font-weight:bold;}
blockquote {margin:1em 40px;}
dfn {font-style:italic;}
mark {background:#ff0; color:#000;}
pre {margin:1em 0;}
code, kbd, pre, samp {font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em;}
pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word;}
q {quotes:none;}
q:before, q:after {content:''; content:none;}
small {font-size:75%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
dl, menu, ol, ul {margin:0;}
dd {margin:0 0 0 40px;}
menu, ol, ul {padding:0;}
nav ul, nav ol {list-style:none; list-style-image:none;}
img {border:0; -ms-interpolation-mode:bicubic;}
svg:not(:root) {overflow:hidden;}
figure {margin:0;}
form {margin:0;}
legend {border:0; padding:0; white-space:normal; *margin-left:-7px;}
button, input, select, textarea {font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;}
button, input {line-height:normal;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer; *overflow:visible;}
button[disabled], input[disabled] {cursor:default;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0; *height:13px; *width:13px;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top; resize:vertical;}

/*****************************************************/
/*_______________________ VAR _______________________*/
/*****************************************************/

:root {
  --primary:rgba(255,97,69,1);
  --secondary:rgba(18,155,219,1);
  --third:rgba(0,95,171,1);
 
  --black:rgba(0,0,0,1);
  --dark:rgba(20,20,20,1);
  --grey:rgba(120,120,120,1);
  --light_grey:rgba(84,86,90,0.6);
  --beige:rgba(250,250,250,1);
  --white:rgba(255,255,255,1);

  --messenger:rgba(0,132,255,1);
  --whatsapp:rgba(7,188,76,1);
  --pinterest:rgba(230,0,35,1);
  --twitter:rgba(29,161,242,1);
  --facebook:rgba(66,103,178,1);
  --linkedin:rgba(0,115,177,1);
  --youtube:rgba(204,0,0,1);
  --instagram:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  --pocket:rgba(211,80,90,1);
  --reddit:rgba(255,69,0,1);

  --font-primary:'Muli', sans-serif;

  --Ldesktop:1440px;
  --desktop:1200px;
  --tablet:1024px;
  --smartphone:767px;
}

@-webkit-viewport {width:device-width;}
@-moz-viewport {width:device-width;}
@-ms-viewport {width:device-width;}
@-o-viewport {width:device-width;}
@viewport {width:device-width;}

@font-face {
  font-family:'Social Icons';
  src:url('fonts/social-icon.eot');
  src:url('fonts/social-icon.eot#iefix') format('embedded-opentype'),
  url('fonts/social-icon.woff') format('woff'),
  url('fonts/social-icon.ttf') format('truetype'),
  url('fonts/social-icon.svg#socialicons') format('svg');
  font-weight:normal;
  font-style:normal;
}

[class^="icon--social_"],
[class*=" icon--social_"] {
  font-family:'Social Icons'!important;
  font-size:20px;
  speak:none;
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.icon--social_email:before {content:"\e900";}
.icon--social_facebook:before {content:"\e901";}
.icon--social_instagram:before {content:"\e902";}
.icon--social_linkedin:before {content:"\e903";}
.icon--social_messenger:before {content:"\e904";}
.icon--social_pinterest:before {content:"\e905";}
.icon--social_pocket:before {content:"\e906";}
.icon--social_reddit:before {content:"\e907";}
.icon--social_twitter:before {content:"\e908";}
.icon--social_whatsapp:before {content:"\e909";}
.icon--social_youtube:before {content:"\e90a";}

/*****************************************************/
/*_____________________ STYLES ______________________*/
/*****************************************************/

html {width:100%; /*scroll-behavior:smooth;*/}
body {position:relative; width:100%; font-family:var(--font-primary); font-size:100%; color:var(--dark); background:var(--white); -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%;}
h1,h2,h3,h4,h5,h6 {-webkit-font-smoothing:antialiased;}
img {max-width:100%; height:auto; width:auto\9;}
.clearfix:after {content:''; display:table; clear:both;}

::selection {background:var(--primary);}
::-moz-selection {background:var(--primary);}

a {color:var(--dark); transition:all .35s ease-in;}
a:hover {color:var(--primary);}

em {font-style:italic;}

div#bitnami-banner {display:none; visibility:hidden;}

.container {min-height:100vh;}
.wrapper {width:100%; max-width:var(--Ldesktop); margin:0 auto; padding-left:40px; padding-right:40px;}

/*_____________________ HEADER ______________________*/

.toggle--menu {display:none; position:absolute; top:20px; right:20px; width:50px; height:50px; cursor:pointer; z-index:9999; transition:all .5s;}
.toggle--menu .toggle--menu_button {position:relative; left:calc(50% - 13px); top:calc(50% - 2px); width:24px; height:4px; background:var(--dark); border-radius:2px;}
.toggle--menu .toggle--menu_button:before,
.toggle--menu .toggle--menu_button:after {content:''; display:block; position:absolute; left:0; width:24px; height:4px; border-radius:2px; background:var(--dark); transition:all .5s;}
.toggle--menu .toggle--menu_button:before {top:calc(50% - 10px);}
.toggle--menu .toggle--menu_button:after {top:calc(50% + 6px);}
body.menu-is-open .toggle--menu .toggle--menu_button {background:transparent;}
body.menu-is-open .toggle--menu .toggle--menu_button:before,
body.menu-is-open .toggle--menu .toggle--menu_button:after {top:calc(50% - 3px)}
body.menu-is-open .toggle--menu .toggle--menu_button:before {-webkit-transform:rotate(45deg); transform:rotate(45deg);}
body.menu-is-open .toggle--menu .toggle--menu_button:after {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}

.toggle--menu:hover {}
.toggle--menu:hover .toggle--menu_button:before,
.toggle--menu:hover .toggle--menu_button:after {}

header {position:relative; top:0; width:100%; background:var(--white); z-index:9999; transition:all .5s ease-in;}
body.menu-is-open .header {position:fixed;}

header .header--wrapper {position:relative; display:-webkit-box; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-direction:row; flex-wrap:wrap; align-items:center; height:124px; transition:all .5s;}
header .logo {position:relative; width:175px; transition:all .5s;}
header .logo a,
header .logo a img {display:block; width:100%; transition:all .5s;}

header .menu {position:relative; width:calc(100% - 175px); transition:all .5s;}
header .menu .menu--list {display:-webkit-box; display:-webkit-flex; display:-ms-flex; display:flex; justify-content:flex-end; align-items:center; height:100%;}
header .menu .menu-item {position:relative; margin:0 0 0 20px;}
header .menu .menu-item a {font-size:17px; font-weight:800; text-transform:uppercase;}
header .menu .menu-item.current-menu-item a {color:var(--primary);}
header .menu .highlight--menu {position:relative;}
header .menu .highlight--bar {position:absolute; bottom:-18px; height:5px; background: var(--gradient__primary); border-radius:5px;}
header .menu .menu-item ul.sub-menu {display:none;position:absolute; left:40px; background:var(--white); padding:10px 10px 0; margin:0 -50px; border-radius:5px;}
header .menu .menu-item.active ul.sub-menu {display:block;}
header .menu ul.sub-menu .menu-item {margin:10px 0;}
header .menu ul.sub-menu .menu-item a {display:block; width:100%; font-size:14px;}

header .navigation--mobile {display:none; visibility:hidden;}

body.is-sticky header {position:fixed; top:0;}
body.is-sticky header .header--wrapper {height:80px;}
body.is-sticky header .logo img {width:125px;}

/*_____________________ SECTIONS ______________________*/

section[class$="--has-sidebar"] .inner {display:-webkit-box; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-direction:row; flex-wrap:wrap; justify-content:space-between;}
section[class$="--has-sidebar"] .main {width:calc(100% - 360.01px); margin-bottom:40px;}
section[class$="--has-sidebar"] .sidebar {width:calc(340px - 20.01px); margin-bottom:40px;}

/*_____________________ BREADCRUMBS ______________________*/

.breadcrumbs {padding:20px 0;}
.breadcrumbs .breadcrumbs--list {display:-webkit-box; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-direction:row; flex-wrap:wrap;}
.breadcrumbs .breadcrumbs--item {font-size:13px; color:var(--primary); font-weight:700; line-height:15px;}
.breadcrumbs .breadcrumbs--separator,
.breadcrumbs .breadcrumbs--item a {color:rgba(20,20,20,.5); transition:all .5s ease-in;}
.breadcrumbs .breadcrumbs--item a:hover {color:rgba(20,20,20,1);}
.breadcrumbs .breadcrumbs--separator {font-size:12px; line-height:12px; padding:0 3px;}

 /*_____________________ SHARE BUTTONS ______________________*/

.social {display:-webkit-box; display:-webkit-flex; display:-ms-flex; display:flex; justify-content:flex-start; align-items:center; margin:40px 0;}
.social--label {position:relative; width:120px; height:40px; border:1px solid #ccc; border-radius:7px; font-size:12px; font-weight:700; text-align:center; line-height:38px; margin-right:15px;}
.social--label:before,
.social--label:after {content:''; position:absolute; top:13px; right:-10px; width:0; height:0; border-style:solid; border-width:6px 0 6px 10px; z-index:2;}
.social--label:before {border-color:transparent transparent transparent #000;}
.social--label:after {border-color:transparent transparent transparent #fff;}
.social--share {display:-webkit-box; display:-webkit-flex; display:-ms-flex; display:flex; justify-content:center;}
.social--share_button {position:relative; width:120px; height:40px; background:var(--primary); border-radius:7px; margin-right:6px; transition:all .35s ease-in;}
.social--share_button.social--share_facebook:hover {background:var(--facebook);}
.social--share_button.social--share_messenger:hover {background:var(--messenger);}
.social--share_button.social--share_twitter:hover {background:var(--twitter);}
.social--share_button.social--share_whatsapp:hover {background:var(--whatsapp);}
.social--share_button.social--share_linkedin:hover {background:var(--linkedin);}
.social--share_button.social--share_pinterest:hover {background:var(--pinterest);}
.social--share_button.social--share_reddit:hover {background:var(--reddit);}
.social--share_button.social--share_pocket:hover {background:var(--pocket);}
.social--share_button.social--share_email:hover {background:var(--grey);}
.social--share_button a {position:relative; display:-webkit-box; display:-webkit-flex; display:-ms-flex; display:flex; flex-direction:row-reverse; justify-content:center; align-items:center;  width:100%; height:100%; transition:all .35s ease-in;}
.social--share_button .icon--social_name {width:calc(100% - 40px); font-family:var(--font-primary)!important; font-size:12px; font-weight:400; color:var(--white); text-align:center; line-height:38px; padding:0 10px;}
.social--share_button .icon--social {position:relative; width:40px; height:40px; font-size:16px; color:var(--white); text-align:center; line-height:40px;}
.social--share_button .icon--social:before {padding-left:3px;}
.social--share_button .icon--social:after {content:''; position:absolute; top:calc(50% - 10px); right:0; width:1px; height:20px; background:var(--white);}

/*_____________________ BUTTONS ______________________*/

.button,
.tag {display:inline-block; height:30px; background:var(--primary); font-size:14px; color: var(--white); font-weight:100; text-transform:uppercase; line-height:30px; padding:0 20px; border-radius:15px;}
.button {opacity:1; transition:opacity .5s ease-in;}
.button:hover {opacity:.7;}

/*_____________________ SIDEBAR ______________________*/

.sidebar .wrapper {padding-left:0; padding-right:0;}

.section.section--billboard {background:rgba(0,0,0,.1);}
.billboard {position:relative; padding:15px 0 27px;}
.billboard:after {content:'Publicidade'; position:absolute; left:0; bottom:10px; width:100%; font-size:8px; letter-spacing:.25em; text-transform:uppercase; text-align:center; margin-top:10px;}
.billboard--wrapper {max-width:100%; text-align:center; padding-left:0; padding-right:0;}

.mrec-box {position:relative; background:rgba(0,0,0,.05); text-align:center; padding:10px 10px 27px;}
.mrec-box:after {content:'Publicidade'; position:absolute; bottom:10px; left:0; width:100%; font-size:8px; letter-spacing:.25em; text-transform:uppercase; text-align:center; margin-top:10px;}

.sidebar .widget--title {position:relative; margin:40px 0 20px;}
.sidebar .widget--title:before {content:''; position:absolute; top:0; left:0; width:4px; height:100%; background:var(--primary); border-radius:4px;}
.sidebar .widget--title .title {font-size:28px; font-weight:800; text-transform:uppercase; padding-left:12px;}

.sidebar .widget--viral .item.item--viral {position:relative; width:100%;}
.sidebar .widget--viral .item--thumb:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(transparent 50%, rgba(0,0,0,.75));}
.sidebar .widget--viral .item--thumb img {width:100%;}
.sidebar .widget--viral .item--meta {position:absolute; bottom:0; width:100%; padding:20px;}
.sidebar .widget--viral .item--category {margin:0 0 12px;}
.sidebar .widget--viral .item--category a {background:none!important;}
.sidebar .widget--viral .item--category a:hover {color:var(--secondary);}
.sidebar .widget--viral .item--title h3 {font-size:24px; font-weight:800; line-height:28px;}
.sidebar .widget--viral .item--title h3 a {color:var(--white);}
.sidebar .widget--viral .item--title h3 a:hover {color:var(--primary);}

.sidebar .widget--last .item.item--novidades {position:relative; width:100%;}
.sidebar .widget--last .item--thumb:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(transparent 50%, rgba(0,0,0,.75));}
.sidebar .widget--last .item--thumb img {width:100%;}
.sidebar .widget--last .item--meta {position:absolute; bottom:0; width:100%; padding:20px;}
.sidebar .widget--last .item--category {margin:0 0 12px;}
.sidebar .widget--last .item--category a {background:none!important;}
.sidebar .widget--last .item--category a:hover {color:var(--secondary);}
.sidebar .widget--last .item--title h3 {font-size:24px; font-weight:800; line-height:28px;}
.sidebar .widget--last .item--title h3 a {color:var(--white);}
.sidebar .widget--last .item--title h3 a:hover {color:var(--primary);}

.sidebar .widget--news .item {display:-webkit-box; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-direction:row-reverse; justify-content:space-between; width:100%;}
.sidebar .widget--news .item--thumb {width:100px; height:100px;}
.sidebar .widget--news .item--meta {width:calc(100% - 100px); text-align:left; padding-right:20px;}
.sidebar .widget--news .item--brand {margin:0 0 8px;}
.sidebar .widget--news .item--brand a {font-size:11px; color:var(--grey); font-weight:700; text-transform:uppercase; transition:all .35s ease-in;}
.sidebar .widget--news .item--brand a:hover {color:var(--secondary);}
.sidebar .widget--news .item--title h3 {font-size:17px; line-height:20px;}

.sidebar .widget--posts .item {display:-webkit-box; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-direction:row-reverse; width:100%;}
.sidebar .widget--posts .item--thumb {width:100px; height:100px;}
.sidebar .widget--posts .item--meta {width:calc(100% - 100px); text-align:left; padding-right:20px;}
.sidebar .widget--posts .item--category {margin:0 0 12px;}
.sidebar .widget--posts .item--category a {font-size:11px; color:var(--white); font-weight:700; text-transform:uppercase; transition:all .35s ease-in;}
.sidebar .widget--posts .item--title h3 {font-size:17px; line-height:20px;}

/*_____________________ GRID SYSTEM ______________________*/

.grid,
[class*=" grid--"],
[class^=grid--] {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; margin:-10px;}
[class*=grid--2]>* {width:calc(100% / 2 - 20.01px);}
[class*=grid--3]>* {width:calc(100% / 3 - 20.01px);}
[class*=grid--4]>* {width:calc(100% / 4 - 20.01px);}
[class*=grid--5]>* {width:calc(100% / 5 - 20.01px);}
[class*=grid--6]>* {width:calc(100% / 6 - 20.01px);}

.item {margin:10px;}
.item .item--thumb {position:relative; border-radius:10px; overflow:hidden;}
.item .item--thumb a {opacity:1;}
.item .item--thumb a:hover {opacity:.8;}
.item .item--thumb img {width:100%;}
.item .item--meta {position:relative; text-align:center;}
.item .item--category {margin:-14px 0 20px;}
.item .item--category a {background:var(--secondary); font-size:12px; color:var(--white); font-weight:700; text-transform:uppercase; padding:5px 25px; border-radius:2px; transition:all .35s ease-in;}
.item .item--category a:hover {background:var(--primary);}
.item .item--title h3 {font-size:20px; font-weight:800; line-height:26px;}

.item.item--tools {background:rgba(0,0,0,.1); text-align:center; padding:20px; border-radius:7px;}
.item.item--tools .item--link {display:block; width:100%; height:100%;}
.item.item--tools .item--icon {width:175px; max-width:100%; height:175px; display:-webkit-box; display:-ms-flexbox; display:flex; align-items:center; justify-content:center; margin:0 auto;}
.item.item--tools .item--icon img {max-height:100%;}
.item.item--tools h2 {font-size:24px; font-weight:800; text-transform:uppercase; margin-top:20px;}

/*______________________ HOMEPAGE ______________________*/

.section--homepage .widget.widget--switch {margin:50px 0;}
.section--homepage .widget.widget--viral {background:var(--primary); margin-top:0!important; padding:40px 0;}
.section--homepage .widget.widget--viral h2.title {position:relative; font-size:32px; color:var(--white); font-weight:800; text-transform:uppercase; text-align:center; line-height:26px; padding-bottom:60px;}
.section--homepage .widget.widget--viral h2.title:after {content:''; position:absolute; bottom:30px; left:calc(50% - 50px); width:100px; height:4px; background:rgba(255,255,255,.7); border-radius:4px;}
.section--homepage .widget.widget--news h2.title {position:relative; font-size:32px; color:var(--dark); font-weight:800; text-transform:uppercase; text-align:center; line-height:34px; padding-bottom:60px;}
.section--homepage .widget.widget--news h2.title:after {content:''; position:absolute; bottom:30px; left:calc(50% - 50px); width:100px; height:4px; background:var(--primary); border-radius:4px;}
.section--homepage .widget--last-posts .item,
.section--homepage .widget--news .item {width:calc(100% / 4 - 20.01px);}
.section--homepage .widget--viral .item {width:calc(100% / 3 - 20.01px);}

.section--homepage .widget--viral h2 a {color:var(--white); opacity:1;}
.section--homepage .widget--viral h2 a:hover {opacity:.7;}
.section--homepage .widget--viral .item.item--viral {position:relative;}
.section--homepage .widget--viral .item--thumb:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(transparent 50%, rgba(0,0,0,.75));}
.section--homepage .widget--viral .item--meta {position:absolute; bottom:0; padding:20px;}
.section--homepage .widget--viral .item--category {margin:0 0 20px;}
.section--homepage .widget--viral .item--category a {background:none;}
.section--homepage .widget--viral .item--category a:hover {color:var(--secondary);}
.section--homepage .widget--viral .item--title h3 {font-size:28px; font-weight:800; line-height:34px;}
.section--homepage .widget--viral .item--title h3 a {color:var(--white);}
.section--homepage .widget--viral .item--title h3 a:hover {color:var(--primary);}

.section--homepage .widget--news .item--meta {text-align:left}
.section--homepage .widget--news .item--brand {margin:12px 0 8px;}
.section--homepage .widget--news .item--brand a {font-size:12px; color:var(--grey); font-weight:700; text-transform:uppercase;}
.section--homepage .widget--news .item--brand a:hover {color:var(--secondary);}

/*_____________________ PAGINATION ______________________*/

.pagination {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; justify-content:center; margin:40px 0 0;}
.pagination .page-numbers {display:block; width:40px; height:40px; background:rgba(0,0,0,.05);; color:var(--secondary); font-weight:800; text-align:center; line-height:40px; transition:all .35s ease-in;}
.pagination .prev.page-numbers {position:relative; margin-right:3px; text-indent:-9999px;}
.pagination .next.page-numbers {position:relative; margin-left:3px; text-indent:-9999px;}
.pagination .prev.page-numbers:after,
.pagination .next.page-numbers:after {content:''; position:absolute; top:calc(50% - 8px); width:0; height:0; border-style:solid; transition:all .35s ease-in;}
.pagination .prev.page-numbers:after {left:calc(50% - 7px); border-width:8px 12px 8px 0; border-color:transparent var(--secondary) transparent transparent;}
.pagination .next.page-numbers:after {left:calc(50% - 5px); border-width:8px 0 8px 12px; border-color:transparent transparent transparent var(--secondary);}
.pagination .prev.page-numbers:hover:after {border-color:transparent var(--primary) transparent transparent;}
.pagination .next.page-numbers:hover:after {border-color:transparent transparent transparent var(--primary);}
.pagination .page-numbers:first-child {border-radius:3px 0 0 3px;}
.pagination .page-numbers:last-child {border-radius:0 3px 3px 0;}
.pagination a.page-numbers:hover,
.pagination .page-numbers.current {background:rgba(0,0,0,.1); color:var(--primary);}

/*_____________________ HEADING ______________________*/


/*_____________________ CATEGORY ______________________*/

.category--banner {position:relative; height:175px; margin-bottom:20px; border-radius:7px; box-shadow:inset 0 0 20px 5px rgba(0,0,0,1); overflow:hidden;}
.category--banner .category--background {position:relative; background-position:center center; background-size:cover; background-repeat:no-repeat; height:100%; filter:blur(4px);}
.category--banner .category--background:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
.category--banner .category--meta {position:absolute; top:0; left:0; width:100%; padding:50px 170px 50px 50px;}
.category--banner .category--title > * {font-size:42px; color:var(--white); font-weight:800; text-transform:uppercase;}
.category--banner .category--description {font-size:20px; color:var(--white); line-height:24px; margin-top:10px;}
.category--banner .category--logo {position:absolute; top:calc(50% - 50px); right:40px; background:url(images/patrocinador-novo.png) center center / auto 100% no-repeat; height:100px; width:100px;}
.category--banner .category--logo img {position:absolute; bottom:0; left:0; width:100%; padding:15px;}

.category .section--highlight {margin-bottom:40px;}
.category .section--highlight .item {margin:0;}
.category .section--highlight .item--wrapper {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; align-items:end;}
.category .section--highlight .item--thumb {width:calc(100% / 2 - .01px);}
.category .section--highlight .item--meta {width:calc(100% / 2 - .01px); text-align:left; padding:0 40px;}
.category .section--highlight .item--category {margin:6px 0 20px;}
.category .section--highlight .item--title h3 {font-size:42px; line-height:46px;}
.category .section--highlight .item--excerpt {font-size:20px; line-height:24px; margin-top:10px;}

.category .section.section--has-sidebar .main {margin-bottom:0;}

/*_____________________ ARCHIVE > NOTÍCIAS ______________________*/

.archive.post-type-archive-noticias .section.section--has-sidebar .main {margin-bottom:0;}
.archive.post-type-archive-noticias .grid--news .item--meta {text-align:left}
.archive.post-type-archive-noticias .grid--news .item--brand {margin:12px 0 8px;}
.archive.post-type-archive-noticias .grid--news .item--brand a {font-size:12px; color:var(--grey); font-weight:700; text-transform:uppercase; transition:all .35s ease-in;}
.archive.post-type-archive-noticias .grid--news .item--brand a:hover {color:var(--secondary);}

/*_____________________ SINGLE ______________________*/

.single .post--title {margin-bottom:20px;}
.single .post--title .title {font-size:50px; font-weight:800; line-height:56px;}
.single .post--date {font-size:14px; color:rgba(20,20,20,.5); font-weight:800; text-transform:uppercase;}
.single .soliloquy-container {margin:0 0 30px!important;}
.single .jwppp-video-box {margin:0 0 30px!important;}
.single .post--thumbnail {margin-bottom:20px;}
.single .post--thumbnail img {width:100%;}
.single .thumbnail--caption {font-size:13px; color:var(--grey); font-weight:400; line-height:16px; margin-top:6px;}
.single .post--content .post--lead p {font-size:20px; font-weight:800; line-height:34px; margin-bottom:20px!important;}
.single .post--content h2 {font-size:28px; font-weight:800; line-height:32px; margin:20px 0;}
.single .post--content h3 {font-size:24px; font-weight:800; line-height:28px; margin-bottom:20px;}
.single .post--content h4 {font-size:22px; font-weight:800; line-height:26px; margin-bottom:20px;}
.single .post--content h5 {font-size:20px; font-weight:800; font-style:italic; line-height:24px; margin-bottom:15px;}
.single .post--content h6 {font-size:20px; font-weight:400; font-style:italic; line-height:24px; margin-bottom:15px;}
.single .post--content p {font-size:18px; line-height:32px; margin-bottom:12px;}
.single .post--content p:last-of-type {margin-bottom:0;}
.single .post--content a {color:var(--primary);}
.single .post--content a:hover {color:var(--secondary);}
.single .post--content ul {list-style:disc; margin:20px;}
.single .post--content ol {list-style:decimal; margin:20px;}
.single .post--content ul li,
.single .post--content ol li {font-size:16px;font-weight:400; line-height:24px;}
.single .post--content p img {margin:8px 0;}
.single .post--content .wp-caption {max-width:100%; margin:20px 0;}
.single .post--content .wp-caption p {font-size:13px; color:var(--grey); font-weight:400; line-height:16px; margin-top:6px;}
.single .post--content .soliloquy-container {margin:30px 0!important;}
.single .post--content .soliloquy-container ul {margin:0!important;}
.single .post--content .jwppp-video-box {margin:30px 0!important;}

/*_____________________ SINGLE > NOTÍCIAS ______________________*/

.single-noticias .post .post--date,
.single-noticias .post .post--brand {display:inline-block;}
.single-noticias .post .post--brand {font-size:14px; color:rgba(20,20,20,.5); font-weight:800; text-transform:uppercase;}

/*_____________________ RELATED POSTS ______________________*/

.section.section--related {background:rgba(0,0,0,.05); padding:40px 0 30px;}
.section.section--related .section--title {position:relative;}
.section.section--related .section--title .title {position:relative; font-size:32px; color:var(--dark); font-weight:800; text-transform:uppercase; text-align:center; line-height:36px; padding-bottom:60px;}
.section.section--related .section--title .title:after {content:''; position:absolute; bottom:30px; left:calc(50% - 50px); width:100px; height:4px; background:var(--primary); border-radius:4px;}

.single-noticias .section.section--related .item--meta {text-align:left;}
.single-noticias .section.section--related .item--brand {margin:12px 0 8px;}
.single-noticias .section.section--related .item--brand a {font-size:12px; color:var(--grey); font-weight:700; text-transform:uppercase;}
.single-noticias .section.section--related .item--brand a:hover {color:var(--secondary);}

/*_____________________ PAGE ______________________*/

.page--title {padding:20px 0;}
.page--title h1.title {position:relative; font-size:32px; color:var(--dark); font-weight:800; text-transform:uppercase; text-align:center; line-height:36px; padding-bottom:60px;}
.page--title h1.title:after {content:''; position:absolute; bottom:30px; left:calc(50% - 50px); width:100px; height:4px; background:var(--primary); border-radius:4px;}

.page .page--content {padding:40px 0;}
.page .page--content p {font-size:18px; font-weight:200; line-height:24px; padding-bottom:15px;}
.page .page--content h2 {font-size:28px; font-weight:800; line-height:32px; margin:20px 0;}
.page .page--content h3 {font-size:24px; font-weight:800; line-height:28px; margin-bottom:20px;}
.page .page--content h4 {font-size:22px; font-weight:800; line-height:26px; margin-bottom:20px;}
.page .page--content h5 {font-size:20px; font-weight:800; font-style:italic; line-height:24px; margin-bottom:15px;}
.page .page--content h6 {font-size:20px; font-weight:400; font-style:italic; line-height:24px; margin-bottom:15px;}
.page .page--content p {font-size:18px; line-height:32px; margin-bottom:12px;}
.page .page--content p:last-of-type {margin-bottom:0;}
.page .page--content a {color:var(--primary);}
.page .page--content a:hover {color:var(--secondary);}
.page .page--content ul {list-style:disc; margin:20px;}
.page .page--content ol {list-style:decimal; margin:20px;}
.page .page--content ul li,
.page .page--content ol li {font-size:16px;font-weight:400; line-height:24px;}
.page .page--content .wp-caption p {font-size:13px; color:var(--grey); font-weight:400; line-height:16px; margin-top:6px;}
.page .page--content .soliloquy-container {margin:30px 0!important;}
.page .page--content .soliloquy-container ul {margin:0!important;}
.page .page--content .jwppp-video-box {margin:30px 0!important;}

/*_____________________ 404 ______________________*/

.page.page--404 {text-align:center;}
.page.page--404 .inner {display:inline-block; background:rgba(255,255,255,.75); padding:40px; margin:25vh 0; border-radius:8px; box-shadow:0 0 8px 4px rgba(0,0,0,.25);}
.page.page--404 .page-title {font-size:62px; color:var(--dark); font-weight:700; text-transform:uppercase; line-height:78px; margin-bottom:40px;}

/*_____________________ FOOTER ______________________*/

.footer {background:var(--third);}
.footer .wrapper {padding-top:20px; padding-bottom:20px;}
.footer .subfooter.subfooter--brands {background:var(--secondary);}
.footer .menu--list {display:-webkit-box; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-direction:row; flex-wrap:wrap; justify-content:space-between;}
.footer .menu-item {position:relative; font-size:14px; font-weight:800; color:var(--white); text-transform:uppercase; padding:0 6px; opacity:1; transition:opacity .35s ease-in;}
.footer .menu-item:hover {opacity:.7;}
.footer .menu-item:first-child {width:30px;text-indent:-9999px;}
.footer .menu-item:first-child a {position:relative; display:block; width:100%; height:14px; z-index:2;}
.footer .menu-item:first-child:after {content:''; position:absolute; top:-4px; left:0; width:20px; height:22px; background-image:url(images/logo-gmg.png); background-repeat:no-repeat; background-size:100% auto; background-position:center center;}
.footer .menu-item a {color:inherit;}
.footer .footer--content {text-align:center;}
.footer .footer--content p {font-size:14px; color:var(--white); font-weight:100; line-height:24px;}

/*****************************************************/
/*___________________ RESPONSIVE ____________________*/
/*****************************************************/

@media screen and (max-width:1280px) {
  header .menu .menu-item a {font-size:14px;}
  .footer .menu--list {justify-content:center; width:100%; max-width:768px; margin:0 auto;}
  .footer .menu-item {padding:6px;}
  .footer .menu-item {width:calc(100% / 4 - .01px)!important; text-align:center; padding:6px;}
  .footer .menu-item:first-child:after {top:2px; left:calc(50% - 10px)}
}

@media screen and (min-width:1024px) {
  header .menu .menu-item:hover ul.sub-menu {display:block;}
}

@media screen and (max-width:1024px) {
  header .header--wrapper {display: block; height:94px!important; padding:0;}
  header .logo {position:relative; width:100%; height:100%; background:var(--white); padding:20px; z-index:9998;}
  header .logo a,
  header .logo a img {width:115px!important;}
  header .toggle--menu {display:block;}
  header .menu.menu--main {position:fixed; width:100vw; height:102vh; bottom:calc(-100% - 100px); left:0; background:transparent; z-index:9998;}
  header .menu .menu--list {display:-webkit-box; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-direction:column; flex-wrap:wrap; width:100%; text-align:center; justify-content:center; margin:40px 0 0;}
  header .menu .menu-item {position:relative; top:50px; width:100%; padding:12px 20px; margin:0; opacity:0; transition:all .65s ease-in;}
  header .menu .menu-item:after {content:''; position:absolute; bottom:0; left:calc(50% - 25px); width:50px; height:1px; background:var(--secondary);}
  header .menu .menu-item:last-of-type:after {display:none;}
  header .menu .menu-item a {font-size:14px;}
  header .menu .highlight--bar {display:none;}
  header .menu .menu-item.menu-item-has-children:before {content:''; position:absolute; top:15px; left:calc(50% + 56px); width:10px; height:16px; background:url(images/icons/arrow.svg) no-repeat; background-size:auto;}
  header .menu .menu-item.menu-item-has-children.active:before {transform:rotate(90deg);}
  header .menu .menu-item ul.sub-menu {position:relative; left:0; width:100%; max-width:520px; padding:10px 0 0; margin:0 auto; z-index:2;}
  header .menu .menu-item.active ul.sub-menu {display:-webkit-box; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-direction:row; flex-wrap:wrap; justify-content: space-between;}
  header .menu .menu-item ul.sub-menu .menu-item {width:auto;}
  header .menu .menu-item ul.sub-menu .menu-item {width:auto; background:rgba(0,0,0,.1); border-radius:5px; padding:8px 12px; margin:6px;}
  header .menu .menu-item ul.sub-menu .menu-item a {font-size:12px;}
  header .menu .menu-item ul.sub-menu .menu-item:after {display: none!important;}
  header .menu ul.sub-menu .menu-item {margin:0;}
  header .menu ul.sub-menu .menu-item:last-of-type:after {display:block;}

  body.menu-is-open header .header--wrapper {height:100vh!important;}
  body.menu-is-open header .menu.menu--main {bottom:0;}
  body.menu-is-open header .menu .menu-item {opacity:1; top:0;}
  body.menu-is-open header .menu .menu-item:nth-of-type(1) {transition-delay:.7s;}
  body.menu-is-open header .menu .menu-item:nth-of-type(2) {transition-delay:.9s;}
  body.menu-is-open header .menu .menu-item:nth-of-type(3) {transition-delay:1s;}
  body.menu-is-open header .menu .menu-item:nth-of-type(4) {transition-delay:1.1s;}
  body.menu-is-open header .menu .menu-item:nth-of-type(5) {transition-delay:1.2s;}

  .wrapper {padding-left:20px; padding-right:20px;}
  .breadcrumbs {display:none;}
  section[class$="--has-sidebar"] .inner {display:block; padding:0;}
  section[class$="--has-sidebar"] .main {width:100%;}
  section[class$="--has-sidebar"] .sidebar {width:100%; margin-top:0;}
  .page section[class$="--has-sidebar"] .inner {padding:40px 0;}
  .single-noticias section[class$="--has-sidebar"] .sidebar {margin-top:40px;}
  .item .item--title h3 {font-size:18px; line-height:22px;}
  .section--homepage .widget.widget--switch {margin:30px 0;}
  .section--homepage .widget--viral .item--category {margin:0 0 10px;}
  .section--homepage .widget--viral .item--title h3 {font-size:24px; line-height:28px;}
  .category .section--highlight {margin-bottom:20px;}
  .category .section--highlight .item--meta {padding:0 20px;}
  .category .section--highlight .item--title h3 {font-size:28px; line-height:32px;}
  .category .section--highlight .item--excerpt {font-size:16px; line-height:20px;}
  .sidebar {display:-webkit-box; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-direction:row; flex-wrap:wrap;}
  .sidebar .widget_text.sidebar--wrapper {width:100%;}
  .sidebar .widget--viral {width:calc(100% / 2 - 10.01px); margin-right:10px;}
  .sidebar .widget--last {width:calc(100% / 2 - 10.01px); margin-left:10px;}
  .sidebar .widget--news,
  .sidebar .widget--posts {width:100%;}
  .sidebar .widget--news .item--thumb,
  .sidebar .widget--posts .item--thumb {width:150px; height:100px;}
  .sidebar .widget--news .item--meta,
  .sidebar .widget--posts .item--meta {width:calc(100% - 150px);}
  .sidebar .widget--news .item--title h3,
  .sidebar .widget--posts .item--title h3 {font-size:24px; line-height:28px;}
  .archive .page--title {padding-top:40px; padding-bottom:0;}
  .pagination {margin:0 0 40px;}
  .page {padding-bottom:0;}
  .footer .footer--content section {width:calc(100% - .01px); text-align:center;}
}

@media screen and (max-width:980px) {
  .section--homepage .widget--last-posts .item,
  .section--homepage .widget--news .item {width:calc(100% / 2 - 20.01px);}
  .section--homepage .widget--last-posts .item .item--title h3,
  .section--homepage .widget--news .item .item--title h3 {font-size:24px; line-height:28px;}
  .category--banner {height:125px;}
  .category--banner .category--logo {top:calc(50% - 37px); right:30px; height:75px; width:75px;}
  .category--banner .category--meta {padding:30px 125px 30px 30px;}
  .category--banner .category--title > * {font-size:32px;}
  .category--banner .category--description {font-size:16px; line-height:19px; margin-top:6px;}
  .category .section--highlight .item--excerpt {display:none;}
}

@media screen and (max-width:768px) {
  .section--homepage .widget--viral .item--thumb:after {background:linear-gradient(transparent 20%, rgba(0,0,0,.75));}
  .section--homepage .widget--viral .item--title h3 {font-size:18px; line-height:22px;}
  .single .post--title {margin-bottom:15px;}
  .single .post--title .title {font-size:38px; line-height:42px;}
  .social {margin:20px 0;}
}

@media screen and (max-width:640px) {
  .section--homepage .widget--last-posts .item,
  .section--homepage .widget--news .item {width:calc(100% / 2 - 20.01px);}
  .section--homepage .widget--viral .item {width:calc(100% - 20.01px);}
  .section--homepage .widget--viral .item--category {margin:0 0 20px;}
  .section--homepage .widget--viral .item--title h3 {font-size:28px; line-height:34px;}
  [class*=grid--3]>* {width:calc(100% / 2 - 20.01px);}
  [class*=grid--4]>* {width: calc(100% / 2 - 20.01px);}
  .category--banner .category--meta {padding:47px 125px 47px 30px;}
  .category--banner .category--description {display:none;}
  .pagination {margin:0 0 20px;}
  section[class$="--has-sidebar"] .sidebar {margin-bottom:20px;}
  .sidebar .widget--title {margin:20px 0;}
  .sidebar .widget--viral {width:calc(100% - .01px); margin-right:0;}
  .sidebar .widget--last {width:calc(100% - .01px); margin-left:0;}
  .sidebar .widget--viral .item--title h3,
  .sidebar .widget--last .item--title h3 {font-size:28px; line-height:32px;}
  .sidebar .widget--news .item,
  .sidebar .widget--posts .item {flex-direction:row;}
  .sidebar .widget--news .item--thumb,
  .sidebar .widget--posts .item--thumb {width:100px; height:100px;}
  .sidebar .widget--news .item--meta,
  .sidebar .widget--posts .item--meta {width:calc(100% - 100px); padding-left:20px; padding-right:0}
  .sidebar .widget--news .item--title h3,
  .sidebar .widget--posts .item--title h3 {font-size:17px; line-height:20px;}
  .category .section--highlight .item--title h3 {font-size:22px; line-height:26px;}
  .social--label {display:none;}
  .footer .menu-item {width:calc(100% / 3 - .01px)!important; text-align:center; padding:6px;}
  .footer .menu-item:first-child {width:100%!important; margin-bottom:10px;}
}

@media screen and (max-width:480px) {
  [class*=grid--3]>* {width:calc(100% - 20.01px);}
  [class*=grid--4]>* {width: calc(100% - 20.01px);}
  .item .item--title h3 {font-size:20px; line-height:26px;}
  .section--homepage .widget--last-posts .item,
  .section--homepage .widget--news .item {width:calc(100% - 20.01px);}
  .section--homepage .widget--viral .item--category {margin:0 0 10px;}
  .section--homepage .widget--viral .item--title h3 {font-size:24px; line-height:28px;}
  .category--banner .category--meta {padding: 50px 115px 50px 20px;}
  .category--banner .category--title > * {font-size:24px;}
  .category--banner .category--logo {right:20px;}
  .category .section--highlight .item--wrapper {position:relative; display:block;}
  .category .section--highlight .item--thumb {position:relavite; width:100%;}
  .category .section--highlight .item--thumb:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(transparent 25%, rgba(0,0,0,.5));}
  .category .section--highlight .item--meta {position:absolute; bottom:20px; width:100%; text-align:center;}
  .category .section--highlight .item--category a {background:none;}
  .category .section--highlight .item--category a:hover {color:var(--secondary);}
  .category .section--highlight .item--title h3 a {color:var(--white);}
  .category .section--highlight .item--title h3 a:hover {color:var(--primary);}
  .archive .page--title {padding-top:30px;}
  .single section[class$="--has-sidebar"] .main {margin-bottom:20px;}
  .single .post--title .title {font-size:32px; line-height:36px;}
  .single .post--content .post--lead p {font-size:19px; line-height:30px;}
  .single .post--content h2 {font-size:24px; line-height:28px;}
  .single .post--content h3 {font-size:20px; line-height:24px;}
  .single .post--content h4 {font-size:18px; line-height:22px;}
  .single .post--content h5 {font-size:16px; line-height:20px;}
  .single .post--content h6 {font-size:16px; line-height:20px;}
  .single .post--content ul,
  .single .post--content ol {margin:10px 20px;}
  .single .post--content .wp-caption {margin:10px 0;}
  .single .post--content .jwppp-video-box {margin:20px 0!important;}
  .single .post--content .soliloquy-container {margin:20px 0!important;}
  .single-noticias section[class$="--has-sidebar"] .sidebar {margin-top:20px;}
  .social--share_button {width:75px;}
  .social--share_button .icon--social_name {display:none;}
  .social--share_button .icon--social:after {display:none;}
  .page--title h1.title {font-size:28px; line-height:32px; padding-bottom:50px;}
  .section.section--related {padding:30px 0;}
  .section.section--related .section--title .title {font-size:28px; line-height:32px; padding-bottom:50px;}
  .sidebar .widget--viral .item--title h3,
  .sidebar .widget--last .item--title h3 {font-size:24px; line-height:28px;}
  .footer .menu-item,
  .footer .menu-item:first-child {width:calc(100% / 2 - .01px)!important; margin-bottom:0;}
}

@media screen and (max-width:380px) {
  .category--banner .category--meta {padding:53px 115px 53px 20px;}
  .category--banner .category--title > * {font-size:20px;}
  section[class$="--has-sidebar"] .sidebar {width:calc(100% + 40px); margin-left:-20px;}
  .single .post--date,
  .single-noticias .post .post--brand {font-size:12px;}
  .sidebar .widget--switch {padding:0 20px;}
  .sidebar .widget--news .item--thumb,
  .sidebar .widget--posts .item--thumb {width:75px; height:75px;}
  .sidebar .widget--news .item--meta,
  .sidebar .widget--posts .item--meta {width:calc(100% - 75px);}
}