/*#organization-list {
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0 0 3px 0 rgba(0,0,0,.1);
  max-height: 270px;
  position: absolute;
  top: 100%;
  background-color: #fff;
  scrollbar-width:thin!important;
  scrollbar-color:#c15608 #fff!important;
  border:0!important
}
#organization-list::-webkit-scrollbar {
  width:7px!important;
  border:0!important
}
#organization-list::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.2)!important;
  border:0!important
}
#organization-list::-webkit-scrollbar-thumb {
  background-color:#c15608!important;
  box-shadow:none!important;
  border:0!important;
  outline:none!important
}*/

#search-container-wrapper {display: flex; flex-direction: column; align-items: center; justify-content: center;/*max-width: 700px;*/ margin: 0px auto;position: relative;}
#loader {background-image: url("/wp-content/uploads/2022/08/pinwheel.png"); background-size: contain; background-position: center; background-repeat: no-repeat; width: 28px; height: 28px; min-width: 28px; min-height: 28px; max-width: 28px; max-height: 28px;animation: spin 1s linear infinite;display: none;}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#no-organizations,
#not-canadian,
#invalid-postcode,
#no-postalcode,
#found-organizations {display: none; margin: 30px auto; color: var(--strength);width: 100%;max-width: 100%;}
#no-organizations a,
#not-canadian a,
#invalid-postcode a,
#no-postalcode a,
#search-container-wrapper a {color: var(--strength);text-decoration: underline;text-decoration-color: var(--nature);}
#no-organizations a:hover,
#not-canadian a:hover,
#invalid-postcode a:hover,
#no-postalcode a:hover,
#search-container-wrapper a:hover {color: var(--ambition);}
.probox .promagnifier {width: 28px; height: 28px; background: transparent; background-position: center center; background-repeat: no-repeat; order: 11; -webkit-order: 11; float: right; border: 0 solid rgb(255, 255, 255); border-radius: 0; box-shadow: -1px 1px 0 0 rgba(255,255,255,0.61); cursor: pointer; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; cursor: pointer;}
#search-container {margin-bottom: 12px;width: 100%;max-width: 100%;display: flex;align-items: center;column-gap: 6px;border: 1px solid #ccc;border-radius: 100px;padding: 7px 10px 7px 35px;max-width: 700px;}
#organization-list {width: 100%;max-width: 100%;display: flex;flex-wrap: wrap;justify-content: center;column-gap: 20px;row-gap: 20px;padding-top: 20px;}
#search-container-wrapper input[type="text"] {padding: 4px; outline: none; width: 100%; line-height: 1.2; height: auto; font-weight: normal; font-family: var(--arial); color: rgb(0,0,0);font-size: 14px;border: 0;background-color: transparent;}
#organization-list .org-title {width: calc(33.33% - 14px);padding: 20px;border-radius: 10px;background-color: #ffffff;box-shadow: 0px 3px 8px rgba(178,165,184,0.28);display: flex;flex-wrap: wrap;flex-direction: column;}
#organization-list .org-title h4 {color: var(--strength); line-height: 1.3; font-size: 17px; display: inline-block;font-family: var(--arial);font-weight: 700;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;padding: 0;margin-bottom: 15px;}
#organization-list .org-title a {font-size: 16px;font-family: var(--strength);font-weight: 400;color: var(--strength);margin-top: auto;text-decoration: underline;text-decoration-color: var(--nature);}
#organization-list .org-title a:hover {color: var(--ambition);}
#search-container button {background: transparent; border: 0; padding: 0;cursor: pointer;line-height: 1;}
#search-container button svg {fill: var(--ambition); width: 22px;}
#search-container .preclose {cursor: pointer;display: none;}
#search-container .preclose svg {fill: var(--ambition); width: 16px; height: auto;}

body .cc-boxes {list-style: none !important;padding-left: 0 !important;margin-left: auto;margin-right: auto;}
body .cc-boxes li,
body .cc-boxes li a {font-size: 22px;color: var(--strength) !important;font-family: var(--arial); line-height: 1.3;text-decoration: none !important;font-weight: 700;}
body .cc-boxes li a {padding: 28px;padding-right: 90px;box-shadow: 0 0 6px rgba(0,0,0,0.1); display: block; border-radius: 10px;position: relative;background-color: #fff;}
body .cc-boxes li:not(:last-child) {margin-bottom: 20px;}
body .cc-boxes li a::before {content: "\f061";font-family: "Font Awesome 6 Free" !important;font-weight: 900 !important;color: var(--balance);font-size: 19px;text-align: center; background-color: var(--ambition); padding: 5px; border-radius: 50px; position: absolute; right: 30px; top: 50%; transform: translateY(-50%);line-height: 40px;width: 40px;height: 40px;}
body .cc-boxes li a:hover::before {background-color: var(--nature);color: var(--strength);}
body .cc-boxes li a:hover {color: var(--ambition) !important;}

.green-msg,.yellow-msg,.red-msg {color: var(--ambition); padding: 10px 16px; line-height: 1.3; display: table;font-size: 16px; font-weight: 400;border-radius: 3px;margin: 10px auto;}
.green-msg:empty,.yellow-msg:empty,.red-msg:empty,#organization-list:empty {display: none;}
.green-msg i,.yellow-msg i,.red-msg i {margin-right: 8px;font-size: 90%;}
.green-msg {background-color: #DFF2BF;}
.yellow-msg {background-color: #FEEFB3;}
.red-msg {background-color: #FFBABA;}

@media screen and (max-width: 1199px){
  #organization-list .org-title {width: calc(50% - 20px);}
}
@media screen and (max-width: 980px){
  body .cc-boxes li a::before {font-size: 18px;right: 24px;}
  body .cc-boxes li,
  body .cc-boxes li a {font-size: 20px;}
  body .cc-boxes li a {padding: 24px;padding-right: 80px;}
}
@media screen and (max-width: 767px){
  #organization-list .org-title {width: 100%;max-width: 360px;}
  body .cc-boxes li a::before {padding:8px;right: 15px;line-height: 25px;width: 25px;height: 25px;}
  body .cc-boxes li,
  body .cc-boxes li a {font-size: 18px;}
  body .cc-boxes li a {padding-right: 60px;}
}