/*This makes the h1 consistent with the rest of the site*/

.gadgetStyleBody h1{
    font-family: Open Sans;
    font-weight: 400;
    font-size:26px;

}


/*This spreads the filter list out horizontally and creates spacing between the items*/

.WaGadgetMemberDirectoryStateList .browsingColumnsMainContainer table.browsingColumns tr.filterRow td .filterOptions ul.filterList li {
    /*padding: 5px 10px;*/
    /*float: left;*/
    font-family: Open Sans;
}

/*This changes the text to black*/

.WaGadgetMemberDirectoryStateList .browsingColumnsMainContainer table.browsingColumns tr.filterRow td .filterOptions ul.filterList li a {
    color:#000;
}

/*This changes the text to Interactive Ontario Green when hovered and removes the underline*/

.WaGadgetMemberDirectoryStateList .browsingColumnsMainContainer table.browsingColumns tr.filterRow td .filterOptions ul.filterList li a:hover{
    color:#98c82a;
    text-decoration:none;
}

/*Hides Field titles*/

.WaGadgetMemberPublicProfileStateMain .fieldLabel{
    font-family: Open Sans;
    font-weight:700;
}

/*This makes the h1 consistent with the rest of the site*/

#membershipDetailsContainer{
    display:none;
}

/*This increases the size of the Title of the ogranization*/

.memberDirectoryDetailsHeaderContainer h3{
    font-size:16px;
    font-weight:700;
}

/*This increases the font size of the field information displayed on the profile page*/

.fieldSubContainer .fieldBody{
    font-size:18px;
}

/*Removes Powered by Wild Apricot Membership Software*/

#idFooterPoweredByContainer{
    display:none;
}

/*This puts the back button on a new line*/

.pageBackContainer {
    clear:both;
}

/*This reduces the font size of the headers of the directory table*/

.genericListTable thead th, .membersTable thead th{
    font-size:18px;
}

/*This removes the Member Photo Album link and list item from the membership application form section*/

/* li#memberPhotoGalleryShowLink{
    display: none !important;
} */

/*This removes the Event Registrations link and list item from the membership application form section*/

li#eventRegistrationsShowLink{
    display: none !important;
}

/*This removes the Email Subscriptions link and list item from the membership application form section*/

li#membeSubscriptionsShowLink{
    display: none !important;
}

#idSocialLoginContainer{
    display:none !important;
}

/* .captionContainer{
    display:none;
} */

/* Business Name */

/* #idContainer11600677{
    display: none;
} */

/* #FunctionalBlock1_ctl00_ctl00_memberProfile_MemberForm_memberFormRepeater_ctl10_titleLabel{
	display:none;
}
#FunctionalBlock1_ctl00_ctl00_memberProfile_MemberForm_memberFormRepeater_ctl12_titleLabel{
	display:none;
}
#FunctionalBlock1_ctl00_ctl00_memberProfile_MemberForm_memberFormRepeater_ctl15_titleLabel{
	display:none;
} */

/*Removes the whole member details div container*/
/*#idMemberDetailsTabsContainer{
    display:none !important;
}*/
/*Removes edit profile and my directory profile from signup final page*/
/*#idTopButtonsContainer{
    display: none !important;
}*/


/*Filter border on mobile*/

/*@media only screen and (max-width:616px){
	.WaGadgetMemberDirectoryStateList .browsingColumnsMainContainer table.browsingColumns tr.filterHead th {
	display: initial !important;
	}
}*/

/*Changes directory back link to look like a button consistent with regular site.*/

#FunctionalBlock1_ctl00_ctl00_backLink{
    background-color: #98c82a;
    padding:10px 25px;
    border-radius: 2px;
}

a#FunctionalBlock1_ctl00_ctl00_backLink{
    color:#000;
    text-decoration:none;
    font-family: Open Sans;
    font-weight:700;
}

@media only screen and (max-width:616px){
	#idF1Row {
    border: 2px solid #dadada;
    width: 325px;
    border-radius: 7px;
    padding: 5px;
    margin-bottom:50px;
    background-image: url(https://interactiveontario.wildapricot.org/resources/Pictures/area-of-expertise-background.jpg);
	}

	#idF1Row:hover {
		outline:none;
		border-color:#9ecaed;
		box-shadow:0 0 10px #9ecaed;
	}
}

@media only screen and (max-width:616px){
	#idF2Row {
    border: 2px solid #dadada;
    width: 325px;
    border-radius: 7px;
    padding: 5px;
    margin-bottom:50px;
    background-image: url(https://interactiveontario.wildapricot.org/resources/Pictures/type-of-business-background.jpg);
	}

	#idF2Row:hover {
		outline:none;
		border-color:#9ecaed;
		box-shadow:0 0 10px #9ecaed;
	}
}

@media only screen and (max-width:616px){
	#idF3Row {
    border: 2px solid #dadada;
    width: 325px;
    border-radius: 7px;
    padding: 5px;
    margin-bottom:50px;
    background-image: url(https://interactiveontario.wildapricot.org/resources/Pictures/tags-background.jpg);
	}

	#idF3Row:hover {
		outline:none;
		border-color:#9ecaed;
		box-shadow:0 0 10px #9ecaed;
	}
}

/* EVENT REIGSTRATIONS, DONATIONS, AND PRIVACY IN PROFILES */

#ctl00_ContentArea_registrationsTabLabel{
    display:none;
}

#ctl00_ContentArea_donationsTabLabel{
    display:none;
}

#memberFieldsContainerShowLink{
    display:none;
}

/*********** MEMBER PHOTO ALBUMS ***********/


/* Gets rid of the title on member profiles */
#idCaptionPhotoGalleryMainContainer{
    display:none;
}

/* Increase the size and weight Photo captions */
#idCaptionContainer{
    font-size: 24px;
    font-weight: 700;
}

/* Restricts max size of images in albums */
.WaGadgetMemberPublicProfileStatePhoto #idPhotoMainContainer #idPhotoMainSectionContainer #idImageContainer a img{
    max-width:60%;
}

/* Increases size of the thumbnails on the profile page */
.WaGadgetMemberPublicProfile ul.albumsContainerUL li.photoGalleryItemContainerLi div[class^="photoGalleryItemThumbnailImage"] a img{
  max-width: 400px;
  max-height:400px;
}

.WaGadgetMemberPublicProfile ul.albumsContainerUL li.photoGalleryItemContainerLi div[class^="photoGalleryItemThumbnailImage"] a{
  width:auto;
  height:auto;
}

/* Removes title that showed up on right side of profile */
.titleRightContainer{
    display:none;
}

/* Increases size of image description */
#FunctionalBlock1_ctl00_ctl00_DescriptionLabel.photoLabel{
    font-size: 18px;
}

/* Action Button Styling */
#actionButton{
    background-color: #eee;
    padding: 10px 10px;
    border-radius: 5px;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 600;
}
/*END Action Button Styling */

/*CTA Button Styling */
 .cta_button_link{
        color:#000 !important;
        background-color:#98c82a;
        padding: 10px 25px;
        font:'Open Sans';
        font-size:15px;
        border-radius:3px;
        font-weight: 600;
        text-align: center;
    }

 .cta_button_link:hover{
        color:#fff !important;
        text-decoration: none;
        transition:0.5s;
    }

    .cta_secondary_button_link{
        color:#000 !important;
        background-color:#eeeeee;
        padding: 10px 25px;
        font:'Open Sans';
        font-size:15px;
        border-radius:3px;
        font-weight: 400;
        text-align: center;
    }

 .cta_secondary_button_link:hover{
        color:#3d3d3d !important;
        text-decoration: none;
        transition:0.5s;
    }
/*END CTA Button Styling */

a:hover #actionButton span{
    color:#6c6c6c;
}

#first_Button, #second_Button, #third_Button{
    padding:0px 30px;
}

/****** Removes google and facebook sign in link ******/

.WaGadgetAuthorizationRequired .openAuthFormContainer{
    display:none;
}

#socialLoginContainer{
    display:none;
}

/***** Profile Album Styling *****/

.WaGadgetMemberPublicProfile ul.albumsContainerUL li.photoGalleryItemContainerLi{
    width: 48%;
}

/*****Membership Level Change Styling*****/

#idMembershipLevelRadioGroupContainer .fieldSubContainer .fieldBody .fieldItem{
    margin: 31px 0px 0;
    border-width: 5px;
    border-left-style: solid;
    padding: 25px;
    /* background-color: #f2f2f2; */
    border-radius: 0px 10px 10px 0px;
    border-color: #3e3e3e;
}

#idMembershipLevelRadioGroupContainer .fieldSubContainer .fieldBody .fieldItem span #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_levelListView_membershipLevelsRepeater_ctl00_levelView_levelLabel{
	font-size: 20px;
    font-weight: 600;
}

#idMembershipLevelRadioGroupContainer .fieldSubContainer .fieldBody .fieldItem span #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_levelListView_membershipLevelsRepeater_ctl01_levelView_levelLabel{
	font-size: 20px;
    font-weight: 600;
}

#idMembershipLevelRadioGroupContainer .fieldSubContainer .fieldBody .fieldItem span FunctionalBlock1_ctl00_ctl00_stepTemplate_levelListView_membershipLevelsRepeater_ctl00_membershipLevelRadioLabel{	font-size: 20px;
    font-weight: 600;
}

.fieldSubContainer .fieldBody .fieldItem span.label .textLine{
    margin-bottom: 5px;
}

/*****END Membership Level Change Styling*****/

/* Emergency fix to remove billing info from Page title */
#idCaptionContainer12506656{
    display:none;
}

/* END Emergency fix to remove billing info from Page title */

/* Gadget Style 3 Styling on Welcome Page */

.gadgetStyle003 .gadgetStyleTitle {
    background: #98c82a;
}

.gadgetStyle003 .gadgetStyleTitle h4{
    color: #000;
}

.gadgetStyle003
{
    border: 5px solid #98c82a;
}

.update_membership_cta {
    width: 300px;
    margin: 0px auto;
}

/*END Gadget Style 3 Styling on Welcome Page*/

/* Putting the Checkboxes into two columns */


/**** Area of Expertise New Sign Up ****/
.fieldSubContainer .fieldBody #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl14_RadioGroup12543246 .fieldItem{
    margin: 0 0 10px 0;
    float: left;
    width: 275px;
}
/**** Business Type New Sign Up ****/
.fieldSubContainer .fieldBody #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl15_RadioGroup12543248 .fieldItem{
    margin: 0 0 10px 0;
  float: left;
  width: 275px;
}

/* This keeps the check boxes in two columns, but puts the help text underneath the Business type field instead of on the side. */
.fieldSubContainer .fieldBody #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl15_RadioGroup12543248{
  float:right;
}

/**** Other Tags New Sign Up ***/
.fieldSubContainer .fieldBody #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl16_RadioGroup12522288 .fieldItem{
    margin: 0 0 10px 0;
  float: left;
  width: 275px;
}

/* Area of Expertise Existing Member Application */
.fieldSubContainer .fieldBody #FunctionalBlock1_ctl00_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl14_RadioGroup12543246 .fieldItem{
    margin: 0 0 10px 0;
  float: left;
  clear:right;
  width: 275px;
}

/* Business Type Existing Member Application */
.fieldSubContainer .fieldBody #FunctionalBlock1_ctl00_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl15_RadioGroup12543248 .fieldItem{
  margin: 0 0 10px 0;
  float: left;
  width: 275px;
}

/* This keeps the check boxes in two columns, but puts the help text underneath the Business type field instead of on the side. */
.fieldSubContainer .fieldBody #FunctionalBlock1_ctl00_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl15_RadioGroup12543248{
  float:right;
}

/* Other Tags Existing Member Application */
.fieldSubContainer .fieldBody #FunctionalBlock1_ctl00_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl16_RadioGroup12522288 .fieldItem{
    margin: 0 0 10px 0;
  float: left;
  width: 275px;
}


/* *********REMOVE THIS TO RAISE THE INSTRUCTIONS TO THE TOP OF THE CHECKLIST********* */
#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl15_RadioGroup12522288{
  float:left;
}

#FunctionalBlock1_ctl00_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl15_RadioGroup12522288{
    float:left;
}

#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl09_RadioGroup12557713{
    float:left;
}
/*END Putting the Checkboxes into two columns */

/* Highlighting New fields in existing member level change application. */
#FunctionalBlock1_ctl00_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl05_titleLabel{
  color:blue;
  font-weight: bold;
}

#FunctionalBlock1_ctl00_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl10_titleLabel{
  color:blue;
  font-weight: bold;
}

#FunctionalBlock1_ctl00_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl17_titleLabel{
  color:blue;
  font-weight: bold;
}

/* #FunctionalBlock1_ctl00_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl14_titleLabel{
  color:blue;
  font-weight: bold;
} */

/* END Highlighting New fields in existing member level change application. */

/* Removes membership icon from application form */

/* #FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl01_titleLabel{
    display: none; 
}

#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl01_UploaderIframe11927440{
    display:none;
} */

/* END Removes membership icon from application form */

#aTermsOfUse{
    color: #00E;
    text-decoration: underline;
}

#legacy_member_login .loginBoxProfileLink{
  display:none;
}

/* Terms of use button colour */

.tou_gadget #ctl00_ContentArea_submitButton {
    background:#98c82a;
    font-weight:700;
}

.tou_gadget #ctl00_ContentArea_cancelButton {
    float:left;
}

/* Profile button save order and colour */
/** The Cancel button to the left **/
.profile_info #FunctionalBlock1_ctl00_ctl00_cancelButtonTop{
    float:left;
}

.profile_info #FunctionalBlock1_ctl00_ctl00_cancelButton{
    float:left;
}

/* The colour of the action button */
.profile_info #FunctionalBlock1_ctl00_ctl00_publishButton{
    background:#98c82a;
    font-weight:700;
}

.profile_info #FunctionalBlock1_ctl00_ctl00_publishButtonTop{
    background:#98c82a;
    font-weight:700;
}

/* Password change button order and colour*/
.pass_change #ctl00_ContentArea_CancelBtn{
    float:left;
}

.pass_change #ctl00_ContentArea_SubmitNewPasswordBtn{
    background:#98c82a;
    font-weight:700;
}

/*Makes funding info text unselectable*/

/* .funding_info p {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
} */

/* Code to change Funding Info page width START */
#PAGEID_18121 .container_12 {
    width: 80%;
}

@media only screen and (min-width: 1600px){
#PAGEID_18121 .container_12 {
    width: 66%;
}}

@media only screen and (min-width: 2000px){
#PAGEID_18121 .container_12 {
    width: 60%;
}}

#PAGEID_18121 .s1_grid_12{
    width: auto;
}
/* @media only screen and (max-width: 1199px) and (min-width: 600px){
#PAGEID_18121 .container_12 .dashboard {
    display:none;
    width:1200px;
} */

@media only screen and (max-width: 500px){
/* #PAGEID_18121 .container_12 .dashboard {
    display:none;
} */

}
/* Code to change Funding Info page width END */

.funding_info{
  margin: 0px auto;
  margin-bottom: 50px;
}

.gds{
    width: 100%;
    height: 1000px;
    overflow: hidden;
}

/* Home Page Background Image */

#PAGEID_18127 .mLayout{
  background-image: url("https://members.interactiveontario.com/resources/Pictures/4853430a.jpg");
  background-position: bottom;
}

/* Home Page Background Image END */


/* Remove the horizontal menu on the home page for public users */

#PAGEID_18127 .menuBackground{
    background-color:#98C82A00 !important;
}

#PAGEID_18127 .menuInner .firstLevel{
    background-color:#98C82A00 !important;
}

#PAGEID_18127 .WaGadgetMenuHorizontal.menuStyle001 .menuInner ul.firstLevel > li > .item > a{
    color:#000 !important;
    background-color: #98c82a !important;
    padding:15px 25px 15px 25px;
    border-radius: 4px;
    font-size:16px;
}

#PAGEID_18127 .WaGadgetMenuHorizontal.menuStyle001 .menuInner ul.firstLevel > li > .item > a:hover{
    color:#ffffff !important;
}

.WaGadgetMenuHorizontal[class*="menuStyle"] .menuInner ul.firstLevel{
    display:initial;
}

/* This removes the "pay online" button from the invoices page */

#invoicesAndPaymentsMainContainer #payOnlineButton{
  display:none !important;
}

#FunctionalBlock1_ctl00_ctl00_Membership_lapsedMessageBox_renewButton{
    display:none !important;
}


/*Styles the Change Membership level button in the member profile*/

#FunctionalBlock1_ctl00_ctl00_Membership_sharedMembershipLevelView_changeLevelButton{
  padding:10px;
  background-color:#97C82A;
  -webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  display:block;
  width:250px;
  text-align: center;
  margin:15px 0px;
/*   border-radius: 4px; */
  font-size: 15px;
  
}

#FunctionalBlock1_ctl00_ctl00_Membership_sharedMembershipLevelView_changeLevelButton:hover{
  background-color:#ccc;
  color:#000
}

/* Removing the 'Choose files You can upload up to 20 files. Each file should be less than 20 MB' from the application */
.uploadNotice
{
    display:none !important;
}

/* This changes the line height of the list items in the Average FTE accordion on the membershp level change system page */
.fte-item{
  font-weight:600;
  line-height: 5px;
  letter-spacing: 0.7px;
}

.fte-paragraph{
  font-size:15px;
  font-weight:300;
  letter-spacing: 0.1px;
}

.benefit-item{
  font-weight:400;
  margin-bottom: 5px;
}

.benefit_box .WaLayoutItem{
  border: 5px solid #eeeeee;
  padding:20px 20px;
  border-radius: 6px;
}

.benefit_box .WaLayoutItem:hover {
  border: 5px solid rgba(255, 215, 0, 0.3);
  box-shadow: 0 3px 15px rgba(255, 215, 0, .4);
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.5s ease-in;
}

.build_renew_card{
  outline: 3px dashed #cccccc;
  border-radius: 20px;
  padding:40px 50px;
  margin:30px 30px;
}

.build_renew_card li{
  line-height: 20px;
  margin-bottom:15px !important;
}

.expand_renew_card{
  outline: 3px solid #f7d774;
  border-radius: 20px;
  padding:40px 50px;
  margin:30px 30px;
  transition:5s;
}

.expand_renew_card:hover{
    -webkit-box-shadow:0px 0px 116px 10px rgba(249,195,32,0.4);
  -moz-box-shadow: 0px 0px 116px 10px rgba(249,195,32,0.4);
  box-shadow: 0px 0px 40px 10px rgba(249,195,32,0.4);
  transition:0.5s;
}

.expand_renew_card li{
  line-height: 20px;
  margin-bottom:15px !important;
}

.expand_renew_card h2::before{
  content:'✨';
  margin-right:10px;
  transition:3s;
  opacity: 0;
}

.expand_renew_card h2::after{
  content:'✨';
  margin-left:10px;
  transition:3s;
  opacity:0;
}

.expand_renew_card:hover h2::before{
  content:'✨';
  margin-right:10px;
  opacity:1;
  transition:1s;
}

.expand_renew_card:hover h2::after{
  content:'✨';
  margin-left:10px;
  opacity:1;
  transition:1s;
}

.renew_expand_ctas, .renew_build_ctas{
  margin:0 auto;
  width:400px;
  text-align: center;
}
/* REMOVE THE MEMBERSHIP CHANGE BUTTON FROM PROFILES */
#FunctionalBlock1_ctl00_ctl00_Membership_sharedMembershipLevelView_changeLevelButton{
    display:none !important;
}
/* REMOVE THE MEMBERSHIP RENEWAL BUTTON FROM PROFILES */
#FunctionalBlock1_ctl00_ctl00_Membership_RenewalButton{
    display:none !important;
}

/* rounds the corners on the XP Gaming Icon */
.g2t8dPd img{
  border-radius:6px;
}

.single_benefit_box .WaLayoutItem:nth-child(3){
    border: none;
}

.single_benefit_box .WaLayoutItem:nth-child(3):hover{
    border: none;
    box-shadow: none;
}

.notice_box {
  background-color: #fcf8e3;
  border: 3px solid #a08603;
  padding: 1rem;
  margin: 2rem 0;
  border-radius:4px;
}

.notice_box::before {
  content: "✨ NEW ✨";
  background: #fcf8e3;
  width: 6rem;
  border: 3px solid #a08603;
  border-radius:4px;
  display: block;
  text-align: center;
  position: relative;
  left: 1rem;
  top: -1.8rem;
  padding: 2px 10px;
  font-weight: bold;
}

.notice_box_link{
    color: #5D7A1A !important;
}

*****************Media Queries*****************

@media (min-width:950px){.gds{width:100%;height:650px;overflow:hidden;}}@media (min-width:990px){.gds{width:100%;height:800px;overflow:hidden;}}@media (min-width:1200px){.gds{width:100%;height:850px;overflow:hidden;}}@media (min-width:1290px){.gds{width:100%;height:900px;overflow:hidden}}@media (min-width:1400px){.gds{width:100%;height:1000px;overflow:hidden;}}@media (min-width:1800px){.gds{width:100%;height:1050px;overflow:hidden;}}@media (min-width:2100px){.gds{width:100%;height:1300px;overflow:hidden;}}@media (min-width:3000px){.gds{width:100%;height:1400px;overflow:hidden;}}