/*
 Theme Name: 	Seppo WP Child
 Theme URI: 	https://demo.cocobasic.com/seppo-wp/
 Description: 	Seppo WP Child Theme
 Author: 		CocoBasic
 Author URI:  	https://www.cocobasic.com 
 Tags: grid-layout, four-columns, custom-colors, featured-images, threaded-comments, translation-ready, theme-options
 Template:		seppo-wp
 Text Domain: 	seppo-wp-child
*/

@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;600;700&family=Mulish:wght@200;300;400;500&display=swap');

body{
    font-weight: 400;
    font-family: 'Mulish', sans-serif;
}

h1,h2,h3,h4{
    font-family: 'Bodoni Moda', serif;
}

.header-holder{background-color: transparent !important;}
header.header-holder.is-sticky{background-color: #fff !important;}
.home #content{margin-top: -77px;}
.page-template-default #content{margin-top: 0px;}
.section-wrapper{padding: 60px 0px;}
#services .section-wrapper{padding-bottom: 0px;}
.page-title-holder{height: 60px; display: flex; align-items: center; justify-content: center;}
.page-title-holder:after{border-width: 60px 60px 0 0px;}
.section h2.entry-title{margin-top: 0px;font-family: 'Mulish', sans-serif; letter-spacing: 0px;}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 textarea{
    font-family: 'Mulish', sans-serif;
    color: #1c1c1c;
    border-bottom: 1.6px solid #1c1c1c;
    font-weight: 400;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #1c1c1c;
  font-family: 'Mulish', sans-serif;
  font-weight: 400;
}

.site-wrapper .sm-clean li a.menu-item-link{text-transform: uppercase; font-weight: 700;}

.footer-content{width: 1170px;}
.footer{padding-bottom: 20px;}
ul#footer-sidebar{color: #f8f8f8;}
ul#footer-sidebar li.widget{width: 25%; margin-right: 0px;line-height: 24px;}
ul#footer-sidebar li.widget:nth-child(3n+1){clear: none;}
h4.widgettitle{font-family: 'Mulish', sans-serif;text-transform: uppercase;font-weight: 400;font-size: 14px;}
.copyright-holder{padding-top: 10px;color: #f8f8f8; font-size: 14px;border-top: 1px solid #ffffff61;}
ul#footer-sidebar li.widget svg{
    width: 20px;
    fill: #f8f8f8;
    margin-right: 10px;
}
.elementor-icon-box-wrapper {display: flex;align-items: center;}
.elementor-icon-box-icon {margin-right: 20px;}

@media screen and (max-width: 480px) {
    #toggle div{background-color: #1c1c1c;}
    h2.elementor-heading-title.elementor-size-default{font-size: 34px !important; line-height: 40px !important;}
    .footer-content{width: 100%;}
    ul#footer-sidebar li.widget{width: 100%;}
    .elementor-36 .elementor-element.elementor-element-1d3d6da > .elementor-element-populated, .elementor-36 .elementor-element.elementor-element-634cee9 > .elementor-element-populated, .elementor-56 .elementor-element.elementor-element-0e41fb5 > .elementor-element-populated, 
    .elementor-column-gap-wide>.elementor-column>.elementor-element-populated, .elementor-116 .elementor-element.elementor-element-70c53f3 > .elementor-element-populated, .elementor-116 .elementor-element.elementor-element-cd51493 > .elementor-element-populated{
        padding: 0px !important;
    }
    .elementor-icon-box-wrapper {display: flex;}
    .elementor-icon-box-icon {margin-right: 20px;}
    ul#footer-sidebar li.widget:nth-child(3n) .textwidget.custom-html-widget div{justify-content: center;}
    .elementor-36 .elementor-element.elementor-element-1d3d6da > .elementor-element-populated, .elementor-column-gap-wide>.elementor-column>.elementor-element-populated{margin-top: 30px;}
}

@media screen and (max-width: 767px){
    .section-wrapper {padding: 70px 0 30px 0;}
    .elementor-36 .elementor-element.elementor-element-799cf66, .elementor-36 .elementor-element.elementor-element-6f4db91, .elementor-36 .elementor-element.elementor-element-14ed420{width: 100% !important;}
}
@media screen and (max-width: 1020px){
    .menu-holder {
        background-color: #1c1c1c;
        top: 0px;
        padding-top: 100px;
    }
    .site-wrapper .sm-clean li a.menu-item-link{color: #f8f8f8 !important;}
}