@import url("sub-rotate.css");
@import url("sub-fonts.css");

:root{  
    --cassiopeia-color-primary: #0d0d0d; 
    --cassiopeia-color-link: #0d0d0d; 
    --cassiopeia-color-hover: #50a4b7;
    
    --cassiopeia-font-family-body: "Open Sans" ; 
    --cassiopeia-font-family-headings: "Titillium Web" ; 
    --cassiopeia-font-weight-headings: 700 ; 
    --cassiopeia-font-weight-normal: 400 ;  
    
    --template-color-original: #b7ff07;
    --template-color-lemon-green: #78e85d;
    --template-color-forest-green: #5db281;
    --template-color-grass-green: #59b741;
    --template-color-blue-green: #50a4b7;
    --template-color-banner: #c0c0c0;
    --template-color-piggy-bank: #EEAA92;
    --link-color: #414141;
}  

a:not([class]) {
 text-decoration:none !important;
}
.container-header .metismenu>li.active>a:after, .container-header .metismenu>li.active>button:before, .container-header .metismenu>li>a:hover:after, .container-header .metismenu>li>button:hover:before 
  {background: var(--template-color-grass-green); opacity: 1} 

.container-header {
 background-image:linear-gradient(135deg,var(--cassiopeia-color-primary) 35%,var(--cassiopeia-color-link) 100%);
}

.container-header .metismenu>li.level-1>ul {min-width: 15rem;} 

/*
.container-header .mod-menu, .container-header .navbar-toggler {color: #ffffff} 
*/
.card-header {color: #ffffff;} 

.footer {
    background: rgb(2, 0, 36);
    background: linear-gradient(135deg,var(--cassiopeia-color-primary) 35%,var(--cassiopeia-color-link) 100%);
}

.footer .grid-child {
 -webkit-box-align:top;
 -ms-flex-align:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 align-items:normal;
 justify-content:space-between;
 padding:2.5rem .5em
}

.h1, h1, .item-content h1 {font-size:1.875rem; color: var(--template-color-grass-green)} 
.h2, h2, .item-content h2 {font-size:1.571rem; color: var(--template-color-grass-green)} 
.h3, h3, .item-content h3 {font-size:1.286rem; color: var(--template-color-grass-green)} 
.h4, h4, .item-content h4 {font-size:1.111rem; color: var(--template-color-grass-green)} 
.h5, h5, .item-content h5 {font-size:1.05rem; color: var(--template-color-grass-green)} 

.back-to-top-link {
 background-color:var(--white,#fff);
 border:1px solid var(--cassiopeia-color-primary,#112855);
 border-radius:.25rem;
 bottom:1rem;
 color:var(--cassiopeia-color-primary,#112855);
 inset-inline-end:1rem;
 opacity:0;
 padding:.5em;
 pointer-events:all;
 position:absolute;
 transition:opacity .2s ease-in;
 z-index:10000
}
.back-to-top-link.visible {
 opacity:1
}
.back-to-top-link:focus,
.back-to-top-link:hover {
 background-color:var(--cassiopeia-color-hover);
 border-color:var(--white,#fff);
 color:var(--white,#fff)
}

/* Horizontal line: Change size and color */
hr {
  border: 2px solid var(template-color-original);
}

.mod-articlesnews__item a {
  color: var(--template-color-grass-green);
}

.boxed .blog-item {
 background-color:#fff;
 box-shadow:0 0 2px rgba(51,57,66,.1),0 2px 5px rgba(51,57,66,.08),0 5px 15px rgba(51,57,66,.08),0 3px rgba(51,57,66,.08);
}

/* Adds rounded corners to the team pictures and full-article images */
.team-picture img {
  display: block;
  margin-top: 20px;
  width: 211px !important; 
  border-radius: 10%;
  border: 2px solid;
  border-color: var(--template-color-blue-green);  
}
 /* Add CSS Opacity / Transparency to Frontpage Services Icon. Class is added on Menu - Article Class  */
.image-opacity img {
  opacity: 0.8 !important;
}

.image-center img {
  display:block;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Resize Intro Image to width: 100% */ 
.image-max-width img {
        width: 100%;
        height: auto;
}

/* Resize Full text image to width: 150px */ 
.image-150px img {
        width: 150px;
        height: auto;
}

/* Resize Full text image to width: 200px */ 
.image-200px img {
        width: 200px;
        height: auto;
}

/* Add free space to right of an dropdown list image */
.image-dropdown-list {
        padding-right: 3px;
}

span.rev { unicode-bidi:bidi-override; direction:rtl }
span.rev.email:before { content:" hc.yrosiv" }
span.rev.phone:before { content:"50 65 205 " }
span.rev.email:after { content:"@ofni" }
span.rev.phone:after { content:" 14+ " }


/* ##START: Hide picture on all device > 768px */
.hide-nophone{
display:none;
}

@media only screen and (max-width: 640px) {
  .hide-phone {
    display:none;
  }
  .hide-nophone{
    display:inherit;
  }
}
/* ##END: Hide picture on all device > 768px */

/*
*** Set the background/hero image on different devices ***
*/
.container-banner .banner-overlay {
    background-position: bottom,50%;
    background-attachment: unset;
}

.container-banner .banner-overlay .overlay {
    background-color: #00000050 !important;
    display: flex;
    justify-content: flex-start;
    row-gap: 20px;
}
  
#mod-custom387, #mod-custom388 {
  @media (max-width: 799px) {
    background-image: url("/images/www/background/bg_small.webp");
  
    h1 {
	  font-size:2.875rem;
	  color: var(--template-color-banner);
    }
	h2 {
	  color: var(--template-color-banner);
	}     
    .container-banner .banner-overlay {
      background-attachment: scroll; /* Add scroll for background image */
    }
  }
  
  @media (min-width: 800px) {
    background-image: url("/images/www/background/bg_large.webp");
    
    h1 {
      font-size:3.875rem;
	  color: var(--template-color-banner);
    } 
    h2 {
      font-size: 2.286rem; 
      color: var(--template-color-banner);
    }
  }
}

/* No floating around images */
.image-article-full {
  float: none !important;
} 
    @media (min-width:200px) and (max-width:768px){
        .footer .grid-child {display:flex; flex: 1 1 300px; flex-direction: column} 
        }   
    @media (min-width:768px) {
        .bottombar{display:none;} 
        }

.container-header .grid-child {
 padding: .22em;
}

/* ConvertForms */
.convertforms .cf-response {
 color:#333 !important;
 font-size: var(--body-font-size) !important;
 margin-bottom:18px;
 padding:10px 15px;
 width:100%;
 border-radius:var(--input-border-radius);
 display:none;
 text-align:center
}
.convertforms.cf-success .cf-response {
 background-color:transparent !important;
 display:block
}

/* 
***  Copyright Position Grid  *** 
*/
.copyright {
  margin-top: 0em;
  color: var(--cassiopeia-color-link);
  background-color: var(--cassiopeia-color-copyright);
  background-image: linear-gradient(135deg, var(--cassiopeia-color-copyright) 0%, var(--cassiopeia-color-hover) 100%);
}
.copyright .grid-child {
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.5em;
}
.copyright a {
  color: var(--cassiopeia-color-link);
}
[dir=rtl] .copyright {
  background-image: linear-gradient(135deg, var(--cassiopeia-color-hover) 0%, var(--cassiopeia-color-copyright) 100%);
}
.copyright .mod-menu {
  position: relative;
}
.copyright .metismenu.mod-menu .mm-collapse {
  background: var(--cassiopeia-color-copyright);
}

/*
*** CSS #id Selector ***
*/
#mod-custom371 img {
  opacity: 1.0 !important;
}