/* CSS Document */
/*
Theme Name: we are mitú
Theme URI:
Author: Jorge Delbouis
Author URI:
Description: master theme for mitú verticals
Version: 5.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/glp-2.0.html
Tags: mitu, wearemitu, mobile first, responsive, latino
Text domain: wearemitu
*/

/* VARIABLES */
/* ==================================+++++++++++================================== */
:root {
  --main-hilite-color: #8c8c8c;
  --title-case: uppercase;
  --font-family-primary: 'Montserrat', sans-serif;
  --font-family-secondary: 'Montserrat', sans-serif;
  --font-family-heading: 'Montserrat', sans-serif;
  --tl:0.5; /* transition length */
}


/* GLOBAL STYLES */
/* ==================================+++++++++++================================== */
body.privacy-policy ul li,body.page-id-15 ol li{
    font-family:var(--font-family-secondary);
    font-size:18px;
    line-height:31px;
}
.sr-text{
	display: none;
}
body{
	background-color: #f5f5f5;
	margin:0;
    margin-bottom:48px;
	font-family: var(--font-family-primary);
    overscroll-behavior:contain;
}
body.page,body.shopping-template-default{
    background-color: white;
}
body.page-template-latest_posts{
    background-color: #f5f5f5;
}
body.single-post{
    background-color:white;
}
.term-post-format-video,.category-video,.category-latido,.category-recommended,.category-editorial{
    background-color:#1C2029;
}
article.term-post-format-video, article.category-video{
    background-color:#FFFFFF;
}
.category-video footer div.container {
    border-top: none !important;
}
.term-post-format-video footer div.container,.category-video footer div.container{
    border-top: thin solid #2c2b2b;
}
.admin-bar header{
	/*margin-top:32px;*/
}
html {
	box-sizing: border-box;
	min-height: 100%;
	scroll-behavior: smooth;
}
*, *:before, *:after{
	box-sizing: inherit;
}
h1,h2,h3,h4,h5,h6{
	font-family: var(--font-family-secondary);
	font-weight: 900;
	line-height: 1.2em;
	clear: both;
	word-break: break-word;
}
h1{
	font-size: 28px;	
}
h2{
	font-size: 25px;
    line-height: 35px;
}
h3{
	font-size: 28px;
}
h4{
	font-size: 24px;
}
h5{
	font-size: 20px;
}
h6{
	font-size: 15px;
}
p {
	font-size: 15px;
	font-family: var(--font-family-secondary);
	font-weight: 400;
	line-height: 24px;
	margin:48px 0px;
	clear: both;
	word-break: break-word;
    letter-spacing: -0.1px;
}
iframe{
	max-width: 100%;
}
.clear, .clear::after{
	content: '';
	clear: both;
	display: block;
}
.container{
	max-width: 1180px;
	width:100%;
	margin:0 auto;
	position: relative;
}
.full-width-container{
    max-width: 100%;
	width:100%;
	margin:0 auto;
	position: relative;
}
.container2{
	max-width: 90%;
	width:100%;
	margin:0 auto;
	position: relative;
}

section {
 	padding: 0px 20px;
}
section.latest-section{
    padding:0px 20px 20px 20px;
    border-bottom:1px solid lightgrey;
    margin-bottom:20px;
}
span.load-more{
    display: block;
    text-align: right;
    font-family: var(--font-family-primary);
    text-transform: uppercase;
    font-size:13px;
    color:#6A6E79;
    padding-right:20px;
    margin-bottom:48px;
}
span.load-more a{
    text-decoration: none;
    color:#6A6E79;
}
section.section-name{
	font-family: var(--font-family-primary);
	font-size:23px;
	font-weight: 700;
}
.center{
	text-align: center;
}
.left{
	text-align:left;
}
.red{
	color:var(--main-hilite-color)!important;
}
.white{
	color:white;
}
li.entertainment a{
    color:#EBD89B !important;
}
li.things a{    
    color:#FFAC72 !important;
}
li.culture a{
    color:#93D4B4 !important;
}
li.fierce a{
    color:#FF144C !important;
}
.uppercase{
text-transform: uppercase;
}
.block{
	display: block;
	width: 100%;
}
a.link, ul.sb-menu-wam a, ul.sb-menu-legal a, a.page-numbers {
	text-decoration: none;
	color:#3C3F47;}
a.link:hover, ul.sb-menu-wam a.menu-item:hover {
	opacity:0.5;
}


a{
	color:#805CB9;
	text-decoration: none;
}
a.advertise{
    color:#3C3F47;
    text-decoration:none;
    cursor: pointer;
}
.advertise:hover > div.ad-button{
    background-color:   rgba(242,242,242,0.80);
}

a:hover{
	cursor:pointer;
}
input[type="submit"], button[type="button"] {
border-radius: 4px;
}

input[type=text],input[type=email] ,input[type=textarea],textarea, select{   
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*.lazy{
	background-color: lightgrey;
}*/

/* Image with 'data' attribute is hidden */
img[data-lazy-src] {
/* we set the opacity to 0 */
   opacity: 0;
}
/* Image without 'data' attribute is (or becomes) visible */
img.lazyloaded {
/* prepare the future animation */
   -webkit-transition: opacity .5s linear 0.2s;
       -moz-transition: opacity .5s linear 0.2s;
                 transition: opacity .5s linear 0.2s;
/* we set the opacity to 1 to do the magic */
   opacity: 1;
}
   div.mc4wp-response{
        text-align: center;
    }
   

/* BACKGROUND COLORS */
/* ==================================+++++++++++================================== */
.bg-white{
    background-color:white;
}
.bg-fog{
    background-color:#f5f5f5;
}
/* HEADER STYLES */
/* ==================================+++++++++++================================== */

div.site-header{
	height: 56px;
	border-bottom: 1px solid #6A6E79;
	margin-top:0px;
    background-color: #1C2029;
}
div.logo{
    text-align: center;
}
div.logo img{
	width:66px;
	height: auto;
    margin-left:-44px;
    margin-top:12px;
}
header{
	top:0;
	width: 100%;
	background-color: white;
	z-index:100;
	/*border-bottom: 1px solid lightgrey;*/
}
div.menu-container{
    text-align: center;
}

/* SOCIAL MENU */
/* ==================================+++++++++++================================== */

nav.social ul{
	list-style: none;
	text-align: center;
	padding: 0;
	display: inline;
}
nav.social ul li{
	position: relative;
	display: inline-block;
}
nav.social ul li a:before{
	font-family: fontello;
	display: inline-block;
	vertical-align: top;
	padding: 0 15px;
	font-size: 20px;
	-webkit-font-smoothing: antialiazed;
	color:black;
}
nav.social li a[href*="facebook.com"]::before{
	content:'\F09A';
}
nav.social li a[href*="twitter.com"]::before{
	content:'\F099';
}
nav.social li a[href*="instagram.com"]::before{
	content:'\F16D';
}
nav.social li a[href*="youtube.com"]::before{
	content:'\F167';
}
nav.social li a[href*="snapchat.com"]::before{
	content:'\F2AC';
}

/*MAIN MENU - MOBILE*/
/* ==================================+++++++++++================================== */
ul.sub-menu{
    /*display: none !important;*/
}
nav.mobile-site-nav{
	position: absolute;
	width: 105%;
    height: 100vh;	
    top:0px;
	left:0;
	overflow-x: hidden;
	margin-top:56px;
	transform-origin: 0% 0%;
  	transform: translate(-100%, 0);
  	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	background-color: #1C2029;
	z-index: 2;
    margin-left: -10px;
    margin-right: -10px;
}

nav.mobile-site-nav ul li{
	margin:0px;
	line-height:51px;
	width: 100%;
	text-align: center;
}
nav.mobile-site-nav ul li a{
	color:#F5F5F5;
	text-decoration: none;
	font-family: var(--font-family-primary);
	font-size: 15px;
	font-weight: 300;
	text-transform: uppercase;
    display: block;
    width:200px;
    margin:0 auto;
}
nav.mobile-site-nav ul.sub-menu li a{
  border-bottom:1px solid #3C3F47; 
}
nav.mobile-site-nav ul.sub-menu li:last-child a{
  width: 100%;
}
nav.mobile-site-nav a:hover{

}
nav.mobile-site-nav ul#menu-main-menu-mobile li.nav-entertainment.active a[href="#"]{
  border-bottom: 2px solid #EBD89B;
  width: 100%;
  color:#EBD89B;  
}
nav.mobile-site-nav ul#menu-main-menu-mobile li.nav-things.active a[href="#"]{
  border-bottom: 2px solid #FFAC72;
  width: 100%;
  color:#FFAC72;  
}
nav.mobile-site-nav ul#menu-main-menu-mobile li.nav-culture.active a[href="#"]{
  border-bottom: 2px solid #93D4B4;
  width: 100%;
  color:#93D4B4;  
}
nav.mobile-site-nav ul#menu-main-menu-mobile li.nav-fierce.active a[href="#"]{
  border-bottom: 2px solid #FF144C;
  width: 100%;
  color:#FF144C; 
}
nav.mobile-site-nav ul#menu-main-menu-mobile li.nav-latido.active a[href="#"]{
    border-bottom: 2px solid #DE1751;
    width: 100%;
    color:#DE1751;
}
nav.mobile-site-nav ul li.current-menu-item.nav-entertainment a{
  	border-bottom: 2px solid #EBD89B;
    width: 100%;
    color:#EBD89B;
}
    nav.mobile-site-nav ul li.current-menu-item.nav-things a{
  	border-bottom: 2px solid #FFAC72;
    width: 100%;
    color:#FFAC72;
}
 nav.mobile-site-nav ul li.current-menu-item.nav-culture a{
  	border-bottom: 2px solid #93D4B4;
    width: 100%;
    color:#93D4B4;
}   
    nav.mobile-site-nav ul li.current-menu-item.nav-fierce a{
  	border-bottom: 2px solid #FF144C;
    width: 100%;
    color:#FF144C;
}
nav.mobile-site-nav ul li.current-menu-item.nav-latido a{
    border-bottom: 2px solid #DE1751;
    width: 100%;
    color:#DE1751;
}

    nav.mobile-site-nav ul li.current-menu-item.nav-video a{
  	/*border-bottom: 2px solid #5FC6C8;
    width: 100%;
    color:#5FC6C8;*/
}  

nav.mobile-site-nav .shop-button a{
	/*padding-left:50px;
	padding-right:50px;*/
	}
li.shop-button a{
	background-color:#8583BE;    
	color:#1C2029 !important;
	border-radius: 0px;
    border-bottom:none !important;
}
li.shop-button a:hover{
    background-color:#6866AE;
}
div#sidebar-options .shop-button{
	background-color:#f5f5f5;
	padding:0px;
}
div#sidebar-options .shop-button a{
	color:#000000 !important;
	background-color:#f5f5f5;
	padding:0px;
}

/* HAMBURGER MENU*/
/* ==================================+++++++++++================================== */
body.a-bar #menuToggle{
    padding-top: 0px;
}
#menuToggle {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  padding-left: 15px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  float: left;
}
#menuToggle span{
    height: 1px;
    transform-origin:9px 0px;
}
body.a-bar #menuToggle input.hamburger{
 top:-10px;
  left:8px;   
}
#menuToggle input.hamburger
{
  display: flex;
  width: 40px;
  height: 44px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  top:0;
  left:10px;
}
li.sub-menu-item span{
background-color:transparent !important;
} 
#menuToggle span
{
  /*display: flex;*/
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: #f5f5f5;
  border-radius: 3px;
  z-index: 30;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}
#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}
#menuToggle input:checked ~ span:nth-child(2)
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #f5f5f5;
}
#menuToggle input:checked ~ span:nth-child(4)
{
  opacity: 1;
  transform: rotate(-45deg) translate(1px, 1px);
  background: #f5f5f5;
}
#menuToggle input:checked ~ span:nth-child(3)
{
  opacity: 0;
  transform: rotate(0deg) translate(0, 0);
  background: #f5f5f5;
}
#menuToggle input:checked ~ .mobile-site-nav{
  transform-origin: 0% 0%;
  transform: translate(0%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

/* MAIN CONTENT */
/* ==================================+++++++++++================================== */

.main-content-area{
	margin-top:20px;
}
.main-content{
  padding: 5px 20px 20px 20px;
  margin:0px; 
}
.main-content-wrap h2{
  font-family: var(--font-family-secondary); 
  color:#3C3F47;
    font-size: 21px;
    line-height: 25px;
}
.right-column{
	text-align: center;
	padding:0 20px;
	margin-bottom: 70px;
}
.right-column div{
	display: inline-block;
	}
.right-column div.widget{
	margin-bottom:20px;
}
.flex-container,.flex-container-home{
	display: flex;
	/*flex-wrap: wrap;*/
	align-content: stretch;
	/*margin-bottom: 30px;*/
	/*top:20px;*/
}
.flex-content{
	flex:calc(100% - 392px);
	border-right: none;
}
.flex-content-full-width{
    flex:100%;
    padding:0px;
}
.flex-content-no-sidebar{
	flex:100%;
	border-right: none;
    padding-bottom: 48px;
}
.flex-sidebar{
	flex:392px;
}
.flex-sidebar aside{
	text-align: center;
}
 
/* SEARCH */
/* ==================================+++++++++++================================== */
body.search div.foundcount{
        font-family: var(--font-family-secondary);
        font-size: 25px;
        margin-bottom: 20px;
        font-weight: 700;
        text-transform: uppercase;
}
div.search-form-container{
    position: relative;
    display:none;
    height: 53px;
    text-align: center;
    background-color: #f5f5f5;
    border-bottom:1px solid #D5D8E0;
    padding-top:10px;
}
input.search-field{
    border: none;
    font-family: Lato;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 1.66667px;
    width: 50%;
    padding:0 10px;
    background-color: #f5f5f5;
}
input.search-field:focus{
    border: none;
    box-shadow: none;
    outline: none;
}
input.search-box{
    transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
    width: 40px;
    height: 40px;
    border:none;
    border-radius: 20px;
    cursor: pointer;
    background:#1C2029;
    position:absolute;
    margin-top:-10px;
}
input.search-box:hover{
    color:white;
    background:#1C2029;
    box-shadow:0 0 0 1px #f5f5f5;
}
input.search-box:focus{
    transition: width 0.6s cubic-bezier(0,1.22,.66,1.39),border-radius 0.6s, background 0.6s;
    border:none;
    outline: none;
    padding-left:15px;
    cursor:text;
    width:150px;
    border-radius: auto;
    background:#f5f5f5;
    color:black;
    z-index: 99;
    
}

input.search-box:not(:focus){
    text-indent: -5000px;
}
#search-submit{
    position: relative;
    left:-5000px;
}
.icon-search::before{
    content:url(/web/20210228133437im_/https://wearemitu.com/wp-content/themes/wam2019/assets/lupa.svg);
    height: 16px;
    width: 16px;
    left: 8px;
    top:2px;
    position: absolute;
    cursor: pointer;
}

/*div.search-container{
	display: block;
	width:70%;
	margin: 20px auto;
	
}*/

/*.search-container button{
	float: right;
	background-color:#ddd;
	font-size: 17px;
	padding: 6px 10px;
	border: none;
	cursor: pointer;
}
.search-container input[type=text] {
    padding: 6px;
    border: none;
	font-family: var(--font-family-primary);
	/*float: left;*/	
	/*width:calc(100% - 36px);
	height: 32px;
}*/
/*ANNOUNCEMENTS BAR/
/*================================================================================ */
    div.announcements-bar{ 
        background-color: #ff5a61;
        height: 34px;
        width:100%;
        border-bottom: 1px solid #ff5a61;
        display: flex;
        flex-direction: row;
        align-items: center;
        align-content: center;
        justify-content: center;
    }
    div.announcements-bar span,div.announcements-bar a{
        color: white;
        font-family: var(--font-family-heading);
        
    }
div.announcements-bar a{
    text-decoration: underline;
}
    div.announcements-bar a{
        margin-left:48px;
    }
    div.announcements-bar a:hover{
        /*border-bottom:1px solid white;*/
    }
/* FOOTER */
/* ================================================================================ */

footer{
	background-color:#ECECEC;
	color:lightgrey;
	height: 50px;
	width: 100%;
	bottom:0;
}

/* VIDEO POSTS */
/* ================================================================================*/
div.video-section{
    background-color: #1C2029;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 60px;
    text-align: center;
}
span.video-icon::before,article.grid-box3 span.video-icon::before{
	content: url(/web/20210228133437im_/https://wearemitu.com/wp-content/themes/wam2019/assets/play.svg);
    width: 50px;
    height: 50px;
	display: inline-block;
	position: absolute;
	font-size: 34px;
	-webkit-font-smoothing: antialiazed;
}
span.video-icon:hover::before,article.grid-box-3 span.video-icon:hover::before{
    content: url(/web/20210228133437im_/https://wearemitu.com/wp-content/themes/wam2019/assets/play-hover.svg);
    width:50px;
    height:50px;
    }
body.term-post-format-video div#video-player,body.category-video div#video-player{
    margin-bottom: 20px;
}
h1.video-title{
    margin-bottom:30px;
}
h5.video-cat{
    font-size: 13px;
    letter-spacing: 2.36px;
    color: #F5F5F5;
    font-family: var(--font-family-primary);
    }
div.video-section div.post-meta{
    margin-bottom:40px;
}
/* CONTACT FORM */
/* =================================================================================*/
body.page-id-11 h1.archive-title{
	text-align:center;
	border-bottom:none;
	text-transform:none;
}

.gray{color:#9CA1AD;font-size:15px}

.email-form-field{
	padding-left:20px;
	height:40px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea, 
.wpcf7 select{
    background-color: #f5f5f5;
    color:black;
	border: 1px solid #D5D8E0;
    height: 45px;
    width: 100%;
	max-width: 100%;
    border-radius: 0px;
    font-family: var(--font-family-primary);
}
.wpcf7 textarea {
    height: 150px;
}
select.wpcf7-select{
      color:gray;
    background-image: url(https://web.archive.org/web/20210228133437im_/https://d1wzz8hm4h01xw.cloudfront.net/wp-content/uploads/2019/07/11092823/arrow.svg);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    font-family: var(--font-family-primary);
}
#post-11{
	/*border:1px solid lightgrey;
	padding:20px;
	margin-top:20px;*/
}
.wpcf7 label {
	font-weight:600;
    font-family: var(--font-family-primary);
    color:#3C3F47;
	}
.wpcf7 input[type="submit"]{
	padding:10px;
	width:207px;
    height: 54px;
	color:#ffffff;
	font-weight:300;
	border:none;
	margin: 0 auto;
    display: block;
    border-radius:0px;
	background-color:#3C3F47;
    font-family: var(--font-family-primary);
    text-transform: uppercase;
    font-size:13px;
    letter-spacing: 0.7px;
	}
input.wpcf7-submit:hover{
	background-color:rgba(22,24,31,1.0);
	cursor:pointer;
}
.email-form-field{
	height:30px;
}
/* LAYOUT FORMATTING */
/* =================================================================================*/
hr.wp-block-separator{
	height: .5px;
    color: lightgrey;
    background-color: lightgrey;
    border: none;
    width: 50%;
}
/* INFORMATION PAGES */
/* =================================================================================*/
div.page-hero{
	width: 100%;
    height: 200px;
    margin-top: 0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* ARCHIVE PAGES */
/* =================================================================================*/
h1.archive-title{
	margin-bottom: 20px;
	border-bottom: 1px solid lightgrey;
	text-transform: uppercase;
	padding-bottom:10px;
    font-family: var(--font-family-secondary);
}
body.page-id-11 h1.archive-title, body.page-id-141151 h1.archive-title{
	margin-right:20px;
}
body.page-id-141151 h1.archive-title{
	text-align:center;
	text-transform:none;
	border-bottom:none;
}
div.post-tags{
	border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    padding: 20px 0px;
}
div.post-tags span{
    padding-right: 20px;
    /*display: inline-block;*/
    font-family: var(--font-family-primary);
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
}
div.tag-container{
    width: calc(100% - 60px);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    background-color: white;
    text-align: center;
}
div.post-tags a{
	text-transform: uppercase;
    border:1px solid #805CB9;
    font-family: var(--font-family-primary);
    font-weight: 300;
    display:grid;
    grid-template-columns:100%;
    grid-template-rows:28px;
    align-items: center;
    font-size: 11px;
}
div.category-hero{
    width: 100%;
    height:126px;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: row;
    justify-content: center;   
    align-items: center;
}
div.category-hero h1{
    font-size: 70px;
    margin: 0px;
    line-height: 42px;
    font-family:var(--font-family-primary);
    text-transform: uppercase;
    color: rgba(245, 245, 245, 0.0001);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: white;
    line-height: 50px;
    letter-spacing: 12.7px;
}
body.category-entertainment div.category-hero,body.category-celebrities div.category-hero,body.category-music div.category-hero,body.category-movies-and-tv div.category-hero,body.category-zodiac div.category-hero,body.category-sports div.category-hero{
        background-image:url(/web/20210228133437im_/https://wearemitu.com/wp-content/themes/wam2019/assets/entertainment-hero.jpg);
        background-position: center;
        border-top: 2px solid #EBD89B;
    }
    body.category-things-that-matter div.category-hero, body.category-tech div.category-hero, body.category-affects-community div.category-hero,body.category-business div.category-hero,body.category-finance div.category-hero,body.category-mitu-spotlight div.category-hero,body.category-politics div.category-hero{
        background-image:url(/web/20210228133437im_/https://wearemitu.com/wp-content/themes/wam2019/assets/things-that-matter-hero.jpg);
        background-position: center;
        border-top: 2px solid #FFAC72;
    }
    body.category-culture div.category-hero, body.category-food-and-drink div.category-hero, body.category-growing-up-latino div.category-hero, body.category-identity div.category-hero{
        background-image:url(/web/20210228133437im_/https://wearemitu.com/wp-content/themes/wam2019/assets/culture-hero.jpg);
        background-position: center;
        border-top: 2px solid #93D4B4;
    }
    body.category-fierce div.category-hero,body.category-beauty-and-fashion div.category-hero,body.category-calladitas-no-more div.category-hero,body.category-health div.category-hero,body.category-jefas div.category-hero,body.category-parenting div.category-hero{
        background-image:url(/web/20210228133437im_/https://wearemitu.com/wp-content/themes/wam2019/assets/fierce-hero.jpg);
        background-position: center;
        border-top: 2px solid #FF144C;
    }
body.category-latidomusic div.category-hero {
    background-image:url("https://web.archive.org/web/20210228133437im_/https://d18ufwot1963hr.cloudfront.net/wp-content-production/uploads/2020/12/Banner-horizontalBannerLatidoMusicSmall-1-1-scaled.jpg");
    background-position: center;
    border-top: 2px solid #FF144C;
}

body.category-latido-news div.category-hero {
    background-image:url(/web/20210228133437im_/https://wearemitu.com/wp-content/themes/wam2019/assets/category-latido-general.jpg);
    background-position: center;
    border-top: 2px solid #FF144C;
}

body.category-latido-originals div.category-hero {
    background-image:url(/web/20210228133437im_/https://wearemitu.com/wp-content/themes/wam2019/assets/category-latido-general.jpg);
    background-position: center;
    border-top: 2px solid #FF144C;
}

body.category-latido-vybs div.category-hero {
    background-image:url(/web/20210228133437im_/https://wearemitu.com/wp-content/themes/wam2019/assets/category-latido-general.jpg);
    background-position: center;
    border-top: 2px solid #FF144C;
}

    body.term-post-format-video div.category-hero,body.category-video div.category-hero{
        background-image:url(/web/20210228133437im_/https://wearemitu.com/wp-content/themes/wam2019/assets/video-hero.jpg);
        background-position: center;
        border-top: 2px solid #5FC6C8;
    }
    div.error-message{
    background-color: white;
    padding:48px;
    }
    div.error-message img{    
        width: 248px;
        height: auto;
        margin:0px auto 48px;
        display: block;
    }
    span.error-message{
        display: block;
        text-align: center;
        font-family: var(--font-family-primary);
        font-size: 19px;
        font-weight: 300;
        line-height: 23px;
    }
     body.search-no-results div.section-name,body.archive div.section-name{
        margin-top:-15px;
    }
span.author-email{
    padding-top:20px;
    font-family: var(--font-family-secondary);
    font-size:15px;
    display: block;
    clear: both;
}

/* entries from customizer */

p.close-text{
    text-align: center !important;
    font-size: 15px;
}
span.cc-message {
	text-align:center !important;
	font-family:Lato;
}
.boxzilla{
	padding:0px!important;
}
.boxilla p{
	text-align:center;
}
.boxzilla-content{
	padding-bottom:48px;
}

div.mc4wp-alert{
	font-size:12px;
}
twitter-widget.twitter-tweet{
	margin:0 auto;
}
.wp-block-embed__wrapper{
	text-align:center;
}

figure.wp-block-embed-instagram{
	margin:0 25%;
}
div.universal_ads{
	text-align:center;
	margin:0 auto;
}

div.universal_ads iframe{
	display:block;
	margin:0 auto;
}	

div.carousel-item figure img{
	-webkit-clip-path: polygon(0 0, 100% 0%, 100% 99%, 0% 100%);
clip-path: polygon(0 0, 100% 0%, 100% 99%, 0% 100%);
}

.shopify-buy__product__title{
	display:none !important;
}
.wam-shopify-item table {
	margin-bottom: 15px;
}
div.dismiss-form{
	display:none;
}

div.grecaptcha-badge{
	display:none;
}
@media only screen and (max-width:768px){
 body{
	height:100vh;
	position:relative;
	}
	div.sb-copyright{
		padding-bottom:80px;
	}  
    body.search h1.archive-title {
    margin-top: 90px !important;}
    figcaption, h6 {
  margin-top: 0px;
}
	body.category .category-hero{
		margin-bottom:20px;
	}
	input.form-control{
		border-radius:0px;
	}
    div.category-hero h1{
        font-size: 20px;
        letter-spacing: 8.7px;
        font-weight: 300;
        -webkit-text-stroke-width: 1px;
    }
}

@media only screen and (min-width:768px){
   ul.sub-menu li a{
		font-size:11.5px;
	}
	ul.sub-menu{
		padding-top:300px;
	}
	
	iframe{
	margin: 0px auto 0px auto;
		display:block;
	} 
}

/* 404 PAGE */
/* =================================================================================*/
figure.image-404 img{
	width: 100%;
	max-width: 100%;
}
@media only screen and (max-width: 767px){
    body{
      height: 100%;
      position: relative;
    }
    body.a-bar div.announcements-bar{
        height: 61px;
        flex-direction: column;
        /*position: fixed;*/
        top: 0px;
        z-index: 99;
    }
    body.a-bar div.search-form-container{
        margin-top:0px;
        z-index: 99;
    }
    body.a-bar div.announcements-bar a{
        margin-left:0px;
    }
    body.a-bar div.announcements-bar span{
        line-height: 26px;
    }
    body.a-bar header{
        background-color: unset;
         position: sticky;
    }
    header{
        position: sticky;
    }
    body.a-bar img.mobile-search{
        top:18px;
    }
    body.a-bar div.site-header{
        /*margin-top:61px;*/
       
    }
    body.a-bar #menuToggle,body.a-bar #menuToggle input.hamburger{
        margin-top:22px;
    }
    body.a-bar nav.mobile-site-nav{
    /*top:61px;*/
    }
    nav.mobile-site-nav ul{
	display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0px;
	width: 100%;
    
}
    li.is-dropdown a::after{
    font-family: fontello;
    content: '\E800';
    padding-left:10px;
    }
    li.active a::after{
    font-family: fontello;
    content: '\E801';
    padding-left:10px;
    }
    li.sub-menu-item a::after{
    font-size: 0px;
    }
     nav.mobile-site-nav ul.sub-menu{
      display:none;
    }
    li.active ul.sub-menu{
        display: flex;
        flex-direction: column;
        background-color:#262a32;
    }
    

 .flex-sidebar{
	display:none;
} 
    section.we-recommend{
        background-color:#f5f5f5;
        padding-top:48px;
        margin-bottom: -20px;
        padding-bottom: 48px;
    }
    div.we-recommend span.white{
        top:26px !important;
    }
.desktop {
    display:none;
    }
    body{
        margin-bottom: 32px;
    } 
    body.search h1.archive-title{
        margin-top:48px;
    }
h1.archive-title{
    margin-top:20px;
    }
/* VIDEO CARDS */
/* =================================================================================*/
.grid-container article:first-child span.video-icon::before{
    top:-50%;
	left:50%;
    margin-left:-25px;
    margin-top:-50px;
    font-size: 30px;
    background-color:transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    color:transparent;
	}
    .grid-container-no-sidebar article:first-child span.video-icon::before{
    top: 50%;
    margin-top: -25px;
    left: -50%;
    margin-left: 25px;
    }
.grid-container article:not(:first-child) span.video-icon::before,.grid-container-no-sidebar article:not(:first-child) span.video-icon::before{
	top: 50%;
    margin-top: -25px;
    left: -50%;
    margin-left: 25px;
    position: absolute;
}
aside.sidebar .mc4wp-form {
	/*display:none;*/
	}
 
span.video-icon::before{		
	font-size: 18px;	
}
    div.grid-container article:first-child span#watch.video-icon::before{
    left: 50%;
    margin-left: -25px;
    top: -50%;
    margin-top: -50px;
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
	background-color:transparent;
    color:transparent;
    font-size:32px;  
    }
    span#watch.video-icon::before{
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
	background-color:transparent;
    color:transparent;
    font-size:18px;
}
    a.grid-box-3:hover{
	color:white;
}


div.video-section h1{
    font-size:19px;
    color:#f5f5f5;
}
div.video-section h5{
    font-size: 11px;
    letter-spacing: 2px;
    color: #F5F5F5;
    font-family: var(--font-family-primary);
    margin-top: 50px;
}
h1.video-title{
    margin-bottom:20px;
    }
h5.video-cat{
    margin-top:60px;
    }
div.video-section div.post-meta{
    margin-bottom:20px;
}
 body.term-post-format-video div#video-player{
    /*margin-top:56px;*/
}
 body.term-post-format-video div.category-hero,body.category-video div.category-hero{
     /*margin-top:56px;*/
    }
 body.term-post-format-video.a-bar div.category-hero,body.category-video.a-bar div.category-hero{
    /* margin-top:117px;*/
    }
body.term-post-format-video.a-bar.search-active div.category-hero,body.category-video.a-bar.search-active div.category-hero{
     margin-top:0px;
    }
p{
    margin:30px 0px;
    }
header{
	/*position: fixed;*/
	}	
nav.desktop-site-nav{
	display: none;
}
.social-menu{
	display: none;
	}
footer{
	position: fixed;
	}	
nav.mobile-site-nav div.search-container {
	display:block !important;
	}
aside.sidebar div.desktop-search{
	display: none;
	}
.flex-container{
	flex-direction: column;
	margin-top:48px;
	}
body.a-bar .flex-container {
    flex-direction: column;
}
body.category .flex-container{
    margin-top:0px;    
    }
body.search main.flex-container{
     margin-top:0px;   
    }
.archive{
	/*margin-top:75px;*/
	}

	footer{
		background-color: #f5f5f5;
	}
	header.header-home div.search-container{
		display: none;
	}
    div.video-section{
        /*padding:20px;*/
    }
    div.section-name.video{
        max-width:100%;
    }
    
/* CONTACT FORM */
    
    .no-pad{
		margin-bottom:10px !important;
		display:block;
	}
	form.wpcf7-form label{
		margin-bottom:30px;
	}
	form.wpcf7-form span{
		display:block;
		padding-bottom:10px;
	}
    li.shop-button a{
        padding:0px;
    }
    nav.mobile-site-nav ul li.shop-button a{
        padding-bottom:0px;
    }
    div.search-form-container.mobile{
        position: absolute;
        right: -90px;
        top: 8px;
    }
    .mobile-shop{
    right: 24px;
    top: 16px;
    left: unset;
    position: absolute;
        cursor: pointer;
    }
    .mobile-search{
    right: unset;
    top: 16px;
    left: 88px;
    position: absolute;
    }


    body.a-bar div.search-form-container{
    margin-top:0px;
    }
    div.search-form-container{
    position: relative;
    display: none;
    margin-top: 0px;
    text-align: left;
    height: 50px;
    }
    input.search-field{
    width: 100%;
    }
    .field-spacer,#field-spacer{
		margin-bottom:10px;
	}
    
/* TAGS */
    
    div.tag-container{
        grid-template-columns: 1fr 1fr;
    }
    div.post-tags a{
    font-size: 9px;
    }

    body.tag section.trending-section{
        margin-bottom:305px;
    }
/* SEARCH */
    
    span.icon-search::before {
    right: 111px !important;
    top: 12px !important;
    left:unset;
    }
    input.search-box{
    margin-top: 0px;
    right: 103px; 
    
    }
    input.search-box:focus{
      width: 125px;  
    }
    
    /* ADVERTISE WITH USE PAGE */
/* =================================================================================*/
div.ad-hero img{
    max-width: 100%;
    width: 100% !important;
    height: auto;
}
#influence{
    background-color:white;
}
hr.divider{
    width:100%;
    max-width: 280px;
    border-top:1px solid #D5D8E0; 
}
#mission{
    margin-bottom:64px;
}

#mission div.container p{
    font-size: 16px;
    padding:10px;
    line-height: 24px;
}

#market{
    background-color: #1C2029;
    
}
#market .main-section{
    color:white;
}
#market h1{
    font-size: 19px;
    padding:10px;
}
#market p{
    padding:0 20px;
}
#market,#brand-solutions,#team{
    padding-top:48px;
    padding-bottom:48px;
}
#influence{
    padding-top:48px;
    padding-bottom:48px;
}

#influence div.image-grid{
    display:grid;
    grid-template-columns: 1fr;
}
#influence h1{
    font-size: 19px;
    padding:10px;
}
#influence div.carousel-item img{
    width:90% !important;
    max-width:100%;
    height: auto;
    margin:0 auto;
}
#influence span.owl-next-arrow::before{
    color:black;
    bottom:-10px;
    right:50%;
    margin-right: -34px;
    top:unset;
}
#influence span.owl-prev-arrow::before{
    color:black;
    bottom:-10px;
    left:50%;
    margin-left:-34px;
    top:unset;
}
#influence div.owl-carousel span{
    width: 90%;
    display: block;
    text-align: center;
    margin: 0 auto;
    font-size: 22px;
    line-height: 23px;
    margin-top:20px;
}
#brand-solutions h1{
    font-size: 19px;
    padding:10px;
}
    #brand-solutions p{
    padding:0 20px;
    font-size:16px;
    }
    #team h1{
    font-size: 19px;
        padding: 10px;
    }
    #brand-solutions div.mobile img{
       width: 100%;
    height: auto;
    border: 1px solid #D5D8E0;
} 
    div.team-grid{
            display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 20px;

}
    #team span.position,#team span.name{
        display: block;
    }
    #team{
        background-size: cover;
        background-position: center;
        background-color:#1C2029;
    }
    #team span.position{
        font-family: Lato;
        font-weight: 300;
        font-size: 11px;
        letter-spacing: 2px;
        padding-bottom:5px;
        text-transform: uppercase;
    }
    #team span.name{
        font-size:19px;
    }
    #team .main-section{
        color:white;
    }
    #clients div.mobile img{
        width: 100%;
        height: auto;
    }
    #clients h1,#connect h1{
    font-size: 19px;
    padding:10px;
}
    form.wpcf7-form{
        text-align: left;
    }
    
    div.ad-button{   
    font-family: Lato;
    font-size: 13px;
    border: 1px solid #D5D8E0;
    width: 248px;
    padding: 20px;
    margin: 0 auto;
    }
    
    
    
}/* end mobile styles */

/* DESKTOP STYLES */
/* ==================================+++++++++++================================== */

@media only screen and (min-width: 768px){

/* GLOBAL STYLES */
/* ==================================+++++++++++================================== */
    html {
        position: relative;
    }
.mobile {
    display: none;
    }
.clear-bottom{
    margin-bottom:420px;
}
body.error404 .clear-bottom{
    margin-bottom:0px;
}
h1{
	font-size: 39px;
	margin: 0px;
    line-height: 42px;
}
h2{
	font-size: 27px;
    letter-spacing: -0.1px;
    line-height: 37px;
    margin-bottom:48px;
    margin-top:48px;
}
h3{
	font-size: 28px;
}
h4{
	font-size: 24px;
}
h5{
	font-size: 20px;
}
h6{
	font-size: 15px;
}
p {
	font-size: 18px;
    line-height: 31px;
    color:#3C3F47;
}
li.shop-button a{
	border-radius:0px;
    padding:25px 10px;
}

/*VIDEO POSTS*/
/*================================================================================ */
span.video-icon::before,article.grid-box-3 span.video-icon::before{
    left:50%;
    margin-left:-25px;
	margin-top:-50px;
    top:-50%;
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
	background-color:transparent;
    color:transparent;
}

section.latest-section article:nth-child(n+7) span.video-icon::before{
    left:0%;
    margin-left:-86px;
}

a.video:hover{
	color:white;
}
div.video-section .container{
 padding: 0 20px 0 20px;       
    }
	
/* HEADER STYLES */
/* ==================================+++++++++++================================== */
div.site-header{
height:66px;
border-bottom:none;
/*text-align: center;*/
    }
    div.menu-container{
    /*display: inline-block;*/
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
    }
header{
	height: 66px;
	/*margin-bottom: 20px;*/
    position: sticky;
	}

div.logo{
    /*float:left;*/
    width: 100px;
    height: auto;
    margin:0 20px 0 20px;
}
div.logo img{
	width:100px;
	height: auto;
    margin-left:0px;
    margin-top:0px;
}
	
/* MAIN MENU */
/* ==================================+++++++++++================================== */	
.is-mega-menu a:not(.sub-menu-item){
display: block;
height: 66px;
line-height: 66px;
    }	
li.is-mega-menu a::after{
font-family: fontello;
content: '\E800';
    padding-left:5px;
    }
.sub-menu-item a:after, a[href*="#"]::after{
font-size: 0px;
    }
#menuToggle{
display: none;		
	}
.is-mega-menu{
        position: relative;
    }
    nav.desktop-site-nav ul{
   /* position: relative;*/
    }
nav.desktop-site-nav ul.sub-menu{
    display:flex;
    visibility: hidden;
    flex-direction: column;
    position: absolute;
    top:66px;
    background-color: #1C2029;
    z-index: 100000;
    height: auto;
    width: 212px;
    align-items: baseline;
    padding-top:260px;
    padding-bottom:40px;
    background-repeat: no-repeat;
    background-size: contain;
    left:50%;
    margin-left:-106px;
    }
    li.nav-entertainment ul.sub-menu{
        background-image:url(https://web.archive.org/web/20210228133437im_/https://d18ufwot1963hr.cloudfront.net/wp-content-production/uploads/2020/04/entertainment-image.jpg);
		background-repeat:no-repeat;
		background-size:212px auto;

    }
    li.nav-video ul.sub-menu{
        background-image:url(https://web.archive.org/web/20210228133437im_/https://d18ufwot1963hr.cloudfront.net/wp-content-production/uploads/2020/10/video.jpg);
		background-repeat:no-repeat;
		background-size:212px auto;

    }
    li.nav-things ul.sub-menu{
    background-image: url("/web/20210228133437im_/https://wearemitu.com/wp-content/themes/wam2019/assets/politics.jpg");
    }
    li.nav-culture ul.sub-menu{
    background-image: url("/web/20210228133437im_/https://wearemitu.com/wp-content/themes/wam2019/assets/culture.jpg");
    }
    li.nav-fierce ul.sub-menu{
        background-image:url(https://web.archive.org/web/20210228133437im_/https://d18ufwot1963hr.cloudfront.net/wp-content-production/uploads/2020/04/fierce-image-3.png.jpeg);
		background-repeat:no-repeat;
		background-size:212px auto;
    }
    li.nav-latido ul.sub-menu{
        background-image: url("https://web.archive.org/web/20210228133437im_/https://d1wzz8hm4h01xw.cloudfront.net/wp-content/uploads/2020/08/24150410/megamenu-1-1.jpg");
    }
    nav.desktop-site-nav ul.sub-menu a{
    display:block;
    height: 40px;
    line-height: 40px;
    }
    
    li.nav-entertainment .menu-image a{
       /* text-indent: -9999px;
        display: block;
        max-width: 212px;
        max-height: 241px;
        padding-left:-20px;
        width: 212px;
        height: 241px;
        background-image: url("/web/20210228133437im_/https://wearemitu.com/wp-content/themes/wam2019/assets/celebrities.jpg");*/
    }
ul.main-menu{	
}
    ul.main-menu li{
    padding:0 11px;
    }
.desktop-menu{
	/*padding-top:60px;*/
	}
nav.desktop-site-nav ul{
  	display: flex;
  	flex-direction: row;
  	align-items:center;
  	justify-content:center;
  	list-style: none;
  	text-transform: var(--title-case);
  	height: 66px;
    padding:0px;
    margin-top:0px;
    margin-bottom:0px;
}
nav.desktop-site-nav ul li a{
	border-bottom: none;
    position: relative;
	}
nav.desktop-site-nav ul li a{
  	text-decoration: none;
  	color: #f5f5f5;
  	text-transform: var(--title-case);
	font-family: var(--font-family-primary);
	font-size: 11.5px;
	font-weight: 300;
    letter-spacing: 2px;
    height: 66px;
    line-height: 66px;
   
}
nav.desktop-site-nav ul li a:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 0px;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transform-origin: 0% 50%;    
    }
    li.nav-entertainment ul.sub-menu{
    border-top: 2px solid #EBD89B;    
    }
    li.nav-things ul.sub-menu{
    border-top: 2px solid #FFAC72;    
    }
    li.nav-culture ul.sub-menu{
    border-top: 2px solid #93D4B4;    
    }
    li.nav-fierce ul.sub-menu{
    border-top: 2px solid #FF144C;    
    }
    li.nav-latido ul.sub-menu{
        border-top: 2px solid #DE1751;
    }
    li.nav-video ul.sub-menu{
        border-top: 2px solid #10AAAD;
    }
    nav.desktop-site-nav ul li.is-mega-menu ul.sub-menu a:before{
    border-top: none; 
	}
    nav.desktop-site-nav ul li.nav-entertainment a:before {
    border-top: 5px solid #EBD89B; 
	}
    
    nav.desktop-site-nav ul li.nav-entertainment a:hover{
    color: #EBD89B; 
    }
    nav.desktop-site-nav li.is-mega-menu:hover > ul.sub-menu{
    visibility: visible;
    }
    nav.desktop-site-nav ul li.nav-things a:before{
    border-top: 5px solid #FFAC72;	
	}
    nav.desktop-site-nav ul li.nav-things a:hover{
    color: #FFAC72;   
    }
nav.desktop-site-nav ul li.nav-culture a:before{
    border-top: 5px solid #93D4B4;
	}
    nav.desktop-site-nav ul li.nav-culture a:hover{
    color: #93D4B4;   
    }
nav.desktop-site-nav ul li.nav-fierce a:before{
    border-top: 5px solid #FF144C;
	}
    nav.desktop-site-nav ul li.nav-fierce a:hover{
    color:#FF144C;
    }
    nav.desktop-site-nav ul li.nav-latido a:before{
        border-top: 5px solid #DE1751;
    }
    nav.desktop-site-nav ul li.nav-latido a:hover{
        color:#DE1751;
    }

nav.desktop-site-nav ul li.nav-video a:before{
    border-top: 5px solid #10AAAD;
    top:-25px;
	}
    nav.desktop-site-nav ul li.nav-video a:hover{
    color: #5FC6C8;   
    }
nav.desktop-site-nav ul li a:hover{
	/*opacity: .5;	*/
	}
    nav.desktop-site-nav ul li.current-menu-item a{
     /*line-height: 55px;*/
    }
nav.desktop-site-nav ul li.current-menu-item ul.sub-menu li.menu-item a,nav.desktop-site-nav ul li.current-post-parent ul.sub-menu li.menu-item a {
    border-top:none; 
    }
nav.desktop-site-nav ul li.current-menu-item.nav-entertainment a,nav.desktop-site-nav ul li.current-post-parent.nav-entertainment a{
  	border-top: 5px solid #EBD89B;
    line-height: 57px;
}
    
    nav.desktop-site-nav ul li.current-menu-item.nav-things a,nav.desktop-site-nav ul li.current-post-parent.nav-things a{
  	border-top: 5px solid #FFAC72;
    line-height: 57px;
}
 nav.desktop-site-nav ul li.current-menu-item.nav-culture a,nav.desktop-site-nav ul li.current-post-parent.nav-culture a{
  	border-top: 5px solid #93D4B4;
    line-height: 57px;
}   
    nav.desktop-site-nav ul li.current-menu-item.nav-fierce a,nav.desktop-site-nav ul li.current-post-parent.nav-fierce a{
  	border-top: 5px solid #FF144C;
    line-height: 57px;
}
        nav.desktop-site-nav ul li.current-menu-item.nav-latido a,nav.desktop-site-nav ul li.current-post-parent.nav-latido a{
            border-top: 5px solid #DE1751;
            line-height: 57px;
        }
    nav.desktop-site-nav ul li.current-menu-item.nav-video a, nav.desktop-site-nav ul li.current-post-parent.nav-video a{
      border-top: 5px solid #5FC6C8;
      line-height: 57px;
    /*padding-top: 20px;*/
}   
nav.desktop-site-nav ul li a:hover:before
{
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
nav.desktop-site-nav ul li.current-menu-item a:hover:before,nav.desktop-site-nav ul li.current-post-parent a:hover:before{
-webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    }


/* SEARCH: ; */
/* ==================================+++++++++++================================== */
.search-container{
margin:0 20px 0 20px;    
    }
/* SOCIAL MENU */
/* ==================================+++++++++++================================== */
	
div.social-menu{
	float: right;
    margin-right: 20px;
	margin-top:20px;
}	
nav.social ul li a:before{
	font-size: 25px;
	padding: 0 15px;
}	
header.site-header .social-menu{
  	position: absolute;
  	top:0;
  	right: 20px;
}
nav.social ul li a:hover{
	opacity: .5;
	}
.header-home {
    z-index:100;
}
	
/* MAIN CONTENT */
/* ==================================+++++++++++================================== */
	
.main-content-area{
	margin-top:105px;
	}
.main-content{
  	/*padding: 0px 20px 20px 20px;*/
	}
.left-column{
	float: left;
	width: calc(75% - 20px);
	border-right: 1px solid lightgrey;
    padding: 0 20px 20 20px;
	margin-bottom:80px;
    
	}
.right-column{
	float: right;
	width: 25%;
	padding: 0px 20px 20px 0px;
	height: calc(100vh - 200px);
	}
	.flex-container,.flex-container-no-sidebar{
	/*margin-bottom: 387px;*/
    }
    body.post-type-archive-video .flex-container,.flex-container-no-sidebar{
        margin-bottom: 0px;
        }
    body.page-template-page-advertise main.flex-container,body.page-template-page-advertise main.flex-container-no-sidebar{
	/*margin-bottom: 406px;*/
	}
   
    body.single main.flex-container{
    margin-bottom:0px;
    }
    div.no-posts-spacer{
    margin-bottom: 406px;
    }
    body.single main.sponsored{
    margin-bottom:408px;
    }
	.flex-container.home, .flex-container.archive{
	border-top:none;
	}
	.flex-content{
	/*border-right: 1px solid lightgrey;*/
    /*max-width: calc(100% - 340px);*/
    max-width:100%;
    padding-bottom: 48px;
	}
	body.author main.archive{
	margin-top:48px;
	}
	.flex-sidebar aside{
	/*position: -webkit-sticky;
	position:sticky;*/
	top:20px;
	}
	
	div.footer-options .shop-button{
	background-color:black;
	padding:0;
	}
	div.footer-options .shop-button a{
	color:#919191 !important;
	background-color:black;
	padding:0px;
	}
	div.sidebar-options .shop-button{
	background-color:#f5f5f5;
	padding:0;
	}
	div.sidebar-options .shop-button a{
	color:black !important;
	}
	.sidebar-categories .shop-button a{
	color:#000000 !important;
	background-color:#f5f5f5;
	padding:0px;
	}
    .section-name{
    font-size:31px;
    }
    div.nav-links{
    /* margin-bottom:48px;*/
    }
    body.single-post div.wam-sidebar-item{
    margin-top:0px;
    }
	
/* SIDEBAR SEARCH*/
/* =============================================================================== */
	
	div.search-container{
	display: block;
    width: 100%;
    margin: 0 auto 0;
	}
	
/* HOME SEARCH*/
/* =============================================================================== */	
	header.header-home div.search-container{    
    display: block;
    width: auto;
    margin-right: 20px;
	margin-top: 20px;
    float: left;
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
	}
	header.header-home .search-container button{
	height:33px;
	}
	header.header-home div.social-menu{
	border-right:1px solid lightgrey;
	padding-right:20px;
	}
	div.social-menu{
	height: 35px;
	}
	

	
/* CONTACT FORM */
/* =============================================================================== */
	body.page-id-11 section.flex-content{
	padding-right:0px !important;
	}
	#post-11{
	/*margin-right: 20px;*/
	}
    form.wpcf7-form {
    max-width: 696px;
    margin:0 auto;
    }
    .no-pad{
    margin-bottom:10px !important;
	}
	label.float {
		float:left;
		max-width:331px;
		display:block;
	}
	label.no-float{
		float:none;
		clear:both;
		display:block;
	}
	label.with-pad{
		margin-left:34px;
	}
	form.wpcf7-form label{
		margin-bottom:30px;
	}
	form.wpcf7-form span{
		display:block;
		padding-bottom:10px;
	}
    
	
/* FOOTER */
/* =============================================================================== */

footer{
	/*position: absolute;*/
	height: auto;
}
/* INFORMATION PAGES */
/* =================================================================================*/
div.page-hero{
	height:139px;
}
body.page-id-95 div.page-hero,body.page-id-133570 div.page-hero, body.page-id-133570 div.page-hero{
    height:993px;
    background-position: unset;
    }
/* 404 PAGES */
/* =================================================================================*/
	figure.image-404 img{
	width: 50%;
}
/* VIDEO HEADER */
/* =================================================================================*/
    body.term-post-format-video header,body.category-video header{
        border-bottom: 1px solid black;
    }
/* ARCHIVE PAGES */
/* =================================================================================*/
    h1.archive-title{
    margin:48px 0 48px 0;
    }
    div.category-hero{
        width: 100%;
        height: 351px;
        margin-bottom:48px;
    }
    div.error-message{
        background-color: white;
    }
    div.error-message img{
        width: 351px;
        height: auto;
        margin:0 auto 48px;
        display: block;
    }
    body.search-no-results div.clear-bottom,body.archive div.clear-bottom{
        margin-bottom:0px !important;
    }
    body.search-no-results div.error-message, body.archive div.error-message{
        padding:48px 0 68px 0;
    }
    body.search-no-results div.section-name,body.archive div.section-name{
        margin-top:-20px;
    }
    body.archive div.error-message{
        margin-top:-48px;
    }
    body.search-no-results span.error-message,body.archive span.error-message{
        display: block;
        text-align: center;
        font-family: var(--font-family-primary);
        font-size: 25px;
        font-weight: 300;
        line-height: 30px;
    }
   
/* ADVERTISE WITH US PAGE */
/* =================================================================================*/  
    div.ad-hero img{
        max-width:100%;
        width:100% !important;
    }
    #mission div.container{
        width: 50%;
    }
    #mission{
        margin-bottom:48px;
    }
    #market h1,#team h1{
        margin-bottom:48px;
    }
    #market,#team{
        background-color: #1C2029;
        padding:20px 0 20px 0;
    }
    #market div.main-section,#team div.main-section{
        color:white;
    }
    
   #influence div.image-grid{
        margin-top:48px;
        margin-bottom:48px;
        display:grid;
        grid-column-gap: 20px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    
    #influence div.image-grid div.grid-item img{
        width: 100%;
        height: auto;
    }
   
    #influence div.image-grid div.grid-item span{
        font-family: var(--font-family-primary);
        font-size: 1em;
        line-height: 23px;
       display:block;
        margin-top:20px;
    }
    hr.divider{
        width: 100%;
        max-width: 768px;
        border-top:1px solid #d8d8d8;
    }
    .outline{
        outline: 1px solid #d8d8d8;
    }
    #team{
        background-size:cover;
        background-position: top;
        padding-bottom:140px;
        margin-top:1px;
    }
    #team div.team-grid{
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 20px;
        width: 50%;
        margin:0 auto;
    }
    #team span.position,#team span.name{
        display: block;
    }
    #team span.name{
        font-family: noticia;
        font-size:35px;
    }
    #team span.position{
        font-family: var(--font-family-primary);
        font-weight: 300;
        text-transform: uppercase;
        font-size: 10px;
        line-height: 16px;
        letter-spacing: 3.46667px;
    }
    #clients,#connect{
        margin-top:48px;
    }
    #clients div.content{
        padding-top:48px;
        padding-bottom:48px;
    }
    #connect h1.title{
        margin-bottom:48px;
    }
    form.wpcf7-form{
        text-align: left;
    }
    div.ad-button{   
    font-family: Lato;
    font-size: 13px;
    border: 1px solid #D5D8E0;
    width: 248px;
    padding: 20px;
    margin: 0 auto;
    }
    
   
    
    
} /* end desktop styles */

.wam-shopify-anchor {
    text-align: center;
}

.wam-shop-item-min-price {
    text-align: center;
}

.wam-shop-item-min-price p{
    font-family: Lato, sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 10px;
}

@media screen and (max-width: 1200px) and (min-width: 769px) {
    .menu-item img._before{
        margin-right:1px !important;
    }
    nav.desktop-site-nav ul li a{
        font-size:11px;
        letter-spacing: 1px;
        height: 66px;
    }
    ul.main-menu li {
    padding: 1px 10px;
}
    li.shop-button a{
        padding:28px 20px 26px 20px;
    }
    input.search-box:focus{
        width: 100px;
    }
    div.logo img{
        width: 75px;
    }
}

/* shopify shortcode embed */

.wam-shopify-description p {
    padding:0px 78px 0px 78px;
}

.wam-shopify-item {
    /*padding-right: 100px;
    padding-left: 100px;*/
    width: 280px;
    margin: auto;
}

.wam-shopify-title {
    /*text-align-center;*/
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    color: #4a4a4a;
    margin-bottom: 15px;
    font-weight: 700;
}

.wam-shopify-anchor {
    text-align: center;
}
.wam-shopify-button {
    /*width: 100%;
    max-width: 269px;
    background-color: #ff5a61;
    border-color: #ff5a61;
    font-family: Lato, sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: white;
    padding: 10px;*/
    color: white;
    font-family: Lato, sans-serif;
    font-size: 13px;
    padding-top: 14.5px;
    padding-bottom: 14.5px;
    background-color: #ff5a61;
    border-radius: 0px;
    padding-left: 50px;
    padding-right: 50px;
}

.wam-shopify-button:hover {
    background-color: #e65157;
}

@media only screen and (max-width: 768px) {
    .wam-shopify-item { 
        padding-right: 0px;
        padding-left: 0px;
        margin-bottom: 30px;
        clear: both;
        max-width:280px;
    }
    .wam-shopify-description p {
        padding:0px;
    }
    .wam-shopify-item img {
        width: 100%;
        max-width: 1;
        position: relative;
        left: 0;
        right: 0;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        height: auto;
    }

    .wcepe_products_wrap ul.wcepe_products {
        margin-left: 0;
        margin-bottom: 0;
        padding: 0;
        clear: both;
        font-size: 16px;
    }

    .wcepe_products_wrap li.wcepe_product {
        list-style: none outside;
        font-size: .900em;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 4.235801032em;
        text-align: center;
        position: relative;
    }

    .wcepe_products_wrap li.wcepe_product img{
        max-width: 300px;
        width: 100%;
        margin: 0;
        margin-left: 0;
        margin-right: 0;
        left: 0;
        right: 0;
    }

    li.wcepe_product a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /*.adthrive-footer-message {
        margin-bottom:15px !important;
    }*/

}

/* Ipad Media Query */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* For portrait layouts only */
    footer {
        position:relative;
    }
      div.logo img{
          width:100px;
          position: absolute;
          left: calc(50% - 50px);
          top:3px;
      }
      div.logo{
          width:unset;
          margin:0px;
      }
      ul.main-menu li{
          padding:0 6px;
      }
      nav.desktop-site-nav ul li a{
          letter-spacing:1px;
          font-size:12px;
      }
      div.grid-container{
          grid-template-columns:1fr 1fr;
      }
      
      div.category-hero{
          height:125px;
      }
      .grid-box-2{
          grid-template-rows:211px 147px;
      }
      footer{
          display:block;
      }
      .footer-social{
          padding-right:0px;
      }
      div.sticky-meta{
          top:100px;
      }
      div.sticky-image{
          height:305px !important;
      }
      div.grid-container.latest{
          grid-template-columns:1fr 1fr;
      }
      body.home div.video-section div.grid-container.latest article:nth-child(3){
          display:none;
      }
      nav #mc4wp-form-3{
		padding-right:20px;
    }
    body.video-template-default #mc4wp-form-2,body.page-template-page-videos #mc4wp-form-2{
		padding:0 20px;
	}
    #ajaxsearchpro1_1{
		width:80%;
    }
    div.sticky-meta{
        top:35% !important;
    }


      
  }

/* Android landscape use correct menu type */
@media only screen and (max-width: 823px) and (orientation: landscape) {

    #menuToggle {
        display: flex;
        flex-direction: column;
        padding-top: 20px;
        padding-left: 15px;
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
        float: left;
    }
    nav.mobile-site-nav ul {
        display: flex;
        flex-direction: column;
        list-style: none;
        padding: 0px;
        width: 100%;
    }

    nav.mobile-site-nav ul {
        display: flex;
        flex-direction: column;
        list-style: none;
        padding: 0px;
        width: 100%;
    }

    nav.mobile-site-nav ul.sub-menu {
        display: none;
    }

    nav.mobile-site-nav ul {
        display: flex;
        flex-direction: column;
        list-style: none;
        padding: 0px;
        width: 100%;
    }

    nav.mobile-site-nav ul li a {
        color: #F5F5F5;
        text-decoration: none;
        font-family: var(--font-family-primary);
        font-size: 15px;
        font-weight: 300;
        text-transform: uppercase;
        display: block;
        width: 200px;
        margin: 0 auto;
    }

    li.is-dropdown a::after {
        font-family: fontello;
        content: '\E800';
        padding-left: 10px;
    }

    nav.desktop-site-nav {
        display: none;
    }

    li.active ul.sub-menu {
        display: flex;
        flex-direction: column;
        background-color: #262a32;
    }

    li.active a::after {
        font-family: fontello;
        content: '\E801';
        padding-left: 10px;
    }

    ul.sub-menu {
        background-image: none !important;
    }

    a[href*="#"]::after {
        font-size: inherit;
    }

    .mobile{
        display:inherit;
    }

    .mobile-search{
    width: 1.2em;
    position: absolute;
    left: 80px;
    }

    .mobile-shop{

    width: 1.2em;
    position: absolute;
    right: 20px;
    left: unset;}

    div.logo img{
        margin-top:5px;
    }
    
}

@media only screen and (max-width: 1024px){

    #menuToggle {
        display: flex;
        flex-direction: column;
        padding-top: 20px;
        padding-left: 15px;
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
        float: left;
    }
    nav.mobile-site-nav ul {
        display: flex;
        flex-direction: column;
        list-style: none;
        padding: 0px;
        width: 100%;
    }

    nav.mobile-site-nav ul {
        display: flex;
        flex-direction: column;
        list-style: none;
        padding: 0px;
        width: 100%;
    }

    nav.mobile-site-nav ul.sub-menu {
        display: none;
    }

    nav.mobile-site-nav ul {
        display: flex;
        flex-direction: column;
        list-style: none;
        padding: 0px;
        width: 100%;
    }

    nav.mobile-site-nav ul li a {
        color: #F5F5F5;
        text-decoration: none;
        font-family: var(--font-family-primary);
        font-size: 15px;
        font-weight: 300;
        text-transform: uppercase;
        display: block;
        width: 200px;
        margin: 0 auto;
    }

    li.is-dropdown a::after {
        font-family: fontello;
        content: '\E800';
        padding-left: 10px;
    }

    nav.desktop-site-nav {
        display: none;
    }

    li.active ul.sub-menu {
        display: flex;
        flex-direction: column;
        background-color: #262a32;
    }

    li.active a::after {
        font-family: fontello;
        content: '\E801';
        padding-left: 10px;
    }

    ul.sub-menu {
        background-image: none !important;
    }

    a[href*="#"]::after {
        font-size: inherit;
    }

    .mobile{
        display:inherit;
    }

    .mobile-search{
    width: 1.2em;
    position: absolute;
    left: 80px;
    }

    .mobile-shop{

    width: 1.2em;
    position: absolute;
    right: 20px;
    left: unset;}

    div.logo img{
        margin-top:5px;
    }

}

@media only screen and (max-width:768px){
    body.error404 .grid-container article:first-child .truncate span{
		margin-bottom:0px;
		font-size:13px;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* For portrait layouts only */
      /*add to stylesheet*/
      div.side-bar-item-ad-first{
      display:none;
      }

      footer{
		position:relative;
    }
    
    body.error404 .flex-container, .flex-container-no-sidebar,body.error404 .popular-posts-container,body.single section.we-recommend,body.archive .flex-container{
		margin-bottom:unset;
    }
    
    body.error404 .clear-bottom {
        margin-bottom:20px !important;
    }

    body.error404 figure.image-404 img{
		margin:0 auto;
    }
    
    body.single-post div.card-thumbnail {
		height:205px;
    }
    
    div.grid-container.latest article div.card-thumbnail {
		height:238px;
    }
    
    div.grid-container.latest article:first-child div.card-content{
		height:190px;
		padding:20px;
    } 
    
    body.error404 div.card-thumbnail,body.archive.category div.card-thumbnail,body.home div.card-thumbnail {
		height:238px;
    }
    
    body.page-template-latest_posts .flex-container, .flex-container-no-sidebar{
        margin-bottom:0px;
    }

    /*MAIN MENU - MOBILE*/
/* ==================================+++++++++++================================== */
li.active ul.sub-menu{
    display: flex;
    flex-direction: column;
    background-color: #262a32;
    padding:0px;
}
nav.mobile-site-nav{
	position: absolute;
	width: 105%;
    height: 100vh;	
    top:0px;
	left:0;
	overflow-x: hidden;
	margin-top:56px;
	transform-origin: 0% 0%;
  	transform: translate(-100%, 0);
  	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	background-color: #1C2029;
	z-index: 2;
    margin-left: -10px;
    margin-right: -10px;
}

nav.mobile-site-nav ul li{
	margin:0px;
	line-height:40px;
	width: 100%;
	text-align: center;
}
nav.mobile-site-nav ul li a{
	color:#F5F5F5;
	text-decoration: none;
	font-family: var(--font-family-primary);
	font-size: 15px;
	font-weight: 300;
	text-transform: uppercase;
    display: block;
    width:200px;
    margin:0 auto;
}
nav.mobile-site-nav ul.sub-menu li a{
  border-bottom:1px solid #3C3F47; 
}
nav.mobile-site-nav ul.sub-menu li:last-child a{
  width: 100%;
}
nav.mobile-site-nav a:hover{

}
nav.mobile-site-nav ul#menu-main-menu-mobile li.nav-entertainment.active a[href="#"]{
  border-bottom: 2px solid #EBD89B;
  width: 100%;
  color:#EBD89B;  
}
nav.mobile-site-nav ul#menu-main-menu-mobile li.nav-things.active a[href="#"]{
  border-bottom: 2px solid #FFAC72;
  width: 100%;
  color:#FFAC72;  
}
nav.mobile-site-nav ul#menu-main-menu-mobile li.nav-culture.active a[href="#"]{
  border-bottom: 2px solid #93D4B4;
  width: 100%;
  color:#93D4B4;  
}
nav.mobile-site-nav ul#menu-main-menu-mobile li.nav-fierce.active a[href="#"]{
  border-bottom: 2px solid #FF144C;
  width: 100%;
  color:#FF144C; 
}
nav.mobile-site-nav ul#menu-main-menu-mobile li.nav-latido.active a[href="#"]{
    border-bottom: 2px solid #DE1751;
    width: 100%;
    color:#DE1751;
}
nav.mobile-site-nav ul li.current-menu-item.nav-entertainment a{
  	border-bottom: 2px solid #EBD89B;
    width: 100%;
    color:#EBD89B;
}
    nav.mobile-site-nav ul li.current-menu-item.nav-things a{
  	border-bottom: 2px solid #FFAC72;
    width: 100%;
    color:#FFAC72;
}
 nav.mobile-site-nav ul li.current-menu-item.nav-culture a{
  	border-bottom: 2px solid #93D4B4;
    width: 100%;
    color:#93D4B4;
}   
    nav.mobile-site-nav ul li.current-menu-item.nav-fierce a{
  	border-bottom: 2px solid #FF144C;
    width: 100%;
    color:#FF144C;
}
nav.mobile-site-nav ul li.current-menu-item.nav-latido a{
    border-bottom: 2px solid #DE1751;
    width: 100%;
    color:#DE1751;
}

    nav.mobile-site-nav ul li.current-menu-item.nav-video a{
  	/*border-bottom: 2px solid #5FC6C8;
    width: 100%;
    color:#5FC6C8;*/
}  

nav.mobile-site-nav .shop-button a{
	/*padding-left:50px;
	padding-right:50px;*/
	}
li.shop-button a{
	background-color:#8583BE;    
	color:#1C2029 !important;
	border-radius: 0px;
    border-bottom:none !important;
}
li.shop-button a:hover{
    background-color:#6866AE;
}
div#sidebar-options .shop-button{
	background-color:#f5f5f5;
	padding:0px;
}
div#sidebar-options .shop-button a{
	color:#000000 !important;
	background-color:#f5f5f5;
	padding:0px;
}

/* HAMBURGER MENU*/
/* ==================================+++++++++++================================== */
body.a-bar #menuToggle{
    padding-top: 0px;
}
#menuToggle {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  padding-left: 15px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  float: left;
}
#menuToggle span{
    height: 1px;
    transform-origin:9px 0px;
}
body.a-bar #menuToggle input.hamburger{
 top:-10px;
left:8px;   
}
#menuToggle input.hamburger
{
  display: flex;
  width: 40px;
  height: 44px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  top:0;
  left:10px;
}
li.sub-menu-item span{
background-color:transparent !important;
} 
#menuToggle span
{
  /*display: flex;*/
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: #f5f5f5;
  border-radius: 3px;
  z-index: 30;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}
#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}
#menuToggle input:checked ~ span:nth-child(2)
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #f5f5f5;
}
#menuToggle input:checked ~ span:nth-child(4)
{
  opacity: 1;
  transform: rotate(-45deg) translate(1px, 1px);
  background: #f5f5f5;
}
#menuToggle input:checked ~ span:nth-child(3)
{
  opacity: 0;
  transform: rotate(0deg) translate(0, 0);
  background: #f5f5f5;
}
#menuToggle input:checked ~ .mobile-site-nav{
  transform-origin: 0% 0%;
  transform: translate(0%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

.mobile{
    display: block;
}
img.mobile-shop{
    width: 1.8em;
    vertical-align: text-bottom;
    position: absolute;
    right: 0px;
    left: unset;
    top:17px;
}
img.mobile-search{
    width: 1.8em;
    vertical-align: text-bottom;
    position: absolute;
    left: 50px;
    top:17px;
}
ul.sub-menu li a{
    font-size: 11.5px;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
    body.error404 figure.image-404 img{
		margin:0 auto;
    }

    body.error404 div.newsletter-container,body.single-post div.newsletter-container {
        padding: 20px;
            width:100%;
            margin:0 auto;
    }
}

#adthrive-collapse-close span {
	cursor:pointer !important;
}


.adthrive-device-phone .adthrive-footer-message {
    margin-bottom: 80px;
}

/*
     FILE ARCHIVED ON 13:34:37 Feb 28, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:09:13 Sep 06, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 863.314
  exclusion.robots: 0.109
  exclusion.robots.policy: 0.1
  cdx.remote: 0.077
  esindex: 0.011
  LoadShardBlock: 768.721 (3)
  PetaboxLoader3.datanode: 951.975 (4)
  CDXLines.iter: 29.065 (3)
  load_resource: 913.426
  PetaboxLoader3.resolve: 121.587
*/