/*
 Theme Name: Creche Clubinho (2018)
 Theme URI: http://www.crecheclubinho.org.br
 Description: Tema-filho para o site da Creche Clubinho
 Author: Henrique Mirai
 Author URI: http://www.henriquemirai.com.br
 Template: Divi
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*
 * Tipografia do site
 * 
 */
@font-face {
    font-family: 'volte_roundedbold';
    src: url('fonts/volterounded-bold-webfont.woff2') format('woff2'),
         url('fonts/volterounded-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'volte_roundedlight';
    src: url('fonts/volterounded-light-webfont.woff2') format('woff2'),
         url('fonts/volterounded-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'volte_roundedmedium';
    src: url('fonts/volterounded-medium-webfont.woff2') format('woff2'),
         url('fonts/volterounded-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'volte_roundedregular';
    src: url('fonts/volterounded-regular-webfont.woff2') format('woff2'),
         url('fonts/volterounded-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'volte_roundedsemibold';
    src: url('fonts/volterounded-semibold-webfont.woff2') format('woff2'),
         url('fonts/volterounded-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*
 * Estilos gerais
 * 
 */
body {
	font-family: 'volte_roundedregular',sans-serif;
	font-weight: bold;
	color: #583C28;
	overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'volte_roundedbold',sans-serif;
	text-transform: uppercase;
	color: #583c28 !important;
}
strong {
	font-family: 'volte_roundedsemibold', sans-serif;
}
small {
	font-size: 14px;
}
.entry-content ul {
    list-style: none !important; /* Remove list bullets */
    padding-left: 0 !important;
    padding-bottom: 10px !important; 
    margin: 0;
}
.entry-content li {
    margin-bottom: 10px;
}
.entry-content ul li::before {
    content: "✔"; /* Insert content that looks like bullets */
    padding-right: 8px;
}
.entry-content p {
	line-height: 1.9;
}
/* --- Estilização padrão dos links --- */
a, a:visited{
	color: #3a605e; /*#72bdb9*/
	transition: all .3s ease;
}
a:hover, a:active {
	color: #72bdb9; /*#376272*/
	border-bottom: 1px solid #72bdb9;
}
.entry-content p > a, .entry-content li > a  {
	font-family: 'volte_roundedsemibold', sans-serif;
}
/* --- Ajustes no menu --- */
.et-fixed-header {
	padding-top: 10px;
	padding-bottom: 15px;
}

.container.et_menu_container {
	margin-top: -25px;
}

.et-fixed-header .container.et_menu_container {
	margin-top: 0;
}

/* Retirando o border-bottom dos links do menu */
#main-header a {
	border-bottom: none;
}

#top-menu a {
	color: #583C28 !important;
}
@media screen and (min-width: 981px) {
	#top-menu a {
		font-family: 'volte_roundedregular',sans-serif;
		font-weight: bold;
	}
}

@media screen and (min-width: 981px) {
	.sub-menu {
		margin-top: -60px;
	}
	.et-fixed-header .sub-menu {
		margin-top: -20px;
	}
}

/* --- Ajustes nos ícones do menu --- */
@media screen and (min-width: 981px) {
	#top-menu > .menu-item i._mi {
		position: relative;
		left: 55%;
		top: -45px;	
	}
	#top-menu > li {
		top: 35px;
	}	
}
/* --- Ajustes no tamanho dos ícones e fonte do menu pra deixar ele esticado independente da resolução --- */
@media screen and (min-width: 981px) and (max-width: 1279px) {
	#top-menu > .menu-item i._mi {
		font-size: 1.2em !important;
	}
	#top-menu li a {
		font-size: 14px !important;
	}
}
@media screen and (min-width: 1280px) and (max-width: 1564px) {
	#top-menu > .menu-item i._mi {
		font-size: 2.2em !important;
	}
	#top-menu li a {
		font-size: 16px !important;
	}
}
@media screen and (min-width: 1260px) {
	#et-top-navigation {
		padding-left: 0 !important;
	}
}
/* --- Ajustes no logo --- */
#logo {
	max-height: 100% !important;
}
@media screen and (max-width: 980px) {
	#logo {
		margin-top: 7px;
	}
}
@media screen and (min-width: 981px) and (max-width: 1023px) {
	#logo {
		max-height: 53.1% !important;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1111px){
	#logo {
		max-height: 70% !important;
	}
}
@media screen and (min-width: 1112px) {
	#logo {
		max-height: 88% !important;
	}
}
@media screen and (min-width: 981px) {
	.et-fixed-header #logo {
		max-height: 125% !important;
	}
}
/* Corrigindo pequeno detalhe na imagem de capa (slider) da página inicial */
@media screen and (min-width: 1220px) {
 .et_pb_slider .et_pb_slide {
 	background-size: 108%;
 } 	
}
/*
 * Tirando o espaço acima e abaixo da linha de boxes da página inicial e habilitando Flexbox neles pra poder alterar a ordem dos elementos no Mobile
 * 
 */
.modulo-boxes-paginicial {
	margin: 0 !important;
	padding: 0 !important;
}
.linha-boxes-paginicial {
	margin: 0 !important;
	padding: 0 !important;
}
@media screen and (max-width: 980px) {
	.linha-boxes-paginicial {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-wrap: wrap;
	}
}
/* --- Mudando a ordem das colunas no mobile e sumindo com elas quando necessário --- */
@media screen and (max-width: 980px) {
	.first-on-mobile {
	-webkit-order: 1;
	order: 1;
	}
	 
	.second-on-mobile {
	-webkit-order: 2;
	order: 2;
	}
	 
	.third-on-mobile {
	-webkit-order: 3;
	order: 3;
	}
	 
	.fourth-on-mobile {
	-webkit-order: 4;
	order: 4;
	}
	.display-none {
	display: none;
	}	
}
/*
 * Estilização para deixar o box do CTA da página inicial com o mesmo tamanho da imagem na resolução em que um fica ao lado do outro.
 * 
 */
@media screen and (min-width: 981px) {
	.linha-boxes-paginicial .box-cta-paginicial {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.cta-paginicial .et_pb_promo_description h2 {
		font-size: 180%;
	}
	.cta-paginicial .et_pb_promo_button {
		font-size: 120%;
	}
}
@media screen and (min-width: 1336px) {
	.cta-paginicial .et_pb_promo_description h2 {
		font-size: 280%;
	}
	.cta-paginicial .et_pb_promo_button {
		font-size: 150%;
	}
}
/* --- Estilização do :visited do CTA dos boxes da página inicial --- */
.cta-paginicial .et_pb_button:visited {
	color: #fff;
}

/* --- CTA da página interna --- */
.btn_cta {
	display: block;
	max-width: 310px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	padding: 25px;
	background-color: #FF7261;
	color: #fff;
	border-radius: 5px;
}
.btn_cta:hover {
	background-color: #bf5a4d;
	color: #fff;
	border: none;
}

.destaque-menu i._mi {
		color: #ff7261 !important;
}
#top-menu .destaque-menu a {
		color: #ff7261 !important;
}
.et-fixed-header #top-menu .destaque-menu a {
		color: #ff7261 !important;
}

@media screen and (min-width: 981px) {
	.img-rotacionada-direita {
		transform: rotateZ(8deg);
		padding: 25px;
	}
	.img-rotacionada-esquerda {
		transform: rotateZ(-8deg);
		padding: 25px;
	}	
}

input[type="email"].wpcf7-form-control, input[type="password"].wpcf7-form-control, input[type="tel"].wpcf7-form-control, input[type="text"].wpcf7-form-control, textarea.wpcf7-form-control {
	width: 100%;
	padding: 10px;
}
input[type="submit"].wpcf7-form-control {
	float: left;
	border: none;
	padding: 20px;
	background-color: #8fc671;
	color: #fff;
	transition: .8s ease;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
}
input[type="submit"].wpcf7-form-control:hover {
	cursor: pointer;
	background-color: #567e45;
}


@media only screen and (min-width: 981px) {
	.noticias .et_pb_post {
		max-width: 1200px;
		background-color: #faf9fa;
		border: 1px solid #ccc;
		padding: 10px;
	}
	.noticias .et_pb_posts .et_pb_post img,
	.noticias .et_pb_posts .et_overlay {
		height: auto !important;
		width: 425px;
		float: left;
		left: 0;
		margin-right: 25px;
	}
	.noticias .et_pb_post .entry-featured-image-url {
		margin-bottom: 0;
	}
	.noticias .et_pb_post .entry-featured-image-url:hover {
		border: none;
	}
	a.more-link {
		max-width: 230px;
		float: right;
		color: #8fc671;
		border: 2px solid #8fc671;
		border-radius: 8px;
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 10px;
		text-transform: uppercase;
		transition: .8s ease;
	}
	a.more-link:hover {
		color: #fff;
		background-color: #8fc671;
	}
	.noticias .et_pb_posts a.more-link {
		margin-top: -50px;
	}
	.et_pb_post h2 a {
		color: #583c28;
		font-family: 'volte_roundedbold',sans-serif;
		font-weight: normal;
	}
	.et_pb_post h2 a:hover {
		border-bottom: none;
	}
}

#sidebar{display: none;}
#left-area{width: 100%;}
#main-content .container:before {
width: 0;
}

.meninadevermelho::before {
	content: url('img/meninadevermelho.png');
	vertical-align: middle;
	margin-right: 10px;
}
.meninadeazul::before {
	content: url('img/meninadeazul.png');
	vertical-align: middle;
	margin-right: 10px;
}
.meninodeverde::before {
	content: url('img/meninodeverde.png');
	vertical-align: middle;
	margin-right: 10px;
}

.meninadevermelho-divi::before {
	content: url('img/meninadevermelho.png');
	vertical-align: middle;
	margin-right: 10px;
}
.meninadeazul-divi::before {
	content: url('img/meninadeazul.png');
	vertical-align: middle;
	margin-right: 10px;
}
.meninodeverde-divi::before {
	content: url('img/meninodeverde.png');
	vertical-align: middle;
	margin-right: 10px;
}

.meninadevermelho-divi,.meninadeazul-divi,.meninodeverde-divi {
	display: flex;
}

.meninadevermelho-divi .et_pb_title_container,.meninadeazul-divi .et_pb_title_container,.meninodeverde-divi .et_pb_title_container {
	align-self: center;
}

#top-menu .destaque-botao-doar a, .et-fixed-header #top-menu .destaque-botao-doar a, .et_mobile_menu .destaque-botao-doar a {
	color: #fff !important;
	background-color: #ff7261;
	transition: all .4s ease-in-out;
}
.destaque-botao-doar a:hover, .et-fixed-header .destaque-botao-doar a:hover {
	background-color: #ffaaa0;
}
@media screen and (max-width: 980px) {
	.menu-item {
		margin-top: 15px !important;
	}	
	.menu-item a {
		padding-top: 15px !important;
	}	
}

blockquote {
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding-left: 0px !important;
	border-left: none !important;
	max-width: 1180px;
	display: block;
}
blockquote p {
	font-style: italic;
	line-height: 2.2 !important;
}


/* .zoom-instagram-widget__items li, .wpmi-item { /* .instagram-pics 
	display: inline-block;
	padding-left: 0 !important;
	padding-right: 14px;
}
*/
.zoom-instagram-widget__items li::before, .wpmi-item::before { /* .instagram-pics */ 
	content: none !important;
}
/* .zoom-instagram-widget__items li img { /* .instagram-pics 
	background: #fff;
	padding: 9px;
} 
Apagar depois
*/
.wpmi-list {
	margin-left:-13px;
}

.dados-de-contato {
	max-width: 300px;
}
.dados-de-contato span {
	font-size: 14px;
	display: block;
	line-height: 1.8;
	margin-bottom: 8px;
}

#main-footer {
	background-color: #72bdb9;
	background-image: url('img/fundo-circulos-pagina-mobile.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}
#footer-bottom {
	background-color: transparent !important;
}
@media screen and (min-width: 770px) {
	#main-footer {
		background-image: url('img/fundo-circulos-pagina.png');
	}	
}
@media screen and (min-width: 981px) and (max-width: 1279px) {
	.instagram-pics li img {
		width: 177px;
	}
}
@media screen and (min-width: 1280px) and (max-width: 1480px) {
	.instagram-pics li img {
		width: 237px;
	}
}
@media screen and (min-width: 1481px) and (max-width: 1600px) {
	.instagram-pics li img {
		width: 276px;
	}
}
@media screen and (min-width: 1601px) and (max-width: 1792px) {
	.instagram-pics li img {
		width: 300px;
	}
}

#zoom-social-icons-widget-2 {
	display: flex;
	flex-wrap: wrap;
}
@media screen and (min-width: 981px) {
	#zoom-social-icons-widget-2 {
		margin-top: -60px;
	}
}
#zoom-social-icons-widget-2 h4 {
	align-self: flex-end;
}
.zoom-social-icons-list {
	margin-left: 10px !important;
}

.zoom-social-icons-list--no-labels .zoom-social_icons-list__item::before {
	content: none !important;
}

.zoom-social-icons-list--no-labels .zoom-social_icons-list__item {
	padding-left: 0px !important;
} 

.btndoacao:hover {
	text-decoration: none;
	border-bottom: none;
}

.tittransparencia {
	margin-top: 10px;
}
@media screen and (max-width: 980px) {
	#main-header {
		padding-top: 15px;
		padding-bottom: 15px;
	}	
}

.et_pb_gallery_pagination ul li::before {
	content: "";
}

.et_pb_gallery_pagination ul li a {
	border-bottom: none;
}

.box-depoimento {
	min-height: 534px;
	border-radius: 8px;
}

.citacao-empresario {
	margin-left: 0;
}

.citacao-empresario p {
	font-size: 1.8em;
}

.citacao-empresario footer {
	font-size: 1.2em;
}

.et_pb_blog_grid .et_pb_post {
	min-height: 674px;
}