/*
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 */

/* DEVICES */

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

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

/* BODY */

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

/* HEADER */

#main {
    margin-top: -12.7em;
}

.page-id-2 header#site-header.custom-header.clr {
    border-bottom: 1px solid #fff!important;
}

.page-id-14 header#site-header.custom-header.clr {
    border-bottom: 1px solid #fff!important;
}

.mainlogo {width: 80%;}

.navi-logo-wrapper,
.navi-logo-primary,
.navi-logo-secondary {
  width:100%;
  z-index:99999999999;
}

/* TITLE */

@media only screen and (min-width: 768px) {
    .page-header-title {
    padding-left: 5em;
    padding-right: 5em;
} }


/* MENU */

.navi-by-bonfire ul li a {font-weight: 200!important; font-size: 2.4rem!important; line-height: 3.4rem!important; text-transform: uppercase!important; margin-bottom: 1em; font-family: "nunito-sans", sans-serif;}

.ubermenu-submenu.ubermenu-submenu-id-42.ubermenu-submenu-type-flyout.ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_item {border-radius: 11px;
    margin-top: 0.5em;
}

.ubermenu-submenu-drop {margin-top: 0.5em!important;}

.ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop {border-radius: 11px!important;}

#menu-menu-1.menu {font-size: 2.4rem!important; text-transform: uppercase!important; font-family: "nunito-sans", sans-serif;}

li.menu-item.menu-item-type-post_type.menu-item-object-page {text-transform: uppercase!important; margin-bottom: 1em; font-family: "nunito-sans", sans-serif!important;}

.ubermenu.ubermenu-main .ubermenu-target-text {
    font-family: "nunito-sans", sans-serif!important;
	font-weight: 200!important; 
}

.ubermenu-submenu {
	font-size: 1.7rem!important;
	font-weight: 200!important;
}

.ubermenu.ubermenu-servicios .ubermenu-item-level-0 {
    margin: 10px;
    border: 1px solid #707070!important;
    border-radius: 50px;
	font-family: "source-serif-4", serif!important;
	font-weight: 300!important;
}

/* HERO */

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

@media only screen and (min-width: 768px) {
    .tealtittle {background: #589991; padding: 12em 0 10em 0;} }

@media only screen and (max-width: 767px) {
    .tealtittle {background: #589991; padding: 15em 0 8em 0;} }

@media only screen and (min-width: 768px) {
    .greentittle {background: #556661; padding: 12em 0 10em 0;} }

@media only screen and (max-width: 767px) {
    .greentittle {background: #556661; padding: 15em 0 8em 0;} }

/* FONTS */

a {text-decoration: none!important;}

#breadcrumbs a {color: #589991!important; font-size: 1.3rem!important;}

.breadcrumb_last {color: #333!important; font-size: 1.3rem!important;}

p {font-size: 1.7rem; font-weight: 300!important; font-family: "nunito-sans", sans-serif!important;}

p.large {font-size: 2.7rem!important; font-weight: 400!important;}

.underline {text-decoration: underline;}

.source-serif {font-family: "source-serif-4", serif!important;}

.nunito-sans {font-family: "nunito-sans", sans-serif;}

.lightgreen {color: #589991!important;}

.white {color: #fff!important;}

p.white {color: #fff!important;}

.intro {color: #556661; font-weight: 200!important; font-family: "nunito-sans", sans-serif!important; font-size: 3rem; text-transform: uppercase;}

#SR7_1_1-1-1.sr7-layer {font-family: "nunito-sans", sans-serif!important;}

@media only screen and (min-width: 768px) {
    h1.white {font-family: "nunito-sans", sans-serif;
	color: white;
	font-size: 7rem;
	font-weight: 200;
	text-transform: uppercase;
} }

@media only screen and (max-width: 767px) {
    h1.white {font-family: "nunito-sans", sans-serif;
	color: white;
	font-size: 5.3rem;
	font-weight: 200;
	text-transform: uppercase;
} }

@media only screen and (min-width: 768px) {
    h2.white {font-family: "nunito-sans", sans-serif;
	color: white;
	font-size: 5rem;
	font-weight: 200;
	text-transform: uppercase;
} }

@media only screen and (max-width: 767px) {
    h2.white {font-family: "nunito-sans", sans-serif;
	color: white;
	font-size: 3.3rem;
	font-weight: 200;
	text-transform: uppercase;
} }

@media only screen and (min-width: 768px) {
    h2.whitesm {font-family: "nunito-sans", sans-serif;
	color: white;
	font-size: 3rem;
	font-weight: 200;
	text-transform: uppercase;
} }

@media only screen and (max-width: 767px) {
    h2.whitesm {font-family: "nunito-sans", sans-serif;
	color: white;
	font-size: 2rem;
	font-weight: 200;
	text-transform: uppercase;	
} }


@media only screen and (min-width: 768px) {
    h2.whitesm2 {font-family: "nunito-sans", sans-serif;
	color: white;
	font-size: 2rem;
	font-weight: 200;
} }

@media only screen and (max-width: 767px) {
    h2.whitesm2 {font-family: "nunito-sans", sans-serif;
	color: white;
	font-size: 1.8rem;
	font-weight: 200;
} }

@media only screen and (min-width: 768px) {
    h2.gray {font-family: "nunito-sans", sans-serif;
	color: #556661;
	font-size: 5rem;
	font-weight: 200;
	text-transform: uppercase;
} }

@media only screen and (max-width: 767px) {
    h2.gray {font-family: "nunito-sans", sans-serif;
	color: #556661;
	font-size: 3.5rem;
	font-weight: 200;
	text-transform: uppercase;
} }

@media only screen and (min-width: 768px) {
    h2.blog {font-family: "nunito-sans", sans-serif;
	color: #556661;
	font-size: 3.3rem;
	font-weight: 200;
	text-transform: uppercase;
} }

@media only screen and (max-width: 767px) {
    h2.blog {font-family: "nunito-sans", sans-serif;
	color: #556661;
	font-size: 2.3rem;
	font-weight: 200;
	text-transform: uppercase;
} }


@media only screen and (min-width: 768px) {
    h3.graysm {font-family: "nunito-sans", sans-serif;
	color: #556661;
	font-size: 2.5rem;
	font-weight: 200;
	text-transform: uppercase;
} }

@media only screen and (max-width: 767px) {
    h3.graysm {font-family: "nunito-sans", sans-serif;
	color: #556661;
	font-size: 1.8rem;
	font-weight: 200;
	text-transform: uppercase;
} }

@media only screen and (min-width: 768px) {
    h3.graysm2 {font-family: "nunito-sans", sans-serif;
	color: #556661;
	font-size: 2.5rem!important;
	font-weight: 200!important;
	text-transform: uppercase;
} }

@media only screen and (max-width: 767px) {
    h3.graysm2 {font-family: "nunito-sans", sans-serif;
	color: #556661;
	font-size: 2.5rem!important;
	font-weight: 200!important;
	text-transform: uppercase;
} }

.pinktitle {color: #FFBF99;
	font-family: "source-serif-4", serif;
	font-size: 2.3rem;
}

@media only screen and (min-width: 768px) {
    .pinktitlesm {color: #FFBF99;
	font-family: "source-serif-4", serif;
	font-size: 1.7rem;
} }

@media only screen and (max-width: 767px) {
    .pinktitlesm {color: #FFBF99;
	font-family: "source-serif-4", serif;
	font-size: 1.3rem;
} }

.whiteserif {font-family: "source-serif-4", serif;
	font-size: 1.7rem;
	color: white;
	font-weight: 300;
}

/* BLOG */

.page-header-title {
        display: none!important;
    }

h2.bdpp-post-title a {
	color: #556661!important; 
	font-family: "nunito-sans", sans-serif; 
	font-weight: 200; 
	font-size: 3.2rem;}

.bdpp-post-meta {
    line-height: normal;
    margin: 10px 0 0px 0;
    color: #333;
    font-size: 12px;
	font-family: "source-serif-4", serif;
	font-weight: 200;
}

.fa.fa-user {display: none;}

.thedate {
	color: #589991!important; 
	font-family: "nunito-sans", sans-serif;}

.month, .year {font-family: "nunito-sans", sans-serif; color: #333;}

.bdpp-post-desc {font-family: "nunito-sans", sans-serif!important; color: #333; font-size: 1.5rem; font-weight: 200;}

a.bdpp-rdmr-btn {border-radius: 50px;
	border: 1px solid #707070!important;
	background: #fff;
	font-family: "source-serif-4", serif;
	text-transform: uppercase;
	color: #589991;
}

.bdpp-rdmr-btn:hover {border-radius: 50px;
	border: 1px solid #707070!important;
	background: #333;
	font-family: "source-serif-4", serif;
	text-transform: uppercase;
	color: #fff;
}

.bdpp-post-img-bg {
    border-radius: 11px;
}

.bdpp-columns {
        padding-left: 3em;
        padding-right: 3rem;
    }

/* ACCORDION */

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  padding: 2em;
  width: 100%;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #FFBF99;	
  outline: none;
  transition: 0.6s;
}

/* 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) */
.active, .accordion:hover {
  background-color: transparent;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 2em;
  background-color: transparent;
  display: none;
  overflow: hidden;
  color: #fff!important;	
  font-family: "source-serif-4", serif!important;	
}

/* STYLES */

@media only screen and (min-width: 768px) {
    .greenflex {background: #556661;
	border-radius: 0 0 11px 11px;
	padding-bottom: 10em;
} }

@media only screen and (max-width: 767px) {
    .greenflex {background: #556661;
	border-radius: 11px;
	padding: 7em 0;
	margin-top: 3em;
	margin-bottom: 3em;
} }

@media only screen and (min-width: 768px) {
    .gradientbg {background-image: url("/wp-content/uploads/2024/12/gradientbg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom: 12em;
	background-attachment: fixed;
} }

@media only screen and (max-width: 767px) {
    .gradientbg::before {
	content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: url(/wp-content/uploads/2024/12/gradientbg.jpg);
    z-index: -1;
    background-size:cover;
    background-position: center center;
} }

.graybg {background: #333333; padding: 10em 0 4em 0;}

.whitebg {background: #ffffff; padding: 7em 0;}

.greenbg {background: #556661; padding: 7em 0;}

.lightbg {background: #F7F8F8; padding: 7em 0;}

.tittleicon {width: 6em;}

@media only screen and (min-width: 768px) {
    .pinkline {border-bottom: 1px solid #FFBF99;
    padding: 2.5em 0;} }

@media only screen and (max-width: 767px) {
    .pinkline {border-bottom: 1px solid #FFBF99;
    padding: 1em 0;
    margin-bottom: 1em;} }

.roundimg {border-radius: 150px;}

.roundimgstroke {border-radius: 150px; border: 1px solid #333;}

.gradient {background-image: linear-gradient(rgba(229, 229, 229, 1), rgba(255, 255, 255, 1)); padding: 10em 0;}

.roundwhite {background: white; border-radius: 50px; padding: 0!important;}

.grayline {border-bottom: solid 1px #333; padding-bottom: 6em; margin-bottom: 6em;}

.ea-body {font-family: "source-serif-4", serif;
	font-size: 1.7rem;
	color: #fff!important;
	font-weight: 300;}

/* CLICKEABLE IMAGES */

.main a img { border: none!important; }
.main a:hover img { border: none!important;}
.main a:visited img { border: none!important;}
.main a:active img { border: none!important;}
.main a:link img { border: none!important;}

/* BUTTONS */

.gradientbutton {background-image: linear-gradient(to right, #984F24 , #EA9E64);
	padding: 1.2em; color: white;
	font-family: "source-serif-4", serif;
	font-size: 1.7rem;}

.greenbutton {background: #589991;
	border: 1px solid white;
	border-radius: 50px;
	font-family: "source-serif-4", serif;
	font-size: 1.7rem; padding: 0.5em 1em;
	text-transform: uppercase;
	color: #FFFFFF;
	display: inline-block;
	letter-spacing: 0.3rem;
	transition: 0.3s;
}

.greenbutton:hover {background: #333;
	color: #fff!important;
	transition: 0.3s;
}

.whitebutton {background: #556661;
	border: 1px solid white;
	border-radius: 50px;
	font-family: "source-serif-4", serif;
	font-size: 1.7rem; padding: 0.5em 1em;
	text-transform: uppercase;
	color: #FFFFFF;
	display: inline-block;
	letter-spacing: 0.3rem;
	transition: 0.3s;
}

.whitebutton:hover {background: #333;
	transition: 0.3s;
	color: #fff!important;
}

.whitebutton2 {background: #fff;
	border: 1px solid #707070;
	border-radius: 50px;
	font-family: "source-serif-4", serif;
	font-size: 1.8rem; padding: 0.5em 1em;
	text-transform: uppercase;
	color: #556661;
	display: block;
	letter-spacing: 0.3rem;
	transition: 0.3s;
	font-weight: 300;
}

.whitebutton2:hover {background: #333;
	transition: 0.3s;
	color: #fff!important;
}

/* TABS */

a.collapsed {font-family: "nunito-sans", sans-serif!important; font-size: 3.2rem!important; font-weight: 200!important; text-transform: uppercase!important;}

#ea-header-1150, #ea-header-1151, #ea-header-1152, #ea-header-1153, #ea-header-1154, #ea-header-1155 {font-family: "nunito-sans", sans-serif!important; font-size: 3.2rem!important; font-weight: 200!important; text-transform: uppercase!important; padding-bottom: 2em; padding-top: 2em;}

.ea-header {border-bottom: 1px solid #FFBF99!important;}

a.ea-header:visited {border: 0!important;}

/* FOOTER FIXED CTA */

#afc_sidebar_99 {
    background: rgba(255, 255, 255, 0.0)!important;
    padding: 0!important;
    color: #ffffff;
}

/* FOOTER */

@media only screen and (min-width: 768px) {
    .footergradient {background-image: linear-gradient(to right, #984F24 , #EA9E64); padding: 3em 0 2em 0;} }

@media only screen and (max-width: 767px) {
    .footergradient {background-image: linear-gradient(to right, #984F24 , #EA9E64); padding: 3em 0 6em 0;} }

.site-footer {
    border-top: 1px solid #333;
}

.logofooter {width: 4em;}

/* CONTACT FORM */

.btnpadding {padding-left: 5.5em!important;}

.wpcf7-submit {
    display: block;
    margin: 0 auto;
}

input.wpcf7-form-control.wpcf7-submit[type="submit"] {
    border-radius: 50px!important;
    background-color: #589991!important;
    color: #fff!important;
	border: 0!important;
	font-family: "source-serif-4", serif!important;
}

input.wpcf7-form-control.wpcf7-submit[type="submit"]:hover  {
    border-radius: 50px!important;
    background-color: #333!important;
    color: #fff!important;
	border: 0!important;
	font-family: "source-serif-4", serif!important;
}

input[type="email"] {border: 1px solid #333!important; border-radius: 50px!important; background-color: #fff!important;}

input[type="text"] {border: 1px solid #333!important; border-radius: 50px!important; background-color: #fff!important;}

input[type="tel"] {border: 1px solid #333!important; border-radius: 50px!important; background-color: #fff!important;}

textarea {border: 1px solid #333!important; border-radius: 11px!important; background-color: #fff!important;}

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

::-webkit-input-placeholder { /* WebKit browsers */
	color: #333 !important;
	opacity: 1;
	letter-spacing: 1px;
	font-family: "source-serif-4", serif;
	font-size: 1.6rem;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #333 !important;
		opacity: 1;
	letter-spacing: 1px;
	font-family: "source-serif-4", serif;
	font-size: 1.6rem;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #333 !important;
	opacity: 1;
	letter-spacing: 1px;
	font-family: "source-serif-4", serif;
	font-size: 1.6rem;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #333 !important;
	opacity: 1;
	letter-spacing: 1px;
	font-family: "source-serif-4", serif;
	font-size: 1.6rem;
}