@import "abstracts/variables";
@import "abstracts/functions";

@import "normalize";

@import 'bootstrap';

@import "./abstracts/mixins";

//Basic setup and helpers for theme
@import "base/typography";
@import "base/base";
@import "base/helpers";
@import "theme/components/buttons";

@import "theme/blocks/paragraph";
@import "theme/blocks/image";
@import "theme/blocks/list";
@import "theme/blocks/gallery";
@import "theme/blocks/cover";
@import "theme/blocks/table";
@import "theme/blocks/button";
@import "theme/blocks/quote";
@import "theme/blocks/pullquote";
@import "theme/blocks/columns";
@import "theme/blocks/embed";
@import "theme/blocks/separator";
@import "theme/blocks/calendar";
@import "theme/blocks/tags";
@import "theme/blocks/search";
@import "theme/blocks/rss";
@import "theme/blocks/archive";

@import "theme/blocks/woocommerce/reviews";
@import "theme/blocks/woocommerce/featured-category";
@import "theme/blocks/woocommerce/featured-product";
@import "theme/blocks/woocommerce/products";
@import "theme/blocks/woocommerce/search";
@import "theme/blocks/woocommerce/filter";

:root{
    --wp--style--gallery-gap-default: 10px;
    --wp--style--block-gap: 10px;
}
.mce-content-body{
    line-height: 1.625;   
}
.edit-post-visual-editor__post-title-wrapper{
    margin-bottom: 40px;
    margin-top: 20px;
}

.wp-block[data-align=wide]{
    max-width: auto;
}
.wp-block[data-type="core/gallery"] .alignleft{
    margin-right: 25px;
}
.wp-block[data-type="core/gallery"] .alignright{
    margin-left: 25px;
}

.wp-block[data-align="left"][data-type="core/image"] .block-editor-block-list__block-edit,
.wp-block[data-align="right"][data-type="core/image"] .block-editor-block-list__block-edit,
.wp-block[data-type="core/cover"] .block-editor-block-list__block-edit{
    margin-top: -28px;
}
.wp-block[data-type="core/cover"][data-align="left"] p:not(.has-text-color),
.wp-block[data-type="core/cover"][data-align="right"] p:not(.has-text-color){
    padding: 0;
}
.wp-block-cover .wp-block-cover__inner-container{
    width: 100%;
}
.wp-block{
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6{
    @include vertical-gutter-flow(1.33, 1, 1, 0.8);
    margin-top:  30px;


    @include mq('md') {
        @include vertical-gutter-flow(1, 1, 1, 0.8);
        margin-top:  get-gutter-width('md');


    }
    @include mq('lg') {
        @include vertical-gutter-flow(1, 1, 1, 0.8);
        margin-top:  get-gutter-width('xl');


    }
    }
}

.wp-block[aria-label="Block: List"]{
    ul, ol {
        margin-top: 0;
        margin-bottom: 40px;
        padding-left: 25px;
    }
    
    ul {
        list-style: disc outside;
    }
    
    ol {
        list-style: decimal outside;
    }
    
    li > ul,
    li > ol {
        margin-bottom: 0;
    }
    
    ul > li,
    ol >li { 
        margin-bottom: 10px;
        line-height: 1.6;
        padding-left: 8px;
        &:last-child{
            margin-bottom: 0;
        }
    }
    li > ul,
    li > ol{
        margin-top: 10px;
    }
    li > ol,
    li > ul{
        padding-left: 25px;
    }
}


.wp-block-image .alignleft,
.wp-block-image .alignright{
	@include mq('md') {
		margin-top: 18px;
	}
	@include mq('lg') {
		margin-top: 8px;
	}
}

.wp-block[data-align="right"]:not([data-type="core/button"]) .editor-block-list__block-edit,
.wp-block-cover.alignright {
	position: relative;
    margin-bottom: 0;
	margin-left: 0;
	float:none;
	@include mq('md') {
		float:right;
		margin-left: get-gutter-width('md')/2;
	}
	@include mq('lg') {
		margin-left: get-gutter-width('xl')/2;
	}
}

.wp-block[data-align="right"]:not([data-type="core/button"]) .editor-block-list__block-edit {
	margin-right: 0;
	@include mq('lg') {
        margin-right: -25px;
        margin-bottom: 10px;
	}
}


button.components-button{
    font-size:13px;
}
.wp-block button{
    overflow: hidden;
}

.wp-block .wp-block-cover p{
    padding:0;
}


.wp-block .wp-block-gallery .blocks-gallery-item:last-child{
    margin-right: 0;
}
.wp-block ul.blocks-gallery-grid{
	margin: 0;
    padding: 0;
    
    li.blocks-gallery-item figure{
       margin-top: 0;
    }
}

// Margins / Vertical flow
.wp-block .wp-block-quote,
.wp-block-image,
.wp-block .block-library-list ul,
.wp-block .block-library-list ol,
.wp-block-cover, 
.wp-block-cover-image,
.wp-block-table,
.wp-block-separator,
.wp-block-media-text,
.wp-block-archives,
.wp-block-latest-comments,
.wp-block-embed,
address,
pre,
.wp-block .wp-block-quote,
.wp-block .wp-block-pullquote,
.wp-block-preformatted,
.wp-block-verse,
.wp-block-code,
.wp-block-audio,
.wp-block-separator,
.wp-block-calendar,
.wp-block-search{
	@extend .vertical-gutter-flow;
}
.block-library-list ul,
.block-library-list ol{
    padding-left: 0;
    margin-left: 0;
}

.wp-block .block-library-list ol>li, 
.wp-block .block-library-list ul>li,
.wp-block-archives-list > li,
.wp-block-latest-posts > li,
.wp-block-categories__list > li {
    margin-bottom: 15px;
    line-height: 1.6;
    padding-left: 0;
    &:last-child{
        margin-bottom: 0;
    }
   >li {
        padding-left: 8px;
    }
    > ul,
    > ol{
        margin-top: 15px;
    }
    > ol,
   > ul{
        padding-left: 15px;
    }
}


.wp-block-table td, 
.wp-block-table th{
    border: none;
    padding: 15px 10px 15px 0;
}
.wp-block-table__cell-content{
    padding:0;
}
.wp-block-table.is-style-stripes td, 
.wp-block-table.is-style-stripes th{
    padding: 10px 20px 10px 20px;   
}
.wp-block .wp-block-table table {
    font-size: inherit;
}

// /** === Blockquote and Pullquote Block === */
.block-editor-block-list__layout .block-editor-block-list__block[data-align=full] {
    overflow: hidden;
}
.block-editor-block-list__layout .block-editor-block-list__block[data-align=full]>.block-editor-block-list__block-edit figure {
    width: auto;
}

.wp-block .wp-block-quote:before{
    z-index: 1;
}
.wp-block-quote:not(.is-large):not(.is-style-large){
    border-left: none;
    padding-left: 0;
}
.wp-block-quote p:last-child{
    margin-bottom: 0;
}
.wp-block-quote cite, 
.wp-block-quote footer, 
.wp-block-quote__citation,
.wp-block-pullquote cite, 
.wp-block-pullquote footer, 
.wp-block-pullquote__citation{
    color: inherit;
    font-size: 16px;
    text-transform: none;
}
.wp-block[data-align="left"] .wp-block-pullquote,
.wp-block[data-align="right"] .wp-block-pullquote,
.wp-block[data-align="left"] .wp-block-cover,
.wp-block[data-align="right"] .wp-block-cover {
    max-width: 270px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 25px;
    text-align: left;
}
.editor-block-list__block .wp-block-pullquote.alignleft{
    margin-right: 25px;
}
.editor-block-list__block .wp-block-pullquote.alignright{
    margin-left: 25px;
}
.wp-block-pullquote p:last-child{
    margin-bottom: 24px;
}
.wp-block-quote.has-text-align-right{
    border-right: none;
    padding-right: 0;
}

.wp-block-cover .wp-block-cover-text{
    padding: 14px 48px;
}
.wp-block-code{
    border: none;
    padding: 40px;
    border-radius: 0;
}

.wp-block .wp-block-archives li,
.wp-block .wp-block-categories li{
    position: relative;
}
.wp-block .wp-block-archives,
.wp-block .wp-block-categories ul{
    padding:0;
    text-align: left;
}
.wp-block .wp-block-categories__list>li{
    list-style: none;
}
.wp-block .wp-block-archives.wp-block-archives-list,
.wp-block ul.wp-block-latest-posts__list{
    list-style: none;
    padding: 0;
    li{
        padding-left: 0;
    }
}
.wp-block-categories__post-count{
    position: absolute;
    right: 0;
    top: 0;
    height: 24px;
    width: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.1rem;
    z-index: 2;    
}

.wp-block ul.wp-block-latest-posts__list li{
    margin-bottom: 15px;
    &:last-child{
        margin-bottom: 0;
    }
}

.wp-block-columns{
    display: block;
}
.wp-caption-dd{
    margin: 4px 0 0;
    font-size: 1.2rem;
    line-height: 1.2;
    text-align: center;
    opacity: .75;
    display: block !important;
    a{
        border-bottom: 0;
    }
}



// /** === RSS Block === */
.wp-block-rss{
    padding-left: 0;
}
.wp-block-rss li{
    margin-bottom: 10px;
}
// /** === Search Block === */
.wp-block-search__input{
    -webkit-backface-visibility: hidden;
    background: 0 0;
    border: 1px solid initial;
    padding: 0 20px;
    outline: 0;
    line-height: 40px;
    width: 100%;
    font-size: 100%;
    margin: 0;
    height: 40px;
    vertical-align: baseline;
    background: 0 0;
    font-size: 1.6rem;
}

.wp-block-search__button{
    font-size: 1.2rem;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 50px;
    border: none;
    box-shadow: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 30px;
    border-radius: 4px;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.wp-block-search__label{
    font-size: 1.4rem;
    line-height: 1.2;
    display: block;
    margin-bottom: 5px;
    cursor: pointer;
    opacity: .8;
}

.wp-block-archives select{
    width: 100%;
    background: #fff;
    cursor: pointer;
    padding: 0 20px;
    outline: 0;
    line-height: 40px;
    font-size: 1.6rem;
    margin: 0;
    height: 40px;
    vertical-align: baseline;
    border-radius:0;
    box-shadow: none;   
}
.wp-block-latest-comments__comment-excerpt p,
.wp-block-latest-comments__comment{
    margin-bottom: 20px;
}
.block-library-media-text__media-container{
    margin-bottom: 0;
}
.wp-block-preformatted pre{
    white-space: nowrap !important;
}
.wp-block-calendar th{
    padding: 4px;
}

.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale, 
.wc-block-grid__product-onsale{
    position: absolute;
    top: 10px;
    left: 10px;
    margin: 0;
}
.editor-styles-wrapper .wc-block-grid__product-price ins,
.editor-styles-wrapper .wc-block-grid__product-price del{
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.2;
    margin-top: 0;
    padding: 0;
}
.wp-block.wp-block-quote{
	margin-left: auto !important;
	margin-right: auto !important;
}
.wp-block[data-align="left"] figure{
    margin-right: 20px;
}
.wp-block[data-align="right"] figure{
    margin-left: 20px;
}
h1.wp-block,
h2.wp-block,
h3.wp-block,
h4.wp-block,
h5.wp-block,
h6.wp-block{
    margin-bottom: 40px;
}