/* # Set width as follows: width (pixels) / body font (pixels) = row in ems and font size in html{}
---------------------------------------------------------------------------------------------------- */
/* # Default html overrides
---------------------------------------------------------------------------------------------------- */
html{
	font-size: 15px;
}
body{
	background: #ffffff;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	line-height: 145%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-style: normal;
	color: #222222;
	margin-top: 0.2rem;
	margin-bottom: 0.5rem;
	line-height: 145%;
	-ms-word-wrap: break-word;
	word-wrap: break-word;}

h1 {
  font-size: 17px; }

h2 {
  font-size: 17px; }

h3 {
  font-size: 15px; }

h4 {
  font-size: 15px; }

h5 {
  font-size: 15px; }

h6 {
  font-size: 16px; }

article{
	clear: both;
	display: block;
}
a{
	color: #666;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
a:hover{
	color: #000;
	text-decoration: underline;
}

p{
	line-height: 145%;
}



/* # Foundation overrides
---------------------------------------------------------------------------------------------------- */
.row{
	max-width: 140em; /* Change width */
}

.column,
.columns {

	padding-left: 2em;
  padding-right: 2em;
}

input[type="checkbox"] + label, input[type="radio"] + label {
	display: inline-block;
	margin-left: 00rem;
	margin-right: 0rem;
	margin-bottom: 0;
	vertical-align: baseline;
}
/* # Wordpress defaults
---------------------------------------------------------------------------------------------------- */
a.aligncenter img {
	display: block;
	margin: 0 auto;
}

a.alignnone {
	display: inline-block;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
	max-width: 100%;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 12px;
}

img.alignnone,
.alignnone {
	margin-bottom: 12px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 12px 12px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 12px 12px;
}

.wp-caption-text {
	background: #fff;
	font-size: 12px;
	font-weight: 400;
	padding: 20px;
	text-align: center;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}
.entry-content .wp-caption img{
	width: 100%;
}

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

.featured-content img,
.gallery img {
	width: auto;
}
/* ## Pagination
--------------------------------------------- */

.pagination {
	clear: both;
	margin: 40px 0;
}

.adjacent-entry-pagination {
	margin-bottom: 0;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	background-color: #333;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	padding: 8px 12px;
}

.archive-pagination li a:hover,
.archive-pagination .active a {
	background-color: #d56e29;
}

/* # Theme specific styling
---------------------------------------------------------------------------------------------------- */

/* # These affect the hookbox header and footer areas
---------------------------------------------------------------------------------------------------- */
.header-left{
	background: #ffffff;
}
.header-right{
	background: #ffffff;
}
.content-sidebar-wrap{
	background: #ffffff;
	padding-top: 20px;
}
.footer-one{
	background: #ffffff;
}
.footer-two{
	background: #ffffff;
}
.footer-three{
	background: #fffff;
}

/* # These affect the generic Genesis header areas
---------------------------------------------------------------------------------------------------- */
#header-left-title-area{

}
#header-right-widget-area{

}

/* # Slick Navigation plugin used for mobile menu
---------------------------------------------------------------------------------------------------- */
 /*increase the size of hamburger icon*/
.slicknav_menu .slicknav_icon-bar {
	display: block;
	width: 1.5em;
	height: 0.25em;
}

/* Change width of icon to align it to right*/
.slicknav_btn {
	width: 20% !important;
}




/* -----------------------------------------------------------*/
/* -----------------------------------------------------------*/
/*              MEDIA QUERIES - MEDIUM SCREENS                */
/* -----------------------------------------------------------*/
/* -----------------------------------------------------------*/

/* Medium screens */
@media only screen and (max-width: 60em) {

	/* --- SLICK MENU --- */

			/*Slick top padding */
			.slicknav_menu {
			    padding-top: 20px !important;
			}

			/* Adjust Logo*/
			.slicknav_brand {
			    padding: 10px 2em 25px 2em;
					max-width: 250px;
			}

			/*Slick icon margins*/
			.slicknav_btn {
			    padding-right: 2em;
			}

			/*Slick menu content*/
			.slicknav_nav {
		    	padding-right: 2em;
		}

		.slicknav_nav li a {
		font-size: 16px;
		padding: 3px 0px;
		}

	/*Extra top space for content*/
	.content-sidebar-wrap {
			margin-top: 120px;
	}


}

/* -----------------------------------------------------------*/
/* -----------------------------------------------------------*/
/*              MEDIA QUERIES - SMALL SCREENS                 */
/* -----------------------------------------------------------*/
/* -----------------------------------------------------------*/

/* Small screens */

@media only screen and (max-width: 40em) {

	.column, .columns {
	    padding-left: 1.071em;
	    padding-right: 1.071em;
	}

	/* --- SLICK MENU --- */

			/* Adjust Logo*/
			.slicknav_brand {
					padding: 4px 1.071em 30px 1.071em;
					max-width: 170px;
			}

			/*Slick icon margins*/
			.slicknav_btn {
			    padding-right: 1.071em;
			}

			/*Slick menu content*/
			.slicknav_nav {
		    	padding-right: 1.071em;
		}

			.slicknav_nav li a {
	    font-size: 14px;
	    padding: 3px 0px;
		}


	/*Extra top space for content*/
	.content-sidebar-wrap {
			margin-top: 40px;
	}


}
/* -----------------------------------------------------------*/
/* -----------------------------------------------------------*/
/*                  MEDIA QUERIES - TABLETS                   */
/* -----------------------------------------------------------*/
/* -----------------------------------------------------------*/

@media only screen and (min-width: 40.063em) and (max-width: 89em) {
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */