/*
   Theme Name: Climate Works
   Theme URI: climateworks.com
   Author: John Macaluso
   Description: A custom theme for Climate Works
   Version: 1.0
   Tags: clean, minimal
*/

.cw-logo-row .et_pb_gallery_items.et_post_gallery {
   display: flex !important;
   flex-wrap: wrap;
   justify-content: space-evenly;
   margin-left: -15px !important;
   margin-right: -15px !important;
}
.cw-logo-row .et_pb_gallery_item {
   min-height: 0 !important;
   min-width: 0 !important;
   margin-left: 0 !important;
   margin-right: 0 !important;
   padding-right: 15px !important;
   padding-left: 15px !important;
   max-height: 160px !important;
   max-width: 240px !important;
}
.cw-logo-row .et_pb_gallery_image.portrait {
   height: 100%;
   width: 100%;
}
.cw-logo-row a {
   display: block;
   height: 100%;
   width: 100%;
}
.cw-logo-row img {
   height: 100% !important;
   width: 100% !important;
   object-fit: contain;
   object-position: center
}

.cw-image-credit, .header-content-container .et_pb_header_content_wrapper h6, .et_pb_slide_content h6 { 
   position: absolute; 
   bottom: 10px; 
   right: 20px; 
   color: #fff !important; 
   text-shadow:rgb(0 0 0 / 50%) 1px 1px 3px !important;
}

.single-report .resource-content a,
.single-blog-posts .resource-content a,
.single .resource-content a {
   color: #302A2C;
   border-bottom: 2px solid #70B566 !important;
   padding-bottom: 0px !important;
}
.single-report .resource-content a.footnote-tooltip, .single-blog-posts .resource-content a.footnote-tooltip { border-bottom: none !important; } 
.single-report .resource-content ul, 
.single-blog-posts .resource-content ul {
   margin-top: 15px;
   margin-bottom: 15px;
   margin-left: 25px;
}
.single-report .resource-content ul li,
.single-blog-posts .resource-content ul li {
   list-style: disc;
}

.single .resource-content li {
   color: #302A2C;
   font-family: "CircularXXWeb-Light";
}

.single .resource-content ol {
       list-style-type: decimal;
       padding: 20px;
       padding-left: 45px;
}

/* Translations */

.translate-page .switcher {
   overflow: visible;
   height: 40px;
   width: 120px;
   position: relative;
   top: -5px;
}

.translate-page .switcher .selected a,
.translate-page .switcher .selected a.open {
   line-height: 40px;
   font-family: "CircularXXWeb-Light";
   font-size: 16px;
   color: #387A6E !important;
   padding: 0 11px;
   border: none;
   width: 120px;
}

.translate-page .switcher .selected a img,
.translate-page .switcher .option a img {
   position: relative;
   top: -1px;
   margin-right: 5px;
}

.translate-page .switcher .selected a:after {
   background-image: url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L5 5L10 0H0Z' fill='%23387A6E'/%3E%3C/svg%3E") !important;
   top: 9px !important;
   right: 20px !important;
}

.translate-page .switcher .option {
   box-shadow: rgb(124 116 117 / 29%) 0px 4px 8px;
   border-radius: 10px;
   padding: 16px;
   width: 120%;
   margin-left: -10%;
   margin-top: 10px;
   border: none;
}

.translate-page.mobile {
   display: none;
}

.translate-page.mobile .switcher {
   width: 75px;
}

.translate-page.mobile .switcher .selected a,
.translate-page.mobile .switcher .selected a.open {
   font-size: 0;
   width: 45px;
}

@media (max-width: 676px) {
   .translate-page.mobile {
      position: absolute;
      right: 40px;
      top: 25px;
      display: block;
   }
   .translate-page.mobile .switcher .option {
      width: 200%;
      margin-left: -100%;
   }
   .translate-page.mobile .switcher .selected a:after {
      top: 8px !important;
   }
}