@charset "utf-8";
/*
Theme Name: Nijm Style
Theme URI: http://www.nijm.nl/
Description: Nijm Webdesign & Hosting Theme.
Version: 1.5
Author: Arjan Nijmeijer
Author URI: http://www.nijm.nl/
Tags: fixed width, two columns, three columns, widgets, special

Nijm Theme by Arjan Nijmeijer || http://www.nijm.nl
Modifications by Arjan Nijmeijer || http://www.nijm.nl
This theme is the main theme for Nijm Webdesign and Hosting.
*/

@font-face {
    font-family: 'Bebas Neue';
    src: url('assets/fonts/BebasNeueBold.eot');
    src: url('assets/fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/BebasNeueBold.woff') format('woff'),
    url('assets/fonts/BebasNeueBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('assets/fonts/BebasNeueRegular.eot');
    src: url('assets/fonts/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/BebasNeueRegular.woff') format('woff'),
    url('assets/fonts/BebasNeueRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/********** RESET **********/
html {  font-family: sans-serif;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; box-sizing: border-box; }
main, article, section, aside, nav, header, footer, figure, figcaption, details, hgroup, menu, summary { display: block; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
mark{ background:none; }
/********** BASE **********/
body{ background:#e5c089 url('assets/images/body-background.jpg') fixed; background-size:cover; font-family: 'Sans Source pro', sans-serif; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ font-family: 'Bebas Neue'; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: inherit; }
h1, .h1{ font-size: 56px; }
h2, .h2{ font-size: 32px; }
h3, .h3 { font-size: 1.5rem; }
h4, .h4 { font-size: 1.25rem; }
h5, .h5 { font-size: 1rem; }
h6, .h6 { font-size: 0.8rem; }

img{ height:auto;}

.woocommerce-checkout .col-1, .woocommerce-checkout .col-2{ display:block !important; flex: none;  max-width: 100%; }

td, p, li{ font-size:100%; line-height:1.6; }
h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }
img{ border:none; }
abbr,acronym { border-bottom:1px dotted #000;cursor:help;}
em { font-style:italic;}
blockquote,ul,ol,dl { margin:1em;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
ol,ul,dl { margin-left:2em;}
ol li { list-style: decimal outside; }
ul li { list-style: disc outside;}
dl dd { margin-left:1em;}
th,td { border:1px solid #000; padding:.5em; }
th { font-weight:bold; text-align:center;}
caption { margin-bottom:.5em;text-align:center;}
p,fieldset,table { margin-bottom:1em; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
*, *:before, *:after { box-sizing: inherit; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; border:none; }

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; }

/********** GRID **********/
#quickacces{ display:block; height:1px; width:1px; overflow:hidden; }

.container{ margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; width: 100%; }
.container-fluid{  margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; width: 100%; }
.row{  display: flex; display: -ms-flexbox; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; ms-flex-wrap: wrap; }
.no-gutters{  margin-left: 0; margin-right: 0; }
.no-gutters > .col,
.no-gutters > [class*="col-"]{  padding-left: 0; padding-right: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto{  min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; width: 100%; }
.col{ flex-basis: 0; flex-grow: 1; max-width: 100%; ms-flex-positive: 1; ms-flex-preferred-size: 0; }
.col-auto{ flex: 0 0 auto; max-width: none; ms-flex: 0 0 auto; width: auto; }
.col-1{ flex: 0 0 8.333333%; max-width: 8.333333%; ms-flex: 0 0 8.333333%; }
.col-2{ flex: 0 0 16.666667%; max-width: 16.666667%; ms-flex: 0 0 16.666667%; }
.col-3{ flex: 0 0 25%; max-width: 25%; ms-flex: 0 0 25%; }
.col-4{ flex: 0 0 33.333333%; max-width: 33.333333%; ms-flex: 0 0 33.333333%; }
.col-5{ flex: 0 0 41.666667%; max-width: 41.666667%; ms-flex: 0 0 41.666667%; }
.col-6{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%; }
.col-7{ flex: 0 0 58.333333%; max-width: 58.333333%; ms-flex: 0 0 58.333333%; }
.col-8{ flex: 0 0 66.666667%; max-width: 66.666667%; ms-flex: 0 0 66.666667%; }
.col-9{ flex: 0 0 75%; max-width: 75%; ms-flex: 0 0 75%; }
.col-10{ flex: 0 0 83.333333%; max-width: 83.333333%; ms-flex: 0 0 83.333333%; }
.col-11{ flex: 0 0 91.666667%; max-width: 91.666667%; ms-flex: 0 0 91.666667%; }
.col-12{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
.order-first{ ms-flex-order: -1; order: -1; }
.order-1{ ms-flex-order: 1; order: 1; }
.order-2{ ms-flex-order: 2; order: 2; }
.order-3{ ms-flex-order: 3; order: 3; }
.order-4{ ms-flex-order: 4; order: 4; }
.order-5{ ms-flex-order: 5; order: 5; }
.order-6{ ms-flex-order: 6; order: 6; }
.order-7{ ms-flex-order: 7; order: 7; }
.order-8{ ms-flex-order: 8; order: 8; }
.order-9{ ms-flex-order: 9; order: 9; }
.order-10{ ms-flex-order: 10; order: 10; }
.order-11{ ms-flex-order: 11; order: 11; }
.order-12{ ms-flex-order: 12; order: 12; }
.offset-1{ margin-left: 8.333333%; }
.offset-2{ margin-left: 16.666667%; }
.offset-3{ margin-left: 25%; }
.offset-4{ margin-left: 33.333333%; }
.offset-5{ margin-left: 41.666667%; }
.offset-6{ margin-left: 50%; }
.offset-7{ margin-left: 58.333333%; }
.offset-8{ margin-left: 66.666667%; }
.offset-9{ margin-left: 75%; }
.offset-10{ margin-left: 83.333333%; }
.offset-11{ margin-left: 91.666667%; }

.flex-row{ flex-direction: row !important; ms-flex-direction: row !important; }
.flex-column{ flex-direction: column !important; ms-flex-direction: column !important; }
.flex-row-reverse{ flex-direction: row-reverse !important; ms-flex-direction: row-reverse !important; }
.flex-column-reverse{ flex-direction: column-reverse !important; ms-flex-direction: column-reverse !important; }
.flex-wrap{ flex-wrap: wrap !important; ms-flex-wrap: wrap !important; }
.flex-nowrap{ flex-wrap: nowrap !important; ms-flex-wrap: nowrap !important; }
.flex-wrap-reverse{ flex-wrap: wrap-reverse !important; ms-flex-wrap: wrap-reverse !important; }
.justify-content-start{ justify-content: flex-start !important; ms-flex-pack: start !important; }
.justify-content-end{ justify-content: flex-end !important; ms-flex-pack: end !important; }
.justify-content-center{ justify-content: center !important; ms-flex-pack: center !important; }
.justify-content-between{ justify-content: space-between !important; ms-flex-pack: justify !important; }
.justify-content-around{ justify-content: space-around !important; ms-flex-pack: distribute !important; }
.align-items-start{ align-items: flex-start !important; ms-flex-align: start !important; }
.align-items-end{ align-items: flex-end !important; ms-flex-align: end !important; }
.align-items-center{ align-items: center !important; ms-flex-align: center !important; }
.align-items-baseline{ align-items: baseline !important; ms-flex-align: baseline !important; }
.align-items-stretch{ align-items: stretch !important; ms-flex-align: stretch !important; }
.align-content-start{ align-content: flex-start !important; ms-flex-line-pack: start !important; }
.align-content-end{ align-content: flex-end !important; ms-flex-line-pack: end !important; }
.align-content-center{ align-content: center !important; ms-flex-line-pack: center !important; }
.align-content-between{ align-content: space-between !important; ms-flex-line-pack: justify !important; }
.align-content-around{ align-content: space-around !important; ms-flex-line-pack: distribute !important; }
.align-content-stretch{ align-content: stretch !important; ms-flex-line-pack: stretch !important; }
.align-self-auto{ align-self: auto !important; ms-flex-item-align: auto !important; }
.align-self-start{ align-self: flex-start !important; ms-flex-item-align: start !important; }
.align-self-end{ align-self: flex-end !important; ms-flex-item-align: end !important; }
.align-self-center{ align-self: center !important; ms-flex-item-align: center !important; }
.align-self-baseline{ align-self: baseline !important; ms-flex-item-align: baseline !important; }
.align-self-stretch{ align-self: stretch !important; ms-flex-item-align: stretch !important; }

/********** HEADER **********/
#header{ display:block; }
#header .container{ position:relative; }

#headerImage{ width:100%; height:300px; text-align:center;}
#headerImage img{ margin-top:32px; height: 268px; border: 1px solid #999; border-bottom:0; }

#header a{ float:left; display:block;  cursor:pointer;  }
#header #logo{ margin:0 0 32px 0; }
#header .site-title{ text-indent: -9999px; position: absolute; }
#header .site-description{ text-indent: -9999px; position: absolute; }

/********** MENU **********/
#mobile-menu{ position:absolute; width:50px;  top:-96px; right:32px;}
#mobile-menu #icon{ cursor:pointer; }

#menu {  margin:0 auto; background: #1d1d1b; }
#menu ul{ padding:0; margin:0; }
#menu li{ list-style:none; }
#menu li a{ text-align:center; text-transform: uppercase; font-family: 'Bebas Neue';font-weight: bold; font-size: 26px;  display:block; color:#FFF; text-decoration:none;  }
#menu li li a{ }

.menu-hoofdmenu-container{ display:none; }

.post-type-archive-nijm_portfolioitem #menu-item-3214 a{ font-weight:bold; color:#000;}
.post-type-archive-nijm_portfolioitem .meta, .blog .meta{ display:none; }

.pagination{ margin-top: 32px; }
.page-numbers{ background: #1b2935; color:#FFF !important; padding: 8px 16px; margin: 32px 4px 0 4px; }
.page-numbers:hover{ background:#de3636;  }
.page-numbers.current{ background:#de3636;}

/********** CONTENT **********/
#content{ padding:64px 15px; }
#content p{ margin-bottom:16px;}
#content a{ color:#de3636; }

#content .post { margin-bottom:20px;}

#content .placeholder{ height:200px; background:#333; width:100%; overflow:hidden; }

#cat{ margin-top:10px; width:270px; height: 30px;}

.noshow{ display:none; }

.alignright { float:right; margin:10px 20px; }
.alignleft { float:left;  margin:10px 20px;}

.gallery-item{ float:left; margin: 0; }

.blog article .holder, .archive article .holder{ text-decoration:none;  text-align:center; border: 1px solid #DDD; border-radius: 4px; box-shadow: 0 8px 24px 0 rgba(36,37,42,0.1); }
.blog .entry-content, .archive .entry-content {padding:0 8px 8px 8px;}
.blog .entry-header, .archive .entry-header {padding:8px 8px 8px 8px;}
.blog .entry-header img, .archive .entry-header img{ width: 100%; }
.blog a, .archive a{  text-decoration:none; }
.blog a h2, .archive a h2{ color:#35414f; margin-top:8px; text-decoration:none; font-size: 1.4rem; line-height: 1.6; font-weight: 400; }
.blog p.readmore, .archive p.readmore{  text-align:center; bottom:0; display:block; width:100%; background:#de3636; padding:5px 16px; color:#FFF;}
.blog p.readmore a, .archive p.readmore a{ color:#FFF !important; text-decoration:none; }

article header ul { float:left; width:100%; margin: 0 0 32px 0; padding: 8px; font-size:90%; }
article header li { margin-left: 0; list-style: none; float: left; margin-right: 16px; }
article header .tag a { font-size:80%; text-transform: uppercase; text-decoration: none; margin-right: 3px; background-color: #E2E2E2; padding: 6px 10px; font-weight: bold; text-align: center; }
article header a:focus, article header a:hover { background: #de3636; color:#FFF !important; }

article footer.meta{ display:none; }

#relatedposts{ padding:64px 0 48px; background: #FFF; }
#relatedposts .title{  display:block; margin-bottom:32px; font-size: 1.75rem; text-align:center;  }
#relatedposts a{ margin-bottom:16px; display:block; padding:8px; text-decoration:none; color:#000; min-height: 225px; text-align: center; border: 1px solid #DDD; border-radius: 4px; box-shadow: 0 8px 24px 0 rgba(36,37,42,0.1);   }
#relatedposts img{ width:100%; height:130px; margin-bottom:8px; }
#relatedposts .placeholder{ width:100%; height:130px; }
#relatedposts strong{ width:100%; height:auto; font-weight:normal; }

#cookie-law { z-index:9999; position: fixed; bottom: 0; left: 0; right: 0; background: #000; margin-top:10px;  }
#cookie-law p { padding: 32px; font-size: 100%; text-align: center; color: #ffffff;   }
#cookie-law a{ color:#FFF; text-decoration:none; display:inline-block; color:#CCC; margin-top:16px;  }
#cookie-law a.defaultUrl:hover{ text-decoration:underline; color:#FFF; }
#cookie-law .close-cookie-banner{ background:#de3636; padding:8px 16px; margin-left:16px; color:#FFF; }
#cookie-law .close-cookie-banner:hover{ background:#0e6435; }

.pagination{ text-align:center;}

/********** SIDEBAR **********/
#sidebar{ }

#sidebar .widget{ margin:10px 20px 20px 10px; clear:both; }
#sidebar .widget h1 a{ color:#FFF; margin:0 0 0 -8px;}
#sidebar .widget h1 a img{ margin:0; padding:0; float:right;  margin:5px 0 0 0;}
#sidebar .widget a {cursor:pointer; color:#FFF; }
#sidebar .widget .title{ color:#000;  }
#sidebar .widget table{   }
#sidebar .widget table td{ vertical-align:text-top; border-bottom:1px solid #CCC; }

#sidebar .widget #latestNews{ margin:10px 0; padding:0; }
#sidebar .widget #latestNews .newsItem{ list-style:none; margin:0 10px 10px 0;  float:left; border-bottom:1px solid #CCC; padding-bottom:10px;}
#sidebar .widget #latestNews .newsItem a{ color:#666; text-decoration:none;  }
#sidebar .widget #latestNews .url{ }
#sidebar .widget #latestNews .newsItem:hover .url{ color:#000; }
#sidebar .widget #latestNews .newsItem{ display:block; width:100%; }
#sidebar .widget #latestNews .date{ font-weight:bold; text-decoration:none; width: 60px; padding: 6px 0; display: block; float: left; text-align: center; margin-right:10px; background: #de3636;  clear: both; }
#sidebar .widget #latestNews .date a{ color:#FFF; font-weight:bold; text-decoration:none; }

/********** TESTIMONIALS **********/
#klantBeoordeling{ background: linear-gradient(150.82deg, #041b27 0%, #40A9D4 100%); width:100%; padding:64px 0; text-align:center;}
#klantBeoordeling h3{ color:#FFF; font-size:180%;  }
#klantBeoordeling p, #klantBeoordeling span, #klantBeoordeling a{ color:#FFF; }
#klantBeoordeling #rating-stars{ height:75px; margin:0 auto; width: 77%; background: url('https://nijm.nl/wp-content/themes/nijm/assets/images/ratings.png') no-repeat center -370px; background-size: 404px;}
#klantBeoordeling a{ padding-top:16px; display:block; }

/********* WOOCOMMERCE **********/
input, select{ padding:8px 16px;}
.products .type-product{ text-align:center;}

.woocommerce div.product p.price, .woocommerce div.product span.price{ font-weight:bold; color:#000; }

.woocommerce .quantity .qty{ width:60px;}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ background:#Ad2828 ;}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #b53434;
    color: #fff;
}

.page-id-28 .products > :first-child{ display:none; }

.woocommerce ul.products li.product .woocommerce-loop-product__title{  font-size:28px; color:#000; }

.woocommerce-page #headerImage{ display:none; }
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product h3{ color:#FFF; font-size:28px; text-align:left; padding: 8px 16px 4px; background: #119616 url('assets/images/rechts.svg') no-repeat right 12px center;  border-radius: 6px; }

.woocommerce ul.products li.product .woocommerce-loop-category__title:hover,
.woocommerce ul.products li.product h3:hover{ background-color:#0c7910; }

.woocommerce ul.products li.product mark{color:#FFF;}
.woocommerce ul.products li.product .price{ color:#Ad2828 ; font-size:20px; font-weight:bold; letter-spacing:2px; text-align:center;}

   background: url('assets/images/arrow-down.svg') no-repeat right 8px center;

.woocommerce ul.products li.product .button{ background: #119616; color: #FFF !important; }
.woocommerce ul.products li.product .button:hover{ background: #21861e;  }

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ background: #119616; color: #FFF !important; }

a.button{ display:inline-block; background: #119616; color: #FFF !important; text-decoration:none; padding:8px 16px; border-radius:4px; }
a.button:hover{ background: #21861e;  }

.margintop64{ margin-top:64px;}
.cart-contents{ text-decoration:none; }

#header .woocommerce-cart {
    float: right;
    padding: 32px 6px 15px 24px;
    text-decoration:none;
}
.cart-contents:before {
    font-family:WooCommerce;
    content: "\e01d";
    color: #000;
    font-size:24px;
    margin-top:32px;
    font-style:normal;
    font-weight:400;
    padding-right:2px;
    vertical-align: bottom;
}
.cart-contents:hover {
    text-decoration: none;
}
.cart-contents-count {
    color: #000;
    font-weight: bold;
    padding: 1px 3px;
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
}

.add_to_cart_button{ margin:0 auto; color:#000 !important;}

#fastOrder{  padding:128px 0 64px 0; background:rgba(145, 123, 88, 0.2); }

#usps{ background:rgba(145, 123, 88, 0.3); padding:64px 0; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);}
#usps ul{ margin:0; padding:0; }
#usps li{ list-style: none; font-size:16px; text-shadow: 1px 3px 5px rgba(00,00,00, 0.2);  display: inline-block; width:100%; text-align:center; color:#000; font-weight:bold;}

    /********** FOOTER **********/
#footer{  padding:32px 0; background:url('assets/images/footer-background.png') repeat-x center bottom;  color:#000; min-height:250px;}
#footer .footerLinks{ line-height:1.6;  }
#footer .footerLinks ul{ padding:0;  margin-top:0;}
#footer .footerLinks li{  list-style: none; }
#footer .footerLinks li a{  font-size:14px; text-decoration:none; color:#000;  }
#footer .footerLinks li a:hover{ text-decoration:underline; }
#footer .title{ font-size:180%; font-family: 'Bebas Neue'; display:block; margin-left:32px; margin-top:120px; font-weight:bold; }

#footer #credits{ font-size:70%;  text-align:center; margin-top:32px; padding:8px 0; }
#footer #credits a{ text-decoration:none;  }
#footer #credits a:hover{ text-decoration:underline; }

#latestNews{ padding-top:32px; padding-bottom:32px; }
#latestNews .mainImage { height: 250px; margin-bottom: 24px; }
#latestNews .image { height: 250px; }
#latestNews .title{ display:block; color:#FFF; position:absolute; bottom:16px; left:24px; font-weight:bold;  font-family: 'Bebas Neue'; text-shadow: 2px 1px 0px rgba(00,00,00, 0.5); font-size:180%; }

.wp-block-columns { display: flex;  margin: 20px 0;}
.wp-block-column { flex: 1; margin: 0 20px; }
.wp-block-columns.has-3-columns{ display: block; }

/* TABLET PORTRAIT */
@media (min-width: 576px){

    #header #logo{ margin:32px 0; }

    .container { max-width: 540px; }
    .col-sm{  flex-basis: 0; flex-grow: 1; max-width: 100%; ms-flex-positive: 1; ms-flex-preferred-size: 0; }
    .col-sm-auto{ flex: 0 0 auto; max-width: none; ms-flex: 0 0 auto; width: auto; }
    .col-sm-1{ flex: 0 0 8.333333%; max-width: 8.333333%; ms-flex: 0 0 8.333333%; }
    .col-sm-2{ flex: 0 0 16.666667%; max-width: 16.666667%; ms-flex: 0 0 16.666667%; }
    .col-sm-3{ flex: 0 0 25%; max-width: 25%; ms-flex: 0 0 25%; }
    .col-sm-4{ flex: 0 0 33.333333%; max-width: 33.333333%; ms-flex: 0 0 33.333333%; }
    .col-sm-5{ flex: 0 0 41.666667%; max-width: 41.666667%; ms-flex: 0 0 41.666667%; }
    .col-sm-6{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%; }
    .col-sm-7{ flex: 0 0 58.333333%; max-width: 58.333333%; ms-flex: 0 0 58.333333%; }
    .col-sm-8{ flex: 0 0 66.666667%; max-width: 66.666667%; ms-flex: 0 0 66.666667%; }
    .col-sm-9{ flex: 0 0 75%; max-width: 75%; ms-flex: 0 0 75%; }
    .col-sm-10{ flex: 0 0 83.333333%; max-width: 83.333333%; ms-flex: 0 0 83.333333%; }
    .col-sm-11{ flex: 0 0 91.666667%; max-width: 91.666667%; ms-flex: 0 0 91.666667%; }
    .col-sm-12{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
    .order-sm-first{ ms-flex-order: -1; order: -1; }
    .order-sm-1{ ms-flex-order: 1; order: 1; }
    .order-sm-2{ ms-flex-order: 2; order: 2; }
    .order-sm-3{ ms-flex-order: 3; order: 3; }
    .order-sm-4{ ms-flex-order: 4; order: 4; }
    .order-sm-5{ ms-flex-order: 5; order: 5; }
    .order-sm-6{ ms-flex-order: 6; order: 6; }
    .order-sm-7{ ms-flex-order: 7; order: 7; }
    .order-sm-8{ ms-flex-order: 8; order: 8; }
    .order-sm-9{ ms-flex-order: 9; order: 9; }
    .order-sm-10{ ms-flex-order: 10; order: 10; }
    .order-sm-11{ ms-flex-order: 11; order: 11; }
    .order-sm-12{ ms-flex-order: 12; order: 12; }
    .offset-sm-0{ margin-left: 0; }
    .offset-sm-1{ margin-left: 8.333333%; }
    .offset-sm-2{ margin-left: 16.666667%; }
    .offset-sm-3{ margin-left: 25%; }
    .offset-sm-4{ margin-left: 33.333333%; }
    .offset-sm-5{ margin-left: 41.666667%; }
    .offset-sm-6{ margin-left: 50%; }
    .offset-sm-7{ margin-left: 58.333333%; }
    .offset-sm-8{ margin-left: 66.666667%; }
    .offset-sm-9{ margin-left: 75%; }
    .offset-sm-10{ margin-left: 83.333333%; }
    .offset-sm-11{ margin-left: 91.666667%; }

    .flex-sm-row{ flex-direction: row !important; ms-flex-direction: row !important; }
    .flex-sm-column{ flex-direction: column !important; ms-flex-direction: column !important; }
    .flex-sm-row-reverse{ flex-direction: row-reverse !important; ms-flex-direction: row-reverse !important; }
    .flex-sm-column-reverse{ flex-direction: column-reverse !important; ms-flex-direction: column-reverse !important; }
    .flex-sm-wrap{ flex-wrap: wrap !important; ms-flex-wrap: wrap !important; }
    .flex-sm-nowrap{ flex-wrap: nowrap !important; ms-flex-wrap: nowrap !important; }
    .flex-sm-wrap-reverse{ flex-wrap: wrap-reverse !important; ms-flex-wrap: wrap-reverse !important; }
    .justify-content-sm-start{ justify-content: flex-start !important; ms-flex-pack: start !important; }
    .justify-content-sm-end{ justify-content: flex-end !important; ms-flex-pack: end !important; }
    .justify-content-sm-center{ justify-content: center !important; ms-flex-pack: center !important; }
    .justify-content-sm-between{ justify-content: space-between !important; ms-flex-pack: justify !important; }
    .justify-content-sm-around{ justify-content: space-around !important; ms-flex-pack: distribute !important; }
    .align-items-sm-start{ align-items: flex-start !important; ms-flex-align: start !important; }
    .align-items-sm-end{ align-items: flex-end !important; ms-flex-align: end !important; }
    .align-items-sm-center{ align-items: center !important; ms-flex-align: center !important; }
    .align-items-sm-baseline{ align-items: baseline !important; ms-flex-align: baseline !important; }
    .align-items-sm-stretch{ align-items: stretch !important; ms-flex-align: stretch !important; }
    .align-content-sm-start{ align-content: flex-start !important; ms-flex-line-pack: start !important; }
    .align-content-sm-end{ align-content: flex-end !important; ms-flex-line-pack: end !important; }
    .align-content-sm-center{ align-content: center !important; ms-flex-line-pack: center !important; }
    .align-content-sm-between{ align-content: space-between !important; ms-flex-line-pack: justify !important; }
    .align-content-sm-around{ align-content: space-around !important; ms-flex-line-pack: distribute !important; }
    .align-content-sm-stretch{ align-content: stretch !important; ms-flex-line-pack: stretch !important; }
    .align-self-sm-auto{ align-self: auto !important; ms-flex-item-align: auto !important; }
    .align-self-sm-start{ align-self: flex-start !important; ms-flex-item-align: start !important; }
    .align-self-sm-end{ align-self: flex-end !important; ms-flex-item-align: end !important; }
    .align-self-sm-center{ align-self: center !important; ms-flex-item-align: center !important; }
    .align-self-sm-baseline{ align-self: baseline !important; ms-flex-item-align: baseline !important; }
    .align-self-sm-stretch{ align-self: stretch !important; ms-flex-item-align: stretch !important; }
}

/* TABLET LANDSCAPE */
@media (min-width: 768px){
    .wp-block-columns.has-3-columns{ display: flex; }
    #latestNews .mainImage { height: 424px; margin-bottom: 0; }
    #latestNews .image { height: 200px; }

    .container { max-width: 720px; }
    .col-md{  flex-basis: 0; flex-grow: 1; max-width: 100%; ms-flex-positive: 1; ms-flex-preferred-size: 0; }
    .col-md-auto{ flex: 0 0 auto; max-width: none; ms-flex: 0 0 auto; width: auto; }
    .col-md-1{ flex: 0 0 8.333333%; max-width: 8.333333%; ms-flex: 0 0 8.333333%; }
    .col-md-2{ flex: 0 0 16.666667%; max-width: 16.666667%; ms-flex: 0 0 16.666667%; }
    .col-md-3{ flex: 0 0 25%; max-width: 25%; ms-flex: 0 0 25%; }
    .col-md-4{ flex: 0 0 33.333333%; max-width: 33.333333%; ms-flex: 0 0 33.333333%; }
    .col-md-5{ flex: 0 0 41.666667%; max-width: 41.666667%; ms-flex: 0 0 41.666667%; }
    .col-md-6{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%; }
    .col-md-7{ flex: 0 0 58.333333%; max-width: 58.333333%; ms-flex: 0 0 58.333333%; }
    .col-md-8{ flex: 0 0 66.666667%; max-width: 66.666667%; ms-flex: 0 0 66.666667%; }
    .col-md-9{ flex: 0 0 75%; max-width: 75%; ms-flex: 0 0 75%; }
    .col-md-10{ flex: 0 0 83.333333%; max-width: 83.333333%; ms-flex: 0 0 83.333333%; }
    .col-md-11{ flex: 0 0 91.666667%; max-width: 91.666667%; ms-flex: 0 0 91.666667%; }
    .col-md-12{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
    .order-md-first{ ms-flex-order: -1; order: -1; }
    .order-md-1{ ms-flex-order: 1; order: 1; }
    .order-md-2{ ms-flex-order: 2; order: 2; }
    .order-md-3{ ms-flex-order: 3; order: 3; }
    .order-md-4{ ms-flex-order: 4; order: 4; }
    .order-md-5{ ms-flex-order: 5; order: 5; }
    .order-md-6{ ms-flex-order: 6; order: 6; }
    .order-md-7{ ms-flex-order: 7; order: 7; }
    .order-md-8{ ms-flex-order: 8; order: 8; }
    .order-md-9{ ms-flex-order: 9; order: 9; }
    .order-md-10{ ms-flex-order: 10; order: 10; }
    .order-md-11{ ms-flex-order: 11; order: 11; }
    .order-md-12{ ms-flex-order: 12; order: 12; }
    .offset-md-0{ margin-left: 0; }
    .offset-md-1{ margin-left: 8.333333%; }
    .offset-md-2{ margin-left: 16.666667%; }
    .offset-md-3{ margin-left: 25%; }
    .offset-md-4{ margin-left: 33.333333%; }
    .offset-md-5{ margin-left: 41.666667%; }
    .offset-md-6{ margin-left: 50%; }
    .offset-md-7{ margin-left: 58.333333%; }
    .offset-md-8{ margin-left: 66.666667%; }
    .offset-md-9{ margin-left: 75%; }
    .offset-md-10{ margin-left: 83.333333%; }
    .offset-md-11{ margin-left: 91.666667%; }

    .flex-md-row{ flex-direction: row !important; ms-flex-direction: row !important; }
    .flex-md-column{ flex-direction: column !important; ms-flex-direction: column !important; }
    .flex-md-row-reverse{ flex-direction: row-reverse !important; ms-flex-direction: row-reverse !important; }
    .flex-md-column-reverse{ flex-direction: column-reverse !important; ms-flex-direction: column-reverse !important; }
    .flex-md-wrap{ flex-wrap: wrap !important; ms-flex-wrap: wrap !important; }
    .flex-md-nowrap{ flex-wrap: nowrap !important; ms-flex-wrap: nowrap !important; }
    .flex-md-wrap-reverse{ flex-wrap: wrap-reverse !important; ms-flex-wrap: wrap-reverse !important; }
    .justify-content-md-start{ justify-content: flex-start !important; ms-flex-pack: start !important; }
    .justify-content-md-end{ justify-content: flex-end !important; ms-flex-pack: end !important; }
    .justify-content-md-center{ justify-content: center !important; ms-flex-pack: center !important; }
    .justify-content-md-between{ justify-content: space-between !important; ms-flex-pack: justify !important; }
    .justify-content-md-around{ justify-content: space-around !important; ms-flex-pack: distribute !important; }
    .align-items-md-start{ align-items: flex-start !important; ms-flex-align: start !important; }
    .align-items-md-end{ align-items: flex-end !important; ms-flex-align: end !important; }
    .align-items-md-center{ align-items: center !important; ms-flex-align: center !important; }
    .align-items-md-baseline{ align-items: baseline !important; ms-flex-align: baseline !important; }
    .align-items-md-stretch{ align-items: stretch !important; ms-flex-align: stretch !important; }
    .align-content-md-start{ align-content: flex-start !important; ms-flex-line-pack: start !important; }
    .align-content-md-end{ align-content: flex-end !important; ms-flex-line-pack: end !important; }
    .align-content-md-center{ align-content: center !important; ms-flex-line-pack: center !important; }
    .align-content-md-between{ align-content: space-between !important; ms-flex-line-pack: justify !important; }
    .align-content-md-around{ align-content: space-around !important; ms-flex-line-pack: distribute !important; }
    .align-content-md-stretch{ align-content: stretch !important; ms-flex-line-pack: stretch !important; }
    .align-self-md-auto{ align-self: auto !important; ms-flex-item-align: auto !important; }
    .align-self-md-start{ align-self: flex-start !important; ms-flex-item-align: start !important; }
    .align-self-md-end{ align-self: flex-end !important; ms-flex-item-align: end !important; }
    .align-self-md-center{ align-self: center !important; ms-flex-item-align: center !important; }
    .align-self-md-baseline{ align-self: baseline !important; ms-flex-item-align: baseline !important; }
    .align-self-md-stretch{ align-self: stretch !important; ms-flex-item-align: stretch !important; }
}

/* DESKTOP */
@media (min-width: 992px){

    #usps li{  width:33%; }
    #mobile-menu{ display:none;}

    #menu { display: block;  margin:32px auto; }

    .menu-hoofdmenu-container{ display:block !important; }

    #menu {  margin:0 auto; }
    #menu ul { margin:0; padding:0; }
    #menu li { float: left; list-style:none; margin:0; }
    #menu li a { text-align:left; padding:12px 18px 8px 18px; margin:0; display: block; text-decoration: none;  }
    #menu li a:hover { background:#cdaa74; color:#000;   }
    #menu li.menu-item-has-children > a { padding-right: 24px; background: url('assets/images/arrow-down.svg') no-repeat right 8px center; }
    #menu li.menu-item-has-children > a:hover {  background:#cdaa74; color:#000; }

    #menu li ul { margin: 0; box-shadow: 0 2px 2px 0 rgba(17,17,17,0.175); background:#1c1d1b; z-index:99999; position: absolute; left: -999em; height: auto;  font-weight: normal; list-style: none; }
    #menu li ul li { float:left; clear:both; width:100%;  }
    #menu li ul li a{ background:none;  width:100%; display:block; color:#FFF; text-decoration:none;  }
    #menu li ul li a:hover{ color:#FFF; }

    #menu li ul li .children{ display:none; position:absolute; margin-top:-51px; margin-left:100%;}
    #menu li ul li:hover .children{ display:block; }
    #menu li ul li .children a{  display:block; white-space:nowrap; }

    #menu li a:hover{  }
    #menu li ul a { display:block; }
    #menu li:hover ul, #nav li li:hover ul { display:block; left: auto; }
    #menu li:hover, #nav li.sfhover { }

    #menu li.current_page_item a{color:#FFF; }
    #menu li.current_page_item > a{ color:#FFF;  font-weight:bold; }
    #menu li.current_page_parent a{  color:#FFF; }
    #menu li.current_page_parent li a, #menublock li.current_page_parent li { color:#FFF; }


    .container {  max-width: 960px; }
    .col-lg{ flex-basis: 0; flex-grow: 1; max-width: 100%; ms-flex-positive: 1; ms-flex-preferred-size: 0; }
    .col-lg-auto{ flex: 0 0 auto; max-width: none; ms-flex: 0 0 auto; width: auto; }
    .col-lg-1{ flex: 0 0 8.333333%; max-width: 8.333333%; ms-flex: 0 0 8.333333%; }
    .col-lg-2{ flex: 0 0 16.666667%; max-width: 16.666667%; ms-flex: 0 0 16.666667%; }
    .col-lg-3{ flex: 0 0 25%; max-width: 25%; ms-flex: 0 0 25%; }
    .col-lg-4{ flex: 0 0 33.333333%; max-width: 33.333333%; ms-flex: 0 0 33.333333%; }
    .col-lg-5{ flex: 0 0 41.666667%; max-width: 41.666667%; ms-flex: 0 0 41.666667%; }
    .col-lg-6{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%; }
    .col-lg-7{ flex: 0 0 58.333333%; max-width: 58.333333%; ms-flex: 0 0 58.333333%; }
    .col-lg-8{ flex: 0 0 66.666667%; max-width: 66.666667%; ms-flex: 0 0 66.666667%; }
    .col-lg-9{ flex: 0 0 75%; max-width: 75%; ms-flex: 0 0 75%; }
    .col-lg-10{ flex: 0 0 83.333333%; max-width: 83.333333%; ms-flex: 0 0 83.333333%; }
    .col-lg-11{ flex: 0 0 91.666667%; max-width: 91.666667%; ms-flex: 0 0 91.666667%; }
    .col-lg-12{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
    .order-lg-first{ ms-flex-order: -1; order: -1; }
    .order-lg-1{ ms-flex-order: 1; order: 1; }
    .order-lg-2{ ms-flex-order: 2; order: 2; }
    .order-lg-3{ ms-flex-order: 3; order: 3; }
    .order-lg-4{ ms-flex-order: 4; order: 4; }
    .order-lg-5{ ms-flex-order: 5; order: 5; }
    .order-lg-6{ ms-flex-order: 6; order: 6; }
    .order-lg-7{ ms-flex-order: 7; order: 7; }
    .order-lg-8{ ms-flex-order: 8; order: 8; }
    .order-lg-9{ ms-flex-order: 9; order: 9; }
    .order-lg-10{ ms-flex-order: 10; order: 10; }
    .order-lg-11{ ms-flex-order: 11; order: 11; }
    .order-lg-12{ ms-flex-order: 12; order: 12; }
    .offset-lg-0{ margin-left: 0; }
    .offset-lg-1{ margin-left: 8.333333%; }
    .offset-lg-2{ margin-left: 16.666667%; }
    .offset-lg-3{ margin-left: 25%; }
    .offset-lg-4{ margin-left: 33.333333%; }
    .offset-lg-5{ margin-left: 41.666667%; }
    .offset-lg-6{ margin-left: 50%; }
    .offset-lg-7{ margin-left: 58.333333%; }
    .offset-lg-8{ margin-left: 66.666667%; }
    .offset-lg-9{ margin-left: 75%; }
    .offset-lg-10{ margin-left: 83.333333%; }
    .offset-lg-11{ margin-left: 91.666667%; }

    .flex-lg-row{ flex-direction: row !important; ms-flex-direction: row !important; }
    .flex-lg-column{ flex-direction: column !important; ms-flex-direction: column !important; }
    .flex-lg-row-reverse{ flex-direction: row-reverse !important; ms-flex-direction: row-reverse !important; }
    .flex-lg-column-reverse{ flex-direction: column-reverse !important; ms-flex-direction: column-reverse !important; }
    .flex-lg-wrap{ flex-wrap: wrap !important; ms-flex-wrap: wrap !important; }
    .flex-lg-nowrap{ flex-wrap: nowrap !important; ms-flex-wrap: nowrap !important; }
    .flex-lg-wrap-reverse{ flex-wrap: wrap-reverse !important; ms-flex-wrap: wrap-reverse !important; }
    .justify-content-lg-start{ justify-content: flex-start !important; ms-flex-pack: start !important; }
    .justify-content-lg-end{ justify-content: flex-end !important; ms-flex-pack: end !important; }
    .justify-content-lg-center{ justify-content: center !important; ms-flex-pack: center !important; }
    .justify-content-lg-between{ justify-content: space-between !important; ms-flex-pack: justify !important; }
    .justify-content-lg-around{ justify-content: space-around !important; ms-flex-pack: distribute !important; }
    .align-items-lg-start{ align-items: flex-start !important; ms-flex-align: start !important; }
    .align-items-lg-end{ align-items: flex-end !important; ms-flex-align: end !important; }
    .align-items-lg-center{ align-items: center !important; ms-flex-align: center !important; }
    .align-items-lg-baseline{ align-items: baseline !important; ms-flex-align: baseline !important; }
    .align-items-lg-stretch{ align-items: stretch !important; ms-flex-align: stretch !important; }
    .align-content-lg-start{ align-content: flex-start !important; ms-flex-line-pack: start !important; }
    .align-content-lg-end{ align-content: flex-end !important; ms-flex-line-pack: end !important; }
    .align-content-lg-center{ align-content: center !important; ms-flex-line-pack: center !important; }
    .align-content-lg-between{ align-content: space-between !important; ms-flex-line-pack: justify !important; }
    .align-content-lg-around{ align-content: space-around !important; ms-flex-line-pack: distribute !important; }
    .align-content-lg-stretch{ align-content: stretch !important; ms-flex-line-pack: stretch !important; }
    .align-self-lg-auto{ align-self: auto !important; ms-flex-item-align: auto !important; }
    .align-self-lg-start{ align-self: flex-start !important; ms-flex-item-align: start !important; }
    .align-self-lg-end{ align-self: flex-end !important; ms-flex-item-align: end !important; }
    .align-self-lg-center{ align-self: center !important; ms-flex-item-align: center !important; }
    .align-self-lg-baseline{ align-self: baseline !important; ms-flex-item-align: baseline !important; }
    .align-self-lg-stretch{ align-self: stretch !important; ms-flex-item-align: stretch !important; }
}

/* DESKTOP LARGE */
@media (min-width: 1200px){
    .container { max-width: 1140px; }
    .col-xl{  flex-basis: 0; flex-grow: 1; max-width: 100%; ms-flex-positive: 1; ms-flex-preferred-size: 0; }
    .col-xl-auto{ flex: 0 0 auto; max-width: none; ms-flex: 0 0 auto; width: auto; }
    .col-xl-1{ flex: 0 0 8.333333%; max-width: 8.333333%; ms-flex: 0 0 8.333333%; }
    .col-xl-2{ flex: 0 0 16.666667%; max-width: 16.666667%; ms-flex: 0 0 16.666667%; }
    .col-xl-3{ flex: 0 0 25%; max-width: 25%; ms-flex: 0 0 25%; }
    .col-xl-4{ flex: 0 0 33.333333%; max-width: 33.333333%; ms-flex: 0 0 33.333333%; }
    .col-xl-5{ flex: 0 0 41.666667%; max-width: 41.666667%; ms-flex: 0 0 41.666667%; }
    .col-xl-6{ flex: 0 0 50%; max-width: 50%; ms-flex: 0 0 50%; }
    .col-xl-7{ flex: 0 0 58.333333%; max-width: 58.333333%; ms-flex: 0 0 58.333333%; }
    .col-xl-8{ flex: 0 0 66.666667%; max-width: 66.666667%; ms-flex: 0 0 66.666667%; }
    .col-xl-9{ flex: 0 0 75%; max-width: 75%; ms-flex: 0 0 75%; }
    .col-xl-10{ flex: 0 0 83.333333%; max-width: 83.333333%; ms-flex: 0 0 83.333333%; }
    .col-xl-11{ flex: 0 0 91.666667%; max-width: 91.666667%; ms-flex: 0 0 91.666667%; }
    .col-xl-12{ flex: 0 0 100%; max-width: 100%; ms-flex: 0 0 100%; }
    .order-xl-first{ ms-flex-order: -1; order: -1; }
    .order-xl-1{ ms-flex-order: 1; order: 1; }
    .order-xl-2{ ms-flex-order: 2; order: 2; }
    .order-xl-3{ ms-flex-order: 3; order: 3; }
    .order-xl-4{ ms-flex-order: 4; order: 4; }
    .order-xl-5{ ms-flex-order: 5; order: 5; }
    .order-xl-6{ ms-flex-order: 6; order: 6; }
    .order-xl-7{ ms-flex-order: 7; order: 7; }
    .order-xl-8{ ms-flex-order: 8; order: 8; }
    .order-xl-9{ ms-flex-order: 9; order: 9; }
    .order-xl-10{ ms-flex-order: 10; order: 10; }
    .order-xl-11{ ms-flex-order: 11; order: 11; }
    .order-xl-12{ ms-flex-order: 12; order: 12; }
    .offset-xl-0{ margin-left: 0; }
    .offset-xl-1{ margin-left: 8.333333%; }
    .offset-xl-2{ margin-left: 16.666667%; }
    .offset-xl-3{ margin-left: 25%; }
    .offset-xl-4{ margin-left: 33.333333%; }
    .offset-xl-5{ margin-left: 41.666667%; }
    .offset-xl-6{ margin-left: 50%; }
    .offset-xl-7{ margin-left: 58.333333%; }
    .offset-xl-8{ margin-left: 66.666667%; }
    .offset-xl-9{ margin-left: 75%; }
    .offset-xl-10{ margin-left: 83.333333%; }
    .offset-xl-11{ margin-left: 91.666667%; }

    .flex-xl-row{ flex-direction: row !important; ms-flex-direction: row !important; }
    .flex-xl-column{ flex-direction: column !important; ms-flex-direction: column !important; }
    .flex-xl-row-reverse{ flex-direction: row-reverse !important; ms-flex-direction: row-reverse !important; }
    .flex-xl-column-reverse{ flex-direction: column-reverse !important; ms-flex-direction: column-reverse !important; }
    .flex-xl-wrap{ flex-wrap: wrap !important; ms-flex-wrap: wrap !important; }
    .flex-xl-nowrap{ flex-wrap: nowrap !important; ms-flex-wrap: nowrap !important; }
    .flex-xl-wrap-reverse{ flex-wrap: wrap-reverse !important; ms-flex-wrap: wrap-reverse !important; }
    .justify-content-xl-start{ justify-content: flex-start !important; ms-flex-pack: start !important; }
    .justify-content-xl-end{ justify-content: flex-end !important; ms-flex-pack: end !important; }
    .justify-content-xl-center{ justify-content: center !important; ms-flex-pack: center !important; }
    .justify-content-xl-between{ justify-content: space-between !important; ms-flex-pack: justify !important; }
    .justify-content-xl-around{ justify-content: space-around !important; ms-flex-pack: distribute !important; }
    .align-items-xl-start{ align-items: flex-start !important; ms-flex-align: start !important; }
    .align-items-xl-end{ align-items: flex-end !important; ms-flex-align: end !important; }
    .align-items-xl-center{ align-items: center !important; ms-flex-align: center !important; }
    .align-items-xl-baseline{ align-items: baseline !important; ms-flex-align: baseline !important; }
    .align-items-xl-stretch{ align-items: stretch !important; ms-flex-align: stretch !important; }
    .align-content-xl-start{ align-content: flex-start !important; ms-flex-line-pack: start !important; }
    .align-content-xl-end{ align-content: flex-end !important; ms-flex-line-pack: end !important; }
    .align-content-xl-center{ align-content: center !important; ms-flex-line-pack: center !important; }
    .align-content-xl-between{ align-content: space-between !important; ms-flex-line-pack: justify !important; }
    .align-content-xl-around{ align-content: space-around !important; ms-flex-line-pack: distribute !important; }
    .align-content-xl-stretch{ align-content: stretch !important; ms-flex-line-pack: stretch !important; }
    .align-self-xl-auto{ align-self: auto !important; ms-flex-item-align: auto !important; }
    .align-self-xl-start{ align-self: flex-start !important; ms-flex-item-align: start !important; }
    .align-self-xl-end{ align-self: flex-end !important; ms-flex-item-align: end !important; }
    .align-self-xl-center{ align-self: center !important; ms-flex-item-align: center !important; }
    .align-self-xl-baseline{ align-self: baseline !important; ms-flex-item-align: baseline !important; }
    .align-self-xl-stretch{ align-self: stretch !important; ms-flex-item-align: stretch !important; }
}