/* 2025 style start */
@media only screen and (max-width: 767px) {
  body.page-node-type-news .mtpc_news.mtpc_pagetitle{
    padding-top: 40px;
  }
  
  body.page-node-type-news article.mtpc-news-article .mtpc_news_share .social-sharing{
   padding-bottom: 00px;
  } 
  body.page-node-type-news article.mtpc-news-article .mtpc_news_date{
   padding-bottom: 40px;
  }
  
  header .mtpc_header .header .wrapper .logos .logos_left .logo_two.text_logo a, header .mtpc_header .header .wrapper .logos .logos_left .logo_two.text_logo span{
    font-size: 18px;
  }
  .style-2025 .mtpc-2col-section .mtpc-2col-section-wrapper>.mtpc-2col-item--2{
    margin-left: 0;
  }
    
  .view.sa-style .mtpc_pagetitle.mtpc_news h1,
  h1 {
    font-size: 40px;
  }
  
  h2.title-border-bottom,
  h2.big-h2 {
    font-size: 42px;
    padding-bottom: 25px;
    margin-bottom: 30px;
  }
  
  h2.event-title {
    font-size: 22px;
  }
  
  h2.underline {
    text-decoration-thickness: 6px;
    text-underline-offset: 12px;
    font-size: 26px;
    margin-bottom: 30px;
  }
  h2.underline2026 {
    text-decoration-thickness: 6px;
    text-underline-offset: 12px;
    font-size: 26px;
    margin-bottom: 30px;
  }
  
  a.big-link{
    font-size: 26px;
  }
  
  h3{
    font-size: 20px;
  }
  
  h3.big-h3{
    font-size: 24px;
  }
  
  p.big-date {
    font-size: 24px;
  }
  
  p.thin-text{
    font-size: 16px;
  }
  
  p.big-text{
    font-size: 18px;
  }
  
  p{
    font-size: 16px;
  }
  
  p.small-text.editor-2025{
    font-size: 16px;
  }
  
  .view.sa-style.view-id-news_events .view-header{
    padding-top: 30px;
    padding-bottom: 0;
  }
  
  .view.sa-style.view-id-news_events .mtpc_news_listing_footer:has(> .view-filters){
    position: unset;
    padding-top: 0px;
    background-color: #FFF;
    padding-bottom: 20px;
  }
  
  .style-2025 .section-bottom-40.mtpc-4col-section, .style-2025 .section-bottom-40.mtpc-3col-section, .style-2025 .section-bottom-40.mtpc-2col-section, .style-2025 .section-bottom-40.mtpc-1col-section,
  .style-2025 .section-bottom-50.mtpc-4col-section, .style-2025 .section-bottom-50.mtpc-3col-section, .style-2025 .section-bottom-50.mtpc-2col-section, .style-2025 .section-bottom-50.mtpc-1col-section {
    padding-bottom: 20px;
  }
  
  .style-2025 .section-top-40.mtpc-4col-section, .style-2025 .section-top-40.mtpc-3col-section, .style-2025 .section-top-40.mtpc-2col-section, .style-2025 .section-top-40.mtpc-1col-section,
  .style-2025 .section-top-50.mtpc-4col-section, .style-2025 .section-top-50.mtpc-3col-section, .style-2025 .section-top-50.mtpc-2col-section, .style-2025 .section-top-50.mtpc-1col-section {
    padding-top: 20px;
  }
  
  .style-2025 .section-bottom-60.mtpc-4col-section, .style-2025 .section-bottom-60.mtpc-3col-section, .style-2025 .section-bottom-60.mtpc-2col-section, .style-2025 .section-bottom-60.mtpc-1col-section{
    padding-bottom: 30px;
  }
  
  .style-2025 .section-top-60.mtpc-4col-section, .style-2025 .section-top-60.mtpc-3col-section, .style-2025 .section-top-60.mtpc-2col-section, .style-2025 .section-top-60.mtpc-1col-section{
    padding-top: 30px;
  }
  
  .style-2025 .section-bottom-70.mtpc-4col-section, .style-2025 .section-bottom-70.mtpc-3col-section, .style-2025 .section-bottom-70.mtpc-2col-section, .style-2025 .section-bottom-70.mtpc-1col-section {
    padding-bottom: 40px;
  }
  
  .style-2025 .section-top-70.mtpc-4col-section, .style-2025 .section-top-70.mtpc-3col-section, .style-2025 .section-top-70.mtpc-2col-section, .style-2025 .section-top-70.mtpc-1col-section {
    padding-top: 40px;
  }
  
  .style-2025 .section-bottom-80.mtpc-4col-section, .style-2025 .section-bottom-80.mtpc-3col-section, .style-2025 .section-bottom-80.mtpc-2col-section, .style-2025 .section-bottom-80.mtpc-1col-section {
    padding-bottom: 40px;
  }
  
  .style-2025 .section-top-80.mtpc-4col-section, .style-2025 .section-top-80.mtpc-3col-section, .style-2025 .section-top-80.mtpc-2col-section, .style-2025 .section-top-80.mtpc-1col-section {
    padding-top: 40px;
  }
  
  .style-2025 .section-bottom-100.mtpc-4col-section, .style-2025 .section-bottom-100.mtpc-3col-section, .style-2025 .section-bottom-100.mtpc-2col-section, .style-2025 .section-bottom-100.mtpc-1col-section {
    padding-bottom: 60px;
  }
  
  .style-2025 .section-top-100.mtpc-4col-section, .style-2025 .section-top-100.mtpc-3col-section, .style-2025 .section-top-100.mtpc-2col-section, .style-2025 .section-top-100.mtpc-1col-section {
    padding-top: 60px;
  }
  
  .mtpc-2col-section.gap-20 .mtpc-2col-section-wrapper {
    display: flex;
    flex-direction: column;
  }
  
  .mtpc-2col-section.column-reverse .mtpc-2col-section-wrapper {
    display: flex;
    flex-direction: column-reverse;
  }
  
  .style-2025 .cast-wrapper{
    padding: 20px 15px 60px;
    gap: 15px;
  }
  
  .style-2025 .cast-wrapper > div{
    width: calc(33.33% - 15px*2/3);
  }
  
  .style-2025 .cast-item.mtpc-1col-section .mtpc-image img{
    margin-bottom: 10px;
  }
  
  .style-2025 .view-id-mtpc_albums .view-content .views-row.album_grid_item.mtpc_masonry_item{
    width: calc(100%);
  }
}
@media only screen and (max-width: 640px) {
  header .mtpc_header .header .wrapper .logos .logos_left .logo_two.text_logo a, header .mtpc_header .header .wrapper .logos .logos_left .logo_two.text_logo span{
    font-size: 16px;
  }
  
  .style-2025 .cast-wrapper > div{
    width: calc(50% - 15px*1/2);
  }
}
@media only screen and (max-width: 480px) {
  header .mtpc_header .header .wrapper .logos .logos_left {
    width: 285px;
  }
  header .mtpc_header .header .wrapper .logos .logos_left .logo_two.text_logo a, header .mtpc_header .header .wrapper .logos .logos_left .logo_two.text_logo span{
    font-size: 14px;
  }
  
    
  h3.big-h3{
    font-size: 22px;
  }
  
  p.big-date {
    font-size: 22px;
  }
  
  .style-2025 .cast-wrapper{
    padding: 20px 15px 40px;
    gap: 10px;
  }
  
  .style-2025 .cast-wrapper > div{
    width: calc(100%);
  }
  
  .style-2025 .cast-item.mtpc-1col-section .mtpc-image img{
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* 2025 style end */
/* 2024 style start */
@media only screen and (max-width: 767px) {
  .style-2024 h1 {
    font-size: 1.5em;
    line-height: 1.4;
  }

  .style-2024 h2 {
    font-size: 1.4em;
    line-height: 1.4;
  }

  .style-2024 h3 {
    font-size: 1.3em;
    line-height: 1.4;
  }

  .style-2024 h4 {
    font-size: 1.2em;
    line-height: 1.4;
  }

  .style-2024 h5 {
    font-size: 1em;
    line-height: 1.3;
  }

  .style-2024 h6 {
    font-size: 1em;
    line-height: 1.2;
  }

  .style-2024 .key-info h1 {
    font-size: 1.4em;
    font-weight: 700;
  }

  .style-2024 .bg-footer {
    background-position: left bottom;
    background-size: 580px;
    height: 160px;
  }

  .style-2024 .hdr-graphics {
    padding-left: 120px;
  }

  .style-2024 .hdr-graphics .bc {
    display: none;
  }

  .style-2024 .hdr-graphics h1.title {
    font-size: 1.6em;
    font-weight: 800;
    text-align: right;
  }

  .style-2025 .team-member-wrapper .team-member,
  .style-2024 .team-member-wrapper .team-member {
    flex-basis: calc(100% / 2 - 20px);
  }
  
  .style-2025 .overlay-content-wrapper .overlay-content .content-container, .style-2024 .overlay-content-wrapper .overlay-content .content-container{
    flex-direction: column;
  }
  
  .style-2025 .overlay-content-wrapper .overlay-content .content-container .content .info,
  .style-2024 .overlay-content-wrapper .overlay-content .content-container .content .info{
    margin-top: 0px;
  }
  
  .style-2025 .overlay-content-wrapper .overlay-content .content-container .content .details,
  .style-2024 .overlay-content-wrapper .overlay-content .content-container .content .details {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  .style-2024 .cast-list-text h1 {
    font-size: 32px;
    margin-bottom: 40px;
  }
  
  .style-2024 .cast-list-text h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }
  
  .style-2024 .cast-list-text p{
    font-size: 16px;
  }
  
  .style-2024 .section-bottom-70.mtpc-4col-section, .style-2024 .section-bottom-70.mtpc-3col-section, .style-2024 .section-bottom-70.mtpc-2col-section, .style-2024 .section-bottom-70.mtpc-1col-section {
    padding-bottom: 40px;
  }
  
  .style-2024 .section-top-70.mtpc-4col-section, .style-2024 .section-top-70.mtpc-3col-section, .style-2024 .section-top-70.mtpc-2col-section, .style-2024 .section-top-70.mtpc-1col-section {
    padding-top: 40px;
  }
  
  .style-2024 .section-bottom-80.mtpc-4col-section, .style-2024 .section-bottom-80.mtpc-3col-section, .style-2024 .section-bottom-80.mtpc-2col-section, .style-2024 .section-bottom-80.mtpc-1col-section {
    padding-bottom: 40px;
  }
  
  .style-2024 .section-top-80.mtpc-4col-section, .style-2024 .section-top-80.mtpc-3col-section, .style-2024 .section-top-80.mtpc-2col-section, .style-2024 .section-top-80.mtpc-1col-section {
    padding-top: 40px;
  }
}

/* by Creasant */
@media only screen and (max-width: 640px) {
  .style-2025 .overlay-content-wrapper .overlay-content,
  .style-2024 .overlay-content-wrapper .overlay-content {
    width: 85%;
  }

  .style-2025 .overlay-content-wrapper .overlay-content .content-container .content .details,
  .style-2024 .overlay-content-wrapper .overlay-content .content-container .content .details {
    font-size: 16px;
  }
  
  a.black-button,
  a.black-button.text-btn,
  a.gray-button,
  a.gray-button.text-btn{
    padding: 5px 20px;
    min-width: auto;
    margin-right: 0;
    width: calc(100% - 40px);
    display: block;
    text-align: center;
  }
    
  .style-2024 .cast-list-text h1 {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .style-2025 .team-member-wrapper .team-member,
  .style-2024 .team-member-wrapper .team-member {
    flex-basis: 100%;
  }

  .style-2025 .overlay-content-wrapper .overlay-content .content-container .content .info .team-member-position,
  .style-2024 .overlay-content-wrapper .overlay-content .content-container .content .info .team-member-position {
    font-size: 18px;
  }

  .style-2025 .overlay-content-wrapper .overlay-content .content-container .content .info .team-member-name,
  .style-2024 .overlay-content-wrapper .overlay-content .content-container .content .info .team-member-name {
    font-size: 26px;
  }
}