a,
input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
input[type='number'],
input[type='tel'],
select,
textarea,
button,
input[type='button'],
input[type='reset'],
input[type='submit'],
.button,
.nav-links a div,
.nav-links a div span,
.header-right-inner,
.page-open-popup-search i,
.page-open-components .circle,
.page-off-sidebar,
.site,
.yolo-button .button-content-wrapper,
.yolo-button.style-flat:before,
.yolo-button.style-flat:after,
.yolo-button.style-icon-circle:before,
.yolo-button.style-icon-circle:after,
.yolo-button.style-border:before,
.yolo-button.style-border:after,
.yolo-button.style-thick-border:before,
.yolo-button.style-thick-border:after,
.yolo-button.style-circle:before,
.yolo-button.style-circle:after,
.kannabis-tabs-style-line .kannabis-tab-title:before,
.kannabis-team-member-style-01 .photo,
.kannabis-team-member-style-01 .overlay,
.kannabis-team-member-style-01 .info,
.kannabis-team-member-style-01 .social-networks,
.kannabis-team-member-style-01 .social-networks a,
.kannabis-team-member-style-02 .photo,
.kannabis-team-member-style-02 .overlay,
.kannabis-team-member-style-02 .social-networks,
.kannabis-team-member-style-02 .social-networks a,
.kannabis-team-member-style-03 .photo,
.kannabis-team-member-style-03 .overlay,
.kannabis-team-member-style-03 .info,
.kannabis-team-member-style-03 .social-networks,
.kannabis-team-member-style-03 .social-networks a {
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}


.row {
    margin-right: -20px;
    margin-left: -20px;

    @media (max-width: 1300px) {
        margin-right: -10px;
        margin-left: -10px;
    }
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    padding-right: 20px;
    padding-left: 20px;

    @media (max-width: 1300px) {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.yolo-full-width {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    margin: 0 auto;
    position: relative;

    @media (max-width: 1300px) {
        padding-left: 10px;
        padding-right: 10px;
    }


    @media (max-width: 1300px) {
        overflow: hidden;
    }

    .container {
        position: relative;

        @media (min-width: 1300px) {
            width: 1320px;
        }
    }
}

.site-content-archive-inner {
    width: 100%;
}

.row .col-md-4 {
    @media (min-width: 768px) and (max-width: 900px) {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}


.sidebar.col-md-4 {
    @media (min-width: 768px) and (max-width: 900px) {
        -ms-flex: 0 0 33.3%;
        -webkit-box-flex: 0;
        flex: 0 0 33.3%;
        max-width: 33.3%;
    }
}

.row .col-sm-6,
.row .col-6 {
    @media (max-width: 600px) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}


.container {
    .yolo-full-width {
        padding-left: 0;
        padding-right: 0;

        @media (max-width: 1300px) {
            overflow: hidden;
        }
    }
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.row.sidebar-left {
    flex-direction: row-reverse;
}

/* -----------------------------------------------------------------------------
 * WordPress Default Style
 * -------------------------------------------------------------------------- */

img {
    max-width: 100%;
    height: auto;
}

.alignnone,
.aligncenter,
.alignleft,
.alignright,
.alignwide {
    margin-top: 2rem;
    margin-right: auto;
    margin-bottom: 2rem;
    margin-left: auto;
    clear: both;
}

[class*="__inner-container"]>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) {
    margin-left: auto;
    margin-right: auto;
}

/* Full */

.alignfull {
    margin-top: 2rem;
    margin-right: auto;
    margin-bottom: 2rem;
    margin-left: auto;
    position: relative;
    left: -10px;
    width: 100vw;
    max-width: 100vw;
    clear: both;

    @media screen and (min-width: 1320px) {
        left: calc((1280px - 100vw) / 2);
    }

}


.has-sidebar {
    .alignfull {
        position: relative;
        left: 0;
        width: 100%;
        max-width: 100%;
        clear: both;
    }

    .alignwide {
        position: relative;
        left: 0;
        width: 100%;
        max-width: 100%;
    }
}

[class*="__inner-container"]>.alignfull {
    max-width: 100%;
}

/* Wide */

.alignwide {
    position: relative;
    width: 100%;
    max-width: 100%;
    clear: both;

    @media screen and (min-width: 1320px) {
        width: 100vw;
        max-width: 100vw;
        left: calc((1320px - 100vw) / 2);
    }

    @media screen and (min-width: 1520px) {
        width: calc(100% + 200px);
        max-width: calc(100% + 200px);
        left: -100px;
    }

    @media screen and (min-width: 1720px) {
        width: calc(100% + 400px);
        max-width: calc(100% + 400px);
        left: -200px;
    }

}
[class*="__inner-container"]>.alignwide {
    width: 100%;
}

/* Center */

.aligncenter,
.aligncenter img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Left and right */

.alignleft,
.alignright {
    max-width: 50%;
}

.alignleft {

    float: left;
    margin: 0.3rem 2rem 2rem 0rem;
}

.alignright {

    float: right;
    margin: 0.3rem 0rem 2rem 2rem;
}

[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"]>.alignleft,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"]>p .alignleft,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"]>.wp-block-image .alignleft {

    /*rtl:ignore*/
    margin-left: 1.5rem;
}

[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"]>.alignright,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"]>p .alignright,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"]>.wp-block-image .alignright {

    /*rtl:ignore*/
    margin-right: 1.5rem;
}

.wp-block-image.size-full .aligncenter {
    margin-top: 2rem;
}


.wp-block-image .alignleft {
    margin-right: 2rem;
}

.wp-block-image .alignright {
    margin-left: 2rem;
}

blockquote {
    font-family: var(--heading_font);
    font-weight: normal;
    font-size: calc(var(--primary_font_size) + 8px);
    color: var(--heading_color);
    line-height: 34px;
    border: none;
    padding: 0px 30px;
    quotes: none;
    position: relative;
    border-left: 3px solid var(--primary_color);
    font-style: italic;

    cite {
        font-family: var(--primary_font);
        font-weight: bold;
        font-style: normal;
        font-size: calc(var(--primary_font_size) - 2px);
        color: var(--primary_color);
        position: relative;
        display: block;
        text-transform: uppercase;
        letter-spacing: 0.1em;
    }

    &:before {
        font-family: 'Font Awesome 5 Pro';
        font-size: 40px;
        font-weight: 300;
        content: "\f10d";
        color: #0000000a;
        position: absolute;
        bottom: 30px;
        right: 30px;
        font-style: normal;
    }

    p {
        margin: 0;
    }

    &.is-style-large {
        padding: 30px 30px 30px;
    }

    &.main-quote {
        margin: 30px;
    }
}

.wp-block-quote {
    &.is-style-large {
        padding: 30px 30px 30px;
    }

    &.main-quote {
        margin: 30px;
    }
}

a.wp-block-button__link {
    color: @white;

    &:hover {
        color: @white;
    }
}

.is-style-squared .wp-block-button__link {
    border-radius: 0;
}

.entry-content .post-nav-links a {
    margin: calc(0.5 * 1rem);
    text-decoration: underline;
}

/* Block: Base Margins ----------------------- */

*[class*="_inner-container"]>*:first-child {
    margin-top: 0;
}

*[class*="_inner-container"]>*:last-child {
    margin-bottom: 0;
}

.wp-block-archives:not(.alignwide):not(.alignfull),
.wp-block-categories:not(.alignwide):not(.alignfull),
.wp-block-code,
.wp-block-columns:not(.alignwide):not(.alignfull),
.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-media-text:not(.alignwide):not(.alignfull),
.wp-block-preformatted,
.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-verse,
.wp-block-video:not(.alignwide):not(.alignfull) {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

/* Entry Media ------------------------------- */

.alignfull>figcaption,
.alignfull>.wp-caption-text {
    margin-left: auto;
    margin-right: auto;
    max-width: 58rem;
    width: calc(100% - 1rem);
}

.wp-caption {
    text-align: center;
    max-width: 100%;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 0.9em;
    font-style: italic;
    opacity: 0.9;
    line-height: 17px;
    margin: 0.5em 0 0em 0;
}

.wp-post-image {
    height: auto;
    max-width: 100%;
}

.wp-block-columns {
    margin: 28px 0;

    >*:last-child {
        margin-bottom: 0;
    }

    >*:first-child {
        margin-bottom: 0;
    }
}

.sticky {
    opacity: 1;
}

.bypostauthor {
    opacity: 1;
}

figure.wp-block-gallery {
    margin-bottom: 1rem;

    &.alignfull {
        margin-bottom: 2rem;
    }

    .alignwide {
        margin-bottom: 2rem;
    }
}

.wp-block-image figcaption {
    text-align: center;
    font-size: 0.9em;
    font-style: italic;
    opacity: 0.9;
}

.alignfull>figcaption,
.alignfull>.wp-caption-text {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/**
 * 5.4 Galleries
 * ----------------------------------------------------------------------------
 */

aside .gallery {
    margin-bottom: 5px;
}

.gallery:before {
    content: "";
    display: table;
}

.gallery:after {
    clear: both;
    content: "";
    display: block;
}

.gallery-item {
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative;
}

.gallery-columns-2 .gallery-item {
    max-width: calc((100% - 16px * 1) / 2);
}

.gallery-columns-3 .gallery-item {
    max-width: calc((100% - 16px * 2) / 3);
}

.gallery-columns-4 .gallery-item {
    max-width: calc((100% - 16px * 3) / 4);
}

.gallery-columns-5 .gallery-item {
    max-width: calc((100% - 16px * 4) / 5);
}

.gallery-columns-6 .gallery-item {
    max-width: calc((100% - 16px * 5) / 6);
}

.gallery-columns-7 .gallery-item {
    max-width: calc((100% - 16px * 6) / 7);
}

.gallery-columns-8 .gallery-item {
    max-width: calc((100% - 16px * 7) / 8);
}

.gallery-columns-9 .gallery-item {
    max-width: calc((100% - 16px * 8) / 9);
}

.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail,
    {
    display: table;
}

.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
    text-align: center;
}

.gallery-columns-4 .gallery-item {
    max-width: 23%;
    max-width: -webkit-calc(25% - 4px);
    max-width: calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
    max-width: 19%;
    max-width: -webkit-calc(20% - 4px);
    max-width: calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
    max-width: 15%;
    max-width: -webkit-calc(16.7% - 4px);
    max-width: calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
    max-width: 13%;
    max-width: -webkit-calc(14.28% - 4px);
    max-width: calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
    max-width: 11%;
    max-width: -webkit-calc(12.5% - 4px);
    max-width: calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: -webkit-calc(11.1% - 4px);
    max-width: calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
    clear: left;
}

.gallery-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent);
    box-sizing: border-box;
    color: @white;
    font-size: 13px;
    line-height: 1.3;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    padding: 8px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    .transition(all 400ms ease);
    width: 100%;
    overflow-y: auto;
}

.gallery-item:hover .gallery-caption {
    opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

.overflow-hidden {
    overflow: hidden;
}

.page-links {
    a {
        color: var(--heading_color);

        &:hover {
            color: var(--primary_color);
        }
    }
}

.grf-bg-1 {
    background: @grf-1  !important;
}

.grf-bg-2 {
    background: @grf-2  !important;
}

.grf-bg-3 {
    background: @grf-3  !important;
}

.grf-bg-4 {
    background: @grf-4  !important;
}

.grf-bg-5 {
    background: @grf-5  !important;
}

.grf-bg-6 {
    background-color: @Ruby_l  !important;
}

.grf-bg-7 {
    background-color: @Ruby_b  !important;
}

.grf-bg-8 {
    background-color: @Grapefruit_l  !important;
}

.grf-bg-9 {
    background-color: @Grapefruit_b  !important;
}

.grf-bg-10 {
    background-color: @Bittersweet_l  !important;
}

.grf-bg-11 {
    background-color: @Bittersweet_b  !important;
}

.grf-bg-12 {
    background-color: @Sunflower_l  !important;
}

.grf-bg-13 {
    background-color: @Sunflower_b  !important;
}

.grf-bg-14 {
    background-color: @Straw_l  !important;
}

.grf-bg-15 {
    background-color: @Straw_b  !important;
}

.grf-bg-16 {
    background-color: @Grass_l  !important;
}

.grf-bg-17 {
    background-color: @Grass_b  !important;
}

.grf-bg-18 {
    background-color: @Basil_l  !important;
}

.grf-bg-19 {
    background-color: @Basil_b  !important;
}

.grf-bg-20 {
    background-color: @Mint_l  !important;
}

.grf-bg-21 {
    background-color: @Mint_b  !important;
}

.grf-bg-22 {
    background-color: @Mint_3  !important;
}

.grf-bg-23 {
    background-color: @Teal_l  !important;
}

.grf-bg-24 {
    background-color: @Teal_b  !important;
}

.grf-bg-25 {
    background-color: @Aqua_l  !important;
}

.grf-bg-26 {
    background-color: @Aqua_b  !important;
}

.grf-bg-27 {
    background-color: @Blue_l  !important;
}

.grf-bg-28 {
    background-color: @Blue_b  !important;
}

.grf-bg-29 {
    background-color: @Lavender_l  !important;
}

.grf-bg-30 {
    background-color: @Lavender_b  !important;
}

.grf-bg-31 {
    background-color: @Plum_l  !important;
}

.grf-bg-32 {
    background-color: @Plum_b  !important;
}

.grf-bg-33 {
    background-color: @Pink_l  !important;
}

.grf-bg-34 {
    background-color: @Pink_b  !important;
}

.grf-bg-35 {
    background-color: @Brown_l  !important;
}

.grf-bg-36 {
    background-color: @Brown_b  !important;
}

.grf-bg-37 {
    background-color: @Chocolate_l  !important;
}

.grf-bg-38 {
    background-color: @Chocolate_b  !important;
}

.hidden {
    display: none;
}

mark {
    padding: 0;
    background-color: transparent;
    color: var(--primary_color);
}

a {
    mark {
        padding: 1px 0;
        position: relative;
        display: inline-block;

        &:before {
            opacity: 0;
            content: "\f054";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            font-size: 14px;
            font-style: normal;
            position: absolute;
            top: 4px;
            right: 0;
            transition: all ease 0.3s;
        }

        &:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: var(--primary_color);
            transform-origin: left;
            transform: scaleX(1);
            transition: transform 0.3s ease-in;
        }
    }

    &:hover {
        mark:before {
            opacity: 1;
            right: -19px;
        }

        mark:after {
            transform: scaleX(0);
            transform-origin: left;
        }
    }
}

.post-nav-links {
    clear: both;
    font-weight: 600;
}

.post-nav-links a {
    color: var(--primary_color);

    &:hover {
        text-decoration: underline;
    }
}



[class*="hint--"]:before,
[class*="hint--"]:after {
    position: absolute;
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    transition: all 0.3s ease;
    transition-delay: 0ms;
}

[class*="hint--"]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 7px solid transparent;
    z-index: 1000001;
    border-top-color: var(--heading_color);
}

[class*="hint--"]:after {
    background: var(--heading_color);
    color: white;
    padding: 8px 12px;
    line-height: 1em;
    white-space: nowrap;
    border-radius: 5px;
}

[class*="hint--"]:after {
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
}

[class*="hint--"][aria-label]:after {
    content: attr(aria-label);
}

.hint--top:before,
.hint--top:after {
    bottom: 100%;
    left: 50%;
}

.hint--top:before {
    transform: translateX(-50%) translateY(-20px)
}

.hint--top:after {
    transform: translateX(-50%) translateY(-15px);
}

.hint--top:hover:after {
    transform: translateX(-50%) translateY(-8px);
}

.hint--top:hover:before {
    transform: translateX(-50%) translateY(5px);
}

[class*="hint--"]:hover:before,
[class*="hint--"]:hover:after {
    transition-delay: 100ms;
}


[class*="hint--"]:hover:before,
[class*="hint--"]:hover:after {
    visibility: visible;
    opacity: 1;
}