@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');

a {
    color: #136e95; 
 }
 input {
     border-radius: 3px;
     min-height: 30px;
     /* background: #fafafa !important; */
 }
 
 input[type="text"] {
     border-radius: 6px;
     padding: 5px 5px 5px 15px !important;
     color: #000 !important;
     border: 1px solid #dfdfdf !important;
 } 
 
 /* .navigationOuterContainer .navigationContainer input[type=submit] {
     background-color: #911A22;
 } */
 
 /* .navigationOuterContainer .navigationContainer input[type=submit]:hover {
     background-color:#b4232d;
 }  */
 

 .zoneHeaderOuter.zoneOuter, .zoneHeader.container_12, .zoneHeaderInner, #id_Header.WaPlaceHolder, .WaPlaceHolderHeader>div, 
 .zoneFooterOuter .zoneOuter, .zoneFooter.container_12, .zoneFooterInner.s1_grid_12, #id_Footer.WaPlaceHolder, #id_MnYxRWp, #id_hORAsfm, #id_RHhTLqe {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
    padding: 0 !IMPORTANT;
}

.WaPlaceHolderHeader>div>div#id_OPTYULj~div, 
.WaPlaceHolderHeader>div>:not(div#id_OPTYULj,
.zoneFooterOuter.zoneOuter,
.zoneFooter.container_12,
.zoneFooterInner.s1_grid_12),
#id_MnYxRWp .WaLayoutTable {
    max-width: 1144px;
    margin: 0 auto;
}
  input#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_prev,
 input#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_cancel {
     background-color:#797979;
 }
 
 body#PAGEID_7743 .zoneContent.container_12,
 body#PAGEID_7743 .zoneContentOuter .zoneContentInner  {
     margin: 0;
 
 }

 input#idid_wJXCbK3_searchBox[placeholder] {
    padding-left: 30px !important;
}

 div#id_NLvPt4W {
    margin-left: auto !important;
    margin-right: auto !important;
}

.gadgetStyleNone, .gadgetStyle001, .gadgetStyle002, .gadgetStyle003{
    padding: 0;
}
 
 /**** Form button nav ***/
 
 .navigationContainer .inner {
     display: flex;
     align-items: flex-start;
     justify-content: center;
 }
 
 #PAGEID_7743 .navigationOuterContainer .navigationContainer .right {
     text-align: center;
 }
 
 #PAGEID_7743  .navigationContainer .inner input[type="submit"] {
     text-align: center;
     width: 400px;
 }
 
 #PAGEID_7743 .fieldSubContainer.radioGroupContainer {
     display: flex;
     flex-direction: column;
     align-items: end;
 }
 
 input[type=button], input[type=submit] {
     border-radius: 3px;
     font: 600 10px "Lato", sans-serif !important;
     padding: 7px 12px!important;
 }
 .navigationOuterContainer .navigationContainer {
     padding-top: 15px;
 }
 
 .fieldLabel {
     margin-bottom: 7px;
 } 
 
 .fieldSubContainer .fieldBody .fieldItem {
     margin: 0 0 25px 0;
 }
 
 .fieldSubContainer .fieldBody .fieldItem span.label .textLine {
     margin-bottom: 5px;;
 }
 
 /*** Join Us form ***/
  .elementor iframe{
     min-height: 900px;
 } 
 
 /*** Page BG ***/
 
 div#mLayout {
     background: #ffffff;
 }
 body#PAGEID_7743,
 #PAGEID_7743 div#mLayout,
 body#PAGEID_7743 div#id_Content, 
 body#PAGEID_7743 div#id_Content *,
 #PAGEID_18004, 
 #PAGEID_18004 div#mLayout, 
 #PAGEID_18004 div#id_Content,
 #PAGEID_18004 div#id_Content * {
     /* background-color: #911A22;
     color: #fff; */
     font-family: "Source Sanse 3", sans-serif;
     font-size: 16px;
     line-height: 130%;
 }
 
 body#PAGEID_7743 h1 {
     font-family: "Playful Display";
     color: #136e95;
     font-size: 40px;
     font-weight: 700;
     text-transform: capitalize;
     text-decoration: solid;
     text-align: center;
     padding: 40px 0;
 }
 
 input#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_next,
 input#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_nextTop {
     color: #ffffff !important;
     background: #136e95 !important;
     padding: 15px 30px !important;
     font-size: 13px !important;
     letter-spacing: 2px;
     transition: all 0.3s;
 }
 
 input#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_next:hover,
 input#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_nextTop:hover {
     box-shadow: 3px 4px 2px #7b9aa8;
 }
 
 input#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_cancelNoScript, 
 input#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_cancel, 
 input#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_prev,
 input#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_cancelTop,
 input#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_prevTop {
     background: #dadada !IMPORTANT;
     color: #5e5e5e !important;
     font-size: 13px !important;
     font-weight: 500 !important;
     padding: 15px !important;
 }
 
 span#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_selectedLevel_levelLabel,
 span#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_selectedLevel_levelText {
     font-weight: bold;
 }
 
 .fieldSubContainer,
 .fieldSubContainer.singleStringContainer {
     margin: 0;
 }
 
 select#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl08_DropDownList15658960{
     color: #000;
     background: #fff;
 }
 
 .commonMessageBox .cww-co div, 
 .commonMessageBox .kvTable td,
 a#removePictureLink {
     
 }
 
 select#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl08_DropDownList15658960 {
     border-radius: 6px;
     padding: 5px;
 }
 
 div#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_memberForm_Section15598794 * {
     font-weight: 400 !important;
 }
 
 div#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_memberForm_Section15598794 .fieldSubContainer.labeledTextContainer {
     display: flex;
     column-gap: 10px;
     border-bottom: 1px solid #f3f4f4;
     text-transform: capitalize;
 }
 
 .formTitleOuterContainer {
     border-bottom: 1px solid #dedede;
 }
 
 .cww-inner,
 .confirmWindowWarning .cww3, 
 .confirmWindowWarning .cww4, 
 .confirmWindowWarning .cww-inner {
     border: none !important;
     border-color: transparent !important;
 }
 
 #PAGEID_18004 .confirmWindowWarning .cww-inner {
     border: 1px solid #fff !important;
 }
 
 #PAGEID_18004 div#FunctionalBlock1_ctl00_ctl00_profileTabDiv {
     margin-left: 0;
     padding-left: 0;
     font-weight: 600;
 }
 
 #PAGEID_18004 .totalBalance {
     columns: #fff;
 }
 
 /*** Confirmation Page ***/
 
 .commonMessageBox .cww-co .buttons input[type="submit"], 
 .commonMessageBox .cww-co .buttons input.typeButton {
     background-color: #136e95;
 }
 
 
 /*** Members directory ***/

 #PAGEID_7746 h1,
 #PAGEID_7746 h4, 
 #PAGEID_7746 a.linkified {
    color: #136e95!important;
 }

 #PAGEID_7746 #new-members .gadgetStyleBody ul {
    display: flex;
    align-items: stretch;
    gap: 20px;
    align-content: space-between;
    margin-left: -20px;
    margin-top: 20px;
    margin-bottom: 40px;
}

#PAGEID_7746 #new-members .gadgetStyleBody li {
    background: #f4f4f4;
    align-items: stretch;
    padding: 20px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#PAGEID_7746 #new-members .gadgetStyleBody li .rightPart {
    align-items: center;
    display: flex;
    flex-direction: column;
}

#PAGEID_7746 #new-members .gadgetStyleBody li .rightPart .subtitle {
    text-align: center;
}

#PAGEID_7746 #new-members .gadgetStyleBody .action {
    display: none;
}
 
 #PAGEID_7746 tbody {
     display: table;
 }
 
 #PAGEID_7746 th#idF1Head{
     width: 100%;
 }
 
 #PAGEID_7746 .WaGadgetMemberDirectoryStateList .browsingColumnsMainContainer table.browsingColumns tr.filterRow td .filterOptions {
     max-height: none;;
 }
 
 #PAGEID_7746 ul.filterList li {
     display: inline-block;
     background: #f3f4f4;
     border-radius: 30px;
     padding: 5px 10px !important;
     margin: 0 5px 5px 0;
     color: #313131 !important;
     font: normal 16px "Roboto", sans-serif !IMPORTANT;
 }
 
 #membersTable thead tr {
     display: table;
 }
 
 #PAGEID_7746 #membersTable tbody {
     display: grid;
     width: 100%;
 }
 
 #PAGEID_7746 #membersTable tbody tr {
     background: rgb(19 110 149 / 10%);
     padding: 0 10px !important;
     display: flex;
     align-items: stretch;
 }

 .membersTable tbody tr td {
    align-items: center;
    display: grid;
    justify-content: flex-start;
}
 
 #PAGEID_7746 #membersTable tbody tr:nth-child(odd) {
     background: rgb(19 110 149 / 10%);
 }

 #PAGEID_7746 #membersTable tbody tr:hove{
    background: rgb(19 110 149 / 15%);
 }

 #PAGEID_7746 #membersTable .membersTable tr:hover td{
    border-top-width: 1px;
 }

#PAGEID_7746 .membersTable tbody tr td:first-child {
    padding-left: 0;
    flex: 1 1 0px;
}

#PAGEID_7746 #membersTable tbody img {
    
}

#PAGEID_7746 .membersTable  a{
    word-break: break-all;
 }

 @media screen and (max-width: 800px){
    #PAGEID_7746 #new-members {
        display: none;
    }
    .memberDirectoryColumn4 .memberValue {
        word-break: break-all;
    }
 }

@media screen and (max-width: 600px){
    #PAGEID_7746 #membersTable tbody {
        font-size: 12px;;
    }

    #PAGEID_7746 #membersTable tbody img{
        width: 60px;
        margin-right: 10px;
    }

    .membersTable tbody tr td:last-child{
        display: grid;
    }
}

/*** Join Us Page ***/
.WaPlaceHolderContent>div {
        padding: 0;
    }

    body#PAGEID_7743 .zoneContent.container_12, body#PAGEID_7743 .zoneContentOuter .zoneContentInner {
        width: 100%;
        background: url(http://ccwep.org/wp-content/uploads/2023/10/20220402_3268_Lindsay-Alex_0722.jpg) rgba(255, 250, 250, 0.5);
        background-size: cover;
        background-blend-mode: overlay;
    }
    .site-nav {
        display: flex;
        justify-content: space-between;
        padding: 16px 40px;
        align-items: center;
        flex-wrap: wrap;
        background: #fff;
    }
    .site-logo-wrap {
        width: 100px;
    }
    ul.site-menu {
        display: flex;
        list-style-type: none;
        gap: 1rem;
        margin-left: 0;
        flex-wrap: wrap;
    }
    #id_CnQr8eJ.WaGadgetContent, .WaGadgetMembershipApplication {
        max-width: 650px;
        width: auto;
        margin: 0 auto;
        padding: 30px;
        background: #fff;
    }

    .WaGadgetMembershipApplication {
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }


    #id_CnQr8eJ.WaGadgetContent {
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
    }

    li.site-menu-item > a {
        color: #4D4D4D !important;
        font: 600 18px "Playfair Display", sans-serif;
        letter-spacing: 0.5px;
        padding: 8px 15px;
        white-space: nowrap;
    }

    li.site-menu-item > a:hover {
        color: #0d5a7b !important;
        text-decoration: none;
    }

    #PAGEID_7743 .infoSection {
        display: flex;
        flex-direction: column;
    }

    #PAGEID_7743 .infoOuterContainer .infoContainer .infoSection .infoTitle {
        float: none;
        width: 100%;
        text-align: center;
    }

    #PAGEID_7743 .infoOuterContainer .infoContainer .infoSection .infoText {
        float: none;
        text-align: center;
        width: 100%;
        margin-top: 10px;
        line-height: 140%;
    }

    .commonMessageBox {
        padding-top: 20px;
    }

    .commonMessageBox .cww-co {
        text-align: center;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 auto;
        display: block;
        height: auto;
    }

/*** Footer ***/

.site-nav.footer{
    margin-top: 30px;
}

.footer li.site-menu-item > a {
    padding: 5px 15px;
    font: 500 14px "Playfair Display", sans-serif;
    text-transform: uppercase;
}

.footer ul.site-menu {
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
    text-transform: uppercase;
    margin: 0;
}

.zoneBrandingOuter {
    display: none;
}

div#id_elDVq1N,
#idPrimaryContentBlock1Content > div {
    padding: 0;
    margin: 0;
}


@media screen and (max-width: 684px) {
    .site-nav {
        padding: 16px 20px;
    }

    #id_P4qWElt .site-nav li.site-menu-item > a {
        padding: 5px 5px;
        font-size: 16px;
    }
    
    .navigationOuterContainer .navigationContainer .left, .navigationOuterContainer .navigationContainer .right {
        float: none !important;
    }
    .navigationContainer .inner {
        align-items: flex-start;
    }

    body#PAGEID_7743 h1{
        font-size: 30px;
        white-space: nowrap;
        padding: 15px 0;
    }

    #PAGEID_7743 .navigationContainer .inner input[type="submit"] {
        width: auto;
    }

    #PAGEID_7743 .fieldSubContainer.radioGroupContainer{
        align-items: center;
    }

    #id_CnQr8eJ.WaGadgetContent, .WaGadgetMembershipApplication {
        margin: 0 20px;
    }
}

 @media screen and (max-width: 600px) {
    li.site-menu-item > a,
    .site-nav.footer{
        padding: 16px 20px; 
    }
    ul.site-menu{
        gap: 0.5rem;
        justify-content: center;
    }

    div#id_U9VHwax {
        padding: 0;
    }

    .site-logo-wrap{
        margin: auto;
    }
    .footer .site-logo-wrap {
        margin-top: 20px;
    }

 }

 .ui.inline.dropdown.-wa-add-event-to-calendar-dropdown {
    padding: 12px;
    border: 1px solid #eeeeee;
    border-radius: 2px;
 }

 .WaGadgetEvents.WaGadgetEventsStateDetails .pageTitleContainer h1.pageTitle {
    font-family: "Ivyora Display", Georgia, sans-serif;
    font-size: 2.2em;
    font-weight: 300;
    line-height: 1.2em;
 }