/*
 Theme Name:   Twenty Fifteen Multisite 2.0.2
 Theme URI:    http://codex.wordpress.org/
 Description:  Side nav, Gutenberg friendly, no banner image - set a regular image on homepage, UMN header, add address in footer widget area 
 Author:       Jeff Abuzzahab
 Author URI:   http://www.cehd.umn.edu/people/jeff/
 Template:     twentyfifteen
 Version:      2.0.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         UofM, responsive-layout, accessibility-ready, CEHD
 Text Domain:  twenty-fifteen-child
*/

@import url("css/umnheader.css");

address {
    font-style: normal;
}

/* Adds some Peloton styling to typography and links */

body {
    color: #333;
    font-family: 'Lato', Verdana, Geneva, sans-serif;
    font-size: 16px;
}

.entry-content a {
    color:#005d9a;
    border-bottom:none;
}

.entry-content p {
    line-height: 1.5;
    margin: 1em 0;
}
.entry-content ul {
    list-style: disc;
    margin: 10px 25px;
}
.entry-content ul ul {
    list-style: circle;
    margin: 10px 0 10px 10px;
}
.entry-content ul ul ul {
    list-style: square;
    margin: 10px 0 10px 10px;
}
.entry-content ol {
    list-style: decimal;
    margin: 10px 25px;
}
.entry-content ol ol {
    list-style: lower-alpha;
    margin: 10px 0 10px 10px;
}
.entry-content ol ol ol {
    list-style: lower-roman;
    margin: 10px 0 10px 10px;
}
.entry-content li {
    margin: 5px 0 5px 20px;
}

/* Quotes */

.entry-content .wp-block-pullquote:before {
    -webkit-transform: translate(-50%, -50%);
    background: #fff;
    color: #fc3;
    content: "\201C";
    display: block;
    font: 5em/1.08em Georgia, Times, Times New Roman, serif;
    height: 4rem;
    left: 50%;
    position: absolute;
    text-align: center;
    top: -20px;
    transform: translate(-50%, -50%);
    width: 8rem;
    z-index: 1000;
}

.entry-content .wp-block-pullquote {
    border: 0;
    border-top: 6px solid #fc3;
    color: #900021;
    display: block;
    float: right;
    font-size: 1.9em;
    font-weight: 400;
    line-height: 1.5em;
    margin: 1em 1em 1.3em;
    padding: 1.3em 1em 0;
    position: relative;
    z-index: 500;
}

.entry-content .wp-block-pullquote blockquote p {
    color: #900021;
    font-size: 1.4em;
    font-style: normal;
    font-weight: 400;
    text-align:left;
}

.entry-content .wp-block-pullquote blockquote cite {
    color: #777677;
    display: block;
    font-size: 18px;
    font-style: italic;
    line-height: 40px;
    margin-top: 1em;
    text-align:left;
}

.entry-content .wp-block-quote {
    background: #f9f7f6;
    border-left: #fc3 solid 6px !important;
    color: #333;
    line-height: 28px;
    margin: 0 20px 24px;
    padding: 15px 26px;
}

.entry-content .wp-block-quote p {
    font-style: normal;
}

.entry-content .wp-block-quote cite {
    color: #777677;
    font-style: italic;
}

/* Columns */

.wp-block-columns.alignfull {
    padding:40px;
}

.feature-column {
    border-bottom: 4px solid #fc3;
    padding-bottom: 20px;
}

.circular img {
    border-radius: 50%;
}

.emphasis {
    background-color: #ffec99;
}

.cool {
    background-color: #d0edf5;
    padding:40px;
}

.cool h2, .cool h3, .cool h4, .cool h5, .cool h6 {
    margin-top: 0;
}

/* Button Hack 2019-08-20 JFA */ 

.entry-content .wp-block-button a {
    color: #fff;
    text-transform: none;
}

/*.entry-content .wp-block-button__link {
    background-color: #7a0019;
    border-radius:0; 
}*/

.entry-content .wp-block-button__link:hover {
    opacity: .8;
}

.entry-content .wp-block-button a:hover {
    opacity: .8;
}

.entry-content .wp-block-button.is-style-full-width a {
    width: 100%;
}

/* End Peloton styling to typography and links */

/* Take out base header, interferes with tagline in tr-header */

.site-header {
    display: none;
}

/* Start header layout for unit name and college SVG */

#tri-header {
    background-color: #fff;
    height: 125px;
    margin: 0 auto;
    max-width: 1260px;
    padding: 0;
    width: 100%;
}

#unit-header {
    background-color: #fff;
    display: block;
    max-width:1260px;
    overflow:auto;
    padding:1em 0;
    position: inherit;
    width: 100%;
    z-index: 1000;
}

.center,
.college  {
    float: right;
    margin: 0;
    padding: 0;
}

.center {
    margin: 1em 50px 0 0;
    width: 58%;
}

.college {
    margin: 1em 24px 0 0;
    width: 35%;
}

.logo-wrap {
    margin:0;
    max-width: 1260px;
    padding: 0;
    width: 100%;
}

.site-info .widget {
    margin: 0 0 1em;
    padding: 0;
}


@media screen and (max-width: 1200px) {
    .center {
        width: 55%;
    }
}

@media screen and (max-width: 954px) {
    .site-header {
        display: block;
    }

    #tri-header {
        height: 180px;
    }

    .center,
    .college  {
        float: none;
    }

    .center {
        margin: 15px auto;
        width: 90%;
    }

    .college {
        border-bottom: 1px black solid;
        margin: 5px auto;
        padding-bottom: 15px;
        width: 90%;
    }
}

@media screen and (min-width: 59.6875em) {
    .main-navigation {
        margin: 20%;
    }

    #tri-header {
        background-color: #fff;
        height: 125px;
        position: relative;
    }

    .wordmark {
        margin: 0 0 .5em 0;
        padding: 0 0 .5em 0;
    }
}