.title-area {
    margin: 0;
}

/* highlight color for main menu
a, .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .entry-title a:hover, .content #genesis-responsive-slider h2 a:hover {
    color: #008c65;
} */

.large_text .slider-text{
    text-size: 50px;
    color: #666666;
    font-family: 'Raleway', sans-serif;font-weight: 400;
}

.medium_text .slider-subtitle{
    color: #666666;
    font-family: 'Raleway', sans-serif;font-weight: 400;
}

.site-header .wrap {
    padding-bottom: 0px;
}

/* Not currently doing anything. Meant to change text in search. */
.search input2 {
    content:"Search";
}
/* Hide Menu Search (Currently not active. Remove 2 to hide search.) */
.genesis-nav-menu>.search2 {
    display: none;
    width: 0%;
    padding: 0;
}

/* Search Styling */ 
.genesis-nav-menu > .search input {
	font-size: 1.1em;
	/*text-align: center;*/
}

/* The main content of all pages. */
body {
	    line-height: 1.3;
	    /*font-family: Raleway, Arial, Helvetica, sans-serif;
	    font-weight: 400;*/
 }

/* Styling for all images on the site */
img {
    border-radius: 3px;
}

/* formatting for text under email signup */
.email-signup-text {

}

/* The main menu. */
.genesis-nav-menu {
	font-size: 1em;
	text-align: center;
}

/* The main menu dropdowns. */
.genesis-nav-menu .sub-menu a {
	font-size: 0.8em;
}

/* footer menu */
.menu-footer-menu-container{
    width: 1200px;
    margin: auto;
}
/* formatting applied to the whole footer menu */
.gys-footer-menu {
    clear: both;
    /*font-family: "Gentium Basic",serif;
    font-family: Raleway, Arial, Helvetica, sans-serif;*/
    font-size: 10px;
    /*font-weight: 400;*/
    letter-spacing: 2px;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.1em;
}

.gys-footer-menu .menu-item {
    display: inline-block;
    float: none;
    text-align: center;
    padding-top: 40px;
}

/* Formatting for footer menu text */
.gys-footer-menu a {
    color: #555;
    display: block;
    padding: 20px;
    text-transform: uppercase;
}
/* Centers footer menu on mobile 
@media only screen and (max-width:1000px) {
	.gys-footer-menu .menu-item{
		float:none;
	}
	.gys-footer-menu {
		text-align: center;
	}
} */
/* end footer menu */


/* Utility tags that can be used on widgets */
/* Use this tag to display something only on the homepage */
.homepage_only {
	display: none;
}
body.home .homepage_only {
	display: block;
}

/* Use this tag to keep something from being displayed on the homepage */
.hidden_on_homepage {
	display: block;
}

body.home .hidden_on_homepage {
	display: none;
}

@media only screen and (max-width:1199px) {
.hide_top_category {
	display: none !important;
	}
}

/* Hides the category buttons when the screen is too narrow to format correctly. */
@media ( max-width: 1199px ) {
.hide_top_category {
	display: none !important;
	}
}

/* Use this tag to only display something when the screen is less than 1000 pixels wide. */
@media ( min-width: 1000px ) {
.show_mobile {
	display: none !important;
	}
}

/* Use this tag to hide something when the screen is less than 1000 pixels wide */
@media ( max-width: 1000px ) {
.show_desktop {
	display: none !important;
	}
}


/* social media sidebar */
.social-widget li{
	display: inline-block;
	text-align: center;
	padding: 5px;
	opacity: .6;
}
.social-widget li a{
	display: block;
}
.social-widget li:hover{
	opacity: 1;
}
/* end social media sidebar */

/* footer social media icons */
.social-icons .custom-html-widget {
	width: 1200px;
	margin: auto;
}
.social-icons{
	clear: both;
	text-align: center;
}
.social-icons li{
	display: inline-block;
	text-align: center;
	padding: 5px;
	margin-right: 20px;
	opacity: .6;
}
.social-icons li a{
	display: block;
}
.social-icons li:hover{
	opacity: 1;
}
@media only screen and (max-width:1000px) {
	.social-icons li{
		float:none;
	}
	.social-icons {
		text-align: center;
	}
}
/* end footer social media icons */

/* Blog Image size */
.entry-image-link img {
	width: 200px;
	height: 200px;
	object-fit: cover;
}
/* Blog Category Image Size */
.category-featured-image img {
	display: inline;
	width: 200px;
	height: 200px;
	object-fit: cover;
	/*overflow: hidden;*/
	margin: 0 24px 24px 0;
}
.market-featured-image img {
	text-align: center;
	display: block;
	margin: 0 auto; 
}

/* Blog Image size */
.entry-image-link img {
	width: 200px;
}

/* Titles above each widget. Can be seen in the sidebar. */
.widget-title {
	    /*font-family: 'IM Fell English', serif;
	    font-family: Raleway, Arial, Helvetica, sans-serif;
	    font-weight:400;*/
	    font-size: 1.6em;
	    padding: 0px;
}

/* Sidebar Widget Background*/
.sidebar .widget {
    background: rgba(255,255,255,0);
    padding: 20px;
    margin-bottom: 0px;
    /*padding-bottom: 5px;*/
}

/* Titles of widgets in body */
.widget-area h3 {
    /*color: #7d947d;*/
    /*font-family: 'IM Fell English', serif;
    font-family: Raleway, Arial, Helvetica, sans-serif;*/
    font-weight: 800;
    font-size: 25px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
}

/* All CSS below is to control the category buttons. */
.TopCategoryButtonWidget{width:1100px;margin:0px
auto; font-family:"brandon-grotesque;" font-family: 'Raleway', sans-serif;font-weight: 400;,sans-serif}
.TopCategoryButtonWidget
h3{font-size:25px;letter-spacing: .05em;text-align:center;text-transform:uppercase;line-height:30px; font-weight:700;margin-bottom:30px; font-family:"brandon-grotesque;"font-family: 'Raleway', sans-serif;,sans-serif}
.top-cat-button{display:inline-block;margin-right:8px;position:relative;margin-bottom:50px}
.top-cat-button:hover
img{}
.top-cat-button:last-child{margin-right:0}
/* Category Title Placement*/
.top-cat-title{width: 210px; height:280px; position:absolute; top:0px; display:table;}
/* Category Title Text Formatting */
.top-cat-title p{display:table-cell; vertical-align:middle; font-size:20px; text-transform:uppercase; letter-spacing: .05em; line-height:25px; font-weight:500; text-align:center; color:#666; }
/* Category Title Text Formatting During Mouse Hover */
.top-cat-title p:hover{color:#777; font-weight:600; }
.cat1.top-cat-title{background:url(/wp-content/uploads/cat1-overlay1.png) no-repeat}
.cat1.top-cat-title:hover,.cat2.top-cat-title:hover,.cat3.top-cat-title:hover,.cat4.top-cat-title:hover,.cat5.top-cat-title:hover{background-position:-210px}
.cat2.top-cat-title{background:url(/wp-content/uploads/cat1-overlay1.png) no-repeat}
.cat3.top-cat-title{background:url(/wp-content/uploads/cat1-overlay1.png) no-repeat}
.cat4.top-cat-title{background:url(/wp-content/uploads/cat1-overlay1.png) no-repeat}
.cat5.top-cat-title{background:url(/wp-content/uploads/cat1-overlay1.png) no-repeat}
/* End CSS for category buttons */

/* Mailchimp Forms */
/* submit button formatting */
.sub-form-h input.button {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    font-size: 16px;
    padding: 14px 20px;
	margin-top: 20px;
    line-height: 1;
    background-image: none;
    background-color: #ebedee;
    color: #0078c1;
    border: none;
    box-shadow: none;
    border-radius: 2px;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; 
}
/* Submit button normal, hover and active formatting */
	.sub-form-h input.button {
    color: #fff;
    background-color: #008c65;
    display: block;
    width: 100%; 
}

	.sub-form-h input.button:hover {
    color: #fff;
    background-color: #00a886; 
}

	.sub-form-h input.button:active {
    background-color: #2A8669; 
}

/* input window formatting */
	#mc_embed_signup-h  input[type="email"], #mc_embed_signup-h input[type="text"] {
    width: 95%;
    padding: 10px 15px;
    border: 1px solid #666666;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    /*font-family: Helvetica Neue, Arial, sans-serif;*/
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #394856;
    font-size: 16px;
    line-height: 1.5;
}

/* input window for sidebar email form */
	#mc_embed_signup-sb  input[type="email"], #mc_embed_signup-sb input[type="text"] {
    width: 90%;
    padding: 5px 7px;
    border: 1px solid #666666;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    /*font-family: Helvetica Neue, Arial, sans-serif;*/
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #394856;
    font-size: 16px;
    line-height: 1.5;
}

.disclaimer {
	color: #9CB8AF;
	padding-left: 2%;
	padding-right: 2%;
}
/* End Mailchimp forms */


/* Formatting for popular posts */
/*
 * The container of our grid.
 */
.wpp-grid {
    overflow: hidden;
    margin: 1em auto;
    padding: 0;
}
.wpp-grid p{
    overflow: hidden;
    margin: 0;
    padding: 0;
}
 
/*
 * The container of each post.
 *
 * Each LI will use relative positioning so we can freely move
 * the elements inside them (namely the post title and the overlay)
 * using CSS3 animations.
 */
.wpp-grid li {
	position: relative;
	display: inline;
	float: left;
	margin: 2.111%;
	margin-bottom: 55px;
	margin-top: 0%;
	padding: 0;
	width: 27%;
}

/*
 * The thumbnail.
 *
 * By settings its width to 100% and its height to auto
 * we are making sure it adapts its size to the container
 * while maintaining its aspect ratio.
 */
.wpp-grid li .wpp-thumbnail {
	display: block;
	width: 210px;
	height: 130px;
	object-fit: cover;
	border: none;
}

/*
 * The overlay.
 *
 * It's initial position is outside the LI element (top: 100%),
 * hiding it from view.
 */
.wpp-grid li .wpp-grid-overlay {
	position: absolute;
	display: block;
	/* top: 100%; */
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	transition: all 0.4s;
	background: rgb(0, 0, 0);
	background: rgba(255, 255, 255, 1);
}

/*
 * This defines how the overlay behaves when hovering over a post.
 *
 * The overlay is positioned inside the container (LI) and its opacity
 * is also gradually set to 100% (1) during the animation.
 */
.wpp-grid li:hover .wpp-grid-overlay {
	/* top: 0; */
	opacity: 0.5;
}

/*
 * The post title.
 *
 * Like the overlay, this element is also hidden from view.
 * It's positioned at the top of its container (LI) and its
 * opacity is set to 0 (invisible).
 */
.wpp-grid li .wpp-post-title {
	position: absolute;
	display: block;
	top: 103%;
	left: 0;
	opacity: 0.8;
	width: 100%;
	line-height: 1em;
	text-align: center;
	transition: all 0.4s;
	color: #666666;
}

/*
 * This defines how the post title behaves when hovering over a post.
 *
 * The title is positioned at the center of its container (LI) and its opacity
 * is also gradually set to 100% (1) during the animation.
 */
.wpp-grid li:hover .wpp-post-title {
	top: 103%;
	opacity: 1;
	color: #333;
	font-size: 1.05em;
}

/*
 * Responsive CSS rules.
 *
 * These are specific to my theme. You'll have to adjust these to fit yours.
 */

/* When the screen width is 940 or lower, switch to a two columns grid. */
@media ( max-width: 940px ) {
	.wpp-grid li {
		width: 45%;
		height: auto;
		/* margin-bottom: 10%; */
	}
	.wpp-grid li .wpp-thumbnail {
		width: 324px;
		height: 194px;
	}
}

/* When the screen width is 480 or lower, switch to a one column grid. */
@media ( max-width: 480px ) {
	.wpp-grid li {
		width: 90%;
		height: auto;
		/* margin-bottom: 15%; */
	}
	.wpp-grid li .wpp-thumbnail {
		width: 335px;
		height: 201px;
	}
}
/* End popular posts css */

/* Recent posts on homepage */
#rpwwt-recent-posts-widget-with-thumbnails-3 img {
	object-fit: cover;
}
.rpwwt-widget img:hover{
	width: 275px !important;
}
/* recent posts title formatting */
.rpwwt-post-title {
	font-size: 1.3em;
	padding-bottom: 5%;
	line-height: 3;
	color: #888;
	transition: all 0.4s;
}
/* recent posts title formatting during mouse hover */
.rpwwt-post-title:hover {
	font-size: 1.5em;
	padding-bottom: 5%;
	line-height: 3;
	color: #444;
}
/* recent posts overlay */
.rpwwt-widget ul li img {
    transition: all 0.4s;
}