/*!
 * EuropeJobLinks
 * Copyright 2019 ScalaSoft - Software Escalável
 */

body,
html {
    width: 100%;
    height: 100%;
}

body {
    font-family: "Source Sans Pro";
    
}

.noscroll {
    overflow: auto;
    position: fixed;
}

.content-section {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
    position: relative;
    overflow: hidden;
}

.content-section-heading h2 {
    font-size: 3rem;
}

.content-section-heading h3 {
    font-size: 1rem;
    text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

.scroll-to-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    display: none;
    width: 50px;
    height: 50px;
    text-align: center;
    color: white;
    background: rgba(52, 58, 64, 0.5);
    line-height: 45px;
}

.scroll-to-top:focus,
.scroll-to-top:hover {
    color: white;
}

.scroll-to-top:hover {
    background: #343a40;
}

.scroll-to-top i {
    font-weight: 800;
}

.heroheader {
    min-height: 30rem;
    position: relative;
    display: table;
    width: 100%;
    height: auto;
    padding-top: 8rem;
    padding-bottom: 8rem;
    background: #fff url(../img/banner2.svg) top right no-repeat;
    background-size: contain;
}

@media (min-width: 992px) {
    .heroheader {
        height: 100vh;
    }
}


/* Side Menu */

/* #overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    overflow: hidden;
    
}

#overlay.active {
    display: block;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    background: rgba(0, 0, 0, 0.5)
} */
#sidebar-wrapper {
    position: fixed;
    z-index: 3;
    right: 0;
    width: 250px;
    height: 100%;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
    background: #1d809f;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-y: scroll;
    bottom: 0;
    -webkit-overflow-scrolling: touch
}

.sidebar-nav li.sidebar-nav-item a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 15px;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

#sidebar-wrapper.active {
    right: 250px;
    width: 250px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.menu-toggle {
    position: fixed;
    right: 15px;
    top: 15px;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    background: rgba(52, 58, 64, 0.5);
    line-height: 50px;
    z-index: 999;
}

.menu-toggle:focus,
.menu-toggle:hover {
    color: #fff;
}

.menu-toggle:hover {
    background: #343a40;
}

.active.menu-toggle {
    right: 20px;
}

footer.footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

a {
    color: #1d809f;
}

a:hover,
a:focus,
a:active {
    color: #155d74;
}

.btn {
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
    font-weight: 700;
}

.btn-primary {
    background-color: #fff;
    color: #007bff;
    border-color: #e8e8e8;
}


#Austria:after,
#Belgium:after,
#Cyprus:after,
#CzechRepublic:after,
#Denmark:after,
#Estonia:after,
#Finland:after,
#France:after,
#Germany:after,
#Greece:after,
#Hungary:after,
#Ireland:after,
#Italy:after,
#Luxembourg:after,
#Netherlands:after,
#Portugal:after,
#Spain:after,
#Switzerland:after,
#Sweden:after,
#UnitedKingdom:after
{
    text-transform: uppercase;
    display: block;
    position: absolute;
    font-size: 10rem;
    top: -7rem;
    left: 5rem;
    font-family: "Source Sans Pro";
    font-weight: 700;
    z-index: 0
}

#Austria:after {
    content: "Austria";
    color: rgba(0, 0, 0, 0.03);   
}

#Belgium:after {
    content: "Belgium";
    color: rgba(0, 0, 0, 0.01);
}

#Cyprus:after {
    content: "Cyprus";
    color: rgba(0, 0, 0, 0.03);
}

#CzechRepublic:after {
    content: "Czech Republic";
    color: rgba(0, 0, 0, 0.03);
}

#Denmark:after {
    content: "Denmark";
    color: rgba(0, 0, 0, 0.03);
}

#Estonia:after {
    content: "Estonia";
    color: rgba(0, 0, 0, 0.03);
}

#Finland:after {
    content: "Finland";
    color: rgba(0, 0, 0, 0.03);
}

#France:after {
    content: "France";
    color: rgba(0, 0, 0, 0.03);
}

#Germany:after {
    content: "Germany";
    color: rgba(0, 0, 0, 0.03);
}

#Greece:after {
    content: "Greece";
    color: rgba(0, 0, 0, 0.03);
}

#Hungary:after {
    content: "Hungary";
    color: rgba(0, 0, 0, 0.03);
}

#Ireland:after {
    content: "Ireland";
    color: rgba(0, 0, 0, 0.03);
}

#Italy:after {
    content: "Italy";
    color: rgba(0, 0, 0, 0.03);
}

#Luxembourg:after {
    content: "Luxembourg";
    color: rgba(0, 0, 0, 0.03);
}

#Netherlands:after {
    content: "Netherlands";
    color: rgba(0, 0, 0, 0.03);
}

#Portugal:after {
    content: "Portugal";
    color: rgba(0, 0, 0, 0.03);
}

#Spain:after {
    content: "Spain";
    color: rgba(0, 0, 0, 0.03);
}

#Switzerland:after {
    content: "Switzerland";
    color: rgba(0, 0, 0, 0.03);
}

#Sweden:after {
    content: "Sweden";
    color: rgba(0, 0, 0, 0.03);
}

#UnitedKingdom:after {
    content: "United Kingdom";
    color: rgba(0, 0, 0, 0.03);
}