/* =============== */
/* Core Theme BASE */
/* =============== */



/* Debugging Utilities */
/* ================================================== */

/* TRACERS */
/* ---------------------------------------------- */
/*.container { border: 1px solid blue; }*/
/*.row { border: 1px solid green; }*/
/*.col, *[class^="col-"]{ border: 1px solid red; }*/
.trace-red { border: 1px solid red; }
.trace-green { border: 1px solid green; }
.trace-blue { border: 1px solid blue; }
.trace-black { border: 1px solid black; }







/* Content */
/* ================================================== */

/* Base */
/* ---------------------------------------------- */

html, body {
    height: 100vh;
    margin: 0;
    overflow: hidden;
}

/* Box Sizing (for consistent x-browser behaviour) */
/* ---------------------------------------------- */
*, *:after, *:before {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}








/* Content */
/* ================================================== */

/* image (for consistent x-browser behaviour) */
/* ---------------------------------------------- */
img {
    display: block;
    max-width: 100%;
    height: auto;
}


/* Accessibility */
/* ---------------------------------------------- */
a:focus {
    /*outline: 2px solid yellow;*/
}








/* #Clearing todo: remove this and test-browser */
/* ================================================== */

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
.row:after,
.clearfix:after {
    clear: both; }
.row,
.clearfix {
    zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}








/* WORDPRESS */
/* ================================================== */

/* WP Menu RESET */
ul.menu,
ul.sub-menu {
    margin: 0;
    /*list-style: none outside;*/
    display: inline-block;

    /* address weird padding-inline-start property */
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    padding-left: 0!important;
}
.menu ul { margin: 0; }