html {width: 100% !important; padding: 0; margin: 0;}
/* Character Styles */
body {width: 100% !important; padding: 0; margin: 0; font-family: 'Benton Sans', Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; letter-spacing: 0; color: #262626;}
a {color: #666666;}
a:hover, a:active {color: #333333;}
h2 {font-size: 20px; font-weight: normal; margin-bottom: 15px;}
h3 {font-size: 17px; font-weight: bold;}
.aaas-h1 {font-family: 'Benton Sans', Arial, sans-serif; font-style: normal; font-weight: bold; font-weight: 900; font-size: 44px; line-height: 53px; letter-spacing: 0; color: #262626;}
.aaas-h2, .maintitle {font-family: 'Benton Sans', Arial, sans-serif; font-style: normal; font-weight: bold; font-size: 18px; line-height: 22px; letter-spacing: 0; color: #262626; text-transform: uppercase;}
.fronttitle {margin-bottom: 40px;}
.roboto-regular-16-pt {font-family: Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; letter-spacing: 0; color: #ca2015; text-decoration: underline;}
.roboto-regular-16-pt {font-family: Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; letter-spacing: 0; color: #595959;}
.roboto-bold-12-pt {font-family: Roboto, Arial, sans-serif; font-style: normal; font-weight: bold; font-size: 12px; line-height: 14px; letter-spacing: 0.58px; color: #262626; text-transform: uppercase;}
.roboto-bold-24-pt {font-family: Roboto, Arial, sans-serif; font-style: normal; font-weight: bold; font-size: 24px; line-height: 26px; letter-spacing: 0.14px; color: #262626; text-transform: uppercase;}
.roboto-bold-20-pt {font-family: Roboto, Arial, sans-serif; font-style: normal; font-weight: bold; font-size: 20px; line-height: 26px; letter-spacing: 0.12px; color: #262626;}
.roboto-regular-14-pt {font-family: Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; letter-spacing: 0; color: #595959;}
.roboto-bold-18-pt {font-family: Roboto, Arial, sans-serif; font-style: normal; font-weight: bold; font-size: 18px; line-height: 26px; letter-spacing: 0.11px; color: #262626;}
.pt-serif-regular-16-pt {font-family: 'PT Serif', Times, 'Times New Roman', serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; letter-spacing: 0.14px; color: #262626;}
.roboto-bold-32-pt {font-family: Roboto, Arial, sans-serif; font-style: normal; font-weight: bold; font-size: 32px; line-height: 40px; letter-spacing: 0.38px; color: #0b0b0b;}
.roboto-bold-22-pt {font-family: Roboto, Arial, sans-serif; font-style: normal; font-weight: bold; font-size: 22px; line-height: 10px; letter-spacing: 0; color: #ffffff;}
.roboto-bold-18-pt {font-family: Roboto, Arial, sans-serif; font-style: normal; font-weight: bold; font-size: 18px; line-height: 24px; letter-spacing: 0; color: #ffffff;}
.roboto-bold-24-pt {font-family: Roboto, Arial, sans-serif; font-style: normal; font-weight: bold; font-size: 24px; line-height: 30px; letter-spacing: 0.14px; color: #262626;}
.roboto-bold-9-5-pt {font-family: Roboto, Arial, sans-serif; font-style: normal; font-weight: bold; font-size: 9.5px; line-height: 11px; letter-spacing: 0.46px; color: #ca2015; text-transform: uppercase;}
.roboto-regular-9-5-pt {font-family: Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 9.5px; line-height: 11px; letter-spacing: 0.34px; color: #6e6e6e; text-transform: uppercase;}
.pt-serif-regular-14-pt {font-family: 'PT Serif', Times, 'Times New Roman', serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; letter-spacing: 0; color: #595959;}
.roboto-bold-30-pt {font-family: Roboto, Arial, sans-serif; font-style: normal; font-weight: bold; font-size: 30px; line-height: 35px; letter-spacing: 1.44px; color: #262626; text-transform: uppercase;}
.logobar {background-color: #0B0B0B; padding: 30px 30px; color: #ffffff; /*overflow-x: auto;*/ white-space: nowrap; width: 100%;}
.logobar img {margin-right: 30px; display: inline-block; float: none;}
.logobar img:last-child {margin-right: 0;}
.logobar a img {border: 0;}

/*.alert {margin-top:15px;}
.alert ul.message {margin-bottom:0;}*/

ul#messages {    list-style-type: none;
    padding-inline-start: 0;}

.mainsection {padding: 50px 0;}
label {text-transform: uppercase; font-size: 13px; font-size: 13.5px; line-height: 16px;}
label.labelPlainText {text-transform: none; font-size: 16px; font-size: normal; margin-bottom: 0;}
input {background-color: #f0f0f0; padding: 10px 15px; border: 0;}
input[type=email], input[type=password], input[type=text] {font-size: 18px;}
.fieldWrap {margin-bottom: 15px;}
.fieldWrap label {display: block;}
.fieldWrap input {display: block;}
.buttonWrap {margin-bottom: 10px;}
button, .btn, input[type=button] {border: 2px solid #0B0B0B; border-radius: 25px; padding: 5px 25px; text-transform: uppercase; font-weight: bold; font-size: 14px;}
.btn-black {background-color: #0B0B0B; color: #ffffff;}
.btn-black:hover, .btn.btn-black:hover, .btn-black:active, .btn.btn-black:active {color: #ffffff; background-color: #333333;}
.btn-white {background-color: #ffffff; color: #0B0B0B;}
.btn-white:hover, .btn.btn-white:hover, .btn-white:active, .btn.btn-white:active {background-color: #dddddd;}
a.btn-black {background-color: #0B0B0B !important; color: #ffffff !important; cursor: pointer;}
a.btn-black:hover, a.btn.btn-black:hover, a.btn-black:active, a.btn.btn-black:active {color: #ffffff; background-color: #333333;}
.textForgotPasswordWrap {margin-bottom: 40px;}
.textForgotPasswordWrap a {color: #666666; font-size: 13px; line-height: 16px; text-decoration: underline;}
.textForgotPasswordWrap a:hover, .textForgotPasswordWrap a:active {text-decoration: none;}
.fineTextWrap, label.fineTextWrap {font-size: 14px; line-height: 18px;}
.fineTextWrap p {margin-bottom: .5rem;}
.inputEmailRetrieval, input.inputEmailRetrieval, .inputEmailRetrieval:disabled, .inputEmailRetrieval[readonly] {background-color: transparent; padding: 0; font-size: 16px;}
.checkbox {height: auto; width: auto; display: inline-block;}
.logoColor {margin-right: 35px; margin-bottom: 35px;}
.section-below-form {margin-top: 40px;}
.footersection {color: #ffffff; background-color: #0B0B0B; padding: 20px 10px; text-transform: uppercase; font-size: 12px; line-height: 16px;}
.footersection p {margin: 0; padding: 0;}
.clearfix {margin-bottom: 25px;}
.logobar {padding: 30px 0;}
.carousel-cell {margin-right: 30px; display: inline-block;}
.carousel-cell:last-child {margin-right: 0
}
/* flickity on by default */
.carousel:after {content: 'flickity'; display: none;}
.flickity-enabled .carousel-cell {top: 0;}
/* no circle */
.flickity-button {background: transparent;}
/* icon color */
.flickity-button-icon {fill: #9C9C9C;}
.flickity-button-icon:hover {fill: #fff;}
/* hide disabled button */
.flickity-button:disabled {display: none;}
.flickity-slider {display: flex; align-items: center;}
input.form-control {background-color: #f0f0f0; border: 0;}
.logo-aaas {max-width: 96px;}
.logo-science, .logo-science2 {max-width: 92px;}
.logo-eurekalert {max-width: 114px;}
.logo-aaas-communities {max-width: 110px;}
.logo-seachange {max-width: 84px;}
.logo-lsen {max-width: 131px;}
.logo-stpf {max-width: 165px;}
.logo-annual-meeting {max-width: 180px;}
.logo-aaas-color {max-width: 154px;}
.logo-science-color, .logo-science2-color {max-width: 147px;}
.logo-eurekalert-color {max-width: 162px;}
.logo-aaas-communities-color {max-width: 151px;}
.logo-seachange-color {max-width: 121px;}
.logo-lsen-color {max-width: 148px;}
.logo-stpf-color {max-width: 197px;}
.logo-annual-meeting-color {max-width: 199px;}
@media screen and (min-width:228px) {.logobar {padding: 30px 20px;}}
@media screen and (min-width:409px) {.logobar {padding: 30px 25px;}}
@media screen and (min-width: 1348px) {
  /* disable Flickity for large devices */
  .carousel:after {content: '';}
  .carousel-cell {display: inline-block;}
  .logobar {overflow-x: hidden; padding: 30px 30px;}
}