@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');

html {
        height: auto;
}

/*  Navigation -> Log Out Button CSS  */
.zoneContent #id_IOTD79t div a {
  text-transform: capitalize !important;
}

/* fix background image placement */
body{
 background-image: url('/resources/Pictures/st-andrews-paper-bkg.jpg');
}

body, h1, h2, h3, h4, h5, h6, input {
    font-family: "Marcellus", serif;
    font-weight: 400;
    font-style: normal;
}

h1 { 
    font-size: 48px;
    line-height: 50px;
}

h2 {
    color: #bdb762;
    font-size: 36px;
    line-height: 40px;
    text-transform: uppercase;
}

.memberDirectoryDetailsHeaderContainer h2, #idPrimaryContentBlock1Content h2{
    color:#333;
}

h3 {
    color: #f2e5bd; 
    font-size: 30px;
    line-height: 36px;
    text-transform: uppercase;
}

h4 {
    color: #8c4216;
    font-size: 24px;
    line-height: 1;
    text-transform: uppercase;
}

body {
    color: #000000;
    font-size: 20px;
    line-height: 26px;
}

H3.alt {
    color: #8c4216;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
}

a {
    color: #8c4216;
    font-size: 20px;
    line-height: 26px;
    text-decoration: underline;
}

.zoneFooter2{
    display:none!important;
}
.zoneFooter1, .zoneFooter3{
    font-size:14px;
    color:#bdb762;
}

a:hover {
    text-decoration: none;
}
#idGeneralFormContainer .formTitle{
    display:none;
}
.formTitleOuterContainer .formTitleContainer{
    border-color:#333;
}
.fieldSubContainer .fieldBody>.typeInstruction{
    color:#957b65;
}

.profileMainOuterContainer #idExpirationDateContainerHolder .actionButtonContainer input[type=submit], .WaGadgetContactProfile .topButtonsOuterContainer .inner input.typeButton, .navigationOuterContainer .navigationContainer .left input.nextButton, .navigationOuterContainer .navigationContainer .left input.typeButton, .navigationOuterContainer .navigationContainer .left input[type=submit],.navigationOuterContainer .navigationContainer .right input.nextButton, .navigationOuterContainer .navigationContainer .right input.typeButton, .navigationOuterContainer .navigationContainer .right input[type=submit], .WaGadgetMemberPublicProfileStateMain .memberDirectoryDetailsOuterContainer .profileHeaderContainer h2 .sendMailButtonContainer input.typeButton, input[type=submit]{
    background:#2f403e!important;
    color:#bdb762!important;
    border-radius:5px!important;
}

.gadgetStyle001 .gadgetStyleTitle, .gadgetStyle001 .gadgetStyleTitle h4{
    background: #634032!important;
    color: #f2cda0!important;
}

.WaGadgetUpcomingEvents{
    border-color:#634032!important;
    border-width:2px!important;
}
.WaGadgetUpcomingEvents .gadgetStyleBody {
    background:#f2cda0;
}

.WaGadgetLoginButton{
    margin-top:0!important;
}
.WaGadgetLoginButton a{
    font-size:16px;
    color:#8c4216;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a{
    font-size:18px;
    padding:10px 16px;
}

.memberDetailsTabMenu li, .memberDetailsTabMenu li a{
    font-size:18px;
    line-height:20px;
}

.WaGadgetContactProfile .memberDetailsTabsOuterContainer{
    margin:0;
}
#PAGEID_17996{
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('/resources/Site/st-andrews-member-bkg.jpg');
}
/* #PAGEID_17996 .zoneFooter1, #PAGEID_17996 .zoneFooter2, #PAGEID_17996 .zoneFooter3{
    background:#f2cda0;
    color:#000;
} */
.zoneFooter1, .zoneFooter2, .zoneFooter3, #idFooterPoweredByWA, #idFooterPoweredByWA A:link, #idFooterPoweredByWA A:active, #idFooterPoweredByWA A:visited, #idFooterPoweredByWA A:hover, .zoneFooter3 a{
    background:#2f403e;
    color:#bdb762!important;
}

a.myButton {
    background-color: #2f403e;
    color: #9c9751;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-size: 24px;
    text-decoration: none;
    font-weight: normal;
    padding: 5px 13px;
    display: inline-block;
    text-transform: uppercase;
}

.WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idLoginButtonBox span input.loginButton {
    font-family: "Marcellus", serif;
    font-style: normal;
    background-color: #2f403e;
    color: #9c9751;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-size: 24px;
    text-decoration: none;
    font-weight: normal;
    padding: 5px 13px;
    display: inline-block;
    text-transform: uppercase;
}

a.myButton:hover,
.WaGadgetAuthorizationRequired .loginPageTable #idSubmitBox #idLoginButtonBox span input.loginButton:hover
 {
    background-color: #2f403e;
    color: #fff;
}

.WaGadgetAuthorizationRequired .loginPageTable #idLoginBox div input[type=text] {
    border: 1px solid #bdba93;
}

.zoneHeader1, .zoneHeader2, .zoneHeader3, .zoneHeader4 {
    display: none;
}

#idForgotLinkBox a{
    font-size:14px;
}

.header-row td{
    vertical-align:bottom;
}
.header-row h2{
margin-bottom:0;
}

.logo .gadgetStyleBody{
    padding-left:0!important;
}
#idMemberProfileContainer{
    background:#f2cda0;
    padding:2em;
}
#idMemberDetailsTabsContainer{
    background:#634032;
    color:#f2cda0;
    padding:1em;
}
#idMemberDetailsTabsContainer a{
    color:#f2cda0!important;
}

.memberDetailsTabMenu a{
    text-decoration: none;
}

#donationsShowLink{
    border:none;
}
#profile-img img{
    border-radius:50%;
}
#profile-img{
    background: #f1cda2;
    border: none;
}
#profile-img h4 a{
    color:#000;
    font-size:32px;
    text-decoration: none;
}
.WaGadgetFeaturedMember ul.layoutHorizontal li {
    display:flex;
    align-items: center;
}

/*  Back to Website Button CSS  */
#id_mtVDlFe a font {
  font-size: 16px !important;
}

/*  Navigation Bar -> Donation Buttons  */
#id_EToshH4 #id_3qp2HBF button, #id_6wV1Y5M #id_6bD8A9Z button {
  background: none;
  font-size:   18px !important;
  font-family: 'Open Sans';
  font-weight: 400 !important;
  position: absolute;
  top: 28.5px;
  z-index: 2;
  width: max-content;
}
#id_EToshH4 #id_3qp2HBF button {
  left: -216px;
}
#id_6wV1Y5M #id_6bD8A9Z button {
  left: 333px;
}

/* #id_6bD8A9Z:hover button, #id_3qp2HBF:hover button {
  color: #BDBA93 !important;
}

#id_yOhi7Wr a[title="Scholarship Donation"], #id_yOhi7Wr a[title="Make a Payment"] {
  font-family: "Marcellus", serif !important;
  color: #2f403e !Important;
  background: #bdb762;
  border-radius: 5px;
  height: 16px;
  line-height: 16px;
  margin-top: 5px;
}
.phantom.last-child > div.item .secondLevel {
  background: #2f403e;
  padding: 10px;
}
.phantom.last-child > div.item .secondLevel a {
  color: #bdb762;
}
.phantom.last-child > div.item .secondLevel a:not([title="Make a Payment"]):hover {
  background: #2f403e;
  color: #BDBA93;
} */

/*-----Desktop-------*/
@media only screen and (min-width: 617px){
.log-in-box{
    padding-bottom:18em!important;
}
.WaGadgetContactProfile .memberDetailsTabsOuterContainer ul.memberDetailsTabMenu li{
    padding: 0 14px!important;
}
.WaGadgetContactProfile .memberDetailsTabsOuterContainer ul.memberDetailsTabMenu li{
    margin-right: 8px;
    border-right: 2px solid;
    padding-right: 8px;
    padding-left: 0; 
}
.memberDetailsTabMenu{
    display:flex;
    justify-content:center;
    align-items:center;
}
}

/*----Tablet----*/
@media only screen and (max-width: 770px) {
#nav-donation-buttons {
  flex-direction: column !important;
  align-items: end !important;
}
#nav-donation-buttons a:first-child {
  margin-right: 0px !important;
  margin-bottom: 4px;
}
#id_IOTD79t .loginBoxProfileLink {
  margin-right: 0;
}
p font, p {
  font-size: 18px !important;
}
h2, h2 font {
  font-size: 28px !important;
}
h1, h1 font {
  font-size: 36px !important;
}
#PAGEID_18104 #id_A6Hyjcq table tr {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#PAGEID_18104 #id_A6Hyjcq table tr td {
  width: 100% !important;
}
#id_QcHnzFM .gadgetStyleBody {
  padding: 0 !important;
}
#id_Footer p, #id_Footer p font,#id_Footer a {
  font-size: 12px !important;
}
}

@media only screen and (max-width: 700px) {
  #PAGEID_18004 .captionContainer .fieldBody {
    font-size: 40px !important;
    text-align: center !important;
  }
}


/*-----Mobile-------*/
@media only screen and (max-width: 616px){
    .fieldSubContainer .fieldLabel{
        color:#333!important;
    }
    .content-area{min-height:800px; padding:1em;}
    .header-row{text-align:center;}
    .loginBoxLinkButton{
        background-color: transparent!important;
        color: #2f403e!important;}
    .back-to{margin-top:0!important;}
    .gadgetStyleBody hr{
        display:none!important;
    }
    .WaGadgetLoginButton{
    margin-top:0;
    }
    .WaGadgetLoginButton .alignRight{
    text-align:center;
    }
    .WaGadgetLoginButton{
        margin-top:0!important;
    }
    #idForgotLinkBox a{
        color:#fff;
    }
    #id_KA1LcDm > div {
        display: flex;
        justify-content: end;
        align-items: center;
    }
    
    /*  Structure of Buttons in Navigation  */
#id_zIrHDsB #id_KA1LcDm > div {
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: start;
}
#id_zIrHDsB #id_KA1LcDm > div > div {
  width: 33%;
}


/*  First column -> My Profile + Log Out  */
#id_IOTD79t > div {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
}
#id_IOTD79t > div a {
  white-space: nowrap;
}
.WaGadgetLoginButton a:first-of-type::after {
  position: absolute;
  left: 5px;
  bottom: 44px;
}
#header-row table tbody tr {
  display: flex;
  flex-direction: row-reverse;
}
#id_zIrHDsB {
  margin: 0 !important;
}
#id_8DytU9K > div {
  justify-content: end;
  display: flex;
}



/*  Third column -> Back to Website  */
#id_mtVDlFe > div {
  width: 100% !important;
}
#id_mtVDlFe > div > div a {
  margin-left: 0;
}

/* Chronicles. */
#PAGEID_18081 #id_iVnBEDh {
  text-align: center;
}
#PAGEID_18081 #id_iVnBEDh a {
  margin: 0 auto;
}
#PAGEID_18081 #id_VUGyopO {
  text-align: center;
  margin-top: 60px;
}
#PAGEID_18081 #id_VUGyopO a {
  margin: 0 auto;
}
}

@media only screen and (max-width: 520px) {
  #PAGEID_18004 .captionContainer .fieldBody {
    font-size: 28px !important;
  }

/*  Structure of Buttons  */
#id_zIrHDsB #id_KA1LcDm > div {
  flex-direction: column;
  justify-content: start;
  align-items: center;
}


/*  First column  */
/* #id_IOTD79t > div {
  flex-direction: row;
} */
.WaGadgetLoginButton a:first-of-type::after {
  bottom: 4px;
}
#id_IOTD79t {
  margin-left: -10px;
}


/*  Third column  */
#id_mtVDlFe > div > div {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}
}


#FunctionalBlock1_ctl00_ctl00_MemberForm_memberFormRepeater_ctl01_Image16278871{
    border-radius: 50%;
    width: 195px;
    margin-left: 20px;
}

/* Membership */
#idSectionMembershipLevelContainer{
    display: none;
} 


#FunctionalBlock1_ctl00_ctl00_MemberForm_memberFormRepeater_ctl01_titleLabel{
    display: none;
} 


/* Profile photo */
#idCaptionMembershipDetailsContainer .fieldBody{
    font-size: 60px;
    padding-left: 47px;
    padding-top: 98px;
    width: auto;
    float: left;
}

#idCaptionContainer0{
    display: none;
}

/* Hide Profile Picture edit button */
/* #idContainer16278871 .fieldSubContainer{
    display: none;
} */

#id_GsQDnbD{
    display: none;
}

#idSocialLoginContainer .fieldBody{
    display: none;
}


#FunctionalBlock1_ctl00_ctl00_editButtonTop{
    width: 185px;
    height: 47px;
    font-size: 28px;
    margin-top: -15px;
    margin-left: 119px;
}


#socialLoginContainer{
    display: none;
}

#memberFieldsContainerShowLink{
    display: none;
}

#membeSubscriptionsShowLink{
    display: none;
}

#memberPhotoGalleryShowLink{
    display: none;
}


/* Directory profile button */
#idTopButtonsContainer{
    display: none;
    
}

/* Change Password button*/
#idSocialLoginContainer .change-password-button{
    margin-left: 152px;
    font-size: 15px
}

#id_KA1LcDm .loginBoxChangePassword{
    display: none;
}


/* hide social buttons from the Authorization required system page*/
.WaGadgetAuthorizationRequired .openAuthFormContainer {
display: none !important;
}

#FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_eventInfoBox_alreadyRegistered .eventInfoBoxLabel{
    display: none;
}

#FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_eventInfoBox_alreadyRegisteredLink{
    font-weight: bold;
    font-size: 21px;
}

#FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_eventRegistrationActions_ownRegistration{
    font-weight: bold;
    font-size: 21px;
}

/* remove right arrow beside event name*/
.WaGadgetEvents .titleContainer h1.pageTitle a:after{
    display: none;
}

.WaGadgetEvents .titleContainer h1.pageTitle::before {
    content: "\2190\00a0"; /* Unicode for left arrow followed by a non-breaking space */
}


/* Names of people you prefer to sit with
 */
#idContainer16310661 .typeInstruction{ 
    font-weight: bold;
    color: black
}

/*You may wish to exclude your name for privacy or security reasons
 */
#FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_isShownOnPublicContainer .typeInstruction{
   font-weight: bold;
    color: black 
}


/* Message Box */
#messagePopupButton{
    background: #2F403E !important;
    border-left: gray !important;
    border-right: gray !important;
}

#WA_messagePopup #contentBalancePanelId ul{
    background: #BDBA93 !important;
    border-top: gray;
    border-left: gray;
    border-right: gray:
}

#WA_messagePopup #contentBalancePanelId ul li a{
    color:black !important;
    font-weight: bold !important;
}

#WA_messagePopup #contentBalancePanelId ul li+li:before{
    background: gray;
}

body {
    background-repeat: no-repeat;
    background-size: cover;
}


#FunctionalBlock1_ctl00_ctl00_MemberForm_memberFormRepeater_ctl22_DropDownLabel16335253{
    font-size: 22px;
    margin-left: -70px;
    font-weight: bold;
}



/* My event registrations font */
.WaGadgetContactProfileStateEventRegistrations .genericList .genericListTable tr.grayedOut, .WaGadgetContactProfileStateEventRegistrations .genericList .genericListTable tr.grayedOut a {
    color: black;
}

/* Mandatory field on Donate Page */
.formTitleOuterContainer .formTitleContainer .inner .mandatoryFieldsTitle strong {
    color: black;
    font-weight: inherit;
}


/* MyProfile*/
.WaGadgetLoginButton a:first-of-type::after {
  content: "My Profile";
  color: #BDB762;
  text-decoration: none;
  display: inline-block;
  background: #2f403e;
  padding: 5px 15px;
  border-radius: 6px;
  font-weight: bold;
}

.WaGadgetLoginButton a:first-of-type {
    color: transparent; /* Keeps "Name" hidden */
}

/* Forgot password */
#idForgotLinkBox a {
    font-size: 24px; /* Match the font size */
    font-family: "Marcellus", serif;
    font-style: normal;
    background-color: #2f403e;
    color: #9c9751;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    text-decoration: none;
    font-weight: normal;
    padding: 4px 13px;
    display: inline-block;
    text-transform: uppercase;
}

/* Instrcutions on field */
.fieldSubContainer .fieldBody>.typeInstruction {
    display: none;
}

/* Remove Send Message */
.WaGadgetMemberPublicProfileStateMain .memberDirectoryDetailsOuterContainer .profileHeaderContainer h2 .sendMailButtonContainer input.typeButton[type=submit] {
    display: none !important;
}


/* Login button on Login page */
/* .WaGadgetLoginButton .loginBoxLinkContainer a.loginBoxLinkButton {
    display: none;
} */

.WaGadgetLoginButton .loginBoxLinkContainer a.loginBoxLinkButton {
  background-color: #2f403e;
  color: #BDB762;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
  padding: 6px 15px;
  display: inline-block;
  line-height: 26px;
  margin-top: 4px;
  height: auto;
  font-family: "Marcellus", serif;
  font-style: normal;
}
.publicContentView .WaGadgetLoginButton a:first-of-type::after {
  display: none;
}
.WaGadgetLoginButton .loginBoxLinkContainer a.loginBoxLinkButton:hover {
  background-color: #2f403e;
  color: #BDB762;
}

/*Line after Donations tab in My Profile */
.WaGadgetContactProfile .memberDetailsTabsOuterContainer ul.memberDetailsTabMenu li:last-child {
        border-right: none !important;
    }


/* Member Profile Details Page */
/* #PAGEID_18002 #FunctionalBlock1_ctl00_ctl00_backLink, #PAGEID_18002 #membershipDetailsContainer {
    display: none;
} */
#PAGEID_18002 .memberDirectoryDetailsHeaderContainer {
    text-align: center;
}

/* Member Details Page - Hide Original Content */
#PAGEID_18002 #id_B86zh69 {
    display: none !important;
}

/* Chronicles Page - Button Background Color */
#PAGEID_18081 #id_u4Bkk7z a {
  color: #bdb762;
  text-decoration: none;
  padding: 16px 8px;
  background: #2f403e;
  width: 200px;
  display: block;
  text-align: center;
  border-radius: 10px;
}
#PAGEID_18081 #id_u4Bkk7z a:hover {
  color: #BDBA93;
}
/* #PAGEID_18081 #id_wUXikCz .WaGadgetCustomHTML, #PAGEID_18081 #id_xxdqVD3 .WaGadgetCustomHTML {
  background: #2F403E !important;
} */

/* Footer Alignment Fix */
.zoneContent {
  flex: 1;
}
#mLayout {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Margin of contact fields on My Profile page */
#idContainer15887231,#idContainer15887226,#idContainer15887228,#idContainer15887227,#idContainer15887225,#idContainer17071832,#idContainer16322866,#idContainer16404713,#idContainer16332200,#idContainer16336488,#idContainer16332202,#idContainer16332205,#idContainer16332208{
    margin-bottom: -20px;
}

/* Font size of fields on My Profile page */
#FunctionalBlock1_ctl00_ctl00_MemberForm_memberFormRepeater_ctl02_TextBoxLabel15887231,
#FunctionalBlock1_ctl00_ctl00_MemberForm_memberFormRepeater_ctl03_TextBoxLabel15887226,
#FunctionalBlock1_ctl00_ctl00_MemberForm_memberFormRepeater_ctl04_TextBoxLabel15887228,
#FunctionalBlock1_ctl00_ctl00_MemberForm_memberFormRepeater_ctl05_TextBoxLabel15887227,
#FunctionalBlock1_ctl00_ctl00_MemberForm_memberFormRepeater_ctl06_TextBoxLabel15887225,
#FunctionalBlock1_ctl00_ctl00_MemberForm_memberFormRepeater_ctl07_TextBoxLabel17071832,
#FunctionalBlock1_ctl00_ctl00_MemberForm_memberFormRepeater_ctl08_TextBoxLabel16322866,
#FunctionalBlock1_ctl00_ctl00_MemberForm_memberFormRepeater_ctl09_TextBoxLabel16404713,
#FunctionalBlock1_ctl00_ctl00_MemberForm_memberFormRepeater_ctl10_TextBoxLabel16332200,
#FunctionalBlock1_ctl00_ctl00_MemberForm_memberFormRepeater_ctl11_TextBoxLabel16336488,
#FunctionalBlock1_ctl00_ctl00_MemberForm_memberFormRepeater_ctl12_TextBoxLabel16332202,
#FunctionalBlock1_ctl00_ctl00_MemberForm_memberFormRepeater_ctl13_TextBoxLabel16332205,
#FunctionalBlock1_ctl00_ctl00_MemberForm_memberFormRepeater_ctl14_TextBoxLabel16332208
{
    font-size: 23px;
    font-weight: bold;
}


/* Hide User ID field */
#idContainer15887230 {
  display: none !important;
}

#idSocialLoginContainer .change-password-button {
    width: 185px;
    height: 47px;
    margin-top: 10px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    vertical-align: center;
    margin-left: 119px;
    background: #2f403e !important;
    color: #bdb762 !important;
    border-radius: 5px !important;
    line-height: 47px;
    font-size: 28px;
    width: 260px;
}

// Font Styling Member Details Page
#id_gfen79d p {
	font-size: 20px;
	line-height: 26px;

}

/* Top Navigation Profile buttons */
#id_mtVDlFe a {
  color: #BDB762;
  background: #2f403e;
  padding: 5px 15px;
  border-radius: 6px;
  line-height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  text-decoration: none;
  font-weight: bold;
}
#id_IOTD79t .alignRight > a {
  background: #2f403e;
  color: #BDB762;
  text-decoration: none;
  font-weight: bold;
  padding: 5px 15px;
  border-radius: 6px;
}

/* Top Navigation Donation Buttons */
#nav-donation-buttons {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
  }
  #nav-donation-buttons a:first-child {
    margin-right: 14px;
  }
#id_teWid1F {
  position: relative !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

#id_teWid1F button {
  pointer-events: auto !important;
  z-index: 2 !important;
  position: relative !important;
}
#id_6bD8A9Z {
  margin: 0 0 4px 0;
}
#id_IOTD79t .loginBoxLogout {
  margin-right: 0px;
}


/* Remove/Change button for Profile Photo */
a#removePictureLink {
    background: #2f403e;
  color: #BDB762;
  text-decoration: none;
  font-weight: bold;
  padding: 5px 12px;
  border-radius: 6px;
  font-size: 15px
}

/* Scholarship Donation */
#id_teWid1F {
  margin-top: -75px;
  margin-left: -250px;
}

/* Make a payment */
#id_bXekRmJ {
  margin-top: -95px;
  margin-left: 750px;
}

/*  Donation Page - Form CSS  */
#paymentForm {
  margin: 0;
  max-width: 100%;
}
#id_ulu47cy {
  width: 100% !important;
}
#id_wUXikCz {
  width: 100% !important;
}
/* #id_wNBuJMe {
  width: 100% !important;
} */
#id_VJWnkpa {
  margin-bottom: 60px !important;
  margin-top: 20px !important;
}



/*  Jotform - Payment Form CSS  */
.form-section.page-section li {
  list-style: none;
}
.form-section.page-section .form-sub-label {
  margin-left: 10px !important;
  font-size: 14px !important;
}
.form-section.page-section span.form-radio-item label {
  padding-left: 10px;
  margin-right: 28px;
}


/*  Authorize.net Payment Form  */
#prodPaymentForm {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  /* max-width: 940px !important; */
  /* width: 100% !important; */
}
#prodPaymentForm field {
  display: flex;
  flex-direction: column;
  margin-bottom: 18px;
  width: 100%;
}
#prodPaymentForm field input {
  padding: 10px;
  font-size: 16px;
  /* max-width: 940px; */
  width: 100%;
}
#prodPaymentForm button {
  padding: 12px 20px;
  background: #2f403e;
  color: #bdb761;
  font-size: 16px;
  font-family: 'Open Sans', sans serif;
  font-weight: 600;
  border: none;
  border-radius: 8px;
}

/*  Homepage Section Colors  */

/* Welcome Section */
#PAGEID_18104 #id_Dt2xDsp {
  position: relative;
  margin-bottom: 12px;
}
#PAGEID_18104 #id_Dt2xDsp:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
  background: #2F403E;
  display: block;
  content: '';
  width: 100vw;
  transform: translateX(-50%);
}


/* Payment Section */
#PAGEID_18104 #id_9XBXTaQ, #PAGEID_18104 #id_A6Hyjcq {
    position: relative;
    margin-bottom: 0px;
}

#PAGEID_18104 #id_9XBXTaQ:before, #PAGEID_18104 #id_A6Hyjcq:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
  background: #fff;
  display: block;
  content: '';
  width: 100vw;
  transform: translateX(-50%);
}


/* Directories Section */
#PAGEID_18104 #id_9vv9G3X {
  position: relative;
  margin-bottom: 0px;
}
#PAGEID_18104 #id_9vv9G3X:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
  background: #fff;
  display: block;
  content: '';
  width: 100vw;
  transform: translateX(-50%);
}


/* Clean Up Bottom + Top of Homepage - Unneeded Default HTML */
#id_VJWnkpa, #id_Ucj1FjO {
  display: none;
}
#PAGEID_18104 #idPrimaryContentBlock1Content > div:first-child {
  padding-bottom: 0;
}
#id_yOhi7Wr, #dash-menu {
  margin: 0 0 6px 0;
}



#PAGEID_18104 #id_Dt2xDsp a, #PAGEID_18104 #id_9XBXTaQ a, #PAGEID_18104 #id_A6Hyjcq a, #PAGEID_18104 #id_FUIKJzd a , #PAGEID_18104 #id_9vv9G3X a {
  padding: 10px 16px;
  background: #2f403e;
  color: #b0ac5e;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 700;
}
#PAGEID_18104 h1 {
  color: #c69c6d;
}

/* Hide Donation Details on User Donation Reciept Page */
/* #PAGEID_18006 .generalFieldsContainer > div:nth-child(4), #PAGEID_18006 .generalFieldsContainer > div:nth-child(5), #PAGEID_18006 .generalFieldsContainer > div:nth-child(3) .inner > div:nth-child(4) {
  display: none;
} */
#PAGEID_18006 .generalFieldsContainer > div:nth-last-child(-n+2) {
  display: none;
}
#PAGEID_18006 .generalFieldsContainer .sectionOuterContainer .inner > div:nth-child(4) {
  display: none;
}

/* Donation Page CSS -> no gray font */
#donationsTbody tr.grayedOut a {
  color: #8c4216 !important;
}

#donationsTbody tr.grayedOut {
  color: #000 !important;
}