/*
 Theme Name:     Trianna
 Description:    Trianna's theme
 Author:         Christian Anttonen / Dico Agency
 Author URI:     https://www.linkedin.com/in/christiananttonen/
 Template:       assets
 Version:        1.0.0
*/


/* Magic starts here! 
------------------------------------------------------- */

.etusivu-nosto h4 {
    color: black;
    text-align: center;
    font-size: 28px;
    padding-bottom: 16px;
}

.etusivu-nosto p {
    padding: 4px 16px 24px !important;
    text-align: center;
}


/* Mobile navigation improvements */


/* X icon in expanded mobile menu */

.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}


/* Remove the top line in the mobile menu*/

.et_mobile_menu {
    border-top: 0;
}


/* Center-align moble menu items */

.et_mobile_menu li {
    text-align: center !important;
}

.et_mobile_menu li li,
.et_mobile_menu li ul {
    padding-left: 0 !important;
}


/* Make mobile menu fullwidth */

.et_mobile_menu {
    min-width: 100vw;
    margin-left: -10vw;
}


/* Make the mobile menu full height */

.et_mobile_menu {
    min-height: 100vh !important;
    min-height: -webkit-fill-available;
    padding-top: 50px !important;
}

html {
    height: -webkit-fill-available;
}


/* Remove the animation to avoid delay */

.mobile_nav.opened .et_mobile_menu {
    display: block !important;
}

/* Other stuff */

.et_mobile_menu li a {
    color: #104440 !important;
    transition: all ease-in-out 0.25s;
    border-bottom-style: dotted;
    border-bottom-color: #eeeded;
}
.et-mobile_menu li a:hover {
    background: #f4f4f4;
    transition: all ease-in-out 0.25s;
}
.et-mobile_menu li a:last-child {
    border-bottom-style: hidden !important;
}

.wp-image-5 {
    min-width: 90px;
}

/* Footerin fine-tuning */

h2.footerteksti {
    color: white;
    font-size: 21px;
    font-weight: 800;
    margin-top: 16px;
    padding-bottom: 16px;
}

p.footerteksti {
    font-size: 14px;
    line-height: 150%;
    color: #bcbcbc;
    letter-spacing: 0.5px;
}

a.footerteksti {
    color: white;
    text-decoration: underline;
}

a.footerbtn {
    padding: 8px 16px;
    margin-top: 18px;
    display: block;
    background: #104440;
    width: 140px;
    border-radius: 100px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    transition: all ease-in-out 0.5s;
}

a.footerbtn:hover {
    background: #0E3A37;
    transition: all ease-in-out 0.5s;
}


/* Pakottaa kuvat 270px korkeuteen */

.et_pb_team_member_image img {
    max-height: 270px;
    width: auto;
}

.memberlink {
    margin-right: 12px;
}

@media (max-width: 980px) {
    .et_pb_team_member_image img {
        display: flex;
        margin: auto;
    }
}


/* Hide Languages */

html[lang="en-GB"] .hide-fi {
    display: none;
}

html[lang="fi"] .hide-en {
    display: none;
}


/* Typography */

.et_pb_team_member_image {
    display: inline-block;
    text-align: center;
}

@media (max-width: 980px) {
    h2.et_pb_module_header {
        font-size: 24px !important;
    }
}

@media (max-width: 980px) {
    h1 {
        font-size: 36px !important;
        line-height: 110% !important;
    }
}