/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
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;} }

/* HOME PAGE NEW APRIL 2024 */

.lightbg {background: #F3EEE9;}

.gallery-item {
    margin: 0!important;}

.page-header-title {
    color: #fff!important;
}

.bdpp-rdmr-btn {
    color: #707070!important;
    border: 2px solid #AD8C6B!important;
	background: #fff!important;
}

label {
    font-weight: 400!important;
}

/* BLOG DESIGNER */

.bdpp-post-content {
    color: #707070!important;
}

.bdpp-rdmr-btn:hover {
    color: #fff!important;
    border: 2px solid #AD8C6B!important;
	background: #AD8C6B!important;
}

a.bdpp-rdmr-btn:active {
    color: #fff!important;
    border: 2px solid #AD8C6B!important;
	background: #AD8C6B!important;
}

@media (min-width: 1280px) {
  body.single .site-main > .type-mphb_room_type .entry-content {
    padding: 0 15% !important;
  }
}

.bdpp-post-grid-wrap.bdpp-design-2.bdpp-post-grid-content {
    background: #F3EEE9!important;
    padding-bottom: 35px!important;
}

.bdp-post-title {
	font-weight: 300!important;
	text-transform: uppercase!important;
}

.bdp-readmorebtn {
    color: #707070!important;
    border: 2px solid #AD8C6B;
}

.bdp-post-short-content {
    color: #707070!important;
}

/* NEW HOME PAGE 20204 */

ul li {
    margin-bottom: 2em;
	margin-top: 2px;
}

.fa-solid.fa-mobile-screen, .fa-solid.fa-map-location-dot {color: #AD8C6B; font-size: 21px;}

.row {
    margin-right: 0px!important;
    margin-left: 0px!important;
}

.shiftnav .shiftnav-menu-image-padded {
    padding: 65px!important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu {
    font-weight: 400!important;
}

a {text-decoration: none!important; color: #70220b !important;}

.grayfont {color: #707070!important;}

body {font-size: 16px!important; font-family: "Jost", sans-serif!important; font-weight: 300!important; color: #707070;}

.entry-content.clr {font-size: 16px!important; font-family: "Jost", sans-serif!important; font-weight: 300!important; color: #707070;}

.page-header {
    padding-bottom: 9px;
    margin: 0px 0 20px!important;
    border-bottom: 0!important;
}

.shiftnav:after {
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 0%)!important;
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.0)!important;
    -ms-box-shadow: 0 0 15px rgba(0,0,0,.0)!important;
    -o-box-shadow: 0 0 15px rgba(0,0,0,.0)!important;
    box-shadow: 0 0 15px rgb(0 0 0 / 0%)!important;
}

.headernew {background: url(/wp-content/uploads/2024/02/opuntia-background.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}

.whitebg {background: #fff; padding-top: 5em; padding-bottom: 5em;}

.whitebgmobile {background: #fff; padding-top: 2em; padding-bottom: 2em;}

.brownbg {background: #AD8C6B; padding-top: 5em; padding-bottom: 5em;}

.brownbgmobile {background: #AD8C6B; padding-top: 2em; padding-bottom: 2em;}

@media only screen and (max-width: 767px) {
    .logo {width: 100%;} }

@media only screen and (min-width: 768px) {
    .logo {width: 20%;} }

.fa-brands {color: #70220b; font-size: 28px; padding-right: 20px;}

h2, h1, h3, h4 {font-family: 'Jost'!important;}

h2.new {text-transform: uppercase; font-size: 34px!important; margin-bottom: .5em;}

h2.new2 {text-transform: uppercase; font-size: 34px!important;}

h2.newmobile {text-transform: uppercase; font-size: 30px!important; margin-bottom: 0em; color: #707070!important;}

h3.new {text-transform: uppercase; font-size: 21px!important; margin-bottom: 1em; font-weight: 300!important; color: #707070;}

.graytext {color: #707070!important;}

.white {color: #fff!important;}

.white2 {color: #fff!important; margin-bottom: 2em;}

.wine {color: #70230B!important;}

li.oceanwp-instagram {color: #fff!important;}

.titleline {
    border-bottom: 2px solid #AD8C6B;
}


/* VIVE LA EXPERIENCIA DESKTOP */

.viveimg {height: 300px; background-repeat: no-repeat; background-size: cover; background-position: center;}

.viveimgmobile {height: 350px; background-repeat: no-repeat; background-size: cover; background-position: center;}

.grow img{
transition: 1s ease;
}

.grow img:hover{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: 1s ease;
}

/* HOTEL BOOKING CUSTOMIZATIONS */

.separate-layout #main #content-wrap {
    padding-top: 0!important;
    padding-bottom: 20px;
}

.mphb-datepick.mphb_datepicker.is-datepick {background-image: url("/wp-content/uploads/2024/03/calendar.svg"); background-position: right!important; background-repeat: no-repeat; background-size: contain; font-size: 16px!important; border: 1px solid #ddd!important; height: 45px!important;}

.mphb_sc_search-adults {border-radius: 0px!important; height: 45px!important; background-image: url("/wp-content/uploads/2024/03/adult.svg"); background-position: right!important; background-repeat: no-repeat; background-size: contain;}

.mphb_sc_search-children {border-radius: 0px!important; height: 45px!important; background-image: url("/wp-content/uploads/2024/03/child.svg"); background-position: right!important; background-repeat: no-repeat; background-size: contain;}

form select {border-radius: 0px!important; height: 45px!important; background: #fff!important;}

input.button {background: #70220b!important; height: 45px!important; border-radius: 0px!important;}

@media (min-width: 1024px) {
.mphb_sc_rooms-wrapper {
	display: flex;
	flex-wrap: wrap;
}
.mphb_sc_rooms-wrapper .mphb-room-type {
	width: 33.333%;
	padding: 0em 1em;
}
.mphb_sc_rooms-wrapper .mphb-room-type:not(:first-of-type), .mphb_sc_search_results-wrapper .mphb-room-type:not(:first-of-type), .mphb_sc_services-wrapper .mphb-service:not(:first-of-type) {
	margin-top: 0;
}
}

.flexslider {
    margin: 0 0 60px;
    background: transparent!important;
    border: 5px solid #fff!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
	border-radius: 0!important;}

@media (min-width:991px){
.mphb_sc_search_results-wrapper{
display:flex;
flex-wrap:wrap;
} 

.mphb_sc_search_results-wrapper .mphb-room-type{
width:33%;
padding:0em 1em;
margin-top:0 !important;
}

.mphb_sc_search_results-info, .mphb-recommendation-title, #mphb-recommendation, #mphb-reservation-cart{
width:100%;
}
}

.mphb-room-type-details-title {display: none!important;}

.mphb-loop-room-type-attributes {display: none!important;}

a.mphb-room-type-title {text-transform: uppercase; font-size: 28px!important; color: #70220b!important;}

h2.mphb-room-type-title.entry-title {margin-top: .5em; margin-bottom: 0.5em;}

button.mphb-book-button {background: #70220b!important; transition: 0.6s;}

button.mphb-book-button:hover {background: #AD8C6B!important;} 

.mphb-date-cell {color: #333!important;}

.mphb-calendar-title {display: none!important;}

.mphb-calendar.mphb-datepick.inlinePicker.is-datepick {display: none!important;}

.thumbnail-caption {display: none!important;}

.mphb-room-type-categories {display: none!important;}

.wp-caption-text.gallery-caption {display: none!important;}

.thumbnail {
    border: 0!important;
}

h2.single-post-title.entry-title {text-transform: uppercase!important;}

.mphb-attribute-value {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

.mphb-details-title {color: #70220b!important; text-transform: uppercase!important;}

.mphb-reservation-form-title {color: #70220b!important; text-transform: uppercase!important; margin-top: 1.5em;}

@media only screen and (min-width: 768px) {
.thumbnail {
    border: 0 !important;
    width: 50%;
	}}

/* EVENTOS */

.amount {
    color: #70230B!important;
}

/* WOOCOMMERCE */

.button {background: #70220b!important; color: #fff!important;}

.button:hover {background: #AD8C6B!important; color: #fff!important;}

/* OLD CODE STARTS HERE!!!!! */
  
/* HEADER */

.hero {margin-top: -50px;}

.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only {background: transparent!important;}

.ubermenu-target-title.ubermenu-target-text {text-shadow: 2px 2px 3px rgba(0,0,0,0.85);}

/* STYLE */

@media only screen and (max-width: 767px) {
    .playbtn {color: #fff; text-align: center; padding: 1em 0; filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.85));}
    .playbtn:hover {color: #70220b; text-align: center; padding: 1em 0; filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.85));} }

@media only screen and (min-width: 768px) {
    .playbtn {color: #fff; text-align: center; padding: 2em 0; filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.85));}
    .playbtn:hover {color: #70220b; text-align: center; padding: 2em 0; filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.85));} }

.nomargin {padding-left: 0px!important; padding-right: 0px!important; text-align: left!important;}

@media only screen and (max-width: 767px) {
    .nomargin2 {
      text-align: center; padding-left: 5px!important; padding-right: 5px!important; margin-bottom: 1em!important;} }

@media only screen and (min-width: 768px) {
    .nomargin2 {
      text-align: center; padding-left: 5px!important; padding-right: 5px!important; margin-bottom: 1em!important;} }

@media only screen and (max-width: 767px) {
    .nomargin3 {
      text-align: left; padding-left: 5px!important; padding-right: 5px!important; margin-bottom: 1em!important;} }

@media only screen and (min-width: 768px) {
    .nomargin3 {
      text-align: left; padding-left: 5px!important; padding-right: 5px!important;} }

.txt {padding-left: 3em!important; padding-right: 3em!important; padding-top: 3em!important; padding-bottom: 3em!important;}

.txt2 {padding-top: 3em!important; padding-bottom: 3em!important;}

.title {margin-top: 2em;}

.shadow {filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.85));}

.btnred {background: transparent; color: #70220b!important; border: 1px solid #70220b; font-weight: 400; padding: .5em; display: inline-block; transition: 0.6s; text-transform: none; font-size: 16px;}

.btnred:hover {background: #70220b; color: #fff; border: 1px #70220b solid; transition: 0.6s; border: 0;}

.col-md-6.col-md-offset-3.cont {float: center!important;}

#sb_instagram .sb_instagram_header, .sb_instagram_header {
	margin: 0 0 15px 15px!important;}

/* FOOTER */

#footer-widgets .footer-box .footer-widget:last-child {
    text-align: center;
}
 
 /* CONTACT FORM */

input::placeholder {
    color: #707070!important;
    opacity: 1;
}

textarea::placeholder {
    color: #707070!important;
    opacity: 1;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    color: #333!important;
}

span.wpcf7-list-item { display: block; }

input.wpcf7-form-control.wpcf7-submit[type="submit"] {
    border: 0px!important;
    background-color: #70220b!important;
    color: #fff!important;
	display: block!important;
}

input.wpcf7-form-control.wpcf7-submit[type="submit"]:hover  {
    border: 0px!important;
    background-color: #fff!important;
    color: #70220b!important;
	display: block!important;
}

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

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

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

textarea {border-radius: 0px!important; background-color: #fff!important; border: 1px solid #ddd !important; min-height: 3em!important; max-height: 6em!important; color: #707070!important;}