/*
Theme Name: workandplace-theme
Theme URI: 
Author: Techy.pt
Author URI: 
Description: 2025-04-28 - theme review
Requires at least: 6.6
Tested up to: 6.6
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: workandplacetheme
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
/*General*/
.flex-align-end {
  align-items: flex-end;
}
.flex-align-center {
  align-items: center;
}
.flex-align-start {
  align-items: start;
}
.flex-space-between {
  justify-content: space-between;
}
a:where(:not(.entry-content)) {
  text-decoration: none !important;
}
.text-drop-shadow {
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

/*HEADER*/
/*IVORY*/
.is-form-style input.is-search-input {
  border: none !important;
  padding-left: 2px;
}
.is-search-icon {
  border: none;
  background-color: transparent;
  transform: translateX(-5px);
}
/*Navigation David Smith*/
.getdave-responsive-navigation-block-is-desktop .wp-block-navigation-item a {
  padding-right: 1rem;
  border-right: 2px solid #314559;
}
li.wp-block-navigation-item:first-child a {
  padding-left: 0px !important;
}
li.wp-block-navigation-item:last-child a {
  border-right: 0px;
  padding-right: 5px;
}

/*Navigation Default*/
#menu-navbar {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 15px 0px;
}
#menu-navbar a {
  font-size: 18px;
  font-weight: 400;
  color: #314559;
  text-decoration: none;
  font-family: var(--wp--preset--font-family--merriweather-sans) !important;
  padding-left: 15px;
  padding-right: 15px;
  border-right: 2px solid #314559;
}
li.menu-item:first-child a {
  padding-left: 0px !important;
}
#menu-navbar li.menu-item:first-child a {
  padding-left: 0px !important;
}
#menu-navbar li.menu-item:last-child a {
  border-right: 0px;
  padding-right: 0px;
}

/*FOOTER*/
#menu-footer-company,
#menu-footer-legal {
  list-style: none;
  padding-left: 0px;
  min-width: 200px;
}
#menu-footer-company a,
#menu-footer-legal a {
  text-decoration: none;
  font-weight: 400;
}

/*Loop Articles*/
.articles-loop-item-container {
  min-height: 300px;
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
}
.articles-loop-title a {
  text-decoration: none;
  line-height: 1.5;
}
.article-svg-effect {
  position: absolute;
  bottom: -10px;
  left: -15px;
}

/*CUSTOM RULES*/
.page-id-1053 h1 {
  margin-bottom: 0px !important;
}
.page-id-2340 h1 {
  color: var(--wp--preset--color--custom-lines-grey) !important;
}

/*SINGLE BLOG*/
.single-post .entry-content h4 {
  margin-top: 2rem;
}
.category-blog .blog-post-content {
  background-size: 100% 800px;
  background-position: 0px 0px;
  background-image: linear-gradient(180deg, #77858b1a 1%, #ff000000 99%);
  background-repeat: no-repeat;
}
.posts-toggle.wp-block-details {
  padding: 15px 0px;
  border-top: 1px solid #404c50;
  border-bottom: 1px solid #404c50;
  margin-top: -1px;
}
.posts-toggle summary {
  font-size: 1rem;
  font-weight: 400;
  font-family: Merriweather serif;
  color: #404c50;
  list-style: none;
  outline: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
.wp-block-details.posts-toggle summary::after {
  content: "";
  background-image: url("/wp-content/themes/workandplace-theme/assets/images/arrow-toggle.svg");
  background-repeat: no-repeat;
  width: 100px;
  height: 16px;
  margin-left: 10px;
  transition: transform 0.3s ease;
}

.wp-block-details.posts-toggle[open] summary::after {
  transform: translateY(-37px) rotate(90deg);
}

.limited-content {
  position: relative;
  max-height: 100em;
  overflow: hidden;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0)
  );
  -webkit-mask-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 1),
    rgba(0, 0, 0, 0)
  );
}

.columns-2.more-our-blog li {
  flex: 1 1 48%; /* Ensure each li takes equal space and wraps correctly */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}
.more-blog .read-all-books.wp-block-create-block-workandplace-btn {
  max-width: 180px;
}
.more-our-blog h2 {
  min-height: 130px;
}
.blog-section-title {
  min-width: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.blog-loop-title {
  border-left: 1px solid black;
  min-height: 150px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  align-items: center;
}
.blog-loop-title a {
  text-decoration: none !important;
}

/*TIME TO READ*/
.bsf-rt-display-label,
.bsf-rt-display-time,
.bsf-rt-display-postfix {
  font-weight: 200;
  font-size: 14px;
  color: #404c50;
  font-family: "Merriweather Sans";
}

/*BENTO BOX SINGLE*/
.bb-content-container {
  border-bottom: 0px;
  border-left: 0px;
  border-top: 0px;
  border-right-width: 1px;
  border-style: solid;
  border-image: linear-gradient(
      to bottom,
      #9a141e,
      transparent 6%,
      transparent 100%
    )
    1;
}
.bb-page-author {
  color: #9a141e;
  font-size: 20px;
  margin-bottom: 20px;
}
.bb-header-col-2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.text-authors {
  color: #404c50 !important;
  font-weight: 400;
}

.bb-container-1 {
  margin-left: -100px;
}
.bb-column-1 {
  border-radius: 25px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.bb-block-title {
  max-width: 180px;
}

ul.bb-loop-home li:first-child {
  margin-bottom: 15px; /* Adds margin after the first item in a ul with class 'my-list' */
}
.bb-item-row {
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
  min-height: 305px;
}

.bb-item-row-img {
  position: relative;
  overflow: hidden;
  min-height: 305px;
}
.bb-item-row-cnt {
  width: 50%;
  padding: 20px;
}
.bentobox-col-right div {
  transition: opacity 0.3s ease-in-out;
  align-items: start;
}
.author-photo {
  max-width: 150px !important;
}
.click-article,
.click-podcast,
.click-video {
  cursor: pointer;
}
.bentobox-podcast {
  display: none;
}
.bentobox-video {
  display: none;
}
.bb-embeded-content {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
/*.iframe-bb-video,
.iframe-bb-podcast {
  text-align: center;
}*/

.bsf-rt-reading-time {
  display: flex;
}

/*BOOK REVIEW SINGLE*/

.br-author {
  color: #404c50;
  font-size: 20px;
  font-weight: 700;
  font-family: var(--wp--preset--font-family--merriweather-serif);
}
.br-info {
  color: #404c50;
  font-size: 14px;
  font-weight: 700;
  font-family: var(--wp--preset--font-family--merriweather-serif);
}
.br-featured-img .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
  max-width: 400px !important;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.br-featured-img img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
  max-width: 400px !important;
}
.br-card img {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.br-book-author {
  font-size: 18px;
  font-family: var(--wp--preset--font-family--merriweather-serif);
  color: #404c50;
  font-weight: 700;
}
.br-book-info p {
  margin: 0px;
  font-size: 14px;
  font-family: var(--wp--preset--font-family--merriweather-serif);
  color: #404c50;
  font-weight: 700;
  margin-bottom: 2rem;
}
.br-time-to-read {
  width: 100%;
}

/*BENTO BOX LOOP*/
.bb-loop-title a {
  font-family: "Merriweather Serif", serif;
  font-size: 26px;
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
  margin-bottom: 20px;
}

.bb-loop-authors {
  color: #fff !important;
}

.bb-svg-effect {
  z-index: 5;
  position: absolute;
  bottom: -10px;
  left: -15px;
}

/*ARTICLES LOOP*/
.taxonomy-faculty.articles-loop-faculty a {
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 300;
}
.taxonomy-faculty.articles-loop-faculty {
  margin-bottom: 20px;
}
.articles-loop-title a {
  text-decoration: none;
  line-height: 1.5;
}
.articles-loop-item-container {
  min-height: 300px;
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
}
.article-svg-effect {
  position: absolute;
  bottom: -10px;
  left: -15px;
}
.articles-loop {
  padding: 0px 0px 0px 0px;
}

#blog-hero {
  display: none;
}
.category-blog #blog-hero {
  display: block;
}
.category-blog #article-hero {
  display: none;
}

/*HOME*/

.blog-section-title {
  min-height: 150px;
}

.books-loop {
  padding: 0px 25px 0px 25px;
}
.page-id-1598 .books-loop {
  padding: 0px !important;
}
.page-id-1598
  .is-layout-flex.wp-block-buttons.wp-block-query-pagination-is-layout-flex {
  margin-top: 3rem;
}

/*BOOK REVIEWS*/
.book-review .wp-block-media-text__content {
  height: 75% !important;
}
.br-top-grid {
  grid-template-columns: 300px 1fr;
  gap: 20px;
}

.wp-block-group.book-review-media.is-vertical.is-content-justification-stretch.is-layout-flex.wp-container-core-group-is-layout-43.wp-block-group-is-layout-flex {
  height: 100% !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.br-loop-author {
  font-size: 20px;
  color: #404c50;
  margin-bottom: 10px !important;
}
.br-loop-date {
  border-top: 1px solid black;
  padding-top: 10px;
  padding-left: 0px !important;
}
.br-loop-item {
  position: relative;
  overflow: hidden;
}

.br-svg-effect {
  position: absolute;
  bottom: -10px;
  left: -15px;
}
.book-review
  .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile.has-border-color.has-custom-lines-grey-border-color.has-base-background-color.has-background {
  overflow: hidden !important;
}
.read-all-books-mob {
  max-width: 145px;
  margin-top: 20px !important;
  margin-bottom: 40px !important;
}
.more-books-col1 {
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.bb-loop-collection li {
  margin-bottom: 20px;
}

.bb-header-2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.event-loop-item-date {
  font-size: 12px;
  color: #9a141e;
  margin-bottom: 0px !important;
}
.event-loop-title {
  margin: 0px;
}
.events-loop {
  padding: 0px 25px;
}
.events-container-column {
  justify-content: space-between;
}

/*EXTRA*/
.page-id-4017 h1 {
  margin-bottom: 0px !important;
}
.page-id-2340 h1 {
  color: var(--wp--preset--color--custom-lines-grey) !important;
}
.page-id-6192 h1 {
  color: var(--wp--preset--color--blue) !important;
}
.contact-info p {
  margin-bottom: 0px !important;
}
.single-bentobox .bentobox-col-right p {
  margin-bottom: 30px !important;
}
.single-bentobox h2 {
  margin-bottom: 50px;
}
.single h5 {
  padding-top: 10px;
  margin-bottom: 30px;
  text-align: center;
}
.single h3 {
  margin-bottom: 1.5rem;
  margin-top: 3rem;
}

#separator {
  margin-top: 10px !important;
  margin-bottom: 50px !important;
}

.post-views.content-post.post-5753.entry-meta.load-static {
  display: none;
}

.custom-bottom {
  background-color: #7d1018;
  width: 210px;
  overflow: hidden;
  color: white;
  display: flex;
  justify-content: flex-end;
  border-radius: 0px 25px 25px 0px;

  padding: 2px 25px 2px 0px;
}
.custom-bottom img {
  transform: translateX(-20px);
}
.footer-text {
  text-align: justify;
  text-justify: inter-word;
}
.footer-menu {
  display: flex;
  flex-direction: column;
}
.footer-menu li {
  text-align: left; /* Aligns the text to the left */
  padding: 5px 0; /* Adds some space between the list items (optional) */
}
.page-id-6251 .wp-elements-b74e6db7b004cc059a35bb65b69cc812 {
  display: none;
}

.load-static {
  display: none;
}

.wp-block-image.size-full.bb-ads-square {
  position: sticky;
  top: 20px;
}

.homepage-blog .read-all-books.wp-block-create-block-workandplace-btn {
  max-width: 160px;
}
.page-id-1044 h1 {
  color: var(--wp--preset--color--custom-lines-grey) !important;
}
.mo_btn.mo_btn-mo.mo_btn-block.mo_btn-social.mo_openid_mo_btn-custom-dec.login-button.mo_btn_noeffect {
  background: rgb(154, 20, 30) !important;
  color: white !important;
  padding-right: 6px !important;
}
.mo_btn-social > :first-child {
  font-size: 1.5em !important;
}
.home-faculties {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1080px) {
  .faculties-grid {
    grid-template-columns: repeat(2, 220px);
    justify-items: start;
    margin-top: 1rem;
    gap: 10%;
    padding-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .bb-grid {
    grid-template-columns: repeat(1, 1fr);
    padding-right: 0px;
  }
  .bb-grid .bb-svg-effect {
    display: none;
  }
  .br-top-grid {
    grid-template-columns: 1fr;
  }
  .more-book {
    grid-template-columns: 2fr;
  }
  .book-review-media {
    min-height: 265px;
  }
  .br-svg-effect {
    bottom: -5px !important;
    left: -15px !important;
    width: 50px !important;
    height: 50px !important;
  }
  .author-container {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
@media (max-width: 600px) {
  .more-book {
    grid-template-columns: 2fr !important;
  }
  .about-wp-grid {
    grid-template-columns: 100% !important;
  }
}
/*Load more*/
.wp-block-button__link.wp-element-button.wp-load-more__button {
  display: flex;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  font-family: var(--wp--preset--font-family--merriweather-sans) !important;
  font-size: var(--wp--preset--font-size--md) !important;
  padding: 3px 20px 0px 0px !important;
  border-radius: 0px 25px 25px 0px !important;
  gap: 10px !important;
  margin-bottom: 40px !important;
}
.wp-block-button__link.wp-element-button.wp-load-more__button::before {
  content: "";
  display: inline-block;
  width: 41px;
  height: 18px;
  background-image: url("/wp-content/plugins/workandplace-btn/assets/arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 4px;
}
.wp-block-query-pagination__arrow {
  display: none;
}
.page-id-1044 h1 {
  margin-bottom: 0px !important;
}

.post-content p {
  margin: 10px 0px !important;
}

/*Ads*/
.wp-block-post.post-1719.ads.type-ads.status-publish.hentry.ads-placement-general {
  text-align: left;
}
.ads-placement-general {
  text-align: left;
}
.wp-block-create-block-display-square-ads img {
  width: 80%;
  height: auto;
}
.bento-box-square-ad img {
  width: 80%;
  height: auto;
}
.wp-block-create-block-display-banner-ads img {
  width: 100%;
  height: auto;
}

.more-blog-posts {
  display: none;
}

.category-blog #more-articles {
  display: none;
}
.category-blog .more-blog-posts {
  display: block;
}
.more-articles-col1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.bb-banner-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.search-loop-item {
  max-width: 350px;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.search-results-grid {
  display: grid;
  grid-template-columns: 3fr;
  gap: 20px;
}

.single h6 {
  margin-bottom: 2rem !important;
}
.author-container {
  flex-direction: row;
  flex-wrap: nowrap;
}

.about-wp-grid {
  grid-template-columns: 40% auto;
}
.about-wp-grid .wp-block-image.size-full.about-wp-grid-img {
  max-width: 453px !important;
}
#toplevel_page_unlink {
  display: none;
}
.wplives-subtitle {
  color: #314559;
  margin-bottom: 2rem;
}
.wplives-bio p {
  color: #a0a0a0;
}
.wplives-columns {
  display: flex;
  justify-content: space-between;
}
.single-wp-lives h2 {
  color: #314559;
}
.wplives-columns {
  border-bottom: 0px;
  border-left: 0px;
  border-top: 0px;
  border-right-width: 1px;
  border-style: solid;
  border-image: linear-gradient(
      to bottom,
      #314559,
      transparent 6%,
      transparent 100%
    )
    1;
}
.single-wp-lives h3 {
  color: var(--wp--preset--color--red) !important;
  font-size: 24px;
  font-family: var(--wp--preset--font-family--merriweather-serif);
  margin-top: 2rem;
}
.single-wp-lives h4 {
  color: black;
  font-size: 20px;
  font-family: var(--wp--preset--font-family--merriweather-serif);
  margin-bottom: 0.5rem;
  margin-top: 1.5rem;
}

.wp-lives-images-explained-title {
  margin: 0px !important;
}
.wp-lives-images-explained-text {
  margin: 0px;
}
.wp-lives-images-explained-text p {
  margin: 0px;
}
.wp-lives-grid-post-info::before {
  content: "Posted ";
}
.wp-lives-card .wplives-subtitle {
  color: #314559;
  margin-bottom: 10px;
  color: black;
  font-weight: 500;
}
.wp-lives-card .wp-lives-rect-ad-item img {
  max-height: 140px;
  height: auto;
  display: block;
  margin-top: 10px;
}

.wp-lives-column-1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sticky-group {
  position: sticky;
  top: 80px;
  z-index: 10;
}
@media (max-width: 782px) {
  .wplives-columns {
    display: flex;
    flex-direction: column-reverse !important;
  }
  .wp-lives-grid-item {
    max-width: 100%;
  }
  .wp-lives-images-explained-item {
    flex-direction: column;
    gap: 1rem;
  }
}