/* Created by Toby Kay - @tobykay/tobykay.com */

/* 
	
INDEX:

COLOURS
GENERAL STYLING
GRID
FONTS
HEADER and NAVIGATION
FOOTER
MEDIA QUERIES


-------------------


COLOURS & FONT STACKS:

	Community plum: #7B204F / (123,332,79)
	Cerise: #BF1E74
	Charcoal grey: #414042 / (65,64,66)
	Bright orange: #D5791A / (213,121,26)
	Golden yellow: #DBA111 / (219,161,17)
	Soft blue: #62A0B4 / (98,160,180)
	Organic green: #96BC33 / (150,188,51)

	
	font-family: "cocon", sans-serif;
	font: Boboto


	
*/










/* GENERAL STYLING */

html, body {margin: 0; padding: 0; background-color: white; font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-weight:400; }
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
img {border:0px;}
a i {cursor: pointer;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
*:focus {outline: none;}

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.slick-track{ margin-left: 0 !important; }

.page-template-template_membership_home .fade:not(.show) {
  opacity: 1; 
}


.wp-caption {
text-align: left;
padding-top: 10px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 14px;
line-height: 17px;
padding: 8px;
margin: 0;
}

body.home .a2a_floating_style { display: none; }
.page-template-template_join .loadingoverlay {display:none !important;}


.gm-padding {
    background-color: transparent !important;
	padding-top: 0px  !important;

}


.breadcrumb-container ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 0em  !important;
    margin-block-end: 1em;
    padding-inline-start: 0px !important;
    unicode-bidi: isolate;
}


@media (min-width: 1095px){
.gm-padding {
	padding-top: 0px  !important;
	margin-top: 70px  !important;
}
	
	}

@media (max-width: 576px){
.homepage_hero_box {
	padding-top:50px;
	
}
	#homepage_hero_box_wrapper {margin-bottom:40px;}	
	
	
}




/* BREADCRUMBS */


.breadcrumbs {margin-bottom:40px;}
.pagebreadcrumb { margin-bottom:40px; text-align:center; margin-top:-20px;}
.breadcrumb-container ul li:first-child a {padding-left:0px; margin-left:0px;}


        .breadcrumb-container {
            font-size: 13px;
        }
        .breadcrumb-container ul {
            margin: 0;
            padding: 0;
        }
        .breadcrumb-container li {
            box-sizing: unset;
            display: inline-block;
            margin: 0;
            padding: 0;
        }
        .breadcrumb-container li a {
            box-sizing: unset;
            padding: 0 10px;
        }
        .breadcrumb-container {
            font-size: 17px  !important;
            padding: 0px;
            margin: 0px;
        }
        .breadcrumb-container li a{
            color:  #414042  !important;
            font-size:  17px  !important;
            line-height:  17px  !important;
        }
        .breadcrumb-container li .separator {
            color:   !important;
            font-size:  17px  !important;
        }
                    .breadcrumb-container li:last-child .separator {
                display: none;
            }
         
        .breadcrumb-container.theme1 li {
            margin: 0;
            padding: 0;
        }
        .breadcrumb-container.theme1 a {
            background: ;
            display: inline-block;
            margin: 0 5px;
            padding: 5px 10px;
            text-decoration: none;
        }

        .breadcrumb-container{}
.breadcrumb-container ul{}
.breadcrumb-container li{}
.breadcrumb-container a{}
.breadcrumb-container .separator{}


/* FORM */

#gfield_consent_description_147_3 {border:none !important}
#gform_wrapper_147 .gform_required_legend {display:none;}
#gform_wrapper_147 {padding:30px; border: 1px solid #ddd;}

#gform_wrapper_147 .gform_button {
    font-family: "cocon", sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    background-color: #96BC33 !important;
    color: white !important;
    border-radius: 11px !important;
    text-align: center !important;
    transition: all 1s ease !important;
    padding: 6px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    display: inline !important;
    border: 0px !important;
}

.gform_confirmation_message_147 {color: #96BC33 !important;}





/* GRID */

.container{ margin-right: auto;  margin-left: auto; max-width: 1200px;}

/* FONTS */

html, body {color:#414042; text-align: left;}
p {line-height: 130%; font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-weight: 300;}
h1 {font-family: "cocon", sans-serif; font-size: 48px; font-weight: 500; line-height:100%; letter-spacing: -0.5px;}
h2 {font-family: "cocon", sans-serif; font-size: 40px; font-weight: 500; line-height:100%; letter-spacing: -0.5px; padding-bottom:20px;}
.page-template-template_homepage h2 {font-family: "cocon", sans-serif; font-size: 48px; font-weight: 500; line-height:100%; letter-spacing: -0.5px;}

h3 {font-family: "cocon", sans-serif; font-size: 32px; font-weight: 500; letter-spacing: -0.5px;}
h4 {font-family: "cocon", sans-serif;}
h5 {font-family: "cocon", sans-serif;}
.infotext {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 18px; font-weight: 500; margin-bottom:30px;}
.gm-menu-item__txt {font-family: "cocon", sans-serif;}

.subheader {font-family: "cocon", sans-serif; font-size: 32px; font-weight: 500; line-height:100%; margin-bottom:40px;}
.teasertext {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 20px; font-weight: 300;}
a .teasertext {text-decoration:none; color:#414042; transition: all 1s ease;}
a .teasertext:hover {text-decoration:none; color:#BF1E74;}
.credit {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 18px; font-weight: 300; color:rgba(65,64,66,0.75);}
.box_module_text {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 24px; font-weight: 300!important;}
.box_module_text span {font-weight: 300!important;}
#homepage_news_box_wrapper .sort {font-weight: 400!important;}

.readmore_divider {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 28px; font-weight: 300; width: 100%; text-align: center;  border-bottom: 1px solid #BF1E74;  line-height: 0.1em; margin: 60px 0 60px;}
.readmore_divider span {  background:#fff;  padding:0 60px; }
.readmore_divider span a {color:#7B204F; transition: all 1s ease;}
.readmore_divider span a:hover {color:#BF1E74;}
p a {text-decoration: none; color:#BF1E74; transition: all 1s ease;}
p a:hover {text-decoration: none; color:#7B204F;}
a {text-decoration: none; color:#BF1E74; transition: all 1s ease;}
a:hover {text-decoration: none; color:#7B204F;}
.pullquote, .pullquote p {color:#BF1E74; text-align:center; font-family: "cocon", sans-serif !important; font-size: 48px; font-weight: 500; line-height:120% !important; margin-top:50px; padding-left:30px; padding-right:30px; margin-bottom:50px;}

blockquote {
text-align: left;
margin: 20px;
padding: 20px;
font-family: "cocon", sans-serif !important;
font-size: 26px;
color:#414042;
border-left:5px solid #BF1E74;;
}

.posttext  ul li span {font-weight:300 !important;}




/* BUTTONS */



.buttonplum {font-family: "cocon", sans-serif; font-size: 32px; font-weight: 500; background-color:#7B204F; color:white; border-radius: 11px; text-align: center; padding:15px; padding-left:25px; padding-right:25px; display: inline-block;}
a .buttonplum {color: white; background-color:#7B204F ; text-decoration: none; transition: all 1s ease;}
a .buttonplum:hover {color: white; background-color:#BF1E74; text-decoration: none;}
 .buttonplum:hover {color: white; background-color:#BF1E74; text-decoration: none; }
 .buttonplum:hover a {color: white; text-decoration: none;}
 .buttonplum a {color: white;  text-decoration: none; transition: all 1s ease;}


.buttongreen {font-family: "cocon", sans-serif; font-size: 32px; font-weight: 500; background-color:#96BC33; color:white; border-radius: 11px; text-align: center; padding:15px; padding-left:25px; padding-right:25px;}
a .buttongreen {color: white; background-color:#96BC33; text-decoration: none; transition: all 1s ease;}
a .buttongreen:hover {color: white; background-color:#BF1E74 !important; text-decoration: none;}
.buttongreen:hover {color: white; background-color:#BF1E74 !important;  text-decoration: none;}
.buttongreen:hover a {color: white;  text-decoration: none;}
.buttongreen a {color: white; text-decoration: none;}
.btnpadlright {margin-right:20px;}
.underbuttons {margin-top:30px;}


a .buttongrey {font-family: "cocon", sans-serif; font-size: 32px; font-weight: 400; background-color:#414042; color:white; border-radius: 3%; text-align: center; transition: all 1s ease;}
a .buttongrey:hover {font-family: "cocon", sans-serif; font-size: 32px; font-weight: 400; background-color:#BF1E74; color:white; border-radius: 3%; text-align: center;}

.sg-popup-id-40321 {font-family: "cocon", sans-serif; font-size: 32px; font-weight: 400; background: rgba(233, 233, 233, 0.47);  color:white; border-radius: 11px; text-align: center; transition: all 1s ease;  padding:10px; padding-left:15px; padding-right:15px; display:inline-block;}
.sg-popup-id-40321:hover {font-family: "cocon", sans-serif; font-size: 32px; font-weight: 400; background-color:#96BC33;  color:white; border-radius: 11px; text-align: center;}



.newsletterbutton {margin-top:25px;}
.newsletterbutton  button {font-family: "cocon", sans-serif; font-size: 32px; font-weight: 400; background: rgba(233, 233, 233, 0.47);  color:white; border-radius: 11px; text-align: center; transition: all 1s ease;  padding:10px; padding-left:15px; padding-right:15px;}
.newsletterbutton  button:hover {font-family: "cocon", sans-serif; font-size: 32px; font-weight: 400; background-color:#96BC33;  color:white; border-radius: 11px; text-align: center;}
.newsletterbutton {margin-top:25px;}


.newsletterbutton .popupaoc-button, .newsletterbutton .paoc-popup-click{
    font-family: "cocon", sans-serif !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    background: rgba(233, 233, 233, 0.47) !important;
    color: white !important;
    border-radius: 11px !important;
    text-align: center !important;
    transition: all 1s ease !important;
    padding: 10px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    display: inline !important;
}

.popupaoc-button{
font-family: "cocon", sans-serif !important; font-size: 32px !important; font-weight: 500 !important; background-color:#414042 !important; color:white !important; border-radius: 11px !important; text-align: center !important; transition: all 1s ease !important; padding: 15px !important;
    padding-left: 25px !important;
    padding-right: 25px !important; display:inline !important;}


.popupaoc-button:hover, a.paoc-popup-click:hover{font-family: "cocon", sans-serif !important; font-size: 32px !important; font-weight: 500 !important; background-color:#BF1E74 !important; color:white; border-radius: 11px  !important; text-align: center !important;}

.paoc-popup-btn {
font-family: "cocon", sans-serif !important; font-size: 32px !important; font-weight: 500 !important; background-color:#96BC33 !important; color:white !important; border-radius: 11px !important; text-align: center !important; transition: all 1s ease !important; padding: 15px !important;
    padding-left: 25px !important;
    padding-right: 25px !important; display:inline !important;
}



.stories_box .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.stories_box .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.stories_box .slick-dots li button:before {
    content: '•';
    font-size: 44px;
    line-height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    opacity: .25;
    color: black;
}


.stories_box .slick-dots{
position: absolute;
bottom: 60px;
right:30px;
display: block;
width: 400px;
padding: 10;
margin: 0;
list-style: none;
text-align: left;
}
.stories_box .slick-dots li.slick-active button:before{
  font-size:44px;
  color:#D92730;
}


a .buttoncallout {font-family: "cocon", sans-serif; font-size: 28px; font-weight: 400; background-color:#414042; color:white; border-radius: 11px; text-align: center; transition: all 1s ease; margin-top:50px;  padding:10px; padding-left:20px; padding-right:20px;}
a .buttoncallout:hover {font-family: "cocon", sans-serif; font-size: 28px; font-weight: 400; background-color:#BF1E74; color:white; border-radius: 11px; text-align: center; transition: all 1s ease; margin-top:50px;  padding:10px; padding-left:20px; padding-right:20px;}
.arrow_prev, .arrow_next, .arrow_prev1, .arrow_next1 {cursor: pointer;}



.loadmore {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif;
   
    text-align: center !important;
	border: none !important;
    line-height: 0.1em !important;
    margin: 0px !important;
	margin-bottom: 60px !important;
	box-shadow: none !important;
	color: #fff !important;
background-color:#BF1E74 !important;
}	

.loadmore:hover {box-shadow: none !important;}	
.loadmoreauthors{
font-size: 15px;
    font-weight: 500;
    width: auto;
    height: 43px;
border-radius: 4px;
    margin: 0;
    padding: 13px;
	padding-left: 20px;
		padding-right: 20px;
    position: relative;transition: all .3s ease;
    text-align: center;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer; font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif;
    text-align: center !important;
    border: none !important;
    line-height: 0.1em !important;
    margin: 0px !important;
    margin-bottom: 60px !important;
    box-shadow: none !important;
    color: #fff !important;
    background-color: #BF1E74 !important;}	


/*  IMAGES  */

img.author {border-radius: 50%;}
img.roundedcorners {border-radius: 11px;}


/* HEADER and NAVIGATION */

#header {background-color:#BF1E74; min-height:80px; z-index: 1;}
#header .logo-top img {width:200px; margin-top:30px; margin-bottom:30px;}
.navigation-top ul li {margin-right: 30px;}
.content {z-index: 5;}
.sticky {position: fixed; top: 0; width: 100%}
.sticky + .content {  padding-top: 102px;}
.navigation-top ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
.navigation-top li {display: inline; }
.navigation-top {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 20px; font-weight: 500; color:white; margin-top:30px; text-align:right; transition:  all 1s ease;}
#header .navigation-top ul li a:hover {color:#999;}
#header a {color:white; text-decoration: none; transition:  all 1s ease;}
#header a i {color:white; transition:  all 1s ease;}
#header {color:white; transition:  all 1s ease;}
#header a i:hover {color:#999999;}
.gm-navbar--has-shadow-sticky.gm-navbar-sticky-toggle .gm-inner {box-shadow: 0 0 0px rgb(0 0 0 / 0%) !important;}

/*  HOMEPAGE  */

.homepage_hero_box {}
.homepage_hero_box_subeader {margin-bottom:50px;}
.homepage_hero_box_headline {margin-bottom:20px;}
h2.homepage_hero_box_headline {font-family: "cocon", sans-serif; font-size: 48px; font-weight: 500; line-height:100%; letter-spacing: -0.5px;}
#homepage_hero_box_wrapper {background: rgba(233, 233, 233, 0.3); min-height:100%; padding-top:90px; padding-bottom:90px;}
#homepage_news_box_wrapper {padding-top:40px; padding-bottom:40px;}
.homepage_news_box {margin-bottom:50px;}
.sort {margin-bottom:12px;}
.subsort {font-size:28px; margin-bottom:12px; font-weight:600;}
.downarrowspacer {margin-right:4px;}
.scrollcontrols {text-align:right; margin-bottom:12px;}
.chevronspacer {margin-right:30px;}
.teaserimage {margin-bottom:30px; width:100%;}
.teasertextspacer {}
.latestnews .credit {margin-top:15px;}

#homepage_news_box_wrapper .slick-track {height: 380px !important;}



.slantedwrapper {/* height:600px;  background-color:#BF1E74;*/ margin-top:50px;}
.slanted {/* height:600px; */ background: white; width:100%; /* clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%); */ border-top: #BF1E74 20px solid; border-bottom: #BF1E74 20px solid;}
.slantedboximage {background-position: center; background-repeat: no-repeat;  background-size: cover; height:600px}
.buttoncalloutwrapper {margin-top:30px;}
.calloutbox {padding:40px;}
.calloutbox h2 {margin-top:100px;}


#stories_box_wrapper {background: rgba(233, 233, 233, 0.15); min-height:100%; padding-top:60px; padding-bottom:60px;}
.stories_box {}
.stories_box_headline {margin-bottom:50px;}
.stories_box_image {text-align:right;}
.quotes_box {text-align:left;}
.storytext {font-size:28px;	text-align:left;color: #414042; font-weight:300;}
.openquote {font-size: 70px; color:#E9E9E9; line-height:10px; font-family: Georgia; font-weight:bold; vertical-align: text-bottom;} 
.closequote {font-size: 70px; color:#E9E9E9; line-height:20px; font-family: Georgia; font-weight:bold; vertical-align: text-bottom;} 
.storytextcredit {font-size:28px; margin-top:30px;	text-align:left;color: #414042; font-weight:200; text-align:center;}
.viewall {font-size:16px; margin-right:20px; font-weight:400;}
.viewall a {color:#414042; transition:  all 1s ease;}
.viewall a:hover {color:#96BC33}
h2.stories_box_headline {font-family: "cocon", sans-serif; font-size: 48px; font-weight: 500; line-height:100%; letter-spacing: -0.5px;}


/* LANDING PAGE */

.landingpagetitle {padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #E9E9E9; margin-top:80px;}
.page-template-template_getinvolved .landingpagetitle, .page-template-template_member_home .landingpagetitle, .page-template-template_membersection .landingpagetitle, .page-template-template_updatedetails .landingpagetitle, .page-template-template_reps .landingpagetitle{ margin-top:140px;}





.landingpagetitle h1 {}
.landingpageintro {padding-bottom:20px; margin-bottom:40px; border-bottom:1px solid #E9E9E9;}
.topborder {border-top:1px solid #E9E9E9; padding-top:30px;}


/* SEARCH RESULTS */

h3.searchform {color:#BF1E74;}
.searchresults {margin-top:40px; margin-bottom:40px;}

/* MEMBERS */
.welcomeback strong {font-weight: 500; font-family: "cocon", sans-serif; font-size: 32px; }
h1 .cerise{color:#BF1E74; font-weight: 300;}
h1 .plum {color:#7B204F;} 
.memberdetails {text-align:right; margin-top:-10px;font-size: 14px; }
.memberdetails  .cerise{color:#BF1E74;}
.membership_nav_first {text-align:center; border-right:1px #999 solid;}
.membership_nav {text-align:center; border-right:1px #999 solid;}
.membership_nav_last {text-align:center; }
.membership_nav_container {margin-bottom:70px; font-weight: 400; font-family: "cocon", sans-serif; font-size: 26px;}
.welcomeback {border-bottom:0px !important; margin-bottom: 10px !important;}
.membership_nav_container .cerise{color:#BF1E74; }
.membership_nav_container .plum {color:#7B204F; font-weight: 500;} 
.rowt {  display: none; cursor:pointer}
.show {  cursor:pointer}
.memberdetails strong { font-family: "cocon", sans-serif;}





.membership_nav_container ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
.membership_nav_container li {display: inline; margin-right:30px; ; padding-right:30px; border-right: 1px solid #BF1E74; }
.membership_nav_container {font-family: "cocon", sans-serif; font-size: 26px;  font-weight: 500; color:#BF1E74; margin-top:20px; margin-bottom:50px; text-align:left; transition:  all 1s ease; text-align:center;}
.membership_nav_container li:last-child {border-right: 0px;}
.membership_nav_container li.current-menu-item  a{ color:#7B204F  !important;}


/* UNION LAWYERS */

#personal-injury-counter, #medical-negligence-counter, #conveyancing-counter, #wills-trusts-probate-counter, #divorce-family-counter {display:none;}



/* ALTERNATING BOXES */


.alternatingboxes .teaserimageright  {text-align:right; padding-left:40px;}
.alternatingboxes .teaserimageleft { text-align:left; padding-right:40px;}
.alternatingboxtext {margin-bottom:50px;}
.alternatingboximage {margin-bottom:50px;}
.alternatingboxes .teaserimage { }
.teasertextright {padding-left:40px;}
.teaertext-left {padding-right:40px;}



/* POSTS */

.grey_box_wrapper {background: rgba(233, 233, 233, 0.15); padding-bottom:20px; padding-top: 30px;}
.postcontent {margin-top:20px; }
.postcontent p {line-height:150%; margin-bottom:30px; }
.postcontent h1 {text-align:center;}
.postsubheader {color:#7B204F; line-height: 130%; font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif;; font-size:40px; font-weight:bold; text-align:center;}
.postmeta {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 18px; font-weight: 200; text-align:center; margin-top:40px;}
.postmeta a {margin-left:10px; margin-right:10px;}
.postmeta .post_date {margin-left:10px; margin-right:10px;}
.posttext {margin-top:20px; font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 22px; font-weight: 300 !important;}
.posttext h3 {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; margin-bottom: 20px; font-size: 22px; }
.posttext img {border-radius: 11px;}
.posttext img {max-width:100%; height: auto;}
.authorinfo {margin-top:100px;}
.authorimage {text-align:center;}
.authortext {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 24px; font-weight: 200 !important;}
.authortext h3 { font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 40px; font-weight: bold; margin-bottom:40px;}
.authorimage img {width: 300px; height: 300px;-webkit-border-radius: 150px;-moz-border-radius: 150px; -ms-border-radius: 150px; -o-border-radius: 150px; border-radius: 150px;}
.posttext p span {font-weight: 300 !important;}
.posttext p span strong  {font-weight: 500 !important;}
.posttext p span b  {font-weight: 500 !important;}
.posttext p strong  {font-weight: 500 !important;}
.posttext p  b  {font-weight: 500 !important;}
.posttext  strong  {font-weight: 500 !important;}
.posttext  b  {font-weight: 500 !important;}
a.twitter {color:#62A0B4;}

/* MODAL */
.paoc-popup-modal {border-radius: 11px !important;}
.paoc-popup-modal-cnt {
    border-radius: 11px !important;
}

/* ACCORION */

.accordions .ui-state-default, .accordions .ui-widget-content .accordions .ui-state-default, .accordions .ui-widget-header .accordions .ui-state-default, .ui-button, html .accordions .ui-button.ui-state-disabled:hover, html .accordions .ui-button.ui-state-disabled:active {
    border: 1px solid #f2f2f2;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}
.accordions {margin-top:40px; margin-bottom:40px;  font-family: "cocon", sans-serif !important;}
.accordions i {font-size:24px; color:#cecece;}
.accordions i:hover { color:#bf1e74 !important;}
.accordions .ui-state-hover {color: #bf1e74;}
.accordions .accordions-head-title  {color: #bf1e74;  font-family: "cocon", sans-serif !important;}
.accordions .accordions-head-title:hover {color: #282828;}
.accordion-content ul>br {display:none}



/*  NOT A MEMBER  */

.notmember {margin-top:90px; margin-bottom:90px;}
.notmembertext {margin-top:30px; margin-bottom:30px;}
.notmember h1 p { font-family: "cocon", sans-serif; font-size: 54px; font-weight: 500; line-height:100%; letter-spacing: -0.5px;} 


/* UPDATE FORM. */

textarea.updateform {width:100%}
#ContractTypeId:disabled {   
    border-color: #e8e8e8 !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    opacity: 1;
}

#ContractTypeId:disabled option {   
     color: #000 !important;
}

/* ACCORDION */
.accordion_wrapper {    background: rgba(233, 233, 233, 0.15); padding-top:30px;}
.accordionMenu{
    width: 100%;
    margin: 0 auto;
	margin-bottom:40px;
}
.accordionMenu > input[type=radio]{
    display: none;
}
.accordionMenu > label{
    display: block;
    height: 70px;
    line-height: 70px;
    padding: 0 25px 0 25px;
   font-weight: 300; font-family: "cocon", sans-serif; font-size: 32px; 
    position: relative;
    cursor: pointer;
    border-bottom: 0px solid #e6e6e6;
	margin-bottom:0px;
}


.accordionMenu > label::after{
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 40px;
    top: 0px;
    z-index: 10;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	font-family: "Font Awesome 5 Free";
	content: '\f078';
	font-weight:bold;	
	
}
.accordionMenu .content{
    max-height: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
	background-color:white;
}
.accordionMenu .content .inner{
    font-size: 1.2rem;
    color: #000;
    line-height: 1.5;

    padding: 20px 25px;
}




.accordionMenu input[type=radio]:checked + label + .content{
    max-height: 2000px;
    height: auto;
}

.ui-widget {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif !important; }
.ui-widget-content a {color: #BF1E74 !important;}	
	
	
/* Training logs */

.traininglogs {margin-top:30px; margin-bottom:30px;}
.traininglog {border-radius:10px; border-color:#d3d3d3; border-width: 1px !important; border-style:solid !important; padding:20px; min-height:60px; color: #999; position:relative; margin-bottom:30px; }
.traininglog h3 {color:#7B204F; margin-bottom:20px;}
.traininglogmessage {font-family: "cocon", sans-serif; font-size: 26px; font-weight: 500; color:#7B204F; margin-bottom:20px;}

/* Events */

.eventdate {border-radius:10px; border-color:#d3d3d3; border-width: 1px !important; border-style:solid !important; padding:20px; color: #999; }
.eventdescription {color:#999; margin-bottom:10px; margin-top:10px;}
.eventdatestart { width:46%; float:left;} 
.eventdateend {width:46%; float:right;} 
.eventssubheader {
    font-family: "cocon", sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 100%;
}
.memberseventsform {margin-bottom:80px;}

/* JOIN */


.joinimage {text-align:right; min-width:454px !important; min-height:380px;  background-position: left bottom; background-image:url("../png/large_circle.png");  background-repeat:no-repeat;  background-size: 260px 260px;}
.joinimage img {width: 300px; height: 300px;-webkit-border-radius: 50%;-moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
.joinimage .circle_overlay img.smallcircle {width:127px; height:auto; position:absolute; left:70px; bottom:70px; transition: transform 1s ease-in-out;}
.joinimage video {width: 300px; height: 300px;-webkit-border-radius: 50%;-moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}
.joinintroimage {width:25%; height: auto; padding:1%;}

.joinextracontent {margin-bottom:80px;}

/* TK JOIN CHANGES  */
 .style-form label[for] {  font-size: 1.2rem;}
 .ddwarning {margin-top:30px;}
img.ddimage {max-width: 200px; width:100%; height:auto;}
.bs-stepper .bs-stepper-header .step-trigger { font-family: "cocon", sans-serif; font-size: 1.3rem !important;}
.style-form .validetta-inline, .style-form .validation-msg.error {color: #BF1E74 !important; background-color: #f7d5e7 !important;}
.style-form .validetta-error input:not([type='checkbox']):not([type='radio']), .style-form .validetta-error select {
    border: 2px solid #BF1E74 !important;
    box-shadow: 0 0 5px #BF1E74 !important;}
.style-form label[for] sup.required {
    color: #BF1E74 !important;}
.style-form .radio-wrapper.validetta-error {    
    border-radius: 7px;
    margin: 5px 0;
    border: 2px solid #BF1E74 !important;
    box-shadow: 0 0 5px #BF1E74 !important;
}

.mc-select__data--year, .mc-select__data--year span {
    color: #bf1e74 !important;
    text-decoration: underline !important;
}





/* EQUALITIES CALENDAR */



.mobalignright {
    text-align: right;
    margin-top: 18px !important;
    float: right;
    display: inline-block !important;
}

.equal-cal .calendar .days .day_name {
    width: calc(100% / 7);
    border-right: 1px solid #D9D9D9;
    padding: 20px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
font-family: "cocon", sans-serif;
    color: #fff;
    background-color: rgba(191, 30, 116, 1);

 }



.equal-cal .calendar {
    display: flex;
    flex-flow: column;
}
.equal-cal .calendar .header .month-year {
    font-size: 20px;
    font-weight: bold;
    color: #636e73;
    padding: 20px 0;
}
.equal-cal .calendar .days {
    display: flex;
    flex-flow: wrap;
}

.equal-cal .calendar .days .day_name:nth-child(7) {
    border: none;
}
.equal-cal .calendar .days .day_num {
    display: flex;
    flex-flow: column;
    width: calc(100% / 7);
    border-right: 1px solid #e6e9ea;
    border-bottom: 1px solid #e6e9ea;
    padding: 15px;
    font-weight: bold;
    color: #7c878d;
    cursor: pointer;
    min-height: 100px;
}
.equal-cal .calendar .days .day_num span {
    display: inline-flex;
    font-size: 14px;

}


.modal-content  p {line-height: 120%;
    margin-bottom: 10px;}
.modal-content  p.headline {font-size:20px; font-weight:500;}

.modalimage {width:auto; max-width:100%; max-height:200px }
.modal-content span:first-of-type { text-align:right;
	display: inline-block !important;
	padding-top:5px; padding-bottom:5px; 
	font-size:20px !important;
	margin-bottom:10px;
	}
	
	
.equal-cal .calendar .days .day_num span:first-of-type {

    border-bottom: 1px solid rgba(191, 30, 116, 1);
}



.equal-cal .calendar .days .day_num .event {
    margin-top: 10px;
    font-weight: 500;
    font-size: 14px;
    padding: 3px 6px;
    border-radius: 4px;
    background-color: #f7c30d;
    color: #fff;
    word-wrap: break-word;
}
.equal-cal .calendar .days .day_num .event.green {
    background-color: #96BC33;
}
.equal-cal .calendar .days .day_num .event.fuchsia {
    background-color: rgba(191, 30, 116, 1);
}
.equal-cal .calendar .days .day_num .event.plum {
    background-color: #7b204f;
}
.equal-cal .calendar .days .day_num:nth-child(7n+1) {
    border-left: 1px solid #e6e9ea;
}
.equal-cal .calendar .days .day_num:hover {
    background-color: #fdfdfd;
}
.equal-cal .calendar .days .day_num.ignore {
    background-color: #fdfdfd;
    color: #ced2d4;
    cursor: inherit;
}
.equal-cal .calendar .days .day_num.selected {
    background-color: #f1f2f3;
    cursor: inherit;
}





.equal-cal .navtop {
    background-color: #3b4656;
    height: 60px;
    width: 100%;
    border: 0;
}
.equal-cal .navtop div {
    display: flex;
    margin: 0 auto;
    width: 800px;
    height: 100%;
}
.equal-cal .navtop div h1, .navtop div a {
    display: inline-flex;
    align-items: center;
}
.equal-cal .navtop div h1 {
    flex: 1;
    font-size: 24px;
    padding: 0;
    margin: 0;
    color: #ebedee;
    font-weight: normal;
}
.equal-cal .navtop div a {
    padding: 0 20px;
    text-decoration: none;
    color: #c4c8cc;
    font-weight: bold;
}
.equal-cal .navtop div a i {
    padding: 2px 8px 0 0;
}
.equal-cal .navtop div a:hover {
    color: #ebedee;}

.equal-cal {padding-bottom:60px;}


















/* STORIES */


.stories_box_image {text-align:right; min-width:400px !important; min-height:380px;  background-position: center top; background-image:url("../png/large_circle.png");  background-repeat:no-repeat;  background-size: 260px 260px;}
.stories_box_image img {width: 300px; height: 300px;-webkit-border-radius: 50%;-moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-left: -70px;margin-top:70px;}
.stories_box_image .circle_overlay img.smallcircle {width:127px; height:auto; position:absolute; right: 140px;
    top: 0px; transition: transform 1s ease-in-out;}



/* GRAVITY */

.gform_wrapper .gfield_required {color: #BF1E74 !important;}
.gform_wrapper.gravity-theme .gfield_label {    font-size: 24px  !important; }	
	.gform_wrapper.gravity-theme .gfield input{border-radius:10px; border-color:#d3d3d3; border-width: 1px !important; border-style:solid !important;}


.gform_wrapper.gravity-theme .gfield_select {border-radius:10px; border-color:#d3d3d3; border-width: 1px !important; border-style:solid !important;}

 .posttext .gform_wrapper h3 {font-family: "cocon", sans-serif;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -0.5px;}




.gform_footer input[type=submit]:hover { background-color:#BF1E74; ; text-decoration: none; transition: all 1s ease; cursor:pointer;} 
.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {border-radius:10px; border-color:#d3d3d3; border-width: 1px !important; border-style:solid !important; }
.ginput_container_textarea textarea {border-radius:10px; border-color:#d3d3d3; border-width: 1px !important; border-style:solid !important; }
.ginput_container_select select {font-size:24px !important; font-weight:300 !important;}
input[type=checkbox], input[type=radio] {
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}

.gfield_label {font-size:24px !important;}

.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label, label.gfield_consent_label { font-size: .875em !important;}
.gfield_consent_description {font-size:16.5px !important;}




.boxedresponse {padding:30px; border: 1px black solid; margin-bottom:80px;}


.gform_button{

   font-family: "cocon", sans-serif !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    background-color: #96BC33 !important;
    color: white !important;
    border-radius: 11px !important;
    text-align: center !important;
    transition: all 1s ease !important;
    padding: 10px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    display: inline !important;
	border: 0px !important;
}
.gform_wrapper .gfield_required {
    color: #c02b0a;
    display: inline-block;
    font-size: 28px !important;
     padding-left: 0em !important;
}

.gform_legacy_markup_wrapper select {border-radius:10px; border-color:#d3d3d3; border-width: 1px !important; border-style:solid !important; }

.footerheader .gform_previous_button {display:none}
.footerheader button.gform_next_button { font-size: 22px !important; line-height: 44px !important;}

.footerheader .gform_page_footer {   font-size: 22px !important; line-height: 44px !important;} 
.footerheader .gform_wrapper.gravity-theme .gform_footer, .footerheader .gform_wrapper.gravity-theme .gform_page_footer {margin-top:0px; }
.footerheader .gform_wrapper.gravity-theme .gform_footer button, .footerheader .gform_wrapper.gravity-theme .gform_footer input, .footerheader .gform_wrapper.gravity-theme .gform_page_footer button, .footerheader .gform_wrapper.gravity-theme .gform_page_footer input {background: rgba(233, 233, 233, 0.47); border: none; color: white;  padding-left: 30px; padding-right: 30px; text-decoration: none; border-radius: 11px; margin-left: 8px; cursor: pointer; font-size: 22px; line-height: 44px; }

.footerheader input[type=text], .footerheader input[type=email] { font-size: 22px !important; line-height: 44px !important; padding: 1px !important; padding-left:10px !important;}
.footerheader .gform_footer.top_label {width:150px !important;}


.footerheader .gform_wrapper .gf_simple_horizontal {
    width: calc(100% - 16px);
    margin-left: 200px;    margin-top: 30px;
}






/* AUTHORS */

.authors {margin-top:70px;  font-size: 54px; font-weight: 500; line-height:100%;}
.smallauthor_js{display:none;}
.load-more { margin-bottom:90px;}
.load-more-text {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 22px; font-weight: 300; width: 100%; text-align: center;  border: 1px solid #999; border-radius: 11px; text-align: center; padding:15px; padding-left:25px; padding-right:25px; cursor: pointer;}


/* NEWS OVERVIEW */


.newsblock {margin-bottom: 50px;}
.smallauthorimage img {width: 150px; height: 150px; -webkit-border-radius: 75px; -moz-border-radius: 75px; -ms-border-radius: 75px; -o-border-radius: 75px;border-radius: 75px;}
.smallauthor {text-align:center; margin-bottom:40px;}
.smallauthortext {text-align:center; margin-top:15px;}
.smallauthortext .name {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 24px; font-weight: 300; color:#BF1E74;}
.smallauthortext .title {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 18px; font-weight: 300; color:rgba(65,64,66,1);}
.newsajax {max-width: 300px; float:left; position: relative;  min-height: 1px; padding-right: 15px;  padding-left: 15px; margin-bottom: 40px; min-height: 420px;}

.newsajax img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.newsajax:hover img {
	opacity: .5;
}

.navigation-news ul li {margin-right: 20px;}
.navigation-news ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
.navigation-news li {display: inline; }
.navigation-news {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 20px; font-weight: 300; color:white; margin-top:20px; margin-bottom:50px; text-align:left; transition:  all 1s ease;}
.navigation-news a {color:black;}
.newslandingpagetitle {padding-bottom:20px; margin-bottom:0px; border-bottom:1px solid #E9E9E9; margin-top:80px;}
.fa-chevron-left {color:#BF1E74 !important;}
.fa-chevron-right {color:#BF1E74 !important;}

/* SECTOR RESTRICTED. */

.hiderowsectorrestricted {display:none}



/* SECTORS. */

.navigation-sectors ul li {margin-right: 15px;}
.navigation-sectors ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
.navigation-sectors li {display: inline; }
.navigation-sectors {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 20px; font-weight: 400; color:white; margin-top:30px; margin-bottom:20px; text-align:left; transition:  all 1s ease;}
.navigation-sectors a {color:black;}
.navigation-sectors a:hover {color:#96BC33;}

/* FOOTER */




#footer a i {color:white; font-size:20px; transition: all 1s ease;}
#footer a i:hover {color:#999999; font-size:20px;}
#footer {color:white;}
#footer a {color:white; text-decoration: none; transition: all 1s ease;}
#footer a:hover {color:#999999; text-decoration: none;}
#footer {background-color:#414042; background-image: url('../png/bg.png'); background-repeat: no-repeat; background-attachment: fixed; background-position: left bottom; color:white;}

.bottomnav {padding-top:60px; padding-bottom:60px;}
.bottomnav ul {list-style-type: none; padding-left: 0; }
.bottomnav ul li {line-height:170%;}
.bottomnav h5 {margin-bottom:20px;}
.bottomnav {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 20px; font-weight: 300;}
.bottomnav h5 {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 30px; font-weight: 500;}


.btmsocial {margin-top:20px; color:white;}
.btmsocial a i {color:white; transition: all 1s ease;}
.btmsocial i {margin-right:15px;}

.btmcopyright {font-size:16px; margin-top:20px;}

.footerheader h2 {color:white;margin-bottom:30px;}
.footerheader { margin-top:30px; margin-bottom:30px; text-align:center;}
.footerheader input[type=text], .footerheader input[type=email] {background: rgba(233, 233, 233, 0.47); color: white;  border-radius: 11px; text-align: left; padding:15px; width: 400px; top:40px; border:none; }
.footerheader  ::placeholder {  color: white; opacity: 1; }
.footerheader  :-ms-input-placeholder { color: white;}
.footerheader ::-ms-input-placeholder {color: white;}
.footerheader button { background: rgba(233, 233, 233, 0.47); border: none; color: white; margin-top: 45px; padding-top: 4px; padding-bottom: 6px; padding-left: 30px; padding-right: 30px; text-decoration: none; border-radius: 11px; margin-left: 8px; cursor: pointer; font-size: 22px; line-height: 44px;}
.btmlogo img {max-width:250px;}
.footerheader input[type=submit] { margin-top: 8px !important;}
.footerheader .mc4wp-alert {margin-top:25px;}




/*  LOG IN */

.login {margin-top:100px; margin-bottom:100px;text-align:center;}
.login h3 { font-size:60px; margin-bottom:40px;}
.login p {line-height: 130%; font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-weight: 300 !important; font-size:20px;}
.login input[type=text], .login input[type=password] {padding:10px; margin:10px 0; width:90%; max-width:400px; border: 1px solid #ccc; border-radius:10px;}
.loginbutton {font-family: "cocon", sans-serif; font-size: 20px; font-weight: 500; background-color:#BF1E74; color:white; border-radius: 11px; text-align: center; padding:10px; padding-left:25px; padding-right:25px; width:90%; max-width:400px; margin-top:20px; margin-bottom:20px;}
.loginbutton:hover {cursor: pointer; background-color:#7B204F;}
.createbutton {font-family: "cocon", sans-serif; font-size: 20px; font-weight: 500; background-color:#999; color:white; border-radius: 11px; text-align: center; padding:10px; padding-left:25px; padding-right:25px; width:90%; max-width:400px; margin-top:20px; margin-bottom:20px;}
.createbutton:hover {cursor: pointer; background-color:#999;}



.login a.forgot {color:#7B204F; text-decoration:underline; font-weight: 300; font-size:16px; }
.login p.agreeprivacy {margin-top:20px; margin-bottom:20px; font-size:12px;}
.login .error { color:#BF1E74; font-weight:bold; }




/*  Create account */

.createaccount {margin-top:100px; margin-bottom:100px;text-align:center;}
.createaccount  h3 { font-size:60px; margin-bottom:40px;}
.createaccount  p {line-height: 130%; font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-weight: 300 !important; font-size:20px;}
.createaccount  input[type=text] {padding:10px; margin:10px 0; width:90%; max-width:400px; border: 1px solid #ccc; border-radius:10px;}
.loginbutton {font-family: "cocon", sans-serif; font-size: 20px; font-weight: 500; background-color:#BF1E74; color:white; border-radius: 11px; text-align: center; padding:10px; padding-left:25px; padding-right:25px; width:90%; max-width:400px; margin-top:20px; margin-bottom:20px;}
.createaccount  a.forgot {color:#7B204F; text-decoration:underline; font-weight: 300; font-size:16px; }
.createaccount  p.agreeprivacy {margin-top:20px; margin-bottom:20px; font-size:12px;}


/*  Contact */

.contact {margin-top:100px; margin-bottom:100px;text-align:center;}
.contact  h3 { font-size:60px; margin-bottom:40px;}
.contact  p {line-height: 130%; font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-weight: 300 !important; font-size:20px;}
.contact  input[type=text] {padding:10px; margin:10px 0; width:90%; max-width:400px; border: 1px solid #ccc; border-radius:10px;}
.loginbutton {font-family: "cocon", sans-serif; font-size: 20px; font-weight: 500; background-color:#BF1E74; color:white; border-radius: 11px; text-align: center; padding:10px; padding-left:25px; padding-right:25px; width:90%; max-width:400px; margin-top:20px; margin-bottom:20px;}
.contact  a.forgot {color:#7B204F; text-decoration:underline; font-weight: 300; font-size:16px; }
.contact  p.agreeprivacy {margin-top:20px; margin-bottom:20px; font-size:12px;}
.contact .gform_button  {font-family: "cocon", sans-serif; font-size: 20px; font-weight: 500; background-color:#BF1E74; color:white; border-radius: 11px; text-align: center; padding:10px; padding-left:25px; padding-right:25px; width:90%; max-width:400px; margin-top:20px; margin-bottom:20px; border:0px;}


/* ROUND LANDING */

.roundstoryimage img.underimage {width: 200px; height: 200px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px;border-radius: 100px;   }
.roundstoryimage {text-align:center;}

.roundstoryimage img.underimage {position: relative; }
.roundstoryimage img.overimage {  position: absolute; left: 0; width: 200px; height: 200px;
    top: 0;
    right: 0;


    display: block;
    margin: auto; }

/* new locked homepasge stories */

.rectangletoryimage img.underimage {width: 100%; height: auto;  }
.rectangletoryimage {}

.rectangletoryimage img.underimage {position: relative; }
.rectangletoryimage img.overimage {  position: absolute; left: 0; width: 100%; height: auto;
    top: 0;
    right: 0;
    display: block;
    margin: auto; }



/* Mobile menu */

#menu-item-116 {background-color: #BF1E74; color: white;}
#menu-item-116 a {color: white !important; margin-left:5px;  border-bottom:none !important;}
a.nodots {border-bottom:none !important;}


/* SELF EMPLOYED */
.selfemployedintro {margin-top:40px; margin-bottom:40px;}
.selfemployedshareimage {width:100%; height: auto;}
.sharestory {border-top:40px #BF1E74 solid; border-bottom:40px #BF1E74 solid;}
.sharecalloutbox {padding-left:30px; padding-right:30px;}
.sharecalloutbox h2 {margin-top:100px;}


/* COST CALC */

.ccb-drop-down {width:100%}
.calc-container.horizontal .calc-list.calc-fields .calc-item { width: 100% !important;}
.calc-container { padding:0px !important;  width: 100%;  max-width: 1400px !important;}
.sub-item-title {display:none !important;}
.calc-container .calc-list .calc-subtotal-list .sub-list-item.total {text-align:center !important;}
.calc-item-title h4 {display:none !important;}
.calc-container .calc-list {min-height: 60px !important;}
.calc-container .calc-list .calc-subtotal-list .sub-list-item.total { border-top: 0px  !important;}
.ccb-wrapper-30732.calculator-settings .calc-toggle label  {margin: 12px 0 0 !important;}
.calc-subtotal { padding:0px !important;}
.calc-container .calc-list .calc-item {margin-bottom: 0px !important;}
.calc-container .calc-list .calc-subtotal-list .sub-list-item.total {  align-items: center;  justify-content: center; margin-top: 0px !important; padding-top: 0px !important; font-family: "cocon", sans-serif;  color:#BF1E74 !important;}

.calc-radio-item input[type=radio] {
    outline: none;
	max-width:  none !important;
   min-width: none !important;
    max-height: none !important;
    min-height: 140px !important;
    margin: 30px !important;
    border-radius: 10% !important;
    position: relative;
    background-color: #ccc !important;
    border: none !important;
	color: white !important;
    -webkit-appearance: none;
}




.calc-radio-item label { display: inline-block; padding-top: 65px; padding-bottom: 65px; font-family: "cocon", sans-serif; font-size: 18px !important; font-weight: 500 !important; background-color:#BF1E74; color:white !important;   border-radius: 15px !important; min-height:160px; transition: all 0.3s;margin: 10px; text-align: center !important;cursor: pointer;}


.calc-radio-item input[type="radio"] { display: none;}

.calc-radio-item input[type="radio"]:checked + label { background-color:#7B204F; }

.calc-radio-item { display: inline !important;}


.ezfc-element-radio-container {
    outline: none;
	width:  20% !important;
        position: relative;
	float: left;
	  background-color: #ccc !important;
		  margin: 2% !important;
    background-color: #ccc !important;
	border-radius: 10% !important;
}


.ezfc-option-wrapper-selected{

  background-color: #7B204F !important;
	color:white  !important;
}
.ezfc-element-radio-text label {cursor: pointer;}
.ezfc-element-radio input[type=radio] {

	  margin: 20px !important;
	  margin-left: auto !important;
	 margin-right: auto !important;
    background-color: #ccc !important;
    border: none !important;
	color: white !important;
    -webkit-appearance: none;
	 font-family: "cocon", sans-serif !important;
	font-size: 18px !important; 
	font-weight: 500 !important;
		text-align: center !important;
}

.ezfc-element-radio{
		text-align: center !important;
		  margin-left: auto !important;
	 margin-right: auto !important;
	
}

.ezfc-theme-aero-v2 .ezfc-required-char {
    color: #7B204F !important;
}


.ezfc-element-radio-text{
	 font-family: "cocon", sans-serif !important;
	font-size: 18px !important; 
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100%;
	    display: inline-block !important;
	 padding-top: 15px;
	 padding-bottom: 65px;
	font-weight:500 !important;
	
}

.ezfc-element-radio-container label {


	font-weight:500 !important;
	
}


@media (max-width: 767px) {
.ezfc-element-option-container .ezfc-element-single-option-container {
    width: 20%!important;
}
}



@media (max-width: 680px) {
.ezfc-element-option-container .ezfc-element-single-option-container {
    width: 45%!important;
}
}

@media (max-width: 370px) {
.ezfc-element-option-container .ezfc-element-single-option-container {
    width: 80%!important;
}
}




/*  404 */

.whoops {margin-top:100px; margin-bottom:100px;text-align:center;}
.whoops h1 {color: #BF1E74; font-size:80px; margin-bottom:40px;}
.whoops p {line-height: 130%; font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-weight: 300; font-size:26px;}
.whoops .back {margin-top:40px; font-size:20px; }
.whoops .back  a {color:#7B204F; text-decoration:none; font-weight: 500;}
.whoops .back  a:hover {color: #BF1E74; text-decoration:none;}

/* purple-button */
.btn.purple-button { 
    font-family: 'cocon', sans-serif; 
    font-size: 1.6rem;
    margin: 50px 0;
    border-radius: 7px;   
    padding: 5px 30px;
    border: 0;
    color: #fff;
    background-color: #7b204f;
}

.btn.purple-button:enabled:hover {    
    background-color: #bf1e74;
    cursor:pointer;
    transition:background ease-in 0.1s;
}

.btn.purple-button:disabled {    
    background-color: #ddd;
    pointer-events:none;
}



/* MEDIA QUERIES */


@media (max-width: 992px) {	
.alternatingboxes .teaserimageright  {text-align:center; padding-left:15px;}
.alternatingboxes .teaserimageleft { text-align:center; padding-right:15px;}
.teasertextright {padding-left:15px;}
.teaertext-left {padding-right:15px;}
.nowrapspan a { white-space: nowrap;}	
.accordionMenu > label {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 15px 0 15px;
    font-weight: 300;
    font-family: "cocon", sans-serif;
    font-size: 22px;
    position: relative;
    cursor: pointer;
    border-bottom: 0px solid #e6e6e6;
    margin-bottom: 0px;
}
	
	
	.calloutbox h2 { margin-top: 20px;}
	.buttoncalloutwrapper	{ margin-bottom: 20px;}
		
	.equal-cal .navtop div {
display:inline-block;
    margin: 0 auto;
	width: 100%;
    height: 100%;	
		text-align:center;
	 padding: 0px;}
	.equal-cal .calendar .days .day_name { padding: 10px;}
	.mobhide {display:none !important;}
	.mobalignright {text-align:center; display:inline; margin-left:20px; font-size:16px; padding-top:0px !important;}
	.calheader {padding: 18px;}
	.equal-cal .navtop div h1 { padding: 18px;}
	
	.equal-cal .calendar .days .day_num .event {
    margin-top: 10px;
    font-weight: 500;
    font-size: 12px;
    padding: 3px 6px;
    border-radius: 4px;
    background-color: #f7c30d;
    color: #fff;
    word-break:  break-all;
}
	
	.equal-cal .calendar .days .day_num {padding: 5px;}
}

@media (max-width: 768px) {
.memberdetails {text-align:left; margin-top:20px;font-size: 14px; }
.newsletterbutton .popupaoc-button {
    font-family: "cocon", sans-serif !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    padding: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
	
.newsletterbutton a.paoc-popup-click	{
    font-family: "cocon", sans-serif !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    padding: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
	
	

	.authors {margin-top:100px;}
}

@media (max-width: 576px) {
element.style {}
.newsajax {width:100%}
.slantedwrapper {  /* height: 600px; */   background-color: #BF1E74;   margin-top: 0px;}		
p {line-height: 130%; font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-weight: 300; font-size: 20px;}
h1 {font-family: "cocon", sans-serif; font-size: 34px; font-weight: 500; line-height:100%;}
h2 {font-family: "cocon", sans-serif; font-size: 26px; font-weight: 500; line-height:100%;}
h3 {font-family: "cocon", sans-serif; font-size: 26px; font-weight: 500;}
h4 {font-family: "cocon", sans-serif;}
h5 {font-family: "cocon", sans-serif;}	
h2.stories_box_headline {font-family: "cocon", sans-serif; font-size: 34px; font-weight: 500; line-height:100%;}
h2.homepage_hero_box_headline {font-family: "cocon", sans-serif; font-size: 34px; font-weight: 500; line-height:100%;}

.authortext {font-size: 20px;}
.authortext h3 {  font-size: 26px; margin-top:30px; }
.postsubheader {font-size: 26px;}
.subheader {font-family: "cocon", sans-serif; font-size: 26px; font-weight: 500; line-height:100%; margin-bottom:40px;}
.teasertext {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 16px; font-weight: 300;}
a .teasertext {text-decoration:none; color:#414042; transition: all 1s ease;}
a .teasertext:hover {text-decoration:none; color:#BF1E74;}
.credit {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 14px; font-weight: 300; color:rgba(65,64,66,0.75);}
.box_module_text {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 20px; font-weight: 300;}
.readmore_divider {font-family: "Roboto", "Franklin Gothic Medium", Tahoma, sans-serif; font-size: 20px; font-weight: 300; width: 100%; text-align: center;  border-bottom: 1px solid #BF1E74;  line-height: 0.1em; margin: 60px 0 60px;}
.readmore_divider span {  background:#fff;  padding:0 60px; }
.readmore_divider span a {color:#7B204F; transition: all 1s ease;}
.readmore_divider span a:hover {color:#BF1E74;}
.loadmore {font-family: "cocon", sans-serif !important;}	
.alm-load-more-btn 	{font-family: "cocon", sans-serif;}
.calc-radio-item input[type=radio] {width: 100% !important;}	
	
.closequote, .openquote {font-size: 40px; line-height: 40px;}
.bottomnav { padding-top: 0px;}

.mobilehomepageimage {margin-bottom:20px; border-radius: 11px;}			
.homepage_hero_box_subeader { margin-bottom: 30px;}		
		
p a {text-decoration: none; color:#BF1E74; transition: all 1s ease;}
p a:hover {text-decoration: none; color:#7B204F;}
a {text-decoration: none; color:#BF1E74; transition: all 1s ease;}
a:hover {text-decoration: none; color:#7B204F;}
.pullquote, .pullquote p {color:#BF1E74; text-align:center; font-family: "cocon", sans-serif !important; font-size: 24px; font-weight: 500; line-height:100%; margin-top:20px; padding-left:10px; padding-right:10px; margin-bottom:20px;}
.posttext {font-size:20px;}
.newsajax {min-height: 0px;}
.pagebreadcrumb { margin-bottom: 20px;  text-align: center;  margin-top: -20px;}
	.breadcrumb-container ul li a {font-size: 13px !important; }
.postmeta {margin-top: 10px;}
.postcontent h1 {font-size: 34px}	
	
.storytext {font-size:20px;}
.storytextcredit {font-size:20px;}
	
.buttonplum {font-family: "cocon", sans-serif; font-size: 29px; font-weight: 500;  color:white; border-radius: 11px; text-align: center;    padding: 8px;
    padding-left: 15px;
    padding-right: 15px;}
a .buttonplum {color: white;  text-decoration: none; transition: all 1s ease;}
a .buttonplum:hover {color: white; ; text-decoration: none;}
a .buttongrey {font-family: "cocon", sans-serif; font-size: 29px; font-weight: 400; background-color:#414042; color:white; border-radius: 3%; text-align: center; transition: all 1s ease;}
a .buttongrey:hover {font-family: "cocon", sans-serif; font-size: 29px; font-weight: 400; background-color:#BF1E74; color:white; border-radius: 3%; text-align: center;}
a .buttoncallout {font-family: "cocon", sans-serif; font-size: 20px; font-weight: 400; background-color:#414042; color:white; border-radius: 11px; text-align: center; transition: all 1s ease; margin-top:50px;    padding: 8px;
    padding-left: 15px;
    padding-right: 15px;}
a .buttoncallout:hover {font-family: "cocon", sans-serif; font-size: 20px; font-weight: 400; background-color:#BF1E74; color:white; border-radius: 11px; text-align: center; transition: all 1s ease; margin-top:50px;     padding: 8px;
    padding-left: 15px;
    padding-right: 15px;}
.arrow_prev, .arrow_next {cursor: pointer;}
.buttongreen, .paoc-popup-btn,  .paoc-popup-btn:hover, .popupaoc-button:hover, a.paoc-popup-click:hover{
    font-size: 24px !important;
   padding: 8px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

	

	
#homepage_hero_box_wrapper { padding-top: 30px;  padding-bottom: 60px;}
#homepage_news_box_wrapper {padding-top: 0px;  padding-bottom: 0px;}
.footerheader input[type=email] {width: 70%;}
/* .arrow_prev, .arrow_next, .arrow_prev1, .arrow_next1 {display:none !important;}	*/
	
	.arrow_prev, .arrow_next,.arrow_prev1, .arrow_next1  {font-size:14px;}
.chevronspacer	{margin-right:3px;}	
	
.viewall {margin-right: 10px; font-size:14px;}

.btmsocial {text-align:center; margin-bottom:30px; }
.btmcopyright {text-align:center;}
.btmlogo {display:none;}	
.readmore_divider { margin: 30px 0 60px;}
#stories_box_wrapper {padding-top: 50px;  padding-bottom: 60px;}	
	
	
	.accordionMenu > label {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px 0 15px;
    font-weight: 300;
    font-family: "cocon", sans-serif;
    font-size: 18px;
    position: relative;
    cursor: pointer;
    border-bottom: 0px solid #e6e6e6;
    margin-bottom: 0px;
}
	
	
	
.alternatingboximage {
    margin-bottom: 0px;
}
	
	.teaserimage {
    margin-bottom: 30px;
	
}	
	
.membership_nav_container li {display: inline; margin-right:20px; ; padding-right:0px; border-right: 0px solid #BF1E74; display:block; }
.membership_nav_container {font-family: "cocon", sans-serif; font-size: 18px;  font-weight: 500; color:#BF1E74; margin-top:0px; margin-bottom:20px; text-align:left; transition:  all 1s ease; text-align:center;}
	
.homepage_news_box_wrapper .slick-slider {height: 390px !important;}
.calloutbox {padding: 20px;}	
	.grey_box_wrapper  {padding-bottom:0px !important;}	
	
	


}	
	@media (min-width: 1095px) {

.authorinfo {
    margin-top: 150px;
}

}
	
	@media (min-width: 681px) {
.calc-radio-item {
    width: 24%;
    float: left;
		margin-right:1% !important;
}
	
	
}
@media (min-width: 576px) {	
.calc-radio-item input[type=radio] { width: 45% !important;}
.mobilehomepageimage {display:none;}	
}

@media (max-width: 681px) {
.newsajax {max-width: 1000px; width:100%;}
	
.bs-stepper .bs-stepper-header{
text-align: center;
}
	
.bs-stepper .bs-stepper-header .bs-stepper-circle {
  display: none;
}
.bs-stepper .bs-stepper-header .step{
  display: none;
}
	
	
.bs-stepper .bs-stepper-header .line{
  display: none;
}
	
 .bs-stepper .bs-stepper-header .active .bs-stepper-circle {
  display: block;
}
.bs-stepper .bs-stepper-header .active {width:100%;   display: block;}
	
 .bs-stepper-label {
  display: none !important;
}	
	
	
.joinintroimage {width:50%; height: auto; padding:1%;}
	
	
	
}



@media (max-width: 1000px) {
	.footerheader .gform_wrapper .gf_simple_horizontal {
    width: calc(100% - 16px);
    margin-left: 10px;    margin-top: 30px;
}	
	
}
@media (min-width: 1000px) {
	.footerheader .gform_wrapper .gf_simple_horizontal {
    width: calc(100% - 16px);
    margin-left: 10px;    margin-top: 30px;
}	
	
}

@media (min-width: 1100px) {
	.footerheader .gform_wrapper .gf_simple_horizontal {
    width: calc(100% - 16px);
    margin-left: 100px;    margin-top: 30px;
}	
	
}




@media (min-width: 1200px) {
	.footerheader .gform_wrapper .gf_simple_horizontal {
    width: calc(100% - 16px);
    margin-left: 150px;    margin-top: 30px;
}	
	
}



@media (min-width: 1300px) {
	
	
	
	.footerheader .gform_wrapper .gf_simple_horizontal {
    width: calc(100% - 16px);
    margin-left: 200px;    margin-top: 30px;
}}



@media (max-width: 1362px) {

	.stories_box_image {display:none;}}

@media (max-width: 1003px) {
	.hide1003 {display:none;}
}



@media (min-width: 1094px) {

.joinbutton {background-color:white; font-family: "cocon", sans-serif; color:#BF1E74; font-weight: 600; border-radius: 11px; text-align: center; padding-top:8px; padding-bottom:8px; padding-left:12px; padding-right:12px; transition: all 1s ease;}
.joinbutton:hover {color:#fff;  background-color:#96BC33;}
}

@media (max-width: 1200px) {
.slantedboximage {background-position: center; background-repeat: no-repeat;  background-size: cover; height:600px; background-image:none !important; height:0px;}

}

@media (max-width: 1349px) {
	.navigation-sectors {display:none;}
}



@media (min-width: 1300px) {
	.shareposts{display:none;}
}


@media screen and (max-width: 500px){
.calc-container .calc-list .calc-item .calc-item__title {
    font-size: 16px!important;
}


 #form-campaigning-details .checkbox-container {

    height: 110px !important;
}




}
	
@media (max-width: 1092px) {	
	.grey_box_wrapper {padding-top: 70px;}
	

}