/*
 Theme Name:   Palo Verde Hotel
 Theme URI:    https://paloverdehotel.com
 Description:  Sustainable Hotel
 Author:       The Lab Studio
 Author URI:   https://thelabstudio.co
 Template:     hotel-wp
 Version:      1.0.0
 Text Domain:  paloverde
*/

/* 
 TYPOGRAPHY
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat');

:root {
    --pv-white: #ffffff;
    --pv-brown: #1b0c0f;
    --pv-green: #64b372;
}

@font-face {
    font-family: 'Pantra';
    src: url('/themes/paloverde/fonts/Pantra-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pantra';
    src: url('/themes/paloverde/fonts/Pantra-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pantra';
    src: url('/themes/paloverde/fonts/Pantra-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pantra';
    src: url('/themes/paloverde/fonts/Pantra-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

html {
    font-family: 'Pantra';
}

.pv-heading-1 {
    font-family: 'Pantra';
    font-weight: 300;
    font-size: 25px;
    letter-spacing: 11px;
    line-height: 1.24;
    color: #ffffff;
}

.pv-heading-2 {
    font-family: 'Pantra';
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 8.9px;
    line-height: 1.55;
    color: #ffffff;
}

.pv-p-section2{
    width: 385px;
}

label.extras { cursor: pointer; }
input[type="checkbox"].extras {
  margin:0;
  cursor: pointer;
}
div.pv-button>a>span, div.smoobu-actions>a>span {
    color: #f0f0f0;
    transition: 0.5s all;
}

div.pv-button>a>span:hover, div.smoobu-actions>a>span:hover {
    color: #64b372;
    transition: 0.5s all;
}

.pv-p {
    font-family: 'Montserrat';
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    max-width: 670px;
    color: #ffffff;
}

.center {
    margin: 0 auto;
    text-align: center;
}

.pv-button {
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 1.1px;
    color: #f0f0f0;
}

.waves {
    background: url(https://paloverdehotel.com/wp-content/uploads/2018/03/pv-lines.svg) repeat-x 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    padding-bottom: 60px;
}

a.enterPromoCode {
  color: #dc981c;
  transition: 0.4s all; 
}
a.enterPromoCode:hover {
  color: #8a8a8a;
  transition: 0.7s all;
}
input.toUpperCase {
    text-transform: uppercase;
}

.green {color: #468847 !important;}
.navy {color: #3a87ad !important;}
.red {color: #da5251 !important;}
.yellow {color: #dc981c !important;}
.four-border {
  border-top-width: 4px; 
  border-right-width: 4px; 
  border-bottom-width: 4px; 
  border-left-width: 4px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
}

#box-rooms {
    background-image: url(https://paloverdehotel.com/wp-content/uploads/2018/10/rooms.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 387px;
    cursor: pointer;
    transition: 0.4s all;
}

#box-restaurant {
    background-image: url(https://paloverdehotel.com/wp-content/uploads/2018/10/restaurant.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 387px;
    cursor: pointer;
    transition: 0.4s all;
}

#box-surf {
    background-image: url(https://paloverdehotel.com/wp-content/uploads/2018/10/surf.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 387px;
    cursor: pointer;
    transition: 0.4s all;
}

#box-rooms:hover {
    background: 
    linear-gradient(
      rgba(25, 11, 14, 0.9), 
      rgba(25, 11, 14, 0.1)
    ),
    url(https://paloverdehotel.com/wp-content/uploads/2018/10/rooms.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transition: 0.4s all;
}

#box-restaurant:hover {
    background: 
    linear-gradient(
      rgba(25, 11, 14, 0.9), 
      rgba(25, 11, 14, 0.1)
    ),
    url(https://paloverdehotel.com/wp-content/uploads/2018/10/restaurant.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transition: 0.4s all;
}

#box-surf:hover {
    background: 
    linear-gradient(
      rgba(25, 11, 14, 0.75), 
      rgba(25, 11, 14, 0.15)
    ),
    url(https://paloverdehotel.com/wp-content/uploads/2018/10/surf.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transition: 0.4s all;
}

#intro-boxes{
    background: transparent;
}

.pv-box {
    font-family: 'Pantra';
    font-size: 30px;
    font-weight: 300;
    line-height: 1.03;
    letter-spacing: 13.3px;
    color: #ffffff;
}

.pv-btn-round{
    font-family: 'Montserrat';  
    padding: 1em 2em;
    border-radius: 25px;
    border: solid 1px #ffffff;
    color: #ffffff;
    transition: 0.25s all;
}

.pv-btn-round:hover{
    font-family: 'Montserrat';  
    padding: 1em 2em;
    border-radius: 25px;
    border: solid 1px #ffffff;
    color: #64b372;
    background: #ffffff;
    transition: 0.25s all;
}

#back-to-top{
    border-radius: 5px;
}

.footer-logo{
    width: 20%;
}

footer#colophon.style-2 .footer-top{
    border: 0px;
}

.wpcf7-form .wpcf7-submit{
    margin-top: 0px;
    border-radius: 60px;
    border: solid 1px #64b372;
    color: #64b372;
    background-color: transparent!important;
}

.wpcf7-form .wpcf7-submit:hover{
    background-color: #64b372!important;
}

.wpcf7-form input{
    border-radius: 50px;
    background-color: rgba(0, 0, 0, 0.23);
    border-color: rgba(0, 0, 0, 0.23);
}

.slider-h3{
    font-family: Pantra;
    font-weight: bold;
    line-height: 1.55;
    letter-spacing: 8.9px;
}

.slider-h3 > span {
    color: var(--pv-green);
}

.slider-h1{
    font-family: Pantra;
    font-weight: 300;
    line-height: 1.23;
    letter-spacing: 17.8px;
}

.hero-Text{
    font-size: 30px;
}

#rooms-intro{
    height: 560px;
    background-image: url(https://paloverdehotel.com/wp-content/uploads/2018/10/rooms-wide@2x.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: var(--pv-white);
}

#pool-separator {
    height: 560px;
    background-image: url(https://paloverdehotel.com/wp-content/uploads/2018/10/hotel-wide@2x.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#pv-restaurant-text {
    height: 560px;
    background-image: url(https://paloverdehotel.com/wp-content/uploads/2018/04/restaurant-bg@2x.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
}

#pv-restaurant-img {
    height: 560px;
    background-image: url(https://paloverdehotel.com/wp-content/uploads/2018/10/restaurant-photo@2x.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

header#masthead.site-header .navigation .width-navigation .inner-navigation .navbar > li > a, 
header#masthead.site-header .navigation .width-navigation .inner-navigation .navbar > li > span {
    font-family: 'Montserrat';
}

#colophon > div.footer > div > div > div > div {
	padding: 0;
}

div.footer > div.container {
	width: 100vw;
}

#footer-waves {
	padding: 2em 0 0 0 ;
	height: 130px;
    background-image: url(https://paloverdehotel.com/wp-content/uploads/2018/04/footer-waves.png);
    background-size: cover;
    background-repeat: repeat-x;
}

div.vc_toggle_title > h4, .pv-faq-element {
	font-family: 'Pantra';
}

/* Rooms */

.rooms-section-h{
	font-family: Pantra;
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.55;
	letter-spacing: 8.9px;
	text-align: center;
	color: #ffffff;
}

.rooms-section-p{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	max-width: 385px;
}

.rooms-feature-bullets{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.14;
	letter-spacing: normal;
	color: #ffffff;
}

.full-button-text {
	font-family: Pantra;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 1.5px;
	text-align: center;
	color: #ffffff;
}

.room-h{
	font-family: Pantra;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.38;
	letter-spacing: normal;
	text-align: left;
	color: #ffffff;
}

.room-price {
	font-family: Pantra;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.83;
  letter-spacing: normal;
  text-align: left;
  color: #64b372;
}

.room-p {
	font-family: Pantra;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: -0.3px;
  text-align: left;
  color: #ffffff;

}

.room-link {
	font-family: Montserrat;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.75;
  letter-spacing: 1.1px;
  text-align: left;
  color: #f0f0f0;
}

.featured-h {
	font-family: Pantra;
	font-size: 28px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: 12.4px;
	text-align: center;
	color: #ffffff;
}

.room-price-f {
	font-family: Pantra;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.83;
  letter-spacing: normal;
  text-align: center;
  color: #64b372;
}

.room-p-f {
	font-family: Pantra;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: -0.3px;
  text-align: center;
  color: #ffffff;

}

.room-link-f {
	font-family: Montserrat;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.75;
  letter-spacing: 1.1px;
  text-align: center;
  color: #f0f0f0;
}


.page-id-368 .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
	margin-bottom: 10px;
}

/* Room Detail */

.rd-pre {
	font-family: Pantra;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.07;
  letter-spacing: 6.7px;
  text-align: center;
  color: #ffffff;
}

.rd-h {
	font-family: Pantra;
  font-size: 30px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: 13.3px;
  text-align: center;
  color: #ffffff;
}

.rd-p {
	font-family: Montserrat;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

.price-pv {
	color: #64B372;	
	font-family: "Pantra";	
	font-size: 9px;	
	font-weight: bold;	
	letter-spacing: 1.69px;	
	line-height: 31px;	
	text-align: center;
}

/**
 * By jUANmEJIA
 * dATE 27-11-2019
 */
  .alert{padding:14px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
  .alert,.alert h4{color:#c09853;}
  .alert h4{margin:0;}
  .alert .close{position:relative;top:-2px;right:-21px;line-height:20px;}
  .alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847;}
  .alert-success h4{color:#468847;}
  .alert-danger,.alert-error{background-color:#f2dede;border-color:#eed3d7;color:#b94a48;}
  .alert-danger h4,.alert-error h4{color:#b94a48;}
  .alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad;}
  .alert-info h4{color:#3a87ad;}
  .alert-block{padding-top:14px;padding-bottom:14px;}
  .alert-block>p,.alert-block>ul{margin-bottom:0;}
  .alert-block p+p{margin-top:5px;}
  .alert { border-color: #e4bf7f; color: #9c6c38; margin-bottom: 15px; background: rgb(246,237,186); }
  .alert .close { top: 0; right: -23px; color: #937f0e; }
  .alert h4 { color: #9c6c38; }
  .alert-error { border-color: #e18d9a; color:#da5251; background: rgb(246,216,216); }
  .alert-error .close, .alert-error h4 { color: #990000; }
  .alert-success { border-color: #b4da95; color: #468847; background: rgb(223,240,216); }
  .alert-success .close, .alert-success h4 { color: #468847; }
  .alert-info { border-color: #88c4e2; color: #3a87ad; background: rgb(217,237,247); }
  .alert-info .close, .alert-info h4 { color: #3a87ad; }