/*
Theme Name: SBCP-SP versao 2024
Theme URI: http://www.sbcp-sp.org.br/
Description: Para o site SBCP-SP
Version: 3.0
Author: Wadilson Oliveira WDE
Author URI: http://www.wde.com.br/
Tags:
*/

@import url(css/normalize.css);

@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

html { font-size: 21px; background: #FFFFFF; }
body { font: 500 1em 'Source Sans 3', sans-serif; color: #535353; background: #FFFFFF; }

/* -------------------------------------------- gerais, tiopgraficas */

p { hyphens: auto;}
a:link, a:visited {color: #535353; transition: all 0.1s ease 0s; }
a:hover { color: #00518C; opacity: 0.9;}

h1, h2, h3, h4 { font-family: 'Asap', serif; color: #31476C; }
h1 { font-size: 2.3em; }
h2 { font-size: 1.62em; }
h3 { font-size: 1.44em; }
h4 { font-size: 1.22em; }

form input,form textarea {
	width: 96%;
	border: 1px solid #DBDBEA;
	border-radius: 5px;
	padding: 10px;
	font: 300 1.12rem 'Source Sans 3';
	max-width: 660px;
}
form input[type='submit'] , form input[type='reset'] , a.bt {
	font: 900 0.6rem  'Source Sans 3', sans-serif;
	color: #FFF !important;
	text-decoration: none;
	background-color: #BD8F31;
	border-radius: 5px;
	display: inline-block;
	padding: 12px 20px;
	transition: all 0.1s ease 0s;
	width: auto;
	margin: 1px 0;
	cursor: pointer;
}
form input[type='submit']:hover , a.bt:hover { background: #FCAA03 !important; }

img { max-width: 100%; height: auto; }

.bt_peqs { padding: 0.5em 0;}

a.wp-block-button__link , a.bt-peq{
	font: 500 0.82rem 'Source Sans 3';
	transition: all 0.05s ease 0s;
	width: auto;
	color: #FFFFFF;
}

a.bt-peq { border-radius: 1.55em; padding: 0.66em 1.33em; text-decoration: none; margin: 0 .5em .5em 0; }
.bt_peqs a.wp-block-button__link, a.bt-peq { background-color: #31476C; display: inline-block; padding: 6px 18px; border-radius: 4px; }
.bt_peqs a.wp-block-button__link:hover { background: #4F73AE; box-shadow: none; } 

.wp-caption , .wp-block-image { /*background: #F6F6F8;*/ border: none; /*box-shadow: 1px 1px 1px #0003;*/ max-width: 96%; padding: 10px 0px 6px 10px; display: inline-block; }
.wp-block-image { padding-right: 10px; }
.wp-caption-text , .wp-block-image figcaption { font-size: .8em; font-weight: 400; padding-right: 10px; padding-top: 10px ; line-height: 1.1em; margin: 0 !important; }

.wp-block-table { margin: 0; }
table { border-collapse: separate; border-spacing: 0; margin: 0 0 1.6em; }
th, td { border: 1px solid rgba(51, 51, 51, 0.1); }
caption, th, td { text-align: left; }
th { border-width: 1px 0 1px 0; font-weight: 700; }
td { border-width: 0 0 1px 0; vertical-align: baseline; }
th, td { padding: 0.4em 0.8em; }
th { background-color: rgba(100, 100, 100, 0.2); }
tr:nth-of-type(2n+1) { background-color: rgba(160, 160, 160, 0.2); }

.cb { clear: both; }

.wrap {
	width: 1088px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background: transparent;
}

.search-form { position: relative; }
.search-form input {
	border: 1px solid #CCC;
	color: #666659;
	font-size: .83em;
	height: 2em;
	width: 100%;
}
.search-form button {
	background: none;
	border: none;
	position: absolute;
	right: 0;
	top: 0.3em;
	opacity: 0.2;
	cursor: pointer;
}

/* ---------------------------------------- fim gerais, tipograficas */


/* ---------------------------------------------------------- header */
header { background: #FFF; height: 83px; border-bottom: 1px solid #BDBDAE; position: fixed; width: 100%; z-index: 10; box-shadow: 0 4px 4px #49463620; }
header.home { height: 153px; position:relative; border: none; box-shadow: none; }
.spacer-header { height: 83px; }
.home .spacer-header { display: none; }

header a:hover { color: inherit; background-color: initial;}

header h1 , header h2 {
	background: url("img/logo_sbcp-sp.png") 0 0 no-repeat;
	margin: 0;
	position: relative;
	text-indent: -9999px;
	top: 32px;
	width: 313px;
}
header h2 {
	background-position-y: -82px;
	top: 9px;
	width: 241px;
}
header h1 a { display: block; height: 82px; }
header h2 a { display: block; height: 63px; }

header .metaheader { position: absolute; right: 0; }
header .metaheader ul { margin: 10px 0 0; }
header .metaheader li { display: inline-block; font-size: 0.84em; }
header .metaheader a { color: #B2B2B2; margin-right: 1em;}
header .metaheader a:hover { color: #00518C; }

/* ----------------------------------- menu principal */
header nav a { text-decoration: none;}
header nav ul { position: absolute; right: 0; font: 900 .95em 'Source Sans 3', sans-serif; text-transform: uppercase; }
header nav ul.menu { bottom: 0; margin-bottom: -20px; }
.home ul.menu { margin-bottom: -71px; }

header nav ul.menu li.menu-item { display: inline-block; position: relative; }
header nav ul.menu li.menu-item a:link , header nav ul.menu li.menu-item a:visited {
	color: #666659;
	padding: 16px 10px 24px;
	display: block;
}
header nav ul.menu li.menu-item:hover a { color: #FFF; background: #79796Af1; }
header nav ul.sub-menu { display: none; position: absolute; z-index: 5; }
header nav li.menu-item-has-children:hover ul.sub-menu { display: block;}
header nav ul.sub-menu li.menu-item {
	display: block;
	font: 500 .89em 'Source Sans 3', sans-serif;
	text-align: right;
	white-space: nowrap;
	position: relative;
}
header nav ul.sub-menu li.menu-item a {
	display: block;
	background: #79796afc;
	padding: 10px 20px;
	min-width: 200px;
}
header nav ul.sub-menu li.menu-item a:hover { background: #575748ff; }

header nav ul.sub-menu li.menu-item-has-children>a::before { content: "\25BC "; padding-right: 1em;}
header nav ul.sub-menu ul.sub-menu { display: block; position: relative; padding: 0;}
header nav ul.sub-menu ul.sub-menu li.menu-item a { background: #4d4d40cc; padding-top: 0.6em; padding-bottom: 1.2em;}
header nav ul.sub-menu ul.sub-menu li.menu-item:hover a { background: #4d4d40; }

/* ------------------------------- fim menu principal */
/* ------------------------------------------------------ fim header */

/* ------------------------------------------------ chamadas da home */

#chamadas a:link, #chamadas a:visited {color: #535353; text-decoration: none;}
#chamadas a:hover { color: #535353; background-color: initial; text-decoration: underline;}

#chamadas h4 { font-size: 0.63em; text-transform: uppercase; letter-spacing: 0.1rem; margin: 0;}
#chamadas h4 a:link , #chamadas h4 a:visited { color: #79796A;} #chamadas h4 a:hover { color: initial; text-decoration: none;}
#chamadas h3 { font-size: 1.16em; line-height: 1em; margin: 0 auto .5rem; }
#chamadas h3 a:link, #chamadas h3 a:visited , #chamadas h3 a:hover { color: #31486C; }
#chamadas p { font-size: .92em; margin: 0 auto;}

#chamadas { display: grid; grid-template-columns: auto auto; column-gap: 30px; margin: 10px auto; }

#chamadas article { margin: 0 0 15px; padding: 7px 0 0; }
#chamadas article:first-of-type { grid-row: 1 / span 2; }

#chamadas article>*,#chamadas article div { padding: 0 7px; }

#chamadas article div { width: 50%; float: left;}

#chamadas article:first-of-type div { width: 98%; }
#chamadas article:first-of-type h3 { font-size: 1.7em;}
#chamadas article:first-of-type p { font-size: 1.1em;}

.home .addtoany_shortcode { padding-bottom: 50px; }

/* -------------------------------------------- fim chamadas da home */

/* -------------------------------------------------- avisos da home */
/*                                               e banners parceiros */
#avisos , #banners-parceiros { margin-top: 50px;}
#banners-parceiros { padding: 10px 0 100px; }
#avisos>div.wrap {display: flex; flex-wrap: wrap; padding: 10px 0 100px; }

#avisos a:link, #avisos a:visited {color: #535353; text-decoration: none;}
#avisos a:hover { color: #535353; text-decoration: underline;}

#avisos h4 , #banners-parceiros h4 { font-size: 1.1em; color: #BDBDAE; border-top: 1px solid #BDBDAE; padding-top: 1em; text-transform: uppercase; }
#avisos article { width: 46%; margin: 0; padding-right: 4%; }
#avisos h3 { font-size: 1.7em; line-height: 1em; margin: 0 auto;}
#avisos h3 a:link, #avisos h3 a:visited , #avisos h3 a:hover { color: #33709F; }

#avisos a.bt { color: #FFF; text-decoration: none; }
/* ------------------------------------------- fim avisos na da home */

/* ---------------------------------------------------------- footer */
footer {
	background: rgb(14,44,67);
	background: linear-gradient(180deg, rgba(14,44,67,1) 0%, rgba(39,94,143,1) 100%); 

	color: #FFF;
	padding-top: 25px;
	position: relative;
	font-size: .8em;
	line-height: 1.8em;
}
footer a:link , footer a:visited { color: #fff;}
footer h2 {
	background: url("img/logo_sbcp-sp.png") 0 -212px no-repeat;
	text-indent: -9999px;
	width: 255px;
	height: 67px;
	margin-bottom: 60px;
}
footer .contatos , footer address { width: 25%; min-width: 180px; float: left; margin: 0 auto; }

footer .social { text-transform: uppercase; position: absolute; top: 50px; right: 0; }
footer .social ul { display: inline-block; margin: 0; padding: 0; }
footer .social ul li { display: inline-block; font-size: 1.5em; vertical-align: middle; margin: 0 4px; }

footer .certificados { margin: 48px auto 0; padding-bottom: 25px; border-bottom: 1px solid #CECEBF; }
footer .certificados ul { line-height: 1.2em; list-style-type: none;}
footer .certificados li { position: relative; margin: 24px 0; }
footer .certificados ul li i { font-size: 1.6em; position: absolute; left: -40px; top: -5px; }

footer .copyright { border-top: 1px solid #FFF; padding: 16px 0; margin: 0; }
footer #author { padding: 8px 0 30px; }


/* ------------------------------------------------------ fim footer */

/* ------------------------------------------------- paginas e posts */

#breadcrumb { display: block; }

#breadcrumb ul { padding: 0; }

#breadcrumb ul li { color: #8A8A7A; display: inline-block; text-transform: uppercase; font-size: .73em;}
#breadcrumb ul li a { color: #8A8A7A; text-decoration: none;} #breadcrumb ul li a:hover { text-decoration: underline;}

#breadcrumb ul li::after { content: " > "; }
#breadcrumb ul li:last-child::after { content: " "; }

#container { display: grid; grid-template-columns: auto 251px; gap: 25px;}
#container article { display: grid; grid-template-columns: 126px auto; gap: 20px; border-bottom: 1px solid #ACAC9D; padding: 2em 0 1em;}
#container article time { font: italic 500 0.68em 'Source Sans 3'; display: block; margin-top: -5px;}

#container a:link, #container a:visited, #banners-apoio a:link, #banners-apoio a:visited {color: #535353; text-decoration: none;}
#container a:hover, #banners-apoio a:hover { color: #535353; background-color: initial; text-decoration: underline;}

#container h3 { font-size: 1.16em; line-height: 1em; margin: 0.2em auto; }
#container h3 a:link, #container h3 a:visited , #container h3 a:hover { color: #33709F; }
#container p { font-size: .79em; margin: 0 auto;}

#navegacao { margin: 40px 0 120px; display: flex; justify-content: space-between;}


#sidebar .wp-block-media-text, #banners-apoio .wp-block-media-text {
	grid-template-columns: 1fr 86px;
	-ms-grid-rows:auto;
	align-content: start;
	margin: 20px auto;
	padding: 20px 0;
}
#sidebar .wp-block-media-text { border-bottom: 3px dotted #b2b2b2; }
#sidebar .wp-block-media-text:hover , #banners-apoio .wp-block-media-text:hover { background: #FaF9F9; }
#sidebar .wp-block-media-text__media, #banners-apoio .wp-block-media-text__media {
	grid-column:2;
	grid-row:1;
	margin:0;
	border-radius: 50%;
	border: 1px solid #BDBDAE;
	height: 86px;
	width: 86px;
	position: relative;
	overflow: hidden;
	align-self: start;
}
#sidebar .wp-block-media-text__content, #banners-apoio .wp-block-media-text__content {
	grid-column:1;
	grid-row:1;
	padding:0 5px 0 0;
	align-self: start;
}
#sidebar .wp-block-media-text__media img,
#sidebar .wp-block-media-text__media video,
#banners-apoio .wp-block-media-text__media img,
#banners-apoio .wp-block-media-text__media video { height:100%; width:auto; position:absolute; top: 0; }
#sidebar .wp-block-media-text__content h2, #banners-apoio .wp-block-media-text__content h2 { margin: 0 auto 0.5em; font: 600 0.94em/1.0em 'Asap'; }
#sidebar .wp-block-media-text__content p, #banners-apoio .wp-block-media-text__content p { font: 400 0.76em/1.2em 'Source Sans 3'; }

section#post { padding: 35px 0 100px;}
section#post time { color: #8A8A7A; font: italic 400 0.63em 'Source Sans 3'; display: block; margin-top: -5px;}
section#post h1 { line-height: 100%;} 
section#post article { border-bottom: 1px solid #EBEAE4; padding-bottom: 4em; }

section#post #navegacao { margin: 1em 0 2em; color: #8A8A7A; display: block; }

section#post #navegacao a:link, section#post #navegacao a:visited {
	font: 500 0.8rem 'Source Sans 3', sans-serif;
	padding: 1px 7px;
	margin: 0px 6px;
	text-transform: uppercase;
}
section#post .share-search { display: flex; align-items: center; padding: 1em 0; }
section#post .addtoany_shortcode { margin-right: 3em; }

#banners-apoio .wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 1.5em;
}
#banners-apoio { border-top: 1px solid #BDBDAE; padding: 0.5em 0 2em; } 

/* --------------------------------------------- fim paginas e posts */

/* ---------------------------------------- modelos paginas jornadas */

body.page-template-modelo_jornadas section#post { padding-top: 0; }
body.page-template-modelo_jornadas .n2-section-smartslider {
	box-shadow: 0px 4px 7px #0000006e;
	border-bottom: 1px solid #FFF;
	margin-bottom: 10px;
}

/* ------------------------------------ fim modelos paginas jornadas */



/* ------------------------------------- esconder botão de recaptcha */
.grecaptcha-badge { visibility: hidden; }

.consensu-button { visibility: hidden; }