/*
Theme Name:     Mijal Schalit
Theme URI:      http://demo.themebeans.com/grille
Description:    
Author:         Rich Tabor / ThemeBeans
Author URI:     http://themebeans.com
Version:        1.0
Template:       grille
*/

/* HEADER */

.subtext{text-transform:none;}
.header-menu{max-width:100%;float:right;margin: 9px 20px 0 0;}
.header-menu > ul{float:right;}
.header-menu ul li{float:left;font-size:12px;vertical-align:baseline;position:relative;display:block !important;}
.header-menu .header-menu > ul > li{line-height:15px;margin-top:13px;}
#primary-menu li a{width:auto;padding:0 15px;color:#000;font-weight:500 !important;min-width:0 !important;text-align:initial !important;cursor:pointer;}
#header-container ul li a:hover{color:#9B9B9B !important;}

/* DROPDOWN */
#primary-menu > .menu-item-has-children{}
#primary-menu .menu-item-has-children .sub-menu{display:none;position:absolute;top: 25px;z-index:10000;}
#primary-menu .menu-item-has-children .sub-menu > li{clear:both;min-width:80px;width: 100%;}
#primary-menu .menu-item-has-children .sub-menu > li a{color:#FFF !important;padding: 0 15px;width: 100% !important;text-align:left;background:#231F20;border-bottom:1px solid #FFF;}
#primary-menu .menu-item-has-children .sub-menu > li a:hover{color:#000 !important;background:#FFF;}
#primary-menu > .menu-item-has-children > a:after{content:'';display:inline-block;width:0;height:0;margin-left: 4px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent;color:#000;}
.header-menu .fa {padding: 0 2px;}
.header-menu .fa a{background: #231F20; width:26px !important; height:26px !important;text-indent:-999em;display:block !important;padding: 0 !important;  border-radius: 100%;}
.header-menu .fa a:hover{background: #00C5B4;}

.header-menu .fa a:before {position:absolute;top:6px;font-size: 14px;text-align:center;width:100%;left: 0;color: #FFF;text-indent:0;}

.header-menu .fa.instagram {margin-left: 15px;}

.header-menu .fa.instagram a:before{content: "\f16d";}
.header-menu .fa.pinterest a:before{content: "\f231";}
.header-menu .fa.behance a:before{content: "\f1b4";}
.header-menu .fa.facebook a:before{content: "\f09a";}
.header-menu .fa.twitter a:before{content: "\f099";}

#header-container {max-width: 100% !important;width: 100% !important}
#header-container.sticky {background:#FFF;max-width: 100% !important;width: 100% !important;padding: 30px 0;}
#header-container.sticky .inner {background:#FFF;/* max-width: 1360px !important; */margin:auto;float: none;}

#primary-menu li.current-menu-item a {color:#9B9B9B !important}

ul.sub-menu .sub-menu {top: 0;left: 101%;}

/* Sticky nav bar */

#header-container {padding:100px 0;background-color: #FFF;}
#header-container .inner {margin:0 auto;float:none;/* overflow: hidden; */position: relative;}

.mean-expand {}

.entry-content ul {padding:0;margin:0 0 1em;}
.entry-content ul li {margin:0 0 0 2em}

.mean-nav .fa {font-family:inherit;line-height:inherit}

/* PORTFOLIO */

.portfolio h4.entry-title a{font-weight:normal;color:#221F1F !important;}

.post-content {padding-left:0;width: 100%;}
.isotope-item .entry-meta,
.isotope-item .entry-title {opacity:0;
-webkit-transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-o-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;}

.isotope-item:hover .entry-meta,
.isotope-item:hover .entry-title {opacity:1;}


.portfolio .entry-title, .portfolio .entry-meta, .portfolio .subtext {display: inline;line-height: 100% !important;}

.portfolio .entry-title:after {content:'/'}

.portfolio .entry-meta a {font-size:13px;font-weight:300;}

.isotope-item {margin-bottom: 0;height: 360px;overflow:hidden}
.isotope-item.portfolio {text-align: left;}
.isotope-item .entry-content-media {margin-bottom: 5px!important;}

.page-content {max-width: 100%;}
.single-post .isotope-item,
.blog .isotope-item {height: auto;margin-bottom: 30px;}
.single-post .isotope-item .entry-title,
.blog .isotope-item .entry-title {margin-bottom:0px}

.single-post #portfolio-related .entry-content {display:none}

.page-content h2.entry-title {margin: 20px 0 0;}
h3#subtitle {font-size: 14px !important;}

.single-portfolio .block.entry-meta {display:none;}

.bean-image-caption {
    clear: both;
    position: absolute;
    text-align: left;
    background: none;
    color: inherit;
    text-transform: none;
    font-size: inherit;
    padding: 20px 0;
    left: 0;
    bottom: -60px;
}

#media-container li.stacked-image {margin-bottom:60px;}

.header-logo {margin-right:0;}

#qtranslate-chooser {position:absolute;right: 20px;/* top:-20px; */font-size: 12px;bottom: 20px;}
#qtranslate-chooser .active {font-weight:bold;}
#qtranslate-chooser li a {width:auto;min-width:0;padding: 0 5px 0 0;}
#qtranslate-chooser li:first-child:after {content:'/';display: inline;float: left;padding: 0 5px 0 0;}

.qtranxs_widget_end {clear:both}

#colors {/* position:absolute; *//* background:white; */z-index:10000;padding: 25px 0 0;right:20px;display:none;float: right;}

.searchbox {position: relative;min-width: 50px;width: 0%;height: 25px;float: right;overflow: hidden;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;-ms-transition: width 0.3s;-o-transition: width 0.3s;transition: width 0.3s;}

.searchbox-input {display: none !important;top: 0;right: 0;border: 0;outline: 0;width: 100%;height: 25px;margin: 0 0 0 45px !important;padding: 0 !important;font-size: 20px;color: red;border: none !important;background-color: transparent !important;}

.searchbox-input::-webkit-input-placeholder {color: #000;}
.searchbox-input:-moz-placeholder {color: #000;}
.searchbox-input::-moz-placeholder {color: #000;}
.searchbox-input:-ms-input-placeholder {color: #000;}

.searchbox-icon,
.searchbox-submit {width: 50px;height: 25px;display: block;position: absolute;top: 0;font-family: 'FontAwesome';font-size: 18px;left: 0;padding: 0 !important;margin: 0;border: 0;outline: 0;line-height: 25px;text-align: center;cursor: pointer;color: #000;border: none !important;}

.searchbox-submit {display:none !important;}
.searchbox:hover {width: 250px;}
.searchbox:hover .searchbox-input {display:block !important}

#header-container li a {width:auto;min-width:auto;}

#tools {position: absolute;right: 20px;}
#tools li {display: block;float: left;width: 15px;}

#header-container.colorpicker {margin-bottom: 0;padding-bottom: 20px !important;overflow: hidden;}

#pipeta {line-height: 25px;cursor: pointer;width: auto !important;min-width:0 !important;}

h1.entry-title {display:none}

.post h1.entry-title {display:block}

body.term-blue		{background-color: #CCDEE9 !important;}
body.term-green		{background-color: #C6E9EA !important;}
body.term-yellow	{background-color: #FFF8C5 !important;}
body.term-orange	{background-color: #FFD0B6 !important;}
body.term-red		{background-color: #FAC2BC !important;}
body.term-pink		{background-color: #FBC8CF !important;}
body.term-violet	{background-color: #E0D3E2 !important;}
body.term-black 	{background-color: #231F20 !important;}
body.term-white 	{background-color: white !important;}
body.term-silver	{background-color: #A9ABAE !important;}
body.term-gold 		{background-color: #927A4A  !important;}

#colophon .inner {background-color: transparent !important;text-align: right;}


i {font-style:italic !important;}
b {font-weight:bold !important;}
u {text-decoration:underline !important;}

#portfolio-related {
    margin-top: 30px;
}

section .post-content {
    min-height: 0;
}

#media-container li.stacked-image img,
img {max-width: 100% !important;}


.entry-content-media img {
    /* max-height: 700px; */
    width: auto !important;
    /* margin: auto; */
    display: block;
}
.mean-container .mean-nav {margin-bottom:40px;}
.mean-container .mean-nav ul li:first-child a {
    margin-top: 0;}

.mean-container .mean-nav ul li.mean-last a {margin-bottom:0}

.single-post .entry-content-media {margin-bottom:20px;}

.search-results .entry-meta {/* display:none; */}

.page .entry-content {margin-top:20px;}

.isotope-item.post .entry-meta span, .search-results .isotope-item .entry-meta span {display:initial;}

/* RESPONSIVE */

@media screen and (min-width: 1061px) {
    .single-post .post-content {margin:auto;}
}


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

    .header-menu {max-width: 520px;}
    #primary-menu li a {padding: 0 8px;}
    .header-menu .fa a{width:20px !important; height:20px !important;}
    .header-menu .fa a:before {;top:5px;font-size: 11px;}
    .header-menu .fa.instagram {margin-left: 10px;}
}

@media screen and (min-width: 707px) {
}


@media screen and (max-width: 707px) {
    #header-container {padding: 50px 0;}
    #qtranslate-chooser {top:5px;font-size:18px}

}

@media screen and (min-width: 768px) {
    .sticky {position: fixed;width: 100%;left: 0;top: 0;z-index: 100;border-top: 0;}
    #qtranslate-chooser {top: -20px;bottom: initial;}
}

@media screen and (max-width: 1416px) {
    .page-content {
        padding: 0 20px;
        margin: 0;
    }
    .foot-meta {display:none;}
}

#colophon .block.hide-for-second {
    display: block;
    margin: 0;
    float: right;
    text-align: right;
}
/* TIPOGRAFIA: Helvetica en todo el sitio (menos los iconos) */
body,
body *:not(.fa):not([class^="icon-"]):not([class*=" icon-"]) {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.fa, .fa *, .fa::before, .fa *::before {
	font-family: FontAwesome !important;
}

/* OCULTAR ICONOS DE REDES SOCIALES DEL MENU */
#header-container .header-menu ul li.instagram,
#header-container .header-menu ul li.pinterest,
#header-container .header-menu ul li.behance,
#header-container .header-menu ul li.facebook,
#header-container .header-menu ul li.twitter {
	display: none !important;
}

/* OCULTAR "INSPIRATION" DEL MENU */
#header-container .header-menu ul li.menu-item-779,
#menu-principal li.menu-item-779 {
	display: none !important;
}

/* ALINEAR "contact" CON EL FINAL DE "Es" */
#header-container #primary-menu li.menu-item-376 > a {
	padding-right: 0 !important;
}
#header-container #qtranslate-chooser li.lang-es a {
	padding-right: 0 !important;
	margin-right: 0 !important;
}