@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;700;800&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Martel:wght@200;400&family=Oswald:wght@200;400;600&family=Source+Sans+Pro:wght@300;400;700&display=swap');

/* NAVIGATION */

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li.dir>.item>a>span:before{
    left:20px;
    width:16px !important;
    height:9px !important;
    background:url('https://cmohuddles.com/resources/Pictures/nav-dir-arrow.png');
}

/*MENU*/

ul.firstLevel li.sel:first-of-type, ul.firstLevel li:first-of-type{
 /*  display:none;*/
}


.menuInner li{
    /*text-transform:uppercase;*/
}

.header-ct{
    display:flex;
    flex-direction:row;
    flex-flow: row wrap;
    justify-content: space-between;
}

.columns-ct{
    width:100%;
}
.logo-ct{
    z-index:999;
    padding-bottom:18px;
}

.logo-ct img{
    max-width:300px;
}
.nav-ct{
   max-width:75%;
}

.nav-menu{
    text-align: right;
    float:right;
    margin:0;
    padding:24px 0 0 0;
    text-transform:uppercase;
}


.WaGadgetMenuHorizontal .menuInner ul ul{
    background:#481e7d !important;
}

a.connectExternalProfileButton:hover, a.connectExternalProfileButton.wa-authenticateLoginLink.GooglePlus{
    color:#ffffff !important;
}

body, p{
    font-family: 'Nunito Sans', sans-serif !important;
    color:#58595B;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Nunito Sans', sans-serif;
    margin-bottom:8px;
}

.gadgetStyleTitle, .gadgetStyle003 .gadgetStyleTitle {
    background: #f2f2f2;
    padding:8px 0;
}

h1{
font-weight:800;
font-size:48px;
color:#4A1989;
margin:0;
}

h2{
    font-weight: 500;
    font-size:40px;
    color:#4A1989;
}

h3{
    font-weight:500;
    margin:0px;
    font-size:32px;
    color:#4A1989;
}
h3.formTitle{
    display:none;
}
h4{
    font-family: 'Nunito Sans', sans-serif;
    font-weight:500;
    font-size:20px;
    margin-bottom:0px;
    padding-bottom:0px;
    color:#4A1989;
}

h4.gadgetTitleH4{
    font-family: 'Nunito Sans', sans-serif;
    font-size:24px !important;
    font-weight:500 !important;
    color:#333 !important;
}

h4.boxHeaderTitle, h4.boxHeaderTitle a{
    color:#481e7d !important;
    font-family: 'Nunito Sans', sans-serif;
    font-size:24px !important;
    font-weight:500 !important;
}

h4.boxHeaderTitle a:hover{
    color: #bce500 !important;
}

h6{
    font-size:16px;
    font-weight:800;
    padding:0;
    margin:0;
}

.card h6{
    text-align:center;
    color:#4A1989;
}

.card p{
    margin:0;
    text-align:center;
    padding:0;
}

.card img{
    text-align: center;
}

.WaGadgetUpcomingEvents, .WaGadgetRecentBlogPosts {
    margin-right: 0px !important;
}
.gadgetStyle001, .gadgetStyle001 .gadgetStyleTitle{
    border: none !important;
}


.gadgetStyle003 {
    background: white;
    border: none !important;
}

.WaGadgetFeaturedMember{
 
}

.WaGadgetUpcomingEvents ul li .title{
    text-transform: none !important;
}


li{
    margin-bottom:8px !important;
}

img.icon{
    display:block;
    float:right;
    margin-left:12px;
    margin-top:-4px;
}

.icon-ct{
    display:inline-block;
    float:right;
    border-left:1px solid #ffffff;
}

.footer-utility{
    margin:16px 0 0 0;
    text-align:right;
}

.footer-left{
	text-align:left;
}

.footer-right{
	text-align:right;
}


.bottom-border{
    border-bottom:1px solid #dedede;
    padding-bottom:24px;
}

.top-border{
    border-top:1px solid #dedede;
    padding-top:24px;
}


/***** SPACING *****/

.top-padding{
	padding-top:32px;
}

.bottom-padding{
	padding-bottom:32px;
}

.top-bottom-padding{
	padding-top:32px;
	padding-bottom:32px;
}

.ct-top-bottom-padding{
	padding-top:0px;
	padding-bottom:0px;
}

.left-col{
		padding:0 16px 0 0;
	}
	
.right-col{
		padding:0  0 0 16px;
	}


.buttonStyle003{
    border-radius:4px;
    font-family: 'Nunito Sans', sans-serif;
	font-size: 24px;
    text-transform: uppercase;
}

a.button-small{
    border-radius:4px !important;
    font-family: 'Nunito Sans', sans-serif;
    text-transform: uppercase;
    background: #481e7d;
    color:#fff !important;
    font-size:16px;
    display:inline;
    padding:0 8px;
    cursor:pointer;
}

a.button-small:hover{
    background: #9825fb;
    text-decoration: none !important;
}

#id_Izi4GWv{
    width:0% !important;
}

td.WaLayoutSeparator{
    width:0px !important;
}


/*FAQ ACCORDION CSS*/
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

/*CALENDAR*/

.WaGadgetEventsStateCalendar .EventListCalendar td[class*=EventListCalendarItem][colspan] div{
    background: #bbce05 !important;
}

/* get rid of space above calendar */

.WaPlaceHolder>div {
    padding: 8px 0 !important;
}

/* MEMBER DIRECTORY */

th{
     font-family: 'Nunito Sans', sans-serif;
     font-size:20px !important;
     font-weight: 500;
     color:#481e7d !important;
     background: #e8d7ff !important;
     text-transform:uppercase;
}

.memberValue img{
    border-radius: 16px !important;
}

table.membersTable tr:nth-child(even){
    background-color:#f2f2f2 !important;

}

.memberValue h5, .memberValue h5 a{
    color:#481e7d !important;
    font-weight:bold !important;
}

/* News */

.boxesListItem{
    padding:16px !important;
}

.boxesListItem:nth-child(even){
    background-color:#f2f2f2 !important;
}

/* Contact */

.subscribe-form {
}

.subscribe-form .right{
    text-align:left !important;
    float:left !important;
}

.subscribe-form .nextButton{

    font-family: 'Nunito Sans', sans-serif;
    font-size:20px !important;
    background: #9825fb !important;
    color:#ffffff !important;
    border-radius:4px;
    text-transform:uppercase;
}

.subscribe-form .nextButton:hover{
    background: #481e7d !important;
}

.member-form-intro, .member-form{
    padding-left:24px;
    border-left:1px solid #dedede;
}

.WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton{
    font-family: 'Nunito Sans', sans-serif;
    font-size:16px !important;
    background: #481e7d !important;
    color:#fff !important;
    border-radius: 4px !important;
    margin-top: -4px !important;
}

.WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton:hover{
    background: #9825fb !important;
}

.member-form{
    padding-top:16px;
}

.member-form .info h2{
    display:none !important;
}

@media only screen and (max-width: 616px) {
	
	.header-table {
    height: 120px;
}
	.nav-menu{
 margin-top:-85px !important;
}

	
 .WaGadgetUpcomingEvents, .WaGadgetRecentBlogPosts {
    margin-right: 0px !important;
}

.logo-ct{
    padding-bottom:20px;
}

.logo-ct img {
max-width: 220px;
}

.header-table .WaLayoutTable .WaLayoutItem {
        display: inline-block !important;
    }

    .header-table table td:first-of-type{
        float:left;
        width:240px !important;
        max-height:90px;
    }

    .header-table table td:last-of-type{
        float:right;
        max-height:90px;
        max-width:120px;
        margin:0px !important;
    }

    .menuInner{
        
        width:120px !important;
    }

    .menuInner ul{
        background-color:#501282 !important;
    }

  .menuInner ul li{
      display:block !important;
        width:120px !important;
    }
	
	
.footer-left{
	text-align:center;
}

.footer-right{
	text-align:center;
}
	
	/***** FIX UTILITY HEADER SPACING IN MOBILE *****/
	#id_lQm1Hlu{
    margin-top: 0px !important;
}
	
	
	/***** SPACING *****/

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

.bottom-padding{
	padding-bottom:0px;
}
	.top-bottom-padding{
	padding-top:0px;
	padding-bottom:0px;
}
	
.ct-top-bottom-padding{
	padding-top:32px;
	padding-bottom:32px;
}
	
.left-col{
		padding:0 16px;
	}
	
.right-col{
		padding:0 16px;
	}
	
	.card h6{
    text-align:center;
    color:#4A1989;
		font-size:20px;
}

.card p{
    margin:0;
    text-align:center;
    padding:0;
	font-size:18px;
}
	
	img.block{
		display:block;
	}

	.buttonStyle003{
	font-size: 20px !important;
}
	
}