.responsive-iframe-container{
    position: relative;
    width: 100%;
    padding-top: 60%;
    overflow: hidden;
}
.responsive-iframe-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
h3.related-article-title{margin-top:100px;}
body{font-family:font-family: 'Roboto', sans-serif;}
div#sp-top3,div#sp-top2{margin-top:1em;}
.announcement .sp-module-title{text-align:center;}
.sp-profile-dropdown{width:240px;}
#sp-menu > .sp-column.align-items-center { justify-content: center !important; }
#sp-header .container-inner > .row,
.sp-megamenu-parent {
    position: static !important;
}
.sp-megamenu-parent .sp-dropdown-items li a.red{color:#ce212a;}
.sp-menu-full.container {
    max-width: 100%;
    width: 100%;
    padding: 0;
}
.sp-page-title-heading{text-transform:uppercase;margin-bottom:20px;}
.sp-page-title-heading:after, div.page-header h1:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0;
    width: 20%; /* Change this to whatever width you want. */
    padding-top: 5px; /* This creates some space between the element and the border. */
    border-bottom: 4px solid #fff; /* This creates the border. */
}
.breadcrumb{font-size:.8em;}
.sp-page-title {
    padding: 50px 0px !important;
    background-size: cover !important;
background-color:#ce212a;
}
.sppb-articles-carousel-content {
  min-height: 275px;
}
div.sppb-articles-carousel-img{max-height:256px;width:auto;}

/*JEvents------------*/
#jevents .previousmonth,#jevents .nextmonth{background:#231F20;border-color:#231F20;}
#jevents .currentmonth{border-color:#ce212a;background:#ce212a;color:#fff;}
#jevents .nav-items #nav-jumpto, #jevents .nav-items #nav-today,#jevents .nav-items #nav-week, #jevents .nav-items #nav-month, #jevents .nav-items #nav-year{border-color:#231f20; padding:1em;}
#jevents .nav-items #nav-jumpto.active a, #jevents .nav-items #nav-today.active a,#jevents .nav-items #nav-week.active a, #jevents .nav-items #nav-month.active a, #jevents .nav-items #nav-year.active a{border-color:#231f20;background:#ce212a;}
#jevents .nav-items #nav-jumpto.hover a, #jevents .nav-items #nav-today.hover a,#jevents .nav-items #nav-week.hover a, #jevents .nav-items #nav-month.hover a, #jevents .nav-items #nav-year.hover a{border-color:#231f20;}
#jevents .cal_today a.cal_daylink{background:#ce212a;border-color:#231f20;}
#jevents .cal_today a.cal_daylink:hover{background:#b9943f;border-color:#231f20;color:#fff;}
#jevents td.cal_today{background:#fff;}
#jevents td.cal_daysoutofmonth{background:#f7f7f7;}
#jevents a.cal_titlelink{background:#fff;}
#jevents .cal_table td{border-color:#eee;}
.mod_events_latest_callink a, .mod_events_latest_callink a:link,.mod_events_latest_callink a:visited{color:#fff;}
.mod_events_latest_callink a:hover{color:#231f20;}
#jevents div.jev_header2 div.currentmonth{color:#FFF !important;}
td.legend{padding:4px;}


#jform_username{background:#efefef;color:#666;}
.convertforms label {transform: none !important;}

/*Member Menu-----------------*/
section#sp-member-menu{background:#231f20;}
section#sp-member-menu ul.menu{
list-style-type: none;
  margin: 0;
  padding: 8px;
  overflow: hidden;
  background-color: #231f20;
  position: relative;
    display: block;
    text-align: center;
}
section#sp-member-menu ul.menu li{
list-style-type:none;
border-right: 1px solid #555;
  width:auto;
  display:inline;
}
section#sp-member-menu ul.menu li:last-child {
  border-right: none;
}

section#sp-member-menu ul.menu li a {
  color: white;
    padding: 14px 16px;
  text-decoration: none;
}

section#sp-member-menu ul.menu li a:hover {
  background-color: #b9943f;
}
section#sp-member-menu ul.menu li a:active{color:#ce212a;}

ul.sp-mega-group a.sp-group-title{color:#ce212a;}
ul.sp-mega-group-child.sp-dropdown-items
li.sp-menu-item a{font-weight: normal;}