/* import file for a variety of colors */
/* various useful variables and mixins */
.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; }

.header .top-bar { display: flex; justify-content: flex-end; align-items: center; background-color: #49C2F1; color: white; padding-right: 10px; height: 35px; font-size: 14px; }

.header .top-bar a { color: white; padding: 0 .3rem; display: flex; align-items: center; transition: all .2s ease-in-out; }

.header .top-bar a:hover { background-color: #FFF1; }

.header .top-bar ul { list-style-type: none; }

.header .top-bar ul li { list-style-type: none; padding: 0 0.4rem; }

.header .top-bar .emm-mail { height: 100%; display: flex; align-items: center; justify-content: space-evenly; }

.header .top-bar .emm-mail i { margin: 0 .3rem; }

@media (max-width: 1200px) { .header .top-bar .emm-mail span { display: none; } }

.header .top-bar .social { margin: 0 0 0 1rem; display: flex; width: 120px; height: 100%; }

.header .top-bar .social a { margin: 0; height: 100%; flex-basis: 30px; display: flex; justify-content: center; align-items: center; }

.header .top-bar .social a:hover { background-color: white; }

.header .top-bar .social .facebook:hover { background-color: #3b5998; }

.header .top-bar .social .twitter:hover { background-color: #1da1f2; }

.header .top-bar .social .linkedin:hover { background-color: #0077b5; }

.header .navigation { display: flex; align-items: center; justify-content: space-between; height: 120px; max-height: 120px; padding: 0 0px 0 30px; overflow: hidden; font-size: 1.1rem; background-color: #fff; transition: all .2s ease-in-out; text-transform: uppercase; }

.header .navigation a { transition: all .2s ease-in-out; }

.header .navigation a:hover { opacity: 0.7; }

.header .navigation ul { list-style-type: none; display: flex; border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; background-color: #49C2F1; height: 60px; }

@media (max-width: 1200px) { .header .navigation ul { height: auto; flex-direction: column; padding: 6px; display: none; font-size: 0.9rem; } .header .navigation ul.mobile-ul { background: none; display: flex; } .header .navigation ul.mobile-ul a { color: black; } }

.header .navigation ul li { padding-left: 1rem; padding-right: 1rem; display: flex; align-items: center; justify-content: center; }

.header .navigation ul li a { display: flex; align-items: center; justify-content: center; margin: 0; }

.header .navigation ul li .dropdown-header { height: 100%; display: flex; align-items: center; cursor: pointer; user-select: none; color: #49C2F1; transition: all .2s ease-in-out; }

.header .navigation ul li .dropdown-header:hover { opacity: 0.7; }

.header .navigation ul li .dropdown-content { display: none; position: absolute; background-color: white; min-width: 160px; z-index: 1; top: 115px; padding: 1rem; border-radius: 6px; border-top: 1px solid #49C2F1; box-shadow: 0px 8px 8px 0px #0002; }

.header .navigation ul li:hover .dropdown-content { display: flex; flex-direction: column; align-items: flex-start; }

@media (max-width: 1200px) { .header .navigation ul li { padding-left: 0; justify-content: left; } .header .navigation ul li.dropdown { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 1rem; } .header .navigation ul li .dropdown-content { display: flex; flex-direction: column; align-items: flex-start; position: relative; text-align: left; top: 0; border: none; box-shadow: none; padding: none; border-left: 1px solid #49C2F1; border-radius: 0; } .header .navigation ul li.dropdown:hover .dropdown-content { display: flex; } }

.header .navigation ul li a { color: white; }

@media (max-width: 1200px) { .header .navigation { flex-direction: column; align-items: flex-start; height: auto; max-height: 100px; } }

.header .navigation .mobile-head { display: flex; align-items: center; justify-content: space-between; width: 225px; }

@media (max-width: 1200px) { .header .navigation .mobile-head { width: 100%; margin: 10px 0; } }

.header .navigation .mobile-head .burger { display: none; background: none; border: none; text-decoration: none; transition: all .2s ease-in-out; cursor: pointer; }

.header .navigation .mobile-head .burger:hover { opacity: 0.7; }

.header .navigation .mobile-head .burger:focus { outline: none; }

.header .navigation .mobile-head .burger i { color: #49C2F1; font-size: 2.5rem; }

@media (max-width: 1200px) { .header .navigation .mobile-head .burger { display: inline-block; } }

.header .navigation .mobile-head .logo { width: 225px; height: auto; }

@media (max-width: 1200px) { .header .navigation .mobile-head .logo { width: 180px; } }

.header .navigation-mobile-open { height: auto; }

.lang-dropdown { display: flex; align-items: center; justify-content: center; }

.lang-dropdown a { display: flex; align-items: center; justify-content: center; margin: 0; }

.lang-dropdown .dropdown-header { height: 100%; display: flex; align-items: center; cursor: pointer; user-select: none; color: #49C2F1; transition: all .2s ease-in-out; }

.lang-dropdown .dropdown-header:hover { opacity: 0.7; }

.lang-dropdown .dropdown-content { display: none; position: absolute; background-color: white; min-width: 160px; z-index: 1; top: 115px; padding: 1rem; border-radius: 6px; border-top: 1px solid #49C2F1; box-shadow: 0px 8px 8px 0px #0002; }

.lang-dropdown:hover .dropdown-content { display: flex; flex-direction: column; align-items: flex-start; }

.lang-dropdown a { margin: 0 .3rem; }

.lang-dropdown a img { width: 40px; }

.lang-dropdown .dropdown-header { height: 35px; width: 3rem; color: white; font-size: .7rem; justify-content: flex-end; }

.lang-dropdown .dropdown-header img { width: auto; height: 16px; }

.lang-dropdown .dropdown-header:hover { opacity: 1; }

.lang-dropdown .dropdown-content { top: 35px; right: 3px; min-width: 0; }

.lang-dropdown .dropdown-content *:hover { opacity: .7; }

.lang-dropdown:hover .dropdown-content { display: none; }

.lang-dropdown.open .dropdown-content { display: flex; flex-direction: row; align-items: center; }

.unpublished-warning { position: fixed; bottom: 0; width: 100%; height: 35px; background-color: #FDD835; font-weight: bold; user-select: none; display: flex; justify-content: center; align-items: center; z-index: 100; opacity: 1; transition: all .2s ease-in-out; }

.unpublished-warning i { margin-right: 1rem; }

.unpublished-warning:hover { opacity: 0; }

.global-title > h1 { text-transform: uppercase; margin-top: 0; margin-bottom: 2rem; text-align: center; }

/*# sourceMappingURL=header.css.map */