/* Menu styles Desktop & Mobile */
.fixed-header {
    animation: none;
}

.title {
    position: relative;
}

.title a {
    top: 9px;
}

@media (min-width: 1025px) {
    .fixed-header .header svg {
        width: 400px;
        margin-left: -6px;
    }

    .fixed-header .header .top-header {
        padding: 16px 0 10px 37px;
    }

    .fixed-header .humburger {
        top: 20px;
    }

    .fixed-header .title p {
        font-size: 18px;
    }

    .title p {
        transition: all 0.9s ease;
    }

    .fixed-header .title a {
        font-size: 18px;
    }

    .fixed-header .title {
        padding: 10px 36px 12px 37px;
    }
}

@media (max-width: 1024px) {
    .title p {
        font-size: 11px;
    }

    .title a {
        font-size: 13px;
        top: 7px;
    }

    .header svg {
        margin-left: -10px;
    }
}

@media (max-width: 350px) {
    .title p {
        font-size: 11px;
    }

    .title a {
        font-size: 11px;
    }

    .title a {
        top: 9px;
    }

    .header svg {
        margin-left: -6px;
    }
}

/* Pop-ups & Previous Events page */
.color-1 h4 {
    color: #C8A337 !important;
}

.text-with-two-image.big-header.left .image-wrap:first-child,
.text-with-two-image.big-header.left .video-wrap:first-child {
    margin-top: 7px !important;
}

.line-up-single-content .text-contents *,
.text-with-two-image p,
.text-with-big-one-image p,
.page-template-previous-events .text-with-two-image p {
    font-weight: 400;
}

@media (max-width: 1024px) {
    .page-template-previous-events .text-with-two-image .image-wrap:first-child img {
        margin-top: 0 !important;
    }
}

/* Stray letters' fixes */
.wrap-contents h3 {
    font-size: 30px;
}

.color-1 .list-items-wrap h6,
.color-2 .list-items-wrap h6,
.color-3 .list-items-wrap h6,
.color-4 .list-items-wrap h6 {
    color: #2f292f !important;
}

.line-up-wrap .content.grid .cat-description h3,
.big-page-header h1,
.pr-footer-heading,
.home .picture-slider.speakers.line-up-body .heading-wrap h2,
.section-intro-two-cols .content-item h2,
.articles-wrap .heading-wrap h2,
.program-table h4,
.text-with-two-image h4,
.big-page-header h1 span,
.wrap-contents h3 {
    text-transform: inherit;
}

@media (max-width: 805px) {
    .wrap-contents h3 {
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    .big-page-header h1 {
        font-size: 35px !important;
    }

    .page-template-previous-events .text-with-two-image h4 {
        font-size: 30px;
    }

    .pr-footer-heading {
        font-size: 35px !important;
    }

    .news-letter-header {
        font-size: 35px !important;
    }
}

/*  */
@media (max-width: 1024px) {
    .text-with-big-one-image .image-wrap {
        margin-top: 4px;
    }
}

/*Grain texture 3D illusion*/
body,
.main-banner:after, 
.three-cols-slider .slide-item-img:after, 
.section-intro-two-cols .col-right .img-block-bg:after, 
.unique-image .image-content:after, 
.scroller-section:after, 
.full-width-image-with-content .image-content:after, 
.articles-wrap .article-container .article-lists .article-item .article-content:after, 
.primary-footer:after, .text-with-big-one-image .image-wrap:after, 
.text-with-two-image .image-wrap:after,
.open-slider-box .cover:after,
.open-slider,
.open-slider-box .heading-block,
.header, 
.home .picture-slider.speakers, 
.news-letter, .nav-menu,
.line-up-wrap .image-wrap:after, 
.line-up-single-wrap .img-single:after,
.default-content,
.content-slide-wrapper .content-slide-box .head-block,
.inner-two-col .inner-two-col-content-block,
.content-slide-box .image-block:after {
    background-image: none !important;
}

main {
    position: relative;
}

main:after {
    position: fixed;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999999;
    display: block !important;
    pointer-events: none;
    background-image: url(https://designmatters.io/wp-content/themes/2021/assets/css/images/grain.png);
    opacity: 1;
}

/* Header logo hover */
/*.header a svg#Layer_1 .st1 {
    stroke: #E8E8D6;
    stroke-width: 8px;
    transition: all .3s ease !important;
    transition-delay: 0 !important;
}

.header a:hover svg#Layer_1 .st1 {
    stroke-width: 0px;
    transition: all .3s ease !important;
}*/

.color-1 .header svg#Layer_1 .st2,
.color-1 .header svg#Layer_1 .st3,
.color-1 .header svg#Layer_1 .st4,
.color-1 .header svg#Layer_1 .st5,
.color-1 .header svg#Layer_1 .st6,
.color-1 .header svg#Layer_1 .st7,
.color-1 .header svg#Layer_1 .st8,
.color-1 .header svg#Layer_1 .st9 {
    stroke: #C8A337 !important;
    fill: none !important;
}

.color-2 .header svg#Layer_1 .st2,
.color-2 .header svg#Layer_1 .st3,
.color-2 .header svg#Layer_1 .st4,
.color-2 .header svg#Layer_1 .st5,
.color-2 .header svg#Layer_1 .st6,
.color-2 .header svg#Layer_1 .st7,
.color-2 .header svg#Layer_1 .st8,
.color-2 .header svg#Layer_1 .st9 {
    stroke: #8699F8 !important;
    fill: none !important;
}

.color-3 .header svg#Layer_1 .st2,
.color-3 .header svg#Layer_1 .st3,
.color-3 .header svg#Layer_1 .st4,
.color-3 .header svg#Layer_1 .st5,
.color-3 .header svg#Layer_1 .st6,
.color-3 .header svg#Layer_1 .st7,
.color-3 .header svg#Layer_1 .st8,
.color-3 .header svg#Layer_1 .st9 {
    stroke: #06CE6C !important;
    fill: none !important;
}

.color-4 .header svg#Layer_1 .st2,
.color-4 .header svg#Layer_1 .st3,
.color-4 .header svg#Layer_1 .st4,
.color-4 .header svg#Layer_1 .st5,
.color-4 .header svg#Layer_1 .st6,
.color-4 .header svg#Layer_1 .st7,
.color-4 .header svg#Layer_1 .st8,
.color-4 .header svg#Layer_1 .st9 {
    stroke: #FF8C99 !important;
    fill: none !important;
}

/* The Themes Glitch */
/*.open-slider-box .cover {
    justify-content: flex-end;
}

.open-slider-box {
    justify-content: space-between;
}

.open-slider-box .content-block .content-wrapper p {
    font-size: 25px;
}

a.slide-btn {
    font-size: 28px;
}*/

/* Fixed backgrounds */
.fixed-pattern {
    height: 400px;
    float: left;
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    background: none;
    
}

.fixed-pattern-bg {
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    position: absolute;
}

.fixed-pattern svg.leaf {
    position: fixed;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    z-index: -1;
    width: 170%;
}

.color-1 .fixed-pattern .st0 {
    stroke: #C8A337 !important;
    fill: #C8A337 !important;
}

.color-2 .fixed-pattern .st0 {
    stroke: #8699F8 !important;
    fill: #8699F8 !important;
}

.color-3 .fixed-pattern .st0 {
    stroke: #06CE6C !important;
    fill: #06CE6C !important;
}

.color-4 .fixed-pattern .st0 {
    stroke: #FF8C99 !important;
    fill: #FF8C99 !important;
}

.fixed-pattern svg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.fixed-pattern-bg {
    opacity: 0;
    transform: translateY(-100%);
}
.color-1 .fixed-pattern-bg.one {
    opacity: 1;
    transform: translateY(0);
}

.color-2 .fixed-pattern-bg.two {
    opacity: 1;
    transform: translateY(0);
}

.color-3 .fixed-pattern-bg.three {
    opacity: 1;
    transform: translateY(0);
}

.color-4 .fixed-pattern-bg.four {
    opacity: 1;
    transform: translateY(0);
}

main > div {
    background: #2f292f;
}

main > div:last-child {
    margin-bottom: 0;
}

/*  */
/* body header svg:hover #path-3-link path#path-3 {
    fill: url(#image) !important;
}


svg#pattern {
    position: absolute;
    z-index: -3;
}

<svg id='pattern' xmlns="http://www.w3.org/2000/svg" version="1.1">
  <defs>
    <pattern id='image' width="1" height="1" viewBox="0 0 100 100">
      <image xlink:href='http://dummyimage.com/600x400/abc/333' width="100" height="100" preserveAspectRatio="none"></image>
    </pattern>
  </defs>
</svg> */