@font-face{
    font-family:Antonio;
    font-style:normal;
    font-weight:300;
    src:local("Antonio Light"),url(Antonio-Light.woff) format("woff")
}
@font-face{
    font-family:Antonio;
    font-style:normal;
    font-weight:400;
    src:local("Antonio Regular"),url(Antonio-Regular.woff) format("woff")
}
@font-face{
    font-family:Antonio;
    font-style:normal;
    font-weight:700;
    src:local("Antonio Bold"),url(Antonio-Bold.woff) format("woff")
}

body {
    font-family: Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    line-height: 1.33333333;
    background-color: #f6f6f6;
}

body.front #page-title {
    display: none;
}
body.front p.float-right {
    margin-bottom: 3em;
}
body.front ul.links {
    display: none;
}

label.custom-control-label {
    font-weight: normal;
}

.custom-radio {
    margin-bottom: 0.25em;
}

label.control-label {
    font-weight: 600;
}

span.help-inline {
    font-size: 80%;
}

.block-aggregator .more-link {
    display: none;
}

.site-header {
    background-color: #0c223f;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.site-header .row {
    max-width: 1360px;
    margin: auto;
}
.site-header .row .col-md-4 {
    padding-right: 0;
    padding-left: 0;
}
.header-menu {
    color: #fff;
    height: 45px;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 1.7em;
    font-family: Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;
}
.header-menu a, .fp_nosto a {
    color: #fff;
}
.header-menu-color_1 {
    background-color: #94d500;
}
.header-menu-color_2 {
    background-color: #e50071;
}
.header-menu-color_3 {
    background-color: #f9b000;
}

.fp_nosto {
    color: #fff;
    min-height: 88px;
    padding: 24px;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 28px;
    font-family: Antonio,Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}
.nosto-color_1 {
    background-color: #3fae29;
}
.nosto-color_2 {
    background-color: #bf006a;
}
.nosto-color_3 {
    background-color: #ff8b03;
}

h1, h2 {
    font-family: Antonio,Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 300;
}

blockquote {
    margin: 8px 0 24px;
    min-height: 55px;
    background: transparent url('/img/liidokki50.png') no-repeat 0 5px;
    font-size: 18px;
    border-left: none;
    padding: 0;
}

blockquote p {
    margin: 0;
    padding: 0 0 0 74px;
    font-size: 24px;
    line-height: 1.25;
    font-family: Antonio,Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 300;
    color: #004380;
}

footer {
    background-color: #0c223f;
    color: #fff;
    text-align: center;
}

.region-sidebar-second .menu-block-wrapper {
    background-color: #00295d;
    padding: 1em;
    color: #fff;
}

.region-sidebar-second .menu-block-wrapper ul.nav li.leaf {
    list-style-type: none;
    list-style-image: none;
}

.region-sidebar-second .menu-block-wrapper ul.nav li.active {
    font-weight: bold;
}

.region-sidebar-second .menu-block-wrapper ul.nav li a {
    display: block;
    color: #fff;
    padding: 0 0 8px 17px;
    background: transparent url('../img/nuoli_whi_9.png') no-repeat 0 10px;    
}

.region-sidebar-second .block-menu {
    background-color: #00295d;
    padding: 1em;
    color: #fff;
}

.region-sidebar-second .block-menu ul.nav li.leaf {
    list-style-type: none;
    list-style-image: none;
}

.region-sidebar-second .block-menu ul.nav li.active-trail {
    font-weight: bold;
}

.region-sidebar-second .block-menu ul.nav li a {
    display: block;
    color: #fff;
    padding: 0 0 8px 17px;
    background: transparent url('../img/nuoli_whi_9.png') no-repeat 0 10px;    
}


.jumbotron {
    background-image: url('../img/oppi_etusivu_karuselli_video.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #00295d;
}

body.section-yrittajalle .jumbotron, body.section-mita-on-yrittajan-oppisopimuskoulutus .jumbotron,
body.section-mentorihaku .jumbotron, body.section-mentorilista .jumbotron {
    background-image: url('../img/oppi_karuselli_opiskelija.jpg');
    background-color: #16700c;
}

body.section-mentoriksi-haluavalle .jumbotron, body.section-hyva-diili-mentoroinnin-arvopohja .jumbotron,
body.section-mentoriksi-hakeutumislomake .jumbotron {
    background-image: url('../img/oppi_karuselli_tyonantaja2.jpg');
    background-color: #af1e5f;
}

body.section-toimivalle-mentorille .jumbotron, body.section-mentorin-tyokalupakki .jumbotron,
body.section-koulutuskorvaukset .jumbotron {
    background-image: url('../img/oppi_karuselli_yrittaja_2.jpg');
    background-color: #f69200;
}


.jumbotron .container {
    padding-left: 333px;
    color: #fff;
}

.jumbotron h1.display-3 a {
    color: #fff;
    text-decoration: none;
}

.mp_box_white {
    background-color: #fff;
    padding: 1em;
}

.mp_box_mentoriksi {
    background-color: #00295d;
    padding: 1em;
    color: #fff;
}

.mp_box_color li a {
    display: block;
    color: #fff;
    padding: 0 0 8px 17px;
    background: transparent url('../img/nuoli_whi_9.png') no-repeat 0 10px;    
}

.mp_box_color li a.active {
    font-weight: bold;
}

.logged-in .link_login {
    display: none !important;
}

.link_logout {
    display: none !important;
}

.logged-in .link_logout {
    display: block !important;
}
footer {
    padding-top: 1em;
    padding-bottom: 1em;
}

footer ul.nav {
    padding: 1em;
}
footer ul.nav li {
    padding-right: 2em;
    padding-bottom: 0.8em;
}

ul.haku_alueet {
    margin-left: 1em;
}

ul.haku_alueet li {
    margin-bottom: 0.4em;
}

ol li {
    margin-bottom: 0.4em;
}

.mp_box_white ul li {
    margin-bottom: 0.5em;
}

@media screen and (max-width: 767px) {
    body {
        padding-top: 135px;
    }
    body.not-logged-in main {
        margin-top: 132px;
    }
    .jumbotron {
        padding: 2rem 1rem;
    }
    .jumbotron h1.display-3 {
        font-size: 3rem;
    }
    .jumbotron .container {
        padding-left: 200px;
    }
    .mp_box_mentoriksi {
        margin-top: 2em;
    }
    .fp_testimonials blockquote {
        margin-bottom: 5em;
    }
    footer {
        padding-bottom: 60px;
    }
}

@media screen and (min-width: 768px) {
    body {
        padding-top: 45px;
    }
    body.not-logged-in main {
        margin-top: 40px;
    }
    .page-main-column {
        padding-right: 2em !important;
    }
}

@media screen and (max-width: 899px) {
    .header-menu { font-size: 22px; padding-top: 7px; }
}

@media screen and (min-width: 900px) {
    .header-menu { font-size: 30px; }
}

@media screen and (max-width: 480px) {
    .jumbotron {
        padding: 1rem 1rem;
    }
    .jumbotron h1.display-3 {
        font-size: 2.5rem;
    }
    .jumbotron .container {
        padding-left: 160px;
    }
    ul.haku_alueet {
        margin-left: 0;
        padding-left: 1em !important;
    }
    div.profile_sidebar {
        margin-right: 3em;
    }
}

@media screen and (max-width: 400px) {
    .jumbotron {
        padding: 0.5rem;
    }
    .jumbotron h1.display-3 {
        font-size: 1.5rem;
    }
    .jumbotron .container {
        padding-left: 120px;
    }
}

div.mentorilista h1 {
    margin-bottom: 1em;
}
.mentorihaku_tuloskortti {
    margin-bottom: 2em !important;
}
.mentorihaku_tuloskortti div.user-picture img {
    max-width: 155px;
}
.mentorihaku_tuloskortti h5.card-title {
    color: #af1e5f;
    font-weight: 600;
}
.mentorihaku_tuloskortti p.motto {
    color: #004380;
    font-weight: 600;
}
.mentorihaku_tuloskortti span.tk_label {
    font-weight: 600;
    display: inline-block;
    margin-top: 8px;
}

/* profiili */

div.mentoriprofiili {
    font-family: Arial, Helvetica, sans serif;
    color: #1f1f1f;
    font-size: 16px;
    font-weight: normal;
}

div.profile_main {
    max-width: 420px;
    float: left;
}

.profile_main h3 {
    color: #00295d;
    border-bottom: 1px solid #ccc;
    margin-top: 1em;
}

.mentoriprofiili_label {
    font-weight: bold;
}

.mentoriprofiili_text {
    font-weight: normal;
}

div.profile_group {
    margin-bottom: 18px;
}

div.profile_group ul {
    margin-top: 4px;
}

div.profile_sidebar {
    width: 264px;
    float: right;
    background-color: #e75112;
}

div.profile_sidebar div.some_links {
    margin-top: 10px;
    margin-bottom: 8px;
    margin-left: 6px;
}

div.profile_sidebar div.some_links a {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 8px;
}

div.profile_sidebar div.some_links a.fb-link {
    background-image: url('../images/facebook-icon_32.png');
    background-repeat: none;
    border: none;
}

div.profile_sidebar div.some_links a.linkedin-link {
    background-image: url('../images/linkedin-icon_32.png');
    background-repeat: none;
    border: none;
}

.mentoriprofiili_mottohead {
    display: block;
    margin: 6px;
    font-family: georgia,serif;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
}

.mentoriprofiili_mottotext {
    display: block;
    margin: 6px;
    margin-bottom: 18px;
    font-family: Arial, Helvetica, sans serif;
    color: #fefefe;
    font-size: 28px;
    font-weight: normal;
    line-height: 125%;
}

.mentoriprofiili_pic {
    width: 251px;
    height: 312px;
    margin: 6px;
    display: block;
}

.ntm_logo {
    float: right;
    margin-right: 105px;
    margin-top: 20px;
}

.yhteystiedot td {
    width: 50%;
    vertical-align: top;
    padding-bottom: 4em;
    font-family: Arial, Helvetica, sans serif;
    color: #1f1f1f;
    font-size: 16px;
    font-weight: normal;
}

.yhteystiedot td span.toimiston_nimi {
    font-weight: bold;
}

/* hakutulokset */

.search_params_container {
    margin-bottom: 1em;
}

table.mentorilista tr td {
    vertical-align: top;
}
.mentorilinkki {
    font-size: 18px;
    text-decoration: none;
}
.mentorimotto {
    color: #9dc526;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 30px;
}
.profiilikuva_thumb {
    width: 64px;
    height: 80px;
    display: block;
    margin-right: 10px;
}
.profiilikuva_thumb span.user_picture img {
    min-width: 100%;
    height: auto;
}

.kutsu_esikatselu {
    padding: 12px;
    border: 1px solid #eaa;
    font-size: 12px;
}

table.tapahtumaloki tr td {
    vertical-align: top;
    font-size: 14px;
}
table.tapahtumaloki tr td.aikaleima {
    font-family: Consolas, Courier, monospace;
    font-size: 14px;
    width: 180px;
}
    
/* hakeutumislomake */
form.hakeutumislomake h3 {
    color: #00295d;
    border-bottom: 1px solid #ccc;
    margin-top: 2em;
    margin-bottom: 1em;
}

/* yhteystiedot */
.contact_info_list .card-body {
    background-color: #fff;
    margin-bottom: 1em;
}
.contact_info_list h5.card-title {
    color: #af1e5f;
    font-weight: 600;
}
li.contact_person i.fa {
    color: #888;
}
li.contact_person {
    margin-bottom: 0.5em;
}
li.contact_url {
    margin-top: 0.8em;
}
li.contact_url i.fa {
    color: #888;
}

/* taulukot */
table.mentori_table th {
    background: #fee;
    padding: 2px;
    font-size: 12px;
    padding-right: 16px;
}
table.mentori_table tr:hover {
    background-color: #f0f0ff;
}
table.mentori_table td {
    padding: 2px;
    padding-right: 8px;
    padding-bottom: 4px;
    font-size: 12px;
}
table.mentori_table tr td.expired {
    color: #e55;
}
table.mentori_table tr td a, table.mentori_table tr td a:visited {
    text-decoration: none;
    color: #1f1f1f !important;
}
table.mentori_table tr td a:hover {
    text-decoration: none;
    color: #1f1faf !important;
}

dl.toimiston_ukk dt {
    font-family: georgia,serif;
    font-size: 18px;
    font-weight: normal;
    color: #b355a0;
}
dl.toimiston_ukk dd {
    font-family: Arial, Helvetica, sans serif;
    font-size: 14px;
    font-weight: normal;
    color: #1f1f1f;
    padding-top: 6px;
    padding-bottom: 20px;
    width: 85%;
}

dl.toimiston_ukk dd ul {
    margin: 8px;
}
dl.toimiston_ukk dd ul li {
    font-family: Arial, Helvetica, sans serif;
    font-size: 14px;
    font-weight: normal;
    color: #1f1f1f;
}

/* rekisteroityminen */
.rekisteroitymisen_vaiheet {
    width: 100%;
    padding-right: 1em;
    padding-bottom: 3em;
}
.rekisteroitymisen_vaiheet ul {
    margin: 0;
    padding: 0;
}

.rekisteroitymisen_vaiheet ul li {
    list-style: none outside none;
    background-color: #ecd5d0;
    margin-bottom: 4px;
    padding: 2px;
    padding-left: 8px;
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #1f1f1f;
    text-decoration: none;
    width: 100%;
    display: block;
}

.rekisteroitymisen_vaiheet ul li.active {
    background-color: #ef5821;
}