/* ----------------------------------------------------------------
    Custom CSS

    Add all your Custom Styled CSS here for New Styles or
    Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


.idm-cookie-policy {
    background: rgb(79, 190, 224);
    color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 600;
    padding: 1.5rem 1rem;

}

.idm-cookie-policy a {
    text-decoration: underline;
    color: #FFF;
    width: auto;
    max-width: 100%;
    min-width: 120px;
    text-align: center;
    display: inline-block;
}

/* Ensure button stays within bounds on all screen sizes */
@media (min-width: 768px) {
    .idm-cookie-policy {
        padding: 2rem;
    }
    .idm-cookie-policy a {
        width: 235px;
    }
}

.idm-cookie-policy a i {
    color: #fff;
    text-decoration: none;
}



.modal-center {
    display: grid;
    align-items: center;
    justify-content: center;
    width: 50%;
    margin: 0 auto;
}


.primary-menu style-6 { border-top: 0; }

#primary-menu ul li:hover > a,
#primary-menu ul li.current > a { color: #bb133e !important;  text-align: left;}

 
  


.dark .menu-item:hover > .menu-link,
.dark .menu-item.current > .menu-link {
    color: #FFF;
     text-align: left;
     padding-left:10px;
}



.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:hover > .menu-link {
    background-color: #eadfde;
    color: #bb133e;
      text-align: left;


/* ----------------------------------------------------------------
Everything from here down is broken because of the missing "{" Just above



#primary-menu{
  background-color: #bb133e;
 text-align: left;

}

    .dark .primary-menu:not(.not-dark) .sub-menu-container,
    .dark .primary-menu:not(.not-dark) .mega-menu-content {
        background-color: #bb133e;
        border-color: rgba(255,255,255,0.05);
        
        
    }


    .dark .primary-menu:not(.not-dark) .sub-menu-container,
    .dark .primary-menu:not(.not-dark) .mega-menu-content {
        background-color: #333;
        border-color: rgba(255,255,255,0.05);
        border-top-color: #bb133e;
    }

    .dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item > .menu-link {
        color: #bb133e;
         text-align: left;
    }

        
.dark .primary-menu ul li:hover > a,
.dark .primary-menu ul li.current > a { color: #bb133e !important; }
        

    #primary-menu > div > ul > li li { text-align: left |important; }


.cell {
  border: 1px solid black;
  text-align: center;
  flex-basis: 33.3333%;
  flex-grow: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-tap-highlight-color: #0000;
}




 .col {
color:#fff;
 font-size:7px;
 flex-shrink: 0;


}






.initialist {
font-size: 1.1em; 

}


.container img {
  width: 100%;
  height: auto;
}

.container .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #555;
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

.container .btn:hover {
  background-color: black;
}




.hr {width: 50%;height: 10px;margin-left: auto;margin-right: auto;background-color:#315B6F;border: 2; margin-top: 100px;margin-bottom:100px;}

.rskewx {
transform: skewx(29deg);

}







.container {
  display: flex;
}
.container.space-around {
  justify-content: space-around;
}
.container.space-between {  
  justify-content: space-between;
}

-----------------------------------------------------------------*/