/* - - - - - - - - - - - - - - - - - - - - -

 Title : CSC Thann Forms --white
 Author : Rainbow Studio
 URL : http://www.rainbow-studio.net

 Last Updated : September 26th, 2019

- - - - - - - - - - - - - - - - - - - - - */

@import url('https://fonts.googleapis.com/css?family=Philosopher:400,700|Raleway&display=swap');

/* Backgrounds */
html{background-image:none;background-color:transparent !important;box-sizing: border-box;}
form.wufoo{font-family: 'Raleway', sans-serif;}
#container{background-color:transparent !important;}
.wufoo input.text, .wufoo textarea.textarea{background-color:#FFFFFF !important; padding: 10px; font-size: 14px !important;border-radius: 2px;border: 1px solid #ddd;box-sizing: border-box;}
.wufoo .focused, .wufoo li.focused{background-color:transparent !important;}
.wufoo .instruct{background-color:transparent !important;}

/* Borders */
#container{border:none;}
.wufoo .info{border-bottom:none;}
.wufoo .instruct{border:none;}
.wufoo .paging-context{border-bottom:none;margin-bottom:20px;}
.wufoo .pgStyle1 var, .wufoo .pgStyle2 td{border-color:#a4b228;}
.wufoo .pgStyle1 .selected var, .wufoo .pgStyle2 var, .pgStyle2 var em{background-color:#a4b228;border-color:#a4b228;}
.wufoo .pgStyle1 var, .wufoo .pgStyle2 var, .wufoo .pgStyle2 em, .wufoo .page1 .pgStyle2 var, .wufoo .pgStyle1 b, .wufoo .buttons .marker{font-family: 'Raleway', sans-serif;color:#fff !important;}

/* Typography */
.confirm .wufoo h2{color: rgba(19, 23, 24, 0.8) !important;background-color:#e1faea !important; border: 1px solid rgba(19, 23, 24, 0.25) !important;padding: 16px;border-radius: 2px;}
.wufoo .info h2{font-family:'Philosopher', sans-serif;color: white !important;font-size:34px !important; margin-bottom: 20px;}
.wufoo .info div{font-size:14px !important;font-family: 'Raleway', sans-serif;color:#fff !important;}
.wufoo .section h3{font-size:26px !important;font-family:'Philosopher', sans-serif;background-color:transparent;color:#fff !important;border-top: none !important;}
.wufoo .section div{font-size:16px !important;font-family: 'Raleway', sans-serif;color:#fff !important;}
.wufoo label.desc, .wufoo legend.desc{font-size:14px !important;font-family: 'Raleway', sans-serif;color:#fff !important;font-weight:400 !important;padding-bottom: 5px;}
.wufoo li div, .wufoo li div label, .wufoo li span label{font-size:14px !important;font-family: 'Raleway', sans-serif;color:#fff !important;}
.wufoo li span.addr2, .wufoo li span.state, .wufoo li span.country{display: none;}
.wufoo li:not(.price):not(.date):not(.complex) > label{display: none;}
.wufoo li span label:not(.choice){display: none;}
.wufoo input.text, .wufoo textarea.textarea, .wufoo select.select, .wufoo label.choice{font-size:16px !important;font-family: 'Raleway', sans-serif;color:#131718 !important;outline: none;}
.wufoo label.choice, .wufoo li span{color:#fff !important;}
.wufoo span.req{color:red !important; font-size: 30px;}
.wufoo .instruct{font-size:16px !important;font-family: 'Raleway', sans-serif;color:#fff !important;}
.wufoo input.submit, .wufoo button{position: relative;font-weight: 700;background-color: #a4b228;color: #131718;display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem;
    padding: 15px 25px;
    border: 1px solid transparent;
    border-radius: 2px;transition: background-color .25s ease-out,color .25s ease-out;
    font-family: inherit;
    font-size: .9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
	text-decoration: none;}
.wufoo button:hover {
	background-color: #8b9722;
}
.wufoo li.error.focused .desc{color:#fff !important;}
.wufoo li.error span{color:#131718 !important;}
.wufoo li.error.focused span{color:#fff !important;}
.wufoo li.error.focused p.error{color:#fff !important;}
.wufoo input.submit{background-color: #f7cb15;}
.wufoo input.submit:hover {background-color: #f8d338;}
.wufoo #previousPageButton{float: left; margin-right: 20px;}
.wufoo .price .symbol{line-height: 45px;}
.wufoo .price .symbol:not(.radix){position: absolute;margin-left:10px;line-height: 40px;}
.wufoo form li.complex div span.left, .wufoo form li.complex div span.right{margin-left: .3em;}
.wufoo .address .city{float: right;}
.wufoo .address div span.left, .wufoo .address div span.right{width:49%;}
.wufoo .name span{width: 49%;}
.wufoo .name span + span{margin-right:0;float: right;}
.wufoo .name span .text{width: 100%;}
.wufoo input[type="tel"]{width:100%;}
.wufoo .date .symbol{line-height: 40px}
.wufoo .date .datepicker{width:20px;height:20px;margin-top:10px;}
#payment #ccSection{background: transparent !important;}
#payment li.first h2{color: white !important;}
#payment .desc strong{color: white !important;}
#payment .invoice tbody th, #payment .invoice tbody td, #payment .invoice tfoot th, #payment .invoice tfoot td{color: white !important;}
#payment li span label{display: block;}
#payment #ccSection .StripeElement{background: white !important; padding: 10px; font-size: 14px !important;border-radius: 2px;border: 1px solid #ddd;}
#payment #ccSection > div, #payment #billSection > div, #payment #invoiceSection > div {width: 100%;}
.wufoo li.required:not(.date) span:not(.symbol):not(#cal5):not(.choice__text):not(.req), .wufoo li.required:not(.address):not(.date) div{position: relative;}
.wufoo li.required:not(.date) span:not(.symbol):not(#cal5):not(.choice__text):not(.req):after, .wufoo li.required:not(.address):not(.date) div:after{
    content:  '*';
    right: 5px;
    top: 5px;
    height: 15px;
    width: 12px;
    z-index: 99999999999;
    font-size: 30px;
    visibility: visible;
    color: red;
    position: absolute;
}
.wufoo li.required fieldset span:after, .wufoo li.required fieldset div:after{display: none;}
