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

// @import "bootstrap/functions";
// @import "bootstrap/variables";

// @import "bootstrap/mixins/breakpoints";
// @import "bootstrap/mixins/grid-framework";
// @import "bootstrap/mixins/grid";

// @import "base/typography";

@import "abstracts/variables";
@import "abstracts/functions";
@import 'bootstrap';
@import "./abstracts/mixins";
@import "./abstracts/placeholders";

@import "normalize";


//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/gallery";
@import "theme/blocks/cover";
@import "theme/blocks/table";
@import "theme/blocks/button";
@import "theme/blocks/quote";
@import "theme/blocks/pullquote";

@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";

.mce-content-body{
    line-height: 1.625;   
}
:root{
    --gallery-block--gutter-size: 16px;
}

.wp-block[data-align=left]>.wp-block-image {
	position: relative;
	margin-right: 0;
    float:none;
    margin-bottom: 0;
	@include mq('md') {
		float:left;
		margin-right: get-gutter-width('md')/2;
	}
	@include mq('lg') {
		margin-right: get-gutter-width('xl')/2;
	}
}

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


.wp-block[data-align=left]>.wp-block-image,
.wp-block[data-align=right]>.wp-block-image{
	@include mq('md') {
		margin-top: 8px;
	}
	@include mq('lg') {
		margin-top: 21px;
	}
}

.wp-block[data-align=right]>.wp-block-image {
	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 .wp-block-cover p{
    padding:0;
}


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

// Margins / Vertical flow
.wp-block,
.wp-block .wp-block-quote,
.wp-block-image,
ul.wp-block,
ol.wp-block,
.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-margin-small;
}


.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: 10px;
    line-height: 1.6;
    ul,ol{
        margin-top: 10px;
        margin-bottom: 0;
    }
}


.wp-block-table td, .wp-block-table th{
    border: none;
}


//Lists

ul.wp-block > li{
    list-style: inside;
}
ol.wp-block{
    list-style: decimal inside;
}
ul.wp-block > li,
ol.wp-block >li { 
    margin-bottom: 15px;
    line-height: 1.6;
    padding-left: 0;
    &:last-child{
        margin-bottom: 0;
    }
}
ol.wp-block >li {
    padding-left: 8px;
}
.wp-block li > ul,
.wp-block li > ol{
    margin-top: 15px;
}
.wp-block li > ol,
.wp-block li > ul{
    padding-left: 15px;
}



// /** === 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;
    font-weight: bold;
    text-transform: none;
}

.wp-block[data-align=wide] blockquote,
.wp-block[data-align=full] blockquote{
    max-width: 525px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}



.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: 30px 35px;
    text-align: left;
}
.editor-block-list__block[data-align=left] .editor-block-list__block-edit .wp-block-pullquote{
    margin-right: 24px;
}
.editor-block-list__block[data-align=right] .editor-block-list__block-edit .wp-block-pullquote{
    margin-left: 24px;
}
.wp-block-pullquote p:last-child{
    margin-bottom: 24px;
}

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

.wp-block[data-align=left]>.wp-block-pullquote p, .wp-block[data-align=right]>.wp-block-pullquote p{
	font-size: 22px;
}


.wp-block .wp-block-archives,
.wp-block .wp-block-categories ul{
    padding:0;
}
.wp-block .wp-block-categories__list>li{
    list-style: none;
}

// /** === Cover Block === */
.wp-block[data-align="left"] .wp-block-cover,
.wp-block[data-align="right"] .wp-block-cover {
    width: 305px;
}

// /** === 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.4rem;
    line-height: 1.2;
    text-transform: uppercase;
    display: inline-flex;
    height: 40px;
    -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: 25px;
    border: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: none;
    margin-left: 0;
    margin-top: 10px;
}
.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;
}

h1.wp-block,
h2.wp-block,
h3.wp-block,
h4.wp-block,
h5.wp-block,
h6.wp-block{
		margin-bottom: 15px;
		@include mq('md') {
			margin-bottom: 25px;	
		}
		&:first-child{
			margin-top: 0;
		}
	
}
.wp-block-quote:not(.is-large):not(.is-style-large),
.wp-block-quote[data-type="core/quote"]{
    margin-left: auto!important;
    margin-right: auto!important;
}
.has-background{
    padding: 30px;
}