@charset "UTF-8";
/* CSS Document */

@font-face{
font-family: KievitProBook;
src: url('KievitWebPro-Book.eot');src: url('KievitWebPro-Book.eot?#iefix') format('embedded-opentype'),url('KievitWebPro-Book.woff') format('woff'),url('KievitOffcPro-Book.ttf') format('truetype');}


@font-face{
font-family: KievitProBld;
src: url('KievitWebPro-Bold.eot');src: url('KievitWebPro-Bold.eot?#iefix') format('embedded-opentype'),url('KievitWebPro-Bold.woff') format('woff'),url('KievitOffcPro-Bold.ttf') format('truetype');}


@font-face{
font-family: KievitProItal;
src: url('KievitWebPro-BookIta.eot');src: url('KievitWebPro-BookIta.eot?#iefix') format('embedded-opentype'),url('KievitWebPro-BookIta.woff') format('woff'),url('KievitOffcPro-BookIta.ttf') format('truetype');}


@font-face{
font-family: KievitProMedium;
src: url('kievitwebpro-medi.eot');src: url('kievitwebpro-medi.eot?#iefix') format('embedded-opentype'),url('kievitwebpro-medi.woff') format('woff'),url('kievitoffcpro-medi.ttf') format('truetype');}


body{
    font-family: KievitProBook,Arial,Helvetica,sans-serif;
    color:#000;
    line-height:21px;
    font-size:14px;
    padding-bottom: 40px;
    width: 90%;
    max-width: 896px;
    margin: 0 auto;
    padding-bottom: 0;
}

img.coaslogo {
    width: 100%;
    max-width: 428px;
}

p{
    font-family: KievitProBook,Arial,Helvetica,sans-serif;
    font-size: 20px;
    line-height: 150%;
}

p.navbar a:link {
    color: #D9A426;
    font-family: KievitProMedium,Arial,Helvetica,sans-serif;
    font-weight: normal;
}

p.alert {
    color: #FF0000;
    font-family: KievitProMedium,Arial,Helvetica,sans-serif;
    font-weight: normal;
}

.text-box {
   padding:10px 20px 20px;
}

a {
    color: #0051C2;
}

a:focus{
    text-decoration: underline;}
    
h1, h2, h3, h4, h5 {
    font-family: KievitProMedium,Arial,Helvetica,sans-serif;
    font-weight: normal;
    color: #0051C2;
    font-weight:normal;
    text-transform:uppercase;
    padding-bottom:1rem;
}
h1 {
    text-transform: none;
}
strong, b {
    font-family: KievitProBld,Arial,Helvetica,sans-serif;
    font-weight:normal;
}
/* chrome win fix */
body:nth-of-type(1) h1{
        text-rendering:auto;}
body:nth-of-type(1) h2{
        text-rendering:auto;}
body:nth-of-type(1) h3{
        text-rendering:auto;}
body:nth-of-type(1) h4{
        text-rendering:auto;}
body:nth-of-type(1) h5{
        text-rendering:auto;}
body:nth-of-type(1) h6{
        text-rendering:auto;}           
h1 {
    font-size: 24pt;
} 

h2 {
    font-size: 22pt;
} 

h3 {
    font-size: 20pt;
}
h4 {
    font-size: 18pt;
}
h5 {
    font-size: 16pt;
}

h4.button {
    font-family: KievitProBook,Arial,Helvetica,sans-serif;
    text-transform:uppercase;
    color:#F07800;
    border: ridge 5px #F07800;
    width: 148px;
    text-align: center;
    margin: 0;
    padding: 0;
}
im
h4.button a:link, h4.button a:visited {
    width: 148px;
    margin: 0;
    padding: 0;
}

h4.button a:hover, h4.button active {
    background-color: #1FB0E6; 
    color: #FFFFFF;
    text-decoration: none;
    width: 148px;
    margin: 0;
    padding: 0;
}


em, i {
    font-family: KievitProItal,Arial,Helvetica,sans-serif;
    font-style: normal;
}

strong em, em strong, b i, i b, strong i, b em, em b, i strong {
    font-family: KievitProItal,Arial,Helvetica,sans-serif;
    font-weight: bold;
}

ul, li{
    font-family: KievitProBook,Arial,Helvetica,sans-serif;
    font-size: 20px;
    line-height: 150%;
}
dl.definition-list{
    line-height:18px;
}

.top-menu  {
float:right;
width:300px;
padding-right:30px;
margin-top:14px;
text-align:right;
}

.top-menu a {
color:#000;
}

.top-menu a:hover {
color:#0088CC;
text-decoration:none;
}

.orange-bar {
color:#FF9933;
}

.new-logo {
width:300px;
}

.h-nav {
float:right;
width:670px;
position:relative;
top:-40px;
}

.footer {
  clear:both;
  float:right;
  text-align:right;
  font-size:12px;
}

.blue-bar {
color:#2570BA;
}

.navbar-light .navbar-nav .nav-link {
    color: #415D5D;
}

.nav li {
     font-size: 20px;
    width: auto;
    margin: 5px 0 7px 5px;
    min-width: 145px;
    max-width: 300px;
}
.nav li {
  padding: 23px 5px 22px 5px;
}


.blue {
  background-color:#197C9E;
}

.gray {
 background-color:#E6E6E6;
}

.purple {
 background-color:#855085;
}

.col-bar-decoration {
    flex-wrap: nowrap;
}
.col-bar-decoration > div {
    flex: 1;
    height: 10px;
    margin: 0;
    padding: 0;
}

.featured-img {
    width: 100%;
}

.featured-img img{
    display: block;
    width: 100%;
    height: auto;
    max-height: 520px;
    object-fit: cover;
}


/******/

.skip-to-content-link {
    height: 21px;
    padding: 0px 10px;
    position: absolute;
    transform: translateY(-150%);
    transition: transform 0.3s;
}

.skip-to-content-link:focus {
  transform: translateY(8%);
}
.nav-link a{
    display: block;
    padding: 5px;
    text-align: center;
    color: #6c757d;
}
.nav-link a.active {
    display: block;
    padding: 5px;
    text-align: center;
    color: #6c757d;
}
.nav-item.active{
    border-bottom: 6px solid #747d83;
}
.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #818a93;
    text-align: center;
    text-transform: capitalize;
}
.logo img{
    width: 190px;
    height: 190px;
    display: block;
}


.page-footer {
    margin: 15px 0;
    border-top: 1px solid #6c8896;
    width: 100%;
    padding: 21px 15px 15px 15px;
    justify-content: space-between;
    flex-wrap: nowrap;
}


.footer-tagline,
.footer-tagline-mobile {
    color: #415D5D;
    font-size: 17px;
    text-transform: capitalize;
    padding: 0;
}

footer .card-columns {
   column-count: 2;
}

.footer-social,
.footer-social-mobile {
    margin-top: -12px;
    min-width: 75px;
}

.footer-social img,
.footer-social-mobile img {
    width: 35px;
    height: 35px;
}

.footer-social a:hover, 
.footer-social a:focus {    
    text-decoration: none;
}

.footer-mobile-top-row {
    display: none;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 24px;
}

@media (max-width: 991.98px) {
    .footer-social,
    .footer-tagline {
        display: none;
    }
    
    .footer-mobile-top-row {
        display: flex;
    }
    
    .page-footer {
        flex-direction: column;
    }
}

@media (max-width: 479.98px) {
   footer li {
        display: inline-block;
    } 
}
.section-content{
        padding:15px 25px 15px 25px
}
footer li{
    line-height: 25px;
    font-size: 16px;
    position: relative;
}
footer li a{
    color: #415D5D;
    margin-left: 21px;
    display: block;
}
footer li a:hover{
    text-decoration:underline;
}


.footer-item {
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 5px;
}

.csmp-purple-bg {
    background-color: #b54198;
}
.csmp-purple-fg {
    color: #b54198;
}
.csmp-purple-border {
    border-color: #b54198;
}
.csmp-gray-bg {
    background-color: #6c8896;
}
.csmp-gray-fg {
    color: #6c8896;
}
.csmp-gray-border {
    border-color: #6c8896;
}
.csmp-green-bg {
    background-color: #41ad49;
}
.csmp-green-fg {
    color: #41ad49;
}
.csmp-green-border {
    border-color: #41ad49;
}

.csmp-teal-bg {
    background-color: #22aca9;
}
.csmp-teal-fg {
    color: #22aca9;
}
.csmp-teal-border {
    border-color: #22aca9;
}

.csmp-blue-bg {
    background-color: #0693cf;
}
.csmp-blue-fg {
    color: #0693cf;
}
.csmp-blue-border {
    border-color: #0693cf;
}

.csmp-orange-bg {
    background-color: #f37737;
}
.csmp-orange-fg {
    color: #f37737;
}
.csmp-orange-border {
    border-color: #f37737;
}

.csmp-pink-bg {
    background-color: #ed1164;
}
.csmp-pink-fg {
    color: #ed1164;
}
.csmp-pink-border {
    border-color: #ed1164;
}

.csmp-lightgreen-bg {
    background-color: #8ec340;
}
.csmp-lightgreen-fg {
    color: #8ec340;
}
.csmp-lightgreen-border {
    border-color: #8ec340;
}

.csmp-navy-bg {
    background-color: #3e60ac;
}
.csmp-navy-fg {
    color: #3e60ac;
}
.csmp-navy-border {
    border-color: #3e60ac;
}

.csmp-yellow-bg {
    background-color: #fcb715;
}
.csmp-yellow-fg {
    color: #fcb715;
}
.csmp-yellow-border {
    border-color: #fcb715;
}


.emphasized-gray {
    color: #415D5D;
    font-size: 24px;
}

.content li {
    margin-bottom: 20px;
}

.content h1, h2 {
    font-family: KievitProMedium,Arial,Helvetica,sans-serif;
    font-weight: normal;
    margin-bottom: 0;
}

.content h1 {
    margin-top: 24px;
}

.content h2 {
    margin-top: 36px;
    font-size: 20px;
}

.content h2:first-of-type {
    margin-top: 12px;
}


.sidebar img {
    width: 100%;
}

.yellow-box {
    color: #415D5D;
    font-size: 18px;
    text-transform: uppercase;
    background-color: #f5f7cb;
    width: 100%;
    padding: 12px 15px;
    display: inline-block;
    text-align: center;
    font-family: KievitProMedium,Arial,Helvetica,sans-serif;
    font-weight: normal;
    letter-spacing: 0.1em;
}

.sidebar-about {
    margin-top: 275px;
}

.sidebar-about a {
    margin-top: 45px;
}

.sidebar-home {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 250px;
    padding-bottom: 15px;
}

.sidebar-home-mobile {
    display: none;
}

.sidebar-home-mobile .yellow-box {
    width: 17em;
}

.sidebar-home a,
.sidebar-home-mobile a {
    margin-top: 15px;
}

@media (max-width: 991.98px) {
    .sidebar-home,
    .sidebar-about {
        display: none;
    }
    .sidebar-home-mobile {
        display: block;
    }
    .sidebar a {
        width: auto;
    }
    .about-csmp-content-container .yellow-box.mobile-only {
        display: block;
        max-width: 400px;
        margin: 0 auto;
    }
}


.main-navigation {
    width: 100%;
    align-items: flex-start;
    margin: 16px 0;
}

.main-navigation ul {
    width: 100%;
    justify-content: space-around;
}

.main-navigation .navbar-brand {
    z-index: 1;
    height: 0;
    overflow: visible;
    padding-left: 8px;
}

nav.no-image.main-navigation .navbar-brand {
    height: auto;
}

.main-navigation .navbar-brand img {
    width: 190px;
    height: 190px;
}

.main-navigation .nav-item a {
    text-align: right;
    color: #000;
    font-size: 20px;
}

.main-navigation .nav-item a:hover {
    color:#0088CC;
    text-decoration:none;
}

.main-navigation button {
    border: none;
}

@media (max-width: 991.98px) {
    .main-navigation .navbar-brand img {
        width: 110px;
        height: 110px;
    }
    .nav-item {
        display: inline-block;
        margin-left: auto;
    }
    .mobile-hide {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .mobile-only {
        display: none !important;
    }
}

.contacts-container h2,
.committee-container,
.committee-text{
  margin-left: 214px;
}

.contacts-container h2,
.content .projects-page-title,
.blog-post-header,
.event-subsection-header,
.events-subsection-header {
    border-bottom: 2px solid #e0e31c;
    padding-bottom: 6px;
    margin-bottom: 32px;
    color: #415D5D;
    font-size: 18pt;
}

.projects-page-title {
    margin-left: 140px;
}

.blog-index-expand-controls {
    position: relative;
}

.blog-index-expand-controls .arrow{
    position: absolute;
    top: 24px;
}

.contacts-container a {
    font-family: KievitProItal,Arial,Helvetica,sans-serif;
}

.contacts-section-container {
    display: flex;
    flex-wrap: wrap;
}

.contacts-section-container li {
    list-style: none;
    width: 50%;
}

.leadership-item-container,
.director-item-container {
    display: flex;
}

.directors-container button {
    background: none;
    border: none;
    margin-left: 24px;
    text-align: left;
}

button.mobile-only h3 {
    display: inline-block;
}

button.mobile-only h2 {
    display: inline-block;
}

.arrow {
    border-width: 0 4px 4px 0;
    border-style: solid;
    display: inline-block;
    padding: 4px;
    margin-right: 5px;
    transition: transform 150ms;
}

button[aria-expanded="false"] .arrow {
    transform: rotate(-45deg);
}

button[aria-expanded="true"] .arrow {
    transform: rotate(45deg);
}

.director-item-container.collapse {
    display: none;
}
.director-item-container.collapse.show {
    display: flex;
}

.contact-data-container {
    width: 60%;
}

.contact-data-container strong {
    font-family: KievitProMedium,Arial,Helvetica,sans-serif;
    font-weight: normal;
    display: block;
}

.contacts-container h2, h3,
.content .projects-page-title {
    font-family: KievitProBld,Arial,Helvetica,sans-serif;
    font-weight:normal;
}

.contacts-container h3 {
    text-transform: none;
    font-size: 16pt;
    padding-bottom: 0;
}

.leadership-container h3 {
    color: #000;
}

.contact-data-container div,
.contact-data-container h3 {
    margin-bottom: 12px;
}

.contact-project-title {
    color: #415D5D;
    padding-left: 32px;
}

.contact-data-container span,
.contact-email {
    display: block;
}

a.contact-email {
    width: fit-content;
    width: min-content; 
}

.contact-mobile-controls-container {
    position: absolute;
}

.contact-mobile-controls-container .arrow {
    margin-right: 9px;
}

.directors-container button h3 {
    color: #415D5D;
    padding-left: 53px;
}

.headshot-container {
    margin-right: 24px;
}

.headshot-container img {
    height: 150px;
    width: 150px;
}

.committee-container {
    padding-left: 0;
}

.committee-container li {
    list-style: none;
}

.committee-text .emphasized-gray {
    font-size: 20px;
}

.committee-toggle {
    background: none;
    border: none;
    color: #0693cf;
    padding: 0;
    font-size: 20px;
    margin-bottom: 12px;
}

.committee-toggle[aria-expanded="false"]::before {
    content: "View ";
}

.committee-toggle[aria-expanded="true"]::before {
    content: "Hide ";
}

@media (max-width: 991.98px) {
    .contacts-section-container li,
    .contact-data-container {
        width: 100%;
    }
    
    .contacts-container h2,
    .committee-container,
    .committee-text {
      margin-left: 0;
    }
    
    .contacts-section-container {
        padding: 0;
    }
    
    .director-item-container {
        margin-top: 12px;
    }
    
    .leadership-container h3 {
        font-size: 14pt;
    }

    .content .resources-item, .blog-item{
        margin-top: 0px;
    }

    .content .mobile-resources-item-top, .mobile-blog-item-top {
        margin-top: 20px;
    }

    .content .mobile-resources-item-top .arrow , .mobile-blog-item-top  .arrow {
        margin-bottom: 3px;
        position: absolute;
        top: 22px;
    }

    .content .resources-item .sidebar img ,.blog-item img {
        width: 65%;
        height: 25vw;
        object-fit: cover;
        object-position: 50% 30%;
        min-height: 180px;
        max-width: 463px;
        padding-bottom: 12px;
    }
}

@media (min-width: 992px) {
    .director-item-container {
        display: flex !important;
    }
    
    .committee-container {
        display: block !important;
    }
    
    .resources-item,
    .blog-item,
    .events-item,
    .past-events-item.show,
    .events-past-year {
        display: flex !important;
    }

    .events-past-year button {
        width: 70%;
        display: block;
    }

    .content .resources-item,
    .blog-item,
    .events-item {
        margin-top: 70px;
    }
}

.container-resources a {
    font-family: KievitProBook,Arial,Helvetica,sans-serif;
    font-style: italic;
}

.container-resources h1 {
    font-weight: normal;
}
.content .container-resources h2 {
    text-transform: none;
    font-size: 24px;
    margin-top: 0px;
    padding-bottom: 6px;
    font-family: KievitProBook,Arial,Helvetica,sans-serif;
}
.content .container-resources h3 {
    text-transform: none;
    color: #415D5D;
    font-size: 36px;
    font-family: KievitProBook,Arial,Helvetica,sans-serif;
    margin-left: 20px;
    text-align: left;
}

.container-resources button,
.blog-articles button,
.events-section button {
    background: none;
    border: none;
    margin-left: 0px;
    padding-left: 0px;
    position: relative;
}

.resources-item.collapse, .blog-content.collapse  {
    display: none;
}
.resources-item.collapse.show, .blog-content.collapse.show  {
    display: flex;
}

.project-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 0;
}

.project-list-column {
    flex: 1;
}

.project-list .project-list-item > h2 , .container-resources h2.gray-header{
    margin-top: 0;
    color: #415D5D;
    text-transform: none;
    padding: 0 0 4px 0;
    font-family: KievitProMedium,Arial,Helvetica,sans-serif;
    font-size: 18pt;
    position: relative;
    left: 36px;
}

.project-list .project-list-item {
    margin-bottom: 32px;
}

.project-list-item,
.project-list-item li {
    list-style: none;
}

.project-list-item {
    padding-right: 36px;
}

.project-color-box {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: bottom;
    position: absolute;
}

.project-list-item .regional-site-list {
    padding: 0;
}

.regional-site-list li {
    margin: 0;
}


.projects-intro-text {
    margin-left: 40px;
    padding-top: 20px;
}

.projects-intro-text a {
    font-size: 24px;
}

.projects-page-title {
    margin-bottom: 16px;
    order: 2;
    text-transform: uppercase;
}

.project-list {
    margin-left: 100px;
}

.projects-swap-container {
    display: flex;
    flex-direction: column;
}

.statewide-office-container {
    margin: 12px 0;
    max-width: 450px;
}

.statewide-office-container a,
.project-pdf-link,
.project-list-button {
    font-family: KievitProMedium,Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-style: italic;
}

.project-list-button {
    border: 0;
    color: rgb(0, 81, 194);
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.project-list-item-content {
    margin-left: 36px;
}

.regional-site-container button{
    background: none;
    border: none;
    padding: 0;
}

.regional-site-container button .arrow {
    margin-right: 0;
    padding: 3px;
    border-width: 0 2px 2px 0;
    position: relative;
    top: -3px;
}

@media (max-width: 991.98px) {
    .project-list {
        flex-wrap: wrap;
    }
    .project-list-column {
        flex: auto;
    }
    
    .project-list {
        padding-left: 48px;
    }
    .project-list .project-list-item {
        max-width: none;
    }
    
    .projects-page-title,
    .project-list,
    .projects-intro-text {
        margin-left: 0;
    }

    .regional-site-heading {
        font-family: KievitProBld,Arial,Helvetica,sans-serif;
        font-style: italic;
    }
    
    .project-list-item .regional-site-list {
        margin-left: 10px;
    }
}

@media (min-width: 992px) {
    .project-list-item .regional-site-list {
        display: block;
    }
}

.blog-post-header, .events-subsection-header {
    text-transform: uppercase;
    margin-left: 160px;
}

#maincontent .content .blog-post-title {
  font-size: 18pt;
  text-transform: none;
  padding-bottom: 8px;
  font-family: KievitProBook,Arial,Helvetica,sans-serif;
  margin-top: 0;
}

.blog-post-date {
    display: block;
    margin-bottom: 24px;
    font-size: 15pt;
}
.blog-post-credit {
    font-size: 14pt;
    margin-bottom: 24px;
}

.blog-post-return-link {
    font-size: 14pt;
    font-style: italic;
}

@media (max-width: 991.98px) {
    .blog-post-header, .events-subsection-header {
        margin-left: 0;
    }
    .blog-post-image-container, .events-image-container {
        text-align: center;
    }
    .blog-post-image {
        max-width: 75%;
        margin-bottom: 20px;
    }
    .events-image-container {
        margin-bottom: 20px;
    }
    .blog-articles .blog-content .blog-post-image-container,
    .events-section .events-content .events-image-container {
        width: 100%;
    }
    .blog-articles .blog-post-image,
    .events-section .events-image {
        width: 100%;
        height: 100%;
    }
     .blog-articles .blog-article-content,
     .events-section .events-item-content {
       width: 100%;
    }
    .blog-articles button.mobile-only h2 {
        font-size: 22pt;
        margin-left: 20px;
    }
    .blog-articles button.mobile-only h3 {
        color:#000;
    }
    .blog-articles .blog-content,
    .events-section .events-content {
         margin-left: 0 !important;
    }
    .blog-articles .blog-summary,
    .events-section .events-description {
        padding-top: 20px;
    }
    .events-past .events-description {
        padding-top: 0px;
        margin-left: 22px;
    }
    .blog-articles .pipe{
        color: #0051C2;
        padding: 0 5px;
    }
    .blog-articles .blog-summary p,
    .events-section .events-description p {
        line-height: 35px;
    }
}

.events-past .events-date, .events-past .events-title {
    color: #415D5D;
}

.past-events-item-top {
    margin-top: 20px;
    display: block;
}

.events-past button {
    position: relative;
    display: block;
    text-align: left;
}

.events-past button .arrow {
    position: absolute;
    top: 21px;
}

.events-past button h2 {
    padding-left: 20px;
}


.events-past-year h2 {
    color: #0693cf;
}

.events-past h2 {
    text-align: left;
    display: inline-block;
}
.past-events-info {
    display: inline-block;
    padding-left: 20px;
}

.events-item-content button {
    position: relative;
}

.events-item-content button .arrow {
    position: absolute;
    top: 21px;
}


.past-events-item-top .events-date {
    text-align: left;
    padding-top: 10px;
    padding-left: 22px;
}
.past-events-item-top .events-date p,
.events-past .events-description p {
    font-size: 18px;
}

.event-info-container {
    margin-left: 300px;
}

.event-info-container .event-title {
    padding-bottom: 0;
    margin-bottom: 8px;
}

.event-info-container .event-datestring {
    font-size: 16pt;
    margin-bottom: 8px;
    display: inline-block;
}

.event-info-container .event-calendar-link-container {
    margin-bottom: 8px;
}

.event-info-container .event-calendar-link-container a,
.events-item-content .event-calendar-link-container a {
    font-style: italic;
    font-size: 14pt;
}


.event-calendar-seperator {
    margin: 0 6px 24px;
    display: inline-block;
}

.event-image-container img {
    margin-top: 75px;
    max-width: 100%;
}

.event-subsection-container {
    margin-left: 100px;
}

.event-subsection-container .event-subsection-header {
    font-size: 22pt;
}

.event-subsection-container ul,
.event-subsection-container li {
    list-style: none;
}

.day-item-list,
.speaker-list {
    padding-left: 0;
}

.agenda-day h3,
.event-subsection-container .speaker-category-header {
    font-size: 18pt;
    font-family: KievitProBook,Arial,Helvetica,sans-serif;
    color: #415D5D;
    padding-bottom: 0;
    margin-bottom: 8px;
}

.agenda-day-item {
    display: flex;
}

.agenda-day-item-time {
   flex: 0 0 125px;
   margin-right: 16px;
   font-size: 12pt;
}


.day-item-info-container ul,
.day-item-info-container li {
    list-style: disc;
    margin-bottom: auto;
}

.speaker-list .speaker-item {
    display: flex;
    margin-bottom: 48px;
}

.speaker-image-container {
    flex: 0 0 175px;
    margin-right: 20px;
}

.speaker-image-container img {
    width: 100%;
}

.agenda-day-list {
    padding-left: 14px;
}

.agenda-day button{
    background: none;
    border: none;
    padding: 0;
    position: relative;
}

.agenda-day .arrow {
    position: absolute;
    border-width: 0 3px 3px 0;
    padding: 3px;
    left: -18px;
    top: 9px;
    color: #0051C2;
}

.speaker-category-header,
.more-speakers-toggle-button {
    margin-left: 195px;
}

.agenda-day-list .agenda-day {
    margin-bottom: 48px;
}


.event-subsection-container .speaker-category-header {
    margin-bottom: 16px;
}

.more-speakers-toggle-button {
    border: none;
    background: transparent;
    margin-bottom: 48px;
    padding: 0;
}

.more-speakers-toggle-button[aria-expanded="true"] .more-speakers-toggle-text::before {
    content: "less ";
}

.more-speakers-toggle-button[aria-expanded="false"] .more-speakers-toggle-text::before {
    content: "more ";
}

.more-speakers-toggle-text {
    font-style: italic;
    color: #0051C2;
}

.speaker-list #extra-speaker-container {
    display: block;
}

@media (max-width: 991.98px) {
    .event-info-container,
    .event-subsection-container {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .agenda-day-list .agenda-day {
        margin-bottom: 24px;
    }
    
    .agenda-day-item {
        flex-direction: column;
    }
    
    .agenda-day-item-time {
        flex: auto;
    }
    
    #extra-speaker-container.collapse {
        display: none;
    }
    
    #extra-speaker-container.collapse.show {
        display: block;
    }
    
    .speaker-list .speaker-item:first-of-type {
        margin-bottom: 0;
    }
    .blog-articles .article{
        display: block !important;
    }
    .blog-articles h2,.blog-articles h3 {
        text-transform:none;
    }

}

.sr_hide{
	width:1px !important;
	height:1px !important;
	text-indent:-9999px;
	position:absolute;
}
.blogs.blog-post-header,
.events-subsection-header {
    margin-bottom: 35px;
}
.blog-articles .blog-content,
.events-section .events-content {
    width: 100%;
    margin-left: 20px;
}
.blog-articles .blog-post-image,
.events-section .events-image {
    width:100%;
}
.blog-content .blog-post-image-container,
.events-content .events-image-container,
.events-past .events-image-container {
    display: block;
    width: 25%;
    margin-right: 30px;
}

.blog-article-content, .events-item-content {
    width: 70%;
    display: block;
}
.blog-articles button.mobile-only h3 {
    display: block;
}
.blog-articles button.mobile-only{
    text-align: left;
    width: 100%;
}
.blog-articles h2,
.blog-articles h3,
.events-section h2,
.events-section h3 {
    text-transform:none;
}
.blog-articles h2,
.events-section h2 {
    font-size: 22pt;
}

.events-past h2 {
    font-size: 18pt;
}

#maincontent a {border-bottom: 1px dotted;}
#maincontent a:hover {text-decoration:none;border-bottom: 1px solid;}

/****** Dev tools to remove */

.placeholder-dev{
    background: gainsboro;
}