/* FONTS */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* Variables */
:root {
  /* WDC Brand Colors */
  --wdc-black: #000000;
  --wdc-navy: #003f8a;
  --wdc-blue: #5e86bd;
  --wdc-lightblue: #bbcde4;
  --wdc-white: #ffffff;
  --wdc-grey: #f2f2f2;

  /* Font families */
  --font-montserrat: "Montserrat", sans-serif;
  --font-poppins: "Poppins", sans-serif;
}


/* general */

*:focus{
  outline: none;
}

*::focus-visible {
  outline: 2px solid var(--wdc-navy);
  outline-offset: 2px;
}


/* HEADER */

.page-id-2509 div.wp-block-group:has(.wp-block-post-title) {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  width: 100%;
}

.page-id-2509 .wp-block-cover.alignfull {
  max-width: 100%;
  margin: 0 auto;
}

.page-id-2509 h1 {
  color: var(--wdc-white);
  text-align: left;
  font-family: Poppins;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3rem;
  width: 100%;
}

/* TOOLKIT LAYOUR */

.page-id-2509 .entry-content {
  background-color: var(--wdc-white);
  margin: 0;
  margin-bottom: -20px;
  padding: 0;
}

#matrix-toolkit-app {
  max-width: 1600px;
  display: flex;
  margin: 0 auto;
  margin-top: -20px;
}

aside.toolkit-sidebar {
  width: 280px;
  min-width: 280px;
  border-right: 2px solid var(--wdc-lightblue);
  padding: 0 1.5rem 1.5rem;
  box-sizing: border-box;
}

.filter-group {
  display: flex;
  flex-wrap: wrap;
  padding: 2rem 0;
  border-bottom: 1.18px solid var(--wdc-grey);
}

.filter-group h4 {
  width: 100%;
  color: var(--wdc-black);
  font-family: Poppins;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 12px;
}

.filter-group label {
  width: 100%;
  color: var(--wdc-black);
  font-family: Poppins;
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5rem;
}

.filter-children {
    margin-left: 16px;
}

button#clear-filters {
  background: var(--wdc-navy);
  color: var(--wdc-white);
  font-family: var(--font-poppins);

  font-weight: 600;

  border-radius: 24px;
  border: none;
  cursor: pointer;

  width: 100%;
  display: flex;
  height: 3rem;
  justify-content: center;
  align-items: center;
  gap: 10px;

  text-align: center;
  font-size: 1rem;

  line-height: 1.5rem;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  margin-top: 2rem;
}

#toolkit-results-container {
  padding: 0;
  width: 100%;
}


#toolkit-results-container h3 {
  color: var(--wdc-navy);
  font-family: Poppins;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  margin-bottom: 0;
  margin-top: 0.75rem;
  padding-bottom: 0;
}

.toolkit-grid-results {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 3%;
}

.toolkit-card {
  width: calc(31% - 2rem);
  padding: 0 1rem 1rem;
  border-radius: 20px;
  background: var(--wdc-grey);
  transition: 0.3s ease;
}

.toolkit-card:hover{
  background: var(--wdc-lightblue);
  transition: 0.5s ease;
}

.toolkit-card:hover img{
  opacity: 0.9;
  transition: 0.3s ease;
}



.toolkit-card p {
  color: var(--wdc-black);
  font-family: Poppins;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

/* Custom styles for the Single Digital Toolkit 
    Digital Marketing Strategy Guide page
*/

/* General */

.digital_toolkit-template-digital-toolkit-template {
  background-color: var(--wdc-white);
}

/* Button Styles */
.entry-content .wp-block-button .wp-block-button__link {
  background: var(--wdc-navy);
  color: var(--wdc-white);
  font-family: var(--font-poppins);
  font-weight: 600;
}

.entry-content .wp-block-button .wp-block-button__link:hover {
  background: var(--wdc-blue);
  color: var(--wdc-black);
  text-decoration: none;
  font-weight: 600;
}

.entry-content .wp-block-button .wp-block-button__link:active {
  background: #9e9e9e;
  color: #cfcfcf;
  font-family: var(--font-poppins);
  font-weight: 600;
}

/* Layout */

.single-digital_toolkit .wp-block-cover .wp-block-group-is-layout-constrained {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  padding-left: 4rem;
  padding-right: 4rem;
}

.single-digital_toolkit .is-layout-flex {
  max-width: 1440px;
  margin: auto;
}
.single-digital_toolkit .entry-content {
  padding-right: 4rem;
  padding-left: 4rem;
}

/* .wp-block-columns .wp-block-column {
 flex-basis: 70% !important;
} */

.single-digital_toolkit .wp-block-columns .wp-block-column:last-child {
  flex-basis: 27% !important;
  margin-right: 1.5rem;
}

/* Blocks */

.single-digital_toolkit .wp-site-blocks .wp-block-columns {
  margin-top: 64px;
  margin-bottom: 64px;
}

.single-digital_toolkit
  .wp-site-blocks
  .wp-block-columns
  .entry-content
  .wp-block-heading {
  max-width: 100%;
  font-size: 1.5rem;
  color: var(--wdc-black);
  line-height: 1.875rem;
  font-weight: 600;
  font-family: var(--font-poppins);
  padding-bottom: 1rem;
}

.single-digital_toolkit
  .wp-site-blocks
  .wp-block-columns
  .entry-content
  .wp-block-paragraph {
  max-width: 100%;
  font-size: 1rem;
  font-weight: 300;

  font-family: var(--font-poppins);
  padding-bottom: 1rem;
  margin-top: 0;
}
.single-digital_toolkit
  .wp-site-blocks
  .wp-block-columns
  .entry-content
  .wp-block-button {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.single-digital_toolkit
  .wp-site-blocks
  .wp-block-columns
  .entry-content
  .wp-block-button
  .wp-block-button__link {
  padding: 0.75rem 1.5rem;
  border-radius: 24px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  letter-spacing: 0.4px;
}

/* COVER */

.single-digital_toolkit .wp-block-cover .wp-block-post-title {
  font-size: 2.25rem;
  line-height: 3rem;
  font-weight: 600;
  color: var(--wdc-white);
  font-family: var(--font-poppins);
}

.single-digital_toolkit .wp-block-cover .wp-block-cover__inner-container {
  padding: 34px 0;

}

.single-digital_toolkit .wp-block-cover .wp-block-post-excerpt__excerpt {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: var(--wdc-white);
  font-family: var(--font-poppins);
}

.wp-block-cover .wp-block-breadcrumbs {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 300;
  color: var(--wdc-white);
  font-family: var(--font-poppins);
  width: 100%;
  display: flex;
  justify-content: flex-start!important;
}

.wp-block-breadcrumbs a, .wp-block-breadcrumbs span{
  font-weight: 300;
}

.wp-block-breadcrumbs li:not(:last-child):after {
  content: ">";
  margin: 0 0.5rem;
  font-size: 0.75rem;
  color: var(--wdc-white);
}

/* 
   SIDEBAR (matrix-sidebar-info) 
*/

.single-digital_toolkit .matrix-sidebar-info {
  background: var(--wdc-lightblue);
  color: var(--wdc-black);
  border-radius: 20px;
  padding: 1.57rem;
}

.single-digital_toolkit .sidebar-title {
  font-family: var(--font-poppins);
  color: var(--wdc-black);
  font-size: 1.25rem;
  font-weight: 600;
  margin-top: 0;
  font-size: 20px;
  position: relative;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.single-digital_toolkit .sidebar-meta-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}

.single-digital_toolkit .meta-item {
  font-size: 1rem;
  font-weight: 300;
  text-decoration: none;
  font-family: var(--font-poppins);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-bottom: 1px solid #9DBCE6;
  padding-bottom: 0.75rem;
}

.single-digital_toolkit .meta-item strong {
  font-family: var(--font-poppins);
  font-weight: 600;
  color: var(--wdc-black);
  display: inline-block;
  min-width: 110px;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 0.4px;
  flex-basis: 100%;
}

.single-digital_toolkit .meta-item a {
  font-family: var(--font-poppins);
  color: var(--wdc-black);
  font-weight: 300;
  font-size: 1rem;
  display: inline-block;
  text-decoration: none;
  letter-spacing: 0.75px;
}
.single-digital_toolkit .meta-item a:hover {
  color: var(--wdc-navy);
}

.single-digital_toolkit .meta-item .tag-cloud {
  font-family: var(--font-montserrat);
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.single-digital_toolkit .meta-item .tag-cloud a {
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;

  text-decoration: none;
  background-color: var(--wdc-navy);
  color: var(--wdc-white);
  font-family: var(--font-poppins);
}

.single-digital_toolkit .meta-item .tag-cloud a:hover {
  color: var(--wdc-black);
  background-color: var(--wdc-blue);
  text-decoration: none;
  border: none;
  outline: none;
}

.single-digital_toolkit .meta-item .tag-cloud a:active {
  background: #9e9e9e;
  color: #cfcfcf;
  text-decoration: none;
}



.single-digital_toolkit .sidebar-meta-list .sidebar-tags {
  border-bottom: none;
}
/* Remove extra p */
.single-digital_toolkit .sidebar-meta-list .sidebar-tags strong + p{
  display: none;
}

.single-digital_toolkit .sidebar-meta-list p:last-child {
  display: none;
}

.single-digital_toolkit .matrix-sidebar-info p:last-child {
  display: none;
}

/* Downloadable Resources Section */
.single-digital_toolkit .matrix-resources-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  max-width: 100%;
  margin-top: 0.5rem;
  letter-spacing: 0px;
}
.single-digital_toolkit .resource-block {
  border-radius: 20px !important;
  padding: 1.5rem;
  background: var(--wdc-grey);
  transition: box-shadow 0.2s;
  margin-bottom: 0 !important;
}
.single-digital_toolkit .resource-block:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.01);
}
.single-digital_toolkit .resource-header {
  display: flex;
  justify-content: space-between;
  align-items: center;

  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

.single-digital_toolkit .resource-header h3 {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.single-digital_toolkit .resource-lang {
  background: var(--wdc-white);
  color: var(--wdc-black);

  font-family: var(--font-montserrat);
  padding: 0.25rem 0.875rem !important;
  border-radius: 8px !important;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1.18px solid var(--wdc-navy);
  text-transform: uppercase;
  white-space: nowrap;
}

.single-digital_toolkit .resource-lang br { display: none; }

.single-digital_toolkit .resource-files-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.single-digital_toolkit .resource-files-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.single-digital_toolkit .resource-files-list li .infos {
  text-align: left;
  display: flex;
}

.single-digital_toolkit .resource-files-list li .infos br { display: none; }

.single-digital_toolkit .resource-files-list .infos span:first-child{
  color: transparent!important;
}

.single-digital_toolkit .resource-files-list li .infos span:last-child {
  width: 2rem;
}

.single-digital_toolkit .resource-files-list li a {
  font-family: var(--font-poppins);
  color: var(--wdc-black);
  
  font-weight: 300 !important;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0;

   transition: .3s ease;
}

.single-digital_toolkit .resource-files-list li a br { display: none; }

.single-digital_toolkit .resource-files-list li a:hover,
.single-digital_toolkit .resource-files-list li:hover .infos span
 {
  color: var(--wdc-navy);
  transition: .3s ease;
}

.single-digital_toolkit .resource-files-list .dashicons {
  color: #003F8A;
  width: 15px;
  margin-right: 10px;
}

.single-digital_toolkit .resource-files-list .format {
  color: var(--WDC-Black, #000);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

/*
.single-digital_toolkit .resource-files-list .dashicons {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  font-size: 0;
  line-height: 0;
  overflow: hidden;
  margin-right: 0;

  margin-right: 8px!important;
}

/* Icons 
.resource-files-list li:has(a[href$=".pdf"]) .dashicons {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_51_1357)'%3E%3Cpath d='M9.99269 1.3324H3.99694C3.64357 1.3324 3.30467 1.47277 3.0548 1.72264C2.80493 1.97252 2.66455 2.31141 2.66455 2.66479V13.3239C2.66455 13.6773 2.80493 14.0162 3.0548 14.266C3.30467 14.5159 3.64357 14.6563 3.99694 14.6563H11.9913C12.3446 14.6563 12.6835 14.5159 12.9334 14.266C13.1833 14.0162 13.3237 13.6773 13.3237 13.3239V4.66337L9.99269 1.3324Z' stroke='%23003F8A' stroke-width='1.33239' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.32666 1.3324V3.99717C9.32666 4.35055 9.46704 4.68944 9.71691 4.93931C9.96678 5.18919 10.3057 5.32956 10.659 5.32956H13.3238' stroke='%23003F8A' stroke-width='1.33239' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66198 5.99573H5.32959' stroke='%23003F8A' stroke-width='1.33239' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.6591 8.66052H5.32959' stroke='%23003F8A' stroke-width='1.33239' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.6591 11.3253H5.32959' stroke='%23003F8A' stroke-width='1.33239' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_51_1357'%3E%3Crect width='15.9887' height='15.9887' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");

  height: 1rem;
}

.resource-files-list li:has(a[href$=".mp4"]) .dashicons {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.99707 1.99854L13.3238 7.99428L3.99707 13.99V1.99854Z' stroke='%23003F8A' stroke-width='1.33239' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  height: 1rem;
}

.resource-files-list li:has(a[href$=".pptx"]) .dashicons {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_51_1378)'%3E%3Cpath d='M9.99269 1.3324H3.99694C3.64357 1.3324 3.30467 1.47277 3.0548 1.72264C2.80493 1.97252 2.66455 2.31141 2.66455 2.66479V13.3239C2.66455 13.6773 2.80493 14.0162 3.0548 14.266C3.30467 14.5159 3.64357 14.6563 3.99694 14.6563H11.9913C12.3446 14.6563 12.6835 14.5159 12.9334 14.266C13.1833 14.0162 13.3237 13.6773 13.3237 13.3239V4.66337L9.99269 1.3324Z' stroke='%23003F8A' stroke-width='1.33239' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.32666 1.3324V3.99717C9.32666 4.35055 9.46704 4.68944 9.71691 4.93931C9.96678 5.18919 10.3057 5.32956 10.659 5.32956H13.3238' stroke='%23003F8A' stroke-width='1.33239' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.99561 8.66058V7.99438H9.99277V8.66058' stroke='%23003F8A' stroke-width='1.33239' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.99414 7.99438V11.9915' stroke='%23003F8A' stroke-width='1.33239' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.32812 11.9915H8.66051' stroke='%23003F8A' stroke-width='1.33239' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_51_1378'%3E%3Crect width='15.9887' height='15.9887' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");

  height: 1rem;
}


.single-digital_toolkit .resource-files-list .dashicons.dashicons-admin-site-alt3 {
    padding-top: 10px;
    margin-top: 0px;
}

.single-digital_toolkit .resource-files-list .dashicons.dashicons-admin-site-alt3:before {
  margin-top: 4px;
    display: block;
}
*
.single-digital_toolkit .resource-files-list .infos span {
  font-size: 0.875rem;
  text-transform: uppercase;
  color: var(--wdc-black) !important;
  font-weight: 700;
  white-space: nowrap;
  display: block;

  transition: .3s ease;
}
*/
/* Slider */

.single-digital_toolkit .wp-block-jetpack-slideshow {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100%;
  padding-bottom: 1rem;
}

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container.wp-swiper-initialized, 
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container .wp-block-jetpack-slideshow_swiper-wrapper
{
  height: 495px;
}

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container .wp-block-jetpack-slideshow_slide{
  height: 471px;
}

.single-digital_toolkit .wp-block-jetpack-slideshow_slide {
  background-color: var(--wdc-blue);
  border-radius: 16px;
}

 .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom{
  position: absolute;
}

.wp-block-jetpack-slideshow
  .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets,
.wp-block-jetpack-slideshow
  .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom {
  display: flex;
  justify-content: center;
}

.single-digital_toolkit .wp-block-jetpack-slideshow .swiper-pagination-bullet {
  cursor: pointer;
  border-radius: 50%;
  background-color: var(--wdc-lightblue);
  width: 0.5rem;
  height: 0.5rem;
}

.single-digital_toolkit
  .wp-block-jetpack-slideshow
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 2rem;
  border-radius: 999px;
  background-color: var(--wdc-navy);
  cursor: default;
}

.single-digital_toolkit .wp-block-jetpack-slideshow_button-prev,
.single-digital_toolkit .wp-block-jetpack-slideshow_button-next,
.single-digital_toolkit
  .wp-block-jetpack-slideshow
  .wp-block-jetpack-slideshow
  .swiper-button-white {
  border-radius: 50%;
  background-color: var(--wdc-lightblue);
  color: var(--wdc-black);
  height: 48px;
  width: 48px;
}


/* Hide default icons */
.swiper-horizontal .swiper-navigation-icon {
    display: none !important;
}

/* Custom prev icon using inline SVG data URI */
.swiper-horizontal .swiper-button-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18L9 12L15 6'/%3E%3C/svg%3E") !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Custom next icon */
.swiper-horizontal .swiper-button-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18L15 12L9 6'/%3E%3C/svg%3E") !important;
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.wp-block-jetpack-slideshow .amp-carousel-button-prev, .wp-block-jetpack-slideshow .swiper-button-prev.swiper-button-white, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev {
  left: 1rem;
  top: 50% !important;;
  transform: translateY(-50%);
}

.wp-block-jetpack-slideshow .amp-carousel-button-next, .wp-block-jetpack-slideshow .swiper-button-next.swiper-button-white, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next {
  right: 1rem;
  top: 50% !important;
  transform: translateY(-50%);
}

/* Footer single-digital_toolkit page */

.single-digital_toolkit footer .wp-block-cover__inner-container{
  padding-top: 0;
  padding-bottom: 0;
}

.single-digital_toolkit footer.wp-block-template-part .wp-block-cover__inner-container .wp-block-columns {
  margin-top: 0;
  margin-bottom: 0;
}

.single-digital_toolkit footer .wp-block-columns .wp-block-column:last-child{
  flex-basis: 0!important;
}



/* Responsive for digital guide */
@media (max-width: 1480px) {
  .single-digital_toolkit
    .wp-block-cover
    .wp-block-group-is-layout-constrained {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (max-width: 1200px) {
  .single-digital_toolkit .matrix-resources-container {
      grid-template-columns: 1fr;
    }
  }

@media (max-width: 780px) {
  .single-digital_toolkit .wp-block-columns .wp-block-column:last-child {
    display: flex;
    justify-content: center;
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .single-digital_toolkit footer .wp-block-columns .wp-block-column:last-child {
    display: block;
    margin-right: 0;
    margin-left: 0;
  }

    .single-digital_toolkit .wp-block-cover .wp-block-post-excerpt__excerpt {
    max-width: none;
    width: 100%;
  }
}

@media (max-width: 600px) {
  .single-digital_toolkit
    .wp-block-cover
    .wp-block-group-is-layout-constrained {
    padding-left: 0;
    padding-right: 0;
  }

  .single-digital_toolkit .entry-content {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container.wp-swiper-initialized, 
  .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container .wp-block-jetpack-slideshow_swiper-wrapper
  {
    height: 330px;
  }

  .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container .wp-block-jetpack-slideshow_slide{
    height: 314px;
  }

}

@media (max-width: 480px) {
  .single-digital_toolkit .wp-site-blocks .wp-block-columns .entry-content .wp-block-button .wp-block-button__link{
    /* margin: 0 auto; */
    /* width: 100%; */
    font-size: 0.875rem;
  }
}

/* Digital Success Stories page */

/* Layout */
.page-id-2509 #matrix-toolkit-app {
  max-width: 1440px;
  margin: auto;
}

.page-id-2509 .page-template-default {
  background-color: var(--wdc-white);
}

.wp-block-cover + p {
  display: none;
}

/* Cover Stories */

.entry-content .wp-block-cover h1.wp-block-post-title {
  text-align: left;
}

/* Toolkit sidebar filters */

#matrix-toolkit-app .toolkit-sidebar .filter-group label {
  display: flex;
  align-items: flex-start;
  gap: 5px;

  cursor: pointer;
  font-family: var(--font-poppins);
  font-weight: 300;
  font-size: 1rem;
  color: var(--wdc-black);
  line-height: 1.5rem;
  letter-spacing: 0;
  margin-bottom: 3px;
  transition: 0.3s ease;
}

#matrix-toolkit-app .toolkit-sidebar .filter-group label:hover{
  transition: 0.3s ease;
  color: var(--wdc-navy);
}

#matrix-toolkit-app .toolkit-sidebar #toolkit-filter-form .filter-group {
  padding: 1.25rem 0;
}



#matrix-toolkit-app
  .toolkit-sidebar
  #toolkit-filter-form
  .filter-group
  input[type="checkbox"] {
  appearance: none!important;
  -webkit-appearance: none!important;

  flex-shrink: 0;

  position: relative;
  outline: none;
  border-radius: 2px;
  border: 1px solid var(--wdc-black);
  height: 1rem;
  width: 1rem;
  cursor: pointer;
}

#matrix-toolkit-app
  .toolkit-sidebar
  #toolkit-filter-form
  .filter-group
  input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='%23003f8a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 10px;
    background-color: transparent;
}

#matrix-toolkit-app
  .toolkit-sidebar
  #toolkit-filter-form
  .filter-group
  input[type="checkbox"]:checked::after {
    content: none;
}


#matrix-toolkit-app
  .toolkit-sidebar
  #toolkit-filter-form
  .filter-group
  input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--wdc-navy);
  outline-offset: 2px;
}


.toolkit-sidebar .filter-group h4{
  padding-bottom: 0!important;
}

#matrix-toolkit-app .toolkit-sidebar .filter-group h4 + label{
  padding-top: 5px;
}


/* Arrow */
.toolkit-sidebar .filter-group h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  width: 100%;
  margin: 0;
  padding-bottom: 0.5rem;
}

.toolkit-sidebar .filter-arrow {
  display: flex;
  align-items: center;
  transition: transform 0.2s ease;
}

.toolkit-sidebar .filter-arrow.rotated {
  transform: rotate(180deg);
}

/* Clear filters Button */

button#clear-filters:hover {
  background: var(--wdc-blue);
  color: var(--wdc-black);
  font-weight: 600;
  text-decoration: none;
  border: none;
  outline: none;
}

button#clear-filters:active {
  background: #9e9e9e;
  color: #cfcfcf;
  font-family: var(--font-poppins);
  font-weight: 600;
}


/* Toolkit search */

 .page-id-2509 .matrix-toolkit-search-wrapper{
  box-sizing: border-box;
}

.page-id-2509 .matrix-toolkit-search-wrapper form.toolkit-search-form{
  margin: 0;
}

/* Toolkit cards */

#toolkit-results .no-results{
	padding: 0 10px;
}

.toolkit-grid-results {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
  width: calc(100% - 4rem);
  padding: 2rem;
}

.toolkit-card {
  padding: 0;
  width: 100%;
}

.toolkit-card .card-image img {
  width: 100%;
  height: auto;
  border-radius: 20px 20px 0 0;
  aspect-ratio: 3/2;
  object-fit: cover;
}

/* card content */
.toolkit-card .tags {
  margin-left: 1rem;
  margin-right: 1rem;
}
.toolkit-card .tags .tag {
  background-color: var(--wdc-navy);
  display: inline-block;
  font-family: var(--font-poppins);
  padding: 2px 8px;
  border-radius: 4px 4px;
  color: var(--wdc-white);

  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
}

.toolkit-card h3 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.toolkit-card h3 a {
  color: var(--wdc-navy);
  font-family: var(--font-poppins);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-decoration: none;
}

.toolkit-card p {
  font-size: 1rem;
  font-family: var(--font-poppins);
  font-weight: 300;
  line-height: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  color: var(--wdc-black);
}

/* Toolkit Pagination */

.toolkit-pagination {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  gap: 0.75rem;
}

.toolkit-pagination .page-numbers {
  cursor: pointer;
  font-family: var(--font-montserrat);
  font-size: 1rem;
  font-weight: 500;
  color: var(--wdc-black);
  background-color: var(--wdc-grey);
  border-radius: 8px;
  width: 2.25rem;
  height: 2.25rem;
  border-color: var(--wdc-grey);
  outline: none;

  appearance: none;
  -webkit-appearance: none;
  box-shadow: none !important;
  border: 1px solid var(--wdc-grey);
}

.toolkit-pagination .page-numbers.active {
  background: var(--wdc-navy);
  color: var(--wdc-white);
  border-color: var(--wdc-navy);
}

/* Responsive Stories page */

@media (max-width: 1200px) {
      .toolkit-grid-results {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 2rem;
    }
}

@media (max-width: 800px) {
  .page-id-2509 #matrix-toolkit-app{
    display: flex;
    flex-direction: column;
    }

  .page-id-2509 .matrix-toolkit-search-wrapper form.toolkit-search-form{
    padding: 0;
  }

  .page-id-2509 .toolkit-sidebar{
    width: 100%;
  }

  #matrix-toolkit-app .toolkit-sidebar #toolkit-filter-form .filter-group {
    padding: 0.75rem 0;
  }

  
}

@media (max-width: 767px) {
    .matrix-toolkit-search-wrapper form.toolkit-search-form .search-input-group {
      padding: 0;
    }
}

@media (max-width: 600px) {
  .toolkit-grid-results {
    grid-template-columns: 1fr;
    width: calc(100% - 2rem);
    padding: 1rem;
  }
}

@media (max-width: 480px) {
  .toolkit-grid-results{
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }

  #toolkit-results-container{
    padding: 0;
  }

  .toolkit-card h3 a{
    font-size: 1rem;
    line-height: 1.2rem;
  }

  .toolkit-card p{
    font-size: 0.875rem;
    line-height: 1.2rem;
  }
}




/* Digital Toolkit page */

/* Layout */

.page-id-2553 .wp-block-group-is-layout-constrained {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

/* columns */
.page-id-2553 main .wp-block-columns{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 60px;
}

.page-id-2553 main .wp-block-columns .wp-block-column{
  transition: 0.3s ease;
  border-radius: 20px 20px 10px 10px;
}

.page-id-2553 main .wp-block-columns .wp-block-column img{
  width: 100%!important;
  /* aspect-ratio: 3 / 2;
  object-fit: cover; */
}

.page-id-2553 main .wp-block-columns .wp-block-column:hover{
  box-shadow:  1px 1px rgba(0, 0, 0, 0.04);
  transition: 0.3s ease;
}

.page-id-2553 main .wp-block-columns .wp-block-column:hover img{
  opacity: 0.9;
}



.page-id-2553 .entry-content .wp-block-cover h1.wp-block-post-title {
  text-align: center;
}

.page-id-2553 .wp-block-cover .wp-block-breadcrumbs{
  justify-content: center!important;
  font-size: 1rem;
  color: var(--wdc-black);
}

.page-id-2553 h3 strong{
  font-size: 1.5rem;
  font-family: var(--font-poppins);
  font-weight: 600;
  line-height: 1.875rem;
}


.page-id-2553 main p{
  font-family: var(--font-poppins);
}

.page-id-2553 main .wp-block-paragraph{
  margin-top: 0.75rem;
}

.page-id-2553 main .wp-block-columns .wp-block-column .wp-block-paragraph a{
  text-decoration: none;
  transition: .3s ease;
}

.page-id-2553 main .wp-block-columns .wp-block-column .wp-block-paragraph a:hover{
  color: var(--wdc-blue);
   transition: .3s ease;
}

.page-id-2553 main .wp-block-columns .wp-block-column .wp-block-paragraph strong{
  font-weight: 600;
}

.matrix-toolkit-search-wrapper{
  padding: 2rem;
}

.matrix-toolkit-search-wrapper .toolkit-search-form input{
  padding: 20px 24px!important;
  font-size: 1rem;
  font-family: var(--font-montserrat);
  font-weight: 300;
}

.matrix-toolkit-search-wrapper .toolkit-search-form input::placeholder{
  font-family: var(--font-montserrat);
  color: var(--wdc-black);
  font-weight: 300;
  font-size: 1rem;

}

.matrix-toolkit-search-wrapper .toolkit-search-form input:focus{
  outline: 1px solid var(--wdc-navy);
}

.matrix-toolkit-search-wrapper .toolkit-search-form button[type="submit"]{
  transition: .3s ease;
}

.matrix-toolkit-search-wrapper .toolkit-search-form button[type="submit"]:hover{
  scale: 1.1;
  transition: .3s ease;
}


.matrix-toolkit-search-wrapper .toolkit-search-form .dashicons-search {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.16229 15.8257C12.8424 15.8257 15.8258 12.8424 15.8258 9.16226C15.8258 5.48212 12.8424 2.49878 9.16229 2.49878C5.48215 2.49878 2.49881 5.48212 2.49881 9.16226C2.49881 12.8424 5.48215 15.8257 9.16229 15.8257Z' stroke='black' stroke-width='1.66587' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.4916 17.4917L13.91 13.91' stroke='black' stroke-width='1.66587' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding-right: 20px;
}

.matrix-toolkit-search-wrapper .toolkit-search-form .dashicons-search:before {
    content: none; 
}

.dashicons-search:before {
    content: none; /* remove old icon */
}

/* Toolkit page Responsive*/

@media (max-width: 900px) {
      .page-id-2553 main .wp-block-columns {
      grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 669px) {
    .matrix-toolkit-search-wrapper {
      box-sizing: border-box;
      max-width: 100%;
    }
}

@media (max-width: 600px) {
  .page-id-2553 main h3{
    text-align: center;
  }

  .page-id-2553 main .wp-block-columns{
    grid-template-columns: 1fr;
  }

  .page-id-2553 main .wp-block-columns .wp-block-column{
    margin: 0 auto;
    width: 100%;
  }

  .page-id-2553 main .wp-block-columns .wp-block-column figure a{
    display: block;
  }
}

@media (max-width: 480px) {
  .matrix-toolkit-search-wrapper{
    padding: 1rem;
  }
}




/* Footer */

footer .is-layout-flex{
  max-width: 1440px;
  margin: 0 auto;
}

footer.wp-block-template-part .wp-block-social-links{
    padding-top: 1rem;
    gap: 0.75rem;
}



@media (max-width: 780px) {
/* styles */
}






/* Training page */

/* Layout */


.page-id-2670 .entry-content .wp-block-cover h1.wp-block-post-title {
  text-align: center;
}

.page-id-2670 .wp-block-cover .wp-block-breadcrumbs{
  justify-content: center!important;
  font-size: 1rem;
  color: var(--wdc-black);
}

.page-id-2670 .get-started{
  max-width: 100%;
}


.page-id-2670 .get-started h2 strong{
  font-size: 1.5rem;
  font-family: var(--font-poppins);
  line-height: 1.875rem;
  font-weight: 600;
}
.page-id-2670 .get-started .wp-block-image img{
  width: 100%!important;
  transition: 0.3s ease;
}

.page-id-2670 .get-started .wp-block-columns{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
}

.page-id-2670 .get-started .wp-block-columns .wp-block-column{
    transition: 0.3s ease;
}

.page-id-2670 .get-started .wp-block-columns .wp-block-column:hover {
  box-shadow:  1px 1px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  transition: 0.3s ease;
}

.page-id-2670 .get-started .wp-block-columns .wp-block-column .wp-block-paragraph a{
  text-decoration: none;

  font-family: var(--font-poppins);
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 600;

  transition: .3s ease;
}

.page-id-2670 .get-started .wp-block-columns .wp-block-column .wp-block-paragraph a:hover{
  color: var(--wdc-blue);
   transition: .3s ease;
}

.page-id-2670 .get-started .wp-block-columns .wp-block-column .wp-block-paragraph:last-child{
  font-family: var(--font-poppins);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  margin-top: 0.75rem;
}

.page-id-2670 .get-started .wp-block-columns .wp-block-column figure img:hover{
  opacity: 0.9;
  transition: 0.3s ease;
}

/* responsive for get started Training page*/
@media (max-width: 669px) {
  .page-id-2670 .get-started .wp-block-columns{
    grid-template-columns: repeat(1, 1fr);
 }
}


/* Results page */

/* Layout */

.page-id-2949 .wp-block-group-is-layout-constrained {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}


/* columns */
.page-id-2949 main .wp-block-columns{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 60px;
}

.page-id-2949 main .wp-block-columns .wp-block-column{
  transition: 0.3s ease;
  border-radius: 20px 20px 10px 10px;
}

.page-id-2949 main .wp-block-columns .wp-block-column img{
  width: 100%!important;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.page-id-2949 main .wp-block-columns .wp-block-column:hover{
  box-shadow:  1px 1px rgba(0, 0, 0, 0.04);
  transition: 0.3s ease;
}

.page-id-2949 main .wp-block-columns .wp-block-column:hover img{
  opacity: 0.9;
}



.page-id-2949 .entry-content .wp-block-cover h1.wp-block-post-title {
  text-align: center;
}

.page-id-2949 .wp-block-cover .wp-block-breadcrumbs{
  justify-content: center!important;
  font-size: 1rem;
  color: var(--wdc-black);
}

.page-id-2949 h3 strong{
  font-size: 1.5rem;
  font-family: var(--font-poppins);
  font-weight: 600;
  line-height: 1.875rem;
}


.page-id-2949 main p{
  font-family: var(--font-poppins);
}

.page-id-2949 main .wp-block-paragraph{
  margin-top: 0.75rem;
}

.page-id-2949 main .wp-block-columns .wp-block-column .wp-block-paragraph a{
  text-decoration: none;
  transition: .3s ease;
}

.page-id-2949 main .wp-block-columns .wp-block-column .wp-block-paragraph a:hover{
  color: var(--wdc-blue);
   transition: .3s ease;
}

.page-id-2949 main .wp-block-columns .wp-block-column .wp-block-paragraph strong{
  font-weight: 600;
}

/* Toolkit 2 page Responsive*/

@media (max-width: 900px) {
    .page-id-2949 main .wp-block-columns {
      grid-template-columns: 1fr 1fr;
    }
}


@media (max-width: 600px) {
  .page-id-2949 main h3{
    text-align: center;
  }

  .page-id-2949 main .wp-block-columns{
    grid-template-columns: 1fr;
  }

  .page-id-2949 main .wp-block-columns .wp-block-column{
    margin: 0 auto;
    width: 100%;
  }

  .page-id-2949 main .wp-block-columns .wp-block-column figure a{
    display: block;
  }
}






/* mobile menu button */
.wp-block-navigation__responsive-container-close{
	top: 2rem;
}



/* Posts */
.single-digital_toolkit .wp-block-buttons {
    margin-bottom: 3rem !important;
}

.postid-2474 .wp-block-buttons {
    margin-bottom: 0 !important;
}