/*
 Theme Name:   MAK-teema
 Theme URI:    http://divi.space/
 Description:  A Child Theme built for Divi on Divi Space
 Author:       MarkkinointiAkatemia
 Author URI:   http://www.markkinointiakatemia.fi
 Template:     Divi
 Version:      1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

.et_pb_blurb_position_left .et_pb_blurb_container, .et_pb_blurb_position_right .et_pb_blurb_container {vertical-align:middle;}

input[type="text"], input[type="tel"], input[type="email"], textarea, select {
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    color: #000000!important;
}

#footer-info {float:none;text-align:center;}


input[type="submit"] {
    background: #363636;
    font-size: 1rem;
    color: #ffffff;
    text-align: center;
    text-transform: none;
    border: 2px solid #ffffff;
    border-radius: 5px;
    padding: 1rem 1.5rem;
    cursor:pointer;
}

.wpcf7-list-item {
    display:block;
}

@media (min-width: 981px) {
.et_vertical_nav #page-container #main-header {width:325px;}
.et_vertical_nav #et-main-area, .et_vertical_nav #top-header {margin-left:325px!important;}
.et_vertical_nav #main-header #top-menu li ul {left:285px;}
.hero p {
    font-size:1.5rem;
}
.lang-item {
    border-left:1px solid #ffffff;
}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget {
    width:29%;
}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget:first-child {
    width:100%;
    margin-bottom:1rem;
}

}

.hero {
    padding:10rem 0!important;
}

.hero .entry-title {
    text-align:center;
}

.hero h1 {
    font-weight:700;
    color:#ffffff;
}

.et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover {
    padding:0.5em 1.25em!important;
}

.et_pb_button.et_pb_bg_layout_dark {
    border-color:#ffffff;
}
.mobile_menu_bar:before,  .et_button_no_icon .et_pb_button:hover {
    color:#ffffff!important;
}
.et_mobile_menu {
    background:#363636!important;
}

.et_mobile_menu li a {
    padding:0.25rem;
}
#top-menu li {
    padding-right:0.5rem;
}

#top-menu li a {
    padding:0.5em 1em!important;
}

#top-menu .current-menu-item a {
    border:1px solid #ffffff;
    border-radius:3px;
}

.et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {
    padding-bottom:1.5rem!important;
    padding-top:1.5rem!important;
}

#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
    top:0.5rem;
}

@media (max-width:766px) {
    .hero h1 {
        font-size:18px;
        font-weight:900;
    }
    .hero {
        padding:3rem 0;
    }
}

.et_pb_bg_layout_light h2 {
    text-align:center;
    font-weight:bold;
    text-transform:none;
    display:inline-block;
    background:#ffffff;
    padding:1rem;
}

.et_pb_text.et_pb_bg_layout_light h2:before {
    content:'';
    display:block;
    position:absolute;
    width:100%;
    height:1px;
    background:#000000;
    top:1.75rem;
    z-index:-1;
    left:0;
}
.nosto {
    margin:0.25rem!important;
}
.nosto img {
    position:relative;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.nosto .et_pb_image_wrap:before {
    display:block;
    position:absolute;
    content:"";
    color:#ffffff;
    font-weight:bold;
    top:0;
    bottom:0;
    width:100%;
    background:rgba(54,54,54,0.8);
    z-index:2;
    transition: all 1s;
    border-radius:5px;
}

.nosto:hover img {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.nosto:hover .et_pb_image_wrap:before {
    background:rgba(54,54,54,0);
}

.nosto-text {
    position:absolute;
    top:40%;
    bottom:0;
    width:100%;
    line-height:100%;
    pointer-events:none;
    color:#ffffff;
    font-size:1.5rem;
    text-align:center;
    z-index:3;
    text-shadow:2px 2px 4px #000000;
}