@charset "UTF-8";/*
FORM
========================================================== */
input:not(.logout), textarea, button {border-radius: 0 !important; font-family: inherit;}
*:focus {outline: none !important;}
::-moz-focus-inner {border: 0;}
.ui.basic.pointing.label {paddingL: 5px !important;}
input[type="text"]::-webkit-input-placeholder {opacity: 1; color: inherit; font-weight: 300; font-family: inherit;}
input[type="text"]::-moz-placeholder {opacity: 1; color: inherit; font-weight: 300; font-family: inherit;}
input[type="text"]:-ms-input-placeholder {opacity: 1; color: inherit; font-weight: 300; font-family: inherit;}
input[type="text"]:-moz-placeholder {opacity: 1; color: inherit; font-weight: 300; font-family: inherit;}
input[type="checkbox"] {display: none;}
input[type="checkbox"] + label {padding-left: 30px; min-height: 25px; position: relative; display: flex; align-items: center; color: #fff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
input[type="checkbox"] + label:before,
input[type="checkbox"] + label:after {content: ''; width: 20px; height: 20px; position: absolute; display: block;}
input[type="checkbox"] + label:before {border-radius: 0; border: 1px solid #fff; top: 2px; left: 0;}
input[type="checkbox"] + label:after {top: 1px; left: 4px; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s, border-color .08s;}
input[type="checkbox"]:checked + label:after {content: '✓'; opacity: 1;}
input[type="submit"]:not(.logout),
input[type="button"] {border: none; background-color: transparent; cursor: pointer; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s;}
textarea {box-shadow: none !important; border-radius: 0 !important; opacity: 1; font-family: inherit; font-weight: normal; color: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
textarea::-webkit-input-placeholder {opacity: 1; font-family: inherit; font-weight: 300; color: inherit;}
textarea::-moz-placeholder {opacity: 1; font-family: inherit; font-weight: 300; color: inherit;}
textarea:-ms-input-placeholder {opacity: 1; font-family: inherit; font-weight: 300; color: inherit;}
textarea:-moz-placeholder {opacity: 1; font-family: inherit; font-weight: 300; color: inherit;}
select {border-radius: 0 !important; border: none; border-bottom: 1px solid #fff; padding: 3px 20px 4px 0; width: 100%; min-height: 30px; position: relative; background-color: transparent;  background-position: right center; background-repeat: no-repeat; background-size: 20px 11px; font-family: inherit; font-weight: 300; cursor: pointer;
         -webkit-appearance: none; -moz-appearance: none; appearance: none;}
button, .ui.button {padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;
		  font-weight:normal; font-style: normal; text-transform: uppercase;}

/* Login box fields */
fieldset input::-webkit-input-placeholder {text-transform: uppercase;}
fieldset input::-moz-placeholder {text-transform: uppercase;}
fieldset input:-ms-input-placeholder {text-transform: uppercase;}
fieldset input:-moz-placeholder {text-transform: uppercase;}
.ui.form, 
.ui.form input,
.ui.form textarea  {font-style: inherit !important; font-weight: inherit !important;}
.ui.form .field > label,
.ui.form .required.field > .checkbox::after, 
.ui.form .required.field > label::after, 
.ui.form .required.fields.grouped > label::after, 
.ui.form .required.fields:not(.grouped) > .field > .checkbox::after, 
.ui.form .required.fields:not(.grouped) > .field > label::after,
.chronoforms6_credits {display: none !important;}
.ui.form .field > .selection.dropdown .text {opacity: 1 !important; color: inherit !important;}
.ui.form .field > input::-webkit-input-placeholder {opacity: 1 !important; color: inherit !important;}
.ui.form .field > input::-moz-placeholder {opacity: 1 !important; color: inherit !important;}
.ui.form .field > input:-ms-input-placeholder {opacity: 1 !important; color: inherit !important;}
.ui.form .field > input:-moz-placeholder {opacity: 1 !important; color: inherit !important;}
.ui.form .field > textarea::-webkit-input-placeholder {opacity: 1 !important; color: inherit !important;}
.ui.form .field > textarea::-moz-placeholder {opacity: 1 !important; color: inherit !important;}
.ui.form .field > textarea:-ms-input-placeholder {opacity: 1 !important; color: inherit !important;}
.ui.form .field > textarea:-moz-placeholder {opacity: 1 !important; color: inherit !important;}
.ui.form .field,
#full-screen-slider-overlay-login .control-group, button {margin: 0 0 20px 0 !important;}
.ui.form .field > input:not([type="checkbox"]),
#full-screen-slider-overlay-login .control-group input:not( [type="checkbox"] ) ,
.ui.form .field > textarea,
.ui.form .field > .selection.dropdown,
.ui.selection.dropdown .menu > .item:not(.havesomeclass) {padding: 0.938vw 0.938vw !important; min-height: auto; filter: none;}
.ui.form .field > input:not([type="checkbox"]),
#full-screen-slider-overlay-login .control-group input:not( [type="checkbox"] ) ,
.ui.form .field > textarea,
.ui.form .field > .selection.dropdown,
.ui.selection.active.dropdown .menu,
.ui.checkbox .box::before, 
.ui.checkbox label::before,
.ui.checkbox .box::after, 
.ui.checkbox label::after {border: 2px solid var(--cream) !important; border-radius: 0 !important; min-height: auto; color: var(--evening) !important;}
 .ui.checkbox .box::before, .ui.checkbox label::before, .ui.checkbox .box::after, .ui.checkbox label::after {border-radius: 0 !important;} 
.ui.form .field > textarea {min-height: 7.708vw;}
.ui.form .field > input:not([type="checkbox"]),
#full-screen-slider-overlay-login .control-group input:not( [type="checkbox"] ) ,
.ui.form .field > textarea,
.ui.form .field > .selection.dropdown,
.ui.checkbox .box::before, 
.ui.checkbox label::before {background: var(--cream) !important; }
.ui .ui.checkbox label::before, .ui .ui.checkbox label::after { border: 2px solid var(--cream) !important; background-color:transparent !important; }
.ui.form button { background: var(--darkblue) !important; color: var(--cream) !important; font-size: 2.292vw; line-height: 3.021vw !important;text-transform:none;}
.ui.form > p {margin: 0 0 0 0 !important; text-align: center;}
.ui.dropdown .menu > .item {background: var(--cream); color: var(--evening);}
.ui.dropdown .icon {margin: 0 !important; padding: 0 !important; width: 1.391vw !important; height: 1.391vw !important; top: 50% !important; right: 10px !important; background: url("http://www.rondostratford.com/templates/rondostratford/images/shared/chev-down-red.svg") right center no-repeat !important; background-size: contain !important;
                     -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: rotate(0) translateY(-50%);}
.ui.dropdown.active .icon {-webkit-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%);}
.ui.dropdown .icon::before {display: none !important;}
.ui.selection.dropdown .menu {border-radius: 0 !important; background-color: var(--cream) !important;}
.ui.selection.dropdown .menu > .item {border: 0 !important;}
.ui.dropdown .menu .selected.item, 
.ui.dropdown.selected,
.ui.dropdown .menu > .item:hover {background: #F2EAE0 !important; color: #000 !important;}
.ui.dropdown > .text {text-align: left; width: 100%;}
.ui.segment {margin: 0 !important;}
.ui.checkbox label {padding-left: 2.489vw !important; color: #000 !important;}
.ui.checkbox .box::before, 
.ui.checkbox label::before,
.ui.checkbox .box::after, 
.ui.checkbox label::after {width:1.757vw !important; height: 1.757vw !important; font-size: 0.952vw !important; line-height: 1.318vw !important;}
.ui.checkbox .box, .ui.checkbox label, .tiny-text, .ui.small.error-msg { font-size: 0.832vw !important; line-height: 1.618vw !important; }
.ui.checkbox .box::after, 
.ui.checkbox label::after {background-color: transparent !important;}
.ui.checkbox label a {color: var(--cream) !important; text-decoration: underline; font-weight: normal;}
.ui.checkbox label {text-align: left !important; color:var(--cream) !important;}
#area_segment_23 .field {max-width: 56%; margin-right:10%;}
.ui.form button {width:40%; margin: 1em 0 1em 0 !important; box-shadow: none !important; min-height: auto !important; display: block !important; max-height: 4vw; text-align: center; padding: .5vw 1vw .7vw !important; border-radius: 0 !important; font-weight: bold;letter-spacing:0em;}
.ui.form .field .prompt.label:not(.havesomeclass) {margin: 3px 0 0 0 !important; border: none !important; padding: 0.3vw !important; color: var(--evening) !important; position: absolute; min-height: 1.1vw !important; display: block !important; border-radius: 0 !important;}
.ui.pointing.label::before,
.ui.form .custom-error {display: none !important;}
.ui.message, .ui.message.success {background: none !important; color: inherit !important; box-shadow:none !important;}
.ui.segment {background: transparent !important; padding:0 !important; border: none; box-shadow: none;}
#contact-form .chronoforms {max-width: 66%; margin: 0 auto;}
#area_segment_23 > div:first-child {order: 1;}
#area_segment_23 > div {padding-left: 0;}
/* Ewww.. error message */
#system-message-container > div {position:fixed; top: 20vw; width: 80vw; background: #000; z-index: 100; color: #fff; left: 50%; transform: translateX(-50%); padding: 2vw 2vw 2.5vw 2vw;}
#system-message-container .close {position: absolute; top: 1vw; right: 1vw; width: 1vw; height: 1vw;font-size: 3vw; background: transparent; border: none; color: #fff; font-family: inherit; cursor: pointer;}
.btn {text-transform: uppercase; border: 2px solid #fff; border-radius: 0; padding: 1.042vw 4.167vw; display: inline-block; background-color: transparent !important; color: #000 !important; cursor: pointer; -webkit-transition: background .3s, color .3s; -moz-transition: background .3s, color .3s; -o-transition: background .3s, color .3s; transition: background .3s, color .3s;}


@media (max-width:767px) and (orientation:portrait) {
	.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], 
	.ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"], 
	.ui.form .dropdown > div, .ui.form textarea, .ui.dropdown .menu > .item {font-size: 3.733vw; line-height: 6.667vw;}
	.ui.form button {width: auto; font-size: 5.067vw; line-height: 8vw !important; margin-bottom: 20px; padding: 3vw 12.800vw !important; border-radius: 0 !important; max-height: inherit; }
	.ui.checkbox label {padding-left: 34px !important;}
	.ui.checkbox .box::before, 
	.ui.checkbox label::before,
	.ui.checkbox .box::after,
	.ui.checkbox label::after {width:24px !important; height: 24px !important; font-size:3.200vw !important; line-height:5.333vw !important;}
	.ui.dropdown .icon {width: 5.067vw !important; height: 5.067vw !important;}
	.ui.checkbox .box, .ui.checkbox label, .tiny-text, .ui.small.error-msg {font-size: 3.200vw !important; line-height: 4.800vw !important;}
	.ui.form .field > input:not([type="checkbox"]), #full-screen-slider-overlay-login .control-group input:not([type="checkbox"]), 
	.ui.form .field > textarea, .ui.form .field > .selection.dropdown, .ui.selection.dropdown .menu > .item:not(.havesomeclass) {padding: 2.538vw 2.938vw !important;}
	p.tiny-text {padding-top: 1em !important;}
}
