/*
Theme Name:         ZGN Base
Theme URI:          http://zgncreative.com
Description:       	ZGN Base Theme
Version:            v.1
Author:             ZGN Creative
Author URI:         http://zgncreative.com
*/
/* --------------------------------
	-- GLOBAL
--------------------------------- */
html, body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
}
body {
	overflow-x: hidden;
}
.container-fluid {
	max-width: 990px
}
/* --------------------------------
	-- FONT STYLES
--------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}
h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 35px;
}
h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 25px;
	color: #abd253;
	margin-top:30px;
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
p {
	font-size: 14px;
	color: #363636;
}
a {
}
a:hover, .single-roll-post h3 a:hover, .single-feature .inner h4 a:hover {
	color:#151841;
	text-decoration:none;
}
span {
}
.single article p, .page article p {
	font-size: 16px;
	line-height:1.75em;
} 
/* --------------------------------
	-- FONT FAMILIES
--------------------------------- */
.open-sans {
	font-family: 'Open Sans', sans-serif;
}
/* --------------------------------
	-- FONT SIZES
--------------------------------- */
.font-size-huge {
}
.font-size-small {
}
.font-size-14 {
	font-size: 14px !important;
}
.font-size-15 {
	font-size: 15px !important;
}
.font-size-16 {
	font-size: 14px !important;
}
.font-size-17 {
	font-size: 17px !important;
}
.font-size-18 {
	font-size: 18px !important;
}
.font-size-19 {
	font-size: 19px !important;
}
.font-size-20 {
	font-size: 20px !important;
}
.font-size-21 {
	font-size: 21px !important;
}
.font-size-22 {
	font-size: 22px !important;
}
.font-size-23 {
	font-size: 23px !important;
}
.font-size-24 {
	font-size: 24px !important;
}
.font-size-25 {
	font-size: 25px !important;
}
.font-size-26 {
	font-size: 26px !important;
}
.font-size-27 {
	font-size: 27px !important;
}
.font-size-28 {
	font-size: 28px !important;
}
.font-size-29 {
	font-size: 29px !important;
}
.font-size-30 {
	font-size: 30px !important;
}
.font-size-31 {
	font-size: 31px !important;
}
.font-size-32 {
	font-size: 32px !important;
}
.font-size-40 {
	font-size: 40px !important;
}
/* --------------------------------
	-- FONT COLORS
--------------------------------- */
.black {
	color: #000;
}
.white {
	color: #fff;
}
/* --------------------------------
	-- MASTHEAD
--------------------------------- */
#masthead {
	position: relative;
	z-index: 9;
	min-height: 50px;
	padding: 15px 0;
	background-color: #abd253;
	border-bottom: 1px solid #fff;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
}
#logo {
	margin-top: 10px;
}
/* -- contact info / also used in the footer -- */
.contact-info {
	margin-bottom: 20px;
}
.contact-info .single-contact-info {
	display: inline-block;
	margin-right: 10px;
}
.contact-info .single-contact-info:last-of-type {
	margin-right: 0;
}
.contact-info a {
	color: #637a2e;
	font-size: 25px;
}
.fa-facebook-official {
	color: #3c599f !important;
}
/* --------------------------------
	-- MAIN NAV
--------------------------------- */
#main-nav {
	margin: 25px 0 0 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
}
#main-nav > li {
	display: inline-block;
	position: relative;
}
#main-nav > li > a {
	font-size: 18px;
	font-weight: bold;
	color: #5c5893;
	text-transform: uppercase;
	padding: 0 12px;
}
#main-nav > li > a:hover {
	color:#151841;	
}
#main-nav > li.current-menu-item > a{ 
	color:#151841;	
}
#main-nav > li:first-of-type > a {
	padding-left: 0;
}
#main-nav > li:last-of-type > a {
	padding-right: 0;
}

#main-nav li.menu-item-has-children .sub-menu {
	display: none;
  list-style-type: none;
  padding-left: 0;
  min-width: 110px;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  top: 100%;
  background: #abd253;
  text-align: left;
}
#main-nav li.menu-item-has-children > .sub-menu {
	padding:15px 5px 5px 5px;
}
#main-nav li.menu-item-has-children > .sub-menu > li {
  white-space:nowrap;
}

#main-nav li.menu-item-has-children .sub-menu li a {
	font-size: 14px;
	color: #5c5893;
}

#main-nav li.menu-item-has-children .sub-menu li a:hover {
	color:#151841;	
}

.menu-item-has-children:hover .sub-menu {display:block !important;}
/* --------------------------------
	-- FLEXSLIDER
--------------------------------- */
#flex-wrapper {
}
.single-slide {
	height: 515px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:top center;
}
.flex-height-365 .single-slide {
	height: 365px !important;
}
.single-slide-caption h3 {
	font-family: 'Lato', sans-serif;
	font-size: 45px;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
.single-slide-caption p {
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
/* --------------------------------
	-- MAIN CONTENT
--------------------------------- */
#main-content {
	padding: 45px 0 90px 0;
}
.single-content-row {
	margin-bottom: 30px;
}
/* --------------------------------
	-- WIDGETS
--------------------------------- */
#hay-for-day {
	position: relative;
	margin-top: -100px;
	z-index: 2;
}
#hay-for-day-inner {
	width: 303px;
	margin: 0 auto;
	background-color: #575b9d;
	text-align: center;
	padding: 15px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#hay-for-day img {
	margin-left: -11px;
}
#hay-for-day-inner h4 {
	color: #fff;
	font-weight: bold;
	font-size: 31px;
	text-transform: uppercase;
	margin-bottom: 0;
}
#hay-for-day-inner p {
	color: #fff;
	font-size: 21px;
	text-transform: uppercase;
}
/* --------------------------------
	-- FEATURE ROW
--------------------------------- */
.single-feature {
}
.single-feature .featured-image {
	display: block;
	height: 200px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}
.single-feature.has-border {
	position:relative;
	border: 1px solid #dadadc;
}
.single-feature .inner {
	padding: 15px 15px 56px 15px;
}
.single-feature .inner h4 {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 0;
}
.single-feature .inner h4 a {
	color: #575b9d;
}
.single-feature .inner p {
	font-size: 12px;
	color: #363636;
}
.single-feature .button {
	position:absolute;
	bottom:15px;	
}
/* --------------------------------
	-- BLOG TEMPLATE
--------------------------------- */
/* -- full width featured image -- */
.format-full-width-featured-image .featured-image {
	display: block;
	position: relative;
	height: 285px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}
.format-full-width-featured-image .single-roll-post-content {
	background-color: #efefef;
	padding: 15px;
}
/* -- thumbnail featured image -- */
.format-thumbnail-featured-image .featured-image {
	float: left;
	position: relative;
	min-height: 285px;
	width: 30%;
	background-repeat: no-repeat;
	background-size: cover;
}
.format-thumbnail-featured-image .single-roll-post-content {
	float: right;
	width: 70%;
	background-color: #efefef;
	padding: 15px;
}
/* -- no featured image -- */
.format-no-featured-image .single-roll-post-content {
	height: auto;
	width: 100%;
	background-color: #efefef;
	padding: 50px 15px 15px 15px;
}
.format-no-featured-image .single-post-category {
	left: 15px !important;
}
/* single roll post content */
.single-roll-post {
	margin-bottom: 30px;
}
.single-roll-post h3 {
	font-size: 34px;
	font-weight: bold;
	margin-bottom: 0;
}
.single-roll-post h3 a {
	color: #575b9d;
}
.post-meta {
	text-transform: uppercase;
	color: #9f9f9f;
	font-size: 16px;
}
.single-roll-post {
	font-size: 16px;
	color: #363636;
}
.single-roll-post a.button {
	display: inline-block;
	background-color: #575b9d;
	color: #fff;
	font-weight: bold;
	border-radius: 0;
	padding: 7px 15px;
}
/* category title */
.single-post-category {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	background-color: #abd253;
	padding: 7px 15px;
}
/* single post */
article.single-post .featured-image {
	height: 265px;
	margin-bottom: 20px;
}
.single-post h3 {
	color: #abd253;
	font-weight: bold;
}
.single-post p {
	font-size: 16px;
}
/* -- post nav -- */
.post-nav a {
	font-size: 16px;
	text-transform: uppercase;
}
.post-nav a:first-of-type {
	float: left;
}
.post-nav a:last-of-type {
	float: right;
}
.post-nav a:first-of-type i {
	padding-right: 10px;
}
.post-nav a:last-of-type i {
	padding-left: 10px;
}
/* --------------------------------
	-- SIDEBAR
--------------------------------- */
aside .widget {
	margin-bottom: 30px;
}
aside .widget h4 {
	font-weight:bold;
	color:#575b9d;
}
/* --------------------------------
	-- FOOTER
--------------------------------- */
footer {
	min-height: 150px;
	background-color: #abd253;
	padding: 30px 0;
	border-top: 1px solid #fff;
	-webkit-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.75);
}
footer .single-content-row {
	margin-bottom: 50px;
}
footer .single-content-row:last-of-type {
	margin-bottom: 0;
}
footer p {
	color: #637a2e;
	font-size: 16px;
}
footer a {
	color: #637a2e;
}
footer .single-content-row:last-of-type span {
	display: inline-block;
	margin-right: 40px;
}
#footer-credits p {
	font-size:12px;	
}
/* --------------------------------
	-- MISC / OVERRIDES
--------------------------------- */
/* -- BUTTONS -- */
.button {
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
}
.button:hover {
	text-decoration: none;
}
.button.med {
	height: auto;
	width: 185px;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
}
.button.large {
	height: auto;
	width: 375px;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top:25px;
}
.button.blue {
	background-color: #575b9d;
	color: #fff;
}
.button.blue:hover, .single-roll-post a.button:hover {
	background-color: #3d439e;
	color: #fefefe;
}
.button.green {
	background-color: #abd253;
	color: #3d439e;
}
.button.green:hover {
	background-color: #88a644;
}
.button.transparent {
	border: 1px solid #575b9d;
	padding: 7px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.button.transparent:hover {
	background-color: #3d439e;
	color: #fefefe;	
}
.flexslider .button.blue {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 1px solid #fff;
}
.flexslider .button.med {
	width: 125px;
	padding: 7px 10px;
	font-size: 13px;
}
.gform_wrapper input[type="submit"] {
	float:right !important;
	border:none !important;
	background-color: #575b9d !important;
	color: #fff !important;
	padding:7px 30px;
	font-weight:bold;
	border-radius: 3px !important;
}
.gform_wrapper input[type="submit"]:hover {
	background-color: #3d439e !important;
	color: #fefefe !important;
}
/* FEATURES */
.icon-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.icon-list li {
	display: inline-block;
	text-align: center;
	margin: 0 35px;
}
.icon-list li:first-of-type {
	margin-left: 0;
}
.icon-list li:last-of-type {
	margin-right: 0;
}
.icon-list a {
	color: #575b9d;
	font-size: 24px;
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
}
.single-feature span {
	white-space: nowrap;
}
/* -- VISIBILITY -- */
.show-above-767 {
	display: block;
}
.show-below-767 {
	display: none;
}
/* -- VERTICAL ALIGN -- */
.va-table {
	height: inherit;
	width: 100%;
	display: table;
}
.va-table-cell {
	height: inherit;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}
/* -- BORDERS --*/
.no-border {
	border: none !important;
}
.no-border-top {
	border-top: none !important;
}
.no-border-right {
	border-right: none !important;
}
.no-border-bottom {
	border-left: none !important;
}
.no-border-left {
	border-left: none !important;
}
/* -- MARGINS -- */
.no-margin {
	margin: 0 !important;
}
.no-margin-top {
	margin-top: 0 !important;
}
.no-margin-right {
	margin-right: 0 !important;
}
.no-margin-bottom {
	margin-bottom: 0 !important;
}
.no-margin-left {
	margin-left: 0 !important;
}
/* -- PADDING -- */
.no-padding {
	padding: 0 !important;
}
.no-padding-top {
	padding-top: 0 !important;
}
.no-padding-right {
	padding-right: 0 !important;
}
.no-padding-bottom {
	padding-bottom: 0 !important;
}
.no-padding-left {
	padding-left: 0 !important;
}
/* share this */
.stButton .stButton_gradient {
height: 24px !important;
}
.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {
height: 24px !important;
}
.blog .single-roll-post-social-wrapper, .archive .single-roll-post-social-wrapper {
	float:left;
	display:block;
	height:auto;
	width:100%;
	padding:10px;
	border:1px solid #dedede;	
}
.single-post .single-roll-post-social-wrapper {
	float:left;
	display:block;
	height:auto;
	width:100%;
	margin:30px 0;
}
/* --------------------------------
	-- BRAND BACKGROUND COLORS
--------------------------------- */
.background-white {
	background-color: #fff;
}
.background-black {
	background-color: #000000;
}

/* --------------------------------
	-- RESPONSIVE TWEAKS
--------------------------------- */
@media screen and (max-width:998px) {
.contact-info a {
	font-size: 18px;
}
#main-nav {
	text-align: center;
}
#main-nav > li > a {
	font-size: 14px;
}
.button.med {
	width: auto;
	font-size: 18px;
	padding: 7px 15px;
}
}

@media screen and (max-width:991px) {
#hay-for-day {
	margin-top: 0;
	text-align: center;
}
.icon-list {
	text-align: center;
}
.single-feature img {
	height: auto;
	width: 100%;
	margin: 20px 0;
}
}

@media screen and (max-width:875px) {
#main-nav > li > a {
	padding: 0 10px;
}
}

@media screen and (max-width:767px) {
/* -- VISIBILITY -- */
.show-above-767 {
	display: none;
}
.show-below-767 {
	display: block;
}
header {
	text-align: center;
}
#logo {
	display:block;
	margin: 0 auto 15px auto;
}
#main-nav {
	display:none;	
}
.single-slide {
	height:auto !important;
	min-height:325px;
	padding:30px 0;	
}
.single-slide .va-table, .single-slide .va-table-cell {
	height:auto !important;
}
.flex-direction-nav {
	display: none !important;
}
.single-feature.has-border {
	margin-bottom: 20px;
}
footer {
	text-align: center;
}
footer .col-sm-7 {
	text-align: center !important;
}
footer .single-content-row span {
	display: inherit;
	margin-right: 0;
}
footer #footer-logo {
	display: block;
	margin: 0 auto 15px auto;
}
footer p {
	font-size: 11px !important;
}
.format-thumbnail-featured-image .featured-image {
	display: none;
}
.format-thumbnail-featured-image .single-roll-post-content {
	float: none;
	display: block;
	width: 100%;
}
}

@media screen and (max-width:680px) {
.icon-list li {
	margin: 20px 0;
	width: 100%;
	text-align: center;
}
}

@media screen and (max-width:620px) {
}

@media screen and (max-width:480px) {
.button.med {
	font-size:12px;	
}
.single-feature-wrapper {
	width:100% !important;	
}
}
@media screen and (max-width:400px) {
#click-menu  {
	top:150px !important;	
}
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
a img.alignnone {
	margin: 5px 20px 20px 0;
}
a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

a {color:#575b9d;font-weight: bold;}
a:hover {color:#151841;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}