/*
Theme Name: EWYE Food Calendar
Theme URI: https://seothing.co.uk/
Author: SEO[Thing]
Author URI: https://seothing.co.uk/
Description: Simple theme for the EWYE Food Calendar website
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ewyecalendar
*/
/* RESET */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* FONTS */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 * 
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media. 
 * 
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * eatwithyoureyes.co.uk (monthly pageviews: <50K)
 *
 */

/* complete */

@font-face {
    font-family: "CircularXXWeb-Regular";
    src: url("/wp-content/themes/ewyecalendar/fonts/CircularXXWeb-Regular.woff") format("woff");
  }
  
  @font-face {
    font-family: "CircularXXWeb-Regular";
    src: url("/wp-content/themes/ewyecalendar/fonts/CircularXXWeb-Regular.woff2") format("woff2");
  }
  
  @font-face {
    font-family: "CircularXXWeb-Bold";
    src: url("/wp-content/themes/ewyecalendar/fonts/CircularXXWeb-Bold.woff") format("woff");
  }
  
  @font-face {
    font-family: "CircularXXWeb-Bold";
    src: url("/wp-content/themes/ewyecalendar/fonts/CircularXXWeb-Bold.woff2") format("woff2");
  }
  
  
  /* subset */
  
  @font-face {
    font-family: "CircularXXSub-Regular";
    src: url("/wp-content/themes/ewyecalendar/fonts/CircularXXSub-Regular.woff") format("woff");
  }
  
  @font-face {
    font-family: "CircularXXSub-Regular";
    src: url("/wp-content/themes/ewyecalendar/fonts/CircularXXSub-Regular.woff2") format("woff2");
  }
  
  @font-face {
    font-family: "CircularXXSub-Bold";
    src: url("/wp-content/themes/ewyecalendar/fonts/CircularXXSub-Bold.woff") format("woff");
  }
  
  @font-face {
    font-family: "CircularXXSub-Bold";
    src: url("/wp-content/themes/ewyecalendar/fonts/CircularXXSub-Bold.woff2") format("woff2");
  }
  
  @font-face {
    font-family: "LeagueGothic-Regular";
    src: url("/wp-content/themes/ewyecalendar/fonts/LeagueGothic-Regular.woff") format("woff");
  }
  @font-face {
    font-family: "LeagueGothic-Italic";
    src: url("/wp-content/themes/ewyecalendar/fonts/LeagueGothic-Italic.woff") format("woff");
  }
  @font-face {
    font-family: "LeagueGothic-CondensedItalic";
    src: url("/wp-content/themes/ewyecalendar/fonts/LeagueGothic-CondensedItalic.woff") format("woff");
  }
  @font-face {
    font-family: "LeagueGothic-Condensed";
    src: url("/wp-content/themes/ewyecalendar/fonts/LeagueGothic-Condensed.woff") format("woff");
  }
  @font-face {
    font-family: "LeagueGothic-Regular";
    src: url("/wp-content/themes/ewyecalendar/fonts/LeagueGothic-Regular.woff2") format("woff2");
  }
  @font-face {
    font-family: "LeagueGothic-Italic";
    src: url("/wp-content/themes/ewyecalendar/fonts/LeagueGothic-Italic.woff2") format("woff2");
  }
  @font-face {
    font-family: "LeagueGothic-CondensedItalic";
    src: url("/wp-content/themes/ewyecalendar/fonts/LeagueGothic-CondensedItalic.woff2") format("woff2");
  }
  @font-face {
    font-family: "LeagueGothic-Condensed";
    src: url("/wp-content/themes/ewyecalendar/fonts/LeagueGothic-Condensed.woff2") format("woff2");
  }
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0.25% 0 0.25% 0.5%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.75%;
}
/*  GRID OF FIVE  */
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.9%;
}
.span_3_of_5 {
	width: 59.8%;
}
.span_2_of_5 {
	width: 39.7%;
}
.span_1_of_5 {
	width: 19.6%;
}
/*  GO FULL WIDTH AT LESS THAN 509 PIXELS 

@media only screen and (max-width: 509px) {
	.col { 
		margin: 0.5% 0 0.5% 0%;  
	}
    .spacer {
        padding: 1% 2%;
    }
    p.footer-strapline {
        width:100%;float:none;
    }
    .footer-cta {
        width:100%;float:none;
    }
}

@media only screen and (max-width: 509px) {
	.span_2_of_2, .span_1_of_2,.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }
}
*/
@media only screen and (min-width: 510px) {
    .month {
        padding:20px 20px 0 20px;
        position:relative;
}
.view-dates {
    position: absolute;
    bottom: 1vw;
    right: 1vw;
    font-size:1.5vw;
}
}
@media only screen and (max-width: 509px) {
    .view-dates {
        padding: 15px 0 !important;
        width: 100% !important;
        display: block;
        font-size: 3.3vw;
    }
    .month h2 {
        font-size: 13vw !important;
        margin: 0 10px 30px 0 !important;
    }
    .month p {
        display: block;
        text-align: center!important;
    }
    h1 {
        font-size: 8.5vw!important;;
        margin: 8px 0 26px!important;;
    }
    .month {
        background-position: right!important;
    }
    p.subhead {
        padding: 0 15px;
        line-height: 18px;
    }
    footer img, footer p, footer h3 {
        /*padding-left:20px;*/
    }
    footer img {
        padding-left:20px;
    }
    .footer-cta a {
        margin-right: 0!important;
    }
    footer .span_4_of_5 {
        width:99%;
    }
    .spacer {
        padding-left:20px;
    }
    footer h3 {

    }
    .footer-cta {
        width: 100%!important;
float: none!important;
        text-align: left!important;
        margin-right: 2%;
    }
    footer .span_1_of_5 {
        width:100%;
        text-align: left;
        margin-bottom: 20px;
    }
    footer .span_1_of_5 img {
        max-width: 75px;
    }
    }
/* Colours, etc. */
.header,.footer {
    background:#D9F9B7;
    text-align:center;
    padding:30px 0;
}
.header {
    margin-top:0;
}
.footer {
    margin-top:4px;
}
h1, h2,h3 {
    font-family: leaguegothic-regular;
    text-transform: uppercase;
    display:block;
}
h1 a {
    text-decoration:none;
}
p {
    font-family: circularxxsub-regular,Sans-serif;
}
h1, h1 a, h2, h3, p {
    color:#323031;
}
h1 {
    font-size:6vw;
    margin: 20px;
}
h3 {
    font-size:5vw;
}
.month {
    background:#000;
    padding:20px;
    cursor:pointer;
    min-height: 30vw;
}
.month h2 {
    color:#fff;
    font-size: 18vw;
    margin:0 0 70px;
}
.view-dates {
    background: #D9F9B7;
    border-radius: 25px;
    padding: 10px 20px;
    text-decoration: none;
    color: #000;
    width: fit-content;
    block-size: fit-content;
}
a {
    cursor:pointer;
}
.month p {
    display:block;
    text-align:right;
    width:100%;
}
.month {
    background-size: cover;
}
.events {
    position: relative;
  }
  .events:before {
    color: #3C3A3B;
    text-align: left;
    font-size: 50vw;
    overflow:hidden;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*opacity: 0.8;*/
     background-color: rgba(0, 0, 0, 0.7);
    background-blend-mode: darken;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
  }
  .bg-image {
    position: relative;
  }
.events {
    color:#fff;
    text-align:Center;
    font-family: leaguegothic-regular;
    margin-top:4px;
    padding-bottom:90px;
    background-size: cover;
}
.events-header .header, .events {
    margin-bottom:0;
}
.events li {
    font-family: leaguegothic-regular;
    margin: 10px 0 16px 0;
    font-size:calc(20px + 3vw);
}
.event_name {
    cursor:pointer;
}
.event_name,.event_date {
    text-transform: uppercase;
}
.events li .event_date {
    color: #D9F9B7;
}
.event_description {
    display: none;
    text-transform: none;
    color: #fff;
    font-size: 18px;
    padding: 30px 0;
    max-width: 75%;
    margin: 0 auto;
    line-height: normal;
    font-family: source code pro medium,Sans-serif;
}
.event_intro {
    padding: 20px;
}
sup {
    font-size: 50%;
    vertical-align: super;
}
.event_intro {
    font-family: source code pro medium,Sans-serif;
}
.close a {
    text-decoration:none;
    color: #fff;
    font-weight: normal;
    font-family: source code pro medium,Sans-serif;
}
.close {
    text-align:left;
}
.footer p {
    margin: 20px 0;
}
.subhead,.footer p  {
    font-size:     calc(12px + 0.5vw);
}
.events {
    position:relative;
}
  .left {
      text-align: left;
  }
  footer img {
      width:70%;
      max-width:175px
  }

  .events.jan {
    background-image: url('img/opaque/900x605_EWYE-foodie-calendar-JAN.png');
}
.events.feb {
    background-image: url('img/opaque/900x605_EWYE-foodie-calendar-FEB.jpg');
}
.events.mar {
    background-image: url('img/opaque/900x605_EWYE-foodie-calendar-MAR.jpg');
}
.events.apr {
    background-image: url('img/opaque/900x605_EWYE-foodie-calendar-APR.jpg');
}
.events.may {
    background-image: url('img/opaque/900x605_EWYE-foodie-calendar-MAY.jpg');
}
.events.jun {
    background-image: url('img/opaque/900x605_EWYE-foodie-calendar-JUN.jpg');
}
.events.jul {
    background-image: url('img/opaque/900x605_EWYE-foodie-calendar-JUL.jpg');
}
.events.aug {
    background-image: url('img/opaque/900x605_EWYE-foodie-calendar-AUG.jpg');
}
.events.sep {
    background-image: url('img/opaque/900x605_EWYE-foodie-calendar-SEP.jpg');
}
.events.oct {
    background-image: url('img/opaque/900x605_EWYE-foodie-calendar-OCT.jpg');
}
.events.nov {
    background-image: url('img/opaque/900x605_EWYE-foodie-calendar-NOV.jpg');
}
.events.dec {
    background-image: url('img/opaque/900x605_EWYE-foodie-calendar-DEC.jpg');
}
p.footer-strapline {
    width:66%;float:left;
}
.footer-cta {
    width:33%;float:right;
    text-align:right;
    margin-right:2%;
}
.footer-cta a {
    border-radius:25px;
    border: 1px solid #323031;
    text-decoration:none;
    display:inline-block;
    color: #323031;
    padding:10px 20px;
    text-align:center;
    margin-right:20px;
}

.close img {
    width: 20px;
    height: 20px;
    margin: 20px 15px;
}
.month:hover {
    opacity: 0.8;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s  ease-in-out;
}

.home .span_1_of_2:nth-child(2n+1) { 
	clear:left; 
	margin-left: 0;
	}