/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* MOBILE */

@media only screen and (max-width: 767px) {
    .hidephone {
      display:none!important;} }

@media only screen and (min-width: 768px) {
    .hidedesk {
      display:none!important;} }

/* STYLE */

a {text-decoration: none!important; font-family: 'Montserrat';}

/* HEADER LOGO */

#site-logo #site-logo-inner a img {
    height: 7em;
}

.las.la-bars {font-size: 4rem;}

/* Menu Item-Name Color */
#site-header #menu-item-23 a.menu-link {
	color: #FFF;
	background: #FF4724;
	border-radius: 50px;
	margin-left: 1em;
	transition: 0.3s;
}

#site-header #menu-item-23 a.menu-link:hover {
	background: #2FB29F;
	transition: 0.3s;
}

html, body {
    overflow-x: hidden!important;
}

/* FOTER */

.container {
	--bs-gutter-x: 0!important;
    --bs-gutter-y: 0;
}

#main #content-wrap {
    padding-top: 50px;
    padding-bottom: 2em;
}

/* MENU */

.fa-solid.fa-bars {font-size: 3rem;}

/* Resolve Main Menu Display When Using Boostrap */
#site-navigation-wrap .dropdown-menu {
    display: block;
    float: none;
    position: relative;
    top: auto;
    left: auto;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
	text-decoration: none!important;
}

/* HERO */

@media only screen and (min-width: 1025px) {
    .heroimg {
	background-image: url("/wp-content/uploads/2025/03/hero.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 830px;} }

@media only screen and (max-width: 1024px) {
    .heroimg {
	background-image: url("/wp-content/uploads/2025/03/hero.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 250px;} }

@media only screen and (min-width: 1025px) {
    .paoc-image-title {
		color: #D5FDF7;
		margin-top: 1em;
		font-size: 1.8rem;} }

@media only screen and (max-width: 1024px) {
    .paoc-image-title {
		color: #D5FDF7;
		margin-top: 1em;
		font-size: 1.3rem;} }

@media only screen and (min-width: 1025px) {
    .popupaoc-img {
      max-width: 100%;} }

@media only screen and (max-width: 1024px) {
    .popupaoc-img {
      max-width: 75%;} }

.paoc-close-popup {background-color: #FF4724!important;}

.paoc-padding-20 {
    padding: 49px 60px 60px 60px!important;
}

/* DONATIONS */

:root {
        --givewp-primary-color: #2FB2A0!important;
        --givewp-secondary-color: #2FB2A0!important;
    } 

/* BACKGROUNDS */

.tealbg {background: #2FB29F;}

.lightbg {background: #D5FDF7; height: 100%;}

.orangebg {background: #FF4724;}

.donabg {
	background: url(/wp-content/uploads/2025/03/dona-bg.jpg);
	background-size: cover;
	background-position: bottom center;
	box-shadow: inset 0 0 0 3000px rgba(47, 178, 159, 0.7);
	padding-top: 16em;
	padding-bottom: 16em;
}	

.brigadasbg {background: 
    linear-gradient(to bottom, transparent 35%, #fff 35%), 
    linear-gradient(100deg, #D5FDF7, #D5FDF7);}

.brigadasimg {
	background-image: url("/wp-content/uploads/2025/03/brigadas-bg.svg"); 
	background-size: 40%;
    background-repeat: no-repeat;
    background-position: top right;}

@media only screen and (min-width: 1025px) {
    .estados {
	background-image: url("/wp-content/uploads/2025/03/estados.svg");
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center right;
} }

@media only screen and (max-width: 1024px) {
    .estados {
	background-image: url("/wp-content/uploads/2025/03/estados.svg");
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center right;
} }

@media only screen and (min-width: 1025px) {
    .brigadas {
	background-image: url("/wp-content/uploads/2025/03/brigadas.svg");
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center right;
} }

@media only screen and (max-width: 1024px) {
    .brigadas {
	background-image: url("/wp-content/uploads/2025/03/brigadas.svg");
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center right;
} }

@media only screen and (min-width: 1025px) {
    .personas {
	background-image: url("/wp-content/uploads/2025/03/personas.svg");
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center right;
} }

@media only screen and (max-width: 1024px) {
    .personas {
	background-image: url("/wp-content/uploads/2025/03/personas.svg");
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center right;
} }

@media only screen and (min-width: 1025px) {
    .voluntarios {
	background-image: url("/wp-content/uploads/2025/03/voluntarios.svg");
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center right;
} }

@media only screen and (max-width: 1024px) {
    .voluntarios {
	background-image: url("/wp-content/uploads/2025/03/voluntarios.svg");
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center right;
} }

@media only screen and (min-width: 1025px) {
    .aliados {
	background-image: url("/wp-content/uploads/2025/04/unete-aliado.svg");
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center right;
} }

@media only screen and (max-width: 1024px) {
    .aliados {
	background-image: url("/wp-content/uploads/2025/04/unete-aliado.svg");
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center right;
} }

@media only screen and (min-width: 1025px) {
    .donaciones {
	background-image: url("/wp-content/uploads/2025/04/donaciones.svg");
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center right;
} }

@media only screen and (max-width: 1024px) {
    .donaciones {
	background-image: url("/wp-content/uploads/2025/04/donaciones.svg");
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center right;
} }

/* FONTS */

body {font-weight: 300; font-size: 1.8rem; font-family: 'Montserrat'; color: #444444!important;}

p {font-family: 'Montserrat'; font-weight: 400; font-size: 1.8rem;}

@media screen and (max-width: 480px) {
    .page-header .page-subheading {
        font-size: 1.8rem!important;
		line-height: 1.5!important;
		font-weight: 400!important;
    }
}

.sabermas {
	font-family: 'Montserrat';
	font-size: 1.8rem;
	color: #FF4724;
	font-weight: 600;
	text-decoration: underline!important;
    text-underline-offset: .5em;
    text-decoration-thickness: 1px!important;}

.sabermas:hover {
	color: #2FB29F;
	font-weight: 600;}

.blog-entry-readmore.clr a {
	color: #2FB29F;
	font-weight: 300;
    font-size: 1.8rem;
    font-family: 'Montserrat';}

.regularfont {font-size: 1.7rem!important; font-family: 'Montserrat';}

.largefont {font-size: 2.3rem!important; font-family: 'Montserrat';}

.xlfont {font-size: 3rem!important; font-family: 'Montserrat'; font-weight: 700;}

h1 {font-size: 5rem!important;}

.tealfont {color: #2FB29F;}

.orangefont {color: #FF4724;}

.lightfont {color: #D5FDF7;}

.whitefont {color: #fff;}

/* BUTTONS */

.greenbutton {
	background: #2FB29F;
	border: 2px solid #fff;
	border-radius: 50px;
	padding: .5em 1em;
	display: inline-block;
	color: #fff;
	font-size: 1.8em;
	font-family: 'Montserrat';
	font-weight: 700;
	transition: 0.3s;
}

.greenbutton:hover {
	background: #FFF;
	color: #2FB29F;
	transition: 0.3s;
}

.orangebutton {
	background: #FF4724;
	border: 2px solid #fff;
	border-radius: 50px;
	padding: .5em 1em;
	display: inline-block;
	color: #fff;
	font-size: 1.8em;
	font-family: 'Montserrat';
	font-weight: 700;
	transition: 0.3s;
}

.orangebutton:hover {
	background: #FFF;
	color: #FF4724;
	transition: 0.3s;
}

/* DONATIONS */

.wcdp-button-label {
	font-size: 1.8em;
	font-family: 'Montserrat';
	text-transform: uppercase;
}

.wcdp_options>li>label {
    background: #2fb29f!important;
    color: #fff!important;
    padding: 2em 0.5em!important;
}

.wcdp-step {
	font-family: 'Montserrat';
}

.wcdp-variation-heading {
	font-size: 1.3em;
	font-family: 'Montserrat';
	text-transform: uppercase;
	color: #fc4725;
	font-weight: 400!important;
}

.wcdp-header {
    padding-top: 2em;
    margin-bottom: 4em;
}

/* ACCORDION */

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: rgba(255, 255, 255, 0.7);
  color: #2FB29F;
  cursor: pointer;
  padding: 3em 2em;
  width: 100%;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #FF4724; 
  outline: none;
  transition: 1.5s;
  font-family: font-family: 'Montserrat'!important;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion:hover {
  background-color:  rgba(255, 255, 255, 0.7);
  border-bottom: 1px solid #FF4724;
  font-family: font-family: 'Montserrat'!important;	
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 2em 0.7em;
  background-color:  rgba(255, 255, 255, 0.7);
  display: none;
  overflow: hidden;
  color: #444!important; 
  font-family: font-family: 'Montserrat'!important;
  font-weight: 300!important;   
  font-size: 1.7rem!important;
}

/* ICONS */

.iconsm {
	width: 10em;
    text-align: center;
}

ul {padding-left: 0!important;}

@media only screen and (min-width: 1025px) {
    li.voluntarios {
    margin: 0;
    padding: 25px 0 25px 130px;
    list-style: none;
    background-image: url("/wp-content/uploads/2025/03/voluntarios-ico.svg");
    background-repeat: no-repeat;
    background-position: left 50px;
    background-size: 6em;
    font-family: font-family: 'Montserrat';
    font-size: 1.8rem;
    font-weight: 300!important;} }

@media only screen and (max-width: 1024px) {
    li.voluntarios {
    margin: 0;
    padding: 25px 0 25px 80px;
    list-style: none;
    background-image: url("/wp-content/uploads/2025/03/voluntarios-ico.svg");
    background-repeat: no-repeat;
    background-position: left 50px;
    background-size: 4em;
    font-family: font-family: 'Montserrat';
    font-size: 1.8rem;
    font-weight: 300!important;} }

@media only screen and (min-width: 1025px) {
    li.aliado {
    margin: 0;
    padding: 25px 0 25px 130px;
    list-style: none;
    background-image: url("/wp-content/uploads/2025/03/aliado-ico.svg");
    background-repeat: no-repeat;
    background-position: left 50px;
    background-size: 6em;
    font-family: font-family: 'Montserrat';
    font-size: 1.8rem;
    font-weight: 300!important;} }

@media only screen and (max-width: 1024px) {
    li.aliado {
    margin: 0;
    padding: 25px 0 25px 80px;
    list-style: none;
    background-image: url("/wp-content/uploads/2025/03/aliado-ico.svg");
    background-repeat: no-repeat;
    background-position: left 50px;
    background-size: 4em;
    font-family: font-family: 'Montserrat';
    font-size: 1.8rem;
    font-weight: 300!important;} }

ul, ol {
    margin: 15px 0 15px 0;
}

/* TABLES */

@media only screen and (min-width: 768px) {
    table th, table td {
    padding: 2em;
    text-align: left;
    vertical-align: top;
    border: 0;
	width: 50%;	
} }

@media only screen and (max-width: 767px) {
    table th, table td {
    padding: 1em;
    text-align: left;
    vertical-align: top;
    border: 0;
	width: 50%;	
} }

@media only screen and (min-width: 768px) {
    td {
    padding: 0;
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 1.8rem;
} }

@media only screen and (max-width: 767px) {
    td {
    padding: 0;
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 1.8rem;
} }

tr:nth-child(odd) {background: #D5FDF7!important;}

/* BLOG */

.blog-entry.thumbnail-entry .blog-entry-bottom {
	display: none;
}

.single-post.content-max-width .thumbnail {
    margin: 1.5em auto;
    max-width: 700px;
	font-family: font-family: 'Montserrat';
	font-weight: 200;
}

.thumbnail-caption {
	color: #999;
	font-size: 1rem;
	font-style: italic;
}

.blog-entry-title.entry-title a {
	color: #FF4724;
	font-family: font-family: 'Montserrat';
}

/* CONTACT FORM */

.contact-space {padding-right: 0!important; padding-left: 0!important; margin-bottom: 1em;}

input.wpcf7-form-control.wpcf7-submit[type="submit"] {
    font-family: font-family: 'Montserrat';
}

input.wpcf7-form-control.wpcf7-submit[type="submit"]:hover  {
    font-family: font-family: 'Montserrat';
}

input[type="email"] {border-bottom: 1px solid #2FB29F!important; border-top: 0!important; border-right: 0!important; border-left: 0!important; border-radius: 0px!important; background-color: #D5FDF7!important;}

input[type="text"] {border-bottom: 1px solid #2FB29F!important; border-top: 0!important; border-right: 0!important; border-left: 0!important; border-radius: 0px!important; background-color: #D5FDF7!important;}

input[type="tel"] {border-bottom: 1px solid #2FB29F!important; border-top: 0!important; border-right: 0!important; border-left: 0!important; border-radius: 0px!important; background-color: #D5FDF7!important;}

textarea {border-bottom: 1px solid #2FB29F!important; border-top: 0!important; border-right: 0!important; border-left: 0!important; border-radius: 0px!important; background-color: #D5FDF7!important; min-height: 6em!important; max-height: 6em!important;}

.wpcf7-list-item-label {font-weight: 300!important;}

input[type=checkbox] {
    background-color: #fff!important;
    border: 1px solid #2FB29F!important;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0)!important;
    -moz-box-shadow: inset 0 0 0 rgba(0,0,0,0)!important;
    box-shadow: inset 0 0 0  rgba(0,0,0,0)!important;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #333 !important;
	opacity: 1;
	font-size: 1.8rem!important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #333 !important;
	opacity: 1;
	font-size: 1.8rem!important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #333 !important;
	opacity: 1;
	font-size: 1.8rem!important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #333 !important;
	opacity: 1;
	font-size: 1.8rem!important;  
}

.wpcf7-list-item-label {
	color: #333 !important;
	opacity: 1;
	font-size: 1.8rem!important;
	font-weight: 400!important;
}

/* FOOTER */

.socials {font-size: 3rem;}