/*
 Theme Name:   OnePress Child
 Theme URI:    https://www.famethemes.com
 Description:  OnePress sample child theme
 Author:       FameThemes
 Author URI:   https://www.famethemes.com
 Template:     onepress
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  onepress-child
*/

/* Add your custom css below
-------------------------------------------------------------- */


/* Web fonts are served locally from assets/css/fonts.css (was a Google Fonts @import here). */

/*
	font-family: 'Great Vibes', cursive;
	font-family: 'Crimson Text', serif;
	font-family: 'Open Sans Condensed', sans-serif;
*/


body {font-family: 'Open Sans Condensed', sans-serif; background-color: #F0EFEB; color: #252624; font-size: 18px;}
.site-content {background-color: #F0EFEB;}
.page-header {background-color: #F0EFEB; border-bottom: 0px solid #e9e9e9; padding-bottom: 1px;}
.page-header h1.entry-title {font-size: 26px !important;}

.site-header {
    line-height: 75px;
    position: relative;
    width: 100%;
    /*background: #AB8A71CC;*/
        background-color: RGBA(215, 208, 196, 0.8);
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-clip: border-box;
        background-origin: padding-box;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
    z-index: 99;
    -webkit-transition: all 1s ease-out;
    transition: all .5s ease-out;
}

.section-meta {
    background-color: #F0EFEB;
}

.section-title-area .section-title {
    font-size: 30px;
    letter-spacing: 0px;;
}

#primary {padding-top: 20px;}

#about {
    background-color: #F0EFEB; color: #252624;
}
#post-1469 {font-size: 18px;}

/* Hero Text Style1. */

.hero-large-text {text-transform: none; font-family: 'Great Vibes', cursive; letter-spacing: 4px !important; font-size: 70px !important; font-weight: 400; text-transform: none !important;}

.hero-small-text {text-transform: none; font-family: 'Open Sans Condensed', sans-serif; font-size: 35px !important; font-weight: 100; font-style: normal !important;}

#hero_under {color: #252624 !important; font-size: 22px;}
/*
#contact, #contact h4, #contact h3 {background-color: #F1D9C7; background-image: url(../img/uploads/2017/09/sand_texture_new3_600w.jpg) !important; color: #2a2a2a !important; font-size: 22px;}
*/


#features h4 a {font-family: 'Crimson Text', serif !important; font-size: 20px; color: #252624}
#features .feature-item-content p {font-size: 18px;}

.contact_image {margin-bottom: 3em; text-align: center;}
.contact_image img {width: 100%;}

.hero_under_img {margin-top: -100px; padding-bottom: 40px;}
.hero_under_txt {padding: 25px 5px; font-size: 22px; color: #252624; }
.hero_under_txt.less_padding {padding-top: 0px;}
#hero_under .soliloquy-wrapper {background-image: url(../img/uploads/2017/09/under_header_bckgrd_transparent.png); background-size: cover;}
#hero_under .soliloquy-container .soliloquy-viewport {width: 95% !important; margin: 0 auto; padding-bottom: 2%; padding-top: 2%;}

#contact {font-size: 18px;}
#contact h4, #contact h3 {font-family: 'Crimson Text', serif; text-transform: capitalize; font-size: 20px !important;}
input[type="submit"], input[type="submit"] {background: #CCC5BA; color: #252624;}
.section-contact .address-contact span {color: #252624;}
div.wpcf7-validation-errors {border: 2px solid #a0410d;}
span.wpcf7-not-valid-tip {color: #252624;}



.onepress-menu a {font-family: 'Open Sans Condensed', sans-serif !important; font-size: 23px; text-transform: capitalize; font-weight: 300 !important;}

.section-title-area .section-title {font-family: 'Crimson Text', serif; text-transform: capitalize;}

h1.entry-title {font-family: 'Crimson Text', serif; text-transform: none !important; font-size: 2.6em !important;}

#about .row {display: none;}

ul.apartment {text-align: left;}
li.apartment {text-align: left;}
.booking_features {width: 90%; margin: 0 auto;}

.booking_form {width: 100%; text-align: left;}
.booking_form .wpcf7 {max-width: 600px; margin: 0 auto;}
.booking_form h4 {margin: 0 auto; padding-bottom: 2em; max-width: 600px; font-family: 'Crimson Text', serif; font-size: 1.2em;}


select, textarea,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  padding: 10px;
  width: 600px;
  max-width: 100%;
  border: 0px;
  font-size: 15px;
  font-weight: normal;
  line-height: 22px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  background-color: #f2f2f2;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
  color: #252624;
}
input[type="submit"], input[type="submit"] {width: 100%;}


div.wpcr3_review div.wpcr3_review_datePublished {display: none !important;}
.wpcr3_review_author span.wpcr3_caps:before {
content: “by “;
text-transform: lowercase;
font-size: 0.8em;
font-style: italic;
}
.wpcr3_review_author {
font-size: 0px !important;
}
.wpcr3_review_author span.wpcr3_caps {
color: #252624 !important;
font-size: 16px;
}
.wpcr3_review_author span.wpcr3_item_name, div.wpcr3_review_item div.wpcr3_item_name, div.wpcr3_aggregateRating {display: none !important;}
.entry-content blockquote {border-color: #E1D5BB; background-color: #efe9da;}

.footer-social h5 {font-size: 30px; color: #252624 !important; font-family: 'Open Sans Condensed', sans-serif;}
.footer-social .fa {font-size: 50px; color: #252624;}
.site-footer .footer-connect {padding: 3rem 0px;}
.site-footer .site-info, .site-footer .site-info a {color: #252624;}

@media (min-width: 992px) {
	.hide_on_mobile {display: none;}

}

@media (max-width: 991px) {
	/* Bootstrap 4 makes .col-* flex items, so a flex-basis/max-width of 58.333%
	   (from col-sm-7) beats a bare width:100%. Force the full row via flex. */
	.mobile_slide {width: 100%; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
	/* The slider container carries an inline max-width:570px/max-height:321px that
	   was sized for the old 58%-wide column. Drop the cap on mobile so the image
	   actually fills the now full-width column; Soliloquy keeps the aspect ratio
	   (image is max-width:100%/height:auto and the container height is auto). */
	.mobile_slide .soliloquy-container {max-width: 100% !important; max-height: none !important;}
	.mobile_slide_txt {width: 100%;}
	.hide_on_desktop {display: none;}
	.hide_on_mobile {display: normal;}
	.hero_under_txt {padding: 15px 5px;}
}