/*
Theme Name: Evenley Wood Garden Theme
Theme URI: http://www.techniquewebdesign.co.uk/
Author: Technique Web
Author URI: http://www.techniqueprint.co.uk/
Description: Technique base theme built on underscores.me with Simple-Grid for Evenley Wood Garden.
Version: 1.0
Text Domain: technique
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
License: All files, unless otherwise stated, are released under the GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.sgpb-main-html-content-wrapper h2 {
    color: #2a4922;
}

.sgpb-main-html-content-wrapper {
    padding: 20px!important;
}

.col-1-1.slider {
    padding-right: 0px;
    margin-bottom: 0px!important;
}

.grid.grid-padtop {
    max-width: 100%!important;
    padding: 0px!important;
}

.content.logo {
    overflow: hidden;
}

.su-note-inner {
    padding: 1em;
    border-width: 1px;
    border-style: solid;
    background: #d8dec9!important;
    color: #2a4923!important;
    border: 1px solid #eee!important;
    border-color: #d8dfc9!important;
}

ul.mega-sub-menu a:hover {
    background: none;
}

.su-box {
    border-style: solid;
    border: 1px solid #2a4923!important;
}

.su-box-style-bubbles .su-box-title {
    background-image: url(../images/styles/style-bubbles.png);
    background-position: 0 50%;
    background-repeat: repeat-x;
    background: #ebe6d2!important;
    color: #2a4923!important;
}

section#text-2 h2.widget-title {
    background: #117684;
    padding: 15px;
    font-size: 1.1em;
    text-align: center;
    border-bottom: 2px solid #0f5b67;
    color: #fff!important;
}

section#text-3 {
    background: #6B3670;
    color: #fff;
    padding: 0px 15px 10px 15px;
    max-height: 330px;
}

section#text-3 h2.widget-title {
    background: #6b3670;
    border-bottom: none;
    color: #fff;
}

section#text-3 {
    background: #6B3670;
    color: #fff;
}

section#text-4 h2.widget-title {
    color: #fff;
    background: none;
    border-bottom: none;
}

section#text-4 {
    background: #5e9545;
    padding: 0px 10px 20px 10px;
}

.content.main a {
    color: #6b3671;
}

i.fa.fa-download {
    color: #fff!important;
}

.su-button-style-default span {
    border-top-width: 0px!important;
    border-bottom-width: 0px!important;
    border-top-style: none!important;
    border-bottom-style: none!important;
}

a.su-button.su-button-style-default {
    background: #6b3671!important;
    color: #fff!important;
    background-color: #6b3671!important;
    border-color: #6b3671!important;
}

h2.widget-title {
    background: #d8ddc9;
    padding: 15px;
    font-size: 1.1em;
    text-align: center;
    border-bottom: 2px solid #90a59d;
}

.beigebanner h3 {
    padding: 10px 0px 0px 0px;
    text-align: center;
}

ul.mega-sub-menu a {
    padding: 0px 0px 0px 0px;
    width: 100%!important;
    color: #666;
    text-transform: capitalize;
}

footer#footerwrap ul#menu-quick-links li {
    font-size: 0.9em;
}

footer#footerwrap p {
    font-size: 0.9em;
}

.col-1-4.icon a {
    color: #013f4e;
    text-decoration: none;
}

.col-1-4.icon h3 {
    color: #013f4e;
}

li.mega-menu-item h3 {
    text-align: center;
    margin: 0px 0px 10px 0px;
}

li.mega-menu-item h3 {
    text-align: center;
}

h4.mega-block-title {
    display: none!important;
}

input#input_1_1 {
    width: 100%;
    padding: 13px;
    font-size: 0.9em;
    min-width: 240px;
}

.instabanner {
    background: #d8dec9;
    padding: 60px 0px 60px 0px;
    text-align: center;
    display: block;
    width: 100%;
}

footer#footerwrap a.more-link {
    display: block;
    width: 100%;
    margin: 10px 0px 10px 0px;
    float: left;
    font-size: 1.1em;
}

footer#footerwrap a {
    color: #fff;
    text-decoration: none;
}

li.col-1-2.top-story {
    padding-right: 10px;
    padding-left: 10px;
}

.beigebanner {
    color: #89897c;
    width: 100%;
    background: #ebe6d2;
    display: block;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 30px 0px;
}

ul.top-post-news {
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

footer#footerwrap .rpwe-thumb {
    border: none!important;
    box-shadow: none !important;
    margin: 2px 10px 15px 0;
    padding: 0px !important;
}

h3.rpwe-title a {
    color: #cecece;
    font-size: 1.2em;
}

.rpwe-block ul{
list-style: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
}

.rpwe-block li{
border-bottom: none;
margin-bottom: 10px;
padding-bottom: 10px;
list-style-type: none;
}

.rpwe-block a{
display: inline !important;
text-decoration: none;
}

.rpwe-block h3{
background: none !important;
clear: none;
margin-bottom: 0 !important;
margin-top: 0 !important;
font-weight: 400;
font-size: 12px !important;
line-height: 1.5em;
}

.rpwe-thumb{
border: 1px solid #eee !important;
box-shadow: none !important;
margin: 2px 10px 2px 0;
padding: 3px !important;
}

.rpwe-summary{
font-size: 12px;
}

.rpwe-time{
color: #bbb;
font-size: 11px;
}

.rpwe-comment{
color: #bbb;
font-size: 11px;
padding-left: 5px;
}

.rpwe-alignleft{
display: inline;
float: left;
}

.rpwe-alignright{
display: inline;
float: right;
}

.rpwe-aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}

.rpwe-clearfix:before,
.rpwe-clearfix:after{
content: "";
display: table !important;
}

.rpwe-clearfix:after{
clear: both;
}

.rpwe-clearfix{
zoom: 1;
}


footer#footerwrap ul#menu-quick-links li a {
    color: #cecece;
    text-decoration: none;
}

footer#footerwrap ul#menu-quick-links li {
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #d0d0d021;
}

footer#footerwrap ul#menu-quick-links {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

h2.homeh2 {
    color: #4d8366;
    font-size: 2em;
    font-style: italic;
    font-family: serif;
}

a.aboutgardencta {
    background: #94a49e;
    padding: 15px;
    text-align: center;
    display: block;
    width: 100%;
    max-width: 260px;
    margin: 0 auto;
    border-radius: 30px;
    color: #fff;
    text-decoration: none;
}

.smimg:before {
    content: "";
    border-style: solid;
    border-width: 10px 0px 10px 20px;
    border-color: transparent transparent transparent #ffffff17;
    position: absolute;
    left: -50px;
    top: 32%;
    margin-bottom: 10px;
}

.smimg {
    float: right;
    margin: 0px;
    width: 100px;
    height: 100px;
    position: relative;
    top: -45px;
}

.soliloquy-container .soliloquy-prev {
    width: 60px!important;
    height: 60px!important;
    left: 10px!important;
    background: rgba(0, 0, 0, 0) url(https://www.evenleywoodgarden.co.uk/wp-content/uploads/2018/01/leftarrow.png) no-repeat scroll 50% 50%!important;
    background-size: 60px!important;
	top: 48%!important;
}

.soliloquy-container .soliloquy-next {

    width: 60px!important;
    height: 60px!important;
    right: 10px!important;
    background: rgba(0, 0, 0, 0) url(https://www.evenleywoodgarden.co.uk/wp-content/uploads/2018/01/rightarrow.png) no-repeat scroll 50% 50%!important;
    background-size: 60px!important;
	top: 48%!important;
}

h1.homeh1 {
    margin: 20px 0px 30px 0px;
    font-style: italic;
    font-family: serif;
    font-size: 2em;
}

.grid.grid-padtop {
    max-width: 1344px;
}

h2.h2b {
    color: #fff!important;
    background: #2a4923;
    padding: 20px;
    font-size: 1.2em;
    margin: -6px 0px 0px 0px;
}

.greybanner .grid.grid-pad {
    padding: 40px 0px 0px 0px;
}

.whitebanner {
    background: #fff;
    display: block;
    color: #5f6161;
    text-align: center;
    padding: 40px 0px 50px 0px;
    float: left;
    width: 100%;
}

.whitebanner .grid.grid-pad {
    padding: 0px 0px 0px 0px;
}

.greybanner {
    background: #89897d url(https://www.evenleywoodgarden.co.uk/wp-content/uploads/2018/01/beigearrowdown.png) no-repeat center top;
    display: block;
    color: #fff;
    text-align: center;
    padding: 40px 0px 50px 0px;
    float: left;
    width: 100%;
    background-size: 100px;
}

.purplebanner {
    background: transparent url(https://www.evenleywoodgarden.co.uk/wp-content/uploads/2018/01/purplebg.jpg) no-repeat center top;
    display: block;
    color: #fff;
    text-align: center;
    padding: 40px 0px 70px 0px;
    float: left;
    width: 100%;
}

.col-1-4.icon h3 {
    font-style: italic;
    margin: -20px 0px 10px 0px;
    font-family: serif;
    font-size: 1.4em;
}

.iconbanner {
    width: 100%;
    background: #ebe6d2;
    display: block;
    float: left;
    margin: -20px 0px 0px 0px;
}

.col-1-4.icon img {
    width: 100%;
    max-width: 120px;
}

.col-1-4.icon {
    text-align: center;
}

.col-1-3.hotboxes a, .col-1-3.hotboxes a:hover {
    text-decoration: none;
	color:#fff;
}

a.ctabox1 {
    width: 100%;
    display: block;
    height: auto;
    padding: 50px 30px;
    background: #151030;
    color: #fff;
}

a.ctabox2 {
    width: 100%;
    display: block;
    height: auto;
    padding: 50px 30px;
    background: #90a59d;
    color: #fff;
}

a.ctabox3 {
    width: 100%;
    display: block;
    height: auto;
    padding: 50px 30px;
    background: #6b3671;
    color: #fff;
}

.col-1-3.hotboxes {
    padding-right: 0px;
    font-size: 1.3em;
    margin: 0px;
}

.col-2-3.slider {
    padding-right: 0px;
    margin: 0px;
}

.home .grid.grid-pad.topp {
    display: none;
}

.innerbanz {
    box-shadow: inset 0px 0px 0 2000px rgba(0, 0, 0, 0.19);
}

.innertitle {
  position: relative;
  overflow: auto;
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  padding-top: 70px;
  padding-bottom: 70px;
}

.innertitle h1 {
    text-align: center;
    color: #ffffff;
    font-size: 2em;
    line-height: 1.4;
    font-weight: 300;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

header#masthead .col-1-3 .content {
    padding: 0px;
}

header#masthead .col-1-3.push-right h3 {
	text-align: right;
}

a.subccta, a.subccta:hover {
    background: #90a59d;
    padding: 10px 15px 10px 15px;
    float: right;
    display: block;
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
    margin: 9px 8px 15px 0px;
}

a.videocta, a.videocta:hover {
    background: #6b3671;
    padding: 10px 15px 10px 15px;
    float: right;
    display: block;
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
    margin: 9px 0px 15px 0px;
}

/*--------------------------------------------------------------
# Main elements
--------------------------------------------------------------*/

.main-navigation li.current-menu-item a, .main-navigation li.current_page_item a {
    color: #2a4922;
}

.content.logo img {
    width: 100%;
    max-width: 240px;
}

header#masthead {
    background: #d8ddc9;
}

html {
	font-family: 'Libre Baskerville', serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
    overflow-x: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

footer {
    background: #606161;
    color: #cecece;
    padding: 40px 0px 20px 0px;
    width: 100%;
    float: left;
    display: block;
}

.footer-widgets-area {
    width: 100%;
    display: block;
    float: left;
}

.site-info {
    text-align: center;
}

.site-info a {
    color: #cecece;
    text-decoration: none;
}

.site-info p {
    color: #9e9e9e;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    line-height: 1.5;
    font-size: 0.8em;
}

.copyright {
    background: #606161;
    padding: 10px;
    display: block;
    float: left;
    width: 100%;
}

header#masthead .site-branding {
    padding: 0px 0px 15px 0px;
}

.slider {
    width: 100%;
    height: auto;
    min-height: 200px;
    margin: 0px 0px 20px 0px;
}

.col-1-1.slider {
    padding-right: 0px;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.button.gray {color: #fff;background: #4c4c4c; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.4);}

.button.gray:hover {box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.2);}

.button, input[type="button"], input[type="submit"] {
    padding: 7px 14px 7px 14px;
    display: inline-block;
    border: 0px;
    font-weight: 500;
    outline: none;
    font-size: 1em;
    cursor: pointer;
    width: auto;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    border-radius: 2px;
    box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.2);
    letter-spacing: -0.2px;
    text-decoration: none;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

[class*='col-'] { float: left; padding-right: 20px; overflow: hidden; }

.grid {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 0px;
}

.site-footer .grid-pad { padding-top: 0px; }

/*--------------------------------------------------------------
# Simple Grid - http://thisisdallas.github.com/Simple-Grid/
--------------------------------------------------------------*/

[class*='grid'],
[class*='col-'],
[class*='mobile-'],
.grid:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

[class*='col-'] {
	float: left;
  	min-height: 1px;
	padding-right: 20px; /* column-space */
}

[class*='col-'] [class*='col-']:last-child {
	padding-right: 0;
}

.grid {
	width: 100%;
	max-width: 1170px;
	min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding-top: 20px;
	padding-left: 20px; /* grid-space to left */
	padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.push-right {
	float: right;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}

/* Pushing blocks */

.push-2-3, .push-8-12 {
	margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
	margin-left: 50%;
}

.push-1-3, .push-4-12 {
	margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
	margin-left: 25%;
}

.push-1-5 {
	margin-left: 20%;
}

.push-1-6, .push-2-12 {
	margin-left: 16.667%;
}

.push-1-7 {
	margin-left: 14.28%;
}

.push-1-8 {
	margin-left: 12.5%;
}

.push-1-9 {
	margin-left: 11.1%;
}

.push-1-10 {
	margin-left: 10%;
}

.push-1-11 {
	margin-left: 9.09%;
}

.push-1-12 {
	margin-left: 8.33%
}

@media handheld, only screen and (max-width: 767px) {
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 20px; /* grid-space to left */
		padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
	}

	[class*='col-'] {
		width: auto;
		float: none;
		margin: 10px 0;
		padding-left: 0;
		padding-right: 10px; /* column-space */
	}

	[class*='col-'] [class*='col-'] {
		padding-right: 0;
	}

	/* Mobile Layout */

	[class*='mobile-col-'] {
		float: left;
		margin: 0 0 10px;
		padding-left: 0;
		padding-right: 10px; /* column-space */
		padding-bottom: 0;
	}

	.mobile-col-1-1 {
		width: 100%;
	}
	.mobile-col-2-3, .mobile-col-8-12 {
		width: 66.66%;
	}

	.mobile-col-1-2, .mobile-col-6-12 {
		width: 50%;
	}

	.mobile-col-1-3, .mobile-col-4-12 {
		width: 33.33%;
	}

	.mobile-col-1-4, .mobile-col-3-12 {
		width: 25%;
	}

	.mobile-col-1-5 {
		width: 20%;
	}

	.mobile-col-1-6, .mobile-col-2-12 {
		width: 16.667%;
	}

	.mobile-col-1-7 {
		width: 14.28%;
	}

	.mobile-col-1-8 {
		width: 12.5%;
	}

	.mobile-col-1-9 {
		width: 11.1%;
	}

	.mobile-col-1-10 {
		width: 10%;
	}

	.mobile-col-1-11 {
		width: 9.09%;
	}

	.mobile-col-1-12 {
		width: 8.33%
	}

	/* Layout Columns */

	.mobile-col-11-12 {
		width: 91.66%
	}

	.mobile-col-10-12 {
		width: 83.333%;
	}

	.mobile-col-9-12 {
		width: 75%;
	}

	.mobile-col-5-12 {
		width: 41.66%;
	}

	.mobile-col-7-12 {
		width: 58.33%
	}

	.hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0;
	}
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.content {
    padding: 20px 20px 20px 20px;
    margin: 0 0 20px 0;
    position: relative;
    overflow: hidden;
    overflow-x: hidden;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    color: #2a4922;
	font-weight: 300;
}

.content p { color:#767676; }

.content ul, .content ol { margin: 20px 0 30px; padding: 0 0 0 30px; }
.content ul { list-style: square; }
.content ol { list-style: decimal; }
.content ul li, .content ol li { margin: 0 0 10px 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #767676;
	font-family: 'Libre Baskerville', serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

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

blockquote {
    margin: 0px 0px 0px 0px;
    padding: 20px 20px 10px 20px;
    background: #2a492308;
    border-radius: 10px;
    border: 1px solid #d8dec9;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	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;
	font-size: 15px;
	font-size: 0.9375rem;
}

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

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

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

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

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

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

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

/*--------------------------------------------------------------
# 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);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .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="search"],
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: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

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: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #2a4922;
}

a:hover, a:focus, a:active {
	color: #2a4922;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.menu-inner {
    width: 100%;
    max-width: 1130px;
    margin: 0 auto;
}

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    background: #2a4922;
}

.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 {
	left: 100%;
}

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

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

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 20px 20px 20px 20px;
    text-transform: uppercase;
    font-size: 1em;
}

.main-navigation li.current-menu-item, .main-navigation li.current_page_item {
    background: #d8ddc9;
}

.main-navigation a:hover {
    background: #d8ddc9;
	color: #2a4922;
}

/* Small menu. */
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only 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; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

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

/*--------------------------------------------------------------
# Gravity Forms
--------------------------------------------------------------*/

.gform_wrapper {
	margin: 0;
	max-width: 100%;
}

.gform_wrapper .gform_footer {
	margin: 0; 
	padding: 0;
	position: relative;
}

.gform_wrapper .gform_footer input[type=submit] {
	width: 100%;
}

.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label input.large,
.gform_wrapper .top_label select.medium,
.gform_wrapper .top_label select.large,
.gform_wrapper .top_label textarea.medium,
.gform_wrapper .top_label textarea.large {
	width: 100%;
}

.gform_wrapper .gfield_checkbox li label {
	margin-left: 40px; 
	margin-top: 8px;
}

.gform_wrapper div.validation_error {
	font-size: 1em;
	line-height: 1.25;
}

.gform_wrapper .top_label .gfield_error {
	width: 100%;
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background: transparent;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
	border: none;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
	margin-left: 0;
}

.gform_wrapper li.gfield_error input[type=email],
.gform_wrapper li.gfield_error input[type=number],
.gform_wrapper li.gfield_error input[type=password],
.gform_wrapper li.gfield_error input[type=tel],
.gform_wrapper li.gfield_error input[type=text],
.gform_wrapper li.gfield_error input[type=url],
.gform_wrapper li.gfield_error textarea {
	border-color: rgba(0, 0, 0, 0.075);
}

.gform_wrapper .validation_message {
	color: #ff4d55;
	font-weight: normal;
}

.gform_wrapper .gfield_description + .gform_wrapper .gfield_description.validation_message,
.gform_wrapper .ginput_container + .gfield_description.validation_message {
	margin-top: 0;
	padding: 0 !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield_html {
	max-width: 100%;
}

.gform_wrapper div.validation_error {
	border: none;
	color: #484848; 
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 1em;
	padding: 0;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    color: #fff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    background-color: #2a4922 !important;
    padding: 15px 20px !important;
    font-size: 1em;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

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

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.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;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

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

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

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

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

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Soliloquy stuff
--------------------------------------------------------------*/

.soliloquy-container .soliloquy-caption {
    position: absolute !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 100 !important;
}
 
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
    display: table !important;
        width: 100% !important;
        height: 100% !important;
    text-align: center !important;
    padding: 20px 0 35px !important;
        background-color: transparent !important;
}
 
.soliloquy-container .soliloquy-caption-inside .soliloquy-caption-wrap {
        display: table-cell !important;
        vertical-align: middle !important;
}
 
.soliloquy-container .soliloquy-caption h2 {
    color: #fff !important;
    font-size: 26px !important;
    margin: 0 0 50px !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25) !important;
        line-height: 1.25em !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}
 
.soliloquy-container .soliloquy-caption a.soliloquy-button {
    color: #fff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    background-color: #2a4922 !important;
    padding: 15px 20px !important;
    font-size: 1em;
}
 
@media (min-width: 768px) and (max-width: 1024px) {
 
    .soliloquy-container .soliloquy-caption {
        bottom: 13px !important;
    }
 
}
 
@media (max-width: 600px) {
 
        /** Hide the caption and control nav for small devices since they can swipe slides */
    .soliloquy-container .soliloquy-control-nav,
        .soliloquy-container .soliloquy-caption {
        display: none !important;
    }
 
}

/*--------------------------------------------------------------
## Tables
--------------------------------------------------------------*/

table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border:none;
	margin-bottom: 15px;
	-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
}

table th {
	border: 1px solid #e0e0e0;
	border-right: none;
	background-color: #fafafa;
	text-align: left;
	padding: 10px 15px;
	color: #444;
	vertical-align: top;
	font-size: 14px;
	font-weight: 600;
}

table td:last-child {
	border-right: 1px solid #e0e0e0;
}

table th:last-child {
	border-right: 1px solid #e0e0e0;
}

table td {
	padding: 10px 15px;
	border: #e0e0e0 1px solid;
	border-top: none;
	border-right: none;
}

table tr:hover td {background-color: #fafafa;}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

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

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

#wpadminbar ul li.technique-support .ab-item, #wpadminbar ul li.technique-support:hover .ab-item {
    background: #3aace1;
}

#wpadminbar ul li.technique-support .ab-item:before {
    content: "\f107";
    top: 2px;
}

#wpadminbar ul li#wp-admin-bar-my_page .ab-item:before {
    content: "\f100";
    top: 2px;
}



/*--------------------------------------------------------------
# Responsive stuff for break points
--------------------------------------------------------------*/

.responsivebreaks {
    padding: 0px;
    border: 2px dashed #eee;
}

.responsivebreakswrap {
    padding: 10px;
    width: 100%;
    display: block;
    background: #c12b2b;
    color: #fff;
    float: left;
}

.responsivebreaks p {
    padding: 5px;
    margin: 0px;
}

.screen1440 { display: none; text-align: center; clear: both; }
.screen1024 { display: none; text-align: center; clear: both; }
.screen768 { display: none; text-align: center; clear: both; }
.screen425 { display: none; text-align: center; clear: both; }
.screen240 { display: none; text-align: center; clear: both; }

/*	Responsive Media Queries  			*
************************************************/

/*	Large */

@media only screen and (min-width : 1440px) { 
.screen1440 { display: block; }
}

@media only screen and (min-width : 1024px) and (max-width : 1439px) { 
.screen1024 { display: block; }
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {
body { font-size: .75em;  } 
.screen768 { display: block; }
}

@media only screen and (min-width : 425px) and (max-width : 767px) { 
.screen425 { display: block; }
}

@media only screen and (min-width : 0px) and (max-width : 425px) {
	
	header#masthead .site-branding {
    padding: 0px 0px 0px 0px;
}
	
	.content.logo {
    margin: 0px;
}
	
	.col-1-3.push-right h3 {
    font-size: 1.06em;
    text-align: left;
    float: left;
    padding: 0px;
    margin: 0px;
}
	
	a.videocta {
    font-size: 0.7em;
    width: 47%;
    text-align: center;
}
	
	a.subccta {
    font-size: 0.7em;
    float: left;
    width: 50%;
    text-align: center;
}
	
	.col-1-3.push-left {
    text-align: center;
}
	
	.main-navigation {
		display: none;
	}

.col-1-1.slider {
    padding-right: 10px;
}
 
.screen240 { display: block; }

}

/*	iPhone 4,5,6 landscape */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {

nav#site-navigation {
    display: none;
}

.col-1-1.slider {
    padding-right: 10px;
}

}