html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit; vertical-align:top}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}



body {line-height: 1;}
body{
    font-family: Arial, Helvetica, sans-serif;background-color: #fdbd4a;
}





* html .clear {height:1%;}


body {  font-size:13pt; line-height:1.3; color:#000; font-weight:normal  }



.col4flex {display: flex;justify-content: space-between;align-items: center;padding: 20px 0;}
.col4flex >div{width: 24%;background-color: #F6D5E5;padding: 20px 15px;border-radius: 6px;}

.col2flex {display: flex;justify-content: space-between;align-items: center;padding: 20px 0;}
.col50 {width: 45%;}
.col40 {width: 40%;}
.col60 {width: 55%;}

h1 {font-size:14pt; color: #154264;}

h2 {font-size:26pt; color: #fdbd4a;text-align: center;padding: 10px 0;}

h3 {font-size: 12pt;color: #a94442;text-align: center;padding: 10px 0; }

p{font-size: 12pt;color: #154264;text-align: center;}


/* Other pages: 90% width */
 #container {
  width: 90%;
  margin: 0 auto; /* Center the container */
}


.whitebox {background-color: #ffffff;color: #682548;padding: 30px;border-radius: 10px;width: 30%;margin: 45px auto;text-align: center;}





body:not(.path-frontpage) #content_top {margin-top: 200px;}

.video {height:auto;width: 110px;}

.video video{mix-blend-mode: hard-light !important;}

#pop2 h2 { font-size:20px; text-align:center; text-transform: uppercase; color:#336633; line-height:1}


.pop-up-div{display:none;padding:20px;position:absolute;top:100px;z-index:99999;margin:0 auto; border:5px solid #96215e; width:500px; background-color:#fff; min-height:300px }





.cols-3 h6{text-align: center;font-size: 12pt;font-weight: 400;}
.cols-3 .views-row {display: flex;justify-content: space-between;flex-wrap: wrap;}
.cols-3 .views-row .views-col{width: 24% !important;text-align: left;text-align: center;margin: 1%;}

.views-field-field-member-logo-img {min-height: 200px;padding: 10px 5px;}
.views-field-field-member-logo-img img {width: 250px;height: auto;}


table {border-collapse:collapse;border-spacing:0;width: 100%; }








body:not(.page-node-1) #block-zwt-content 
 {
background-color: #fdbd4a;
  
  border-radius: 12px;
    color: #fff;
}


#edit-1{display: flex;width: 100%;margin: 0 auto;justify-content: space-between;align-items: start;flex-wrap: wrap;}

.confident {background-color: #682548;padding: 25px;border-radius: 12px;width: 100%;margin: 25px auto;text-align: center;font-size: 16pt;}

.fieldgroup {width: 45%;}

legend {background-color: #682548;width: 100%;text-align: center;padding: 10px 0;height: 50px;font-size: 15pt;}

.fieldset-wrapper{background-color: #ffffff;padding: 5px 0;}

#edit-question {background-color: #682548;border-radius: 15px;min-height: 180px;width: 90%;margin: 0 auto;}
#edit-question p {color: #FFFFFF;font-size: 24pt;width: 80%;margin: 0 auto;}

label{ font-weight:bold}
label.option{ font-size:12pt;color: #333;background-color: #e5e5e5;padding: 10px 0;font-weight: 300;width:90%;display: flex;justify-content: center;margin: 10px auto;border-radius: 5px;}

input[type="radio"]:checked + label.option {background: #682548;color: #ffffff;font-weight: 600;box-shadow: 0 0 5px rgba(0,0,0,0.2);}


input.form-checkbox, input.form-radio {display: none;}

.btn {background-color: #682548;color: #fdbd4a;border-radius: 25px;}

input[type="submit"] {background-color: #682548;color: #fdbd4a;border-radius: 20px;margin-top: 5px;}

input[type="submit"]:hover{background-color: #682548;opacity: .8;}


.page-node-1 {background: #682548 url(images/hands.png) no-repeat;background-position: center 250px;}



#edit-overview {background-color: #ffffff;border-radius: 15px;padding: 20px 25px;width: 30%;margin: 0 auto;}


#block-zwt-content #edit-page1{background-color: #fdbd4a;min-height: 100vh;}


.quad-box {
    background: #fdfdfd;
    height: 400px;margin: 45px auto;
    width: 500px;color: #682548;
    padding: 30px;
    border-radius: 10px;
    clip-path: url(#myClipPath);
    transform-origin: 0 0;
    transform: scale(1.105); /* slightly adjusted */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 18px;
    line-height: 1.5;
}

.col2flex {display: flex;justify-content: space-between;width: 90%;}
.col2flex img {width: auto;height: 45px;}
.quad-box h1 {color: #682548;font-size: 60pt;line-height: 85px;text-align: left;font-weight: 300;}
.quad-box p {color: #682548;font-size: 16pt;line-height: 1;text-align: left;font-weight: 400;width: 80%;margin-top: 20px;}

#block-zwt-frontpage {
     position: relative;
    width: 100%;
    height: 100vh;     /* FULL PAGE HEIGHT */
    overflow: hidden;
}

/* Background Video */
#block-zwt-frontpage .bg-video {
     position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;  /* Ensures full-page coverage */
    z-index: 1;
}

/* Foreground content */
#block-zwt-frontpage .content {
   position: relative;
    z-index: 2;
    color: #fff;
    text-align: center;
    padding: 40px;
}


.btn-rounded {
    display: inline-block;
    padding: 12px 30px;
    background: #fdbd4a;    /* change color as needed */
    color: #682548;
    text-decoration: none;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    transition: 0.3s ease;
}

.btn-rounded:hover {
    background: #ffffff;   /* hover color */
}

.thanks {
  position: relative;
  width: 100%;
  min-height: 100vh; /* full screen */
  overflow: hidden;
}

.thanks .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
}

.thanks .content {
  position: relative;
  z-index: 10;width: 50%;margin-top: 250px;
}



.form-actions {display: flex;justify-content:space-around;align-items: start;padding: 25px 0;}















tbody{ border:none}

th{background-color:#eee; font-weight:bold}

th, tr, td {vertical-align:middle;}

.sticky-header th, .sticky-table th {border-bottom: 3px solid #ccc;padding-right: 1em;text-align: left;}

table {border:none }

tr.odd{background-color:#fff;  }

tr.even{background-color:#eee; }

th {padding: 3px 4px; border-right: 1px solid #c8c7c7;color:#333;}

td {text-align:left;padding:4px; vertical-align:top}

code {background: #d8d8d8;text-shadow: 1px 1px #fff;border: 1px solid #bbbbbb;display: block;padding: 7px;margin: 5px 0;border-radius: 7px;}

del {text-decoration: line-through;}

hr {border:none;border-top:#EEE 1px solid;}

dt {font-weight:bold;margin-bottom:24px;}

dd {margin-left:30px;margin-bottom:24px;}

ul ul {list-style-type:square;margin-bottom:0; list-style:#000000}

ul ul ul {list-style-type:circle;}

ol {list-style-type:decimal;margin-left:30px;margin-bottom:24px;}

ol ol {list-style: upper-alpha;margin-bottom:0}

ol ol ol {list-style: lower-roman;}

ol ol ol ol {list-style: lower-alpha;}

abbr,acronym {border-bottom:#999 1px dotted;cursor:help;}

big {font-size:1.3em;}

cite,em {font-style:italic;}

ins {background-color:#fdfc9b;text-decoration:none;}

hblockquote, q {quotes:none;border: 1px solid #bbbbbb;background: #d8d8d8 url(images/quote.png) no-repeat;padding: 10px 5px 5px 47px;text-shadow: 1px 1px #fff;margin: 5px 0;border-radius: 7px;}

blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}

strong {font-weight:bold;}

sup,sub {height:0;line-height:1;vertical-align:baseline;position:relative;font-size:10px;}


sup {bottom:1ex;}

sub {top:.5ex;}

video {display:block; vertical-align: top;}

.column2flex {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: start;}

audio {max-width:100%;}


.lar{

    font-family: 'Line Awesome Free';

    font-weight: 400;

}

.cols-2 .views-row .views-col{width: 45% !important;}

.cols-2 .views-row {display: flex;justify-content: space-between;flex-wrap: wrap;float: none;}

#block-zwt-slider{width: 100%;margin-top: 120px;}
.tab-video-wrapper {
    position: relative;min-height: 85vh;
    width: 100%;
    overflow: hidden;
}












.pagemember h2 {text-align: center;font-size: 40pt;font-weight: 500;color: #454545;line-height: 1.2;margin-bottom: 40px;}

.pagemember h5 {text-align: center;font-size: 18px;font-weight: 300;color: #757677;line-height: 1.2;margin-bottom: 40px;}

.orgstory {width: 70%;margin: 0 auto;}
.orgstory img {border-radius: 10px;}

.body {width: 90%;margin: 25px auto;}
.body ul li {list-style: disc;background: none;padding-left: 0;}
.body p {font-size: 18px;color: #3C3A3A;font-weight: 300;text-align: left;}









#linktop { float:right; width:50%; text-align:right; margin-top:5px;}










#hcoll .coll{ float:right; width:100% }



.drop-down-toggle {position:absolute;top:7px;right:16px;display:none;width:20px;height:20px;border-radius:15px;background:#333;background:-moz-linear-gradient(#333,#444);background:-webkit-linear-gradient(#333,#444);background:-o-linear-gradient(#333,#444);background:-ms-linear-gradient(#333,#444);background:linear-gradient(#333,#444);border:#aaa 3px solid;}

.drop-down-arrow {display:block;width:0;height:0;margin:8px 0 0 5px;border-top:5px solid #aaa;border-left:transparent 5px solid;border-right:transparent 5px solid;}

#slider {width: 100%;min-height: 90vh;position: relative;background: #0B2438;}

#slider img{width:100%;height: 1300;}

#slider a:active {outline:none;}

.slides, .flex-control-nav {margin:0;padding:0;list-style:none;}

.slides {width:100%;overflow:hidden;}

#slider .slides > li {display:none;position:relative;margin:0; padding:0}

#slider .slides li:first-child {display:list-item;}

.flex-pauseplay span {text-transform:capitalize;}

.slides:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}

.flex-direction-nav li {display:inline-block;margin:0 5px 0 0 ;}

.flex-direction-nav li a {display:block;width:50px;height:50px;cursor:pointer;line-height:12px;border-radius: 0px;}

#slider .entrysummary{ position:absolute; top: 300px;color: #FFFFFF;font-size: 46px;right: 200px;}

#slider .entrysummary .entrybody{ height:200px; color: #ffffff;}

#slider .entrysummary .entrybody .slidetitle h1{ font-size: 40px; text-transform: uppercase; color: #F0F0F0;}





ul.flex-direction-nav {top:40%;position:absolute;width:100%;margin:0px;}







.flex-direction-nav a.prev { opacity: 1;background:url(images/left2.png) center center no-repeat ;position:absolute;left:0;}







.flex-direction-nav a.next { opacity: 1;background:url(images/right2.png) center center no-repeat ;position:absolute;right:0;}







#slider .entry-container { width:100%; position:absolute; bottom:15px; }







#slider .entry-container .content { max-width:1000px; margin:0 auto;  color:#000; font-size:22px; font-weight:bold }



.flexc{ display:flex; flex-direction: row; justify-content:space-between; align-items: center;}



.counter-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 0;
}

/* Each item takes 48% width → 2 per row */
.counter-item {
    width: calc(50% - 15px);
    text-align: center;
    padding: 25px;
background: rgba(21, 66, 100, 0.55);
    border-radius: 12px;
    border: 1px solid #eee;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.counter-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 18px rgba(0,0,0,0.12);
}

.counter {
    font-size: 42px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.counter-item p {
    font-size: 17px;
    color: #e9302c;
    margin: 0;
}

/* Mobile: 1 per row */
@media (max-width: 768px) {
    .counter-item {
        width: 100%;
    }
}










 ul li{margin-top: 5px;padding-left: 0px;text-align: left;}






#container .block{margin: 0;  }



#block-zwt-primary-local-tasks ul li{ display: inline-block; margin-right: 20px;}





#block-system-main .block{margin: 0; border-bottom:none ; padding: 0 }


.content-sidebar-wrap {width:100%; float:left}







.block { width: 100%;}



.block > h2{ color:#96215e; font-size:16pt; text-transform:uppercase; max-width:1170px; margin:0 auto; line-height:1; padding-bottom:20px; letter-spacing:0px  }



#headerbottom .block .content{margin:0px auto;}

#sidebar-first {float: left;}







#sidebar-first img{ padding:5px; border:1px solid #f1f1f1}







#sidebar-second {float: right; font-size:11pt; margin-top:25px;}







#sidebar-first a , #sidebar-second a{ color:#96215e}







#sidebar-first ul, #sidebar-second  ul  { margin:0; text-transform:uppercase}







#sidebar-first .content ul li{ list-style-type:none; list-style:none; border-bottom:1px solid #f1f1f1; margin:10px 0px; padding-left:0; }







#sidebar-second .content ul li{ list-style-type:none; list-style:none; margin:5px 0px; padding:5px 0;}







#sidebar-second .content ul li.views-row-last{ border-bottom:none}







#sidebar-second .block > h2{ font-weight:600}







#content_bottom .content{ max-width:1170px; margin:0 auto}



body.two-sidebars .content-sidebar-wrap {width:75%;}







body.two-sidebars #content {width:82%; float:right}

body.two-sidebars #sidebar-first {width:15%; }


body.two-sidebars #sidebar-second {width: 23%;}



body.sidebar-first .content-sidebar-wrap {width:70%; margin:0 15%; }


body.sidebar-first #content {width: 55%; float:right; margin-left:5%}



body.sidebar-first #sidebar-first {width:30%; background-color:#728294; color:#fff; padding:100px 5%;  }


body.sidebar-second .content-sidebar-wrap {width:70%;}


body.sidebar-second #content {width: 100%;}







body.sidebar-second #sidebar-second {width:25%;}


#post-content {padding: 0;}


.breadcrumb {margin:0 20px;padding-top:20px;margin-bottom:10px;border-bottom:#eee 1px solid;}

.node {margin:10px 0; padding:10px 0; border:none;}


.node h2.title,  .page-title {font-size:38px; line-height:1.5; text-transform:uppercase; color:#96215e; padding:10px 0; font-weight:bold  }

#sidebar-first .block > h2,#sidebar-second .block > h2,#head .block > h2,#foot .block > h2 { padding-bottom:0px; font-size:24px}

#sidebar-second .block, #sidebar-first .block{ margin-bottom:25px}

#footer-area .block > h2 {color:#ddd;}


#footer-area ul.menu li a.active{color:#ddd;}

.submitted {background: #dfdddd;padding: 4px 9px;border-radius: 4px;color: #383838;text-shadow: 1px 1px #fff;clear: both;display: block;margin-bottom: 2px;}

.links {color: #000;margin-top: 10px;font-size: 18pt;}


ul.links {margin:0;}

.links li {position: relative;overflow: hidden; margin-left: 20px;border: 1px solid #000;}
.links li a {color: #fff;padding: 5px 10px;border-radius: 4px;background-color: #759840;}
.links li a:hover {background-color: #759840;color: #fff !important;}
.links li::after {
  content: '';
  position: absolute;
  top: 0; left: -75%;
  width: 50%; height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.5), transparent);
  transform: skewX(-20deg);
  transition: all 0.5s;
}

.links li:hover::after {
  left: 130%;
}


table.cke_editor {background: transparent;border: 0;}

table.cke_editor td {background: transparent;padding: 0;border: 0;}


.poll .vote-form .choices .title {font-size: 14px;font-weight: normal;line-height: 2;}

.poll .vote-form .choices {margin: 0;}

.form-submit{cursor: pointer;margin:0px;}


.form-text {padding:8px 5px;}


.form-control {width: 45% !important;}


input[type="submit"]:hover{background-image: none !important;}


.item-list ul {margin: 0;padding:0; }


.item-list ul li {margin: 5px 0px;padding: 5px 0px;}


ul.menu li {margin: 0;padding:0; list-style-image:none }


ul.inline {clear: both;}


ul.inline li {margin: 0;padding: 0;}



.tabs-wrapper {border-bottom: 1px solid #b7b7b7;margin: 0 0 5px 0;}

ul.primary {border: none;margin: 0;padding: 0; }

ul.primary li a {background: none;border: none;display: block;float: left;line-height: 1.5385em;margin: 0;padding: 0 1em;border-radius: 4px 4px 0 0;margin-right: 5px;}

ul.primary li a:hover, ul.primary li a.active {background: #666;border: none;color: #fff;}

ul.primary li a:hover {background: #888;text-decoration: none;}

ul.secondary {background: #666;border-bottom: none;clear: both;margin: 0;padding: 0;}


ul.secondary li {border-right: none;}


ul.secondary li a, ul.secondary li a:link {border: none;color: #ccc;display: block;float: left;line-height: 1.5385em;padding: 0 1em;}

ul.secondary li a:hover, ul.secondary li a.active {background: #888;color: #fff;text-decoration: none;}

ul.secondary a.active {border-bottom: none;}

.field-name-field-tags {margin: 0 0 10px 0;}


.field-name-field-tags a{display: inline-block;background: url(images/tag.png) no-repeat;padding: 0px 8px 0 16px;height: 22px;text-shadow: 1px 1px #fff;border-radius: 2px;font-size: 12px;}


.field-name-field-tags a:hover{}


.field-name-field-tags .field-item {margin: 0 1em 0 0;}


.field-name-field-tags div {display: inline;}







#content-container .field-label{}







#content-container .field-items .field-item{ float:left}


.profile {margin: 1.5385em 0;}

.profile dd {margin-bottom: 1.5385em;}


.profile h3 {border: none;}


.profile dt {margin-bottom: 0;}

.item-list .pager {}







.item-list .pager li {background: #cfcfcf;border-radius: 3px;margin-right: 4px;text-shadow: 1px 1px #fff;}

img { outline: 0; }


.webform-submission-form select,
.form-select {
    color: #333 !important; /* Text color */
}

.webform-submission-form select,
.form-select {
    background-color: #f4f4f4; /* Light grey */
}


img.scale-with-grid { max-width: 100%; height: auto; }

.form-item select{ padding:8px 0; width:100%;}

.form-item .text-full, .form-item .username, .form-item-mail .form-text{ padding:8px 0; width:450px; }




.page-user-register .tabs-wrapper { display:none}






button,input[type="submit"],input[type="reset"],input[type="button"] { padding:6px 15px;}









#block-professional-theme-block-6 {width: 90%;margin: 0 auto;}

@media screen and (max-width: 1152px) {.wrapper {max-width:1170px;} }


@media screen and (max-width: 960px) {.content-sidebar-wrap, #content, #sidebar-first, #sidebar-second {float:none; max-width:960px;}


.thanks .content {width: 100%;}
.quad-box {width: 90%;}

.quad-box h1 {font-size: 45pt;line-height: 55px;}

.quad-box p {font-size: 14pt;}

.col2flex {width: 100%;}

.col2flex img {height: 35px;}

.quad-box {margin: 45px auto;}
.whitebox{width: 80%;margin: 45px auto;}

#block-zwt-map .col{flex-wrap: wrap;}
#block-zwt-map .coll, .colr{width: 100% !important;}
#block-zwt-map iframe {width: 100%;height: auto;}
#block-zwt-map .box {width: 60%;margin: 50px auto;}


#block-zwt-map .coll h1{text-align: center;}

#block-zwt-footer .fourflex {flex-wrap: wrap;}

#block-zwt-footer .two, .threeflex {width: 100% !important;}

#block-zwt-footer .three, .time {width: 25% !important;}


    .overlay{z-index: 2;}
 






#block-professional-theme-block-6 {width: 90%;}
#footer .content .foot {flex-wrap: wrap;}
#footer .content .foot .row1 {text-align: center;width: 100%;padding-bottom: 15px;}
#footer .foot .row1 p {display: block;}



.page-node-3 .meet{flex-wrap: wrap;}
.page-node-3 .meetpic {width: 100%;}
.page-node-3 .meettxt {width: 100%;}
.page-node-3 .meet h4 {text-align: center;}



.cols-3 .views-row .views-col {width: 100% !important;}








.evn{text-align: center;width: 100%;margin: 0 auto;}
.evntxt{width: 90%;margin: 0 auto;}
}


@media screen and (max-width: 640px) {#site-title,#site-description {float:none;margin:0;line-height:1.62em;}


#site-title {padding-top:18px;}

#site-description {padding-bottom:18px;}

#header h1#site-title {display: block;float:none;clear: both;padding: 0px;margin: 0px;line-height: 1em;}

#header #logo {padding:0px;margin: 0px;}



#main-menu li:hover > ul,#main-menu li li:hover > ul,#main-menu li li li:hover > ul {display:none;}







.drop-down-toggle {display:block;}







#main-menu li li .drop-down-toggle {top:5px;}







#main-menu .nav-toggle {display:block;font-size:15px;font-weight:bold;line-height:40px;}







.flex-control-nav li {margin:0 0 0 10px;}







.flex-control-nav li:first-child {margin:0;}







.flex-control-nav li a {box-shadow:none;background:rgba(255, 255, 255, 0.75);}







#slider .entry-container {position:absolute;left:4%;bottom:6.3%;}







#slider .entry-header,#slider .entry-summary {margin:0;}







#slider .entry-title {margin-bottom: 0;}







#slider .entry-title a,#slider .entry-summary{display:inline-block;padding:1% 3%;background:rgba(255, 255, 255, 0.75);}







#slider .entry-summary {max-width:61.8%;display:none;}







#slider .entry-summary p {max-height:84px;overflow:hidden;display:none;}







#slider .slide-image {float:none;display:block;max-width:100%;padding:0;margin:0;box-shadow:none;}







.content-sidebar-wrap,#sidebar-first,#sidebar-second {float:none;width:auto;}







.content-sidebar-wrap #content {float: left;width:auto;}







#sidebar-first .block,#sidebar-second .block,#footer-area .column {float:none;width:auto !important;margin-left:0;}







#sidebar-first {clear:both;}







#footer-area .column {margin:10px 0;}







.copyright,.credits {float:none;text-align:left;}







@media screen and (max-width: 440px) {input.form-text, select.form-select {width: 93%;}







textarea.form-textarea {width: 100%}







}







}















/** SPECIAL CLASSES FOR OVERRIDING CORE THEMES **/







#user-login-form {color:#000;}







.marker, .form-required {color:#759840;}