.image-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  z-index: 1000;
}

.image-overlay.active {
  display: flex;
  flex-direction: column;
}

.image-overlay-header {
    padding: 20px;
    color: white;
    text-align: -webkit-right;
}

.image-overlay-body {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.main-image-container {
  position: relative;
  height: 100%;
  width: 90vw;
  display: flex;
  justify-content: center;
}

.main-image {
  max-height: 100%;
  width: auto;
  object-fit: contain;
  display: block;
}
/*  */

body:not(.user-logged-in) #prev-relateds,
body:not(.user-logged-in) #next-related,
body:not(.user-logged-in) #next-related-mobile {
  display: none !important;
}

#prev-relateds {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(-50%);
}

#next-related,
#next-related-mobile{
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateY(-50%);
}

.modal-left{
  align-self: flex-start;
  margin-bottom:unset;
}

@media (max-width:1000px){
  .modal-right{
    justify-content: space-between !important;
    column-gap: normal !important;
    width:60% !important;
    margin-bottom:20px;
  }

}

#prev-relateds:hover ,
.modal-right *:hover {
  cursor: pointer;
}

.image-overlay-footer{
  /* padding:unset; */
  padding-bottom:15px;
  position: relative;
}


.modal-left {
  display: flex;
  align-items: center;
  /* margin-bottom: 5px; */
}

.modal-left img {
  height: 30px;
  margin-right: 10px;
}

.modal-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.modal-right button {
  /* background: none; */
  border: none;
  color: white;
  margin-left: 10px;
  cursor: pointer;
}

.modal-right button img {
  height: 24px;
  object-fit: scale-down;
}

.related-images-carousel {
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.8);
  padding: 0px 0;
}

.carousel-track {
  display: flex;
  flex-direction: row;
  gap: 10px;
  overflow-x: auto;
  padding: 0 20px;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.carousel-track::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.carousel-item {
  flex: 0 0 100px;
  height: 100px;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color 0.3s;
  margin: 0 5px;
}

.carousel-item.active {
  border-color: white;
}

.carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.carousel-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.3);
    border: none;
    background-color: white;
    cursor: pointer;
    /* font-size: 24px; */
    transition: background 0.3s;
    z-index: 2;
    height: 100%;
    display: flex
;
    align-items: center;
}
.carousel-nav:hover {
  background: rgba(255, 255, 255, 0.5);
}

.prev-btn {
  left: 0;
  padding:0px 0px 0px 30px;
}

.next-btn {
  right: 0;
  padding:0px 30px 0px 0px;
}

#close-overlay {
  cursor: pointer;
  color: white;
  /* text-decoration: underline; */
}


#close-overlay:hover {
  color: #ccc;
} 


/* code for favorites top head */
.fav-header-wrapper{
  display: flex
  ;
      justify-content: space-between;
      align-content: stretch;
      flex-wrap: wrap;
}
.fav-header-image{
  display: flex;
}


/* code for custom protfolio top head */
.portfolio-header-wrapper{
    display: flex;
    justify-content: space-between;
}


/* css for route /users/admin */
.userhistory {
  width: 100%;
  font-size: 20px;
  border-bottom: 2px solid #c4c4c4;
}
.useradminlabel{
  font-size: 17px;
}
 
.usersadmina{
  font-size: 16px;
}



.hide {
  display: none !important;
}




/* code for recent blog */
.blogTitle{
  gap: 20px;
    display: flex
;
    align-content: space-around;
    justify-content: flex-start;
}

.titleatag{
  font-weight: bold;
  text-decoration: underline;
  font-size: 28px;
}

.titleatag:hover {
  text-decoration: none;
}

.blogContainer{
  font-size: 18px;
}
.readCountinblog{
  margin-left: 10px;
    display: inline;
}



/* code form myfavorite and custom portFolio */
.favoriteesTitle{
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  font-size: 12px;
}
.favoriteHead h3{
  margin: 0px;
}
.favoriteBottom{
  color: #525252;
}
.favoriteBottom p{
  margin: 0px;
}
.favoriteHead{
  display: flex
  ;
      flex-direction: column;
}
.favoriteHead button{
  border: none;
  background-color: transparent;
}

#sidebar-left h2{
  font-size: 16px !important;
}

#fav-return {
  text-decoration: underline;
  cursor: pointer;
}

#fav-return:hover {
  text-decoration: none;
}

.historyHeadClass h2{
  border-bottom: 1px solid #7a7878 !important;
}

#product-image-block{
  flex-direction: column;
  display: flex
;
}
button#return-to-product {
    background: transparent;
    border: none;
    color: grey;
    font-size: 19px;
}


/*** New Custom Css ***/
div#cboxTitle {
  background: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  position: absolute;
  bottom: 28px;
}
#cboxContent{
  position: relative;
}
#cboxPrevious, #cboxNext, #cboxClose{
  bottom: 0;
  width: 25px;
  height: 25px;
  margin-bottom: 0;
}
#cboxCurrent{
  font-size: 16px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #949494;
  bottom: 0 !important;
}
#cboxTopLeft, #cboxTopRight{
  width: 15px;
  height: 15px;
}
#cboxTopCenter{
  height: 15px;
}
#cboxMiddleLeft, #cboxMiddleRight {
  width: 15px;
}
#cboxBottomLeft, #cboxBottomRight, #cboxBottomCenter{
  height: 4px;
  width: 15px;
}

.view-term-by-vocabulary .view-content .galleryItem{
  margin-left: 23px;
  width: 195px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .view-term-by-vocabulary .galleryItem {
      width: 23% !important;
  }
  .view-term-by-vocabulary .view-content .galleryItem{
      margin-left: 2.6% !important;
  }
  .view-term-by-vocabulary .galleryItem:nth-child(4n+1) {
      margin-left: 0 !important;
  }
}
@media only screen and (min-width: 0) and (max-width: 767px) {
  .view-term-by-vocabulary .galleryItem {
      width: 30% !important;
      margin-left: 4% !important;
  }
  .view-term-by-vocabulary .galleryItem:nth-child(3n-2) {
      margin-left: 0 !important;
  }
}
@media only screen and (min-width: 0) and (max-width: 500px) {
  .view-term-by-vocabulary .galleryItem {
      margin: 0 !important;
      width: calc(50% - 3%) !important;
  }
  .view-term-by-vocabulary .view-content{
      display: flex;
      flex-wrap: wrap;
      gap: 6%;
  }
}


/*** Responsive Ipad ***/
@media(min-width:768px) and (max-width:991px){
  .page-node-type-product #product-image-block {
      width: 25%;
      float: right;
      display: flex;
      margin-top: 50px !important;
      margin-right: 1%;
      flex-direction: column-reverse;
  }
  .page-node-type-product .big_pic{
      position: relative;
  }
  .page-node-type-product #product-image-block .alternate_views{
      font-size: 12px;
      font-family: 'Arial', sans-serif;
      text-align: left;
  }
  .page-node-type-product div#product-image-block .product-image{
      max-width: calc(42% - 8%) !important;
      margin-right: 8%;
      padding: 6px;
      height: auto;
      margin-left: 0;
      display: inline-block;
      width: 42%;
      height: 90px;
  }
  .page-node-type-product div#product-image-block .product-image a{
      display: block;
      width: 100%;
      height: 100%;
  }
  .page-node-type-product div#product-image-block .product-image img{
      object-fit: cover;
      width: 100%;
      height: 100%;
      max-height: unset;
  }
  .page-node-type-product div#product-image-block .product-image:nth-child(2n-1){
      clear: left;
  }
  .page-node-type-product .product-full-data{
      width: 65%;
      margin-left: 4%;
  }
  .page-node-type-product #product-image-section-ipad{
      margin: 0;
  }
  .page-node-type-product #product-image-section-ipad .product-image{
      margin: 0;
      max-width: 100%;
      padding: 20px;
  }
  .page-node-type-product .productInfo_second{
      width: 80px;
      top: 10px;
  }
  .page-node-type-product .productInfo_second .store-func{
      width: 100%;
      justify-content: space-between;
  }
  .page-node-type-product .product-body, .refrence-mobile-ipad{
      text-align: left;
  }
  .page-node-type-product .enlarge-image button{
      border: 0;
      background: transparent;
      padding: 0;
      font-size: 18px;
      color: #666;
  }
  .page-node-type-product .enlarge-image {
      margin-left: 4%;
      max-width: 100% !important;
      width: 65%;
      margin-top: 10px;
  }
  .page-node-type-product .productInfo_first #backtolink{
      text-align: left;
      float: none;
      position: absolute;
      top: -30px;
      margin: 0 !important;
      left: 4%;
  }
  .page-node-type-product .productInfo_first #backtolink a{
      font-size: 18px !important;
      font-family: Georgia, "Times New Roman", Times, serif;
      padding: 0;
  }
  .page-node-type-product .productInfo_first{
      position: relative;
  }
  .page-node-type-product .product_stat_img {
      padding: 0 !important;
  }
  .page-node-type-product .logoaNCopy.i-pad {
      top: 21px;
      left: 60px;
  }
  .page-node-type-product .product_caption {
      top: 17px;
      left: 126px;
  }
  .custom-mobile{
    display: none !important;
  }
  .return-text-desktop{
    display: none !important;
  }
  .page-node-type-product .big_pic{
    margin-top: 20px;
  }
}

@media(max-width:767px){ .page-node-type-product .product-full-data{
  width: 335px;
  margin: 0px auto;
}
.page-node-type-product .product-body{
  padding: 0;
}
.page-node-type-product .big_pic{
  margin-top: 20px;
}
.page-node-type-product .product-full-data .product-image{
  margin-left: 0;
  padding: 0;
  border: 0;
}
.page-node-type-product .custom-mobile{
  width: 335px;
  margin: 0px auto;
  flex-direction: column-reverse !important;
  text-align: left;
}
.page-node-type-product .custom-mobile .alternate_views{
  font-size: 12px;
  font-family: 'Arial', sans-serif;
  margin-bottom: 5px;
}
.page-node-type-product .custom-ipad{
  display: none !important;
}
.page-node-type-product .custom-mobile .product-images-carousel .product-image{
  margin-left: 0;
}
.page-node-type-product div#product\ ipad-section-product #backtolink{
  display: none !important;
}

.page-node-type-product .enlarge-image button{
border: 0;
background: transparent;
padding: 0;
font-size: 14px !important;
color: #666;
}
.page-node-type-product .logoaNCopy{
  display: none !important;
}
.page-node-type-product .productInfo_second{
  top: 10px;
}
.page-node-type-product .big_pic{
  position: static !important;
}
.page-node-type-product .return-text-desktop{
  justify-content: start !important;
  margin-left: 30px;
}
.page-node-type-product .return-text-desktop p{
  font-size: 16px !important;
  font-family: Georgia, "Times New Roman", Times, serif !important;
  text-decoration: none !important;
}
.page-node-type-product .product-body, .page-node-type-product .refrence-mobile-ipad{
    text-align: left;
}
.page-node-type-product .product-body *{
  font-size: 16px;
}
.page-node-type-product .mirror-girl-flex{
  margin: 0px 12px 10px 10px;
}
body.page-node-type-product #product-data-box  .product-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
}
#sidebar-left {
  border: 0px !important;
}
.page-node-type-product .productInfo_second button{
  background-size: auto !important;
}
.page-node-type-product .return-text-desktop {
  margin-top: 9px !important;
}
.page-node-type-product .custom-logo-enlarge .logoaNCopy.mobile{
  display: flex !important;
  align-items: center;
}
.page-node-type-product .custom-logo-enlarge{
max-width: 335px;
margin: 0px auto;
}
.page-node-type-product .custom-logo-enlarge{
  flex-direction: row;
}}
@media(max-width:480px){
.page-node-type-product .product-full-data{
  width: 225px;
  margin: 0px auto;
}
.page-node-type-product .custom-mobile{
  width: 225px;
  margin: 0px auto;
  flex-direction: column-reverse !important;
  text-align: left;
}
.page-node-type-product .enlarge-image{
  width: 225px;
  margin: 0px auto;
  max-width: 100%;
}}

.image-overlay-header-mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  div#productInfo div#sizechart > .mirror-girl-flex {
      display: flex !important;
      position: inherit;
      float: right;
  }
  div#sidebar-left,
  /* .product-navigation-arrows,  */
  .mirror-girl-flex {
      display: none ! Important;
  }

  .image-overlay-header-mobile {
  display: block;
}

  .image-overlay-header-desktop {
    display: none;
  }
}

@media(max-width:991px){ 
  .page-node-type-product .image-overlay-footer{
      flex-direction: column !important;
  }
  .page-node-type-product .image-overlay .main-image-container {
    max-width: 80%;
  }
  .page-node-type-product .image-overlay-body img {
      max-width: 100%;
  }
  .page-node-type-product .image-overlay-header span#close-overlay {
    width: 100%;
    text-align: right;
  }
}
@media(max-width:380px){ 
  .page-node-type-product .image-overlay-footer p.main-title{
      font-size: 12px;
  }
  .page-node-type-product .modal-left img {
      height: 24px;
      margin-right: 7px;
  }
  .page-node-type-product .modal-right img{
      height: 22px
  }
  .page-node-type-product .modal-right .flag-action-badge{
      background-size: contain;
      width: 26px;
      background-repeat: no-repeat;
  }
}

   .views-field-nid-1 {
  display: none;
}

@media(max-width:767px){
  .page-node-type-product .flag-action-badge{
      z-index: 99 !important;
  }
  .page-node-type-product .modal-right #next-related{
    display: none;
}
  .page-node-type-product .image-overlay p.main-title{
      font-size: 13px !important;
  }
  .page-node-type-product .modal-left img{
      margin-right: 2px
  }
  .product-info-items {
    margin-top: 15px
  }
}

@media(min-width:768px){ #header .search-block-form img#searchbuttonform {
  display: none;
}
#header .search-block-form form.search-form{
  display: block !important;
}

}
@media (min-width: 992px) {
  #next-related-mobile {
    /* Your styles here */
    display: none; /* Example: hide it on larger screens */
  }
}
@media (max-width: 992px) {
  #next-related {
    /* Your styles here */
    display: none; /* Example: hide it on larger screens */
  }
}


/* Hide mobile next button on desktop */
@media (min-width: 769px) {
  #next-related-mobile {
    display: none !important;
  }
}

/* Hide desktop next button on mobile */
@media (max-width: 768px) {
  #next-related {
    display: none !important;
  }
}

#logoNCopy span{
    font-size:16px;

}
#logoNCopy h3, 
#logoNCopy span span{
    font-size:19px;
    font-family:Arial, Helvetica, sans-serif;
}
#logoNCopy{
    margin-bottom:1em;
}
#product-navigation-arrows:has(.next-arrow[style*="display: none"]) .prev-arrow {
  display: inline-block;
}
#product-navigation-arrows:has(.prev-arrow[style*="display: none"]){
    justify-content:flex-end !important;
}

@media (max-width:768px){
.path-email-carvers #sidebar-left{
  display:none !important;
}
.path-email-carvers #edit-submit{
  color:#000 !important;
}
}
@media (max-width:500px){
  .page-node-type-product #product-navigation-arrows{
    display:none;
  }
}

.product-nav-arrow.prev-arrow ,.product-nav-arrow.next-arrow {
    width:max-content !important;
}
.product-navigation-arrows{
    justify-content:space-between ;
}

body.toolbar-tray-open {
    padding-top: 0px !important;
}
body.user-logged-in .dialog-off-canvas-main-canvas{
    padding-top:8em !important;
}
body.user-logged-in {
    padding:unset !important;
}
body {
    padding-top:1em !important;
}
html{
    margin-top:unset
}