/*
Theme Name: LiquidFolio
Version: 1.4.1
Theme URI: http://liquidfolio.queldorei.com
Description: Premium WordPress theme.
Author: QuelDorei
Author URI: http://queldorei.com 
License URI: http://themeforest.net/wiki/support/legal-terms/licensing-terms/
Tags: light, dark, left-sidebar, two-columns, fluid-layout, custom-background, custom-colors, post-formats, theme-options, threaded-comments, translation-ready, photoblogging, responsive-layout
*/

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.adverts-pagination { display: none; }
.post_single .adverts-pagination { display: block; }
.adverts-list { width: 94%; }
.adverts-options { width: 93%; }
.post_single .adverts-list { width: 100%; }
.post_single .adverts-options { width: 100%; }
.post_format a, .post_format span { background-color: #545454; }
.entry-title { font-size: 28px; }
.rslides1_nav.next { background-position: right !important; }
.advert .entry-title a { float:left; }
.advert .advert-price { text-align: right; }
.format-standard .entry-title { font-size: 36px; letter-spacing: 0; line-height: 1; word-wrap: break-word; }
.fb_iframe_widget{ margin-bottom: 10px; }
.button-sidebar { padding: 0px 20px; }

/** BUSINESS LISTING STYLE **/
form#wpbdmsearchform{ text-align: right !important; }
.wpbdp-button{ padding: 5px 10px; background: #0e4f9a; color: #fff; border: 1px solid #fff; }
.wpbdp-button:hover{ background: #11a1c6; }
ul.wpbdp-categories{ margin: 0 !important; }
ul.wpbdp-categories>li{ display: block; padding-bottom: 10px; }
h2.category-name, .wpbdp-listing .contact-form h3{ font-style: italic; color: #11a1c6; }
.listing-wrap a.button{ padding: 5px 10px; background: #0e4f9a; color: #fff; border: 1px solid #fff; display: inline-block; }
.listing-wrap a.button.get-quote{ font-size: 17px; font-weight: 700; width: 100%; }
.listing-wrap .listing-detail .listing-title{ font-size: 2em; font-weight: 700; }
.listing-wrap .listing-detail span.detail{ display: block; margin-bottom: 5px; }
.listing-wrap .listing-detail span.detail i.fa{ font-size: 20px; vertical-align: middle; color: #88D4E7; }
.listing-title h1{ margin: 10px; display: inline-block; }
.wpbdp-listing .contact-form{ margin-bottom: 20px; }
.wpbdp-listing .contact-form h3{ font-size: 18px; margin-top: 0; }
.wpbdp-listing .contact-form p.listing-name{ color: #11a1c6; font-size: 24px; font-weight: 700; }
.wpbdp-listing .contact-form textarea.form-control{ width: 100% !important; }
.business-badge{ color: #43A403; }
#wpbdp-renewlisting-form .fee-options td{ padding: 5px; }
#wpbdp-renewal-page .do-not-renew-listing .header{ display: none; }
#wpbdp-renewal-page .do-not-renew-listing{ padding: 10px; margin: 20px 0; }
#wpbdp-renewal-page .do-not-renew-listing input[type="submit"]{ color: #fff; background: #bc0b0b; border: none; padding: 5px 10px; }
.wpbdp-payment-items-table td{ padding: 5px; }

/** WEB DESIGN STYLE **/
.post-wrap{background:#fff;min-height:375px;padding:2px 10px 0px 10px;}
.button-wrap{float:right;}
.btn {display: inline-block;margin-bottom: 0px;font-weight: normal;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 10px 15px;font-size: 15px;line-height: 1.42857;border-radius: 4px;-moz-user-select: none;}
.button-blue, a.button-blue {height:45px !important;padding:10px 15px !important; line-height:1.42857143 !important;background: #307EFF none repeat scroll 0% 0%;color: #fff;}
.button-blue:hover, a.button-blue:hover, .button-blue:focus, a.button-blue:focus {background: #205EFF none repeat scroll 0% 0%;}
.button-gray, a.button-gray {background: #4F4F4F none repeat scroll 0% 0%;color: #fff;}
.button-gray:hover, a.button-gray:hover, .button-gray:focus, a.button-gray:focus {background: #383838 none repeat scroll 0% 0%;}
.enquire-button {padding: 2px 20px;font-size: 13px;text-transform: uppercase;font-weight: 600;}
.buy-button {padding: 2px 20px;font-size: 13px;text-transform: uppercase;font-weight: 600;}
.form-loading{visibility:hidden;}
.service-item h3{display:inherit;margin-bottom:10px;}
.service-item h3 strong{display:inherit;}

/*** Portofolio Style ***/
.portofolio-list{ margin-left: -7px; margin-right: -7px; margin-top: 15px; margin-bottom: 15px; }
.portofolio-list:before, .portofolio-list:after{ content: " "; display: table; }
.portofolio-list:after{ clear: both; }
.project{ padding-left: 7px; padding-right: 7px; position: relative; text-align: center; }
.project-image a.see-more{ background: #abbe30; color: #fff; font-weight: 700; display: block; text-transform: uppercase; }
.project-title{ font-size: 14px; }
.project-title a{ color: #363535; }
.project-title a:hover{ color: #abbe30; }
.related-project{ margin: 50px 0; }
.related-project h3{ text-align: center; font-weight: 700; float: left; width: 25%;}

/*** GALLERY ***/
.gallery_listing{left:20px;}
/***Invoice Style ***/
#cc_pay_button{float:left;height:45px !important;background: #307EFF none repeat scroll 0% 0%;color: #fff;margin-bottom:10px;}
#cc_pay_button:hover{background: #205EFF none repeat scroll 0% 0%;}
.wpi-control-group .controls{float:left;}

/***VALIDATION STYLE ***/
input.error{border:1.5px solid red;}
label.error{width:100%;position:relative;overflow:visible;display:inline-block;margin-left:10px;vertical-align:middle;background:url('images/error.png') no-repeat;padding-left:25px;margin-left:.3em;text-indent:initial;}
label.valid{display:inline;margin-left:10px;vertical-align:middle;background:url('images/checked.gif') no-repeat;width:16px;height:16px;}

/** CONTACT FORM 7 STYLE **/
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea, .wpcf7 input[type="file"]{ font-family: FontAwesome, "Open Sans"; padding:10px 15px !important;font-size:15px !important; background-color:#fff !important;    border: 1px solid #dce4ec;border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.wpcf7 input[type=submit]{ background: #91b539; border: 1px solid #798126; color: #fff; text-transform: uppercase; margin: 0; padding: 6px 15px; cursor: pointer; font-size: 20px; font-weight: 800; }
.wpcf7 input[type=submit]:hover{ background: #798126; }
.wpcf7 input[type=submit]:active{ webkit-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.75); box-shadow: 0px 2px 10px 2px rgba(53,64,38,0.75) inset; }
.wpcf7 button{ background: #abbe30; color: #fff; font-weight: 700; border-radius: 6px; padding: 18px 9px; border: none; }
.wpcf7 textarea{ height: 100px !important; }

/** MODAL **/

.modal-body .wpcf7 button {background: #3fb3e3;color: #fff;font-weight: 700;border-radius: 6px;padding: 10px 9px;border: none;margin-top: 10px;width: 100%;}
.modal-header {padding: 25px 15px;text-align: center;background: #1a93c5;color: #fff;border-radius: 15px 15px 0px 0px;}
.modal-content {border-radius: 18px !important;}
.modal-body .g-recaptcha {margin: 0 auto;display: block;width: 86%;}
.modal-body .wpcf7 button {background: #3fb3e3;color: #fff;font-weight: 700;border-radius: 6px;padding: 10px 9px;border: none;margin-top: 10px;width: 100%;line-height:inherit !important;height: inherit !important;}
.btn{height:inherit !important;}
.modal-footer{padding:5px 10px !important;}

@media (min-width: 1040px){
	.listing-wrap .listing-thumb{ width: 30%; margin-right: 15px; }
	.listing-wrap .listing-detail{ width: 67%; }

	/*** Portofolio Style ***/
	.project-image a.see-more{ padding: 10px 30px; }

	/** MODAL **/
	.modal-dialog { width: 400px !important;}
}

@media (min-width: 1476px){
	.listing-wrap .listing-thumb{ width: 19%; margin-right: 15px; }
	.listing-wrap .listing-detail{ width: 78%; }
	.modal-dialog { width: 400px !important;}

}


@media (min-width: 768px){
	/*** Portofolio Style ***/
	.project{ float: left; width: 25%; }
	.project-title{ font-size: 15px; }
	.project-image a.see-more{ padding: 8px 0; }
	/** buy now page **/
	.web-design { background: url('images/content_bg.png') no-repeat fixed right top #f5f5f5; }
	.price-highlight {font-family: 'Caveat Brush'; color: #5e7006;text-shadow: 0px 3px 0 #fff, 0px -3px 0 #fff, -3px 0px 0 #fff, 3px 0px 0 #fff;font-size: 66px;line-height: 1;}
	.rent-form-container {padding: 0px 15px;}
	.rent-form-container .form-title {text-align: center;font-size: 20px;font-weight: 600;border-top: 1px solid #b3b3b3;border-bottom: 1px solid #b3b3b3;padding: 10px 0;margin-bottom: 30px;}

	.modal-dialog { width: 350px !important;}
}

@media (max-width: 768px){
	.modal-body .g-recaptcha {margin: 0 0;display: block;width: 86%;}
}
@media (max-width: 800px){
	.modal-body .g-recaptcha {margin: 0 0;display: block;width: 86%;}
}
@media (max-width: 980px){
	.modal-body .g-recaptcha {margin: 0 0;display: block;width: 86%;}
}

@media (min-width: 992px){
	
	/*** Portofolio Style ***/
	.project-title{ font-size: 20px; }
	.project-image{ position: relative; }
	.project-image .overlay{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: transparent; -webkit-transition: background 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -ms-transition: background 400ms ease-in-out; -o-transition: background 400ms ease-in-out; transition: background 400ms ease-in-out; overflow: hidden; }
	.project-image a.see-more{ border-radius: 5px; padding: 7px 15px; position: absolute; top: 150%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: top 400ms ease-in-out; -moz-transition: top 400ms ease-in-out; -ms-transition: top 400ms ease-in-out; -o-transition: top 400ms ease-in-out; transition: top 400ms ease-in-out; }
	.project-image .overlay:hover{ background: rgba(0,0,0,0.5); }
	.project-image .overlay:hover a.see-more{ top: 50%; }
	.modal-dialog { width: 400px !important; }
}

@media (max-width: 551px) {
	.rent-form-container {padding: 0px 15px;}
	.modal-dialog { width: 350px; }
}

@media (max-width: 360px) {
	.g-rechapcha, .g-recaptcha {transform: scale(0.8);-webkit-transform: scale(0.8);transform-origin: 0 0;-webkit-transform-origin: 0 0;}
	article .posts_listing .post{margin-left:35px !important;}
}