/*
Theme Name: HammelCK
Template: Impreza
Version: 1.0
Author:	Kenneth Parnset
Theme URI: http://impreza.us-themes.com/
Author URI: https://kp-itm.dk
*/

/*Add your own styles here:*/


  .hold-info { width: 100%; border-collapse: collapse; }
  .hold-info caption { text-align: left; font-weight: 600; margin: .5rem 0; }
  .hold-info th, .hold-info td { padding: .6rem .8rem; border: 1px solid #ddd; vertical-align: top; }
  .hold-info th { width: 220px; background: #f6f6f6; text-align: left; }


.holdbox-holder .vc_column-inner{
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
	  
}

.holdbox {
       width:45%;
	   margin-left:1%;
	   margin-right:1%;
	   margin-bottom:10px;
    }
	
	.holdbox .w-ibanner-content{
		    padding: 10px !important;
			padding-bottom:20px !important;
	}

.ghost-small{
	color: white;
    border: 3px solid white;
    font-weight: bold;
    padding: 5px;
}

.ghost-small:hover{
	cursor:pointer;
	color:White !Important;
}
@media only screen and (max-width: 768px) {
	
	
	.page-id-185 main .l-section.wpb_row.height_small{
		padding:3px;
	}
	.page-id-185 .l-section.wpb_row.height_small  .wpb_column.vc_column_container{
		padding-left:3px !important;
		padding-right:3px !important;
	}
	.hold-info th {
	 padding:2px;
	   width: fit-content;
	}
		.hold-info td {
		padding:2px;
	       
	}
	
	.holdbox{
		min-height: 150px;	

       width:100%;
	   margin-left:0%;
	   margin-right:0%;
	   margin-bottom:10px;
    }
	.sponsors img{
		width:80%;
		margin-left:10%;
		margin-bottom:20px;
	}
}






/**
*
*	KALENDER - WIDGET
*
**/

/* WRAPPER */
.hck-widget {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin: 40px 0;
    font-family: var(--global-font-family, sans-serif);
}

/* SECTIONS */
.hck-section h2 {
    font-size: 1.6rem;
    margin-bottom: 15px;
    font-weight: 700;
    color: #222;
}

/* --- UGEPLAN --- */

.hck-week {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}

.hck-day {
    background: #fafafa;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 10px;
}



.hck-day-title {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 1.1rem;
    color: #333;
}

.hck-empty {
    color: #888;
    font-size: 0.9rem;
}

.hck-training {
    padding: 10px 12px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e5e5e5;
    margin-bottom: 8px;
}
.gravel{
	background:#ede2c5;
}
.landevej{
	background:#c5d8ed;
}
.mtb{
	background:#c5edd2;
}

.hck-training-time {
    font-weight: 600;
    font-size: 0.95rem;
}

.hck-training-title {
    font-size: 0.9rem;
    color: #444;
}

/* --- EVENTS --- */

.hck-events {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.hck-event {
    display: grid;
    grid-template-columns: 60px 60px 1fr;
    gap: 10px;
    padding: 12px;
    background: #fafafa;
    border-radius: 10px;
    border: 1px solid #ddd;
    align-items: center;
}

.hck-event-date {
    background: #0033A0;
    color: white;
    padding: 3px 0;
    text-align: center;
    border-radius: 6px;
    font-weight: 600;
}

.hck-event-time {
    font-weight: 600;
    color: #333;
}

.hck-event-title {
    font-size: 0.95rem;
    color: #222;
}

/* --- RESPONSIVE --- */

@media (min-width: 768px) {
    .hck-week {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1100px) {
    .hck-week {
        grid-template-columns: repeat(7, 1fr);
    }
}








/* Base variabler (kan justeres) */
:root{
  --hckk-offset: 60px;        /* JS overskriver med header+adminbar-højde */
  --hckk-subnav-h: 48px;      /* JS overskriver med menuens reelle højde */
  --hckk-maxw: var(--wp--style--global--content-size, 1200px);
}

/* Wrapper og visuel stil */
.hckk-scroll-subnav{
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,.08);
}
.hckk-scroll-subnav__inner{
  max-width: var(--hckk-maxw);
  margin: 0 auto;
  padding: 8px 12px;
}

/* Horisontal liste */
.hckk-scroll-subnav__list{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.hckk-scroll-subnav__list a{
  display: inline-block;
  padding: 10px 14px;

}

/* Fixed tilstand under main nav */
.hckk-scroll-subnav.is-stuck{
  position: fixed;
  top: var(--hckk-offset);
  left: 0;
  right: 0;
  z-index: 2000;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  padding-left: 20px;
}

/* Spacer der holder layout-højde når nav er fixed */
.hckk-scroll-subnav__spacer{
  height: 0;
}

/* Aktivt link via :target (når hash ændres) */
:root:has(#landevej:target)      .hckk-scroll-subnav a[href="#landevej"],
:root:has(#mtb:target)           .hckk-scroll-subnav a[href="#mtb"],
:root:has(#mtb-damer:target)     .hckk-scroll-subnav a[href="#mtb-damer"],
:root:has(#mandfold-mtb:target)  .hckk-scroll-subnav a[href="#mandfold-mtb"],
:root:has(#boern-unge:target)    .hckk-scroll-subnav a[href="#boern-unge"]{
  background: #111;
  color: #fff;
}

/* Anker offset så sektioner ikke ligger under nav’en */
#landevej, #mtb, #mtb-damer, #mandfold-mtb, #boern-unge{
  scroll-margin-top: calc(var(--hckk-offset) + 10px);
}

/* (valgfrit) Lidt større spacing på desktop */
@media (min-width: 992px){
  .hckk-scroll-subnav__inner{ padding: 0; }
}




@media (max-width: 992px){
	.hckk-scroll-subnav.is-stuck{

  
  /* glide-anim – styres af CSS-variabler (kan overskrives fra JS) */
  transition:
    top var(--hckk-ease-dur, 220ms) var(--hckk-ease-fn, ease),
    box-shadow 180ms ease;
  will-change: top;
}

/* respektér brugere der reducerer animationer */
@media (prefers-reduced-motion: reduce){
  .hckk-scroll-subnav.is-stuck{ transition: none; }
}
  .hckk-scroll-subnav__list {
     gap: 2px;

} 
.hckk-scroll-subnav__list a {
    display: inline-block;
    padding: 5px 5px;
	font-size:16px !important;
}
.hckk-scroll-subnav__list li {
    display: inline-block;
    margin: 0;
}

.hckk-scroll-subnav.is-stuck {
  
    padding-left: 5px;
}

}


@media (max-width: 992px){

#fp-header-row .l-section-img{
	    background-attachment: unset !important;    
		background-repeat: no-repeat !important;    
    background-size: 233% !important;    
    background-position: 2% 31% !important;    
}

}


.hck-calendar{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
gap:20px;
}

.hck-day{
background:#f8f8f8;
padding:15px;
border-radius:10px;
}

.hck-training{
margin-bottom:10px;
}

.hck-time{
font-weight:bold;
}

.hck-training-cards{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
}

.hck-card{
border:1px solid #ddd;
padding:20px;
border-radius:10px;
background:white;
}













.hck-news-archive{
max-width:1200px;
margin:auto;
padding:40px 20px;
}

.hck-news-title{
font-size:40px;
margin-bottom:40px;
}

.hck-news-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.hck-news-card{
background:#fff;
border-radius:10px;
overflow:hidden;
box-shadow:0 5px 20px rgba(0,0,0,0.05);
transition:0.2s;
}

.hck-news-card:hover{
transform:translateY(-5px);
}

.hck-news-image img{
width:100%;
height:220px;
object-fit:cover;
}

.hck-news-content{
}

.hck-news-headline{
font-size:20px;
margin-bottom:10px;
}

.hck-news-meta{
font-size:14px;
color:#777;
margin-bottom:15px;
}

.hck-news-readmore{
font-weight:bold;
color:#0073aa;
}

.hck-news-single{
max-width:800px;
margin:auto;
padding:40px 20px;
padding-top: 120px;
}

.hck-news-featured img{
width:100%;
height:auto;
margin:30px 0;
}

.hck-share-bar{
    display:flex;
    gap:10px;
    margin-top:30px;
}

.hck-share-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 3px 8px;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    border: none;
    cursor: pointer;
    font-size: 15px;
}

.hck-share-btn.facebook{
    background:#1877f2;
    color:white;
}

.hck-share-btn.copy{
    background:#f1f1f1;
    color:#333;
}

.hck-share-btn:hover{
    opacity:0.9;
}

.hck-news-archive {
    max-width: 1200px;
    margin: auto;
    padding: 40px 20px;
    padding-top: 120px;
}


.hck-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
}

.hck-modal-content {
    background: #fff;
    margin: 10% auto;
    padding: 20px;
    width: 90%;
    max-width: 500px;
    border-radius: 10px;
    position: relative;
}

.hck-close {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 24px;
    cursor: pointer;
}

.hck-event {
    cursor: pointer;
    padding: 6px;
    border-bottom: 1px solid #eee;
}

.hck-event:hover {
    background: #f5f5f5;
}

.w-ibanner.ratio_3x2:before {
    padding-top: 36.6666%;
}

.hck-day-trainings{
        display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 4px;
	    margin-top: 5px;
}

.hck-day-trainings.no-training {
	    grid-template-columns: repeat(1, 1fr);

}

@media (max-width: 992px){
	
	
.hck-day-trainings{
        display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 4px;
}

.hck-news-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 60px;
}

    .l-section {
        padding: 10px;
    }
	
	.hck-day {
    padding: 7px;
	
	}
	
.hck-day.no-training {
  
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.hck-day.no-training .hck-day-title{
   margin-bottom: 00px;
}

.hck-training {
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
	padding: 4px 8px;
}

.hck-training-title{
	text-align:right;
}


}

.hck-training {
    margin-bottom: 5px;
   
    flex-direction: row;
	padding: 4px 8px;
}
	
.hck-day.no-training {
  
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
    .hck-week {
        grid-template-columns: repeat(1, 1fr);
    }

	
.hck-day {
    padding: 7px;
}

.hck-day-title {
    margin-bottom: 0px;
}




.hck-modal h2{
	    font-size: 32px;
}


.hck-klubliv-title {
    font-size: 40px;
    margin-bottom: 40px;
}

.hck-event-hidden {
    display: none;
}

.hck-show-more {
    margin-top: 15px;
    padding: 10px 15px;
    cursor: pointer;
}

.fp-klubliv-list .w-grid-item{

    height: 240px;
}
.fp-klubliv-list .w-grid-item-h{

height: 240px !important;
}