*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-family:Poppins, sans-serif;
}
html{
    zoom:80%;
}
body{
    background-color: #2e5b7f;
}

h2{
    font-weight:500;
    padding-bottom:10px;
}

li{
    list-style:none;
}
a{
    text-decoration:none;
}

header{
    background-color:#2e5b7f;
    height:98px;
    display:flex;
    align-items:center;
    width:100%;
    position:absolute;
    z-index:9999;
}

.header-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 90px;       
    width:100%;
    max-width:2400px;
    margin: 0 auto;
}
nav{
    display:flex;
    justify-content:space-between;
}

nav a{
    color:#fff;
    font-size:20px;
    padding:0 10px;
}

nav a:hover{
    text-decoration:underline;
}

footer{
    /*height:100%;*/
    background-color:#2e5b7f;
}

.header-search-container{
    background-color:#fff;
    position:relative;
    border-radius:50px;
    padding:10px 0;
    padding-left:20px;
    padding-right:50px;
    max-width: 440px;
    width: 100%;
}

.panel-right-search-container{
    background-color:#fff;
    position:relative;
    border-radius:50px;
    padding:10px 0;
    padding-left:20px;
    padding-right:50px;
    max-width: 440px;
    width: 100%;
    top:90px;
    margin:0 auto;
}

.panel-right-search-container input[name='search2'],
.header-search-container input[name='search']{
  
    border:none;
    outline-width: 0;
    font-size:18px;
    width:100%;
}

.panel-right-search-container .fa-search,
.header-search-container .fa-search{
    color:#347f70;
    position:absolute;
    font-size:24px;
    right:18px;
}


main{
  /* height:100vh; */
  padding-top:98px;
}


.fa-bars{
    font-size:36px;
    color:#fff;
}

.home-panel-container{
    display:none;
    background-color:rgba(0,0,0,.5);
    height:100%;
    width:100%;
    z-index:99999;
    position:fixed;
    top:0;
}

.menu-panel-right .fa-times,
.menu-panel-left .fa-times{
    font-size:36px;
    color:#fff;
    position:absolute;
    right:5%;
    top:1%;
    cursor:pointer;
    padding:10px;
}

.menu-panel-left{
     background-color:#2e5b7f;
     height:100%;
     width:100%;
     max-width:500px;
     position:relative;
}

.menu-panel-left ul{
    list-style:none;
    padding:70px 50px;
}

.menu-panel-left li{
    padding:20px;
}

.menu-panel-left a{
    color:#fff;
    font-size:36px;
}

.menu-panel-left a:hover{
    text-decoration:underline;
}

.menu-panel-right{
    background-color:#2e5b7f;
    height:100%;
    width:100%;
    max-width:500px;
    position:absolute;
    right:0;
    top:0;
}

.home-panel-container.open{
    display:block;
}


#search-result,
#search-result2{
    position:absolute;
    top:60px;
    left:0;
    width:100%;
}

.search-result-child{
    color:#333;
    background-color:white;
    padding:35px;
    display:flex;
    align-items:center;
    border: 1px solid rgba(0,0,0,.125);
    font-weight:bold;
    font-size:1rem;
    cursor:pointer;
}

.search-result-child img{
    height:100px;
    width:100px;
    height: auto;
    max-width: 100%;
}

.search-result-child span{
    margin-left:10%;
}

.see-more-results{
    background-color:#2e2edb;
    color:#fff;
    padding:20px;
    justify-content:center;
    display:inline-block;
    font-size:12px;
    width:100%;
    text-align:center;
}



section{
    background-color:#fbf9f9;
}

.home-section-title{
    font-size:32px;
    font-weight:bold;
    padding-bottom:45px;
}


#blogg-section{
    display:flex;
    align-items:center;
    flex-direction:column;
    padding: 45px 85px;
    height:auto;
}

.home-blogg-container{
    display:flex;
    column-gap: 30px;
    justify-content:center; 
    align-items:center;
    max-width:100%;
    position:relative;
}



#blogg-section .attachment-post-thumbnail{
    width:447px;
    /* height:250px; */
    height:100%;
    max-width:100%;
    object-fit:cover;
}

.home-blogg-link{
    overflow: hidden;
    height: 250px;
    display: inline-block;
    /* width: 100%; */
    width: 445px;
    position:relative;
}

#blogg-section .home-avatar{
    position: absolute;
    height: 60px;
    width: 60px;
    border-radius: 50px;
    top:20px;
    right:20px;
}

.home-blogg-container a > .home-blogg-post-title{
    position:absolute;
    bottom:0;
    color:#fff;
    font-size: 1.2rem;/*clamp(0.5rem, 4vw, 1.5rem);*/
    background: #302a2a80;
    width: 100%;
    padding: 10px;
}


/* heta-erbjudanden */
#heta-erbjudanden-section{
    height:auto;
    display:flex;
    align-items:center;
    flex-direction:column;
    padding: 45px 85px;
}

.heta-erbjudanden-container{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:20px;
    margin: 0 auto;
    height:auto;
    width:1400px;
    max-width:100%;
}

.heta-card{
    height:120px;
    display: grid;
    grid-template-columns: 65% 35%;
    border:1px solid #ddd;
    border-bottom: 5px solid #2E5B7F;
    padding: 10px;
    box-shadow: 0 0 1px 0 rgb(0 0 0 / 50%);
    border-radius:2%;
    background: #fff;
}

.heta-card-text{
    display:block;
    font-size:14px;
    padding-right:5px;
}

.heta-card-link{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    max-width:100%;
    width:100%;
    height:auto;
}

.heta-btn{
    text-align:center;
    padding:5px;
    width:140px;
    border-radius:5%;
    background-color:#2E5B7F;
    color:#fff;
    font-size:15px;
}

.heta-card:hover{
    transform:scale(1.05);
    transition: all .2s ease-in-out;
}

/* spara mer med */
#spara-mer-med-section{
    height:auto;
    display:flex;
    align-items:center;
    flex-direction:column;
    padding: 45px 85px;
}

.spara-img1-container{
    padding-bottom:40px;
}

.spara-img1-container img{
    width:1250px;
    max-width:100%;
    height:auto;
}

.spara-img2-container{
    display:none;
    padding-bottom:40px;
}

.spara-img2-container img{
    width:460px;
    max-width:100%;
    height:auto;
}

.spara-button-container{
    padding-bottom:100px;
}

.spara-button-container a{
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3em;
    letter-spacing: .4px;
    fill: #FFFFFF;
    color: #fff;
    background-color: #cf1717;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 50%);
    padding: 12px 24px;
    border-radius: 3px;
}

/* prenumerera home section */
#prenumerera-section{
    background:#fff;
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 70px 85px;
}

#prenumerera-section .prenumerera-section-container{
    width:1400px;
    max-width:100%;
}

#prenumerera-section .nyhetsbrev-home-form{
    display:flex;
    column-gap:20px;
}

#prenumerera-section input[type='email']{
    background:#D3D3D3;
    min-height:0;
    padding:20px;
    border:1px solid #ddd;
    border-radius:0;
}

#prenumerera-section .premunerera-bottom-text{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:1400px;
    max-width:100%;
    padding:20px 0;
    font-size:20px;
}






/* popular varumaken */
#popular-varumaken-section{
    height:auto;
    display:flex;
    align-items:center;
    flex-direction:column;
    padding: 45px 85px;
}


.popular-varumaken-container{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap:20px;
    margin: 0 auto;
    height: auto;
    width: 1400px;
    max-width: 100%;
} 

.popular-varumaken-container a{
    display:flex;
    justify-content:center;
    align-items:center;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    background-color:#fff;
}

/* .popular-varumaken-card{
     box-shadow:1px 1px 3px -1px #d9d9d9;
  
} */

.popular-varumaken-card img{
    max-width:100%;
    width:250px;
    height:auto;
    padding: 2rem!important;
}


/* footer */
footer{
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:100%;
    color:white;
}

.footer-row-1{
    column-gap:50px;
    width:1400px;
    max-width:100%;
    display:flex;
    justify-content:center;
    padding: 70px 30px;
    margin:0 auto;
}

.footer-col-1{
    width:40%;
    font-size:18px;
}

.footer-col-1 p{
    padding:10px
}

.footer-col-1 i{
    border: 5px solid blue;
    border-radius: 50%;
    font-size: 24px;
}

.footer-col-2{
    width:30%;
}

.footer-col-2 li{
    padding:5px 0;
}

.footer-col-2 li a{
    color:#fff;
}

.footer-col-3{
    width: 40%;
}


.footer-header-title{
    font-size:24px;
}

.nyhetsbrev-home-group-1{
    padding:10px 0;
    display:flex;
    gap:5px;
}

.nyhetsbrev-home-group-1.nyhetsbrev-home-group-hide,
.nyhetsbrev-home-input.input-hide{
    display:none;
}

.nyhetsbrev-home-input{
    min-width:100px;
    max-width:100%;
    background-color: #fff;
    border-width:0;
    border-radius: 5px 5px 5px 5px;
    min-height: 33px;
    padding: 4px 12px;
    outline: none;
}


.nyhetsbrev-home-group-2{
    padding:10px 0;
}



#nyhetsbrev-home-form input[type='email']{
    max-width:100%;
    width:372px;
    background-color: #fff;
    border-width:0;
    border-radius: 5px 5px 5px 5px;
    min-height: 33px;
    padding: 4px 12px;
    outline: none;
    display:none;
}

.nyhetsbrev-home-input-email{
    width:100%;
    font-family: "Arial", Sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 1em;
    letter-spacing: 0.3px;
    min-height: 59px;
    padding: 7px 20px;
}

.nyhetsbrev-home-link{
    color:#FFF; 
    font-size: 17px;
}

.nyhetsbrev-home-group-2{
    padding:10px 0;
}

.nyhetsbrev-home-button{
    background-color:#cf1717;
    font-size: 18px;
    font-weight: 300;
    line-height: 1em;
    letter-spacing: .3px;
    border-radius: 5px 5px 5px 5px;
    /* padding: 10px 0; */
    padding:15px;
    width:100%;
    border:none;
    color:#fff;
    cursor:pointer;
    max-width:100%;
}


.footer-row-2{
    display:flex;
    justify-content:center;
    /* max-width:1400px; */
    background-color:#2e5b7f;
    max-width: 100%;
}

.footer-row-2 p{
    display:flex;
    align-items:center;
    width:1400px;
    max-width:100%;
    height:50px;
    padding: 0 30px;
}




/** alla butiker */
#alla-butiker-section{
    height:auto;
    display:flex;
    align-items:center;
    flex-direction:column;
    padding: 45px 85px;
}

#alla-butiker-section .varumarken-letter-container{
    padding: 25px 0px;
    border-bottom:1px solid #484848;
    max-width:805px;
    padding-bottom: 13px;
}

#alla-butiker-section .varumarken-letter{
    padding:0 6px;
    font-size:1.4em;
    font-weight:400;
    color:#484848;
    margin-left:-5px;
}
#alla-butiker-section .varumarken-letter-anchor{
    height:100px;
}

#alla-butiker-section .letter-store-container{
    display:flex;
    border:0px solid #888;
/* 	margin-bottom:100px; */
}

#alla-butiker-section .letter-store-left{
    flex:15;
    max-width:190px;
    min-width:90px
}

#alla-butiker-section .letter-store-item{
    
    font-size:2.2em;
    font-weight:bold;
    color:#2e5b7f;
}

#alla-butiker-section .varumaken-items{
    flex:90;
}


#alla-butiker-section .letter-store-list-container{
    width:263PX;
    padding-bottom:50px;
}

#alla-butiker-section .letter-store-list-data{	
    padding:6px;
    color:#484848;
    display:block;
}

#alla-butiker-section #A{
    margin-top:-50px;
}

@media screen and (min-width: 1675px) {
    .varumarken-page-content{
        margin:0 auto;
    }
}


@media screen and (max-width: 1830px) {
    .varumarken-page-content{
        margin:0 90px;
    }
}

@media screen and (max-width: 1024px) {
    .varumarken-page-content{
        margin:0 60px;
    }
}

@media screen and (max-width: 767px) {
    header{
        position:fixed;
    }
    
    #alla-butiker-section .entry-header{
        padding-top:40px;
    }
    

    .varumarken-page-content{
        margin:0 25px;
    }
    #alla-butiker-section .letter-store-left{
        flex:10;
        min-width:50px
    }
    
    #alla-butiker-section .varumarken-letter-anchor{
        height:50px;
    }
    #alla-butiker-section .varumaken-items{
        flex:90;
    }
    #alla-butiker-section .letter-store-list-data{
        font-size:0.8em;
        letter-spacing: 0.4px;
    }
    #alla-butiker-section .letter-store-item{
        margin-top: -5px;
    }
    
    .letter-store-list-container .letter-store-list-data{
        margin-bottom: 4px;
        font-size: 1em;
    }
    
    
    #alla-butiker-section ._letter-0-9{
        position:absolute;
    }

    .footer-row-2 p{
        width:auto;
    }
    
}

@media screen and (max-width:560px){
    .varumaken-items .row{
        display:grid;
        grid-template-columns:repeat(2,1fr);
    }
}
@media screen and (min-width:561px){
    .varumaken-items .row{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        width:800px;
    }
}

@media screen and (min-width:1024px){
    .varumaken-items .row{
        display:grid;
        grid-template-columns:repeat(4,1fr);
    }
    
}

@media screen and (max-width:600px){
    .varumaken-items .row{
         width:400px;
    }
    #alla-butiker-section .letter-store-list-container {
        width: 163px;
    }
}

/* END OF ALLABUTIKER */



.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Old versions of Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}


@media only screen and (min-width:1200px){
    .home-panel-container,
    #menu-icon-right,
    #menu-icon-left{
        display:none;
    }

}

@media only screen and (max-width:1200px){  
    header{
        height:75px;
    }
    
    main{
        padding-top:75px;
    }

    #header-menu,            
    .header-search-container,
    .home-panel-container{
        display:none;
    }
  
    #menu-icon-right .fa-search{
        font-size:36px;
        color:#fff;
    }

    .logo-header img{
        width:300px;
        min-width:300px;
        padding-top:5px;
    }
    
    .menu-panel-left a{
        font-size:28px;
    }
   
    
}

@media only screen and (max-width:768px){
    
    .header-container{
        padding:0 20px;
    }

  

    .menu-panel-right,
    .menu-panel-left{
        max-width:400px;
    }

    .panel-right-search-container{
        max-width:350px;
    }

    .fa-bars, 
    #menu-icon-right .fa-search{
        font-size:28px;
        color:#fff;
    }

    #blogg-section{
        /* height:414px; */
        display:block;
        padding: 40px 20px;
    }

    .home-blogg-container{
        flex-direction: column;
        row-gap: 30px;
    }

    .home-blogg-link{
        width:100%;
    }


    #blogg-section .attachment-post-thumbnail{
        width:100%;
        height:auto;
    }

    #blogg-section .home-section-title{
        font-size:22px;
        text-align:center;
        font-weight:bold;
        padding-bottom:20px;
    }

   #heta-erbjudanden-section{
       padding: 40px 20px;
   }

   .heta-erbjudanden-container{
      grid-template-columns: 1fr;
   }

   /** spara-med */
   .spara-img1-container{
        display:none;
   }
   .spara-img2-container{
        display:block;
   }
   .spara-button-container a{
        font-size:16px;
    }

   /* prenumerera-section */
   #prenumerera-section{
      padding:50px 20px;
   }

   #prenumerera-section .home-section-title{
     font-size:24px;
     text-align: center;;
  }

   /* popularvarumaken */
   #popular-varumaken-section{
        padding: 40px 20px;
   }

   .popular-varumaken-container{
        grid-template-columns: repeat(2, 1fr);
   }

   /* footer */
   .footer-row-1{
      flex-direction:column;
      padding: 70px 30px;
      row-gap: 50px;
     
   }

   .footer-col-1,.footer-col-3
   {
     width:100%;
   }

   /* alla butiker */
   #alla-butiker-section {
        padding: 45px 20px;
    }


}



/*** pop up modal ***/
.pop-up-modal-container.close{
    display:none;
}