/* Home page */
#competency-explorer {
  width: 100%;
  height: 90vh;
  margin: 20px 0 !important;
	margin-top: 0 !important;
  border: none;
  max-width: 100%;
  overflow: hidden;
}

.home.page.hide-homepage-title .entry-header {
	display: none !important;
}

/* Body */

body .is-layout-flex {
  display: inherit;
}

.home.page.hide-homepage-title .site-main > article > .entry-content {
  margin-bottom: 0;
}

.entry-header {
	margin-top: 2rem !important;
  margin-left: 12%;
} 

.entry-header.responsive-max-width {
	margin-left: 12% !important;
}

#main {
  padding-bottom: 0;
}

.entry-content {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.entry-title em {
	font-style: normal;
}

::selection {
  /* Change highlight background color to black */
  background: #282938;
  /* Change highlight text color to red */
  color: #fcd980;
}

/* Navigation */

.current-menu-item a {
  color: #2405f2 !important;
}

.ContributeNavBtn {
  border-radius: 40px;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  font-weight: 400;
  background-color: #fcd980;
}

.site-logo {
  width: 250px;
  height: 22px;
  margin-bottom: 0;
}

.site-logo img {
  max-width: 66%;
	margin-top: 2%;
	margin-left: 13%;
}

#masthead {
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 143px;
  padding-right: 140px;
  background-color: #f4f6fc;
}

.main-navigation > div > ul {
  align-items: center;
  gap: 30px;
}

.main-menu-container {
  background-color: #f4f6fc !important;
}

.main-menu-container a {
  font-weight: 400;
  font-size: 16px !important;
}

.main-menu-container a:focus {
  color: #474bc2 !important;
}

/* Breadcrumb Navigation */

.breadcrumbs a {
  font-size: 16px;
  text-decoration: none;
}

.breadcrumbs .post {
  font-size: 16px;
}

/* Hero Slider */

.heroHeader {
  margin-left: 173px !important;
  font-weight: 500;
}

.heroTxt {
  margin-left: 173px !important;
  font-size: 25px !important;
}

.heroBtnContainer {
  margin-left: 0 !important;
}

.Slide1 {
	background-image: url(https://dcf-lab.com/wp-content/uploads/2023/02/Hero-gradient-1-515059056-e1676046464951.jpg;)
}

.Slide2 {
	background-image: url(https://dcf-lab.com/wp-content/uploads/2023/02/Hero-gradient-2.jpg);
}

.Slide3 {
	background-image: url(https://dcf-lab.com/wp-content/uploads/2023/02/Hero-gradient-3.jpg);
}

.Slide4 {
	background-image: url(https://dcf-lab.com/wp-content/uploads/2023/02/Hero-gradient-4-1859770879-e1676046606991.jpg);
}

.Slide5 {
	background-image: url(https://dcf-lab.com/wp-content/uploads/2023/02/Hero-gradient-5-434039145-e1676046731811.jpg);
}

.Slide6 {
	background-image: url(https://dcf-lab.com/wp-content/uploads/2023/02/Hero-gradient-6.jpg);
}

.Slide7 {
	background-image: url(https://dcf-lab.com/wp-content/uploads/2023/02/Hero-gradient-7-4157638725-e1676046778128.jpg);
}

.Slide8 {
	background-image: url(https://dcf-lab.com/wp-content/uploads/2023/02/Hero-gradient-darker-8.jpg);
}

/* Hero button container */

.heroBtn a {
  border-radius: 40px;
  font-size: 16px;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  font-weight: 400;
  background-color: #fcd980 !important;
}

.heroBtn {
	margin-left: 173px !important;
}

/* Comp Section */

.wp-container-3 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.HTwo {
  color: #282938 !important;
  margin-left: 0 !important;
}

.CompPara {
  color: #282938 !important;
  margin-left: 0 !important;
  padding-bottom: 0px;
}

.compDummyImg {
  padding-bottom: 32px !important;
}

/* Lastest Contributions */

.CaseStudyHeading {
	display: flex !important;
}

.homePosts p {
  color: #282938 !important;
  font-size: 16px;
}

.homePosts h2 {
  color: #282938 !important;
  font-size: 24px !important;
  font-weight: 600 !important;
}

.homePosts a {
  color: #282938 !important;
  text-decoration: none;
}

.homePosts a:hover {
  color: #474bc2 !important;
}

.entry-title a:hover {
  text-decoration: none !important;
}

.more-link {
  font-size: 16px;
}

.wp-block-search__button {
	 border-radius: 40px;
	color: black !important;
  font-size: 16px;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  font-weight: 400 !important;
  background-color: #fcd980 !important; 
}

.wp-block-button__link {
	border-radius: 40px;
	color: black !important;
  font-size: 16px;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  font-weight: 400 !important;
  background-color: #fcd980 !important; 
}

.wp-block-query-pagination.is-content-justification-center.is-nowrap.is-layout-flex.wp-container-12 {
	display: flex !important;
}

/* Design Teachers */

.wp-block-lazyblock-no-slug {
  background-color: #f4f6fc;
}

.carousel {
  padding-top: 64% !important;
}

#carouselDiv {
  padding-top: 10%;
}

.imgAndCaption {
  padding-top: 48px;
}

.designTeacherSlider {
	display: flex !important;
}

.designTeacherQuote {
	font-size: 32px !important;
	line-height: 48px
}

/* Footer */

.entry-footer {
  display: none !important;
}

#colophon {
  display: none;
}

/* Footer - social links */

.socialLinks {
  margin-bottom: 0px;
}

.wp-social-link.wp-social-link-twitter.twitter.twitter.wp-block-social-link {
  color: #1c1e53;
}

.wp-social-link.wp-social-link-instagram.insta.insta.wp-block-social-link {
  color: #1c1e53;
}

/* Hide the group block after the page template | 4870249-zen rg */
.page-template-blank .wp-site-blocks > .wp-block-group:last-of-type {
  display: none;
}

/* Hide the group block after the post template | 34821785-hc CH */
.post-template-blank .wp-site-blocks > .wp-block-group:last-of-type {
  display: none;
}

/* no block after footer | 34821785-hc/zen (LL) */
footer + .wp-block-group {
  display: none;
}

/* ABOUT */

.whoWeArePara {
  display: contents;
}

.aboutTeachers {
  padding-bottom: 4rem;
}

.wp-container-1 {
  margin-top: 0px !important;
  margin-bottom: 0 !important;
  padding-top: 0px;
}

.whoWeAreTitle {
  margin: auto !important;
  padding-bottom: 2rem;
}

.getInTouch {
	margin: 0 !important;
}

/* Contact form */

#wpcf7-f4444-p3884-o1 {
  max-width: 1000px;
  background: #f4f6fc;
  border-radius: 12px;
  padding: 70px;
  margin-bottom: 124px;
}

.cf7sg-container.cf7sg-not-grid {
  max-width: 100% !important;
}

#submitBtn {
  color: #1b1c2a !important;
  font-size: 16px;
  font-weight: 400;
  border-radius: 40px;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  background-color: #fcd980;
  border-style: none;
}

.nameAndEmail {
  display: inline-block;
  padding-bottom: 24px;
  font-size: 16px;
}

#subjectLabel {
  width: 100% !important;
}

#nameLabel {
  width: 427px;
}

#emailLabel {
  width: 427px;
}

.subejectDiv {
  padding-bottom: 24px;
  font-size: 16px;
}

.messageDiv {
  padding-bottom: 24px;
  font-size: 16px;
}

/* WORKSHOPS */

/* fix query loop image alignment / zen-4897901 (DW) */

.pastEventsH2 {
  margin-top: 4rem !important;
  margin-bottom: 0px !important;
}

.wp-container-19 {
  background-color: white;
  margin-top: 0;
}

.pastEventsContainer {
  padding-bottom: 106px;
}

.wp-block-post-featured-image {
  margin-top: 18px;
}

.pastEventMainPostTitle {
  margin-top: 0 !important;
}

.pastEventMainPostTitle a {
  text-decoration: none;
}

.pastEventsTopEx .wp-block-post-excerpt__excerpt {
  padding-top: 48px;
  padding-bottom: 16px;
}

.pastEventsTopEx .wp-block-post-excerpt__more-text {
  text-align: center;
}

.pastEventsTopEx .wp-block-post-excerpt__more-text a {
  color: #2405f2;
}

.pastEventsTopEx .more-link {
  display: none;
}

.pastEventsPostTitle a {
  color: #282938;
  text-decoration: none;
  padding-top: 32px;
  padding-bottom: 10px;
}

.pastEventsEx p {
  padding-bottom: 16px;
}

.pastEventsEx .more-link {
  display: none;
}

.wp-block-post-excerpt__more-link {
  text-decoration: none;
  color: #282938;
}

/* COMP PAGES */

/* FOR PAGES JOHN MADE */
.compGroup {
	max-width: calc( 1100px - 32px) !important;
}

.introTxt {
		max-width: calc( 1100px - 32px) !important;
}

/* Pages I made */

.column1-desktop-grid__span-8 {
  max-width: 1000px !important;
}

.backCompBtn a {
  text-align: left;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

.compBtn {
  display: flex;
}

.compArrow {
  font-size: 50px !important;
  margin: 0 !important;
  margin-top: -5% !important;
}

.wp-container-21 {
  margin: 0;
}

.wp-container-18 {
  margin: 0;
}

.wp-container-20 {
  margin: 0;
}

.wp-container-23 {
  margin-top: 0px !important;
}

.wp-container-13 {
  max-width: 1000px !important;
}

.wp-container-17 {
  max-width: 1000px !important;
  padding: 0 !important;
}

.wp-container-16 {
  max-width: 1000px !important;
  padding: 0 !important;
}

.processTitle {
  margin-top: 4rem !important;
}

.processDummyImg img {
  width: 85% !important;
}

.compCaseStudiesHeader {
  max-width: 1000px !important;
  margin: 0 !important;
}

.compCaseStudiesSubtitle {
  max-width: 1000px !important;
  margin: 0 !important;
}

.compCaseStudies {
  background-color: #eef4fa !important;
}

.compCaseStudiesH2 a {
  color: #282938;
  text-decoration: none;
}

.compCaseStudiesPosts .more-link {
  display: none;
}

.compCaseStudiesH2 a:hover {
  color: #474bc2;
}

.compCaseStudies a {
  padding-top: 20px;
}

.contributeBtnComp a {
  font-weight: 400;
}

/* PROCESS PAGES */

.wp-container-11.entry-content.wp-block-post-content {
  margin: 0;
}

.processHeader {
  margin-top: 0px !important;
}

.ProcessLocationTitle {
  margin-bottom: 0px !important;
}

.compNavHeading {
  max-width: 1000px !important;
}

.compNavMenus {
  max-width: 1000px !important;
}

.compNavMenus a {
  border: 2px solid #2405f2;
  color: #2405f2 !important;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 10px 15px !important;
}

.compNavMenus a:hover {
  border: 2px solid #2405f2;
  color: white !important;
  background-color: #2405f2;
  transition: 0.3s;
}

.ProcessActLeft .wp-block-media-text__content {
  padding-left: 0px !important;
}

.ProcessActRight .wp-block-media-text__content {
  padding-right: 0px !important;
}

.skillContBtn {
	display: flex !important;
}

/* Blog posts */

.entry-header.responsive-max-width {
	display: flex !important;
   flex-direction: column !important;
 	margin-left: auto;
	margin-right: auto;
}

.post .entry-header {
  display: block !important;
}

.post .entry-header h1 {
  font-weight: 600;
  font-size: 32px;
  text-align: left;
}

.entry-meta {
	display: grid;
}

.byline {
	display: none !important; 
}

.posted-on {
	display: none !important;
}

.entry-meta .svg-icon, .entry-footer .svg-icon {
	display: none;
}

.post h2 {
  font-size: 24px !important;
}

.post-thumbnail img {
  width: 52%;
	height: auto;
}

.entry-content p {
  font-size: 16px;
}

.author-bio {
  display: none;
}

#comments {
  display: none;
}

.nav-links a {
  color: #282938;
}

.nav-links a:hover {
  color: #474bc2;
}

.page-title {
	display: none;
}

/* CONTRIBUTE FORM */

.cf7sg-container {
	max-width: 100% !important;
}

.container #cf7-sg-tab-1667254143593 {
	padding-bottom: 60px;
}

.cf7sg-container .cf7-smart-grid.has-grid .columns .container.glider-slide {
  padding: 0px !important;
}

.SectionTitle {
	padding-bottom: 20px;
}

.c2p-top-level.cf72post-category {
  height: 55rem;
}

input.cf72post-category.cf72post-child-term {
  margin-right: 10px;
}

#nameAndEmail {
  padding-bottom: 2rem;
}

fieldset {
  border: none;
}

.checkbox #uncategorized {
  display: none;
}

.checkbox #past-events {
  display: none;
}

.radio-term {
  padding-bottom: 15px;
	font-size: 16px;
}

.wpcf7 form .cf7sg-response-output {
	display: flex;
	justify-content: center;
	margin: 0px !important;
  padding: 0px !important;
  border: none !important;
}

.wpcf7-form-control.has-spinner.wpcf7-submit {
	
	width: 30% !important;
	border-radius: 40px !important;
  border: 0px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  font-weight: 400;
  background-color: #fcd980;
  color: #1b1c2a;
}


.cf7sg-popup-box, .row.cf7-sg-table, ul.cf7-sg-tabs-list li {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 24px;
}

/* Being category */

.checkbox #being {
  font-size: 24px;
  padding-bottom: 10px;
}

#being .cf72post-category {
  display: none;
}

.cf72post-child-terms.parent-term-35918 {
  padding-bottom: 2rem;
}

/* Creating category */

.checkbox #creating {
  font-size: 24px;
  padding-bottom: 10px;
}

#creating .cf72post-category {
  display: none;
}

[id="2d"] .cf72post-category {
  display: none;
}

[id="3d"] .cf72post-category {
  display: none;
}

[id="4d"] .cf72post-category {
  display: none;
}

#computational .cf72post-category {
  display: none;
}

.cf72post-child-terms.parent-term-35925 {
  padding-bottom: 24px;
}

.cf72post-child-terms.parent-term-35929 {
  padding-bottom: 24px;
}

.cf72post-child-terms.parent-term-35934 {
  padding-bottom: 24px;
}

/* Engaging category */

.checkbox #engaging {
  position: absolute;
  right: 19rem;
  font-size: 24px;
  top: 0px;
}

#engaging .cf72post-category {
  display: none;
}


[id="collaboration"] .cf72post-category {
  display: none;
}

.cf72post-child-terms.parent-term-35988 {
	padding-bottom: 24px;
}


[id="communication"] .cf72post-category {
  display: none;
}

.cf72post-child-terms.parent-term-35984
 {
	padding-bottom: 24px;
}

.cf72post-child-terms.parent-term-35997
 {
	padding-bottom: 24px;
}

[id="context"] .cf72post-category {
  display: none;
}

[id="process"] .cf72post-category {
  display: none;
}


.checkbox .cf72post-child-terms.parent-term-35944 {
  position: absolute;
  right: 0rem;
  top: 2rem;
}

/* Sensing category */

.checkbox #sensing {
  font-size: 24px;
}

#sensing .cf72post-category {
  display: none;
}

.checkbox .cf72post-child-terms.parent-term-35953 {
	padding-bottom: 2rem;
}

/* Thinking category */

.checkbox #thinking {
  position: absolute;
  font-size: 24px;
  right: 20rem;
  top: 31rem;
}

#thinking .cf72post-category {
  display: none;
}

.checkbox .cf72post-child-terms.parent-term-35904 {
  position: absolute;
  right: 11.5rem;
  top: 33rem;
}

#kinesthetic .cf72post-category {
  display: none;
}

.cf72post-child-terms.parent-term-35906 {
  padding-bottom: 24px;
}

#micro-meso-macro .cf72post-category {
  display: none;
}

.cf72post-child-terms.parent-term-35961 {
  padding-bottom: 24px;
}

#strategies .cf72post-category {
  display: none;
}

/*-=-=-=-=-=-=- TABLET -=-=-=-=-=-=-*/

@media only screen and (max-width: 1000px) {
  /*  home page competencies */
  #competency-explorer {
    padding: 0.6rem;
  }

  /* Navigation */
  #masthead {
    padding-left: 30px;
    padding-right: 30px;
  }

  #site-navigation a {
    font-size: 12px;
  }


  .ContributeNavBtn {
    border-radius: 40px;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    font-weight: 400;
    background-color: #fcd980;
  }

  .main-navigation > div > ul {
    align-items: center;
    gap: 20px;
  }

  /* Hero */

  .wp-block-cover {
    padding-left: 30px !important;
  }

  /* Comp Map */

  .compSection {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  /* Latest Contributions */

  .latestCont {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  /* Design Teachers */

  .parent {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  #carouselTitle {
    font-size: 40px !important;
    padding-top: 50px;
  }

  #carouselDiv {
    margin-left: 0px !important;
    width: 100% !important;
  }

  /* Arrows */
  .carousel::before {
    display: none;
  }

  .carousel::after {
    display: none;
  }

  /* Carousel content */

  .carousel {
    padding-top: 35% !important;
  }

  .carousel_content {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .carousel .carousel_content .quoteText {
    font-size: 22px;
  }

  .homeTeachers {
    margin-top: 20px;
  }

  .courseName {
    margin: 0 !important;
  }

  /* Footer */

  #contributeFooterCol {
    transform: translate(0, 15%) !important;
    padding-left: 40px;
  }

  #contributeFooterCol p {
    font-size: 12px;
  }

  #contributeFooterTxt {
    padding-bottom: 15px !important;
  }

  #contributeFooterH2 {
    font-size: 25px !important;
  }

  #contributeFooterBtn {
    font-size: 12px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .socialMedia p {
    font-size: 16px;
  }

  .socialLink {
    width: 20px !important;
  }

  #divNav p {
    font-size: 12px;
  }

  #divNavRight a {
    font-size: 12px;
  }

  /*-=-=-=-=-=-=- PAST EVENTS -=-=-=-=-*/
  .pastEventsPostTitle {
    font-size: 20px;
  }

  .pastEventsEx {
    font-size: 12px !important;
  }

  .pastEventsReadMore {
    font-size: 12px !important;
  }

  /*-=-=-=-=-=-=- ABOUT -=-=-=-=-=-=-=-*/

  .aboutPara {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .aboutTeachers {
    padding-left: 40px !important;
  }

  /*-=-=-=--=-=- PROCESS -=-=-=-=-*/

  .processHeader {
    margin-top: 0px !important;
  }

  .processTopContainer {
    padding-top: 80px !important;
  }
}

/*-=-=-=-=-=- PHONE -=-=-=-=-=-=-=-*/

@media only screen and (max-width: 600px) {
  /*-=-=-=-=-=-=- HOME -=-=-=-=-=-=-*/

  /*  home page competencies */
  #competency-explorer {
    padding: 0.3rem;
  }

  /* Navigation */

  .mobile-nav-side .has-menu .site-logo {
    justify-self: left!important;
    margin: 0px !important;
  }

  .site-logo img {
    max-width: 50%;
		margin-top: 6% !important;
		margin-left: 7% !important;
  }

  #masthead {
    padding-left: 0px;
    padding-right: 20px;
  }

  .ContributeNavBtn {
    padding: 0px !important;
    width: 0px !important;
  }

  /* Home Hero */

  .wp-block-cover .wp-block-cover__inner-container,
  .wp-block-cover-image .wp-block-cover__inner-container {
    width: 100%;
  }

  .wp-block-cover.is-style-default {
    padding: 20px !important;
  }

  .heroHeader {
    font-size: 37px !important;
  }

  .heroTxt {
    font-size: 15px !important;
  }

  .heroBtn {
    border-radius: 40px;
    font-size: 13px !important;
  }

  /* Comp Section */

  .compSection {
    padding-right: 0px !important;
    padding-left: 20px !important;
  }

  .wp-container-8.wp-block-group {
    margin-top: 20px !important;
    padding-right: 0px !important;
  }

  .CompPara {
    font-size: 15px !important;
    width: 642px;
    padding-bottom: 0px;
    max-width: 100%;
    padding-right: 20px;
  }

  /* Latest Contributions */

  .latestCont {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* Design Teachers */

  .parent {
    padding-left: 20px !important;
  }

  #carouselTitle {
    font-size: 32px !important;
  }

  #carouselDiv {
    margin-left: 0px !important;
    width: 100% !important;
  }

  /* Arrows */
  .carousel::before {
    display: none;
  }

  .carousel::after {
    display: none;
  }

  /* Carousel content */

  .carousel {
    padding-top: 70% !important;
  }

  .carousel_content {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .quoteText {
    font-size: 16px !important;
  }

  .homeTeachers {
    margin-top: 0px;
  }

  .imgAndCaption {
    padding-top: 30px;
  }

  .teacherName {
    font-size: 12px !important;
  }

  .courseName {
    font-size: 12px !important;
    margin: 0 !important;
  }

  /* Footer */

  #DCFLogoFooter {
    margin-left: 0% !important;
  }

  .socialMedia {
    margin-left: 0px !important;
  }

  #contributeFooterCol {
    display: contents;
    padding-left: 20px !important;
    padding-bottom: 55px !important;
  }

  #contributeFooterH2 {
    padding-left: 20px;
    padding-top: 20px;
  }

  #contributeFooterTxt {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  #contributeFooterBtn {
    margin-bottom: 20px;
    margin-left: 20px;
  }

  #divNav {
    padding-left: 20px !important;
  }

  #divNavRight {
    display: none;
  }

  /*-=-=-=--=-=- ABOUT -=-=-=-=-=-*/

  #wpcf7-f4444-p3884-o1 {
    padding: 20px !important;
  }

  #nameLabel {
    width: 100%;
  }

  #emailLabel {
    width: 100%;
  }

  .aboutTeachers {
    padding-left: 0px !important;
  }

  .aboutPara {
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-size: 15px;
  }

  /*-=-=-=--=-=- PAST EVENTS -=-=-=-=-*/
  .pastEventMainPostTitle {
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    font-size: 30px !important;
  }

  .pastEventsTopEx {
    padding: 0 !important;
  }

  /*-=-=-=--=-=- PROCESS -=-=-=-=-*/

  .compBtn {
    padding-left: 0px !important;
  }

  .processHeader {
    margin-top: 40px !important;
  }

  .ProcessActRight .wp-block-media-text__content {
    padding-left: 0px !important;
  }

  /*-=-=-=--=-=- COMPs -=-=-=-=-*/

  .compCaseStudies {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .compCaseStudiesHeader {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .compCaseStudiesSubtitle {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .compContContainer {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /*-=-=-=--=-=- CONTRIBUTE -=-=-=-=-*/

  .cf7-smart-grid.has-grid .ui-button {
    width: 142.86px;
    height: 58.33px;
    text-align: center;
  }

  .c2p-top-level.cf72post-category {
    height: 144rem;
  }
  /*Engage*/
  #engaging {
    right: auto !important;
    top: 63rem !important;
  }

  .cf72post-child-terms.parent-term-35944 {
    right: auto !important;
    top: 65.5rem !important;
  }

  /*Sensing*/
  #sensing {
    right: auto !important;
    top: 84rem !important;
  }

  .cf72post-child-terms.parent-term-35953 {
    right: auto !important;
    top: 86.5rem !important;
  }

  /*Thinkng*/
  #thinking {
    right: auto !important;
    top: 103rem !important;
  }

  .cf72post-child-terms.parent-term-35904 {
    right: auto !important;
    top: 105.5rem !important;
  }
}

/* start of home page competencies list */
#competencies-switch {
	margin: 0 20px 0 20px;
	max-width: 100%;
}
#competencies-menu {
  margin-top: 20px;
  background-color: #eff4f9;
  width: 100%;
}

.tree {
  padding: 10px;
  list-style: none;

  /* display: flex;
    flex-wrap: wrap;
    max-height: 100vh; */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(18vw, 1fr));
  gap: 10px;
}
@media (max-width: 800px) {
  .tree {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  }
}

summary.sun {
  font-weight: 500;
  padding-bottom: 8px;
}
.tree > li {
  font-weight: 300;
}

summary.sun {
  font-size: 1.3em;
}

ul.level-two {
  list-style: none;
  padding: 0;
}

ul.level-two summary {
  margin-bottom: 4px;
}

ul.level-three {
  list-style: circle;
  padding: 0 0 0 20px;
}
ul.level-three li {
  margin-bottom: 4px;
}
ul.content {
  list-style: none;
  padding: 5px;
  font-size: 1em;
  color: grey;
}

details > summary {
  list-style: none;
}

details summary::-webkit-details-marker {
  display: none;
}

/* checkbox */
.switch-title {
  margin: 0 0 0 10px;
}
.switch {
  position: relative;
  display: flex;
  /* align-items: center; */
  flex-wrap: wrap;
  width: 100%;
}
.switch-input {
  display: none;
}
.switch-label {
  display: block !important;
	margin: 0 !important;
  width: 48px;
  height: 24px;
  text-indent: -150%;
  clip: rect(0 0 0 0);
  color: transparent;
  user-select: none;
}
.switch-label::before,
.switch-label::after {
  content: "";
  display: block;
  position: absolute;
  cursor: pointer;
}
.switch-label::before {
  width: 48px;
  height: 24px;
  background-color: #dedede;
  border-radius: 9999em;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
.switch-label::after {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
.switch-input:checked + .switch-label::before {
  background-color: #89c12d;
}
.switch-input:checked + .switch-label::after {
  left: 24px;
}

.switch-title{
	line-height: 1.3em;
}

#competencies-menu {
  display: none;
}

.switch-input:checked ~ #competencies-menu {
  display: block;
  /* color: red; */
}

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.break {
  flex-basis: 100%;
  height: 0;
}
/* end of home page competencies list */