.navTopper {width:100% !important; padding:0px; margin:0px;}
.organizationNavName {text-align:center; padding:10px 0px; margin:0px; text-transform: uppercase;}
.bannerImageContainer {max-height:400px; width:100% !important; overflow: hidden; padding: 0px;}
.bannerImage{width:100% !important;}
.wrapper {background-color: #f5f5f5;}
.pageContent, .footerContainer {background-color: #FFF; padding:20px;}
.landingDescription {margin-bottom:20px;}
/* Accessibility: restricted translateY to wider viewports only to prevent overlap at 200% zoom (WCAG 1.4.10) */
@media all and (min-width:800px) {
    .pageContent {
        transform: translateY(-75px);
    }
}
@media all and (min-width:500px) {
    /* Accessibility: changed from fixed width to max-width so panels can shrink at zoom (WCAG 1.4.10) */
    .webinarResourcePanel, .webinarFlushPanel, .webinarPaddedPanel {max-width:70%; width:100%;}
    .adminMenuButton {max-width:70%; width:100%;}
}
@media all and (max-width:500px) {
    /* Accessibility: added overflow-wrap for long words at narrow viewports (WCAG 1.4.12) */
    .organizationNavName {padding:0px 0px; overflow-wrap: break-word;}

}
@media all and (max-width:800px) {
    h1.pageHeading {font-size:1.5rem !important; text-decoration:none;}
    .landingDescription {font-size:1.25rem !important; text-decoration:none;}
    .indexSubHeading {font-size:1.5rem !important; text-align:center; margin:0px;}
}
/* Accessibility: 320px breakpoint for 200% zoom reflow (WCAG 1.4.10) */
@media all and (max-width:320px) {
    .webinarResourcePanel, .webinarFlushPanel, .webinarPaddedPanel { width:100%; max-width:100%; }
    .adminMenuButton { width:100%; max-width:100%; }
    .pageContent { transform: none; padding: 10px; }
}
.navbar{min-height: 80px; background-color:#FFF !important;}
.adminSubmitButton {width: 100%; text-align:center; margin:20px 0;}
.alert {text-align:center; font-weight:800;}
.theme p {font-size:18px; line-height:1.5; font-weight:100; color:#000; }
.alert, .error {color:red; }
.adminMenuButton {margin-bottom:20px;}
.adminMain {width:100%;}
.paddedSubmitButton {margin-top:20px;}
.indexMenuButton {width:100%; margin:20px 0px;}
.webinarResourcePanel {background-color: #f5f5f5; margin:0 auto; padding:10px 20px; text-align:left;}
.webinarFlushPanel {margin:0 auto; padding:5px 0px; text-align:left;}
.webinarPaddedPanel {margin:0 auto; padding:10px 10px; text-align:center;}
.webinarPaddedPanel p {text-align:left;}
.webinarDescriptionText {font-size:15px; font-weight:600;}
/* Accessibility: changed line-height from 1em to 1.5 to accommodate text spacing overrides (WCAG 1.4.12) */
#resource_1_file, .uploadButton, .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, button.dt-button, div.dt-button, a.dt-button {line-height: 1.5 !important;}
.webinarForm .webinarFieldHolder {text-align:left !important; margin-top:1.25em;}
.webinarForm .webinarFieldHolder div {color:#000 !important;}
.webinarForm .webinarLabel {margin-left:2.5%; text-align:left;}

.indexMenuButton, .adminMenuButton {text-decoration:none; text-align:center;}
.registerButton { text-align:center; width:100%}
h1.pageHeading{padding-bottom:20px; text-align:center}
.pageHeading{padding-bottom:20px;}
.pageSubheading{padding-left:10%; padding-right:10%;}
.datepicker, .datetimepicker .bootstrap-datetimepicker-widget{color:#000 !important;}
.webinarTable td {vertical-align: top;}
.webinarTableText {text-align:left; padding:15px;}
.webinarTableImage {text-align:left; padding:15px;}
/* Accessibility: changed from fixed width to min-width so button can grow with text (WCAG 1.4.10) */
.minifiedButton {min-width:100px; width:auto !important;}
.paddedSubmitButton {margin-top:20px;}
.centerButton {text-align:center;}
h1, h2, h3, p {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

h1, h2, h3, p {font-family: sans-serif;}

.footerContainer .copyright{font-size:12px !important; color: #595959 !important;}

.tooltip {
    position: relative;
    display: inline-block;
    opacity:1.0;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    /* Accessibility: changed from fixed width to max-width to prevent overflow at zoom (WCAG 1.4.10) */
    max-width: 240px;
    width: max-content;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}
/* Accessibility: show tooltip on keyboard focus so tooltips are keyboard-accessible (WCAG 2.1.1) */
.tooltip:focus-within .tooltiptext {
    visibility: visible;
}
.tooltip .tooltiptext {
    top: -5px;
    left: 105%;
}

.webinarForm #email {border-radius: 4px;}
.webinarForm .webinarFieldHolder .form-check-label {color:#FFF; font-size:14px; vertical-align: 55%;}
.webinarFieldHolder .forgotPassword {font-weight:700;}
.checkboxText {display: inline;}
.form-check-inline .form-check-input {vertical-align: bottom; padding-top:20px;}
.registrationDisclaimer{padding-top:15px;}
/* Accessibility: removed duplicate .minifiedButton -- see above for the accessible version */
.deleteWebinarIdentifierBox, .deleteResourceIdentifierBox {min-width:auto;}
.analyticsDataTable {font-size:14px; max-width:100%}
.centeredCell {text-align:center;}
/* Accessibility: changed line-height from 1em to 1.5 to accommodate text spacing overrides (WCAG 1.4.12) */
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, button.dt-button, div.dt-button, a.dt-button {line-height: 1.5 !important;}
.titleCell {min-width:60%;}
/* Accessibility: changed from fixed margin to max-width for text spacing resilience (WCAG 1.4.12) */
.details {margin: 0 auto; max-width: 60%;}

/* Accessibility: WCAG 1.4.12 Text Spacing -- ensure text containers adapt to increased spacing */
.webinarFlushPanel,
.webinarPaddedPanel,
.webinarResourcePanel,
.webinarTableText,
.webinarDescriptionText,
.adminMenuButton,
.indexMenuButton {
    overflow-wrap: break-word;
    word-wrap: break-word;
}