/* menu. */
#header {position: fixed;width: 100%;z-index: 4;top: 0px;padding-top: 10px;}
body.user-logged-in #header,
body.toolbar-horizontal #header{margin-top: 80px;}

/* responsive menu. */
.navbar-dark .navbar-toggler {margin:5px 10px;height: 40px;}
.responsive-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  will-change: transform;
}
.responsive-menu ul {
  padding: 0;
  width: 100%;
  color: #fff;
}
.responsive-menu ul ul{
  position: absolute;
  top: 0;
  left: 100%;
}
.responsive-menu ul li {
  padding: 10px 20px;
  border-bottom:1px dotted #7695a0;
  cursor: pointer;
  width: 100%;
  font-size: 14px;
}
.responsive-menu ul li.back {background-color: #2C4754;}
.responsive-menu ul li.current-title {padding: 5px 10px;}
.responsive-menu ul li.dropdown-item[class*='level-'] {padding: 5px 10px;}
.responsive-menu .navbar-nav li.nav-item a.nav-link,
.responsive-menu ul li.level-0,
.responsive-menu ul li.level-0 > a {text-transform: uppercase;font-size: 18px;}
.responsive-menu ul li span,
.responsive-menu ul li a {color:#fff;}

.responsive-menu li.dropdown {position:relative;}

.responsive-menu ul li.back i {font-size: 15px;color: #fff;margin-right:5px;}
.responsive-menu ul li.current-title {background-color: #7695a0;color:#fff;}
.responsive-menu ul li.current-title i {margin-left:5px;}

.node-type-page .field--name-dynamic-block-fieldnode-booklet-block-top{display: none;}

@media screen and (max-width: 1200px) {
  #block-eurojust-main-navigation .navbar-nav > li.level-0 > span.eurojust-toggle{display: inline;}
  #navbar-main.navbar,
  .navbar [class^="container"]{padding:0;}
  body.user-logged-in #header{margin-top: 0;}
  #header{
    position: initial;
    z-index: unset;
    top: unset;
  }
  #main-wrapper.layout-main-wrapper {
    margin-top: 10px;
  }
}

@media screen and (max-width: 992px) {
  .menu--main,
  .region-primary-menu {
    display: none;
  }
  
  #main-wrapper.layout-main-wrapper {
    margin-bottom: 10px;
  }
  
  /* TWITTER */
  .smk-tweets:nth-child(2){display: none;}
  
  /* BOOKLET */
  .node-type-page .field--name-dynamic-block-fieldnode-booklet-block-top{display: inline;}
}

@media (min-width: 1200px) {
  body{margin-top: 180px !important;}
  #main-wrapper.layout-main-wrapper {
    margin-bottom: 30px;
  }
  #block-responsivemenu{display: none!important;}
}

@media (max-width: 800px) {
  .navbar-brand{padding-left: 10px;}
  .navbar-brand img{height: auto;}
  #navbar-main.navbar {padding:0;}
  body.user-logged-in .responsive-menu ul.dropdown-menu{top:205px;}
  .back-to-top {right: 35px;}
  
  .view-mode-full .col-md-9.col-12,
  .view-mode-full .col-12.col-md-12.col-lg-9,
  .ui-dialog .view-mode-full .col-md-9.col-12,
  .ui-dialog .view-mode-full .col-12.col-md-12.col-lg-9 {
    border-right: none;
  }
}

@media screen and (max-width: 740px) {
  #navbar-main.navbar {padding:0;}
  #navbar-main .nav-link{padding: 0.5rem 0.8rem;}
}

/* Small devices (landscape phones, 544px and up) */
@media (max-width: 700px) {
  #block-responsivemenu .navbar-nav > li a {width: 550px;}
}

@media screen and (max-width: 576px) {
  .navbar-light .navbar-toggler{
    border: none;
    padding: 0px 5px 20px;
  }
  .navbar-light .navbar-toggler:focus{color: transparent;}
  
  #header.show-header{
    padding:0;
  }
  #header.show-header #right-container{
    padding-top: 10px;
  }
  #header.show-header #right-container .form-row{display: block; margin: 0;float: unset !important;}
  .language-switcher button{
    background-color: transparent !important;
    border: transparent;
    color: #000;
  }
  .language-switcher button:focus{color: #000;}
  .language-switcher ul li{background-color: #000!important;}
  #block-eurojustsearchform span.icon-close{
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
  }
  #eurojust-search-block-form{width: 80%; float: right; padding-right: 10px;}
  #eurojust-search-block-form fieldset{width: 100%; float: left;}
  #eurojust-search-block-form #edit-actions-search{float: left;}
  #eurojust-search-block-form input[type="text"]{border-left: 1px solid #AAA;}
  
  .field--name-field-timeframe-launch,
  .field--name-field-deadline-submit,
  .field--name-field-start-date,
  .field--name-field-end-date {
    margin-right: 0;
  }
  
  .card-header .btn-link{
    padding: 5px 0px 5px 10px;
    font-size: 12px;
  }
  .accordion-link.far::before {
    font-size: 12px;
  }
}

@media screen and (max-width: 450px) {
  #block-responsivemenu .navbar-nav > li a {width: 290px;}
  body.user-logged-in #header{margin-top: 35px;}
}
  
@media (min-width: 768px) {

    /* Show 3 items. */
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
        margin-right: initial;
    }

    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }

    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}

/* Compatibilidad de clases de BS3 con BS4 */
.col-xs-1 { width: 8.33333333% }
.col-xs-2 { width: 16.66666667% }
.col-xs-3 { width: 25% }
.col-xs-4 { width: 33.33333333% }
.col-xs-5 { width: 41.66666667% }
.col-xs-6 { width: 50% }
.col-xs-7 { width: 58.33333333% }
.col-xs-8 { width: 66.66666667% }
.col-xs-9 { width: 75% }
.col-xs-10 { width: 83.33333333% }
.col-xs-11 { width: 91.66666667% }
.col-xs-12 { width: 100% }

[class*="col-xs"], [class*="col-sm"], [class*="col-md"], [class*="col-lg"] {
  float: left;
}