/* Background Images and Footer */
/* Theme Roller */
/*

Acropolis v1.0
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;
    font-size: 16px;
}

#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;
    border-radius: 5px;
}

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


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


.MPContentArea .row-full .bg-color {
    background-color: #bd032d;
    color: #ffffff;
    padding: 15px 30px;
}

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

.bg-grey .inner-wrap, .bg-color .inner-wrap {
    max-width: 1200px;
    margin: 0 auto;
}

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

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

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


/***** Slides on Homepage ****/

.home .ContentItemHtml.slideshow {
    padding: 0;
/*    margin-bottom: 30px;*/
}

.slideshow .item .ContentUserControl .HLLandingControl, .slideshow .item .ContentUserControl.HLLandingControl, .slideshow .item .HLLandingControl, .slideshow .HLLandingControl ol li, .slideshow .HLLandingControl ul li, .item.no-pad {
    padding: 0;
}

.item.overlap {
    padding: 0;
}

.item.overlap-right .container {
    padding-left: 50%;
}

.trending .container {
    background: transparent url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/slide-icon-discuss.png') no-repeat;
}

.blog .container {
    background: transparent url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/slide-icon-blog.png') no-repeat;
}

.event .container {
    background: transparent url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/slide-icon-events.png') no-repeat;
}

.file .container {
    background: transparent url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/slide-icon-file.png') no-repeat;
}

.membership .container {
    background: transparent url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/slide-icon-membership.png') no-repeat;
}

.crnetwork .container {
    background: transparent url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/slide-icon-crnetwork.png') no-repeat;
}

.involved .container {
    background: transparent url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/slide-icon-involved.png') no-repeat;
}

.slideshow .HLLandingControl .ByLine, .slideshow .HLLandingControl .content-row h5 {
    color: #bbb;
    font-size: 16px;
}

.slideshow .HLLandingControl .Content p, .slideshow .huge .HtmlContent p {
    border-top: 1px solid #ffffff;
    margin-top: 20px;
    padding-top: 20px;
}

.slideshow .item.reverse .alert-warning {
    background-color: #eeeeee;
    border-color: #cccccc;
    color: #888888 !important;
    border-radius: 5px;
}

.slideshow .item.reverse .HLLandingControl .Content .alert-warning p {
    border: none;
}

.slideshow .btn, .slideshow .btn-default, .slideshow .btn-primary, .slideshow .btn-success {
    color: #fff !important;    
}

.slideshow .btn:hover, .slideshow .btn-default:hover, .slideshow .btn-primary:hover, .slideshow .btn-success:hover {
    background-color: #1f2a61;
    color: #ffffff !important;
    border-color: #1f2a61;
}

/* Carousel Slide Show CSS */

    .carousel-indicators li {border:0px; height:20px; width:20px; background-color:#fff; opacity:.5; margin:0px 5px}
    .carousel-indicators li.active {opacity:1; height:20px; width:20px; border:0px; margin:0px 5px}
    .HtmlContent .container, .contain-inner .HLLandingControl, .contain-inner .HtmlContent {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding: 0;
    }
    .carousel-control {width:8%}
    .carousel-control {background-image:none !important}
    img.drop-shadow {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(77, 36, 36, 0.75);
    -moz-box-shadow:    0px 0px 10px 0px rgba(77, 36, 36, 0.75);
    box-shadow:         0px 0px 10px 0px rgba(77, 36, 36, 0.75);
    }
    .item * {font-family:Lato}
    .item h1 {font-weight:900}
    .btn-blank {background-color:transparent; border:2px solid #fff}
    .interior div#MainCopy_ContentWrapper {padding-top:0px}
    .huge p.lead {font-size:34px}
    .rotate-me > h2 {margin-bottom:20px}
    .bg-full {background-size:cover !important; background-position:center !important}
    img.slide-bg.bgd {display:none}
    .overlay1 {
    padding:0px !important;
    background: #fff;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    }
    .slidebg1 {
        background-image: url('https://higherlogicdownload.s3.amazonaws.com/TAHCH/8883bea2-3cbb-4098-95c9-f5cbe6245175/UploadedImages/Slide-bg-Frisco.jpg');
    }
    .slidebg2 {
        background-image: url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/slidebg2.jpg');
    }
    .slidebg3 {
        background-image: url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/slidebg3.jpg');
    }
    .slidebg4 {
        background-image: url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/slidebg4.jpg');
    }
    .slidebg5 {
        background-image: url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/slidebg5.jpg');
    }
    .slidebg6 {
        background-image: url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/slidebg6.jpg');
    }
    .slidebg7 {
        background-image: url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/slidebg7.jpg');
    }
    .slidebg1, .slidebg2, .slidebg3, .slidebg4, .slidebg5, .slidebg6, .slidebg7 {
        background-color: #0c0e0c;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        /*background-attachment: fixed;*/
    }
    
/*    .txtr-connects {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/connects.png)}
    .txtr-connects2 {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/connects2.png)}
    .txtr-calendar {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-calendar.png)}
    .txtr-files {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-docs.png)}
    .txtr-boxes {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-boxes.png); background-repeat:repeat}
    .txtr-swirl {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-swirl.png)}
    .txtr-swirl2 {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-swirl2.png)}
    .txtr-minigrid {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-minigrid.png)}
    .txtr-minigrid2 {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-minigrid2.png)}
    .txtr-diagonal {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-diagonal.png)}
    .txtr-diagonal2 {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-diagonal2.png)}*/

    .item h1 {font-size:60px; background-color:transparent}
    .bg-primarycolor {background-color:}
    .bg-secondarycolor {background-color:}
    .item.reverse *, .slideshow .HLLandingControl .Content h3 a {color:#fff}
    .slideshow .HLLandingControl .Content h3 a:hover, .slideshow .huge h3 a:hover {color: #ffffff; opacity: .6; text-decoration: none;}
    img.align-left {float:left; margin:0px 20px 20px 0px}
    img.align-right {float:right; margin-left:20px}
    img.cut-bottom {}
    p img.align-left {margin-top:6px}
    .carousel-inner {text-align:center;  min-height:200px; width:100%; visibility:hidden }
    .item .container {padding:20px 0px}
    .item { padding: 20px 75px; width:100%; text-align:left}
    .logicon-fa h2:before {color:; margin-right:8px}
    .reverse.logicon-fa h2:before {color:#fff}
    #DesktopLogoDiv img {margin-top:-26px; margin-bottom:6px}
    .HtmlContent img {max-width:100%; height:auto}
    .reverse a.btn-default {
    color: #000;
    }
    .pad-left .container {
        padding-left: 350px;
        background-position: 5% 25%;
        padding-right: 40px;
    }
    .pad-right .container {
        padding-right: 350px;
        background-position: 95% 25%;
        padding-left: 40px;
    }
    
    /*==========  Mobile First Method  ==========*/
    /* Custom, iPhone Retina */
    @media only screen and (min-width : 320px) {
    }
    /* Extra Small Devices, Phones */
    @media only screen and (min-width : 480px) {
    }
    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
    img.align-right.cut-bottom { }
    .stockdemo .item .container {padding:40px 0px; height:330px}
    .stockdemo .cycle-slide img.align-left { }
    }
    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
    .huge p, .huge h1, .huge h2, .huge h3 {}
    .huge h2 {font-size:32px}
    .item.huge h2 {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 400;
        display: inline-block;
    }
    .slideshow .huge .HLLandingControl h3, .huge h3, .huge .HLLandingControl h3 a, .slideshow .huge h3 a {
        font-size: 52px;
        text-transform: capitalize;
        font-weight: 900;
        line-height: 1;
    }
    .huge p, .huge .btn {font-size:18px}
    .huge .btn {margin-top:15px; margin-bottom:20px; padding: 15px 20px;}
    .item img.cut-bottom {margin-top:20px}
    }
    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
    .item {height: 435px; overflow:hidden}
    }
    .timeAgoFormat {
        font-size: 1em;
    }
    .item h4 {
        font-size: 16px;
        text-transform: uppercase;
    }
    /*==========  Non-Mobile First Method  ==========*/
    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
    }
    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
    img.align-right, img.align-left {max-width:100px; float:left; margin-right:10px; margin-left:0px; margin-bottom:10px}
    .carousel-control .glyphicon-chevron-left {left:5%}
    .carousel-control .glyphicon-chevron-right {right:5%}
    }
    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
    .cycle-slide h1, .item h1 {font-size:32px}
    .item h2 { font-size: 18px; text-transform: uppercase; }
    .item {height:350px; overflow:hidden}
    .slideshow .huge .HLLandingControl h3, .huge h3, .huge .HLLandingControl h3 a {
        font-size: 32px;
    }
    .item { padding: 20px;}
    .trending .container {
        background: none;
    }
    .trending .container {
        background: /*transparent url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/m-slide-icon-discuss.png') no-repeat top center;*/ none;
    }
    .pad-left .container, .pad-right .container {
        padding-left: 0;
        padding-right: 0;
        background-position: top center;
        padding-top: 10px;
    }
    }
    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 480px) {
    img.align-right.cut-bottom {display:none}
    }
    /* Custom, iPhone Retina */
    @media only screen and (max-width : 320px) {
    }

/* End of Carousel Slide Show CSS */

/***** GETTING STARTED *****/

.gs-wrap {
    background: #0c0e0c url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/wood-bg.jpg') repeat;
    clear: both;
    display: block;
    width: 100%;
    /*padding-bottom: 50px;*/
    margin-bottom: 20px;
    text-align: center;
    background-attachment: fixed;
}

.gs-wrap a {
    color: #359ba5;
}

.gs-wrap .close {
    font-size: 30px;
    line-height: 13px;
}

.gs-wrap span {
    max-width: 1200px;
    margin: 0 auto;
    display: block;
}

.ContentItemHtml.getting-started.make-buttons.less-pad {
    padding-bottom: 80px;
}

.MPContentArea .getting-started.col-md-4 {
    background-image: none !important;
    display: inline-block;
    float: none;
    text-align: initial;
}

.MPContentArea .getting-started.col-md-4 .HtmlContent {
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.7);
}

.MPContentArea .getting-started.col-md-4 .HtmlContent img {
    float: left;
    display: inline;
    margin-right: 10px;
    width: 90px;
    margin-bottom: 50px;
}

.MPContentArea .getting-started.col-md-4 .HtmlContent:hover img {
    width: 84px;
    margin-right: 13px;
    margin-left: 3px;
    margin-top: 4px;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

.MPContentArea .getting-started.col-md-4 .HtmlContent:hover {
    background-color: #eeeeee;
}

/***** bullets as checkmarks *****/

.checkmark ul {
    padding: 0;
}

.checkmark ul li {
    background: url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/icon-checkmark-grey.png') no-repeat left top;
    list-style: none;
    padding: 5px 15px 20px 40px;
    border-bottom: 1px #eee solid;
    margin-right: 20px;
}

.checkmark ul li:hover {
    background-image: url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/icon-checkmark-red.png');
}

/**** NEED TO KNOW - TIPS SECTIONS *****/

.tips {
    background: url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/tips-bg1.png') no-repeat;
    background-position: right -60px top -10px;
}

.ntk {
    background: url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/ntkbg2.png') no-repeat;
    background-position: right -60px top -10px;
}

.wol {
    background: url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/wolbg1.png') no-repeat;
    background-position: left -60px top -10px;
}

.tips .HtmlContent {
    max-width: 1200px;
    padding: 30px 600px 30px 0;
    margin: 0 auto;
}

.wol .HtmlContent {
    max-width: 1200px;
    padding: 30px 0 30px 400px;
    margin: 0 auto;
}

.ntk .HtmlContent {
    max-width: 1200px;
    padding: 30px 600px 30px 0;
    margin: 0 auto;
}

.tips .HtmlContent h4, .wol .HtmlContent h4, .ntk .HtmlContent h4 {
    color: #bd032d;
    border-bottom: 1px solid #bd032d;
    text-transform: uppercase;
    display: inline-block;
}

/**** report carousel ****/

.MPContentArea .ContentItemHtml.reports {
    background: #0c0e0c url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/wood-bg.jpg') repeat;
    padding: 40px 20px 20px;
    background-attachment: fixed;
    margin-bottom: 50px;
}

.ContentItemHtml.reports:before, .ContentItemHtml.reports:after, .gs-wrap:after {
    content: '';
    display: block;
    height: 30px;
    background: transparent url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/rough-border-top.png') repeat-x;
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0 -20px;
}

.ContentItemHtml.reports:after, .gs-wrap:after  {
    background: transparent url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/rough-border-bottom.png') repeat-x;
    bottom: -2px;
    top: auto;
}

.gs-wrap:after {
    margin: 0;
}

.MPContentArea .ContentItemHtml.reports .HtmlContent {
    max-width: 1200px;
    margin: 0 auto;
}

.reports img {
    padding: 20px;
    max-width: 275px;
    height: auto !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.reports .heading h2 {
    color: #ffffff;
    text-align: center;
}



/********** 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: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

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

h1, .SloganText {
    font-size: 60px;
    font-weight: 900;
}

h2, .interior h2#Title, .interior .text-muted-h2 h2, .interior .ContentUserControl h2, .interior .text-muted-h2 div.col-md-3 h2 {
    font-size: 32px;
    line-height: 1.1;
    font-weight: 300;
}

h3, HLLandingControl h3 a, .HLLandingControl.HLEngagement a, .community-list h3, .HLLandingControl.HLAnnouncements h3 {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 400;
}

.btn, .ProfileJobInfo, a.htmlbutton, .dropdown-menu, ul.nav {
    font-size: 12px;
    font-weight: 400;
}

.btn, a.htmlbutton {
    font-weight: 400;
}

.library-list h3 {
    font-size: 32px;
}

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

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

.editorSelectH4, #MPAuxNav ul.level1 li a, .label-success  {
    font-size: 14px;
}

h5 {
    font-size: 14px;
    font-weight: 400;
}

h6 {
    font-size: 12px;
}

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

#MPAuxNav ul.level1 li a {
    font-size: 12px;
    text-decoration: none;
}

#MPAuxNav ul.level1 li a {
    border-right: 1px #e7e7e7 solid;
}

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

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

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

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

a {
    color: #bd032d;
}

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 {
    margin: 0 auto;
    padding: 0;
}

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

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

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

#MPSearchBlock #SearchControl_SearchTerm.form-control {
    border: 2px solid #acacac;
    margin-top: 10px;
    -webkit-border-top-left-radius: 5px !important;
    -webkit-border-bottom-left-radius: 5px !important;
    -moz-border-radius-topleft: 5px !important;
    -moz-border-radius-bottomleft: 5px !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-right:none;
}

#MPSearchBlock .form-control {
    border: 2px solid #acacac;
    margin-top: 10px;
}

#HEADER #SearchControl_SearchButton, #HEADER #SearchControl_OptionsButton {
    margin-top: 10px;
    padding: 6px;
    font-size: 13px;
    border-left: none;
    border-right: none;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

#HEADER #SearchControl_OptionsButton{
    -webkit-border-top-right-radius: 5px !important;
    -webkit-border-bottom-right-radius: 5px !important;
    -moz-border-radius-topright: 5px !important;
    -moz-border-radius-bottomright: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-right: 2px solid;
}


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

#PageTitleH1, .interior h2.ProfileUserName {
    padding: 15px 0;
    font-size: 52px;
    margin: 0 auto;
}

#PageTitleH1 {
    margin: 20px auto !important;
    background-attachment: fixed;
    width: 100%;
    max-width: 100%;
    padding: 50px 0 30px;
    position: relative;
}

h1#PageTitleH1:before {
    content: '';
    display: block;
    height: 20px;
    background: transparent url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/rough-border-top.png') repeat-x;
    position: absolute;
    top: 0;
    width: 100%;
}

h1#PageTitleH1:after {
    content: '';
    display: block;
    height: 30px;
    background: transparent url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/rough-border-bottom.png') repeat-x;
    position: absolute;
    width: 100%;
    bottom: -2px;
}

#PageTitleH1 > div {
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 900;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
}

h1, .Heading1 {
    color: #e7e7e7;
    background-color: transparent;
    font-weight: 900;
    text-transform: uppercase;
}

h2, .Heading2, h2 a, h2 a:hover, .text-muted-h2 h2 {
    color: #bd032d;
    background-color: transparent;
    font-weight: 300;
}

.interior h2, .interior h2#Title {
    color: #bd032d;
    background-color: transparent;
    text-align: left;
    font-weight: 300;
}

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

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


.HLLandingControl ol li, .HLLandingControl ul li {
    margin-right: 10px;
}

hr, hr.delimiter, .HLLandingControl ul li {
    border-bottom-width: 1px; 
    border-bottom-style: solid;
    border-bottom-color: #ddd;
}

.HLLandingControl ul li:last-child {
    border-bottom: 1px dashed #ddd;
}

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

.text-muted {
  color: #acacac;
}

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

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

.HLWelcome.HLWelcomeHeader {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

#BtnShowProfile.btn-default {
    background: #eeeeee !important;
    border: none;
}

#BtnShowProfile.btn-default:hover, #SearchControl_OptionsButton.btn-default:hover {
    background: #bbbbbb !important;
    border-color: #515151 !important;
}

.LogoImg {
    position: relative;
    z-index: 1001;
}

.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: #bd032d;
}

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

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

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

.HLLandingControl h2 {
    color: #bd032d;
}

.drItemSubHeader {
    text-align: left;
}

/*** BIG SEARCH ***/

.big-search {
    max-width: 700px;
    margin: 0 auto 50px;
    padding: 20px;
    background-color: #f1f1f1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.big-search .form-control {
    height: 60px;
    border: 2px solid;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

.big-search .AdvancedSearch .form-control {
    padding: 6px;
}

/* reset height/padding in search form */

.input-group-btn .form-group .form-control {
    height: auto;
    margin: 2px;
}

.big-search .input-group-btn > .btn {
    border: none;
    font-size: 30px;
    padding-top: 0;
    background-color: transparent;
}

.big-search .input-group-btn > .btn:hover {
    background-color: transparent !important;
    color: #515151 !important;
}

/**** ICONS ****/

.icon-events .heading h2 {
    background: url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/icon-events.jpg') no-repeat left;
    padding-left: 55px;
}

/*.icon-events, .icon-content, .icon-thumbsup*/ .home .col-md-4 {
    background: url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/vertical-shadow.jpg') no-repeat right top;
}

.icon-content .heading h2 {
    background: url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/icon-content.jpg') no-repeat left;
    padding-left: 55px;
}

.icon-thumbsup .heading h2 {
    background: url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/icon-thumbsup.jpg') no-repeat left;
    padding-left: 55px;
}

.icon-superhero .heading h2 {
    background: url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/icon-superhero.jpg') no-repeat left;
    padding-left: 52px;
    padding-top: 5px;
}

.icon-champion .heading h2 {
    background: url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/icon-champion.jpg') no-repeat left;
    padding-left: 52px;
    padding-top: 5px;
}

.icon-mam .heading h2 {
    background: url('https://www.neatcreativemedia.com/econverse/themes/TheCR/images/icon-mam.jpg') no-repeat left;
    padding-left: 52px;
    padding-top: 5px;
}

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

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

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

/**** less padding for controls ****/

.ContentUserControl .HLLandingControl.less-pad, .ContentUserControl.HLLandingControl.less-pad, .MPContentArea .ContentItemHtml.less-pad {
    padding: 20px 10px;
}

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

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

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

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

.calendar-day {
  display: none;
}

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

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

.event-list .calendar-month {
    font-size: 12px;
}

.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, .HLLandingControl .content-row h5 {
    color: #848484;
    text-transform: uppercase;
    font-size: 12px;
    margin: 2px 0;
}

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

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

.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: 30px !important;
    height: 30px !important;
    max-height: 30px !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%;
}

/*** rounded profile images ****/

.HLLandingControl .Content img.Image[alt="Profile Picture"], .ProfilePic img, .GroupMember img, .HLEngagement .Picture img, .social-icons a img, img[id$="_ImageControl_imgDisplay"], img[id*="ProfileImage"], .MPContentArea img[alt="Profile Picture"], img.welcome-profile-image-lg, .bioBubbleShell .Pict img, .profile-img-lg, .profile-img-sm {
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
}


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

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

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

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

.HLLandingControl.HLEngagement {
    padding: 0;
}

.HLLandingControl.HLEngagement .title-row .col-md-9 {
    width: 80%;
}

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

.HLEngagement ol.display-horizontal li, .HLLandingControl ul.display-horizontal li, .HLLandingControl ol.display-horizontal li, .HLLandingControl ul.display-horizontal li {
    max-width: 100%;
    width: 100%;
}

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

.ContentUserControl > .HLLandingControl.HLEngagement ol.display-horizontal li, .ContentUserControl > .HLLandingControl.HLEngagement ul.display-horizontal li {
    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: #bd032d;
    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;
}

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

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

.nav-tabs > li > a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #bd032d;
    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: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #1c2020;
    background-color: #dddddd;
    border: 0;
}

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

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

.slideshow .item a[id*="_More"] {
    display: table;
    background: #359ba5;
    border: 2px solid #359ba5;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.slideshow .item a[id*="_More"]:hover {
    background: transparent;
}

.slideshow .item a[id*="_More"].btn {
    display: inline-block;
}

div[id*="ContactReqPending"] .btn.disabled {
    white-space: normal;
}

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

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


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

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

.breadcrumb li {
    color: #848484;
}

.breadcrumb li a {
}


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

#NAV {
    background-color: #1f2a61;
}

ul.navbar-nav {
    margin: 0;
    float: right;
}

/*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: left;
    background-color: transparent;
}

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

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

.navbar-nav > li > a {
    color: #fff;
    padding: 10px 15px;
    border: none;
    margin: 15px 5px;
}

.navbar .navbar-nav > .active > a,  
.navbar .navbar-nav > .active > a:hover,  
.navbar .navbar-nav > .active > a:focus, 
.navbar .navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {  
    background-color: transparent;
    color: #bd032d;
    border: 2px solid #bd032d;
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus, 
.nav .open>a, 
.nav .open>a:hover, 
.nav .open>a:focus {
    background-color: transparent;
    color: #bd032d;
    border: 2px solid #bd032d;
}

.open .dropdown-toggle.btn-default {
    background-color: #bcbcbc;
}

.open .dropdown-toggle.btn-default .caret, .MPContentArea .big-search .btn > .caret {
    border-top-color: #515151 !important;
}

.navbar-default .navbar-nav>.dropdown>a .caret {
    border-top-color: #cccccc;;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret, .btn .caret, .MPContentArea .big-search .btn:hover > .caret {
    border-top-color: #bd032d;
}

.MPContentArea .btn > .caret {
    border-top-color: #ffffff;
}

.btn:hover .caret, .btn:focus .caret, .btn:active .caret {
    color: #ffffff;
}

#NAV #MPButtonBar {
    float: right;
    width:100%
}

#MPButtonBar ul.navbar-nav li ul.dropdown-menu {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    border: none;
    width: auto;
    margin: 0;
    text-align: right;
    background-color: transparent;
    /* float: right; */
    position: absolute;
    right: 0;
    left: auto;
}

#megaanchor2+.dropdown-menu {
    /* left: initial !important; */
    right: auto !important;
}

#MPButtonBar .dropdown-menu li a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
}

.dropdown-menu > li > a, .megamenu>li>ul>li>a {
    display: block;
    padding: 10px 15px;
    margin: 0 6px;
}

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

#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: #bd032d;
    color: #ffffff;
}

ul.dropdown-menu.megamenu:before {
    content: '';
    margin-right: -2000px;
    margin-left: -2000px;
    padding: 0px 2000px;
    position: absolute;
    background-color: rgba(0,0,0,0.8);
    height: 70px;
    width: 100%;
    display: block;
    top: 0;
}

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

.btn {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    font-size: 14px;
    padding: 5px 15px;
/*    margin-top: 5px;*/
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    border: 2px solid #515151;
    background: #ddd;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
    color: #515151;
}

.make-buttons .HtmlContent a {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    font-size: 14px;
    padding: 5px 15px;
    margin-top: 5px;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    border: 2px solid #bd032d;
    background: #bd032d;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
    color: #ffffff;
}

.getting-started.make-buttons .HtmlContent a {
    border: 2px solid #359ba5;
    background: #359ba5;
}

.make-buttons .HtmlContent a:hover {
    color: #515151;
    background-color: #dddddd;
    border-color: #515151;
}

.btn, .btn-default {
    color: #515151;
}

.btn:hover, .btn-default:hover {
    color: #bd032d;
    background-color: #ffffff;
    border-color: #bd032d;
}

.btn-default:hover {

}

/*.register-button {*/
/*    padding-bottom: 30px;*/
/*}*/
/**/
/*.register-button a {*/
/*    font-size: 15px;*/
/*    padding: 15px 20px 15px 60px;*/
/*    background-image: url('https://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: 30px;
    height: 30px;
}

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

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

.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: #ffffff;
    border: 2px solid #bd032d;
    color: #bd032d;
    padding: 8px 16px;
    text-decoration: none;
}

.home .btn-default {
    background-color: #ffffff;
    border: 2px solid #bd032d;
    color: #bd032d;
    padding: 8px 16px;
}

.home .btn-default:hover {
    background-color: #ffffff;
    color: #bd032d;
    border: 2px solid #bd032d;
}

.btn-primary, .btn-success, .make-buttons .HtmlContent a {
    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: #ffffff;
    border: 2px solid #bd032d;
    color: #bd032d;
    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: #bd032d;
    color: #ffffff;
}

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

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

#searchColumn .btn-default:hover/*, .MPheader .btn-default:hover, .MPheader .btn-default:focus, .MPheader .btn-default:active, .MPheader .open .dropdown-toggle.btn-default, .btn-community-stats-static:hover*/ /*{
    color: #454545;
    background-color: #c3c3c3;
}

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

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

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

#MPOuterFooter {
    color: #ffffff;
    font-family: "Lato", "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
    /*margin-top: 50px;*/
}

.home #FOOTER .col-md-4 {
    background-image: none;
}

#MPOuterFooter #FOOTER {
    padding: 20px 0 40px;
}

#FOOTER .make-buttons .HtmlContent a {
    border: 2px solid #359ba5;
    background: #359ba5;
    color: #ffffff;
    padding: 15px 20px;
    display: inline-block;
}

#FOOTER .make-buttons .HtmlContent a:hover {
    color: #359ba5;
    background: transparent;
}

#MPOuterFooter .copyright-wrap, #FOOTER .copyright-wrap {
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    display: block;
    float: left;
}

#MPOuterFooter .copyright-wrap span, #FOOTER .copyright-wrap span {
    max-width: 1200px;
    margin: 0 auto;
    display: block;
}

#MPOuterFooter .copyright a, #FOOTER .copyright a {
    color: #ffffff;
}

#MPOuterFooter .copyright a:hover, #FOOTER .copyright a:hover {
    color: #0c0e0c;
}

#MPOuterFooter .copyright {
    font-size: .7em;
    text-transform: uppercase;
    padding: 25px 0;
}

#FOOTER a {
    color: #bbbbbb;
    text-decoration: none;
}

#FOOTER a:hover {
    color: #359ba5;
    text-decoration: none;
}

.social-icons a img {
    background-color: #359ba5;
    padding: 10px;
}

.social-icons a:hover img {
    background-color: #bbbbbb;
}

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

#MPBottomMenu {
    background-color: transparent;
}

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

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

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

#MPCopyright span {

}

#MPCopyright a {
    color: #359ba5;
}

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

#MPBottomMenu.MPBottomMenu ul.FatFooterMenu li a.level1 {
    font-weight: 400;
    color: #359ba5;
}

#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 {
    display: none;
}

#MPFooterLink a {

}

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

@media screen and (max-width: 1050px) {
    
    .tips .HtmlContent, .ntk .HtmlContent {
        max-width: 1200px;
        padding: 30px 100px 30px;
        margin: 0 auto;
    }
    
    .tips, .tips.bg-grey, .ntk, .ntk.bg-grey {
    background-position: right -390px center;
    }

}

@media screen and (max-width: 991px) {
    
    .ContentItemHtml.slideshow .HtmlFooter {
        padding: 0;
    }
    .gs-wrap {
        margin-bottom: 0px;
    }

}

@media screen and (max-width: 900px) {
    
    #NAV {
        margin-top: -10px;
    }

    ul.nav {
        text-align: left;
        margin-top: 0;
    }
    
    ul.nav li {
        padding-bottom: 0;
    }
    
    #MPBottomMenu.MPBottomMenu ul.FatFooterMenu > li {
        min-height: 0;
        display: block;
        padding-top: 20px;
        border: none;
    }
    
}

@media screen and (max-width: 768px) {
    
    #DesktopLogoDiv img {
        margin-top: 0;
    }
    
    #DesktopLogoDiv {
        margin-top: 10px;
        text-align: center;
    }
    
    #MPAuxNav {
        float: right;
    }
    
    #NAV {
        margin-top: -15px;
    }
    
    #NAV #MPButtonBar {
        float: none;
        margin: 0;
    }
    
    ul.navbar-nav {
        float: none;
    }

    ul.nav li {
        display: block;
    }
    
    ul.dropdown-menu.megamenu:before {
        display: none;
    }
    
    #MPButtonBar ul.navbar-nav li ul.dropdown-menu {
        background-color: rgba(0,0,0,0.7);
        -webkit-border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        border-radius: 5px !important;
        position: relative;
    }
    
    ul.navbar-nav li ul.dropdown-menu li {
        float: none;
    }
    
    .tips .HtmlContent, .wol .HtmlContent, .ntk .HtmlContent {
        padding: 30px 20px;
    }
    
    #MPOuterFooter .copyright p {
        text-align: center !important;
        padding-top: 15px;
    }
    
    #MPOuterFooter .copyright .HtmlFooter {
        padding:0;
    }
    
    #MPOuterFooter .copyright {
        padding: 0 25px;
    }
    
}

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

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

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

/* change full width rows background color */
/*

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

/*

    .SloganText {
        border-color: ;
    }

*/

.home .MPContentArea .row-full .bg-color a.btn {
    /*background-color: ;*/
    /*color: ;*/
}

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

/*

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

*/

/** 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: ;
}
*/

/*
#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: ;*/
    /*border-color: ;*/
    /*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: ;  
}  
*/
/*
a {
  color: ;  
}  
*/
/*
.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: ; 
}  
*/
/*
.hl-linkcolor-background {
  background-color: ;  
}  
*/
/*
a.user-content-mention {
  color: ;  
}  
*/
/*
a.user-content-hashtag.user-content-hashtag.user-content-hashtag {
  color: ;  
}  
*/
/*
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: ;  
}  
*/
/*
.siteFrame {
  background-color: ;  
}  
*/
/*
#MPOuterMost {
  border-color: ;  
}  
*/
h1, .Heading1 {


  color: #162170;

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

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

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


  background-color: #999999;

/*
  color: ;
*/
}    
/*
fieldset {
  border-color: ;  
}  
*/
fieldset legend {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
/*
.SearchResults .SortBy {
  color: ;  
}      */
/*********************** Landing Controls ******************/  
.HLLandingControl .heading, .HLLandingControl h2, .headerItem, .drItemSubHeader {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
.drItemSubHeader a:not(.skip-header-text-color){
  color: ;  
    }  
*/
.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .ContentItemHtml.HLLandingControl {

/*
  border-color: ;
*/
/*
  color: ;
*/
/*
  background-color: ;
*/
}    
/*
.HLLandingControl .Content a:not(.btn) {
  color: ;  
}  
*/
/*
.HLLandingControl .ByLine {
  color: ;  
}  
*/
/*
.HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
  color: ;  
}  
*/
/*
.HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {
  color: ;  
}    
*/
/************************ Tabs **********************/  
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}  
/*
.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: ;
*/
}  .nav-tabs > li > a {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/************************ Miscellaneous **********************/  
/*
.SloganText {
  color: ;  
}  
*/
.ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
.lblratingBig {
  color: ;  
}  
*/
/************************ Tables **********************/  
.Container thead .Header td, th, .ListContainer .ListHeader, .drItemSubHeader,  .table-thead-background tr th, .table-thead-background tr td {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
th a, th a:hover  {
  color: ;  
}  
*/
/*
.TableRowAlternate, .table-hover > tbody > tr:hover > td  {
  background-color: ;  
}    
*/
/************************ Menus ***********************/  
/*
#MPAuxNav ul.level1 li a {
  color: ;  
}  
*/
/*
#MPAuxNav ul.level1 li ul {
  background-color: ;  
}  
*/
/*
#MPAuxNav ul.level1 li li.dynamic {
  border-right-color: ;  
}  
*/
/*  #SideMenu ul.level1 li ul {
  background-color: White;  
}  */    /*  .MPSideNavBottom {
  color: #0069A5;  
}  */    /*
.breadcrumb {
  background-color: ;  
}  
*/
/*
.breadcrumb li {
  color: ;  
}  
*/
/*
.breadcrumb li a {
  color: ;  
}  
*/
/*
.MPBottomMenu ul li a {
  color: ;  
}        */
/************************ Bootstrap Menus ***********************/  
/*
.navbar-default, #NAV {
  background-color: ;      
  border-color: ;  
}  
*/
/*
.navbar-default .navbar-nav > li > a {
  color: ;  
}  
*/
.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: ;
*/
/*
  color: ;
*/
}    
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
#MPButtonBar .dropdown-menu {
  background-color: ;  
}  
*/
/*
#MPButtonBar .dropdown-menu li a {
  color: ;  
}  
*/
/*
#MPButtonBar .dropdown-menu li a:hover,    #MPButtonBar .dropdown-menu li a:focus {
  background-color: ;  
  }  
*/
#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: ;
*/
/*
  color: ;
*/
}    
/*
#MPButtonBar .dropdown-menu {
  border-color: ;  
}  
*/
/************************ Bootstrap Buttons ***********************/  
.btn-primary, .ui-widget-content a.btn-primary {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
color: !important;
*/
}    
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-info {

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

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-success {

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

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

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

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

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

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

/*
  background-color: ;
*/
/*
  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: ;
*/
}    
.modal-body, .panel-body {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.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: ;
}
*/
/*
.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(1) .hlc-empty-state-card-top-part {
  background-color: ;
}
*//************ New Bootstrap 4^ Themeing ****/ 

:root:root {
  /*
  --hl-bs--primary: ;
  --hl-bs--selected: 26;
  */

  [PrimaryColorRGB-StartComment]
  --hl-bs--primary-rgb: [PrimaryColorRGB];
  --hl-bs--selected-rgb: [PrimaryColorRGB], 50;
  [PrimaryColorRGB-EndComment]

  /*
  --hl-bs--primary-opposite: ;
  */

  [TextOnPrimaryRGB-StartComment]
  --hl-bs--primary-opposite-rgb: [TextOnPrimaryRGB];
  [TextOnPrimaryRGB-EndComment]
  
  /*
  --hl-bs--link: ;
  */

  [LinkColorRGB-StartComment]
  --hl-bs--link-rgb: [LinkColorRGB];
  [LinkColorRGB-EndComment]

  /*
  --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: ;
  --hl-bs--secondary-selected: 26;
  */

  [SecondaryColorRGB-StartComment]
  --hl-bs--secondary-rgb: [SecondaryColorRGB];
  --hl-bs--secondary-selected-rgb: [SecondaryColorRGB], 50;
  [SecondaryColorRGB-EndComment]

  /*
  --hl-bs--secondary-opposite: ;
  */

  [TextOnSecondaryRGB-StartComment]
  --hl-bs--secondary-opposite-rgb: [TextOnSecondaryRGB];
  [TextOnSecondaryRGB-EndComment]
}

/* 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: ;
  --hl-bs--btn-primary-text-hover: ;
  --hl-bs--btn-primary-outline: 7f;
  */

  [PrimaryButtonTextColorRGB-StartComment]
  --hl-bs--btn-primary-text-rgb: [PrimaryButtonTextColorRGB];
  --hl-bs--btn-primary-text-hover-rgb: [PrimaryButtonTextColorRGB];
  --hl-bs--btn-primary-outline-rgb: [PrimaryButtonTextColorRGB], 127;
  [PrimaryButtonTextColorRGB-EndComment]
  
  /*
  --hl-bs--btn-primary-bg: ;
  */

  [PrimaryButtonBackgroundColorRGB-StartComment]
  --hl-bs--btn-primary-bg-rgb: [PrimaryButtonBackgroundColorRGB];
  [PrimaryButtonBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-primary-bg-hover: ;
  */

  [PrimaryButtonHoverBackgroundColorRGB-StartComment]
  --hl-bs--btn-primary-bg-hover-rgb: [PrimaryButtonHoverBackgroundColorRGB];
  [PrimaryButtonHoverBackgroundColorRGB-EndComment]
  
  /*
  --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: ;
  */

  [SuccessButtonBackgroundColorRGB-StartComment]
  --hl-bs--btn-success-bg-rgb: [SuccessButtonBackgroundColorRGB];
  [SuccessButtonBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-success-bg-hover: ;
  */

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

  /*
  --hl-bs--btn-success-border: ;
  --hl-bs--btn-success-border-hover: ;
  */

  [SuccessButtonBorderColorRGB-StartComment]
  --hl-bs--btn-success-border-rgb: [SuccessButtonBorderColorRGB];
  --hl-bs--btn-success-border-hover-rgb: [SuccessButtonBorderColorRGB];
  [SuccessButtonBorderColorRGB-EndComment]
  
  /*
  --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: ;
  */

  [DangerButtonBackgroundColorRGB-StartComment]
  --hl-bs--btn-danger-bg-rgb: [DangerButtonBackgroundColorRGB];
  [DangerButtonBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-danger-bg-hover: ;
  */

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

  /*
  --hl-bs--btn-danger-border: ;
  --hl-bs--btn-danger-border-hover: ;
  */

  [DangerButtonBorderColorRGB-StartComment]
  --hl-bs--btn-danger-border-rgb: [DangerButtonBorderColorRGB];
  --hl-bs--btn-danger-border-hover-rgb: [DangerButtonBorderColorRGB];
  [DangerButtonBorderColorRGB-EndComment]

}

: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: ;
  */

  [DefaultButtonBackgroundColorRGB-StartComment]
  --hl-bs--btn-secondary-bg-rgb: [DefaultButtonBackgroundColorRGB];
  [DefaultButtonBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-secondary-bg-hover: ;
  */

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

  /*
  --hl-bs--btn-secondary-border: ;
  --hl-bs--btn-secondary-border-hover: ;
  */

  [DefaultButtonBorderColorRGB-StartComment]
  --hl-bs--btn-secondary-border-rgb: [DefaultButtonBorderColorRGB];
  --hl-bs--btn-secondary-border-hover-rgb: [DefaultButtonBorderColorRGB];
  [DefaultButtonBorderColorRGB-EndComment]
}

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

  [LinkColorRGB-StartComment]
  --hl-bs--btn-link-text-rgb: [LinkColorRGB];
  --hl-bs--btn-link-outline-rgb: [LinkColorRGB], 127;
  [LinkColorRGB-EndComment]

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

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

:root:root {
  /*
  --hl-bs--btn-ghost-outline: 7f;
  */

  [PrimaryButtonTextColorRGB-StartComment]
  --hl-bs--btn-ghost-outline-rgb: [PrimaryButtonTextColorRGB], 127;
  [PrimaryButtonTextColorRGB-EndComment]
}

:root:root {
  /*
  --hl-bs--footer-color: ;
  */

  [FooterTextColorRGB-StartComment]
  --hl-bs--footer-color-rgb: [FooterTextColorRGB];
  [FooterTextColorRGB-EndComment]

  
  --hl-bs--footer-color-opposite: #999999;
  

  
  --hl-bs--footer-color-opposite-rgb: 153,153,153;
  
}/************************ 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: ;
    */    
    /* 
    color: ;
    */
}

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

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

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: ;
    border-color: ;
    */ 
    /* 
    color:  !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)), ;
    border-color: ;
    */ 
    /* 
    color: ;
    */
}

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

    /* 
    color:  !important;
    */ 
    /* 
    background-color: ;
    border-color: ;
    */
}

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)), ;
    border-color: ;
    */
}

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

    /* 
    box-shadow: 0 0 0 3px 7F;
    */
}


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

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

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)), ;
    border-color: ;
    */
}

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

    /* 
    box-shadow: 0 0 0 3px 7F;
    */
}

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

    /* 
    color: ;
    */
}


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

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

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)), ;
    */
}



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: ;
    */ 
    /* 
    background-color: ;
    border-color: ;
    */
}


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 7F;
    */
}


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

    /* 
    color: ;
    */
}


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

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

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)), ;
    */
    /* 
    background-color: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ; 
    */
}


/********* 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: ;
    border-color: ;
    */
}


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

    /* 
    background-color:  !important;
    */
}


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

    /* 
    color:  !important;
    */
}


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

    /* 
    color:  !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:  !important;
    */
}

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

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

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

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: ;
    border-color: ;
    */ 
    /* 
    color: ;
    */
}

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

    /* 
    background-color:  !important;
    */
}

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

    /* 
    color:  !important;
    */
}

body.ribbit :not(.no-theme) .success-button-text-color {
    /* 
    color:  !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:  !important;
    */
}

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


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

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

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: ;
    */ 
}

/*************** 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: ;
    */
    /* 
    border-bottom-color: ;
    */ 
}

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: ;
    */
    /* 
    color: ;
    */
}

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

body.ribbit :not(.no-theme) .row.secondary-row {    
    /* 
    background-color: 90;
    */
}

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

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

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

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

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

/*
.link-color {
  color:  !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:  !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: #162170 !important;
}

  

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

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

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

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

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

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


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

  

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

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

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

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

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

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

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

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

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

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

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

/*
.landing-control-sub-title-text-color {
  color:  !important;
}
*/
  

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
.success-button-border-color {
  color:  !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:  !important;
}
*/
  

/*
.danger-button-border-color {
  color:  !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:  !important;
}
*/
  

/*
.default-button-border-color {
  color:  !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:  !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:  !important;
}
*/
  

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

/*
.popup-window-text-color {
  color:  !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 */
/**MDJ Alert Warning Colors - Temp. Aug 18/15**/
.alert-warning {
    background-color: #EEE;
    border-color: #ccc;
    color: #111;
}


/**LW **/
#MainCopy_ctl03_lstCommunityList_hlCommunityMembers_0 {

display: none;
}

#MainCopy_ctl03_lstCommunityList_hlCommunityDocs_0 {

display: none;
}

#MainCopy_ctl03_lstCommunityList_hlCommunityDiscussions_0 {

display: none;
}

#MainCopy_ctl03_lstCommunityList_imgIsMember_0 {

display: none;
}
 

.featured {

border: black;
margin-bottom:20px;
border-style: solid;
border-radius: 5px;
border-width: 5px;
background-color: #f0f0f0;
}

/*** sticky menu ***/
/*#MPOuterHeader {
    position: fixed;
    z-index: 2;
    width: 100%;
    background-color: #fff;
    height: 107px;
}

.MPContentArea {
    padding-top: 107px;
}*/

/* remove empty <p> tags - experimental */

p:empty {
    display: none;
}

/* mobile test */

   .mobile {
      display: none;
   }

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


   .hide-mobile {
      display: none;
   }

   .mobile {
      display: block;
   }

}

div[id*="CalendarThumbnail"] > .row {
   padding-right: 15px;
}

/* ERS tag item button spacing fix */

.tag-item .btn {
    margin-top: 5px;
}

/* ERS library hyperlinks made into buttons */

.library-buttons a {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    font-size: 14px;
    padding: 5px 15px;
    margin-top: 5px;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    border: 2px solid #bd032d;
    background: #bd032d;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
    color: #ffffff;
}

.library-buttons a:hover {
    color: #515151;
    background-color: #dddddd;
    border-color: #515151;
}

.HLEventList ul li .RSVPConfirmation {
    display: none;
}

.make-buttons .HtmlContent a  {
padding: 10px; 18px;
}

/*MDJ footer button colors*/
#FOOTER .make-buttons .HtmlContent a {
    border: 2px solid #fff;
    background: #1f2a61 none repeat scroll 0% 0%;
    color: #FFF;
    padding: 20px 25px;
    display: inline-block;
}

/*MDJ social icon colors*/
.social-icons a img {
    background-color: #7e0117;
    padding: 10px;
}

/*MDJ footer background*/
#MPOuterFooter {
    background: none
    color: #FFF;
    font-family: "Lato","Helvetica Neue",Helvetica Neue,Helvetica,Arial,sans-serif;
}

/*MDJ footer links*/
#FOOTER a {
    color: #7e0117;
    text-decoration: none;
}

/*interior page title */
#PageTitleH1 > div {
    color: #1f2a61;
    text-transform: capitalize;
    font-weight: 900;
    max-width: 1200px;
    margin: 0px auto;
    padding: 0px 10px;
    color: #FFF;
} 

#PageTitleH1 {
    color: #1f2a61;
padding-left: 50px;
} 

/*Carousel*/
/* Carousel Slide Show CSS */

    .carousel-indicators li {border:0px; height:20px; width:20px; background-color:#fff; opacity:.5; margin:0px 5px}
    .carousel-indicators li.active {opacity:1; height:20px; width:20px; border:0px; margin:0px 5px}
    .HtmlContent .container, .contain-inner .HLLandingControl, .contain-inner .HtmlContent {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding: 0;
    }
    .carousel-control {width:8%}
    .carousel-control {background-image:none !important}
    img.drop-shadow {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(77, 36, 36, 0.75);
    -moz-box-shadow:    0px 0px 10px 0px rgba(77, 36, 36, 0.75);
    box-shadow:         0px 0px 10px 0px rgba(77, 36, 36, 0.75);
    }
    .item * {font-family:Lato}
    .item h1 {font-weight:900}
    .btn-blank {background-color:transparent; border:2px solid #fff}
    .interior div#MainCopy_ContentWrapper {padding-top:0px}
    .huge p.lead {font-size:34px}
    .rotate-me > h2 {margin-bottom:20px}
    .bg-full {background-size:cover !important; background-position:center !important}
    img.slide-bg.bgd {display:none}
    .overlay1 {
    padding:0px !important;
    background: #fff;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    }

h2.editorSelectH2{
font-weight:600;
}


    .txtr-connects {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/connects.png)}
    .txtr-connects2 {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/connects2.png)}
    .txtr-calendar {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-calendar.png)}
    .txtr-files {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-docs.png)}
    .txtr-boxes {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-boxes.png); background-repeat:repeat}
    .txtr-swirl {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-swirl.png)}
    .txtr-swirl2 {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-swirl2.png)}
    .txtr-minigrid {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-minigrid.png)}
    .txtr-minigrid2 {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-minigrid2.png)}
    .txtr-diagonal {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-diagonal.png)}
    .txtr-diagonal2 {background-image:url(//s3.amazonaws.com/higherlogiccloudfront/Custom/Slider/Backgrounds/txtr-diagonal2.png)}
    .item h1 {font-size:55px; background-color:transparent}
    .bg-primarycolor {background-color:}
    .bg-secondarycolor {background-color:}
    .item.reverse * {color:#fff}
    .bg-orange {background-color:#f58026}
    .bg-purple {background-color:#663b87}
    .bg-green {background-color:#7cbf4a}
    .bg-darkgreen {background-color:#398946}
    .bg-darkgray {background-color:#666}
    .bg-blue {background-color:#008baf}
    .bg-darkblue {background-color:#3b5f8f}
    .bg-teal {background-color:#00afa9}
    img.align-left {float:left; margin:0px 20px 20px 0px}
    img.align-right {float:right; margin-left:20px}
    img.cut-bottom {}
    p img.align-left {margin-top:6px}
    .carousel-inner {text-align:center;  min-height:200px; width:100%; visibility:hidden }
    .item .container {padding:20px 0px}
    .item { padding:40px; width:100%; text-align:left}
    .logicon-fa h2:before {color:; margin-right:8px}
    .reverse.logicon-fa h2:before {color:#fff}
    #DesktopLogoDiv img {margin-top:-26px; margin-bottom:6px}
    .HtmlContent img {max-width:100%; height:auto}
    .reverse a.btn-default {
    color: #000;
    }
    /*==========  Mobile First Method  ==========*/
    /* Custom, iPhone Retina */
    @media only screen and (min-width : 320px) {
    }
    /* Extra Small Devices, Phones */
    @media only screen and (min-width : 480px) {
    }
    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
    img.align-right.cut-bottom { }
    .stockdemo .item .container {padding:40px 0px; height:330px}
    .stockdemo .cycle-slide img.align-left { }
    }
    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
    .huge p, .huge h1, .huge h2, .huge h3 {}
    .huge h2 {font-size:30px}
    .huge h3 {font-size:24px}
    .huge p, .huge .btn {font-size:18px}
    .huge .btn {margin-top:15px; margin-bottom:20px}
    .item img.cut-bottom {margin-top:20px}
    }
    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
    .item {height:430px; overflow:hidden}
    }
    /*==========  Non-Mobile First Method  ==========*/
    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
    }
    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
    img.align-right, img.align-left {max-width:100px; float:left; margin-right:10px; margin-left:0px; margin-bottom:10px}
    .carousel-control .glyphicon-chevron-left {left:5%}
    .carousel-control .glyphicon-chevron-right {right:5%}
    }
    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
    .cycle-slide h1, .item h1 {font-size:32px}
    }
    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 480px) {
    img.align-right.cut-bottom {display:none}
    }
    /* Custom, iPhone Retina */
    @media only screen and (max-width : 320px) {
    }

/* End of Carousel Slide Show CSS */


/* H1 Titles*/
.ContentUserControl h2, .ContentItemHtml h2 {
    background-color: transparent;
    color: #1f2a61;
}

/*Full Width Section*/
/******** full width sections with background colors ********/

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

.home .MPContentArea .row-full .bg-color {
    background-color: #1f2a61;
    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;
}

/*MDJ remove lines between columns*/
.home .col-md-4 {
    background: none;
}

/*MDJ footer Height*/
#MPOuterFooter #FOOTER {
    padding: 0px 0px 0px;
}

/*MDJ Solid line between user controls*/
.HLLandingControl ul li:last-child {
    border-bottom: 1px solid #DDD;
}

/*Interior header background color*/
h1, .Heading1 {
    color: #E7E7E7;
    background-color: #fff;
    font-weight: 900;
    text-transform: uppercase;
}

/*** ERS edit - html content padding consistent with UCs ***/

.ContentItemHtml .HtmlContent, .ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .ContentItemHtml .HLLandingControl, .ContentItemHtml.HLLandingControl {
    padding: 5px;
}

.home .MPContentArea .row-full .bg-color h2 {
    padding-top: 20px;
}

/* ERS bg color round icon */

.round i.fa-circle {
   color: #1f2a61;
}

/*==================== AUX NAV TO BUTTONS ========================*/
#AuxMenu ul a {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    font-size: 14px;
    padding: 5px 15px !important;
    margin-top: 2px !important;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    border: 2px solid #bd032d !important;
    background: #bd032d;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
    color: #ffffff;
    display: inline-block;
}
#AuxMenu ul a:hover {
    color: #515151;
    background-color: #dddddd;
    border-color: #515151 !important;
}

/*Slider font justification*/
.item.overlap-right .container {
    padding-left: 40%;
}

/*Slide button hover*/
.btn:hover, .btn-default:hover {
    color: #bd032d;
    background-color: transparent;
    border-color: #bd032d;
}

/*view carousel container*/
.carousel-inner {
visibility: visible;
}

/* carousel images responsive, no fixed height on carousel container, removed padding */

.carousel-inner>.item {
    padding: 0;
    height: auto;
    overflow: visible;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}


#MPOuterHeader.siteFrame {

background-repeat: no-repeat;
background-position: center;
}

.AdSpot {
margin-top: 50px;
}

 #PageTitleH1{
      padding: 50px 0 30px;
 }

 #PageTitleH1 > div {

    color: #1f2a61;
    text-transform: capitalize;
    font-weight: 900;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px;

    }

h1, .Heading1 {
    background-color: #fff;
    font-weight: 900;
    text-transform: uppercase;
}

/*****Glyphicon Fix - EL ******/
@font-face {
            font-family:'Glyphicons Halflings';
            src:url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot');
            src:url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.ttf') format('truetype');
}
/********END***********/

/****** styling for Join Today page ******/
.join-buttons .HtmlContent {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.interior div#MainCopy_ContentWrapper.join-today {
    padding-top: 75px;
    padding-bottom: 75px;
}
.join-today > .row.row-wide:first-child {
    display: flex;
}
.join-today .section1 {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    align-items: center;
}
.join-img {
    width: 50%;
    padding: 15px;
}
.join-img .HtmlContent {
    padding: 0;
}
.join-today .section2,
.join-today .section2 .ContentItemHtml,
.join-today .section2 .HtmlContent {
    display: flex;
    flex: 1;
}
.join-today .section2 .HtmlContent {
    flex-direction: column;
    justify-content: center;
}

/************ NSH edits 06.03.2020 for header *************/

#MPOuterHeader {
    background: #fff;
}

/****** header ad ******/
#DesktopLogoDiv img {
    max-width: 150px;
}
.header-ad-slider,
#Logo > .col-md-12 > .header-ad {
    float: right;
    max-width: calc(100% - 170px);
    width: 900px;
    margin-top: 10px;
}
.header-ad .HtmlContent {
    padding: 0;
}
.header-ad .HtmlFooter {
    display: none;
}

/****** nav ******/
#NAV #MPButtonBar {
    float: none;
    max-width: 1200px;
    margin: 0 auto;
}
ul.navbar-nav {
    float: none;
    display: flex;
    justify-content: center;
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.disabled>a {
    background-color: transparent;
    color: #fff;
    border: none;
    text-transform: none;
    font-weight: 700;
    font-size: 16px;
    margin: 0;
    padding: 20px;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #353E6E;
    color: #fff;
    border: none;
}

.caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret, .btn .caret, .MPContentArea .big-search .btn:hover > .caret {
    border-top-color: #1f2a61;
}
#NAV #MPButtonBar .navbar-nav li a .caret,
#NAV #MPButtonBar .navbar-nav li a .caret:hover,
#NAV #MPButtonBar .navbar-nav li a .caret:focus {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.navbar-nav>li>.dropdown-menu,
#MPButtonBar ul.navbar-nav li ul.dropdown-menu {
    background-color: #EAECF3;
    left: 0;
    right: auto;
    border-bottom: 4px solid #383A43;
}
ul.navbar-nav li ul.dropdown-menu li {
    float: none;
}
#MPButtonBar .navbar-nav .dropdown-menu>li>a {
    color: #383A43;
    text-transform: none;
    font-weight: 700;
    font-size: 14px;
}
#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,
#MPButtonBar .dropdown-menu li a:hover, #MPButtonBar .dropdown-menu li a:focus {
    background: transparent;
    color: #BD032D;
}
/* removing extraneous padding on desktop */
@media (min-width: 992px) {
    #NAV .row {
        margin-left: 0;
        margin-right: 0;
    }
    #NAV .col-md-12,
    .navbar-collapse {
        padding: 0;
    }
}

/*** padding overrides to accommodate sticky nav ***/
#MPOuter {
    padding-top: 223px !important;
}
@media (max-width: 991px) {
    #MPOuter {
        padding-top: 239px !important;
    }
}
@media (max-width: 768px) {
    #MPOuter {
        padding-top: 254px !important;
    }
}
@media (max-width: 687px) {
    #MPOuterHeader {
        position: relative;
    }
    #MPOuter {
        padding-top: 10px !important;
    }
}

/************ responsive *************/

@media (max-width: 991px) {
    .join-today > .row.row-wide:first-child {
        flex-wrap: wrap;
    }
    .join-today .section1,
    .join-today .section2 {
        flex-basis: 100%;
    }
    .join-buttons .HtmlContent {
        flex-wrap: wrap;
        justify-content: center;
    }
    .join-buttons a {
        margin: 10px 15px;
    }

    /************ NSH hamburger nav 06.03.2020 ************/
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        background: transparent; 
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    ul.navbar-nav {
        display: block;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
        max-height: calc(100vh - 90px);
    }
    .navbar-nav>li {
        float: none;
        max-height: calc(100% - 150vh);
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    
    .navbar-collapse.in {
        overflow-y: scroll;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .navbar-nav .open .dropdown-menu,
    #MPButtonBar ul.navbar-nav .open ul.dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent; 
        border: 0;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    .navbar-nav > li > a {
        margin: 0;
    }
    #NAV .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
    #MPButtonBar .navbar-nav .dropdown-menu>li>a {
        color: #fff;
    }
    .navbar-default .navbar-nav>li>a,
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.disabled>a {
        padding: 10px 15px;
    }
    .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus,
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
        background: transparent;
    }

    /****** header ******/
    #DesktopLogoDiv img {
        margin-top: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-toggle {
        margin-right: 30px;
    }
}
@media (max-width: 900px) {
    #NAV {
        margin-top: 0;
    }
}
@media (max-width: 768px) {
    .header-ad-slider,
    #Logo > .col-md-12 > .header-ad {
        display: none;
    }
    #NAV {
        margin-top: 0;
    }
}
@media (max-width: 550px) {
    .join-img {
        width: 100%;
    }
}

/*==================== CSS for Drop Downs ========================*/

.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab__content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s;
}
.tab input:checked ~ .tab__content {
  max-height: none;
}

/* Visual styles */
.accordion {
  color: var(--theme);
  border: 2px solid;
  border-radius: 0.5rem;
  overflow: hidden;
}

.tab__label,
.tab__close {
  display: flex;
  color: white;
  background: #170874;
  cursor: pointer;
}
.tab__label {
  justify-content: space-between;
  padding: 1rem;
}
.tab__label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transform: rotate(90deg);
  transition: all 0.35s;
}
.tab input:checked + .tab__label::after {
  transform: rotate(270deg);
}
.tab__content p {
  margin: 0;
  padding: 1rem;
}
.tab__close {
  justify-content: flex-end;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}
.accordion--radio {
  --theme: var(--secondary);
}

/* Arrow animation */
.tab input:not(:checked) + .tab__label:hover::after {
  animation: bounce .5s infinite;
}
@keyframes bounce {
  25% {
    transform: rotate(90deg) translate(.25rem);
  }
  75% {
    transform: rotate(90deg) translate(-.25rem);
  }
}
.myDiv {
  background-color: #7676ff;  
  padding: 20px;
}

.col-nopadding {
  padding: -10px !important;
}

/* Hide element on Tablet/Phone */
@media only screen and (max-width: 880px) {
    .hide-on-mobile-tablet {
        display: none !important;
    }

/* CSS to hide the section with class col-md-12 only within the page wrapper */
.page-wrapper .col-md-12 {
    display: none;
}