/*
 Theme Name:   CAMPUS HH
 Template:     twentytwentyfive
 Version:      1.1
*/

:root {
    --c_brown: #933A16;
    --c_green: #7ABCA8;
    --c_beige: #CBBB9F;
    --c_grey:  #878786;

    --c_light-brown:    #DB9274;

    --c_beige78: #cbbb9f78;

    --c_white: #ffffff;
    --c_black: #0a0a0a;

    --c_brown-selected: #00000;
    --c_blue-selected:  #00000;
    --c_beige-selected: #00000;
    --c_grey-selected:  #00000;

    /* Rounded corners */
    --c_rounded-corners: 10%;

    /* Sizes */
    --d_large: 9000px;
    --d_medium: 1440px;
    --d_small: 1280px;

    --t_portrait: 768px;
    --t_landscape: 1024px;

    --p_landscape: 600px;
    --p_portrait: 480px;
}

body {
    margin: 0;
    font-family: 'Avenir', sans-serif; 
    min-width: 1405px;
}

/* height */
.v10 {height: 10vh;}

.v40 {height: 40vh}

.v70 {height: 70vh; min-height: 700px; max-height: 1000px;}

.v100min {min-height: 100vh;}

.v100 {height: 100vh;}

/* header stlye */
.header {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;

    height: 100px;
    background-color: var(--c_white);
}
.header-logo {
    margin-left: 3%;
    flex-basis: 30%;
    height: 100%;
}
.website-logo {
    height: 100%;
}
.nav {
    display: flex;
    flex-flow: row wrap;
    flex-basis: 40%;
}
.nav a {
    margin: 0px 30px;
    text-decoration: none;
    font-size: 1.rem;
    color: var(--c_grey);
    transition: color 300ms ease;
}
.nav a:hover {
    text-decoration: underline;
    color: var(--c_brown);
}

.language-select {
    width: 100px;
    height: 100px;
}
.language-select-container {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    height: 100px;
    align-items: center;
    justify-content: flex-end;
}
.language-select-container svg {
    width: 20px;
    height: 20px;
}

.svg1 {
    padding: 3px;
    width: 17px;
    height: 17px;
    transform: scale(0.8);
}

.nav-login {
    display: flex;
    flex-basis: 13%;
    align-items: baseline;
    justify-content: center;
}
.nav-login-button {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-style: solid;
    border-radius: 8px;
    background: transparent;
    border-color: var(--c_grey);
    border-width: 1.5px;
    font-size: 1rem;
    box-shadow: none;
    color: var(--c_grey);
    transition: color 300ms ease;
}
.nav-login-button:hover {
    color: var(--c_brown);
    border-color: var(--c_brown);
}
/* footer style */
.footer {}


/* contact form */
.contact-us {}
.contact-us-form {}