/**
    Theme Name: WP-Searche
    Author: Serge Zant
    Description: Lightweight Wordpress Theme
    Version: 1.0.0
    Text Domain: wp-theme
    Tags: Lightweight
 */

/* Reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* Start Custom */
h1, h2, h3, h4, h5, h6, .color-primary, .color-primary * {color: var(--primary-color)}
.color-secondary, .color-secondary * {color: var(--secondary-color)}
.color-tertiary, .color-tertiary * {color: var(--tertiary-color)}
.color-extra, .color-extra * {color: var(--extra-color)}

.bg-primary {background-color: var(--primary-color)}
.bg-secondary {background-color: var(--secondary-color)}
.bg-tertiary {background-color: var(--tertiary-color)}
.bg-extra {background-color: var(--extra-color)}

.hover-primary:hover{color: var(--primary-color)}
.hover-secondary:hover{color: var(--secondary-color)}
.hover-tertiary:hover{color: var(--tertiary-color)}
.hover-extra:hover{color: var(--extra-color)}

.hover-bg-primary:hover{background-color: var(--primary-color)}
.hover-bg-secondary:hover{background-color: var(--secondary-color)}
.hover-bg-tertiary:hover{background-color: var(--tertiary-color)}
.hover-bg-extra:hover{background-color: var(--extra-color)}

.body-bg-color {background-color: var(--body-bg-color);}
.header-bg-color {background-color: var(--header-bg-color);}
.content-bg-color {background-color: var(--content-bg-color);}
.footer-bg-color {background-color: var(--footer-bg-color);}

* {box-sizing: border-box; text-decoration: none;}
html{scroll-behavior: smooth;}
body {font-family: 'Roboto', sans-serif;}
header, main, aside {position: relative}
img {max-width: 100%; height: auto;}
.wrapper { margin: 0 auto; max-width: 100%;}
.row {width: 100%; overflow: auto;}
.fullwidth {width: 100%; height: auto;}
.transition {
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

/* Min heights */
.mh-100vh {min-height: 100vh;}

/* Flex */
.f-grow-1 {flex-grow: 1;}
.flex-dir-col {flex-direction: column;}

/* Headings, paragraphs and font sizes */
h1, .h1 {font-size: 2.2em;}
h2, .h2 {font-size: 1.8em;}
h3, .h3 {font-size: 1.4em;}
h4, .h4 {font-size: 1.2em;}
h5, .h5 {font-size: 1.1em;}
h6, .h6 {font-size: 1em;}
p {font-size: 1em; padding-bottom: 1em; line-height: 1.4em;}
h2, h3, h4, h5, h6 {padding: .5em 0;}
.fs-smaller{font-size: .5em;}
.fs-small{font-size: .75em;}
strong, b, .bold {font-weight: bold;}
i, .italic {font-style: italic;}

/* Backgrounds and colors */
.bg-white {background-color: #fff;}
.bg-light-grey {background-color: #f1f1f1;}
.bg-dark-grey {background-color: #252525;}
.bg-black {background-color: #000;}
.bg-trans {background-color: rgba(0,0,0,0.0)}

.color-white {color: #fff;}
.color-light-grey {color: #f1f1f1;}
.color-dark-grey {color: #252525;}
.color-black {color: #000;}

/* Columns */
.col-1{width: 8.33%;}
.col-2{width: 16.66%;}
.col-3{width: 25%;}
.col-4{width: 33.33%;}
.col-5{width: 41.66%;}
.col-6{width: 50%;}
.col-7{width: 58.33%;}
.col-8{width: 66.66%;}
.col-9{width: 75%;}
.col-10{width: 83.33%;}
.col-11{width: 91.66%;}
.col-12{width: 100%;}
div[class*='col-'] {float: left; box-sizing: border-box;}

/* Floats and Aligns */
.pull-left {float: left !important;}
.pull-right {float: right !important;}
.pull-init {float: initial !important;}
.center {margin: 0 auto;}
.center-text {text-align: center;}
.v-align-top {vertical-align: top;}
.v-align-middle {vertical-align: middle;}
.v-align-bottom {vertical-align: bottom;}
.align-self-flex-end{align-self: flex-end;}

/* Displays */
.d-block {display: block;}
.d-none {display: none;}
.d-inline-block {display: inline-block;}
.d-flex {display: flex;}

/* Overflows */
.overflow-auto{overflow: auto;}
.overflow-hide{overflow: hidden;}
.overflow-init{overflow: initial;}
/* Positions */
.pos-relative {position: relative;}
.pos-absolute {position: absolute;}

.top-0  {top: 0;}
.top-xs {top: .25em;}
.top-sm {top: .5em;}
.top-md {top: 1em;}
.top-lg {top: 2em;}
.top-xl {top: 3em;}
.top-init  {top: initial;}

.right-0  {right: 0;}
.right-xs {right: .25em;}
.right-sm {right: .5em;}
.right-md {right: 1em;}
.right-xl {right: 1.5em;}
.right-lg {right: 2em;}
.right-xl {right: 3em;}
.right-init  {right: initial;}

.bottom-0  {bottom: 0;}
.bottom-xs {bottom: .25em;}
.bottom-sm {bottom: .5em;}
.bottom-md {bottom: 1em;}
.bottom-xl {bottom: 1.5em;}
.bottom-lg {bottom: 2em;}
.bottom-xl {bottom: 3em;}
.bottom-init  {bottom: initial;}

.left-0  {left: 0;}
.left-xs {left: .25em;}
.left-sm {left: .5em;}
.left-md {left: 1em;}
.left-xl {left: 1.5em;}
.left-lg {left: 2em;}
.left-xl {left: 3em;}
.left-init  {left: initial;}

/* Line heights */
.lh-xs {line-height: .25em;}
.lh-sm {line-height: .5em;}
.lh-md {line-height: 1em;}
.lh-lg {line-height: 1.5em;}
.lh-xl {line-height: 3em;}

/* Paddings */
.p-xs {padding: .25em;}
.p-sm {padding: .5em;}
.p-md {padding: 1em;}
.p-lg {padding: 1.5em;}
.p-xl {padding: 3em;}

.p-x-xs {padding: 0 .25em;}
.p-x-sm {padding: 0 .5em;}
.p-x-md {padding: 0 1em;}
.p-x-lg {padding: 0 1.5em;}
.p-x-xl {padding: 0 3em;}

.p-y-xs {padding: .25em 0;}
.p-y-sm {padding: .5em 0;}
.p-y-md {padding: 1em 0;}
.p-y-lg {padding: 1.5em 0;}
.p-y-xl {padding: 3em 0;}

.p-t-none {padding-top: 0;}
.p-t-xs {padding-top: .25em;}
.p-t-sm {padding-top: .5em;}
.p-t-md {padding-top: 1em;}
.p-t-lg {padding-top: 1.5em;}
.p-t-xl {padding-top: 3em;}

.p-r-none {padding-right: 0;}
.p-r-xs {padding-right: .25em;}
.p-r-sm {padding-right: .5em;}
.p-r-md {padding-right: 1em;}
.p-r-lg {padding-right: 1.5em;}
.p-r-xl {padding-right: 3em;}

.p-b-none {padding-bottom: 0;}
.p-b-xs {padding-bottom: .25em;}
.p-b-sm {padding-bottom: .5em;}
.p-b-md {padding-bottom: 1em;}
.p-b-lg {padding-bottom: 1.5em;}
.p-b-xl {padding-bottom: 3em;}

.p-l-none {padding-left: 0;}
.p-l-xs {padding-left: .25em;}
.p-l-sm {padding-left: .5em;}
.p-l-md {padding-left: 1em;}
.p-l-lg {padding-left: 1.5em;}
.p-l-xl {padding-left: 3em;}

/* Margins Positive */
.m-xs {margin: .25em;}
.m-sm {margin: .5em;}
.m-md {margin: 1em;}
.m-lg {margin: 1.5em;}
.m-xl {margin: 3em;}

.m-x-xs {margin: 0 .25em;}
.m-x-sm {margin: 0 .5em;}
.m-x-md {margin: 0 1em;}
.m-x-lg {margin: 0 1.5em;}
.m-x-xl {margin: 0 3em;}

.m-y-xs {margin: .25em 0;}
.m-y-sm {margin: .5em 0;}
.m-y-md {margin: 1em 0;}
.m-y-lg {margin: 1.5em 0;}
.m-y-xl {margin: 3em 0;}

.m-t-none {margin-top: 0;}
.m-t-xs {margin-top: .25em;}
.m-t-sm {margin-top: .5em;}
.m-t-md {margin-top: 1em;}
.m-t-lg {margin-top: 1.5em;}
.m-t-xl {margin-top: 3em;}

.m-r-none {margin-right: 0;}
.m-r-xs {margin-right: .25em;}
.m-r-sm {margin-right: .5em;}
.m-r-md {margin-right: 1em;}
.m-r-lg {margin-right: 1.5em;}
.m-r-xl {margin-right: 3em;}

.m-b-none {margin-bottom: 0;}
.m-b-xs {margin-bottom: .25em;}
.m-b-sm {margin-bottom: .5em;}
.m-b-md {margin-bottom: 1em;}
.m-b-lg {margin-bottom: 1.5em;}
.m-b-xl {margin-bottom: 3em;}

.m-l-none {margin-left: 0;}
.m-l-xs {margin-left: .25em;}
.m-l-sm {margin-left: .5em;}
.m-l-md {margin-left: 1em;}
.m-l-lg {margin-left: 1.5em;}
.m-l-xl {margin-left: 3em;}

/* Margings Negative */
.mn-xs {margin: -.25em;}
.mn-sm {margin: -.5em;}
.mn-md {margin: -1em;}
.mn-lg {margin: -1.5em;}
.mn-xl {margin: -3em;}

.mn-x-xs {margin: 0 -.25em;}
.mn-x-sm {margin: 0 -.5em;}
.mn-x-md {margin: 0 -1em;}
.mn-x-lg {margin: 0 -1.5em;}
.mn-x-xl {margin: 0 -3em;}

.mn-y-xs {margin: -.25em 0;}
.mn-y-sm {margin: -.5em 0;}
.mn-y-md {margin: -1em 0;}
.mn-y-lg {margin: -1.5em 0;}
.mn-y-xl {margin: -3em 0;}

.mn-t-xs {margin-top: -.25em;}
.mn-t-sm {margin-top: -.5em;}
.mn-t-md {margin-top: -1em;}
.mn-t-lg {margin-top: -1.5em;}
.mn-t-xl {margin-top: -3em;}

.mn-r-xs {margin-right: -.25em;}
.mn-r-sm {margin-right: -.5em;}
.mn-r-md {margin-right: -1em;}
.mn-r-lg {margin-right: -1.5em;}
.mn-r-xl {margin-right: -3em;}

.mn-b-xs {margin-bottom: -.25em;}
.mn-b-sm {margin-bottom: -.5em;}
.mn-b-md {margin-bottom: -1em;}
.mn-b-lg {margin-bottom: -1.5em;}
.mn-b-xl {margin-bottom: -3em;}

.mn-l-xs {margin-left: -.25em;}
.mn-l-sm {margin-left: -.5em;}
.mn-l-md {margin-left: -1em;}
.mn-l-lg {margin-left: -1.5em;}
.mn-l-xl {margin-left: -3em;}


/* Menu */
/*#menu-mainmenu ul li.has-children {
    position: relative;
}*/
/*#menu-mainmenu ul li.has-children ul.submenu {
    display: none;
    position: absolute;
    left: 0;
    top: 2em;
    background-color: var(--header-bg-color);
    width: 150px;
    padding-top: .5em;
}
#menu-mainmenu ul li.has-children ul.submenu li {padding: .5em;width: 100%;}
#menu-mainmenu ul li.has-children ul.submenu li a {color: var(--extra-color);font-size: .75em;}
#menu-mainmenu ul li.has-children:hover > ul.submenu {display: block;}*/

/* Responsive */
/* iPad landscape */
@media screen and (max-width: 1024px) {
    /* Columns */
    .col-1-md{width: 8.33%;}
    .col-2-md{width: 16.66%;}
    .col-3-md{width: 25%;}
    .col-4-md{width: 33.33%;}
    .col-5-md{width: 41.66%;}
    .col-6-md{width: 50%;}
    .col-7-md{width: 58.33%;}
    .col-8-md{width: 66.66%;}
    .col-9-md{width: 75%;}
    .col-10-md{width: 83.33%;}
    .col-11-md{width: 91.66%;}
    .col-12-md{width: 100%;}

    /* Positions */
    .pos-relative-md {position: relative;}
    .top-init-md {top: initial;}
    .right-init-md {right: initial;}
    .bottom-init-md {bottom: initial;}
    .left-init-md {left: initial;}

    /* Flex */
    .flex-dir-col-md {flex-direction: column;}
    .flex-dir-col-md {flex-direction: column;}

    /* Displays */
    .d-block-md {display: block;}
    .d-none-md {display: none;}

    /* Padding reset */
    .p-reset-md {padding: 0;}
}

/* iPad portrait */
@media screen and (max-width: 820px) {
    /* Mobile menu */
    /*#menu-mainmenu.mobile-menu ul li {
        width: 100%;
        float: none;
        display: block;
    }
    #menu-mainmenu.mobile-menu ul li.has-children .open-submenu {
        position: absolute;
        right: 0;
        top: 0.5em;
        color: var(--extra-color);
    }
    #menu-mainmenu.mobile-menu ul li.has-children ul.submenu {
        width: auto;
        left: initial;
        top: initial;
        position: relative;
    }*/

    /* Columns */
    .col-1-sm{width: 8.33%;}
    .col-2-sm{width: 16.66%;}
    .col-3-sm{width: 25%;}
    .col-4-sm{width: 33.33%;}
    .col-5-sm{width: 41.66%;}
    .col-6-sm{width: 50%;}
    .col-7-sm{width: 58.33%;}
    .col-8-sm{width: 66.66%;}
    .col-9-sm{width: 75%;}
    .col-10-sm{width: 83.33%;}
    .col-11-sm{width: 91.66%;}
    .col-12-sm{width: 100%;}

    /* Positions */
    .pos-relative-sm {position: relative;}
    .top-init-sm  {top: initial;}
    .right-init-sm  {right: initial;}
    .bottom-init-sm  {bottom: initial;}
    .left-init-sm  {left: initial;}

    /* Overflows */
    .overflow-auto-sm {overflow: auto;}

    /* Flex */
    .flex-dir-col-sm {flex-direction: column;}

    /* Displays */
    .d-none-sm {display: none;}
    .d-block-sm {display: block;}

    /* Padding */
    .p-y-md-sm {padding: 1em 0;}
    .p-x-md-sm {padding: 0 1em;}
    .p-t-md-sm {padding-top: 1em;}
    .p-b-md-sm {padding-bottom: 1em;}
    .p-l-md-sm {padding-left: 1em;}
    .p-r-md-sm {padding-right: 1em;}
    .p-reset-sm {padding: 0;}

    .p-y-sm-sm {padding: .5em 0;}

    /* Margins */
    .m-y-md-sm {margin: 1em 0;}
    .m-x-md-sm {margin: 0 1em;}
    .m-t-md-sm {margin-top: 1em;}
    .m-b-md-sm {margin-bottom: 1em;}
    .m-l-md-sm {margin-left: 1em;}
    .m-r-md-sm {margin-right: 1em;}
    .m-reset-sm {margin: 0;}

}

/* Mobile */
@media screen and (max-width: 420px) {
    /* Columns */
    .col-1-xs{width: 8.33%;}
    .col-2-xs{width: 16.66%;}
    .col-3-xs{width: 25%;}
    .col-4-xs{width: 33.33%;}
    .col-5-xs{width: 41.66%;}
    .col-6-xs{width: 50%;}
    .col-7-xs{width: 58.33%;}
    .col-8-xs{width: 66.66%;}
    .col-9-xs{width: 75%;}
    .col-10-xs{width: 83.33%;}
    .col-11-xs{width: 91.66%;}
    .col-12-xs{width: 100%;}

    /* Positions */
    .pos-relative-xs {position: relative;}
    .top-init-xs {top: initial;}
    .right-init-xs {right: initial;}
    .bottom-init-xs {bottom: initial;}
    .left-init-xs {left: initial;}

    /* Flex */
    .flex-dir-col-xs {flex-direction: column;}

    /* Displays */
    .d-block-xs {display: block;}
    .d-none-xs {display: none;}

    /* Padding reset */
    .p-reset-xs {padding: 0;}
}