@import url('https://fonts.googleapis.com/css?family=Chivo:300,400,700,900&display=swap');

.logo img{
    width:130px;
}

#superfish-main-accordion{
        display:none;
    }

#superfish-main{
        display:block;
    }
    
    .sf-expanded{
        transition:all 0.5s ease-in-out;
        -webkit-transition:all 0.5s ease-in-out;
    }
    
.center-center-front {
    display: flex;
    justify-content: center;
    text-align: center;
}

.center-inner {
    align-self: center;
}

.white-font{
    color:#ffffff !important;
}

.dcro-color{
    color:#3852a4;
}

.mobile-yes{
        display:none;
    }
    
    .mobile-no{
        display:block;
    }

.header-container .sf-accordion-toggle.sf-style-none a:after {
    font-size: 30px !important;
}

.header-container .sf-accordion-toggle.sf-style-none {
    text-align: center !important;
}

.overlay--colored {
    background-color: rgba(56, 82, 164, 0.4) !important;
}

.overlay--colored-white-right {
    background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) !important;
    color: transparent;
}

.overlay--colored-white-left {
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)) !important;
    color: transparent;
}

.overlay--colored-black-right {
    background: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(255, 255, 255, 0)) !important;
    color: transparent;
}

.overlay--colored-black-left {
    background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(255, 255, 255, 0)) !important;
    color: transparent;
}

.ss-overlay .overlay{
    opacity:1;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
}

.ss-overlay .overlay:hover{
    opacity:0 !important;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
}

.view-benefits-list .views-field-title a {
    font-size: 50px !important;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color:#3852a4 !important;
    transition:all 0.3s ease-in-out !important;
    -ebkit-transition:all 0.3s ease-in-out !important;
    text-decoration:unset !important;
}

.ss-title-after{
    text-align:center;
}

.ss-title-after:after{
    content: "";
    position: relative;
    height: 1px;
    width: 30%;
    background: linear-gradient(45deg, transparent, #000000, transparent);
    margin: 30px auto;
    bottom: 0;
    display: block;
}

.ss-title-after-white:after{
    content: "";
    position: relative;
    height: 1px;
    width: 30%;
    background: linear-gradient(45deg, transparent, #ffffff, transparent);
    margin: 30px auto;
    bottom: 0;
    display: block;
}

.node--type-article .node__submitted-date .day,
.ss-document .node__submitted-date .day{
    -webkit-text-stroke-width: 0.3px;
    -webkit-text-stroke-color: #ffc107;
    -webkit-text-fill-color: transparent;
}

/* DCRO cookies */
.cookiesjsr-banner,
.cookiesjsr-service-group--tab,
.cookiesjsr-btn.important.invert {
  background-color: #3852a4;
  background-image: url(/sites/default/files/bgs/np-head-xl.png) !important;
  background-position-y: 35% !important;
}

.cookiesjsr-layer--title,
.cookiesjsr-layer--label-all {
  text-transform: none;
}

.cookiesjsr-btn {
  font-size: 18px;
  border-radius:3px;
  background: #000000;
}

.cookiesjsr-banner--text,
.cookiesjsr-service-group--intro {
  text-align: left;
  text-transform: none;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: normal;
  letter-spacing: normal;
}

.cookiesjsr-btn.invert {
  border-color: #000000;
  color: #000000;
}

.cookiesjsr-btn.important {
  background: #ffffff;
  color: #3852a4;
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--content,
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab {
  background: #202020;
}

.cookiesjsr-btn.important.invert {
  border-color: #ffffff;
}

.cookiesjsr-layer--footer {
  height: 80px;
}

.cookiesjsr-banner {
  width: initial;
}

.cookiesjsr-banner.active {
  transition: 0.5s all ease-in-out;
  -webkit-transition: 0.5s all ease-in-out;
}
/* dcro cookies - END */


/*View Lieferante*/

.view-dcro-lieferante .views-row{
    float:left;
    margin-bottom:30px;
}

.view-dcro-lieferante .pager {
    width: 100%;
    display: inline-block;
}

.view-dcro-lieferante .pager .pager__items{
    text-align:center;
}

/*View Lieferante - END*/


/*Flexslider*/
#flexslider-1 img{
    filter:grayscale(100%);
    transition:0.3s all ease-in-out;
    -webkit-transition:0.3s all ease-in-out;
}

#flexslider-1 img:hover{
    filter:grayscale(0%);
    transition:0.3s all ease-in-out;
    -webkit-transition:0.3s all ease-in-out;
}

.flex-control-paging li a {
    width: 30px;
    height: 10px;
    border:1px solid #ffffff;
}

.flex-direction-nav a:before{
    color:#ffffff;
    text-shadow:unset;
}

.flex-direction-nav a {
    text-shadow:unset;
}

.flex-caption a:hover{
    text-decoration:none !important;
    color:#ffd83c!important;
    transition:0.3s all ease-in-out;
    -webkit-transition:0.3s all ease-in-out;
}

/*Flexslider - END*/

/*To top*/

.to-top svg:not(:host).svg-inline--fa, .to-top svg:not(:root).svg-inline--fa {
    top: 15px;
    position: relative;
}

/* To top - END */

/*Slick*/

a.button.button--chevron-icon.before-button:after{
    content: unset;
}

a.button.button--chevron-icon.before-button:before{
    content: "\f104";
    font-family: "FontAwesome";
    left: -12px;
    position:relative;
}

.slick__arrow{
    text-align:center;
}

.mt-carousel-brands{
    margin: 20px 0;
}

.mt-carousel-brands .mt-carousel-item{
    display: inline-block;
    vertical-align: middle;
    padding: 0 35px;
    max-width: 100%;
}

.view li {
    list-style: none;
}

.slick-slide img {
    width: 100%;
}


/*Slick - END*/


/*Node dokumenti*/
.ss-document{
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.ss-doc-link{
    margin-left:10px;
    font-size:16px;
    position: relative;
    top: -10px;
}

.ss-doc-body i{
    font-size:30px;
    padding:20px 0px;
}

.ss-document .node__side .user-picture{
  margin-bottom: 20px;
}

.ss-document .node__submitted-date{
  font-weight: 700;
  text-align: center;
  line-height: 1;
  margin:6px 0 0 0;
  border-right: 1px solid #c2c2c2;
  padding-bottom: 10px;
  display: block;
}

.ss-document .node__submitted-date .month{
  margin-top: -2px;
}

.ss-document .node__submitted-date .month,
.ss-document .node__submitted-date .year{
  font-size: 14px;
  text-transform: uppercase;
}

.ss-document .node__submitted-date .day{
  font-size: 29px;
  font-weight: 900;
  margin-bottom: 2px;
}
.ss-document .node__side{
  float: left;
  width: 75px;
  padding-right: 20px;
  min-height: 1px;
}
.ss-document .node__side + .node__main-content {
  overflow: hidden;
}

/*Node dokumenti - END*/

/*Node novosti*/

.field--entity-reference-target-type-taxonomy-term .field__item a, .field--entity-reference-target-type-taxonomy-term.field__item a{
    padding:0px 10px;
    border: 1px solid #eeeeee;
}
/*Node novosti - END*/

/*Blocks style*/

.footer svg{
    font-size:4em;
}

/*Blocks style - END*/

@media (max-width: 767px){
    
    #superfish-main{
        display:none;
    }
    #superfish-main-accordion{
        display:block;
    }
    
    
    /*#block-mainnavigation-2{
        position:absolute;
        right: 0;
        left: 0;
        padding: 0px 15px;
        background-color: rgba(255, 216, 60, 0.7);
    }*/
    
    #block-mainnavigation-2{
        position:relative;
        right: 0;
        left: 0;
        padding: 0px 15px;
        background-color: initial;
    }
    
    .header-container ul.menu.sf-accordion {
        border: unset !important;
    }
    
    .header-container ul.menu.sf-accordion li a, .header-container ul.menu.sf-accordion li > span {
        font-weight: bold;
    }
    
    .node--type-article .node__side + .node__main-content {
        overflow:initial !important;
    }
    
    .node--type-article .node__header {
        margin-bottom: 0 !important;
    }
    
    .mobile-yes{
        display:block;
    }
    
    .mobile-no{
        display:none;
    }
    
    
.block-title--extra-large,
.view-benefits-list .views-field-title a,
.call-to-action h2.title{
    font-size: 35px !important;
}

h2 {
    font-size: 30px !important;
}

p.large {
    font-size: 18px !important;
    line-height: 1.45;
}

.top-spacing-small {
    width: 25% !important;
}

.subfooter__section ul.menu li {
    display: block;
    margin: unset !important;
    float: left;
}

.ss-overlay {
    padding: 0px !important;
}

.view-promoted-posts-carousel .owl-nav {
    top: 10px !important;
}

.view-promoted-posts-carousel .owl-nav div:after {
    color: #ffffff;
}

.owl-nav .owl-next {
    left: 45px !important;
    right:unset !important;
}

}