/*
Theme Name: Sher Gallery
Theme URI: #
Author: Sher Gallery
Author URI: #
Description: 
License: GNU General Public License v2 or later
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, rtl-language-support, featured-images, theme-options
*/

/* ============================================
   TABLE OF CONTENTS
   ============================================
   1. External Resources (CDN Imports)
   2. Global / Base Styles
   3. Banner Section
   4. Overlay & Utility Classes
   5. Newsletter Section
   6. Feature Tag & Hover Effects
   7. Rainbow Slider Section
   8. Contact Page
   9. Profile Card
   10. Shop / Product Archive Page
   11. Single Product Page
   12. Popup (Quote Request)
   ============================================ */

/* --------------------------------------------
   1. External Resources (CDN Imports)
--------------------------------------------- */
/* Icon CDN's */
/* Latest versions */
@import url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@7.1.0/css/all.min.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@import url("https://cdn.jsdelivr.net/npm/remixicon@4.6.0/fonts/remixicon.css");
@import url("https://cdn.jsdelivr.net/npm/boxicons@2.1.4/css/boxicons.min.css");

/* Google Font CDN's */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap');

/* --------------------------------------------
   2. Global / Base Styles
--------------------------------------------- */
/* Default Css */
@media (max-width: 600px) {
  html,
  body {
    overflow-x: hidden !important;
  }
}

p {
  margin-bottom: 0px;
}

/* --------------------------------------------
   3. Banner Section
--------------------------------------------- */
/* Banner */
@media (max-width: 600px) {
  .banner_slider .n2-ss-slide-background-color {
    background-color: RGBA(0, 0, 0, 0.74) !important;
  }
}

@keyframes slideUpSafe {
  0% {
    opacity: 0;
    position: relative;
    bottom: -400px;
  }
  100% {
    opacity: 1;
    position: relative;
    bottom: 0px;
  }
}

.banner_slider .animation_1,
.banner_slider .animation_2,
.banner_slider .animation_3,
.banner_slider .animation_4 {
  animation: slideUpSafe 1.5s ease-in-out !important;
}

.banner_slider .animation_1 {
  animation-delay: 0s !important;
}

.banner_slider .animation_2 {
  animation-delay: 0.2s !important;
}

.banner_slider .animation_3 {
  animation-delay: 0.4s !important;
}

.banner_slider .animation_4 {
  animation-delay: 0.6s !important;
}

.banner_slider .banner_icon_btn {
  position: relative !important;
}

.banner_slider .banner_icon_btn a::after {
  content: "\EA6C";
  font-family: "remixicon" !important;
  display: inline-block;
  margin-left: 8px;
  font-size: 1rem;
  top: -2px;
  position: relative;
  vertical-align: middle;
  line-height: 1;
}

/* --------------------------------------------
   4. Overlay & Utility Classes
--------------------------------------------- */
.overlay_box .elementor-background-overlay {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 11%, rgba(0, 0, 0, 0.8) 83%) !important;
}

.color_heading span {
  color: #D21C59 !important;
}

/* --------------------------------------------
   5. Newsletter Section
--------------------------------------------- */
.newsletter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.newsletter input[type="email"] {
  border: 1px solid #000;
  border-radius: 6px !important;
  width: 300px !important;
  height: 45px !important;
}

.newsletter input[type="submit"] {
  background-color: transparent !important;
  color: #000 !important;
  border:1px solid #B9B9B9 !important;
  padding: 10px 30px !important;
  height: 45px !important;
  border-radius: 6px !important;
}

.newsletter input[type="submit"]:hover {
  background-color: #D21C59 !important;
  border:1px solid #D21C59 !important;
  color: #fff !important;
}

.abt_img_cln {
overflow:hidden !important;
}

.abt_img_cln::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}

.abt_img_cln:hover::after {
    height: 250%;
    transition: all 600ms linear !important;
    background-color: transparent;
}

@media (max-width: 600px) {
  .newsletter input[type="submit"] {
    width: 300px !important;
  }

  .color_heading .elementor-heading-title {
    font-size: 34px !important;
  }
}

/* --------------------------------------------
   6. Feature Tag & Hover Effects
--------------------------------------------- */
.feature_tag:hover:before {
  content: "View Art";
  position: absolute;
  top: 50% !important;
  left: calc(50% - 46px) !important;
  background-color: #D21C59 !important;
  padding: 3px 16px !important;
  font-size: 16px;
  color: #fff !important;
  z-index: 100;
  border-radius: 15px !important;
}

/* Make the container a positioning reference */
.feature_tag {
  position: relative;
  display: inline-block;
  /* or block, depending on your layout */
}

/* The dark overlay on hover */
.feature_tag:hover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  border-radius: 6px !important;
}

/* The "View Art" link – positioned like your original pseudo-element */
.view-art-link {
  position: absolute;
  top: 50%;
  left: 35%;
  transform: translate(-50%, -50%);
  background-color: #D21C59;
  padding: 2px 8px;
  font-size: 12px;
  color: #fff;
  border-radius: 15px;
  text-decoration: none;
  z-index: 2;
  /* above the overlay */
  white-space: nowrap;
}

/* Optional hover effect for the link */
.view-art-link:hover {
  background-color: #a01545;
}

/* --------------------------------------------
   7. Rainbow Slider Section
--------------------------------------------- */
.ranibow_slider .swiper-pagination-bullet {
  border-radius: 100px !important;
  overflow: hidden !important;
  margin-top: 80px !important;
}

.ranibow_slider .swiper-pagination {
  overflow: visible;
  margin-bottom: -15px !important;
}

.home_product_grid .gmwqp_inquirybtn_loop {
margin-top: 0px !important;
position: absolute;
top: calc(50% - 30px);
left: 0px !important;
z-index:100 !important;
}

@media (max-width: 600px) {
  .ranibow_slider .rainbow-slider {
    overflow: visible !important;
  }

  .ranibow_slider .swiper-pagination {
    margin-bottom: -45px !important;
  }
}

/* --------------------------------------------
   8. Contact Page
--------------------------------------------- */
/* Contact Page */
.contact_icon_box svg {
  background-color: #ccc !important;
  padding: 15px !important;
}

.contact_icon_box a {
color:#7a7a7a !important;
}

.contact_icon_box a:hover {
color:#000 !important;
}

.contact_page_form .wpforms-title {
  font-family: "Fraunces", Sans-serif !important;
  font-size: 44px !important;
  font-weight: 700 !important;
  font-style: italic !important;
  color: #000000 !important;
}

.contact_page_form .wpforms-field-container .wpforms-field {
  padding-top: 13px;
  padding-bottom: 13px;
}

.contact_page_form .wpforms-field-layout {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.contact_page_form .wpforms-field-label {
  font-family: "Fraunces", Sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  font-style: italic !important;
  color: #000000 !important;
  margin-bottom: 5px !important;
}

.contact_page_form .wpforms-head-container {
  padding-bottom: 20px !important;
}

.contact_page_form input,
.contact_page_form select,
.contact_page_form textarea {
  border-color: #ccc !important;
  font-weight: 400 !important;
  font-family: "Inter", Sans-serif !important;
}

.contact_page_form input:focus,
.contact_page_form select:focus,
.contact_page_form textarea:focus {
  border: 1px solid #000 !important;
  box-shadow: 0 0 0 1px #000, 0px 1px 2px rgba(0, 0, 0, 0.15) !important;
}

/* When the placeholder (empty value) is selected – light gray */
.contact_page_form select:invalid,
.wpforms-field-select select:invalid {
  color: #ccc !important;
}

/* When a real option is chosen – darker gray (or any color you want) */
.contact_page_form select:valid,
.wpforms-field-select select:valid {
  color: #000000b3 !important;
}

/* Prevent dropdown options from inheriting the light gray color */
.contact_page_form select option,
.wpforms-field-select select option {
  color: #000 !important;
  /* or #333 – whatever fits your design */
}

.contact_page_form .wpforms-submit {
  background-color: #D11D5C !important;
}

.contact_page_form .wpforms-submit-container .wpforms-submit:hover {
  background-color: #000 !important;
}

.hour_box {
  display: grid;
  justify-content: flex-start !important;
  row-gap: 0px;
  column-gap: 40px;
  grid-template-columns: repeat(3, auto) !important;
  font-family: "Inter", Sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #7A7A7A !important;
}

/* --------------------------------------------
   9. Profile Card
--------------------------------------------- */
.profile_card {
  border: 1px solid #ccc;
}

.profile_card .infobox-content {
  padding: 15px !important;
}

.profile_card .profile_box {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ccc;
  padding-top: 15px !important;
  font-family: "Inter", Sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #7A7A7A !important;
}

.profile_card .profile_box a {
  color: #D11D5C !important;
}

.profile_card .infobox-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 3 / 2.5 !important;
  display: block;
}

.profile_card .profile_lang {
  text-align: left !important;
  margin-bottom: 15px !important;
  font-family: "Inter", Sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #D11D5C !important;
}

.profile_card .profile_type {
  text-align: left !important;
  font-family: "Inter", Sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #7A7A7A !important;
}

.profile_card h2 {
  text-align: left !important;
  margin-bottom: 0px !important;
  font-family: "Fraunces", Sans-serif;
  font-size: 24px;
  font-weight: 700;
  font-style: italic;
  color: #000 !important;
}

.profile_card p {
  text-align: left !important;
  margin-bottom: 15px !important;
  font-family: "Inter", Sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #7A7A7A !important;
}

/* --------------------------------------------
   10. Shop / Product Archive Page
--------------------------------------------- */
/* Shop Inner Page */
body.woocommerce-page main#main,
body.woocommerce-page main#main {
  margin: 0px !important;
  background-color: #fff !important;
}

body.woocommerce-page div.pum,
body.woocommerce-page div.sidebar {
  display: none !important;
}

body.woocommerce-page main#main .inside-article {
  max-width: 1250px;
  margin: 0 auto;
  padding-top: 70px !important;
}

body.woocommerce-page main#main .inside-article .woocommerce-result-count,
body.woocommerce-page main#main .inside-article .woocommerce-products-header__title,
body.woocommerce-page main#main .inside-article a.button.product_type_simple {
  display: none !important;
}

body.woocommerce-page .woocommerce-ordering select {
  background-color: #fff !important;
  border-radius: 30px !important;
  font-size: 14px !important;
  padding: 5px 20px !important;
  max-width: 260px !important;
  width: 260px !important;
  font-family: "Inter", Sans-serif !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') !important;
  background-repeat: no-repeat !important;
  background-position: right 15px center !important;
  background-size: 14px !important;
}

body.woocommerce-page ul.products {
  width: 100% !important;
}

body.woocommerce-page .entry-content {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  max-width: 1250px;
  margin: 0 auto;
}

.woocommerce nav.woocommerce-pagination {
justify-self:center !important;
width:100% !important;
margin-top:30px !important;
}

.woocommerce nav.woocommerce-pagination ul {
border:0px !important;
}

.woocommerce nav.woocommerce-pagination ul li {
border-right:0px !important;
}

.woocommerce nav.woocommerce-pagination ul li a {
color:#000 !important;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li span.current {
background:#D11D5C !important;
color:#fff !important;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
color:#D11D5C !important;
}

body.woocommerce-page ul.products.columns-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px;
  margin-top: 20px !important;
}

body.woocommerce-page ul.products.columns-4 .woocommerce-loop-category__title {
    font-family: "Fraunces", Sans-serif !important;
    font-size: 20px !important;
    font-weight: 600;
    font-style: italic;
    text-align: center;
    color: #000000 !important;
}

body.woocommerce-page ul.products.columns-4 .woocommerce-loop-category__title .count {
display:none !important;
}

body.woocommerce-page ul.products.columns-4:before,
body.woocommerce-page ul.products.columns-4:after {
  display: none !important;
}

body.woocommerce-page ul.products.columns-4 li.product {
  flex-direction: column;
  justify-content: space-between !important;
  display: flex;
  padding: 20px !important;
  margin: 0px !important;
  align-items: start;
  box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.2);
  width: 100% !important;
  background-color: #fff !important;
}

body.woocommerce-page ul.products.columns-4 li.product .woocommerce-loop-product__title {
  font-family: "Fraunces", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  font-style: italic;
  text-align: center;
  color: #000000;
}

body.woocommerce-page ul.products.columns-4 li.product a {
  width: 100% !important;
}

body.woocommerce-page ul.products.columns-4 li.product a img {
  object-fit: contain !important;
  aspect-ratio: 1 / 1 !important;
}

body.woocommerce-page ul.products.columns-4 li.product a.button.gmwqp_inq.wp-block-button__link.wp-element-button {
  background-color: #D11D5C !important;
  font-family: "Inter", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  fill: #FFFFFF;
  color: #FFFFFF;
}

body.woocommerce-page nav.woocommerce-breadcrumb {
  color: #70706E !important;
  font-family: "Inter", Sans-serif !important;
}

body.woocommerce-page nav.woocommerce-breadcrumb a {
  text-decoration: none !important;
  color: #D11D5C !important;
}

@media(max-width:600px) {
body.woocommerce-page ul.products.columns-4 {
  grid-template-columns: repeat(1, 1fr) !important;
  margin-bottom:40px !important;
}

body.single.single-product main#main .product {
max-width:calc(100vw - 65px) !important;
}
}

/* --------------------------------------------
   11. Single Product Page
--------------------------------------------- */
body.single.single-product main#main .summary.entry-summary {
  height: 100% !important;
  margin-bottom: 0px !important;
}

body.single.single-product main#main .woocommerce-tabs {
  margin-top: 40px !important;
  display: none !important;
}

body.single.single-product main#main .woocommerce-product-gallery {
  margin-bottom: 0px !important;
}

body.single.single-product main#main .product {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  max-width: 1250px;
  margin: 0 auto;
}

body.single.single-product main#main .product .product_meta {
  display: none !important;
}

body.single.single-product main#main .product .inside-article {
  padding-top: 30px !important;
  padding-bottom: 80px !important;
}

body.single.single-product div.product div.images img {
  object-fit: contain !important;
  aspect-ratio: 1 / 1 !important;
}

body.single.single-product nav.woocommerce-breadcrumb {
  color: #70706E !important;
  font-family: "Inter", Sans-serif !important;
  margin-bottom: 40px !important;
}

body.single.single-product nav.woocommerce-breadcrumb a {
  text-decoration: none !important;
  color: #D11D5C !important;
}

body.single.single-product h1.product_title.entry-title {
  font-family: "Fraunces", Sans-serif;
  font-weight: 600;
  font-style: italic;
  color: #000000;
}

body.single.single-product .description_box {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px 0px;
  color: #70706E !important;
  font-family: "Inter", Sans-serif !important;
  font-size: 14px;
  font-weight: 400;
}

body.single.single-product a.button.gmwqp_inq.wp-block-button__link.wp-element-button {
  background-color: #D11D5C !important;
  font-family: "Inter", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  fill: #FFFFFF;
  color: #FFFFFF;
}

/* Related Products Section */
section.related.products {
  width: 1170px !important;
  margin-top: 100px !important;
  padding-top: 40px !important;
  border-top: 1px solid #ccc !important;
}

section.related.products > h2 {
  font-family: "Fraunces", Sans-serif;
  font-weight: 600;
  font-style: italic;
  color: #000000;
  font-size: 32px !important;
}

section.related.products a.button.product_type_simple {
  display: none !important;
}

section.related.products ul.products.columns-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px;
  margin-top: 20px !important;
}

/* --------------------------------------------
   12. Popup (Quote Request)
--------------------------------------------- */
.gmwqp_inner_popup_op h3 {
  font-family: "Fraunces", Sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 34px !important;
  color: #000000;
  background-color: transparent !important;
}

label.gmqqp_label {
  font-family: "Inter", Sans-serif !important;
  font-size: 14px;
  font-weight: 700 !important;
  color: #000 !important;
  margin-bottom: 5px !important;
}

input.gmqqp_input,
textarea.gmqqp_input {
  border-color: #ccc !important;
  border-top-color: rgb(204, 204, 204) !important;
  border-right-color: rgb(204, 204, 204) !important;
  border-bottom-color: rgb(204, 204, 204) !important;
  border-left-color: rgb(204, 204, 204) !important;
  font-weight: 400 !important;
  font-family: "Inter", Sans-serif !important;
}

.gmwqp_inner_popupcontant {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  column-gap: 15px !important;
}

.gmwqp_inner_popupcontant .gmwqp_full {
  width: calc(50% - 8px);
}

.gmwqp_inner_popupcontant .gmwqp_full:nth-child(5) {
  width: 100% !important;
}

.gmqqp_submit .gmqqp_submit_btn {
  background-color: #D11D5C !important;
  font-family: "Inter", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  fill: #FFFFFF;
  color: #FFFFFF;
}

.gmqqp_submit .gmqqp_submit_btn:hover {
  background-color: #000 !important;
}

/* --------------------------------------------
   13. Home Page Products
--------------------------------------------- */

.home_product_grid ul.products li.product {
background-color:transparent !important;
border:0px !important;
text-align: center !important;
}

.home_product_grid ul.products li.product img,
body.woocommerce-page ul.products.columns-4 li.product img {
aspect-ratio:285/379 !important;
object-fit:cover !important;
object-position:center !important;
}

.home_product_grid ul.products li.product:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 44px) !important;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.home_product_grid ul.products li.product h2.woocommerce-loop-product__title {
margin-top:-8px !important;
}

.home_product_grid ul.products li.product img.attachment-full.size-full {
aspect-ratio:285/379 !important;
object-fit:cover !important;
object-position:top !important;
margin-bottom:8px !important;
}

.home_product_grid ul.products li.product h2 {
margin-top:0px !important;
}

.home_product_grid ul.products li.product a {
  position: relative;
  display: inline-block;
}

.home_product_grid ul.products li.product a.button.product_type_simple,
.home_product_grid ul.products li.product a.button.gmwqp_inq.wp-block-button__link.wp-element-button {
    display: none !important;
}

.home_product_grid ul.products li.product:hover a.button.gmwqp_inq.wp-block-button__link.wp-element-button {
    background-color: #D11D5C !important;
    font-family: "Inter", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    fill: #FFFFFF;
	display: inline-block !important;
    color: #FFFFFF;
}

/* The dark overlay on hover */
.collection_grid.home_product_grid ul.products li.product a:hover::after {
  height: calc(100% - 22px) !important;
}

.home_product_grid {
margin-bottom:10px !important;
}

.wrap3 {
    padding: 0 9px 9px 0;
    background: url(../images/v3/corner_tr.gif) 100% -12px no-repeat;
}

.maintance_page_box {
overflow:hidden !important;
}

.abt_page_bx {
height:100% !important;
}

@media(max-width:600px) {
section.related.products ul.products.columns-4 {
  grid-template-columns: repeat(1, 1fr) !important;
  margin-bottom:40px !important;
}

.section.related.products,body.woocommerce-page .entry-content {
margin:0px !important;
}

body.single.single-product main#main .product .inside-article {
padding:60px 0px 40px !important;
}

body.woocommerce-page .woocommerce-ordering select {
width: 155px !important;
}

body.woocommerce-page .woocommerce-ordering {
width: 155px !important;
margin-left: -35px !important;
}

body.single.single-product main#main .woocommerce-product-gallery {
margin-bottom:40px !important;
}

.home_product_grid ul.products {
gap:0px !important;
}
}





/* Everthing Blog */
/* Blog Inner Page */

.single.single-post #page .comments-area {
display:none;
}

.single.single-post #page {
display: block !important;
background-color:#fff !important;
position: relative !important;
}

body.search .paging-navigation,body.tag .paging-navigation,body.category .paging-navigation,body.author .paging-navigation {
margin-bottom:40px !important;
}

body.search .paging-navigation .nav-links>a,body.tag .paging-navigation .nav-links>a,body.category .paging-navigation .nav-links>a,body.author .paging-navigation .nav-links>a {
color: #BD0D0F !important;
}

body.search #page .content-area .inside-article a.url.fn.n, body.tag #page .content-area .inside-article a.url.fn.n, body.category #page .content-area .inside-article a.url.fn.n, body.author #page .content-area .inside-article a.url.fn.n {
color: #BD0D0F !important;
}

body.search #page .content-area .inside-article a.read-more, body.tag #page .content-area .inside-article a.read-more, body.category #page .content-area .inside-article a.read-more,body.author #page .content-area .inside-article a.read-more {
color: #BD0D0F !important;
}

body.search #page .content-area .inside-article footer.entry-meta a,body.tag #page .content-area .inside-article footer.entry-meta a,body.category #page .content-area .inside-article footer.entry-meta a,body.author #page .content-area .inside-article footer.entry-meta a {
color: #BD0D0F !important;
}

.sitemap_list ul li::marker {
color: #BD0D0F !important;
font-size: 22px !important;
}

.sitemap_list ul li,.sitemap_list ul li a {
color: #22262A !important;
font-weight: 600 !important;
font-size: 15px !important;
}

.sitemap_list ul li:hover,.sitemap_list ul li a:hover {
color: #BD0D0F !important;
}

.sitemap_list ul ul {
display:grid !important;
column-gap:50px !important;
grid-template-columns:repeat(2, 1fr) !important;
}

.sitemap_list ul {
margin-left:25px !important;
}

body.search #page,body.tag #page,body.category #page,body.author #page {
display: block !important;
position: relative !important;
background-color:#fff !important;
}

.single.single-post #page .content-area {
float: left !important;
width: 71.7% !important;
background-color:#fff !important;
}

body.search #page .content-area,body.tag #page .content-area,body.category #page .content-area,body.author #page .content-area {
float: left !important;
width: 71.7% !important;
background-color:#fff !important;
}

.single.single-post #page .content-area .inside-article {
padding-left:0px !important;
padding-right:40px !important;
padding-top:60px !important;
padding-bottom: 60px;
}

body.search #page .content-area .inside-article,body.tag #page .content-area .inside-article,body.category #page .content-area .inside-article,body.author #page .content-area .inside-article {
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
margin-right: 40px !important;
padding: 30px 25px !important;
border-radius:15px !important;
}


body.search.search-no-results #page .content-area .inside-article {
margin-top:45px !important;
}

body.search #page .content-area .site-main .entry-header h2,body.tag #page .content-area .site-main .entry-header h2,body.category #page .content-area .site-main .entry-header h2,body.author #page .content-area .site-main .entry-header h2 {
color: #22262A !important;
font-size: 30px !important;
font-family: "Roboto", sans-serif !important;
font-weight: 600 !important;
line-height: 1.2em !important;
}

.single.single-post #page .sidebar {
top: 0px !important;
position:sticky !important;
float: right !important;
width: 28.3% !important;
background-color:#fff !important;
}

body.search #page .sidebar,body.tag #page .sidebar,body.category #page .sidebar,body.author #page .sidebar {
top: 0px !important;
float: right !important;
width: 28.3% !important;
background-color:#fff !important;
}

body.search.search-results #page .sidebar,body.tag #page .sidebar,body.category #page .sidebar,body.author #page .sidebar {
top: 0px !important;
position: sticky;
float: right !important;
width: 28.3%;
background-color:#fff !important;
}

.single.single-post #page footer {
clear: both !important;
width: 100% !important;
}

body.search #page footer,body.tag #page footer,body.category #page footer,body.author #page footer {
clear: both !important;
width: 100% !important;
}

.single.single-post #page .content-area .site-main {
margin:0px !important;
width: 877.5px !important;
margin-left:auto !important;
}

body.search #page .content-area .site-main,body.tag #page .content-area .site-main,body.category #page .content-area .site-main,body.author #page .content-area .site-main {
margin:0px !important;
width: 877.5px !important;
padding-bottom:60px !important;
margin-left:auto !important;
}

body.search #page .content-area .site-main .page-header,body.tag #page .content-area .site-main .page-header,body.category #page .content-area .site-main .page-header,body.author #page .content-area .site-main .page-header {
padding-left:0px !important;
}

body.search #page .sidebar .inside-right-sidebar .widget h2,body.tag #page .sidebar .inside-right-sidebar .widget h2,body.category #page .sidebar .inside-right-sidebar .widget h2,body.author #page .sidebar .inside-right-sidebar .widget h2 {
color: #22262A !important;
font-size: 27px !important;
font-family: "Roboto", sans-serif !important;
font-weight: 600 !important;
line-height: 1.3em !important;
margin-bottom: 15px !important;
}

body.search #page .sidebar .inside-right-sidebar .widget a span.rpwwt-post-title,body.search #page .sidebar .inside-right-sidebar .widget li,body.tag #page .sidebar .inside-right-sidebar .widget a span.rpwwt-post-title,body.tag #page .sidebar .inside-right-sidebar .widget li,body.category #page .sidebar .inside-right-sidebar .widget a span.rpwwt-post-title,body.category #page .sidebar .inside-right-sidebar .widget li,body.author #page .sidebar .inside-right-sidebar .widget li,body.author #page .sidebar .inside-right-sidebar .widget a span.rpwwt-post-title {
line-height: 1.3em !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 3 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}

body.search #page .search-form button.search-submit,body.tag #page .search-form button.search-submit,body.category #page .search-form button.search-submit,body.author #page .search-form button.search-submit {
background-color: #BD0D0F !important;
}

body.search #page .sidebar .inside-right-sidebar .widget a,body.tag #page .sidebar .inside-right-sidebar .widget a,body.category #page .sidebar .inside-right-sidebar .widget a,body.author #page .sidebar .inside-right-sidebar .widget a {
display: flex !important;
align-items: center !important;
gap: 15px !important;
}

body.search #page .sidebar .inside-right-sidebar .widget a,body.tag #page .sidebar .inside-right-sidebar .widget a,body.category #page .sidebar .inside-right-sidebar .widget a,body.author #page .sidebar .inside-right-sidebar .widget a
 {
color: #22262A !important;
font-weight: 600 !important;
font-size: 15px !important;
line-height: 1.2em !important;
text-decoration: none !important;
}

body.search #page .content-area .site-main .page-header h1,body.tag #page .content-area .site-main .page-header h1,body.category #page .content-area .site-main .page-header h1,body.author #page .content-area .site-main .page-header h1 {
color: #22262A !important;
font-size: 38px !important;
font-family: "Roboto", sans-serif !important;
font-weight: 700 !important;
}

.single.single-post #page .sidebar .inside-right-sidebar {
margin-top:0px !important;
width: 292.5px !important;
padding-bottom:60px !important;
margin-bottom:675px !important;
}

body.search #page .sidebar .inside-right-sidebar,body.tag #page .sidebar .inside-right-sidebar,body.category #page .sidebar .inside-right-sidebar,body.author #page .sidebar .inside-right-sidebar {
margin-top:0px !important;
margin-bottom: 675px;
width: 292.5px !important;
padding-bottom:60px !important;
}

.single.single-post #page .sidebar .inside-right-sidebar .widget {
margin-top:0px !important;
margin-bottom:0px !important;
padding-top:60px !important;
padding-right:0px !important;
padding-bottom:10px !important;
padding-left:0px !important;
}

body.search #page .sidebar .inside-right-sidebar .widget,body.tag #page .sidebar .inside-right-sidebar .widget,body.category #page .sidebar .inside-right-sidebar .widget,body.author #page .sidebar .inside-right-sidebar .widget {
margin-top:0px !important;
margin-bottom:0px !important;
padding-right:0px !important;
padding-bottom:10px !important;
padding-left:0px !important;
}

body.search.search-no-results #page .sidebar .inside-right-sidebar {
margin-bottom: 15px;
}

body.search #page .sidebar .inside-right-sidebar .widget a:hover,body.tag #page .sidebar .inside-right-sidebar .widget a:hover,body.category #page .sidebar .inside-right-sidebar .widget a:hover,body.author #page .sidebar .inside-right-sidebar .widget a:hover {
color: #BD0D0F !important;
}

/* Add these to see if any parent is breaking sticky */
body.search,body.tag,body.category,body.author {
height: 100% !important;
overflow-x: visible !important;
overflow-y: visible !important;
}

.single.single-post #page .content-area .site-main h2 {
color: #22262A !important;
font-size: 30px !important;
font-family: "Roboto", sans-serif !important;
font-weight: 600 !important;
line-height: 1.3em !important;
}

.single.single-post #page .content-area .site-main h3 {
color: #22262A !important;
font-size: 26px !important;
font-family: "Roboto", sans-serif !important;
font-weight: 600 !important;
line-height: 1.3em !important;
}

.single.single-post #page .content-area .site-main .elementor-widget-text-editor h2 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}

.single.single-post #page .content-area .site-main .elementor-widget-text-editor:first-child h2 {
margin-top: 50px !important;
margin-bottom: 10px !important;
}

.single.single-post #page .content-area .site-main h3,.single.single-post #page .content-area .site-main h2 {
margin-bottom: 10px !important;
margin-top: 25px !important;
}

.single.single-post #page .content-area .site-main .elementor-widget-wrap {
padding:0px !important;
}

.single.single-post #page .content-area .site-main b {
color: #22262A !important;
font-family: "Roboto", sans-serif !important;
font-weight: 600 !important;
line-height: 1.3em !important;
}

.single.single-post #page .content-area .site-main h1 {
color: #22262A !important;
font-size: 38px !important;
font-family: "Roboto", sans-serif !important;
font-weight: 700 !important;
}

.single.single-post #page .content-area .site-main p,.single.single-post #page .content-area .site-main span {
font-size: 16px !important;
color: #4b5563 !important;
font-weight:400 !important;
font-family: "General Sans", sans-serif !important;
}

.single.single-post #page .content-area .site-main span {
line-height:1.2em !important;
}

.single.single-post #page .content-area .entry-meta .post-navigation .nav-previous:hover .gp-icon,.single.single-post #page .content-area .entry-meta .post-navigation .nav-next:hover .gp-icon {
background-color: #22262A !important;
cursor:pointer !important;
}

.single.single-post #page .content-area .site-main .nav-previous:hover span a,.single.single-post #page .content-area .site-main .nav-next:hover span a {
color:#22262A !important;
}

.single.single-post #page .content-area .site-main ul {
margin: 0 0 1.5em 1em !important;
color: #4b5563 !important;
font-family: "General Sans", sans-serif !important;
}

.single.single-post #page .content-area .site-main ul li::marker {
color:#BD0D0F !important;
font-size:22px !important;
}

.single.single-post #page .sidebar .inside-right-sidebar .widget a {
color: #22262A !important;
font-weight:600 !important;
font-size:15px !important;
line-height:1.2em !important;
text-decoration:none !important;
}

.single.single-post #page .sidebar .inside-right-sidebar .widget a img {
margin:0px !important;
}

.single.single-post #page .sidebar .inside-right-sidebar .widget a span.rpwwt-post-title,.single.single-post #page .sidebar .inside-right-sidebar .widget li {
line-height:1.3em !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 3 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}

.single.single-post #page .sidebar .inside-right-sidebar .widget a {
display:flex !important;
align-items:center !important;
gap:15px !important;
}

.single.single-post #page .sidebar .inside-right-sidebar .widget a:hover {
color:#BD0D0F !important;
}

.single.single-post #page .sidebar .inside-right-sidebar .widget .search-form button.search-submit {
background-color: #BD0D0F !important;
}

.single.single-post #page .sidebar .inside-right-sidebar .widget h2 {
color: #22262A !important;
font-size: 27px !important;
font-family: "Roboto", sans-serif !important;
font-weight: 600 !important;
line-height: 1.3em !important;
margin-bottom:15px !important;
}

.single.single-post #page .content-area .site-main p a {
color: #BD0D0F !important;
text-decoration:none !important;
}

.single.single-post #page .content-area .site-main li a {
color: #BD0D0F !important;
}

.single.single-post #page .content-area .entry-meta a {
color: #BD0D0F !important;
font-weight:600;
font-size:14px !important;
text-decoration:none !important;
}

.single.single-post #page .content-area .entry-meta a:hover {
color: #22262A !important;
}

.single.single-post #page .content-area .site-main .featured-image {
border-radius: 12px !important;
overflow: hidden !important;
}

.single.single-post #page .content-area .site-main .featured-image img {
border-radius: 12px !important;
overflow: hidden !important;
width:100% !important;
}

.single.single-post #page .content-area .site-main .post-navigation {
display:flex !important;
margin-top:5px !important;
gap:170px !important;
align-items:center !important;
}

.single.single-post #page .content-area .site-main .nav-previous {
display:flex !important;
align-items:center !important;
}

.single.single-post #page .content-area .site-main .nav-next {
display:flex !important;
flex-direction:row-reverse !important;
text-align:right;
gap:10px;
align-items:center !important;
}

.single.single-post #page .content-area .entry-meta .post-navigation .gp-icon {
background-color: #BD0D0F !important;
color: #fff !important;
padding: 5px 8px 9px 7px !important;
border-radius: 100px !important;
}

.single.single-post #page .content-area .entry-meta .post-navigation .gp-icon svg {
width:19px !important;
height:19px !important;
}

.single.single-post #page .content-area .site-main .blog_faq .elementor-tab-title {
background-color: transparent !important;
color:#22262A !important;
padding:15px 20px !important;
}

.single.single-post #page .content-area .site-main .blog_faq .elementor-tab-title a {
padding:0px 0px !important;
background-color: transparent !important;
color:#22262A !important;
}

.single.single-post #page .content-area .site-main .blog_faq .elementor-tab-content {
background-color: transparent !important;
padding:0px 20px !important;
}

.single.single-post #page .content-area .site-main h2:last-child {
margin-bottom:-50px !important;
margin-top:50px !important;
}

.sidebar_list nav.hfe-nav-menu__layout-vertical.hfe-nav-menu__submenu-arrow.hfe-dropdown {
visibility:visible !important;
width:100% !important;
opacity:1 !important;
height:100% !important;
position:relative !important;
}

.sidebar_list .hfe-nav-menu__toggle.elementor-clickable {
display:none !important;
}



/* Mackbook Responsive */
@media (max-width:1280px) and (min-width:1200px) {
.single.single-post #page .sidebar {
width: 27% !important;
}

.single.single-post #page .content-area {
width: 73% !important;
}
}

.header_nav_links .hfe-nav-menu .hfe-nav-menu > li:last-child {
display:none;
}



/* Blog Page Design */
body.search #page .sidebar .inside-right-sidebar .wp-block-search__button,body.tag #page .sidebar .inside-right-sidebar .wp-block-search__button,body.category #page .sidebar .inside-right-sidebar .wp-block-search__button,.single.single-post #page .sidebar .inside-right-sidebar .wp-block-search__button,body.author #page .sidebar .inside-right-sidebar .wp-block-search__button,.single.single-post #page .sidebar .inside-right-sidebar .wp-block-search__button {
    margin-left: 0px !important;
	background-color:#BD0D0F !important;
}

body.search #page .sidebar .inside-right-sidebar .wp-block-search__button:hover,body.tag #page .sidebar .inside-right-sidebar .wp-block-search__button:hover,body.category #page .sidebar .inside-right-sidebar .wp-block-search__button:hover,body.author #page .sidebar .inside-right-sidebar .wp-block-search__button:hover,.single.single-post #page .sidebar .inside-right-sidebar .wp-block-search__button:hover {
background-color:#3F4047 !important;
}

body.search #page .sidebar .inside-right-sidebar .wp-block-search__inside-wrapper,body.tag #page .sidebar .inside-right-sidebar .wp-block-search__inside-wrapper,body.category #page .sidebar .inside-right-sidebar .wp-block-search__inside-wrapper,.single.single-post #page .sidebar .inside-right-sidebar .wp-block-search__inside-wrapper,body.author #page .sidebar .inside-right-sidebar .wp-block-search__inside-wrapper {
display:flex !important;
margin-top: 15px !important;
}

body.search #page .sidebar .inside-right-sidebar input#wp-block-search__input-1,body.tag #page .sidebar .inside-right-sidebar input#wp-block-search__input-1,body.category #page .sidebar .inside-right-sidebar input#wp-block-search__input-1,.single.single-post #page .sidebar .inside-right-sidebar input#wp-block-search__input-1,body.author #page .sidebar .inside-right-sidebar input#wp-block-search__input-1 {
    width: 100%;
}

.single.single-post #page .sidebar .inside-right-sidebar .widget label.wp-block-search__label,body.search #page .sidebar .inside-right-sidebar .widget label.wp-block-search__label, body.tag #page .sidebar .inside-right-sidebar .widget label.wp-block-search__label, body.category #page .sidebar .inside-right-sidebar .widget label.wp-block-search__label,body.author #page .sidebar .inside-right-sidebar .widget label.wp-block-search__label {
    color: #22262A !important;
    font-size: 27px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600 !important;
    line-height: 1.3em !important;
}

.single.single-post .entry-content h2,.single.single-post .entry-content h3 {
font-family:"Roboto", Sans-serif!important;
font-size:28px;
font-weight:500!important;
}

.single.single-post .entry-content p,.post-single-page .entry-content ul li {
font-family:"Arial", Sans-serif;
font-size: 17px;
}

.single.single-post .entry-content ul li strong,
.single.single-post .entry-content a strong {
color:#BD0D0F !important;
}

.single.single-post #page .content-area .site-main .post-navigation {
margin-top:20px !important;
}

.faq_box .elementor-accordion-item {
    border: 0px solid rgb(0, 0, 0, 0.08) !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 10px !important;
    margin-top: 20px !important;
    background-color: #fff !important;
    padding: 7px 0px !important;
}

.faq_box .elementor-tab-title a{
    color: #22262A !important;
    background-color: #fff !important;
    font-family: "Inter", sans-serif !important;
    font-size: 18px !important;
    padding-left: 0px !important;
    line-height: 1.3em !important;
    display: block;
    font-weight: 600 !important;
}

.faq_box .elementor-accordion-icon svg {
    fill: #fff !important;
	height: 20px !important;
    width: 19.8px !important;
    margin-top: 5px !important;
}



/* Blog Page */
.blog_grid img {
aspect-ratio:3/2 !important;
object-fit:cover !important;
width:100% !important;
}

.blog_grid .hfe-post-card {
background-color: rgb(255, 255, 255) !important;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
border-radius: 15px !important;
overflow: hidden !important;
}

.blog_grid .hfe-post-content {
display:flex;
background-color:#fff !important;
flex-direction:column;
}

.blog_grid .hfe-post-excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
font-weight: 400 !important;
text-overflow: ellipsis;
margin-bottom: 30px !important;
}

.blog_grid .hfe-post-title a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
color: #22262A !important;
font-size: 24px !important;
font-family: "Roboto", sans-serif !important;
font-weight: 600 !important;
margin-bottom: 10px !important;
}

.blog_grid .hfe-post-meta {
order:-1 !important;
color: #7a7a7a !important;
font-size: 16px !important;
font-family: "Roboto", sans-serif !important;
font-weight: 400 !important;
margin-bottom: 25px !important;
}

.blog_grid .hfe-read-more {
font-size: 15px !important;
text-align:center !important;
color: #22262A !important;
font-family: "Roboto", sans-serif !important;
}

.blog_grid .hfe-posts-grid {
column-gap:30px !important;
}

/* Blog Page */
.blog_grid img {
aspect-ratio:3/2 !important;
object-fit:cover !important;
width:100% !important;
}

.blog_grid .eael-grid-post .eael-entry-overlay {
background-color:transparent !important;
}

.blog_grid .eael-post-grid {
display:grid !important;
gap:30px !important;
grid-template-columns: repeat(3, 1fr) !important;
}

.blog_grid span.eael-posted-on::before {
content:"📅" !important;
font-size: 16px !important;
padding-right: 13px !important;
}

.blog_grid .eael-grid-post {
border-radius:15px !important;
padding:0px !important;
transition:0.3s ease-in-out !important;
width:100% !important;
background-color:#fff !important;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
overflow:hidden !important;
}

.blog_grid .eael-grid-post .eael-entry-overlay > i {
display:none !important;
}

.blog_grid .eael-grid-post:hover span.eael-posted-on::before,.blog_grid .eael-grid-post:hover span.eael-posted-on {
color:#fff !important;
opacity:1 !important;
}

.blog_grid .eael-grid-post:hover .eael-grid-post-excerpt p {
color:#fff !important;
transition:0.3s ease-in-out !important;
}

.blog_grid .eael-grid-post:hover .eael-post-elements-readmore-btn {
color:#fff !important;
}

.blog_grid .eael-grid-post:hover .eael-entry-wrapper{
background-color:#BD0D0F !important;
transition:0.3s ease-in-out !important;
}

.blog_grid .eael-grid-post:hover {
transform:translatey(-5px) !important;
}

.blog_grid .eael-grid-post:hover .eael-entry-title a {
color:#fff !important;
transition:0.15s ease-in-out !important;
}

.blog_grid .eael-entry-wrapper {
display:flex;
background-color:#fff !important;
flex-direction:column;
}

.blog_grid .eael-grid-post-holder {
border:0px !important;
}

.blog_grid .eael-grid-post-excerpt p {
display: -webkit-box;
font-size:17px !important;
color:#7a7a7a !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
font-weight: 400 !important;
text-overflow: ellipsis;
margin-bottom: 30px !important;
}

.blog_grid .eael-entry-title a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
color: #22262A !important;
font-size: 24px !important;
font-family: "Roboto", sans-serif !important;
font-weight: 600 !important;
margin-bottom: 10px !important;
}

.blog_grid .eael-entry-meta {order:-1 !important;color: #7a7a7a !important;font-size: 16px !important;font-family: "Roboto", sans-serif !important;font-weight: 400 !important;margin-bottom: 10px !important;}

.blog_grid .eael-post-elements-readmore-btn {
font-size: 15px !important;
font-weight: 400 !important;
text-align:center !important;
color: #22262A !important;
font-family: "Roboto", sans-serif !important;
}

.blog_grid .hfe-posts-grid {
column-gap:30px !important;
}

.blog_grid .eael-load-more-button {
border: 2px solid #BD0D0F !important;
color: #fff !important;
font-size:18px !important;
transition:0.3s ease-in-out !important;
font-weight:600 !important;
border-radius:6px !important;
background-color: #BD0D0F !important;
padding: 10px 30px !important;
margin-top:40px !important;
}

.blog_grid:hover .eael-load-more-button {
background-color: #000 !important;
border: 2px solid #000 !important;
}

.cnt_link_txt a {
color:#000 !important;
}

.cnt_link_txt a:hover {
color:#D11D5C !important;
}



/* Mobile Responsive */

@media (max-width:600px) {
body,html {
overflow-x:hidden !important;
}

.gmwqp_inner_popupcontant .gmwqp_full {
    width: 100% !important;
}

.gmwqp_inner_popup_op {
	margin-top: 155px !important;
}

.sitemap_list ul ul {
grid-template-columns:repeat(1, 1fr) !important;
}

.banner_heading h2 {
font-size:32px !important;
}

.blog_grid .eael-post-grid {
grid-template-columns: repeat(1, 1fr) !important;
width: 100%;
margin: 0 auto;
}

body.search #page .content-area .site-main .page-header,body.tag #page .content-area .site-main .page-header,body.category #page .content-area .site-main .page-header,body.author #page .content-area .site-main .page-header {
padding-left: 15px !important;
}

html, body {
overflow-x: hidden !important;
width: 100% !important;
max-width: 100vw !important;
position: relative !important;
}

#page, .site, .page-wrapper {
overflow-x: hidden !important;
width: 100% !important;
max-width: 100vw !important;
position: relative !important;
}

.single.single-post #page .sidebar {
position: relative !important;
width: calc(100vw - 0px) !important;
padding:0px 15px !important;
}

body.search #page .sidebar,body.tag #page .sidebar,body.category #page .sidebar,body.author #page .sidebar {
position: relative !important;
width: calc(100vw - 0px) !important;
padding:0px 15px !important;
}

.single.single-post #page .sidebar .inside-right-sidebar {
margin-bottom:15px !important;
}

body.search #page .sidebar .inside-right-sidebar,body.tag #page .sidebar .inside-right-sidebar,body.category #page .sidebar .inside-right-sidebar,body.author #page .sidebar .inside-right-sidebar {
margin-bottom:15px !important;
}

.single.single-post #page .sidebar .inside-right-sidebar {
width:100% !important;
}

body.search #page .sidebar .inside-right-sidebar,body.tag #page .sidebar .inside-right-sidebar,body.category #page .sidebar .inside-right-sidebar,body.author #page .sidebar .inside-right-sidebar {
width:100% !important;
}

.single.single-post #page .content-area {
width: calc(100vw - 0px) !important;
}

body.search #page .content-area,body.tag #page .content-area,body.category #page .content-area,body.author #page .content-area {
width: calc(100vw - 0px) !important;
}

.single.single-post #page .content-area .inside-article {
width: calc(100vw - 30px) !important;
padding:60px 0px !important;
margin:0 auto !important;
}

body.search #page .content-area .inside-article,body.tag #page .content-area .inside-article,body.category #page .content-area .inside-article,body.author #page .content-area .inside-article {
width: calc(100vw - 30px) !important;
padding:25px 20px !important;
margin:0 auto !important;
}

.single.single-post #page .content-area .site-main {
width: 100vw !important;
}

body.search #page .content-area .site-main,body.tag #page .content-area .site-main,body.category #page .content-area .site-main,body.author #page .content-area .site-main {
width: 100vw !important;
}
}



@media (max-width:1025px) and (min-width:600px) {
.blog_grid .eael-post-grid {
display: grid !important;
gap: 30px !important;
grid-template-columns: repeat(2, 1fr) !important;
}

.single.single-post #page .content-area .site-main,.single.single-post #page .sidebar .inside-right-sidebar {
width: 100% !important;
}

.single.single-post #page .content-area .site-main {
padding-left:15px !important;
}

.single.single-post #page .sidebar .inside-right-sidebar {
margin-bottom:940px !important;
padding-right:15px !important;
}

body.search #page .content-area .site-main,body.search #page .sidebar .inside-right-sidebar,body.tag #page .content-area .site-main,body.tag #page .sidebar .inside-right-sidebar,body.category #page .content-area .site-main,body.category #page .sidebar .inside-right-sidebar,body.author #page .content-area .site-main {
width: 100% !important;
}

body.search #page .content-area .site-main,body.tag #page .content-area .site-main,body.category #page .content-area .site-main,body.author #page .content-area .site-main {
padding-left:15px !important;
}

body.search #page .sidebar .inside-right-sidebar,body.tag #page .sidebar .inside-right-sidebar,body.category #page .sidebar .inside-right-sidebar,body.author #page .sidebar .inside-right-sidebar {
margin-bottom:940px !important;
padding-right:15px !important;
}

body.search #page .sidebar .inside-right-sidebar,body.tag #page .sidebar .inside-right-sidebar,body.category #page .sidebar .inside-right-sidebar,body.author #page .sidebar .inside-right-sidebar {
position: sticky !important;
top: 0px !important;
float: right !important;
}

body,html {
overflow-x:hidden !important;
}
}