/*
Theme Name: MWS - Ethelfleda 6600
Theme URI: http://masonic-websites.co.uk
Author: Lyle Barras
Author URI: http://masonic-websites.co.uk
Description: Custom Theme
Version: 1.0
*/


body {
  color: #6E6E6E; }

img a {
  border: none; }

ul {
  list-style: none; }

h1, h2, h3, h4, h5 {
  font-family: 'arvoregular';
  font-weight: 700;
}
h1{
  font-size: 2em;
}
h2{
  font-size: 1.5em;
}

@font-face {
  font-family: 'arvobold';
  src: url("fonts/arvo-bold.woff2") format("woff2"), url("fonts/arvo-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'arvobold_italic';
  src: url("fonts/arvo-bolditalic.woff2") format("woff2"), url("fonts/arvo-bolditalic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'arvoitalic';
  src: url("fonts/-italic.woff2") format("woff2"), url("fonts/arvo-italic.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'arvoregular';
  src: url("fonts/arvo-regular.woff2") format("woff2"), url("fonts/arvo-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

header{
  margin-bottom: 1em;
}
header .bar {
  background-color: #7EDAEB;
  position: relative;
  font-size: 13px; }
  header .bar a {
    color: #6E6E6E;
    text-decoration: none; }
  header .bar .left ul {
    margin: 0;
    padding: 0 0 0 1em; }
  header .bar .right {
    position: absolute;
    top: 0;
    right: 0; }
    header .bar .right ul {
      margin: 0;
      padding: 0 1em 0 0; }
      header .bar .right ul li {
        display: inline-block;
        list-style-type: none; }
        header .bar .right ul li a {
          border-right: 1px solid #6E6E6E;
          padding: 0 13px 0 10px; }
        header .bar .right ul li:hover {
          text-decoration: underline; }
      header .bar .right ul li:last-child a {
        border: none; }

header .logobar {
  margin: 2em 0; }
  header .logobar a {
    text-decoration: none; }
    header .logobar a img {
      width: 100px;
      float: left; }
    header .logobar a aside {
      text-decoration: none;
      margin-left: 7.5em;
      font-family: 'arvoregular';
      color: #6E6E6E; }
      header .logobar a aside strong {
        display: block;
        font-size: 29px; }
      header .logobar a aside small {
        display: block; }
      header .logobar a aside span {
        display: block; }

nav {
  background-color: #F6F6F6; }
  nav ul {
    padding: 0;
    margin: 0; }
    nav ul li {
      display: inline-block; }
      nav ul li a {
        display: inline-block;
        font-size: 13px;
        color: #6E6E6E;
        text-decoration: none;
        padding: 0 10px;
        line-height: 4em; }
      nav ul li:hover {
        background-color: #ddd; }

/*
Menu wazzer
*/
nav.elemental_wp_nav ul li{
  position: relative;
}
nav.elemental_wp_nav ul li ul {
  display: none;
  background-color: #F6F6F6;
}
nav.elemental_wp_nav ul li:hover > ul{
  display: block;
}
nav.elemental_wp_nav ul li ul{
  position: absolute;
}
nav.elemental_wp_nav ul li ul li{
  width: 300px;
  display: block;
}
nav.elemental_wp_nav ul li ul li a{
  display: block;
}


a.elemental_wp_menu_button{
	display: block;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
	line-height: 3em;
}



 ul.elemental_wp_menu_mobile li{
	display: block;
/* 	border-top: 1px solid #ddd; */
}
ul.elemental_wp_menu_mobile li a{
	display: block;
/*   line-height: 3em !important; */
}
ul.elemental_wp_menu_mobile li ul{
  position: inherit !important;
  border-top: none;
  background-color: red;
  display: block !important;
/*   background-color: #ddd; */
}
ul.elemental_wp_menu_mobile li ul li{
  width: 100% !important;
  background-color: #c7c7c7;
  padding-left: 0.5em;
}





footer {
  background-color: #7EDAEB;
  color: #6E6E6E; }
  footer a {
    color: #6E6E6E; }
  footer .logobar {
    margin: 2em 0; }
    footer .logobar a {
      text-decoration: none; }
      footer .logobar a img {
        width: 50px;
        float: left; }
      footer .logobar a aside {
        text-decoration: none;
        margin-left: 3.5em;
        font-family: 'arvoregular'; }
        footer .logobar a aside strong {
          display: block;
          font-size: 20px; }
        footer .logobar a aside small {
          display: block; }
        footer .logobar a aside span {
          display: block; }
  footer .footer-address {
    text-align: right;
    margin-top: 2em;
    font-size: 13px; }
    footer .footer-address p {
      margin: 0;
			font-weight: 700;}
		footer .footer-address p strong{
			font-weight: 900;
		}
  footer .footer-nav {
    text-align: right;
    font-size: 13px; }
    footer .footer-nav ul li {
      display: inline-block; }
      footer .footer-nav ul li a {
        text-decoration: none; }
      footer .footer-nav ul li:hover {
        text-decoration: underline; }


/*
Lets do some fixes for the home page 
*/ 
.lady img{
  width: 90%;
}
.tabButtons{
  margin: 0;
}
.tabButtons li a{
  font-family: 'arvoregular';
    display: block;
    background-color: #ddd;
    color: #fff;
    padding: 0.5em 0.5em 0.001em 0.5em;
    margin-bottom: 0.5em;
}
.tabButtons li a em{
  font-size: 16px;
  font-weight: 700;
}
.tabButtons li a p{
  font-size: 22px;
  font-weight: 700;
}

.tabButtons li a:hover{
  background-color: #7EDAEB;
}

/*
Fixes for the sliders
*/
.bx-wrapper .bx-viewport{
  border: none !important;
  box-shadow: none !important;
}
.bx-wrapper .bx-viewport ul li img{
  width: 100%;
}

/*
Tiles on the home page
*/
.homeTiles{
  margin-top: 1em;
  font-family: 'arvoregular';
}

.homeTiles section h3{
  background-color: #ddd;
  color: #fff;
  margin: 0;
  padding: 1em;
  display: block;
  font-size: 20px;
  font-style: italic;
}
.homeTiles section img{
  width: 100%;
}
.homeTiles a:hover > h3{
  background-color: #7EDAEB;
}




.upcoming h3{
  margin-top: 0.5em;
  margin-bottom: 1em;
  font-style: italic;
  text-align: center;
}
.upcoming section{
  background-color: #7EDAEB;
  color: #505050;
  margin-top: 1em;
  padding: 1em;
  margin-bottom: 2em;
}
.upcoming span{
  background-color: #7EDAEB !important;
  padding: 0 !important;
  color: grey !important;
  margin-bottom: 0.5em !important;
}













@media (max-width: 640px){
  
/*   Tidy up the footer navigation */
  section.footer-address, section.footer-nav, .logobar{
		text-align: center;
	}
  .footerLogo img{
    display: none;
  }
  

  footer .logobar a aside{
    margin: 0 !important;
  }
  
/*   Hide the lady */
  .lady{
    display: none;
  }
  
/*   Kill the slider */
  body.page-template-page-home .bx-wrapper{
    display: none !important;
  }
  
  .homeTiles a{
    margin-bottom: 1em;
    display: block;
  }
  .homeTiles img{
    display: none;
  }
  
}