/* 

================================================================ 

MD19 Lions Foundation

May, 2021

Standard colors (rgb):
    LCI yellow: 235, 183, 0 
    LCI blue: 0, 51, 141 
    LCI gray: 85, 86, 90 
    LCI cool gray:  179, 178, 177;
    LCI red: 255, 92, 53 
    LCI purple: 122, 38, 130
    LCI green:  0, 172, 105;
    Green/Chartruese 153, 204, 0 or #99cc00

Screen sizes:
    1200px/13 = 92.3 em
    1140/13 = 87.69 em
    1024px/13 = 78.8 em
    960px/13 = 73.84 em
    800px/13 = 61.5 em
    768 px/13 = 59.079 em

J. D. Nellor

================================================================ 

*/


/* FONT CALLS */

    /*@font-face {
        font-family: "Myriad Pro";
        src: url(../fonts/MyriadPro-Regular.otf) format("opentype");
        font-weight: normal;
        font-style: normal;
    }*/

    /*@font-face {
        font-family: "Myriad Pro";
        src: url(../fonts/MyriadPro-Bold.otf) format("opentype");
        font-weight: bold;
        font-style: normal;
    }*/

    /*@font-face {
        font-family: "Myriad Pro";
        src: url(../fonts/MyriadPro-Light.otf) format("opentype");
        font-weight: lighter;
        font-style: normal;
    }*/

    /*@font-face {
        font-family: "Myriad Pro";
        src: url(../fonts/MyriadPro-It.otf) format("opentype");
        font-weight: normal;
        font-style: italic;
    }*/

    /*@font-face {
        font-family: "Myriad Pro";
        src: url(../fonts/MyriadPro-BoldIt.otf) format("opentype");
        font-weight: bold;
        font-style: italic;
    }*/

    /*@font-face {
        font-family: "Myriad Pro";
        src: url(../fonts/MyriadPro-LightIt.otf) format("opentype");
        font-weight: lighter;
        font-style: italic;
    }*/

    @font-face {
        font-family: "News Gothic";
        src: url(../fonts/NewsGothicStd.otf) format("opentype");
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: "News Gothic";
        src: url(../fonts/NewsGothicStd-Bold.otf) format("opentype");
        font-weight: bold;
        font-style: normal;
    }

    @font-face {
        font-family: "News Gothic";
        src: url(../fonts/NewsGothicStd-Oblique.otf) format("opentype");
        font-weight: normal;
        font-style: oblique;
    }

    @font-face {
        font-family: "News Gothic";
        src: url(../fonts/NewsGothicStd-BoldOblique.otf) format("opentype");
        font-weight: bold;
        font-style: oblique;
    }

/*    @font-face {
        font-family: "Franklin Gothic";
        src: url(../fonts/Franklin-Gothic-Book.woff) format("woff");
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: "Franklin Gothic";
        src: url(../fonts/Franklin-Gothic-Medium.woff) format("woff");
        font-weight: bold;
        font-style: normal;
    }

    @font-face {
        font-family: "Franklin Gothic";
        src: url(../fonts/Franklin-Gothic-Italic.woff) format("woff");
        font-weight: normal;
        font-style: italic;
    }

    @font-face {
        font-family: "Franklin Gothic";
        src: url(../fonts/Franklin-Gothic-BookBook-Italic.woff) format("woff");
        font-weight: bold;
        font-style: italic;
    }*/


    /*@font-face {
        font-family: "Nunito Sans";
        src: url(../fonts/NunitoSans-Regular.ttf) format("truetype");
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: "Nunito Sans";
        src: url(../fonts/NunitoSans-Bold.ttf) format("truetype");
        font-weight: bold;
        font-style: normal;
    }
    @font-face {
        font-family: "Nunito Sans";
        src: url(../fonts/NunitoSans-Italic.ttf) format("truetype");
        font-weight: normal;
        font-style: italic;
    }
    @font-face {
        font-family: "Nunito Sans";
        src: url(../fonts/NunitoSans-BoldItalic) format("truetype");
        font-weight: bold;
        font-style: italic;
    }*/






/* BASIC PAGE SETUP */

    html {
        box-sizing: border-box;
        font-size: 16px; /* For global control of scaling -- 16 px seems to be default */
        }

    *, *:before, *:after {
        box-sizing: inherit;
        }

    body { 
        font-family: "News Gothic", "Helvetica Nue", Helvetica, Arial, Verdana, sans-serif;
        /*font-size: 100%;*/ /* Probably do not need this if size set at root -- or set to rem value */
        color: #000;
        margin: 0 auto;
        /* margin: 20px 30px;*/ 
        padding: 0 16px;
        width: 80rem; /* Set this to % to make fluid */
        }

    article,aside,details,figcaption,figure,
    footer,header,menu,nav,section { 
        display: block;
        }

/* GROUPS */

    .group:before,
    .group:after {
        content: "";
        display: table;
        } /* For clearfix */

    .group:after {
        clear:both;
        } /* For clearfix */

    footer .group {
        padding-bottom: 1.6%;
        padding-left: 2em;
        }

/* COLUMNS */

    .col {
        display: block;
        float:left;
        margin: 1.6% 0 0 1.6%;
        } /* for the grids to work */

    .col:first-child {
        margin-left: 0; 
        } /* for the grids to work */

    .two-column {
        column-count: 2;
        column-width: 50%;
        margin-bottom: 1rem;
        /*column-rule: 1px solid rgba(0, 0, 0, 1.0);*/
    }



/* CONTAINERS */

    header {
        position: relative; /* So I can position elements in and relative to the header */
        overflow: auto; /* Makes the header fill to the elements it contains */
        }

    #masthead {
        position: relative;
        text-align: center;
    }

    .top-centered {
        position: absolute;
        top: 3%;
        left: 50%;
        transform: translate(-50%, -6%);
        width: 97%;
        z-index: 999;
    }

    .top-right {
        position: absolute;
        top: 13%;
        right: 18px;
        width: 33%;
        background-color: rgba(0, 0, 0, .2);
        padding: 24px;
        z-index: 997;
    }

    /*.bottom-right {
        position: absolute;
        bottom: 6%;
        right: 18px;
        width: 40%;
        background-color: rgba(0, 0, 0, .4);
        padding: 24px 48px;
        z-index: 996;
    }*/

    .bottom-right {
        position: absolute;
        bottom: 18px;
        right: 12px;
        z-index: 996;
    }

    .bottom-right p {
        font-size: .9em;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 1em;
        color: rgba(255, 255, 255, .6);
        margin: 0;
        padding: 8px 6px 8px 6px;
/*        border: 2px solid rgba(255, 255, 255, .5);*/
        background-color: rgba(0, 0, 0, .4);
        border-radius: 50%;
    }

    .bottom-right abbr {
        transition-delay: 0.1s;
        border: none;
    }

    .bottom-centered {
        position: absolute;
        bottom: 4%;
        left: 50%;
        transform: translate(-50%, -4%);
        width: 100%;
        z-index: 998;
    }

    .speech-bubble {
        position: absolute;
        top: 0;
        left: 24px;
    } /* These are for the speech bubbles that pop up on the home page */

    blockquote {
        margin:  0 0 0 0;
        padding: 8px 20px 8px 20px; 
/*        border-bottom: 2px rgba(153, 204, 0, 1) solid;*/
/*        border-radius: 4px;*/
        font-family: "Times New Roman", Times, Georgia, serif;
        font-size: 1rem;
        font-style: italic;
        line-height: 1.7rem;
     }

    .sidebar {
        margin: 32px auto;
        padding-bottom: 1rem;
        border: 1px solid rgba(0, 51, 141, 1);
        border-radius: 4px;
        font-size: .8rem;
        color: rgba(0, 51, 141, 1);
        /*line-height: 1.3em;*/
    }

    footer {
        text-align: center;
        margin: 2em 0 0 0;
        padding: 12px 0;
        font-size: .8rem;
        border-top: 3px solid /*rgba(153, 204, 0, 1)*/rgba(85, 86, 90, .5);
        }

    figure {
        border-radius: 4px;
        margin: 12px;
        padding: 12px;
        background-color: rgba(179, 178, 177, 0.2);
    }

    figure:last-of-type {
        margin-bottom: 0;
    }

    figcaption {
        text-align: center;
        font-weight: 600;
        margin-top: 8px;
        font-size: 1rem;
    }

    /*
    figure img {

    }
    */

    /*
    figure:last-of-type {
        margin-bottom: 0;
    }
    */




/* HEADINGS */

    h1 { 
        font-family: "Times New Roman",Times, Georgia, serif;
        font-size: 1.7em;
        font-weight: 400;
        font-style: italic;
        /* color:  rgba(14, 63, 121, 1); */
        /* color:  rgba (0, 77, 153, 1); */
        color:  rgba(85, 86, 90, .8);
        text-align: left;
        margin: 0; /* Why do I need this? */
        border-bottom: 6px solid #99cc00/*rgba(255, 204, 0, 1)*/;
        display: inline-block; /* keeps the underline the length of the text */
        line-height: 1.7em; /* adds space between text and underline */
        }


    h2 { 
        font-size: 3em;
        font-weight: 700;
        margin: 16px 0 16px 0;
        }

    h3 {
        font-size: 575%;
        font-weight: 700;
        color: rgba(255, 255, 255, .6);
        line-height: 100%;
        margin: 0;
        text-align: center;
        }

    h4 {
        font-size: 150%;
        font-weight: 700;
        /*font-style: italic;*/
        letter-spacing: 1px;
        color: rgba(255, 255, 255, .6); 
        line-height: 100%;
        margin: 0;
        text-align: center;        
        }

    .trustee h3, 
    .trustee h4 {
        font-size: 200%;
        /*color: rgba(14, 63, 121, 1);*/
        color: rgba(0, 51, 141, 1);
        text-align: left;
        border-top: 1px #ccc solid;
        border-bottom: none;
        padding: 1rem 0;
        clear: both;
    }

    h5 {
        font-size: 1.5rem;
        margin: 0;
        }

    .sidebar h5{
        font-size: .9rem;
        text-transform: uppercase;
        line-height: 3em;
        text-align: center;
        color:  rgba(255, 255, 255, 1);
        background-color:rgba(0, 51, 141, 1);
        margin-bottom: 1.5em;
        /*padding: 1em 0;*/
        }

    h6 {
        font-size: 2em;
        font-weight: 700;
        letter-spacing: .3px;
        margin: 48px 0 0 0;
        color: rgba(0, 51, 141, 1);
        text-transform: uppercase;
        }


/* BASIC TYPOGRAPHY */

    p,
    li,
    dl { 
        margin-bottom: 1em; 
        font-size: 1.2em;
        line-height: 1.6em;
        font-weight: 400;
        hyphens: auto;  
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto; /* Automatic hyphens not supported in Chrome */
        }

    p.right {
        text-align: right;
    }

    footer p {
        text-align: center;
        margin: 1em 0;
        padding: 0 1em 1em 1em;
        /* background-color: rgba(0, 77, 153, 1); */
        }

    .sidebar p {
        /*color: rgba(0, 51, 141, 1);*/
        line-height: 1.4em;
        margin: 1em 16px 0 16px;
        /*padding: 0;*/
    }

    blockquote p {
        text-indent: 1em;
        color: rgba(0, 51, 141, 1);
        /*color: rgba(153, 204, 0, 1);*/
        margin: 0;
        hyphens: none;  
        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none; /* Automatic hyphens not supported in Chrome */
    }

    .trustee p {
        /*width: 70%;*/
        /*float: right;*/
        margin-top: 0;
    }

    b,
    strong { 
        font-weight: 700; 
        }

        em {
            font-style: normal;
            font-weight: 700;
            text-transform: uppercase;
        }

    small { 
        font-size: 1em; /* 16/16 = 1 */ 
        }

    smallcaps {
        font-variant: small-caps;
        font-size: 118%;   
        }

    .smallcaps {
        font-variant: small-caps;
        font-size: 118%;   
        }

    sub, 
    sup { 
        font-size: 50%; 
        line-height: 0; 
        position: relative; 
        vertical-align: baseline; 
        }

    sup { 
        top: -.7em; 
        }

    sub { 
        bottom: -.25em; 
        }

    abbr {
        border-bottom: 1px rgba(85, 86, 90, 1) dotted;
        cursor: pointer;
    }





/* LISTS */


    ol {
        margin: 0;
        padding: 0;
        list-style-position: outside;
    }

    ul {
        margin: 0;
        padding: 0;
        list-style-position: outside;
    }

    li {
        margin-left: 48px;
        }

    footer li {
        /*margin: 0;*/
        list-style-type: none;
        }

    ul.date {
        list-style-type: none;
        /*font-size: 100%;*/
        /*padding-left: 0;*/
        /*margin-left: 0;*/
        margin-top: 1em;
    }

    .date li {
        margin-left: 12%;
        padding: 16px 0 0 0;
        border-top:  1px solid rgba(85, 86, 90, .3);
    }

    ul.announcements {
        list-style-type: none;
        margin-top: 1em;
    }

    .announcements li {
        margin-left: 0;
        padding: 16px 0 0 0;
        border-top:  1px solid rgba(85, 86, 90, .3);
    }

    .sidebar ul {
        margin: 0 0 0 1em;
        padding: 0;
/*        list-style-type: none;*/
/*        font-size: .8em;*/
    }

    .sidebar ol {
        margin: 0;
        padding: 0;
        list-style-position: inside;
    }

    .sidebar li {
        line-height: 1.4em;
        /*margin: 16px 1em 0 48px;*/
        margin: 1em 16px 0 16px;
    }

    /*
    .sidebar ul li {

    }
    */

    .sidebar li li {
        margin: 16px 1em 0 16px;
    }

    .sidebar ul li li {
        font-size: 1em;
    }

    .sidebar ol li ol li {
        font-size: 1em;
        list-style: lower-alpha;
        margin-left: 32px;
    }



    ul.address-list {
        list-style-type: none;
    }

    .address-list li {
        margin: 1em;
    }

    .address-list li li {
        list-style-type: none;
        font-size: inherit;
        margin: 0 1em;
    }

    ul.contact ul {
        list-style-type: none;
        font-size: 1em;
        /*margin: 1em 0;*/
    }

    .contact li {
        margin: 0;
        list-style-type: none;
        font-size: 1.1rem;
    }

    .contact li li,
    .contact li li li {
        margin-left: 1em;
        /*font-size: 1em;*/
    }

    .contact li li:last-of-type {
        margin-bottom: 16px;
    }

    .contact ul li {
        break-inside: avoid;
    }



    .faq ul {
        margin-left: 48px;
    }

    .faq ol {
        margin-left: 48px;
    }

    .faq ul li {
        padding-left: 8px;
    }

    .faq ol li {
        padding-left: 16px;
    }




/* THESE ARE FOR THE EXPANDABLE DETAIL LISTS */

    summary {
        font-size: 1.2em;
        font-weight: 400;
        color: rgba(85, 86, 90, 1);
        margin: 0 0 8px 0;
        padding: 12px 0 8px 16px;
        border-top: 1px solid rgba(85, 86, 90, .2);
        cursor: pointer;
    }

    summary:focus {
        outline: none;    
    }

    summary::-webkit-details-marker {
        color: rgba(85, 86, 90, .3);
    } /* styles the marker. Doesn't work in IE */

    details p {
        margin-left: 48px;
    }





/* STYLE MODIFICATIONS FOR SNIPPETS */

    .sidebar.snippets {
        padding: 1rem 2rem;
        /*background-color: rgba(85, 86, 90, .1);*/
        border: none;
    }

    .snippets {
        margin: 32px auto;
        padding: 8px 8px 16px 16px;
        /*border-top: 6px solid rgba(85, 86, 90, 1);*/
        border-top: 6px solid rgba(0, 77, 153, 1);
        /*border-top: 6px solid rgba(153, 204, 0, 1);*/
        /*border-radius: 3px;*/
        /*background-color: rgba(85, 86, 90, .1);*/
        background-image: linear-gradient(to bottom right, rgba(179, 178, 177, .1), rgba(85, 86, 90, .1));
        /*background-image: radial-gradient(circle, rgba(179, 178, 177, .1), rgba(85, 86, 90, .1));*/
        }
        
    .snippets p,
    .snippets li,
    .snippets h5 {
        font-size: .9rem;
        color: rgba(0, 77, 153, 1);
        /*color: rgba(122, 38, 130, 1);*/
        /*color: rgba(255, 92, 53, 1);*/
        }

    .snippets h5 {
        margin: 1rem 0 .6rem 0;
        text-align: left;
        border-top: 1px dotted rgba(0, 77, 153, 1);
        padding-top: 1rem;
        }
    
    .snippets h5:first-of-type/*,
    .snippets h5:nth-of-type(2)*/ {
        border: none;
        padding-top: 0;
    } /* This is the dateline heading */

    .snippets p {
        line-height: 1.7;
        margin: 1rem 20px;
    }
    
    .snippets ul {
        margin: 0 1rem;
        padding: 0;
    }

    .snippets li {
        line-height: 1.3rem;
        margin: 0 0 .6rem 0;
        padding: 0;
    }

    /*.snippets a {
        color: rgba(0, 0, 0, 1);
    }*/

    /*.snippets #datetime {
        color: rgba(255, 0, 0, 1);
    }*/
    




/* FORMS */

/*    input,
    textarea {
        width: 100%;
        border: 1px solid rgba(0, 77, 153,.5);
        font-size: 100%;
        margin-bottom: 1em;
        }

    input {
        height: 30px;
        }

    textarea {
        height: 100px;
        }

    input[type="submit"] {
        width: 120px;
        background-color: rgba(0, 77, 153, 1);
        color: #fff;
        }

    label {
        font-size: 1em;
        line-height: 1.6em;
        font-weight: 300;
        }
*/





/* LINKS */

    a { 
        /*color: rgba(0, 77, 153, 1);*/
        /*color: rgba(204, 51, 51, 1);*/
        color:  blue;
        text-decoration: none;
        }

    button a {
            color: rgba(255, 255, 255, 1);
        }

    header nav a {
        color: rgba(255, 255, 255, 1);
        text-transform: uppercase;
        /*font-weight: 700;*/
        float: left;
        width: 14.28%; /* 100/9= 11.111, 100/8= 12.5, 100/7= 14.2857, 100/6= 16.667 */
        padding: 12px 0 9px 0;
        border: 1px solid rgba(0, 0, 0, .1);
        background-color: rgba(0, 0, 0, .5);
        }

    footer nav a {
        color: rgba(85, 86, 90, .5);
        font-weight: 700;
        /* width: 8.33%; */ /* Centers the nav bar over the footer width */
        margin-right: 20px; /* Left justifies the nav bar */
        text-transform: uppercase;
        }

    footer a { 
        color: rgba(85, 86, 90, .5);
        font-weight: 400;
        }

    a:hover { 
        color: rgba(255, 0, 0, 1);
        text-decoration: underline
        }

    header nav a:hover {
        background-color: rgba(0, 0, 0, .6);
        color: rgba(255, 255, 255, 1);
        border: 1px solid rgba(255, 255, 255, .8);
        }

    a:hover img {
        opacity: 0.3;
        }

    button a:hover { 
        text-decoration: none;
    }

    a:active { 
        color: rgba(255, 204, 0, 1);
        text-decoration: none;
        }

    button a:active {
        color: rgba(0, 0, 0, 1);
        }

    a.current {
        color: rgba(153, 204, 0, 1);
        text-decoration: none;
        cursor: default;
        }

    header nav a.current {
        background-color: rgba(255, 255, 255, .7);
        border-left: 1px solid rgba(255, 255, 255, .8);
        border-right: 1px solid rgba(255, 255, 255, .8);
        border-top: none;
        border-bottom: none;
/*        border: none;*/
/*        color: rgba(153, 204, 0, 1);*/
        color: rgba(0, 0, 0, 1.0);
       }


/* NAVIGATION */

    nav {
        overflow: auto;
        } /* Makes the header fill to the elements it contains -- hidden does as well */

    nav ul {
        width: 100%;
        padding: 0;
        list-style-type: none;
        }

    header nav ul {
        /*font-size: 100%;*/ /* This does not seem to do anything */
        text-align: center;
        float: left;
        margin: 0; /* To move the icons down from the navbar below the masthead */
/*        background-color: rgba(0, 0, 0, .5);*/
        }

    footer nav ul {
        padding: 1em 0 0 2em;
        }

    nav li {
        display: inline;
        margin: 0;
        }

    header nav li {
        font-size: 1rem;
        font-weight: 700;
        letter-spacing: 1px;
        }

    footer nav li {
        padding-right: 1em;
        font-size: .8rem;
        }




/* Styles for the Donate Now button */

    button {
        width: 80%;
        font-size: 130%;
        letter-spacing: .5px;
        padding: 12px 0;
        margin: 24px 10% 0 10%;
        background-color: rgba(153, 204, 0, 1);
        border-radius: 4px;
        font-weight: 700;
        border: none;
        /* box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, .1); */
        outline: none;
    }

     .sidebar button {
        margin: 1em 6% 0 6%;
        width: 88%;
    }

    button:hover {
        box-shadow: 0 0 16px 0 rgba(255, 204, 0, 1); /* gold */
        /*box-shadow: 0 0 12px rgba(128, 128, 128, 1);*/
        /*background-color: rgba(14, 63, 121, 1);*/
        /*background-color: rgba(0, 51, 141, 1);*/ /* blue  */
        background-color: rgba(255, 0, 0, 1); /* red  */
    }

    button:active {
        box-shadow: none;
    }

    button a:link, 
    button a:visited {
        color: rgba(255, 255, 255, 1);
    }

    button a:hover {
        text-decoration: none;
    } 

    button a:active {
        color: rgba(255, 255, 255, 1);
    }





/* TABLES */

    table { 
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%; 
        border-right: hidden;
        border-left: hidden;
        margin: 0;
        }

    /*
    tbody tr:nth-child(odd) {
        background-color: rgba(244, 242, 225, .7);
        }
        */

    th,
    td {
        vertical-align: middle;
        font-size: 1.2em;
        }
 
    th {
        color: #fff;
        font-weight: 500;
        text-align: center;
        line-height: 1.6em;
        padding: 8px;
/*        background-color: rgba(85, 86, 90, .7);*/
        background-color: rgba(204, 51, 51, 1.0); /* rgba(14, 63, 121, 1) for blue */
        border: 1px dotted rgba(255, 255, 255, 1);
        border-top: none;
        }

    td {
/*        margin-bottom: 1em; */
        line-height: 1.6em;
        border: 1px dotted rgba(141, 124, 104, 1);
        /*padding: 8px 8px 8px 8px;*/
        padding: 16px 16px 8px 16px;
        font-weight: 300;
        text-align: center;
        }

    td:first-child,
    th:first-child {
        text-align: left;
    }

    th:first-child {
        padding-left: 16px;
    }

    td:first-child {
        padding: 0 16px;
    }



/* THESE ARE THE FUTURE CONVENTIONS TABLE */

    table.conventions {
        margin-left: 5%;
        width: 95%;
        margin-bottom: 1em;
        margin-top: 1em;
    }

    .conventions th,
    .conventions td {
        font-size: 1em;
        line-height: 1.2em;
        text-align: left;
    }

    .conventions th {
        /*background-color: rgba(153, 204, 0, 1);*/
        /*background-color: rgba(255, 204, 0, 1);*/
        background-color: rgba(179, 178, 177, 1);
    }

     .conventions tr:nth-child(odd) {
        /*background-color: rgba(255, 204, 0, .1);*/
        /*background-color: rgba(153, 204, 0, .1);*/
        background-color: rgba(179, 178, 177, .1);
    }  /* This adds the shading to every other row in a table */



/* IMAGES */

    img {
        max-width: 100%;
        height: auto;
        width: auto;
        }

    header img {
        width: 100%;
        /*margin: 3em 5% 2em 5%;*/ /* to center the header image for the masthead */
        }

    header .group img {
        width: 100%;
        margin: 0;
        }

    .trustee img {
        width: 20%;
        height: auto;
        float: left;
        margin-bottom: 1em;
        margin-right: 4em;
    }


    img[alt="LCI logo"] {
        /*border: 5px solid;*/
        /*border-image-slice: 1;*/
        /*border-image-source: linear-gradient(to left, #743ad5, #d53a9d);*/
        /*border-image-source: linear-gradient(to right, rgba(0, 77, 153, 1), rgba(255, 204, 0, 1));*/
        /*background-color: rgba(255, 204, 0, 1);*/
        margin: 0 auto;
        padding: 0 3em 0 3em;
        }

    img[alt="MD19 logo"] {
        margin: 0 auto;
        padding:  0 3em;
    }

    /*img[alt="Foundation Logo"] {
        margin: 88px 0 0 0;
        padding: 0 16px;
    }*/

    img[alt="Foundation Logo"] {
        margin: 210px 0 0 0;
        padding: 16px 0 0 0;
        border-top: 4px solid rgba(85, 86, 90, .3);
    }

    img[alt="left-title-image"] {
        float: left;
        width: 100%;
        height: 100%;
    }

    img[alt="right-title-image"] {
        float: right;
        width: 100%;
        height: 100%;
    }

    img[alt="Date graphic"] {
        float: left;
        width:9%;
        height: auto;
        margin: 6px 0 0 -13%;
        box-shadow: 2px 2px 4px 0 rgba(85, 86, 90, .3)
    } /* These are the calendar icons for events */

    /*.group .logos {
        margin-top: 64px;
        padding: 0 16px;
    }*/ /* Pulled these for the time being */

    /*img[alt="Link to LCI"],
    img[alt="Link to MD19"] {
        height: 102px;
        width: auto;
        padding: 5%;
        border: 2px solid rgba(85, 86, 90, .2);
        border-radius: 16px;
    }*/ /* Pulled these for the time being */

    img[alt="PDF document"],
    img[alt="Word document"]{
        width:  5em;
        height: auto;
/*        margin: 6px;*/
    }

    img[alt="NWLLI logo"]{
        float: right;
        width: 4rem;
        height: auto;
        margin: 12px 0 12px 12px;
    }

    img[alt="USA Canada Logo"] {
        float: right;
        width: 21%;
        margin: 24px 0 0 4px;
        padding: 0
    }

    /*img [alt="dolpire attribution"] {
        width: 6em;
        height: auto;

    }*/

    img[alt="QR Code"] {
        float: right;
        width: 15%;
        margin: 1em 0 0 16px;
    }





    /* VIDEO STYLES */

    video {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        }