/*
Theme Name: Astran-new
Author: 
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)
*/


body.archive.woocommerce-page,
body.tax-product_cat, body.tax-product_tag {
  transform : none !important;-webkit-transform : none !important;-ms-transform : none !important;
}
body.ast-page-builder-template.woocommerce-page .site-content > .ast-container {
  max-width : 1200px;
  margin : 0 auto;
  padding : 0 20px;
  display : block;
}
.woocommerce ul.products {
  display : grid !important;
  grid-template-columns : repeat(4, 1fr);
  gap : 20px;
}
  @media (max-width : 921px) {
  .woocommerce ul.products{grid-template-columns : repeat(3, 1fr);
}
  }@media (max-width : 544px) {
  .woocommerce ul.products{grid-template-columns : repeat(2, 1fr);
}
  }@media (min-width : 1200px) {
  #my-custom-div{width : 100vw;
  position : relative;
  left : 50%;
  right : 50%;
  margin-left : -50vw;
  margin-right : -50vw;
}
  }.custom-scrollbar : :-webkit-scrollbar {
  width : 8px;
}
  .custom-scrollbar : :-webkit-scrollbar-track {
  background-color : transparent;
}
  .custom-scrollbar : :-webkit-scrollbar-thumb {
  background-color : #555;
  border-radius : 4px;
}

  @media (max-width :768px) {
  .ast-mobile-menu-trigger-minimal{background-color :#333;
  color :#fff;
  padding :0.5rem 1rem;
  border-radius :0.5rem;
  border :none;
}
  .ast-mobile-menu-trigger-minimal :hover {
  background-color :#000;
  color : #081a40;
}
.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle {
  background-color : #000;
}
.ast-mobile-menu-trigger-minimal .mobile-menu-toggle-icon {
  filter :brightness(0) invert(1);
}
}.author-section {
  display :flex;
  flex-direction :column;
  align-items :center;
  padding :2rem;
  text-align :center;
}
.author-section .profile-wrapper {
  display :flex;
  align-items :flex-start;
  gap :2rem;
  width :100%;
  text-align :left;
}
.author-section .profile-pic {
  width :120px;
  height :120px;
  border-radius :50%;
  background-color :#e0e0e0;
  display :flex;
  justify-content :center;
  align-items :center;
  flex-shrink :0;
  overflow :hidden;
}
.author-section .profile-pic img {
  width :100%;
  height :100%;
  object-fit :cover;
  border-radius :50%;
}
.author-section .author-info {
  display :flex;
  flex-direction :column;
  gap :0.5rem;
}
.author-section h2 {
  margin :0;
  font-size :1.5rem;
  font-weight :600;
  line-height :1.2;
}
.author-section .social-icons {
  display :flex;
  gap :0.5rem;
  margin-top :0.25rem;
  margin-bottom :0.75rem;
}
.author-section .social-icons a {
  color :#333;
  width :36px;
  height :36px;
  border-radius :50%;
  border :1px solid #ccc;
  display :flex;
  justify-content :center;
  align-items :center;
  text-decoration :none;
  transition :background-color 0.2s, border-color 0.2s;
}
  .author-section .social-icons a :hover {
  background-color :#f0f0f0;
  border-color :#aaa;
}
.author-section .blog-button {
  display :inline-block;
  padding :0.75rem 1.5rem;
  margin :0.75rem 0;
  border :none;
  border-radius :0.5rem;
  color :white;
  font-size :1rem;
  font-weight :600;
  text-decoration :none;
  cursor :pointer;
  background-image :linear-gradient(to right, #feb460, #ff7e5f);
  box-shadow :0 4px 6px rgba(0, 0, 0, 0.1);
  transition :transform 0.2s, box-shadow 0.2s;
}
  .author-section .blog-button :hover {
  transform :translateY(-2px);
  box-shadow :0 6px 8px rgba(0, 0, 0, 0.15);
}
.author-section p {
  margin :0;
  line-height :1.6;
  color :#555;
  font-size :0.95rem;
}
.subscribe-section {
  background-color :#e8ffe1;
  padding :2rem;
}
.subscribe-section h3 {
  margin :0 0 1rem 0;
  font-size :1.25rem;
  font-weight :600;
  line-height :1.4;
  color :#333;
}
.subscribe-form {
  display :flex;
  flex-direction :row;
  gap :0.5rem;
  align-items :center;
  margin-bottom :0.5rem;
}
.subscribe-form input[type="email"] {
  flex-grow :1;
  padding :0.75rem 1rem;
  font-size :1rem;
  outline :none;
}
  .subscribe-form input[type="email"] :focus {
  border-color :#888;
}
.subscribe-form button {
  padding :0.75rem 1.5rem;
  border :none;
  border-radius :0.5rem;
  color :white;
  font-size :1rem;
  font-weight :600;
  cursor :pointer;
  background-image :linear-gradient(to right, #ff7e5f, #feb460);
  box-shadow :0 4px 6px rgba(0, 0, 0, 0.1);
  transition :transform 0.2s, box-shadow 0.2s;
}
  .subscribe-form button :hover {
  transform :translateY(-2px);
  box-shadow :0 6px 8px rgba(0, 0, 0, 0.15);
}
.subscribe-section .form-text {
  font-size :0.85rem;
  color :#666;
  line-height :1.4;
}
  @media (max-width :768px) {
  .author-section .profile-wrapper{flex-direction :column;
  align-items :center;
  text-align :center;
}
.author-section .author-info {
  align-items :center;
}
.subscribe-form {
  flex-direction :column;
  align-items :stretch;
}
.subscribe-form button {
  width :100%;
}
}.my-social-share-section {
  display :flex;
  flex-direction :column;
  align-items :center;
  margin-top :3rem;
  margin-bottom :3rem;
}
.my-social-share-heading {
  font-size :1.25rem;
  font-weight :600;
  color :#333;
  margin-bottom :1rem;
}
.my-social-share-buttons {
  display :flex;
  gap :0.75rem;
  flex-wrap :wrap;
  justify-content :center;
}
.share-button {
  display :inline-flex;
  justify-content :center;
  align-items :center;
  width :45px;
  height :45px;
  border-radius :50%;
  background-color :#f0f2f5;
  color :#666;
  transition :all 0.3s ease;
  border :1px solid #e0e0e0;
  cursor :pointer;
  text-decoration :none;
}
  .share-button :hover {
  background-color :#e2e4e7;
  transform :translateY(-3px);
  box-shadow :0 4px 6px rgba(0, 0, 0, 0.1);
}
.share-button .dashicons {
  font-size :24px;
  width :24px;
  height :24px;
}
  .share-button.linkedin :hover {
  background-color :#0077b5;
  color :#fff;
}
  .share-button.twitter :hover {
  background-color :#1DA1F2;
  color :#fff;
}
  .share-button.facebook :hover {
  background-color :#3b5998;
  color :#fff;
}
  .share-button.reddit :hover {
  background-color :#FF4500;
  color :#fff;
}
  .share-button.mail :hover {
  background-color :#EA4335;
  color :#fff;
}
  .share-button.copy-link :hover {
  background-color :#007bff;
  color :#fff;
}
.copy-message {
  position :absolute;
  bottom :10px;
  left :50%;
  transform :translateX(-50%);
  background-color :#333;
  color :#fff;
  padding :0.5rem 1rem;
  border-radius :5px;
  font-size :0.875rem;
  white-space :nowrap;
}