/*
 Theme Name:   Astra Child
 Template:     astra
 Version:      0.0.2
*/


/*===================================================================*/
/*===================================================================*/
html,body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,tr,th,td,form,input,button{
    margin:0;
    padding:0;
  }
  body{
    font-family: Verdana, Helvetica, Arial, sans-serif;
    /* font-family: Georgia, "Times New Roman", serif; */
  }
  ul,ol,li{
    list-style-type: none;
  }
  table{
    border-collapse:collapse;
  }
  a{
    text-decoration:none;
    color: inherit;
  }
  img{
    vertical-align: bottom;
  }
  input, button{
    background: none;
    outline: none;
    border: none;
  }
  
  
  body{
    background: #171717;
}
a:focus{
    outline: none;
}
input[type=search]{
    padding: 10px 25px !important;
    color: #fff !important;
    font-size: 16px !important;
}
/*===================================================================*/
/*===================================================================*/



/* ========================================================================================================================================================== */

/* ============================== */
/* ==== 清除elementor多余样式 ====== */
 #masthead .elementor-column{
    min-height: 0;
} 
 #masthead .elementor-element-populated{
    padding: 0;
} 
/* ============================== */
/* ============================== */

/* ============================== */
/* ======= custom header ======== */
a{
    text-decoration: none;
    color: #fff;
  }
  li{
    list-style: none;
  }
  body,div,ul,li{
    margin: 0;
    padding: 0;
  }
  img{
      vertical-align: bottom;
  }
  .custom-header-container{
      position: fixed;
      width: 100%;
      top: 0;
      transition: background .5s ease;
      z-index: 90;
  }
  .custom-header-container.is-scroll{
      background: rgba(0, 0, 0, 0.9);
  }
  .custom-header{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: bold;
    /* ***************************** */
    /* background: #333; */
  }
  /* ======== desktop-header ========== */
  .custom-header .desktop-header{
    display: flex;
    justify-content: space-between; 
    align-items: center;
  }
  /* ======= logo ========= */
  .custom-header .desktop-header .logo{
    margin: 15px 40px;
    /* ***************************** */
    /* background: #555; */
  }
  .custom-header .desktop-header .logo a{
    width: 90px;
    display: inline-block;
  }
  .custom-header .desktop-header .logo img{
      width: 100%;
  }
  /* ========== ul-flex-box ========== */
  .custom-header .ul-flex-box{
    width: 100%;
  }
  .custom-header .desktop-header ul{
    display: flex;
    justify-content: space-between;
  }
  .custom-header .ul-flex-box a{
    position: relative;
    color: #fff;
    transition: all .5s ease;
    font-family: sans-serif;
    font-weight: bold;
  }
  .custom-header .ul-flex-box a:hover{
    color: #deb78b;
  }
  .custom-header .ul-flex-box a::after{
    content: "";
    width: 0;
    height: 2px;
    background: #deb78b;
    position: absolute;
    left: 0;
    top: 30px;
    border-radius: 5px;
    transition: all .5s ease;
  }
  .custom-header .ul-flex-box li:hover a::after{
    width: 60%;
  }
  
  /* ======== mobile-header ========== */
  /* ====== mobile-header-bar ====== */
  .custom-header .mobile-header-bar{
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      z-index: 99;
  }
  .custom-header .mobile-logo{
      width: 36px;
      margin: 7px 0;
  }
  .custom-header .mobile-logo img{
      width: 100%;
  }
  .custom-header .mobile-btn{
      cursor: pointer;
      width: 36px;
      height: 24px;
      position: relative;
      /* **************** */
      /* background-color: #555; */
  }
  .custom-header .mobile-btn-bar-1, .custom-header .mobile-btn-bar-2, .custom-header .mobile-btn-bar-3{
      height: 3px;
      background: #deb78b;
      border-radius: 5px;
      position: absolute;
      right: 0;
      transition: all .3s ease;
  }
  .custom-header .mobile-btn-bar-1{
      top: 0;
      width: 100%;
  }
  .custom-header .mobile-btn-bar-2{
      top: 50%;
      transform: translateY(-50%);
      width: 80%;
  }
  .custom-header .mobile-btn:hover .mobile-btn-bar-2{
      width: 100%;
  }
  .custom-header .mobile-btn-bar-3{
      bottom: 0;
      width: 60%;
  }
  .custom-header .mobile-btn:hover .mobile-btn-bar-3{
    width: 100%;
}
  .custom-header.is-nav-open .mobile-btn-bar-1{
      transform: rotate(45deg);
      top: 10px;
  }
  .custom-header.is-nav-open .mobile-btn-bar-2{
      opacity: 0;
  }
  .custom-header.is-nav-open .mobile-btn-bar-3{
      width: 100%;
      transform: rotate(-45deg);
      bottom: 11px;
  }
  /* ======== mobile-header-content ========= */
  .custom-header .mobile-header-content{
      width: 100%;
      height: 100%;
      position: relative;
  }
  .custom-header .mobile-content-bg{
      width: 1vw;
      height: 1vw;
      position: fixed;
      top: 20px;
      right: 25px;
      border-radius: 50%;
      transition: all .5s ease;
      background: rgba(23,23,23,0);
  }
  .custom-header.is-nav-open .mobile-content-bg{
      transform: scale(500);
      background: rgba(23,23,23,1);
  }
  .custom-header .mobile-content{
      width: 100%;
      height: 100%;
      position: fixed;
      z-index: 10;
      top: 0;
      left: 0;
      pointer-events: none;
  }
  .custom-header.is-nav-open .mobile-content{
    pointer-events: auto;
}
  .custom-header .mobile-content ul{
      display: flex;
      flex-wrap: wrap;
      height: 100%;
      width: 100%;
      padding: 50px 5px 5px;
      box-sizing: border-box;
  }
  .custom-header .mobile-content ul li{
      width: 50%;
      height: 25%;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 5px solid #171717;
      box-sizing: border-box;
      background: #252525;
      transform: translatey(50%);
      overflow: hidden;
  }
  .custom-header .mobile-content ul li a{
    color:#deb78b;
    position: relative;
    transition: all .5s ease;
    font-family: sans-serif;
    font-weight: bold;
  }
  .custom-header .mobile-content ul li a:hover{
    color: #fff;
  }
  .custom-header .mobile-content ul li a::after{
    content: "";
    width: 0;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 30px;
    border-radius: 5px;
    transition: all .5s ease;
  }
  .custom-header .mobile-content a:hover::after{
    width: 60%;
  }
  .custom-header .mobile-content ul li:nth-child(1){
      opacity: 0;
      transition: all .2s ease .08s;
  }
  .custom-header.is-nav-open .mobile-content ul li:nth-child(1){
      opacity: 1;
      transform: translateY(0);
  }
  .custom-header .mobile-content ul li:nth-child(2){
      opacity: 0;
      transition: all .2s ease .16s;
  }
  .custom-header.is-nav-open .mobile-content ul li:nth-child(2){
      opacity: 1;
      transform: translateY(0);
  }
  .custom-header .mobile-content ul li:nth-child(3){
      opacity: 0;
      transition: all .2s ease .24s;
  }
  .custom-header.is-nav-open .mobile-content ul li:nth-child(3){
      opacity: 1;
      transform: translateY(0);
  }
  .custom-header .mobile-content ul li:nth-child(4){
      opacity: 0;
      transition: all .2s ease .32s;
  }
  .custom-header.is-nav-open .mobile-content ul li:nth-child(4){
      opacity: 1;
      transform: translateY(0);
  }
  .custom-header .mobile-content ul li:nth-child(5){
      opacity: 0;
      transition: all .2s ease .40s;
  }
  .custom-header.is-nav-open .mobile-content ul li:nth-child(5){
      opacity: 1;
      transform: translateY(0);
  }
  .custom-header .mobile-content ul li:nth-child(6){
      opacity: 0;
      transition: all .2s ease .48s;
  }
  .custom-header.is-nav-open .mobile-content ul li:nth-child(6){
      opacity: 1;
      transform: translateY(0);
  }
  .custom-header .mobile-content ul li:nth-child(7){
      opacity: 0;
      transition: all .2s ease .56s;
  }
  .custom-header.is-nav-open .mobile-content ul li:nth-child(7){
      opacity: 1;
      transform: translateY(0);
  }
  .custom-header .mobile-content ul li:nth-child(8){
      opacity: 0;
      transition: all .2s ease .64s;
  }
  .custom-header.is-nav-open .mobile-content ul li:nth-child(8){
      opacity: 1;
      transform: translateY(0);
  }
  
  .custom-header .mobile-content ul li::before{
      position: absolute;
      color:rgba(0, 0, 0, 0.15);
      font-size: 40px;
      top: 50%;
  }
  .custom-header .mobile-content ul li:nth-child(1)::before{
      content: 'HOME';
  }
  .custom-header .mobile-content ul li:nth-child(2)::before{
      content: 'ABOUT';
  }
  .custom-header .mobile-content ul li:nth-child(3)::before{
      content: 'CASE';
  }
  .custom-header .mobile-content ul li:nth-child(4)::before{
      content: 'EXHIBITION';
  }
  .custom-header .mobile-content ul li:nth-child(5)::before{
      content: 'STAGE';
  }
  .custom-header .mobile-content ul li:nth-child(6)::before{
      content: 'MOVIE';
  }
  .custom-header .mobile-content ul li:nth-child(7)::before{
      content: 'MEDIA';
  }
  .custom-header .mobile-content ul li:nth-child(8)::before{
      content: 'CONTACT';
  }
/* ================================================ */
/* ================================================ */

  /* ===================== */
  /* ======= @media ====== */
  @media (max-width:1024px) {
      .custom-header .desktop-header{
          display: none;
      }
      .custom-header .mobile-header{
          display: block;
      }
  }
  @media (min-width:1025px) {
      .custom-header .mobile-header{
          display: none;
      }
  }

/* ============================== */
/* ============================== */
/* ======= custom header end ======== */
/* ========================================================================================================================================================== */




/* ================================================ */
/* ================================================ */
/* =============== custom-footer ============== */
.custom-contact-container{
    margin: 0 10px;
}
.custom-contact-container a{
    color: #fff;
    font-size: 18px;
    line-height: 1.8;
}
.custom-contact-container a:hover{
    color: #deb78b;
}

.custom-contact-wrap{
    display: flex;
}
.custom-contact-icon{
    width: 30px;
    height: 30px;
}
.custom-contact-icon img{
    width: 100%;
}
.custom-contact-text{
    margin: 0 0 20px 15px;
    width: calc(100% - 45px);
    /* 45 = 30 + 15 */
}
.custom-contact-wrap:nth-child(3) a{
    display: block;
}
footer a:hover, footer a:focus{
  color: #efc383;
}
/* ================================================ */
/* ================================================ */



/* ================================================ */
/* ================================================ */
/* ============ contact form 7 ============== */
.custom-form-acti{
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    line-height: 2;
}
.custom-form-acti .custom-form-acti-wrap{
    width: calc(50% - 20px);
    margin: 15px 10px;
}
.custom-form-acti-submit{
    margin-left: 10px;
}
.custom-form-acti input[type=email], .custom-form-acti input[type=number], .custom-form-acti input[type=tel], .custom-form-acti input[type=text], .custom-form-acti select, .custom-form-acti textarea, .custom-form-acti input[type=date]{
    background: #f2f2f2;
    border: 1px solid #171717;
    color: #171717 !important;
    padding: 10px;
    height: 50px;
}
.custom-form-acti input:not([type=submit]):focus, .custom-form-acti select:focus, .custom-form-acti textarea:focus{
    background: #f2f2f2;
    border: 1px solid #171717;
}
/* ================================================ */
/* ================================================ */






/* ================================================ */
/* ================================================ */
/* ============ search page ============= */

.search .ast-article-post{
    padding: 2em 5em;
}

/* ==== new ==== */
.search .ast-archive-title{
  font-size: 32px;
}
.search .post-content{
  display: grid;
  grid-gap: 5px 20px;
  grid-template-columns: 1fr 3fr;
}
.search .post-thumb{
  grid-area: 1/1/3/2;
  margin: 0;
}
.search .read-more a{
  color: #666;
}
.search .entry-header{
  margin-bottom: 10px;
}
.search .entry-title a{
  font-size: 22px;
}
.search .entry-content p{
  margin-bottom: 10px;
}
.search .entry-meta{
    display: none;
}


.search .no-results{
    padding: 2em 5em;
}
.search .search-field{
    background: #171717;
    border-radius: 50px;
    margin-bottom: 5px;
}
.search .search-field:focus{
    background: #171717;
}
.search .search-submit{
    padding: 5px 20px !important;
    margin-bottom: 5px;
}
.search .site-content .content-area .search-form{
    margin-bottom: 10px; 
}
.search .no-results .page-content p{
    margin-bottom: 10px;
}
/* === */

.search .ast-archive-description {
    background-color: #333;
}

.search .pagination .page-numbers{
    line-height: 2.4 !important;
}


@media (min-width: 1025px){
    .search #primary{
        margin: 9em 0 4em;
    }
    
    .error404 #primary{
        margin: 9em 0 4em;
    }
}
@media (max-width: 1024px){
    .search #primary{
        margin: 5em 0 3em;
        padding: 0;
    }
    .search .ast-archive-description {
        padding: 2em 2em;
    }
    .search .ast-article-post{
        margin: 0;
        padding: 2em 2em;
    }

    .search .no-results{
        padding: 2em 2em;
    }

    .error404 #primary{
        margin: 5em 0 3em;
        padding: 0;
    }
}
@media (min-width: 1025px){
    .search .ast-archive-description {
        padding: 2em 5em;
    }    
}



@media (max-width:768px) {
    .search .ast-article-post{
        padding: 1em 0.5em;
    }
    .search .ast-archive-title {
        font-size: 22px;
    }
    .search .entry-title{
        line-height: 1;
      }
    .search .entry-title a{
      font-size: 18px;
    }
    .search .ast-archive-description {
        padding: 1em .5em;
    }
    .search .entry-content p{
        line-height: 1.5;
        margin-bottom: 5px;
    }
    .search .entry-header{
        margin-bottom: 5px;
    }

    .search .no-results{
        padding: 1em .5em;
    }
} 


.error404 .search-field{
    background: #171717 !important;
    border-radius: 50px !important;
}
.error404 .search-form i{
    color: #aaa;
}
.error404 .search-field::placeholder{
    color: #aaa !important;
}
.error-404{
    border-radius: 10px !important;
}

/* ================================================ */
/* ================================================ */


/* ================================================ */
/* ================================================ */
/* ========= post grid ============ */
.pagination .page-numbers:hover, #page .pagination .page-numbers.current {
    background: #efc383 !important;
    color: #171717;
    opacity: 1;
}
.pagination .page-numbers {
    font-size: 16px !important;
    color: #fff;
    background: #333333;
    min-width: 40px;
    height: 40px;
    border-radius: 20px !important;
    margin: 5px 5px !important;
    line-height: 1.5 !important;
}
.pagination .prev, .pagination .next {
    width: auto !important;
    border-radius: 50px !important;
}
/* ================================================ */
/* ================================================ */

/* ================================================ */
/* ====== activity-btn-box ======== */

.activity-btn-box{
    color: #fff;
    font-weight: bold;
    font-size: 16px;
  }
  .activity-btn-box button{
    border: none;
    font-size: 16px;
    border-radius: 50px;
    padding: 5px 15px;
    margin: 15px 10px 15px 10px;
    background: linear-gradient(45deg, #3c3c3c, #3e3933);
    color: #fff;
  }
  .activity-btn-box button.active, .activity-btn-box button:hover, .activity-btn-box button:focus{
    background: linear-gradient(90deg, #efc383, #d29e50);
    color: #171717;
  }
  
/* ================================================ */  
  /*============================================*/