/*{{- $highlightColor := .Site.Params.style.vars.highlightColor | default (.Site.Params.highlightColor | default "#e22d30") -}}*/

/* define new variables to change colors globally */ 
/*{{- $mainColor := .Site.Params.style.vars.mainColor | default "#2a2a2a" -}}*/
/*{{- $logoTitleColor := .Site.Params.style.vars.logoTitleColor | default "#000" -}}*/
/*{{- $logoTaglineColor := .Site.Params.style.vars.logoTaglineColor | default "#000" -}}*/
/*{{- $headerBackgroundColor := .Site.Params.style.vars.headerBackgroundColor | default "#fff" -}}*/
/* end definition of color variables */


html {
	font-size: 1.0em;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
}


.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 0px 2em;
}


.tophead {
    margin: 8px 0px;
    font-size: 1em;
    font-weight: 700;
    /*border: 1px solid #ff0000;*/
    /*background-color: #e22d30;*/
    color: {{ $mainColor }};
}

.tophead:hover {
    color: {{ $highlightColor }};
}

img.tophead {
    height: 24px;
    margin: 0 12px;
    padding: 0px;
}

.tophead-search {
    width: 40vw;
    font-size: 1em;
    cursor: pointer;
    border: 1px solid {{ $borderColor }};
    transition: none;
    -webkit-appearance: none;
}

div.tophead-search {
    margin-left: auto;
}

.tophead-search__submit[type=submit] {
    display: none;
}

/*
@media screen {
input.tophead-search {
    width: 50vw;
}
@media screen and (max-width: 1475px) {
input.tophead-search {
    width: 50vw;
}
@media screen and (max-width: 900px) {
input.tophead-search {
    width: 50vw;
}
@media screen and (max-width: 767px) {
input.tophead-search {
    width: 50vw;
}
@media screen and (max-width: 620px) {
input.tophead-search {
    width: 50vw;
}
*/