/* Background Images and Footer */
/* Theme Roller */
/*

Idealliance v1.2
Author: eConverse Social Media
URL: www.econversemedia.com

This design was hand-crafted with coffee and love by eConverse Social Media. For assistance with additional branding, customization or design, 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;
}

#Logo {
    margin-bottom: -10px;
}

/******** full width sections with background colors ********/

.row-full .bg-dark .HtmlContent, .row-full .bg-grey .HtmlContent, .row-full .bg-green .HtmlContent, .row-full .g7-logo .HtmlContent {
    max-width: 1200px;
    margin: 0 auto;
}

.MPContentArea .row-full .bg-dark, .row-full.bg-dark {
    background-color: #6b838d;
    color: #ebebeb;
    padding: 15px 30px;
}

.dark .HLLandingControl ul li:hover, .dark .HLLandingControl ol li:hover {
    background: rgba(255, 255, 255, 0.1);
    border-left: 5px solid #ffc20e;
    margin-left: -25px;
    padding-left: 20px;
    -webkit-transition: background, border-color 500ms ease-out;
    -moz-transition: background, border-color 500ms ease-out;
    -o-transition: background, border-color 500ms ease-out;
    -ms-transition: background, border-color 500ms ease-out;
    transition: background, border-color 500ms ease-out;
}

.MPContentArea .row-full .bg-grey {
    background-color: #e5e9eb;
    padding: 25px 10px 65px;
    margin-bottom: -50px;
}

.MPContentArea .row-full .bg-grey .container {
    padding: 0;
    max-width: 1200px;
}

.bg-grey .HtmlContent:hover p:last-child {
    color: #6b838d;
}

.bg-grey .HtmlContent:hover img {
    opacity: .7;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.bg-grey .HtmlContent {
    border-bottom: 1px solid transparent;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.bg-grey .HtmlContent:hover {
    border-color: #6b838d;
}

.bg-grey .inner-wrap, .bg-color .inner-wrap {
    max-width: 1200px;
    margin: 0 auto;
}

.MPContentArea .row-full .bg-color h2, .MPContentArea .row-full .bg-dark h2, .MPContentArea .row-full .bg-green h2, .MPContentArea .row-full.bg-dark .dark h2 {
    color: #ffffff;
}

.dark .HLLandingControl .Content h3 a, .dark .HLAnnouncements .Content h2 a, .dark .HLRSSReader .Content h2 a, .dark .HLRSSReader .Content h3 a, .dark a {
    color: #ffc20e;
}

.dark .HLLandingControl .Content h3 a:hover, .dark .HLAnnouncements .Content h2 a:hover, .dark .HLRSSReader .Content h2 a:hover, .dark .HLRSSReader .Content h3 a:hover {
    color: #444e54;
    text-decoration: none;
}

.dark .HLLandingControl .Content ul li {
    border-bottom-color: #5f6d75;
    padding-top: 10px;
}

.MPContentArea .row-full .bg-color {
    color: #ffffff;
    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;
    height: 755px;
    overflow: hidden;
    /*background: url('https://www.neatcreativemedia.com/econverse/G7/images/stripe-bg.jpg');*/
}

.slideshow .item .ContentUserControl .HLLandingControl, .slideshow .item .ContentUserControl.HLLandingControl, .slideshow .item .HLLandingControl, .slideshow .HLLandingControl ol li, .slideshow .HLLandingControl ul li, .item.no-pad {
    padding: 0;
}

.slideshow img {
    width: 100%;
    height: auto;
}

.overlap {
    margin-bottom: -50px;
}

.item.overlap {
    padding: 0;
}

.item.overlap-right .container {
    padding-left: 50%;
}

.trending .container {
    background: transparent url('https://www.neatcreativemedia.com/econverse/G7/images/slide-icon-discuss.png') no-repeat;
}

.blog .container {
    background: transparent url('https://www.neatcreativemedia.com/econverse/G7/images/slide-icon-blog.png') no-repeat;
}

.event .container {
    background: transparent url('https://www.neatcreativemedia.com/econverse/G7/images/slide-icon-events.png') no-repeat;
}

.file .container {
    background: transparent url('https://www.neatcreativemedia.com/econverse/G7/images/slide-icon-file.png') no-repeat;
}

.membership .container {
    background: transparent url('https://www.neatcreativemedia.com/econverse/G7/images/slide-icon-membership.png') no-repeat;
}

.crnetwork .container {
    background: transparent url('https://www.neatcreativemedia.com/econverse/G7/images/slide-icon-crnetwork.png') no-repeat;
}

.involved .container {
    background: transparent url('https://www.neatcreativemedia.com/econverse/G7/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);
    }
    .slideshow .item * {font-family:Lato}
    .slideshow .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/G7/images/slidebg2.jpg');
    }
    .slidebg3 {
        background-image: url('https://www.neatcreativemedia.com/econverse/G7/images/slidebg3.jpg');
    }
    .slidebg4 {
        background-image: url('https://www.neatcreativemedia.com/econverse/G7/images/slidebg4.jpg');
    }
    .slidebg5 {
        background-image: url('https://www.neatcreativemedia.com/econverse/G7/images/slidebg5.jpg');
    }
    .slidebg6 {
        background-image: url('https://www.neatcreativemedia.com/econverse/G7/images/slidebg6.jpg');
    }
    .slidebg7 {
        background-image: url('https://www.neatcreativemedia.com/econverse/G7/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)}*/

    .slideshow .item h1 {font-size:60px; background-color:transparent}
    .bg-primarycolor {background-color:}
    .bg-secondarycolor {background-color:}
    .slideshow .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 }
    .slideshow .item .container {padding:20px 0px}
    .slideshow .item { padding: 20px 75px; width:100%; text-align:left}
    .logicon-fa h2:before {color:; margin-right:8px}
    .reverse.logicon-fa h2:before {color:#fff}
    .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}
    .slideshow .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;}
    .slideshow .item img.cut-bottom {margin-top:20px}
    }
    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
    .slideshow .item {height: 435px; overflow:hidden}
    }
    .timeAgoFormat {
        font-size: 1em;
    }
    .slideshow .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, .slideshow .item h1 {font-size:32px}
    .slideshow .item h2 { font-size: 18px; text-transform: uppercase; }
    .slideshow .item {height:350px; overflow:hidden}
    .slideshow .huge .HLLandingControl h3, .huge h3, .huge .HLLandingControl h3 a {
        font-size: 32px;
    }
    .slideshow .item { padding: 20px;}
    .trending .container {
        background: none;
    }
    .trending .container {
        background: /*transparent url('https://www.neatcreativemedia.com/econverse/G7/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/G7/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/G7/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/G7/images/icon-checkmark-red.png');
}

/**** NEED TO KNOW - TIPS SECTIONS *****/

.tips {
    background: url('https://www.neatcreativemedia.com/econverse/G7/images/tips-bg1.png') no-repeat;
    background-position: right -60px top -10px;
}

.ntk {
    background: url('https://www.neatcreativemedia.com/econverse/G7/images/ntkbg2.png') no-repeat;
    background-position: right -60px top -10px;
}

.wol {
    background: url('https://www.neatcreativemedia.com/econverse/G7/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: #5c6266;
    border-bottom: 1px solid #5c6266;
    text-transform: uppercase;
    display: inline-block;
}

/**** report carousel ****/

.MPContentArea .ContentItemHtml.reports {
    background: #0c0e0c url('https://www.neatcreativemedia.com/econverse/G7/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/G7/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/G7/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 {
    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: 14px;
    font-weight: 900;
}

.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;
}

.SloganText {
    font-size: 40px;
    font-weight: 100;
}

.home .SloganText {
    display: none;
}

/********************* Basics **************************/

body {
    color: #515151;
    font-family: "Lato", "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
}

a {
    color: #00a1e4;
}

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;
}

/**** search bar across top of site ****/

#MPheader .search-btn-top {
    width: 48px;
    height: 48px;
    float: right;
    text-align: center;
    line-height: 44px;
    border: 2px solid #c1c1c1;
    color: #c1c1c1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-right: 5px;
    cursor: pointer;
}

#MPheader .search-btn-top:hover, #MPheader .search-btn-top:focus {
    color: #ffffff;
    background: #c1c1c1;
}

#HEADER .search-bar-top {
    background: #eee;
    padding: 20px;
    margin-bottom: 15px;
}

#HEADER .search-bar-top .SearchInputs {
    max-width: 1200px;
    margin: 0 auto;
}

#HEADER .search-bar-top .SearchResults, .search-bar-top button.btn.btn-default.dropdown-toggle {
    display: none;
}

#HEADER .search-bar-top button.btn, .custom-search-form .input-group-btn a[id$="_btnSearch"] {
    padding: 7px 15px;
    margin: 0;
}

#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;
    background: #5c6266;
}

h1#PageTitleH1:before {
    content: '';
    display: block;
    height: 20px;
    background: transparent url('https://www.neatcreativemedia.com/econverse/G7/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/G7/images/rough-border-bottom.png') repeat-x;
    position: absolute;
    width: 100%;
    bottom: -2px;
}

#PageTitleH1 > div {
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 100;
    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: #5c6266;
    background-color: transparent;
    font-weight: 300;
}

.interior h2, .interior h2#Title {
    color: #5c6266;
    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: 25px;
    margin-bottom: 10px;
    padding-bottom: 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;
}

.g7-logo {
    max-width: 1200px;
    margin: 0 auto;
}

.g7-logo .HtmlContent {
    background: #ffffff;
    width: 273px;
    height: 273px;
    padding: 20px;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    position: absolute;
    z-index: 2;
    line-height: 230px;
    top: 25px;
}

.blurb {
    position: absolute;
    z-index: 2;
    background: rgba(114, 184, 76, .8);
    width: 100%;
    top: 385px;
    padding: 35px;
}

.blurb h2 {
    padding: 0 12%;
    line-height: 1.3;
    font-size: 36px;
}

/***** 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: #5c6266;
}

.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: #5c6266;
}

.drItemSubHeader {
    text-align: left;
}

/**** ICONS ****/

.icon-events .heading h2 {
    background: url('https://www.neatcreativemedia.com/econverse/G7/images/icon-events.jpg') no-repeat left;
    padding-left: 55px;
}

.shadow-right {
    background: url('https://www.neatcreativemedia.com/econverse/G7/images/shadow-dark.jpg') no-repeat right top;
}

.icon-content .heading h2 {
    background: url('https://www.neatcreativemedia.com/econverse/G7/images/icon-content.jpg') no-repeat left;
    padding-left: 55px;
}

.icon-thumbsup .heading h2 {
    background: url('https://www.neatcreativemedia.com/econverse/G7/images/icon-thumbsup.jpg') no-repeat left;
    padding-left: 55px;
}

.icon-superhero .heading h2 {
    background: url('https://www.neatcreativemedia.com/econverse/G7/images/icon-superhero.jpg') no-repeat left;
    padding-left: 52px;
    padding-top: 5px;
}

.icon-champion .heading h2 {
    background: url('https://www.neatcreativemedia.com/econverse/G7/images/icon-champion.jpg') no-repeat left;
    padding-left: 52px;
    padding-top: 5px;
}

.icon-mam .heading h2 {
    background: url('https://www.neatcreativemedia.com/econverse/G7/images/icon-mam.jpg') no-repeat left;
    padding-left: 52px;
    padding-top: 5px;
}

.HLLandingControl .heading, .ContentItemHtml .htmlheading {
    color: #5c6266;
    background-color: transparent;
}

.ContentUserControl .HLLandingControl, .ContentItemHtml {
    border: none;
}

.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .MPContentArea .ContentItemHtml.icon-thumbsup.checkmark {
    background-color: transparent;
    padding: 30px 25px 30px 0;
    position: relative;
    line-height: 1.5;
}

.HLLandingControl .Content, .HLLandingControl .HtmlContent {
    padding-left: 0;
}

/**** 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 #5c6266;
  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: #5c6266;
}

.calendar-month {
  text-transform: uppercase;
  background-color: #5c6266;
  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: #a9afb2;
    text-transform: uppercase;
    font-size: 12px;
    margin: 2px 0;
}

.HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
    color: #5c6266;
}

.HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {
    color: #5c6266;
}

.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: #5c6266;
    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: #5c6266;
    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: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #5c6266;
    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: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #00a1e4;
    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 {
    max-width: 1200px;
    margin-top: -40px;
}

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 {
    
}

ul.navbar-nav li ul.dropdown-menu li ul.dropdown-submenu li {

}

.navbar-default {
    background-color: transparent;
    border: none;
    max-width: 1200px;
    margin: 0 auto;
}

.navbar-nav > li > a {
    padding: 10px 15px;
    border-bottom: 2px solid transparent;
    margin: 15px 5px;
}

.navbar-nav > li > a:focus {
    color: #00a1e4;
}

.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: transparent;
    color: #00a1e4;
    border: none;
}

.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: #00a1e4;
    border-bottom: 2px solid #00a1e4;
}

.open .dropdown-toggle.btn-default {
    background-color: #bcbcbc;
}

.open .dropdown-toggle.btn-default .caret, .MPContentArea .big-search .btn > .caret {
    border-top-color: #5c6266 !important;
}

.navbar-default .navbar-nav>.dropdown>a .caret {
    border-top-color: #5c6266;
}

.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: #00a1e4 !important;
}

.MPContentArea .btn > .caret {
    border-top-color: #5c6266 !important;
}

.btn:hover .caret, .btn:focus .caret, .btn:active .caret {
    color: #00a1e4 !important;
}

#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;
}

#MPButtonBar ul.navbar-nav li:last-child ul.dropdown-menu {
    left: auto !important;
    right: 0 !important;
}

#MPButtonBar .dropdown-menu li a {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

#MPButtonBar .dropdown-menu li a:hover,  
#MPButtonBar .dropdown-menu li a:focus {

}

#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 {

}

/************************ Bootstrap Buttons ***********************/

.btn {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    font-size: 18px;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    border: 2px solid #6b838d;
    background: transparent;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 900;
    color: #6b838d;
}

.dark .btn {
    color: #ffc20e;
    border-color: #ffc20e;
    background: transparent;
    padding: 15px 35px;
}

.dark .btn:hover {
    background: #ffc20e;
    color: #6b838d;
    border-color: #ffc20e;
}

.make-buttons .HtmlContent a {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    font-size: 18px;
    padding: 15px 35px;
    min-width: 300px;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    border: 2px solid #6b838d;
    background: transparent;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 900;
    color: #6b838d;
    display: inline-block;
}

.make-buttons .HtmlContent a:hover {
    color: #ffffff;
    background-color: #6b838d;
    border-color: #6b838d;
}

.make-buttons.blue .HtmlContent a {
    color: #00a1e4;
    border-color: #00a1e4;
}

.make-buttons.blue .HtmlContent a:hover {
    color: #ffffff;
    background-color: #00a1e4;
}

.make-buttons.green .HtmlContent a {
    color: #72b84c;
    border-color: #72b84c;
}

.make-buttons.green .HtmlContent a:hover {
    color: #ffffff;
    background-color: #72b84c;
}

.make-buttons.yellow .HtmlContent a {
    color: #ffc20e;
    border-color: #ffc20e;
}

.make-buttons.yellow .HtmlContent a:hover {
    color: #ffffff;
    background-color: #ffc20e;
}

.btn, .btn-default {
    color: #00a1e4;
    border-color: #00a1e4;
}

.btn:hover, .btn-default:hover {
    color: #ffffff;
    background-color: #00a1e4;
}

.MPContentArea .dark .HLLandingControl div[id$="_BottomLink"], .MPContentArea .dark .HLLandingControl a[id$="More"] {
    margin-left: -15px;
}

/*.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: 14px;
}

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 #5c6266;
    color: #5c6266;
    padding: 8px 16px;
    text-decoration: none;
}

.home .btn-default {
    background-color: #ffffff;
    border: 2px solid #5c6266;
    color: #5c6266;
    padding: 8px 16px;
}

.home .btn-default:hover {
    background-color: #ffffff;
    color: #5c6266;
    border: 2px solid #5c6266;
}

.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 #5c6266;
    color: #5c6266;
    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: #5c6266;
    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 {
    font-family: "Lato", "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
    /*margin-top: 50px;*/
    font-size: 12px;
    text-transform: uppercase;
}

#FOOTER {
    padding: 0;
}

#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;
}

.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;
}

.footer-middle img.G7 {
    background: #ffffff;
    padding: 25px 10px;
    height: 90px;
    border-radius: 350px;
    margin-bottom: -20px;
}

/******* 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 {
        -webkit-border-radius: 3px !important;
        -moz-border-radius: 3px !important;
        border-radius: 3px !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 */
/********************* Basics **************************/  /*  body {      color: ;  }  */    /*  a {      color: ;  }  */ /*  a.user-content-mention {      color: ;  }  */  /*  a.user-content-hashtag {      color: ;  }  */  /*  a:hover {      color: ;  }  */  /*  a.user-content-mention:hover {      color: ;  }  */ /*  a.user-content-hashtag:hover {      color: ;  }  */ /*  .bodyBackground {      background-color: ;  }  */    /*  a.user-content-hashtag {  background: ; } */  /* a.user-content-hashtag:hover {  background: ; } */    /*  .siteFrame {      background-color: ;  }  */    /*  #MPOuterMost {      border-color: ;  }  */    h1, .Heading1 {      /*color: ;*/      /*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: ;*/      /*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: #999999;  }      /*  #MPAuxNav ul.level1 li ul {      background-color: ;  }  */      #MPAuxNav ul.level1 li li.dynamic {      border-right-color: #999999;  }      /*  #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: #428BCA;      /*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: #B00D36;      /*border-color: ;*/      color: #FFFFFF;  }    .btn-success:hover, .btn-success:focus, .btn-success:active, .open .dropdown-toggle.btn-success {      background-color: #777777;      /*border-color: ;*/      color: #FFFFFF;  }    .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: #E6E6E6;  }        #MPFooterLink a {      color: #888888;  }      /*  .faceted-search-main .facets .header {      color: ;  }  */    /*  .faceted-search-main .facets .header {      background-color: ;  }  */ /*  .cookie-notification-bar {      background-color: ;  }  */ /*  .cookie-notification-bar span {      color: ;  }  */
/* CSS Overrides */
.button-library{
    background-color: #ffffff;
    border: solid #00aeef 1px;
width: 220px;
    color: #00aeef;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button-library:hover{
    background-color: #00aeef;
    border: none;
width: 220px;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}




.button-white{
    background-color: #ffffff;
    border: none;

    color: #00aeef;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button-white:hover{
    background-color: #ffffff;
    border: solid #00aeef 2px;
    color: #00aeef;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button-green{
    background-color: #98c93e;
    border: none;
width: 259px;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button-green:hover{
    background-color: #ffffff;
    border: solid #98c93e 2px;
width: 259px;
    color: #98c93e;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}


.button-blue{
    background-color: #00aeef;
    border: none;
width: 360px;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button-blue:hover{
    background-color: #ffffff;
    border: solid #00aeef 2px;
width: 360px;
    color: #00aeef;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

#PageTitleH1
{
padding-bottom: 20px;
font-size: 42px;
margin-top: 0 !important;
}

.dropdown-menu
{
font-weight: 400;
text-transform: none;
}
.dropdown-submenu li a
{
color: #333!important;
}
.dropdown-submenu li a:hover
{
color: #00a1e4!important;
}
.bg-grey .HtmlContent:hover p:last-child {
    color: inherit;
}

#Welcome_LoginLink {border:0px none; background-color:#999; font-size:14px; color:#fff}
#Welcome_LoginLink:hover {background-color:#00aeef}

.navbar-default .navbar-nav > li > a {font-weight:normal; border-bottom:0px none !important; color: #333333;}

#MPAuxNav ul.level1 li a:hover {color:#00aeef}

.Welcome .btn {
    font-size: 12px !important;
    font-weight: normal !important;
}

#MPBottomMenu {visibility:hidden}

p.spacer1 {height:33px}

.home .HLLandingControl ol li, .home .HLLandingControl ul li {padding-top:15px; padding-bottom:15px}
.home .HLLandingControl li:first-child {
    padding-top: 0;
}

.search-bar-top {background-color:#eee; padding:2em;}
.search-bar-top > div {max-width:1150px; margin:0px auto}
.search-bar-top .btn.btn-default  {background: #fff none repeat scroll 0 0;
    border-radius: 50% !important;
    height: 34px;
    line-height: 13px;
    padding: 5px 8px; margin-left:10px}
.search-bar-top .btn.btn-default .glyphicon {font-size:16px}

.home .make-buttons h3 {
    font-size: 20px;
    margin: 20px 0 30px;
}
.home .make-buttons i.fa {font-size:50px}
.icorow i.fa {font-size:40px}
.icorow .col-md-3:hover i.fa {color:#00aeef}

.home h2 {font-size:28px;}
.home h3, .home h3 a, .home .HLLandingControl h3 a, h3, HLLandingControl h3 a, .HLLandingControl.HLEngagement a, .community-list h3, .HLLandingControl.HLAnnouncements h3 {font-size:16px; font-weight:bold}
.btn-xs.btn, .btn-xs.btn .glyphicon {
    font-size: 12px !important;
}

.btn, .make-buttons .HtmlContent a {border-radius:0px !important}
.bg-grey .HtmlContent, .bg-grey .HtmlContent:hover {border:1px solid transparent !important}

.icorow strong{display:block; margin:8px auto}

.home .MPContentArea .row-full .bg-grey {margin-bottom:20px}

.sponsors img {display:inline-block; text-align:center}

.home h2 a.btn {float:right; background:transparent; border:0px transparent; color:inherit; font-size:14px; font-weight:100}
.HLLandingControl .heading h2, .HLLandingControl h2 {padding-left:0px;}

div[id*="MoreLinkPnl"] {display:block !important; text-align:center}
.home .btn.btn-default {border:1px solid #ccc; color:#333; background:#f7f7f7}
div[id*="MoreLinkPnl"] .btn.btn-default {margin:15px auto 0px; font-size:14px}
div[id*="BottomLink"] .btn.btn-default {font-size:14px}

.home div[id*="BottomLink"] .col-md-12 { text-align:right}

.hero.bg-street {background-image:url('https://higherlogicdownload.s3.amazonaws.com/IPWEA/86668664-2b52-4cc1-bf25-86692c04c947/UploadedImages/SLSC/street-lights2.jpg'); background-size:cover}

.hero.bg-cityskyline {background-image:url('https://higherlogicdownload.s3.amazonaws.com/IPWEA/86668664-2b52-4cc1-bf25-86692c04c947/UploadedImages/SLSC/cityskyline.jpg'); background-size:cover; background-position: center;}

.hero {padding-top:40px; padding-bottom:40px}

div[id*="MoreLinkPanel"] .col-md-12 {padding-left:0px}

.home .row-4 .HLLandingControl.HLAnnouncements {padding:0px;}
.home .row-4 {padding-top:30px;}




.home .row-wide {max-width:9000px;}
.home .row-wide .hsrow {max-width:1200px; margin:0px auto}

/* #MPContentArea div.make-buttons div.HtmlContent a {color:inherit}
#MPContentArea div.make-buttons div.HtmlContent a:hover {color:#fff} */

.home .row-2 {background-color:#e5e9eb; padding-top:30px; padding-bottom:30px;}

.make-buttons .HtmlContent a {font-size:14px; font-weight:normal}


.HtmlContent::after {clear:both; float:none; content:""; display:table;}

/***eConverse Remove grey background***/
.home div#MPOuter::before {
    content: " ";
    position: absolute;
    height: 275px;
    background: transparent none repeat scroll 0% 0%;
    width: 100%;
}

/*button on white*/
.btn-success {
    color: #666 !important;
}

/*Top Search button right padding*/
#MPheader .search-btn-top {
    margin-right: 9px;
}

/* ERS idealliance mobile styles may 20 2016 */

#MPheader .search-btn-top {
    font-size: 12px;
    height: 32px;
    line-height: 28px;
    margin-top: 10px;
    width: 32px;
}
#MPheader .search-btn-top:hover * {color:#00aeef}
#MPheader .search-btn-top:hover {background-color:#fff}

.g7-logo .HtmlContent {
    background: transparent;
    width: 30%;
    max-width: 283px;
    min-width: 200px;
    height: auto;
    padding: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: absolute;
    z-index: 2;
    line-height: 230px;
    top: 25px;
}

.g7-logo img {
    width: 100%;
    max-width: 233px;
    height: auto;
}

.blurb h2 {
    font-size: 30px;
}

.blurb {
    padding: 25px;
}

.slideshow .HtmlContent {
    position: relative;
    height: 350px;
}

.home .ContentItemHtml.slideshow {
    min-height: 350px;
    height: auto;
}

.slideshow img {
    min-width: 1200px;
    position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
}

@media only screen and (max-width:1200px) {
    .blurb {
        top: 335px;
    }
}

@media only screen and (max-width:768px) {
    .blurb {
        top: 325px;
    }
    .blurb h2 {
        font-size: 20px;
        padding: 0;
    }
    .blurb .HtmlFooter {
        padding: 0;
    }
    .slideshow .HtmlContent {
        height: 480px;
    }
    .footer-right.hidden-lg *, .footer-left.hidden-lg * {
        text-align: center !important;
    }
}

@media only screen and (max-width:500px) {

    .blurb {
        padding: 15px;
        top: 275px;
    }
    .g7-logo .HtmlContent {
        top: 0;
    }
    .home .ContentItemHtml.slideshow {
        min-height: 500px;
    }
}









/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




    /*==========  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) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
.collapse.navbar-collapse.navbar-ex1-collapse {padding-right:0px}
.footer-middle p {margin-top:-60px}
.MPContentArea .row-full .bg-grey.icorow {padding:60px 0px 90px; margin-bottom:0px}
.sponsors h2 {position:relative; bottom:30px}
.sponsors { padding-bottom:40px}
.home .row-4 h2 {margin-bottom:25px; !important}
.hero .bg-greentrans {float:right; max-width:50%}
.home .row-4 .HLLandingControl.HLAnnouncements, 
.home .row-4 .feat-video {min-height:400px}

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
#Logo {
    margin-top: -30px;
}
.MPheader > .row > .col-md-12 .pull-right > * {
    position: relative;
    z-index: 9999;
}
.skiplinkholder {display:none}
.sponsors img {display: inline-block;
    margin: 10px 45px;
    text-align: center;}
.icorow strong{display:block; margin:20px auto 12px}
.home .section6 {padding-right:30px;}
.home .section7 {padding-left:30px;}
.home .row-4 {padding-top:60px; padding-bottom:60px;}
.home .row-2 {padding-top:50px; padding-bottom:60px}
.hero {padding-top:200px; padding-bottom:110px}
.bg-greentrans > span {
    display: block;
    font-size: 24px;
    margin-right: 250px;
    max-width: 400px;
}
.bg-bluetrans > span {
    display: block;
    font-size: 24px;
    margin-right: 200px;
    max-width: 450px;
}
    }



    /*==========  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) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
.spacer1 {display:none}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }

/*Button background white*/
.make-buttons .HtmlContent a {
    background: #ffffff;
}

/*Button Success background colour*/
.btn-success {
    background-color: #fff;
    border-color: ;
    color: #FFFFFF;
}

/* ERS updates 10112016 */

.MPContentArea .row-full .bg-dark, .row-full.bg-dark {
    background-color: #333333;
}

.make-buttons.blue .HtmlContent a {
    color: #ffffff;
    border-color: #00aeef;
    background-color: #00aeef;
}

.make-buttons.blue .HtmlContent a:hover {
    color: #00aeef;
    border-color: #00aeef;
    background-color: #ffffff;
}

.make-buttons.green .HtmlContent a {
    color: #ffffff;
    border-color: #98c93e;
    background-color: #98c93e;
}

.make-buttons.green .HtmlContent a:hover {
    color: #98c93e;
    border-color: #98c93e;
    background-color: #ffffff;
}

.make-buttons.orange .HtmlContent a {
    color: #ffffff;
    border-color: #f89938;
    background-color: #f89938;
}

.make-buttons.orange .HtmlContent a:hover {
    color: #f89938;
    border-color: #f89938;
    background-color: #ffffff;
}

.home .row-2 {
    background-color:#ffffff;
}

.home .row-2 img {
    max-height: 104px;
    padding-bottom: 20px;
}

.home .row-4 {
    background-color:#333333;
    color: #ffffff;
}

.hero.bg-bokeh {background-image:url('https://higherlogicdownload.s3.amazonaws.com/IPWEA/86668664-2b52-4cc1-bf25-86692c04c947/UploadedImages/SLSC/bokeh-bw.jpg'); background-size:cover; background-position: center; color: #ffffff; padding-top: 60px;}

.bg-bluetrans {background: rgba(0, 174, 293, 0.8) none repeat scroll 0 0; color:#fff; padding:2em}
.hero .bg-bluetrans {float:right; max-width:50%}

body {
    color: #333333;
}

.hero h2, .home .row-4 h2 {
    color: #ffffff;
}

.home .MPContentArea .row-full .bg-grey {margin-bottom:0px}

.home .row-6 h2 {
    text-align: center;
}

.full-width-image img {
    width: 100%;
}

/****Hide Login****/
#Welcome_LoginLink {
    border: 0px none;
    background-color: #999;
    font-size: 14px;
    color: #fff;
    display: none;
}

/***Footer top padding***/
#FOOTER .interior {
    padding: 0;
    padding-top: 50px;
}

/*****H1 - H6 Styles***/

h1, .Heading1 {
    color: #333333;
    background-color: transparent;
    font-weight: 300;
    text-transform: none;
    font-size: 40px;
}

h2, .ContentItemHtml h2 {
    background-color: transparent;
    color: #00aeef;
}

.editorSelectH4, ul.level1 li a, .label-success {
    font-size: 16px;
    font-weight: 900;
    font-style: none;
}

h5 {
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    font-color: #333333;
}

/***** Transparent background *****/

.col-md-8.white-overlay {
    background-color: rgba(255, 255, 255, 0.25);
    padding: 20px;
}

/* more button auto width */
.make-buttons.more .HtmlContent a {
    min-width: auto;
}

.interior #MPOuterFooter {
    margin-top: 50px;
}

.text-muted {
    color: #333333;
}

.event-dates {
    font-size: 14px;
    margin-top: 5px;
}

.events-listing .btn-success {
    background-color: #00aeef;
    color: #FFFFFF !important;
    border: none;
}

.events-listing .btn-success:hover {
    background-color: #333333;
    color: #FFFFFF !important;
    border: none;
}

.event-list h2 {
    margin-left: 15px;
}

.event-list-item {
    margin-left: 0;
}

.event-list-item .col-md-2 {
    width: 12%;
}

.event-list .calendary-number {
    font-size: 40px;
}

/* slider with overlaid text */
.trans-overlay {
    width: 50%;
    position: absolute;
    top: 30%;
    right: 0;
    min-width: 410px;
}
.bg-green {background: rgba(114, 184, 76, 0.8) none repeat scroll 0 0; color:#fff; padding:2em}
.bg-orange {background: rgba(248, 153, 56, 0.8) none repeat scroll 0 0; color:#fff; padding:2em}
.bg-blue {background: rgba(0, 174, 239, 0.8) none repeat scroll 0 0; color:#fff; padding:2em}
.trans-overlay > span {
    display: block;
    font-size: 24px;
    margin-right: 12%;
    /*max-width: 400px;*/
}

@media only screen and (max-width:768px) {
.trans-overlay > span {
    font-size: 18px;
}
}

.slideshow {
    height: 350px;
    overflow: hidden;
    max-width: 100%;
}

.slideshow .carousel-inner {
    max-height: 350px;
}

.slideshow .item img {
    /*height: 350px;*/
    max-width: none;
    width: auto;
}

.slideshow .item {
    height: 350px;
}

.search-bar .input-group-btn .btn {
    margin-left: 15px;
}

.btn.file-download-button {
    color: #ffffff;
    background: #00aeef;
    border-color: #00aeef;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 30px;
}

.btn.file-download-button:hover {
    color: #00aeef;
    background: #ffffff;
    border-color: #00aeef;
}

.btn-primary, .ui-widget-content a.btn-primary {
    background-color: #ebebeb;
    border: none;
}


/******MDJ*****/
/***H4 edit**/
.editorSelectH4, #MPAuxNav ul.level1 li a, .label-success {
    font-size: 14px;
    font-weight: 300;
    font-style: none;
}

/***user control top padding***/
.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .MPContentArea .ContentItemHtml.icon-thumbsup.checkmark {
    background-color: transparent;
    padding: 0px 25px 30px 0;
    position: relative;
    line-height: 1.5;
}

.interior h2#Title, .interior .text-muted-h2 h2, .interior .ContentUserControl h2, .interior .text-muted-h2 div.col-md-3 h2 {
    font-size: 28px;
    line-height: 1.1;
    font-weight: 300;
}

/****Library List View Document Titles***/
.library-list h3 {
    font-size: 16px;
}

/***H3 control resource titles***/
.HLLandingControl h3 a {
    font-size: 16px;
}