.readmore-description::after {
    content: "+";
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 2px;
    border-radius: 100%;
    background-color: #004DBA;
    color: #fff;
    margin-top:3px;
    margin-bottom:3px;
}

.readmore-description.clicked::after {
    content:"-" !important;
}

.views-field-field-maerke {
    position: relative;
}

/* Description box with fading effect 
.views-field-field-maerke .field-content {
    height: 60px;
    overflow: hidden;
    position: relative;
    transition: height 0.5s ease-in-out;
} */

.views-field-field-maerke .field-content:after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px; 
    width: 100%;
    content: '';
    opacity: 1;
    background: linear-gradient(rgba(238, 238, 238, 0), #eee);
    transition: height 0.5s ease-in-out;
}

.views-field-field-maerke.expanded .field-content:after {
    height: 0;
}

.views-field-field-maerke.hide-readmore .field-content:after {
    background: none !important;
}


.form-required:after {
    content:'' !important;
}

.slick--view--slideshow--block-1 .slick-dots {
    bottom: 0px !important;
}


.slick--view--slideshow--block-1 .slick-dots .slick-active {
    background-color: #F67329 !important;
}

.slick--view--slideshow--block-1 .slick-dots li {
    background-color: #fff;
}

.slick--view--slideshow--block-1 .slick-dots li button:before {
    opacity: 0 !important;
}

.slideshow-item-wrap {
    background-size: cover;
    background-position: center center;
    padding-top: 50px;
    padding-left: 20px;
    aspect-ratio: 960/700;
}

.btn-primary {
    font-family: "Titillium Web", "Titillium Web" !important;
}


.section-slideshow h1, .section-slideshow h2, .section-slideshow h3, .section-slideshow h4, .section-slideshow h5 {
    color: #fff;
}

.body--dxpr-theme-nav-desktop .dxpr-theme-header--top #logo {
    max-height: 50px !important;
}

::-moz-selection { background: #1C4DBA; color: #fff;}
::selection { background: #1C4DBA; color: #fff; }

/* main menu */
.body--dxpr-theme-nav-desktop .navbar-container>.row>.col-sm-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#block-responsivemenumobileicon .label {
  font-size: 0px !important;
  margin-top: 15px;
}

#block-responsivemenumobileicon .label:after {
  content: "MÆRKER";
  font-size: 17px;
}

.user-logged-in #block-responsivemenumobileicon:after {
  left: 16px;
}

#block-responsivemenumobileicon {
  margin-top: 60px;
}

#block-responsivemenumobileicon:after {
    background-image: url('https://mertz.dk/sites/default/files/colored_dots_mertz.png');
    background-color: initial;
    background-size: contain;
    height: 75px;
    width: 15px;
    position: absolute;
    top: 200px;
    left: 32px;
}

/* search icon above menu */
#block-dxprthemefullscreensearch {
    position: absolute; 
    top: -55px; 
    right: -50px; 
    z-index: 111;
}

.full-screen-search-button {
    color: #666666 !important; 
    font-size: 22px !important;
} 

.full-screen-search-form-input .control-label::after {
  content: 'Klik "Escape" for at lukke søgningen';
}

/* front page */
.fp-icon {
   min-height: 150px;
   width: 200px;
   margin: auto;
}

.maerker-fp img {
   filter: grayscale(100%);
   min-width: 300px;
   transition: all 400ms;
   transition-timing-function: ease-in-out;
}

.maerker-fp img:hover{
   filter: grayscale(0%);
}

.path-frontpage .container-fluid-wrapper .container-fluid, .path-frontpage .container-fluid-wrapper .container-fluid .col-sm-5, .path-frontpage .container-fluid-wrapper .container-fluid .col-sm-7 {
  padding: 0px !important;
}



.path-node-type-drag-and-drop-page .container-fluid-wrapper .container-fluid, .path-node-type-drag-and-drop-page .container-fluid-wrapper .container-fluid .col-sm-5, .path-node-type-drag-and-drop-page .container-fluid-wrapper .container-fluid .col-sm-7 {
  padding: 0px !important;
}


.fp-icon img {
   max-height: 150px; 
   padding: 20px;
}

.views-field-field-topbillede img {
   width: 100%;
}

.st-owl-theme .owl-page {
  width: 17px;
  height: 17px; 
}

.news-col {
  padding: 15px;
}

.news-row {
  margin-right: -15px;
  margin-left: -15px;
}

.views-field-title {
  margin-top: 15px;
}
.views-field-view-node {
  margin-top: 15px;   
}

/* page title */
.wrap-containers > .page-title-full-width-container {
margin-right: 12%;
}

/*.wrap-containers > .page-title-full-width-container:before {
    content: "\a0";
    display: block;
    margin-right: -12%;
    padding: 2px 0;
    width: 100%;
    right: -21px;
    position: absolute;
    line-height: 1px;
    border-top: 175px solid #F0F5F5;
}*/
.page-node-type-maerker .wrap-containers > .page-title-full-width-container:before {
    display: none;
}

.page-node-type-maerker #page-title-full-width-container, .page-node-type-article #page-title-full-width-container, .page-node-type-page #page-title-full-width-container {
    max-width: 1450px;
    margin-left: auto;
    margin-right: auto;
}

.path-nyheder #page-title, .path-maerker #page-title, .path-medarbejdere #page-title {
    max-width: 1295px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.page-node-type-article .wrap-containers > .page-title-full-width-container:before {
    display: none;
}

.page-node-type-page .wrap-containers > .page-title-full-width-container:before {
    display: none;
}



/* custom node types top image */
#block-views-block-topbillede-block-1 {
    z-index: 1;
    max-width: 90% !important;
}

.page-node-type-page .field--name-body {
    padding-top: 45px !important;
}



/*#block-views-block-topbillede-block-1:before {
   content: "\a0";
    display: block;
    margin-right: -12%;
    padding: 2px 0;
    z-index: -1;
    width: 100%;
    right: -21px;
    position: absolute;
    line-height: 1px;
    border-top: 175px solid #F0F5F5;
 }*/

/* custom node type titles  */
#block-views-block-topbillede-block-2 {
    position: absolute; 
    z-index: 5; 
    margin-top: -200px; 
    display: block; 
}
    
#block-views-block-topbillede-block-2 h1 {
    font-size: 85px;
    font-weight: 700;
    text-shadow: 1px 1px #666666;
}

.page-node-type-page #page-title > h1 {
    display: none;
}

/* main menu */
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav > li > a {
    line-height: 75px !important;
}

#dxpr-theme-main-menu .nav > li > a { 
    text-transform: uppercase;
    font-size: 18px !important;
    color: #666666;
    padding: 10px 20px !important;
}

.body--dxpr-theme-nav-desktop .dxpr-theme-header--top #logo {
    max-height: 50px;
}

/* breadcrumbs */
.breadcrumb {
    top: -8px;
}
.breadcrumb>.active {
   color: #666666 !important;
   font-size: 24px;
   text-transform: uppercase;
}

 .breadcrumb > li:after {
   color: #999999 !important;
    padding: 0 5px;
    content: "/\00a0";
    font-size: 24px;
}
#page-title > .breadcrumb > li:last-child::after {
    content: " " !important;
}

.breadcrumb a {
   color: #999999 !important;
   font-size: 24px;
   text-transform: uppercase;
}

.page-title-full-width-container .breadcrumb {
   opacity: 1;
}

/* news page */
.news-row {
  margin-bottom: 45px !important;
}

/* medarbejder / employee views */ 
.menu--medarbejder-afdelinger li {
  display: inline-block !important;
}

.menu--medarbejder-afdelinger li a:after {
    content: "/";
    padding-left: 10px;
}

.menu--medarbejder-afdelinger a {
  text-transform: uppercase;
  color: #666666 !important;
  background-color: initial !important;
  font-size: 20px;
  padding: 5px 10px;
}

.menu--medarbejder-afdelinger li a.is-active {
  font-weight: bold;
}

/* maerker */
.view-maerker .views-col {
  width: 20% !important;
  margin: 20px 2%;
}

.view-maerker .views-row {
  display: flex;
  align-items: center;
}

.view-maerker .views-col img {
  max-height: 100px;
  width: auto;
  min-width: initial !important;
  margin: auto;
}


/* maerker højrebar undersider */ 
#block-views-block-maerker-hoejre-sidebar-block-1 {
    background-color: #004DBA; 
    color: #fff; 
}

#block-views-block-maerker-hoejre-sidebar-block-1 a {
    color: #fff;
}

#block-views-block-maerker-hoejre-sidebar-block-1 h1, #block-views-block-maerker-hoejre-sidebar-block-1 h2, #block-views-block-maerker-hoejre-sidebar-block-1 h3, #block-views-block-maerker-hoejre-sidebar-block-1 h4, #block-views-block-maerker-hoejre-sidebar-block-1 h5, #block-views-block-maerker-hoejre-sidebar-block-1 h6 {
    color: #fff;
}

#block-views-block-maerker-hoejre-sidebar-block-1 span {
    color: #fff;
}

#block-views-block-maerker-hoejre-sidebar-block-1 ul, #block-views-block-maerker-hoejre-sidebar-block-1 li {
    color: #fff;
}


/* brands sidebar */

.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout, .mm-slideout {
  transition: all 200ms !important;
}

#off-canvas .is-active {
  color: #004DBA;
  text-decoration: underline;
  font-weight: bold;
}

#off-canvas li a {
  text-transform: uppercase;
}

#off-canvas .mm-panel_opened {
  width: 50%;
  margin-left: 50%;
  margin-top: 30px;
}

#off-canvas .mm-navbar__title {
  font-size: 0px;
  background-image: url('http://46.4.84.82/~mertz2021dk/web/sites/default/files/2021-06/new-holland.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.responsive-menu-toggle-icon:before, .responsive-menu-toggle-icon:after, .responsive-menu-toggle-icon span.icon {
    background: #666;
}

.responsive-menu-toggle-icon span.label  {
  color: #666;
}

#secondary-header {
    transition: all 200ms;
}

#secondary-header {
  background-color: #fff;
}

.mm-page.mm-slideout {
  background-color: #fff !important;
}

/* footer */
#footer > .az-ctnr, #footer-aktuelt {
    max-width: 1600px;
    margin: auto;
}

footer::after {
    height: 15px;
    background-image: 
    linear-gradient(#004dba,#004dba),
    linear-gradient(#ffe001,#ffe001),
    linear-gradient(#248e4a,#248e4a),
    linear-gradient(#c30000,#c30000);
    background-size: 
    calc(1 * (100% / 4)) 100%,
    calc(2 * (100% / 4)) 100%,
    calc(3 * (100% / 4)) 100%,
    calc(4 * (100% / 4)) 100%;
    background-repeat: no-repeat;
    display: block !important;
    position: relative;
}

.dxpr-theme-footer {
  background-color: transparent !important;
}

#footer-aktuelt {
  box-shadow:inset 0 0 0 2000px rgba(0, 77, 186, 0.7);
}

.js ul.stbe-social-links .stbe-social-links__item {
    margin-right: -15px;
}

.st-social {
    padding-top: 15px !important;
    margin-left: -12px !important;
}

 
@media screen and (min-width:768px) {
  .dropdown-menu {
      margin-top: -45px !important;
  }
  #secondary-header {
      display: inline-block;
      padding-bottom: 100vh;
      margin-bottom: -100vh;
      margin-left: -80px;
      position: fixed;
  }
  
  .mm-wrapper_opening #secondary-header {
      box-shadow: 11px 0 7px 0px rgb(0 0 0 / 20%);
  }
   #secondary-header {
      box-shadow: 4px 0 7px 0px rgb(0 0 0 / 20%);    
  }

  #secondary-header .secondary-header-container {
    padding: 0px 18px;
  }

  .responsive-menu-page-wrapper {
    padding-left: 80px;
  }

  #secondary-header #toggle-icon .label {
      top: 50px;
      left: -10px;
      transform: rotate(270deg);
  }
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
    margin-left: 440px !important;
    transform: initial !important;
  }
}
@media screen and (min-width: 1600px) {
    #block-views-block-topbillede-block-2 {

    }
}

@media screen and (min-width: 1211px) {
    #block-views-block-maerker-hoejre-sidebar-block-1 {
    padding: 40px 165px 40px 100px; 
    margin-right: -10vw;
}
    .region .maerker {
        padding: 131px 60px 30px 0px;
    }
    .user-logged-in .region .maerker {
        padding: 87px 60px 30px 0px;
    }
}

@media screen and (max-width: 1210px) {  
    .region .maerker {
    padding: 110px 30px 30px 0px;
    }
    .user-logged-in .region .maerker {
    padding: 67px 60px 30px 0px;
    }
    #block-views-block-topbillede-block-2 h1 {
    font-size: 65px;
    }
    
    #block-views-block-maerker-hoejre-sidebar-block-1 {
    padding: 20px 45px 20px 30px;
    margin-right: -5vw;
    }
    .breadcrumb {
    margin-left: 0% !important;
    }
}

@media screen and (min-width: 992px) { 
    .section-slideshow h2 {
    font-size: 72px;
}
    .user-logged-in .breadcrumb {

    }
}

@media screen and (max-width: 991px) {
    #block-views-block-topbillede-block-2 h1 {
        font-size: 50px;
    }
        #block-views-block-topbillede-block-2 {
        margin-top: -100px;
    }
    .wrap-containers > .page-title-full-width-container:before {
    border-top: 50px solid #F0F5F5;
    }
    #block-views-block-topbillede-block-1:before {
    border-top: 50px solid #F0F5F5;
    }
    .page-title-full-width-container .breadcrumb {
    left: 15px !important;
    }
}

@media screen and (max-width:767px) {
   
    #footer {
        padding-left: 15px;
    }
    
    .news-col {
        width: 100% !important;
    }
    
    .mm-wrapper_opened .dxpr-theme-header .navbar-header .wrap-branding {
        display: none !important; 
        transition: all 300ms;
    }
    
    .path-frontpage .container-fluid-wrapper .container-fluid, .path-frontpage .container-fluid-wrapper .container-fluid .col-sm-5, .path-frontpage .container-fluid-wrapper .container-fluid .col-sm-7 {
        padding: unset !important;
    }
    
    .fp-row-1 .az-button, .fp-row-2 .az-button {
        padding-bottom: 30px;
    }
    
    .fp-row-1 {
     margin-bottom: 30px !important;
    }
    .fp-row-1 .col-sm-5, .fp-row-2 .col-sm-5 {
        margin-top: -30px;
        padding-bottom: 15px !important;
    }
    
    .fp-row-2 {
    flex-direction: column-reverse;
    display: flex;
    margin-bottom: 30px !important;
    padding-bottom: 15px;
}
    
    .mm-wrapper_opened #block-responsivemenumobileicon {
    top: -10px;
    }
    
    #block-responsivemenumobileicon:after {
    display: none;
    }
    #secondary-header {
    visibility: hidden;
    }
    
    #block-responsivemenumobileicon {;
    align-items: center;
    visibility: visible;
    margin-top: 0px;
    position: absolute;
    text-align: center;
    top: 25px;
    right: 52%;
    vertical-align: middle;
    line-height: 90px;
    margin: 0 auto !important;
    display: flex;
    }
    
    #block-responsivemenumobileicon .label {
    margin-top: 5px;
    }
    
    .region .maerker {
    padding: 30px 30px 30px 0px;
    }
    
    #block-views-block-maerker-hoejre-sidebar-block-1 {
    padding: 15px;
    margin-right: 0px;
    }
    
    #block-views-block-topbillede-block-2 h1 {
    font-size: 40px;
    }
    #block-views-block-topbillede-block-2 {
    margin-top: -50px;
    }
    
    .dxpr-theme-main-menu {
    width: 0% !important;
    padding: 0px !important;
    overflow-x: hidden !important;
    transition: all 300ms !important;
  }
  .dxpr-theme-main-menu ul {
    width: 0px !important;
    transition: all 300ms !important;
  }
  .dxpr-theme-main-menu.menu--open {
    width: 100% !important;
    padding: 40px 20px !important;
    overflow-x: initial !important;
  }
  .dxpr-theme-main-menu.menu--open ul {
    width: 100% !important;
  }
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
    margin-left: 80% !important;
    transform: initial !important;
  }
  .mm-wrapper_opening .mm-menu_fx-menu-slide {
    max-width: initial;
    width: 80%;
  }
  #off-canvas .mm-panel_opened {
    margin-left: 0px;
    width: 100%;
  }
}