/* CLASSES IN FILE
div.headerLogo
div.headerTitle
div.headerTitleFirst h1
div.headerTitleSecond h4
div.headerButtons
div.headerButtonsInfo
div.headerButtonsFlag 
header select */



/*
Code Sections:
 1.LOGO
2.TITLE
3.BUTTONS */



/* 1.LOGO */

div.headerLogo{
    height:min-content;
    font-size: 0;
    flex:none;
}





/* 2.TITLE */
div.headerTitle{
    display: flex;
    flex-direction: column;
    justify-content:space-evenly;
    flex:auto;
}


/* inside div.headerTitleFirst */
header.headerPage h1 {
    text-align:left;
    
    color: #f7c86e;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: bolder;
    letter-spacing: -3px;
   
    /* -webkit-text-stroke: 1.5px #f1f8b3;
    text-shadow:
        2px 2px 1.5px #f1f8b3,
        -2px -1px 1.5px #f1f8b3,
        2px -1px 1.5px #f1f8b3,
        -2px 2px 1.5px #f1f8b3; */

        transform: scaleY(1.1);
}


/* inside div.headerTitleFirst */
header.headerPage h4 {
    text-align:left;
    
    color: #f7c86e;
    font-family: Segoe Print, sans-serif;
    font-style: italic;
    font-weight: bold;
    letter-spacing: -1px;
    
    -webkit-text-stroke: 0.2px black;
    text-shadow:
        2px 2px 2px #000,
        -1px -1px 2px #000,
        2px -1px 2px #000,
        -1px 2px 2px #000,
        2px 2px 2px #000,
        -1px -1px 2px #000,
        2px -1px 2px #000,
        -1px 2px 2px #000,
        2px 2px 2px #000,
        -1px -1px 2px #000,
        2px -1px 2px #000,
        -1px 2px 2px #000;

    /* transform: scaleX(0.95); */
    /* -webkit-text-stroke: 0.5px #f7c86e; */

}




/* 3.BUTTONS */

div.headerButtons{
    flex:none;
    font-size: 0;
    display:flex;
}

div.headerButtonsInfo{
    align-self:center;
    height:min-content;
}

/* div.headerButtonsInfo img:hover {
    opacity: 0.7;  
} */

div.headerButtonsFlag{
    border: 3px solid black;
    border-radius: 10%;
    padding:3px;
    align-self:center;
    width: min-content;
    height:min-content;
}


/* inside div.headerButtonsFlag */
header select {
    width:100%;
    background-image:url(../images/icon_SE.png);
    background-repeat: no-repeat;
    background-size: contain;
}