/*-----------------------------------------------------------------------------------
	Theme Name: IBC JUNTOS
	Theme URI: http://ibc.com.br
	Description: IBC JUNTOS
	Author: Soim - AgÊncia Digital
	
	License: Proibida alteração, reprodução, distribuição, transmissão ou cópia 
	parcial ou total de qualquer dos arquivos e códigos que compõem este 
	software (tema para Wordpress), sob proteção da Lei 9.609/98. 
	
	Copyright © 2022 - Todos os direitos reservados. 
-----------------------------------------------------------------------------------*/

/* RESETS
**********************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
a { text-decoration: none; color: inherit; cursor: pointer; }
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

#google_translate_element, 
.goog-te-banner-frame, 
.goog-te-balloon-frame, 
#goog-gt-tt, 
.goog-te-balloon-frame, 
.goog-tooltip, 
.goog-tooltip:hover,
.skiptranslate { 
    display:none !important; 
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 5px 4px 0;
	text-align:center;
}

blockquote {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	width: 90%;
	margin: 0.25em 0;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
	background:#ececec;
}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -10px;
	top: -10px;
	color: #7a7a7a;
}

blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
 
blockquote cite:before {
	content: "\2014 \2009";
}


strong {font-weight: bold;}
i, em { font-style: italic;}

/*DEFINICOES GERAIS
**********************************************************/
body {font-family: 'Montserrat', sans-serif; color:#FFF; background:#FDFBF7; }

.container { width:1146px; margin:0 auto; }

p { font-size:20px; margin:0 0 20px; letter-spacing:0; color:#FFF }

strong { font-weight:700}


/*HEADER
**********************************************************/
#header { width:100%; float:left; display:block; background-size:100%; height:auto; padding: 70px 0}

#header #col-1 { float:left; width:457px}
#header #logo { float:left; margin:0 0 40px}
#header #texto { float:left; display:block}
#header #texto h1 {font-weight: 400;
font-size: 25px;
line-height: 145.9%; /* 36.475px */

color: #333; margin:0 0 40px
}
#header #texto h1 span{font-weight: 700;
font-size: 25px;
line-height: 145.9%; /* 36.475px */
color: #333; display:block; margin:0 0 0;
}

#header #texto a { margin: 0 0 5px}
#header #texto img {transition: all 0.5s;
    cursor: pointer;}
#header #texto img:hover { opacity:0.8; webkit-transform: scale(1.1);
    transform: scale(1.1);}


/*DESTAQUE
**********************************************************/
#destaque { float:right; width:610px; margin:0 0 0 0}



/*boxinsta
**********************************************************/
#boxinsta { width:100%; display:block; float:left; position:relative; padding:50px 0 0; background: #F3F3F3}
#boxinsta .container  {margin:0 auto 40px; height: 475px; overflow: hidden;}

#boxinsta h2 {font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 36px;

text-align: center;

color: #FFF; margin:0 0 40px}


/*footer
**********************************************************/
#footer { width:100%; display:block; float:left; position:relative; padding:40px 0 ; background: #333333; text-align: center}


#botaozap { position:fixed; bottom:20px; right:20px; z-index:9999}

#map { width:100%; display:block; float:left; margin:40px 0}
#map .cada_mapa { width: 362px; float:left; margin: 0 10px}
#map .cada_mapa a { display:block; margin: 10px 0 0}
#map .cada_mapa p { font-size:12px; color:#333 !important; margin: 10px 0}

.menu-mobile { display: none;}

/* MOBILE */
@media only screen and (min-width: 280px) and (max-width: 736px) {
	body { overflow-x:hidden; top:0 !important}
	.menu-mobile {
        display: block;
		float:right;
		text-align:left;
		margin:54px 0 0 0;
		cursor:pointer; z-index:999; position:relative;
    }
    #nav.menu-cel {
        display: block !important;
    }
	#nav  { display:none !important}
	
	.container { width:94% !important; padding:0 3%}
	
	

/*HEADER
**********************************************************/
#header { width:100%; float:left; display:block; background-size:100%; height:auto; padding: 40px 0}

#header #col-1 { float:left; width:100%}
#header #logo { float:left; margin:0 0 20px}
	#header #logo img { width:100%}
#header #texto { float:left; display:block}
#header #texto h1 {font-weight: 400;
font-size: 19px;
line-height: 145.9%; /* 36.475px */

color: #333; margin:0 0 20px
}
#header #texto h1 span{font-weight: 700;
font-size: 25px;
line-height: 145.9%; /* 36.475px */
color: #333; display:block; margin:0 0 0;
}

#header #texto a { margin: 0 0 10px; display: block}
#header #texto img {transition: all 0.5s;
    cursor: pointer;}
#header #texto img:hover { opacity:0.8; webkit-transform: scale(1.1);
    transform: scale(1.1);}



/*DESTAQUE
**********************************************************/
#destaque { float:right; width:100%; margin:20px 0 0 0}
#destaque img { width:100%}


/*boxinsta
**********************************************************/
#boxinsta { width:100%; display:block; float:left; position:relative; padding:50px 0 0; background: #F3F3F3}
#boxinsta .container  {margin:0 auto 40px; height: auto; overflow: hidden;}

#boxinsta h2 {font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 36px;

text-align: center;

color: #FFF; margin:0 0 40px}


/*footer
**********************************************************/
#footer { width:100%; display:block; float:left; position:relative; padding:40px 0 ; background: #333333; text-align: center}


#botaozap { position:fixed; bottom:20px; right:20px; z-index:9999}

#map { width:100%; display:block; float:left; margin:40px 0 20px}
	#map iframe { width:100%; height: 250px}
#map .cada_mapa { width: 100%; float:left; margin: 0 0 40px}
#map .cada_mapa a { display:block; margin: 10px 0 0}
#map .cada_mapa p { font-size:12px; color:#333 !important; margin: 10px 0}

}