/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/* Clear White Button Copy */
.clearwhitebutton {
	font-family: 'Noto Sans', sans-serif;
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 0px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 2px;
	padding: 15px 25px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	white-space: normal;
	width: auto;
}

.clearwhitebutton:hover {
	background-color: #000;
	border: 2px solid #000;
	color: #fff;
}

Transpancy Hover effect
a img {
	opacity: 1;
	filter: alpha(opacity=100);
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

a:hover img {
	opacity: .65;
	filter: alpha(opacity=65);
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

/* REMOVES LINE AROUND SHOPPING CART INPUT BUTTONS */
.shopping_cart {
	background-color: #fff;
	color: #000;
}

select {
	background-color: #fff;
	border: 2px solid #fff;
	border-radius: 5px;
	color: #0099ff;
	cursor: pointer;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 2px;
	padding: 15px 25px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	white-space: normal;
	width: auto;
}

input,
	 	select,
	 	textarea {
	border: 0;
}

/* Adding Padding store squares*/
div.fl-callout-content {
	padding-right: 20px;
	padding-left: 20px;
}

/* Checkout Page fixes*/
div.fl-rich-text {
	text-align: left;
}

.shopping_cart {
	font-size: 16px;
}

/* Start or Workstatio Pro edits */

/* # Site Header was padding 60px */

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


/* # Site Header was padding 40px with this "Wood paddleboard plans, kits & free building tutorials" */
.after-header {
	border-bottom: 1px solid #0099ff;
	margin-bottom: 50px;
	padding: 0px 0;
}




/* Headings
--------------------------------------------- 

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 10px;
}

h1 {
	font-size: 36px;
	font-size: 3.6rem;
}

h2 {
	font-size: 30px;
	font-size: 3rem;
}

h3 {
	font-size: 24px;
	font-size: 2.4rem;
}

h4 {
	font-size: 20px;
	font-size: 2rem;
}

h5 {
	font-size: 18px;
	font-size: 1.8rem;
}

h6 {
	font-size: 16px;
	font-size: 1.6rem;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	color: #000;
}
*/

/* Headings Outfitter Pro Theme
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 10px;
}

h1 {
	font-size: 36px;
	font-size: 3.6rem;
}

h2 {
	font-size: 30px;
	font-size: 3rem;
}

h3 {
	font-size: 24px;
	font-size: 2.4rem;
}

h4 {
	font-size: 20px;
	font-size: 2rem;
}

h5 {
	font-size: 18px;
	font-size: 1.8rem;
}

h6 {
	font-size: 16px;
	font-size: 1.6rem;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	color: #000;
}


/* Body Text 

body {
	background-color: #fff;
	color: #222;
	font-family: 'Noto Sans', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.625;
	margin: 0;
}
*/


body {
	background-color: #fff;
	color: #222;
	font-family: 'Noto Sans', sans-serif;
	font-size: 20px;
	font-size: 2rem;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	line-height: 1.625;
	margin: 0;
}

/* ## Front Page - changes 1 section dark
--------------------------------------------- */

.front-page-1 {
	background-color: #222;
	color: #fff;
}      


/*changes front page background image size from 500px  */


.image-section-1,
.image-section-2 {
	background-position: top;
	background-size: cover;
	min-height: 700px;
}