/*
	Theme Name:  Mahabir Media	
	Theme URI: https://mahabirmedia.com.np/
	Author: ProTech Nepal	
	Author URI: https://protechnepal.com.np/
	Description: Mahabir Media is a news portal theme for WordPress.
	Version: 1.2.2
	Tags: News Portal Custom Powerfull theme.
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/







/* footer */

/* Social Media Section Styles */
.social-media-section {
  background: #ffffff;
  padding: 20px;
  border-radius: 8px;
  margin: 20px 0;
  font-family: 'Arial', sans-serif;
  border: 2px solid #e0e0e0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  min-height: 300px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.social-media-header {
  text-align: left;
  margin-bottom: 25px;
}

.social-title {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 15px 0;
  line-height: 1.2;
}

.title-line {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 3px;
}

.red-line {
  width: 60px;
  height: 100%;
  background: #09858d;
  margin-right: 5px;
}

.yellow-line {
  width: 120px;
  height: 100%;
  background: #d31021;
}

/* Social Media List Styles */
.social-media-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.social-item {
  display: flex;
  align-items: center;
  gap: 15px;
  transition: transform 0.2s ease;
  text-decoration: none;
  color: inherit;
  border-radius: 6px;
}

.social-item:hover {
  transform: translateX(5px);
  background-color: #f8f9fa;
  text-decoration: none;
}

.social-icon {
  width: 40px;
  height: 40px;
  background: #f44336;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  flex-shrink: 0;
}

/* Individual social media icon colors */
.facebook-icon {
  background: #1877f2;
}

.twitter-icon {
  background: #1da1f2;
}

.youtube-icon {
  background: #ff0000;
}

.instagram-icon {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.social-icon i {
  color: #ffffff;
  font-size: 18px;
}

.social-name {
  color: #555555;
  font-size: 16px;
  font-weight: 500;
}

/* Footer Widget Styling */
.social-media-section .widget {
  background: transparent;
  padding: 0;
  border: none;
  margin: 0;
  box-shadow: none;
}

.social-media-section .widget-title,
.social-media-section .widget h3,
.social-media-section .widget h4 {
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 15px 0;
  line-height: 1.2;
  text-align: left;
  position: relative;
}

.social-media-section .widget-title::after,
.social-media-section .widget h3::after,
.social-media-section .widget h4::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 60px;
  height: 3px;
  background: #09858d;
}

.social-media-section .widget-title::before,
.social-media-section .widget h3::before,
.social-media-section .widget h4::before {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 65px;
  width: 120px;
  height: 3px;
  background: #d31021;
}

/* Make all paragraphs black and left-aligned */
.social-media-section p,
.social-media-section .widget p,
.social-media-section .widget ul li,
.social-media-section .widget ol li,
.social-media-section .widget a,
.social-media-section .widget span,
.social-media-section .widget div {
  color: #000000 !important;
  text-align: left !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .social-media-section {
    padding: 15px;
    margin: 15px 0;
    min-height: 250px;
  }

  .social-media-section .widget-title,
  .social-media-section .widget h3,
  .social-media-section .widget h4 {
    font-size: 16px;
  }

  .social-title {
    font-size: 16px;
  }

  .social-icon {
    width: 35px;
    height: 35px;
  }

  .social-icon i {
    font-size: 16px;
  }

  .social-name {
    font-size: 14px;
  }
}

/* Footer row equal height */
.ts-footer .row {
  align-items: stretch;
}

.ts-footer .col-lg-3,
.ts-footer .col-md-6,
.ts-footer .col-sm-6 {
  display: flex;
  flex-direction: column;
}


/* end */








.protech_title_large {
  font-size: 60px;
  font-weight: 800;
  color: #09858d;
  font-family: 'Mukta';
  line-height: 1.3;
}

@media (max-width: 767px) {
  .protech_title_large {
    font-size: 28px;
    line-height: 1.15;
  }
}


.protech_title_medium {
  font-size: 30px;
  font-weight: 700 !important;
  color: #09858d;
  font-family: 'Mukta';
  line-height: 1.3;
  margin-top: 10px;
}

.protech_title_small {
  font-size: 20px;
  font-weight: 600;
  color: #09858d;
  font-family: 'Mukta';
  line-height: 1.3;

}

@media (max-width: 767px) {
  .protech_title_medium {
    font-size: 25px;
    line-height: 1.15;
  }

  .protech_title_small {
    font-size: 16px;
    line-height: 1.2;
  }
}


/* main headline */



@media (max-width: 767px) {
  .text__block {
    text-align: center;
    padding: 9px 10px 5px;
    position: relative;
    margin-bottom: 25px;
  }
}



/* new category title */
.protech_nepal_cat_module_header {
  background: linear-gradient(135deg, #09858d 0%, #2c4a6b 50%, #09858d 100%);
  /* Gradient background */
  color: white;
  /* Text color */
  padding: 8px 20px;
  /* Reduced padding for shorter height */
  display: flex;
  align-items: center;
  /* Align items vertically */
  justify-content: space-between;
  /* Space between text and icon */
  font-family: 'Poppins', 'Arial', sans-serif;
  /* Poppins font with fallbacks */
  border-radius: 12px;
  /* Slightly reduced border-radius */
  border-bottom: 2px solid #d31021;
  /* Thinner bottom border */
  box-shadow: 0 4px 15px rgba(26, 46, 70, 0.25);
  /* Reduced shadow */
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Faster transition */
  margin-bottom: 15px;
  /* Add bottom margin for spacing */
}

/* Add subtle shine effect */
.protech_nepal_cat_module_header::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
  transition: left 0.5s ease;
}

.protech_nepal_cat_module_header:hover::before {
  left: 100%;
}

/* Main heading styling */
.protech_nepal_cat_module_main_heading {
  font-size: 24px;
  /* Increased font size for better visibility */
  font-weight: 700;
  /* Bolder text for impact */
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  /* Enhanced text shadow */
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  z-index: 2;
  letter-spacing: 0.8px;
  /* Better letter spacing */
  animation: titlePopIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  /* Pop-in animation */
  transform-origin: left center;
  will-change: transform, opacity;
  /* Optimize for animations */
  opacity: 0;
  /* Start hidden */
  font-family: 'Poppins', 'Arial', sans-serif;
  /* Poppins font with fallbacks */
}

/* Pop-in animation for title */
@keyframes titlePopIn {
  0% {
    opacity: 0;
    transform: scale(0.7) translateX(-30px);
  }

  40% {
    opacity: 0.7;
    transform: scale(1.15) translateX(8px);
  }

  70% {
    opacity: 0.9;
    transform: scale(0.95) translateX(-2px);
  }

  100% {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}

/* Arrow icon styling */
.protech_nepal_cat_module_arrow_icon {
  font-size: 20px;
  /* Smaller arrow for compact look */
  margin-left: 12px;
  /* Reduced margin */
  cursor: pointer;
  /* Pointer cursor for interactivity */
  text-decoration: none;
  /* Remove underline from the link */
  color: white;
  /* Set the color of the arrow */
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  z-index: 2;
  background: rgba(255, 255, 255, 0.1);
  padding: 6px;
  /* Reduced padding */
  border-radius: 50%;
  width: 32px;
  /* Smaller circle */
  height: 32px;
  /* Smaller circle */
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  /* Subtle border */
}

/* Title text - no hover effects */
.protech_nepal_cat_module_main_heading {
  /* Hover effects removed - title remains static */
}

/* Enhanced hover effect for entire header */
.protech_nepal_cat_module_header:hover {
  transform: translateY(-2px);
  /* Smaller lift effect */
  box-shadow: 0 8px 25px rgba(26, 46, 70, 0.35);
  border-bottom-color: #ffd700;
  /* Golden border on hover */
}

/* ------------------------------------------------------------------ */
/* for white category */
/* new category title */
.protech_nepal_cat_module_header-white {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 50%, #f8f9fa 100%);
  /* Subtle gradient */
  color: #09858d;
  padding: 8px 20px;
  /* Reduced padding for shorter height */
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: 'Poppins', 'Arial', sans-serif;
  /* Poppins font with fallbacks */
  border-radius: 12px;
  /* Slightly reduced border-radius */
  border-bottom: 2px solid #d31021;
  /* Thinner bottom border */
  box-shadow: 0 4px 15px rgba(217, 217, 217, 0.3);
  /* Reduced shadow */
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  margin-bottom: 15px;
  /* Add bottom margin for spacing */
}

/* Add subtle pattern effect */
.protech_nepal_cat_module_header-white::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(26, 46, 70, 0.08), transparent);
  transition: left 0.5s ease;
}

.protech_nepal_cat_module_header-white:hover::before {
  left: 100%;
}

/* Main heading styling */
.protech_nepal_cat_module_main_heading-white {
  font-size: 24px;
  /* Increased font size for better visibility */
  font-weight: 700;
  /* Bolder text for impact */
  text-shadow: 0 2px 4px rgba(26, 46, 70, 0.2);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  z-index: 2;
  letter-spacing: 0.8px;
  /* Better letter spacing */
  animation: titlePopInWhite 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  /* Pop-in animation */
  transform-origin: left center;
  will-change: transform, opacity;
  /* Optimize for animations */
  opacity: 0;
  /* Start hidden */
  font-family: 'Poppins', 'Arial', sans-serif;
  /* Poppins font with fallbacks */
}

/* Pop-in animation for white title */
@keyframes titlePopInWhite {
  0% {
    opacity: 0;
    transform: scale(0.7) translateX(-30px);
  }

  40% {
    opacity: 0.7;
    transform: scale(1.15) translateX(8px);
  }

  70% {
    opacity: 0.9;
    transform: scale(0.95) translateX(-2px);
  }

  100% {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}

/* Arrow icon styling */
.protech_nepal_cat_module_arrow_icon-white {
  font-size: 20px;
  /* Smaller arrow for compact look */
  margin-left: 12px;
  /* Reduced margin */
  cursor: pointer;
  text-decoration: none;
  color: #d31021;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  z-index: 2;
  background: rgba(211, 16, 33, 0.08);
  padding: 6px;
  /* Reduced padding */
  border-radius: 50%;
  width: 32px;
  /* Smaller circle */
  height: 32px;
  /* Smaller circle */
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(211, 16, 33, 0.2);
  /* Subtle border */
}

/* White title text - no hover effects */
.protech_nepal_cat_module_main_heading-white {
  /* Hover effects removed - title remains static */
}

/* Enhanced hover effect for entire white header */
.protech_nepal_cat_module_header-white:hover {
  transform: translateY(-2px);
  /* Smaller lift effect */
  box-shadow: 0 8px 25px rgba(217, 217, 217, 0.5);
  border-bottom-color: #ff6b35;
  /* Orange accent on hover */
}

/* end category title */

/* sticky content */

.protech_sticky {
  position: -webkit-sticky;
  /* For Safari */
  position: sticky;
  top: 10px;
  height: fit-content;
  margin-bottom: 30px;
}

/* Media query for mobile devices */
@media (max-width: 768px) {
  .protech_sticky {
    position: static;

  }
}


/* Media query for mobile devices */
@media (max-width: 768px) {
  .post-title.title-ok {
    font-size: 16px;
    line-height: 1.2;


  }
}

/* Media query for mobile devices */
@media (max-width: 768px) {
  .post-title.title-lg {
    font-size: 20px;
    line-height: 40px;
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: 500;
  }
}


/* Hover effect for arrow icon with enhanced rotation */
.protech_nepal_cat_module_arrow_icon:hover {
  color: #ffd700;
  /* Golden color on hover */
  transform: rotate(180deg) scale(1.05);
  /* Smaller scale */
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 3px 12px rgba(255, 215, 0, 0.4);
  border-color: rgba(255, 215, 0, 0.5);
  /* Golden border on hover */
}

/* Hover effect for arrow icon with enhanced rotation */
.protech_nepal_cat_module_arrow_icon-white:hover {
  color: #d31021;
  transform: rotate(180deg) scale(1.05);
  /* Smaller scale */
  background: rgba(211, 16, 33, 0.15);
  box-shadow: 0 3px 12px rgba(211, 16, 33, 0.25);
  border-color: rgba(211, 16, 33, 0.4);
  /* Stronger border on hover */
}