/*!
Theme Name: Barebones
Theme URI: https://www.lunaria.co.uk
Author: lunaria.co.uk
Author URI: https://www.lunaria.co.uk
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: barebones
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Barebones is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/* Import ======================================================================= */
@import url('normalize.css'); /* Reset html - Genric */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,800;1,300;1,400&display=swap'); /* Import Google Fonts */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,700');/* Import Google Fonts */

/* Root ======================================================================== */

:root {
    /* Fonts - N.B  font-size not defined - let the local browser/OS decide */
    --primary-font: 'Open Sans', sans-serif;
    --secondary-font: 'Open Sans', sans-serif;
    --tertiary-font: courier, monospaced;
    /* Colors */
    --primary: #8e8fa0;
    --secondary: #808040;
    --tertiary: #F7931D;
    --text: #393d41;
    --background: #f0eeeb;
    --background-alt-light: #EDEBE6;
    --background-alt-dark: #DFDDD4;
    --background-fade-to-grey: #bbbab5;
    --link: #56c271;
    --hover: #018a15;
    --focus: #018a15;
    --visted: #575a5c;
    --border-color: #ccc;
}

/* =============================================================================== */
/* #Basic Layout and structure =================================================== */

/* Body ----------------------------------*/

body,button, input, select, optgroup, textarea
{
    color: var(--text);
    font-family: var(--primary-font);
    font-size: 1.4rem;
    line-height: 1.5;
}

/* =============================================================================== */
/* #Typography =================================================================== */

/* #Typography =================================================================== */
/* Standard HTML tags ----------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--secondary-font);
    font-weight: 800;
    clear: both; line-height:1.1em;
}

h1{font-size:2rem }
h2{font-size:1.8rem; }
h3{font-size:1.6rem; }
h4{font-size:1.6rem; }
h5{font-size:1.4rem; }
h6{font-size:1.4rem; }
p {
    font-size: 1.1rem;
    line-height:1.4em;
    margin-bottom: 1.4em;
    }

@media screen and (min-width:768px) {
    h1{font-size:2.4rem; }
    h2{font-size:2.2rem; }
    h3{font-size:2rem; }
    h4{font-size:1.6rem; }
    h5{font-size:1.4rem; }
    h6{font-size:1.2rem; }
}

@media screen and (min-width:1200px) {
    h1{font-size:3rem; }
    h2{font-size:2.4rem; }
    h3{font-size:2rem; }
    h4{font-size:1.6rem; }
    h5{font-size:1.4rem; }
    h6{font-size:1.2rem; }
}


/* Other HTML Elements ---------*/
/* Site specific styles -------*/
/*--  Numbered ~(ordered) list for T&CS*/
ol.t_and_c {
    list-style: upper-roman;
}

ol.t_and_c li {
    padding-bottom: 1rem;
}





@media screen and (min-width:768px) {
    h1.site-title {
        font-size: 3rem;
        text-align: left;
        margin: 2.5rem 0 1rem 0;
    }
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
    font-style: italic;
    padding: 0 30px 0 40px;
    margin: 10px 0 0 0px;
    background-image: url(images/decoration//blockquote-open.svg), url(images/decoration/blockquote-close.svg);
    background-size: 42px 42px, 42px 42px;
    background-position: top left, top right;
    background-repeat: no-repeat;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code, kbd, tt, var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/* Other HTML Elements --------------*/

body {
    background: #fff;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul, ol {
    margin: 0 0 1.5em 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul, li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

figure {
    margin: 1em 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/* =============================================================================== */
/* #Links and navigation ========================================================= */

/* Basic links ----------*/

a {    color: var(--text);    font-weight: 800;    font-family: var(--secondary-font); text-decoration:none;}
a:hover {    color: var(--tertiary);}



a.post-edit-link {
display:inline-block;
font-size:1.4rem;
text-decoration:none;
border-radius:3px;
color: var(--white);
padding:5px 10px 5px 40px;
background-color:var(--orange);
color:var(--white);
background-image: url('images/decoration/edit.svg');
background-size: 32px 32px;
background-position: left center;
background-repeat: no-repeat;
transition: background-color 0.5s ease;
}

a.post-edit-link:hover {
    background-color:var(--ochre); color:var(--white);
}

/* Navigation for comment blocks ------- */

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {    margin: 0 0 1.5em;    }
.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links {    display: flex;    }
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {    flex: 1 0 50%;    }
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {    text-align: end;flex: 1 0 50%;    }


.nav-links .nav-previous {padding-left:30px; background-image: url('images/decoration/back.svg');
    background-size: 24px 24px;
    background-position: left center;
    background-repeat: no-repeat;
    transition: color 0.5s ease;  color:var(--text); }
.nav-links .nav-next {padding-right:30px; background-image: url('images/decoration/more.svg');
    background-size: 24px 24px;
    background-position: right center;
    background-repeat: no-repeat;
    transition: color 0.5s ease; color:var(--text);   }
    .nav-links .nav-previous:hover {color:var(--primary); background-image: url('images/decoration/back_hover.svg');  }
    .nav-links .nav-next:hover {color:var(--primary); background-image: url('images/decoration/more_hover.svg');}

/* =================================================================== */
/* #Components ======================================================= */

/* Posts and pages ------------------------------- */
.sticky {  display: block;}
.post, .page {   margin: 0 ;}
.updated:not(.published) {  display: none;}
.page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; }
.page-links { clear: both;  margin: 0 0 1.5em; }
body.archive article, body.search-results article{  display:flex;flex-direction: row;  align-items:stretch;  flex-wrap:nowrap; }
body.archive .entry__thumb , body.search-results .entry__thumb {flex-basis: 38%; order:1; }
body.archive .entry__block , body.search-results .entry__block {  flex-basis: 58%; order:2;  }
/* Comments --------------------------------------------- */
.comment-content a { word-wrap: break-word;    }
.bypostauthor {display: block;    }

/* Forms --------------------------------------------- */
button, input[type="button"], input[type="reset"], input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1;
    padding: 0.6em 1em 0.4em;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"],  input[type="number"], input[type="tel"], input[type="range"],
input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: var(--text);
    background-color:white;
    border:none; /* use outline instead of border for accessability */
    outline: 1px solid var(--text);
    padding: 5px;
    transition: background-color 500ms ease;
}

input[type="text"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="password"]:hover,  input[type="number"]:hover, input[type="tel"]:hover,
input[type="range"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="week"]:hover, input[type="time"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover,
input[type="color"]:hover, textarea:hover {
    background-color:white;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus,
input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus,
input[type="color"]:focus, textarea:focus {
    color: var(--text); background-color:white; outline: 1px solid var(--text);
}

/* Widgets --------------------------------------------- */

    .widget {
        margin: 0 0 1.5em;
    }

    .widget select {
        max-width: 100%;
    }

    .widget .widget_nav_menu ul{list-style-type: none; list-style:none;padding-left:0;}

/* #Media---------------------------------------------- */

/* Alignments  */

.alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: 1.5em;
margin-bottom: 1.5em;
}

.alignright {
    /*rtl:ignore*/
    float: right;
    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

/* Images --------------------- */

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


img.attachment-post-thumbnail {max-width:100%; height:auto; }
img.attachment-post-thumbnail {line-height:0;}

/* Captions -------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0; font-size: 0.8rem; background-color:var(--light-grey);
}

.wp-caption-text {
    text-align: center;
    font-size:0.9em;
}

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

.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 { grid-template-columns: repeat(2, 1fr);	}
.gallery-columns-3 { grid-template-columns: repeat(3, 1fr);	}
.gallery-columns-4 { grid-template-columns: repeat(4, 1fr);	}
.gallery-columns-5 { grid-template-columns: repeat(5, 1fr);	}
.gallery-columns-6 { grid-template-columns: repeat(6, 1fr);	}
.gallery-columns-7 { grid-template-columns: repeat(7, 1fr);	}
.gallery-columns-8 { grid-template-columns: repeat(8, 1fr);	}
.gallery-columns-9 { grid-template-columns: repeat(9, 1fr);	}
.gallery-caption { display: block;	}

/* Iframes  ----------------------------------------------*/

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {max-width: 100%;}

.resp-container {		position: relative;
    overflow: hidden;
    width:100%;
    height:auto;
    padding-top: 56.25%;
    margin-top: 40px;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Other Media  */
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/*  ================================================================================ */
/* #Plugins ======================================================================== */

/* Jetpack infinite scroll ----- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
    display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
    display: block;
}

/* Gutenburg Block Editor ------------------- */

/* Woocommerce ------------------------------ */

/* Feed Them Social (plus 'layout/styling' also applyied via plugin ------------ */

/* insert pages ------- */

/* ======================================================================================= */
/* #Accessibility ======================================================================== */

/* Text for screen readers */

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.your-message, .your-message:hover, .your-message:focus{
    border:none;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
}

.cat-links {display:none;}

 h1.site-title {display:none;}


/* ##########################################################################
Project Specific styles for
body#southside_collective
body#art27scotland
body#artist_microsite
###########################################################################*/

/* #Basic Layout and structure ======================================================================================== */
/* Body ----------------------------------*/
body {
    color: var(--text);
    font-family: var(--primary-font);
}

.clear {
    width: 100%;
    clear: both;
}

/* Wrappers and containers ---------------*/
#header-wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: white;
}

.home #header-wrapper {

}

.metaslider .flexslider,
.flexslider {
    margin: 0 !important;
}

#header-widgets-wrapper {
    max-width: 100%;
    width: 100%;
    margin: 0;
}

#content-wrapper{padding-bottom:50px;}



aside#secondary {
    flex-basis: 26%;
    padding: 0 0 0 2%;
    order: 2;
    margin: 0;
    border: 0;
    border-left: 1px solid var(--border-color);
}

/* Front page layout*/
.front-page__wrapper__left .widget-container {
    border: 0;
    padding: 0;
    margin: 20px 0 20px 20px;
}

@media screen and (min-width:768px)

/*  tablet portrait */
    {
    .front-page__wrapper__left .widget-container {
        border: 0;
        padding: 0;
        margin: 20px 0 20px 20px;
    }
}

.front-page__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
}

.front-page__wrapper__center {
    flex-basis: 100%;
    order: 2;
    padding: 0 20px 0 20px;
}

.front-page__wrapper__left {
    flex-basis: 0%;
    padding: 0 20px 0 20px;
    order: 1;
}

.front-page__wrapper__right {
    flex-basis: 100%;
    padding: 0 20px 0 20px;
    order: 3;
}

#homepage_sidebar {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}



@media screen and (min-width:1400px)

/*  tablet landscape, desktop laptop and screens up to 2560px plus*/
    {
    .front-page__wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        max-width: 100%;
    }

    .front-page__wrapper__center {
        flex-basis: 80%;
        order: 2;
        padding:0;
    }

    .front-page__wrapper__left {
        flex-basis: 10%;
        order: 1;
    }

    .front-page__wrapper__right {
        flex-basis: 10%;
        order: 3;
    }
}

@media screen and (min-width:1800px)

/*  tablet landscape, desktop laptop and screens up to 2560px plus*/
    {
    .front-page__wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        max-width: 100%;
    }

    .front-page__wrapper__center {
        flex-basis: 60%;
        order: 2;
    }

    .front-page__wrapper__left {
        flex-basis: 20%;
        ;
        order: 1;
    }

    .front-page__wrapper__right {
        flex-basis: 20%;
        order: 3;
    }
}

/* Header
header#masthead {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
}

.site-branding {
    flex-basis: 100%;
    display: block;
    padding: 20px 20px 10px 20px;
    order: 2;
}


#site-branding__logo {
    width: 100%;
    margin: 0;
    flex-basis: none;
}

.header-functional {
    flex-basis: 100%;
    text-align: center;
    order: 1;
    padding: 20px 0 0 10px;
}

 -------------*/

h1.site-title {
    display: none;
}

p.site-description {
    display: none;
}

#slider-wrapper {
    background-color: var(--background-alt-dark);
}

#header__widgets {
    padding-right: 20px;


}

@media screen and (min-width:768px) {
    header#masthead {
        display: flex;
        flex-direction: row;
        justify-content: space-between;

    }
}



.home div#content-wrapper {
    max-width: 100%
}

.home h1.entry-title {
    display: none;
}

/* Main content --------------------------*/
main#primary {
    padding-left: 10px;
    padding-right: 10px;
}


.home .entry-content {
    padding: 50px 0 20px 0;
}


@media screen and (min-width:576x)
{  main#primary {
    padding-left: 20px;
    padding-right: 20px;
}
}

@media screen and (min-width:768px)
{  main#primary {
    padding-left: 20%;
    padding-right: 20%;
}
}

@media screen and (min-width:992px)
{   main#primary {
    padding-left: 15%;
    padding-right: 15%;
}
}

@media screen and (min-width:1200px)
{ main#primary {
    padding-left: 20%;
    padding-right: 20%;
}
}




/* Archive/category --------------------------*/

/* Featured blocks - links to artists TEMP TEMP TEMP--------------------------*/
.featured__blocks {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.featured__block {
    flex-basis: 32%;
}

.featured__block__inner {
    min-height: 200px;
    padding-top: 100px;
    text-align: center;
    font-size: 2rem;
    width: 100%;
}

.featured__block__one {
    background-color: teal;
}

.featured__block__two {
    background-color: tomato;
}

.featured__block__three {
    background-color: royalblue;
}

.featured__block a {
    color: seashell;
}

/* Sidebar/Aside ---------------------------------------------*/

/* homepage horizontal sidebar */
#homepage_sidebar {

}

#homepage_sidebar aside#secondary {
    border: none;
    padding: 0;
    margin: 0;
}

#homepage_sidebar  .homepage__CTA {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
      border: none;
      padding: 1.5%;
      margin-top:20px;
}

#homepage_sidebar  .homepage__CTA {
    flex-basis: 100%;
    margin-left: 1%;
    margin-right: 1%;
    padding: 1.5%;
    background-color: transparent;


}



#homepage_sidebar  .homepage__CTA__block {flex-basis:100%; padding:20px;  transition: background-color 1s 500ms ease ;margin-bottom:20px; }

#homepage_sidebar  .homepage__CTA__block img {
    max-height: 100%;
    padding: 20px;
}

#homepage_sidebar  .homepage__CTA__block * {color:white; font-size: 1.4rem;
    line-height: 1.6em;
    margin-bottom: 1.5em; }



#homepage_sidebar .homepage__CTA__block:nth-child(1n) {
    background-color: #3e9cdd;
}

#homepage_sidebar .homepage__CTA__block:nth-child(2n) {
    background-color: var(--primary);
}

#homepage_sidebar .homepage__CTA__block:nth-child(3n) {
    background-color: #669900;
}

#homepage_sidebar  .homepage__CTA__block:hover {
    background-color: var(--tertiary);
}



#homepage_sidebar .homepage_CTA_block h2, #homepage_sidebar .homepage__CTA__block h3,#homepage_sidebar .homepage__CTA__block h4,#homepage_sidebar .homepage__CTA__block h5,#homepage_sidebar .homepage__CTA__block h6 {
    font-size:2.4rem;  line-height:1.1;
}

#homepage_sidebar .homepage__CTA h2{
    font-size:3rem;  line-height:1.1;
}



#homepage_sidebar .homepage__CTA__block a {color:var(--text);}
#homepage_sidebar .homepage__CTA__block a:hover {color:var(--primary);}



@media screen and (min-width:992px) {

    #homepage_sidebar .homepage__CTA {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;

    }

    #homepage_sidebar .homepage__CTA__block {
        flex-basis: 31%;
    }

    #homepage_sidebar .homepage__CTA__block img {
        max-height: 100%;
        padding: 10px;
    }
}

/* Footer --------------------------------*/
#footer-wrapper .front-page__wrapper {
    background-color: var(--primary);
}

#footer-wrapper .front-page__wrapper__left {
    padding: 0;
    order: 2;
    text-align: center;
    flex-basis:100%;
}

#footer-wrapper .front-page__wrapper__center {
    padding: 20px 20px 0 20px;
    order: 1;
    text-align: center;
    flex-basis:100%;
}

#footer-wrapper .front-page__wrapper__right {
    padding: 20px;
    text-align: center;
    order: 3;
    flex-basis:100%;
}

#footer-wrapper .front-page__wrapper__right img.footer-logo {
    opacity: 0.5;
    max-width: 200px;
    transition: opacity 500ms ease;
}

#footer-wrapper .front-page__wrapper__right img.footer-logo:hover {
    opacity: 1;
}

/* footer logo fest */
#logo-fest {
    padding-left:20%; padding-right:20%; display: flex;
    flex-direction: column;
    justify-content: space-between;


}

#logo-fest .sponsors_logos p {
    margin: 20px 24% 0 24%;
    padding: 20px 0 20px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

#logo-fest .sponsors_logos p img {
    width: 120px;
    height: auto;
    padding: 10px;
    opacity: 0.9;
}

#logo-fest .sponsors_logos p img:hover {
    opacity: 1;
}

@media screen and (min-width:992px) {
    #logo-fest .sponsors_logos p img {
        width: 200px;
        padding: 10px;
    }

    #footer-wrapper .front-page__wrapper {flex-direction: row;}

    #footer-wrapper .front-page__wrapper__left {
        padding: 20px;
        order: 1;
        text-align: left;
        flex-basis:20%;
    }

    #footer-wrapper .front-page__wrapper__center {
        padding: 20px;
        order: 2;
        text-align: center;
        flex-basis:60%;
    }

    #footer-wrapper .front-page__wrapper__right {
        padding: 20px;
        text-align: right;
        order: 3;
        flex-basis:20%;
    }


}

@media screen and (min-width:1450px) {
    #logo-fest .sponsors_logos p img {
        width: 160px;
        padding: 10px;
        opacity: 0.8;
    }

    #footer-wrapper .front-page__wrapper__right img.footer-logo {
        opacity: 0.2;
        max-width: 200px;
        transition: opacity 500ms ease;
    }

    #footer-wrapper .front-page__wrapper__left {
        padding: 20px;
        order: 1;
        text-align: left;
        flex-basis:25%;
    }

    #footer-wrapper .front-page__wrapper__center {
        padding: 20px;
        order: 2;
        text-align: center;
        flex-basis:50%;
    }

    #footer-wrapper .front-page__wrapper__right {
        padding: 20px;
        text-align: right;
        order: 3;
        flex-basis:25%;
    }
}



/* Corporate text in the footer */
.site-info {
    padding-top: 20px;
}

.site-info p {
    font-family: var(--secondary-font);
    font-size: .8rem;
    line-height: 1;
}

.site-info a {
    font-weight: 800;
    color: var(--text);
}

.site-info a:hover {
    color: var(--background-alt-light);
}

#footer-wrapper h2.widgettitle {
    display: none;
}

#footer-wrapper .front-page__wrapper__left .widget-container {
    text-align: center;
    margin: 0;
}

@media screen and (min-width:768px) {
    #footer-wrapper .front-page__wrapper__left .widget-container {
        padding: 0 0 20px 0;

    }

    #footer-wrapper .front-page__wrapper__right img.footer-logo {
        max-width: 260px;
    }
}

@media screen and (min-width:1200px) {
    #footer-wrapper .front-page__wrapper__left .widget-container {
        padding: 0 0 20px 0;
        text-align: left;
    }

    #footer-wrapper .front-page__wrapper__right img.footer-logo {
        max-width: 280px;
        padding-top: 10px;
    }
}



/* #Links and navigation ========================================================= */
/* generic links  */


/*edit post/page button  */
a.post-edit-link {
    display: inline-block;
    font-size: 1.4rem;
    text-decoration: none;
    border-radius: 3px;
    color: var(--background-alt-light);
    margin-top: 20px;
    padding: 5px 10px 5px 40px;
    background-color: var(--primary);
    background-image: url('images/decoration/edit.svg');
    background-size: 32px 32px;
    background-position: left center;
    background-repeat: no-repeat;
    transition: background-color 0.5s ease;
}

a.post-edit-link:hover {
    background-color: var(--tertiary);
}

/* learn more link */
a.more, a.learn-more, a.more-link {
    background-image: url('images/decoration/more.svg');
    background-size: 32px 32px;
    padding-right: 40px;
    background-position: right center;
    background-repeat: no-repeat;
    font-size: 1.4rem;
    transition: color 0.5s ease;
    font-family: var(--secondary-font);
    font-weight: 800;
    color: var(--text);
}

a.more:hover,
.learn-more:hover, a.more-link:hover {
    color: var(--primary);
    background-image: url('images/decoration/more_hover.svg')
}

a.more-link::before{ content: "\A";
    white-space: pre; }

/* Navigation menus
Mobile menu - structural elements */

@media screen and (max-width:767px) {
    .main-navigation {
        display: block;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .main-navigation ul {
        display: none;
        list-style: none;
        margin: 0;
        padding-left: 0;
    }

    .main-navigation ul ul {
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
        float: left;
        position: absolute;
        top: 100%;
        left: -999em;
        z-index: 99999;
    }

    .main-navigation ul ul ul {
        left: -999em;
        top: 0;
    }

    .main-navigation ul ul li:hover>ul,
    .main-navigation ul ul li.focus>ul {
        display: block;
        left: auto;
    }

    .main-navigation ul ul a {
        width: 200px;
    }

    .main-navigation ul li:hover>ul,
    .main-navigation ul li.focus>ul {
        left: auto;
    }

    .main-navigation li {
        position: relative;
    }

    .main-navigation a {
        display: block;
    }

    button.menu-toggle {
        cursor: pointer;
        border-radius: 5px;
        padding: 10px 10px 10px 42px;
        background-image: url('images/decoration/menu.svg');
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 36px 36px;

        border: none;

        background-color: white;
        font-weight: 800;
        font-family: var(--secondary-font);
        font-size: 1.4rem;
        color: var(--text);
    }

    .menu-toggle,
    .main-navigation.toggled ul {
        display: block;
    }

    /*mobile menu - decorative elements */

    .main-navigation a {
        text-decoration: none;
    }

    .main-navigation ul {
        margin-left: 10px;
    }

    .main-navigation ul li {
        padding: 10px;
        background-color: var(--background-alt-dark);

        margin: 10px 5px 0 5px;
        border-radius: 5px;
        transition: background-color 500ms ease;
    }

    .main-navigation ul li:hover {
        background-color: var(--orange);
        color: var(--white);
    }

    .main-navigation ul li a {
        color: var(--white);
        padding-left: 0;
        background-image: none;
    }

    .main-navigation ul li a:hover {
        color: var(--white);
    }

    .main-navigation ul li a:visited {

    }

    .main-navigation ul li a:visited:hover {
        color: var(--white);
    }
}



header #site-navigation li.no__link a, header #site-navigation li.no__link a:hover, header #site-navigation li.no__link a:visited {display:none;}



@media screen and (min-width:768px) {
    button.menu-toggle {
        display: none;
    }

    .main-navigation {
        font-family: var(--secondary-font);
        font-weight: 800;
        font-size: 24px;
    }

    .main-navigation ul {
        margin: 20px 20px 10px 10px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        text-align: right;
    }

    .main-navigation ul li {
        margin: 0;
        padding: 0;
        border-radius: 0;
        list-style: none;
        line-height: 1.2;
    }

    .main-navigation ul li:hover {
        margin: 0;
        padding: 0;
        border-radius: 0;
    }

    .main-navigation ul li a {
        color: var(--text);
        transition: color 500ms ease;
    }

    .main-navigation ul li a:hover {
        color: var(--primary);
    }

    .main-navigation ul ul,
    .main-navigation ul ul ul {
        display: none;
    }
}

@media screen and (min-width:880px) {
    .main-navigation {
        font-size: 2.4vw;
    }
}

@media screen and (min-width:992px) {
    .main-navigation {
        font-size: 2.2vw;
    }
}


@media screen and (min-width:1100px) {
    .main-navigation {
        font-size: 2vw;
    }
}







/* ---------------- */

nav.external__links__menu {
    font-family: var(--secondary-font);
    font-weight: 800;
    margin: 0;
    padding: 0;
}

nav.external__links__menu ul {
    margin: 20px 0 0 0;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

nav.external__links__menu li {
    font-size: 1rem;
}

nav.external__links__menu a {
    color: var(--text);
    transition: color 500ms ease;
}

nav.external__links__menu a:hover {
    color: var(--background-alt-light);
}

@media screen and (min-width:768px) {
    nav.external__links__menu li {
        font-size: 1rem;
        line-height:1rem;
        padding-bottom:0.5rem;}

}



@media screen and (min-width:992px) {
    nav.external__links__menu li {
        font-size: 1rem;
        line-height:1rem;
        padding-bottom:0.5rem;}

}

/* #Components =================================================================== */
/* Posts and pages -----------------------*/
/* Calls to  action ----------------------------*/




#site-branding__logo {
    margin-top: 0;
}

/* Archives and Category lists ------------------- */

/*category list genric*/
.category-list.stack {
    margin-bottom: 0;
}

.category-list__content a {font-weight:800;}

.category-list.stack .category-list__item {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;

}

.category-list-item__title h3 {
    font-size: 1.4rem;
    font-weight: 800;
}

.category-list.stack .category-list__thumb {
    order: 1;
    flex-basis: 1000%;
}

.category-list.stack .category-list__content {
    order: 2;
    flex-basis: 100%;
    padding-left: 0;
}

@media screen and (min-width:576x)
{
}

@media screen and (min-width:768px)
{
}

@media screen and (min-width:992px)
{   .category-list.stack .category-list__item {
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
}


.category-list.stack .category-list__thumb {
    order: 1;
    flex-basis: 50%;
}

.category-list.stack .category-list__content {
    order: 2;
    flex-basis: 50%;
    padding-left: 20px;
}
}

@media screen and (min-width:1400px)
{




    .category-list.stack .category-list__thumb {
        order: 1;
        flex-basis: 40%;
    }



    .category-list.stack .category-list__content {
        order: 2;
        flex-basis: 60%;
        padding-left: 20px;
    }
}

@media screen and (min-width:1800px)
{




    .category-list.stack .category-list__thumb {
        order: 1;
        flex-basis: 30%; line-height:0;
    }

    .category-list.stack .category-list__content {
        order: 2;
        flex-basis: 70%;
        padding-left: 20px;
    }
}

.category-list.news-page__list .category-list__item
{background-color:var(--background-alt-dark); margin-bottom:20px; transition: background-color 500ms ease 0.5s;}

.category-list.news-page__list .category-list__item:hover {background-color:var(--background-alt-light);}


.category-list.stack .category-list__content a {
    color: var(--text);
}

.category-list.stack .category-list__content a:hover {
    color: var(--primary);
}

#content-wrapper.events .iee_archive .archive-event {
    flex-basis: 100%;
}

@media screen and (min-width:576x)
{  #content-wrapper.events .iee_archive .archive-event {
    flex-basis: 100%;
}
}

@media screen and (min-width:768px)
{   #content-wrapper.events .iee_archive .archive-event {
    flex-basis: 48%;
}
}

@media screen and (min-width:992px)
{
}

@media screen and (min-width:1200px)
{ #content-wrapper.events .iee_archive .archive-event {
    flex-basis: 32%;
}
}






/* CATEGORY LIST ON ARTIST PAGEs*/
.category-list.artist-page__list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.category-list.artist-page__list .category-list__item {
    flex-basis: 100%;
    background-color: var(--background-fade-to-grey);
    transition: background-color 500ms ease 0.5s;
    margin-bottom:30px;
}

@media screen and (min-width:576x)
{
}

@media screen and (min-width:768px)
{   .category-list.artist-page__list {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
}

.category-list.artist-page__list .category-list__item {
    flex-basis: 49%;
}
}

@media screen and (min-width:992px)
{

.category-list.artist-page__list .category-list__item {
    flex-basis: 32%;
}
}


@media screen and (min-width:1200px)
{ .category-list.artist-page__list .category-list__item {
    flex-basis: 32%;
}
}




.category-list.artist-page__list .category-list__item:hover {
    background-color: var(--background-alt-dark);
}

.category-list.artist-page__list .category-list__content {
    padding: 0 10px 10px 10px;
}

.category-list.artist-page__list .category-list__content h3 {
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 800;
}

.category-list.artist-page__list .category-list__content a.learn-more {
    font-size: 1.2rem;
    line-height: 1;
    background-size: 24px 24px;
    padding-right: 30px;
}

/* Front page lists -------------*/

/* List heading */
.category-title__link {
    width: 100%;
    padding: 20px 20px 20px 0;
    background-color: var(--background-fade-to-grey);
    text-align: right;
    transition: 1s background-color 200ms ease;
    margin-bottom: 20px;
}

.category-title__link:hover {
    background-color: var(--background-alt-dark);
}

a.category-title__link__link {
    width: 100%;
    flex-basis: 100%;
    display: block;
}

.category-title__link h3 {
    margin: 0;
    padding: 0;
    font-size: 2rem;
    line-height: 1;
    font-weight: 300;
    background-image: url('images/decoration/more.svg');
    background-size: 32px 32px;
    padding-right: 40px;
    background-repeat: no-repeat;
    background-position: right center;
    color: var(--text);
    display: block;
    width: 100%;
    text-align: right;
}

/* CATEGORY LIST Artist on the front page */

.category-listing .front-page__wrapper__center {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    align-items: flex-end;
}

.front-page__wrapper.category-title {background-color: var(--secondary);
    padding: 20px  ; }

.front-page__wrapper.category-title h3 {
    margin: 0;
    width: 100%;
    padding: 0 ;
    font-size: 2.4rem;
    line-height: 1;

}

.front-page__wrapper.category-listing .list__thumb {
    flex-basis: 100%;
}

.front-page__wrapper.category-listing .list__content {
    flex-basis: 100%;
}

.front-page__wrapper.category-listing:nth-child(odd) .list__thumb {
    order: 1;
}

.front-page__wrapper.category-listing:nth-child(even) .list__thumb {
    order: 1;
}

.front-page__wrapper.category-listing:nth-child(odd) .list__content {
    order: 2;
    padding: 20px 0 30px 20px;
}

.front-page__wrapper.category-listing:nth-child(even) .list__content {
    order: 2;
    padding: 20px 20px 30px 0;
}

.front-page__wrapper.category-listing:nth-child(odd) {
    background-color: var(--background-alt-light);
}

.front-page__wrapper.latest_news:nth-child(odd) {
    background-color: var(--background-alt-light);
}

.front-page__wrapper.latest_news:nth-child(even) {
    background-color: var(--background-alt-dark);
}

.front-page__wrapper.category-listing:nth-child(even) {
    background-color: var(--background-alt-dark);
}




@media screen and (min-width:992px) {
    .category-listing .front-page__wrapper__center {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        align-items: flex-end;
    }

    .front-page__wrapper.category-listing .list__thumb {
        flex-basis: 55%;
    }

    .front-page__wrapper.category-listing .list__content {
        flex-basis: 45%;
    }

    .front-page__wrapper.category-listing .list__thumb img {
        padding: 0;
        margin: 0;
        display: block;
        opacity: 0.9;
    }

    .front-page__wrapper.category-listing .list__thumb img:hover {
        opacity: 1;
    }

    .front-page__wrapper.category-listing:nth-child(odd) .list__thumb {
        background-color: var(--background-alt-dark);
    }

    .front-page__wrapper.category-listing:nth-child(even) .list__thumb {
        background-color: var(--background-alt-light);
    }

    .front-page__wrapper.category-listing:nth-child(odd) .list__thumb {
        order: 1;
    }

    .front-page__wrapper.category-listing:nth-child(even) .list__thumb {
        order: 2;
    }

    .front-page__wrapper.category-listing:nth-child(odd) .list__content {
        order: 2;
        padding: 20px 0 30px 20px;
    }

    .front-page__wrapper.category-listing:nth-child(even) .list__content {
        order: 1;
        padding: 20px 20px 30px 0;
    }



}

    @media screen and (min-width:1400px) {
        .front-page__wrapper.category-title {
            background-color: var(--secondary);
            padding: 20px 10% 20px 10%;
            width: 100%;
        }
    }

    @media screen and (min-width:1800px) {
        .front-page__wrapper.category-title {
            background-color: var(--secondary);
            padding: 20px 20% 20px 20%;
            width: 100%;
        }
    }

    .front-page__wrapper.category-listing .list__thumb img {
        padding: 0;
        margin: 0;
        display: block;
        opacity: 0.9;
    }

    .front-page__wrapper.category-listing .list__thumb img:hover {
        opacity: 1;
    }

    .front-page__wrapper.category-listing:nth-child(odd) .list__thumb {
        background-color: var(--background-alt-dark);
    }

    .front-page__wrapper.category-listing:nth-child(even) .list__thumb {
        background-color: var(--background-alt-light);
    }

    .list-item__title h3 {
        font-size: 2rem;
        margin: 0;
        padding: 0 0 20px 0;
    }

    .list__content p {
        padding-top: 0;
        margin: 0 0 1rem 0;
    }

    /* latest news on home page */




    .front-page__wrapper.latest-news .category-list {
        display: flex;
        align-items:stretch;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .front-page__wrapper.latest-news .category-list__item {
        flex-basis: 100%;
        border: 0;
        display:block;
           }

           .front-page__wrapper.latest-news .category-list__content img,
           .front-page__wrapper.latest-news .category-list__content li,
           .front-page__wrapper.latest-news .category-list__content ul,
           .front-page__wrapper.latest-news .category-list__content ol {display:none;}

    @media screen and (min-width:900px) { .front-page__wrapper.latest-news .category-list__item {
        flex-basis: 49%;
        } }


    @media screen and (min-width:1200px) { .front-page__wrapper.latest-news .category-list__item {
        flex-basis: 24%;

        } }



    .front-page__wrapper.latest-news .category-list__item {
        padding: 0;
        margin-bottom: 20px;
        background-color: var(--background-fade-to-grey);
        transition: background-color 2s 200ms ease;
    }

    .front-page__wrapper.latest-news .category-list__item:hover {
        background-color: var(--background-alt-dark);
    }

    .front-page__wrapper.latest-news .category-list__thumb {
        width: 100%;  flex-basis: 100%;
    }

    .front-page__wrapper.latest-news .category-list__content {
        flex-basis: 100%;
        padding: 10px;
    }

    .front-page__wrapper.latest-news .category-list.stack {
        margin: 20px 0 0 0;
    }

    .front-page__wrapper.latest-news .category-list-item__title h3 {
        font-size: 1.4rem;
        color: var(--text);
        font-weight: 800;
        line-height: 1;
        padding: 0;
        margin: 0;
    }

    .front-page__wrapper.latest-news .category-list__content a.learn-more {
        font-size: 1rem;
        background-size: 24px 24px;
        padding-right: 30px;
    }

    .front-page__wrapper.latest-news .category-list__content a.learn-more:hover {
        color: var(--primary);
    }



    @media screen and (min-width:992px)
    {
        .front-page__wrapper.latest-news .category-list__item {
            padding: 0;
            margin-bottom: 20px;
            background-color: var(--background-fade-to-grey);
            transition: background-color 2s 200ms ease;
        }




    }








    /* Comments ----------------------------- */
    /* Forms -------------------------------- */
    /* Search  -------------------------------*/

    /*  Search results  ---------------------------------------- */
    body.search-results article, body.archive article {
        background-color: var(--background-alt-dark);
        margin-bottom: 30px;
        padding:10px;
        transition: background-color 1s 500ms ease;
        display:flex;
        flex-direction: column;
        justify-content: space-between;

    }

    body.search-results article:hover, body.archive article:hover {
        background-color: transparent;
    }

    body.search-results .entry__thumb,
    body.archive img.attachment-post-thumbnail,
    body.archive .entry__thumb,
    body.archive img.attachment-post-thumbnail

    {
        flex-basis: 100%;
        order: 1;
    }

    body.search-results .entry__block, body.archive .entry__block {
        flex-basis: 100%; padding:10px;
    }

    body.search-results .entry__block h2.entry-title, body.archive .entry__block h2.entry-title {
        padding: 0;
        margin: 0 0 20px 0;
        line-height: 1;
    }

    body.search-results .entry__block p, body.archive .entry__block p {
        line-height: 1.2;
        margin: 0 0 1rem 0;
        font-size: 1.2rem;
    }

    .entry-meta {
        display: none;
    }

    .comments-link  {
        display: none;
    }


    @media screen and (min-width:992px)
    { body.search-results article, body.archive article {
                display:flex;
                flex-direction: row;
        justify-content: space-between;

    }

    body.search-results .entry__thumb,
    body.archive img.attachment-post-thumbnail,
    body.archive .entry__thumb,
    body.archive img.attachment-post-thumbnail

    {
        flex-basis: 15%;
        order: 1;
    }

    body.search-results .entry__block, body.archive .entry__block {
        flex-basis: 82%; padding:10px;
    }


    }


    /* Footer Search  ---------------------------------------- */
    #footer__search {
        font-size: 1rem;
        text-align: center;
        width: 100%;
        padding-top: 20px;
    }

    #searchsubmit {
        display: none;
    }

    #footer__search .search-form input[type="search"] {
        background-color: var(--primary);
        background-size: 24px 24px;
        background-image: url("images/decoration/search.svg");
        background-position: right center;
        background-repeat: no-repeat;
        font-size: 1rem;
        font-family: var(--primary-font);
                border: 0;
        outline: solid 1px var(--text);
        cursor: pointer;
        margin: 0;
        padding: 10px 40px 10px 10px;
        position: relative;
        transition: background-color 600ms ease 0s;
        width: 50%;
        -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
        color: #FFFFFF;;
    }

    #footer__search .search-form input[type="search"]:hover {
        background-color: white;
        color: var(--text);
        -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
        border: 0;
        outline: solid 1px var(--background-alt-dark);
    }

    #footer__search .search-form input[type="search"]:focus {
        background-color: white;
        -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
        border: 0;
        outline: solid 1px var(--background-alt-light);
    }

    #footer__search input[type="submit"] {
        display: none;
    }

    label {
        line-height: 34px;
    }

    select {
        border: 1px solid #ccc;
    }

    textarea {
        width: 100%;
    }

    /* Widgets -------------------------------*/
    .widget-container {
        border: 0;
        padding: 0;
    }

    .widget_nav_menu {
        display: block;
    }

        /*Jetpack Google Translate ---*/

    .widget_google_translate_widget {
        margin: 20px 0 0 0;
        text-align: right;
    }

    @media screen and (min-width:1400px) {
        .widget_google_translate_widget {
            margin: 20px 0 0 0;
            text-align: left;
        }
    }

    /* #Media ======================================================================== */
    /* Alignments ----------------------------*/
    /* Images --------------------------------*/
    /* Captions ------------------------------*/
    /* Galleries -----------------------------*/
    /* Iframes  ------------------------------*/
    iframe.goog-te-banner-frame {
        display: none;
    }

    /* other media ---------------------------*/
    /* #Plugins ====================================================================== */

    /* Events/Import Eventbrite Events ---------------------------*/
    .iee_archive {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        max-width: 100%;
        align-items: stretch;
    }

    .iee_archive .archive-event {
        flex-basis: 100%;
        background-color: var(--background-fade-to-grey);
        color: var(--text);
        margin-bottom: 20px;
        margin-top: 20px;
        transition: background-color 1s 600ms ease;
    }

    .iee_archive .archive-event:hover {
        background-color: var(--background-alt-dark);
    }

    .iee_archive .iee_event .img_placeholder {
        height: 600px;
        background-position: center center !important;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

    .iee_archive .iee_event .img_placeholder {
        opacity: 0.9;
    }

    .iee_archive .iee_event .img_placeholder:hover {
        opacity: 1;
    }

    .iee_archive .iee_event .event_details {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        flex-wrap: wrap;
        font-family: var(--secondary-font)
    }

    .iee_archive .iee_event .event_date {
        flex-basis: 100%;
        padding: 0 0 0 10px;
        background-color: transparent !important;
    }

    .iee_archive .iee_event .event_type {
        padding: 10px 0 0 10px;
    }

    .iee_archive .iee_event .event_desc {
        flex-basis: 100%;
        padding: 10px;
    }

    .iee_archive .iee_event .event_address {
        padding-top: 15px;
    }

    .iee_archive .iee_event .event_desc a {
        font-weight: 800;
    }

    .iee_archive .iee_event .event_details .big-date {
        font-size: 2.8vw;
        opacity: 0.2;
    }

    .event_date .big-time {
        opacity: 1;
    }

    span.date-tab {
        font-weight: 300;
    }

    .iee_archive .archive-event a {
        color: var(--text);
        font-weight: 800;
    }

    .iee_archive .archive-event:hover a {
        color: var(--text);
    }

    .event_title {
        font-weight: 800;
        font-size: 1.6rem;
        font-family: var(--secondary-font);
        line-height: 1;
    }

    .event_link {
        margin: 20px 0 10px 0;
    }

    .event_desc a.learn-more {
        background-image: url('images/decoration/more.svg');
        background-size: 24px 24px;
        padding-right: 30px;
        background-position: right center;
        background-repeat: no-repeat;
        font-size: 1rem;
        transition: color 0.5s ease;
        font-family: var(--secondary-font);
        font-weight: 800;
        color: var(--text);
    }

    .event_desc a.learn-more:hover {
        color: var(--primary);
        background-image: url('images/decoration/more_hover.svg')
    }

    .iee_organizermain .details p{font-family: var(--secondary-font);font-weight:800; margin: 0.5rem 0 0 0;font-size:2rem;}


    @media screen and (min-width:992px) {
        .iee_archive {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            flex-wrap: wrap;
            width: 100%;
            max-width: 100%;
            align-items: stretch;
        }

        .iee_archive .archive-event {
            flex-basis: 48%;
        }


        .iee_archive .iee_event .img_placeholder {
        height: 340px;}

    }

    @media screen and (min-width:1200px) {
        .iee_archive .archive-event {
            flex-basis: 32%;
        }

        .iee_archive .iee_event .img_placeholder {
            height: 360px;}
    }


    @media screen and (min-width:1400px) {


        .iee_archive .iee_event .img_placeholder {
            height: 440;}
    }
    /* Eventbrite buttons*/
    button#iee-eventbrite-checkout-trigger,
    button#iee-eventbrite-checkout-trigger:hover {
        display: none;
    }

    .iee_event_meta .details a.register-button {
        padding: 20px;
        margin-top: 20px;
        font-size: 1.2rem;
        background: var(--primary);
        border-collapse: collapse;
        border: none;
        color: white;
        transition: background-color 500ms ease 0.5s;
        float: left;
        display: list-item;
        list-style: none;
        margin-bottom: 20px;
    }

    body.single-eventbrite_events #comments {
        display: none;
    }

    button#iee-eventbrite-checkout-trigger:hover,
    .eventbrite_events-template-default .iee_event_meta .details a.register-button:hover {
        background-color: var(--tertiary);
    }

    .website-link-title {
        display: none !important;
    }

    /* ventbrite buy tickets*/
    article.eventbrite_events {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: column;
        width: 100%
    }

    article.eventbrite_events button#iee-eventbrite-checkout-trigger {
        display: none;
    }

    .eventbrite_events .website-link {
        display: none;
    }

    .eventbrite_events .website-link-title {
        display: none !important;
    }

    .titlemain {
        display: none;
    }



    .eventbrite_events .entry-content div {
        padding: 0 !important;
        margin: 0 !important;
        font-size: 1.2rem !important;
        line-height: 1.2 !important;
    }

    .iee_organizermain .details h3.event-date span.title {
        font-weight: 300;
    }

    .iee_organizermain .venue p,  .iee_organizermain .venue i {font-style: normal; line-height:1; padding:0 0 1rem 0; margin:0; font-family: var(--secondary-font);}

    .eventbrite_events .entry-content .map  {padding-top:20px !important; padding-bottom:40px!important;}

    .eventbrite_events .entry-content .map iframe{outline:solid 1px var(--text);}
    /* contact form 7*/
    .wpcf7-form {
        margin-top: 10px;
    }

    .wpcf7-form p.required-prompt {
        padding: 0;
        line-height: 1;
    }

    .wpcf7-form label {
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
        color: var(--text);
        display: block;
    }

    .wpcf7-email,
    .wpcf7-text {

        font-family: 'Open Sans', sans-serif;
        color: var(--text);
        letter-spacing: 0.05em;
        font-weight: 400;
        text-align: left;
        margin: 0;
        width: 60%;
        outline: 1px solid var(--text);
        padding: 5px;
    }

    .wpcf7-email:hover,
    .wpcf7-text:hover {
        outline: 1px solid var(--primary);
        color: var(--text);
    }

    .wpcf7-email:focus,
    .wpcf7-text:focus {
        outline: 1px solid var(--primary);
        color: var(--text);
    }

    .wpcf7-textarea {
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
        color: var(--text);
        letter-spacing: 0.05em;
        font-weight: 300;
        text-align: left;
        margin: 0;
        width: 60%;
        outline: 1px solid var(--text);
        padding: 5px;
    }

    .wpcf7-textarea:hover {
        outline: 1px solid var(--primary);
        color: var(--text);
    }

    .wpcf7-textarea:focus {
        outline: 1px solid var(--primary);
        color: var(--text);
    }

    div.wpcf7-mail-sent-ok,
    div.wpcf7-validation-errors,
    div.wpcf7-acceptance-missing {
        padding: 20px;
        font-size: 18px;
        color: var(--text);
        background-color: var(--white);
        border-radius: 5px;
        border: 2px solid #FF8000 !important;
        margin: 2em 0 0.5em 0 !important;
    }

    span.wpcf7-not-valid-tip {
        font-size: 24px !important;
        margin: 10px 0 10px 0 !important;
        color: #FF8000 !important;
    }

    input.wpcf7-submit {
        float: left;
        cursor: pointer;
        font-size:1.6rem;
        font-weight:800;
        color:white;
        margin: 20px 0 20px 0;
        border-radius: 0;
        padding: 10px 15px 10px 15px;
        background-color: var(--primary);

        font-family: 'Open Sans', sans-serif;
        color: white;
        border: none;
        outline: none;
        transition: background-color 200ms ease;
    }

    input.wpcf7-submit:hover {
        background-color: var(--tertiary);
    }

    /* Jetpack infinite scroll ---------------*/
    /* Gutenburg Block Editor ----------------*/
    /* Woocommerce ---------------------------*/

    /* Insert Pages ---------------*/
    .wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
        margin: 0 !important;
    }

    .wp-block-social-links.is-style-logos-only .wp-social-link {
        padding: 0 !important;
    }

    .wp-block-social-links.alignleft {
        margin: 20px auto 0 auto !important;
        width: 300px !important;
        float: none !important;
        padding: 20px 0 0 0 !important;
        text-align: center;
    }



    /* Meta Slider- --------*/
    .flex-control-paging li a {
        background-color: var(--primary) !important;
        opacity: 0.5;
    }

    .flex-control-paging li a.flex-active {
        opacity: 1;
    }

    .metaslider .caption-wrap {
        background-color: var(--primary) !important;
        bottom: 5% !important;
        left: 2% !important;
        width: 96% !important;
        padding: 20px;
    }

    .metaslider .caption {
        font-family: var(--secondary-font) !important;
        font-weight: 800 !important;
    }

    /* Social block- --------*/
    .wp-block-social-link-anchor svg:hover {
        color: white;
        fill: white !important;
    }

    /* #Accessibility ================================================================= */
    /* Text for screen readers */

    /* # Dev Sketchpad (work in progress)================================================================= */
    /* For Artist 1 - Ghazi --------*/
    /* For Artist 2 - Zaki --------*/
    /* For Artist 3 - Shatha --------*/
    /* For Artist 4 - Saber --------*/
    /* For Artist 5 - Robert Rae --------*/
    /* For Artist 6 --------*/
    /* For Artist 7 --------*/
    /* For Artist 8 - Traiditional Chinese --------*/

    .wp-block-social-link-anchor svg:hover {
        color: white;
        fill: white !important;
    }

    .single-post img.attachment-post-thumbnail {display:none;}

    .goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon {font-family:var(--secondary-font)!important; padding:3px 5px 3px 5px; }

    @media screen and (min-width:1840px)
{  .goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon {font-size: 14pt!important; font-family:var(--secondary-font)!important; padding:5px 10px 5px 10px; }
}


.fts-twitter-div {display:flex !important;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;}

.fts-tweeter-wrap{ flex-basis:96%;  border-radius: 5px; background-color: #DFDDD4; margin-top:20px; padding:10px 1% 10px 1%;}

@media screen and (min-width:768px) {
    .fts-tweeter-wrap{ flex-basis:47%; }
}


.fts-powered-by-text-popup a.fts-powered-by-text {
    color:#EDEBE6;
}