
/* ==========================================================================
   Column & Row Setup
   ========================================================================== */

.col {
	display: block;
	float:left;
	margin: 0 0 0 1.6%;
}

/* Remove the margin on the first column. Works on all browsers incl. IE7+ */
.col:first-child { margin-left: 0; }

.row {
	clear: both;
	margin: 0 auto;
	*zoom: 1;
}

.row:before,
.row:after {
	content: "";
	display: table;
}

.row:after { clear: both; }

.woocommerce-content {
	padding: 5px 10px;
}
span.posted-on {
		position: absolute;
	top: 10px;
	background-color: rgb(0, 61, 92);
	padding: 5px;
	text-align: center;
	color: white;
	margin-left: -109px;
	width: 85px;
}
span.posted-on a {
	font-size:11px;
	letter-spacing:1px;
	color:white;
}
/* ==========================================================================
   Twelve Column Grid
   ========================================================================== */

.grid_12_of_12 { width: 100%; }
.grid_11_of_12 { width: 91.53%; }
.grid_10_of_12 { width: 83.06%; }
.grid_9_of_12  { width: 74.6%; }
.grid_8_of_12  { width: 66.13%; }
.grid_7_of_12  { width: 57.66%; }
.grid_6_of_12  { width: 49.2%; }
.grid_5_of_12  { width: 40.73%; }
.grid_4_of_12  { width: 32.26%; }
.grid_3_of_12  { width: 23.8%; }
.grid_2_of_12  { width: 15.33%; }
.grid_1_of_12  { width: 6.866%; }

/* ==========================================================================
   Unsorted mess of things

p { font-family:'Fauna One', sans-serif; }   
   ========================================================================== */
p { 
	margin-top:0px;
}   
body { 
	font-family:Verdana, sans-serif;
	background:#d4d4d4;
}
ul { 
	list-style: square; 
}
.pure-full-width article {
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.site-footer {
	background:#003D5C;
}
.site-footer p {
	color:white;
	margin:0;
	font-size:12px;
	padding-top:30px;
	padding-bottom:15px;
}
.nav-previous, .nav-next {
	background-color:#003D5C;
	padding:10px;
	width:33%!important;
}
.nav-previous a, .nav-next a {
	color:white!important;
}
.site-footer a {
	color:white;
}
h1.site-title {
	font-weight: normal;
	text-transform: uppercase;
	font-family:'Playfair Display';
	margin-bottom:0px;
 
}
.site-description {
	margin:0 0 15px 0;
}
.archive .site-main, .page .site-main, .single .site-main {
	margin:0;
	padding:0;
}
.hentry {
	margin: 0em 1.5em 1.5em 1.5em;
	position:relative;
	border-bottom:4px double #ccc;
	padding: 0 0 10px;
}

.home .site-main .col, .archive .site-main .col {
	margin-left:0px;
}
.pure-full-width .entry-header, .pure-full-width .entry-content {
	margin-left:10px;margin-right:10px;
	float: left;
	width: 71%;
}
.site-footer a:hover {
	color:white;
}
.entry-content p {
	font-size:13px;
}
.entry-content ul {
	margin-left:15px;
	margin-right:15px;
	  font-size: 13px;
}
.pure-clear {
	clear:both;
	width:100%;
}
.tags-links { display:none; }
.widget ul {
	padding:0 0 0 15px;
}
.widget ul li {
	font-size:11px;
}
.widget ul li a {
	letter-spacing:1px;
}
.recent-posts-widget-with-thumbnails li a { 
	font-size:20px;
}
.alignright {
	margin-top:0px!important;
}
.post-meta-borders {
	overflow:hidden;
	margin-top: 30px;
}
.attachment-post-thumbnail , .attachment-post-secondary-image-slider , .attachment-post-third-image-slider , .attachment-post-fourth-image-slider , .attachment-post-fifth-image-slider  {
	width:100%;
	max-height: 543px;
}

.archive .entry-header, .archive .entry-content {
  margin-left: 10px;
  margin-right: 10px;
  float: left;
  width: 71%;
}
.featured-images .attachment-post-secondary-image-thumbnail, .featured-images .attachment-post-third-image-thumbnail, .featured-images .attachment-post-fourth-image-thumbnail {
	margin-left:0px;
	width:200px;
}
.featured-images {
	text-align:center;
}

.recent-posts-widget-with-thumbnails ul li img {
  display: inline;
  float: left;
  margin: 0 1em 0 0!important;
}
.recent-posts-widget-with-thumbnails ul li {
  overflow: hidden;
  margin: 0 0 1.5em;
  border: 1px solid #ddd;
  padding: 5px;
  line-height:40px;
}
.recent-posts-widget-with-thumbnails ul {
	margin:0;
	padding:0;
}
.comments-link { display:none; }
.header-menu { 
  display: block;
  background-color: #003D5C;
 }
.header-menu a {
	line-height:40px;
	text-transform: none;
}
.site-info a {
	color:#fff!important;
}
.navi-menu {
	background:#00557F;
	min-height:40px;
	height:auto;
	overflow:hidden;
}
.content-area, .widget-area {
	background-color: white;
}

.pure-full-widths {
	width:100%!important;
}
.because article {
	position:relative;
	overflow:hidden;
}

h2.entry-title {
	font-size: 28px;
	text-transform: uppercase;
}
.widget_text {
	overflow:hidden;
}
.archive-wrapper {
  width: 100%;
  display: block;
  margin:5px;
  overflow: hidden;
}
.slicknav_menu {
	display:none;
}
#content {
	margin-top:40px;
	margin-bottom: 80px;
}
.relatedthumb {
	width:25%;
	float:left;
	text-align:center;
}
.post-navigation { display:none; }
.single-post .cat-links { display:none; }

h3.entry-title {
	margin:0;
}

.footer-content { 
	display:block; 
	overflow:hidden; 
}

a {
	color: #222;
	text-decoration:none;
}

a:visited {
	color: #222;
}

a:hover,
a:focus,
a:active {
	color: #232323;
	text-decoration:underline;
}
.site-branding a {
	color:white;
}

.main-navigation li {
	padding:0 10px;
}
.main-navigation li:first-child {
	padding-left:0px;
}
.main-navigation ul li li:first-child {
  padding-left: 10px;
}
.main-navigation li:last-child {
	border-right:none;
}
.main-navigation a {
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.main-navigation ul {
	float:left;
}
.main-navigation ul li a {
	color:white;
}

.main-navigation ul ul {
	top:2.5em;
	background:white;
	text-align:left;
}
.main-navigation ul ul a {
	min-width:200px;
	width:100%!important;
	padding-left:3px;
	color:black;
	padding-right:10px;
}
.main-navigation ul ul li {
	border:none;
}
/*--------------------------------------------------------------
## Responsivity
--------------------------------------------------------------*/
.container {
	width:1170px;
	margin-left:auto;
	margin-right:auto;
}
.menu-toggle {
display:none!important;
}
.tinynav { display:none; }

/*  Standard Layout: Following the width of the .container style */
@media only screen and (min-width: 992px) and (max-width: 9999px) {
	.content-area{width:70%;padding:0;float:left;display:inline;}
	.widget-area{width:25%;padding:10px;float:right;display:inline;}
	.site-footer{width:100%;padding:0;}

}
/*  Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hfeed{width:100%;padding:0px;background-color:white;}
	.site-header{width:100%;padding:0 10px;}
	.site-main{width:100%;padding:5px;overflow:auto;}
	.content-area{width:63%;padding:0;float:left;display:inline;border:0;}
	.widget-area{width:35%;padding:0;float:right;display:inline;}
	.site-footer{width:100%;padding:0;}
	.tinynav { display:block; }
	.site-description { display:none; }
	.grid_12_of_12 { width: 100%; }
	.grid_11_of_12 { width: 100%; }
	.grid_10_of_12 { width: 100%; }
	.grid_9_of_12  { width: 100%; }
	.grid_8_of_12  { width: 100%; }
	.grid_7_of_12  { width: 100%; }
	.grid_6_of_12  { width: 100%; }
	.grid_5_of_12  { width: 100%; }
	.grid_4_of_12  { width: 100%; }
	.grid_3_of_12  { width: 100%; }
	.grid_2_of_12  { width: 100%; }
	.grid_1_of_12  { width: 100%; }
	.slicknav_menu { display:block; }
	.container { width:100%;padding:0px 10px; }
	.featured-images .attachment-post-secondary-image-thumbnail, .featured-images .attachment-post-third-image-thumbnail, .featured-images .attachment-post-fourth-image-thumbnail, .featured-images .attachment-post-fifth-image-thumbnail { display:none; }
	.cat-links { display:none; }
	.widget_tag_cloud { text-align: center;padding: 10px; }
	.site-footer li, .site-footer p, .site-footer ul { text-align: center;list-style: none;padding: 0; }
	.site-header .alignleft { text-align:center; margin-left:auto; margin-right:auto; display:block;float:none; }
	.main-navigation  { height:100%;padding-top:0px;padding-bottom:16px; }
	.entry-content li { width:90%!important; }
	.pure-full-width { margin-top: 20px; }
	.home .frontpage-background { margin-top:0px; }
	.navi-menu { padding-top:10px;}
	h3.entry-title { text-align:center; }
	#content { margin-top:0px; }
	.pure-full-width .entry-header, .pure-full-width .entry-content {  margin-left: 0;  margin-right: 0;  float: none;  text-align: center;  width: 100%;  margin-top: 7px;}
	.archive #content, .page #content {  padding-top: 25px;  margin-top: 0;backghround-color:white;}
	span.posted-on a { color:black; }
	span.posted-on {  position: relative;  background-color: transparent;  text-align: left;  margin: 0;  width: 100%;top:0;}
}
/*  Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
	.hfeed{width:100%;padding:0px;background-color:white;}
	.site-header{width:100%;padding:0;}
	.site-main{width:100%;padding:5px;margin:0;}
	.content-area{width:100%;padding:0;border:0;}
	.widget-area{width:100%;padding:0;}
	.site-footer{width:100%;padding:0;}
	.tinynav { display:block; }
	.site-description { display:none; }
	.grid_12_of_12 { width: 100%; }
	.grid_11_of_12 { width: 100%; }
	.grid_10_of_12 { width: 100%; }
	.grid_9_of_12  { width: 100%; }
	.grid_8_of_12  { width: 100%; }
	.grid_7_of_12  { width: 100%; }
	.grid_6_of_12  { width: 100%; }
	.grid_5_of_12  { width: 100%; }
	.grid_4_of_12  { width: 100%; }
	.grid_3_of_12  { width: 100%; }
	.grid_2_of_12  { width: 100%; }
	.grid_1_of_12  { width: 100%; }
	#content { margin-top:0px; }
	.navi-menu { padding-top:10px; display:none;}
	.col { margin:0;padding:0; }
	.container { width:100%;padding:0px 10px; }
	.featured-images .attachment-post-secondary-image-thumbnail, .featured-images .attachment-post-third-image-thumbnail, .featured-images .attachment-post-fourth-image-thumbnail, .featured-images .attachment-post-fifth-image-thumbnail { display:none; }
	.cat-links { display:none; }
	.widget_tag_cloud { text-align: center;padding: 10px; }
	.site-footer li, .site-footer p, .site-footer ul { text-align: center;list-style: none;padding: 0; }
	.site-header .alignleft { text-align:center; margin-left:auto; margin-right:auto; display:block;float:none; }
	.main-navigation  { height:100%;padding-top:0px;padding-bottom:16px; }
	.relatedthumb { width:50%; margin-bottom:15px; }
	.entry-content li { width:90%!important; }
	.pure-full-width { margin-top: 20px; }
	.home .frontpage-background { margin-top:0px; }
	h3.entry-title { text-align:center; }
	.pure-full-width .entry-header, .pure-full-width .entry-content {  margin-left: 0;  margin-right: 0;  float: none;  text-align: center;  width: 100%;  margin-top: 7px;}
	.slicknav_menu { display:block; }
	.archive #content, .page #content {  padding-top: 25px;  margin-top: 0;background-color:white;}
	span.posted-on a { color:black; }
	span.posted-on {  position: relative;  background-color: transparent;  text-align: left;  margin: 0;  width: 100%;top:0;}
}

/* Defining the width of the entire website */
.pure-full-width {
	width:100%;
}

.page-content {
	margin:15px;
}