/*===================================================
                    TT SHORTCODES
* frontend styles 0.1.0 jan/17
* author l3m35 - le.mes@hotmail.com
* https://www.tutoriart.com.br/?p=8941
* GPL3.0 https://www.gnu.org/licenses/gpl-3.0.en.html
=====================================================*/
/* Boxes shortcode */
.sbox {
	line-height: 1.85em;
    margin: 0 0 30px;
    padding: 25px;
    text-align: center;
}
.sbox .embed-container {margin: 0 0 6px 0;}
.sbox p:last-child {margin-bottom: 0;}
.sbox blockquote p,.sbox blockquote {margin:0 !important}
.sbox blockquote {position:relative;left:20px;}

.caixa-cabeca {font: 100 1.5em 'Impact';}
.caixa-cabeca i {display: block;font-size: 1.45em; margin: 0 0 12px}
.caixa-cabeca div:not(:first-child) {margin:12px 0}
.caixa-cabeca div:first-child {margin:0 0 12px}

.sbox p:last-child, .toggleDiv-container p:last-child, .box p:last-child {margin-bottom:0}
.sbox .embed-container {margin: 0 0 6px}

/* ALERTS */
.asbox {
    height: auto;
    margin: 0 0 30px;
    position: relative;
    padding: 25px;
    text-align: center;
}
.asbox .hideshow {
	width: 25px;
	height: 25px;
	position: absolute;
	right: 0;
	top: 0;
	padding: 3px 5px 7px 6px;
	font: 14px arial black;
	cursor: pointer;
}

/* BOTÕES */
p .botao { top: 0 !important; }
.botao {
    margin-right: 10px;
    padding: 10px 14px 7px;
    font: 700 15px 'lftetica',sans-serif;
    text-decoration: none;
}
.bottao* {transition: none !important}

.bottao a {box-shadow: none !important}
.grande .botao {
	font: 900 1.35em 'lftetica', sans-serif;
	padding: 10px 21px 7px;
}
.botao:active { border: 1px } /* on click */
.bottao.botao:active { top:2px } /* on click */
.bottao:active { top:2px } /* on click */
.botao:hover {
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;
	opacity:0.8;
}
.botao-yellow {
	text-decoration: none;
	color: #fff !important;
	background: rgb(255, 163, 24);
	border-bottom: 3px solid rgb(218, 124, 23);
}
a.botao-yellow  { color: #fff  }
/*.botao-yellow:hover, .botao-yellow a, .botao-yellow a:active, .botao-yellow a:hover, .botao-yellow a:visited {color: #fff !important; background: rgb(255, 163, 24);}
*/
.botao-green {
	text-decoration: none;
	color: #fff !important;
	background: darkgreen;
	border-bottom: 3px solid rgb(1, 70, 1);
}
/*.botao-green:hover, .botao-green a, .botao-green a:active, .botao-green a:hover, .botao-green a:visited {color: #fff !important; background: #008000 
}*/

.botao-red {
	background: rgb(194, 17, 17);
	text-decoration: none;
	color: #fff !important;
	border-bottom: 3px solid rgb(117, 22, 22);
}
.tt-button-info {
    position: relative;
    top: -8px;
    font-style: italic;
    font-size: 0.9em;
}
a.botao, a.botao:hover, a.botao:active, a.botao:focus {text-decoration: none !important; outline:none !important}
/*.botao-red:hover, .botao-red a, .botao-red a:active, .botao-red a:hover, .botao-red a:visited {color: #fff !important;background: rgb(194, 17, 17);
}*/
.main-botao {
	margin: 0px 0 20px 0;
	display: inline-block;
}
.bottao {
	position: relative;
	display: inline-block;
	margin: 0 0 70px 0
}
.bottao .info {
    display: block;
    margin: 0 0 7px 0;
}
.tema .bottao {margin-bottom: 40px;}
.bottao i[class^="fa"] {
    position: relative;
	font-size: 18px;
	font-weight: 100 !important;
	margin: 0 10px 0 0;
    top: 1px;
}
.bottao.grande i[class^="fa"] {
    font-size: 1.1em;
    margin: 0 12px 0 0;
	top:0;
}

.bottao a:hover {text-decoration:none !important}
.bottao i[class^="fa fa-none"] {display:none}

/* CITAÇÕES */
.blockq-c, .blockq-r, .blockq-l {
overflow:hidden;	
font-family: Georgia, serif;
font-size: 17px;
font-style: italic;
width: 100%;
margin: 0 0 25px;
padding: 0 50px;
line-height: 1.45;
position: relative;
color: #383838;
}
.blockq-c:before, .blockq-l:before {
	display: block;
	content: "\201C";
	font-size: 70px;
	position: absolute;
	left: 0px;
	top: -20px;
	color: #7a7a7a;
}

.blockq-r:before {
	display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: 7px;
    top: -20px;
    color: #7a7a7a;
}
.blockq-r {
	float: right;
    width: 40%;
    margin: 0 0 35px 25px;
    padding: 0 0px 0 70px;
}
.blockq-l {
    float: left;
    width: 40%;
    margin: 0 35px 25px 0;
    padding: 0 0 0 50px;
}
.blockq-c em {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
.blockq-c em:before {content: "\2014 \2009";} 

/* COLUMNS */
.coluna {
margin: 0 0 35px 0;
-webkit-column-gap: 3em;
-moz-column-gap: 40px;
column-gap: 5em;
-webkit-column-rule: 1px solid #eaeaea;
-moz-column-rule: 1px solid #ccc;
column-rule: 1px solid #ccc;
font-size: 0.9em;
line-height: 1.5em;
}
.coluna2 {
-webkit-column-count: 2;
-moz-column-count:2;
column-count:2;
}
.coluna3 {
-webkit-column-count: 3;
-moz-column-count:3;
column-count:3;
}
.coluna4 {
-webkit-column-count: 4;
-moz-column-count:4;
column-count:4;
}

/* TABS */
.tabbox {margin:0 auto; padding:1px 0; }
.tabbox > ul {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.tabbox > ul li {
    margin: 0 5px 0 0px;
    padding: 8px 16px;
    background: rgb(240,240,240);
    float: left;
    cursor: pointer;
    border: 1px solid rgb(230,230,230);
    font-weight: 700;
	font-size: 1em;
    color: #6f6f6f;
}
.tabbox > ul li.active{
	border-bottom: 1px solid rgb(255, 255, 255);
	color: #1c1c1c;
	z-index: 1;
	position: relative;
	background-color:rgb(255, 255, 255);
}
.tabbox > ul li:hover {background-color:rgb(230, 230, 230);}
.tabbox > ul li.active:hover {background-color:rgb(255,255,255);}
.tabbox .tab-content {
 	margin: 0 0 30px;
    background-color: rgb(255,255,255);
    border: 1px solid rgb(230,230,230);
    padding: 20px;
    z-index: 0;
    position: relative;
    top: -2px;
    clear: both;
	overflow: hidden
}
.tabbox .tab-content > div img {display:block;margin:10px auto}
.tabbox .tab-content p:last-child { margin-bottom:0 } 
.tab-content .tt-hide {display: none}

/* TOGGLE */
.toggleDiv {margin-bottom:20px}
.toggleDiv .gatilho-toggle {
	font-size:0.9em;		
display: block;
padding: 5px 4px 4px 10px;
border: 1px solid rgb(230, 230, 230);
background: rgb(240, 240, 240);
cursor: pointer;
}
.gatilho-toggle i {
    margin: 0 7px 0 0;
    font-size: 14px;
}
.toggleDiv .gatilho-toggle:hover {
background-color: rgb(255, 255, 255);
text-decoration: none;
}
.toggleDiv .gatilho-toggle.active,
.toggleDiv .gatilho-toggle.active:hover {
color: #000;
background:  rgb(240, 240, 240);
text-decoration: none;
}
.toggleDiv .toggleDiv-container {
background-color: rgb(255, 255, 255);
display: none;
overflow: hidden;
padding: 15px 20px 15px 20px;
border: 1px solid rgb(230, 230, 230);
border-top: 0px;}

.toggleDiv .toggleDiv-container p{margin-bottom: 25px}
.toggleDiv .toggleDiv-container p:last-child{margin-bottom: 0}

/* SPOILERS */
.spoilers {
	background: #6d6d6d;
    color: #6d6d6d;
    padding: 1px 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
	transition: 0.1s ease;
}
.spoilers:focus, .spoilers:active, .spoilers:hover {
	opacity: 1;
	background: transparent !important;
	color:inherit;
}

/* MARCA-TEXTO */
.marcatexto {padding: 1px 5px;}

/* LEGENDAS */
.s-legenda {
	font-size: 90%;
    margin: 0 0 25px 0;
}

/* POPUP */
.modal-title, .modal-footer {font-size:0.85em}
.ekko-lightbox-nav-overlay a, .ekko-lightbox-nav-overlay a:hover {
	text-decoration:none;
	color:white
}
.lv_content_iframe video {width: 100% !important}

/* GOOGLE DOCS */
.docs-iframe {border: 1px solid #eaeaea;}


/* GOOGLE MAPS */
.google-map {margin: 0 0 35px 0;}


/* Vídeo e áudio integrados */
/* height and width thanks to https://www.h3xed.com/web-development/how-to-make-a-responsive-100-width-youtube-iframe-embed */
.embed-container {
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin-bottom:30px
}
.embed-container-vid {
	height:auto;margin-bottom:30px
}
.embed-container video {
	width: 99.5% !important;
	min-height:380px;
	margin: 0 0 35px 0;
	border: 0;
}
.embed-container iframe{
	width: 99.5% !important;
	margin: 0 0 35px 0;
	border: 0;
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.ttvideocap {
	margin: 0 0 10px 0;
    position: relative;
    top: -25px;
}

/* AUDIO */
.wrap-audio {margin:0 0 30px 0}
.wrap-audio .tt-audiowrapper { position:relative;top:-12px }
.wrap-audio audio {width:100%}
.wrap-audio .tt-album,
.wrap-audio .tt-copy,
.wrap-audio .tt-desc { font-size:.8em }

/* fix audio player margin */
.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {margin: 0 !important}

/* hide Chrome download buttons
tem pontos negativos em relação ao Chromecast, veja http://stackoverflow.com/questions/39602852/disable-download-button-for-google-chrome/40975859#40975859 */
video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel { width: calc(100% + 30px); /* Adjust as needed */}
audio::-internal-media-controls-download-button {display:none;}
audio::-webkit-media-controls-enclosure {overflow:hidden;}
audio::-webkit-media-controls-panel { width: calc(100% + 30px); /* Adjust as needed */}