@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600&display=swap');

html{
    height: 100%;
}
body {
    font-family: Nunito;
    min-height: 10rem;
    padding-top: 4.5rem;
    background-color:#eee;
}
.p1-navbar{
    background-color:#fff;
    box-shadow: 0px -10px 20px 5px #000000;
}

a, a:visited{
    color:#13A7CB;
    text-decoration: none;
}
a:hover{
    color:#0B87A5;
    text-decoration: none

}
a:active{
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
    background-color:rgba(0,0,0,0.1);
}
.navbar-brand img{
    max-height:48px;
}
.navbar a, .navbar .btn-link{
    color:#000;
}
.shopping-basket{
    width:400px;
}
.shopping-basket h3
{
    font-size:16px;
    font-weight:700;
}
.page-header{
    margin: 0;
    padding: 0;
    border: 0;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: center center;
    transform: translate3d(0px, 0px, 0px);
    box-shadow: inset 2000px 0 0 0 rgba(255, 255, 255, 0.4);
}

.page-header.h100{
    height:100vh;
}
.main-raised h1{
    margin-top:20px;

}
h1{
    color:#fff;
    font-size: clamp(0.9rem, 1vw + 2rem, 2.625rem);
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 2px 2px 6px #000000;
}
.btn-primary{
    background-color: #5FBFD6;
    border:0;
}
.btn-primary:hover {

    background-color: #379DB5;
}
.btn-primary.disabled{
    background-color: #A3D8E5;
}
.main{
    position: relative;
    margin: 0 30px 0;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
    margin-bottom:60px;
}
.main-raised{
    position: relative;
    z-index: 3;
    margin: 0px 30px 0;
  
}
.main-raised.raised-75{
    margin: 0;
    
}
.main-raised.raised-50{
    margin: 0;
}  
.main-ingress{
    font-size:22px;
    color:#fff;
    font-weight:700;
    text-shadow: 0px 0px 6px #000000;
}
.event-search .label{
    font-size:22px;
    color:#fff;
    font-weight:700;
    text-shadow: 0px 0px 6px #000000;
}
.event-card{
    border-radius: 6px;

    box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.33);
    border:none;
}
.event-card .card-title{
    font-size:16px;
    margin-top:.5rem
}
.event-card .card-text{
    font-size:14px;
    font-weight:200;
}
.event-card .card-byline{
    font-size:10px;
    font-weight:200;
    text-transform: uppercase;
    color:#7B7B7B;
    ;
}
.event-card a{
    text-decoration: none;
    color:#000;
}
.event-card .cover-image{
    display:block;
    height:200px;
    background-size: cover;
    background-position: center center;
    border-radius:6px 6px 0 0;
}
.event-after{
    font-size:16px;
}
.section {
padding:15px 0;
}

.startPuff{
    max-width: 400px;
}
.EventImage{
    max-width: 200px !important;
    overflow: hidden;

}
/* varukorgPage */
.pVaTiCon{
    /* tillfällets container */
}
.pVaArt{
    /* artikelnamnet */
    font-weight: bold;
}
.pVaDelCon{
    /* deltagarlista container 
    background-color: #f2ecec; */
}
.deltagareEven{
    background-color: #e9ecef;
}
.deltagareOdd{
    background-color: rgb(248, 249, 250);
}
a.deListSuccess{
    color: #198754;
}
a.deListWarn{
    color: #ffc107;
}
a.deListDanger{
    color: #dc3545;
}
/* fullcalender */

.fcBo{
 
    color: #fff !important;
    background-color: #5FBFD6;
}
.fcBo:hover {
    background-color: #379DB5;
}

.fcFewBo{
    color: #fff;
    background-color: #ffc107;
}
.fcNoBo{
    color: #fff;
    background-color: #ccc;
}
.fcInBa{
    color: #fff;
    background-color: #b9d65f;
}
.fc-event-time{

   
}
.fc-more-link{
    
}

#calendar{

max-height: 100%;

}
.fc .fc-toolbar-title{
    text-transform: capitalize;
    font-size:22px;
}
.fc .fc-col-header-cell-cushion {
    font-size:14px;
    text-transform: uppercase;
    font-weight:400;
    color:#000;
    padding:5px 2px;
}
.fc .fc-daygrid-day-number {
    color:#000;
    font-size:14px;
}
.fc .fc-button-primary {
    background-color: #5FBFD6;
    color:#fff;
    border:0;
}
.fc .fc-button-primary:hover {
    background-color: #379DB5;

}
.fc .fc-button-primary:focus {
    box-shadow: none;
}
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
    background-color: #379DB5;
    color:#fff;
    border:0;
}
.fc .fc-button-primary:not(:disabled):active:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow: none;
}

.fc .fc-daygrid-week-number {
    top: 3px;
    left: 3px;
    font-size: 10px;
    color: #393939;
    border-radius: 9px;
    padding: 2px 6px;
}
.fc a[data-navlink]:hover {
    text-decoration: none;
}
.fc-daygrid-event{
    padding:0 2px;
    font-size:12px;
}
.fc .fc-highlight {
    background: rgba(95, 191, 214, 0.1);
}
.fc .fc-day-other{
    background-color:rgb(247, 247, 247);
}



/* VARUKORG */

.shopping-basket{
    font-size:14px;
}
.shopping-basket table{
    background-color: #f3f3f3;
}
.shopping-basket .table tr td:first-child,
.shopping-basket .table tr th:first-child{

}
.shopping-basket .table tr td:last-child {

}
.shopping-basket .item-price{


}
.shopping-basket .table tr:last-child td{
    border:0;
}
.shopping-basket .article-header{
    padding-bottom:0;
    font-weight:600;
    font-size:12px;
}
.shopping-basket .item-date{
    font-size:11px;
    padding-top:0;
}
.basket-table tbody tr.event-title-tr{
    border-top:10px solid #fff;
}
.basket-table tbody [class~='event-title-tr']:first-of-type{
    border-top:0;
}
.basket-table .grand-total{
    border-top:10px solid #fff;
    background-color: #fff;
}
.shopping-basket .event-title{
    padding-bottom:3px;
}

.shopping-basket .event-title span{
    display:block;
    font-size:11px;
    font-weight: normal;
    padding:0;
}
.fa-shopping-basket .marker{
   position: relative;
}
.fa-shopping-basket .marker{
    display:none;
}
.fa-shopping-basket.has-items .marker {
    display:block;
    position:absolute;
    top:20px;
    left:26px;
    background-color:red;
    width:8px;
    height:8px;
    border-radius: 4px;
}

.gradient-1{
    background: rgb(19,167,203);
    background: linear-gradient(180deg, rgba(19,167,203,1) 0%, rgba(93,185,208,1) 100%);
    background-image:none;
}
#evHeadContainer{
    
}
#evTillfallenList{
    padding-bottom:15px;

}
.event-group-day{
    color:#fff;
    background-color: #5FBFD6;
    font-size:16px;
    font-weight:700;
    padding:6px 0;
    cursor: pointer;
    border-bottom:1px solid #fff;

}
.event-subGroup-time{
    font-size:14px;
    font-weight:700;
}
.day-collapse .event-day{

    border-bottom:1px solid #D8D8D8;
}
.day-collapse .event-day:last-child{
    border-bottom:none;
}
.event-time, .event-location{
    font-size:14px;
}

.amountSelect{
    max-width:80px;
    display:inline-block;
}
.evArtList .occurence{
    padding:10px;
}
.evArtList .occurence:nth-child(odd){
    background-color:#f6f6f6;
}
.main-ingress a, .main-ingress a:visited{
    color:#fff;
    text-decoration: underline;
}

/*  Artikel lista för tillfälle */
.tartUartContainer{
    background-color:#f6f6f6;
    border: 1px;
    border-style: none solid solid;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.tartUartKolumnContainer{
  border:none !important; 
  font-weight: normal !important;
  background-color:rgb(234, 246, 230) !important;
}
.tartChooseWithUartsContainer{
    background-color:#f6f6f6;
    padding-top: 10px;
    border: 1px;
    border-style: solid solid none;
    font-weight: bold;
}

.tartColLabel{
    font-weight: bold;
}

.avbokRad{
    font-weight: bold;
}
.avbokRadNo{

}
#avbVisaArtButton{
    color: #fff;
    text-decoration: none;
    background-color: #FF8800;
}

@media(max-width: 576px){
    .page-header{
        height:100vh;
    }
    .main-raised.raised-75{


        margin: -100vh 10px 0;
    }
    .main-ingress{
        font-size:16px;
        
    }
    .shopping-basket{
        max-width:350px;
        margin-top:10px;
    }
    .main{
        margin: 0 10px 0;

    }
    .tartRow{
        padding-bottom: 5px;
        border-bottom: 1px solid #eee;
    }
    h1{
        font-size: clamp(0.9rem, 1vw + 1.5rem, 2.625rem);
      }
    #evTopHeadline{
        display:none;
    }

    .fc-dayGridMonth-button{
        display: none;
    }
    .fc-timeGridWeek-button{
        display: none;
    }
    .fc-timeGridDay-button{
        display: none;
    }
    .fc-daygrid-week-number{
        display: none;
    }
}
#calendar{
    min-height: 800px;
  }
.noMore{
    display: none;
}
#varukorgPage{
    max-width: 1024px;
}
.toCheckout{
    font-weight: bold;
}
.tillfGrDate{
    color: #fff;
    background-color: #007E33;
}
.Xfa-shopping-basket::before{
    
/*    content:url("/images/carts/icon_cart.svg") !important;    */
    background-image:url("/images/carts/icon_cart.svg") !important;

}


.basketWarnModalContent{
    background-color: #fff;
}
.warnHeadline{
    text-align: center;
    margin: 0 auto;
}

#evartContainer{
    background-color: #e3eced;
}
#evartArtList{
   max-width:500px; 
}
.evartRow{
    margin-top:5px;
    margin-bottom: 5px;
}
.evartChoosen{
    border: 1px green;
    border-style: solid;
    font-weight: bold;
}
.evartTillfCont{
    color: green;
    font-weight: bold;
}
.evartTillfRow{
   padding-bottom: 5px;
   background-color: #e8efeb;
}

/*  TODO --------

#avbokaButton{
  color: #fff;
  text-decoration: none;
  background-color: #dc3545;
}

.evenPage-img {
  max-width: 100%;
  height: auto;
}

.evenPage-imgDiv {
   max-height: 20px; 
}






*/