/*
 Theme Name:     mentorisi
 Description:    Mentorisi.fi -sivuston teema
 Template:       devdmbootstrap4
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=b3b5887e-801d-426c-bf73-e1b984cbdc63");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
    
    @font-face{
        font-family:"Neo Sans W01";
        src:url("fonts/2959d89a-a257-4ce7-9cda-63e00f275369.eot?#iefix");
        src:url("fonts/2959d89a-a257-4ce7-9cda-63e00f275369.eot?#iefix") format("eot"),url("fonts/a53085dd-4493-4430-8349-fd63d6f3e5bc.woff2") format("woff2"),url("fonts/a32c3a17-3242-461c-a048-ca8e775582b1.woff") format("woff"),url("fonts/97316a7d-9db1-4dc1-bd87-e24103d88a81.ttf") format("truetype");
    }
    @font-face{
        font-family:"Neo Sans W01 Medium";
        src:url("fonts/85c8556d-8a76-4037-a2e2-0f5fd9dabc03.eot?#iefix");
        src:url("fonts/85c8556d-8a76-4037-a2e2-0f5fd9dabc03.eot?#iefix") format("eot"),url("fonts/f056e9e7-3bb5-4f21-b861-ed2a47a0700b.woff2") format("woff2"),url("fonts/b0eddbbb-9e8e-4e08-bde1-965bb945f73a.woff") format("woff"),url("fonts/b2931674-c992-42a0-aa22-e9cb15d3383d.ttf") format("truetype");
    }
    @font-face{
        font-family:"Neo Sans W01 Bold";
        src:url("fonts/a0b14394-4dd9-4421-98cf-dfe2f8dc6251.eot?#iefix");
        src:url("fonts/a0b14394-4dd9-4421-98cf-dfe2f8dc6251.eot?#iefix") format("eot"),url("fonts/82a34ab2-92d9-48c4-989d-50d5bd54fdd1.woff2") format("woff2"),url("fonts/ecedcc38-3aec-48a5-a693-fbfac59dd0ed.woff") format("woff"),url("fonts/2974017c-634d-4238-9381-e3f0b95a150c.ttf") format("truetype");
    }


.material-icons {
    direction: ltr;
    display: inline-block;
    font-family: 'Material Icons';
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/*

font-family:'Neo Sans W01';
font-family:'Neo Sans W01 Medium';
font-family:'Neo Sans W01 Bold';
*/


:root {
    --dark:#231f20;
    --blue1:#000000;
    --blue2:#D7EFFA;
    --blue3:#EBF7FC;
    --blue4:#F4FAFD;
    --gray1:#656263;
    --gray2:#A7EFFA;
    --gray3:#E9E9E9;
    --gray4:#F8F8F8;
    
    --yellow:#FED139;
    
    --hh:5.625em;
}




html, body {
    font-family: 'Neo Sans W01', sans-serif;
    color: #231f20;
    font-size: 16px;
    height: 100%;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}



h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none;}

/* Headers */
h1 {
    font-family:"Neo Sans W01 Bold";
}
h2,
h3,
h4,
h5 {
    font-family:"Neo Sans W01 Bold";
}
h6 { 
    font-family:"Neo Sans W01 Bold";
}


/* font sizes */
html, body {font-size: 16px; line-height: 1.75;}
@media (max-width: 767px) {
    html, body {font-size: 14px;}
}


h1 {font-size: 2.5em; line-height:1.25; } 
h2 {font-size: 1.5em; line-height: 1.583; }  
h3 {font-size: 1.4em; line-height: 1.583; } 
h4 {font-size: 1.3em; line-height: 1.25;} 
h5 {font-size: 1.2em; line-height: 1.25;} 
h6 {font-size: font-size: 0.875em; line-height: 1.286; letter-spacing: 0.1em; text-transform: uppercase; margin-top: 1.5em;} 

@media (max-width: 767px) {
    
}

label, .metatext {
    font-family:'Neo Sans W01 Bold';
    font-size: 0.875em;
    line-height: 1.286;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

a, a:hover {
    color: #000000;
}


a.lnkstl1, p.lnkstl1 > a {
    font-size: 1.5em;
    color: #000000;
    line-height: 1.58;
    display: flex;
    align-items: center;
}

a.taglink {
    font-family:'Neo Sans W01 Bold';
    display: inline-block;
    background-color: #EBF7FC;
    border-radius: 15px;
    font-size: 0.875em;
    line-height: 1.286;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 0.5em 1em 0.5em 1em;
    color: #000000;
    transition: background-color .5s, color .2s;
}

a.taglink:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #000000;
}


.bg-blue3 { background-color: #EBF7FC; }

.c-padd-side {
    padding-left: 6em;
    padding-right: 6em;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.c-padd-side-small {
    padding-left: 3em;
    padding-right: 3em;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.c-padd-left {
    padding-left: 6em;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.c-padd-right {
    padding-right: 6em;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.c-padd-top {
    padding-top: 6em;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.c-padd-bottom {
    padding-bottom: 6em;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.c-padd-top-half {
    padding-top: 3em;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.c-padd-bottom-half {
    padding-bottom: 3em;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;https://www.instagram.com/hsr_sportshop/
}


.nomar { margin: 0px; }




a.cbtn, input.cbtn, .wp-block-button a {
    height: 5em;
    background: none;
    transition: background-color .5s, color .2s;
    display: inline-block;
    border: 2px solid #000000;
    text-transform: none;
    color: #000000;
    background-color: transparent;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-decoration: none;
    padding: 0px;
    padding-left: 3em;
    padding-right: 4em;
    line-height: calc(5em - 4px);
    text-align: center;
    margin-bottom: 1em;
    margin-top: 1em;
    
    font-family:'Neo Sans W01 Bold';
    font-size: 0.875em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

a.cbtn:after, .wp-block-button a:after {
    content: 'chevron_right';
    direction: ltr;
    display: inline-block;
    font-family: 'Material Icons';
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-size: 1.5em;
    position: absolute;
}

a.cbtn.closebtn:after {
    content: 'clear';
}

a.cbtn.white, input.cbtn.white { color: #ffffff; border-color: #ffffff;}

 
.wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {    
    color: #000000!important;
}

.wp-block-button__link:hover {
    color: #ffffff!important;
}

a.cbtn:hover, input.cbtn:hover, .wp-block-button a:hover {
    background-color: #000000;
    color: #ffffff;
    text-decoration: none;
}

a.cbtn.white:hover, input.white.cbtn:hover {
    background-color: #ffffff;
    color: #000000;
    text-decoration: none;
}

a.cbtn.fw, .wp-block-button.fw a {
    display: block;
}

input.cbtn.fw {
    display: block;
    width: 100%!important;
}





a.cbtn-2 {
    display: block;
    font-size: 1.5em;
    height: 6.250em;
    background: none;
    transition: background-color .5s, color .2s;
    border-bottom: 0.5em solid #000000;
    line-height: calc(6.25em - 0.5em);
    text-transform: none;
    color: #000000;
    background-color: transparent;
    text-decoration: none;
    padding: 0px;
    text-align: center;
    font-family:"Neo Sans W01";
}

a.cbtn-2:hover {
    color: #ffffff;
    background-color: #000000;
}

a.cbtn-2:hover:after {
    content: 'chevron_right';
    direction: ltr;
    display: inline-block;
    font-family: 'Material Icons';
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-size: 1.5em;
    position: absolute;
}


a.cbtn-3 {
    display: block;
    font-size: 1.5em;
    height: 6.250em;
    background: none;
    transition: background-color .5s, color .2s;
    border-bottom: 0.5em solid #EBF7FC;
    line-height: calc(6.25em - 0.5em);
    text-transform: none;
    color: #000000;
    background-color: transparent;
    text-decoration: none;
    padding: 0px;
    text-align: center;
    font-family:"Neo Sans W01";
}

a.cbtn-3:hover {
    color: #000000;
    background-color: #EBF7FC;
}

a.cbtn-3:hover:after {
    content: 'chevron_right';
    direction: ltr;
    display: inline-block;
    font-family: 'Material Icons';
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-size: 1.5em;
    position: absolute;
}



a.cbtn-4 {
    display: inline-block;
    font-size: 1em;
    height: 5.625em;
    transition: background-color .5s, color .2s;
    line-height: 5.625em;
    text-transform: none;
    color: #ffffff;
    background-color: #000000;
    text-decoration: none;
    padding-left: 2em;
    padding-right: 2em;
    text-align: center;
    font-family:"Neo Sans W01";
}

a.cbtn-4:hover { background-color: #D7EFFA; color: #231f20; }
a.cbtn-4.gray { background-color: var(--gray); color: #231f20; }
a.cbtn-4.gray:hover { background-color: #231f20; color: #ffffff; }



.lead {
    font-size: 1.5em;
}





/* header */

header {
    height: 5.625em;
}
header.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

header img.logo {
    max-height: calc(5.625em - 2em);
    margin-left: 1em;
    max-width: calc(100% - 1em)!important;
}


header .navbar {
    padding: 0px;
    height: 100%;
}


#symentor-topnavbar, #symentor-topnavbar ul {
    height: 100%;
}

#symentor-topnavbar ul li a {
    display: inline-block;
    height: 100%;
    line-height: 5.625em;
    padding: 0 1em 0 1em;
    font-size: 0.938em;
    color: #231f20;
    font-family:"Neo Sans W01 Medium";
    text-transform: uppercase;
}

@media (min-width: 992px) and (max-width: 1199px){
    #symentor-topnavbar ul li a {
        line-height: 7.500em;
        font-size: 12px;
    }
}

#symentor-topnavbar ul li a:hover,
#symentor-topnavbar ul li.current-menu-item a {
    color: #000000;
    text-decoration: none;
}

.header .logo {
    filter: brightness(0) saturate(0%);
}

#symentor-topnavbar ul li.loginlink a {
    transition: background-color .5s, color .2s;
    text-transform: none;
    color: #ffffff;
    background-color: #000000;
    text-decoration: none;
    text-align: center;
    font-family:"Neo Sans W01";
    padding-left: 2em;
    padding-right: 3em;
    white-space: nowrap;
}

#symentor-topnavbar ul li.loginlink a:after {
    content: 'lock';
    direction: ltr;
    display: inline-block;
    font-family: 'Material Icons';
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-size: 1.5em;
    position: absolute;
    margin-left: 0.2em;
}

#symentor-topnavbar ul li.loginlink a:hover {
    background-color: #000000; color: #ffffff;
}

.logged-in #symentor-topnavbar ul li.loginlink a:after {
    content: 'lock_open';
}

header .navbar-toggler {
    padding: 1rem 1.5rem;
    font-size: 2rem;
}


@media (max-width: 991px) {
    header .navbar {
        height: auto;
        display: block;
        position: relative;
        z-index: 1000;
        width: 100%;
        background-color: #ffffff;
    }
}




@media (max-width: 991px) {
    #symentor-topnavbar ul li a {
        display: block;
        border-top: 1px solid #D7EFFA;
        text-align: center;
    }
    
    #symentor-topnavbar ul li a:hover {
        background-color: #F4FAFD;
    }
    
    #symentor-topnavbar {
        padding-top: 2em;
    }
}








/* footer */
footer {
    background-color: #F8F8F8;
} 

footer .footernav ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

footer .footernav ul li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    padding-bottom: 1em;
}

footer .footernav ul li a {
    color: #231f20;
    font-size: 1.500em;
}

@media (max-width: 991px){
    
    footer .footernav ul li a {
        font-size: 1.00em;
    }
}

footer .footernav-left ul li.loginlink {
    display: none;
}


/* heroimg */

.heroimg {
    height: 20em;
    padding-top: 3em;
    padding-bottom: 3em;
    background-size: cover;
    background-position: center center;
}

.heroimg h1 {
    text-shadow: 0px 0px 75px #231F20;
}

@media (max-width: 575px) {
    .heroimg h1 {
        font-size: 1.8em;
    }
    
}


.heroimg h1.white {
    color: #ffffff;
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}

.animated_title {
    animation: float 10s ease-in-out infinite;
}




/* carousel */

#frontpagecarousel {
    height: 55vh;
}

#frontpagecarousel .carousel-item {
    background-size: cover;
    background-position: center center;
}

#frontpagecarousel .carousel-item h2 {
    font-size: 2.5em; line-height:1.25; 
    text-shadow: 0px 0px 75px #231F20;
}

#frontpagecarousel .carousel-item h2.white {
    color: #ffffff;
}

#frontpagecarousel .carousel-indicators {
    bottom: 1em;
}

@media (min-width: 1200px) { 
    #frontpagecarousel .carousel-indicators {
        bottom: 3em;
    }
}

@media (max-width: 1400px) { 
    
    #frontpagecarousel .carousel-item h2 {
        font-size: 2em;
    }
}

.carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 0.7em;
    height: 0.7em;
    -webkit-border-radius: 0.7em;
    -moz-border-radius: 0.7em;
    border-radius: 0.7em;
    background-color: #E9E9E9;
}

.carousel-indicators li.active {
    background-color: #FED139;
}



@media (max-width: 400px) {
    #frontpagecarousel .carousel-item h2 {
        font-size: 1.8em;
    }
}





/* fixed-quicklinks */
.fixed-quicklinks {
    position: fixed;
    width: 100%;
    bottom: 0px;
    z-index: 100;
}


.fixed-quicklinks .cbtn-2 {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.9);
    height: 3.750em;
    line-height: 3.750em;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.fixed-quicklinks .cbtn-2:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 1);
}



.fixed-quicklinks .cbtn-3 {
    color: #000000;
    background-color: rgba(235, 247, 252, 0.9);
    height: 3.750em;
    line-height: 3.750em;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.fixed-quicklinks .cbtn-3:hover {
    color: #000000;
    background-color: rgba(235, 247, 252, 1);
}

.fixed-quicklinks .cbtn-2:first-of-type {
    border-right: 1px solid #ffffff;
}

.fixed-quicklinks .cbtn-2:last-of-type {
    border-left: 1px solid #ffffff;
}

@media (max-width: 575px) {
    .fixed-quicklinks .cbtn-2, .fixed-quicklinks .cbtn-3 { font-size: 0.8em; }
}




/* block css classes */

.narrow-text { width: 70%; margin: auto; }

@media (max-width: 900px) {
    .narrow-text { width: 80%; }
}

@media (max-width: 575px) {
    .narrow-text { width: 100%; }
}

.img-text-block img {
    max-width: 20em!important;
}

.img-text-block.has-media-on-the-right .wp-block-media-text__media {
    text-align: right;
}



@media (min-width: 601px) { 
    .img-text-block.has-media-on-the-left .wp-block-media-text__content {
        padding-right: 0px;
    }

    .img-text-block.has-media-on-the-right .wp-block-media-text__content {
        padding-left: 0px;
    }
}

@media (max-width: 600px) {
    .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right {
        grid-template-areas:
        "media-text-media"
        "media-text-content";
        display: block;
    }
    
    .img-text-block.has-media-on-the-right .wp-block-media-text__media {
        text-align: center;
    }
    .wp-block-media-text__media {
        margin: 2em auto 1em auto!important;
    }
}





/* navigaatio */

/*
.navbar {
    padding: 0px;
    height: 100%;
}

li.menu-item {
	margin-left: 10px;
	padding: 10px 20px 7px 20px;
}

li.menu-item a {
	font-family:'Neo Sans W01 Medium';
	text-transform: uppercase;
	color: #231f20;
	font-size: 0.938em;
	line-height: 1.867;
}

li.menu-item a:hover {
	text-decoration: none;
	color: #000000;
}

li.current-menu-item a {
	font-weight: bold;
}

li.menu-item.loglink {
	border: 1px solid #fed139;
	-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;
}

li.menu-item.loglink:hover {
	background-color: #fed139;
}

li.menu-item.loglink a:hover {
	text-decoration: none;
	border-bottom: none;
}

.header .logo {
	max-height: 50px;
}

.header.scrolled {
	position: fixed;
	z-index: 3;
	background-color: #ffffff;
}

.header.scrolled .logo {
	max-height: 30px;
}

.header.scrolled li.menu-item a {
	font-size: 16px;
	padding-bottom: 2px;
}

.header.scrolled li.menu-item {
	padding: 7px 20px 5px 20px;
}
.header .logo, li.menu-item, li.menu-item a,
.header.scrolled .logo,
.header.scrolled li.menu-item a,
.header.scrolled li.menu-item {
    transition: 0.8s;
    -webkit-transition:  0.8s;
}*/













/* mentorit */

.um {
    font-size: 16px!important;
    font-size: 1em;
}

.um .um-search {
    padding: 20px 0px!important;
}

.um .um-search-filter {
    /*padding-left: 10px!important;
    padding-right: 10px!important;
    width: 33.3333%!important; */
}
/*
.um .um-search-filter:first-of-type {
    padding-left: 0px!important;
}

.um .um-search-filter:nth-of-type(3) {
    padding-right: 0px!important;
} */

.um .um-search-submit .um-button.um-do-search {
    display: block !important;
    width: 50% !important;
    padding-right: 0px !important;
    margin-right: 0px !important;
    float: right !important;
    box-shadow: none!important;
    
    height: 5em!important;
    background: none!important;
    transition: background-color .5s, color .2s!important;
    border: 2px solid #000000!important;
    text-transform: none!important;
    color: #000000!important;
    background-color: transparent!important;
    -webkit-border-radius: 15px!important;
    -moz-border-radius: 15px!important;
    border-radius: 15px!important;
    text-decoration: none!important;
    padding: 0px!important;
    padding-left: 3em!important;
    padding-right: 4em!important;
    line-height: calc(5em - 4px)!important;
    text-align: center!important;
    margin-bottom: 1em!important;
    margin-top: 1em!important;
    
    font-family:'Neo Sans W01 Bold'!important;
    font-size: 0.875em!important;
    letter-spacing: 0.1em!important;
    text-transform: uppercase!important;

}



.um .um-search-submit .um-button.um-do-search:after {
    content: 'chevron_right'!important;
    direction: ltr!important;
    display: inline-block!important;
    font-family: 'Material Icons'!important;
    text-transform: none!important;
    white-space: nowrap!important;
    word-wrap: normal!important;
    -webkit-font-feature-settings: 'liga'!important;
    -webkit-font-smoothing: antialiased!important;
    font-size: 1.5em!important;
    position: absolute!important;
}


.um .um-search-submit .um-button.um-do-search:hover {
    background-color: #000000!important;
    color: #ffffff!important;
    text-decoration: none!important;
}



.um-user-tags-md span {
    font-family:'Neo Sans W01 Bold'!important;
    display: inline-block;
    background-color: #EBF7FC!important;
    border-radius: 15px!important;
    font-size: 0.875em!important;
    line-height: 1.286!important;
    letter-spacing: 0.1em!important;
    text-transform: uppercase!important;
    padding: 0.5em 1em 0.5em 1em!important;
    color: #000000!important;
    transition: background-color .5s, color .2s;
}

.um-user-tags-md span:hover {
    text-decoration: none!important;
    color: #ffffff!important;
    background-color: #000000!important;
}








.um .um-search-submit .um-button.um-alt {
    display: block!important;
    text-align: right!important;
    clear: both;
    box-shadow: none!important;
    background-color: transparent!important;
    float: right;
    color: #231f20;
}

.um .um-search-submit .um-button.um-alt:after {
    content: "X";
    color: #231f20;
    margin-left: 1em;
}


.um-member-directory-filters {
    display: none!important;
}





.um .select2.select2-container .select2-selection {
    border: none!important;
    border-bottom: 1px solid #656263!important;
    border-radius: 0px!important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 1.5em!important;
    color: #A7A5A6!important;
}

.select2.select2-container .select2-selection .select2-selection__arrow:before {
    color: #000000!important;
}

#ohjeteksti {
    display: inline-block;
    float: left;
    width: 33%;
    text-align: left;
    color: #231f20;
}

.um-member {
    min-height: 420px;
}

.um-member-cover {
    overflow: hidden;
}

.um-member-cover-e {
    background-color: #000000;
}

.um-member-cover-e img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.7;
}

.um-member.with-cover .um-member-photo img {
    border: none;
    -webkit-border-radius: 90px!important;
    -moz-border-radius: 90px!important;
    border-radius: 90px!important;
}

.um-member-name a, .um-member-name a:hover {
    font-size: 1.5em!important;
    font-family:"Neo Sans W01"!important;
    font-weight: 400!important;
    color: #231f20!important;
}

.um-member-name a:hover {
    color: #231f20;
}

.um-member-tagline {
    text-align: left!important;
    color: #656263!important;
    padding: 0.5em 0!important;
    margin: 0 2em!important;
    border-bottom: 1px solid #E9E9E9;
    font-size: 1em!important;
}

.um-member-card  {
    padding-bottom: 2em!important;
}

.um-member-tagline.um-member-tagline-alue {
    color: #231f20!important;
}




.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag {
    font-family: 'Neo Sans W01 Bold';
    display: inline-block!important;
    background-color: #EBF7FC!important;
    border-radius: 15px!important;
    font-size: 0.875em!important;
    line-height: 1.286;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 0.5em 1em 0.5em 1em!important;
    color: #000000;
    transition: background-color .5s, color .2s;
}

.um-members-filter-tag .um-members-filter-remove {
    font-size: 1em!important;
}

.um-clear-filters a {
    color: #000000;
    margin-left: 1.3em;
}

.um-clear-filters a:before {
    content: 'clear';
    direction: ltr;
    display: inline-block;
    font-family: 'Material Icons';
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    position: absolute;
    margin-left: -1.3em;
}




/* PROFIILINÄKYMÄ */

.um-cover-e {
    background-color: #000000;
}

.um-cover-e img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.7;
}

.um-6.um .um-profile-photo a.um-profile-photo-img {
    padding: 0px!important
}

.um-6.um .um-profile-photo a.um-profile-photo-img {
    top: -80px!important;
}

.um-page-user .um-header {
    border-bottom: 0px!important;
}

.um-page-user .um-profile-meta {
    padding-right:0px!important;
}

.um-page-user .um-main-meta {
    padding-top: 1.5em!important;
    padding-bottom: 0.5em!important;
    border-bottom: 1px solid #eee!important;
}

.um-page-user .um-meta {
    padding-top: 0.5em!important;
    color: #656263!important;
    font-size: 16px;
    font-family:"Neo Sans W01 Bold";
}

.um-page-user .um-6.um .um-name a {
    font-family:"Neo Sans W01"!important;
    font-weight: bold!important;
    color: #231f20!important;
    font-size: 2.500rem!important;
}


.um-page-user .um-row._um_row_2 .um-col-121 {
    width: 52%!important;
}

.um-page-user .um-row._um_row_2 .um-col-122 > * {
    margin-left: 7em;
    padding-top: 1em;
    padding-bottom: 1em;
}




.um-page-user .um-row._um_row_2 .um-col-122 > .um-field:first-of-type {
    padding-top: 0px;
}

.um-profile.um-viewing .um-field-label {
    margin: 0!important;
    border-bottom: solid 0px #eee!important;
    padding-bottom: 0px!important;
}

.um-profile.um-viewing .um-field-label label {
    margin: 0!important;
}

.um-page-user .um-row._um_row_2 .um-col-122 .um-field {
    border-bottom: solid 2px #eee;
}

.um-page-user .um-viewing .um-row._um_row_2 .um-col-122 .um-field-type_url .um-field-label,
.um-page-user .um-viewing .um-row._um_row_2 .um-col-122 .um-field-www .um-field-label {
    display: none;
}


.um-page-user .um-viewing .um-row._um_row_2 .um-col-122 .um-field-type_url,
.um-page-user .um-viewing .um-row._um_row_2 .um-col-122 .um-field-type_url div {
    display: inline-block;
    border-bottom: solid 0px #eee;
    margin-left: 0em;
    margin-right: 0.3em; 
}

.um-page-user .um-viewing .um-row._um_row_2 .um-col-122 .um-field-type_url a {
    color: #656263;
}

.um-page-user .um-viewing .um-row._um_row_2 .um-col-122 .um-field-type_url a:hover {
    color: #000000;
}

.um-page-user .um-viewing .um-row._um_row_2 .um-col-122 .um-field-url {
    margin-left: 7em!important;
}

.um-page-user .um-viewing .um-row._um_row_2 .um-col-122 .um-field-url ~ .um-field-url {
    margin-left: 0em!important;
}


.um-page-user .um-viewing .um-row._um_row_2 .um-col-122 .um-field-url {

}

.um-page-user .um-viewing .um-row._um_row_2 .um-col-122 .um-field-www {
    margin-left: 7em!important;
}

.um-page-user .um-viewing .um-row._um_row_2 .um-col-122 > .um-field-type_url.last + div:before {
    content: "";
    display: block;
    height: 2px;
    margin-bottom: 1em;
    background-color: #eee; 
}

.um-page-user .um-viewing .um-row._um_row_2 .um-col-122 > .um-field-type_url.last + div {
    padding-top: 1em;
}

.um-page-user .um-row._um_row_2 .um-col-122 > .um-field-shortcode {
    border-bottom: solid 0px #eee;
}

.um-page-user .um-viewing .um-field-value p {
    font-size: 1em!important;
    color: #231f20;
}

.um-page-user .um-viewing .um-col-122 .um-field-value {
    font-size: 1.5em;
    color: #231f20
}

.um-page-user .um-members-total { display: none;}

.um-user-tag {
    background: transparent!important;
    border: none!important;
    border-radius: 0px!important;
    display: block!important;
    float: left!important;
    color: #666!important;
    font-size: 16px!important;
    cursor: pointer;
    transition: all .2s linear;
    padding: 0px!important;
    margin: 4px 8px 4px 0;
}

.um-user-tag a {
    font-family:'Neo Sans W01 Bold';
    display: inline-block;
    background-color: #EBF7FC;
    border-radius: 15px;
    font-size: 0.875em;
    line-height: 1.286;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 0.5em 1em 0.5em 1em;
    color: #000000;
    transition: background-color .5s, color .2s;
}

.um-user-tag a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #000000;
}

.um-profile.um-viewing .um-field-usertags .um-field-label {
    display: none!important;
}


@media (max-width: 850px) { 
    .um-page-user .um-row._um_row_2 .um-col-122 > * {
        margin-left: 2em;
    }
    .um-page-user .um-viewing .um-row._um_row_2 .um-col-122 .um-field-www {
        margin-left: 2em!important;
    }
}

@media (max-width: 767px) {
    .um-page-user .um-row._um_row_2 .um-col-121 {
        width: 100%!important;
        margin-bottom: 3em;
    }
    .um-page-user .um-row._um_row_2 .um-col-122 {
        width: 100%!important;
    }
    .um-page-user .um-row._um_row_2 .um-col-122 > * {
        margin-left: 0em;
    }
    .um-page-user .um-viewing .um-row._um_row_2 .um-col-122 .um-field-www {
        margin-left: 0em!important;
    }
}







#form-mentori {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0px;
    left: 0px;
    background-color: #000000;
    z-index: 1000;
    overflow-x: auto;
}

#form-mentori .img-area img {
    margin-top: -2em;
}

#form-mentori #close-mentori-form {
    position: fixed;
    top: 2em;
    right: 2em;
    color: #ffffff;
    cursor: pointer;
    z-index: 1001;
}

#form-mentori #close-mentori-form i {
    font-size: 3em;
    color: #ffffff;
}

#form-mentori > .row {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    padding: 8em 0 2em 0
}

#form-mentori label {
    color: #656263;
}

#form-mentori input[type=text], #form-mentori input[type=email], #form-mentori textarea {
    background: transparent;
    border: 2px solid #E9E9E9;
    padding: 0.7em;
}

#form-mentori .nf-form-fields-required {
    display: none;
}

#go-to-login {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 163, 218, 0.9);
    z-index: 1000;
    overflow-x: auto;
}

#go-to-login #close-go-to-login {
    position: fixed;
    top: 2em;
    right: 2em;
    color: #ffffff;
    cursor: pointer;
    z-index: 1001;
}

#go-to-login #close-go-to-login i {
    font-size: 3em;
    color: #ffffff;
}




/* profiilin muokkaus */
.um-editing input[type=submit].um-button {
    background-color: #000000!important;
}

.um-editing .select2-selection--multiple .select2-search--inline,
.um-register .select2-selection--multiple .select2-search--inline {
    width: 6em;
    position: relative;
    cursor: pointer;
}


.um-editing .select2-selection--multiple .select2-search--inline::after,
.um-register .select2-selection--multiple .select2-search--inline::after {
    content: 'Lisää uusi +';
    color: #000000;
    position: absolute;
    top: 0px;
    left: 1px;
}

.um-editing form .select2-selection--multiple .select2-search--inline input[type=search],
.um-register form .select2-selection--multiple .select2-search--inline input[type=search] {
    border: none!important;
}



.um-member-card .um-member-tagline-alueet {
    display: none;
}




/* numbered list */
.numberedlist {
    background-color: #F4FAFD;
    margin-top: 6em;
}

.numberedlist .item {
    margin-top: 1em;
    font-size: 1.200em;

}

.numberedlist .item .list-nbr {
    border: 2px solid #000000;
    color: #000000;
    display: block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 1.3em;
    height: 2.250em;
    width: 2.250em;
    line-height: 2.250em;
    text-align: center;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.numberedlist .item:hover .list-nbr {
    border-color: #000000;
    color: #F4FAFD;
    background-color: #000000;
}





/* contactinfo */
.contactinfo {

}

.contactinfo ul, .contactinfo ul li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.contactinfo ul li {
    display: block;
    border-bottom: 1px solid #E9E9E9;
    padding: 0.5em 0 0.5em 0;
}



.select_area select {
    font-size: 1.5em;
    height: 3em;
    background: none;
    transition: background-color .5s, color .2s;
    display: inline-block;
    border: 2px solid #000000;
    text-transform: none;
    color: #231f20;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-decoration: none;
    padding: 0px;
    padding-left: 2em;
    padding-right: 3em;
    line-height: calc(3em - 4px);
    text-align: center;
    margin-bottom: 1em;
    margin-top: 1em;
    
    letter-spacing: 0.1em;
    width: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    
    background: transparent url(/wp-content/themes/mentorisi/img/select_arrow.png) no-repeat 90% center;

}

.select_area select * {
    font-size: 0.667em;
}

@media (max-width: 575px) {
    .select_area select { width: 100%; }
}




/* Sinitaustaiset osiot */
.bluearea {
    background-color: #000000;
}

.bluearea > * {
    padding: 3em 10em;
}

@media (max-width: 1200px) {
    .bluearea > * { padding: 3em 5em; }
}

@media (max-width: 600px) {
    .bluearea > * { padding: 2em 2em; }
}


.bluearea * {
    color: #ffffff;
}

.bluearea select {
    color: #ffffff; 
}

.bluearea option {
    color: #000000!important;
}

.bluearea h3 {
    text-align: center;
}

.wp-block-ninja-forms-form input[type=text], .wp-block-ninja-forms-form input[type=email], .wp-block-ninja-forms-form input[type=tel], .wp-block-ninja-forms-form textarea {
    background: transparent;
    border: 1px solid #000000;
    padding: 0.7em;
}

.bluearea input[type=text], .bluearea input[type=email], .bluearea input[type=tel], .bluearea textarea { 
    background: transparent;
    border: 2px solid #ffffff;
    padding: 0.7em;
}

.bluearea select {
    background-color: transparent;
    border: 2px solid #ffffff;
}


.nf-form-fields-required {
    display: none;
}



/* login */
ul.nav-tabs {
    border-bottom: 0px solid #dee2e6!important;
    
}

.nav-tabs li {
    width: 50%;
    margin: 0px;
    font-size: 1.5em;
    height: 3.750em;
    line-height: 3.750em;
}

.nav-tabs li a, .nav-tabs li a:hover {
    color: #656263;
    text-decoration: none;
    display: block;
    text-align: center;
    background-color: #D7EFFA;
}

.nav-tabs li a.active {
    background-color: #ffffff;
}

.nav-tabs li a.active, .nav-tabs li a.active:hover {
    color: #231f20;
}

.tab-content {
    padding: 3em;
}


.tab-content .um-field-label label {
    color: #656263;
    font-size: 0.875em!important;
}

.tab-content .um .um-form input[type=text],
.tab-content .um .um-form input[type=password],
.tab-content .um .um-form input[type=text]:focus,
.tab-content .um .um-form input[type=password]:focus {
    border: 2px solid #E9E9E9!important;
}


.tab-content .um .um-form input[type=submit] {
    height: 5em;
    background: none;
    transition: background-color .5s, color .2s;
    display: inline-block;
    border: 2px solid #000000!important;
    text-transform: none;
    color: #000000!important;
    background-color: transparent!important;
    -webkit-border-radius: 15px!important;
    -moz-border-radius: 15px!important;
    border-radius: 15px!important;
    text-decoration: none;
    padding: 0px!important;
    padding-left: 2em!important;
    padding-right: 2em!important;
    line-height: calc(5em - 4px)!important;
    text-align: center;
    margin-bottom: 1em;
    margin-top: 1em;
    
    font-family:'Neo Sans W01 Bold';
    font-size: 0.875em!important;
    letter-spacing: 0.1em!important;
    text-transform: uppercase!important;
    
    width: 50%!important;
    float: left!important;
}

.tab-content .um .um-form input[type=submit]:hover {
    background-color: #000000!important;
    color: #ffffff!important;
    text-decoration: none;
}








#wpadminbar {
    display: none;
}
body.admin-bar {
    margin-top: -32px;
}

@media (max-width: 782px) {
    body.admin-bar { margin-top: -46px; }
}






body .um .um-form input[type=text], body .um .um-form input[type=tel], body .um .um-form input[type=number], body .um .um-form input[type=password], body .um .um-form textarea, body .um .upload-progress, body .select2-container .select2-choice, body .select2-drop, body .select2-container-multi .select2-choices, body .select2-drop-active, body .select2-drop.select2-drop-above {
    border: 1px solid #656263 !important;
    border-radius: 0px !important;
}

body .um .um-form input[type=text]:focus, body .um .um-form input[type=tel]:focus, body .um .um-form input[type=number]:focus, body .um .um-form input[type=password]:focus, body .um .um-form .um-datepicker.picker__input.picker__input--active, body .um .um-form .um-datepicker.picker__input.picker__input--target, body .um .um-form textarea:focus {
    border: 1px solid #000000 !important; 
    border-radius: 0px !important;
}





/* onnistumistarinat */

.mentori_aktori {
    height: 20em;
    width: 100%;
    position: relative;
}



@media (min-width: 576px) and (max-width: 767px) {
    .mentori_aktori { height: 27em; }
}

@media (max-width: 782px) {
    .mentori_aktori { height: 27em; }
}

/* Medium devices (tablets) **** MD ***** */
@media (min-width: 768px) and (max-width: 991px) {
    .mentori_aktori { height: 20em; }
}

/* Large devices (desktops) **** LG ***** */
@media (min-width: 992px) and (max-width: 1199px) {
    .mentori_aktori { height: 28em; }
}

@media (min-width: 1200px) {
    .mentori_aktori { height: 30em; }
}


.mentori_aktori .img-mentori {
    width: 60%;
    height: 60%;
    position: absolute;
    background-size: cover;
    background-position: center center;
    top: 0px;
    left: 0px;
    z-index: 100;
}

.mentori_aktori .img-aktori {
    width: 60%;
    height: 60%;
    position: absolute;
    background-size: cover;
    background-position: center center;
    right: 0px;
    bottom: 0px;
    z-index: 200;
}

.mentori_aktori .name-mentori {
    width: 35%;
    position: absolute;
    top: 0px;
    left: 62%;
    z-index: 100;
    font-family:'Neo Sans W01 Bold';
    font-size: 0.750em;
    color: #000000;
}

.mentori_aktori .name-aktori {
    width: 35%;
    position: absolute;
    bottom: 0px;
    right: 62%;
    z-index: 100;
    text-align: right;
    font-family:'Neo Sans W01 Bold';
    font-size: 0.750em;
    color: #000000;
}

#successstoriescarousel .carousel-indicators {
    position: relative;
    bottom: -15px;
}





input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #A7EFFA!important;
  opacity: 1; /* Firefox */
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #A7EFFA!important;
}

input::-ms-input-placeholder { /* Microsoft Edge */
  color: #A7EFFA!important;
}

body .um input[type=submit].um-button, body .um input[type=submit].um-button:focus, body .um a.um-button, body .um a.um-button.um-disabled:hover, body .um a.um-button.um-disabled:focus, body .um a.um-button.um-disabled:active {
    border: 1px solid #000000!important;
    background-color: #ffffff!important;
    color: #000000!important;
}


body .um input[type=submit].um-button:hover, body .um a.um-button:hover {
    border: 1px solid #000000!important;
    background-color: #000000!important;
    color: #ffffff!important;
}

.um-page-password-reset input.um-form-field {
    
}

.um-page-password-reset input::placeholder, .um-page-password-reset input.um-form-field:-ms-input-placeholder, .um-page-password-reset input.um-form-field::-ms-input-placeholder {
    color: #ffffff!important;
}




.um-page-password-reset .um-col-alt.um-col-alt-b.d-none {
    display: block!important;
}



/* Extra small devices **** XS ***** */
@media (max-width: 575px) {
    .c-padd-side { padding-left: 15px; padding-right: 15px;}
    .c-padd-side-small { padding-left: 15px; padding-right: 15px;}
    .c-padd-right { padding-right: 15px;}
    .c-padd-left { padding-left: 15px;}
    
    
    footer .links .first a { padding-left: 15px; }
}

@media (max-width: 450px) {
    

}

/* Small devices  **** SM ***** */
@media (min-width: 576px) and (max-width: 767px) {
    .c-padd-side { padding-left: 15px; padding-right: 15px;}
    .c-padd-side-small { padding-left: 15px; padding-right: 15px;}
    .c-padd-right { padding-right: 15px;}
    .c-padd-left { padding-left: 15px;}
    
    .mobile-no-padding { padding-left: 0px; padding-right: 0px; }
}

@media (max-width: 782px) {
    .c-padd-side { padding-left: 15px; padding-right: 15px;}
    .c-padd-side-small { padding-left: 15px; padding-right: 15px;}
    .c-padd-right { padding-right: 15px;}
    .c-padd-left { padding-left: 15px;}
    
    .mobile-no-padding { padding-left: 0px; padding-right: 0px; }
}

/* Landscape */
@media (max-width: 767px) and (orientation: landscape) {
}

/* Medium devices (tablets) **** MD ***** */
@media (min-width: 768px) and (max-width: 991px) {
    .c-padd-side { padding-left: 3rem; padding-right: 3rem;}
    .c-padd-side-small { padding-left: 3rem; padding-right: 3rem;}
    .c-padd-right { padding-right: 3rem;}
    .c-padd-left { padding-left: 3rem;}


}

/* Large devices (desktops) **** LG ***** */
@media (min-width: 992px) and (max-width: 1199px) {
 
}

/* Extra large devices (large desktops) **** XL ***** */
@media (min-width: 1200px) and (max-width: 1399px) {
    .c-padd-side { padding-left: 10rem; padding-right: 10rem;}
    .c-padd-side-small { padding-left: 3rem; padding-right: 3rem;}
    .c-padd-right { padding-right: 10rem;}
    .c-padd-left { padding-left: 10rem;}
}
@media (min-width: 1600px) {
   
} 




@media (min-width: 1200px) {
    
}

@media (min-width: 1400px) {
    .c-padd-side { padding-left: 12rem; padding-right: 12rem;}
    .c-padd-side-small { padding-left: 6rem; padding-right: 6rem;}
    .c-padd-right { padding-right: 12rem;}
    .c-padd-left { padding-left: 12rem;}
}

@media (min-width: 1600px) {
   
}

@media (min-width: 1800px) {
    .c-padd-side { padding-left: 16rem; padding-right: 16rem;}
    .c-padd-side-small { padding-left: 6rem; padding-right: 6rem;}
    .c-padd-right { padding-right: 16rem;}
    .c-padd-left { padding-left: 16rem;}
    

}