//---------------------------ELEMENTS------------------------------


.home .content-box h3,
.home .title,
.home-page .content-box h3,
.home-page .title,
#blog .page-title,
#blog .entry-header h2,
#blog-sidebar .page-title,
#blog-sidebar .entry-header h2,
#page .entry-title,
.category-news h1.page-title,
.search-results h1.page-title,
#tag h1.page-title,
#author h1.page-title,
#single .entry-header .entry-title,
.category .page-title,
#archive .archive-title {
    .header_style;
    text-align: center;
}

.store  h3,
#about-us h4
{
    .heading--block;
    .header_style(
    none,
    Rochester,
    normal,
    2.5em,
    1em,
    inherit
    );
}

#content-top{

    h3{.header_style(
    none,
    Rochester,
    normal,
    40px,
    40px,
    @colorWhite
    );}
}

.link-blog a,
input[type="submit"].wpcf7-submit,
#searchsubmit,{
    .button;
}


#sidebar input#s ,
input#s{ .input;}


.heading-text-decorate{
    display: block;
    .text_element_property
    (
    Rochester,
    normal,
    70px,
    @text-color2,
    80px,
    none,
    );
}


.price-amount(){
    font-family: "Roboto Slab";
    font-weight: bold;
    font-size: 30px;;
}
.blog-content,
#about-us {
    .fixed-block {
        background-size: 100% 100% !important;
    }
}
div.fixed-block{
padding: 0px;
height: 100vh;
 text-align: center;
background-repeat: no-repeat !important;

.title-block{
display: flex;
height: 100% ;

&>*{margin: auto;}

}

    .title>span{ margin-bottom: 10px;}

    p{width: 71%;
    .block--center_align;
    }

    p+span{ margin-top: 10px;}

 .media-tablet({ width: 100% !important;});

 .media-mobile({
    height: auto;
    background-size: cover !important;

    .title-block{
        padding-top: 10px;
        padding-bottom: 35px;
    }


    });
}

.cart( @color:@colorBlack){

    & h2, p{ color: contrast(@color); }

    &>*{background-color:  fade( @color, 70%);}

}

.toggle-button-hover--bg(@color:  @text-color2)
{

    &{ border-color: @color; }

        span,
        span:after,
        span:before{background-color: @color;}

    &.on:hover{

        span{background-color: transparent;}

    }

}