/*
Theme Name: Ledningssystemet
Theme URI: 
Author: Ledningssystemet Sverige AB
Author URI: https://ledningssystemet.se
Description: Ledningssystemet externwebb
*/

span.orange-color {
    color: var(--wp--preset--color--primary) !important;
}

.upper-header span {
    margin-top: 5px;
}

.header-wrap ul li a:hover {
    color: var(--wp--preset--color--primary) !important;
    border-bottom: solid 2px;
    padding-bottom: 15px;
}

.banner-wrap span.dashicons.dashicons-arrow-right-alt2 {
    background: #000;
    color: #fff;
    padding: 5px;
    border-radius: 6px;
    margin-left: 10px;
}

.appointment-btn span.dashicons.dashicons-arrow-right-alt2{
    background: #fff;
    color: var(--wp--preset--color--primary) !important;
    padding: 5px;
    border-radius: 6px;
    margin-left: 10px; 
}

.event-box span.dashicons.dashicons-arrow-right-alt2{
    background: #fff;
    color: #000;
    padding: 3px;
    border-radius: 5px;
    margin-left: 10px; 
}

.event-box {
    box-shadow: 0 0 10px 1px #ebebeb;
    border-radius: 30px;
}

.event-box:hover{
    border: solid 1px var(--wp--preset--color--primary) !important;
}

.event-box:hover .wp-block-buttons a{
    background: var(--wp--preset--color--primary) !important;
}

.event-box:hover span.dashicons.dashicons-arrow-right-alt2{
    color: var(--wp--preset--color--primary) !important;;
}

@media screen and (min-width: 320px) and (max-width: 599px){
    .header-wrap{
        position: static;
        background: #000 !important;
        backdrop-filter: none !important;
    }
    .admin-bar .header-wrap {
        margin-top: 0;
    }
    .banner-wrap,.banner-wrap h2,.about-wrap,.header-wrap h1 {
        text-align: center;
    }
    .button-icon,.about-button-icon,.header-wrap nav,.appointment-btn{
        justify-content: center !important;
    }
}

@media screen and (min-width: 600px) and (max-width: 999px){
    .header-wrap{
        position: static;
        background: #000 !important;
        backdrop-filter: none !important;
    }
    .admin-bar .header-wrap {
        margin-top: 0;
    }
    .banner-wrap,.banner-wrap h2,.about-wrap,.header-wrap h1 {
        text-align: center;
    }
    .button-icon,.about-button-icon,.header-wrap nav,.appointment-btn{
        justify-content: center !important;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1199px){
    .about-wrap,.header-wrap{
        padding: 0;
    }
}

.sameheightcontent > div {
   height: 100%;
}


.frontpagegrid > div {
   padding-bottom: 100px !important;

}

.frontpagegrid > div > .wp-block-buttons {
   position: absolute;
   bottom: 20px;
   left: 0;
   width: 100%;
   justify-content: center;
   border-radius: 20px;
}

@media screen {
   .printonly {
      display: none;
   }
}

@media print {
   @page {
      size: auto;
      margin: 0mm;
      padding: 20mm; 
   }

   .noprint {
      display: none;
   }

   main {
      font-size: 0.8rem;
   }
   
   header {
      display: none;
   }
   
}