
h1 {
    margin: 1rem 0rem;
    font-size: 33px;
    line-height: 1.1em;
    color: #626568;
}

h2 {
    margin: 1rem 0rem;
    font-size: 23px;
    line-height: 1.15em;
    color: #442970;
}

h3 {
    margin: 1rem 0rem;
    font-size: 19px;
    line-height: 1.25em;
}

h4 {
    margin: 1rem 0rem;
    font-size: 18px;
    line-height: 1.35em;
}

h5 {
    margin: 14px 0px;
    font-size: 1.2em;
    line-height: 1.4em;
}

h6 {
    margin: 14px 0px;
    font-size: 1.1em;
    line-height: 1.4em;
}

h1,
h2,
h3 {
    font-family: 'Merriweather Sans', Helvetica, Arial, Sans-Serif;
}

p {
    margin: 1rem 0rem;
}

.notice {
    clear: both;
    padding: 10px 15px;
    background-color: #e9e9e9;
}

.notice a {
    text-decoration: underline;
}

.orange {
    color: #fd973c !important;
}

.blue {
    color: #222a5e !important;
}

.purple {
    color: #726c95 !important;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child {
    margin-top: 0px;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child {
    margin-bottom: 0px;
}

label {
    font-weight: 600;
    font-size: 15px;
}

/*--------------------------------------------*/

a:link,
a:active,
a:visited {
    text-decoration: none;
    color: #fd973c;
}

a:hover {
    text-decoration: none;
    color: #ff7800;
}

a.external_link:after {
    position: relative;
    display: inline-block;
    content: "\e164";
    top: 1px;
    padding-left: 5px;
    font-weight: 400;
    font-style: normal;
    font-size: 0.9em;
    line-height: 1em;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a.pdf,
a.word,
a.ppt,
a.video,
a.document,
a.audio {
    display: inline-block;
    padding-left: 22px;
}

a.pdf {
    background: url("../../images/pdf.png") left 2px no-repeat;
}

a.word {
    background: url("../../images/icon_doc.png") left 2px no-repeat;
}

a.ppt {
    background: url("../../images/icon_ppt.png") left 2px no-repeat;
}

a.video {
    background: url("../../images/icon_youtube.png") left 2px no-repeat;
}

a.document {
    background: url("../../images/icon_document.png") left 2px no-repeat;
}

a.audio {
    background: url("../../images/icon_audio.png") left 2px no-repeat;
}

a.standard_btn {
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 8px 20px;
    background: #fd973c;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

a.standard_btn:hover {
    background: #222a5e;
}

a.styled_btn,
a.btn-submit,
.btn-primary,
.btn-success,
.btn-default {
    position: relative;
    display: inline-block;
    padding: 8px 20px;
    border: 2px solid #fd973c;
    background: #222a5e;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-decoration: none !important;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    text-shadow: none;
}

.btn-default {
    background: #ccc;
    border-color: #bbb;
    color: #333;
}

a.styled_btn:hover,
a.styled_btn:focus,
a.btn-submit:hover,
a.btn-submit:focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus {
    background: #fd973c;
    border: 2px solid #222a5e;
}

.btn-default:hover,
.btn-default:focus {
    background: #ddd;
    border-color: #ccc;
}

.btn_block {
    clear: both;
    display: block;
    float: none;
}

a.btn-primary {
    color: #fff;
}

a.link_block {
    clear: both;
    position: relative;
    display: block;
    margin-top: 5px;
    padding: 8px 15px;
    text-decoration: none;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}

a.link_block:hover {
    background: transparent url("../../images/rgba0-0-0-0.1.png");
    background-color: rgba(0, 0, 0, 0.1);
}

a.link_block .glyphicon-chevron-right,
a.link_block_lg .glyphicon-chevron-right,
a.link_block_md .glyphicon-chevron-right,
a.link_block_sm .glyphicon-chevron-right,
a.link_block_xs .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -0.5em;
}

/*--------------------------------------------*/

.clearer {
    clear: both;
    height: 0px;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
}

.clear:after {
    content: " ";
    clear: both;
    display: block;
}

hr {
    height: 1px;
    overflow: hidden;
    color: #666666;
    border: none;
    background-color: #666666;
}

.popover {
    min-width: 300px;
}

.popover_trigger {
    cursor: help;
    outline: none !important;
}

tbody {
    overflow-x: scroll;
}

th {
    padding: 0 10px;
}

td {
    padding: 0 15px;
}

/*--------------------------------------------*/

.spacing {
    margin-top: 15px;
    margin-bottom: 15px;
}

.spacing_top {
    margin-top: 15px;
}

.spacing_bottom {
    margin-bottom: 15px;
}

.padding {
    padding-left: 15px;
    padding-right: 15px;
}

.padding_left {
    padding-left: 15px;
}

.padding_right {
    padding-right: 15px;
}

.padding_top {
    padding-top: 15px;
}

.padding_bottom {
    padding-bottom: 15px;
}

.nopadding {
    padding: 0px;
}

.nopadding_right {
    padding-right: 0px;
}

.nopadding_left {
    padding-left: 0px;
}

/*--------------------------------------------*/

.push_right {
    float: right;
}

.push_left {
    float: left;
}

/*--------------------------------------------*/

img.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 4px;
    display: block;
}

img.aligncenter {
    text-align: center;
    margin: 1em auto 5px auto;
    clear: both;
    display: block;
}

img.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 4px;
    display: block;
}

img.fullwidth {
    margin: 0px;
    display: block;
}

img.drop_shadow {
    border: 1px solid #AAAAAA;
    -webkit-box-shadow: 5px 5px 5px #AAAAAA;
    -moz-box-shadow: 5px 5px 5px #AAAAAA;
    box-shadow: 5px 5px 5px #AAAAAA;
}

/*--------------------------------------------*/

.section {
    padding-bottom: 50px;
    padding-top: 50px;
}

.section header {
    margin-bottom: 25px;
}

/*--------------------------------------------*/

[data-twttr-id] .twitterborderhide {
    position: relative;
    top: -6px;
    border-top: 1px solid #fff;
}

/*--------------------------------------------*/

#comment_slider {
    position: relative;
    padding: 15px 0;
    margin: 0 45px;
}

.prev_page,
.next_page {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 1.8em;
    z-index: 9;
    transition: all ease 0.3s;
}

.prev_page:hover,
.next_page:hover {
    cursor: pointer;
    color: #fd973c;
}

.prev_page {
    left: -45px;
}

.next_page {
    right: -45px;
}

/*-----------------------------------------------------------------------------------------------*/

html {
    font-size: 16px;
}

body {
    margin: 0px;
    color: #666666;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.5em;
    font-family: 'Open Sans', Helvetica, Arial, Sans-Serif;
}

body > form {
    margin: 0px;
}

.blur {
    -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    filter: blur(7px);
}

.page_inset {
    padding: 30px;
    background-color: #FFFFFF;
    border: 1px solid rgba(156, 175, 176, 0.8);
}

/*-----------------------------------------------------------------------------------------------*/

#cookie_bar {
    position: relative;
    z-index: 4000;
    padding: 7px 0;
    width: 100%;
    min-height: 49px;
    text-align: center;
    font-size: 14px;
    line-height: 34px;
}

#cookie_bar .cookie_prompt {
    margin-right: 30px;
}

#cookie_bar .coloured-button {
    margin-top: 0;
    padding: 0 20px;
}

/*-----------------------------------------------------------------------------------------------*/

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #222a5e;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    transition: background .5s ease;
}

#back-to-top:hover {
    background: #ff7800;
}

#back-to-top.show {
    opacity: 1;
}

/*-----------------------------------------------------------------------------------------------*/

#header {
    position: absolute;
    padding: 25px 0 0;
    background-image: linear-gradient(rgb(0, 0, 0) -100px, rgba(255, 255, 255, 0));
    width: 100%;
    z-index: 99;
}

#header .container {
    position: relative;
}

#header .logo {
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
}

#header .header-actions {
    float: right;
    margin: 20px 0 10px;
}

#header .header-actions a {
    color: #fff;
    text-decoration: none;
    margin-left: 15px;
}

#header .header-actions .open-search {
    font-size: 1.5em;
    vertical-align: middle;
    border: 0;
    background: 0;
    margin-left: 15px;
    padding: 0;
    color: #fff;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;  
}

#header .header-actions .open-search:hover {
    color: #222a5e;
}

#content {
    margin-top: 30px;
}

/*-----------------------------------------------------------------------------------------------*/
/*home*/

.strapline {
    padding: 10px 0;
    background-color: #222a5e;
    border-bottom: 5px solid #fd973c;
    color: #fff;
}

.strapline h1,
.strapline h2,
.strapline h3,
.strapline h4 {
    color: #fff;
}

.icon_section .orange {
    color: #fd973c !important;
}

.icons_section .blue {
    color: #222a5e !important;
}

.icons_section .purple {
    color: #808080 !important;
}

.icons_section h1,
.icons_section h2,
.icons_section h3 {
    font-size: 30px;
}

.icons_section h1,
.icons_section h2,
.icons_section h3,
.icons_section p {
    margin: 0.5rem 0;
}

.icons_section a {
    color: unset;
}

.icons_section div:first-child a:hover {
    color: #222a5e;
}

.icons_section a:hover {
    color: #ff7800;
}

.icons_section img {
    position: relative;
    bottom: 0;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

.icons_section img:hover {
    bottom: 10px;
}

.block {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 15px;
    height: 260px;
}

.block .block_label {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 30px);
    display: inline-block;
    text-align: center;
    padding: 8px 20px;
    margin: 0 0 0 15px;
    border: 2px solid #fd973c;
    background: #222a5e;
    color: #fff;
}

.block hr {
    color: #fff;
    background-color: #fff;
}

.block .block_link {
    position: absolute;
    background: rgba(253, 151, 60, 0.7);
    text-decoration: none;
    overflow: hidden;
    color: #fff;
    top: 260px;
    bottom: 0;
    left: 0;
    right: 0;
}

.block .block_link div {
    padding: 20px;
}

.block .image_upload {
    position: absolute;
    width: 100%;
    bottom: -75px;
}

.media_section {
    padding-top: 30px;
}

.media_section h1,
.media_section h2,
.media_section h3,
.media_section a {
    color: #442970;
}

.twitter_header {
    padding: 15px 0 15px 50px;
    background-image: url(../../images/twitter.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 40px;
}

/*-----------------------------------------------------------------------------------------------*/

.lower_banner {
    position: relative;
    left: 0;
    height: 300px;
    overflow: hidden;
    background-image: url(../../images/lower_banner01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.lower_banner .banner_overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.2);
    background-image: linear-gradient(rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0));
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.lower_banner .container {
    position: relative;
    height: 100%;
    text-align: center;
}

.lower_banner .container h1,
.lower_banner .container p,
.lower_banner .container span {
    position: absolute;
    display: block;
    margin: 0px;
    left: 15px;
    bottom: 15px;
    max-width: 90%;
    color: #FFFFFF;
    font-size: 2em;
    line-height: 1.1em;
}

.lower_banner .image_upload_instructions {
    margin-top: 160px;
    z-index: 999;
}

/*-----------------------------------------------------------------------------------------------*/

.breadcrumb {
    padding: 0px;
    margin: 10px 0 40px;
    background-color: transparent;
}

.breadcrumb > li + li:before {
    color: #000000;
    content: "|";
    padding: 0 10px;
}

.breadcrumb a {
    color: #000000;
}

.breadcrumb > .active {
    color: #fd973c;
}

/*-----------------------------------------------------------------------------------------------*/

.expandable {
    clear: both;
    margin-bottom: 15px;
}

.expandable_heading .expandable_title {
    margin: 0px;
    color: #FFFFFF !important;
    text-align: center;
}

.expandable_heading .expandable_title a {
    display: block;
    padding: 10px;
    color: #FFFFFF !important;
    text-decoration: none;
}

.expandable_heading .expandable_title a.collapsed {
    background: none;
}

.expandable_heading .expandable_title a,
.expandable_heading .expandable_title a.collapsed:hover {
    background: transparent url("../../images/rgba0-0-0-0.2.png");
    background: rgba(0, 0, 0, 0.2);
}

.expandable_heading .expandable_title .glyphicon {
    float: right;
    transition: transform 0.5s;
    transform: rotate(180deg);
}

.expandable_heading .expandable_title .collapsed .glyphicon {
    transform: rotate(0deg);
}

.expandable_collapse {
    overflow: hidden;
}

.expandable_body {
    padding: 15px;
    font-size: 0.9em;
}

.expandable_body h3.media-heading a {
    color: #000000;
}

/*--------------------------------------------*/

.editable_expandable {
    clear: both;
    margin: 15px 0px;
}

.editable_expandable .expandable_heading,
.editable_expandable .expandable_heading .expandable_title,
.editable_expandable .expandable_heading .expandable_title a {
    background: #F1F1F1 !important;
    color: #444444 !important;
}

.editable_expandable .expandable_heading {
    padding: 10px;
}

.editable_expandable .expandable_heading h4 {
    margin: 0px;
}

.editable_expandable .expandable_title {
    text-align: left;
}

.editable_expandable .expandable_body {
    font-size: 1em;
    border: 1px dashed #CCCCCC;
}

.editable_expandable .expandable_body > :first-child {
    margin-top: 0px;
}

/*--------------------------------------------*/

.master_lower .editable_expandable .expandable_heading,
.lmeditor_inline .editable_expandable .expandable_heading {
    position: relative;
    padding: 8px;
    cursor: pointer;
}

.master_lower .editable_expandable .expandable_heading .arrow,
.lmeditor_inline .editable_expandable .expandable_heading .arrow {
    position: absolute;
    top: 15px;
    right: 15px;
    transition: all linear 0.3s;
    font-size: 12px;
}

.master_lower .editable_expandable .expandable_heading .arrow.rotate_arrow,
.lmeditor_inline .editable_expandable .expandable_heading .arrow.rotate_arrow {
    transform: rotate(180deg);
}

.master_lower .editable_expandable .expandable_body,
.lmeditor_inline .editable_expandable .expandable_body {
    border: none;
}

/*-----------------------------------------------------------------------------------------------*/

.sitemap {
    background: #ededed;
    text-align: center;
    color: #a7a7a7;
    margin-top: 30px;
}

.sitemap .sitemap_text {
    margin-right: 10px;
}

.sitemap .sitemap_heading a {
    color: #a7a7a7;
    display: block;
    padding: 15px;
    text-decoration: none;
}

.sitemap .sitemap_content {
    width: 100%;
    padding: 15px 0;
    border-top: 1px solid #a7a7a7;
    text-align: left;
}

.sitemap .sitemap_content a {
    color: #a7a7a7;
}

.sitemap .sitemap_heading a:hover,
.sitemap .sitemap_content .landing_pages a:hover,
.sitemap .sitemap_content .sub_pages a:hover {
    color: #222a5e;
    text-decoration: none;
}

        /*.sitemap .sitemap_content .sitemap_col {
    float: left;
    width: 16.666%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}*/

.sitemap .sitemap_content .landing_pages {
    padding-bottom: 15px;
    line-height: normal;
}

.sitemap .sitemap_content .landing_pages a {
    color: #a7a7a7;
}

.sitemap .sitemap_content .sub_pages {
    font-size: 0.8em;
    line-height: normal;
}

.sitemap .sitemap_content .sub_pages li {
    margin: 5px 0;
}

/*-----------------------------------------------------------------------------------------------*/

#footer {
    padding: 40px 0px;
    color: #222a5e;
    font-size: 0.6em;
    background-color: #fff;
}

#footer .footer_separator {
    padding: 0px 10px;
}

#footer .social {
    text-align: right;
}

#footer .social ul {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer .social ul li {
    float: left;
    margin-left: 8px;
}

#footer .social ul li a {
    position: relative;
}

#footer .social ul li a:hover {
    bottom: 2px;
}

#footer .copyright,
#footer .links {
    padding-top: 20px;
}

#footer a {
    color: #222a5e;
}

#footer .logo img {
    margin: auto
}


/* -------------------- Journal Access -------------------------------*/

.page_journals .journal_img_whitebg {
    border: 1px solid #ddd;
    margin-right: 20px;
    margin-top: 5px;
}

.text-left {
    text-align: left;
}

.page_journals .expandable_heading .expandable_title a.collapsed {
    background: #F1F1F1 !important;
    color: #444444 !important;
}

/* ------------------- Study Days ------------------- */

.container.full-width {
    padding: 0;
    margin: 0;
    width: 100%;
}

.study-day-breadcrumb {
    margin: 0;
    margin-top: -30px;
    padding: .25em;
}

.study-day-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 30em;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    animation: fadein 2s;
}

.study-day-lower-image {
    min-height: 15em;
    justify-content: center;
}

@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

.back-btn {
    color: #222a5e !important;
}

.study-day-title-container {
    background: #fd973c;
    padding: 1.5em;
    margin-bottom: 3em;
    width: 40%;
}

.study-day-lower-image .study-day-title-container {
    margin-bottom: 0;
}

.study-day-title-container h2 {
    color: #222a5e;
}

.study-day-title-container h1, .study-day-title-container h3 {
    color: #fff;
}

.study-day-container .row {
    margin: 1em 0;
}

/*.study-day-container .row .col-xs-12 {
    padding: 0;
}*/

.study-day-event-details-container {
    background: #222a5e;
    padding: 1em;
    color: #fd973c;
    animation: fadein 2s;
}

.study-day-event-details-container.row {
    margin: 0;
    margin-top: -2em;
}

.study-day-event-details-container h2 {
    color: #fff;
}

.study-day-event-date {
    padding-left: 1.5em !important;
}

.study-day-countdown {
    background: #fd973c;
    padding: 1em;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 1em;
    height: 100%;
}

.study-day-countdown a {
    color: #fff;
    text-decoration: underline;
}

.study-day-register {
    width: 100%;
}
/*.study-day-register a {
    margin-top: 1em;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 8px 20px;
    background: #222a5e;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

.study-day-register a:hover {
    background: #293270;
}*/
.study-day-etiquette {
    text-align: center;
    line-height: 1.5em;
    margin-top: 1em;
}

.study-day-etiquette a {
    color: #fff;
    text-decoration: underline;
}

.study-day-etiquette a:hover {
    color: #fff;
    text-decoration: none;
}

.study-day-register .styled_btn {
    margin: 15px 0 0;
}

.countdown-number {
    font-size: 300%;
}

.study-day-link-image {
    height: 15em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-clip: content-box;
    margin: 15px 0;
}

/*.study-day-link-image:first-child {
    padding-right: 1em !important;
}

.study-day-link-image:nth-child(2) {
    padding: 0 .5em !important;
}

.study-day-link-image:last-child {
    padding-left: 1em !important;
}*/

.study-day-link {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: #fff !important;
    text-align: center;
    padding: 1em;
    display: grid;
    justify-content: center;
    grid-template-rows: 40% 20% 40%;
}

.study-day-link:hover {
    transition: .5s;
    background: rgba(0, 0, 0, 0.5);
}

.study-day-link h2 {
    color: #fff;
    grid-row: 1;
    justify-self: center;
    align-self: end;
    margin: 0;
}

.study-day-link hr {
    width: 10em;
    background: #fff;
    height: 1px;
    grid-row: 2;
    justify-self: center;
    align-self: center;
}

.study-day-link p {
    grid-row: 3;
    justify-self: center;
    align-self: start;
    margin: 0 !important;
}

.study-day-container .social {
    display: flex;
    justify-content: center;
    margin: 0;
    list-style: none;
}

.study-day-container .social li {
    margin: 0 .25em;
}

.study-day-container table {
    border-color: #ccc;
}

.study-day-container th {
    background-color: #fd973c !important;
    color: #fff;
}

.study-day-container td {
    background-color: #eee !important;
    padding: 5px 15px;
}

.study-body {
    font-size: 85%;
    line-height: 1.5;
}

.study-aside {
    display: flex;
    padding-left: 1em !important;
}

.intro-thumb {
    flex: 1;
    background: #dbdbdb;
    padding: 1em !important;
    text-align: center;
}

.intro-thumb img {
    width: 100%;
    object-fit: contain;
}

.intro-thumb a:link {
    color: #222A5E;
}

.intro-thumb a:hover {
    text-decoration: underline;
    color: #222A5E;
}

.intro-thumb h3 {
    margin-top: .5em;
    font-size: 105%;
}

#intro-video-modal .modal-dialog {
    width: 800px;
    max-width: 95vw;
    top: 25%;
}

/* ------------------- Virtual Educational Series ------------------- */

.container.full-width {
    padding: 0;
    margin: 0;
    width: 100%;
}

.educational-breadcrumb {
    margin: 0;
    margin-top: -30px;
    padding: .25em;
}

.educational-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 30em;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    animation: fadein 2s;
}

.educational-lower-image {
    min-height: 15em;
    justify-content: center;
}

@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

.back-btn {
    color: #222a5e !important;
}

.educational-title-container {
    background: #e8aa14;
    padding: 1.5em;
    margin-bottom: 3em;
    width: 40%;
}

.educational-lower-image .study-day-title-container {
    margin-bottom: 0;
}

.educational-title-container h2 {
    color: #222a5e;
}

.educational-title-container h1, .educational-title-container h3 {
    color: #fff;
}

.educational-container .row {
    margin: 1em 0;
}

.educational-container .row .col-xs-12 {
    padding: 0;
}

.educational-event-details-container {
    background: #61557c;
    padding: 1em;
    color: #fd973c;
    animation: fadein 2s;
}

.educational-event-details-container.row {
    margin: 0;
    margin-top: -2em;
}

.educational-event-details-container h2 {
    color: #fff;
}

.educational-event-date {
    padding-left: 1.5em !important;
}

.educational-link-image {
    height: 15em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-clip: content-box;
}

.educational-link-image:first-child {
    padding-right: 1em !important;
}

.educational-link-image:nth-child(2) {
    padding: 0 .5em !important;
}

.educational-link-image:last-child {
    padding-left: 1em !important;
}

.educational-link {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: #fff !important;
    text-align: center;
    padding: 1em;
    display: grid;
    justify-content: center;
    grid-template-rows: 40% 20% 40%;
}

.educational-link:hover {
    transition: .5s;
    background: rgba(0, 0, 0, 0.5);
}

.educational-link h2 {
    padding: 10px;
    color: #fff;
    grid-row: 1;
    justify-self: center;
    align-self: end;
    margin: 0;
}

.educational-link:hover h2 {
    transition: .5s;
    background: #e8aa14;
}

.educational-link hr {
    width: 10em;
    background: #fff;
    height: 1px;
    grid-row: 2;
    justify-self: center;
    align-self: center;
}

.educational-link p {
    grid-row: 3;
    justify-self: center;
    align-self: start;
    margin: 0 !important;
}

.educational-container .social {
    display: flex;
    justify-content: center;
    margin: 0;
    list-style: none;
}

.educational-container .social li {
    margin: 0 .25em;
}

.educational-container table {
    border-color: #ccc;
}

.educational-container th {
    background-color: #fd973c !important;
    color: #fff;
}

.educational-container td {
    background-color: #eee !important;
    padding: 5px 15px;
}

.educational-body {
    font-size: 85%;
    line-height: 1.5;
}

.educational-aside {
    display: flex;
    padding-left: 1em !important;
}

/* ------------------- Annual Symposium ------------------- */

.container.full-width {
    padding: 0;
    margin: 0;
    width: 100%;
}

.annual-symposium-breadcrumb {
    margin: 0;
    margin-top: -30px;
    padding: .25em;
}

.annual-symposium-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 30em;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    animation: fadein 2s;
}

.annual-symposium-lower-image {
    min-height: 15em;
    justify-content: center;
}

@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

.back-btn {
    color: #222a5e !important;
}

.annual-symposium-title-container {
    background: #fd973c;
    padding: 1.5em;
    margin-bottom: 3em;
    width: 40%;
}

.annual-symposium-lower-image .study-day-title-container {
    margin-bottom: 0;
}

.annual-symposium-title-container h2 {
    color: #222a5e;
}

.annual-symposium-title-container h1, .annual-symposium-title-container h3 {
    color: #fff;
}

.annual-symposium-container .row {
    margin: 1em 0;
}

/*.annual-symposium-container .row .col-xs-12 {
    padding: 0;
}*/

.annual-symposium-event-details-container {
    background: #222a5e;
    padding: 1em;
    color: #fd973c;
    animation: fadein 2s;
}

.annual-symposium-event-details-container.row {
    margin: 0;
    margin-top: -2em;
}

.annual-symposium-event-details-container h2 {
    color: #fff;
}

.annual-symposium-event-date {
    padding-left: 1.5em !important;
}

.annual-symposium-link-image {
    height: 15em;
    margin: 15px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-clip: content-box;
}

/*.annual-symposium-link-image:first-child {
    padding-right: 1em !important;
}

.annual-symposium-link-image:nth-child(2) {
    padding: 0 .5em !important;
}

.annual-symposium-link-image:last-child {
    padding-left: 1em !important;
}*/

.annual-symposium-link {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: #fff !important;
    text-align: center;
    padding: 1em;
    display: grid;
    justify-content: center;
    grid-template-rows: 40% 20% 40%;
}

.annual-symposium-link:hover {
    transition: .5s;
    background: rgba(0, 0, 0, 0.5);
}

.annual-symposium-link h2 {
    padding: 10px;
    color: #fff;
    grid-row: 1;
    justify-self: center;
    align-self: end;
    margin: 0;
}

.annual-symposium-link:hover h2 {
    transition: .5s;
    background: #fd973c;
}

.annual-symposium-link hr {
    width: 10em;
    background: #fff;
    height: 1px;
    grid-row: 2;
    justify-self: center;
    align-self: center;
}

.annual-symposium-link p {
    grid-row: 3;
    justify-self: center;
    align-self: start;
    margin: 0 !important;
}

.annual-symposium-container .social {
    display: flex;
    justify-content: center;
    margin: 0;
    list-style: none;
}

.annual-symposium-container .social li {
    margin: 0 .25em;
}

.annual-symposium-container table {
    border-color: #ccc;
}

.annual-symposium-container th {
    background-color: #fd973c !important;
    color: #fff;
}

.annual-symposium-container td {
    background-color: #eee !important;
    padding: 5px 15px;
}

.annual-symposium-body {
    font-size: 85%;
    line-height: 1.5;
}

.annual-symposium-aside {
    display: flex;
    padding-left: 1em !important;
}

.intro-thumb {
    flex: 1;
    background: #dbdbdb;
    padding: 1em !important;
    text-align: center;
}

.intro-thumb img {
    width: 100%;
    object-fit: contain;
}

.intro-thumb a:link {
    color: #222A5E;
}

.intro-thumb a:hover {
    text-decoration: underline;
    color: #222A5E;
}

.intro-thumb h3 {
    margin-top: .5em;
    font-size: 105%;
}

#intro-video-modal .modal-dialog {
    width: 800px;
    max-width: 95vw;
    top: 25%;
}

/* --------------- News Ticker --------------- */

@keyframes ticker {
    0% {
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

.news-ticker {
    overflow: hidden;
    background-color: #000;
    box-sizing: content-box;
}

.news-ticker ol {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100% !important;
    box-sizing: content-box;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: ticker;
    animation-duration: 30s;
    margin: 0;
}

.news-ticker:hover ol {
    animation-play-state: paused;
}

.news-ticker ol li {
    display: inline-block;
    color: white;
    list-style: none;
    padding: .25em 1em;
}

.news-ticker ol li::before {
    content: unset !important;
}

.news-ticker-edit {
    background: #000;
    color: #fff;
    padding: .25em;
}

.news-ticker-edit::before {
    content: "News Ticker Items:";
}