/*
Theme Name: Bucknell
Theme URI: https://www.bucknell.edu
Description: A theme based on the Bucknell web site
Author: Bucknell Communications
*/

img{height:auto}

.authorlink { font-size: 95%; }

.wp-caption-text { font-size: 95%; font-style: italic; margin: 5px 0; }

header.m-site-header {padding-bottom: 0; max-width:inherit;}
header.page_header {margin-bottom:2rem;}

.list_image_block, .news_story article{border-bottom:1px solid #d0dbe2;border-width:1px 0;margin:0 0 -1px;padding:30px 0}
.list_image_block figure{float:left;margin:0 25px 0 0;overflow:hidden;width:125px}
.list_image_block img{display:block;width:100%}
.list_image_block h3{color:#003979;margin:0 0 15px}
.list_image_block p{font-size:16px;margin:0}

.block_image{overflow:hidden;margin-bottom:30px;max-width:100%}
.block_image.full{width:100%}
.block_image.left{float:left;margin-right:20px;width:auto}
.block_image.right{float:left;margin-left:20px;width:auto}
.block_image img{display:block;margin:0 auto;width:100%;max-width:100%;height:auto;}
.block_image.left img,.block_image.right img{width:auto}
.block_image figcaption{color:#666;font-size:14px;font-style:italic;margin-top:15px}

.center{text-align:center}
.clear{clear:both}
.clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}
.left{float:left}
.right{float:right}
.contain{overflow-wrap: break-word;}

.image_header{background:#222;margin-top:0;margin-bottom:50px;position:relative}
.image_header .full_bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}
.image_header h1{color:#fff}
.image_header p{color:#fff}
.image_header h4{color:#fff;color:rgba(255, 255, 255, 0.7)}

.section_navigation{margin:30px 0;position:relative;z-index:5}
.subnavigation{float:left;margin:0 1px 0 0;position:relative;width:100%}
.subnavigation.open{z-index:2}
.subnavigation .handle{background:#00397C;color:#fff;display:block;font-weight:700;font-size:14px;padding:20px;text-transform:uppercase}
.subnavigation .handle:after{background:url(https://www.bucknell.edu/images/system/icons.svg) -130px -25px;content:'';display:block;float:right;height:6px;margin:5px 0 0;width:13px}
.subnavigation .dropdown{background:#00397C;display:none;left:0;position:absolute;top:100%;width:100%}
.subnavigation .item{border:none;border-top:1px solid #295D93;color:#fff;display:block;font-size:14px;padding:16px 20px 16px 25px;position:relative}
.subnavigation .item.breadcrumb:after{background:#00397C;border:1px solid #295D93;border-width:0 0 1px 1px;bottom:-6px;content:'';display:block;height:10px;left:25px;position:absolute;width:10px;z-index:1;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.subnavigation .item:before{background:#fff;border-radius:100%;content:'';display:block;height:4px;left:15px;opacity:0;position:absolute;top:22px;width:4px}
.subnavigation .item:hover:before, .subnavigation .item:focus:before, .subnavigation .item:active:before{opacity:0.5}
.subnavigation .item.active:before{opacity:1}
.subnavigation .current{background:#295D93;padding:20px 20px 20px 25px}
.subnavigation .current .item{background:#295D93;border:none;padding:8px 0}
.subnavigation .current .item:before{left:-10px;top:15px}
.subnavigation.white .dropdown{border:1px solid #eee;border-width:0 1px 1px}
.subnavigation.white .handle{background:#eee;color:#00397C}
.subnavigation.white .handle:after{background-position:-150px -25px}
.subnavigation.white .dropdown{background:#FAFAFA}
.subnavigation.white .item{border-color:#eee;color:#00397C}
.subnavigation.white a.item:hover, .subnavigation.white a.item:focus{background:#fff}
.subnavigation{width:375px}

.sidebar{float:right !important}

.c-sidebar-nav{order:0;}

.c-sidebar-nav__list {visibility:visible}

.c-sidebar-nav__nav-items {height:auto}

.image_grid figure{margin-bottom:50px}
.image_grid a{border:none;display:block;position:relative}
.image_grid img{display:block;width:100%}
.image_grid h3{font-size:18px;margin:15px 0 5px}
.image_grid p{font-size:14px;margin:0}
.image_grid .meta{bottom:10px;color:#fff;line-height:40px;padding:0;position:absolute;right:10px;z-index:2}
.image_grid .meta h5{font-size:16px;float:left}
.image_grid .meta .timestamp{float:right;font-weight:900;font-size:12px}
.image_grid .meta .handle{background:rgba(0, 0, 0, 0.75);border-radius:100%;cursor:pointer;display:block;float:right;height:40px;margin:0 0 0 10px;overflow:hidden;position:relative;text-indent:200%;vertical-align:middle;white-space:nowrap;width:40px}
.image_grid .meta .handle:after{background:url(https://www.bucknell.edu/images/system/icons.svg) no-repeat 0 0;content:'';display:block;margin:50% 0 0 50%;position:absolute}
.image_grid .meta .handle.watch:after{background-position:-235px -120px;height:10px;left:-8px;top:-5px;width:16px}
.image_grid .meta .handle.caption:after{background-position:-285px -120px;height:12px;left:-6px;top:-6px;width:13px}

.title--large {margin-top:2.5rem; text-align: center}

.title--large a {color:#003865;}

header h2 {text-align: center;margin-top: 20px}

#sidebar-nav-mobile h3 {
    color: #003865;
    font-weight: 700;
    margin-top:20px;
}

#sidebar-nav-mobile ul{
    margin: 0 0 0 20px;
}

.widget{margin-bottom:20px;}

#sidebar-nav-mobile ul li{font-size:0.8em;}

.c-basic-page-intro-text h3{margin-top:1.2rem;}
.c-basic-page-intro-text h4{margin-top:0rem;}


.c-accordion-item__panel ol,
.c-accordion-item__panel ul,
.c-basic-page-intro-text ol,
.c-basic-page-intro-text ul{
    font-size: 100%;
}

.u-vertical-rhythm {margin-bottom: 6rem}

.news_story .meta {
    margin: 0 0 10px;
    overflow: hidden;
}

.news_story .meta .social {
    float: right;
    margin: 16px 0 0;
    overflow: hidden;
}

.news_story .meta .social span {
    color: #666;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 25px;
    text-transform: uppercase;
}

.news_story .meta .social a {
    background: url(https://www.bucknell.edu/images/system/icons.svg) no-repeat 25px 25px;
    display: block;
    float: left;
    height: 25px;
    margin: 0 0 0 10px;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    width: 25px;
}

.news_story .meta .social a.facebook {
    background-position: -260px 0;
}

.news_story .meta .social a.twitter {
    background-position: -290px 0;
}

.entry-footer { font-size:0.8em}

.entry-footer .authorlink{margin: 10px 0}

@media screen and (max-width: 1024px){.subnavigation.open .dropdown{display:block}}

@media screen and (min-width: 1025px){.subnavigation:hover .dropdown, .subnavigation:focus .dropdown{display:block}}

@media only screen and (max-width: 46.874em)
{
    .c-sidebar-nav__item h3, .widget h3 {font-size:3rem;text-align: center}

    .c-sidebar-nav__item ul li, .widget ul li{border-bottom:1px solid #ddd;padding:10px;}

    .c-sidebar-nav__item ul li a, .widget ul li a{font-size:3rem;}
}



/* Header Navigation ------------------------- */

.header-navigation-wrapper {
    display: none;
}

/* Header Toggles ---------------------------- */

.header-toggles {
    display: none;
}

.header-inner .toggle {
    align-items: center;
    display: flex;
    overflow: visible;
    padding: 0 2rem;
}

.header-inner .toggle svg {
    display: block;
    position: relative;
    z-index: 1;
}

.header-inner .toggle path {
    fill: currentColor;
}

.toggle-inner {
    display: flex;
    justify-content: center;
    height: 2.3rem;
    position: relative;
}

.toggle-icon {
    display: block;
    overflow: hidden;
}

.toggle-inner .toggle-text {
    color: #6d6d6d;
    font-size: 1rem;
    font-weight: 600;
    position: absolute; 
    top: calc(100% + 0.5rem);
    width: auto;
    white-space: nowrap;
    word-break: break-all;
}

.overlay-header .toggle-text {
    color: inherit;
}

.header-inner .toggle:focus .toggle-text,
.header-inner .toggle:hover .toggle-text {
    text-decoration: underline;
}

/* Search Toggle ----------------------------- */

.search-toggle {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
}

.search-toggle .toggle-icon,
.search-toggle svg {
    height: 2.5rem;
    max-width: 2.3rem;
    width: 2.3rem;
}

/* Navigation Toggle ------------------------- */

.nav-toggle {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    width: 6.6rem;
}

.nav-toggle .toggle-icon,
.nav-toggle svg {
    height: 0.8rem;
    width: 2.6rem;
}

.nav-toggle .toggle-inner {
    padding-top: 0.8rem;
}

/* Primary Menu ---------------------------- */

.primary-menu-wrapper {
    display: none;
}

ul.primary-menu {
    display: none;
}

.keyboard-user .c-btn:focus, .keyboard-user .c-btn:focus-within, .keyboard-user .simplesamlphp-auth-login-link:focus, .keyboard-user .simplesamlphp-auth-login-link:focus-within, .keyboard-user .view-link-btn a:focus, .keyboard-user .view-link-btn a:focus-within {
    background-color: #007aae;
    color: #fff;
    outline: none;
}

.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
    position: static !important;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
}

@media only screen and (min-width: 68.75em)
{
    ul.primary-menu { 
        display: flex;
        font-size: 1.8rem;
        font-weight: 500;
        letter-spacing: -0.0277em;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 0 0 0 3rem;
        margin: 0;
        padding-right:8.4rem;
        justify-content: flex-end;
    }

    .site-header-nav-primary {
        margin-top: -2.2rem;
    }
}

ul.primary-menu li.menu-item-has-children {
    padding-bottom:2px;
}

ul.primary-menu > li.menu-item:hover
{
    border-bottom:2px solid #e8751e;
    margin-bottom:-2px;
}

ul.sub-menu li.menu-item:hover{
    color:#e8751e;
}

.primary-menu .icon {
    display: block;
    height: 0.7rem;
    position: absolute;
    pointer-events: none;
    transform: rotate(-45deg);
    width: 1.3rem;
}

.primary-menu .icon::before,
.primary-menu .icon::after {
    content: "";
    display: block;
    background-color: currentColor;
    position: absolute;
    bottom: calc(50% - 0.1rem);
    left: 0;
}

.primary-menu .icon::before {
    height: 0.9rem;
    width: 0.2rem;
}

.primary-menu .icon::after {
    height: 0.2rem;
    width: 0.9rem;
}

.primary-menu li {
    font-size: inherit;
    line-height: 1.25;
    position: relative;
    text-align: center;
}

.primary-menu > li {
    margin: 0.8rem 0 0 1.6rem;
    min-width: 100px;
}

.primary-menu > li.menu-item-has-children > a {
    padding-right: 2rem;
}

.primary-menu > li > .icon {
    right: -0.5rem;
    top: calc(50% - 0.4rem);
}

.primary-menu a {
    color: inherit;
    display: block;
    line-height: 1.2;
    text-decoration: none;
    word-break: normal;
    word-wrap: normal;
    font-weight: 700;
    font-size: 1.88rem;
}

.primary-menu .current_page_ancestor {
    text-decoration: underline;
}

.primary-menu .menu-item-has-children a:hover,
.primary-menu .menu-item-has-children a:focus {text-decoration: none}

.primary-menu li.current-menu-item > a,
.primary-menu li.current-menu-item > .link-icon-wrapper > a {
    text-decoration: none;
}

.primary-menu li.current-menu-item > a:hover,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:hover,
.primary-menu li.current-menu-item > a:focus,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:focus {
    text-decoration: none;
}

/* SUB MENU */

.primary-menu ul {
    background: #003865;
    border-radius: 0.2rem;
    color: #fff;
    font-size: 1.7rem;
    opacity: 0;
    padding: 1rem 0;
    position: absolute;
    right: 9999rem;
    top: calc(100% + 2rem);
    transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
    transform: translateY(0.6rem);
    width: 18rem;
}

.primary-menu ul li.menu-item-has-children:hover > ul,
.primary-menu ul li.menu-item-has-children a:focus + ul,
.primary-menu ul li.menu-item-has-children.focus > ul {
    right: calc(100% + 2rem);
}

.primary-menu li.menu-item-has-children:hover > ul,
.primary-menu li.menu-item-has-children a:focus + ul,
.primary-menu li.menu-item-has-children.focus > ul {
    right: 0;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.15s linear, transform 0.15s linear;
}

.primary-menu ul::before,
.primary-menu ul::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
}

.primary-menu ul::before {
    height: 2rem;
    left: 0;
    right: 0em;
}

.primary-menu ul::after {
    border: 0.8rem solid transparent;
    border-bottom-color: #003685;
    right: 1.8rem;
}

.primary-menu ul a {
    background: transparent;
    border: none;
    color: inherit;
    display: block;
    padding: 1rem 2rem;
    transition: background-color 0.15s linear;
    width: 100%;
}

.primary-menu ul li.menu-item-has-children > a {
    padding-right: 4.5rem;
}

.primary-menu ul li.menu-item-has-children .icon {
    position: absolute;
    right: 1.5rem;
    top: calc(50% - 0.5rem);
}

/* DEEP DOWN */

.primary-menu ul ul {
    top: -1rem;
}

.primary-menu ul ul::before {
    bottom: 0;
    height: auto;
    left: auto;
    right: -2rem;
    top: 0;
    width: 2rem;
}

.primary-menu ul ul::after {
    border-bottom-color: transparent;

    /*rtl:ignore*/
    border-left-color: #000;
    bottom: auto;
    right: -1.6rem;
    top: 2rem;
}

.rtl .primary-menu ul ul::after {
    transform: rotate(180deg);
}

.wp-block-button__link:hover,
.wp-block-button__link:focus{color:#fff;}

/*
 * Enable nav submenu expansion with tapping on arrows on large-viewport
 * touch interfaces (e.g. tablets or laptops with touch screens).
 * These rules are supported by all browsers (>IE11) and when JS is disabled.
 */
@media (any-pointer: coarse) {

    .primary-menu > li.menu-item-has-children > a {
        padding-right: 0;
        margin-right: 2rem;
    }

    .primary-menu ul li.menu-item-has-children > a {
        margin-right: 4.5rem;
        padding-right: 0;
        width: unset;
    }

}

/* Repeat previous rules for IE11 (when JS enabled for polyfill). */
body.touch-enabled .primary-menu > li.menu-item-has-children > a {
    padding-right: 0;
    margin-right: 2rem;
}

body.touch-enabled .primary-menu ul li.menu-item-has-children > a {
    margin-right: 4.5rem;
    padding-right: 0;
    width: unset;
}

/* HEADER NAVIGATION */

.header-navigation-wrapper {
    align-items: center;
    display: flex;
}

.primary-menu-wrapper {
    display: block;
    width: 100%;
}

/* HEADER TOGGLES */

.mobile-search-toggle,
.mobile-nav-toggle {
    display: none !important;
}

.primary-menu-wrapper + .header-toggles {
    margin-left: 3rem;
}

.header-toggles {
    display: flex;
    flex-shrink: 0;
    margin-right: -3rem;
}

.header-inner .toggle {
    height: 4.4rem;
    padding: 0 3rem;
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    top: auto;
    width: auto;
}

.header-inner .toggle-wrapper {
    position: relative;
}

.header-inner .toggle-wrapper::before {
    background: #dedfdf;
    content: "";
    display: block;
    height: 2.7rem;
    position: absolute;
    left: 0;
    top: calc(50% - 1.35rem);
    width: 0.1rem;
}

.header-inner .toggle-wrapper:first-child::before {
    content: none;
}

.header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before {
    content: "";
}

.nav-toggle-wrapper:not(.has-expanded-menu) {
    display: none;
}

.toggle-inner {
    position: static;
}

.toggle-inner .toggle-text {
    left: 0;
    right: 0;
    text-align: center;
    top: calc(100% - 0.3rem);
    width: auto;
}

.header-toggles:only-child .nav-toggle .toggle-inner {
    padding-top: 0;
}

.header-toggles:only-child .toggle-inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.header-toggles:only-child .toggle-inner .svg-icon {
    order: 1;
}

.header-toggles:only-child .toggle-inner .toggle-text {
    position: static;
    padding-right: 20px;
    font-size: 15px;
    color: inherit;
}

.alignwide {
    max-width: 120rem;
    position: relative;
    width: calc(100% - 4rem);
}

#signup-content{padding:20px;}

#signup-content .mu_register.wp-signup-container a{font-weight: bold;}

#setupform div.network-options p.description{font-size: 1em;}