@font-face { 
    font-family: 'Eurostile'; 
    src: url('/site-engine/run/platform:HzakJ-ZBYVH9KUQJpDQ5viPHT55ZkmPU-do8_xH7JIY/site:2/out:themeres/font1/eurostile.woff2'); src: url('/site-engine/run/platform:HzakJ-ZBYVH9KUQJpDQ5viPHT55ZkmPU-do8_xH7JIY/site:2/out:themeres/font1/eurostile.woff2') format('woff2'); 
    font-weight: 400;
    font-style: normal;
    font-display: auto;
}


body { }

/*** fonts (fomantic) ***/
body {font-family: 'Eurostile', 'Open Sans';}
.ui.header {font-family: 'Eurostile', 'Open Sans';}
.ui.card>.content>.header, 
.ui.cards>.card>.content>.header { font-family: 'Eurostile', 'Open Sans';}
.ui.input>input { font-family: 'Eurostile', 'Open Sans';}
.ui.menu {font-family: 'Eurostile', 'Open Sans';}
.ui.button {font-family: 'Eurostile', 'Open Sans';}
.ui.steps .step .title  {font-family: 'Eurostile', 'Open Sans';}
h1, h2, h3, h4, h5 {font-family: 'Eurostile', 'Open Sans';}

/*** ecommerce catalog ***/
.pf-operations.pf-panel.ui-default .pf-operations--view-cards-large .pf-entry.card { border-radius: 0;}

/*** interface elements ***/
.ui.button { /*border-radius: 0;*/}

/*** page layout ***/
.site-page { min-height: 100vh; display: flex; flex-direction: column; }
.site-page .container-article { flex-grow: 1; }


/*** page content ***/
:root {
    --color-blue: #0075be;
    --color-blue-dark: #0065a5;
    --color-blue-heavy: #0075be;
    --color-blue-medium: #2986ce;
    --color-yellow: #e6fa0e;
    --color-grey: #b3b2b2;
    --color-black: #333333;
    --color-white: #ffffff;
}

/*** header ***/
.console-header--default {}
.console-header-logo--default.large .ui.image { max-height: 40px; /*min-height: 40px;*/ min-height: 1px; }
.console-header--default .search .prompt { border-radius: 0; border: 4px solid #e6fa0e; }
.console-header--default .search input.prompt::-webkit-input-placeholder { color: rgba(0,0,0,.67); }
.console-header--default .search input.prompt::-moz-placeholder { color: rgba(0,0,0,.67); }
.console-header--default .search input.prompt::-s-input-placeholde { color: rgba(0,0,0,.67); }

@media only screen and (max-width: 767px) {
    .console-header-logo--default.large .ui.image { min-height: 1px; }
}
@media only screen and (min-width: 1200px) {
    .console-header--default.large { height: 96px; }
    .console-header-logo--default.large .ui.image { max-height: 80px; }
    .console-header-logo--default.large .ui.image > img { max-width: 25vw; }
    .console-header--default .search .prompt { width: 25rem; border: 6px solid #e6fa0e; }
}

/*** navigation-top ***/
.navigation-top { font-family: 'Eurostile'; font-style: normal; font-weight: 400; line-height: 1.42857143; font-size: 14px; }
.navigation-top { background-color: var(--color-blue-medium); color: var(--color-white); }
.navigation-top a { color: var(--color-white); line-height: 42px; text-transform: uppercase; }
.navigation-top a:hover { color: #444; }
.navigation-top .divider { display: inline-block; margin: -0.25em 0.5em 0 0.5em; border-left: 1px solid white; height: 1em; vertical-align: middle; }
/*.navigation-top li:after { border-color: white !important; }*/

.console-navigation--default.ui-operations-navigation-block { background-color: var(--color-blue-medium); }
.console-navigation--default.ui-operations-navigation-block > ops-navigation { background-color: var(--color-blue-medium); }
.console-navigation--default.ui-operations-navigation-block > ops-navigation .nav--link { font-family: 'Eurostile'; font-style: normal; font-weight: 400; line-height: 1.42857143; font-size: 14px; }
.console-navigation--default.ui-operations-navigation-block > ops-navigation .nav--link { color: var(--color-white); line-height: 42px; text-transform: uppercase; padding: 0; }
.console-navigation--default.ui-operations-navigation-block > ops-navigation .nav--link:hover { color: #444; background:none; }
.console-navigation--default.ui-operations-navigation-block > ops-navigation .nav--divider { display: inline-block; border-left: 1px solid white; height: 1em; align-self:center; margin: 0 1em; }

@media only screen and (min-width: 1200px) {
    .console-navigation--default.ui-operations-navigation-block > ops-navigation { width: 1127px; margin-left: auto; margin-right: auto; }
    .console-navigation--default.ui-operations-navigation-block > ops-navigation > .nav--list { justify-content:start;}
}



/*** footer ***/
.footer1 .row1 { font-family: 'Eurostile'; font-style: normal; font-weight: 400; line-height: 1.42857143; font-size: 14px; }
.footer1 .row1 { background-color: var(--color-grey); color:var(--color-black); }
.footer1 .row1 { padding: 20px; }
.footer1 .row2 { font-family: 'Eurostile'; font-style: normal; font-weight: 400; line-height: 1.42857143; font-size: 12px; }
.footer1 .row2 { padding: 10px; box-sizing: border-box; background-color: var(--color-blue); color:var(--color-white); text-align:center; }

.footer1 .footer-contact {}
.footer1 .footer-contact ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none none; }
.footer1 .footer-contact ul > li { margin: 0; width:50%; padding: 0 0 20px 0;}
.footer1 .footer-contact h2 { font-family: inherit; font-size: inherit; }
.footer1 .footer-contact h3 { font-family: inherit; font-size: 14px; margin: 0; } 
.footer1 .footer-contact li { font-family: inherit; font-size: inherit; }
.footer1 .footer-contact a { display: block; color: var(--color-blue); }
.footer1 .footer-contact a:hover { color: var(--color-blue-dark);  text-decoration: underline; }

.footer1 .footer-links a { font-family: inherit; font-size: inherit; color:#000; display:block; padding: 0 0 10px 0; }
.footer1 .footer-links a:hover { color:var(--color-black); text-decoration: underline;}

.footer1 .ui.grid > .column { width: 25%; }
.footer1 .ui.grid > .column.footer-contact { width: 50%; }
.footer1 .ui.grid > .column.footer-links { width: 25%; }

@media only screen and (max-width: 767px) {
    .footer1 .ui.grid > .column { width: 100%; }
    .footer1 .ui.grid > .column.footer-contact { width: 100%; }
    .footer1 .ui.grid > .column.footer-links { width: 100%; }
    .footer1 .footer-contact ul > li { width:100%; }
}

.footer1 a.button { background-color: var(--color-blue); border: 1px solid var(--color-blue); color: var(--color-white); cursor: pointer;
    display: inline-block; padding: 7px 15px; box-sizing: border-box; vertical-align: middle;
    font-family: 'Eurostile'; font-weight: 400; font-size: 1rem; }
.footer1 a.button:hover{ background-color: var(--color-blue-dark); border: 1px solid var(--color-blue-dark);  }

/*** cms content ***/
.container-article {
    position:relative;
    color: var(--color-black);
    font-family: 'Eurostile';
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    font-size: 1.4rem;
} 
.container-article-bg {
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -100;
}
.container-article-bgrow1 {
    background-color: var(--color-blue);
    display: block;
    height: 350px;
    margin: 0 calc(50% - (50vw + 15px));
    
} 
.container-article-bgrow2 {
    background-color: var(--color-white);
    height: 150px;
} 
.container-article-content {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.container-article-content .grid {
}
.container-article-content .column.main {
    background-color: var(--color-white);
    box-shadow: 0 0 1px rgb(0 0 0 / 70%);
    margin-bottom: 20px;
    padding: 10px;
    width: 75%;
}
.container-article-content .ui.grid > .column.main {
    width: 75%;
    min-height: 25rem;
}
.container-article-content .ui.grid > .column.main.fluid { width:100%; }
.container-article-content .column.side {
    width: 25%;
}
.container-article-content .ui.grid > .column.side {
    width: 25%;
}

@media only screen and (max-width: 767px) {
    .container-article .ui.grid > .column.side { display: none; }
    .container-article .ui.grid > .column.main { width:100%; }
}



.cms-content { color: var(--color-black); font-family: 'Eurostile'; font-style: normal; font-weight: 400; line-height: 1.42857143; font-size: 1rem;}
.cms-content h1 { color: var(--color-black); font-family: 'Eurostile'; font-style: normal; font-weight: 300; line-height: 1.1; font-size: 2.6rem; text-transform: uppercase; }
.cms-content h2 { color: var(--color-black); font-family: 'Eurostile'; font-style: normal; font-weight: 300; line-height: 1.1; font-size: 2.6rem; text-transform: uppercase;}
.cms-content h3 { color: var(--color-black); font-family: 'Eurostile'; font-style: normal; font-weight: 600; line-height: 1.1; /*font-size: 1.8rem;*/ text-transform: uppercase; }

.cms-content p { }
.cms-content ul, 
.cms-content ol { padding-left: 16px; margin-top: 0rem; margin-bottom: 1rem; }
.cms-content ul>li, 
.cms-content ol>li { margin-bottom: 0.5rem; }
.cms-content h1 { margin-bottom: 40px; }
.cms-content h3 { margin-top: 2rem;margin-bottom: 1rem; }
.cms-content hr { border: none; border-top: 1px solid #eee; padding-bottom: 1em; }
.cms-content .column > img { width: 100%; }

/*** cms-form ***/
.cms-content .ui.button.primary { border-radius: 0; background-color: var(--color-blue); border: 1px solid var(--color-blue); color: var(--color-white); }
.cms-content .ui.button.primary:hover{ background-color: var(--color-blue-dark); border: 1px solid var(--color-blue-dark); }


/*** homepage - catalog - categories ***/
#home-catalog-categories .categories { background-color: #fff; padding: 5px;}
#home-catalog-categories .categories ul.level-0 { display: flex; flex-wrap: wrap; margin: 0 -7px; padding:0; list-style:none; }
#home-catalog-categories .category.level-0 { display:inline-block; position:relative; margin:0 7px 15px 7px; font-size:14px; }
#home-catalog-categories .category.level-0 > a { height:100%; display:flex; align-items:flex-end; background-color: #1f83bd; color: #fff;
	font-weight: 700; line-height: unset; overflow: hidden; padding: 0; position: relative; }
#home-catalog-categories .category.level-0 > a > .icon { display:none; }
#home-catalog-categories .category.level-0 > a > .image { display:flex; height: 135px; overflow: hidden; padding: 0; max-width: 135px; flex: 1; 
	position: relative; text-align: right;  text-transform: none; /*z-index: 10;*/ z-index: 1;  }	
#home-catalog-categories .category.level-0 > a > .image > img { transform: translateX(-50%); height: 135px; max-height: 100%; margin: 0 50%; max-width: unset; width: auto; border:0; }	
#home-catalog-categories .category.level-0 > a > .title { display:flex; flex: 1; padding: 10px; position: relative; text-align: right; text-transform: none; z-index: 10; 
    color: #fff; font-weight: 700; line-height: unset;}	
#home-catalog-categories .category.level-0 > a:after { background-color: #0075be; border-radius: 50%; content: ''; display: block; height: 800px; left: -20%; position: absolute; top: 0; width: 800px; z-index: 0;}
#home-catalog-categories .category.level-0:nth-child(even) > a { background-color: #b3b2b2; }
#home-catalog-categories .category.level-0:nth-child(even) > a:after { background-color: #929292; }	
#home-catalog-categories .category.level-0:hover:after { content: ''; display: block; position: absolute; top: 0; left: 100%; width: 10px; height: calc(103%); z-index: 1;}
	
/* submenu */
#home-catalog-categories .categories ul.level-1 { background: #fff; box-shadow: 0 5px 5px rgb(0 0 0 / 19%); font-weight: 400; min-width: 230px; margin: 0; padding: 0;}
#home-catalog-categories .categories ul.level-1 { display:block; list-style:none; position:absolute;top:135px;left:0; overflow: hidden; 
	 border: none; width: 100%; height: auto; max-height:0; background-color: #0075be; }
#home-catalog-categories .categories ul.level-1:before { content: ''; display: block; position: absolute; width: 100%; height: 4px; left: 0; top: -4px; z-index: 1;}
#home-catalog-categories .category.level-0:nth-child(even) ul.level-1 { background-color: #929292; }
#home-catalog-categories .category.level-0:hover ul.level-1 { max-height: 800px; z-index: 200; }
#home-catalog-categories .category.level-1 { position: relative margin:0; width: 100%;}
#home-catalog-categories .category.level-1 > a { display: block; padding: 8px 20px; line-height: inherit; color: #fff; }
#home-catalog-categories .category.level-1 > a .title { color: #fff; }
#home-catalog-categories .category.level-1 > a:hover { background: #e8e8e8; color: #333; text-decoration: none;}
#home-catalog-categories .category.level-1 > a:hover .title { color: #333; }
#home-catalog-categories .category.level-0:nth-child(even) .category.level-1 > a:hover { background-color: #e8e8e8; }	

/* animation */
#home-catalog-categories .categories ul.level-1 { transition: max-height 0.1s ease-out; }
#home-catalog-categories .category.level-0:hover ul.level-1 { transition: max-height 1.0s ease-in;  }

/* mobile */
@media only screen and (max-width: 767px) {
	#home-catalog-categories .category.level-0 { width: 100%; }						
}
@media only screen and (min-width: 768px) {
	#home-catalog-categories .category.level-0 { width: calc(33.3333% - 14px);}
}

/* touch: disable submenu*/
.pf-device-touch #home-catalog-categories .categories ul.level-1 { display:none;}



/*** TEST ECOMMERCE CATEGORY NAVIGATION ***/

.ui-ecommerce-catalog-navigation .ui-operations-navigation-block.default--basic-vertical {}

/* container: ... */

/* disable: indents */
.ui-ecommerce-catalog-navigation .ui-operations-navigation-block.default--basic-vertical .nav--indent { display: none; }

/* disable: collapsible icon */
.ui-ecommerce-catalog-navigation .ui-operations-navigation-block.default--basic-vertical .nav--collapsible { display: none; }

/* general: label */
.ui-ecommerce-catalog-navigation .ui-operations-navigation-block.default--basic-vertical .nav--element { padding: 0; max-height: 50px;}
.ui-ecommerce-catalog-navigation .ui-operations-navigation-block.default--basic-vertical .nav--label { padding: 0.35rem 0.75rem; white-space: unset; } 
.ui-ecommerce-catalog-navigation .ui-operations-navigation-block.default--basic-vertical .nav--label a { color:#fff; font-family: 'Eurostile';}

/* root: label */
.ui-ecommerce-catalog-navigation .ui-operations-navigation-block.default--basic-vertical .nav--level-0 > .nav--container > .nav--element > .nav--label { 
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    background-color: #929292;
}
.ui-ecommerce-catalog-navigation .ui-operations-navigation-block.default--basic-vertical .nav--level-0 > .nav--container > .nav--element > .nav--label > a {
    font-weight: 700;
}

/* sub: list */
.ui-ecommerce-catalog-navigation .ui-operations-navigation-block.default--basic-vertical .nav--level-1 > .nav--container > .nav--element > .nav--label {
    /* box-shadow: 0 0 1px rgb(0 0 0 / 20%); */
    background-color: #b3b2b2;
}

/* hover */
/* .ui-ecommerce-catalog-navigation .ui-operations-navigation-block.default--basic-vertical .nav--node.nav--level-0:hover > .nav--container > .nav--list{
    height: auto;
    opacity: 1;
} */

/* link: full width */
.ui-ecommerce-catalog-navigation .ui-operations-navigation-block.default--basic-vertical .nav--link { display: inline-block; width: 100%;}

/* image */
.ui-ecommerce-catalog-navigation .ui-operations-navigation-block.default--basic-vertical .nav--image { margin-right: 0.5rem; min-width: 50px; max-width: 50px; overflow: clip;}
.ui-ecommerce-catalog-navigation .ui-operations-navigation-block.default--basic-vertical .nav--image.empty { }
.ui-ecommerce-catalog-navigation .ui-operations-navigation-block.default--basic-vertical .nav--link > img { /* max-height:100%; */}

/* change size */

/* Tablet (min) - 768px */
@media only screen and (min-width: 768px) {
    .ui-ecommerce-catalog > div > .ui.grid > .column.min {
        min-width: 22rem !important;
    }
}


/* arrow: werkt nog niet */
.ui-ecommerce-catalog-navigation .ui-operations-navigation-block.default--basic-vertical .nav--level-0 > .nav--container > .nav--element > .nav--label { 
    position: relative;
}
.ui-ecommerce-catalog-navigation .ui-operations-navigation-block.default--basic-vertical .nav--level-0 > .nav--container > .nav--element > .nav--label::after {
    border-width: 15px 15px;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    border-color: transparent;
    border-left-color: #929292;
    border-style: solid;
    border-width: 15px 0;
    content: '';
    display: block;
    left: 100%;
    position: absolute;
    top: 0;

    height: 3rem;
    line-height: 2.1rem;
}

/*** TEST ECOMMERCE CATALOG CARDS ***/

/* reset borders */
.ui-ecommerce-catalog .ui-operations-entries-block ops-entry-card.default.borders { border: none; box-shadow: none;}
.ui-ecommerce-catalog .ui-operations-entries-block ops-entry-card.default.borders > box-media { background: none; border: 1px solid rgba(34,36,38,.1); }

/** search page **/

/* reset borders */
.ui-site-search .ui-operations-entries-block ops-entry-card.default.borders { border: none; box-shadow: none;}
.ui-site-search .ui-operations-entries-block ops-entry-card.default.borders > box-media { background: none; border: 1px solid rgba(34,36,38,.1); }