/*
Theme Name: VinaWebsite.VN
Description: Templates develop by vinahost.vn
Author: VINAHOST.VN
Template: flatsome
Support: website@vinahost.vn
Version: 1.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
	font-family: Tumbly;
	src: url(assets/fonts/Tumbly.otf);
}
@keyframes spin
{
	0% {
	    transform: rotate(0);
	}
	100% {
	    transform: rotate(359deg);
	}
}
.animate-spin 
{
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

span.languages.flag_ko img{
	width: 28px;
}

.archive_child .col.post-item{
  padding: 0 60px;
}

.archive_child .col .box .box-text {
    padding: 10px 0 30px 0;
}

.archive_child .box-image{
  overflow: auto !important;
  
}
.archive_child .col .box{
  overflow: visible;
}
.archive_child .box-image .img{
  box-shadow: 12px -7px 14px 9px #000;
}
.archive_child .col .box .box-image::after {
  content: none !important;
}
.archive_child .img-inner img {
    height: 220px;
    object-fit: cover;
}
.list_term_child.archive_child .col .box .box-text{
	position: inherit !important;
	background-color: transparent;
}

.list_term_child.archive_child .col .box .box-text h5{
	color: #349233 !important;
}

.list_term_child.archive_child .is-divider{
	display: none;
}
 
.list_term_child.archive_child .box-image{
	    box-shadow: 0px 1px 11px 1px #000000c7;
      border-radius: 15px;
}



/* single === */

.wrap_content {
    background: #ffffff9c;
    border-radius: 20px;
    padding: 30px;
    /* display: flex; */
    /* align-items: center; */
}

.wrap_content .gallery1 { display: flex; flex-wrap: wrap; gap: 32px; }

  .wrap_content .thumb { position: relative; display: flex; 
    align-items: center;
    flex: 0 1 25%;
  }
  .wrap_content .thumb-img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
    cursor: zoom-in;
    background: #ddd;
  }

  /* ===== Popup desktop: position fixed, JS tính vị trí + kích thước ===== */

  .wrap_content .popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    padding: 6px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, .3);
    pointer-events: none;
  }
 .wrap_content .popup.show { display: block; }
 .wrap_content  .popup img { display: block; width: auto; height: auto; border-radius: 6px;min-width: 600px; object-fit: cover; object-position: center; }
 .wrap_content  .popup .close { display: none; }


 .single .wrap_content h1{
     font-family: Raleway;
    text-transform: uppercase;
    margin: 0;
    font-size: 3rem;
    line-height: 1.2;
    font-weight: 100;
 }


 .text-center .social-icons{
  display:none !important;
 }


 .archive_child {
    background: #ffffff63;
    padding: 50px 0;
    border-radius: 20px;

    justify-content: center;
}



.single ul.header-bottom-nav li:nth-child(3) a{
 color: #000 !important;
}
.single ul.header-bottom-nav li:nth-child(3):hover a{
    color: #cd9b9b !important;
}

.right_single_wrap {
    flex: min-content;
}



  /* ===== Mobile / cảm ứng: popup toàn màn hình + nút X ===== */
  @media (hover: none), (max-width: 768px) {


    .archive_child .col.post-item {
      padding: 0px 20px 5px;
  } 


    .wrap_content .popup {
      inset: 0;
      padding: 16px;
      border-radius: 0;
      background: rgba(0, 0, 0, .88);
      box-shadow: none;
      align-items: center;
      justify-content: center;
      pointer-events: auto;
    }
   .wrap_content  .popup.show { display: none; }
    .wrap_content  .popup.open { display: flex; }
    .wrap_content .popup img { width: auto; max-width: 100%; max-height: 85vh; border-radius: 8px; }
    .wrap_content  .popup .close {
      display: flex;
              justify-content: center;
        align-items: center;
      position: absolute;
      top: 14px;
      right: 14px;
      width: 42px;
      height: 42px;
      border: 0;
      border-radius: 50%;
      background: #fff;
      color: #111;
      font-size: 28px;
      line-height: 1;
      cursor: pointer;
      margin: 0;
    }

    .archive_child .img-inner img{
      height: 150px !important;
    }
  }


    @media (hover: none), (max-width: 500px) {

      body .viewmore_products.active{
        opacity: 1 !important;
      }
      body:not(.single) .viewmore_products{
        opacity: 0;
      }

      .archive_child .img-inner img{
        height: 130px !important;
      }

      .wrap_content .popup img {
          min-width: inherit !important;
      }

          .wrap_content .popup .close {
            
        }


    }

@media (max-width: 550px){
	  .wrap_content .thumb { 
	   	flex-basis: 100%;
		max-width: 100%;
	  }
	  .wrap_content .thumb-img {
	    height: 245px;
	  }
}