/*
Theme Name: William & Mary Twenty Twenty 
Description: Twenty Twenty theme with W&M styles. Compatible with Twenty Twenty documentation.
Author: University Web & Design
Author URL: https://www.wm.edu/offices/webanddesign
Template: twentytwenty
Version: 1.0.0
Text Domain: twentytwenty-child
*/ 


/* Fonts ============================ */

@font-face{
    font-family:"Freight Text";
    font-weight: 500;
    font-style: normal;
    src: url("/fonts/58be4ae0-d23d-4d8a-91cf-a04d9f1a3e56.woff2") format("woff2"), 
    url("/fonts/1372e5cd-aaf7-45ac-b9f9-33b2c4dc8d92.woff") format("woff");
}


/* Layout  ============================= */

body {
    font-family: "Nunito Sans", arial, sans-serif;
    letter-spacing: 0.015rem;
    background: #eff0f0;
}


/* Typography ============================= */

.entry-title, .entry-title > a {
    font-family: "Freight Text", serif;
    font-weight: 500;
}
.entry-content {
    font-family: "Nunito Sans", arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0.015rem;
    font-size: 18px;
} 
.has-drop-cap:not(:focus)::first-letter {
	font-family: "Nunito Sans", arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, .faux-heading {
    letter-spacing: 0.015rem;
    line-height: 1.2em;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file {
    font-family: "Nunito Sans", arial, sans-serif;
}
caption {
    background-color: transparent;
}
.wp-block-pullquote blockquote p {
    font-family: "Nunito Sans", arial, sans-serif;
}
.has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-latest-posts, .entry-content .wp-block-latest-comments, .entry-content .wp-block-cover-image p, .entry-content .wp-block-pullquote {
    font-family: "Nunito Sans", arial, sans-serif;
}
pre {
    border: 0.1rem solid #d9dcdd;
}


@media ( max-width: 479px ) {
    li {
        margin: 0.5rem 0 0 2rem;
    }
}


/* Menus and Navigation ============================== */

ul.primary-menu {
    letter-spacing: 0.015rem;
}
.primary-menu .current_page_ancestor {
    text-decoration: none;
}
.primary-menu ul {
    width: 22rem;
    padding: 2rem 0;
    font-size: 17px;
}
.primary-menu ul a {
    padding: .6rem 2rem;
    line-height: 1.6;
}
.primary-menu a, .primary-menu a:hover, .primary-menu a:focus,
.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a {
    text-decoration-line: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 5px;
    text-underline-position: under;
    transition: text-decoration .3s;
}
.primary-menu a:hover, .primary-menu a:focus,
.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > a:hover, .primary-menu li.current-menu-item > a:focus, 
.primary-menu li.current-menu-item > .link-icon-wrapper > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a:hover, .primary-menu li.current-menu-item > .link-icon-wrapper > a:focus,
.primary-menu .current_page_ancestor > a {
    text-decoration-line: underline;
    text-decoration-color: #b58e5b;
    text-decoration-thickness: 5px;
    text-underline-position: under;
    transition: text-decoration .3s;
}
.modal-menu a, .modal-menu a:hover, .modal-menu a:focus,
.modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a {
    text-decoration-line: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: 5px;
    text-underline-position: under;
    transition: text-decoration .3s;
}
.modal-menu li.current_page_ancestor {
    text-decoration: none;
}
.modal-menu a:hover, .modal-menu a:focus, 
.modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a {
    text-decoration-line: underline;
    text-decoration-color: #b58e5b;
    text-decoration-thickness: 5px;
    text-underline-position: under;
    transition: text-decoration .3s;
}
body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle {
    color:#115740;
}


/* Links and Buttons (non-menu) ============================ */

a {
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}
.entry-content a:hover, .entry-content a:focus {
    text-decoration:underline;
}
.entry-categories a {
    font-weight: 800;
}
button, .button, .faux-button, .wp-block-button__link, 
input[type="button"], input[type="reset"], input[type="submit"], 
.wp-block-button__link, .wp-block-file__button {
    font-family: "Nunito Sans", arial, sans-serif;
    letter-spacing: 0.1em;
    font-weight: 600;
    transition: background .3s;
}
input[type="button"]:hover, input[type="button"]:focus,
input[type="reset"]:hover, input[type="reset"]:focus, 
input[type="submit"]:hover, input[type="submit"]:focus,
button:hover, button:focus, 
.button:hover, .button:focus, 
.faux-button:hover, .faux-button:focus, 
.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, 
.wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, 
input[type="button"]:hover, input[type="button"]:focus, 
input[type="reset"]:hover, input[type="reset"]:focus, 
input[type="submit"]:hover, input[type="submit"]:focus {
    text-decoration: none;
    background: #000;
}
button.search-toggle:hover, button.search-toggle:focus,
button.search-untoggle:hover, button.search-untoggle:focus,
button.nav-toggle:hover, button.nav-toggle:focus,
button.close-nav-toggle:hover, button.close-nav-toggle:focus,
button.sub-menu-toggle:hover, button.sub-menu-toggle:focus {
    background: transparent;
}
.wp-block-button.is-style-outline > a:hover, .wp-block-button.is-style-outline > a:focus {
    background: transparent;
    border-color: #000;
    color: #000;
}
a.comment-reply-link:hover, a.comment-reply-link:focus {
    text-decoration: none;
    background: #000;
}

@media ( min-width: 1220px ) {
    button, .button, .faux-button, .wp-block-button__link, 
    input[type="button"], input[type="reset"], input[type="submit"] {
        font-size: 1.6rem;
    }
}



/* Widgets/Footer Group ======================= */

.header-footer-group table caption, body:not(.overlay-header) .header-inner .toggle-wrapper::before {
    background-color: #eff0f0;
}
.header-footer-group pre, .header-footer-group fieldset, .header-footer-group input, .header-footer-group textarea, .header-footer-group table, .header-footer-group table *, .footer-nav-widgets-wrapper, #site-footer, .menu-modal nav *, .footer-widgets-outer-wrapper, .footer-top {
    border-color: #d9dcdd;
}
pre, fieldset, input, textarea, table, table *, hr {
    border-color: #d9dcdd;
}
.widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary, .widget li {
    font-family: "Nunito Sans", arial, sans-serif;
    font-weight: 300;
    letter-spacing: 0.015rem;
    font-size: 18px;
}


/* Form fields ============================= */

input, textarea {
    font-family: "Nunito Sans", arial, sans-serif;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], 
input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], 
input[type="datetime-local"], input[type="week"], input[type="number"], 
input[type="search"], input[type="tel"], input[type="color"], textarea {
    font-size: 1.8rem;
}