/*
Theme Name: VineToMind
Theme URI: https://www.vinetomind.com
Author: Keith Laidlaw
Author URI: https://www.keithlaidlaw.com
Description: Vine to Mind isn't really a WP theme at all - just a static index page and stylesheet
Requires at least: 5.3
Requires PHP: 5.6
Version: 1.0
Text Domain: vinetomind
*/

/* 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;}
/* end reset */


:root {
  --bg-color: #f4f4f4;
  --dark-text: #574236;
  --display-text: #89725D;
}
body {
  background: var(--bg-color);
  color: var(--dark-text);
  font-family: itc-officina-sans-pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}
header,
.vineyards,
section,
footer {
  max-width: 68em;
  margin: 0 auto;
}
header,
section,
footer {
  padding: 1em;
}
h1, h2, h3,
p.intro-text {
  font-family: 'EB Garamond', serif;
}
h1, h2, h3 {
  line-height: 1.1;
  font-variant: small-caps;
  letter-spacing: .03em;
}
header {
  text-align: center;
  padding-top: 2em;
}
h1 {
  font-size: 3em;
  margin: 0 auto .75em;
  color: var(--display-text);
}
h1 .welcome {
  display: block;
  font-size: .5em;
  line-height: 1.4;
  color: var(--dark-text);
  text-transform: none;
  font-family: aviano-didone, serif;
  font-weight: 500;
  font-style: normal;
}
p.intro-text {
  font-size: 1.25em;
  margin-bottom: 1em;
}
.hosts {
  margin: 3em auto 1em;
  max-width: 36em;
}
.hosts img {
  float: left;
  border: 5px solid #fff;
  max-width: 45%;
  height: auto;
  box-shadow: 5px 5px 5px #ccc;
  margin-bottom: 1em;
}
.hosts img:nth-of-type(even) {
  float: right;
}
.hosts p, {
  font-style: italic;
  color: var(--display-text);
  clear: both;
}
hr {
  margin: 0 25% 2.5em;
  color: var(--display-text)
}
.vineyards {
  margin: 1em auto;
  max-width: 88em;
  max-height: 14em;
  overflow-y: hidden;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vineyards img {
  width: 100%;
  height: auto;
}
.vineyards img:first-of-type {
  display: none;
}
.registration {
  text-align: center;
}
.register {
  display: block;
  margin-bottom: 1em;
}
.register h2 {
  font-size: 1.75em;
  font-variant: small-caps;
  letter-spacing: .1em;
  margin-bottom: .25em;
}
.date {
  font-style: italic;
}
.register .date {
  margin-bottom: .5em;
}
a,
a:visited {
  color: var(--dark-text);
  transition: all .4s ease-in-out;
}
a:active,
a:focus,
a:hover {
  color: var(--display-text);
}
a.cta {
  display: inline-block;
  text-decoration: none;
  background-color: var(--dark-text);
  color: #fff;
  border: 1px solid var(--dark-text);
  padding: 0.65em 1.5em;
  margin-bottom: 20px;
  margin-top: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: 14px;
}
a.cta:active,
a.cta:focus,
a.cta:hover {
  background-color: var(--bg-color);
  color: var(--dark-text);
}
.courses h2 {
  text-align: center;
  font-size: 1.5em;
  font-variant: small-caps;
  letter-spacing: .1em;
  margin-bottom: 1.33em;
}
.courses h3 {
font-size: 1.75em;
border-bottom: 1px solid;
padding-bottom: 0.25em;
margin-bottom: 0.25em;
}
.courses li {
  margin-bottom: 1em;
}
.courses li p {
  line-height: 1.6;
}
.courses li .date {
  margin: .5em auto .25em;
}
.courses li .title {
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .01em;
}
.contact-text {
  text-align: center;
  margin-top: 2em;
}
footer {
  text-align: center;
  color: var(--display-text);
}
footer h2, 
footer h3 {
  font-family: aviano-didone, serif;
  font-weight: 500;
  font-style: normal;
  text-transform: none;
}
footer h2 {
  font-size: 1.25em;
  color: var(--dark-text);
/*   border-top: 1px solid var(--display-text); */
/*   padding-top: 1.6em; */
  margin-bottom: .25em;
}
.footer-border {
	  border-top: 1px solid var(--display-text);
}
footer h3 {
  font-size: .5em;
  text-transform: uppercase;
}
footer hr {
  margin: 1em 25%;
}
p.script {
  font-family: medusa, sans-serif;
  font-weight: 400;
  margin-bottom: 2em;
}
p.copyright {
  font-size: .5em;
  font-family: aviano-didone, serif;
  margin-bottom: 1em;
}
@media only screen and (min-width: 40em) {
  header,
  section,
  footer {
    padding: 2em;
  }
  .nobreak {
    white-space: nowrap;
  }
  h1 .welcome {
    margin: 0 auto;
    max-width: 85%;
  }
  .vineyards {
    margin: 0 auto 1em;
  }
  .vineyards img {
    float: left;
    width: 50%;
  }
  .vineyards img:first-of-type {
    display: block;
  }
  .vineyards:after {
    content: '';
    display: table;
    clear: both;
  }
  .courses ul {
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-gap: 5%;
    -moz-column-gap: 5%;
    -webkit-column-gap: 5%;
  }
  .courses ul li {
    break-inside: avoid;
  }
  .contact-text {
    margin-top: 1em;
  }
  footer {
    padding-top: 1em;
  }
  footer h2 {
    font-size: 2em;
/*     padding-top: 1.5em; */
    margin-bottom: .25em;
  }
  footer h3 {
    font-size: 1em;
  }
  footer hr {
    margin: 1.5em 35%;
  }
  p.script {
    font-size: 1.75em; 
  }
  p.copyright {
    font-size: .75em;
  }
}
@media only screen and (min-width: 56em) {
  .intro-wrapper {
    position: relative;
    margin-top: 2em;
  }
  h1 .welcome {
    margin-bottom: .5em;
  }
  .hosts {
    margin-top: 2em;
    max-width: 100%;
  }
  .hosts img {
    position: absolute;
    right: 0;
    top: 0;
    width: 11.75em;
  }
  .hosts img:nth-of-type(2) {
    top: 13.75em;
  }
  p.intro-text {
    font-size: 1.5em;
  }
  .hosts figcaption,
  .courses li p {
    font-size: 1.25em;
  }
  footer {
    padding-top: 2em;
  }
/*   footer h2 {
    padding-top: 2.5em;
  } */
}
@media only screen and (min-width: 70em) {
  .intro h1 {
    margin-bottom: 1em;
  }
  .vineyards {
    margin: 2em auto;
  }
  hr {
    margin-bottom: 3em;
  }
}
@media screen and (max-width: 768px){
	.hide-div{
		display: none !important;
	}
}