/*
Theme Name: 7thVision Theme 2016
Theme URI: http://7thvision.com.au
Description: A 7thVision Theme 2016
*/

/*________ GLOBAL ELEMENTS ________*/




* {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*, 
*:before, 
*:after {
	box-sizing: inherit;
}

.ie * {

}
img {
	display: block;
	border: 0;
	/*chrome fix for animations */
	position: relative;
}
a {
	outline: none;
	text-decoration: underline;
	color: #fff;
}
a:hover {
	color: #fff;
	text-decoration: none;
}
a[href*='tel:'] {
	cursor: default;
	text-decoration: none;
}
html {
	font-size: 100%;
	background-color: #000;
}
body {
	font-family: "proxima-nova", Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	color: #fff;
	line-height: 1;
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
	-ms-text-size-adjust: 100%; 

	background-color: #000;
  	background-attachment: fixed; /* windows chrome fixed scrolling replication issue */
}
.wf-loading body {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.wf-active body {
	opacity: 1;
}

.outerWrapper {
	clear: both;
	width: 100%;
	max-width: 1440px;
	max-width: 90rem;
	margin: 0 auto;
}
.wrapper {
	width: 100%;
	max-width: 1240px;
	max-width: 77.5rem;
	margin: 0 auto;
	padding: 0 20px;
	padding: 0 1.25rem;
}
.wrapper.large {
	max-width: 1240px;
	max-width: 77.5rem;
}
.ie .wrapper {
	width: 1160px;
}


/*________ HEADER & NAV ________*/

.headerWrapper {
	width: 100%;
}
.headerWrapper.stuck {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1200;
}
.admin-bar .headerWrapper.stuck {
	top: 32px;
}

.header {
	position: relative;
	padding: 20px 0; 
	padding: 1.25rem 0; 
	overflow: hidden;
}
.stuck .header {
	padding: 12px 0;
	padding: 0.75rem 0;
	height: 58px;
	height: 3.625rem;
}

.header .logo {
	width: 100%;
	max-width: 226px;
	max-width: 14.125rem;
	float: left;
}
.stuck .header .logo {
	max-width: 162px;
	max-width: 10.125rem;
}
.header .logo img {
	width: 100%;
	height: auto;
}
.stuck .header .logo img {
	display: none;
}
.header .logo img.small {
	display: none;
}
.stuck .header .logo img.small {
	display: block;
}

.header .headerInfo {
	float: right;
	margin: 64px 0 0;
	margin: 4rem 0 0;
}
.stuck .header .headerInfo {
	margin-top: 0;
}
.header .headerInfo .flexItems {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: flex-start;
	align-content: flex-start;
}
.header .headerInfo p {
	color: #1f1914;
	text-transform: uppercase;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.2;
	padding-right: 5px;
	padding-right: 0.3125rem;
	text-align: right;
}
.stuck .header p.phone {
	display: none;
}
.header .headerInfo p a {
	color: #1f1914;
	font-weight: 700;
	text-decoration: none;
}
.header .headerInfo a.button {
	margin-left: 15px;
	margin-left: 0.9375rem;
}
.stuck .header .headerInfo a.button {
	margin-left: 12px;
	margin-left: 0.75rem;
	font-size: 14px;
	font-size: 0.875rem;
	padding: 4px 24px;
	padding: 0.25rem 1.5rem;
}



.navContainer {
	width: 100%;
	position: relative;
	clear: both;
	z-index: 1500;
	height: 66px;
	height: 4.125rem;
	background-color: rgba(0,0,0,0.7);

	position: absolute;
}
.navContainer .wrapper {
	padding: 0;
	position: relative;
}


.navToggle {
	transition: background 0.3s;
	overflow: hidden;
	position: relative;
	background: transparent;
	width: 40px;
	width: 2.5rem;
	margin: 12px 0 0 20px;
	margin: 0.75rem 0 0 1.25rem;
	float: left;
	display: none;
}
.navToggle span.icon {
	position: absolute;
	top: 12px;
	top: 0.75rem;
	left: 0;
	right: 0;
	margin: auto;
	width: 32px;
	width: 2rem;
	height: 3px;
	height: 0.1875rem;
	background-color: #fff;
	transition: background 0s 0.3s;
	display: block;
}
.navToggle span.icon::before,
.navToggle span.icon::after {
	position: absolute;
	display: block;
	left: 0;
	width: 32px;
	width: 2rem;
	height: 3px;
	height: 0.1875rem;
	background-color: #fff;
	content: "";
	transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s;
}
.navToggle span.icon::before {
	top: -10px;
	top: -0.625rem;
	transition-property: top, transform;
}
.navToggle span.icon::after {
	bottom: -10px;
	bottom: -0.625rem;
	transition-property: bottom, transform;
}
.navToggle.toggled span.icon {
	background-color: transparent;
}
.navToggle.toggled span.icon::before {
	top: 0;
	transform: rotate(45deg);
}
.navToggle.toggled span.icon::after {
	bottom: 0;
	transform: rotate(-45deg);
}
.navToggle.toggled span.icon::before,
.navToggle.toggled span.icon::after {
	transition-delay: 0s, 0.3s;
}

.navToggle span.text {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	font-size: 0.75rem;
	text-align: center;
	color: #fff;
	padding: 30px 0 0;
	padding: 1.875rem 0 0;
}



/* Solid MultiLevel CSS Nav */
.mainNav {
	margin: 0;
	line-height: 100%;
}
.mainNav li {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	list-style: none;
}
/* main level link */
.mainNav a {
	text-decoration: none;
	display: block;

	margin: 0;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.mainNav a:hover {
	color: #e3c99b;
}
.mainNav li.menu-item-has-children > a:after {
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	top: 32px;
	top: 2rem;
	margin: 0 0 0 4px;
	margin: 0 0 0 0.25rem;

	border: 4px solid transparent;
	border: 0.25rem solid transparent;

	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

/* level 1 list */
.mainNav > li > a {
	line-height: 66px;
	line-height: 4.125rem;
	padding: 0 16px;
	padding: 0 1rem;
}
.mainNav > li:first-child a {
}
.mainNav > li:last-child a {
}
.mainNav li.current-menu-parent > a,
.mainNav li.current-menu-item > a {
}
/* main level link hover */
.mainNav > li:hover > a {
}

.mainNav > li.menu-item-has-children > a:after {
	border-top-color: #fff;
}
.mainNav > li.menu-item-has-children:hover > a:after {
	border-top-color: #e3c99b;
}

/* level 2 list */
.mainNav ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 350px;
	width: 21.875rem;
	position: absolute;
	top: 66px;
	top: 4.125rem;
	left: 0;
	background-color: rgba(0,0,0,0.75);
	border-bottom: 5px solid #d9c194;
	border-bottom: 0.3125rem solid #d9c194;
}


.mainNav li:hover > ul {
	display: block;
}
.mainNav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
.mainNav ul li:first-child {
	padding-top: 8px;
	padding-top: 0.5rem;
}
.mainNav ul li:last-child {
	padding-top: 8px;
	padding-top: 0.5rem;
}

.mainNav ul a {
	line-height: 44px;
	line-height: 2.75rem;
	padding: 0 20px;
	padding: 0 1.25rem;
}
.mainNav ul a:hover {
}

.mainNav ul li.menu-item-has-children > a:after {
	border-left-color: #fff;
	top: 16px;
	top: 1rem;
	right: 8px;
	right: 0.5rem;
}
.mainNav ul li.menu-item-has-children > a:hover:after {
	border-left-color: #fff;
}

/* level 3+ list */
.mainNav ul ul {
	left: 240px;
	left: 15rem;
	top: 0;
}





.headerSliderContainer {
	position: relative;
}
.headerSliderContainer .slide {
 	background-color: #000;
 	width: 100%;
 	height: 300px;
 	height: 18.75rem;
}
.headerSliderContainer .slide .backstretch {

}
.headerSliderContainer .absoluteWrapper {
	padding-top: 66px;
	padding-top: 4.125rem;
}
.headerSliderContainer h1 {
	font-family: "verveine", Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: 400;
	color: #fff;
	font-size: 60px;
	font-size: 3.75rem;
}




/*________ CONTENT ________*/

.contentSection {
	clear: both;
	width: 100%;
}

.contentContainer {
	width: 100%;
	clear: both;
	padding-top: 40px;
	padding-top: 2.5rem;
	overflow: hidden;
}
.content {
}
.contentContainer .content {
	padding: 0 0 40px;
	padding: 0 0 2.5rem;
}
.mainContent .content {
	width: 71.5%;
	float: left;
}
.halfContent .content {
	width: 50%;
	float: left;
}
.fullContent .content {
	width: 100%;
	float: none;
}


.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	line-height: 1.25;
	padding: 0 0 20px;
	padding: 0 0 1.25rem;
	color: #e3c99b;
}
.content h1 {
	font-family: "verveine", Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: 400;
	font-size: 60px;
	font-size: 3.75rem;
}
.content h2 {
	font-family: "verveine", Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: 400;
	font-size: 48px;
	font-size: 3rem;
}
.content h3 {
	font-family: "verveine", Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: 400;
	font-size: 32px;
	font-size: 2rem;
}
.content h4 {
	font-size: 24px;
	font-size: 1.5rem;
}
.content h5 {
	font-size: 20px;
	font-size: 1.25rem;
}
.content h6 {
	font-size: 16px;
	font-size: 1rem;
}
.content p {
	padding: 0 0 20px;
	padding: 0 0 1.25rem;
	line-height: 1.5;
}
.content ul,
.content ol {
	padding: 0 0 20px 40px;
	padding: 0 0 1.25rem 2.5rem;
}
.content ul ul,
.content ol ol {
	padding-bottom: 0;	
}
.content ul li,
.content ol li {
	line-height: 1.5;
}
.content blockquote {
	font-style: italic;
	padding: 0 0 0 40px;
	padding: 0 0 0 2.5rem;
	margin-bottom: 20px;
	margin-bottom: 1.25rem;
	border-left: 4px solid #222;
	border-left: 0.25rem solid #222;
}
.content iframe {
	padding: 0 0 20px;
	padding: 0 0 1.25rem;
}
.content img {
	max-width: 100%;
	height: auto;
}
.content table {
	margin: 0 0 20px;
	margin: 0 0 1.25rem;
	width: 100%;
	text-align: left;
	line-height: 1.5;
}
.content table tr {
}
.content table tr th {
    padding: 4px;
    padding: 0.25rem;
    font-weight: 700;
    font-size: 14px;
    font-size: 0.875rem;
}
.content table tr td {
	border-top: 1px dotted #ccc;
	padding: 4px;
    padding: 0.25rem;
    font-size: 12px;
    font-size: 0.75rem;
}
.content hr {
	border: none;
	margin: 0 0 20px;
	margin: 0 0 1.25rem;
	display: block;
	clear: both;
	border-bottom: 1px solid #ccc;
}
.content .entryContent {
	overflow: hidden;/*for gallery +20px*/
	width: 100%;
}
.content .entryContent br + br {
	/*see if this does anything*/
	display: none; 
}


.content .articleContainer {

}
.content .articleContainer .article {
	margin: 0 0 40px;
	margin: 0 0 2.5rem;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
}
.content .articleContainer .article:last-child {
	border-bottom: none;
}
.content .articleContainer .article .thumbContainer {
	display: block;
	width: 100%;
	max-width: 320px;
	max-width: 20rem;
	float: left;
	margin: 0 30px 40px 0;
	margin: 0 1.875rem 2.5rem 0;
}
.content .articleContainer .article .thumbContainer img {
	width: 100%;
	height: auto;
}
.content .articleContainer .article .thumbContainer:hover img {
	opacity: 0.8;
}
.content .articleContainer .article .articleInfo {
	overflow: hidden;
}
.content .articleContainer .article h3 {
	padding: 0 0 12px;
	padding: 0 0 0.75rem;
	margin: 0 0 12px;
	margin: 0 0 0.75rem;
	border-bottom: 1px solid #e1e1e1;
}
.content .articleContainer .article h3 a {
	text-decoration: none;
}
.content .articleMeta {
	text-align: left;
	margin: 0 0 12px;
	margin: 0 0 0.75rem;
	border-bottom: 1px solid #e1e1e1;
	font-size: 12px;
	font-size: 0.75rem;
}
.content .articleMeta p {
	display: inline-block;	
	zoom: 1;
	*display: inline;
	vertical-align: top;
	padding: 0 12px 0 0;
	padding: 0 0.75rem 0 0;
	margin: 0 12px 12px 0;
	margin: 0 0.75rem 0.75rem 0;
	border-right: 1px solid #808080;
	line-height: 1;
}
.content .articleMeta p:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
.content .articleContainer .article .articleInfo p.excerpt {
	padding-bottom: 40px;
	padding-bottom: 2.5rem;
}

.content .navBelow {
	padding: 0 0 40px;
	padding: 0 0 2.5rem;
	overflow: hidden;
}
.content .navBelow a.pageNav {
	float: left;
	border: 1px solid #222;
	padding: 8px 16px;
	padding: 0.5rem 1rem;
	text-decoration: none;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	transition: all 100ms linear;
}
.content .navBelow a.pageNav:hover {
	background-color: #fff;
}
.content .navBelow a.navNext {
	float: right;
}





/*________ SIDEBAR ________*/

.sidebar {
	padding: 0 0 40px;
	padding: 0 0 2.5rem;
}
.mainContent .sidebar {
	width: 28.5%;
	padding-left: 40px;
	padding-left: 2.5rem;
	float: left;
}
.halfContent .sidebar {
	width: 50%;
	float: left;
	padding-left: 40px;
	padding-left: 2.5rem;
}
.fullContent .sidebar {
	width: 100%;
	float: none;
}

.sidebar .section {
	padding: 0 0 20px;
	padding: 0 0 1.25rem;
}

.sidebar .section h5, 
.sidebar .section h6 {
	line-height: 1.25;
	padding: 0 0 20px;
	padding: 0 0 1.25rem;
	font-size: 16px;
	font-size: 1rem;
}

.sidebar .section ul.basicList {
	list-style: none;
	border-top: 1px dotted #ccc;
}
.sidebar .section ul.basicList li {
	list-style: none;
	border-bottom: 1px dotted #ccc;
}
.sidebar .section ul.basicList li a {
	line-height: 1.5;
	padding: 8px 0;
	padding: 0.5rem 0;
	display: block;
	text-decoration: none;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
	font-size: 14px;
	font-size: 0.875rem;
}
.sidebar .section ul.basicList li a:hover {
	padding-left: 4px;
	padding-left: 0.25rem;
}


.sidebar .section.search form {
	position: relative;
}
.sidebar .section.search form .fieldContainer {
	overflow: hidden;
}
.sidebar .section.search form .fieldContainer label {
	display: none
}
.sidebar .section.search form .fieldContainer input[type="text"] {
	height: 40px;
	height: 2.5rem;
	padding: 0 8px;
	padding: 0 0.5rem;
	font-size: 14px;
	font-size: 0.875rem;
	width: 100%;
	border: 1px solid #ddd;
}
.sidebar .section.search form button[type="submit"] {
	text-indent: -9999px;
	border: none;
	width: 16px;
	width: 1rem;
	height: 16px;
	height: 1rem;
	background: none;
	position: absolute;
	top: 12px;
	top: 0.75rem;
	right: 12px;
	right: 0.75rem;
	opacity: 0.8;
}
.sidebar .section.search form button[type="submit"]:hover {
	opacity: 1;
}
.sidebar .section.search form button[type="submit"] img,
.sidebar .section.search form button[type="submit"] svg {
	width: 100%;
	height: auto;
}
.sidebar .section.search form button[type="submit"] svg * {
	fill: #000;
}




/*________ NEWSLETTER CONTAINER ________*/

.newsletterContainer {
	padding: 28px 0 36px;
	padding: 28px 0 2.25rem;
	position: relative;
}
.newsletterContainer:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	height: 0.625rem;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+0,0+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}
.newsletterContainer .title {
	font-size: 36px;
	font-size: 2.25rem;
	color: #000;
	line-height: 1.25;
	font-family: "verveine", Arial, 'Helvetica Neue', Helvetica, sans-serif;
	padding: 0 0 20px;
	padding: 0 0 1.25rem;
	text-align: center;
}

.newsletterContainer .fc_container {
	width: 100%;
	max-width: 964px;
	max-width: 60.25rem;
	margin: 0 auto;
}
.newsletterContainer .fc_container form.elab_form fieldset {
	padding-right: 126px;
	padding-right: 7.875rem;
}
.newsletterContainer .fc_container form.elab_form div.single {
	clear: none;
	width: 50%;
	padding: 0 20px 0 0;
	padding: 0 1.25rem 0 0;
	float: left;
}
.newsletterContainer .fc_container form.elab_form fieldset label {
	display: none;
}

.newsletterContainer .fc_container form.elab_form fieldset input[type='text'] {
	height: 50px;
	height: 3.125rem;
	padding: 0 20px;
	padding: 0 1.25rem;
	font-size: 20px;
	font-size: 1.25rem;
	background-color: transparent;
	color: #000;
	border-color: #000;
	font-weight: 700;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.newsletterContainer .fc_container form.elab_form fieldset input[type='text']:focus {
	background-color: #e3ca9b;
	background-color: rgba(227, 202, 155, 0.5);
}


.newsletterContainer .fc_container form.elab_form button[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	width: 126px;
	width: 7.875rem;
	height: 50px;
	height: 3.125rem;
	line-height: 50px;
	line-height: 3.125rem;
	padding: 0 8px;
	padding: 0 0.5rem;
	font-size: 16px;
	font-size: 1rem;
	color: #e3ca9b;
	font-weight: 700;
	text-transform: uppercase;
	background-color: #000;
	border-radius: 6px;
	border-radius: 0.375rem;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
	border: 1px solid #000;
}
.newsletterContainer .fc_container form.elab_form button[type="submit"]:hover {
	background-color: transparent;
	color: #000;
}
.newsletterContainer .fc_container form.elab_form button[type="submit"].error-field {
	border-color: red;
	color: #e3ca9b;
}

.newsletterContainer .fc_container form.elab_form .footnote {
	padding-bottom: 0;
	text-align: right;
}




/*________ FOOTER ________*/

.footer {
	width: 100%;
	clear: both;
	padding: 44px 0 20px;
	padding: 2.75rem 0 1.25rem;
	background-color: #000;
}
.footer a:hover {
	color: #e3c99b;
}

.footer .flexBlocks .flexBlock {
	-webkit-flex-basis: 40%;
	-ms-flex-preferred-size: 40%;
	flex-basis: 40%;
	max-width: 40%;
	padding-bottom: 40px;
	padding-bottom: 2.5rem;
}

.footer .flexBlocks .flexBlock.logo {
	-webkit-flex-basis: 20.833%;
	-ms-flex-preferred-size: 20.833%;
	flex-basis: 20.833%;
	max-width: 20.833%;
}
.footer .flexBlocks .flexBlock.logo img {
	width: 100%;
	height: auto;
	max-width: 210px;
	max-width: 13.125rem;
}

.footer .flexBlocks .flexBlock.info p {
	line-height: 1.5;
	padding: 0 0 24px;
	padding: 0 0 1.5rem;
}
.footer .flexBlocks .flexBlock.info p a {
}
.footer .flexBlocks .flexBlock.info p:last-child {
	padding-bottom: 0;
}

.footer .flexBlocks .flexBlock.nav ul li {
	list-style: none;
	line-height: 1.5;
	padding: 0 0 4px;
	padding: 0 0 0.25rem;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.footer .flexBlocks .flexBlock.nav ul li:hover {
	-ms-transform: translate(4px, 0); /* IE 9 */
	-ms-transform: translate(0.25rem, 0); /* IE 9 */
    -webkit-transform: translate(4px, 0); /* Safari */
    -webkit-transform: translate(0.25rem, 0); /* Safari */
    transform: translate(4px, 0);
    transform: translate(0.25rem, 0);
}
.footer .flexBlocks .flexBlock.nav ul li a {
	text-decoration: none;
	font-weight: 700;
	position: relative;
	display: block;
}

.footer .flexBlocks .flexBlock.copyright {
	-webkit-flex-basis: 35.833%;
	-ms-flex-preferred-size: 35.833%;
	flex-basis: 35.833%;
	max-width: 35.833%;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.footer .flexBlocks .flexBlock.copyright .buttons {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: flex-start;
	align-items: flex-start;

	padding: 0 0 24px;
	padding: 0 0 1.5rem;
}
.footer .flexBlocks .flexBlock.copyright .buttons .button {
	margin-right: 16px;
	margin-right: 1rem;
}
.footer .flexBlocks .flexBlock.copyright .buttons .button:last-child {
	margin-right: 0;
}


.footer .flexBlocks .flexBlock.copyright p {
	text-align: right;
	text-transform: uppercase;
	font-size: 10px;
	font-size: 0.625rem;
	line-height: 1.25;
	padding: 0 0 6px;
	padding: 0 0 0.375rem;
}
.footer .flexBlocks .flexBlock.copyright p a {
	text-decoration: none;
}
.footer .flexBlocks .flexBlock.copyright p span:first-child {
	padding-right: 5px;
	padding-right: 0.3125rem;
	margin-right: 3px;
	margin-right: 0.1875rem;
	position: relative;
	display: inline-block;
}
.footer .flexBlocks .flexBlock.copyright p span:first-child:after {
	display: block;
	content: '';
	height: 8px;
	height: 0.5rem;
	width: 1px;
	background-color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}


/*________ FORMS ________*/

form *,
form.elab_form *,
.fc_container form.elab_form * {
	font-family: inherit;
	font-size: 16px;
	font-size: 1rem;
}
form ::-webkit-input-placeholder { /* WebKit browsers */
	color: #000;
}
form :-moz-placeholder { /* Firefox 18- */
	color: #000;
	opacity: 1;
}
form ::-moz-placeholder {  /* Firefox 19+ */
	color: #000;
	opacity: 1;
}
form :-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #000;
}


.fc_container form.elab_form .footnote {
	display: none;
}
.fc_container form.elab_form .footnote.error-field {
	display: block
}






/*________ DEVS FORMS ________*/

form.devsForm * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

form.devsForm .ffname {
	display: none !important;
}

form.devsForm .inlineBlocks {
	text-align: left;
}

form.devsForm .fieldContainer {
	width: 100%;
	text-align: left;
	padding: 0 0 16px;
	padding: 0 0 1rem;
	overflow: hidden;
}
form.devsForm .fieldContainer label,
form.devsForm span.label {
	display: block;
	padding: 0 0 4px;
	padding: 0 0 0.25rem;
}
form.devsForm .fieldContainer.noLabel label {
	display: none;
}
form.devsForm .fieldContainer .inputContainer {
	position: relative;
}
form.devsForm .fieldContainer input[type="text"],
form.devsForm .fieldContainer input[type="email"],
form.devsForm .fieldContainer input[type="tel"],
form.devsForm .fieldContainer input[type="password"],
form.devsForm .fieldContainer textarea {
	height: 40px;
	height: 2.5rem;
	width: 100%;
	border: 1px solid #000;
	width: 100%;
	padding: 0 10px;
	padding: 0 0.625rem;
	color: #222;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #fff;
}
form.devsForm .fieldContainer textarea {
	height: 120px;
	height: 7.5rem;
	resize: vertical;
	padding: 10px;
	padding: 0.625rem;
}
form.devsForm .fieldContainer input:focus,
form.devsForm .fieldContainer select:focus,
form.devsForm .fieldContainer textarea:focus {
	border-color: #222;
}
form.devsForm .fieldContainer input:disabled,
form.devsForm .fieldContainer select:disabled,
form.devsForm .fieldContainer textarea:disabled {
	opacity: 0.5;
}

form.devsForm .fieldContainer .inputContainer.selectContainer {
	height: 40px;
	height: 2.5rem;
	background-color: #fff;
	border: 1px solid #000;
	position: relative;
	width: 100%;
}
form.devsForm .fieldContainer .inputContainer.selectContainer:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 8px;
	right: 0.5rem;
	bottom: 0;
	margin: auto;

    height: 0;
    width: 0;
    border: 4px solid transparent;
    border: 0.25rem solid transparent;
    border-top-color: #222;
    z-index: 1;
}
form.devsForm .fieldContainer .inputContainer.selectContainer select {
	padding: 0 32px 0 10px;
	padding: 0 2rem 0 0.625rem;
	background-color: transparent;
	height: 100%;
	color: #222;
	z-index: 2;
	position: relative;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
}
form.devsForm .fieldContainer .inputContainer.selectContainer select::-ms-expand {
    display: none;
}


form.devsForm .checkbox {
	position: relative;
}
form.devsForm .checkbox label {
	overflow: hidden;
	display: block;
	position: relative;
	padding: 0;
}
form.devsForm .checkbox label input {
	position: absolute;
	top: 2px;
	top: 0.125rem;
	left: 0;
}
form.devsForm .checkbox label span {
	display: block;
	padding: 0 0 0 24px;
	padding: 0 0 0 1.5rem;
}

form.devsForm .checkbox.multiple label {
	margin-right: 16px;
	margin-right: 1rem;
	width: auto;
}


form.devsForm .fieldContainer .inputContainer p.fieldInfo {
	padding: 0;
	font-size: 12px;
	font-size: 0.75rem;
}



form ul.parsley-errors-list {
	padding: 0;
}
form ul.parsley-errors-list::after {
	content: '!';
	display: block;
	width: 18px;
	width: 1.125rem;
	height: 18px;
	height: 1.125rem;
	border-radius: 50%;
	background-color: #ee3333;
	position: absolute;
	top: 8px;
	top: 0.5rem;
	right: 8px;
	right: 0.5rem;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 18px;
	line-height: 1.125rem;
	opacity: 0;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;

	z-index: 100;
}

form .fieldContainer.checkbox label.parsley-error {
	margin-left: 28px;
	margin-left: 1.75rem;
}
form .fieldContainer.checkbox ul.parsley-errors-list::after {
	right: auto;
	left: 0;
}


form ul.parsley-errors-list.filled::after {
	opacity: 1;
}
form .fieldContainer.checkbox ul.parsley-errors-list::after {
	top: 0;
}
form .inputContainer.selectContainer ul.parsley-errors-list::after {
	right: 20px;
	right: 1.25rem;
}
form ul.parsley-errors-list li {
	display: none;
}




form.white ::-webkit-input-placeholder { /* WebKit browsers */
	color: #fff;
}
form.white :-moz-placeholder { /* Firefox 18- */
	color: #fff;
	opacity: 1;
}
form.white ::-moz-placeholder {  /* Firefox 19+ */
	color: #fff;
	opacity: 1;
}
form.white :-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #fff;
}


form.devsForm .fieldContainer.clear input {
	padding-left: 16px;
	padding-left: 1rem;
	height: 50px;
	height: 3.125rem;
	border-radius: 6px;
	border-radius: 0.375rem;
	background-color: #000;
	border-color: #fff;
	color: #fff;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 700;
}
form.devsForm .fieldContainer.clear .selectContainer {
	height: 50px;
	height: 3.125rem;
	border-radius: 6px;
	border-radius: 0.375rem;
	background-color: #000;
	border: 1px solid #fff;
}
form.devsForm .fieldContainer.clear .selectContainer select {
	padding-left: 16px;
	padding-left: 1rem;
	background-color: transparent;
	height: 100%;
	color: #fff;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 700;
	border-radius: 6px;
	border-radius: 0.375rem;
}
form.devsForm .fieldContainer.clear .selectContainer select option {
	background-color: #000;
	color: #fff;
}
form.devsForm .fieldContainer.clear .selectContainer:after {
	right: 12px;
	right: 0.75rem;
    border: 5px solid transparent;
    border: 0.3125rem solid transparent;
    border-top-color: #fff;
}
form.devsForm .fieldContainer.clear .selectContainer ul.parsley-errors-list::after {
	right: 30px;
	right: 1.875rem;
	top: 13px;
	top: 0.8125rem;
}





.autocomplete-suggestions { 
	border: 1px solid #999; 
	background: #fff; 
	overflow: auto;
	color: #000;
}
.autocomplete-suggestion { 
	padding: 6px 8px; 
	padding: 0.375rem 0.5rem; 
	white-space: nowrap; 
	overflow: hidden; 
	cursor: pointer;
}
.autocomplete-selected { 
	background: #F0F0F0; 
}
.autocomplete-suggestions strong { 
	font-weight: normal; 
	color: #3399FF; 
}
.autocomplete-group { 
	padding: 6px 8px; 
	padding: 0.375rem 0.5rem; 
}
.autocomplete-group strong { 
	display: block; 
	border-bottom: 1px solid #000; 
}


form.devsForm .flexBlocks {
	margin-left: -10px;
	margin-left: -0.625rem;
	margin-right: -10px;
	margin-right: -0.625rem;
}
form.devsForm .flexBlocks .flexBlock {
	padding: 0 10px;
	padding: 0 0.625rem;
}


form.devsForm .fieldFeedbackContainer .feedback {
	width: 100%;
	margin-top: 12px;
	margin-top: 0.75rem;
	padding: 4px 20px 0;
	padding: 0.25rem 1.25rem 0;
	width: auto;
	display: inline-block;
}
form.devsForm .fieldFeedbackContainer .feedback p {
	padding-bottom: 4px;
	padding-bottom: 0.25rem;
}




/*________ FRONT PAGE ________*/

.homeSliderContainer {
	width: 100%;
	clear: both;
}
.homeSliderContainer .homeSlider {
	position: relative;
}
.homeSliderContainer .homeSlider .slide img {
	width: 100%;
	height: auto;
	display: none
}
.homeSliderContainer .homeSlider .slide.side-1 img,
.homeSliderContainer .homeSlider .slide.slick-slide img {
	display: block;
}

.homeSliderContainer .homeSlider .slide .title {
	font-size: 80px;
	font-size: 5rem;
	font-family: "verveine", Arial, 'Helvetica Neue', Helvetica, sans-serif;
	line-height: 1.1;
	padding: 0 0 20px;
	padding: 0 0 1.25rem;
}

.homeSliderContainer .homeSlider .slick-dots {
	position: absolute;
	bottom: 24px;
	bottom: 1.5rem;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 200;
}
.homeSliderContainer .homeSlider .slick-dots li {
	display: inline-block;	
	zoom: 1;
	*display: inline;
	vertical-align: top;
	margin: 0 5px 10px;
	margin: 0 0.3125rem 0.625rem;
}
.homeSliderContainer .homeSlider .slick-dots li button {
	width: 16px;
	width: 1rem;
	height: 16px;
	height: 1rem;
	text-indent: -9999px;
	border: 2px solid #fff;
	border: 0.125rem solid #fff;
	border-radius: 50%;
	background-color: transparent;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.homeSliderContainer .homeSlider .slick-dots li.slick-active button,
.homeSliderContainer .homeSlider .slick-dots li button:hover {
	background-color: #fff;
}


.home .content h2 {
	font-size: 60px;
	font-size: 3.75rem;
}
.home .content .entryContent p {
	color: #000;
	font-size: 36px;
	font-size: 2.25rem;
	font-family: "verveine", Arial, 'Helvetica Neue', Helvetica, sans-serif;
	line-height: 1.2;
}
.home .content .entryContent p:last-child {
	padding-bottom: 0;
}




.home .customersContainer .content h2 {
	color: #000;
	padding: 40px 0;
	padding: 2.5rem 0;
}
.home .customersContainer .customerSlider {
}
.home .customersContainer .customerSlider .slide {
	width: 440px;
	width: 27.5rem;
	max-width: 440px;
	max-width: 27.5rem;
	background-color: #000;
}
.home .customersContainer .customerSlider .slide img {
	width: 100%;
	height: auto;
}
.home .customersContainer .customerSlider .slide .info {
	padding: 20px;
	padding: 1.25rem;
}
.home .customersContainer .customerSlider .slide .info {
	text-align: center;
	line-height: 1.25;
}
.home .customersContainer .customerSlider .slide .info p.title {
	font-size: 30px;
	font-size: 1.875rem;
	font-family: "verveine", Arial, 'Helvetica Neue', Helvetica, sans-serif;
	padding-bottom: 4px;
	padding-bottom: 0.25rem;
}


.home .latestNewsContainer {
	background-color: #fff;
	padding: 80px 0;
	padding: 5rem 0;
	color: #000;
}
.home .latestNewsContainer .content h2 {
	color: #000;
	padding-bottom: 48px;
	padding-bottom: 3rem;
}
.home .latestNewsContainer a {
	color: #000;
}
.home .latestNewsContainer a.button:hover {
	color: #fff;
}
.home .latestNewsContainer .flexBlocks {
	margin-left: -8px;
	margin-left: -0.5rem;
	margin-right: -8px;
	margin-right: -0.5rem;
}
.home .latestNewsContainer .flexBlocks .flexBlock {
	padding: 0 8px 20px;
	padding: 0 0.5rem 1.25rem;
	-webkit-flex-basis: 33.33%;
	-ms-flex-preferred-size: 33.33%;
	flex-basis: 33.33%;
	max-width: 33.33%;
}
.home .latestNewsContainer .content .article .thumbContainer {
	display: block;
	overflow: hidden;
	background-color: #000;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
.home .latestNewsContainer .content .article .thumbContainer img {
	width: 100%;
}
.home .latestNewsContainer .content .article .thumbContainer:hover img {
	opacity: 0.8;
}
.home .latestNewsContainer .content .article .entryTitle {
	padding-bottom: 8px;
	padding-bottom: 0.5rem;
}
.home .latestNewsContainer .content .article .entryTitle a {
	text-decoration: none;
}






/*________ DOG FOOD CALCULATOR ________*/

.calculatorContainer {
	padding: 48px 0 80px;
	padding: 3rem 0 5rem;
	text-align: center;
}
.calculatorContainer .content h2 {
	color: #fff;
	padding-bottom: 8px;
	padding-bottom: 0.5rem;
}
.calculatorContainer p.heading {
	font-size: 24px;
	font-size: 1.5rem;
}
.calculatorContainer .button {
	padding-top: 11px;
	padding-top: 0.6875rem;
	padding-bottom: 10px;
	padding-bottom: 0.625rem;
}

.calculatorContainer form.devsForm {
	padding: 40px 0 0;
	padding: 2.5rem 0 0;
}
.calculatorContainer form.devsForm .flexBlocks.formBlocks {
	margin-left: -24px;
	margin-left: -1.5rem;
	margin-right: -24px;
	margin-right: -1.5rem;
	padding-bottom: 40px;
	padding-bottom: 2.5rem;

	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;

	-webkit-justify-content: center;
	justify-content: center;
}
.calculatorContainer form.devsForm .flexBlocks.formBlocks .flexBlock {
	padding: 0 24px;
	padding: 0 1.5rem;

	-webkit-flex-shrink: 1;
	flex-shrink: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;

	-webkit-flex-basis: 25%;
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	max-width: 25%;
}
.calculatorContainer form.devsForm .flexBlocks.formBlocks .flexBlock.buttonBlock {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	-webkit-flex-grow: 0;
	flex-grow: 0;

	max-width: 175px;
	max-width: 10.9375rem;
}
.calculatorContainer form.devsForm .flexBlocks.formBlocks .flexBlock.buttonBlock button {
	width: 100%;
	padding-left: 16px;
	padding-left: 1rem;
	padding-right: 16px;
	padding-right: 1rem;
}

.calculatorContainer .flexBlocks.infoBlocks {
	max-width: 840px;
	max-width: 52.5rem;
	margin: 0 auto;
	padding-bottom: 28px;
	padding-bottom: 1.75rem;
	justify-content: center;
}
.calculatorContainer .flexBlocks.infoBlocks .flexBlock {
	-webkit-flex-basis: 25%;
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	max-width: 25%;
	padding-bottom: 20px;
	padding-bottom: 1.25rem;
}
.calculatorContainer .flexBlocks.infoBlocks .flexBlock span.number {
	font-family: "verveine", Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 60px;
	font-size: 3.75rem;
	padding-bottom: 12px;
	padding-bottom: 0.75rem;
	color: #e8d4ae;
	display: block;
}
.calculatorContainer .flexBlocks.infoBlocks .flexBlock span.number span {
	font-family: "verveine", Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 60px;
	font-size: 3.75rem;
	color: #e8d4ae;
}
.calculatorContainer .flexBlocks.infoBlocks .flexBlock span.text {
	font-size: 24px;
	font-size: 1.5rem;
	display: block;
}





/*________ CONTACT PAGE ________*/

.page-template-pages-contact .type-page {
	float: right;
	width: 43%;
	padding: 0 0 0 120px;
	padding: 0 0 0 7.5rem;
	font-size: 14px;
	font-size: 0.875rem;
}

.page-template-pages-contact .contactContainer {
	float: left;
	width: 57%;
	padding: 0 0 40px;
	padding: 0 0 2.5rem;
	overflow: hidden;
}
.page-template-pages-contact .contactContainer fieldset {
	width: 100%;
	width: calc(100% + 20px);
	width: calc(100% + 1.25rem);
	text-align: left;
}
.page-template-pages-contact .contactContainer fieldset .single {
	width: 50%;
	padding: 0 20px 20px 0;
	padding: 0 1.25rem 1.25rem 0;

	display: inline-block;	
	zoom: 1;
	*display: inline;
	vertical-align: top;
	clear: none;
}
.page-template-pages-contact .contactContainer fieldset .single.textarea {
	width: 100%;
}





/*________ ARCHIVE PAGES ________*/



/*________ FAQ PAGE ________*/
			
.faqContainer {
	padding: 20px 0 40px;
	padding: 1.25rem 0 2.5rem;
}
.faqContainer .faq {
	margin: 0 0 20px;
	margin: 0 0 1.25rem;
	border-bottom: 1px dotted #ccc;
}
.faqContainer .faq h4 {
	line-height: 1.5;
}
.faqContainer .faq h4 a {
	text-decoration: none;
	display: block;
}
.faqContainer .faq h4 a .icon {
	width: 16px;
	width: 1rem;
	height: 16px;
	height: 1rem;
	overflow: hidden;
	margin: 6px 8px 0 0;
	margin: 0.375rem 0.5rem 0 0;
	float: left;
	position: relative;
}
.faqContainer .faq h4 a .icon:before,
.faqContainer .faq h4 a .icon:after {
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
	background-color: #fff;
	display: block;

	position: absolute;
	margin: auto;
	content: '';

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.faqContainer .faq h4 a .icon:before {
	bottom: auto;
	width: 2px;
	width: 0.125rem;
	height: 100%;
}
.faqContainer .faq h4 a .icon:after {
	right: auto;
	height: 2px;
	height: 0.125rem;
	width: 100%;
}
.faqContainer .faq h4 a:hover .icon:before,
.faqContainer .faq.show h4 a .icon:before,
.faqContainer .faq h4 a:hover .icon:after,
.faqContainer .faq.show h4 a .icon:after {
	background-color: #d9cb9e;
}


.faqContainer .faq.show h4 a .icon {
	transform: rotate(45deg);
}

.faqContainer .faq h4 a .text {
	overflow: hidden;
	display: block;
}
.faqContainer .faq .faqContent {
	height: 0;
	opacity: 0;
	overflow: hidden;
}
.faqContainer .faq.show .faqContent {
	height: auto;
	opacity: 1;
}


/*________ CATEGORY PAGES ________*/


/*________ TAXONOMY PAGES ________*/


/*________ SINGLE PAGES ________*/


/*________ LIGHT GALLERY ________*/

body .lg-backdrop {
	background-color: rgba(0,0,0,0.8);
}
body.admin-bar .lg-outer {
	padding-top: 32px;
}
body .lg-outer .lg-toolbar {
	background-color: transparent;
}
body .lg-outer .lg-sub-html p {
	margin-top: 0;
}
body .lg-outer .lg-sub-html a {
	color: #fff;
	text-decoration: none;
}
body .lg-outer .lg-sub-html a:hover {
	text-decoration: underline;
}



/*________ MISC ________*/


.button {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
	font-size: 1.125rem;
	border-radius: 6px;
	border-radius: 0.375rem;
	padding: 4px 32px;
	padding: 0.25rem 2rem;
	line-height: 1.5;
	background-color: #fff;
	color: #000;
	border: 1px solid #fff;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	margin-bottom: 1px;
}
.button:hover {
	color: #fff;
	background-color: transparent;
}

.button.ghost {
	color: #fff;
	background-color: transparent;
}
.button.ghost:hover {
	color: #000;
	background-color: #fff;
}

.button.ghost.black {
	color: #000;
	background-color: transparent;
	border-color: #000;
}
.button.ghost.black:hover {
	color: #ecdbb7;
	background-color: #000;
}



img.injectSvg {
	overflow: hidden;
}

.ui-widget {
	font-family: inherit;
}

.mapContainer {
	position: relative;
	width: 100%;
}
.mapContainer .locationCanvas {
	width: 100%;
	height: 100%;
	position: absolute;
}
.mapContainer img {
	max-width: none;
}


.hyphenate { /*allow really big words to wrap*/
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.inlineBlocks {
	text-align: center;
	overflow: hidden;
	width: 100%;
}
.inlineBlocks .inlineBlock {
	display: inline-block;	
	zoom: 1;
	*display: inline;
	vertical-align: top;
}




.flexBlocks {
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	width: auto;

	margin-left: -20px;
	margin-left: -1.25rem;
	margin-right: -20px;
	margin-right: -1.25rem;
}
.flexBlocks .flexBlock {
	padding: 0 20px;
	padding: 0 1.25rem;

	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;

	-webkit-flex-basis: 50%;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%;
}




.hide {
	display: none;
}
.clearFix::after {
	clear: both;
	display: block;
	content: ' ';
	visibility: hidden;
	line-height: 0;
	height: 0;
}

button {
	cursor: pointer;
}
button::-moz-focus-inner { /* Remove stupid button padding in FF */
    border:0;
    padding:0;
}

.navigation .wp-pagenavi span,
.navigation .wp-pagenavi a {
	border: none;
}

.flexibleContainer { /* Flexible iFrame */
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.flexibleContainer iframe,
.flexibleContainer object,
.flexibleContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoContainer {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
}
.videoContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}

.animate,
.animate:hover,
.animate:focus,
.animate:active {
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

.animateZoom,
.gallery .gallery-item img {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.animateZoom:hover,
.animateZoom:focus,
.animateZoom:active,
.gallery .gallery-item img:hover,
.gallery .gallery-item img:focus,
.gallery .gallery-item img:active {
	-webkit-transform: scale(1.1);
  	transform: scale(1.1);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.centerVertical {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: 100%;
	position: relative;
}
.absoluteWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.feedback {
	width: 100%;
	clear: both;
	border-radius: 4px;
	border-radius: 0.25rem;
	padding: 16px 20px 0;
	padding: 1rem 1.25rem 0;
	color: #fff;
	margin: 0 auto 20px;
	margin: 0 auto 1.25rem;
}
.feedback.positive {
	background-color: #26ba3b;
}
.feedback.warning {
	background-color: #ffa800;
}
.feedback.negative {
	background-color: #ee3333;
}
.feedback p {
	padding: 0 0 16px;
	padding: 0 0 1rem;
}
.feedback.positive p {
	text-align: center;
}
.feedback ul {
	padding: 0 0 16px 40px;
	padding: 0 0 1rem 2.5rem;
}





.navContainer .socialNavContainer {
	position: absolute;
	top: 0;
	right: 20px;
	right: 1.25rem;
	height: 66px;
	height: 4.125rem;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items: center;
}
.navContainer .socialNavContainer p {
	font-family: "verveine", Arial, 'Helvetica Neue', Helvetica, sans-serif;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin-right: 15px;
	margin-right: 0.9375rem;
}




ul.socialNav {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: flex-start;
	align-content: flex-start;
}
ul.socialNav li {
	list-style: none;
}
ul.socialNav li:not(:last-child) {
	padding-right: 10px;
	padding-right: 0.625rem;
}
ul.socialNav li a {
	display: block;
	width: 35px;
	width: 2.1875rem;
	height: 35px;
	height: 2.1875rem;
	position: relative;
	overflow: hidden;
}
ul.socialNav li a span {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 50%;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
ul.socialNav li a:hover span {
	background-color: #d1b98e;
	border-color: #d1b98e;
}

ul.socialNav li a span img,
ul.socialNav li a span svg {
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	width: 100%;
  	height: auto;
}

ul.socialNav li a span * {
	fill: #fff;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
ul.socialNav li a:hover span * {
	fill: #101107;
}
ul.socialNav li.facebook a span svg,
ul.socialNav li.facebook a span img {
	max-width: 50%;
}
ul.socialNav li.instagram a span svg,
ul.socialNav li.instagram a span img {
	max-width: 50%;
}


/*________ WP IMAGES ________*/

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-right: 1.5rem;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-left: 1.5rem;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}
.wp-caption {
	background: #f1f1f1;
	margin-bottom: 20px;
	margin-bottom: 1.25rem;
	max-width: 100%;
	padding: 4px;
	padding: 0.25rem;
	text-align: center;
}
.wp-caption img {
	padding: 4px 4px 0;
	padding: 0.25rem 0.25rem 0;
	max-width: 100%;
	height: auto;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	font-size: 0.75rem;
	padding: 4px;
	padding: 0.25rem;
}
.wp-smiley {
	margin: 0;
}

.gallery {
	padding: 0 0 20px;
	padding: 0 0 1.25rem;
	clear: both;
	width: 100%;
	width: calc(100% + 20px);
	width: calc(100% + 1.25rem);
	text-align: left;
}
.gallery .gallery-item {
	width: 25%;
	display: inline-block;	
	zoom: 1;
	*display: inline;
	vertical-align: top;
	min-width: 120px;
	min-width: 7.5rem;
	padding: 0 20px 20px 0;
	padding: 0 1.25rem 1.25rem 0;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-3 .gallery-item {
	width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery-columns-5 .gallery-item {
	width: 20%;
}
.gallery-columns-6 .gallery-item {
	width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	width: 14.285%;
}
.gallery-columns-8 .gallery-item {
	width: 12%;
}
.gallery .gallery-item a {
	display: block;
	background-color: #222;
	overflow: hidden;
}
.gallery .gallery-item img {
	width: 100%;
	height: auto;
}
.gallery .gallery-item a img:hover {
	opacity: 0.8;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	font-size: 0.75rem;
	margin: 0 0 12px;
	margin: 0 0 0.75rem;
	text-align: center;
	line-height: 1.5;
}
.gallery br {
	display: none;
}
.gallery dl {
	margin: 0;
}
.content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}



/*________ WP PRINT ________*/

@media print {

}



/*________ RESPONSIVE ________*/

/* 1440px */
@media (max-width: 90em) {

}

/* 1340px */
@media (max-width: 83.75em) {

}

/* 1240px */
@media (max-width: 77.5em) {
	html {
		font-size: 90%;
	}
}

/* 1140px */
@media (max-width: 71.25em) {
	html {
		font-size: 80%;
	}
}

/* 1040px */
@media (max-width: 65em) {

}

/* 940px */
@media (max-width: 58.75em) {
	.headerWrapper.stuck,
	.admin-bar .headerWrapper.stuck {
		position: relative !important;
		top: auto;
		left: auto;
	}

	/*FRONT PAGE*/
	.homeSliderContainer .homeSlider .slide .title {
		font-size: 48px;
		font-size: 3rem;
	}
	.home .latestNewsContainer {
		padding: 40px 0;
		padding: 2.5rem 0;
	}
	.home .latestNewsContainer .content h2 {
		padding-bottom: 24px;
		padding-bottom: 1.5rem;
	}
}

/* 840px */
@media (max-width: 52.5em) {

	.navContainer .socialNavContainer p {
		display: none;
	}

	.headerSliderContainer h1 {
		font-size: 40px;
		font-size: 2.5rem;
	}
	.headerSliderContainer .slide img {
	    width: 1440px;
	    width: 90rem;
	    margin-left: -720px;
	    margin-left: -45rem;
	}

	.content .articleContainer .article .thumbContainer {
		max-width: 200px;
		max-width: 12.5rem;
		margin-right: 20px;
		margin-right: 1.25rem;
	}

	.footer .flexBlocks .flexBlock,
	.footer .flexBlocks .flexBlock.logo,
	.footer .flexBlocks .flexBlock.copyright {
		-webkit-flex-basis: 40%;
	    -ms-flex-preferred-size: 40%;
	    flex-basis: 40%;
	    max-width: 32%;
	}

	.footer .flexBlocks .flexBlock.info {
		text-align: right;
	}



	/*FRONT PAGE*/
	.home .content .entryContent p {
		font-size: 30px;
		font-size: 1.875rem;
	}


	/*________ DOG FOOD CALCULATOR ________*/

	.calculatorContainer form.devsForm .flexBlocks.formBlocks {
		margin-left: -20px;
		margin-left: -1.25rem;
		margin-right: -20px;
		margin-right: -1.25rem;

		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.calculatorContainer form.devsForm .flexBlocks.formBlocks .flexBlock {
		-webkit-flex-basis: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
		padding-bottom: 20px;
		padding-bottom: 1.25rem;
	}
	

}

/* 782px //should only be used for .admin-bar items */
@media (max-width: 48.875em) {
	
}

/* 740px */
@media (max-width: 46.25em) {
	.navToggle {
		display: block;
	}
	.mainNav {
		opacity: 0;
		height: 0;
		overflow: hidden;
		position: absolute;
		top: 86px;
		top: 5.375rem;
		left: 0;
		width: 100%;
		padding: 0 20px;
		padding: 0 1.25rem;
	}
	.mainNav.show {
		opacity: 1;
		height: auto;
		overflow: visible;
	}
	.mainNav li {
		width: 100%;
		float: none;
		border-bottom: 1px solid #000;
	}
	
	.mainNav > li {
		background-color: #222;
		background-color: rgba(0, 0, 0, 0.85);
	}
	.mainNav > li:first-child {
		border-radius: 6px 6px 0 0;
		border-radius: 0.375rem 0.375rem 0 0;
		overflow: hidden;
	}
	.mainNav > li:last-child {
		border-radius: 0 0 6px 6px;
		border-radius: 0 0 0.375rem 0.375rem;
		overflow: hidden;
	}
	.mainNav li:hover > ul {
		display: none;
	}
	.mainNav li.hover > ul {
		display: block;
	}
	.mainNav ul {
		width: 100%;
		position: relative;
		top: auto;
		left: auto !important;
		right: auto !important;
		border-bottom: none;
	}
	.mainNav .menu-item-has-children > a:after {
		border-color: transparent !important;
		border-top-color: #fff !important;
		left: auto !important;
		right: auto !important;
		top: 32px;
		top: 2rem;
	}
	.mainNav .menu-item-has-children:hover > a:after {
		border-top-color: #e3c99b !important;
	}
	.mainNav ul li { 
		border: none !important;
		border-top: 1px solid #000 !important;
	}
	.mainNav ul a { 
		padding-left: 32px;
		padding-left: 2rem;
		background-color: transparent;
	}
	.mainNav ul ul a { 
		padding-left: 48px;
		padding-left: 3rem;
	}

	.navContainer .socialNavContainer p {
		display: block;
	}

	.contentContainer .content {
		float: none;
		width: 100%;
	}
	.contentContainer .sidebar {
		width: 100%;
		float: none;
		padding-left: 0;
	}
}

/* 640px */
@media (max-width: 40em) {
	.header .headerInfo {
		margin-top: 40px;
		margin-top: 2.5rem;
		width: 100%;
		width: calc(100% - 240px);
		width: calc(100% - 15rem);
	}
	.header .headerInfo .flexItems {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.header .headerInfo p {
		width: 100%;
		padding: 0 0 8px;
		padding: 0 0 0.5rem;
		-webkit-flex-shrink: 1;
		flex-shrink: 1;
	}

	.page-template-pages-contact .contactContainer {
		float: none;
		width: 100%;
	}
	.page-template-pages-contact .type-page {
		float: none;
		width: 100%;
		padding: 0 0 20px;
		padding: 0 0 1.25rem;
	}	


	/*FRONT PAGE*/
	.homeSliderContainer .homeSlider .slide img { 
		left: 50%;
		margin-left: -470px;
		margin-left: -29.375rem;
		position: relative;
		width: 940px;
		width: 58.75rem;
	}

	
	/*________ DOG FOOD CALCULATOR ________*/
	
	.calculatorContainer .flexBlocks.infoBlocks .flexBlock span.number {
		font-size: 44px;
		font-size: 2.75rem;
	}
	.calculatorContainer .flexBlocks.infoBlocks .flexBlock span.text {
		font-size: 20px;
		font-size: 1.25rem;
	}
}

/* 540px */
@media (max-width: 33.75em) {
	
	.header .logo {
		max-width: 200px;
		max-width: 12.5rem;
		float: none;
		margin: 0 auto 16px;
		margin: 0 auto 1rem;
	}

	.header .headerInfo {
		float: none;
		margin: 0;
		width: 100%;
	}
	.header .headerInfo .flexItems {
		-webkit-justify-content: center;
		justify-content: center;
	}
	.header .headerInfo p {
		font-size: 16px;
		font-size: 1rem;
		font-size: 0.875rem;
		position: absolute;
		top: 0;
		right: 0;
		border-radius: 0 0 0 4px;
		border-radius: 0 0 0 0.25rem;
		background-color: #000;
		color: #fff;
		width: auto;
		padding: 4px 8px 2px;
		padding: 0.25rem 0.5rem 0.125rem;
	}
	.header .headerInfo p a {
		color: #fff;
		font-weight: 400;
		
	}
	.header .headerInfo a.button {
		margin: 0 8px;
		margin: 0 0.5rem;
		font-size: 16px;
		font-size: 1rem;
		padding: 6px 20px 2px;
		padding: 0.375rem 1.25rem 0.125rem;
		width: auto;
	}




	/* NEWSLETTER CONTAINER */
	.newsletterContainer .title {
		font-size: 30px;
		font-size: 1.875rem;
		padding: 0 0 16px;
		padding: 0 0 1rem;
	}
	.newsletterContainer .fc_container form.elab_form {
		width: 100%;
		overflow: hidden;
	}
	.newsletterContainer .fc_container form.elab_form fieldset {
		padding-right: 0;
		width: 100%;
		width: calc(100% + 16px);
		width: calc(100% + 1rem);
	}
	.newsletterContainer .fc_container form.elab_form div.single {
		padding: 0 16px 16px 0;
		padding: 0 1rem 1rem 0;
	}
	.newsletterContainer .fc_container form.elab_form fieldset input[type='text'] {
		height: 40px;
		height: 2.5rem;
		padding: 16px;
		padding: 1rem;
		font-size: 16px;
		font-size: 1rem;
	}
	.newsletterContainer .fc_container form.elab_form button[type="submit"] {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		line-height: 40px;
		line-height: 2.5rem;
		height: 40px;
		height: 2.5rem;
	}
	.newsletterContainer .fc_container form.elab_form .footnote {
		text-align: center;
	}



	/*________ DOG FOOD CALCULATOR ________*/

	.calculatorContainer form.devsForm .flexBlocks.formBlocks .flexBlock {
		-webkit-flex-basis: 100%;
	    -ms-flex-preferred-size: 100%;
	    flex-basis: 100%;
	    max-width: 100%;
	}

	.home .latestNewsContainer .flexBlocks .flexBlock {
		-webkit-flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}

}

/* 440px */
@media (max-width: 27.5em) {
	.content .articleContainer .article .thumbContainer {
		max-width: 100%;
		margin-right: 0;
		float: none;
	}


	.footer .flexBlocks .flexBlock {
		padding-left: 10px;
		padding-left: 0.625rem;
		padding-right: 10px;
		padding-right: 0.625rem;
	}
	.footer .flexBlocks .flexBlock.logo,
	.footer .flexBlocks .flexBlock.copyright {
		-webkit-flex-basis: 100%;
	    -ms-flex-preferred-size: 100%;
	    flex-basis: 100%;
	    max-width: 100%;
	}
	.footer .flexBlocks .flexBlock.logo img {
		margin: 0 auto;
	}

	.footer .flexBlocks .flexBlock.logo {
		-webkit-order: 1;
		order: 1;
	}
	.footer .flexBlocks .flexBlock.nav {
		-webkit-order: 2;
		order: 2;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 10px;
		padding-bottom: 0.625rem; 
	}
	.footer .flexBlocks .flexBlock.info {
		-webkit-order: 3;
		order: 3;
	}
	.footer .flexBlocks .flexBlock.copyright {
		-webkit-order: 4;
		order: 4;
	}

	.footer .flexBlocks .flexBlock.copyright .buttons {
		width: 100%;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.footer .flexBlocks .flexBlock.copyright p {
		text-align: center;
		float: none;
		width: 100%;
	}


	.alignleft, 
	img.alignleft,
	.alignright, 
	img.alignright {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.gallery .gallery-item {
		width: 50% !important;
	}


	/* MISC */
	.hideAt440px {
		display: none;
	}

	/*________ DOG FOOD CALCULATOR ________*/

	.calculatorContainer .flexBlocks.infoBlocks .flexBlock {
		-webkit-flex-basis: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}



}

/* 340px */
@media (max-width: 21.25em) {
	.newsletterContainer .fc_container form.elab_form div.single {
		width: 100%;
	}
}


/* HEIGHT */

/* 640px */
@media (max-height: 40em) {
	.headerWrapper.stuck,
	.admin-bar .headerWrapper.stuck {
		position: relative;
		top: auto;
		left: auto;
	}
}
