/*
Theme Name: Forum de Desenvolvimento
Author: Lucile Braucks
Version: 1.0.0

*/

html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
body {margin: 0; padding:0; font-family: 'Poppins', sans-serif; color: #213829; font-size: 19px; text-rendering: optimizeLegibility; overflow-x: hidden; background-color: #fff;}

*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
 
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden], template {display: none;}

abbr[title] {border-bottom: 1px dotted;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
hr {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
code, kbd, pre, samp {font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;}
select {text-transform: none;}
button {overflow: visible;}
button, input, select, textarea {max-width: 100%;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default; opacity: .5;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 0.4375em; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #d1d1d1; margin: 0 0 1.75em; padding: 0.875em;}
fieldset > :last-child {margin-bottom: 0;}
legend {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top;}
optgroup {font-weight: bold;}

/*=============================================================================== WP ALIGNMENTS ===============================================================================*/

.alignleft {float: left; margin: 5px 20px 20px 0;}
.alignright {float: right; margin: 5px 0 20px 20px;}
.aligncenter {clear: both; display: block; margin: 0 auto 1.75em;}

/*=============================================================================== FLEXIBLE EMBEDS ===============================================================================*/

embed, iframe, object, video {margin-bottom: 0; max-width: 100%; vertical-align: middle;}
p > embed, p > iframe, p > object, p > video {margin-bottom: 0;}
.entry-content .wp-audio-shortcode a, .entry-content .wp-playlist a {box-shadow: none;} 
.wp-audio-shortcode, .wp-video, .wp-playlist.wp-audio-playlist {margin-top: 0; margin-bottom: 1.75em;}
.wp-playlist.wp-audio-playlist {padding-bottom: 0;}
.wp-playlist .wp-playlist-tracks {margin-top: 0;}
.wp-playlist-item .wp-playlist-caption {border-bottom: 0; padding: 0.7142857143em 0;}
.wp-playlist-item .wp-playlist-item-length {top: 0.7142857143em;}


/*=============================================================================== CAPTIONS STYLE ===============================================================================*/

.custom-logo-link {display: inline-block;}

.wp-caption {margin-bottom: 0; max-width: 100%;}
.wp-caption img[class*="wp-image-"] { display: block; margin: 0;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.wp-caption-text {text-align: center;}


/*=============================================================================== GALLERIES STYLE ===============================================================================*/

.gallery {margin: 50px auto 1.75em !important;}
.gallery img {border:0 !Important; }
.gallery-item {display: inline-block; max-width: 33.33%; padding: 0 1.5% !important; margin: 0 !important; text-align: center; vertical-align: top; width: 100%;}
.gallery-columns-1 .gallery-item {max-width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery-icon img {margin: 0 auto;}
.gallery-caption {color: #686868; display: block; font-size: 13px; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em;}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {display: none;}


/*=============================================================================== BASIC FORMATTING ===============================================================================*/


dfn, cite, em, i {font-style: italic;}

blockquote {margin:0; padding:0; color: #fff;}
blockquote p {margin:0; padding:0; font-style: normal ;font-size: 38px; line-height: 1.2; }
blockquote p:before {content: '“';}
blockquote p:after {content: '”';}
blockquote p strong {font-weight: 700;}

blockquote cite {display: block; margin:0; padding:30px 0 10px 0; letter-spacing: 4px; font-size: 18px; font-weight: bold; font-style: normal; line-height: 1; text-transform: uppercase;}

address {font-style: normal; margin: 0; padding: 0; font-size: 0.875em; line-height: 1.6;}
address p {margin: 0; padding: 0; font-size: 0.875em; line-height: 2; font-weight: 400;}



code, kbd, tt, var, samp, pre {font-family: Inconsolata, monospace;}

pre {border: 1px solid #d1d1d1; font-size: 1em; font-size: 1rem; line-height: 1.3125; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
code {background-color: #d1d1d1; padding: 0.125em 0.25em;}
abbr, acronym {border-bottom: 1px dotted #d1d1d1; cursor: help;}
mark, ins {background: #007acc; color: #fff; padding: 0.125em 0.25em; text-decoration: none;}
big {font-size: 125%;}

a {cursor: pointer; text-decoration: none; color: #0c9b00;}
a, a:hover, a:active, a:focus, button, input[type="button"] {outline: 0; transition-property: all; transition-duration: 1s; transition-timing-function: ease-out;}
a:hover {text-decoration: none;}
a:focus {text-decoration: none; }
a:active {text-decoration: none;}

p a:hover {text-decoration: underline;}

hr {margin:10px 0; padding:0; border: 0; height: 1px;  background-color: #d0d1d2;}

ul {list-style: none;}
ol {list-style: decimal; margin-left: 1.5em;}

dl {margin: 0 0 1.75em;}
dt {font-weight: 700;}
dd {margin: 0 0 1.75em;}

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

del {opacity: 0.8;}

figure {margin: 1em 0;}

table {margin: 0 0 1.5em; width: 100%;}


.button, 
button, 
button[disabled]:hover, 
button[disabled]:focus, 
input[type="button"], 
input[type="button"][disabled]:hover, 
input[type="button"][disabled]:focus, 
input[type="reset"], 
input[type="reset"][disabled]:hover, 
input[type="reset"][disabled]:focus, 
input[type="submit"], 
input[type="submit"][disabled]:hover, 
input[type="submit"][disabled]:focus {margin:40px 0 0 0; padding:20px 60px; text-align: center; width: auto; line-height: 1; font-size: 26px !important; font-weight: 700 !important; color: #fff !important; background-color: #213829; border: 0; border-radius: 20px;  transition-property: all; transition-duration: 1s; transition-timing-function: ease-out; box-shadow: 5px 5px 10px 3px rgba(0, 0, 0, 0.3);}

.button:hover, button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {}
.button a:hover {}


/* ============================================================================
GENERAL STYLES 
===============================================================================*/
section {margin:0 auto !important; padding: 65px 120px; max-width: 1920px;}
.container {margin: 0 auto; width: 100%; max-width: 1200px;}

h2 {font-size: 38px; font-weight: 900; color: #213829; text-align: center;}
h3 {margin:0; padding: 0; font-size: 22px; font-weight: 800; color: #213829;}
h3 a {color: #213829;}

p {margin:0; padding: 0.5rem 0 1rem; font-size: 19px;}

/* begin media for smartphone */
@media (min-width : 230px) 
and (max-width : 767px) {

body {overflow-x: hidden; max-width: 100%;}
 
section {padding:40px 0;}
.container {margin: 0; padding: 0 10px;}	
.row-fluid [class*="span"], .row-fluid [class*="span"]:first-child {margin:0; padding:0;  width: 100%;}
.row-fluid [class*="span"]:first-child {margin-left: 0;}
  
h2 {font-size: 30px; color: #213829;}  

.button, button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {padding: 15px 30px; font-size: 20px !important;}  
    
}
/* ============================================================================ 
HOME STYLE
==============================================================================*/


.logos {margin:0 auto !important; padding: 5px 30px; max-width: 2560px;}
.logos ul.parceiros  {margin: 0; padding: 0; display: flex !important; gap: 0.2rem; flex-wrap: wrap;  justify-content: center; align-items: center;}
.logos ul.parceiros li {text-align: center; flex-grow: 1; flex-shrink: 1; height: 150px; display: flex; text-align: center; justify-content: center; align-items: center;}
.logos ul.parceiros li img {height: auto !important; width: 200px;}
.logos ul.parceiros li:nth-of-type(1) img {height: auto !important; width: 100px;}
.logos ul.parceiros li:nth-of-type(2) img {height: auto !important; width: 240px;}
.logos ul.parceiros li:nth-of-type(3) img {height: auto !important; width: 280px;}
.logos ul.parceiros li:nth-of-type(4) img {height: auto !important; width: 230px;}
.logos ul.parceiros li:nth-of-type(5) img {height: auto !important; width: 150px;}

/* begin media for smartphone */
@media (min-width : 230px) 
and (max-width : 767px) {
    .logos {padding: 5px 10px;}
    .logos ul.parceiros  {gap: 0;}
    .logos ul.parceiros li {padding: 10px; text-align: center; flex-grow: 0; flex-shrink: 0; height: 60px;}

    .logos ul.parceiros li:nth-of-type(1) img {height: auto !important; width: 50px;}
    .logos ul.parceiros li:nth-of-type(2) img {height: auto !important; width: 120px;}
    .logos ul.parceiros li:nth-of-type(3) img {height: auto !important; width: 140px;}
    .logos ul.parceiros li:nth-of-type(4) img {height: auto !important; width: 115px;}
    .logos ul.parceiros li:nth-of-type(5) img {height: auto !important; width: 75px;}

}



/* ============================================================================ 
FORUM PUJANTE
==============================================================================*/

.heroImage {margin: 0 auto; padding:0;  width: 100%; max-width: 1599px; text-align: center;}
.heroImage h1 {margin: 0; padding: 4rem 0 1rem; color: #213829; font-size: 34px; font-weight: 800; line-height: 1.2; text-transform: uppercase;}  
.heroImage h1 strong {font-size: 42px; font-weight: 700;}
.heroImage h1 small {font-size: 34px; line-height: 1.4; font-weight: 500; text-transform: none}

.heroImage .timeinfo {margin:4rem auto 4rem; width: 65%; padding:0; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 2rem;}
.heroImage .timeinfo li {margin:0; padding: 1rem; box-shadow: 2px 3px 8px 1px rgba(0, 0, 0, 0.3); font-size: 22px; line-height: 1.2; text-align: center; font-weight: 400; color: #213829;}
.heroImage .timeinfo li strong {font-weight: 800; display: block; margin: 1rem auto 0.6rem; color: #213829;}
.heroImage .timeinfo li i {font-size: 50px; color: #213829;}


.home  a.button {margin: 3rem auto; padding:26px 10px;  display: block; width: 330px; line-height: 1.2;}


.page-id-1357 h2 {margin: 0; padding: 30px 0 0; color: #213829; font-size: 44px; font-weight: 900; text-transform: uppercase;}  
.page-id-1357 a.button {display: none;}


.gform_wrapper ul.gform_fields li.gfield {padding-right: 0; padding-left: 0; text-align: left; font-size: 22px !important; font-weight: 400 !important; text-transform: uppercase;}
#gform_6 {margin: 1rem auto; padding: 0 ; width: 65%; text-align: center;}
.gform_legacy_markup_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {border-width: 0 !important; box-shadow: 2px 3px 8px 1px rgba(0, 0, 0, 0.3); font-size: 28px !important; font-weight: 400 !important; text-transform: uppercase;}

.gform_legacy_markup_wrapper .top_label .gfield_label {font-weight: 400 !important;}
.gform_legacy_markup_wrapper .top_label div.ginput_container {margin-top: 0px !important;}
.gform_legacy_markup_wrapper li.hidden_label input {margin-top: 0px !important;}
.gform_legacy_markup_wrapper .gform_footer {margin: 4rem 0 0 !important;}

/*.intro {padding: 40px 120px; background: #dedede url('images/intro-bg.jpg') no-repeat center center; background-size: cover;}*/
.intro h2 {margin: 0 !important; padding: 0 !important; color: #213829; font-size: 38px; line-height: 1.2;}
.intro h2 small {display: block; margin:0 !important; padding:0 !important; font-size: 24px; font-weight: 600;}
.intro p {margin: 0 !important; padding: 20px 0 !important; color: #213829; font-size: 22px; text-align: center;}
.intro p a {color: #fff !important;}


/* begin media for smartphone */
@media (min-width : 230px) 
and (max-width : 767px) {
    .heroImage h1 {font-size: 24px;}  
    .heroImage h1 strong {font-size: 20px;}
    .heroImage h1 small {font-size: 22px; line-height: 1; }
    .heroImage .timeinfo {margin:2rem auto 4rem; width: 90%; padding:0; display: grid; grid-template-columns: 1fr; gap: 1rem;}
    .home .heroImage a.button {margin: auto; display: block; width: 300px; padding-right: 1rem; padding-left: 1rem;}
    .intro {padding: 40px 10px;}
    .intro h2 {padding: 0 0 20px !important; font-size: 28px;} 
    .intro h2 small {font-size: 20px;}
    .intro p {padding: 40px 0 !important; font-size: 18px;} 

    .page-id-53 .timeinfo {margin:2rem auto 0; gap: 1rem;}
  
}


.abertura {padding: 1rem 120px;  text-align: center;}
.abertura h3 {padding: 20px 10% 10px; font-size: 38px; text-align: center;}
.abertura ul {margin: 0 auto 70px; width: 70%; padding: 0; display: flex !important; flex-wrap: wrap;  justify-content: center; align-items: top;}
.abertura ul li {text-align: center;}
.abertura ul li img {border-radius: 50%; width: 196px; height: auto;}
.abertura ul li h3 {margin: 20px auto 0; max-width: 390px; font-size: 38px;}
.abertura ul li h3 small {display: block; font-weight: 400; font-size: 18px; text-transform: none;}
.abertura ul li h4 {margin: 10px auto 0; max-width: 410px; font-size: 19px; font-weight: 700; color: #213829;}
.abertura ul li h4 small {display: block; font-weight: 400; font-size: 17px; line-height: 1.2; text-transform: none;}

@media (min-width : 230px) 
and (max-width : 767px) {
    .abertura {padding: 40px 10px;}  
    .abertura ul {width: 90%; padding:0; grid-template-columns: 1fr; gap: 1rem;}
  
}



.palestrantes {margin: 0 auto; width: 100%; padding: 1rem 0; /*background: #cdcdcd url('images/painelistas-bg.jpg') no-repeat center center; background-size: cover; */ text-align: center;}
.palestrantes h2 {padding: 1rem 0 0; font-size: 38px; text-align: center;}
.palestrantes ul {margin:0; padding:0; display: flex !important; flex-wrap: wrap;  justify-content: center; align-items: top; }
.palestrantes ul li {padding:0  0.5rem 3rem; text-align: center; width: 28%;}

.palestrantes ul:nth-of-type(2) li:nth-of-type(1) {width: 100%;} 

.palestrantes ul li img {border-radius: 50%; width: 196px; height: auto;}
.palestrantes ul li h4 {margin: 10px auto 0; font-size: 19px; font-weight: 700; color: #213829;}
.palestrantes ul li h4 small {display: block; /*width: 290px;*/ font-weight: 400; font-size: 17px; line-height: 1.2; text-transform: none;}

/* begin media for smartphone */
@media (min-width : 230px) 
and (max-width : 767px) {
    .palestrantes ul {margin:0; padding: 0; display: grid; grid-template-columns: 1fr;}
    .palestrantes {padding: 30px 10px 80px;} 
    .palestrantes h3 {padding: 20px 5% 10px; font-size: 24px;}  
  .palestrantes ul li {padding:0  0.5rem 1rem; text-align: center; width: 100%;}
}


.aboutForum {padding: 1rem 0;}


.parceiros {margin:0; padding: 30px 0 0;}
.parceiros ul {margin-top: 95px !important; display: flex !important; gap: 1rem; flex-wrap: wrap;  justify-content: center; align-items: center; height: 200px; }
.parceiros ul li {text-align: center; flex-grow: 1; flex-shrink: 1; height: 200px; align-items: center; justify-content: center;}
.parceiros ul li img {}



ul.painel li {line-height: 1; padding-bottom: 10px;}


.aboutForum ul {margin:10px 0 20px 0; padding:0;}
.aboutForum ul li {margin:0; padding:0 0 4px 20px; position: relative; text-align: left;}
.aboutForum ul li:before {content:''; position: absolute; top: 10px; left: 0; display: block; margin:0; padding:0; width: 8px; height: 8px; background-color: #213829; border-radius: 50%;}


/* ============================================================================ 
INTERNAL PAGES
==============================================================================*/
.internalContent {margin: 0 auto; width: 100%; max-width: 2560px; padding: 20px 120px;}
.internalContent p {margin:0; padding:0 0 20px; font-size: 16px; line-height: 1.4;}

.internalContent h2 {margin:20px 0 0 0; padding:0 0 15px; line-height: 1; font-size: 44px; font-weight: 900;}
.internalContent h3, .internalContent h4, .internalContent h5, .internalContent h6 {margin: 20px 0 0 0; padding:0 0 10px 0; font-size: 22px; font-weight: 400;}

.internalContent ul {margin:10px 0 20px 0; padding:0;}
.internalContent ul li {margin:0; padding:0 0 4px 20px; position: relative; text-align: left;}
.internalContent ul li:before {content:''; position: absolute; top: 8px; left: 0; display: block; margin:0; padding:0; width: 8px; height: 8px; background-color: #442d71; border-radius: 50%;}


.internalContent .heroImage ul li::before {display: none;}
.internalContent .heroImage ul {margin:1rem auto 2rem; gap: 1.5rem;}
.internalContent .heroImage .timeinfo li {margin:0; padding: 0rem 0rem 0rem 2rem; font-size: 18px; line-height: 1.2; text-align: left;}
.internalContent .heroImage .timeinfo li i { float: left; margin: 1.5rem 1rem 2.5rem 0;}

/* begin media for smartphone */
@media (min-width : 230px) 
and (max-width : 767px) {
    .internalContent {padding: 10px 10px;}
  
}


/* ============================================================================ 
FOOTER
==============================================================================*/

footer {margin: 6rem auto 0; width: 100%; max-width: 2560px; padding:2rem; text-align: center; color: #fff; background: #1F3326;
background: linear-gradient(90deg, rgba(31, 51, 38, 1) 0%, rgba(8, 14, 10, 1) 79%);}
footer .span4 {display: flex !important; justify-content: center !important; align-items: center !important; height: 180px;}
footer .span8 p {margin:0; padding:0 0 0.4rem; font-size: 16px; font-weight: 300; line-height: 1.4;}


@media (min-width : 230px) 
and (max-width : 767px) {
    footer ul {margin:0; padding: 0; display: flex !important; gap: 1rem; }
	footer h4 {font-size: 27px;}
	footer ul li img {width: 50px;}
  
}
/* ============================================================================ 
CSS ANIMATIONS
==============================================================================*/

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-ms-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@-webkit-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-moz-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-ms-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@keyframes fadeOut { from { opacity:1; } to { opacity:0; } }

#fade-in {opacity:0; -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s;}
:root #fade-in { opacity:1 \0/IE9; } 
#fade-in.first {-webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; animation-delay: 0.25s;}
#fade-in.second {-webkit-animation-delay: 0.5s; -moz-animation-delay:0.5s; animation-delay: 0.5s;}
#fade-in.third {-webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;}
.fade-out.first {-webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; animation-delay: 0.25s;} 
.fade-out.second {-webkit-animation-delay: 0.5s; -moz-animation-delay:0.5s; animation-delay: 0.5s;}
.fade-out.third {-webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;}









/* iPads (portrait) ----------- */
@media (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {

body {overflow-x: hidden; max-width: 100%;}
.container {margin: 0; padding: 0 10px;}	

}
 
/* end iPads (portrait) ----------- */




/* iPads (landscape) ----------- */
@media (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {

body {overflow-x: hidden; max-width: 100%;}
   
  
  
	
}
/* end iPads (landscape) ----------- */