/*
Gerry's stuff from the demo microsite
*/
.config_widget_template #siteheader .service-finder {display:none !important;}
.page-template-class.mainSpan_wrapper:before,
.page-template-class.mainSpan_wrapper_home:before {
background: #7a3c6a;
}
/* 
Cable TV pages
*/
#widget_1823_2742_1232,
#widget_1823_2804_1234 {
padding: 0 !important;
height: 100% !important;
}
widget_1823_2804_1234

.page-template-class .service-finder-trigger {display: none;}
/*
CSS for Landing pages (nonav)
*/
.nonav-page #siteheader {display:none !important;}
.nonav-template#siteheader {display:none !important;}
.nonav-page footer {display:none !important;}
.nonav-template footer {display:none !important;}
.nonav-template .alert_container .important_alert_wrapper,
.nonav-page .alert_container .important_alert_wrapper {display: none !important;}
.nonav-template .alert_container,
.nanav-page .alert_container {display: none !important;}
.nonav-template #headercolumn #top_nav {display: none !important;}
.nonav-template .service-finder-trigger,
.nonav-template .service-finder-trigger--mobile {display: none !important;}
.nonav-template #jPanelMenu-menu #top_nav,
.nonav-page #jPanel-menu #top_nav {display: none !important;}
/*
CSS for MPOJC microsite
*/
.mpojc-basic .mainSpan:before,
.mpojc-basic.mainSpan_wrapper:after,
.mpojc-basic.mainSpan_wrapper_home:after {background: #FFF;}
.mpojc-homepage .alert_container .important_alert_wrapper,
.mpojc-childpage .alert_container .important_alert_wrapper {display: none !important;}
.mpojc-homepage .alert_container,
.mpojc-childpage .alert_container {display: none !important;}
.mpojc-basic #headercolumn #top_nav {display: none !important;}
.mpojc-basic .service-finder-trigger,
.mpojc-basic .service-finder-trigger--mobile {display: none !important;}
.mpojc-basic #jPanelMenu-menu #top_nav,
.mpojc-homepage #jPanel-menu #top_nav {display: none !important;}
.mpojc-basic.mainSpan_wrapper:before,
.mpojc-basic.mainSpan_wrapper_home::before,
.mpojc-basic .home_buttons .button-link,
.mpojc-basic #siteheader a.menu_trigger,
.mpojc-basic .home_events.home_events .box_bottomlink,
.mpojc-basic .home_news .box_bottomlink,
.mpojc-basic .home_meetings.home_meetings .box_bottomlink,
.mpojc-basic #page_footer .footer_subscribe a,
.mpojc-basic #page_footer .social_icons a:hover,
.mpojc-basic .home_meetings.home_meetings .datebox-month,
.mpojc-basic .box_bottomlink {
  background: #971723;
}

.mpojc-basic .home_events {
  height: 410px
}

.mpojc-basic .image_frame {
  width: 91px; 
  height:74px;
}

.mpojc-basic .image_frame img {
  height: 100% !important;
  object-fit: fill;
}

.mpojc-basic .events_box .box_bottomlink {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.mpojc-basic .events_box .box_bottomlink:hover {
  color: #FFF;
  text-decoration: underline;
}

.mpojc-basic .box_item_title {
  margin-left: 100px !important;
  margin-top: -80px !important;
  font-size: 14px;
}

.mpojc-basic .mobile_list li a {
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.mpojc-basic .home_meetings p {
  font-size: 14px;
}

.mpojc-basic .home_meetings a:link {
 text-decoration: none; 
 color: #000;
}

.mpojc-basic .home_meetings a:hover {
  font-weight: 700;
  text-decoration: underline;
}

.mpojc-basic .home_events .box_bottomlink {
  margin-top: -30px;
}

.mpojc-basic .home_events .box_bottomlink:hover {
  text-decoration: underline;
}

.mpojc-basic .agenda_button {
  padding: 0 27px 0 20px;
  height: 30px;
  background-color: #971723;
  color: #FFF;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  line-height: 30px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
/* I have no idea why this svg throws a 404 error... 
.mpojc-basic .agenda_button::after {
  content: "";
  top: 0;
  left: auto;
  position: absolute;
  right: 17px;
  bottom: 0;
  z-index: -1;
  width: 4px;
  height: 6px;
  background: url("_gfx/cmn/button-arrow.svg") no-repeat center center;
  background-size: auto;
  background-size: contain;
  z-index: 2;
  margin: auto 0;
}
*/

.mpojc-basic #ColumnUserControl7 .box_bottomlink {
  display: none;
}


.mpojc-basic .printer_friendly::before,
.mpojc-basic .thickbox::before {
color:  #971723;
}
.mpojc-basic .sharelink::before,
.mpojc-basic .font_larger::before,
.mpojc-basic .font_smaller::before {
background-color: #971723;
}
.mpojc-basic .home_videos .box_bottomlink a {
  background-color: #971723 !important;
}
.mpojc-basic .home_videos .box_bottomlink a:hover {
  background-color: #DA1427 !important;
}
.mpojc-basic .small_box h2.mobile_header {
  font-size: 20px !important;
  line-height: 33px;
  height: 50px;
}

.mpojc-basic .home_events.home_events h2 {
  font-size: 20px;
  line-height: 50px;
}

.mpojc-basic .home_meetings h2 {
  font-size: 20px;
}

.mpojc-basic .mobile_list {
  border-bottom-color: #FFF !important;
}

.mpojc-basic.mainSpan_wrapper_home #searchbox input #search_text {
  height: 40px;
}
.mpojc-basic .home-featured-video a::before {
  background:url(/home/showimage?id=2125&t=638278772921829517);
}
.mpojc-basic .home-featured-video a:hover::before {
  background:url(/home/showimage?id=2129&t=638278772934173974);
}
.mpojc-basic .home-videos-list ul li a::before {
  background:url(/home/showimage?id=2127&t=638278772928392141);
}
.mpojc-basic .home-videos-list ul li a:hover::before {
  background:url(/home/showimage?id=2131&t=638278772940892912);
}

<style>
    .mpojc-basic .something_to_be_ignored { visibility: visible; }
    .mpojc-basic .dropdownmenu > li:hover > a,
    .mpojc-basic .dropdownmenu > li:active > a,
    .mpojc-basic .button-link:hover,
    .mpojc-basic .active > li ,
    .mpojc-basic #page_footer .footer_subscribe a:hover {
    background: #DA1427 !important;
    }
    .mpojc-basic .dropdownmenu > li > a, {text-transform: none !important;}
    .mpojc-basic .mainSpan_wrapper_home #searchbox > a {
    height: 36px !important;
    }
    @media only screen and (min-width: 48em) {
    .mpojc-basic .dropdownmenu > li:hover > a,
    .mpojc-basic .dropdownmenu > li.active > a {
    background: #DA1427 !important;
    }
    .mpojc-basic .dropdownmenu > li > a,
    .mpojc-basic .dropdownmenu > li > .notranslate a {text-transform: none;}
    .mpojc-basic .sidenav ul li.sidenav_current > a,
    .mpojc-basic .sidenav ul li.sidenav_current.sidenav_expanded > a,
    .mpojc-basic .sidenav ul li a:hover {
    background-color: #971723 !important;
    }
    .mpojc-homepage .mainSpan_wrapper_home #searchbox > a {
    height: 36px !important;
    width: 36px;
    }
    }
    @media only screen and (min-width: 62em) {
    .mpojc-homepage .mainSpan_wrapper_home #searchbox > a {
    height: 36px !important;
    width: 36px;
    }
    }
</style>
.mpojc-basic .something_to_be_ignored { visibility: visible; }
.mpojc-homepage #searchbox {
top: 90px;
left: 520px;
width: 30%;
height: 40px;
}
.mpojc-homepage #searchbox input#search_text
{
height: 40px;
}
@media only screen and (max-width: 788px) {
.mpojc-homepage #searchbox {
top: 66px;
left: 10px;
width: 95%;
}
.mpojc-homepage .content_area {
max-width: 960px;
margin: 0 auto;
}
}
.mpojc-basic .button-text {
font-size: 10px;
}
.mpojc-homepage .titlewidget-title {
text-align: center;
font-size: 32px !important;
color: #FFF;
text-shadow: #333 2px 2px 4px;
}
.mpojc-homepage .vi-content-columns .vi-content-columns-column {
box-shadow: #0000004d 0px 10px 30px 0px !important;
}
.mpojc-homepage .vi-content-columns .vi-content-columns-subheader {
background-color: #323232;
color: #FFF;
font-size: 140%;
margin: -20px -24px 0 -24px;
padding: 10px 20px;
}

.mpojc-basic #siteheader a#home_link {
}
.mpojc-basic .homepagelayout,
.mpojc-basic #sitebody.homepagelayout {
background-image: url("/home/showimage?id=1346&amp;t=638073051805571831");
background-size: cover;
}
.mpojc-basic .videoWrapper iframe {
margin: 0 auto;
height: 235px;
width: 100%;
}
.mpojc-basic .videos-container {
background: #fff;
max-width: 100%;
box-shadow: #0000004d 0px 10px 30px 0px;
}
.mpojc-basic .videos-title {
background: #151515;
color: #FFF;
padding: .5em;
}
.mpojc-basic .videobox {
width: 45%;
max-width: 435px;
float: left;
margin: 3px 2.5%;
}
.mpojc-basic .video-right {
float: right;
}
@media (max-width: 600px) {
.mpojc-basic .videobox {
width: 95%;
float: none;
}
}
@media screen and (max-width:960px) {
.mpojc-basic .service-finder-trigger,
.mpojc-basic .service-finder-trigger--mobile {display: none;}
.mpojc-basic .title_widget h1 {font-size: 24px !important;}
}
#widget_630_1828_851 {
padding: 0 !important;
}

@media only screen and (max-width:960px) {
.mpojc-basic .videoWrapper iframe {
height: 410px;
}
.mpojc-basic .button-text {
font-size: 10px !important;
}
}
        @media (max-width: 650px) {
            .poolTable .th {
                font-size: 14px;
            }
        }

        @media (max-width: 540px) {
            .poolTable .th {
                font-size: 12px;
            }
        }

@media only screen and (max-width: 770px) {
  .mpojc-basic .events_box .box_bottomlink {
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase;
    position: relative;
    bottom: 0;
    right: 0;
  }
}