/* Background Images and Footer */
#MPCopyright { clear: both; float: none; text-align: center; }
/* 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: ;  }  */    /*  #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: #42C1BA;      /*border-color: ;*/      color: #FFFFFF!important;  }    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary {      background-color: #318F8A;      /*border-color: ;*/      color: #FFFFFF;  }    .btn-info {      background-color: #79BD4B;      /*border-color: ;*/      color: #FFFFFF;  }    .btn-info:hover, .btn-info:focus, .btn-info:active, .open .dropdown-toggle.btn-info {      background-color: #588A37;      /*border-color: ;*/      color: #FFFFFF;  }    .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: #1B365D;      /*border-color: ;*/      color: #FFFFFF;  }    .btn-default:hover, .btn-default:focus, .btn-default:active, .open .dropdown-toggle.btn-default {      background-color: #2B5693;      /*border-color: ;*/      color: #FFFFFF;  }    .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: ;  }  */
/* CSS Overrides */
body {font-size:16px;}
body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}
body#tinymce .btn {
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
-o-user-select: all;
user-select: all;
}

iframe {border: none;}

#NAV {
background-color: #fff;
}


.pad50 {
padding-top: 50px;
padding-bottom:50px;
}

.pad100 {
padding-top: 100px;
padding-bottom: 100px;
}

.pad100 .flexcards {
padding-top:100px;
padding-bottom: 100px;
}

.margin50top {
margin-top:50px;
}

.margin100top {
margin-top: 100px;
}

.bg-turquoise {
background-color: #2cd5c4;
padding-top: 4em;
}

.bg-navy {
background-color: #1b365d;
}

.networks {
  text-align: center;
  padding-top: 2em;
  padding-bottom: .2em;
}
.networks a {
  font-size: 20px;
  text-decoration: none;
  padding-left: 8px;
  padding-right: 8px;
}

#MPFooterLinkContent {
    visibility: hidden;
}

.MPBottomMenu ul.level2 {
    padding-left: 1px;
}

.hideangle .whiteclip {
display: none !important;
}

img.whiteclip {
    height: 35px;
    width: 100%;
    margin-top: -55px;
}

@media (max-width: 768px) {
    img.whiteclip {
        padding-bottom: 0 !important;
    }
}

#Welcome_LoginLink {
background: #79BD4B;
}
.memquote2 img {
    width: 100%;
}
#PhoneLogoDiv img {
    max-width: 240px !important;
    display: block !important;
}

.hero .cards > div {
    padding: 15px;
}
.hero .cards > div:hover {cursor: pointer; outline: 1px solid #ddd}
.hero p {
    font-size: 15px;
}

.copybtm .HtmlContent p {
  width: 100%;
}
.FatFooterMenu li.static a {
    font-weight: bold;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
}
.FatFooterMenu li ul li a {
    font-size: 12px;
    font-weight: normal !important;
    padding-top: 0px !important;
}
.copybtm .HtmlContent p a {
  font-size: inherit !important;
  font-family: inherit !important;
  letter-spacing: inherit !important;
font-weight:bold; color:white !important;
}
.customfooter img {
    max-width: 300px;
}
.customfooter, .customfooter p.addr {
    padding-left: 15px;
    padding-right: 15px;
}
.customfooter .HtmlContent p.addr {margin-top:15px}
table + p.table-btns {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -75px;
}
 p.table-btns  {padding-right:15px;}
p.table-btns .btn.btn-free {
    background: #0072B0;
    margin-right: 45px;
}

.HtmlContent p {
    margin-bottom: 2em;
}
.card-body {
    padding: 30px;
}
.btn.btn-white.cta {
    background: white;
    color: #2B8F8A;
    border-radius: 20px;
}
.row.eq-height-cols {
    margin-top: 30px;
    margin-bottom: 30px;
}
.column.smaller.bg-blue {padding-left:0px; padding-right:0px;}

#AuxMenu li a {
    border: 0px none !important;
    text-decoration: none !important;
color:#3B4859; font-size:14px;
}

.slant-btm::after {
  content: "";
  display: block;
  background: white;
  position: absolute;
  bottom: -15px;
  left: -1px;
  height: 33px;
  transform: rotate(-2deg);
  right: -2px;
}

.curved-edge {
border-radius: 6px;
}

.curved-edge img {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

.flexcards > div {padding-bottom:30px}
.flexcards header {
  position: relative;
}

.twoup {
flex-wrap: wrap; 
justify-content: space-around;
}

.twoup > div {
max-width: 500px;
flex:1 0 auto;
}

.slant-btm {
  overflow: hidden;
}

.HtmlContent h2 {
    font-weight: bold;
}

div.circle {
    width: 130px;
    height: 130px;
    background: #79BD4B;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    color: white;
    margin-bottom: 2em;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center; position:relative; border:5px solid white;
}
div.circle.bg-blue {background-color:#0072B0}

div.bg-blue {background-color:#0072B0}
div.bg-green {background-color:#79BD4B}

div.circle div {
  display: block;
}
div.circle span {
  font-size: 14px;
  font-weight: normal;
}
.pricecards .circle {margin-top:-60px}

table.pricing {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6em;
}
table.pricing td i::before {
    position: relative;
    top: 4px;
}
table.pricing td.blank {border:0px none}
table.pricing td {border:1px solid #ccc; padding:8px 20px; font-size:18px; color:#1F365C; font-weight:bold; text-align:center;}
table.pricing td:first-child {
    text-align: left;
}
table.pricing td:last-child {
   color:#79BD4B;
}
table.pricing td:first-child + td {
   color:#0072B0;
}


.navbar-nav {float:none; display:inline-block; vertical-align:top}
.contain-inner h2 {
max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.contain-inner .flexcards h2 {
    padding-left: 0;
}
.contain-inner .HtmlContent {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.pricing-cards .HtmlContent {
    max-width: 900px;
}


#MPOuterHeader > .col-md-12 {
   /* HL refactoring padding-left: 0px;
    padding-right: 0px; */
}
#MPOuterHeader .row#HEADER {
    border-bottom: 1px solid #ccc;
    max-width: 9000px !important;
    margin-left: 0px;
    margin-right: 0px;
}
#MPheader {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#DesktopLogoDiv img {
    max-width: 220px;
}
#DesktopLogoDiv img {margin:8px 0}

#DesktopLogoDiv {vertical-align:top}

#MPButtonBar .navbar.navbar-default {
    border: 0px;
    background: white;
}

#MPheader div.pull-right + .pull-right {
    float: none !important;
}

.date-block{
  height: 75px;
  width: 75px;
  background: #79BD4B;
  border-radius: 50%;
  color: white;
}
.calendar-day {
  display: none;
}
.calendary-number span {
font-size: 26px;
font-weight: bold;
display: block;
line-height: 19px;
padding-top: 20px;
}
.calendar-month span {
  font-size: 11px;
  text-transform: uppercase;
}

body.bodyBackground {background-color:#006296}

#MPOuterHeader, #MPOuter {background-color:#fff}

.home .hero.herotabs {
    background-size: 660px;
    background-repeat: no-repeat;
    background-position: top right calc((100% - 935px)/2);
    min-height: 400px;
    padding-top:4em;
    padding-bottom:6em;
}



.pad1 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.margin1 {margin-top:30px; margin-bottom:30px;}

.pad2 {padding-top:60px; padding-bottom:60px}


.intro p {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.bg-blue1 img {
    margin-top: 3em;
}



.hero h1, .hero h4, .hero p {
    margin-top: 15px;
    margin-bottom: 25px;
}

.cards h3 img, .cards h3 {
    margin-bottom: .8em;
    font-size: 21px;
    font-weight: 500;
}


.home .hero h1 {
    font-size: 50px;
    font-weight: bold;
}

.hero h4 {font-size:28px; font-weight:600}

.column {min-height:0px}


.memquote img {display:block; margin-left:auto; margin-right:auto; width:800px;}

.reverse * {color:#fff}
.bg-lightgray {background-color:#f2f2f2}
.bg-blue1 { background-color:#f2f2f2;
    background-image: url(https://higherlogicdownload.s3.amazonaws.com/VMUG/48b31cbe-b47c-429b-a6a5-62ec9d9998da/UploadedImages/themeui/blue1.png);
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 5em;
    background-position: bottom;
background-attachment: inherit;
}
.bg-blue2 { background-color:#ffffff;
    background-image: url(https://higherlogicdownload.s3.amazonaws.com/VMUG/48b31cbe-b47c-429b-a6a5-62ec9d9998da/UploadedImages/themeui/blue1.png);
    background-size: cover;
    padding-top: 4em;
    padding-bottom: 5em;
    background-position: bottom;
background-attachment: inherit;
}



nav .navbar-nav > li a {
    font-weight: bold;
    font-size: 16px;
    color: #1F365C !important;
padding-left:12px; padding-left:12px;
}

.hero h1, .hero h4 {color: #1F365C }

.btn.btn-primary, .btn.btn-secondary {border-radius:18px; padding:8px 18px; font-weight:600; text-shadow:none}

.btn.cta {text-transform:uppercase; font-weight:bold; white-space:normal}
.hero .btn.cta {margin-right:1em}

.btn.btn-primary {border:0px;}
.btn.btn-secondary {
    background-color: #79BD4B;
    color: white;
    border: 0px;
}
.btn.btn-secondary:hover {
    background-color: #67a33d;
}

.title-center h2 {
    text-align: center;
}

.row.bg-lightgray {
    max-width: 100%;
padding-left: calc((100% - 1145px)/2);
padding-right: calc((100% - 1145px)/2);
}

.eventrow {
    padding-top: 4em;
    padding-bottom: 5em;
}

.feature-event.shadow1 {
    background: #fff;
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
 
}

.shadow1 {
    background: #fff;
box-shadow: 20px 40px 60px 0 rgba(0,0,0,0.10); margin-bottom:20px;
}

.card.shadow1 {
background: inherit;
box-shadow: none; 
margin-bottom: 0px;
}
.btn-primary:hover, .btn-secondary:hover, .btn-white:hover {box-shadow: 10px 10px 20px 0 rgba(0,0,0,0.10)}

.cards > div.active {box-shadow: 15px 30px 50px 0 rgba(0,0,0,0.20);  z-index:2}

.feature-event h3, .feature-event p {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 15px;
    margin-top: 25px;
}
.HtmlContent h3 {
    color: #1F365C;
}

.learncenter .flexcards > div {
background-color:#fff;
    margin: 15px;
padding-bottom:30px;
    border-radius: 6px;
overflow: hidden;
}
.learncenter div > p,
.learncenter div > h3 {margin-left:30px; margin-right:30px;}

.learncenter div > p {margin-bottom:25px}

#MPSearchBlock input, #MPSearchBlock .btn {
    border: 0px;
    background: transparent; box-shadow:0 0 0;
    height:32px;
}
#MPSearchBlock {border:1px solid #ccc; border-radius:4px;}

#MPAuxNav {
    padding-left: 1em;
}


.vmtwitter .HtmlContent iframe {
    margin-left: auto;
    margin-right: auto;
}
div.vmtwitter, div.vmblogs {
    padding-top: 2em;
    padding-bottom: 2em;
    margin-bottom: 60px; margin-top:60px;
}
div.vmtwitter h2, div.vmblogs h2 {padding-bottom:30px;}

.HLRecentBlogs img {
    border-radius: 50%;
}

.HLLandingControl ol li, .HLLandingControl ul li {border-bottom:0px none}

div.HLRecentBlogs li {border:0px none}

.HLRecentBlogs .content-row .col-md-12,
.HLRecentBlogs div[id*="BottomLink"] .col-md-12 {
    padding-left: 65px !important;
}
.HLEventList div[id*="BottomLink"] .col-md-12{
    padding-left: 80px !important;
}

.customad img {
    margin-left: auto;
    margin-right: auto;
}

.customad.pad1 {
    padding-bottom: 60px;
}

.HLLandingControl h3 a {
    font-size: 21px;
    color: #3B4859;
}

h1#PageTitleH1 {
    font-size: 28px;
    margin-bottom: 2em !important;
    padding-top: 2em;
}

.HLEventList li {position:relative;}
.HLEventList li::before {
    content: "";
    display: block;
    width: 2px;
    background: #79BD4B;
    position: absolute;
    left: 36px;
    top: 0px;
    bottom: -20px;
}
.HLEventList li:last-child::before {    display:none;}

.pricecards > div {
    margin: 1em;
}
.pricecards header {
    padding: 2em;
    color: white; padding-bottom:100px;
}
.pricecards h3 {color:white}
header.blue {background-color:#0072B0}
header.green {background-color:#79BD4B}

.learncenter:not(.memevents) h2 {
    margin-bottom: 4em;
}

.pricetable img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%; height:auto !important
}

.learncenter:not(.memevents) {
    background-image: url(https://higherlogicdownload.s3.amazonaws.com/VMUG/48b31cbe-b47c-429b-a6a5-62ec9d9998da/UploadedImages/themeui/blob1.png);
    background-blend-mode: multiply;
    background-size: 800px;
    background-position: center center;
    background-repeat: no-repeat;
}

.memquote.bg-lightgray {
    padding-top: 3em;
}

.reverse h3 {
    color: white !important;
}

.bg600 .HtmlContent {
min-height: 600px;
}
.cg-banner {margin-top:2em}
.cg-banner.hero580 .HtmlContent {
min-height: 580px;
}

.cg-banner.backgrounded {
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
}

/*
.cg-banner.backgrounded {
    background-size: cover !important;
    background-position: center bottom !important;
}
*/
.cg-banner p {
    font-size: 21px;
    margin-bottom: 1.5em;
    margin-top: 1em;
font-weight:600;
color: #1F365C;
}

.cg-banner.reverse p {
color:#fff
}

.thinner .HtmlContent {
    padding:30px;

}
.cg-banner h3 {
    font-size: 48px;
    font-weight: bold;
line-height: 55px;
}


#MPOuterFooter {
    background-color: #0072B0;
}
#MPOuterFooter * {color:#fff}


ul.nav.navbar-nav {
    margin-left: 2em;
}
nav .navbar-nav > li a {border-top:3px solid white}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color:white; border-top:3px solid #42C1BA}

.HLEventList {
max-width: 1000px;
margin: 0 auto;
}

.responsive-video {
    position: relative;
	padding-bottom: 56.25% !important;
	padding-top: 25px;
	height: 0;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
   position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*==========  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) {
.intro {
    padding-left: 3em;
    padding-right: 5em;
}
.intro h2 {
    font-size: 37px;
}
.thinner .HtmlContent {
    padding-right: 40%;
    padding-bottom: 90px; padding-top:40px;
}
.copybtm .HtmlContent {
  display: flex;
}
.copybtm .HtmlContent p.credits {
  text-align: right;
}
.customfooter .HtmlContent {
    display: flex;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
}
.row.eq-height-cols {
    margin-top: 60px;
    margin-bottom: 60px;
}
.column.smaller {
    width: 40%;
    margin-left: 30px;
    margin-right: 30px;
}
.row.flexrow {display:flex}
.hero .cards {
    display: flex; padding-right:29%; margin-top:4em;
}
.hero .cards > div {margin-right:1.5em; width:100%}
.flexcards {display:flex}
.flexcards > div {width:100%; padding-bottom:3em}
#Logo {
    display: none;
}
#MPheader .col-md-12 > .pull-right:first-child {
    /* margin-right: 220px; */
}
#searchColumn {
    position: absolute;
    top: -53px;
    right: 0px;
}

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
ul.FatFooterMenu {display:flex}
    }

/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
.table-btns a.btn {
    width: 100%;
    margin-bottom: 10px;
}
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
.HLRecentBlogs .content-row .col-md-12, .HLRecentBlogs div[id*="BottomLink"] .col-md-12 {padding-left:0px !important}
.HLEventList br + ul {
    padding-left: 30px;
    padding-right: 30px;
}
.HLRecentBlogs ul {
    padding-left: 30px;
    padding-right: 30px;
}
.column.bg-blue {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.contain-inner h2 {padding-left:0px}
.learncenter:not(.memevents) {
background-size: 690px;
background-position: center top 750px;}
.HLEventList div[id*="BottomLink"] .col-md-12 {
    text-align: center;
    padding-left: 0px !important;
}
.home .hero h1, .cg-banner h3 {font-size:30px; line-height:1.2}
.ContentItemHtml.memquote2 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
#MPAuxNav {display:none}
.HLEventList li::before {display:none}
.cg-banner {
    background: #0072B0 !important;
}
#PhoneLogoDiv {display:block !important}
#DesktopLogoDiv {display:none !important}
table.pricing td {font-size:12px; line-height:1.2}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
.flexcards p a.cta {
    width: 82%;
}
.hero p .btn-primary:first-child {
    margin-bottom: 10px !important;
    vertical-align: top;
}
.col-md-12.column > div {
    padding-left: 15px;
    padding-right: 15px;
}

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 640px) {


    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    }


.home .ContentItemHtml.getinvolved {
    margin-top: 0;
    margin-bottom: 0;
}
.section17 .getinvolved:last-child {
    margin-bottom: 0;
}





.lds-roller {
  color: #2D6DA4;
  display: inline-block;
  position: relative;
  margin: 0 auto;
  width: 64px;
  height: 64px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2D6DA4;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#MPOuter {
  padding-bottom: 150px;
}

.img-full {
  width: 100%;
}

.e-learning_description{
  height: 66px;
}

/*
.sponsorship_stats-image {
  text-align: center;
}

.sponsorship_stats-image img  {
  height: 18em;
  width: 18em;
}
*/

.sponsorship_stats .row {
  margin-bottom: 2em;
}

.sponsorship_stats .stat--wrapper {
  position: relative;
  text-align: center;
}

.sponsorship_stats .stat--wrapper img  {
  height: 100%;
  width: 12em;
}

.sponsorship_stats .stat--wrapper h1 {
  font-size: 3em;
  font-weight: bolder;
  left: 50%;
  line-height: 192px;
  margin: 0;
  margin-left: -50%;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}

.sponsorship_stats .stat--wrapper p {
margin: 1em auto;
width: 300px;
}

.mobile-min-logo-size {
    min-width: 100px;
}

.vmug-voice-blog--footer-hide .HtmlFooter {
    padding: 0 10px;
}

.local_map--wrapper {
    margin: 0 auto;
    width: 745px;
}

@media (max-width: 767px) {
       .local_map--wrapper {
            height: 200px;
            width: 298px;
        }

        .local_map--iframe {
           transform: scale(0.4);
           transform-origin: 0 0;
        }
}

@media (min-width: 768px) and (max-width: 1024px) {
       .local_map--wrapper {
            height: 230px;
            width: 351px;
        }

        .local_map--iframe {
           transform: scale(0.47);
           transform-origin: 0 0;
        }
}

.vmug-card--with_cta-button {
    padding-bottom: 75px !important;
    position: relative;
}

.vmug-card--with_cta-button .cta {
    position: absolute;
    bottom: 40px;
}

.latest-blog--posts {
    padding-bottom: 50px;
}

.latest-blog--posts:first-child {
    font-size: 24px;
}

.equal-height{height:800px;}

img.sponsor.img-responsive { margin: 0 auto; }

/* .custom-login .panel { border: none; box-shadow: none; } */
.custom-login .panel-heading { background-color: inherit; border: none; }
.custom-login .panel-title { border-bottom: 6px solid #428bca; font-size: 2rem; padding: 1rem 0; }
.custom-login #MainCopy_ctl02_RememberDiv .form-control { border: none; box-shadow: none; padding-left: 0; }
.custom-login #MainCopy_ctl02_RememberDiv .form-control input { margin-right: 4px; }

#searchColumn { display: none; }
.reg-weight{
  font-weight: 500 !important;
}
.speaker {
  width: 100%;
}
.speaker h2{
  font-weight: 500;
}
.speaker .headshot {
  float: left;
  display: block;
  width: 150px;
  height: 150px;
  margin: 0 1em 0.5em 0;
}
.speaker .headshot img {
  height: 100%;
  width: auto;
  max-height: 100%;
  border-radius: 50%;
}