/*!
Theme Name: CEE @ Virginia Tech (VT One Theme)
Theme URI: https://cee.vt.edu
Author: Tongchai Sriwiriyarat, Ph.D.
Author URI: http://www.tongchaitech.com
Description: This is a hybrid theme for The Charles E. Via, Jr. Department of Civil & Environmental Engineering at Virginia Tech
Version: 3.1.0
License: The Charles E. Via, Jr. Department of Civil & Environmental Engineering of Civil and Environmental Engineering at Virginia Tech
*/

/* Ensure submenu children show correctly */
.submenu { display: none; visibility: hidden; opacity: 0; max-height: 0; overflow: hidden; }
/* When JS toggles .open */
.submenu.open { display: block !important; visibility: visible; opacity: 1; max-height: 500px; overflow: visible; }
.submenu.open > li, .submenu.open > li > .link-wrapper, .submenu.open > li > .link-wrapper > a { display: block !important; opacity: 1 !important; visibility: visible !important; }
.vt-subnav-droplist-item > a.active { font-weight: bold; }
.vt-subnav-children { display: none; }
.vt-subnav-droplist-item.active > .vt-subnav-children { display: block; }


.multicolumn-card-img { -o-object-fit: cover; object-fit: cover; width: 100% !important; }
.multicolumn-title { font-size: 1.5em; line-height: 1.222222em; font-weight: 500; margin-bottom: 15px; margin-top: 0; padding: 0;}
.vt-multicolumn .row { display: flex; flex-wrap: wrap; }
.vt-multicolumn .row > [class*="col-"] { display: flex; }

.vt-widget-inner { min-height: 100%; }
.vt-widget-inner .vtctalink { margin-top: auto; }

.customizer-vt-marron { height: 50px; width: 100px; background-color: #555; }

/*CSS to customize the pagination */
.page-link { display: flex !important; width:2em !important; height:2em !important; padding: 0.25em 0.25em 0.25em 0.3em !important; margin: 0px 5px 0px 5px !important; font-size:.8em !important; font-family: "gineso-condensed", sans-serif, sans-serif !important; color: #fff !important; background-color: #000 !important; border: 2px solid #000000 !important; align-items: center !important; justify-content: center !important; }
.page-item.active .page-link { z-index: 3; color: #000 !important; background-color: #fff !important; border-color: #000; }
.page-item:first-child .page-link { width:10em !important; margin-left: 0; }
.page-item:last-child .page-link { width:20em !important; margin-left:300px !important; }
@media ( max-width: 1199.98px ) { .page-item:first-child .page-link { width:5em !important; } .page-item:last-child .page-link { width:6em !important; margin-left:5px !important; } }

/* Remove default list styling */
.vt-breadcrumbs { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; flex-wrap: nowrap; white-space: nowrap; }
.vt-breadcrumbs li { flex-shrink: 0;}
/* Make items inline */
.vt-breadcrumbs > li { display: flex; align-items: center;}
/* Add slash before every item except first */
.vt-breadcrumbs > li + li::before { content: "/"; margin: 0 0.5rem; color: #fff;}
.vt-breadcrumbs-link { color:white !important; }

.vt-bio-contactInfo { padding-bottom: 1em !important; }

/*CSS to customize Acccordion from Acccordion Blocks Plugin */
.wp-block-pb-accordion-item { padding: 10px 20px 10px 20px; margin-bottom: 10px !important; color: #c64600; width: 100%; background-color: #faf9fa; }
.c-accordion__title, .c-accordion__title::after { margin: auto; color: #c64600 !important; }
.c-accordion__title::after { font-size:2.0rem; content:url("data:image/svg+xml,<svg width='35' height='35' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'><text x='5' y='20' fill='%23c64600' font-style='bold'>+</text></svg>") !important; }
.is-open > .c-accordion__title::after { content: "\00D7" !important; font-size:2.0rem; font-style:bold; margin-right:12px; }
.c-accordion__content { position: relative; top: 30px; color: #000; margin-bottom:50px; }

/*CSS to customize Gutenburg */
.wp-block-image img { width:100% !important; height:auto !important; }
.wp-block-image figcaption { line-height: 1.6667; font-size: .8em; margin-top: 10px; color: #5e6062; position: relative; margin-bottom: 1em; }

.wp-block-buttons .wp-block-button__link { font-family: "gineso-condensed", sans-serif !important; text-transform: uppercase; border-radius: 0%; padding:calc(.333em + 2px) calc(1.333em + 2px) !important; }
.wp-block-buttons .vt-ctaLink { padding:0rem !important;}

/*Change inline style */
.post_biography_options-wrapper { border: none; padding: 0 10px 10px; }

.yt-bg-wrapper { position: absolute; inset: 0; overflow: hidden; z-index: -1; }

/* True full-width cover */
#yt-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;

    /* 16:9 aspect-ratio trick */
    width: 177.78vh;   /* 100 * (16 / 9) */
    height: 100vh;

    min-width: 100%;
    min-height: 100%;

    transform: translate(-50%, -50%);
    pointer-events: none;
}

@media (min-width: 768px) {
    .vt-breadcrumbs { flex-wrap: nowrap; white-space: nowrap; }
}

@media (max-width: 767px) {
    .vt-breadcrumbs { flex-wrap: wrap; white-space: normal; }
}