/* Base
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
html {width: 100%;height: 100%;min-height: 100%;background-color: #fff;overflow-x: hidden;}
body {padding: 0;margin: 0;background-color: #fff;height: 100%;padding-right: 0 !important;}
main {position: relative; background-color: rgba(255,255,255,.75); z-index: 90}


a {color: #008195;}
a:hover, a:focus {text-decoration: none;color: #0038c6; }
a:active {color: #4D74D7}


header {position: relative;} 
.header-logo{width:300px; position: absolute; top:0; left: 0}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
.header-logo{width:20rem; position: absolute; top:0; left: 0}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 1320px) {
.header-logo{width:25rem; position: absolute; top:0; left: 0}
}

/* Large devices (desktops, 1920px and up)*/
@media (min-width: 1920px) {
.header-logo{width:30rem;}
}



/* Typography
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
html, body {font-family: myriad-pro, sans-serif;font-weight: 400;font-style: normal;color:#485156}

h1, h2, h3, h4, h5, .h1, .h2, .h3 {font-family: myriad-pro, sans-serif;font-weight: 700;font-style: normal;}
h1, .h1 {font-size: 1.8rem;font-family: myriad-pro, sans-serif;font-weight: 700;font-style: normal;color:#1a171b}
h2, .h2 {font-size: 1.5rem;}
h3, .h3 {font-size: 1.3rem;}
h6 {font-weight: 700;text-transform: uppercase;letter-spacing: 0.035rem;}
.semibold {font-family: myriad-pro, sans-serif;font-weight: 600;font-style: normal;}
.regular {font-family: myriad-pro, sans-serif;font-weight: 400;font-style: normal;}

/* Buttons
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.btn {text-decoration: none !important}
a.btn:hover {cursor:pointer}

.btn-primary {background-color: #008195;border-color:#008195; color: #fff !important;font-weight: 600;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.hovered {background-color: #2A6A8F !important;border-color: #2A6A8F !important;outline: none !important;cursor: pointer}
.btn-primary:active, .btn-primary.active, .btn-primary.active:focus {background-color: #008195 !important;border-color: #008195 !important;box-shadow: none;}
.btn-primary.border, .btn-primary.border:hover, .btn-primary.border:focus {border-color: #fff !important;}

/* Forms
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
.form-label {margin-bottom: .25rem; font-size: 1.15rem} 
.form-help{line-height: 1.25; color:#485156; margin-bottom:.25rem; font-size: 1rem }
.form-check-input {border-color:#1a171b;}
.form-check-input[type="checkbox"] {border-radius: .1em;}
.form-check-input:checked {background-color: #1a171b;border-color: #1a171b;}
.form-check-input:focus {box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(156, 255, 248, 0.5);}
.form-control:focus, .form-select:focus{border-color: #002649;  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 4px rgba(156, 255, 248, 0.5);}

.alert-danger{background-color: #DC3545;border-color:#DC3545; color:#fff;padding: .5rem 1rem;border-radius: 0; font-weight: 600;font-size: 1.15rem}
.alert-success{background-color: #fff;border-color:#28a745; color:#28a745;padding: .5rem 1rem;border-radius: 0;font-size: 1.15rem; line-height: 1.25}