﻿
#headline h1                            { }

#contact-form input[type="text"]        { width: 100%; border-radius: 2px; padding: 0px; border: 1px solid #B7B7B7; padding: 6px 5px 1px 0px;}
#contact-form-title                     { width:100%; color:#F68B1F; font-size:35px; padding:10px; }
#contact-form textarea                  { width: 100%; margin-top: 10px; height: 245px; }

.table-responsive td                    { word-wrap:break-word; padding:10px; }

#lobby                                  { text-align:center;padding:0; }
#lobby #body                            { margin: 80px auto 0; }

#GridContent #body p                    {font-size: 145%;}
#GridContent #body p a                  { color:#231f20;  }
#GridContent #subheadline h2            { background-image: url(./../../../000Frames/site/images/line-title.png);background-repeat: no-repeat;background-position: center 66%;padding-bottom: 51px;background-size: 7%;font-size: 280%;}

#subheadline                            { display:none;}

.ui-datepicker-trigger img      { display:none;}
.ui-datepicker-trigger:after    { content: "\f073";font-family: 'FontAwesome';color: #97A78D;font-size:130%;}
.ui-datepicker-trigger          { border: 0px;background: transparent;position: absolute;z-index: 1;right: 23px;top: 8px;}

@media (min-width:1700px){
    #GridContent #subheadline h2 {padding-bottom: 59px;font-size: 320%;    }
}

@media (max-width: 1024px) and (min-width: 991px){
    .mrw-dynamic-form .form-group > div { padding: 0 8px; width: 50%; }
    #GridContent #subheadline h2        { background-size: 10%; }
}
@media (min-width:768px) and (max-width:991px) {
    #GridContent #subheadline h2        { background-size: 10%; }
    
}

@media (max-width:991px){
    #lobby {width: 90%;}
}

@media (min-width:991px){
        .contact-form-title br{display:none;}
}
@media (max-width:767px){
    #GridPage                           { margin-bottom:-18vh;}
    #GridContent                        { margin-bottom: 0;}
    .mrw-dynamic-form                   { margin-top: 0px;margin-bottom: 0;width: 100vw;margin-right: -1.5vw;}
    #GridContent #subheadline h2        { background-size: 10%;padding-bottom: 40px;padding-top:20px; }
    #lobby #body                        { margin: 40px auto;}
    #GridContent #body p                { font-size: 115%;}
}

@media (max-width:375px){
   
}

@media (max-width: 1024px) and (orientation:landscape) {
    #GridPage                                       {margin-bottom: -12vh;}
}

/*DATE PICKER*/
.ui-datepicker .ui-datepicker-header    { background: #96a78d; border-radius: 0; border: 0;}
.ui-datepicker .ui-datepicker-title     {}
.ui-widget.ui-widget-content            { border: 2px solid #4d4d4f;border-radius:0px}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active        { background: #96a78d;border-radius: 0; border: 0; color:#fff;   }
.ui-widget-content                              { color:#231f20 ;    font-family: days;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{font-family: days; font-size:90%;}
.ui-widget-header .ui-datepicker-next           { background-image: url(../../../000Frames/site/images/homePage/arrow_left.png);background-size: 20px;background-repeat: no-repeat;left: 22px;top: 11px;border-radius: 0px;width: 20px;height: 20px;}
.ui-widget-header .ui-datepicker-prev           { background-image: url(../../../000Frames/site/images/homePage/arrow_right.png);background-size: 20px;background-repeat: no-repeat;top: 11px;width: 20px;height: 20px;right: 18px;border-radius: 0px;}
.ui-widget-header .ui-datepicker-prev:hover     { right: 18px;top: 11px;} 
.ui-widget-header .ui-datepicker-next:hover     { left: 22px;top: 11px;} 
.ui-widget-header .ui-icon				        { background-image:none;}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus 						{ border: 0px;background-color:transparent;color:#231f20 ;}

