<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html {
          font-size: 62.5%;
          line-height: 1.4em;
        }

        body {
          /*@include font-size($default-font-size); */
          font-size: 160%;
          /*we are using a percentage in order to fix a Chrome bug that sometimes increase text size using rems */
          line-height: 1.4em;
        }

        .mcm img {
            width: 20px;
            vertical-align: middle;
            margin: -2px 0px -2px 0px;
        }

        .mcm a {
            text-decoration: none;
            color: #20345d;
        }

        .mcm a:hover {
            text-decoration: underline;
        }

        .mcm.div-table {
            margin: 0 0 3em 0;
            padding: 0;
            border-spacing: 0px;
            margin: 0px 0px 0px 0px;
            border: solid 1px #20345d;
            width: 100%;
	    font-size:16px;
	    font-size:1.6rem;
	    font-family:Arial, Helvetica, sans-serif;
	    color:#000;
            text-align: center;
        }

        .mcm .sticky {
            position: fixed;
            z-index: 500;
        }

        .mcm .div-table-col {
            box-sizing: border-box;
            flex-grow: 1;
            width: 100%;
            padding: 6px 6px;
            overflow: hidden;
            list-style: none;
            border: solid 1px #20345d;
            margin: 0px 0px 0px 0px;
        }

        .mcm .div-table-col h1, .mcm .div-table-col h2, .mcm .div-table-col h3, .mcm .div-table-col h4, .mcm .div-table-col h5, .mcm .div-table-col h6 {
            margin: 0;
        }

        .mcm.div-table .div-table-col  { width: 10%; }
        .mcm.div-table .div-table-col.agenda, .mcm.div-table .div-table-col.packet, .mcm.div-table .div-table-col.minutes, .mcm.div-table .div-table-col.video  { text-align: center; }
        .mcm .date, .mcm .time, .mcm .meeting, .mcm .venue { width: 20% !important; }

        .mcm .dark {
            background-color: #20345d;
            color: #fff;
            border-color: #20345d;
        }

        .mcm .med {
            background-color: #20345d;
            color: #fff;
        }

        @media only screen and (max-width: 900px) {

            .mcm.div-table {
                display: block;
            }

            .mcm tr, .mcm tbody {
                display: block;
                width: 100%;
            }

            .mcm.div-table .div-table-col {
                width: 100% !important;
                padding-left: 50%;
                position: relative;
                display: block;
            }
	
	    .mcm.div-table .div-table-col.agenda, .mcm.div-table .div-table-col.packet, .mcm.div-table .div-table-col.minutes, .mcm.div-table .div-table-col.video  { text-align: center; }

            .mcm.div-table .div-table-col:before {
                position: absolute;
                left: 2%;
                top: 20%;
                border: none;
            }

            .mcm .div-table-col.end {
                margin-bottom: 25px;
            }

            .mcm .dark, .mcm thead {
                display: none;
            }

            .mcm .meeting:before { content:'Meeting'; }
            .mcm .venue:before { content:'Venue'; }
            .mcm .date:before { content:'Date'; }
            .mcm .time:before { content:'Time'; }
            .mcm .agenda:before { content:'Agenda'; }
            .mcm .packet:before { content:'Packet'; }
            .mcm .minutes:before { content:'Minutes'; }
            .mcm .video:before { content:'Video/Audio'; }

           .mcm.div-table .div-table-col.minutes {
               height: 36px;
            }
        }</pre></body></html>