/*
Theme Name: Education Formula
Theme URI: https://awplife.com/wordpress-themes/formula-premium/
Template: formula
Author: A WP Life
Author URI: http://awplife.com/
Description: The Education Formula WordPress theme is a professional and modern website template designed specifically for education and university related websites. It features a clean and responsive design with a focus on usability and accessibility. This theme seamlessly integrates with popular WordPress builders and block plugins, including Beaver, Divi, Visual Composer, SiteOrigin, Brizy, Themify, WPBakery, Gutenberg, Kadence blocks, Atomic blocks, and EditorsKit. With its lightweight design, this theme has a elegant menu like twenty twenty theme, this theme provide other category including blogs, storefront, portfolios, trending news portals, mega and dark theme, architecture and interior design sites, furniture and home decor websites, construction and corporate pages, agencies, business press promotion platforms, industries, beauty and spa salons, photography websites, gyms, fitness, yoga exercise and health pages, education websites, cooming soon and startups, business agencies, law firms, room hotels and travel websites, kids school, education and university portals, restaurants, popular meta shops, quick magazines, finance and accounting pages, consulting platforms, and travel agency websites and many more. Experience the captivating power of Spectral Briteful Lightning theme, guiding you through the digital landscape and ensuring you never go astray.
Tags: blog, e-commerce, education, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, block-patterns, block-styles, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, rtl-language-support, theme-options, threaded-comments, translation-ready
Version: 0.0.4
Tested up to: 6.6
Requires PHP: 5.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: education-formula
*/

/*--------------------------------------------------------------
# Index
--------------------------------------------------------------*/

body.theme-dark #section.site-content .blog .full-content {
  background-color: var(--thm-black-rgb);
}

.theme-dark .comment-section {
  background-color: var(--thm-black-rgb);
}

.theme-dark .comment-form-section {
  padding: 10px 20px 10px;
  background-color: var(--thm-black-rgb);
}

.blog .full-content {
  margin-left: 0px !important;
  padding: 10px 20px 10px !important;
  background-color: var(--thm-light);
}
.sidebar .widget {
  background-color: var(--thm-light);
}

.blog .entry-title {
  font-size: 22px;
  font-weight: 500;
}

.comment-section {
  padding: 10px 20px 10px;
  background-color: var(--thm-light);
}

.blog .entry-content a .wp-block-button__link {
  color: var(--thm-base);
}
.blog .entry-content a {
  color: var(--thm-primary);
}
.blog .entry-content a:hover,
.blog .entry-content a:focus {
  color: var(--thm-primary-rgb);
}

.more-link:before {
  display: none;
}
.blog .entry-content .more-link {
  color: #ffffff;
  background: black;
  padding: 5px 15px;
}
.blog .entry-content .more-link:focus,
.blog .entry-content .more-link:hover {
  color: var(--thm-base);
  background: var(--thm-primary);
}
.comment-form-section .thm-btn:focus {
  background: var(--thm-black);
  color: var(--thm-base);
}
/* 
Added css 
*
*/

body{
  background-color: #edeaea;
}
.team-module{
  background-color: #edeaea;

}

/*
******** Adjust header start ******** 
*/

.page-id-14 #site-header {
  background-color: #edeaea;
}

/* Flex container for header */
.flex-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  /* position: relative; */
}


/* Adjust logo and navigation alignment */
.site-logo-wrapper {
  flex: 0 0 auto;
}

.header-inner-wrapper {
  display: none;
}

.header .menu li .sub-menu .menu-item:hover > a {
  background-color: #000000;
}

@media (min-width: 992px) {
  .header-navigation-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .primary-menu-wrapper {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
}

/* Adjust header banner color */
#site-header > div > button > div > span {
  background-color: #000000;
  height: 4px;
}

#site-header {
  position: relative;
  /* height: 20vh;
  height: 20svh; */
}

#site-header > div > button > div > span {
  background-color: #000000;
  height: 4px;
}

.header .opened-menu {
  display: none;
  visibility: hidden;
}
#site-header > div > button {
  display: none;
  visibility: hidden;
}

.header-social-icons-mobile {
  display: none;
  visibility: hidden;
}

.header-social-icons {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  justify-content: center;
  gap: 15px;
}

@media (max-width: 992px) {
  .header .opened-menu {
    display: block;
    opacity: 1;
    visibility: visible;
  }
  #site-header > div > button {
    display: block;
    opacity: 1;
    visibility: visible;
  }

  .site-logo a {
    margin-right: 0;
  }

  .header-social-icons-mobile {
    display: flex;
    opacity: 1;
    visibility: visible;
    display: flex;
    justify-content: center;
    gap: 15px;
  }
}

@media (min-width: 993px) {
  .header-inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .header-inner-wrapper {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  #site-header > div > div.header-inner-wrapper > div:first-child {
    background-color: #000000;
    height: 70px;
  }
  .header-social-icons {
    display: flex;
  }
}

.header-social-icons a,
.header-social-icons-mobile a {
  font-size: 1.5rem;
  color: #000000; /* Customize color */
  text-decoration: none;
}

.header-social-icons a:hover,
.header-social-icons-mobile a:hover {
  color: #555555; /* Customize hover color */
}

@media (max-width: 768px) {
  .header-social-icons,
  .header-social-icons-mobile {
    gap: 10px;
    padding: 5px 0;
  }
}

/*
******** Adjust header end ********
*/

/* Our Team Page **************/
.page-id-597 .team_box > div > p {
  text-align: justify;
}

/********** Slider section start ***********/

/* #slider-demo .item {
  height: 80vh;
  height: 80svh;
} */

figcaption.caption-content {
  padding-top: 0;
}

.slider-caption {
  padding-top: 10px;
}

@media only screen and (max-width: 376px) {
  /* .hero-slider .title {
    font-size: 30px;
    line-height: 35px;
  } */
  .slider-caption p {
    font-size: 18px;
    display: -webkit-box; /* Enables flex layout for clipping */
    -webkit-box-orient: vertical; /* Specifies vertical orientation */
    overflow: hidden; /* Hides overflow text */
    text-overflow: ellipsis; /* Adds ellipsis */
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .slider-caption {
    padding-top: 4px;
  }
}
/********** Slider section end **********/

/**** Frontpage team section start ****/

/* Force the aspect ratio for each container */
.team-section-image-container {
  width: 100%; /* Make it responsive */
  max-width: 300px; /* Set a maximum width for responsiveness */
  aspect-ratio: 1 / 1; /* Square aspect ratio */
  position: relative; /* Enable absolute positioning of the image */
  overflow: hidden; /* Hide overflow */
}

/* Style the image */
.team-section-image-container img {
  position: absolute; /* Position it to cover the container */
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Crop without distortion */
  transform: translate(-50%, -50%); /* Center the image */
}

.team-caption {
  max-width: 300px;
  width: 100%;
}

.team-caption .designation {
  text-align: left;
}

/**** Frontpage team section end ****/

/* Remove footers by page id and all posts */

.page-id-133 #footer > div.container-full.site-footer > div,
.page-id-474 #footer > div.container-full.site-footer > div,
.page-id-509 #footer > div.container-full.site-footer > div,
.page-id-597 #footer > div.container-full.site-footer > div,
.page-id-15 #footer > div.container-full.site-footer > div,
.page-id-718 #footer > div.container-full.site-footer > div,
.page-id-757 #footer > div.container-full.site-footer > div,
.single-post #footer > div.container-full.site-footer > div {
  display: none;
}

#page-builder {
  padding-top: 0;
}

/* Blog Page */
.slick-slide > div > article > h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* general styles */
.single-line-heading {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-justify {
  text-align: justify;
}

/**
remove the learn more button landing page
*/

.service-one-button{
  display: none;
}