/*
Theme Name: The Beach Boutique 
Theme URI: http://www.beachboutique.lk/
Author: Pyxle
Author URI: http://www.pyxle.net/
Version: 1.0
*/

.blog .dt-format-gallery .dt-format-gallery-coll.full,
.archive .dt-format-gallery .dt-format-gallery-coll.full,
.search .dt-format-gallery .dt-format-gallery-coll.full
{
	display: none;
}


.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {}


.home-booknow{
	margin-top: -50px !important;
}

.booknow-form input[type="text"]{
	width: 300px;
	display: inline;
	background-image: url(images/date-pick.png);
    background-position: 98% 2px;
    background-repeat: no-repeat;
}

.booknow-form input[type="submit"]{
	padding: 6px 25px;
}

.booknow-form{
	margin: 2% auto 0.5%;
}

a {
	color: #F58345; 
	text-decoration: none;
	-webkit-transition: 0.5s; /* Safari */
    transition: 0.5s;
}
a:hover{ color: #E4570C; text-decoration: none !important;}

.border-right{
	border-right: 1px solid #cccccc;
}

.border-left{
	border-left: 1px solid #cccccc;
}

.featured-element h4{
	color: #F58345;
}

.languages{
	margin: 25px 0;
}

.languages a{
	background: #F58345;
	padding: 10px;
	color: #ffffff;
	line-height: 45px;
}

.languages a:hover{
	background: #333333;
}

.lang-act{
	background: #333333 !important;
}

.wf-container-bottom a:hover{
	color: #ffffff !important;
}

.wf-container-top{padding: 0 !important;}

.top-enquire a {
	background: #25aae2 none repeat scroll 0 0;
    color: #ffffff !important;
    display: inline-block;
    font-size: 15px !important;
    padding: 7px 50px;
    text-transform: uppercase;
}

.top-enquire a:hover{background: #1c9cd2 none repeat scroll 0 0;}

.r-more .ult_exp_section-main.ult_expleft_icon{
	margin: 0;
}

.r-more .ult-just-icon-wrapper.ult_exp_icon{
	padding: 10px 0 !important;
}

.r-more .ult_ecpsub_cont{
	text-align: left;
}

.room-banner{
	color: #ffffff !important;
	text-align: center;
}

.room-price{
	font-size: 50px;
}

.highlight-o{
	color: #F58345;
}

.room-cond{
	font-size: 12px;
	text-align: center;
}

.room-gallery .vc_row:not(.vc_gitem_row):not(.vc_grid-container) .vc_col-sm-3,
.room-gallery .vc_row:not(.vc_gitem_row):not(.vc_grid-container) .vc_col-sm-6,
.room-gallery .vc_row:not(.vc_gitem_row):not(.vc_grid-container) .vc_col-sm-2,
.room-gallery .vc_row:not(.vc_gitem_row):not(.vc_grid-container) .vc_col-sm-4{
	padding-left: 10px;
	padding-right: 10px;
}

.events-grid .vc_row:not(.vc_gitem_row):not(.vc_grid-container) .vc_col-sm-6,
.events-grid .vc_row:not(.vc_gitem_row):not(.vc_grid-container) .vc_col-sm-4{
	padding-right: 0;
	padding-left: 0;
}

.rooms-intro{
	padding: 0 !important;
}

.dining-options p{
	color: #ffffff !important;
	text-align: center;
	font-size: 24px;
}

.offer-title h4{
	margin-bottom: 0 !important;
}

.alignleft.no-avatar {
    display: none;
}

.top-icon {
    background: #f58345 none repeat scroll 0 0;
    color: #fff;
    margin-right: 5px;
    padding: 7px;
}

#top-bar{
	border-top: 4px solid #f58345;
}

.sidebar-booking{
	background: #eeeeee none repeat scroll 0 0;
	padding: 10px;
}

.sidebar-booking .booknow-form input[type="submit"]{
	font-size: 14px;
    margin-top: 10px;
}

.required{color: red;}

.inquiry-form select{
	max-width: 100%;
	width: 100%;
}

.inquiry-form .vc_col-sm-6, .inquiry-form .vc_col-sm-4{
	padding-left: 0;
}

.inquiry-form .dt-fancy-separator.title-left .dt-fancy-title {
    color: #25aae2;
    padding-left: 0;
}

.inquiry-form .separator-holder {
    border-color: #f58345;
}

.wpcf7-list-item{
	margin-left: 0 !important;
	width: 30%;
	float: left;
}

.inquiry-form textarea{
	max-height: 150px;
}

.inquiry-form input[type="submit"]{
	padding: 7px 50px;
	font-size: 15px; 
}

.res-title{
	background: #F58345 none repeat scroll 0 0;
    font-weight: normal;
    margin: 0 auto;
    padding: 10px;
    width: 300px;
    text-align: center;
}

.res-title h3{color: #ffffff;}

#top-bar .mini-nav ul > li.act > a, #bottom-bar .mini-nav ul > li.act > a, .header-bottom-bar .mini-nav ul > li.act > a{
	text-decoration: none !important;
}

#wpcf7-f35377-p164-o1 .wpcf7-display-none,
.sidebar-booking .wpcf7-display-none{
	display: none !important;
}

.side-contact, .side-contact h3, .side-contact a{
	color: #F58345 !important;
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
}

.side-contact a{
	font-size: 30px;
}

.side-contact h3{
	font-size: 20px;
	margin-bottom: 10px;
}

.fade_bgs {
    background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
    /*display: none;*/
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 90;
}

.inquiry-form div{
	display: inline-block !important;
}

.captcha-img {
    display: inline-block;
    float: left;
    margin-top: 5px;
}

.captcha-input {
    width: 150px !important;
    display: inline-block;
}

.ult-ib-effect-style13 h2::after, .ult-ib-effect-style13 h2:after {
    display: none;
}

.things-todo .shortcode-teaser.frame-on{
	min-height: 250px;
}

.mfp-close {
    cursor: pointer !important;
}

.vc_cta3-actions {
    margin-top: 25px;
}

.txt404 {
    display: block;
    font-size: 120px;
    font-weight: bold;
    margin: 8% auto;
    text-align: center;
}

#bottom-bar a:hover{
	color: #333333 !important;
}

.booknow-form input[type="text"]{
	color: #656565;
}

.ws-pre{
	white-space: nowrap;
}

.deals .vc_custom_heading.offer-title{
	min-height: 60px;
}

.deals .ult-new-ib-img {
    max-height: 230px;
}

/*************************** Responsive *****************************/


/* iPads (landscape and upper) ----------- */
@media only screen and (min-device-width : 769px) {

	#branding a img, #branding img{
		background: #ffffff none repeat scroll 0 0;
	    max-width: 200px;
	    padding: 10px;
	    position: absolute;
	    top: -37px;
	}

	

}

@media only screen and (max-device-width : 1024px) {

	#branding a img, #branding img{
		max-width: 145px;
	}

	.wpcf7-list-item{
		width: 50%;
	}

	.mobile-break{
		display: block;
	}

}

@media only screen and (max-device-width : 768px) {



}

@media only screen and (max-device-width : 360px) {

	.wpcf7-list-item{
		width: 100%;
	}

	.wpcf7-list-item.last{
		margin-bottom: 20px;
	}

	.dl-menuwrapper .dl-menu.dl-menuopen{
		margin-top: 40px;
	}

	.tp-caption.homecaptions.customin.tp-resizeme.start {
    font-size: 11px !important;
    max-width: 100% !important;
    padding: 10px !important;
	}

}