/*
Theme Name: Rubber Design for JustWander.co.uk
Theme URI: http://www.rubberdesign.co.uk/
Description: A template theme for JustWander.co.uk
Author: Vicki Ball
Author URI: http://www.rubberdesign.co.uk/
Version: 1.0
Tags: responsive
*/

/* CSS Document */

* {margin:0;padding:0;
	font-family: duper, sans-serif;
font-weight: 400;
font-style: normal;} 
* {
	-moz-box-sizing:    border-box;   /* Firefox 1, probably can drop this */
   -webkit-box-sizing: border-box;   /* Safari 3-4, also probably droppable */
    box-sizing:        border-box;   /* Everything else */
} 

a img {
  border: none;
}

html {
  min-width: 320px;
}

/* COMMON STYLES */


hr {
	display:block;
	clear:both;
	border:none;
	height: 18px;
	position:relative;
	padding-bottom: 75px;
	margin-top: 70px;
	width:100%;
	background-image:url(images/Rule-Navy.gif);
	background-repeat:repeat-x;
	background-size: 71px 13px; 
	float:left;
  }
  
h1, h2, h3, h4, h5, h6 {
  margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.2;
}
h1:first-of-type {
  margin-top: 0;
}

h1 {
	font-family: duper, sans-serif;
font-weight: 700;
font-style: italic;
	font-size: 3.998em;
	color:#21224D;
  }
h2 {
	font-size: 2.827em;
	color:#3FCAC4;
  }
h3 {
	font-size: 1.999em;
	color:#21224D;
  }
  h4 {
	font-size: 1.999em;
	color:#3FCAC4;
  }
  h5 {
	font-size:1.999em;
	color:#00B796;
  }
h6 {
	font-family: "komet", sans-serif;
	font-size:1.2em;
	color:#21224D;
	text-transform:uppercase;
}
/*p {
	font-family: "komet", sans-serif;
	font-size:18px;
	line-height:24px;
	color:#21224D;
	padding-bottom:20px;
}*/
p {
	font-family: "komet", sans-serif;
	font-size: 1.125em;
	line-height: 1.45;
	color:#21224D;
	margin-bottom: 1.3em;
}
.dropcap{
 	 display:block;
    float:left;
    width:84px;
    height:77px;
    font-size: 77px;
	line-height: 68px;
    color:#21224D;
    margin-top:0px;
    margin-right:10px;
    text-align:center;
    background-color:#D8E5B0;

    }
	.pinterest{
 	 width:1px;
    height:1px;

    }
	
	
	.intro:first-child:first-letter{
    float:left;
	width:72px;
    height:52px;
	display:block;
    font-size:500%;
    margin-top:7px;
    color:#21224D;
	background-color:#D8E5B0;
	text-align:center;
    }
	@media (max-width: 1120px) {
		h4 {
	font-size: 1.4em;
  }
		
	}
@media (max-width: 757px) {
	h1 {
	font-size:35px;
	line-height:40px;
  }
h2 {
	font-size:29px;
	line-height:34px;
  }
h3 {
	font-size:24px;
	line-height:29px;
  }
  h5 {
	font-size:20px;
	line-height:25px;
  }
h6 {
	font-size:1em;
	line-height:25px;
}
p {
	font-size:1em;

}
	
}
h1 a, h1 strong, h1 em,
h2 a, h2 strong, h2 em,
h3 a, h3 strong, h3 em,
h4 a, h4 strong, h4 em,
h5 a, h5 strong, h5 em,
h6 a, h6 strong, h6 em {
	font-family:inherit;
}

p strong, h6 strong, 
li strong  {
	font-family: komet, sans-serif;
font-weight: 700;
font-style: normal;
}
p em {
	font-family: komet, sans-serif;
font-weight: 700;
font-style: normal;
}
.search h6 {
	font-size:16px;
	line-height:24px;
	color:#21224D;
	padding-bottom:30px;
}

p a {
	font-family: komet, sans-serif;
font-weight: 700;
font-style: normal;
	color:#21224D;
	text-decoration:none;
	border-bottom:solid 1px #EA5A36;
}
p a:hover {
	border-bottom:solid 1px #87CBCE;
}
ul, ol {
	margin-bottom:20px;
	margin-left:30px;
	font-weight:400;
}
li {
	font-family: "komet", sans-serif;
	font-size:18px;
	line-height:24px;
	color:#21224D;
	font-weight:400;
	padding: 10px 0 10px 0;
}
@media (max-width: 757px) {
	li {
	font-size:16px;
	line-height:21px;
}
	
}
blockquote {
	background-image:url(images/PinsScattered.gif);
	background-repeat:no-repeat;
	padding: 0px 0px 0px 265px;
	margin: 100px 0px 0px 0px;
	display:block;
	width:100%;
	float:left;
	font-family:'Garden W00 Slab';
  }
  blockquote p {
	  font-family:'Garden W00 Slab';
	  font-size:22px;
	line-height:30px;
	font-style:italic;
	color:#000;
	
  }
  blockquote cite {
	font-size:16px;
	line-height:30px;
	font-style:normal;
	color:#21224D;
	text-transform:uppercase;
	font-weight:700;
  }
  table {
	 font-family: "komet", sans-serif;
    border-collapse: separate;
    border-spacing: 0;
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
	padding: 0;
    margin: 30px 0 30px 0;
}
caption {
	font-size:18px;
	line-height:24px;
	font-family:'Garden W00 Slab';
	font-weight: 700;
	 text-align: left;
	 padding: 10px 10px 10px 0;
}
th, td {
	font-family: "komet", sans-serif;
    font-weight: 400;
    text-align: left;
	font-size:18px;
	line-height:24px;
}

td {
    border-top: 1px solid #ddd;
    padding: 10px 10px 10px 0;
}

  @media (max-width: 960px) {
	  blockquote {
	background-position:top right;
	background-size: 160px;
	padding: 0px 200px 0px 0px;
	margin: 50px 0px 0px 0px;
  }
  blockquote p, blockquote cite {
	  font-size:16px;
	line-height:24px;

  }
	  
  }
   @media (max-width: 590px) {
	   blockquote {
	background-position:bottom center;
	background-size: 160px;
	padding: 0px 0px 130px 0px;
	margin: 50px 0px 0px 0px;
	text-align:center;
  }
	   
   }
   
   /*Step Lists*/
   
   .steps {
	   display: block;
clear: both;
position: relative;
width: 100%;
float:left;
background-image: url(images/Rule-Navy.gif);
background-repeat: repeat-x;
background-size: 71px 13px;
background-position:top;
margin-top:70px;
padding-top:70px;
	   
   }
   
   .steps .stepnum{
 	 display:block;
    float:left;
    width: 97px;
height: 93px;
text-align: center;
background-image:url(images/NumberCircle.png);
background-repeat: no-repeat;
background-size: 97px 93px;
padding-bottom: 0px;
font-size: 55px;
line-height: 72px;
color: #21224D;
letter-spacing:-0.1em;


    }
	
	.steps .stepdetails{
 	 display:block;
    float:right;
    width:90%;

    }
	.steps .stepdetails img{
 	 margin-bottom: 10px;

    }
	.steps .stepdetails h4{
 	 margin-top:0;

    }
	@media (max-width: 1120px) {
	.steps .stepnum{
 	 display:block;
    float:left;
    width: 51px;
height: 46px;
text-align: center;
background-image:url(images/NumberCircle.png);
background-repeat: no-repeat;
background-size: 51px 46px;
padding-bottom: 0px;
font-size: 25px;
line-height: 38px;
color: #21224D;
letter-spacing:-0.1em;


    }
		
	}
	
	@media (max-width: 744px) {
		.steps .stepnum{
 	 display:block;
    float:none;
    margin-left:auto;
	margin-right:auto;
	width: 97px;
height: 93px;
background-size: 97px 93px;
margin-bottom: 30px;
font-size: 55px;
line-height: 72px;

    }
		.steps .stepdetails{
 	 display:block;
    float:none;
	clear:both;
    width:100%;

    }
	.steps .stepdetails img{
 	 margin-bottom: 50px;

    }
	}
	
	
	/* Stats*/
	
	.stats {
    display: block;
    clear: both;
    position: relative;
    width: 100%;
    float: left;
    background-image: url(images/PanelBG.gif);
	background-size: 115px;
    background-repeat: repeat;
    margin-top: 70px;
	margin-bottom: 70px;
    padding: 50px;
	
}
.stats .stattop {
    display: block;
    position: absolute;
    width: 100%;
	height: 9px;
    top:0;
	left:0;
    background-image: url(images/PanelTop.gif);
	background-size: 131px;
    background-repeat: repeat;
	
}
.stats .statbottom {
    display: block;
    position: absolute;
    width: 100%;
	height: 9px;
    bottom:0;
	left:0;
    background-image: url(images/PanelBottom.gif);
	background-size: 131px;
    background-repeat: repeat;
	
}
.stats h3 {
    margin-top: 0px;
	
}
.stats ul {
    margin-bottom: 0;
	margin-top: 30px;
	clear:both;
    margin-left: 0;
    list-style:none;
}
.stats ul li {
    width:33%;
	float:left;
	padding-right:15px;
	height:92px;
	position:relative;
	padding-left:140px;
	display: flex;
  flex-direction: column;
  justify-content: center;
  resize: vertical;
  overflow: none;
}
.stats ul li p {
    margin-bottom:0;
}
.stats ul li p strong {
	font-size: 1.2em;
    font-family: 'Garden W00 Slab';
}


.stats ul .scoff {
    width:100%;
	clear:both;
	padding-right:0px;
	height:172px;
	border-top:dashed 1px #FFF;
	padding-top:50px;
	margin-top:50px;
	margin-bottom:50px;
	padding-left:280px;
}
.stats ul li img {
   position:absolute;
	top:0;
	left:0;
}
.stats ul .scoff img {
   top:30px;
}

@media (max-width: 1400px) {
	.stats ul li p strong {
	font-size: 1.1em;
}
.stats ul li p {
    font-size: 1.0em;
}
	
}
@media (max-width: 1020px) {
	.stats {
    margin-top:30px;
	margin-bottom:30px;
}
	.stats ul li {
    text-align:center;
	padding-left:0;
	height:auto;
}
	.stats ul li img {
   position:static;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
.stats ul .scoff {
    height:auto;
	margin-bottom:0;
	padding-left:0;
}
.stats ul li p strong {
	display:block;
	width:100%;
}
}
@media (max-width: 650px) {
	
	.stats ul li {
    width:100%;
	float:none;
}
.stats ul .scoff {
    border-top:none;
	padding-top:0;
	margin-top:20px;
}
}

   .featuredimage {
	float:right;
	margin-left:30px;
	margin-bottom:30px;
	max-width:296px;
	height:auto;
}
@media (max-width: 650px) {
	.featuredimage {
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:100%;
}
	
}

#top
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
	max-width: 1440px;
	min-width: 320px;
	height:280px;
}

/* FOOTER */
#footerouter {
  width: 100%;
  background-color: #21224D;
  padding-top: 30px;
  padding-bottom: 40px;
  height:auto;
  display:block;
  position: relative;
}
#footer {
  width: 100%;
  max-width:1400px;
  margin-right:auto;
  margin-left:auto;
  

}
#footer ul {
	list-style: none;
	margin-left: 0px;
}

#footer > div {
  width: 33.33333%;
  float:left;
  padding-top: 50px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
	color:#000;
	line-height:22px;
	margin:0px;
}

#footer ul li {
 padding: 4px 0 4px 0;
}

#footer ul li a {
	font-size:15px;
	line-height:20px;
	color:#D8E5B0;
	font-family: komet, sans-serif;
	text-align:left;
	clear:both;
}
#footer .catlinks li {
	float:left;
	padding-right:15px;
}
#footer .catlinks li a {
	color:#FFF;
	text-transform:uppercase;
}
#footer #copywrite {
  clear:both;
  font-family: komet, sans-serif;
  font-size:13px;
  padding-top: 20px;
  color:#FFF;
}
#footer h1 {
	font-family: duper, sans-serif;
font-weight: 400;
font-style: normal;
	font-size:25px;
	line-height:32px;
	color:#FFF;
	padding-bottom:30px;
	
}
#footer h2 {
	font-family: duper, sans-serif;
font-weight: 400;
font-style: normal;
	font-size:25px;
	line-height:32px;
	color:#D8E5B0;
	padding-bottom:15px;
	padding-top:0px;
}
#footer p {
	font-family: komet, sans-serif;
	color:#000;
	font-size:15px;
	line-height:26px;
	margin:0px;
}
#footer p strong {
	color:#00B4E7;
}
#footer div a#button {
    display: block;
    clear: both;
    float: left;
    background: #87CBCE;
	width:100%;
    text-transform: none;
    border: none;
    color: #21224D;
    font-size: 20px;
    padding: 6px 6px 6px;
    cursor: pointer;
    margin-top: 10px;
    text-decoration: none;
    -o-transition: .25s;
    -ms-transition: .25s;
    -moz-transition: .25s;
    -webkit-transition: .25s;
    transition: .25s;
}
#footer .follow {
	font-family: duper, sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 25px;
	line-height: 32px;
	color: #D8E5B0;
	padding-top:40px;
	text-transform:none;
	position: relative;
	margin-top:20px;
	top: 0px;
	left: 0px;
	width:100%;
	display:block;
	clear:both;
}
#footer .follow span {
	font-size:34px;
	clear:none;
	float:right;
	padding-top:0px;
}
#footer .follow span a {
	 -webkit-appearance: none;
    border: none;
    font-family: 'ElegantIcons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    padding-right: 5px;
    font-size: 26px;
	padding-left: 0px;
	padding-right: 5px;
	color: #FFF;
}
#footer .follow span a:hover{
	color: #D8E5B0;
}
#footer .first {
	margin-top:15px;
}
#footer > div > #subscribeform input[type="text"] {
  clear:both;
  width:100%;
  background-color:#808080;
  border:none;
  font-weight:700;
  font-style:italic;
  font-size:20px;
  margin-top: 15px;
  padding: 8px;
}
#SubmitEmail {
  clear:both;
  background-color:#00B4E7;
  border:none;
  font-weight:700;
  font-style:italic;
  font-size:20px;
  margin-top: 15px;
  padding: 8px;
  text-transform:uppercase;
}
#SubmitEmail:hover {
  background-color:#FFFFFF;
}
@media (max-width: 1100px) {
#footer {
   padding-top: 15px;
}
#footer div {
	width: 50%;
	min-height: 1px;
}

}
@media (max-width: 859px) {

#footer  > div {
	padding-top: 10px;
  width: 100%;
  float:none;
  text-align:center;
}
#footer > div > ul > li {
	width: 100%;
  text-align:center;
  display:block;
}
#footer div a#button {
    margin-top:30px;
}
#footer > ul > .follow {
    padding-top: 40px;
}
#footerouter {
	padding-top: 30px;
    padding-bottom: 50px;
}
#footer .follow span {
	clear:both;
	float:none;
	padding-top:10px;
}
}



/* Navigation */
#navouter
{
	width: 100%;
	background-color: #7BD7D5;/* container */
	z-index: 500;
	top: 0;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
	height:320px;
}
#nav
{
	width: 100%;
	display:block;
	clear:both;
	background-color: #C0F0EF;
	height:50px;
	text-align:center;
	
}
#logo
{
	display:block;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	padding-top:16px;
}
.follow
{
	display:block;
	width:300px;
	position:absolute;
	top:70px;
	left:50px;
	color:#21224D;
	text-align:left;

}
.follow p
{
	font-size: 30px;
	line-height: 30px;
	color: #21224D;
	margin-bottom: 0;
	padding-bottom: 10px;
	font-family: duper, sans-serif;
font-weight: 400;
font-style: normal;
}
.follow span
{
	display:block;
	clear:both;
	float:left;
	padding: 0px 0px 10px 0px;
}
.follow a#button {
    display: block;
	clear:both;
	float:left;
    background: #C0F0EF;
    text-transform: none;
    border: none;
    color: #21224D;
	font-family: duper, sans-serif;
font-weight: 700;
font-style: italic;
    font-size: 20px;
    padding: 6px 6px 6px;
    cursor: pointer;
    margin-top: 10px;
    text-decoration: none;
	-o-transition: .25s;
	-ms-transition: .25s;
	-moz-transition: .25s;
	-webkit-transition: .25s;
	transition: .25s;
}
.follow a#button:hover {
	background: #21224D;
	color: #E7F6D5;
}
#searchbanner
{
	display:block;
	width:300px;
	position:absolute;
	top:70px;
	right:50px;
}
#searchbanner h1 {
	font-size:22px;
	line-height:28px;
	color:#21224D;
	padding-bottom:30px;
	margin-bottom: 0;
	font-family: duper, sans-serif;
font-weight: 400;
font-style: normal;
	text-transform:none;
  }
#searchbanner div .follow span{
	padding-top:2px;
	padding-left:20px;
	display: block;
    float: right;
}
.follow span a{
	-webkit-appearance: none;
    border: none;
    font-family: 'ElegantIcons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
	text-decoration:none;
	padding-right:5px;
	font-size:26px;
}
.follow span a:hover{
	color: #FFF;
}
#searchform {
    padding: 10px;
    clear: both;
    display: block;
	background-color: #3FCAC4;
	float:left;
	position:relative;
	width:100%;
}
#searchform #s {
	font-family: duper, sans-serif;
font-weight: 700;
font-style: italic;
    float: left;
    width: 80%;
	height: 30px;
    font-size: 20px;
	line-height: 20px;
    padding: 0px;
    color: #21224D;
    border:none;
    display: block;
	font-style:italic;
	background-color: transparent;
}
#searchform #searchsubmit {
   position:absolute;
   top:10px;
   right:7px;
   height: 30px;
    font-size: 20px;
    line-height: 20px;
    padding: 0px 5px 0px 5px;
    color: #21224D;
    display: block;
    -webkit-appearance: none;
    border: none;
    font-family: 'ElegantIcons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
	background-color:transparent;
}
@media (max-width: 1100px) {

#searchbanner
{
	top: 60px;
	width:200px;
	
}
#searchbanner h1 {
    font-size: 18px;
    line-height: 26px;
}
#searchform #s {
	font-size: 18px;
}
}
#nav > a
{
  display: none;
}
#nav li
{
   text-align:center;
   display:inline-block;
}
#nav li a
{
	color: #21224D;
	display: block;
	text-decoration: none;
	text-transform:uppercase;
	text-align:center;
	-o-transition: .25s;
	-ms-transition: .25s;
	-moz-transition: .25s;
	-webkit-transition: .25s;
	transition: .25s;
}
#nav li a:hover
{
		text-shadow: 0px 5px 10px #fff, 5px 0px 10px #fff, -5px 0px 10px #fff, 0px -5px 10px #fff;
}
/* first level */
#nav ul
{
	list-style-type: none;
	height:50px;
	margin:0px;
	position:relative;
}
#nav > ul
{

}
#nav > ul > li
{
	
	padding: 0 27px 0 0;
}
#nav > ul > li > a
{
	height: 100%;
	font-size: 20px;
	line-height: 45px;
	font-weight: 700;
}

#nav > ul > li:hover > a:before
{
	color: #D83452;
}
#nav > ul > li .current-a, 
#nav > ul > .current-menu-item a, 
#nav > ul > .current-page-ancestor a
{
	/*border-bottom: #A38689 solid 1px;*/
}
#nav > ul > li .sub-menu li a
{
	color: #000;
}

 
/* second level */
 
#nav li ul
{
	display: none;
	position: absolute;
	top: 48px;
	right: 0;
	height:222px;
	padding: 20px 20px 20px 20px;
	z-index: 500;
	margin:0px;
	border-left:#000000 solid 1px;
	background:rgba(240,240,240, 0.9);
}
#nav li:hover ul
  {
	display: block;
}
#nav li ul li
{
	margin-bottom: 0px;
	padding: 0;
	width: 100%;
}
#nav li ul .subnav-bottom
{
	margin-bottom:0px;
}
#nav li ul li a
{
		font-size: 13px;
	font-weight:900;
	text-transform:none;
	display:block;
	padding:4px;
	margin-left:-4px;
	color:#000;
	letter-spacing:normal;
}
#nav li ul li a:hover
{
	background-color:#21224D;
}

/* GENERIC STRUCTURE */

.clearfix {
  overflow: auto;
  zoom: 1;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}

/* ICONS */

@font-face {
	font-family: 'ElegantIcons';
	src:url('fonts/ElegantIcons.eot');
	src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('fonts/ElegantIcons.woff') format('woff'),
		url('fonts/ElegantIcons.ttf') format('truetype'),
		url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media (max-width: 885px) {
#logo
{
	padding-top: 23px;
}
#logo img
{
	width:254px;
}
#top {
	height:257px;
    padding-top:50px;
}
#nav
{
  width:100%;
  position: absolute;
  top:0;
  left:0;
}
#navouter {
    height: 310px;
}

/* Mobile Nav*/
#nav .mob-nav
{
	color:#21224D;
	font-size: 22px;
	padding-top:6px;
	padding-left:30px;
	padding-bottom: 6px;
	text-decoration:none;
	text-align:left;
	line-height: 38px;
}
#nav .mob-nav:hover
{
	color:#000;
}
#nav .mob-nav:before {
	font-family: 'ElegantIcons';
	content: "\61";
	color:#21224D;
	font-size:40px;
	line-height: 40px;
	padding-left:4px;
	padding-right:4px;
	display:block;
	float:left;
	text-transform:none;
}
#nav #main-nav li ul,
#nav #main-nav li ul li,
#nav #main-nav li ul li a,
#nav #main-nav li .caret
{
	display: none;
}
#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type
{
 display: block;
}

 
/* first level */
 
#nav > #main-nav
{
	height: auto;
	display: none;
	left: 0;
	right: 0;
	z-index: 100;
	margin:0;
  padding:0;
  padding-top: 20px;
	padding-bottom: 20px;
	background-color: rgba(34,36,75,0.9);
}
#nav:target > #main-nav
{
  display: block;
}
#nav:target
{
  position: absolute;
  top:0;
  left:0;
}

#nav:target > .mob-nav {
	color:#000;
    background-color: transparent;
}
#nav:target > .mob-nav::before {
    font-family: 'ElegantIcons';
    content: "\4D";
    color:#21224D;
    font-size: 30px;
    line-height: 40px;
    padding-left: 4px;
    padding-right: 4px;
    display: block;
    float: left;
    text-transform: none;
}
#nav > #main-nav > li
{
  float: none;
  display:block;
  margin:0;
  padding:0;
  margin-right:10px;
  margin-left:10px;
}
#nav > #main-nav > li > a
{
  color:#EAF5D8;
  font-size:20px;
  line-height:46px;
  width: 100%;
  float: none;
  border-bottom:none;
  text-align:center;
  /*border-top: dashed 1px #D5D5D5;*/
}
#nav > #main-nav > li > a:before
{
  display:none;
}
#nav > #main-nav > li > a:hover
{
  background-color:#21224D;
  color:#ffffff;
  border-bottom: none;
  text-shadow:none;
}

/* second level */
 
#nav li #main-nav
{
   position: static;
}
.follow {
    width: 150px;
    position: absolute;
    top: 10px;
	left:auto;
    right: 30px;
	z-index:600;
}
.follow p {
    display:none;
}
.follow a#button {
    display:none;
}
#searchform {
    /*display:none;*/
}
#logo {
    float:left;
	margin-left: 20px;
}
#searchbanner {
    top: 110px;
    width: 40%;
}
#searchbanner h1 {
    font-size: 23px;
    line-height: 30px;
}
}
@media (max-width: 720px) {
#logo {
    float: none;
    margin: 0px;
	margin-left: auto;
margin-right: auto;
}
#searchbanner {
    display: block;
    width: 100%;
    position: static;
    clear:both;
	padding:0px 30px 30px 30px;
	float:left;
}
#navouter {
    height: auto;
	float:left;
	clear:both;
}
}

@media (max-width: 420px) {
	#top .follow {
    display:none;
}
#logo
{
	width:250px;
}
}

/* HOME PAGE BANNER */
#slideshow 
{
	position:relative;
	height: 550px;
	display:block;
	clear:both;
}

#slideshow .banner 
{
	position:absolute;
	z-index:1;
}

#slideshow div.active
{
	z-index:3;
}


.banner {
	display: table;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 550px;
	clear:both;
	position:relative;
}
.post {
	
}
.banner > div {
    height: 100%;
    background: rgba(34,36,75,0.6);
    display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 50px;
}
.banner .inner {
    max-width: 40%;
    margin: 0 auto;
}
.banner h2 {
	display:block;
	font-size:2.6em;
	padding: 20px 0px 0px 0px;
	font-family: duper, sans-serif;
font-weight: 700;
font-style: italic;
	color:#FFF;
	margin:0;
}
.banner h2 a {
	color:#FFF;
	text-decoration:none;
	font-weight: 700;
  font-style: italic;
}
.banner h3 {
	padding:0;
	margin:0;
	
}
.banner h3 a {
	display:inline-block;
	font-size: 0.5em;
	color:#D8E5B0;
	text-decoration:none;
	padding: 3px;
	background-color: #21224D;
}
/*.banner h3:before {
	content:">>>>>";
	color:#D8E5B0;
	font-size:18px;
	line-height:35px;
	display:inline-block;
	min-width:40px;
} 
.banner h3:after {
	content:"<<<<<";
	color:#D8E5B0;
	font-size:18px;
	line-height:35px;
	display:inline-block;
	min-width:40px;
}  */ 
.banner p {
	font-family: komet, sans-serif;
	display:block;
	font-size: 1em;
	padding: 25px 0px 0px 0px;
	margin-bottom: 0;
	color:#FFF;
}
.banner p .postlink {
	display: inline-block;
	clear: both;
	background: #D8E5B0;
	border: none;
	color: #21224D;
	font-family: duper, sans-serif;
font-weight: 700;
font-style: italic;
	font-size: 20px;
	padding: 6px 6px 6px;
	margin: 30px 0px 0px 0px;
	cursor: pointer;
	margin-top: 10px;
	text-decoration: none;
	-o-transition: .25s;
	-ms-transition: .25s;
	-moz-transition: .25s;
	-webkit-transition: .25s;
	transition: .25s;
}
.banner p .postlink:hover {
	background: #21224D;
	color: #E7F6D5;
}
@media (max-width: 1000px) {
.banner .inner {
    max-width: 60%;
}

}
#home {
	 clear:both;
}
@media (max-width: 720px) {
.banner .inner {
    max-width: 100%;
	padding-left:0px;
	padding-right:0px;
}
.banner h2 {
	font-size: 1.6em;
}
.banner p {
    font-size: 0.9em;
}
}

/* POST STYLES */

.post h5 {
	width:97px;
	height:93px;
	z-index:100;
	padding-top:17px;
	text-align:center; 
	background-image:url(images/DateDrawingSRPist.png);
	background-repeat:no-repeat;
	background-size: 97px 93px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	margin-top: 0;
	line-height: 15px;
	display:inline-block;
	font-size: 30px;
}
.post h5 strong {
	font-family: duper, sans-serif;
font-weight: 400;
font-style: normal;
	color:#21224D;
	font-size:30px;
	line-height:20px;
	padding-top:7px;
	display:block;
}
.post h5 em {
	color:#FFF;
	background-color:#21224D;
	font-size:13px;
	line-height:13px;
	font-style:normal;
	display: inline-block;
	clear:both;
	padding: 0px 2px 0px 2px;
	text-transform:uppercase;
}

@media (max-width: 720px) {
.post h5 {
    display: none;
}
.banner h3::before, .banner h3::after {
   display: none;
}
.banner h3 a {
    font-size: 15px;
    line-height: 15px;
}
}
/* CONTENT STRUCTURE */
.block {
	width: 100%;
	max-width:1440px;
	padding:50px;
	margin-right:auto;
	margin-left:auto;
	clear:both;
}
/* Columns */
.col-1, .col-2, .col-6, .col-4, .col-34, .col-14 {
	float:left;
	padding:20px;
}
.col-1{
	width: 100%;
}
.col-2{
	width: 50%;
}
.col-6{
	width: 60%;
}
.col-4{
	width: 40%;
}
.col-34{
	width: 75%;
}
.col-14{
	width: 25%;
}

@media (max-width: 1050px) {
/* Columns */
.col-14, .col-34{
	width: 100%;
	float:none;
}
}

@media (max-width: 960px) {
/* Columns */
.col-1, .col-2, .col-6, .col-4{
	width: 100%;
	float:none;
	clear:both;
}
}

@media (max-width: 430px) {
.block {
	padding:30px;
}
	
}

/* Home Page / Course Home Course Buttons */

.paintbox-3col {
	list-style:none;
	margin:0;
	line-height:0;
	margin-left:-20px;
	margin-right:-20px;
}
.paintbox-3col li {
	float:left;
	width:33.333%;
	padding:20px;
	position:relative;
	display:block;
}
.paintbox-3col li a img {
	width:100%;
}
.paintbox-3col li a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}

.paintbox-3col li a span {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	background:rgba(89,87,87, 0.8);
	padding:15px;
	color:#FFF;
	font-size:17px;
	line-height:17px;
	text-transform:uppercase;
}
.paintbox-3col > li > a:hover > span {
	background:rgba(0,0,0, 1);
}
.paintbox-3col li a span em {
	font-size:16px;
	line-height:17px;
	text-transform:none;
	float:right;
}

@media (max-width: 1150px) {
.paintbox-3col li span em {
	display:none;
}
.paintbox-3col li span:before {
	font-family: 'ElegantIcons';
content: "5";
color: #FFF;
font-size: 30px;
line-height: 17px;
padding-left: 4px;
display: block;
float: right;
text-transform: none;
}
	
}
@media (max-width: 960px) {
.paintbox-3col li {

	width:50%;
}
}
@media (max-width: 610px) {
.paintbox-3col li {

	width:100%;
}
}


  

  .fullwidth {
	display:block;
	width:100%;
	float:left;
	margin-top:40px;
  }
.instacontainer {
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    overflow: hidden;
}
  .instacontainer h4 {
	  position:absolute;
	  top:0;
	  left:0;
	  width:100%;
	  height:100%;
	  text-align:center;
	  font-family: duper, sans-serif;
font-weight: 700;
font-style: italic;
	font-size: 30px;
	background: rgba(34,36,75,0.6);
	padding-top:50px;
	margin: 0;
  }
  .instacontainer h4 a {
	  display:block;
	  width:100%;
	  height:100%;
	  color:#FFF;
	  text-decoration:none;
  }
  .instacontainer h4 a:hover {
	   color:#D8E5B0;
  }
  .insta-item {
    display: block;
    float: left;
    width: 10%;
    line-height: 0;
    height: 100%;
}
.insta-item a {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    display: block;
}
  .insta-item a img {
	  width:100%;
	  
  }
 @media (max-width: 1220px) {
	 .instacontainer .insta-item:nth-child(6),
	 .instacontainer .insta-item:nth-child(7),
	 .instacontainer .insta-item:nth-child(8),
	 .instacontainer .insta-item:nth-child(9),
	 .instacontainer .insta-item:nth-child(10)
	 {
   display:none;
}
.insta-item {
	display:block;
	  float:left;
	  width:20%;
	  line-height:0;
	  
  }
.instacontainer h4 {
	  padding-top:90px;
  }
 }
  @media (max-width: 940px) {
	.instacontainer h4 {
	  padding-top:70px;
  }
 }
 @media (max-width: 650px) {
	.instacontainer h4 {
	  padding-top:50px;
  }
 }
  @media (max-width: 490px) {
	.instacontainer h4 {
	  padding-top:30px;
	  font-size: 20px;
  }
 }
.snippets {
	text-align:center;
} 
.snippets h2 {
	display:block;
	letter-spacing:-0.03em;
	font-size:56px;
	line-height:70px;
	padding: 0px;
	font-weight:700;
	padding-top:30px;
	padding-bottom:30px;
	color: #00B796;
	text-transform:uppercase;
}  
.snippets h5 {
	padding: 0;
}
.snippets h5 a {
    display: inline-block;
    font-size: 40px;
    line-height: 40px;
    text-decoration: none;
    padding: 0px 20px 0px 20px;
	color: #21224D;
	padding-bottom: 30px;
	text-transform: none;
}  
.snippets h5 a:before {
	content: ">>>>>";
	color: #D8E5B0;
	font-size: 32px;
	line-height: 22px;
	display: inline-block;
	min-width: 40px;
} 
.snippets h5 a:after {
	content: "<<<<<";
	color: #D8E5B0;
	font-size: 32px;
	line-height: 22px;
	display: inline-block;
	min-width: 40px;
}   
.alignright {
	float:right;
	margin-left:50px;
	margin-bottom:50px;
}
.alignleft {
	float:left;
	margin-right:50px;
	margin-bottom:50px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top:30px;
	margin-bottom:30px;
	float:left;
}
img[class*="align"] {
    height: auto;
    max-width: 350px;
}
@media (max-width: 850px) {
	img[class*="align"] {
    height: auto;
    max-width: 250px;
}
.alignright {
	margin-left:30px;
	margin-bottom:30px;
}
.alignleft {
	margin-right:30px;
	margin-bottom:30px;
}
}
@media (max-width: 620px) {
	img[class*="align"] {
    height: auto;
    max-width: 100%;
	width: 100%;
}
.alignright {
	float:none;
	margin-left:0px;
	clear:both;
}
.alignleft {
	margin-right:30px;
	margin-bottom:30px;
}
}
img[class*="wp-image-"], img[class*="attachment-"], img {
    height: auto;
}
a {
	color:inherit;
}
p:last-child {
	padding-bottom:0px;
}
.img-responsive{
	width:100%;
	height:auto;
}
.horiz-rule {
	position: relative;
	height: 2px;
	width:100%;
	border-top: 1px solid #FFF;
	clear:both;
	max-width:1300px;
	margin-right:auto;
	margin-left:auto;
 }
 .horiz-rule hr {
	border: none;
 }
 
#news {
	background-color:#FFF;
	padding:40px;
}
#news h4 {
	font-size:40px;
	line-height:48px;
	color:#21224D;
	font-family: 'IM Fell English SC', serif;
}
#news h4 a {
	display:block;
	float:right;
	background-color:#A38689;
	color:#FFF;
	padding:6px;
	font-size:30px;
	line-height:18px;
	font-size:18px;
	font-family: 'IM Fell English SC', serif;
	text-decoration:none;
}
#news h4 a:hover {
	background-color:#21224D;
}
#news h3 {
	font-size:25px;
	line-height:32px;
	color:#A38689;
	padding-bottom:15px;
	font-family: 'IM Fell English SC', serif;
}
#news h3 a {
	color:#A38689;
	text-decoration:none;
}
#news h3 a:hover {
	text-decoration:underline;
}
#news p {
	color:#21224D;
}
#news h5 {
	font-size:17px;
	line-height:25px;
	color:#21224D;
	margin-bottom:10px;
}
#news h5:last-child {
	margin-bottom:0px;
}
#news h5 a {
	color:#21224D;
	text-decoration:none;
	padding:8px;
	background-color: #E6DCD5;
	display:block;
}
#news h5 a:hover {
	background-color:#A38689;
	color:#FFF;
}
#news form label {
	font-size:28px;
	line-height:38px;
	color:#21224D;
	padding-bottom:15px;
	font-family: 'IM Fell English SC', serif;
}
#news form input[type="text"] {
	font-size: 18px;
	line-height: 24px;
	background-color: #F2EDE9;
	border: none;
	display: block;
	clear: both;
	padding: 5px;
	color: #21224D;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 15px;
}
#news form #searchsubmit {
	background-color:#A38689;
	color:#FFF;
	padding:4px;
	border:none;
	font-size:18px;
}
#news form #searchsubmit:hover {
	background-color:#21224D;
	color:#FFF;
}
#news form {
	margin-bottom:30px;
}
#news ul {
	list-style:none;
	font-size:15px;
	line-height:22px;
	margin:0 0 30px 0;
	color:#21224D;
}
@media (max-width: 530px) {
#news h4 {
	font-size:22px;
}
#news h4 a {
	display:block;
	float:none;
	padding:6px;
	line-height:18px;
	font-size:15px;
	margin-top:15px;
}
#news h5 {
	font-size:14px;
	line-height:20px;
	color:#21224D;
	margin-bottom:10px;
}	
}
.subnav {
	background-color: #DCEBEE;
	padding: 30px;
	float: right;
	display: block;
	list-style: none;
	max-width: 30%;
	margin-left: 25px;
	margin-bottom: 25px;
	margin-top: 1px;
}
.subnav li {
	font-size:17px;
	line-height:25px;
	color:#21224D;
	margin-bottom:10px;
}
.subnav li:last-child {
	margin-bottom:0px;
}
.subnav li a {
	color:#21224D;
	text-decoration:none;
	padding:8px;
	background-color:#EEF5F7;
	display:block;
}
.subnav li a:hover {
	background-color:#BDD9DE;
}
@media (max-width: 900px) {
.subnav {
	background-color:transparent;
	padding:0px;
	float:left;
	width:100%;
	margin-left:0px;
	max-width:100%;
	margin-bottom:30px;
	display:block;
}
.subnav li {
	float:left;
	color:#DCEBEE;
	margin-bottom:10px;
	margin-right:10px;
}
.subnav li a {
	width:100%;
}
}
.newshead img {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}

#contactForm label {
	    
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    color: #21224D;
    padding-bottom: 15px;
	width:100%;
}
#contactForm p {
	float:left;
	width:32%;
	margin-left:15px;
}
#contactForm p:first-child {
	margin-left:0px;
}
#contactForm .fullwidth {
	float:left;
	width:100%;
	margin-left:0px;
}
#contactForm input[type="text"] {
	font-family: "komet", sans-serif;
	font-size:16px;
	line-height:18px;
	background-color:#EAF5D8;
	border:none;
	display:block;
	clear:both;
	padding:8px;
	color:#21224D;
	width:100%;
	margin-top:5px;
	margin-bottom:15px;
}
@media (max-width: 885px) {
	#contactForm p {
	float:left;
	width:100%;
	margin-left:0px;
	clear:both;
}
	
}
#contactForm textarea {
	font-size:16px;
	line-height:22px;
	background-color:#EAF5D8;
	border:none;
	display:block;
	clear:both;
	padding:8px;
	color:#21224D;
	width:99%;
	margin-top:5px;
	margin-bottom:15px;
}
#contactForm #submit {
	background-color:#3FCAC4;
	color:#21224D;
	padding:8px;
	border:none;
	font-size:20px;
	text-transform:uppercase;
	margin-top:20px;
	font-weight:900;
}
#contactForm #submit:hover {
	background-color:#21224D;
	color:#FFF;
}
.error {
	padding-top: 0px;
	color:#EA5A36;
}
#contactForm .error label em {
	font-family: duper, sans-serif;
font-weight: 700;
font-style: italic;
	color:#EA5A36;
	font-size:15px;
	padding-left:20px;
	float:right;
	text-transform: none;
}
.success {
	color:#0B9E22;
}
#instafeed {
	float:none;
}
#instafeed img {
	margin:5px;
	float:none;
}
@media (max-width: 460px) {
#instafeed img {
	clear:both;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
}
#insta {
	padding-top:0px;
}
.snipbox {
clear:both;
margin-left: -20px;
margin-right: -20px;
	
}
.snipbox-3col {
	list-style:none;
	margin:0;
	line-height:0;
	
}
.snipbox-3col {
	float:left;
	width:33.333%;
	padding:20px;
	position:relative;
	display:block;
	clear: none;
	background-image: none;
}
.snipbox-3col dd a img {
	width:100%;
	height:100%;
	padding-bottom:115px;
}
.snipbox-3col dd a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}
.snippets h5 a {
    font-size: 30px;
}  
.snipbox-3col dd a h4 {
	position:absolute;
	font-family: duper, sans-serif;
font-weight: 700;
font-style: italic;
	bottom:0px;
	left:0px;
	width:100%;
	/*background:rgba(256,256,256, 0.8);*/
	background-color:#87CBCE;
	padding:18px 100px 18px 18px;
	color:#21224D;
	font-size:20px;
	line-height:26px;
	text-align:left;
	min-height:115px;
	border-top:#FFF solid 4px;
}
.snipbox-3col > dd > a:hover > h4 {
	background-color:#D8E5B0;
}
/*.snipbox-3col dd h4:before {
	font-family: 'ElegantIcons';
content: "5";
color: #21224D;
font-size: 30px;
line-height: 17px;
padding-top: 4px;
padding-left: 4px;
display: block;
float: right;
text-transform: none;
}
.snipbox-3col dt {
	position:absolute;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	top:60px;
	right:20px;
	width:90px;
	height:80px;
	z-index:100;
	text-align:center; 
	background-color:#D8E5B0; 
	border-left: 2px dashed #D8E5B0;
}*/
.snipbox-3col dt {
	position:absolute;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	bottom:40px;
	right:30px;
	width:97px;
	height:93px;
	z-index:100;
	padding-top:17px;
	text-align:center; 
	background-image:url(images/DateDrawingSR.png);
	background-repeat:no-repeat;
	background-size: 97px 93px;
	letter-spacing: 0em;
	line-height: 13px;
	font-size: 30px;
}
.snipbox-3col dt strong {
	font-family: duper, sans-serif;
font-weight: 400;
font-style: normal;
	color:#21224D;
	font-size:30px;
	line-height:20px;
	padding-top:10px;
	display:block;
}
.snipbox-3col dt em {
	color:#FFF;
	background-color:#21224D;
	font-size:13px;
	line-height:13px;
	font-style:normal;
	display: inline-block;
	clear:both;
	padding: 0px 2px 0px 2px;
	margin-top:3px;
	text-transform:uppercase;
}
@media (max-width: 380px) {
	.snipbox-3col dt {
    display:none;
}
	.snipbox-3col dd a h4 {
	text-align:center;
	padding-right:18px;
	min-height:0px;
	position:relative;
}
.snipbox-3col dd a img {
   padding-bottom: 0px;
}
}
@media (max-width: 960px) {
.snipbox-3col {

	width:50%;
}
}
@media (max-width: 690px) {
.snipbox-3col {

	width:100%;
}
}
.workshopgallery {
	list-style:none;
	margin:0;
	display:block;
  }
.workshopgallery li {
	display:block;
	  float:left;
	  width:33.33333%;
	  line-height:0;
	  padding:0;
	  margin:0;
  }
  .workshopgallery li a img {
	  width:100%;
  }
  .workshopgallery .GalleryTitle {
	  width:100%;
	  text-transform: uppercase;
	background-color: #EB144E;
	color: #FFF;
	padding: 10px;
	display: block;
	width: 100%;
	background-image: url(images/PinPinned-Red.gif);
	background-repeat: no-repeat;
	background-position: top 15px right 15px;
	margin-right: 50px;
	float: left;
	clear:both;
	font-size: 26px;
line-height: 31px;
font-weight:700;
font-family:'Garden W00 Slab';
  }
  .prices {
	   background-image:url(images/Dash.png);
	  background-repeat:repeat-x;
	  background-position:top;
	  width:100%;
	  display:block;
	  clear:both;
	  float:left;
	  height:auto;
	  margin: 10px 0 40px 0;
  }
  .prices ul {
	  width:100%;
	  display:block;
	  list-style:none;
	  clear:both;
	  float:left;
	  height:auto;
	  background-image:url(images/Dash.png);
	  background-repeat:repeat-x;
	  background-position:bottom;
	  margin:0;
  }
  .prices li {
	  font-size:23px;
	  line-height:28px;
	  width:50%;
	  display:block;
	  float:left;
  }
.prices li:nth-child(even) {
    text-align:right;
}
.pricestructure h2{
	font-size:32px;
	line-height:38px;
	font-weight:700;
	font-style:italic;
	color:#000;
	padding-top:0;
	padding-bottom:20px;
	
}
.pricestructure{
	padding-left:50px;
}
.booknow{
background: #00B4E7;
text-transform: uppercase;
border: none;
color: #000;
font-size: 24px;
font-weight:700;
padding: 10px;
cursor: pointer;
margin-top: 15px;
text-decoration: none;
font-family:'Garden W00 Slab';
display:block;
float:left;
}
.booknow::before {

    font-family: 'ElegantIcons';
    content: "5";
    color: #FFF;
    font-size: 30px;
    line-height: 17px;
    padding-top: 4px;
    padding-left: 4px;
    display: block;
    float: right;
    text-transform: none;

}
.booknow:hover{
background: #000;
border: none;
color: #FFF;
}
.bqnopad{
margin-top:0;
}
@media (max-width: 960px) {
.pricestructure {
    padding-left: 20px;
	padding-top: 50px;
	padding-bottom: 20px;
	clear:both;
}
}
datestimes {
	   background-image:url(images/Dash.png);
	  background-repeat:repeat-x;
	  background-position:top;
	  width:100%;
	  display:block;
	  clear:both;
	  float:left;
	  height:auto;
	  margin: 10px 0 40px 0;
  }
  .datestimes ul {
	  width:100%;
	  display:block;
	  list-style:none;
	  clear:both;
	  float:left;
	  height:auto;
	  background-image:url(images/Dash.png);
	  background-repeat:repeat-x;
	  background-position:bottom;
	  margin:0;
  }
  .datestimes li {
	  font-size:20px;
	  line-height:26px;
	  width:30%;
	  display:block;
	  float:left;
	   text-align:center;
  }
  .datestimes li:first-child {
	  width:10%;
	   text-align:left;
	   text-transform:uppercase;
	   font-weight:700;
  }
  .datestimes li .dttitle {
    text-transform: uppercase;
    border: none;
    color: #FFF;
    font-size: 21px;
    font-weight: 700;
	font-style: italic;
    padding: 4px 8px 4px 8px;
    font-family:'Garden W00 Slab';
}
.am {
    background-color: #EB144E;
}
.pm {
    background-color: #00B696;
}
.eve {
    background-color: #00B4E7;
}
.datestimes .start {
    padding-bottom:20px;
   background-image:none;
	
}
@media (max-width: 685px) {
	.datestimes li .dttitle {
    font-size: 16px;
	line-height:28px;
	width:100%;
	display:block;
}
.datestimes li {
	  font-size:15px;
	  line-height:19px;
  }
}
@media (max-width: 450px) {
	.datestimes li .dttitle {
    font-size: 14px;
	line-height:28px;
	width:100%;
	display:block;
}
.datestimes li {
	  font-size:14px;
	  line-height:19px;
  }
}
.lastpost {
   padding-bottom:0;
}
.nopadbot {
   padding-bottom:0;
}
.lastpost h5 {
    display:block;
	float:left;
	background-color: #F0F0F0;
	width: 87px;
	height: 87px;
	border-radius: 50%;
	text-align: center;
	margin-right:30px;
	padding: 0px;
}
.lastpost h5 strong {
    color: #00B796;
    font-size: 47px;
    line-height: 41px;
    padding-top: 10px;
    display: block;
	 font-style: normal;
}
.lastpost h5 em {
    color: #00B796;
    font-size: 23px;
    line-height: 19px;
    font-family: "komet", sans-serif;
    font-style: normal;
    display: block;
    text-transform: uppercase;
}
.lastpost h2 {
     padding-top: 10px;
}
.lastpost hr {
	margin-top: 60px;
     padding-bottom: 10px;
}
hr.posttitleline {
	margin-top: 40px;
     padding-bottom: 60px;
}
.lastpost h2 a {
    color: #000;
    font-size: 29px;
    line-height: 35px;
    padding-top: 0px;
    display: block;
	text-decoration:none;
	font-weight:700;
}
.lastpost p {
	padding-top:30px;
    clear:left;
}

.readmore {
    margin-top:20px;
    background-color: #EB144E;
	color: #FFF;
	text-transform:uppercase;
	text-decoration:none;
    padding: 5px 10px 5px 10px;
	clear:left;
	font-size: 18px;
    line-height: 24px;
    display:block;
	font-weight:700;
	border-bottom:none;
	width:130px;
	font-family:'Garden W00 Slab';
}

.readmore::before {

    font-family: 'ElegantIcons';
    content: "5";
    color: #FFF;
    font-size: 20px;
    line-height: 22px;
    padding-top: 0px;
    padding-left: 4px;
    display: block;
    float: right;
    text-transform: none;
}
.readmore:hover {
    border: none;
	background-color:#000;
}
@media (max-width: 500px) {
	.lastpost h5 {
    float:none;
	clear:both;
	margin-right:auto;
	margin-left:auto;
}
.lastpost h2 a, .lastpost p {
    text-align:center;
}
.readmore {
    margin-left:auto;
    margin-right:auto;
}	
}
.newshome {
	position:relative;
  }
.newshome h3 {
	font-size: 29px;
display: block;
line-height: 29px;
padding-top: 20px;
padding-bottom: 30px;
color: #000;
font-family: "komet", sans-serif;
text-transform: uppercase;
font-style: normal;
clear:both;
}
.nhsnipbox {
clear:both;
margin-left: -20px;
margin-right: -20px;
margin-bottom: 60px;
	display:block;
	float:left;
}
.wpp-list {
margin: 0;
padding: 0;
}
.nhsnipbox-3col {
	list-style:none;
	margin:0;
	line-height:0;
	
}
.nhsnipbox-3col {
	float:left;
	width:33.333%;
	padding:20px;
	position:relative;
	display:block;
}
.nhsnipbox-3col:nth-child(4n) {
	clear:both;
}
.nhsnipbox-3col dd a img {
	width:100%;
	height:100%;
}
.nhsnipbox-3col dd a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}

.nhsnipbox-3col dd a h4 {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	background:rgba(0,150,150, 0.8);
	padding:18px;
	color:#FFF;
	font-size:17px;
	line-height:23px;
	text-align:left;
	text-shadow: #003921 0px 0px 3px;
}
.nhsnipbox-3col > dd > a:hover > h4 {
	background:rgba(0,0,0, 1);
}
.nhsnipbox-3col dd h4:before {
	font-family: 'ElegantIcons';
content: "5";
color: #FFF;
font-size: 30px;
line-height: 17px;
padding-top: 4px;
padding-left: 4px;
display: block;
float: right;
text-transform: none;
}
.nhsnipbox-3col dt {
	position:absolute;
	top:40px;
	right:40px;
	background-color:#FFF;
	width:69px;
	height:69px;
	z-index:100;
	border-radius: 50%;
	box-shadow: #003921 0px 0px 3px;
	text-align:center;
}
.nhsnipbox-3col dt strong {
	color:#00B796;
	font-size:37px;
	line-height:32px;
	padding-top:10px;
	display:block;
}
.nhsnipbox-3col dt em {
	color:#000;
	font-size:16px;
	line-height:14px;
	font-family: "komet", sans-serif;
	font-style:normal;
	display:block;
	text-transform:uppercase;
}
@media (max-width: 900px) {
.nhsnipbox-3col {
	width:50%;
}
.nhsnipbox-3col:nth-child(4n) {
	clear:none;
}
.nhsnipbox-3col:nth-child(odd) {
	clear:both;
}
}
@media (max-width: 650px) {
.nhsnipbox-3col {

	width:100%;
}
}

.archivebuttons ul {
list-style:none;
margin:0;
padding:0 0 30px 0;
display:block;
float:left;
width:100%;
}
.archivebuttons ul li a {
	width:100%;
	background-color:#696767;
	padding:7px;
	color:#FFF;
	font-weight:700;
	font-size:16px;
	line-height:20px;
	text-align:left;
	margin-bottom:9px;
	clear:both;
	display:block;
	float:left;
	text-decoration:none;
}
.archivebuttons ul li a:hover {
	background-color:#000;
}

@media (max-width: 1050px) {
.archivebuttons div {
	display:block;
	float:left;
	width:50%;
}
.archivebuttons div:nth-child(odd) {
	padding-right:20px;
}
.archivebuttons div:nth-child(even) {
	padding-left:20px;
}
}
@media (max-width: 530px) {
.archivebuttons div {
	width:100%;
}
.archivebuttons div:nth-child(odd) {
	padding-right:0px;
}
.archivebuttons div:nth-child(even) {
	padding-left:0px;
}
}

img.size-full, img.size-large {
    max-width: 100%;
    width: auto;
    height: auto;
	margin-top:50px;
	margin-bottom:50px;
	clear:both;
	display:block;
}
.leavecomment {
	
}
.leavecomment  {
	color:#21224D;
	font-family:'Garden W00 Slab';
	display:inline-block !important;
	width:220px;
}
.leavecomment a {
background-color: #D8E5B0;
color: #21224D;
text-transform: uppercase;
text-decoration: none;
padding: 3px 6px 3px 6px;
font-size: 15px;
line-height: 20px;
display:block;
	float:left;
border-bottom: none;
margin-bottom: 10px;
font-family:'Garden W00 Slab';
}
.leavecomment a:hover {
background-color: #21224D;
color: #FFF;
border-bottom: none;
}
.leavecomment em {
	position:relative;
	display:block;
	float:right;
	width:33px;
	height:30px;
}

.leavecomment em::before {
	content: "\e065";
	color: #D8E5B0;
	font-size: 30px;
	line-height: 25px;
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	position:absolute;
	top:0;
	right:0;
	z-index:500;
}
.leavecomment em strong {
	color: #21224D;
	position:absolute;
	top:0;
	right:0;
	z-index:600;
	font-style:normal;
	width:33px;
	text-align:center;
	font-family: 'Garden W00 Slab';
}
@media (max-width: 530px) {
	.leavecomment em {
	display:none;
}
.leavecomment  {
	width:175px;
}
	
}
.blogpost h3 {
    font-size: 29px;
    display: block;
    line-height: 29px;
    padding-top: 20px;
    padding-bottom: 30px;
    color: #3FCAC4;
    font-family: duper, sans-serif;
font-weight: 400;
font-style: normal;
    font-style: normal;
    clear: both;
}
.blogpost ul {
display:block;
width:100%;
clear:both;
float:left;
margin-bottom:30px;
margin-left: 0px;
}
.blogpost ul li {
background-color: #21224D;
color: #FFF;
text-transform: uppercase;
text-decoration: none;
padding: 3px 6px 3px 6px;
float: left;
font-size: 16px;
line-height: 20px;
display: block;
font-weight: 700;
border-bottom: none;
font-family:'Garden W00 Slab';
margin-right:10px;
}
.blogpost ul li a {
text-decoration:none;
}
.comment-notes {
    font-family: 'Garden W00 Slab', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #21224D;
    padding-bottom: 20px;
}
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { padding:1em; clear:both; width:100%; float:left; display:block;}
ol.commentlist li.comment .comment-body { text-transform: none;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard { font-family:'Garden W00 Slab'; font-size:18px;color:#00B992; position:relative; padding-left:50px;text-transform:none;}
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; font-weight:700;}
ol.commentlist li.comment div.vcard cite.fn a.url {font-weight:700;}
ol.commentlist li.comment div.vcard img.avatar { position:absolute; top:0; left:0; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:16px; display:block; float:right;font-family:'Garden W00 Slab'; }
ol.commentlist li.comment div.comment-meta a { color:#00B992; text-decoration:none; }
ol.commentlist li.comment p { font-size:16px; line-height:20px; margin:0; padding-left:50px;padding-top:10px;padding-bottom:10px;}
ol.commentlist li.comment ul { font-size:18px; list-style:square;  }
ol.commentlist li.comment div.reply { background-color: #00B992;
color: #FFF;
text-transform: uppercase;
padding: 3px 6px 3px 6px;
float: left;
clear:both;
font-size: 14px;
line-height: 18px;
display: block;
font-weight: 700;
border-bottom: none;
font-family:'Garden W00 Slab';
margin-right: 10px; 
margin-left:50px;}
ol.commentlist li.comment div.reply a { font-weight:bold;text-decoration: none;display: block;}
ol.commentlist li.comment ul.children { list-style:none; padding:20px 0 0 50px; text-indent:0; margin:0;}
ol.commentlist li.comment ul.children li {padding:0;background:#fff;}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { border-left:1px solid #000; padding:0 0 0 20px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:1px solid #000; padding:0 0 0 20px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:1px solid #000; padding:0 0 0 20px; }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {  }
ol.commentlist li.odd {  }
ol.commentlist li.parent {  }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

.comcounter{
	font-family:'Garden W00 Slab';
	font-size:20px; line-height:26px;
	color:#000;
}
#commentform label {
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	color: #21224D;
	padding-bottom: 15px;
	width: 100%;
}

#commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url {
	float:left;
	width:31%;
	margin-right:15px;
	margin-left:15px;
}
#commentform .comment-form-author {
	margin-left:0px;
}
#commentform .comment-form-url{
	margin-right:0px;
}
#commentform p {
	float:left;
	width:100%;

}
.logged-in-as a {
font-family:'Garden W00 Slab';
font-size: 18px;
color: #00B992;
text-transform: none;
border:none;
}
#commentform p:first-child {
	margin-left:0px;
}
#commentform .fullwidth {
	float:left;
	width:99%;
	margin-left:0px;
}
#commentform input[type="text"] {
	font-family: "komet", sans-serif;
	font-size: 16px;
	line-height: 18px;
	background-color: #EAF5D8;
	border: none;
	display: block;
	clear: both;
	padding: 8px;
	color: #21224D;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 15px;
}
@media (max-width: 1100px) {
	#commentform p {
	float:left;
	width:100%;
	margin-left:0px;
	clear:both;
}
#commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url {
	float:left;
	width:100%;
	margin-right:0px;
	margin-left:0px;
}
	
}
#commentform textarea {
	font-size: 16px;
	line-height: 22px;
	background-color: #EAF5D8;
	border: none;
	display: block;
	clear: both;
	padding: 8px;
	color: #21224D;
	width: 99%;
	margin-top: 5px;
	margin-bottom: 15px;
}
#commentform #submit {
	background-color: #3FCAC4;
	color: #21224D;
	padding: 8px;
	border: none;
	font-size: 20px;
	text-transform: uppercase;
	margin-top: 20px;
	font-weight: 900;
}
#commentform #submit:hover {
	background-color:#21224D;
	color:#FFF;
}
/* From normalize.css */
 * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img {
    width: auto;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}
img, embed, object, video {
    max-width: 100%;
}
/* end normalize.css */

.gallery {
    margin-left: -21px;
    margin-bottom: 21px;
    margin-bottom: 1.5rem;
}
.ie8 .gallery {
    margin-left: 0;
  background:red;
}
.gallery-item {
    position: relative;
    float: left;
    text-align: center;
    margin: 0 0 21px;
    margin: 0 0 1.5rem;
    padding: 21px;
    padding: 1.5rem;
    border: 0 solid rgba(0, 0, 0, 0);
    border-left-width: 21px;
    border-left-width: 1.5rem;
}

.ie8 .gallery-item {
  padding: 0 21px;
}

.gallery-item:before {
    position: absolute;
    content:"";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #ccc;
    z-index: -1;
}
.gallery-item img {
    border: 1px solid #ccc;
}
.gallery-item a {
    position: relative;
    z-index: 1000;
}
.gallery-columns-1 > .gallery-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.gallery-columns-2 > .gallery-item {
    width: 50%;
}
.gallery-columns-3 > .gallery-item {
    width: 33.333%;
}
.gallery-columns-4 > .gallery-item {
    width: 25%;
}
.gallery-columns-5 > .gallery-item {
    width: 20%;
}
.gallery-columns-2 > .gallery-item:nth-of-type(2n + 1), .gallery-columns-3 > .gallery-item:nth-of-type(3n + 1), .gallery-columns-4 > .gallery-item:nth-of-type(4n + 1), .gallery-columns-5 > .gallery-item:nth-of-type(5n + 1) {
    margin-left: 0;
}
.gallery-columns-2 > .gallery-item:nth-of-type(2n), .gallery-columns-3 > .gallery-item:nth-of-type(3n), .gallery-columns-4 > .gallery-item:nth-of-type(4n), .gallery-columns-5 > .gallery-item:nth-of-type(5n) {
    margin-right: 0;
}
.ie8 .gallery-columns-2 > .gallery-item {
    width: 49%;
}
.ie8 .gallery-columns-3 > .gallery-item {
    width: 32.3%;
}
.ie8 .gallery-columns-4 > .gallery-item {
    width: 24%;
}
.ie8 .gallery-columns-5 > .gallery-item {
    width: 19%;
}
.gallery-caption {
    font-size: 14px;
    font-size: .875rem;
    /* 14px / 16 = .875 */
    margin-left: 0;
    padding: 8px 0;
    padding: .75em 0 0;
}
.gallery-caption > :last-child {
    margin-bottom: 0;
}

.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}

.item {
    display: inline-block;
    background: #F0F0F0;
    padding: 1em;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	text-align:center;
}
.masonry .item p {
    clear:both;
	font-family:'Garden W00 Slab';
	font-size:15px;
	padding-top:10px;
}
.masonry .item a {	
	text-decoration:none;
}
.masonry .item:hover {	
	background: #E4E4E4;
}

@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1200px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}
@media only screen and (min-width: 1500px) {
    .masonry {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
}
#map {
    width: 40%;
    height: 350px;
    float: right;
	padding-left:30px;
}
@media (max-width: 675px) {
	#map {
    width: 100%;
    height: 350px;
    float: none;
	padding-left:0px;
	padding-bottom:30px;
	clear:both;
}
	
}

.wp-caption {
max-width:100%;
position:relative;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 1em;
line-height: 17px;
font-weight: bold;
padding: 8px;
margin: 0;
background: rgba(216,229,176,0.8);
position:absolute;
left:0;
bottom:0;
width:100%;
}
.threesqrvrt {
	display:block;
	width:30%;
	margin:0px 0 30px 30px;
	float:right;
}
.threesqr {
	display:block;
	float:left;
	width:100%;
	height:auto;
	list-style: none;
	margin: 30px 0px 30px 0px;
}
.threesqr li {
	float:left;
	width:30%;
	clear:none;
	padding:0;
	margin: 0;
}
.threesqr .padli {
	width:5%;
	display:block;
}
.threesqr img {
	width:100%;
	clear:both;
	padding:0px;
	margin-top: 0px;
}
.threesqrvrt img {
	width:100%;
	clear:both;
	padding:0px;
	margin-top: 0px;
}