/* CSS Document */
/*
Theme Name: we are mitú
Theme URI:
Author: Jorge Delbouis
Author URI:
Description: master theme for mitú verticals
Version: 4.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: 'Lato', sans-serif;
  --font-family-secondary: 'Noticia Text', serif;
  --font-family-heading: 'Oswald', sans-serif;
  --tl:0.5; /* transition length */
}


/* GLOBAL STYLES */
/* ==================================+++++++++++================================== */

.sr-text{
	display: none;
}
body{
	background-color: #f5f5f5;
	margin:0;
    margin-bottom:48px;x
	font-family: var(--font-family-primary);
}
body.single-post{
    background-color:white;
}
.term-post-format-video{
    background-color:#1C2029;
}
.term-post-format-video footer div.container{
    border-top: thin solid #2c2b2b;
}
.admin-bar header{
	/*margin-top:32px;*/
}
html {
	box-sizing: border-box;
	min-height: 100%;
	position: relative;
	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;
}
.container2{
	max-width: 90%;
	width:100%;
	margin:0 auto;
	position: relative;
}

section {
 	padding: 0 20px;
}
.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;
}
.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: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;
}

/* 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:33;
	/*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*/
/* ==================================+++++++++++================================== */
nav.mobile-site-nav{
	position: fixed;
	width: 105%;
	height: 100%;
	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: 40;
    margin-left: -10px;
    margin-right: -10px;
}
nav.mobile-site-nav ul{
	display: flex;
    flex-direction: column;
    list-style: none;
    padding: .5em;
	width: 100%;
    
}
nav.mobile-site-nav ul li{
	margin:5px 0px 5px 0px;
	line-height: 2.5em;
	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;
    border-bottom:1px solid #3C3F47;
    margin:0 auto;
    padding-bottom:10px;
}
nav.mobile-site-nav a:hover{
	opacity: 0.5;
}
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-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*/
/* ==================================+++++++++++================================== */

#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 input.hamburger
{
  display: flex;
  width: 40px;
  height: 44px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  top:0;
  left:10px;
}
#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% - 340px);
	border-right: none;
}
.flex-content-no-sidebar{
	flex:100%;
	border-right: none;
    padding-bottom: 48px;
}
.flex-sidebar{
	flex:340px;
}
.flex-sidebar aside{
	text-align: center;
}
 
/* SEARCH */
/* ==================================+++++++++++================================== */
div.search-form-container{
    position: relative;
}
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;
}
input.search-box:hover{
    color:white;
    background:#1C2029;
    box-shadow:0 0 0 2px #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:240px;
    border-radius: auto;
    background:#f5f5f5;
    color:black;
}

input.search-box:not(:focus){
    text-indent: -5000px;
}
#search-submit{
    position: relative;
    left:-5000px;
}
.icon-search{
    color: #f5f5f5;
    left: -34px;
    position: relative;
    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;
}*/

/* 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:'\E800';
	font-family: fontello;
	display: inline-block;
	position: absolute;
	font-size: 34px;
	-webkit-font-smoothing: antialiazed;
}
body.term-post-format-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:gray;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: #fff;
    color:black;
	border: 1px solid lightgrey;
    width: 100%;
	max-width: 100%;
    border-radius: 0px;
    font-family: var(--font-family-primary);
}
select.wpcf7-select{
      color:gray;
    background-image: url(https://dvxz4kqdaei3u.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);
	}
.wpcf7 input[type="submit"]{
	padding:10px;
	width:110px;
	color:#ffffff;
	font-weight:600;
	border:none;
	margin: 0 auto;
    display: block;
    border-radius:0px;
	background-color:#805cb9;
    font-family: var(--font-family-primary);
    text-transform: uppercase;
	}
.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: 20px;
    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-heading);
}
body.page-id-11 h1.archive-title, body.page-id-141151 h1.archive-title{
	margin-right:20px;
}
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;
}
body.category-entertainment div.category-hero{
        background-image:url("assets/hero_entertainment.png");
        background-position: center;
        border-top: 2px solid #EBD89B;
    }
    body.category-things-that-matter div.category-hero{
        background-image:url("assets/hero_things.png");
        background-position: center;
        border-top: 2px solid #FFAC72;
    }
    body.category-culture div.category-hero{
        background-image:url("assets/hero_culture.png");
        background-position: center;
        border-top: 2px solid #93D4B4;
    }
    body.category-fierce div.category-hero{
        background-image:url("assets/hero_fierce.png");
        background-position: center;
        border-top: 2px solid #FF144C;
    }
    body.term-post-format-video div.category-hero{
        background-image:url("assets/hero_video.png");
        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;
    }

/* 404 PAGE */
/* =================================================================================*/
figure.image-404 img{
	width: 100%;
	max-width: 100%;
}
@media only screen and (max-width: 767px){
   
.desktop {
    display:none;
    }
    
/* VIDEO CARDS */
/* =================================================================================*/
.grid-container article:first-child span.video-icon::before{
    top:-107px;
	left:50%;
    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{
    bottom:42.5px;
	left: -28%;
    background-color:transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    border-radius: 3px;
    color:transparent;   
    }
.grid-container article:not(:first-child) span.video-icon::before,.grid-container-no-sidebar article:not(:first-child) span.video-icon::before{
	bottom:42.5px;
	left: -28%;
	background-color:transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    border-radius: 3px;
    color:transparent;
}
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%;
	top:-123px;
	-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{
     margin-top:56px;
    }
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:75px;
	}
.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;
    }
    
/* TAGS */
    
    div.tag-container{
        grid-template-columns: 1fr 1fr;
    }
    div.post-tags a{
    font-size: 9px;
    }
   
}/* end mobile styles */

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

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

/* GLOBAL STYLES */
/* ==================================+++++++++++================================== */
.mobile {
    display: none;
    }
.clear-bottom{
    margin-bottom:420px !important;
}
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;
}

/*VIDEO POSTS*/
/*================================================================================ */
span.video-icon::before,article.grid-box-3 span.video-icon::before{
    left:50%;
	top:-123px;
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
	background-color:transparent;
    color:transparent;
}
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 */
/* ==================================+++++++++++================================== */	
	
#menuToggle{
display: none;		
	}	
ul.main-menu{	
}
    ul.main-menu li{
        padding:0 15px;
    }
.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: 13px;
	font-weight: 300;
	letter-spacing: 2px;
   
}
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%;    
    }
    
nav.desktop-site-nav ul li.nav-entertainment a:before{
    border-top: 5px solid #EBD89B;
    top:-25px;   
	}
    nav.desktop-site-nav ul li.nav-entertainment a:hover{
    color: #EBD89B;   
    }
nav.desktop-site-nav ul li.nav-things a:before{
    border-top: 5px solid #FFAC72;	
    top:-25px;
	}
    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;
    top:-25px;
	}
    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;
    top:-25px;
	}
    nav.desktop-site-nav ul li.nav-fierce a:hover{
    color:#FF144C;
    }
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.nav-entertainment a{
  	border-top: 5px solid #EBD89B;
	padding-top: 20px;
}
    nav.desktop-site-nav ul li.current-menu-item.nav-things a{
  	border-top: 5px solid #FFAC72;
	padding-top: 20px;
}
 nav.desktop-site-nav ul li.current-menu-item.nav-culture a{
  	border-top: 5px solid #93D4B4;
	padding-top: 20px;
}   
    nav.desktop-site-nav ul li.current-menu-item.nav-fierce a{
  	border-top: 5px solid #FF144C;
	padding-top: 20px;
}   
    nav.desktop-site-nav ul li.current-menu-item.nav-video a{
  	border-top: 5px solid #5FC6C8;
	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{
-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;
	}
	
/* 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.single main.flex-container{
    margin-bottom:0px;
    }
    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;
	}
	.archive{
	/*margin-top:105px;*/
	}
	.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;*/
    }
	
/* 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: 400px;
}
/* 404 PAGES */
/* =================================================================================*/
	figure.image-404 img{
	width: 50%;
}
/* VIDEO HEADER */
/* =================================================================================*/
    body.term-post-format-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;
    }
   
    
} /* end desktop styles */