/******************************************  
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
* 
* Simply copy an existing style from style.css to this file, 
* and modify it to your liking.
*/

.post-single {
    font-size: 16px;
}
#menu-main li {
    font-size: 14px;
}
#hermes-gallery .slide-counter {
    font-size: 13px;
}
.hermes-contacts .label {
    font-size: 13px;
}
.hermes-contacts .value {
    font-size: 14px;
}
footer p {
    font-size: 13px;
}
#searchsubmit, input.button.gform_button, .button.submit {
    font-size: 13px;
}
.title-l {
    font-size: 26px;
}
textarea {
    border: 2px inset;
    padding-right: 0;
    padding-left: 0;
}

header {
    padding-top: 10px;
}

#hermes-gallery {
    /*width: 100%;*/
    border-right: 1px solid #000;
    background: #000;
}

#main {
    margin-top: 1px;
    border-bottom: 1px solid #000;
}

@media only screen 
and (min-width: 800px) {
    #main {
        width: 75.4%;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 800px) { 
    #main {
        width: 75.45%;
    }
}

aside {
    background-color: #000;
    color: #fff;
    border-color: #000;
}
.aside-wrapper a, .aside-wrapper-special a {
    color: #43C6F3!important;
    /*color: #DB3D58!important;*/
}
.aside-wrapper-special a, .aside-wrapper-special .value {
    color: #fff!important;
}
.aside-wrapper-special a:hover {
    text-decoration: underline;
}

.aside-wrapper-special .label {
    color: #CE9D63;
}


@media only screen 
and (min-width: 641px) {
    .aside-wrapper-special .hermes-contact.address .value {
        margin-left: 2.5em;
    }
}



#hermes-gallery .slide-meta {
    background-color: #DB3D58;
}
.aside-wrapper-special {
    background-color: #235064;
}

input.button.gform_button, .button.blue, #respond #submit, #searchsubmit {
    background-image: -moz-linear-gradient(center top , #CE9D63, #ce7100);
    
	background-color: #ce7100;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
	background-image: -moz-linear-gradient(top, #CE9D63, #ce7100);
	background-image: -ms-linear-gradient(top, #CE9D63, #ce7100);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CE9D63), color-stop(100%, #ce7100));
	background-image: -webkit-linear-gradient(top, #CE9D63, #ce7100);
	background-image: -o-linear-gradient(top, #CE9D63, #ce7100);
	background-image: linear-gradient(top, #CE9D63, #ce7100);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CE9D63', endColorstr='#ce7100', GradientType=0);    
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    text-shadow: 1px 1px 0 #09509A;
}

.slide-title {
    visibility: hidden;
}
#hermes-gallery .slide-counter {
    color: white;
    border-right: none;
}

.main-wrapper img {
    max-width: 100%;
}

#menu-main li {
    border-color: #43C6F3;
}

#menu-main li a { 
    color: #fff!important;
}

.home-table tr, th, td {
    border: none;
    padding-right: 0;
    padding-bottom: 1em;
}

p {
    text-align: justify!important;
}

.hermes-gallery-slide {
    background-position: 50% bottom!important;
    height: 441px!important;
}

@media only screen 
and (min-width: 1224px) {
    .hermes-gallery-slide {
        background-position: 50% bottom!important;
    }

    .home .hermes-gallery-slide {
        background-position: 50% 75%!important;
    }
}

.post-single img.alignnone, .post-single img.aligncenter, .post-single img.alignleft, .post-single img.alignright {
    width: calc();
}

.wpcf7-form textarea {
    max-width: 67%;
}

footer * {
    color: white!important;
}

div.wpcf7-validation-errors {
    border-color: #235064!important;
    max-width: 60%!important;
}

#content > div.cleaner {
    background: #97999B;
}

#content {
    background: #000;
}

.main-wrapper {
    padding-bottom: 0;
}

@media screen and (min-width: 769px) {
    .main-wrapper {
        min-height: 926px;
    }
}

button, input, select, textarea {
    max-width: 67%;
}

.footer-social {

}

.footer-social-icon {
    width: 32px;
    height: 32px;
}

.contact-content {
    float: left;
    clear: none;
    min-width: 49%;
    padding-right: 1%;
}

@media screen and (min-width: 1000px) {
    .contact-content {
        width: 49%
    }
}

/* Booking Widget */

.booking_btn{max-width: 100%; background: none repeat scroll 0 0 #000000;border:none;border-radius: 6px;color: #FFFFFF;cursor: pointer;font-size: 12px;padding: 5px 10px;}

#checkinDateText,#checkoutDateText,#Ccode{border:1px solid #CCCCCC;width:100px;font-family:Arial,Helvetica,sans-serif}

#staahbooking{background-color: #FFFFFF;border: 1px solid #DCDCDC;color:#000;border-radius: 5px;float:left;margin:0 auto;padding:10px;position:relative;/*width:260px*/}

.cal_widget label{color:#000;float:left;font-family:Arial,Helvetica,sans-serif;width:100px}

ul.cal_widget li{/*width:100%;*/list-style:none; display: inline;float: left; margin: 0; padding: 0;}

ul.cal_widget{margin: 0; padding: 0;}

#ui-datepicker-div{display:none; z-index: 999999}.cal_widget #hotel{margin-bottom:2px;}

@media screen and (max-width: 320px) {
    button.ui-datepicker-trigger { display: none; }
}
/* EOF Booking Widget */