@charset "UTF-8";
/**
 * Theme Name: Épico Júnior
 * Theme URI: http://minha.uberfacil.com/epico
 * Description: Épico Júnior é o child theme (tema filho) do tema Épico. Se você precisar personalizar o seu tema Épico junto um desenvolvedor, esse é o melhor caminho para garantir que as suas alterações não sejam perdidas nas futuras atualizações do parent theme (tema pai) .
 * Version: 1.0.1
 * Author: Uberfácil
 * Author URI: http://uberfacil.com
 * Tags: two-columns, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, theme-options, threaded-comments, translation-ready
 * Template: epico
 * Text Domain: epico-filho
 * License: GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

/*=============================================================

	ATIVANDO SEU TEMA FILHO

	Coloque o diretorio epico-junior no diretorio
	/wp-content/themes/ do seu WordPress, mas nao o inclua dentro
	do tema Epico. Ele precisa ficar no	mesmo nivel deste.
	O tema filho nao funcionara sem o tema pai no mesmo diretorio.

	Abaixo você encontra um exemplo de personalização das cores
	do cabeçalho do tema, incluindo a navegaçao e a busca integrada.

	Para alterar cores em outras áreas, selecione os estilos
	correspondentes a partir da folha de estilos de referência
	do tema Épico (style.css).

=============================================================*/

/* Alterações Bruno */

time.entry-published {display: none;}
.epc-rs h1 {text-transform: capitalize;}
.page-template-full #page {border-top: 0px;}
.media-modal {z-index: 999999 !important;}
.widget_adrotate_widgets {background: none !important;}
#main-container .tve-leads-post-footer {margin: 2em 0 !important;}

@media only screen and (min-width : 1224px), screen and (min-width : 1824px) {
  
	#largura-800 ,#consultoria {width: 800px; margin: -30px auto 0;}
	#cs-uf_epicoepico_capture_sc.uf-wrap .uf:first-child .uf-container {padding: 20px;}
	#breadcrumbs .wrap {padding: 1.4rem 0;}
	.epc-rs h1 {font-size: 2.2rem !important; line-height: 2.5rem;}
	.wp-caption-text {font-size: 0.9rem;}
	div.wrap {width: 1280px !important;}
	p#site-title {font-size: 1.3rem !important;}
	#sidebar-primary section[class*="epico_pages"] li>a:first-child {font-weight: 500;}
	.entry-content {padding: 2rem 4.8rem 1.5rem !important;}
	.footer-widgets {padding: 1.5rem 0 !important;}
	.capture-wrap.sc .capture form input.uf-email {margin-top: 30px !important;}
	#cw-uf_epicoepico_capture_widget1 p.capture-intro.uf-intro.fadeinright {font-size: 1.5em !important; line-height: 1.2em;}
	#branding {width: 36% !important;}
	#nav {width: 64% !important;}
}

/* Correção Thrive Leads */

body .tl-style article {
background: none !important;
}

body .tve_p_lb_content {padding: 0 15px !important;}

/* Correção Márcio Imagens */

@media screen and (min-width: 1410px) {
    #sidebar-primary .widget_epico_image-id img,
    #after-primary .widget_epico_image-id img {
        width: 326px !important;
    }
}

@media screen and (min-width: 1410px) {
    #sidebar-primary {
       padding-right: 0 !important;
    }
}

/* Vídeos Vimeo */

.embed-wrap,
#comments-template .embed-youtube,
.video-player {
	margin-top: 30px;
	padding-top: 0 !important;
	}


/* Personalizacao das cores do cabecalho,
   incluindo a navegacao e a busca */


/* Fundo do cabecalho */
#header {
	border-top: 10px solid #11242e;
	background: #193442;
}

/* Link na navegacao */
#header  #nav a {
	color: #fff;
	background: #193442;
}

/* Link na navegacao: estado hover; */
#header #nav a:hover {
	color: #00C7C0;
}

/* Cor do icone do link na navegacao */
#menu-primary li:before {
	color: #3F5C6B;
}

/* Icone da busca e navegacao
(janela menor que 680px de largura) */
#search-toggle:after,
#search-toggle {
	color: #3F5C6B;
}

/* Icone e texto da busca */
#search-toggle:hover:after,
.search-close .search-text,
#search-toggle:before,
#search-toggle:hover .search-text,
.search-text:hover {
	color: #00C7C0;
}

/* Icone e texto da navegacao */
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
	background: #3F5C6B;
}

/* Borda ao lado do icone da busca */
#search-toggle:after,
#search-toggle:before {
	border-left: 1px solid #3F5C6B;

}

/* Borda no link da navegacao e busca (abaixo de 680px) */
#menu-primary > a,
#search-toggle {
	border: 1px solid #3F5C6B;
}

/* Removendo o fundo do item que possui o submenu */
#menu-primary li.menu-item-has-children:hover,
#menu-primary-items .sub-menu li a:hover,
#menu-primary>ul>li.menu-item-has-children:hover>a:hover:after {
	background: none;
}

/* Removendo sombra em volta do sub-menu */
#menu-primary>ul>li.menu-item-has-children:hover>a,
#menu-primary>ul:not(:hover)>li.menu-item-has-children.active>a {
	box-shadow: none;
}

/* Cor de fundo dos itens do submenu */
#header #nav .sub-menu a {
	background: #11242E;
	border-top: 1px solid #193442;
}

/* Removendo a borda da esquerda para larguras acima de 680px */
@media screen and (max-width: 680px) {
	#search-toggle:after {
		border-left: 0;
	}

	#header #menu-primary-items a {
		background: #11242E;
		border-top: 1px solid #193442;
	}

	#menu-primary>ul:before	{
	border-color: transparent transparent #11242E transparent;
	}
}

/* Removendo as bordas para larguras abaixo de 680px */
@media screen and (min-width: 680px) {
	#search-toggle {
		border: none;
	}
}


/* Modo Zen */

/* Fundo do cabecalho */
.zen #header {
	border-top: 10px solid #EDF1F2;
	background: #fff;
}

/* Link na navegacao */
.zen #header  #nav a {
	color: #B3C1C7;
	background: #fff;
}

/* Link na navegacao: estado hover; */
.zen #header #nav a:hover {
	color: #00C7C0;
}

/* Cor do icone do link na navegacao */
.zen #menu-primary li:before {
	color: #B3C1C7;
}

/* Icone da busca e navegacao
(janela menor que 680px de largura) */
.zen #search-toggle:after,
.zen #search-toggle {
	color: #B3C1C7;
}

/* Icone e texto da busca */
.zen #search-toggle:hover:after,
.zen .search-close .search-text,
.zen #search-toggle:before,
.zen #search-toggle:hover .search-text,
.zen .search-text:hover {
	color: #00C7C0;
}

/* Icone e texto da navegacao */
.zen #nav-toggle span,
.zen #nav-toggle span:before,
.zen #nav-toggle span:after {
	background: #B3C1C7;
}

/* Borda ao lado do icone da busca */
.zen #search-toggle:after,
.zen #search-toggle:before {
	border-left: 1px solid #B3C1C7;

}

/* Borda no link da navegacao e busca (abaixo de 680px) */
.zen #menu-primary > a,
.zen #search-toggle {
	border: 1px solid #B3C1C7;
}

/* Removendo o fundo do item que possui o submenu */
.zen #menu-primary li.menu-item-has-children:hover,
.zen #menu-primary-items .sub-menu li a:hover,
.zen #menu-primary>ul>li.menu-item-has-children:hover>a:hover:after {
	background: none;
}

.zen #menu-primary>ul>li.menu-item-has-children:hover>a:hover:after {
	color: #B3C1C7;
}

/* Removendo sombra em volta do sub-menu */
.zen #menu-primary>ul>li.menu-item-has-children:hover>a,
.zen #menu-primary>ul:not(:hover)>li.menu-item-has-children.active>a {
	box-shadow: none;
}

/* Cor de fundo dos itens do submenu */
.zen #header #nav .sub-menu a {
	background: #11242E;
	border-top: 1px solid #193442;
}

/* Removendo a borda da esquerda para larguras acima de 680px */
@media screen and (max-width: 680px) {
	.zen #search-toggle:after {
		border-left: 0;
	}

	.zen #header #menu-primary-items a {
		background: #11242E;
		border-top: 1px solid #193442;
	}

	.zen #menu-primary>ul:before	{
		border-color: transparent transparent #11242E transparent;
	}
}

/* Removendo as bordas para larguras abaixo de 680px */
@media screen and (min-width: 680px) {
	.zen #search-toggle {
		border: none;
	}
}