/*!
Theme Name: Insite-Drama (Kadence Child)
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Hangodi Titanilla - webgepard.hu
Author URI: https://webgepard.hu/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/** ==========================================
 *       MENU EXTRA  - lang item 
 * =========================================== */
 
 ul.menu li.lang-item a{
    display: flex;
    align-items: center;
 }
 
 /** ==========================================
 *       MENU MOBILE  - lang switscher 
 * =========================================== */
 ul.menu_mobile_lang_switcher{
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    column-gap: 20px;
    margin:0;
 }
 
 ul.menu_mobile_lang_switcher li{}
 
 ul.menu_mobile_lang_switcher li a{
    display: flex;
    align-items: center;
    text-decoration: none !important;
    text-transform: uppercase;
}


 /** =============================================
 *      KIADVANY - GRID
 * =============================================== */
.ht-kiadvany-card-grid{

    display: grid;
    /*grid-template-columns:  repeat(4, 1fr);*/
     grid-template-columns: repeat(auto-fill, minmax(250px, 1fr) );
     grid-gap: 1rem;
    
}
 
 /** =============================================
 *      KIADVANY - CARD
 * =============================================== */
 .ht-kiadvany-card{
    background: #f3f3f3;
    padding:10px;
    border-radius: 5px;
 }

/* img + letoltes*/ 
 .ht-kiadvany-card-img-download-area{
    text-align:center;
      border: 1px solid #b9c7d5; 
      box-shadow: 0 0 10px #d3cccc75;
      margin-bottom:10px;
       background:#d7fff6;
 }

.ht-kiadvany-card-img-download-area:hover{
    border: 1px solid #2d6dab;
     background:#2d6dab;
 }
.ht-kiadvany-card-img-download-area a{
   
    color: #2d5597;
    display:block;
    text-decoration:none;
 }
 
 .ht-kiadvany-card-img-download-area a:hover{
   
    color:#FFFFFF;
 }

 .ht-kiadvany-img{
    margin-bottom: 10px;
    
 }
 
 .ht-kiadvany-img img{
    aspect-ratio: 3/4;
    object-fit: cover;
    width: 100%;
    
 }
 
.ht-kiadvany-card-img-download-area a span.ht-kiadvany-downloand{
    padding:3px;
} 


 
/* kiadvany adatok*/
 
 .ht-kiadvany-card-content-area
 {
    line-height:1.95rem;
 }

     
     .ht-kiadvany-project-url a{
        text-decoration: none;
        font-size: 0.9rem;
        color:#7a7a7a;
        margin-bottom:5px;
        }
    
     .ht-kiadvany-project-url a:hover{
        text-decoration: underline;
        color: #215387;
        }
     
      .ht-kiadvany-project-url a:hover::after {
          content: " »";
        }
    
     
     .ht-kiadvany-title{
        font-weight: bold;
        line-height: 1.2em;
        margin-bottom:5px;
     }
     
     .ht-kiadvany-title a{
        text-decoration: none;
        color:#4b7624;
        color:#444444;
        letter-spacing: -0.3px;
        font-size: 1rem;
        
     }
     
     .ht-kiadvany-title a:hover{
        text-decoration: underline;
     }
     
 
     .ht-kiadvany-year{
        font-size: 0.85rem;
     }
     
     .ht-kiadvany-megjegyzes{
        font-size: 0.85rem;
        line-height: 1.15rem;
        font-style: italic;
        margin-bottom:5px;
     }
     



/* ------------------------------------------ */
/*          KIADVANY GRID - MOBILE            */
/* ------------------------------------------ */
@media (max-width: 767px) {


    .ht-kiadvany-card-grid{
    
        display: grid;
        grid-template-columns:  repeat(1, 1fr);       
    }

    
    .ht-kiadvany-card{
        display:grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
        column-gap: 0.5rem;
        row-gap: 0.5rem;

    }
    
    .ht-kiadvany-card-img-download-area a span.ht-kiadvany-downloand{
        font-size:0.95rem;
    }
    
}

 /** =============================================
 *    PROJECT - CARD ITEM
 * =============================================== */
.ht-project-card{
  /* position: relative; */
}

.ht-project-card .ht-project-card-section-left{
  
}



.ht-project-card:hover{
    box-shadow:0 0 13px #bdbdbd;
    /*color:var(--global-palette-highlight-alt) !important;*/
}

.ht-project-card:hover a{
    color:var(--global-palette-highlight) !important;
}

.ht-project-type{

   background:#e7eff9;
   border-radius: 3px;
   font-size:0.8rem;  
   padding:0 3px;
   margin-bottom:3px;
   display:inline-block;
   
}

.ht-project-excerpt{
    font-size: 0.95em;
    line-height: 1.3em;
    letter-spacing: -0.3px;
}

 /** =============================================
 *     STICKY - TOC
 * =============================================== */

/* SECTION */

.ht-horizontal-scroll{
    
    overflow: auto;
    overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
    
}

 
/* TOC */
nav.ht-toc-inline{
    margin:0 !important;
    padding:0 !important;
    display: inline-flex;  
     white-space: nowrap;
}

nav.ht-toc-inline ul{
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex;
   gap: 10px;
    
}



nav.ht-toc-inline ul li{
   list-style: none;
   margin: 0 10px;
   padding:0;
   flex: auto;
  
} 

nav.ht-toc-inline ul li a{
    padding: 5px 10px;
    border-radius: 3px;
}

nav.ht-toc-inline ul li a:hover,
nav.ht-toc-inline ul li.active a{
    color: white;
    background: #0a77a3;
}



/* ===============================================================
/*              SEGED CLASSOK
/* =================================================================*/
.ht-editor,
.ht-editor a{
    color:red;
}

/* ========================================================================
*                       MOBILE
* ========================================================================= */

@media (max-width: 768px) {
    .ht-hide-mobile{
        display:none;
    }
}