/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;700&family=Tinos:wght@400;700&display=swap');

/* Related CSS Files */
@import url("header.css");
@import url("content.css");
@import url("department.css");
@import url("footer-26.css");

body { font-family: 'Mulish', sans-serif; font-weight: 300; margin: 0; font-size: 17px; line-height: 29px; color: #0E100D; scroll-behavior: smooth; min-height: auto !important; }
h1, h2, h3 { font-family: 'Tinos', serif; }
h2 { font-size: 36px; line-height: 40px; }
h3 { font-size: 28px; line-height: 36px; }

a { color: #1E3D62; }
a:hover, a:active { text-decoration: none; }

a.button { background: #F99F1B; border: 2px solid #F99F1B; color: #0E100D; text-decoration: none; padding: 4px 8px; font-size: 20px; display: inline-block; margin: 0 4px 4px 0; font-weight: 700; }
a.button:hover { background: none; transition: 1s; }

hr { margin-block-start: 20px; margin-block-end: 20px; border: 0px; border-top: 1px solid #B4DFE4 !important; }

/*

Colors:
Dark Blue - #1E3D62
Lt. Blue  - #B4DFE4
Orange    - #F99F1B
Cream     - #FFFDF4
Black     - #0E100D
Alert     - #901314 (with white text)

*/

* Forms */
#contactForm.centerForm { display: block; margin: 0 auto; width: calc(100% - 40px); padding: 20px; max-width: 400px; }
#contactForm i { font-style: normal; color: #C00; font-weight: 700; }
#contactForm ol { margin: 0; list-style-type: none; padding: 0; }
#contactForm ol label { display: block; line-height: 26px; font-weight: 700; }
#contactForm ol li .checkboxGroup { margin-bottom: 0.5em; }
#contactForm ol input[type="text"], #contactForm ol input[type="date"], #contactForm ol input[type="email"], #contactForm ol input[type="number"], #contactForm ol input.form-input { font-family: 'Mulish', sans-serif; font-size: 16px; width: 100%; padding: 5px; border: 1px solid #666; margin-bottom: 1em; box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
#contactForm input[type="submit"] { display: block; width: 150px; font-family: 'Mulish', sans-serif; font-size: 16px; color: #FFF; text-align: center; border: 0; background: #111111; padding: 10px 0; margin: 1.5em 0 0; cursor: pointer; }
#contactForm ol select { font-family: 'Mulish', sans-serif; font-size: 16px; width: 100%; padding: 5px; border: 1px solid #666; margin-bottom: 1em; }
#contactForm ol textarea { font-family: 'Mulish', sans-serif; font-size: 16px; width: 100%; padding: 5px; border: 1px solid #666; margin-bottom: 1em; }

#contactForm li.width50 { width: 49%; float: left; margin-right: 1%; }
#contactForm li.width40 { width: 39%; float: left; margin-right: 1%; }
#contactForm li.width33 { width: 32.3%; float: left; margin-right: 1%; }
#contactForm li.width30 { width: 29%; float: left; margin-right: 1%; }
#contactForm li.width25 { width: 24%; float: left; margin-right: 1%; }
#contactForm li.width20 { width: 19%; float: left; margin-right: 1%; }
#contactForm li.width50.right { width: 50%; margin-right: 0%; }
#contactForm li.width40.right { width: 40%; margin-right: 0%; }
#contactForm li.width33.right { width: 33.3%; margin-right: 0%; }
#contactForm li.width30.right { width: 30%; margin-right: 0%; }
#contactForm li.width25.right { width: 25%; margin-right: 0%; }
#contactForm li.width20.right { width: 20%; margin-right: 0%; }
#contactForm hr { margin-block-start: 10px; }

@media screen and (max-width: 600px) {
  #contactForm li.width50, #contactForm li.width40, #contactForm li.width33, #contactForm li.width30, #contactForm li.width25, #contactForm li.width20, #contactForm li.width40.right, #contactForm li.width33.right, #contactForm li.width30.right, #contactForm li.width25.right, #contactForm li.width20.right {
    width: 100% !important;
    margin: 0 !important;
    float: none;
  }
}

/* Clear */
.clear { clear: both; }

/* Content - Embeds */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }