/*links and etc.*/
a:link,
a:visited {
    color: transparent;
    background-color: transparent;
    text-decoration: none;
}

a:hover,
a:active {
    color: transparent;
    background-color: transparent;
    text-decoration: underline;
}
button, a, .button{
    cursor: pointer;
}
/*blocks*/
body {
    overflow-x: hidden;
}

main {
    margin: -8px;
    margin-top: -208px;

}

.header {
    margin: -8px;
    width: 100%;
    height: 160px;
    padding: 00px 40px;

    display: flex;
    flex-direction: row;

    align-items: center;
    justify-content: space-between;
}
.news-header{
    height: 200px;
}

.logotype>a {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.white-cover {
    width: 80%;
    align-self: center;
    justify-self: center;

    position: relative;
}

.horizontal-menu {
    height: 160px;
    width: 100%;
}
.menu{
    display: none;
    width: 390px;
    height: 100%;
    background-color: white;
    position: fixed;
    padding-top: 20px;
    right: 0%;
    top: 0%;
}
.horizontal-menu>ul {
    width: 80%;
    padding-top: 40px;
    justify-self: center;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.menu>ul{
    width: 100%;
    padding-top: 80px;
    gap:40px;
    justify-self: center;
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.horizontal-menu>ul>li:hover, .menu>ul>li:hover{
    margin-left: 20px;
    list-style: url('../images/desktop/green_leaf.svg');
}

.horizontal-menu>ul>li>a, .menu>ul>li>a{
    font-family: "Alegreya", serif;
    font-size: 32px;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    color: black;
    text-wrap: nowrap;
}

.text-part {
    width: 90%;
    justify-self: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 40px;
    padding: 40px;
}

.text-part>div {
    width: 100%;
    text-align: center;
}
.test-part>form>div {
    width: 100%;
    text-align: left;
    padding-bottom: 40px;
}
.place {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.spec {
    display: flex;
    flex-direction: column;
    justify-content: left;
    padding-bottom: 40px;
}

.spec>.bold {
    text-align: left;
    width: 100%;
}
button.submit{
    width: 100%;
    border: none;
    background-color: #14638D;
    color: white;
    text-align: left;
    padding: 20px;
}

footer {
    width: 100%;
    height: 160px;
    background-color: black;
    margin: -8px;
    margin-top: 0px;
    padding: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 40px;
    align-items: center;
}

/*text*/
.logotext {
    font-family: "Alegreya", serif;
    font-size: 64px;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: #FFFFFF;
    width: fit-content;
}

.cover-heading {
    font-family: "Alegreya", serif;
    font-size: 90px;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    color: black;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.white-text{
    color: white;
}
.green-text{
    color: #0EB24A;
}

.italic {
    font-style: italic;
    text-wrap: nowrap;
}

.subheading {
    font-family: "Alegreya", serif;
    font-size: 64px;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: black;
    width: fit-content;
    text-align: center;
}

.small-title {
    font-family: "Alegreya", serif;
    font-size: 32px;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: black;
    width: fit-content;
}

.text {
    font-family: "Exo 2", sans-serif;
    font-size: 20px;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    color: black;
    text-wrap: balance;
    text-align: center;
}

.bold {
    font-family: "Exo 2", sans-serif;
    font-size: 32px;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: black;
}

.filter_text {
    font-family: "Exo 2", sans-serif;
    font-size: 24px;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    color: black;
}

.footer-text {
    width: 280px;
    font-family: "Exo 2", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    color: white;
}

/*graphic*/
.logo {
    width: 66px;
    height: 80px;
}

.burger {
    padding-right: 80px;
    cursor: pointer;
}

.cover-colour-1 {
    background-image: url('../images/pole.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.cover-colour-2 {
    background-image: url('../images/desktop/leaf_pattern.svg');
    background-repeat: repeat;
    background-color: #14638D;
}

.cover-colour-3 {
    background-image: url('../images/desktop/wave_pattern.svg');
    background-repeat: repeat;
    background-color: #148D71;
}

.cover-colour-4{
    background-color: #14638D;
}
.cover-colour-5{
    background-color: #148D71;
}
.cover-colour-6{
    background-color: #9DAE1C;
}
.main-cover {
    height: 864px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
}

.cover-image {
    width: 100%;
}

.chart {
    display: flex;
    justify-content: center;
}


.menu-back{
    padding-top: 20px;
    width: fit-content;
    cursor: pointer;
}
.menu-head{
    display: flex;
    flex-direction: row;
    justify-content: left;
    padding-left: 20px;
    padding-top: 10px;
    gap: 240px;
}
.menu-head>.logotype, .menu-head>.logotype>a>.logo {
    width: 46px;
    height: 60px;
}
.menu-head>.logotype, .menu-head>.logotype>a>div{
  color: #0EB24A;
  font-size: 48px;
}
.news-special-head{
  font-size: 80px;
}
}