body {
    font-family: 'Open Sans', sans-serif;
    color: #304F4F;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

h1 {
    font-size: 22px;
    font-weight: 500;
}

a,a:visited {
    color: #304F4F;
}


a:hover {
    color: #4a6d6d;
}

.greet.welcome span.not-logged-in {
    display: none;
}

.panel.wrapper {
  background :#7e807e;
  color: #fff;
}

.page-header .panel.header a {
  color: #fff;
}

.page-header .panel.header .customer-menu ul > li > a {
    color: #304F4F;
    border-bottom: 1px solid #eee;
}

.page-header .panel.header .customer-menu ul > li > a:hover {
    background:none;
  }

.item.link.compare {
  display: none;
}

.header .action.advanced {
  display: none;
}
.block-search .control {
  padding: 0 0 0;
}

/*ul {
    margin-left:0;
    padding-left: 0;
}*/


.page-layout-2columns-left main {
    position: relative;
}

.page-layout-2columns-left main::before {
    position: absolute;
    top: 0;
/*    left: -1000px; */
    bottom: 0;
    right: 78.5%;
    display: block;
    content: '';
    /*    background: #E9E9E9;*/
    border-right: 1px solid #BCBEC0;
    z-index: -1;
}

.action.primary {
    background: #ED2024;
    border:1px solid #D80B15;
}

a.action.primary,
button.action.primary {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.action.primary:hover,
.action.primary:focus {
    background: #D80B15;
    border:1px solid #D80B15;
}

.panel.header .widget.block-static-block {
    float: left;
    clear: none;
    margin: 0 0 ;
}

.copyright {
    background: #304F4F;
}

.panel.header,.header.panel > .header.links > li {
    font-size: 12px;
}

.panel.header .widget.block-static-block ul li {
    list-style: none;
    display: inline-block;
    margin-right: 3.5em;
    margin-bottom: 0;
}

.panel.header .widget.block-static-block ul {
    padding-left: 0;
    margin-bottom: 0em;
}

.column.main {
    background: #fff;
}

main {
    position: relative;
    z-index: 1;
}

.nav-sections-items {
    border-bottom: 1px solid #ED2024;
}

.page-footer {
    border-top: 1px solid #ED2024;
    background: #e8e9e8 url('../../frontend/YoungDogs/rolluikonderdeel/nl_NL/images/payment.svg') center calc(100% - 10px) no-repeat;
    background-size: 300px;
    padding-bottom: 3em;
}

.page-layout-2columns-left .nav-sections {
    margin-bottom: 0;
}

.page-layout-2columns-left .breadcrumbs {
    padding-left: 0;
}


.sidebar-main .widget.block-static-block,.page-layout-2columns-left .sidebar-additional .widget.block-static-block {
    border-top: 1px solid #BCBEC0;
    padding-top: 20px;
    margin-bottom: 20px;
}

.sidebar-additional .widget.block-static-block h2 {
    font-size: 1.2em;
    margin-top: 0;
}

/*
.sidebar-main,.page-layout-2columns-left .sidebar-additional {
    background: #E9E9E9;
    border-left: 2px solid #BCBEC0;
    padding-right: 1%;
    padding-left: 1%;
    margin-left: -20px;
}

.sidebar-additional {
    border-bottom: 2px solid #BCBEC0;
}
*/

.sidewide.jumbotron {
    position: relative;
    padding: 3em 0;
    border-top: 1px solid #BCBEC0;
    text-align: center;
    max-width: 60%;
    margin: 0 auto;
    display: block;
    z-index: 10;
    font-size:1.1em;
}


.header.content {
    padding: 30px 20px 30px;
}



.sidewide.jumbotron p {
    margin-bottom: 2em;
}


.toolbar select {
    background: #304F4F;
    color: #fff;
    box-shadow: none;
}

.catalog-category-view .product-item-actions .actions-primary + .actions-secondary {
    display: none;
}

.product-item-actions .actions-primary {
    float: right;
}



.daarom ul {
    padding-left: 0;
    margin-left: 0;
}

.daarom li {
    background: url('../../frontend/YoungDogs/rolluikonderdeel/nl_NL/images/r-icon.svg') left top no-repeat;
    background-size: 20px;
    list-style: none;
    padding-left: 30px;
    font-weight: bold;
}



#eKomiWidget_default {
    text-align:center;
}

.catalog-product-view .ekomi_floater {
  z-index: 9;
}

.widget.block-static-block iframe {
    margin: 0 auto;
}

.catalog-category-view h1.page-title,
.catalog-category-view .category-description {
    text-align: center;
}

.catalog-category-view .category-description ul {
    margin-left: 0;
    padding-left: 0;
}

.catalog-category-view .category-description ul li {
    list-style: none;
}

.catalog-category-view .category-description ul li::before {
    content:' --- ';
    font-weight: 700;

}
.catalog-category-view .category-description ul li::after {
    content:' --- ';
    font-weight: 700;
}

.catalog-category-view .page-products .product-item-info {
    padding: 10px;
}

.catalog-category-view .product-image-container {
    display:  block !important;
    margin: 0 auto;
}

.products-grid .product-image-photo {
    position: static;
    height: 150px;
    width: 150px;
    object-fit: contain;
}

.products-grid .product-image-container,
.products-grid .product-image-wrapper {
    display: block;
    height: 100%;
    padding-bottom: 0 !important
}

.product-item-info {
    text-align: center;
}

.product-item a.product-item-photo {
    display: block;
}

.columns .catalog-category-view li.product-item {
    border-top: 1px solid #E6E7E8;
}

.stock, .stock {
    font-size: .8em;
    font-weight: 700;
}

.pages a.page, .pages a.page:visited {
    color: #304F4F;
    font-weight: 700;
}

.stock span::before, .stock span::before {
    content:'';
    color: transparent;
    background: limegreen;
    border-radius: 100%;
    height: 10px;
    width: 10px;
    margin : 5px 5px 0 0;
    display: inline-block;
}

.block-new-products.grid .products-grid .product-item-actions {
    margin: 10px 0 0 0;
    opacity: 0;
    transition: 0.3s all;
}

.jumbo.product-item-action {
    margin: 10px 0;
}

.block-new-products.grid .products-grid li:hover .product-item-actions {
    opacity: 1;
}

.catalog-product-view .product-options-bottom .price-box .price-container .price, .catalog-product-view .product-info-price .price-box .price-container .price {
    color: #ED2024;
    border-radius: 0;
    font-size: 52px;
}

.catalog-product-view .product-info-price {
    margin-top: 1em;
}

.catalog-product-view h1 {
    font-size: 2em;
}

.catalog-product-view .action.primary {
    background:#575757;
    border: 2px solid #575757;
}

.page-products .product-item-info {
    padding: 10px !important;
    border: 1px solid transparent;
}

.products-grid .product-item-info:hover, .products-grid .product-item-info.active {
    margin: 0;
}

.catalog-category-view .stock.unavailable span::before {
    content:'';
    color: transparent;
    background:red;
    border-radius: 100%;
    height: 10px;
    width: 10px;
    margin : 5px 5px 0 0;
    display: inline-block;
}

.catalog-category-view .price, .widget-product-grid .price, .widget-new-grid .price,
.catalogsearch-result-index .price{
    color: #ED2024;
    font-size: 1.6em;
}

.widget-new-grid .product-item .price-box {
    margin: 0 0 0 0;
}


.action.tocart.primary::before {
    color: #fff;
    content: '\e611';
    font-family: 'luma-icons';
    font-size: 1.5em;
    display: inline-block;
}

.catalog-category-view .product-item-name a {
    max-width: 80%;
    font-weight: 700 !important;
    margin: 0 auto;
    display: block;
    min-height: 2.8em;
}

.product.status {
    float: left;
    max-width: 50%;
    text-align: left;
}
.productrating.stars {
    background: url('../../frontend/YoungDogs/rolluikonderdeel/nl_NL/images/bg_stars.png') 0 0 no-repeat;
    color: transparent;
}

.adviceprice {
    font-size: .9em;
    color: #BCBEC0;
    font-weight: 700;
}

.yousave {
    font-weight: 700;
    font-size: .9em;
}
.yousave .saveprice {
    color: #ED2024;
}

.productrating.stars.five{
    background-position-y: -102px;
}

.productrating.stars.four{
    background-position-y: -87px;
}

.productrating.stars.three{
    background-position-y: -71px;
}

.productrating.stars.two{
    background-position-y: -53px;
}

.productrating.stars.one{
    background-position-y: -35px;
}


.block.newsletter .action.subscribe {
    background: #304F4F;
    border: 1px solid #304F4F;
}

.block.newsletter .action.subscribe:hover {
    background: #304F4F;
    border: 1px solid #304F4F;
}

.indexgrid {
    vertical-align: top;
    text-align: center;
}
li.indexgrid  {
  list-style: none;
}

.indexgrid .category-image {
    display: block;
    margin: 0 auto;
    min-height: 120px;

    /* vertical-align: middle */
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
.indexgrid .grid-inner {
    border: 1px solid #d1d2d4;
    border-top: none;
    padding-bottom: 1em;
}


.indexgrid a .category-name {
    text-transform: uppercase;
    color: #304F4F;
    background: #e6e7e8;
    font-size: 13px;
    height: 1.5em;
    display: block;
    padding : .5em 0;
    margin-bottom: 1em;
    border-top: 3px solid #d1d2d4;

    /* vertical-align: middle */
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.indexgrid:before {
    display: block;
    content: '';
    height: 22px;
    background: url('../../frontend/YoungDogs/rolluikonderdeel/nl_NL/images/r-icon_shield.svg') center center no-repeat;
    background-size: contain;
}

.indexgrid .category-image img {
    max-height: 110px;
}

.indexgrid .category-description {
    /*    border-bottom: 3px solid #ED2024;
        padding: 2em 1em;
        font-size: .9em;
        height: 6em;
        margin-bottom: 1em;
        overflow: hidden;*/
    margin-bottom: 1em;
    padding: 0 1em;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    font-size: .9em;
    max-height: 4.2em; /* line-height*3 */
    min-height: 4.2em; /* line-height*3 */
    word-break: break-word;

    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.category-grid {
    padding-left: 0;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 2em;
}


.category-grid hr {
    display: block;
    border-top: 3px solid #ED2024;
    margin-top: 1em;

}
.indexgrid .category-description * {
    margin: 0;
    padding: 0;
}

a.button.readmore {
    background: #ED2024;
    color: #fff;
    font-weight: 700;
    border: 2px solid #ED2024;
    transition: all .2s ease-in-out;
    padding: .2em 1.5em;
    display: inline-table;
    font-size: 13px;
    border-radius: 5px;
}
.indexgrid a.button.readmore:hover, .indexgrid a.button.readmore:focus {
    background: #fff;
    color: #ED2024;
}

.block-products-list.grid {
    position: relative;
    border-top: 1px solid #BCBEC0;
    border-bottom: 1px solid #BCBEC0;
    padding: 3em 0;
}

.block.widget.block-products-list.grid .product-reviews-summary {
    display: none;
}

.block-products-list.grid .block-content, .block-products-list.grid .block-title {
    position: relative;
    z-index: 1
}

.block-products-list.grid li {
    background: #fff url('../../frontend/YoungDogs/rolluikonderdeel/nl_NL/images/r-icon-grey.svg') 1em 1em no-repeat;
    background-size: 2em;
}

.block-products-list.grid .block-title, .block.widget.block-new-products.grid .block-title{
    text-align: center;
    font-size: 22px !important;
}

.block-compare .block-title strong, .block-reorder .block-title strong, .widget .block-title strong, .block-wishlist .block-title strong {
    font-weight: 500;
    font-size: 18px;
}

.block.widget .products-grid .product-item-info:hover, .block.widget .products-grid .product-item-info.active {
    padding: 0;
    border: none;
    background: none;
}

.block.widget.block-products-list .actions-secondary {
    display:none;
}

.block.widget.block-products-list .product-item-actions .actions-primary {
    float: none;
    margin: 0 auto;
    display: block;
    width: auto;
}

.block.widget.block-new-products.grid .product-item-name {
    min-height: 2.8em;
}

.price-to {
    display: none !important;
}

.bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-item-actions .actions-secondary > .action, .product-social-links .action.tocompare, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .product-social-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist {
    color:#575757;
    font-size :.8em;
    text-transform: lowercase;
}

.opc-wrapper .form-login, .opc-wrapper .form-shipping-address {
    max-width: 100% !important;
}

.checkout-index-index .fieldset > .field, .checkout-index-index .fieldset > .fields > .field {
    margin: 0 20px 20px;
    width: 44%;
    display: inline-block;
    vertical-align: top;
}

.checkout-payment-method .payment-option-title {
    padding-left: 0;
}
.checkout-payment-method .payment-option-content{
    padding-left: 0;
}

.field.street.admin__control-fields {
    display: block;
}

.fieldset > .field:not(.choice) > .control {
  width: 100%;
}
.opc-wrapper .form-login .fieldset .note, .opc-wrapper .form-shipping-address .fieldset .note {
  display: block;
}

.checkout-index-index .fieldset > .field.street,.checkout-index-index .fieldset > .fields > .field.street {
    width: 100%;
}
/*    #pc-postcode-fieldset { margin: 0 0 20px 0; }
    #pc-postcode-fieldset .label { margin: 0 0 8px 0; }*/
    #pc-postcode-fieldset {width:100%}
    #pc-postcode-fieldset .field{
        display: inline-block;
        width:100%}
    #pc-postcode-fieldset .field:first-of-type{
        width:125px;
        margin-right:20px;
    }
    #pc-postcode-fieldset .field:nth-of-type(2){
        width:50px;
        margin-left:20px;
    }
    #pc-postcode-fieldset label{
        margin: 0 0 8px;
    }

    #pc-postcode-fieldset .field.required label:after { content: '*'; color: #e02b27; font-size: 1.2rem;  margin: 0px 0px 0px 5px; }
	.pc-postcode-hide { display: none; }

.street, .housenr {
    display: inline-block;
    width: 70%;
    margin-right: 20px;
    margin-bottom: 1em;
}
.housenr {
    width: 60px;
}

.fieldset > .field:not(.choice) > .label {
  float: none;
  width: 100%;
  padding: 0 0 0 0;
  display: block;
  text-align: left;
}

.checkout-index-index .fieldset > .field.flekto_nl_zip {
    width:100%
}

.checkout-index-index .fieldset > .field.flekto_nl_zip div.flekto_nl_inline_container{
    display:inline-block;
}

.checkout-index-index .fieldset > .field.flekto_nl_zip div.flekto_nl_inline_container label{
    display:block;
}
.field.street admin__control-fields.required

.checkout-index-index .fieldset > .field.flekto_nl_zip span.note{
    display:block;
}
#flekto_nl_housenumber_container{
    margin-left:15px;
}

.checkout-index-index .fieldset > .field.flekto_nl_zip input.flekto_nl_zip_input {
    width: 100px;
}
.checkout-index-index .fieldset > .field.flekto_nl_zip input.flekto_nl_housenumber_input {
    width:60px;
}

button.action.action-auth-toggle {
    background-color: #eee;
    border-radius: 0;
    padding: .5em 1em;
    color: #333;
}

ul.menu_sidebar  {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.abs-margin-for-blocks-and-widgets-desktop, .page-main .block, .customer-review .product-details {
    margin-bottom: 20px;
}


.sidebar-menu li {
    list-style: none;
    margin-bottom: 0.7rem;
}

.sidebar-menu .active a{
    color: #ED2024;
}

.sidebar-menu ul.o-list {
    margin-left: 5px;
    padding-left: 0;
    display: none;
}

.sidebar-menu li.active ul.o-list {
    display: block;
}

.sidebar-menu ul.o-list li a {
    font-size: 14px;
    text-transform: lowercase;
    color: #4a6d6d;
}

.sidebar-menu ul.o-list li.active a{
    color: #ED2024;
}

.sidebar-menu ul.o-list li a:before {
    display: inline-block;
    content: '\e622';
    font-family: 'luma-icons';
    transform: rotate(-90deg);
    font-size: 1rem;
    margin-right: .5rem;
}

#tooltip-label {
    display:none;
}

.sidebar-menu ul.o-list li {
    margin-bottom: 0;
}

.product-addto-links {
  display: none;
}

.account .messages {
    margin-bottom: 0;
}

.sidebar-menu .filter-options-content ol.items .active a {
    font-weight: 700;
    color: #304F4F;
}

.catalog-category-view .sidebar-menu  .price {
    font-size: 1em;
    color: #304F4F;
}

.sidebar-menu .active .item a {
    color: #304F4F;
}


.product.attribute.description img {
    max-width: 300px;
}

.centimeter .price-wrapper:after {
    display: block;
    font-size: .5em;
    color: #304F4F;
    content:'Prijs per centimeter';
}

.product-add-form .product-options-wrapper .field:not(.date) > .control {
    width: 100%;
}

.centimeter .field.qty label {
    color: transparent;
    display: none;
}

.centimeter .field.qty::before {
    display: block;
    content:'Aantal cm';
}

.rating-summary .rating-result > span:before {
    color: gold;
}

.widget-product-grid .product-item-name {
    min-height: 3em
}

.field.option .field.qty.qty-holder{
    display:none;
}

.product.attribute.description a, .column.main .block-static-block a, .cms-page-view .column.main a{
    font-weight: 700;
    text-decoration: underline;
    color : #ED2024;
}

a.action.continue {
    display: block !important;
    margin-bottom: 1em;
}

.breadcrumbs a, .breadcrumbs a:visited {
    color: #333;
}

.products-related.products-grid .product-item-info.related-available:hover{
    border:none;
    padding:0;
}

.products-related.products-grid .secondary-addto-links.actions-secondary{
    display:none;
}


input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"] {
  background: #f5f8ff;
}

.fieldset > .field.flekto_nl_zip > .label {
  display: block;
  width: 100%;
  float: none;
  text-align: left;
}

.block.widget .products-grid .product-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 15px;
}

.block.widget .products-grid .product-item {
  width: 100%;
  padding: 0;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
}

.block.widget .product-item-info {
  width: 100%
}

#ekomi-reviews h2{
    text-align: center;
}
#ekomi-reviews .more{
    display:block;
    background:#ed2024;
    float:right;
    padding:0.5em 2em;
    margin-top:0.5em;
    border-radius:5px;
    color:white;
    font-weight:bold;
}


.ekomi-review-container {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 15px;
      margin-bottom: 1em;
  }
.ekomi-review-container .review .inner{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: minmax(120px, 1fr) auto auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;

}
.ekomi-review-container .review{
    border:1px solid #ccc;
    border-radius: 5px;
}
.ekomi-review-container .review .inner span{
    display:block;
    text-align: left;
    padding:5px 10px;
}
.ekomi-review-container .review .inner span.rating{
    text-align:center;
}

.ekomi-review-container .review .inner .comment {
    position:relative;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.ekomi-review-container .review .inner .comment:hover {
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
}

.ekomi-review-container .review .comment:before {
    content: "\275D";
    display: block;
    font-size: 4em;
    color:#f4b459;
    text-align:left;
    top:0;
    padding: 0;
    margin: -15px 0 10px -5px;
    height: 45px;
}

.ekomi-review-container .review .rating {
    grid-row:3 / 3;
    background:#304f4f;
    border-top:4px solid #ed2024;
    overflow:hidden;
}

.ekomi-review-container .review .author {
  font-style: italic;

}

.ekomi-review-container .review .date {
    text-align:center !important;
}

button.loadmore {
    margin-bottom: 2rem;
    background: #575757;
    border: 2px solid #575757;
    color: #fff;
    box-shadow: none;
    transition: .3s all ease-in;
    opacity: 1;
}
button.loadmore:hover{
  opacity: .85;
}

#ekomi-reviews .block-title {
    text-align: left;
    margin: 1em 0em 1em;
    font-size: 1.5em;
  }

  @media screen and (max-width: 420px) {
    .ekomi-review-container .review .inner {
      grid-template-rows: 130px auto auto !important;
      font-size: 0.85em;
    }
     #ekomi-reviews .block-title {
       font-size:1em;
     }
     .ekomi-review-container .review .inner span .comment {
       padding-top:2em;
     }
     .ekomi-review-container .review .comment:before {
       height:45px;
     }
     .catalog-product-view .product.media {
         height:350px;
     }
   }

   .myparcel-delivery-options table.myparcel-delivery-options__table {
     line-height: 2em;
   }

.checkout-cart-index #block-shipping {
  display: none;
}

/* Ekomi rating */
.ekomi-reviews {
    max-width:50%;
}
.ekomi-gen .rating {
    background: url(../../frontend/YoungDogs/rolluikonderdeel/nl_NL/images/stars_grey.svg) no-repeat;
    display: inline-block;
    height: 25px;
    width: 120px;
    position: relative;
    transform: scale(0.7);
    margin-left: -20px;
}

.ekomi-gen .rating::after {
    content: "";
    position:absolute;
    background:url(../../frontend/YoungDogs/rolluikonderdeel/nl_NL/images/stars_marked.svg) no-repeat;
    left:0;
    top:0;
    bottom:0;
    width:calc(var(--rating) * 20%);
}

.product.status .ekomi-reviews {
    margin-top: -8px;
}

.catalog-product-view .ekomi-gen a {
    display: grid;
    grid-template-columns: repeat(2, 54px auto);
    place-items: center;
    text-decoration:none;
}

.catalog-product-view .ekomi-gen .rating {
    margin-left: 20px;
}
.catalog-product-view span.old-price .price-container span, 
.catalog-product-view .product-info-price .old-price .price-container .price-wrapper > span.price {
    font-size: 1.75rem;
}
.catalog-category-view .price-box,
.block-products-list .price-box,
.catalogsearch-result-index .price-box,
.product-item .price-box,
.catalog-category-view .price-from {
    display:grid;
    
}
.catalog-category-view  .price-box .old-price span,
.block-products-list .price-box .old-price span,
.catalogsearch-result-index .price-box .old-price span,
.catalog-product-view .products-related span.old-price .price-container span {
    font-size:1.25rem;
}
@media screen and (min-width:960px) {
    .catalog-product-view .gallery-placeholder {
        min-height:800px;
    }
}
@media screen and (max-width:430px) {
    .catalog-product-view .gallery-placeholder {
        height:395px;
    }
    .catalog-product-view .product-info-price {
        height:81px;
    }
}

.checkout-index-index .payment-option._collapsible.opc-payment-additional.discount-code
{
    display: none;
}



.signupcontainer .form.create.account .fieldset {
    background: #fbfbff;
    border-radius: 1em;
    padding: 1em !important;
}

.signupcontainer form input[type="text"],.signupcontainer form input[type="password"],.signupcontainer form input[type="url"],.signupcontainer form input[type="tel"],.signupcontainer form input[type="search"],.signupcontainer form input[type="number"],.signupcontainer form input[type*="date"],.signupcontainer form input[type="email"] {
    border-radius: 5px;
    border-color: #d1d2d4;
}

.signupcontainer label {
    font-weight: 600;
}

.two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
}

.password-strength-meter {
    margin-top: 5px;
}

@media screen and (min-width:960px) {
    .signupcontainer {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap:2em;
        background-color: white;
        position: relative;
    }
    
    .backgroundsignup {
        width: 50%;
        height: 100%;
        padding: 4em;
        position: relative;
        background:#f5f8ff;
        z-index: 5;
        min-height: 80vh;
        max-height: 80vh;
    }

    .backgroundsignup::before {
        background: url(https://www.rolluikonderdeel.nl/pub/media/wysiwyg/353R_2008_21.jpg) no-repeat;
        background-position: top center;
        position: absolute;
        width: 60vw;
        left: 0px;
        content: '';
        bottom: 0;
        top: 0;
        display: block
    }

}

.minicart-items .product-item-photo {
    width: 50%;
    padding-right: 12px;
}
.minicart-items .product-image-container,
.minicart-items .product-image-wrapper {
    width: 100% !important;
}
@media (min-width: 640px) {
    .products-grid .product-item-info:hover, .products-grid .product-item-info.active {
        box-shadow: none;
    }
    .products-grid .product-item-inner {
        box-shadow: none;
    }
}
@media (min-width: 768px) {
    .product-image-photo {
        max-width: 150px;
    }

    .sidewide.jumbotron::after {
        position: absolute;
        border-top: 1px solid #BCBEC0;
        content:'';
/*        right: -100000px;
        left: -100000px; */
        top: -1px;
        bottom: 0;
    }

    .authorization-link a
    {
        background:url('../../frontend/YoungDogs/rolluikonderdeel/nl_NL/images/icon_login.svg') left center no-repeat;
        background-size: contain;
        padding-left: 25px;
    }
    .logo {
        margin: 0 auto 0 0;
    }
    .contact a {
        background:url('../../frontend/YoungDogs/rolluikonderdeel/nl_NL/images/icon_phone.svg') left center no-repeat;
        background-size: contain;
        padding-left: 25px;
    }
    .page-layout-2columns-left .column.main{
        padding: 2em 0em 2em 2em;
    }
    .block.widget .products-grid .product-item {
        padding: 9px;
        border: 1px solid #ccc;
        transition: .3s all ease-in-out;
    }
    .block.widget .products-grid .product-item:hover {
        border:1px solid #333;
    }

    .footer.content .widget.block {
        float: left;
        margin-top: 0;
        width: 40%;
        clear: none;
    }
    .filter-options-content ol.items {
        margin: 0 0 0;
    }

    .filter-options-content ol.items a {
        font-size:13px;
        padding: .5em;
        display: block;
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 5px;
        padding-right: 7px;
    }
    .sidebar-menu a{
        color: #304F4F;
        font-weight: 700;
        font-size: 1.4rem;
        padding: .5em 1em;
        display: block;
        text-transform: uppercase;
    }
    .filter-options div.filter-options-item:nth-child(1) {
        display:none;
    }

    .sidebar-main {
        padding-top: 20px;
    }

    .page-layout-2columns-left h1 {
        margin: 1em 0 3em;
        text-align: center;
     }
     .catalog-category-view .category-description {
        max-width: 70%;
        margin: 0 auto;
    }
}

@media (max-width: 1024px) {
    .menu_sidebar {
        display: none;
    }

    .page-layout-2columns-left main::before {
        display: none;
    }
    ul.category-grid.columns-4 {
        padding-left: 0;
    }
    .panel.header .widget.block-static-block {
        display: none;
    }
    ul.category-grid {
      grid-template-columns: repeat(3, 1fr);
    }
    .block.widget .products-grid .product-items {
      grid-template-columns: repeat(3, 1fr);
    }
    .ekomi-review-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 15px;
}

@media (max-width: 768px) {

  .block.widget .products-grid .product-items {
    grid-template-columns: repeat(2, 1fr);
  }

    ul.category-grid {
      grid-template-columns: repeat(2, 1fr);
    }

    .product.status {
        float: none;
        max-width: 100%;
    }
    .sidewide.jumbotron {
        max-width: 100%;
    }

    .checkout-payment-method .payment-methods {
        margin: 0 0;
    }

    .checkout-index-index .fieldset > .field, .checkout-index-index .fieldset > .fields > .field {
        width: 100%;
        margin-left: 0;
    }

    .header.content {
        padding-top: 24px;
        padding-bottom: 0;
    }
    .block-search, .minicart-wrapper {
        margin-top: 0;
    }
    .block-products-list.grid li {
        padding: 0 10px;
        background-position: center 5px;
    }

    .product.attribute.description {
        max-width: 100%;
        overflow-x: scroll;
    }
    .product.data.items > .item.title > .switch {
         background: rgba(255,0,0,.1);
    }

}


@media (max-width: 768px) {
    .sidebar .widget.block.block-static-block {
        display: none;
    }

    .indexgrid .category-description {
      max-width: 120px;
      margin: 0 auto;
    }

    .page-with-filter .columns .sidebar-main {
        border-top: 1px solid #ccc;
        padding: 0;
    }
}