/* ---------- Color Module Styles ----------- */

body {
  color: #3b3b3b;
  background: #fff;
}
#page,
#main-wrapper
{
  background: #fff;
}
.tabs ul.primary li a.is-active {
  background-color: #fff;
}
.tabs ul.primary li.is-active a {
  border-bottom-color: #fff;
  background-color: #fff;
}
/*#header {
  background-color: #1d84c3;
  background-image: -webkit-linear-gradient(top, #055a8e 0%, #1d84c3 100%);
  background-image: linear-gradient(to bottom, #055a8e 0%, #1d84c3 100%);
}*/
a,
.link {
  color: #0071b3;
}
a:hover,
a:focus,
.link:hover,
.link:focus {
  color: #018fe2;
}
a:active,
.link:active {
  color: #23aeff;
}
/*.site-footer .layout-container{
  background-image: url("../images/fundal_footer.PNG");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 198px;
}*/
.site-footer{
     background-color: #F2A51B; 
}
@media (min-width: 320px) and (max-width: 480px){ 
    .site-footer .layout-container{
        height: 60px;
    }
    .site-footer::after{
       display: table;
       clear: both;
       content: "";
    }
    .site-footer{       
       background-color: #f2a51b; 
    }
    .site-footer .field--name-body{
        float: left;
    }
    #block-comutatorlimbi{        
        margin-top: 45px !important;
        margin-right: 12px;
    }
}
@media (min-width: 481px) and (max-width: 767px){
    .site-footer .layout-container{
        height: 104px;
    }
    .site-footer::after{
       display: table;
       clear: both;
       content: "";
    }
    .site-footer{       
       background-color: #f2a51b; 
    }
    .site-footer .field--name-body{
        float: left;
    }
    .site-footer .block {
        margin-top: 32px;
       padding: 0px 20px !important;
    }
    
}

@media all and (min-width: 1025px) {
/*#header { 
  position: fixed;
  top: 0;
  right: 0;
  left: 0;  
  background-image: url("../images/fundal_header.PNG");
  background-position: center;
  background-repeat: no-repeat; 
  background-size: cover; 
  width: 1170px;
  margin: auto;
  height: 153px;
  z-index: 10;
}*/
#header { 
  position: fixed;
  top: 0;
  right: 0;
  left: 0;    
  /*width: 1170px;*/
  margin: auto;
  height: 153px;
  z-index: 10;
}
}
#header { 
  background-color: #000e33;  
}
.region-header li a.is-active,
.region-header .site-branding__text,
.region-header .site-branding,
.region-header .site-branding__text a,
.region-header .site-branding a,
.region-secondary-menu .menu-item a,
.region-secondary-menu .menu-item a.is-active {
  color:  #f2a51b;
}
.region-header a, #block-comutatorlimbi li a{
    color: #fff;
}
.language-link{  
    font-size: 18px;    
}
#block-comutatorlimbi li{
    display: inline;
    padding-left: 5px;
}
/*#block-comutatorlimbi li .is-active, #block-comutatorlimbi li a:hover{
    color: #c1810b !important;
}*/
#block-comutatorlimbi li .is-active{
    color: #f2a51b;
}
#block-comutatorlimbi li a:hover{
   color:  #f2a51b;
}
#block-comutatorlimbi{
    float: right;  
    margin-top: -48px;
    margin-right: 22px;
}
/* ---------- Color Form ----------- */

[dir="rtl"] .color-form .color-palette {
  margin-right: 20px;
  margin-left: 0;
}
[dir="rtl"] .color-form .form-item label {
  float: right;
}
[dir="rtl"] .color-form .color-palette .lock {
  right: -20px;
  left: 0;
}
/*@media (max-width: 768px) { 
  .site-footer {   
    height: 43px;
    }
    
}*/
@media (min-width: 768px) and (max-width: 1023px) { 
      .site-footer .layout-container{
        height: 125px;
    }
    .site-footer::after{
       display: table;
       clear: both;
       content: "";
    }
    .site-footer{       
       background-color: #f2a51b; 
    }
    .site-footer .field--name-body{
        float: left;
    }
    .site-footer .block {
        margin-top: 17px;
       padding: 0px 20px !important;
    }
    .page-node-type-news .site-footer{
        margin-top: 10px;
    }
    #data-img {
       width: 100px;
    }
    #location-img {
       width: 70px;
    }
    #details-img {
       width: 60px;
    }
    
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { 
.site-footer .layout-container {   
    height: 152px;
    width: 880px;
}
}