/*
Theme Name: Oswald
Theme URI: https://wpdaddy.com/meet-our-free-oswald-one-page-creative-wordpress-theme-lite-version/
Author: WPDaddy
Author URI: https://wpdaddy.com/
Description: WPDaddy team presents absolutely fresh and powerful WordPress theme. It combines new technologies and functional design that helps to showcase your content in better way. This WordPress theme is developed with attention to details, so you can create effective presentation of a website easily. Enjoy building web pages with our product!
Version: 1.0.15
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: oswald
Tags: portfolio, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, custom-menu, editor-style, featured-images, full-width-template, post-formats, theme-options, threaded-comments, translation-ready, blog

Oswald WordPress Theme has been created by WPDaddy(wpdaddy.com), 2018.
Oswald WordPress Theme is released under the Terms of GNU GPL
*/

body {
    font-family: Open Sans;
    background: #ffffff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #222328;
}

footer {
    /* position: absolute;
    bottom: 0;
    width: 100%; */
}

h1, h2, h3, h4, h5, h6, .widget h3.widget-title, .wpd_module_button a, input[type="submit"], button, body.wpb-js-composer .vc_pie_chart .vc_pie_chart_value {
    font-family: Montserrat;
}

h1 {
    font-family: Montserrat;
    font-weight: 900;
    font-size: 36px;
    line-height: 43px;
}

h2, .lwa-modal h3 {
    font-family: Montserrat;
    font-weight: 900;
    font-size: 30px;
    line-height: 40px;
}

h3 {
    font-size: 24px;
    line-height: 36px;
}

h4 {
    font-size: 20px;
    line-height: 33px;
}

.no-access {
    background: #fff0f0;
    color: #d20b0b;
    padding: 10px 20px;
    border-radius: 5px;
    display: inline-block;
}

ul.list-blue li:before {color: #2196f3;}
ul.list-green li:before {color: #4caf50;}
ul.list-orange li:before {color: #ffc107;}
ul.list-black li:before {color: #000;}
ul.list-pink li:before {color: #ff5f95;}

.wpd_section_homepage_header .wpd_secondary_font, .wpd_section_homepage_header .wpd_homepage_header_text {
    font-style: normal;
    font-family: Montserrat;
    font-size: 30px !important;
}

.wpd_blog_list .type-portfolio .wpd_blog_list__media {
    margin: 0 0 20px 0;
    border-radius: 5px;
}

.wpd_blog_list .type-portfolio .wpd_blog_list__meta {
    margin-bottom: 34px;
    font-weight: 600;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
}

.wpdaddy_team_list__image-holder {
    min-height: 270px;
}

.wpdaddy_team_list__image-holder .wpdaddy_team_list__image-wrapper {
    min-height: 270px;
    overflow: hidden;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
}

.rules {
    position: relative;
}

.rules::before {
    display: inline-block;
    font-size: 18px;
    position: absolute;
    left: -50px;
    top: -6px;
    background: #ededed;
    width: 32px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
}

.rule-1::before {content: "1";}
.rule-2::before {content: "2";}
.rule-3::before {content: "3";}
.rule-4::before {content: "4";}
.rule-5::before {content: "5";}
.rule-6::before {content: "6";}
.rule-7::before {content: "7";}
.rule-8::before {content: "8";}
.rule-9::before {content: "9";}
.rule-10::before {content: "10";}
.rule-11::before {content: "11";}

h3.rules {
    line-height: normal;
    margin-bottom: 10px;
    font-size: 18px;
    font-family: Montserrat;
    font-weight: 500;
}



.su-spoiler h4 {
    line-height: normal;
    margin-bottom: 20px;
    border-left: 2px solid #333333;
    padding-left: 15px;
    font-size: 16px;
}

.su-spoiler .su-service {
    opacity: 0.6;
    transition: all 0.3s;
    margin-left: 20px;
}

.su-spoiler .su-service:hover {
    opacity: 1;
}

.dino-herb {
    background-color: #ecfff7;
    padding: 20px 30px;
    border-radius: 5px;
}

.dino-carn {
    background-color: #fff7f7;
    padding: 20px 30px;
    border-radius: 5px;
}

.dino-herb .su-service, .dino-carn .su-service {
    margin: 0;
}

h2.has-text-align-center {
    margin-bottom: 25px;
}

.wpd_icon_box__text {
    line-height: unset;
    font-size: 20px;
    background: #ececec;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 5px;
}

.wpd_icon_box__title > * {
    padding-bottom: 0.2em;
}

.wpd_icon_box_icon-position_left .wpd_icon_box__icon {
    margin-top: 0.4em;
}

.btn-center {
    text-align: center;
    width: 100%;
}

.btn-center a {

}

.wpd_section_call_to_action .wpd_call_to_action_text {
    max-width: 90%;
}

.video-popup-wrapper--with_image, .wpdaddy_team_list__image-holder:hover {
    box-shadow: none;
}

.wpdaddy_team_list__item a {
    color: #3a405b;
}

.wpdaddy_team_list__item {
    padding-bottom: 0;
    margin-bottom: 30px;
}

.wpdaddy_team_list__item:hover {
    background: #f7f7f7;
    border-radius: 5px;
}

.wpd_header_builder__section--middle {
    background-color: rgba(34,35,40,1);
    color: #ffffff;
}

.wpd_header_builder__section--middle .wpd_header_builder__section-container {
    height: 90px;
}

.wpd-page-title {
    height: 160px;
    color: #222328;
}

footer  {
    background-color: #222328;
    margin-top: 40px;
    color: #898a8e;
}

footer .row {
    padding-top: 14px;
    padding-bottom: 14px;
}

.copyright {
    background-color: #222328;
    border-top: 1px solid rgba(50,50,50,1);
}

.middle_left .header_side_container {
    display: flex;
}

.middle_left .logo_container {
    margin-right: 25px;
}

.logo_container a:before {
    height: unset;
}

.site-links {
    padding-top: 33px;
}

.site-links a {
    border-radius: 4px;
    padding: 6px 12px;
    margin: 0 5px;
    font-size: 18px;
    transition: none;
}

.site-links a:hover {
    background: #3b55e6;
}

.site-links a.selected {
    background: #3b55e6;
    color: #fff;
}

.menu {

}

.menu a {
    border-radius: 4px;
    padding: 6px 12px;
    margin: 0 5px;
    transition: none;
}

.menu a:hover {
    background: #fff;
    color: #222328;
}

.menu a.selected {
    background: #fff;
    color: #222328;
}

@media only screen and (max-width: 768px){
    .wpd-page-title__content .breadcrumbs {
        white-space: normal !important;
    }
}


@media screen and (max-width: 640px) {
    .logo_container .site-title {
        font-size: 20px;
    }

    .wpd_header_builder__section--middle .wpd_header_builder__section-container {
        height: 70px;
    }

    .rules::before {
        display: none;
    }

    .title__content .breadcrumbs {
        white-space: normal !important;
    }
}