/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */

/* ----- RESET ----- */

/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, 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:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}*/

/* ----- GENERAL ----- */

.entry-content{
    margin: 0;
}

/* ----- FONTS ----- */
@font-face {
  font-family: "Rouna";
  font-style: normal;
  font-weight: 400;
  src: url("assets/fonts/rouna-bold-webfont.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("assets/fonts/OpenSans-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("assets/fonts/OpenSans-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("assets/fonts/OpenSans-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: url("assets/fonts/OpenSans-BoldItalic.woff2") format("woff2");
}
body{
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400;
}
h1, h2, h3, h4, h5, h6{
    font-family: "Rouna";
}
.wp-site-blocks{
    padding: 0;
}

/* ----- HEADER ----- */

/*header figure.site-logo{
    position: relative;
    width: 150px;
    height: 60px;
    overflow: visible;
}*/
header h1.wp-block-site-title{
    visibility:hidden;
    height: 0;
    width: 0;
}
header figure.site-logo{
    margin: 0;
    padding: 0;
}
header figure.site-logo-mobile{
    display: none;
    margin: 0;
    padding: 0;
}
header figure.site-logo-mobile, header figure.site-logo-mobile img{
    width: 80px!important;
    height: 80px!important;
}
/*header figure.site-logo img{
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    z-index: 999;
}*/
header h1.wp-block-site-title{
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}
nav a{
    font-family: "Rouna";
    font-weight:700;
}
button.wp-block-navigation__responsive-container-open, button.wp-block-navigation__responsive-container-close{
    border: 0;
}

@media screen and (max-width: 599px){
    header figure.site-logo{
        display: none;
    }
    header figure.site-logo-mobile{
        display: block;
    }
}

/* ----- FLEX BEHAVIOURS ----- */

@media screen and (max-width: 599px){
    .invert-flex-direction-mobile{
        flex-direction: column-reverse;
    }
}


/* ----- BUTTONS ----- */
/*.wp-block-buttons .wp-block-button a{
    font-family: "Open Sans";
    font-weight: 700;
    border-radius: 999px;
}
.wp-block-buttons .wp-block-button a:hover{
    background-color:var(--wp--preset--color--secondary);
    color:var(--wp--preset--color--primary);
    box-shadow: none;
}*/

/* ----- CONTACT FORM ----- */

form.wpcf7-form{
}
form.wpcf7-form input{
    display: block;
}
form.wpcf7-form .wpcf7cf_group, form.wpcf7-form label, form.wpcf7-form input, form.wpcf7-form select, form.wpcf7-form textarea, form.wpcf7-form .wpcf7-form-control-wrap{
    width: 100%;
}
form.wpcf7-form .form-col{
    width: 49%;
}
form.wpcf7-form .form-col:first-child{
    margin-right: 1%;
}
form.wpcf7-form .form-col:last-child{
    margin-left: 1%;
}
form.wpcf7-form hr{
    height: 1px;
    background-color: var(--wp--preset--color--primary);
    border: 0;
    opacity: .3;
    margin:40px 0;
}
form.wpcf7-form input[type=submit]{
    background-color: var(--wp--preset--color--primary);
    color: white;
    cursor: pointer;
}

/* ----- FOOTER ----- */

footer{
    margin: 0;
    padding: 0;
}