/* Background Images and Footer */
#MPOuterHeader { background-image: url('https://higherlogicdownload.s3.amazonaws.com/NACCHO/a4d61ab4-cf45-4c41-adca-a243f03d050d/UploadedImages/Headers/whitebackground.png'); background-repeat: repeat; }
/* Theme Roller */
/*

Experience HL Theme v1.2
Author: eConverse Social Media
URL: www.econversemedia.com

This theme was hand-crafted with coffee and love by eConverse Social Media. For assistance with additional branding, customization or design of this theme, please contact http://www.econversemedia.com

*/

body {
    padding: 0;
}

#MPOuterMost {
    max-width: 100% !important;
    overflow-x: hidden;
}

.home .MPContentArea {
    padding-bottom: 0;
}

.home .MPContentArea .row-full {
    padding: 0;
}

.alert-warning {
    background-color: #eeeeee;
    border-color: #cccccc;
    color: #888888;
}

div#MPheader:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background-color: #008277;
    position: absolute;
    opacity: .5;
}

#MPOuterHeader {
    background-position: center center;
    background-size: cover;
}

#MPOuterHeader > .col-md-12 {
    padding: 0;
}

#MPOuterMost.full #HEADER, #MPOuterMost.full #BreadCrumb, #MPOuterMost.full #FOOTER, #MPOuterMost.full #MPButtonBar, #MPOuterHeader.stickyNav-wide, #NAV.stickyNav-wide {
    max-width: 100%;
}

.ContentItemHtml .HtmlContent .flip-clock-wrapper {
    width: 660px;
    margin: 30px auto 0;
}

.ContentItemHtml .HtmlContent .flip-clock-divider .flip-clock-label {
    color: #ffffff;
    font-size: 140%;
}

/******** full width sections with background colors ********/

.home .MPContentArea .row-full {
    text-align: center;
}

.home .MPContentArea .row-full .bg-color {
    background-color: #9f1f63;
    color: #ffffff;
    padding: 15px 30px;
    text-align: center;
}

.home .MPContentArea .row-full .bg-grey {
    background-color: #eeeeee;
    padding: 15px 30px;
}

.home .MPContentArea .row-full .bg-color h2 {
    color: #ffffff;
}

.home .MPContentArea .row-full .bg-color p {
    text-align: left;
}

.home .MPContentArea .row-full .bg-color .HtmlContent a.btn {
    background-color: #ffffff;
    color: #9f1f63;
    position: relative;
    bottom: -40px;
    z-index: 2000;
}

.home .MPContentArea .row-full .bg-color .HtmlContent a.btn:hover {
    color: #ffffff;
    background-color: #1c2020;
}

/********** FONTS ***********/

/* headings, body, links, menus, buttons */

h1, h2, h3, h4, h5, .HLLandingControl.HLEngagement a, .SloganText, .breadcrumb, ul.nav, .ContentItemHtml h2, .HLLandingControl .heading h2, .calendary-number, .calendar-month {
    font-family: 'Signika', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.btn, .HLLandingControl .ByLine, .label-success, .ProfileJobInfo, a.htmlbutton, .register-button a, .make-buttons .HtmlContent a {
    font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, .SloganText {
    font-size: 325%;
    font-weight: normal;
}

h2, .interior h2#Title, .interior .text-muted-h2 h2, .interior .ContentUserControl h2, .interior .text-muted-h2 div.col-md-3 h2 {
    font-size: 250%;
    line-height: 1.1;
}

.HLLandingControl h3 a, .HLLandingControl.HLEngagement a, .community-list h3, .HLLandingControl.HLAnnouncements h3 {
    font-size: 150%;
    line-height: 1.1;
}

h3, .btn, ul.nav, .ProfileJobInfo, a.htmlbutton {
    font-size: 110%;
    font-weight: 300;
}

.library-list h3 {
    font-size: 200%;
}

.btn, .ProfileJobInfo, a.htmlbutton {
    text-transform: uppercase;
}

.MPheader .btn-default, #searchColumn .btn-default {
    font-size: 12px;
}

h4, #MPAuxNav ul.level1 li a, .label-success  {
    font-size: 100%;
}

h5 {
    font-size: 80%;
}

#AuxMenu {
    background-color: transparent;
    padding: 10px;
}

#MPAuxNav ul.level1 li a {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 90%;
    text-decoration: none;
    color: #ffffff;
}

#MPAuxNav ul.level1 li a:hover {
    color: #ffffff;
    font-weight: normal;
}

/********************* Basics **************************/

body {
    color: #565656;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

a {
    color: #008277;
}

a:focus, a:hover {
    text-decoration: none;
    color: #1c2020;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

.bodyBackground {
    background-color: #ffffff;
}

.bodyBackground.interior {
}

.home .no-pageTitle-padding {
    padding-top: 0;
}

#NAV, #MPheader {
    /*max-width: 1200px;*/
    margin: 0 auto;
    padding: 0;
}

#NAV {
    background-color: #e4e4e4;
}

@media only screen and (min-width: 992px) {

    div#NAV {
       /* margin-top: -68px;
        margin-bottom: 0px;
        margin-right: 140px;
        float: right; */
    }

}

#MPheader > div.row {
    padding: 0;
}

div#auxskiplinkholder {
 /* position: relative;
  top: -900px; */
}

div#Logo.row {
    background-color: transparent;
    text-align: center;
}

.SloganText {
    color: #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.MPheader .SloganText.inline span {
    line-height: 1;
    padding-top: 20px;
    font-size: 130%;
    display: block;
    font-weight: 600;
}

.MPheader .SloganText.inline {
    display: block;
    font-size: 250%;
    font-weight: 300;
    max-width: 500px;
    text-align: center;
    margin: 15px auto;
    padding-bottom: 15px;
}

.MPheader .pull-right {
    float: none !important;
    width: 100%;
}

.MPheader .pull-right:first-child {
    float: right !important;
    width: 350px;
}

.MPheader .inline {
    display: inline;
}

#MPSearchBlock {
    margin-top: 0;
    margin-right: 10px;
}

#searchColumn {
    float: right !important;
    max-width: 300px;
}

#MPSearchBlock .form-control {
    border: 3px solid #9f1f63;
    margin-top: 10px;
}

#HEADER {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

#PageTitleH1, .interior h2.ProfileUserName {
    padding: 15px 0;
    font-size: 250%;
    /* max-width: 1200px; */
    margin: 0 auto;
    color: #9f1f63;
}

h1, .Heading1, .interior h2.ProfileUserName {
    color: #9f1f63;
    background-color: transparent;
    font-weight: 600;
}

h2, .Heading2, h2 a, h2 a:hover, .text-muted-h2 h2 {
    color: #9f1f63;
    background-color: transparent;
    font-weight: 600;
}

.interior h2, .interior h2#Title {
    color: #9f1f63;
    background-color: transparent;
    text-align: left;
    font-weight: 600;
}

.thread-title h2 {
    padding: 20px;
}

h3, .Heading3, h3 a, h3 a:hover {
    /*color: #9f1f63;
    background-color: transparent;*/
}

hr, hr.delimiter, .HLLandingControl ul li {
    border-bottom-width: 2px; 
    border-bottom-style: dotted;
}

.HLLandingControl ul li:last-child {
    border: none;
}

.text-muted {
  color: #b9bcbe;
}

div.row.drItemSubHeader.highlightThread, .highlightThread, div.row.drItemSubHeader {
    background-color: transparent;
    color: #464646;
}

div.row.drItemSubHeader .CommentPanel a {
    color: #464646;
}

.HLWelcome.HLWelcomeHeader {
    float: right;
}

#MPAuxNav {

}

#MPAuxNav ul.level1 li a:last-child {
    border-right: none;
}

.LogoImg {
    position: relative;
}

.interior #ContentColumn.col-md-12 {
    /* padding-left: 0;
    padding-right: 0;*/
}

.row-last {
    padding-bottom: 0;
}

/***** Interior Pages Basics ******/

.interior div#MainCopy_ContentWrapper {
    background-color: transparent;
    border: none;
    max-width: 1200px;
    margin: 0 auto 30px;
    padding-top: 30px;
}

/*********************** Landing Controls ******************/

.ContentUserControl h2, .ContentItemHtml h2 {
    background-color: transparent;
    color: #9f1f63;
}

.HLLandingControl h2, .ContentItemHtml h2 {
    text-align: center;
    margin-top: 0;
    padding: 20px;
}

.row-full .HLLandingControl h2 {
    margin-top: 10px;
}

.row-full .HLLandingControl .heading, .row-full .ContentItemHtml .htmlheading {
    padding: 0;
}

.HLLandingControl h2 {
    color: #9f1f63;
}

.drItemSubHeader {
    text-align: left;
}

/**** ICONS ****/


/*** theme specific icons follow (clr = #9f1f63) ***/

.icon-connect .heading h2, .ContentItemHtml.icon-connect h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-connect-L-clr.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 110px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-connect-grey .heading h2, .ContentItemHtml.icon-connect-grey h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-connect-L-grey.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 110px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-connect-white .heading h2, .ContentItemHtml.icon-connect-white h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-connect-L-white.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 110px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-openbook .heading h2, .ContentItemHtml.icon-openbook h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-book-L-clr.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 110px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-openbook-grey .heading h2, .ContentItemHtml.icon-openbook-grey h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-book-L-grey.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 110px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-openbook-white .heading h2, .ContentItemHtml.icon-openbook-white h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-book-L-white.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 110px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-compass .heading h2, .ContentItemHtml.icon-compass h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-compass-L-clr.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 110px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-compass-grey .heading h2, .ContentItemHtml.icon-compass-grey h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-compass-L-grey.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 110px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-compass-white .heading h2, .ContentItemHtml.icon-compass-white h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-compass-L-white.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 110px;
    padding-bottom: 15px;
    text-align: center;
}


/******** general icons to follow *******/

.icon-calendar .heading h2, .ContentItemHtml.icon-calendar h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-calendar.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-speechbubble .heading h2, .ContentItemHtml.icon-speechbubble h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-speechbubble.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-megaphone .heading h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-megaphone.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-people .heading h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-people.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-file .heading h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-file.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
}

.icon-network .heading h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-network.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-calendar-grey .heading h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-calendar-grey.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-speechbubble-grey .heading h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-speechbubble-grey.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-megaphone-grey .heading h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-megaphone-grey.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-people-grey .heading h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-people-grey.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-file-grey .heading h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-file-grey.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

.icon-network-grey .heading h2 {
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-network-grey.png');
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 130px;
    padding-bottom: 15px;
    text-align: center;
}

/****** SMALL ICONS ******/

.icon-file-small .heading h2 {
    background: url('http://www.neatcreativemedia.com/econverse/themes/NACHA/images/icon-sm-file.png') no-repeat center top;
    padding-top: 40px;
    color: #ffffff;
}

.icon-megaphone-small .heading h2 {
    background: url('http://www.neatcreativemedia.com/econverse/themes/NACHA/images/icon-sm-megaphone.png') no-repeat center top;
    padding-top: 40px;
    color: #ffffff;
}

.icon-twitter-small h2 {
    background: url('http://www.neatcreativemedia.com/econverse/themes/NACHA/images/icon-twitter.png') no-repeat center top;
    padding-top: 40px;
    color: #ffffff;
}

.icon-speechbubble-small .heading h2 {
    background: url('http://www.neatcreativemedia.com/econverse/themes/NACHA/images/icon-sm-speechbubble.png') no-repeat center top;
    padding-top: 40px;
    color: #ffffff;
}

.HLLandingControl .heading, .ContentItemHtml .htmlheading {
    color: #9f1f63;
    background-color: transparent;
}

.ContentUserControl .HLLandingControl, .ContentItemHtml {
    border: none;
}


.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .MPContentArea .ContentItemHtml {
    color: #464646;
    background-color: transparent;
    padding: 60px 10px;
    position: relative;
    line-height: 1.6;
}

/******* Event Control Styles *******/

.home .HLLandingControl.HLEventList .form-group {
    display: block;
}

.date-block, .event-list .date-block {
  background-color: transparent;
  border: 3px solid #008277;
  width: 100%;
  padding: 0;
}

.event-list .calendary-number {
    font-size: 50px;
    margin: 0;
}

.calendar-day {
  display: none;
}

.calendary-number {
  font-size: 40px;
  font-weight: 600;
  margin: -5px;
  color: #008277;
}

.calendar-month {
  text-transform: uppercase;
  background-color: #008277;
  font-weight: 600;
  color: #ffffff;
  padding: 5px 2px;
}

.event-list .calendar-month {
    font-size: 115%;
}

.home .HLEventList .Content .col-md-2 {
    width: 30%;
}

.home .HLEventList .Content .col-md-10 {
    width: 70%;
}

.home .HLEventList .Content .col-md-10 .title-row {
    padding-left: 10px;
}

.HLLandingControl .ByLine {
    color: #9d9d9d;
    text-transform: uppercase;
}

.HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
    color: #9f1f63;
}

.HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {
    color: #9f1f63;
}

.HLLandingControl .Content h3 a:hover, .HLAnnouncements .Content h2 a:hover, .HLRSSReader .Content h2 a:hover {
    color: #1c2020;
    text-decoration: none;
}

.MPheader .Image {
    margin-right: 10px;
    background-color: transparent;
}

.MPheader img.welcome-profile-image {
    width: 50px !important;
    height: 50px !important;
    max-height: 50px !important;
}

.imgButton {
    background-color: transparent !important;
}

#ProfileContainer.pull-right {
    width: 380px;
}

/***** margin fix with profile images *******/

.col-md-8 .title-row .col-md-2.col-md-2 {
    width: 8%;
}

/***** Most Active Members *******/

.HLLandingControl.HLEngagement a {
    color: #9f1f63;
    text-decoration: none;
}

.HLLandingControl.HLEngagement a:hover {
    color: #1c2020;
}

.ContentUserControl > .HLLandingControl.HLEngagement .Content {
    margin: 0 auto;
}

/***** MAM: FULL WIDTH DISPLAY HORIZONTAL *****/

.ContentUserControl > .HLLandingControl.HLEngagement {
    border: none;
    background-image: none;
}

.col-md-12 > .ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal, .col-md-12 > .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal {
    /*text-align: left;*/
}

.ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li {
    /*text-align: left;*/
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li .Picture, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li .Picture {
    margin-bottom: 10px;
}

.ContentUserControl > .HLLandingControl.HLEngagement ol li .Picture img, .ContentUserControl > .HLLandingControl.HLEngagement ul li .Picture img {
    height: auto;
    border: none;
    text-align: left;
}

.ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li a, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li a {
    color: #9f1f63;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}

.ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li a:hover, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li a:hover {
    color: #1c2020;
}

.points-label {
    display: inline-block;
    padding: 10px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 145%;
    color: #008277;
    font-weight: normal;
    background-color: transparent;
}

/************************ Tabs **********************/

.nav-tabs {
    text-align: left !important;
    width: 100%;
}

.nav-tabs > li > a {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    color: #008277;
    margin-right: 0;
    border: 0;
}

.nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    color: #1c2020;
    background-color: #dddddd;
    border: 0;
}

ul.nav.nav-tabs > li.active, ul.nav.nav-tabs > li:hover {
    background-image: none;
}

/************************ Miscellaneous **********************/



/************************ Menus ***********************/

#SideMenu ul.level1 li ul {
    background-color: #ffffff;
}


/******** BREADCRUMBS **********/

.breadcrumb {
    padding: 20px;
    text-align: center;
    margin-bottom: 0;
}

.breadcrumb li {
    color: #565656;
}

.breadcrumb li a {
}


/************************ Bootstrap Menus ***********************/

ul.navbar-nav {
    margin: 0;
}

ul.navbar-nav li {
    display: inline-block;
    text-align: left;
    float: none;
    background-color: transparent;
}

ul.nav > li:hover, ul.nav > li.active {
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

ul.navbar-nav li ul.dropdown-menu li {
    display: block;
    float: none;
    background-color: transparent;
}

ul.navbar-nav li ul.dropdown-menu li ul.dropdown-submenu li {
    background-color: #f0f0f0;
    color: #464646;
}

.navbar-default {
    background-color: transparent;
    border: none;
    max-width: 1200px;
    margin: 0 auto;
}

.navbar-nav > li > a, .navbar-nav > li > a:focus {
    color: #9f1f63;
    padding: 20px 30px;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.navbar .navbar-nav > .active > a,  
.navbar .navbar-nav > .active > a:hover,  
.navbar .navbar-nav > .active > a:focus, 
.navbar .navbar-nav > li > a:hover {  
    background-color: #999999;
    color: #ffffff;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #999999;
    color: #9f1f63;
}

#MPButtonBar ul.navbar-nav li ul.dropdown-menu {
    background-color: #f0f0f0;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    border: 5px solid #ffffff;
}

#MPButtonBar .dropdown-menu li a {
    color: #464646;
}

.dropdown-menu > li > a {
    padding: 10px 30px;
}

#MPButtonBar .dropdown-menu li a:hover,  
#MPButtonBar .dropdown-menu li a:focus {
    background-color: #e4e4e4;
    color: #008277;
}

#MPButtonBar .dropdown-menu .active > a, 
#MPButtonBar li .dropdown-menu .active > a:hover, 
#MPButtonBar .dropdown-menu .dropdown-submenu .active a:hover, 
#MPButtonBar .dropdown-submenu .dropdown-submenu .active a:hover {
    background-color: #ececec;
    color: #008277;
}

/************************ Bootstrap Buttons ***********************/

.btn, .make-buttons .HtmlContent a {
    -webkit-border-radius: 6px !important;
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius: 6px !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-radius: 6px !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    font-size: 13px;
    padding: 15px 20px;
    margin-top: 5px;
}

.register-button {
  padding-bottom: 30px;
}

.register-button a {
    font-size: 15px;
    padding: 15px 20px 15px 60px;
    background-image: url('http://www.neatcreativemedia.com/econverse/icons/icon-ticket-S-white.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    background-color: #9f1f63;
    border: 4px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
}

.register-button a:hover {
    background-color: #1c2020;
    text-decoration: none;
}

.dropdown-toggle.welcome-toggle {
    max-height: 50px;
    height: 50px;
}

.home .MPContentArea .btn span, a.htmlbutton span {
  font-size: 200%;
  position: relative;
  top: 5px;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 10px;
}

h2 a.btn, h2 input {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;    
}

.col-md-4 .col-md-12 .btn-default {

}

.col-md-4 .HLLandingControl .col-md-12, .col-md-8 .HLLandingControl .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

.ui-widget-content a.btn-primary, .btn-default, a.htmlbutton {
    background-color: #008277;
    border: none;
    color: #ffffff;
    padding: 10px;
    text-decoration: none;
}

.btn-primary, .btn-success, .make-buttons .HtmlContent a {
    background-color: #008277;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary, .btn-success:hover, .btn-success:focus, .btn-success:active, .open .dropdown-toggle.btn-success, .btn-default:hover, .btn-default:focus, .btn-default:active, .open .dropdown-toggle.btn-default, .Content .alert.alert-warning .btn-success:hover, .make-buttons .HtmlContent a:hover {
    background-color: #1c2020;
    border: none;
    color: #ffffff;
    text-decoration: none;
}

.Content .btn-success:hover, .Content .btn-success:focus, .Content .btn-success:active, .Content .btn-default:hover, .Content .btn-default:focus, .Content .btn-default:active, .interior .Content .btn-success:hover {
    background-color: #1c2020;
    color: #ffffff;
}

.welcome-links .btn {
    display: inline-block;
    margin: 5px;   
}

.MPheader .btn-default, #searchColumn .btn-default {
    background-image: none;
    color: #5d5d5d;
    background-color: #ebebeb;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    margin-top: 10px;
}

.MPheader .btn-default:hover, #searchColumn .btn-default:hover, .MPheader .btn-default:focus, .MPheader .btn-default:active, .MPheader .open .dropdown-toggle.btn-default, .btn-community-stats-static:hover {
    color: #5d5d5d;
    background-color: #c3c3c3;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.btn-community-stats-static, .btn-community-stats-static:hover {
    padding: 10px;
}

h2 a.btn, h2 input {
    font-size: 12px;
    padding: 5px;
}

/********** FAT FOOTER *********/

#MPOuterFooter {
    background-color: #1c2020;
    border: none;
    color: #9cacac;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    margin-top: 0;
    position: relative;
}

#MPOuterFooter a {
}

#MPOuterFooter a:hover {
}

#MPBottomMenu {
    max-width: 1200px;
    margin: 0 auto;
}

#MPBottomMenu {
    background-color: transparent;
}

.MPBottomMenu ul li a {
    color: #e0e0e0;
}

.MPBottomMenu ul li a:hover {
    color: #999999;
}

.ContentItemHtml.sociallinks {
  text-align: center;
}

#MPCopyright {
    background-color: #0c0e0c;
    text-align: center;
    padding: 10px 20px;
    width:100%;
    font-size: 70%;
}

#MPCopyright span {

}

#MPCopyright a {
    color: #008277;
}

#MPCopyright a:hover {
    color: #e0e0e0;
}
  
ul.FatFooterMenu {
    padding: 15px;
    text-align: center;
}

#MPBottomMenu.MPBottomMenu ul.FatFooterMenu li a.level1 {
    font-family: 'Signika', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #008277;
    font-size: 120%;
}

#MPBottomMenu.MPBottomMenu ul.FatFooterMenu > li {
    border-right: 1px solid #0c0e0c;
    min-height: 130px;
    display: inline-block;
    padding-top:15px;
}

#MPBottomMenu.MPBottomMenu ul.FatFooterMenu > li:last-child {
    border-right: none;
}

#MPBottomMenu ul.FatFooterMenu li ul.level2 {
    padding-left: 0;
    margin-top: 10px;
    max-width: 200px;
}

#MPBottomMenu ul.FatFooterMenu li ul.level2 li {
    padding-left: 18px;
    margin-top: 7px;
    margin-left: -15px;
}

#MPBottomMenu ul.FatFooterMenu li ul.level2 li:hover {
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

#MPBottomMenu ul.FatFooterMenu > li {
    padding: 0 25px;
}

#MPBottomMenu ul.FatFooterMenu li ul.level2 li a {
    padding: 5px 10px;
    margin-left: -10px;
}

#MPBottomMenu ul.FatFooterMenu li ul.level2 li a:hover {
    text-decoration: none;
}

/******* Powered by Higher Logic Footer *******/

#MPFooterLink {

}

#MPFooterLink a {

}

/***** MOBILE SPECIFIC ******/

@media screen and (max-width: 900px) {
    
    .MPheader .SloganText.inline span {
        font-size: 200%;
        display: block;
    }
    
    .MPheader .SloganText.inline {
        display: block;
        font-size: 150%;
        width: 100%;
        max-width: none;
        text-align: center;
    }
    
    ul.nav {
        text-align: left;
        margin-top: 0;
    }
    
    ul.nav li {
        display: block;
        padding-bottom: 0;
    }
    
    #MPBottomMenu.MPBottomMenu ul.FatFooterMenu > li {
        min-height: 0;
        display: block;
        padding-top: 20px;
        border: none;
    }
    
}

@media screen and (max-width: 400px) {
    .MPheader .SloganText.inline {
        font-size: 125%;
    }
}

/******* Colour Picker Specifics *******/

/* HTML User Controls same colour as HLLandingControls fix */

.ContentItemHtml h2 {
    /*background-color: ;*/
    
        color: #008B99;
        border-color: #008B99;
    
    
}

/* change full width rows background color */


    .home .MPContentArea .row-full .bg-color, div#MPheader:before {
        background-color: #008B99;
    }
    
    #MPBottomMenu.MPBottomMenu ul.FatFooterMenu li a.level1, #PageTitleH1, .interior h2.ProfileUserName {
        color: #008B99;
    }
    

    
.home .MPContentArea .row-full .bg-color p {
        color: #FFFFFF;
}



    .SloganText {
        border-color: #008B99;
    }



.home .MPContentArea .row-full .bg-color a.btn {
    background-color: #418FDE;
    color: #FFFFFF;
}

#MPButtonBar .dropdown-menu li a:hover,  
#MPButtonBar .dropdown-menu li a:focus {
    color: #FFFFFF;
}



    #MPSearchBlock .form-control {
        border-color: #FFFFFF;
    }
    
    .home .MPContentArea .row-full .bg-color a.btn:hover {
        color: #FFFFFF;
        background: #008B99;
    }



/** change Points Label colors - takes on pagination button colors **/
/*

    .points-label, .calendar-month, .register-button a {
        background-color: ;
    }
    
    .date-block, .event-list .date-block, .register-button a {
        border-color: ;
    }

    .calendary-number, .ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li a, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li a, .register-button a {
        color: ;
    }

*/

/*

    .ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li:hover .points-label, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li:hover .points-label, .register-button a:hover {
        background-color: ;
    }
    
    .register-button a:hover {
        border-color: ;
    }
    
    .ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li a:hover, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li a:hover, .register-button a:hover {
        color: ;
    }

*/


#MPBottomMenu ul.FatFooterMenu li ul.level2 li a {
    color: #418FDE;
}


/*
#MPBottomMenu ul.FatFooterMenu li ul.level2 li a:hover {
    color: ;
}
*/

/*
#MPCopyright {
    background-color: ;
}

#MPBottomMenu.MPBottomMenu ul.FatFooterMenu > li {
    border-right-color: ;
}
*/

.make-buttons .HtmlContent a {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    /*color: ;*/
}

.make-buttons .HtmlContent a:hover, .make-buttons .HtmlContent a:focus, .make-buttons .HtmlContent a:active {
    /*background-color: ;*/
    /*border-color: ;*/
    /*color: ;*/
}/* Color Picker */
/* VERSION 34 */
/********************* Basics **************************/  

body {
  color: #343434;  
}  


a {
  color: #418FDE;  
}  


.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new i, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new input, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new input::placeholder {
  color: #418FDE; 
}  


.hl-linkcolor-background {
  background-color: #418FDE;  
}  

/*
a.user-content-mention {
  color: ;  
}  
*/

a.user-content-hashtag.user-content-hashtag.user-content-hashtag {
  color: #418FDE;  
}  

/*
a:hover {
  color: ;  
}  
*/

/*
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover i, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover input, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover input::placeholder {
  color: ;  
}  
*/
/*
a.user-content-mention:hover {
  color: ;  
}  
*/
/*
a.user-content-hashtag.user-content-hashtag.user-content-hashtag.user-content-hashtag:hover {  
  color: ; 
} 
*/

.bodyBackground {
  background-color: #FFFFFF;  
}  

/*
.siteFrame {
  background-color: ;  
}  
*/
/*
#MPOuterMost {
  border-color: ;  
}  
*/
h1, .Heading1 {


  color: #004C45;

/*
  background-color: ;
*/
}    
h2, .Heading2, h2 a, h2 a:hover, .text-muted-h2 h2 {


  color: #008B99;

/*
  background-color: ;
*/
}    h3, .Heading3, h3 a, h3 a:hover {


  color: #004C45;

/*
  background-color: ;
*/
}    
/*
hr, hr.delimiter, .HLLandingControl ul li {
  border-bottom-color: ;  
}  
*/
#MPOuterFooter {


  background-color: #004C45;


  color: #FFFFFF;

}    

fieldset {
  border-color: #008B99;  
}  

fieldset legend {


  background-color: #008B99;


  border-color: #008B99;


  color: #FFFFFF;

}    

.SearchResults .SortBy {
  color: #FFFFFF;  
}      
/*********************** Landing Controls ******************/  
.HLLandingControl .heading, .HLLandingControl h2, .headerItem, .drItemSubHeader {

/*
  background-color: ;
*/

  color: #008B99;

}    

.drItemSubHeader a:not(.skip-header-text-color){
  color: #008B99;  
    }  

.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .ContentItemHtml.HLLandingControl {

/*
  border-color: ;
*/

  color: #343434;

/*
  background-color: ;
*/
}    

.HLLandingControl .Content a:not(.btn) {
  color: #418FDE;  
}  


.HLLandingControl .ByLine {
  color: #343434;  
}  


.HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
  color: #125687;  
}  


.HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {
  color: #008B99;  
}    

/************************ Tabs **********************/  
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

/*
  background-color: ;
*/
/*
  border-color: ;
*/

  color: #418FDE;

}  
/*
.nav-tabs {
  border-bottom-color: ;  
}  
*/
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav .open > a:hover, .nav .open > a:focus {

/*
  background-color: ;
*/
/*
  border-bottom-color: ;
*/

  color: #418FDE;

}  .nav-tabs > li > a {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/************************ Miscellaneous **********************/  

.SloganText {
  color: #008B99;  
}  

.ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {


  background-color: #008B99;


  color: #FFFFFF;

}    

.lblratingBig {
  color: #008B99;  
}  

/************************ Tables **********************/  
.Container thead .Header td, th, .ListContainer .ListHeader, .drItemSubHeader,  .table-thead-background tr th, .table-thead-background tr td {


  background-color: #008B99;


  color: #FFFFFF;

}    

th a, th a:hover  {
  color: #FFFFFF;  
}  

/*
.TableRowAlternate, .table-hover > tbody > tr:hover > td  {
  background-color: ;  
}    
*/
/************************ Menus ***********************/  

#MPAuxNav ul.level1 li a {
  color: #418FDE;  
}  


#MPAuxNav ul.level1 li ul {
  background-color: #008B99;  
}  


#MPAuxNav ul.level1 li li.dynamic {
  border-right-color: #418FDE;  
}  

/*  #SideMenu ul.level1 li ul {
  background-color: White;  
}  */    /*  .MPSideNavBottom {
  color: #0069A5;  
}  */    /*
.breadcrumb {
  background-color: ;  
}  
*/

.breadcrumb li {
  color: #343434;  
}  


.breadcrumb li a {
  color: #418FDE;  
}  


.MPBottomMenu ul li a {
  color: #FFFFFF;  
}        
/************************ Bootstrap Menus ***********************/  

.navbar-default, #NAV {
  background-color: #008B99;      
  border-color: #008B99;  
}  


.navbar-default .navbar-nav > li > a {
  color: #FFFFFF;  
}  

.navbar .navbar-nav > .active > a,    .navbar .navbar-nav > .active > a:hover,    .navbar .navbar-nav > .active > a:focus,   .navbar .navbar-nav > li > a:hover {
    
  background-color: #418FDE;


  color: #FFFFFF;

}    
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {


  background-color: #418FDE;


  color: #FFFFFF;

}    

#MPButtonBar .dropdown-menu {
  background-color: #008B99;  
}  


#MPButtonBar .dropdown-menu li a {
  color: #FFFFFF;  
}  


#MPButtonBar .dropdown-menu li a:hover,    #MPButtonBar .dropdown-menu li a:focus {
  background-color: #418FDE;  
  }  

#MPButtonBar .dropdown-menu .active > a,   #MPButtonBar li .dropdown-menu .active > a:hover,   #MPButtonBar .dropdown-menu .dropdown-submenu .active a:hover,   #MPButtonBar .dropdown-submenu .dropdown-submenu .active a:hover {


  background-color: #418FDE;


  color: #FFFFFF;

}    
/*
#MPButtonBar .dropdown-menu {
  border-color: ;  
}  
*/
/************************ Bootstrap Buttons ***********************/  
.btn-primary, .ui-widget-content a.btn-primary {


  background-color: #004C45;

/*
  border-color: ;
*/

color: #FFFFFF!important;

}    
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary {


  background-color: #008998;

/*
  border-color: ;
*/

  color: #FFFFFF;

}    
.btn-info {


  background-color: #2E8CA8;

/*
  border-color: ;
*/

  color: #FFFFFF;

}    
.btn-info:hover, .btn-info:focus, .btn-info:active, .open .dropdown-toggle.btn-info {


  background-color: #004C45;

/*
  border-color: ;
*/

  color: #FFFFFF;

}    
.btn-success {


  background-color: #91D6AC;


  border-color: #008998;

/*
  color: ;
*/
}    
.btn-success:hover, .btn-success:focus, .btn-success:active, .open .dropdown-toggle.btn-success {

/*
  background-color: ;
*/

  border-color: #008998;

/*
  color: ;
*/
}    
.btn-danger {


  background-color: #BBBBBB;


  border-color: #BBBBBB;

/*
  color: ;
*/
}    
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .open .dropdown-toggle.btn-danger {

/*
  background-color: ;
*/

  border-color: #BBBBBB;

/*
  color: ;
*/
}    
.btn-default {


  background-color: #FFFFFF;


  border-color: #008998;

/*
  color: ;
*/
}    
.btn-default:hover, .btn-default:focus, .btn-default:active, .open .dropdown-toggle.btn-default {

/*
  background-color: ;
*/

  border-color: #008998;

/*
  color: ;
*/
}    
.pagination > .active > span, .pagination > .active > span:hover, .pagination li.active>a, .pagination li.active>a:hover {


  background-color: #008998;

/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > li > a {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > li > a:hover {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.label-default {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.badge, .badge a, a.badge a:hover {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-header {

/*
  background-color: ;
*/

  color: #343434;

}    
.modal-body, .panel-body {

/*
  background-color: ;
*/

  color: #343434;

}    
.modal-footer, .panel-footer {

/*
  background-color: ;
*/
}  
/*
#MPFooterLink {
  background-color: ;  
}  
*/
/*
#MPFooterLink a {
  color: ;  
}  
*/
/*
.faceted-search-main .facets .header {
  color: ;  
}  
*/
/*
.faceted-search-main .facets .header {
  background-color: ;  
}  
*/
/*
.cookie-notification-bar {
  background-color: ;  
}  
*/
/*
.cookie-notification-bar span {
  color: ;  
}  
*/

/* Emtpy faceted search results cards */

.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(2) .hlc-empty-state-card-top-part {
  background-color: #008B99;
}


.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(1) .hlc-empty-state-card-top-part {
  background-color: #125687;
}
/************ New Bootstrap 4^ Themeing ****/ 

:root:root {
  
  --hl-bs--primary: #008B99;
  --hl-bs--selected: #008B9926;
  

  
  --hl-bs--primary-rgb: 0,139,153;
  --hl-bs--selected-rgb: 0,139,153, 50;
  

  
  --hl-bs--primary-opposite: #FFFFFF;
  

  
  --hl-bs--primary-opposite-rgb: 255,255,255;
  
  
  
  --hl-bs--link: #418FDE;
  

  
  --hl-bs--link-rgb: 65,143,222;
  

  /*
  --hl-bs--link-hover: ;
  --hl-bs--btn-icon-ctrl-bg-hover: ;
  --hl-bs--btn-icon-ctrl-border-hover: ;
  */

  [LinkHoverColorRGB-StartComment]
  --hl-bs--link-hover-rgb: [LinkHoverColorRGB];
  --hl-bs--btn-icon-ctrl-bg-hover-rgb: [LinkHoverColorRGB];
  --hl-bs--btn-icon-ctrl-border-hover-rgb: [LinkHoverColorRGB];
  [LinkHoverColorRGB-EndComment]

  
  --hl-bs--secondary: #125687;
  --hl-bs--secondary-selected: #12568726;
  

  
  --hl-bs--secondary-rgb: 18,86,135;
  --hl-bs--secondary-selected-rgb: 18,86,135, 50;
  

  
  --hl-bs--secondary-opposite: #FFFFFF;
  

  
  --hl-bs--secondary-opposite-rgb: 255,255,255;
  
}

/* buttons */
/*
  button variables follow a pattern of 
  --hl-bs--btn-[theme]-[prop]

  [theme] is one of 
    "primary" 
    "secondary" 
    "link" 
    "ghost"
  we do respect "success" and "danger" if there are selections for them.
  there are also alt- versions but by default we do not override alt theme

  [prop] is one of 
    "text"
    "text-hover"
    "bg"
    "bg-hover"
    "border"
    "border-hover"
    "outline"
  from color picker, there are no text-hover and border-hover, so they should probably just be set to their non-hover counterpart.
  you do not have to override all of them for every button, but probably the colorful ones
*/
:root:root {
  
  --hl-bs--btn-primary-text: #FFFFFF;
  --hl-bs--btn-primary-text-hover: #FFFFFF;
  --hl-bs--btn-primary-outline: #FFFFFF7f;
  

  
  --hl-bs--btn-primary-text-rgb: 255,255,255;
  --hl-bs--btn-primary-text-hover-rgb: 255,255,255;
  --hl-bs--btn-primary-outline-rgb: 255,255,255, 127;
  
  
  
  --hl-bs--btn-primary-bg: #004C45;
  

  
  --hl-bs--btn-primary-bg-rgb: 0,76,69;
  
  
  
  --hl-bs--btn-primary-bg-hover: #008998;
  

  
  --hl-bs--btn-primary-bg-hover-rgb: 0,137,152;
  
  
  /*
  --hl-bs--btn-primary-border: ;
  --hl-bs--btn-primary-border-hover: ;
  */

  [PrimaryButtonBorderColorRGB-StartComment]
  --hl-bs--btn-primary-border-rgb: [PrimaryButtonBorderColorRGB];
  --hl-bs--btn-primary-border-hover-rgb: [PrimaryButtonBorderColorRGB];
  [PrimaryButtonBorderColorRGB-EndComment]
}

:root:root {
  /*
  --hl-bs--btn-success-text: ;
  --hl-bs--btn-success-text-hover: ;
  --hl-bs--btn-success-outline: 7f;
  */

  [SuccessButtonTextColorRGB-StartComment]
  --hl-bs--btn-success-text-rgb: [SuccessButtonTextColorRGB];
  --hl-bs--btn-success-text-hover-rgb: [SuccessButtonTextColorRGB];
  --hl-bs--btn-success-outline-rgb: [SuccessButtonTextColorRGB], 127;
  [SuccessButtonTextColorRGB-EndComment]
  
  
  --hl-bs--btn-success-bg: #91D6AC;
  

  
  --hl-bs--btn-success-bg-rgb: 145,214,172;
  
  
  /*
  --hl-bs--btn-success-bg-hover: ;
  */

  [SuccessButtonHoverBackgroundColorRGB-StartComment]
  --hl-bs--btn-success-bg-hover-rgb: [SuccessButtonHoverBackgroundColorRGB];
  [SuccessButtonHoverBackgroundColorRGB-EndComment]

  
  --hl-bs--btn-success-border: #008998;
  --hl-bs--btn-success-border-hover: #008998;
  

  
  --hl-bs--btn-success-border-rgb: 0,137,152;
  --hl-bs--btn-success-border-hover-rgb: 0,137,152;
  
  
  /*
  --hl-bs--btn-danger-text: ;
  --hl-bs--btn-danger-text-hover: ;
  --hl-bs--btn-danger-outline: 7f;
  */

  [DangerButtonTextColorRGB-StartComment]
  --hl-bs--btn-danger-text-rgb: [DangerButtonTextColorRGB];
  --hl-bs--btn-danger-text-hover-rgb: [DangerButtonTextColorRGB];
  --hl-bs--btn-danger-outline-rgb: [DangerButtonTextColorRGB], 127;
  [DangerButtonTextColorRGb-EndComment]
  
  
  --hl-bs--btn-danger-bg: #BBBBBB;
  

  
  --hl-bs--btn-danger-bg-rgb: 187,187,187;
  
  
  /*
  --hl-bs--btn-danger-bg-hover: ;
  */

  [DangerButtonHoverBackgroundColorRGB-StartComment]
  --hl-bs--btn-danger-bg-hover-rgb: [DangerButtonHoverBackgroundColorRGB];
  [DangerButtonHoverBackgroundColorRGB-EndComment]

  
  --hl-bs--btn-danger-border: #BBBBBB;
  --hl-bs--btn-danger-border-hover: #BBBBBB;
  

  
  --hl-bs--btn-danger-border-rgb: 187,187,187;
  --hl-bs--btn-danger-border-hover-rgb: 187,187,187;
  

}

:root:root {
  /*
  --hl-bs--btn-secondary-text: ;
  --hl-bs--btn-secondary-text-hover: ;
  --hl-bs--btn-secondary-outline: 7f;
  */

  [DefaultButtonTextColorRGB-StartComment]
  --hl-bs--btn-secondary-text-rgb: [DefaultButtonTextColorRGB];
  --hl-bs--btn-secondary-text-hover-rgb: [DefaultButtonTextColorRGB];
  --hl-bs--btn-secondary-outline-rgb: [DefaultButtonTextColorRGB], 127;
  [DefaultButtonTextColorRGB-EndComment]
  
  
  --hl-bs--btn-secondary-bg: #FFFFFF;
  

  
  --hl-bs--btn-secondary-bg-rgb: 255,255,255;
  
  
  /*
  --hl-bs--btn-secondary-bg-hover: ;
  */

  [DefaultButtonHoverBackgroundColorRGB-StartComment]
  --hl-bs--btn-secondary-bg-hover-rgb: [DefaultButtonHoverBackgroundColorRGB];
  [DefaultButtonHoverBackgroundColorRGB-EndComment]

  
  --hl-bs--btn-secondary-border: #008998;
  --hl-bs--btn-secondary-border-hover: #008998;
  

  
  --hl-bs--btn-secondary-border-rgb: 0,137,152;
  --hl-bs--btn-secondary-border-hover-rgb: 0,137,152;
  
}

:root:root {
  
  --hl-bs--btn-link-text: #418FDE;
  --hl-bs--btn-link-outline: #418FDE7f;
  

  
  --hl-bs--btn-link-text-rgb: 65,143,222;
  --hl-bs--btn-link-outline-rgb: 65,143,222, 127;
  

  /*
  --hl-bs--btn-link-hover: ;
  */

  [LinkHoverColorRGB-StartComment]
  --hl-bs--btn-link-hover-rgb: [LinkHoverColorRGB];
  [LinkHoverColorRGB-EndComment]
}

:root:root {
  
  --hl-bs--btn-ghost-outline: #FFFFFF7f;
  

  
  --hl-bs--btn-ghost-outline-rgb: 255,255,255, 127;
  
}

:root:root {
  
  --hl-bs--footer-color: #FFFFFF;
  

  
  --hl-bs--footer-color-rgb: 255,255,255;
  

  
  --hl-bs--footer-color-opposite: #004C45;
  

  
  --hl-bs--footer-color-opposite-rgb: 0,76,69;
  
}/************************ Primary Navbar ***********************/

body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a, body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a:hover, body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a:focus, body.ribbit :not(.no-theme) .navbar .navbar-nav>li>a:hover, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a:hover, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a:focus {
     
    color: #008B99;
        
    /* 
    color: ;
    */
}

/************************ Anchors ***********************/
body.ribbit a{
     
    color: #418FDE;
    
}
body.ribbit a:hover{
    /* 
    color: ;
    */
}

body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn){
     
    color: #418FDE;
    
}

body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn):hover{
    /* 
    color: ;
    */
}

/************************ Bootstrap Buttons ***********************/

/****START - .btn-primary****/
body.ribbit :not(.no-theme) .btn-primary, body.ribbit :not(.no-theme) .ui-widget-content a.btn-primary {

     
    background-color: #008B99;
    border-color: #008B99;
     
     
    color: #FFFFFF !important;
    
}

body.ribbit :not(.no-theme) .btn-primary:hover, body.ribbit :not(.no-theme) .btn-primary:focus, body.ribbit :not(.no-theme) .btn-primary:active, body.ribbit :not(.no-theme) .open .dropdown-toggle.btn-primary {

     
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #008B99;
    border-color: #008B99;
     
     
    color: #FFFFFF;
    
}

/**** btn-primary ****/
body.ribbit :not(.no-theme) .btn-primary {

     
    color: #FFFFFF !important;
     
     
    background-color: #008B99;
    border-color: #008B99;
    
}

body.ribbit :not(.no-theme) .btn-primary:focus,
body.ribbit :not(.no-theme) .btn-primary:hover:not(:disabled) {

     
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #008B99;
    border-color: #008B99;
    
}

body.ribbit :not(.no-theme) .btn-primary:focus {

     
    box-shadow: 0 0 0 3px #008B997F;
    
}


/**** btn-success ****/
body.ribbit :not(.no-theme) .btn-success {

     
    color: #FFFFFF;
     
     
    background-color: #008B99;
    border-color: #008B99;
    
}

body.ribbit :not(.no-theme) .btn-success:focus,
body.ribbit :not(.no-theme) .btn-success:hover:not(:disabled) {

     
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #008B99;
    border-color: #008B99;
    
}

body.ribbit :not(.no-theme) .btn-success:focus {

     
    box-shadow: 0 0 0 3px #008B997F;
    
}

/**** btn-overlay ****/
body.ribbit :not(.no-theme) .btn-overlay {

     
    color: #008B99;
    
}


/**** btn-icon-primary[aria-label="Toggle folder list"] ****/
body.ribbit :not(.no-theme) .btn-icon-primary[aria-label="Toggle folder list"] {

     
    color: #FFFFFF;
     
     
    background-color: #008B99;
    border: #008B99;
    
}

body.ribbit :not(.no-theme) .btn-icon-primary[aria-label="Toggle folder list"]:hover {

    
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #008B99;
    
}



body.ribbit :not(.no-theme) .btn-icon-alt-secondary,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.hover,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled) {

     
    color: #FFFFFF;
     
     
    background-color: #008B99;
    border-color: #008B99;
    
}


body.ribbit :not(.no-theme) .btn-primary:focus,
body.ribbit :not(.no-theme) .container-btn-icon-ctrl:focus>.btn-icon-ctrl {

     
    box-shadow: 0 0 0 3px #008B997F;
    
}


body.ribbit :not(.no-theme) .btn-inline-icon:focus,
body.ribbit :not(.no-theme) .btn-inline-icon:hover:not(:disabled) {
    /* 
  color: ; 
  */

     
    color: #008B99;
    
}


body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+* {

     
    color: #FFFFFF;
     
     
    background-color: #008B99;
    border-color: #008B99;
    
}

body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+*:focus,
body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+*:hover {

     
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #008B99;
    
     
    background-color: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #008B99; 
    
}


/********* alt icon botton **********/
body.ribbit :not(.no-theme) .btn-icon-alt-secondary,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.hover,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled) {

     
    background-color: #008B99;
    border-color: #008B99;
    
}


body.ribbit :not(.no-theme) .primary-button-background-color {

     
    background-color: #008B99 !important;
    
}


body.ribbit :not(.no-theme) .primary-button-border-color {

     
    color: #008B99 !important;
    
}


body.ribbit :not(.no-theme) .primary-button-text-color {

     
    color: #FFFFFF !important;
    
}


body.ribbit :not(.no-theme) .primary-button-hover-background-color:hover, body.ribbit :not(.no-theme) .primary-button-hover-background-color:focus {

     
    background-color: #008B99 !important;
    
}

/****END - .btn-primary****/

/****START - .btn-success****/
body.ribbit :not(.no-theme) .btn-success {

     
    background-color: #008B99;
    border-color: #008B99;
     
     
    color: #FFFFFF;
    
}

body.ribbit :not(.no-theme) .btn-success:hover, body.ribbit :not(.no-theme) .btn-success:focus, body.ribbit :not(.no-theme) .btn-success:active, body.ribbit :not(.no-theme) .open .dropdown-toggle.btn-success {

     
    background-color: #008B99;
    border-color: #008B99;
     
     
    color: #FFFFFF;
    
}

body.ribbit :not(.no-theme) .success-button-background-color {

     
    background-color: #008B99 !important;
    
}

body.ribbit :not(.no-theme) .success-button-border-color {

     
    color: #008B99 !important;
    
}

body.ribbit :not(.no-theme) .success-button-text-color {
     
    color: #FFFFFF !important;
    
}


body.ribbit :not(.no-theme) .success-button-hover-background-color:hover, body.ribbit :not(.no-theme) .success-button-hover-background-color:focus {
    
     
    background-color: #008B99 !important;
    
}

/****END - .btn-success****/


/************************ Interior Header (#PageTitleH1) ***********************/
body.ribbit.interior :not(.no-theme) #PageTitleH1_Svg_Fill_Color {
     
    fill: #008B99;
    
}
body.ribbit.interior :not(.no-theme) #InteriorPageTitle #PageTitleH1 {
     
    color: #FFFFFF !important;
    
}

/************************ Community Tabs ***********************/
body.ribbit :not(.no-theme) .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li.active-tab {
     
    color: #008B99;
     
}

body.ribbit :not(.no-theme) .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li.active-tab, body.ribbit .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li:hover, body.ribbit .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li:focus {
     
    border-bottom-color: #008B99;
     
}

/*************** Inheritance for Content Specific to Association Model ***************/

/*Engagement Leaderboard*/
body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li.active>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li:hover>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li:focus>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li.active>a:hover {
    
    color: #008B99;
    
     
    border-bottom-color: #008B99;
     
}

body.ribbit .engagement-leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li:hover .row.title-row .col-md-9>.leaderboard-user-info>a[id*=_EngagementList_NameLink_] {   
     
    color: #008B99;
    
    /* 
    color: ;
    */
}

/*Logged-out Homepage Row backgrounds*/
body.ribbit :not(.no-theme) .row.primary-row {    
     
    background-color: #008B99;
    
}

body.ribbit :not(.no-theme) .row.secondary-row {    
     
    background-color: #12568790;
    
}

/*Member Directory Action buttons color variation*/
body.ribbit :not(.no-theme) .member-directory .actions .btn:first-of-type {
     
    color: #FFFFFF;
         
     
    background-color: #008B99;
    border-color: #008B99;
     
}

body.ribbit :not(.no-theme) .member-directory .actions .btn:first-of-type:hover{
     
    color: #FFFFFF;
    
     
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #008B99;
    border-color: #008B99;
    
}

/*QuickLinks Widget Inheritance*/
body.ribbit .quick-links-list-item:hover .quick-links-list-item-text{
    /* 
    color: ;
    */
}

/**** Generated Utils ****/


.text-color {
  color: #343434 !important;
}

  


.link-color {
  color: #418FDE !important;
}

  

/*
.mention-link-color {
  color:  !important;
}
*/
  

/*
.tag-link-color {
  color:  !important;
}
*/
  

/*
.link-hover-color:hover, .link-hover-color:focus {
  color:  !important;
}
*/
  

/*
.mention-hover-color:hover, .mention-hover-color:focus {
  color:  !important;
}
*/
  

/*
.tag-hover-color:hover, .tag-hover-color:focus {
  color:  !important;
}
*/
  


.outer-background-color {
  background-color: #FFFFFF !important;
}

  

/*
.tag-background-color {
  background-color:  !important;
}
*/
  

/*
.tag-background-hover-color:hover, .tag-background-hover-color:focus {
  color:  !important;
}
*/
  

/*
.page-background-color {
  background-color:  !important;
}
*/
  

/*
.border-color {
  color:  !important;
}
*/
  


.primary-heading-text-color {
  color: #004C45 !important;
}

  

/*
.primary-heading-background-color {
  background-color:  !important;
}
*/
  


.secondary-heading-text-color {
  color: #008B99 !important;
}

  

/*
.secondary-heading-background-color {
  background-color:  !important;
}
*/
  


.tertiary-heading-text-color {
  color: #004C45 !important;
}

  

/*
.tertiary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.seperator-color {
  color:  !important;
}
*/
  


.footer-background-color {
  background-color: #004C45 !important;
}

  


.footer-text-color {
  color: #FFFFFF !important;
}

  


.primary-color {
  color: #008B99 !important;
}

  


.text-on-primary {
  color: #FFFFFF !important;
}

  


.table-header-text-color {
  color: #FFFFFF !important;
}

  

/*
.landing-control-header-background-color {
  background-color:  !important;
}
*/
  


.landing-control-header-text-color {
  color: #008B99 !important;
}

  

/*
.landing-control-border-color {
  color:  !important;
}
*/
  


.landing-control-text-color {
  color: #343434 !important;
}

  

/*
.landing-control-background-color {
  background-color:  !important;
}
*/
  


.landing-control-link-color {
  color: #418FDE !important;
}

  


.landing-control-byline-text-color {
  color: #343434 !important;
}

  


.landing-control-sub-title-text-color {
  color: #125687 !important;
}

  


.landing-control-title-text-color {
  color: #008B99 !important;
}

  

/*
.selected-tab-background-color {
  background-color:  !important;
}
*/
  

/*
.selected-tab-border-color {
  color:  !important;
}
*/
  


.selected-tab-text-color {
  color: #418FDE !important;
}

  

/*
.unselected-tab-hover-background-color:hover, .unselected-tab-hover-background-color:focus {
  background-color:  !important;
}
*/
  


.unselected-tab-hover-text-color {
  color: #418FDE !important;
}

  

/*
.unselected-tab-background-color {
  background-color:  !important;
}
*/
  

/*
.unselected-tab-text-color {
  color:  !important;
}
*/
  


.slogan-text-color {
  color: #008B99 !important;
}

  


.table-header-background-color {
  background-color: #008B99 !important;
}

  

/*
.table-alternate-background-color {
  background-color:  !important;
}
*/
  


.aux-menu-text-color {
  color: #418FDE !important;
}

  


.unselected-menu-background-color {
  background-color: #008B99 !important;
}

  

/*
.breadcrumb-bar-background-color {
  background-color:  !important;
}
*/
  


.breadcrumb-text-color {
  color: #343434 !important;
}

  


.breadcrumb-link-color {
  color: #418FDE !important;
}

  


.footer-menu-text-color {
  color: #FFFFFF !important;
}

  


.unselected-menu-text-color {
  color: #FFFFFF !important;
}

  


.selected-menu-background-color {
  background-color: #418FDE !important;
}

  


.selected-menu-text-color {
  color: #FFFFFF !important;
}

  


.hover-menu-text-color {
  color: #FFFFFF !important;
}

  


.hover-menu-background-color {
  background-color: #418FDE !important;
}

  


.hover-menu-selected-background-color {
  background-color: #418FDE !important;
}

  


.hover-menu-selected-text-color {
  color: #FFFFFF !important;
}

  

/*
.hover-menu-border-color {
  color:  !important;
}
*/
  


.primary-button-background-color {
  background-color: #004C45 !important;
}

  

/*
.primary-button-border-color {
  color:  !important;
}
*/
  


.primary-button-text-color {
  color: #FFFFFF !important;
}

  


.primary-button-hover-background-color:hover, .primary-button-hover-background-color:focus {
  background-color: #008998 !important;
}

  


.info-button-background-color {
  background-color: #2E8CA8 !important;
}

  

/*
.info-button-border-color {
  color:  !important;
}
*/
  


.info-button-text-color {
  color: #FFFFFF !important;
}

  


.info-button-hover-background-color:hover, .info-button-hover-background-color:focus {
  background-color: #004C45 !important;
}

  


.success-button-background-color {
  background-color: #91D6AC !important;
}

  


.success-button-border-color {
  color: #008998 !important;
}

  

/*
.success-button-text-color {
  color:  !important;
}
*/
  

/*
.success-button-hover-background-color:hover, .success-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  


.danger-button-background-color {
  background-color: #BBBBBB !important;
}

  


.danger-button-border-color {
  color: #BBBBBB !important;
}

  

/*
.danger-button-text-color {
  color:  !important;
}
*/
  

/*
.danger-button-hover-background-color:hover, .danger-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  


.default-button-background-color {
  background-color: #FFFFFF !important;
}

  


.default-button-border-color {
  color: #008998 !important;
}

  

/*
.default-button-text-color {
  color:  !important;
}
*/
  

/*
.default-button-hover-background-color:hover, .default-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  


.pagination-activebutton-background-color {
  background-color: #008998 !important;
}

  

/*
.pagination-active-button-border-color {
  color:  !important;
}
*/
  

/*
.pagination-activebutton-text-color {
  color:  !important;
}
*/
  

/*
.pagination-button-background-color {
  background-color:  !important;
}
*/
  

/*
.pagination-button-border-color {
  color:  !important;
}
*/
  

/*
.pagination-button-text-color {
  color:  !important;
}
*/
  

/*
.pagination-button-hover-background-color:hover, .pagination-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.label-background-color {
  background-color:  !important;
}
*/
  

/*
.label-text-color {
  color:  !important;
}
*/
  

/*
.badge-background-color {
  background-color:  !important;
}
*/
  

/*
.badge-text-color {
  color:  !important;
}
*/
  

/*
.popup-window-header-background-color {
  background-color:  !important;
}
*/
  


.popup-window-header-text-color {
  color: #343434 !important;
}

  

/*
.popup-window-background-color {
  background-color:  !important;
}
*/
  


.popup-window-text-color {
  color: #343434 !important;
}

  

/*
.popup-window-footer-background-color {
  background-color:  !important;
}
*/
  

/*
.powered-by-higher-logic-background-color {
  background-color:  !important;
}
*/
  

/*
.powered-by-higher-logic-text-color {
  color:  !important;
}
*/
  

/*
.search-sidebar-heading-text-color {
  color:  !important;
}
*/
  

/*
.search-sidebar-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.cookie-notification-background-color {
  background-color:  !important;
}
*/
  

/*
.cookie-notification-text-color {
  color:  !important;
}
*/
  
/* CSS Overrides */
#MPButtonBar ul.navbar-nav li ul.dropdown-menu{
background-color: #008b99;
}

#MPCopyright {
    background-color: transparent;
}

#MPOuterHeader {
    background-position: top center;
    background-size: 100%;
    background-repeat: repeat;  
}


.home .MPContentArea .row-full .bg-color, div#MPheader:before {
    background-color: #ffffff;
}

.LogoImg.inline img.img-responsive {
    display: inline-block;
    float: right;
    width: 100%;
}

.MPheader .SloganText.inline {
    display: block;
    font-size: 250%;
    font-weight: 300;
    max-width: 500px;
    text-align: center;
    margin: 0px auto;
    padding-bottom: 0px;
}

.SloganText {
    border-color: #ffffff;
}

#HEADER{
    background-color:white ;
    background-repeat: no-repeat;   
    box-sizing: content-box;
}

#MPFooterLink {
display:none;
}

#MPFooterLink a {

} 
.home .MPContentArea .row-full .bg-color, div#MPheader::before {
    width: 100%;
    height: 100%;
    /*background-color: transparent;*/
}


.ContentItemHtml h2, .HLLandingControl h2 {
    font-size: 150%;
text-align: left;
padding-left: 0px;
}

.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .MPContentArea .ContentItemHtml {
padding: 0px;
}

.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .ContentItemHtml {
   color: #000000;
}

tr:hover {background-color: #f5f5f5;}

.btn-register {
    font-size: 26px;
       background-color: #125687;
    color:#fff;
}

.btn-primary, .btn-success, .make-buttons .HtmlContent a {
        background-color: #004C45;
        border-radius: 8px;
}

.no-pageTitle-padding {
        padding-top: 0px;
}

.background-blue  {
       background-color:#c3d0ea;
}

.background-ltgreen  {
       background-color:#91D6AC;
}

.background-yellow {
       background-color:#D7C826;
}

.background-ltgray {
      background-color:#f0f0f0;
}

.center  {
       margin: auto;
        width: 50%;
        padding: 10px;
}


.h2  {
      font-size:22px;
}


.navbar-nav > li > a, .navbar-nav > li > a:focus  {
        padding-left: 20px;
        padding-right: 20px;
}



.paddingTop10 {
      padding-top: 10px;
}

.paddingTop20 {
      padding-top: 20px;
}


/==================***** slogan text *****=======================/ 

.SloganText  {
    color: #ffffff;
    border: none;
    font-size: 20px;
    display: none;
}

.SloganText a {
    color: #ffffff;
}



/*============ SiteWideTopContent =============*/


/* Cards STRUCTURE */

.cardwrapper {
    padding: 5px;
    max-width: 1100px;
    width: 95%;
    margin: 20px auto;
}

.cardcolumns {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 5px 0;
        
}

.cardcolumn {
    flex: 1;
    border: 1px solid gray;
    margin: 2px;
    padding: 10px;
    &:first-child { margin-left: 0; }
    &:last-child { margin-right: 0; }
    
}

.cardcolumnnoborder {
    flex: 1;
    border: 0px
    margin: 2px;
    padding: 35px 10px;
    &:first-child { margin-left: 0; }
    &:last-child { margin-right: 0; }
    
}

@media screen and (max-width: 980px) {
  .cardcolumns .cardcolumn .cardcolumnnoborder {
        margin-bottom: 5px;
    flex-basis: 40%;
        &:nth-last-child(2) {
            margin-right: 0;
        }
        &:last-child {
            flex-basis: 100%;
            margin: 0;
        }
    }
}

@media screen and (max-width: 680px) {
    .cardcolumns .cardcolumn .cardcolumnnoborder {
        flex-basis: 100%;
        margin: 0 0 5px 0;
    }
}


/*===========socials ============*/

.footer-social-icons {
    width: 350px;
    display:block;
    margin: 0 auto;
}
.social-icon {
    color: #fff;
}
ul.social-icons {
    padding:0;
    list-style: none;
    margin-top: 10px;
    margin-left:-400px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.fa-facebook {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #008998;
}
.fa-facebook:hover {
    background-color: #3d5b99;
}
.fa-twitter {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #008998;
}
.fa-twitter:hover {
    background-color: #00aced;
}


/*===========Carousel===========*/

.carousel {
    padding-top: 7px;
}

/*===========Schedule Overview Repsonsive Table===========*/


.Rtable {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 3em 0;
  padding: 0;
  max-width: 1200px;
  text-align: center;
}

.Rtable-cell {
  box-sizing: border-box;
  flex-grow: 1;
  padding: 0.8em 1.2em;
  overflow: hidden; // Or flex might break
  list-style: none;
  border: solid white;
  background: #ebebeb;
  > h1, > h2, > h3, > h4, > h5, > h6 { margin: 0; }
}

.Rtable--2cols > .Rtable-cell  { width: 50%; }
.Rtable--3cols > .Rtable-cell  { width: 33.33%; }
.Rtable--4cols > .Rtable-cell  { width: 25%; }
.Rtable--5cols > .Rtable-cell  { width: 20%; }
.Rtable--6cols > .Rtable-cell  { width: 16.6%; }




/***********  Tab Schedule *************/


.main-schedule {
  min-width: 320px;
  max-width: 100%;
  padding: 50px;
  margin: 0 auto;
  background: #fff;
}

.container-tab1 {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

.input-tabSchedule {
  display: none;
}

.label-tabSchedule {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
  font-size: 18px;
}

.label-tabSchedule:before {
  font-weight: normal;
  margin-right: 10px;
}

.label-tabSchedule:hover {
  color: #888;
}

.input-tabSchedule:checked + .label-tabSchedule {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid #9ED3B7;
  border-bottom: 1px solid #fff;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}

@media screen and (max-width: 650px) {
  .label-tabSchedule {
    font-size: 18px;
    border-top: 2px solid #9ED3B7;
    border-bottom: 0px;
  }

  .label-tabSchedule:before {
    margin: 0;
    font-size: 18px;
  }
}
@media screen and (max-width: 400px) {
  .label-tabSchedule {
    padding: 15px;
    font-size: 18px;
  }
}


/***********  DropDown Notification Bar *************/

.dropdown-notification {
   height: 40px;
   line-height: 40px;
   position: relative;
   top: -40px;
   transition: top .2s; // don't forget to use prefixes
}
.dropdown-notification.active {
   top: 0;
}

/*sidebars*/
.interior .section2Sidebar{
padding:0  20px 20px 20px;
border: 1px solid #ccc;
border-left: 3px solid #777;
}


/***** Countdown *****/
.counter {
  padding: 10px 0;
  background: #008998;
  min-height: 100px;
  text-align: center;
  /* margin-top: 50px;*/
}

.counter h2 {
    color: #9ED3B7;
    margin-bottom: 10px;
}

#countdown {
  color: #FFFFFF;
}

#countdown .countdown-text {
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    text-transform: uppercase;
}
#countdown .countdown-number {
    font-size: 20px;
    background: rgba(0,0,0,0.3);
    max-width: 75%;
    border-radius: 5px;
    border-right: 2px solid rgba(255,255,255,0.3);
    border-bottom: 2px solid rgba(255,255,255,0.3);
    margin: 10px auto 5px;
    color: #ffffff;
}

/****************** FLIPCLOCK JS CSS************************/

.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none;
}

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em;
  padding-top: 10px;
}

.ContentItemHtml .HtmlContent .flip-clock-wrapper {
   margin-top: 10px;
   margin-left: 20px;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 50px;
  height: 90px;
  font-size: 30px;
  font-weight: bold;
  line-height: 37px;
  border-radius: 6px;
  background: #000;
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 87px;
  text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 60px;
  overflow: hidden; 
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #004C45;
  border-radius: 6px;
  font-size: 70px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: black;
  text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
  right: -88px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -91px; }

.ContentItemHtml .HtmlContent .flip-clock-divider .flip-clock-label {
 color: #004C45;
 font-weight:bold;
}

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }

  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }

  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }

  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }

  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }

  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }

  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }

  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }


/* --- SMALL CLOCK CSS --- */

/* Reset */
.flip-clock-small-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-small-wrapper a {
  cursor: pointer;
  text-decoration: none !important;
  border-bottom: none !important;
  color: #ccc; }

.flip-clock-small-wrapper a:hover {
  color: #fff; }

.flip-clock-small-wrapper ul {
  list-style: none; }

.flip-clock-small-wrapper.clearfix:before,
.flip-clock-small-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-small-wrapper.clearfix:after {
  clear: both; }

.flip-clock-small-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-small-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none; }

.flip-clock-small-wrapper .flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 18px !important; }

.flip-clock-small-wrapper .flip-clock-meridium a { color: #313333; }

.flip-clock-small-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em;
}

.flip-clock-small-wrapper:before,
.flip-clock-small-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-small-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-small-wrapper ul {
  position: relative;
  float: left;
  margin: 2px;
  width: 30px;
  padding: 0;
  height: 38px;
  font-size: 80px;
  font-weight: bold;
  line-height: 37px;
  border-radius: 6px;
  background: #000;
}

.flip-clock-small-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-decoration: none !important;
  margin-left: 0;
}

.flip-clock-small-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-small-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-small-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden; }

.flip-clock-small-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-small-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-small-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #008C95;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-small-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0; }

.flip-clock-small-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 20px; }

.flip-clock-small-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-small-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-small-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-small-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-small-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-small-wrapper .flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 40px; }

.flip-clock-small-wrapper .flip-clock-divider:first-child {
  width: 0; }

.flip-clock-small-wrapper .flip-clock-dot {
  display: block;
  background: #323434;
  width: 5px;
  height: 5px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-small-wrapper .flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.1em;
  right: -48px;
  color: black;
  text-shadow: none; }

.flip-clock-small-wrapper .flip-clock-divider.minutes .flip-clock-label {
  right: -54px; }

.flip-clock-small-wrapper .flip-clock-divider.seconds .flip-clock-label {
  right: -56px; }

.flip-clock-small-wrapper .flip-clock-dot.top {
  top: 10px; }

.flip-clock-small-wrapper .flip-clock-dot.bottom {
  bottom: 6px; }

.flip-clock-small-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

.flip-clock-small-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

.flip-clock-small-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-small-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-small-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-small-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-small-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }


/*navigation font*/
ul.nav {
    font-size: 100%;}

div#Logo.row {
       padding: 0px;
       margin-right: -45px;
}

.LogoImg.inline img{
      margin-bottom: -2px;}