body {
    font-family: -apple-system,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;

	background:white;
	margin: 0px;
	padding: 0px;
	border: none;
	color: #393939;
	font-size: 16px; /* Base font size for all em's */
	
}

h1 {
	font-size:1.8em;
	font-weight:bold;
	color:black;
}

a {
	color: rgba(63, 142, 244, 1);
    text-decoration: none;
	word-wrap: break-word; 
	max-width: 300px;	
}

img {
	border:none;
}


.title_group {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;

	margin-top:30px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
	display: flex;
	flex-direction: row;
	position:relative;
	
	height:2.1em;	
}

.title_group a {
	color: rgba(128, 128, 128, 1);
}

.title_group a:hover {
   color: rgba(63, 142, 244, 1);
}

.title_name {
   font-size: 1.2em;
   font-weight: bold;
   position: absolute;
   bottom: 0;
   
}


.title_name a {
   color: rgba(77, 77, 77, 1);
}

.title_name a:hover {
   color: rgba(63, 142, 244, 1);
}


.title_subname {
	font-size: 1.25em;
}


.sub_title_group {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	
	margin-top:0px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom: 1em;
	
	display: flex;
	flex-direction: row;
	position:relative;
	
	padding-top: 5px;
	padding-bottom: 5px;
	
/* 	color: #242323; */
	background-color: rgba(228, 228, 228, 1);
}

.sub_title_group a {
	color: rgba(75, 75, 75, 1);
	
}

.svg_icon_container {
	display:inline-block;
	padding-left: 2px;
	padding-right:2px;
}

.svg_icon {
	width: 18px;
	height: 18px;	
 	fill: #393939;
}


.main {
	margin: 0 25px 0 25px;
}

.main a:hover {
	color: #008fff;
}

.post h1 {
	margin-top:0;
}

.category_title h1 {
	margin-top:0;
	margin-bottom:0;	
}


#header_logo {
	position: absolute;
	left: 15px;
	top: -20px;
	z-index: 1; /* on top */
	width: 160px;
	
}

.title_left_group {
	min-width: 235px;
	align-self: center; /* Vertically center in the dark bar */
}

.header_logo_spacer {
	width:185px;
	flex-shrink: 0; /* Makes it NOT shrink */
}

.flex_middle_spacer {
	flex-grow: 1; /* This item in the middle grows; the left/right side are fixed, until a min size */
}


.header_right_group {
	text-align: right;
	margin-right: 0px;
	display:flex;
	justify-content: flex-end;
	flex-direction: row;
	flex-shrink: 0; /* Makes it NOT shrink; this is changed when  we hit < 950px */
/* 	padding-top:0.25em; */
}

.title_small_font {
	font-size: 1.25em;
}

.title_small_font div {
	margin-left: 0.35em;
	margin-right: 0.35em;	
}

.subtitle_small_font {
	font-size: 1.0em;
}

.subtitle_small_font a:hover {
   color: rgba(0, 111, 255, 1);
}


.subtitle_small_font div {
	margin-left: 0.35em;
	margin-right: 0.35em;	
}

.subtitle_right_group {
	margin-right: 1.0em;
}


.shop_group { 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 0.5em;
	margin-bottom:1em;	
}

.shop_group_item {
	margin-left: 0.75em;
	margin-right: 0.75em;
	font-size: 1.275em;
}

.shop_group_item_current {
	text-decoration: underline;
}

.shop_group_item a {
	color: rgba(101, 101, 101, 1);
}

.shop_group_item a:hover {
   color: rgba(0, 111, 255, 1);
}


/* woocommerece copied tabs */

.corbin-tabs ul {
    list-style: none;
    padding: 0 0 0 2em;
    margin: 0 0 0.5em;	
    overflow: hidden;
    position:relative
}

.corbin-tabs ul li {
    border: 1px solid #d3ced2;
    background-color: #f7f7f7;
    display: inline-block;
    position: relative;
    z-index: 0;
    border-radius: 4px 4px 0 0;
    margin: 0 -5px;
    padding:0 1em
}

.corbin-tabs ul li a {
    display: inline-block;
    padding: .5em 0;
    font-weight: 700;
    color: #515151;
    text-decoration:none
}

.corbin-tabs ul li a:hover {
    text-decoration: none;
    color:rgba(0, 111, 255, 1)
}

.corbin-tabs ul li.active {
    background: #fff;
    z-index: 2;
    border-bottom-color:#fff
}

.corbin-tabs ul li.active a {
    color: inherit;
    text-shadow:inherit
}

.corbin-tabs ul li.active::before {
    box-shadow:2px 2px 0 #fff
}

.corbin-tabs ul li.active::after {
    box-shadow:-2px 2px 0 #fff
}

.corbin-tabs ul li::after, .corbin-tabs ul li::before {
    border: 1px solid #d3ced2;
    position: absolute;
    bottom: -1px;
    width: 5px;
    height: 5px;
    content: " ";
    box-sizing:border-box
}

.corbin-tabs ul li::before {
    left: -5px;
    border-bottom-right-radius: 4px;
    border-width: 0 1px 1px 0;
    box-shadow:2px 2px 0 #ebe9eb
}

.corbin-tabs ul li::after {
    right: -5px;
    border-bottom-left-radius: 4px;
    border-width: 0 0 1px 1px;
    box-shadow:-2px 2px 0 #ebe9eb
}

.corbin-tabs ul::before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #d3ced2;
    z-index:1
}

/* .woocommerce div.product .woocommerce-tabs .panel {
    margin: 0 0 2em;
    padding:0
} */





/*woo commerce overrides */

.woocommerce ul.products li.product a img {
	border-radius: 10px;
	border: 2px solid #a8a5a5;
}


.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding-left: 2em;
    margin: 0 0 0.5em;
}



.woocommerce ul.products li.product .price {
	color: rgba(128, 128, 128, 1); 
    display: block;
    font-weight: lighter;
    font-size: 1em;
	text-align:center;
	margin-top: .2em;
    margin-bottom: .2em;
    
}


.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
    padding: 0;
    margin: 0;
    font-size: 1em;
    text-align:center;
    
}

.woocommerce table.cart img, .woocommerce #content table.cart img, .woocommerce-page table.cart img, .woocommerce-page #content table.cart img {
	width: 70px;
}


.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    font-size: 16px;
    font-family: Georgia;

    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height:normal
}





/* end woo commerce overrides */



.category_title {
	text-align:center;
	margin-bottom: 4px;
}


#social_icons {
	display:none;
}

.social_icons {
	padding-left:10px;
}


.index_single_post {
	display:flex;
	flex-direction: column;	
	width: 380px;
	margin: 0.5em 25px 25px 25px;
	position:relative;
}

.index_single_post h2 {
	font-weight: normal;
	margin-top: 8px;
	margin-bottom: 4px;

}

.index_single_post img {
	max-width: 100%;
	height:100%;
}

.index_single_post a {
	color: rgb(13, 13, 13);	
}

.index_single_post_exceprt {
	color: rgb(100, 100, 100);
	margin-top: 1px;
	text-align: center;
}


.index_single_post_categories {
	color: rgb(180, 180, 180);

}

.index_single_post_categories a {
 	color: rgb(180, 180, 180); 

}

.date_month {
	margin-top:5px;
/* 	font-size:20px; */
}

.date_day {
	margin-top: -7px;
/* 	font-size: 30px; */
}

.date_year {
	margin-top: -5px;
/* 	font-size: 15px; */
}

.all_posts {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	
}

.paginate_links {
/* 	font-size:18px; */
	text-align: center;
}

.page-numbers {
	padding-left: 2px;
	padding-right: 2px;
}

.small_square_post_preview {
	overflow: auto;
	padding:5px;
	margin:5px;
}

.small_square_post_preview_title {
	font-size: 1.2em;
}

.small_square_post_preview_date {
	
	
}

.tags {
	color: rgb(180, 180, 180); 
	display: inline;	
}

.tags a {
	color: rgb(180, 180, 180);
}



/* Allow the left header group to shrink when at small sizes */
@media screen and (max-width: 700px) {
	#header_logo {
		left: -14px;
		top: -25px;
		transform: scale(0.65);
	}	
	
	.header_logo_spacer {
		width:95px;
		flex-shrink: 0; /* Makes it NOT shrink */
	}
	
	.title_group {
		flex-direction: column;
		height:5em;
		margin-top: 20px;
	}
	.title_name {
		font-size: 1em;
		margin-left:150px;
		bottom:auto;		
		margin-top:-13px;

	}
	.header_right_group {
		text-align: left;
		margin-right: 0px;
 		display:flex; 
 		justify-content: flex-end;
		margin-left:0px;
	}
	.sub_title_group {
		flex-direction: column;		
	}
	.title_subname {
		display: none;
	}
	
	.social_icons {
		margin-top:27px;
		padding-bottom:10px;
		flex-grow:1;
	}
	.title_small_font {
		font-size: 1em;	
	}
	.shop_group_item {
		margin-left: 0.50em;
		margin-right: 0.50em;
		font-size: 1.275em;
	}
}
	
@media screen and (max-width: 320px) {
	#header_logo {
		left: 0px;
		top: -10px;
	}	
	
	.title_group {
		margin-top: 10px;
	}	

	.title_name {
		display: none;
	}
	.header_right_group {
		margin-left: 10px;	
	}
	.social_icons {
		padding-left:0px;
		flex-grow:0;
	}

}



/* old below */

.videowrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; 
	height: 0;
}

.videowrapper iframe,
.videowrapper object,
.videowrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dont_break_out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}



/* START ------------- single.php */

.single_post_header {
	margin-top:1em;
}

.single_post_header h2 {
	margin-top: 0;
	margin-bottom:0.15em;
	font-weight: normal;
	font-size: 1.9em;
	color: black;
	text-align: center;
}

.single_post_header div {
	text-align: center;
}

.single_post_content_container {
	display:flex;
	margin-top:5px;
		
}

.single_post_content {
	line-height: 1.5em; 	
	margin-left:auto;
	margin-right:auto;
	width:100%;	
	max-width:1024px; /* corbin, max width here! */
}

.single_post_content li {
	padding-top: 2px; /* i like this better  i think*/
}

.single_post_content_inset {
	margin-left:10px;
	margin-right:10px;
}

.single_post_content img {
	max-width: 100%;
	/* height:100%; */ /* was messing up aspect ratio */
}

.bottom_previous_AND_next {
	display:flex;
	justify-content:center;		
}


/* END ------- single.php */


.content_bottom {
	background-repeat: no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
}

.content_bottom p {
	padding:0px;
	margin:0px;
	font-size:12px;
}



/* Change font size of the "Place Order" button */
.wp-block-woocommerce-checkout button {
    font-size: 100%;
    font-weight: bold;
}