/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 06 2026 | 19:01:25 */
/********** Main Content **********/

#main {
position: relative;
top: 0;
transition: top 1s ease;
}

#main,
#data-sheet-container {
background-color: rgb(250, 250, 250);
}

.topmargin-40 span {
color: rgb(255, 0, 0);
}

.bothmargins-25 p {
font-size: 18px;
line-height: 26px;
}

.bothmargins-25 span {
color: rgb(255, 0 ,0);
}

/********** Page Banner **********/

#bg-container {
position: relative;
width: 100%;
overflow: hidden;
}

#bg-container {
position: relative;
display: flex;
align-items: center;
width: 100%;
height: 100%;
background-image: url(/wp-content/uploads/pre-banner.jpg);
background-position: center top;
background-size: cover;
background-repeat: no-repeat;
}

#page-title-box {
display: flex;
align-items: center;
position: absolute;
left: 0;
width: 100%;
height: 80px;
line-height: 80px;
background-color: rgba(255,255,255,0.3);
}

#page-title-container {
position: absolute;
left: -100%;
width: 100%;
height: 80px;
line-height: 80px;
padding: 0 20px;
transition: left 1s ease 0.5s;
}

#page-title-container #main-title {
position: relative;
height: 80px;
text-align: center;
font-size: 40px;
line-height: 80px;
color: rgb(250, 250, 250);
text-shadow: 2px 2px 0px rgb(0, 0, 0);
}

#main-heading-wrapper {
width: 100%;
overflow: hidden;
}

#main-heading {
position: relative;
width: 100%;
margin-bottom: 40px;
display: flex;
justify-content: center;
left: 0;
opacity: 1;
}

#logo-block {
width: auto;
height: 50px;
margin-right: 10px;
}

#logo-block img {
width: auto;
height: 50px;
}

#heading {
font-size: 30px;
line-height: 50px;
font-weight: bold;
color: var(--gray3);
text-align: center;
}

#heading-bullet-survey {
box-sizing: border-box;
width: 30px;
line-height: 34px;
padding: 13px 0 7px 0;
margin-right: 5px;
font-size: 30px;
color: var(--burgundy1);
}

#heading-survey {
box-sizing: border-box;
padding: 12px 0 8px 0;
}

#section-heading-wrapper {
position: relative;
}

.section-heading-animated {
position: relative;
display: flex;
margin-bottom: 20px;
font-size: 30px;
line-height: 34px;
font-weight: bold;
text-align: center;
color: var(--gray3);
}

/********** Main Section **********/

.main-section {
width: 100%;
padding-top: 40px;
font-size: 18px;
line-height: 26px;
}

#page-heading {
display: flex;
justify-content: left;
width: 100%;
}

#wpforms-36153 {
margin: 18px auto 10px auto !important;
}

#survey-intro {
margin-bottom: 20px;
font-size: 18px;
}

#survey-intro span {
font-weight: bold;
}

.intro-wrapper {
width: 100%;
margin: 0;
color: #666666;
}

#quality-dimensions-heading {
position: relative;
width: 100%;
margin: 20px auto 20px auto;
font-size: 20px;
font-weight: bold;
color: var(--gray3);
text-align: center;
}

#eoqd-block {
display: none;
margin-top: 20px;
font-size: 18px;
font-weight: bold;
color: var(--gray3);
}

#eos-block {
margin-top: 20px;
font-size: 18px;
font-weight: bold;
color: var(--gray3);
}

#uscore-block {
display: none;
position: relative;
width: 100%;
padding: 10px 15px;
margin-top: 20px;
text-align: center;
color: var(--white);
font-weight: bold;
background-color: var(--brandBlue);
box-shadow: 0px 0px 12px 0px var(--blackTranslucent);
border-radius: 4px;
}

#uscore-desc {
display: none;
margin-top: 20px;
color: var(--gray3);
}

button {
padding: 0;
border: none;
background: none;
box-shadow: none;
border-radius: 0px;
font-weight: normal;
text-decoration: none;
text-shadow: none;
cursor: pointer;
}

input[type="search"] {
padding: 0;
border: none;
background: none;
box-shadow: none;
border-radius: 0px;
font-weight: normal;
text-decoration: none;
text-shadow: none;
}

/********** Form Sections *********/

#survey-section {
width: 100%;
}

#survey-form-container {
/*padding: 20px 30px 20px 30px !important;
background-color: rgb(253, 253, 253) !important;
border: 0.5px solid rgb(150, 150, 150) !important;
border-radius: 4px !important;
box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.3);*/
}

/********** Student Survey Form Styles **********/

#wpforms-36153 {
margin: 0 auto 0 auto ;
}

#wpforms-36153-field_2-container,
#wpforms-36153-field_3-container,
#wpforms-36153-field_4-container,
#wpforms-36153-field_5-container,
#wpforms-36153-field_6-container,
#wpforms-36153-field_7-container,
#wpforms-36153-field_8-container {
margin-top: 10px;
padding-bottom: 0 !important;
}

#wpforms-36153-field_7-container {
display: none;
padding-top: 6px !important;
padding-bottom: 0 !important;
}

#wpforms-36153-field_8-container {
display: none;
padding-top: 6px !important;
padding-bottom: 0 !important;
}

#wpforms-submit-36153 {
margin-top: 10px;
font-size: 16px ;
color: var(--white);
background-color: var(--brandBlue);
border-radius: 4px;
transition-duration: 0.2s;
}

.bold-font {
font-weight: bold;
}

.red-font {
color: rgb(255,0,0);
}

.survey-section-heading,
#fr-section,
#ogcf-section,
#ots-section,
#lr-section,
#et-section {
position: relative;
padding: 10px 15px;
margin: 0;
text-align: center;
color: var(--white);
font-weight: bold;
background-color: var(--brandBlue);
box-shadow: 0px 0px 12px 0px var(--blackTranslucent);
border-radius: 4px;
}

#ots-section,
#lr-section,
#et-section {
margin-top: 20px;
}

#form-intro {
position: relative;
padding: 10px 15px;
margin: 25px 0;
background-color: var(--brandBlue);
box-shadow: 0px 0px 12px 0px var(--blackTranslucent);
border-radius: 4px;
}

#form-intro p {
color: var(--white);
}

#form-intro span {
font-size: 24px;
}

.wpforms-required-label {
position: relative !important;
display: inline-block;
height: 16px !important;
margin-top: -2px !important;
vertical-align: top !important;
}

.wpforms-field {
padding: 10px 0 20px 0 !important;
}

.wpforms-field-label {
font-size: 1em !important;
}

.wpforms-field-label-inline {
font-size: 1em !important;
color: var(--gray3) !important;
}

input[type="radio"] {
position: relative !important;
width: 20px !important;
height: 20px !important;
top: 2.5px;
border: 1px solid black !important;
border-radius: 50% !important;
background-color: var(--white) !important;
/*outline: 1px solid rgb(0,0,0) !important;*/
outline-color: black !important;
/*box-shadow: 0 0 0 0.5pt var(--gray2) !important;*/
}

div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full .wpforms-form textarea {
font-size: 1em;
color: var(--gray2);
}

.wpforms-form input[type="text"]:required:valid, .wpforms-form input[type="email"]:required:valid {
background: url("/wp-content/uploads/check_circle.svg") no-repeat;
background-size: auto auto;
background-position: 8px 50%;
background-size: 20px;
border-color: #2ECC40;
padding-left: 35px;
}

.wpforms-form textarea:required:valid {
background: url("/wp-content/uploads/check_circle.svg") no-repeat;
background-size: auto auto;
background-position: 8px 6px;
background-size: 20px;
border-color: #2ECC40;
padding-left: 35px;
}

#wpforms-form-36153-field_10-container {
padding-bottom: 0 !important;
}

#wpforms-form-36153 #submit-container {
position: relative;
display: flex;
flex-wrap: wrap;
row-gap: 10px;
padding: 10px 15px;
margin-top: 25px;
background-color: var(--lightBlue);
border: 1px solid var(--gray1);
border-radius: 4px;
clear: both;
}

#wpforms-form-36153 #recaptcha-wrapper {
display: flex;
justify-content: left;
flex-basis: 70%;
height: 78px;
margin-top: 3px;
}

#wpforms-form-36153 #submit-wrapper {
display: flex;
flex-basis: 30%;
justify-content: right;
align-items: center;
}

/*div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container {
display: flex;
justify-content: center;
padding: 10px 0 6px 0 !important;
margin: 25px 0 !important;
width: 50%;
background-color: var(--lightBlue);
border: 1px solid var(--gray1);
border-radius: 4px;
clear: both;
}*/

#recaptcha-container {
display: flex;
justify-content: left;
padding: 0 !important;
margin: 0 0 0 0 !important;
clear: both;
}

#wpforms-form-36153 .g-recaptcha {
display: flex;
justify-content: center;
flex-basis: 100% !important;
}

#wpforms-form-36153 button[type="submit"] {
background: rgb(31,78,121) !important;
width: 140px;
padding: 10px 15px !important;
line-height: 16px;
border: 0 !important;
border-radius: 3px !important;
font-size: 16px !important;
font-weight: normal !important;
color: var(--white) !important;
text-shadow: none !important;
transition: transform 0.1s ease;
}

#wpforms-form-36153 button[type="submit"]:hover {
background: var(--burgundy1) !important;
}

#wpforms-form-36153 button[type="submit"]:focus {
padding: 10px 15px !important;
background-color: var(--brandBlue) !important;
border: 0 !important;
font-weight: normal !important;
color: var(--white) !important;
text-shadow: none !important;
}

/********** RFP Form Styles **********/

.section-header {
box-sizing: border-box !important;
width: 100% !important;
padding: 10px !important;
background-color: var(--darkBlue) !important;
border-radius: 4px !important;
box-shadow: 0 0 10px 0 var(--blackTranslucent) !important;
color: var(--white) !important;
font-size: 16px !important;
line-height: 18px !important;
font-weight: bold !important;
text-align: center !important;
}

#wpforms-form-36153 label {
color: #000000;
}

label span:first-of-type {
font-size: 24px !important;
font-weight: normal;
color: rgb(255, 0, 0);
}

label a:link, label a:visited {
color: var(--brandBlue);
outline: none;
text-decoration: none;
}

label a:hover {
color: var(--burgundy1) !important;
text-decoration: underline !important;
}

.wpforms-required-label {
font-size: 24px !important;
}

#wpforms-36153 {
margin-bottom: 0px;
}

div.wpforms-container-full .wpforms-form input[type="text"], div.wpforms-container-full .wpforms-form input[type="email"], div.wpforms-container-full .wpforms-form textarea {
font-size: 16px !important;
color: var(--gray2);
border-color: rgb(150, 150, 150);
}

.wpforms-form input[type="text"]:required:valid, .wpforms-form input[type="email"]:required:valid {
background: url("/wp-content/uploads/check_circle.svg") no-repeat;
background-size: auto auto;
background-position: 8px 50%;
background-size: 20px;
border-color: rgb(150, 150, 150);
padding-left: 35px;
}

.wpforms-form textarea:required:valid {
background: url("/wp-content/uploads/check_circle.svg") no-repeat;
background-size: auto auto;
background-position: 8px 6px;
background-size: 20px;
border-color: rgb(150, 150, 150);
padding-left: 35px;
}

.wpforms-field {
padding: 10px 0 20px 0 !important;
}

.wpforms-field-label {
font-size: 16px !important;
}

.wpforms-field-label-inline {
font-size: 16px !important;
}

#wpforms-36153-field_1-container {
padding: 20px 0 !important;
}

#wpforms-36153-field_11-container {
padding-top: 20px !important;
padding-bottom: 10px !important;
}

#wpforms-36153-field_12-container {
padding: 0 !important;
opacity: 0;
transition: opacity 0.2s ease;
}

#wpforms-36153-field_13-container {
opacity: 0;
transition: opacity 0.2s ease;
}

#wpforms-36153-field_14-container {
padding: 0 0 10px 0!important;
opacity: 0;
transition: opacity 0.2s ease;
}

#wpforms-36153-field_15-container {
padding: 0 !important;
opacity: 0;
transition: opacity 0.2s ease;
}


/********** Responsive Styling **********/

@media (min-width: 2501px) {
.main-margins { margin: 0 5%; }
.full-container { padding: 0 5% !important; }
#search-button-wrapper { right: 5% !important; }
#footer-container { margin: 0 5% !important; }
}

@media (min-width: 1901px) and (max-width: 2500px) {
.main-margins { margin: 0 5%; }
.full-container { padding: 0 5% !important; }
#search-button-wrapper { right: 5% !important; }
#footer-container { margin: 0 5% !important; }
}

@media (max-width: 680px) {
#submit-container { padding: 10px 5px !important; }
#recaptcha-wrapper { flex-basis: 100% !important; justify-content: center !important; margin-left: 2px; }
#recaptcha-container { justify-content: center !important; }
#submit-wrapper { flex-basis: 100% !important; justify-content: center !important; }
#print-container { justify-content: center; }
#print-note { flex-basis: 100%; margin: 10px 0 0 0; padding: 0; line-height: 18px; }
}

