@charset "UTF-8";
/************************************************

POWERED BY BYRD.PT

Stylesheet: Main Stylesheet

*************************************************/
/*********************
GENERAL STYLES
*********************/

.off-canvas-content {
background: #fff;
}

div.top-bar-right {
margin-top: 25px;}
/*********************
LINK STYLES
*********************/
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
  
a {
text-decoration: underline;
color: inherit;}  

a:hover, a img:hover, a h:hover {
cursor: pointer !important;
opacity: .7;}

a .overlay {
color: #fff;}

.hallow.button {
font-size: 2.4em;
border: 3px solid #fff;
text-decoration: none;
color: #fff;
background: none;
padding: .85em 1em;
line-height: 1.3em}

.hallow.button:hover {
background: #fff;
color: #03ccd8;
border: 3px solid #fff;
opacity: 1;}

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
@font-face {
    font-family: 'gobold_extra1regular';
    src: url('//paraonde.org/wp-content/uploads/fonts/gobold.extra1-webfont.woff2') format('woff2'),
         url('//paraonde.org/wp-content/uploads/fonts/gobold.extra1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body {
	font-size: 15px;
	line-height: 25px;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, .button.large, .hallow.button {
  text-decoration: none;
  text-rendering: optimizelegibility;
  font-family: 'gobold_extra1regular', sans-serif; }
    
h1.page-title {
	   text-align: center;}
	   
h2 {
	font-size:3.4em;}  
	
h3 {
	font-size: 2.7em;}	
	
h4 {
	font-size: 2.4em;}
	
h5 {
	margin-top: 1rem;}		
  
body {
	font-family: 'Ubuntu', sans-serif;
}

p, body {
text-align: justify;}

p {
margin-bottom: 10px;}

a.button.large {
background-color: #03ccd8;}

/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none; }
  
 .top-bar, .top-bar ul {
 background: #fff;
 } 

/*********************
NAVIGATION STYLES
*********************/
.pp-bar .title-area {
  z-index: 1; }

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }
    
ul#dianu-novo-main-1.vertical.medium-horizontal.menu.dropdown, ul#menu-novo-main-1.vertical.medium-horizontal.menu {
	margin-top: 6%;}  
	
.menu>li>a {
	color: #2a2a2a;
	text-decoration: none;
	font-size: 16px;
font-weight: 500;
text-align: left;}	
	
.menu .active>a {
	background: none;
	color: #2a2a2a;}
	
a:hover {
	color: #74bda1;}	
	
.branding img {
width: 150px;}	

ul.menu.submenu.is-dropdown-submenu.first-sub.vertical, .dropdown.menu.vertical>li .is-dropdown-submenu {
	background-color: #fff;}

/*********************
MAIL CHIMP
*********************/

#mailchimpform {
display: none;
width:80%;
margin: 0 auto;
border-top: 2px solid #0a0a0a;
padding-top: 30px;}


input#mce-EMAIL.required.email, input#mce-FNAME {
border: none;
background-color: #fff;
box-shadow: none;
border-bottom: 1px solid #0a0a0a;
color: #343434;}

.button {
font-size: 1.25rem;
border: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
letter-spacing: 0;
color: #fff;
background-color: #03ccd8;
height: auto;
line-height: inherit;
padding: 10px 20px;}

.button:hover {
opacity: .7;
background-color: #03ccd8;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #343434;}
	
/*********************
SEARCH
*********************/	

[type=search], input.search-submit.button {
float: left;}

form.search-form {
width: 40rem;
margin: 20px auto;}

input[type=search] {
width: 85%;
margin-right: 5px;
height: 3rem;
border-radius: 2px;}

input.search-submit {
padding: 5px;
width: 45px;}

input.search-submit:hover {
cursor: pointer !important;
opacity: .7;}


/*********************
EMPATIA
*********************/

.empatia-logo {
text-align: center;
margin-bottom: 40px;}

#empatia-titulo {
font-size: 0;
  width: 1px;
  height: 1px;
  display: inline-block;
  overflow: hidden;
  position: absolute!important;
  border: 0!important;
  padding: 0!important;
  margin: 0!important;
  clip: rect(1px,1px,1px,1px);}
  
 #menu-empatia {
 padding-bottom: 60px;
 margin-top: 40px;} 
 
 #menu-empatia img {
 margin: 1% 2.5%;}
 
 table tbody tr:nth-child(even) {
 background-color: #fff;}
 
 table tbody, table tfoot, table thead {
 background-color: #fff;}
 
 table tbody td, table tbody th {
 border: 1px solid #f1f1f1;
 padding: .5rem .8rem .625rem;}
 
 table tbody th {
 background-color: #febd3c;
 }


/*********************
VOLUNTARIADO LOCAL
*********************/

#menu-voluntariadolocal {
width: 100%;
text-align: center;}

ul.navlocal.menu {
text-align:center;
position: relative;
display: inline-block;
margin: 20px 0;}
	
ul.navlocal.menu>li>a {
color: #fff;
text-decoration: underline;
line-height: 30px;} 

ul.navlocal.menu>li.current_page_item>a {
text-decoration: none;}

#menu-voluntariadolocal.pink-banner {
margin: 40px 0 20px;}

.voluntariadolocal-campos, .voluntariadolocal-emaccao, .fundocinzento {
padding: 60px 0 20px;
margin-top: 40px;
background-color: #f7f7f7;}

.voluntariadolocal-campos .row {
background: url('//paraonde.org/wp-content/uploads/2017/09/football3-1.png') no-repeat 100% 95%;}

.voluntariadolocal-emaccao .row {
background: url('//paraonde.org/wp-content/uploads/2017/09/plantas-1.png') no-repeat 100% 100%;}

.voluntariadolocal-campos article {
margin-bottom: 40px;}

h3.longaduracao.title {
font-size: 1.8em !important;
text-align: center;
margin: 30px 0 15px;
color: #0a0a0a;}

h3.emaccao.title {
font-size: 1.8em !important;
margin-bottom: 15px;
color: #0a0a0a;}

.emaccao-item {
margin-bottom: 30px;
display: inline-block;}


/*********************
APOIA
*********************/

h2.give-form-title {
display: none;}

input#give-purchase-button.give-submit.give-btn {
font-size: 1.25rem;
color: #fff;
background-color: #03ccd8;
padding: 10px 20px;
text-rendering: optimizelegibility;
font-family: 'gobold_extra1regular', sans-serif;
border: none;}

input#give-purchase-button.give-submit.give-btn:hover {
color: #fff;
background-color: #03ccd8;
opacity: .7;}

form[id*=give-form] #give-final-total-wrap .give-donation-total-label, form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
font-size: 16px;}


	
/*********************
ILUSTRACOES
*********************/	
	
img#ilustracao-longa {
margin-top: -20%; 
width: 65%; }	  

img#ilustracao-curta {
margin-top: -12%;}

img#ilustracao-sobre {
margin-top: -80px; }

img#candidaturas1 {
}

img#candidaturas2 {
}

#ilustracao-faq {
	margin-top: -38%;
	float: right;}
	
img#ilustracao-acao {
margin-top: -12%; }

img#testemunhas-ilustracao {
position: absolute;
top: 0.7%;
right: 9%;}

img#ilustracao-bootcamps, #oferta-arvores {
margin-top: -20%;}

img#ilustracao-eventos {
margin-top: -40%;}

#coluna-diadasboasacoeslogo {
width: 12% !important;}

@media screen and (max-width: 39.9375em) {
img#ilustracao-longa, img#ilustracao-curta, img#ilustracao-sobre, img#candidaturas1, img#candidaturas2, #ilustracao-faq, img#ilustracao-acao, img#ilustracao-eventos, img#ilustracao-bootcamps {
margin-top: 0;}

img#testemunhas-ilustracao {
top: 0.4%;
right: 0;}


#coluna-diadasboasacoeslogo {
width: 100%;}

div.top-bar-right.float-right.show-for-small-only ul.menu {
display:none;}

ul#programas-tabs, ul#candidaturas-tabs {
margin-left: 0;}

li.tabs-title {width: 50%; float:left;}

.tabs-title>a {
padding: 1rem;
text-align: left;}

li.tabs-title a h2 {
font-size: 3em;}

li.tabs-title a h3 {
font-size: 1.7em;}

.branding img {
width: 100px;}

h1 {
font-size: 3rem;}

#ines-bio, #marta-bio {
padding: 5% !important;}

.voluntariadolocal-campos .row, .voluntariadolocal-emaccao .row {
background: none;}

ul.navlocal.menu>li {
display: list-item;}

#oferta-arvores {
margin-top: 20px;}

}	
    
/*********************
CUSTOM SYLES
POWERED BY BYRD.PT
*********************/
 
    

.pink-banner {
	background-color: #e36143;
	width: 100%;
	color: #FBF6F7;
	padding: 20px 0;
	font-size: 16px;
font-weight: 500;} 
	
.blue-banner {
	background-color: #3b6253;
	width: 100%;
	color: #FBF6F7;
	padding: 20px 0;
	font-size: 16px;
font-weight: 500;}
	
.grey-banner {
	background-color: #f7f7f7;
	width: 100%;
	padding: 20px 0;}
	
.yellow-banner {
	background-color: #febd3c;
	width: 100%;
	padding: 20px 0;
	font-size: 16px;
font-weight: 500;}		 	  
	
div.overlay {
background: #221D23;
margin-top: -17%;
z-index: 200;
position: relative;
text-align: center;
color: #fff;
padding: 5px 0;}

.overlay:hover {
background: #221D23;
background-size: cover;}

.fotos .column, .fotos .columns {
	padding: 0;}	 
	
.tabs-panel {
padding: 0;}

ul#programas-tabs.tabs, #candidaturas-tabs.tabs {
background: none;
border: 0;
display: flex;
text-align: center;
}	

.tabs-title>a:focus, .tabs-title>a[aria-selected=true] {
	background: none;
	color: #0a0a0a;}

.tabs-title>a:hover, .tabs-title>h2:hover {
	color: #0a0a0a;}	

.tabs-title>a {
	color: #e6e6e6;
	padding: 0;}

.tabs-title>h2 {
padding: 0.5rem;}	
	
#candidaturas-tabs li.tabs-title.is-active {
	background-color: #febd3c;}
	
a#longa-duracao-label, a#curta-duracao-label {
	padding: .5rem 3rem;}	
	
#programas-tabs li.tabs-title.is-active {	
	font-size: .75rem;}
	
#programas-tabs li.tabs-title.is-active h2 {
	color: #0a0a0a;
	padding: 1.25rem 1.5rem;
	line-height: 1;
	font-size: 3.4em;
	text-decoration: underline;}
	
#programas-tabs li {
	list-style: none;}
	
.off-canvas-content {
	box-shadow: none;}
	
p.source-org.copyright {
	text-align: center;
	padding-top: 30px;}
	
.footer {
	margin-top: 2em;}
	
.profile div {
	float: left;}	
	
#programascurta-imagemfundo {
background: url('//paraonde.org/wp-content/uploads/2018/01/programascurta.jpg') cover center left;
}							

/*********************
HOME
*********************/    
    
#post-5 h1.page-title {
	display: none;}
	
/*********************
SOBRE
*********************/

.profile .column, .profile .columns {
padding: 0;
}	

#ines-bio {
padding: 4% 5% 1.5% 10%;}

#marta-bio {
padding: 4% 10% 3.2% 5%;}


/*********************
PROGRAMAS
*********************/

.programas-tabs, .tabs-content {
	background: none;
	border: none;}
	

ol li {
margin-bottom: 12px;}	

/*********************
PROGRAMAS LONGA DURACAO
*********************/

#longaduracao-tag li {
    list-style: none;
    float: left !important;
    width: 40px;
}

#longaduracao-tag img {
    float: left;
    margin-right: 7px;
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float: left;}

.archive article.longa_duracao, .coluna-longa article.longa_duracao, .wprpsp-recent-post-carousel.wprpsp-design-1 .wprpsp-post-grid-content {
background-color: #f7f7f7;}

article.longa_duracao header.article-header {
padding: 7px 10px 7px;}

h2.wprpsp-post-title, .wprpsp-post-content {
padding: 0 10px 7px;}

.coluna-longa {
margin-bottom: 2rem;}

.coluna-longa article.longa_duracao, .wprpsp-post-grid-content  {
height: 530px;}

.wprpsp-recent-post-carousel.wprpsp-design-1.wprpsp-image-fit .wprpsp-post-image-wrap {
height: 500px;}

.wprpsp-recent-post-carousel.wprpsp-image-fit .wprpsp-post-image-wrap .wprpsp-post-img {
object-position: center;}

h2.wprpsp-post-title, .wprpsp-recent-post-carousel h2.wprpsp-post-title a {
font-size: 1.3em !important;
text-align: center;
margin: 10px 0;
color: #0a0a0a;}	

a.sabe-longa, a.wprpsp-read-more-btn {
font-family: 'gobold_extra1regular';
text-align: center;
font-size: 18px;
text-decoration: underline !important;
color: #0a0a0a;
border: none !important;}

a.wprpsp-read-more-btn:hover {
background: none;
color: #03ccd8 !important;}

.wprpsp-post-content {
    font-size: inherit;
    line-height: 1.6 !important;
    margin-bottom: 10px;
    text-rendering: optimizeLegibility;}


div.wprpsp-post-cats-wrap, div.wprpsp-post-date, .wprpsp-recent-post-carousel.wprpsp-design-1 .wprpsp-post-grid-content .wprpsp-post-date {
display: none !important;}

.wprpsp-recent-post-carousel button.slick-next, .wprpsp-recent-post-carousel button.slick-prev {
top: 18%;}

.wprpsp-recent-post-carousel .slick-dots li.slick-active button {
background: #fff !important;}

.wprpsp-recent-post-carousel .slick-dots li button {
margin: 5px !important;
border: 1px solid #000;
background: #000 !important;
width: 6px !important;
height: 6px !important;}
	
/*********************
FAQ
*********************/	

ol.faq li {
	font-weight: 700;
	margin-bottom: 12px;}

	
ol.faq li a:hover, .blue-banner a:hover, .pink-banner a:hover {	
	color: #0a0a0a;}
	
	
/*********************
CONTACTOS
*********************/

.map-container {
	width: 100%;
}
.map-container iframe{
	width: 100%;
	display: block;
	position: relative; /* IE needs a position other than static */
}
.map-container iframe.clicked{
	pointer-events: auto;
}	


/*********************
TESTEMUNHOS
*********************/

.byline	{
	display: none;}
	
#container > li {
border: 1px solid red; /* !test */
}

/*********************
POPUP
*********************/	
div#pum_popup_title_4646.pum-title.popmake-title {
font-family: 'gobold_extra1regular', sans-serif;
text-align: center;
margin: 30px 0;}

div.pum-content.popmake-content p {
text-align: center;
font-family: 'Ubuntu', sans-serif;
color: #0a0a0a;}

div.pum-content.popmake-content a {
text-align: center;
margin: 30px 0;}


/*********************
POSTS & CONTENT STYLES
*********************/
#content #inner-content {
  padding: 1rem 0rem; }

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

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

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }

/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 1em; }

/*********************
FOUNDATION STYLES
*********************/

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }