/*
Theme Name: Upper Child
Theme URI: https://upperthemes.com/
Description: Upper's great!
Author: El Xugo
Author URI: https://upperthemes.com/
Version: 1.0.0
Template: salient
*/
@import url("../salient/style.css");


.conversa .content{display: block;width: 100%;}
.msg{margin: 5px;white-space: pre-wrap;}
.msg.from-me{text-align:right;}
.msg .container{display: inline-block;padding: 20px 15px; border-radius: 20px;}
.msg.from-me .container{text-align:right;background-color: blue; color: white;}
.msg.from-you .container{text-align:left;background-color: lightgrey; color: black;}
.input-section{display: inline-flex;width: 100%;}
.input-section .send-msg{padding: 10px;line-height: 60px;cursor: pointer;}

/* basic convo style */
.conversa{display: none;opacity: 0;
	opacity .4s ease;-moz-transition: opacity .4s ease;transition: opacity .5s linear;}
.conversa.current{display: block;opacity: 1;}
.conversa.current h4 a{color: #006396;}
.conversa.online h3::after{content:"ONLINE";background-color:green;}
.conversa.offline h3::after{content:"OFFLINE";background-color: #CCC;}
.conversa h3::after{position:relative;float:right;font-size:11px;line-height:15px;padding: 5px 10px;color:#FFF;}
/*messages*/
.conversa .content{display: block;width: 100%;height: 490px;overflow: auto;margin-bottom: 0px;background:white;border: none;border-radius: 0;padding: 30px 30px 0px;/* border: 20px solid #e6e1d8; */}
.msg{margin: 5px 0px;white-space: pre-wrap;opacity: 1;-webkit-transition: opacity .5s ease;-moz-transition: opacity .5s ease;transition: opacity .5s ease;}
.msg:last-child{padding-bottom:30px;}
.msg.from-me{text-align:right;}
.msg.from-me a{color: #3a404a;}
.msg.from-me a:hover{color: #006396;}
.msg .container{display: inline-block;padding: 10px 15px;border-radius: 10px;}
.msg .container img:not(.emoji){ position: relative; float: left; width: 100%; clear: both; }

.msg.from-you a{color: white; font-weight: normal; font-size: 1em;text-decoration:underline;}
.msg.from-me a{color: #000; font-weight: normal; font-size: 1em;text-decoration:underline;}

.msg.from-me .container{text-align:right;background-color: #ebeef3;color: #3a404a;}
.msg.from-you .container{text-align:left;background-color: #006396;color: white;}
.last-message{font-size:11px;opacity:.6;text-align:center;position:relative;}
.input-section{display: inline-flex;width: 100%;}
.conversa .input-section{position: relative;margin-top: 0px;}
.input-section textarea{width:100%;border-radius: 2%;border-color:#CCC;background: #FFF !important;}
.input-section .send-msg{float: left;padding: 10px 20px;line-height: 60px;cursor: pointer;border: none;border-radius:5%;margin-left;text-align: center;width: 90px;background: #adadaf;position: absolute;top: 2px;color: #fff;right: 2px;font-family: Rubik;text-transform: uppercase;letter-spacing: 1px;font-size: 13px;font-weight: 500;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.input-section .send-msg:hover{background: #00a064;}
html body .minimal-form-input.textarea{border: none !important;}
/* new feature - anchors */ 
.msg .anchor{display: inline-block;height: 20px;width: 0px;margin-left: 2px;margin-right: -22px;top: 10px;position: relative;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;padding-left: 20px;background-size: cover;background-repeat: no-repeat;}
.msg.from-you .anchor{margin-right: 2px;margin-left: -22px;}

/* new msg's */
.msg.new-msg{opacity: 0;}

/*onlines*/
.upper-chat-online-users{max-width: 100%;padding:0;display: inline-flex;margin:0;height:165px;overflow-x: scroll;}
.upper-chat-online-users ul{display: inherit;margin:0px;xpadding-top:20px;}
.upper-chat-online-users li{position:relative;width:70px;list-style:none !important;text-align:center;font-size:11px;float:left;margin-right:15px;cursor: pointer;color:black;}
.upper-chat-online-users li:last-child{margin-right:0px;}
.upper-chat-online-users li .counter{position: absolute;background: #fac90d;height: 20px;width:20px;line-height: 21px;top:0px;border-radius:100%;color: #2b2928;text-align:center;left: 50px;top: 20px;font-weight: 500;}
.upper-chat-online-users li .counter[data-value="0"]{display: none;}
.upper-chat-online-users li img{clear:both;width:100%;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
.upper-chat-online-users li img{border: 3px solid transparent;}
/* .upper-chat-online-users li.current{width:70px;} */
.mobile .upper-chat-online-users li.current img{border: 3px solid #0fb50f !important;}
.upper-chat-online-users li.offline{opacity: .5;}
/* .upper-chat-online-users li.offline img{border: 2px solid transparent;} */
/* .upper-chat-online-users li.online, .upper-chat-online-users li.offline{transform:scale(.86);} */
/* .upper-chat-online-users li.online.current{transform:scale(1);margin-top:5px;} */
.colaboradores-sep{display: none;}
.mobile .upper-chat-online-users li span.name{font-size: 12px;line-height: 14px;display: inline-block;}

.mobile .upper-chat-online-users{padding-top: 30px;}

/* endof onlines */

/* user_profile / my profile */
.user_profile .header {text-align: center;}
/* .user_profile .header .img img{-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%; border: 10px solid #FFF;} */
.user_profile .header a.go_to_competencia{margin-right: 1em; cursor: pointer;}
.user_profile .header a.go_to_competencia:last-child{margin-right: 0;}
.user_profile .bio .content{margin: 0;}
.user_profile:not(.editmyprofile) .contacts{
	text-align: left;
    margin: 30px 0 0;
    line-height: 40px;
    width: 100%;
    float: left;
}
.user_profile:not(.editmyprofile) .contacts > *{float: left;margin: 0;width: 100%;line-height: 19px;margin-bottom: 5px;}
.user_profile:not(.editmyprofile) .contacts a{color: #2b2928;}
.user_profile:not(.editmyprofile) .contacts a:hover{color: #009d3e;}
.user_profile:not(.editmyprofile) .contacts .fa, .user_profile .contacts .value{display: inline-block;float: left;color: #009d3e;top: 2px;left: -7px;}
.user_profile:not(.editmyprofile) .contacts .fa{font-size: 16px;}

.edit_profile_wrapper{
	position: absolute;
    right: 20px;
    top: 20px;
    font-size: 17px;
    opacity: 0.8;
}
#footer-outer #copyright p {
    font-size: 12px !important;
}
.edit_profile_wrapper i{
	top: 6px !important;
}

/* 2019 edit */
.basic_info .name > *{display: inline-block;}
.basic_info .name .famfamfam-flags{margin-bottom: 0px; margin-left: 10px;}

.basic_info .name h2{
	font-family: Rubik, Arial;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
	color: #2b2928;
}
.basic_info .tags a{
	font-family: Rubik, Arial;
    letter-spacing: 0px;
    font-size: 20px;
    font-weight: 300;
	color: #2b2928;
	border-right: 1px solid;
    padding-right: 18px;
}
.basic_info .tags a:hover{color: #009d3e;}
.basic_info .tags a:last-child{
	border-right: none;
}
.editmyprofile .header{text-align: left;}
.editmyprofile .header img{display: block;clear: both;margin: 20px 0;}
.editmyprofile label{display:block;float:none;clear:both;font-weight: bolder;padding-top:2em;}
.editmyprofile .tags span{display: block;}
.editmyprofile .tags span input{margin-right: 7px;}
.editmyprofile textarea.bio{min-height: 250px;position: relative;width:96%;width: -webkit-fill-available;width:calc(100% - 40px);overflow-y: scroll;}
.editmyprofile input.invalid, .editmyprofile input.invalid:focus{border-color:red !important;}
.editmyprofile .edit_passwords{display: block; clear: both;}
.editmyprofile .edit_passwords button.wp-hide-pw{position: relative;float: right;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);font-size: 1em;padding: 14px;background: #2b2928;}
.editmyprofile .edit_passwords button.wp-hide-pw span.dashicons{
	position: relative;
    top: 2px;
    margin-right: 5px;
}

.editmyprofile #pais{-webkit-box-shadow: none !important;-moz-box-shadow: none !important;-o-box-shadow: none !important;box-shadow: none !important; background: #eaeaea !important; padding: 15px 20px !important; font-size: 16px; -webkit-appearance: none; margin-top: 10px; border-radius: 0 !important;}

.editmyprofile .edit_passwords label[for*=pass]{width: 47%;float:left;display:inline-block !important;clear: none;}
.editmyprofile .edit_passwords label[for=pass2]{float:right;}
/* endof  user_profile / my profile */

.speakers_list_occupation,
.vc_gitem-post-data-source-post_categories.artistas_page{position: relative;top:-10px;}


body:not(.logged-in) li.area-reservada > a.sf-with-ul{display:none !important;}
body:not(.logged-in) li.area-reservada:after{content: "Login";display:inline-block;position:relative;padding-top:20px;padding-bottom:20px;cursor: pointer;}
html[lang="pt-pt"] body:not(.logged-in) li.area-reservada:after{content: "Entrar";}
body:not(.logged-in) li.area-reservada ul{display:none !important;}


body.mobile:not(.logged-in) li.area-reservada > a{display:none !important;}
body.mobile:not(.logged-in) li.area-reservada:after{content: "Login";display:inline-block;position:relative;padding-top:20px;padding-bottom:20px;cursor: pointer;}
html[lang="pt-pt"] body.mobile:not(.logged-in) li.area-reservada:after{content: "Entrar";}
body.mobile:not(.logged-in) li.area-reservada ul{display:none !important;}

/* overrides do tema */
.page-template-chat .conversa .content div.msg div.container{padding: 1em !important;display:inline-block !important;width: auto !important;}
/* 2019 */
.page-template-chat-2019 .conversa .content div.msg div.container{padding: 1em !important;display:inline-block !important;width: auto !important;}
/* endof  overrides do tema */

.user_profile .save_profile_wrapper{
	display: inline-block;
    clear: both;
    font-size: 1.5em;
    margin: 0;
    float: right;
    top: -85px;
    position: relative;
    margin-right: 40px;
}
.user_profile .save_profile_wrapper .save{
	background: #79c72a;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-family: Rubik;
    font-size: 15px;
    font-weight: 500;
    padding: 7px 20px 4px 10px;
    float: right;
    border-radius: 3px;
}
.user_profile .save_profile_wrapper .save:hover,
.user_profile .save_profile_wrapper .cancel:hover{opacity: 0.8}
.user_profile .save_profile_wrapper .cancel{
	background: #f35858;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-family: Rubik;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 20px 4px 10px;
    float: right;
    border-radius: 3px;
    margin-right: 20px;
}
/* .user_profile .save_profile_wrapper{display:block; clear:both;font-size: 1.5em;margin:2em 0;} */
.user_profile .save_profile_wrapper i{font-size: 1em;position: relative;top: 7px;}
.user_profile .save_profile_wrapper .cancel i{top: 5px;}

a.trigger_password_lost{ padding: 40px; top: -50px; position: relative; font-size: .8em; }



/* 
	chat novo layout 
*/
.page-template-chat .conversa .content div.msg div.container{
	padding: 10px !important;
    display: inline-block !important;
    width: auto !important;
    font-size: 16px;
    line-height: 22px;
    max-width: 70%;
}
.page-template-chat:not(.mobile) .upper-chat-online-users{width: 25%;top: 80px;position: relative;height: 616px;background: #ffffff;float: left;overflow-x: hidden;}
.page-template-chat:not(.mobile) .upper-chat-conversations{width: 75% !important;float:left;margin-bottom: 40px;padding: 40px 0 0 40px;}

.page-template-chat:not(.mobile) .upper-chat-online-users ul{position:relative;float: left;width: 100%;padding: 0;display: block;}
.page-template-chat:not(.mobile) .upper-chat-online-users ul li{width: 100%;height: 80px;text-align:left;padding: 0px 10px;border-top: 1px solid #eaeaea;position: relative;display: block;float: left;min-width: 100%;overflow: hidden;}

.page-template-chat:not(.mobile) .upper-chat-online-users ul li img{ width: 60px; height: 60px; margin-top: 10px; position: relative;float: left;}
.page-template-chat:not(.mobile) .upper-chat-online-users ul li span.name{position: relative;line-height: 80px;margin-left:10px;float: left;font-size: 1.3em;overflow: hidden;max-width: 180px;max-height: 80px;}

.page-template-chat:not(.mobile) .upper-chat-online-users li.online, .page-template-chat:not(.mobile) .upper-chat-online-users li.offline, .page-template-chat:not(.mobile) .upper-chat-online-users li.online, .page-template-chat:not(.mobile) .upper-chat-online-users li.online{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}

.page-template-chat:not(.mobile).page-template-chat .upper-chat-online-users li .counter{top: 8px !important;}

.page-template-chat:not(.mobile).page-template-chat .upper-chat-online-users ul li.current{border-width: 1px !important;margin-top:0px !important;top: 0px;background: #006396;color: #fff;}
.page-template-chat:not(.mobile).page-template-chat .upper-chat-online-users ul li.current img{border-width: 4px !important;}

.page-template-chat:not(.mobile).page-template-chat .msg .anchor{top:5px;}


/* 
	endof chat novo layout 
*/

/* Online / Offline*/
.page-template-chat .upper-chat-online-users ul li.online:after{
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	top: 10px;
	right: 10px;
	background: #0fb50f;
	border-radius: 100%;
	border: 2px solid #fff;
}
.page-template-chat .upper-chat-online-users ul li.offline:after{
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	top: 10px;
	right: 10px;
	background: #006396;
	border-radius: 100%;
	border: 2px solid #fff;
}

.mobile.page-template-chat .upper-chat-online-users ul li.online:after,
.mobile.page-template-chat .upper-chat-online-users ul li.offline:after{
	top: 60px;
    right: 27px;
}
.mobile .upper-chat-online-users li .counter{top: 0px;left: 50px;}


/* 2019 */
.page-template-chat-2019 .conversa .content div.msg div.container{
	padding: 10px !important;
    display: inline-block !important;
    width: auto !important;
    font-size: 16px;
    line-height: 22px;
    max-width: 70%;
}
.page-template-chat-2019:not(.mobile) .upper-chat-online-users{position: relative;background: #ffffff;float: left;overflow-x: hidden;clear: left; flex-grow: 1; flex-shrink: 1; }
.page-template-chat-2019:not(.mobile) .upper-chat-conversations{width: 75% !important;float:left;margin-bottom: 40px;padding: 40px 0 0 40px;}

.page-template-chat-2019:not(.mobile) .upper-chat-conversations.starting{ opacity: 0; }

/* .page-template-chat-2019:not(.mobile).bulking .upper-chat-online-users{ max-height: 386px; } */

.page-template-chat-2019:not(.mobile) .upper-chat-online-users ul{position:relative;float: left;width: 100%;padding: 0;display: block;}
.page-template-chat-2019:not(.mobile) .upper-chat-online-users ul li{width: 100%;height: 80px;text-align:left;padding: 0px 10px;border-top: 1px solid #eaeaea;position: relative;display: block;float: left;min-width: 100%;overflow: hidden;}

.page-template-chat-2019:not(.mobile) .upper-chat-online-users ul li img{ width: 60px; height: 60px; margin-top: 10px; position: relative;float: left;}
.page-template-chat-2019:not(.mobile) .upper-chat-online-users ul li span.name{position: relative;line-height: 80px;margin-left:10px;float: left;font-size: 1.3em;overflow: hidden;max-width: 180px;max-height: 80px;}

.page-template-chat-2019:not(.mobile) .upper-chat-online-users li.online, .page-template-chat-2019:not(.mobile) .upper-chat-online-users li.offline, .page-template-chat-2019:not(.mobile) .upper-chat-online-users li.online, .page-template-chat-2019:not(.mobile) .upper-chat-online-users li.online{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}

.page-template-chat-2019:not(.mobile).page-template-chat-2019 .upper-chat-online-users li .counter{top: 8px !important;}

.page-template-chat-2019:not(.mobile).page-template-chat-2019 .upper-chat-online-users ul li.current{border: none;margin-top:0px !important;top: 0px;background: #006396;color: #fff;}
.page-template-chat-2019:not(.mobile).page-template-chat-2019 .upper-chat-online-users ul li.current img{border-width: 4px !important;}

.page-template-chat-2019:not(.mobile).page-template-chat-2019 .msg .anchor{top:5px;}

/* new bulk stuff */
.page-template-chat-2019 .left_flow{ position: relative; float: left; width: 25%; padding-top: 35px; display: flex; flex-direction: column; height: 696px; }

.page-template-chat-2019 .left_flow .bulk-trigger{display: inline-block;width: auto;padding: .2em 0.5em;background: #00a064;color: #fff;font-variant: all-petite-caps;font-weight: 500;cursor: pointer;margin-bottom: 5px;margin-right: auto;}

.page-template-chat-2019 .left_flow .bulk input{border:transparent;background: transparent;}

.page-template-chat-2019 .left_flow > *{position: relative;float: left; width: 100%; clear: right;}

.page-template-chat-2019 .left_flow .bulk, .page-template-chat-2019 .upper-chat-online-users{ transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; }
.page-template-chat-2019 .upper-chat-online-users li, .page-template-chat-2019 .upper-chat-online-users li img, .page-template-chat-2019 .upper-chat-online-users li .name{ transition: width .6s ease-in-out, height .6s ease-in-out, font-size .6s ease-in-out, line-height .6s ease-in-out; -webkit-transition: width .6s ease-in-out, height .6s ease-in-out, font-size .6s ease-in-out, line-height .6s ease-in-out; -moz-transition: width .6s ease-in-out, height .6s ease-in-out, font-size .6s ease-in-out, line-height .6s ease-in-out; }

.page-template-chat-2019 .left_flow .bulk{ max-height: 0px !important; overflow: hidden; }

.page-template-chat-2019 .left_flow .bulk_message .bearer{ padding: .3em .5em; border-top: 1px solid #0001; background: #FFF; }
.page-template-chat-2019 .left_flow .bulk_message .input-section{position: relative; display: flex; flex-direction: column; font-size: .7em;}
.page-template-chat-2019 .left_flow .bulk_message .input-section > *{display: inline-block;width: 100%;float: left;position: relative;}
.page-template-chat-2019 .left_flow .bulk_message .send-msg{text-align: center; line-height: 1em; left: 0px;top: 0px !important;}

.page-template-chat-2019 .left_flow .bulk_message .send-msg.sent:after{content: "\f087" !important;font-family: 'FontAwesome' !important;position: absolute;top: 0;right: 0;bottom: 0;left: 0;line-height: 33px;background: #008000; color: white;}
.page-template-chat-2019 .left_flow .bulk_message .send-msg.sending{background: #008000 !important; color: transparent; }
.page-template-chat-2019 .left_flow .bulk_message .send-msg.sending:after{content: "\f110" !important;font-family: 'FontAwesome' !important;position: absolute;top: 0;right: 0;bottom: 0;left: 0;line-height: 33px;-webkit-animation: fa-spin 2s infinite linear;animation: fa-spin 2s infinite linear; color: white; }


.page-template-chat-2019 .left_flow .bulk_message .textarea_wrapper { padding: 0em 1.2em 0em;background-color: #fff; }
.page-template-chat-2019 .left_flow .bulk_message .textarea_wrapper textarea{border: 1px solid #0001;padding: 0.5em !important;left: -.5em;height: 80px;}
.page-template-chat-2019 .left_flow .bulk.to{margin: -5px 0 5px;}
.page-template-chat-2019 .left_flow .bulk.to .bearer{margin: 5px 0 -3px;position: relative;display: block;float: left;width: 100%;}
.page-template-chat-2019 .left_flow input.search_dels{padding: .5em 40px .5em .5em !important;border-radius: 20px; margin: 2px 0px 3px;}
.page-template-chat-2019 .left_flow .icon-search{position: absolute;top: 3px;right: 1px;width: 36px;border-radius: 0;height: 36px;line-height: 36px;background-color:#006396;}
.page-template-chat-2019 .bulk.to i.fa-close{cursor: pointer;}


.page-template-chat-2019 .left_flow input[type="text"]::-webkit-input-placeholder{ color: #CCC !important; }
.page-template-chat-2019 .left_flow input[type="text"]::-moz-placeholder{ color: #CCC !important; }
.page-template-chat-2019 .left_flow input[type="text"]:-ms-input-placeholder{ color: #CCC !important; }
.page-template-chat-2019 .left_flow input[type="text"]:-moz-placeholder{ color: #CCC !important; }

.page-template-chat-2019 .left_flow .bulk_message .selecteds{ margin-left: 0px; margin-bottom: 0px; max-height: 200px;overflow: scroll;position: relative;padding-top: 8px;top: -8px; }
.page-template-chat-2019 .left_flow .bulk_message .selecteds li{ list-style: none; display: inline-block; float: left; padding: 0 .5em; border: 1px solid #006396; margin: 2px; position: relative;font-size: .8em; }
.page-template-chat-2019 .left_flow .bulk_message .selecteds li i{position: absolute;color: #fff;background: #000;width: auto;height: auto;padding: 5px;border-radius: 100%;top: -10px;line-height: 0.9; z-index: 99; cursor: pointer;}

.page-template-chat-2019 .left_flow .input-section textarea, .page-template-chat-2019 .left_flow input, .page-template-chat-2019 .left_flow .send-msg{ border-radius: 0 !important; }

.page-template-chat-2019 .left_flow .bulk input, .page-template-chat-2019 .left_flow .bulk textarea{ background: white !important; }

/* bulking */
.page-template-chat-2019.bulking .upper_chat_wrapper_helper:before{content:"";position: absolute;top:-100vh;right:-100vw;bottom: -100vh;left:-100vw;background: #0009; z-index: 99999;pointer-events: none;}
.page-template-chat-2019.bulking .left_flow{z-index:100000;}

.page-template-chat-2019 .left_flow.bulking .bulk .search_dels{max-height: 50px !important;}
.page-template-chat-2019 .left_flow.bulking .bulk{ max-height: 200px !important; }
.page-template-chat-2019 .left_flow.bulking .bulk_message{ max-height: 400px !important; }


/* desktop res only! */
@media (min-width : 1000px) {
	.page-template-chat-2019.bulking .upper-chat-online-users li{height: 50px !important;}
	.page-template-chat-2019.bulking .upper-chat-online-users li img{width: 30px !important;height: 30px !important;}
	.page-template-chat-2019.bulking .upper-chat-online-users li .name{line-height: 55px !important;}
	
	.page-template-chat-2019 .no-transition{transition: none 0s !important;-webkit-transition: none 0s !important;-moz-transition: none 0s !important;}
	
/* 	.page-template-chat-2019.bulking .send-msg{margin-bottom: 10px;} */
}

@media (max-width : 1000px) {
	
	.page-template-chat-2019 .left_flow{ width: 100%; height: auto; }
	.page-template-chat-2019.bulking .upper-chat-online-users{ background: white;transition: none 0s !important;-webkit-transition: none 0s !important;-moz-transition: none 0s !important; }
}



/* 
	endof chat novo layout 
*/

/* Online / Offline*/
.page-template-chat-2019 .upper-chat-online-users ul li.online:after{
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	top: 10px;
	right: 10px;
	background: #0fb50f;
	border-radius: 100%;
	border: 2px solid #fff;
}
.page-template-chat-2019 .upper-chat-online-users ul li.offline:after{
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	top: 10px;
	right: 10px;
	background: #006396;
	border-radius: 100%;
	border: 2px solid #fff;
}

.mobile.page-template-chat-2019 .upper-chat-online-users ul li.online:after,
.mobile.page-template-chat-2019 .upper-chat-online-users ul li.offline:after{
	top: 60px;
    right: 27px;
}
.mobile .upper-chat-online-users li .counter{top: 0px;left: 50px;}




/*
	colaboradores
*/
#colaboradores{margin: 40px 0;}
.main-content ul.colaboradores{margin-left: 0 !important;display: inline-block;margin: 40px 0 0;width: 100%;}
.colaboradores li{position:relative; float: left; width:23%; margin: 1% 2% 40px 0; list-style: none !important;height: 260px; }
.colaboradores .colaboradores-sep{position: relative; display: block; width: 100%; height: 60px; clear:both; font-size: 35px; line-height: 60px; text-indent: 20px; background-color: #ccc;}
/* .colaboradores li:nth-child(5n+5){margin-right: 0;} */
.colaboradores li .top_content{overflow: hidden;}
.colaboradores li .name{
    position:relative;
    width:100%;
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
    font-family: Rubik, Arial;
    /*     font-size: 18px; */
    line-height: 32px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
    margin-top: 5px;
    }
.colaboradores li .empresa{
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2em;
    text-align: center;
    width: 100%;
    float: left;
    opacity: 0.6;
    }
.colaboradores li .contacts{position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: 0;background:rgba(255,255,255,0);-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;height: 85%}
.colaboradores li:hover .contacts{opacity: 1;/* background:rgba(246, 65, 61,0.6); */}
.colaboradores li img{-webkit-transform: scale(1);moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);filter:none;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.colaboradores li:hover img{
	-webkit-filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8);
      filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8);
}
.colaboradores li .contacts .items-container{display: table;width: 100%;height: 100%;}
.colaboradores li .contacts .items-container .items{display: table-cell; vertical-align: middle;width: 100%;padding-left: 10%;position: relative;}
.colaboradores li .contacts .items-container .items > *{cursor: pointer;}
.colaboradores li .contacts .items-container .items a{text-transform: capitalize;color: #f5f3f0;}
.colaboradores li .contacts .items-container .items a i{
	margin-right: 5px;
    height: auto;
    font-size: 19px;
}
.colaboradores li .contacts .items-container .items a:hover{color: #fac90d;}

#colaboradores .filters h4{
	float: left;
	font-family: Rubik, Arial;
	letter-spacing: 1px;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	padding-top: 3px;
}

html .simpleselect .placeholder, html .simpleselect .options {
    background: #fff;
    border: 1px solid #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: Rubik, Arial;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 500;
    color: #00a063;
}
html .simpleselect .placeholder:hover {
    background: #fff;
}


#colaboradores .hidden_select_container,
#colaboradores .simpleselect{
	float: left;
    margin-left: 20px;
}

/* sem os seps indicadores das letras tb fica engracado. */
.colaboradores .colaboradores-sep{display: none !important;}



/*
	participantes
*/

.participantes{
	margin: 30px 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	position: relative;
	display: inline-block;
	width: 100%;
	}
.participante{
	background-color: #FFF !important;
	border: none !important;
	padding: 25px 25px 20px;
	display: inline-block;
	margin-top: 10px;
	width: 49%;
	margin: .5% !important;
	float: left;
	min-height: 140px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.participantes .participante:first-child{margin-top: 35px;}
.participante .featured-image{float: left;}

.participante:hover{background: #fff !important;}
.participante:hover .excerpt{
	color: #2b2928 !important;
	opacity: 0.6;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.participante:hover img{
	 -webkit-filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8);
      filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8);
}
.participante .right-contents{padding-left: 180px;position: relative;}

.participante .right-contents .title{
    font-family: 'garagegothic-boldregular' !important;
    font-weight: normal !important;
    font-style: normal !important;
    letter-spacing: 0px !important;
    font-size: 30px;
    text-transform: capitalize;
    color: #006396 !important;
    margin-bottom: 20px;
}

.participante .right-contents .excerpt{
	line-height: 22px;
    font-size: 17px;
}

.participantes > .title, .artista-events > .title, .speaker-events > .title{
    font-family: 'Rubik' !important;
    font-weight: 700 !important;
    font-style: normal !important;
    text-transform: uppercase;
    letter-spacing: 0.2px !important;
    font-size: 16px;
    color: #2b2928 !important;
    margin: 0px .5% 20px;
    display: block;
    width: 100%;
}

.artista-events > .title, .speaker-events > .title{
    margin: 40px .5% 20px;
}

/*
#perfil, .myprofile-bg{
	background: #fff;
	margin: 0px 0 0;
}
*/
.user_profile.myprofile .header, html body.page-template-edit-profile .user_profile.myprofile .contacts,
html body.page-template-edit-profile .user_profile.myprofile .bio-content,
html body.page-template-edit-profile .user_profile.myprofile .edit_passwords,
html body.page-template-area-reservada .user_profile.myprofile .bio,
html body.page-template-perfil .user_profile.myprofile .bio{
	text-align: left;
    padding: 40px;
    display: inline-block;
}

/* 2020 */
.user_profile:not(.myprofile) .header{ display:flex !important; }
html body.page-template-edit-profile .user_profile.myprofile .contacts {
    border-top: 1px solid #eaeaea !important;
}

html body.page-template-edit-profile .user_profile.myprofile .bio-content,
html body.page-template-edit-profile .user_profile.myprofile .edit_passwords,
html body.page-template-area-reservada .user_profile.myprofile .bio,
html body.page-template-perfil .user_profile.myprofile .bio{
    padding: 40px;
    border-top: 1px solid #eaeaea;
    width: 100%;
}
html body.page-template-edit-profile .user_profile.myprofile .edit_passwords{padding-bottom: 80px;}
.user_profile.myprofile .header .img{
	max-width: 215px;
    position: relative;
    float: left;
    margin-right: 40px;
}

.user_profile.myprofile .header .basic_info{
	display: inline-block;
    text-align: left;
}

.user_profile.myprofile .chat{
	position: absolute;
	top: 30px;
	right: -25px;
	background: #efc816;
	min-width: 230px;
	height: 40px;
	padding-left: 15px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.user_profile.myprofile .chat:after {
	content: "";
	position: absolute;
	margin-left: -60px;
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 40px solid #efc815;
	top: 0px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	display: none;
}

.user_profile.myprofile .chat .fa{
	float: left;
	top: 9px;
	color: #3b9c64;
	font-size: 20px;
	margin-right: 3px;
}
.user_profile.myprofile .chat .value{
    top: 3px;
	position: relative;
}
html body .user_profile.myprofile .chat .value a{
	color: #379c64;
	font-size: 20px;
	font-weight: 500;
	line-height: 34px;
}
.user_profile.myprofile .chat:hover{
	background: #009d3e;
	cursor: pointer;
}
.user_profile.myprofile .chat:hover .fa,
.user_profile.myprofile .chat:hover .value a{
	color: #f2f2f2 !important;
	cursor: pointer;
}
.user_profile.myprofile .chat:hover:after{
	 border-bottom: 40px solid #009d3e;
}

/* endof colaboradores */


/* helpers */
.upper_hidden, .upper_helper{display: none !important;width: 0 !important;height: 0 !important;visibility: hidden !important;opacity: 0 !important;z-index: -1 !important;}
.upperAnimIn{ animation: upperAnimIn .7s; animation-fill-mode: both; }
.upperAnimOut{ animation: upperAnimOut .6s; animation-fill-mode: both; }
@keyframes upperAnimIn {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@keyframes upperAnimOut {
	from {
		opacity:1;
	}
	to {
		opacity:0;
	}
}
/* endof helpers */

.back-topage{
	position: absolute;
	top: -40px;
	color: #fff;
	padding: 0;
	left: 40px;
	font-family: Rubik, Arial;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 15px;
	font-weight: 500;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	z-index: 99;
}
.back-topage i{
	line-height: 32px;
	font-size: 16px !important;
	width: 25px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.back-topage:hover{
	color: #009d3e;
}


html body .conversa .input-section textarea {
    width: 95%;
    border-radius: 0;
    border-color: #d0d0d0;
    background: #ffffff !important;
    padding: 20px 115px 20px 20px !important;
    /* float: left; */
}


.post-featured-img img{width: 100%;}

.detalhes{text-align: right;margin-top: 20px;}
.single-left-contents{width: 60%; float: left;}
.single #single-meta{float: right !important;}

.famfamfam-flags{margin: 2px 0;}

.single-left-contents .meta-category{margin-left: 15px;}
.single.single-post .single-left-contents .meta-category{margin-left: 0px;}

.eventon_events_list .eventon_list_event .desc_trig, .evopop_top {
    background-color: #fdfcfb !important;
    border: none !important;
}

.eventon_events_list .eventon_list_event .evcal_list_a {padding: 20px 0 20px !important;}
.eventon_events_list .eventon_list_event .ev_ftImg {
    width: 120px !important;
    height: 120px !important;
    max-height: 120px !important;
	margin: auto 0 auto 15px !important;
    border-radius: 0 !important;
    top: 13px;
}
#evcal_list .eventon_list_event .evcal_desc span.evcal_event_title, .evo_lightboxes .evo_pop_body .evcal_desc span.evcal_desc2 {
    color: #2b2928 !important;
	letter-spacing: 0.5px;
}
.eventon_events_list .eventon_list_event .evcal_desc span.evcal_event_subtitle, .evo_lightboxes .evo_pop_body .evcal_desc span.evcal_event_subtitle {
    color: #2b2b2b !important;
    font-weight: 400;
    letter-spacing: 1px;
    opacity: 0.8;
    margin-bottom: 10px;
        font-size: 14px !important;
}
.event p.desc_trig_outter span.evcal_event_title {
	white-space: pre-wrap !important;
    margin-bottom: 5px;
    margin-top: -5px;
    font-size: 20px !important;
    line-height: 20px !important;
}
#evcal_list .eventon_list_event .evcal_desc em.evcal_location{
	color: #2b2b2b !important;
    font-size: 15px !important;
}
#evcal_list .eventon_list_event .evcal_desc em.evcal_time{
	color: #009d3e !important;
    padding-left: 0;
    margin-bottom: -5px;
    top: -10px;
    font-size: 14px !important;
}
#evcal_list .eventon_list_event .evcal_desc em.evcal_location:before{
	color: #009d3e !important;top: -2px !important;
}
#evcal_list .eventon_list_event .evcal_desc em.evcal_time:before{
	display: none !important;
}
.eventon_events_list .eventon_list_event .evcal_list_a:after{display: none !important;}
/*
#evcal_list .eventon_list_event .evcal_desc span.evcal_event_title:hover, 
.evo_lightboxes .evo_pop_body .evcal_desc span.evcal_desc2:hover{
    color: rgb(241,83,86) !important;
}
*/
.single #single-below-header >span.event_location a{border-left: none;padding:0 !important;}
.page-template-festival-lineup .evcal_desc3{display: none !important;}

.evcal_desc3{
	position: absolute;
    top: 8px;
    right: 7px;
}
.evcal_desc3 em{border-radius: 2px !important;}
.evcal_event_types.ett1 em[data-filter] {padding: 3px 5px 2px !important;}

.eventon_events_list .eventon_list_event .evcal_desc .evcal_desc_info, .evo_pop_body .evcal_desc .evcal_desc_info{margin-top: 10px !important;}
.last-message {margin: 5px 0;}


.single-ajde_events .meta-category span.tag{
	border-radius: 3px;
    padding: 1px 4px !important;
    font-size: 12px !important;
    color: #fff !important;
    margin: -1px 15px 0 0;
}

.single-ajde_events .single-left-contents .meta-category {
    margin-left: 5px;
}

.evcal_evdata_row{background-color: #2b2e33 !important;}
.evo_metarow_ICS .evcal_evdata_cell p a, .evo_metarow_learnMICS .evcal_col50 .evcal_evdata_cell p a {
    color: #f4ede3 !important;
    letter-spacing: 0.5px !important;
    font-weight: 500 !important;
}
.evo_metarow_ICS .evcal_evdata_cell p a:hover, .evo_metarow_learnMICS .evcal_col50 .evcal_evdata_cell p a:hover {
    color: #fac90d !important;
    opacity: 1 !important;
}
.evcal_evdata_row .evcal_evdata_icons i, .evcal_evdata_row .evcal_evdata_custometa_icons i {
    color: #fac90d !important;
    font-size: 21px !important;
    margin: 5px !important;
}
.evcal_evdata_row .evcal_evdata_cell, .evo_metarow_learnMICS .evcal_col50 .evcal_evdata_cell {
    padding-left: 45px !important;
    margin-top: 5px !important;
}
.evcal_evdata_row.evo_metarow_ICS {
    padding: 10px 25px !important;
    margin-bottom: 50px !important;
}

.ajde_events{position: relative;}


@media only screen and (min-width : 1101px) and (max-width : 1301px) {
	.conversa .content {height: 497px !important;}
}

@media only screen and (min-width : 691px) and (max-width : 1100px) {
	.conversa .content {height: 502px !important;}
}

@media only screen and (min-width : 690px) and (max-width : 1000px) {
	.participante {width: 100%;}
	.single-left-contents {width: 100% !important;}
	.single #single-meta {
	    float: left !important;
	    margin-top: 30px !important;
	    margin-left: -20px !important;
	}
	
	.evcal_evdata_row .evcal_evdata_cell, .evo_metarow_learnMICS .evcal_col50 .evcal_evdata_cell {
	    padding-left: 35px !important;
	    margin-top: 3px !important;
	}
	
	.evo_metarow_ICS .evcal_evdata_cell p a, .evo_metarow_learnMICS .evcal_col50 .evcal_evdata_cell p a {
	    font-size: 10px !important;
	    margin-top: 0px !important;
	}
	
	.artista-speaker-social{float: left;}
	.single .section-title.blog-title #single-meta .website {
	    position: relative !important;
	    top: -7px !important;
	}
	
	.page-id-7558 .vc_col-sm-3,
	.page-id-7562 .vc_col-sm-3{
    	display: inline-block !important;
		width: 50% !important;
	}
	.user_profile.myprofile .header .img {
	    margin-bottom: 40px;
	}
	.colaboradores li {
	    width: 31.3%;
	    margin: 1% 2% 40px 0;
	}
	.main-content .colaboradores .top_content img {
	    height: 170px;
	    object-fit: cover;
	}
	.conversa .content {height: 300px !important;}
	
	html body .conversa .input-section textarea {
	    width: 97.4% !important;
	    font-size: 13px !important;
	    height: 70px !important;
	    padding: 10px !important;
	}
	
	.input-section .send-msg:not(.from_bulk) {
	    width: 100% !important;
	    padding: 0px 10px !important;
	    border-radius: 0 !important;
	    text-align: center !important;
	    top: 90px !important;
	    line-height: 30px !important;
	    left: 0px !important;
	}
	
}

@media only screen and (max-width: 480px) {
	html body .conversa .input-section textarea {
		width: 93.4%;
	    font-size: 13px !important;
	    height: 70px;
	    padding: 10px !important;
    }
    .edit_profile_wrapper i {
	    top: 9px !important;
	}
    .participante .featured-image {
	    margin-bottom: 30px;
	    display: block;
	    width: 50px;
	    height: 50px;

	}
	 .participante .featured-image img{
		 width: 50px;
		 height: 50px;
    	object-fit: cover;
	 }
    .msg.from-you .anchor{margin-left: -12px;}
     .msg.from-me .anchor{margin-right: -12px;}
    .msg .anchor{
	    height: 10px;
		width: 10px;
        padding-left: 0;
        top: 0;
    }
    
    .evcal_evdata_row .evcal_evdata_cell, .evo_metarow_learnMICS .evcal_col50 .evcal_evdata_cell {
	    padding-left: 35px !important;
	    margin-top: 1px !important;
	}
	.evo_metarow_ICS .evcal_evdata_cell p a, .evo_metarow_learnMICS .evcal_col50 .evcal_evdata_cell p a {
	    font-size: 11px !important;
	    padding-top: 0 !important;
	    margin-top: 0px !important;
	}
    .input-section .send-msg {
	    width: 100%;
	    padding: 0px 10px !important;
	    border-radius: 0;
	    text-align: center;
	    top: 90px;
	    line-height: 30px;
	    left: 0px;
    }
    
    .user_profile.myprofile .header, html body.page-template-edit-profile .user_profile.myprofile .contacts, html body.page-template-edit-profile .user_profile.myprofile .bio-content, html body.page-template-edit-profile .user_profile.myprofile .edit_passwords, html body.page-template-area-reservada .user_profile.myprofile .bio, html body.page-template-perfil .user_profile.myprofile .bio {
	    text-align: left;
	    padding: 20px;
	    display: inline-block;
	}
    html body.page-template-edit-profile .user_profile.myprofile .bio-content, html body.page-template-edit-profile .user_profile.myprofile .edit_passwords, html body.page-template-area-reservada .user_profile.myprofile .bio, html body.page-template-perfil .user_profile.myprofile .bio {
	    padding: 20px;
	    border-top: 10px solid #f4ede2;
	}
	
	html body.page-template-edit-profile .user_profile.myprofile .edit_passwords {
	    padding-bottom: 140px;
	}
	.user_profile .save_profile_wrapper {
	    top: -120px;
	    margin-right: 0px;
	}

	.editmyprofile .edit_passwords label[for*=pass] {
	    width: 100%;
	    padding-top: 0;
	}
    
    .participante .right-contents {
	    padding-left: 70px;
	    position: relative;
	}
	.participante .right-contents .title {
	    font-size: 15px;
	    margin-bottom: 5px;
	    margin-top: -6px;
	}
	.participante .right-contents .excerpt {
	    line-height: 14px;
	    font-size: 12px;
	}
    
    .evcal_evdata_row .evcal_evdata_icons i, .evcal_evdata_row .evcal_evdata_custometa_icons i {
		margin: 8px -10px !important;
	}
	.single #single-below-header >span a, .single #single-below-header >span {
	    margin: 2px 0 !important;
		display: inline-block;
	}
	
	.single .heading-title {
	    margin-bottom: 10px;
	}

	.user_profile .save_profile_wrapper .cancel,
	.user_profile .save_profile_wrapper .save {
	    float: none;
	    display: inline-block;
	    margin-left: 20px;
	    margin-top: 10px;
	}
	
	
    
    .msg{margin: 5px 5px;}
    .page-template-chat:not(.mobile) .conversa .content div.msg div.container {
	    padding: 5px 15px !important;
	    display: inline-block !important;
	    width: auto !important;
	    font-size: 12px;
	    line-height: 18px;
	}
    
    .page-template-chat:not(.mobile) .upper-chat-conversations {
	    width: 100% !important;
	    float: left;
	    margin-bottom: 40px;
	    padding: 20px 0;
	}
    .page-template-chat:not(.mobile) .upper-chat-online-users {
	    width: 100%;
	    top: 40px;
	    position: relative;
	    height: 135px;
	    background: #faf8f6;
	    float: left;
	    overflow-x: hidden;
	}
	
	/* 2019 */
	.page-template-chat-2019:not(.mobile) .conversa .content div.msg div.container {
	    padding: 5px 15px !important;
	    display: inline-block !important;
	    width: auto !important;
	    font-size: 12px;
	    line-height: 18px;
	}
    
    .page-template-chat-2019:not(.mobile) .upper-chat-conversations {
	    width: 100% !important;
	    float: left;
	    margin-bottom: 40px;
	    padding: 20px 0;
	}
    .page-template-chat-2019:not(.mobile) .upper-chat-online-users {
	    width: 100%;
	    top: 40px;
	    position: relative;
	    height: 135px;
	    background: #faf8f6;
	    float: left;
	    overflow-x: hidden;
	}
	
	#error-404 {margin: 60px 0 0px !important;}
	
    .conversa .content {padding: 10px;height: 300px;}
    .participante {width: 100%;min-height: 90px;padding: 15px 15px 20px;}
    .conversa > h3{font-size: 14px;} 
    .upper-chat-online-users{height: 150px;margin-bottom: 0px;}
    
    .mobile.page-template-chat .conversa .content div.msg div.container {
	    padding: 5px 10px !important;
	    display: inline-block !important;
	    width: auto !important;
	    font-size: 13px;
	    line-height: 17px;
	}
    
    .page-template-chat:not(.mobile) .upper-chat-online-users ul li img {
	    width: 20px;
	    height: 20px;
	    margin-top: 5px;
	}
	
	.page-template-chat:not(.mobile) .upper-chat-online-users ul li {height: 30px;}
    .page-template-chat:not(.mobile) .upper-chat-online-users ul li span.name {
	    line-height: 29px;
	    font-size: 13px;
	}
	
	/* 2019 */
	.mobile.page-template-chat-2019 .conversa .content div.msg div.container {
	    padding: 5px 10px !important;
	    display: inline-block !important;
	    width: auto !important;
	    font-size: 13px;
	    line-height: 17px;
	}
    
    .page-template-chat-2019:not(.mobile) .upper-chat-online-users ul li img {
	    width: 20px;
	    height: 20px;
	    margin-top: 5px;
	}
	
	.page-template-chat-2019:not(.mobile) .upper-chat-online-users ul li {height: 30px;}
    .page-template-chat-2019:not(.mobile) .upper-chat-online-users ul li span.name {
	    line-height: 29px;
	    font-size: 13px;
	}
	
	.postid-8224 .post-featured-img, .postid-8172 .post-featured-img, .postid-8219 .post-featured-img, .postid-8165 .post-featured-img, .postid-8164 .post-featured-img, .postid-8173 .post-featured-img, .postid-8170 .post-featured-img, .postid-8169 .post-featured-img, .postid-8223 .post-featured-img, .postid-8171 .post-featured-img, .postid-8166 .post-featured-img, .postid-8174 .post-featured-img, .postid-8167 .post-featured-img {
    height: 50px !important;
}

	.participantes > .title, .artista-events > .title, .speaker-events > .title{
		font-size: 12px;
	}
    
    
}



@media only screen and (max-width: 321px) {
	#boxed, #boxed #header-outer, #boxed #header-secondary-outer, #boxed #slide-out-widget-area-bg.fullscreen, #boxed #page-header-bg[data-parallax="1"], #boxed #featured, body[data-footer-reveal="1"] #boxed #footer-outer, #boxed .orbit > div, #boxed #featured article, .ascend #boxed #search-outer, #ajax-content-wrap {
    max-width: 270px !important;
    min-width: 270px !important;
	}
	#boxed {
	    left: 22px;
	}
}

/* 2019 */
@media only screen and (min-width:700px){
#logo{
	top: 0 !important;
    display: block;
    max-width: 100%;
}
#logo img{
	height: 151px !important;
}
}
@media only screen and (max-width:700px){
#ajax-content-wrap{margin-top: 40px;}

}


/* 2019 new lines background */
html #ajax-content-wrap .container-wrap{background: transparent !important;}
body{ background-image: url(images/logo-linhas-opacidade2.png) !important; background-position: center !important; background-attachment: fixed; }

/* posts na home page bug panic com novo vc wth  */ 
.home-posts .vc_gitem_row.vc_gitem-row-position-bottom, .home-posts .vc_gitem_row.vc_gitem-row-position-middle, .home-posts .vc_gitem_row.vc_gitem-row-position-top{ position: relative !important; top: 0 !important; -webkit-transform: none !important; -moz-transform: none !important; transform: none !important; }
.vc_gitem-post-data.vc_gitem-post-data-source-post_categories.vc_grid-filter.vc_clearfix.vc_grid-filter-.vc_grid-filter-size-sm.vc_grid-filter-center.vc_grid-filter-color-grey{text-align: left;}
.home-posts.vc-gitem-zone-height-mode-auto:before{padding-top: 0 !important;}


/* Mil 2020*/
html body{
    background-image: url(images/mil2020bg-01.svg) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 30% !important;
}
html body .vc_gitem-post-data-source-post_title a {
    color: #ffff !important;
}
html body{
    color: #fff;
}
html body .left-social-bar {
    background: transparent;
}
html body .left-social-bar-icons a i {
    color: #FF764D;
}
html body #page-header-wrap .container .inner-wrap h1.top-heading {
    background: #00A064;
}
html body #page-header-wrap .container .inner-wrap h1.top-heading:after{
	display: none;
}
html body .festival-headline-div {
    background-image: url(images/textmil2020.svg);
    background-repeat: no-repeat;
    width: 300px;
    height: 150px;
    max-width: 100%;
    background-size: contain;
    background-position: top;
    margin-left: 45px;
}

.reserved-area:before{color: #fff;}
html body header#top nav > ul > li > a{
    color: #fff !important;
}
.make-me-red:hover img {
        -webkit-filter: grayscale(100%) brightness(50%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.6);
    filter: grayscale(100%) brightness(50%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.6);
}
html body .vc_grid-filter>.vc_grid-filter-item>span {
    color: #fff;
}
html body .vc_grid-filter.vc_grid-filter-size-sm .vc_grid-filter-item:hover{
	background: transparent;
}
html body .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item.vc_active>span, 
html body .vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item:hover>span{
	color: #fff;
	opacity: 0.9;
}
html body #footer-outer #copyright {
    background-color: #00a064!important;
}
h1, h2, h3, h4, h5, h6 {
    color: #fff;
}
html body .home-posts .vc_gitem-post-data-source-post_title a:hover {
    color: #046f46 !important;
}
#to-top {
    background-color: #efc619;
    height: 35px;
    width: 35px;
}
#to-top i {
    line-height: 34px!important;
    font-size: 20px!important;
}

/*Header*/
#logo {
    text-align: left;
    float: left;
    z-index: 999;
}
html body .festival-headline-div {
    height: 100px;
    margin-left: 0px;
    float: left;
    margin-top: 30px;
}
header#top .sf-menu li.wpml-ls-item ul li a{
	max-width: 75px;
}
#boxed, #boxed #header-outer, #boxed #header-secondary-outer, #boxed #slide-out-widget-area-bg.fullscreen, #boxed #page-header-bg[data-parallax="1"], #boxed #featured, body[data-footer-reveal="1"] #boxed #footer-outer, #boxed .orbit > div, #boxed #featured article, .ascend #boxed #search-outer {
    max-width: 1200px!important;
    width: 90%!important;
    min-width: 980px;
    background: transparent !important;
}
body header#top nav >ul >li.edge >ul{left: 0;}
@media only screen and (min-width: 1000px){
body[data-hhun="1"] #boxed #header-outer:not(.detached), body[data-hhun="1"] #boxed #header-secondary-outer {
    background: transparent !important;
}
}

@media only screen and (max-width: 1000px) and (min-width: 690px)
	.festival-headline-div{
	    margin-top: 0;
	    width: 250px !important;
	    margin-left: 25px !important;
	    height: 80px;
	}
/*
	html h2.gotham_font.festival-dates {
	    width: 300px;
	    position: absolute;
	    top: -60px;
	    right: 50px;
	    font-size: 40px;
	    letter-spacing: 5px;
	}
*/
}
@media only screen and (max-width: 689px){
	html body .festival-headline-div {
		margin-left: 89px;
	    margin-top: 23px;
	    height: 50px;
	    z-index: 9;
    }
    .subheader {
    	margin: 0px 0;
    	z-index: 9999;
    	position: relative;
	}
/*
	html body {
		background-size: 100vh;
		background-position: 0 0% !important;
	}
*/
}
@media only screen and (max-width: 480px){
	html body .festival-headline-div {
	    margin-left: 70px !important;
	    margin-top: -54px !important;
	    height: 50px;
	}
}
html h2.gotham_font.festival-dates {
    color: #fff5f2 !important;
}
html h2.gotham_font.festival-dates {
    top: 80px;
}
@media only screen and (max-width: 480px){
	html h2.gotham_font.festival-dates {
    	top: 120px;
	}
}
.home #page-header-wrap .container .inner-wrap {
    -webkit-transform: translateY(59%)!important;
    background: #eaeaea;
    height: 41px;
    bottom: -165px;
    position: relative;
}
body #page-header-bg h1, html body .row .col.section-title h1, .nectar-box-roll .overlaid-content h1 {
    font-weight: 600 !important;
}
#page-header-wrap .container .inner-wrap h1.top-heading {
    text-align: left;
    padding: 0 20px;
}
#page-header-bg[data-alignment-v="bottom"] .span_6, #page-header-bg[data-parallax="1"][data-alignment-v="bottom"] .span_6, #page-header-bg[data-alignment-v="bottom"] .nectar-particles .inner-wrap, .nectar-box-roll .overlaid-content[data-alignment-v="bottom"] .span_6, .nectar-box-roll .overlaid-content[data-alignment-v="bottom"] .inner-wrap {
    bottom: 40%;
}
.sf-menu li ul, .sf-menu li li ul {
    box-shadow: none;
}
.sf-menu li li ul {
    left: 16.1em!important;
}
@media only screen and (max-width: 1000px) and (min-width: 690px){
.festival-headline-div {
    position: absolute;
    top: 22px;
    margin-top: 0;
    margin-left: 145px !important;
    height: 70px !important;
}
html h2.gotham_font.festival-dates {
    top: -78px;
    right: 0;
}
.subheader {margin: 0px 0 30px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	html body .festival-headline-div {height: 50px;margin-left: 77px;}
	.subheader {margin: 0px 0;}
}

/*
#menu-item-10001,
#menu-item-10002,
.menu-item-10001,
.menu-item-10002{
	display: none;
}
*/

#loginform{ color: black; }


/* 2020 */
/* correction to the post grids - again. */
.vc_grid-item .vc_gitem-zone-mini:hover img{
	 -webkit-filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8);
      filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8);
}
.vc_gitem-row-position-middle{display: table;width: 100%;}
.vc_gitem-row-position-middle > div{display: table-cell; vertical-align: middle;}

.wpb_wrapper.vc_figure, .wpb_wrapper.vc_figure a{ width: 100%; height: 100%; overflow: hidden; }
.wpb_wrapper.vc_figure a img{ width: 100%; height: 100%; object-fit: cover;}


/* spotify playlist */
body.home .wpb_video_widget .wpb_video_wrapper{ height: 500px; }