/*
Theme Name: Medico Engineer\'s Theme
Author: Medico Engineer
Description: Your description goes here
Version: 1.0
Template: astra

This is the child theme for Astra theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* Breadcrumbs*/
/* General breadcrumb container styles */
.ast-breadcrumbs-wrapper {
    background: #f8f9fa; /* Light background color for the breadcrumb */
    padding: 10px 15px;
    border-radius: 5px;
    font-family: 'Arial', sans-serif;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
}

.ast-breadcrumbs-inner {
    display: flex;
    align-items: center;
}

/* Breadcrumb item styles */
.breadcrumb-trail .trail-items {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center;
    justify-content: center;
}

.breadcrumb-trail .trail-items li {
    margin-right: 5px;
    display: flex;
    align-items: center;
}

/* Link styles */
.breadcrumb-trail .trail-items li a {
    color: #007bff;
    text-decoration: none;
    transition: color 0.3s ease;
    padding: 5px 10px;
    border-radius: 3px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
}

.breadcrumb-trail .trail-items li a:hover {
    color: #0056b3;
    background: #e9ecef;
}

/* Separator styles */
.breadcrumb-trail .trail-items li:after {
    content: '/';
    margin-left: 5px;
    color: #6c757d;
}

.breadcrumb-trail .trail-items li:last-child:after {
    content: '';
    margin: 0;
}

/* Active/current item styles */
.breadcrumb-trail .trail-items li.trail-end {
    color: #6c757d;
    font-weight: bold;
}

/* Hide the current post title in breadcrumbs */
.breadcrumb-trail .trail-items .trail-end {
    display: none;
}

/* Responsive styles */
@media (max-width: 768px) {
    .breadcrumb-trail .trail-items li a {
        padding: 3px 7px;
        font-size: 14px;
    }

    .breadcrumb-trail .trail-items li:after {
        margin-left: 3px;
    }
}


/*muet*/
/* General Styles */
.csd-search-container {
    max-width: 600px;
    margin: 20px auto;
    text-align: center;
}

#csd-search-bar {
    width: 100%;
    padding: 10px 20px;
    border: 2px solid #0073e6;
    border-radius: 25px;
    font-size: 16px;
    transition: border-color 0.3s;
}

#csd-search-bar:focus {
    border-color: #005bb5;
    outline: none;
}

#csd-suggestions {
    margin-top: 10px;
    text-align: left;
}

.csd-suggestion {
    padding: 10px;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.csd-suggestion:hover {
    background-color: #e1e1e1;
}

/* Certificate Styles */
.csd-certificate {
    max-width: 800px;
    margin: 20px auto;
    padding: 20px;
    border: 2px solid #0073e6;
    border-radius: 15px;
    background-color: #f9f9f9;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.csd-certificate {
    text-align: left;
}

.csd-certificate h2 {
    text-align: center;
    color: #0073e6;
    margin-bottom: 20px;
}

.csd-field {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.csd-field:last-child {
    border-bottom: none;
}

.csd-field strong {
    color: #333;
}

.csd-field span {
    color: #555;
}

#csd-search-again {
    display: block;
    width: 100%;
    padding: 10px;
    margin-top: 20px;
    background-color: #0073e6;
    color: #fff;
    border: none;
    border-radius: 25px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
}

#csd-search-again:hover {
    background-color: #005bb5;
}









.grecaptcha-badge {visibility:hidden;}
	
	.no-underline-link a {text-decoration:none !important;}




.ast-container {padding:10px;!important}

.site .ast-single-related-posts-container {padding:0px;!important} 


.ast-breadcrumbs-wrapper {padding-left:20px; !important }


.post-content>.cat-links, .post-content>.read-more, .post-content>.tags-links

{
	display:inline-block;
	background-color: #F48019;
    padding:8px;
    border-radius: 10px; 
}
.read-more a {color:white;!important}

.widget {
    padding-left: 10px;
    margin-bottom: 1.25em;
!important;}
.ast-blog-layout-5-grid .ast-blog-featured-section img {
	padding-left: 10px; !important;}


.entry-header.ast-header-without-markup{padding:20px; !important}

svg.ast-mobile-svg.ast-close-svg {width:30px;
height:30px;
	border: 2px solid; !important}
.wp-block-search__inside-wrapper {padding:0px 0px 30px 0px;;
}

.ast-related-post-featured-section .post-thumb-img-content+* .posted-on{display:none;}


.ast-post-social-sharing .ast-social-sharing-heading {padding-bottom:0px; margin: 0 20px}
.ast-post-social-sharing {flex-direction:row;
border: 2px solid #021DAA ; padding:10px;
	  justify-content: center;!important}


body.archive .ast-archive-description {text-align: center; border: 2px solid #021DAA; padding: 20px;!important}

.ast-blog-layout-4-grid .ast-article-inner {background-color:#72BCFE !important; border: 2px solid #72BCFE !important;

    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
 }

.archive .entry-title a{color:white; text-shadow: 1px 1px 3px black;
}
.blog  .entry-title a{color:white;
text-shadow: 1px 1px 3px black;
	}
.search .entry-title a{color:white;
	text-shadow: 1px 1px 3px black;
}


.ast-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
	padding: 10px !important;}


.site .site-content #primary {margin: 0px !important;
}


.elementor-widget-wp-widget-advanced_sidebar_menu ul {
  list-style-type: none;
  padding: 0;
}

.elementor-widget-wp-widget-advanced_sidebar_menu ul li {
  padding: 15px 20px;
  border-radius: 8px;
  background-color: #f8f9fa;
  margin-bottom: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  position: relative;
	border: 1px dotted black;
}

.elementor-widget-wp-widget-advanced_sidebar_menu ul li a {
  text-decoration: none !important;
  color: #333;
  display: flex;
  align-items: center;
	margin-left:20px;
}

.elementor-widget-wp-widget-advanced_sidebar_menu ul li:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.elementor-widget-wp-widget-advanced_sidebar_menu ul li:nth-child(even) {
  background: linear-gradient(to right, #f8f9fa, #e9ecef);
}

.elementor-widget-wp-widget-advanced_sidebar_menu ul li::before {
  content: "\f105"; /* Font Awesome icon code for a greater than icon */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  margin-right: 30px;
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 25%; /* Make the icon circular */
  background-color: #fff; /* Background color for the icon */
  padding: 8px; /* Add padding to make the circle larger */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add shadow to the icon */
}


.ays_quiz_classic_light .correct_div.correct_div {background-color:#F4801999 !important;}

.ays_quiz_timer_container .ays-quiz-timer {
    position: fixed; /* Fix the timer in the viewport */
    right: 20px; /* Distance from the right side of the viewport */
    bottom: 40px; /* Distance from the bottom side of the viewport */
    width: 100px; /* Default width of the timer */
    height: 100px; /* Default height of the timer */
    border-radius: 50%; /* Makes the timer circular */
    background-color: rgba(244, 128, 25, 0.8); /* Green background for better UX */
    display: flex; /* Use flexbox for centering the content */
    align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Adds a subtle shadow */
    font-size: 24px; /* Default font size for readability */
    color: #FFFFFF; /* White text color for contrast */
    z-index: 1000; /* Ensure the timer is above other elements */
    font-weight: bold; /* Bold text for better readability */
    cursor: move; /* Change cursor to move symbol */
}

/* Tablet view */
@media (max-width: 768px) {
    .ays_quiz_timer_container .ays-quiz-timer {
        width: 60px; /* Smaller width for tablets */
        height: 60px; /* Smaller height for tablets */
        font-size: 16px; /* Smaller font size for tablets */
        left: 15px; /* Adjust right position for tablets */
        bottom: 15px; /* Adjust bottom position for tablets */
    }
}

/* Mobile view */
@media (max-width: 480px) {
    .ays_quiz_timer_container .ays-quiz-timer {
        width: 55px; /* Smaller width for mobile */
        height: 55px; /* Smaller height for mobile */
        font-size: 12px; /* Smaller font size for mobile */
        left: 10px; /* Adjust right position for mobile */
        bottom: 10px; /* Adjust bottom position for mobile */
    }
}

.sidebar-main .ast-search-menu-icon.ast-inline-search .search-field {border: 1px solid #0D41C8 !important;}

.sidebar-main .ast-search-menu-icon .search-form button.search-submit { background: linear-gradient(to right, #0D41C8, #72BCFE) !important;
padding:15px !important;
border: 1px 1px 1px 1px solid #0D41C8 !important;}

.sidebar-main .ast-icon.icon-search svg{color:white !important;}

 .sidebar-main .ast-search-menu-icon .search-form button.search-submit { padding: 15px !important;
	border: 1px solid #0D41C8 !important;
	
}

.sidebar-main .ast-search-menu-icon.ast-inline-search .search-field
{ border-left:2px solid #0D41C8 !important;
border-radius:8px !important;}

.sidebar-main  .wp-block-heading {
      font-size: 24px !important;
      margin-bottom: 20px !important;
      color: #ffffff !important;
      padding: 10px !important;
      text-align: center !important;
      background: linear-gradient(to right, #0D41C8, #72BCFE) !important;
      border-radius: 8px !important;
    }
 /* Practice Tests List Styling */
.sidebar-main   .wp-block-latest-posts__list {
      list-style: none;
      padding: 0;
      margin: 0;
	font-size:16px !important;
    }

    /* Practice Test Item Styling */
.sidebar-main .wp-block-latest-posts__list .wp-block-latest-posts__post-title {
      display: block;
      margin-bottom: 15px;
      color: #333;
      text-decoration: none;
      transition: color 0.3s ease;
    }

.sidebar-main .wp-block-latest-posts__list .wp-block-latest-posts__post-title:hover {
      color: #0D41C8;
    }

    .sidebar-main .wp-block-latest-posts__list .wp-block-latest-posts__post-date {
      display: block;
      font-size: 0.9em;
      color: #777;
      margin-top: 5px;
		
    }

 /* Test Details Styling */
    .sidebar-main .wp-block-latest-posts__list li {
      background-color: #f9f9f9 !important;
      border: 1px solid #e0e0e0 !important;
			  border-left:2px solid #0D41C8 !important;
      border-radius: 8px !important;
      padding: 15px 10px 5px 10px !important;
      transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    }

   .sidebar-main  .wp-block-latest-posts__list li:hover {
      transform: translateY(-3px) !important;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1) !important;
    }


/* Categories List Styling */
   .sidebar-main .wp-block-categories-list {
      list-style: none !important;
      padding: 0 !important;
      margin: 0 !important;
    }

    /* Category Item Styling */
  .sidebar-main  .wp-block-categories-list .cat-item { border-left: 2px solid #0D41C8 !important;
      margin-bottom: 15px !important;
      transition: transform 0.3s ease, box-shadow 0.3s ease !important;
      border-radius: 8px !important;
      padding: 10px !important;
      background-color: #f9f9f9 !important;
    }

   .sidebar-main .wp-block-categories-list .cat-item:hover {
      transform: translateY(-3px) !important;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1) !important;
   }

  .sidebar-main  .wp-block-categories-list .cat-item a {
      color: #333 !important;
      text-decoration: none !important;
      transition: color 0.3s ease !important;
    }

  .sidebar-main  .wp-block-categories-list .cat-item a:hover {
      color: #0D41C8 !important;
    }

   .sidebar-main .wp-block-categories-list .cat-item .children li { 
      list-style: none !important;
      padding-left: 20px !important;
      margin-top: 10px !important;
      margin-bottom: 10px !important;
      border-left: 1px solid #0D41C8 !important;
    }

    .sidebar-main .wp-block-categories-list .cat-item .children .cat-item {
      background-color: #f0f0f0 !important;
			box-shadow:0 6px 20px rgba(0, 0, 0, 0.1);
    }
/**
#ays-quiz-container-61.ays_quiz_classic_light .ays_quiz_results .correct_div {background-color:#72BCFE !important;
color:white !important;} **/


@media only screen and (max-width: 768px) {
    #studentTable th {
			font-size: 12px;} 
	#studentTable_filter {margin-bottom:10px;} }



/* General Header Styles */
.entry-header.ast-header-without-markup{
    padding: 20px !important;
    background-color: #f8f9fa !important; /* Light background color */
    border-radius: 10px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    text-align: center !important;
	margin-bottom:30px !important;
    
}

/* Title Styling */
.entry-header .entry-title {

    margin-bottom: 10px;
}

/* Meta Information Styling */
.entry-header .entry-meta {
    color: #777;
    font-size: 0.9em;
    margin-bottom: 10px;
}

.entry-header .posted-by, .posted-on {
    margin: 0 5px;
}

/* Social Sharing Container */
.entry-header .ast-post-social-sharing {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}

.entry-header .ast-social-sharing-heading {
    font-size: 1.2em;
    margin-bottom: 10px;
    color: #555;
}

/* Social Icons Container */
.entry-header .ast-social-inner-wrap {
    display:flex;
	gap:px !important;
   
}

/* Social Icons Styles */
.entry-header .ast-social-inner-wrap a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;

 
    
    
    
}

.entry-header .ast-social-inner-wrap a:hover {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}

/* Individual Social Icon Colors */
.entry-header .ast-social-inner-wrap a[aria-label="Facebook"] {
    color: #3b5998;
}

.entry-header .ast-social-inner-wrap a[aria-label="Twitter"] {
    color: #1da1f2;
}

.entry-header .ast-social-inner-wrap a[aria-label="Pinterest"] {
    color: #bd081c;
}

.entry-header .ast-social-inner-wrap a[aria-label="WhatsApp"] {
    color: #25d366;
}

.entry-header .ast-social-inner-wrap a[aria-label="Facebook"]:hover,
.ast-social-inner-wrap a[aria-label="Twitter"]:hover,
.ast-social-inner-wrap a[aria-label="Pinterest"]:hover,
.ast-social-inner-wrap a[aria-label="WhatsApp"]:hover {
    background-color: currentColor;
    color: #fff;
    border-color: currentColor;
}



.ast-related-post-content {background-color:#72BCFE !important; border:1px solid #72BCFE !important;
	 box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1)
}

.ast-related-post-content .entry-title {padding:5px; 
text-align:center !important;
 }

.ast-related-post-content .entry-title a {color: white !important;}

.ast-related-posts-title {font-size: 24px !important;
      margin-bottom: 20px !important;
      color: #ffffff !important;
      padding: 10px !important;
      text-align: center !important;
      background: linear-gradient(to right, #0D41C8, #72BCFE) !important;
      border-radius: 8px !important;}

.single-post .nav-links {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 20px !important;
    background-color: #f0f0f0 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    position: relative !important;
    overflow: hidden !important;
}

.single-post .nav-links a {
    display: flex-end !important;
    align-items: center !important;
    text-decoration: none !important;
    color: #333 !important;
    background-color: #fff !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

.single-post .nav-links a:before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%) !important;
    transition: left 0.3s ease !important;
    z-index: 0 !important;
}

.single-post .nav-links a:hover:before {
    left: 100% !important;
}

.single-post .nav-links a:hover {
    color: #fff !important;
    background-color: #007bff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 16px rgba(0, 123, 255, 0.2) !important;
}

.single-post .nav-arrow {
    font-size: 1.5em !important;
    margin: 0 10px !important;
    z-index: 1 !important;
}

.single-post .nav-text {
    font-size: 1.1em !important;
    font-weight: bold !important;
    z-index: 1 !important;
}

.single-post .nav-previous a {
    flex-direction: row-reverse !important;
}

.single-post .nav-next a {
    flex-direction: row !important;
}

.single-post .nav-left-arrow {
    margin-right: 0 !important;
}

.single-post .nav-right-arrow {
    margin-left: 0 !important;
}

/* Font Awesome Icons */
.single-post .nav-left-arrow:before {
    content: "\f060" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

.single-post .nav-right-arrow:before {
    content: "\f061" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .single-post .nav-links {
        flex-direction: column !important;
        align-items: center !important;
        padding: 15px !important;
    }

    .single-post .nav-links a {
        width: 100% !important;
        text-align: center !important;
        margin: 5px 0 !important;
    }

    .single-post .nav-arrow {
        display: none !important;
    }
}




.wp-block-advanced-sidebar-menu-categories {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f5f5f5;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.child-sidebar-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.child-sidebar-menu .menu-item {
    margin-bottom: 10px;
    padding: 10px 15px;
    background-color: #ffffff;
    border-radius: 5px;
    transition: all 0.3s ease;
    position: relative;
}

.child-sidebar-menu .menu-item:hover {
    background-color: #eaeaea;
}

.child-sidebar-menu .menu-item a {
    color: #333;
    text-decoration: none;
    display: block;
}

.child-sidebar-menu .menu-item.has_children > a::after {
    content: '▶';
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

.child-sidebar-menu .menu-item.has_children:hover > a::after {
    transform: translateY(-50%) rotate(90deg);
}

.child-sidebar-menu .menu-item.has_children ul {
    margin-top: 5px;
    padding-left: 20px;
    display: none;
    list-style-type: none;
}

.child-sidebar-menu .menu-item.has_children:hover ul {
    display: block;
}



.quiz-leaderboard-wrapper {
    max-width: 700px;
    margin: 20px auto;
    font-family: 'Segoe UI', sans-serif;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.leaderboard-heading {
    background: linear-gradient(to right, #0D41C8, #72BCFE) !important;
    color: white;
    padding: 15px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.quiz-leaderboard {
    width: 100%;
    border-collapse: collapse;
}

.quiz-leaderboard th,
.quiz-leaderboard td {
    padding: 12px 16px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.quiz-leaderboard tr:hover {
    background-color: #f9f9f9;
}

.quiz-leaderboard tr.first {
    background-color: #FFD70022; /* Gold */
    font-weight: bold;
}
.quiz-leaderboard tr.second {
    background-color: #C0C0C022; /* Silver */
    font-weight: bold;
}
.quiz-leaderboard tr.third {
    background-color: #CD7F3222; /* Bronze */
    font-weight: bold;
}

.quiz-leaderboard th {
    background-color: #021DAA;
    color: white;
}





/* Basic structure for Astra main menu to avoid CLS */

.main-header-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    min-height: 40px; /* Reserve space to prevent layout shift */
}

/* Menu items */
.main-header-menu .menu-item {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
}

/* Menu links */
.main-header-menu .menu-link {
    display: inline-block;
    padding: 0 1em;
    text-decoration: none;
    white-space: nowrap;
    line-height: 40px; /* Consistent height to stabilize layout */
}

/* Sub-menu hidden initially */
.main-header-menu .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff;
    z-index: 9999;
    min-width: 150px; /* Prevent collapse */
}

/* Responsive breakpoint fix for mobile menu */
@media (max-width: 921px) {
    .ast-header-break-point .main-header-menu {
        display: block;
        min-height: auto; /* Reset for mobile */
    }
    .ast-header-break-point .main-header-menu .menu-item {
        display: block;
        width: 100%;
    }
    .ast-header-break-point .main-header-menu .menu-link {
        display: block;
        width: 100%;
        padding: 10px 20px;
        line-height: normal;
    }
}
/* Sub-menu hidden initially */
.main-header-menu .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #ffffff;
  z-index: 9999;
}

/* Responsive breakpoint fix */
@media (max-width: 921px) {
  .ast-header-break-point .main-header-menu {
    display: block;
  }
  .ast-header-break-point .main-header-menu .menu-item {
    display: block;
    width: 100%;
  }
  .ast-header-break-point .main-header-menu .menu-link {
    display: block;
    width: 100%;
    padding: 10px 20px;
  }
}