/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Post and page content
	# Alignments
	# Blocks
	# Custom block colors
	# Media
		# Captions
		# Galleries
	# Comments
	#Footer Social
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Post and page content
--------------------------------------------------------------*/
/* Custom rule  for sticky posts:
.sticky {

}
*/

.hentry {
	margin-bottom: 1rem;
}

.entry-meta,
.entry-footer {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 80%;
}

.entry-meta, .entry-meta a {
	color: #999999;
}
.entry-meta > span{
	padding: 0px .3rem;
	line-height: 2rem;
}

.entry-meta {
	letter-spacing: .7px;
	text-transform: uppercase;
}

.entry-meta .author-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.entry-meta .author-wrap > span {
	margin: 0 5px
}




/* Hides the update date and time. */
.updated:not(.published) {
	display: none;
}

.post-thumbnail img {
	margin: 0 auto;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.entry-content {
	margin-top: 0;
}



.page-content > *,
.entry-content > *,
.entry-summary > *,
.not-found > * {
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}



.page-title,
.entry-header,
.entry-footer,
.site-info,
.post-navigation,
.page-navigation
 {
	margin: 1.5em auto 0 auto;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}

.entry-header {
	margin-top: 0;
}

.comments-area {
	margin: 0
}

.site-info {
	color: #cdd0ce;
	font-family: sans-serif;
	background: rgba(0, 0, 0, 0.2);
	margin: 20px 0 0 0;
	line-height: 3rem;
	max-width: none;
}

@media screen and (min-width: 48em) {
	.page-content > *,
	.entry-content > *,
	.entry-summary > *,
	.page-title,
	.entry-header,
	.entry-footer,
	.site-info,
	.post-navigation,
	.page-navigation,
	.comments-area {
		
	}
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.entry-footer span {
	margin-right: 1em;
}

.entry-footer {
	clear: both;
	padding: 1.5em 1.5rem 0;
}

@media screen and (min-width: 48em) {
	.entry-footer {
		padding-right: 0;
		padding-left: 0;
	}
}
/*--------------------------------------------------------------
## Alignments
--------------------------------------------------------------*/
.alignleft {
	float: left;
	margin-right: 1.5rem;
}

.alignright {
	float: right;
	margin-left: 1.5rem;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 48em) {

	.wp-caption.alignright,
	.wp-block-image.alignright {
		margin-right: calc((100% - 45rem) / 2);
	}

	.wp-caption.alignleft,
	.wp-block-image.alignleft {
		margin-left: calc((100% - 45rem) / 2);
	}

}

/*--------------------------------------------------------------
## Blocks
--------------------------------------------------------------*/
/*
 * Available block selectors:

 * .wp-block-image
 * .wp-block-gallery
 * .wp-block-video
 * .wp-block-quote
 * .wp-block-text-columns
 * .wp-block-cover-text
 * .wp-block-button
 * .wp-block-gallery
 * .wp-block-table
 * .wp-block-embed
 * .wp-block-audio
 * .wp-block-pullquote
 * .wp-block-preformatted
 * .wp-block-code
 * .wp-block-verse

 */

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
	margin: 1.5em auto;
	padding: 0 1em;
}

.entry-content .wp-block-quote {
	padding-left: 1em;
}

.entry-content .wp-block-quote 	p {
	-webkit-margin-after: 0px;
	        margin-block-end: 0px;
}

.entry-content  .wp-block-quote {
	border-left: 4px solid #178ab7;
}

.wp-block-quote.has-text-align-right {
	border-right: 4px solid #178ab7;
	border-left: none;
}

.entry-content ul,
.entry-content ol {
	
}


.entry-content ul ul,
.entry-content ol ol {
	margin-right: 0;
	margin-left: 0;
	padding-right: 1.5em;
	padding-left: 1.5em;
}

.alignfull {
	max-width: 100%;
	padding: 0;
}

.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image h2 {
	margin-top: 0;
}

@media screen and (min-width: 48em) {
	.entry-content pre {
		padding: 1.5em;
	}
}

/* Columns Block (experimental) */
.wp-block-columns {
	display: block;
}

@media screen and (min-width: 769px) {
	.wp-block-columns {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		grid-gap: 1em;
		gap: 1em;
	}

	.has-2-columns .wp-block-column {
		-webkit-box-flex: 0;
		    -ms-flex: none;
		        flex: none;
		width: calc(50% - .5em);
	}

	.has-3-columns .wp-block-column {
		-webkit-box-flex: 0;
		    -ms-flex: none;
		        flex: none;
		width: calc(33.3333% - .5em);
	}

	.has-4-columns .wp-block-column {
		-webkit-box-flex: 0;
		    -ms-flex: none;
		        flex: none;
		width: calc(25% - .5em);
	}
}
/* END Columns Block (experimental) */

.wp-block-latest-posts,
.wp-block-latest-comments {
	padding-top: 1.5em;
}

/*--------------------------------------------------------------
## Custom block colors.
--------------------------------------------------------------*/

.has-dusty-orange-color,
.has-dusty-orange-color a {
	color: #ED8F5B;
}

.has-dusty-orange-background-color {
	background-color: #ED8F5B;
}

.has-dusty-red-color,
.has-dusty-red-color a {
	color: #E36D60;
}

.has-dusty-red-background-color {
	background-color: #E36D60;
}

.has-dusty-wine-color,
.has-dusty-wine-color a {
	color: #9C4368;
}

.has-dusty-wine-background-color {
	background-color: #9C4368;
}

.has-dark-sunset-color,
.has-dark-sunset-color a {
	color: #33223B;
}

.has-dark-sunset-background-color {
	background-color: #33223B;
}

.has-almost-black-color,
.has-almost-black-color a {
	color: #0A1C28;
}

.has-almost-black-background-color {
	background-color: #0A1C28;
}

.has-dusty-water-color,
.has-dusty-water-color a {
	color: #41848F;
}

.has-dusty-water-background-color {
	background-color: #41848F;
}

.has-dusty-sky-color,
.has-dusty-sky-color a {
	color: #72A7A3;
}

.has-dusty-sky-background-color {
	background-color: #72A7A3;
}

.has-dusty-daylight-color,
.has-dusty-daylight-color a {
	color: #97C0B7;
}

.has-dusty-daylight-background-color {
	background-color: #97C0B7;
}

.has-dusty-sun-color,
.has-dusty-sun-color a {
	color: #EEE9D1;
}

.has-dusty-sun-background-color {
	background-color: #EEE9D1;
}

/* Buttons */
.has-red-stop-color {
	color: #bf0213;
}
.has-navy-color {
	color: #353e59;
}
.has-almost-white-color {
	color: #eeeeee;
}
.has-mid-grey-color {
	color: #e7edf4;
}
.has-truest-grey-color {
	color: #FAF6F0;
}
.has-darkest-grey-color {
	color: #333333;
}
.has-navy-grey-color {
	color: #125294;
}
.has-ocean-blue-color {
	color: #74951F;
}

.has-red-stop-background-color {
	background: #bf0213;
}
.has-navy-background-color {
	background: #125294;
}
.has-almost-white-background-color {
	background: #eeeeee;
}
.has-mid-grey-background-color {
	background: #e7edf4;
}
.has-truest-grey-background-color {
	background: #FAF6F0;
}
.has-darkest-grey-background-color {
	background: #333333;
}
.has-navy-grey-background-color {
	background: #485168;
}
.has-ocean-blue-background-color {
	background: #74951F;
}




/*--------------------------------------------------------------
## Custom block font sizes.
--------------------------------------------------------------*/

.has-small-font-size {
	font-size: calc(16 / 16)rem;
}

.has-regular-font-size {
	font-size: calc(20 / 16)rem;
}

.has-large-font-size {
	font-size: calc(36 / 16)rem;
}

.has-larger-font-size {
	font-size: calc(48 / 16)rem;
}

/*--------------------------------------------------------------
## Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
### Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
### Footer Social
--------------------------------------------------------------*/

.entry-footer .footer-social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #A9A9A9;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: .5em;
	margin: .5em auto;
	border-top: 1px solid #ccc;
}



.entry-footer i{
	padding-right: .5rem;
}

.entry-footer .wrap-footer-social .footer-social {
	padding-left: 20px;
	padding-right: 20px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 2rem;
}

@media screen and (max-width: 768px) {
	.entry-footer .wrap-footer-social  {
		padding-bottom: 20px;
	}

}

.entry-footer .footer-social > *, .entry-meta * , .product .footer-social > * {
	cursor: pointer;
}

.hatterassailing-wrap-social-buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.hatterassailing-wrap-social-buttons .social-buttons {
	display: none;
}

.hatterassailing-wrap-social-buttons  .social-buttons {
	font-size: 1em;
}

.wrap-footer-social .footer-social .hatterassailing-liked-liked i, .wrap-footer-social .footer-social .hatterassailing-liked-liked{
	color: #4a7fa0;
}

.wrap-footer-social .footer-social a {
	color: #A9A9A9;
	font-weight: normal;
}

.entry-footer .wrap-footer-social .footer-social span {
    margin-right: 0;
}

/* phone */
@media screen and (max-width: 767px) {
	.hatterassailing-wrap-social-buttons {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		width: 100%;
	}


}

@media screen and (min-width: 768px) {
	.wrap-footer-social .social-buttons {
		-ms-flex-preferred-size: 30%;
		    flex-basis: 30%;
		text-align: right;
	}

}
.wrap-footer-social {
	font-size: 1rem;
}
.wrap-footer-social .social-buttons {
	-ms-flex-item-align: center;
	    align-self: center;
	padding: 10px;

}

.social-buttons a > i {
	font-size: 2em;
}


@media screen and (max-width: 767px) {
	.archive .entry-content {
		margin-top: 0;
		padding: 0;
	}

	.entry-footer {
		padding-left: 0;
		padding-right: 0;
	}

	.archive article{
		border-top: 20px solid #eeeeee;
	}

	.archive article:first-of-type {
		border-top: none;
	}

}

	.entry-content {
		position: relative;
	}
	.entry-content .wp-block-cover.alignfull {
		 width:  100vw;
		 max-width:  100vw;
		 left: 0;
		 margin-left:  calc(50% - 50vw);
		 background-size: cover;
	}

	.alignwide {
		width: 100%;
		background-size: cover;
	}

	@media screen and (max-width: 768px) {
		.entry-content > * {
			padding-right: 0;
			padding-left: 0;
		}
		.entry-content .wp-block-gallery ul{
			padding: 0;
		}
		
	}
	

	.widget-area .widget_media_gallery .gallery{
		display: flex;
		flex-wrap: wrap;
	}

	.widget-area .widget_media_gallery .gallery-columns-2 > figure{
		flex-basis: 50%;
	}

	.site-footer-column .product_list_widget {
		padding-top: 20px;
	}
	
	.site-footer-column .product_list_widget li {
		display: flex;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	.site-footer-column .product_list_widget li a {
		display: flex;
		justify-content: flex-end;
	}
	
	.site-footer-column .product_list_widget li img{
		flex-basis: 20%;
		width: 40px;
		height: auto;
		margin-right: 20px;
	}

	.widget-area .custom-html-widget h2 > a, .widget-area .custom-html-widget a{
		color: #4a7fa0;
	}


	/* adding in login form styles because they only get loaded on admin pages.*/
	.login .admin-email__actions .button-primary {
		float: none;
		margin-left: 0.25em;
		margin-right: 0.25em;
	}
	
	#login form p {
		margin-bottom: 0;
	}
	
	#login form p.submit {
		margin: 0;
		padding: 0;
	}
	
	.login label {
		font-size: 14px;
		line-height: 1.5;
		display: inline-block;
		margin-bottom: 3px;
	}
	
	.login .forgetmenot label,
	.login .pw-weak label {
		line-height: 1.5;
		vertical-align: baseline;
	}
	
	.login h1 {
		text-align: center;
	}
	
	.login h1 a {
		background-image: url(../images/w-logo-blue.png?ver=20131202);
		background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
		background-size: 84px;
		background-position: center top;
		background-repeat: no-repeat;
		color: #3c434a;
		height: 84px;
		font-size: 20px;
		font-weight: 400;
		line-height: 1.3;
		margin: 0 auto 25px;
		padding: 0;
		text-decoration: none;
		width: 84px;
		text-indent: -9999px;
		outline: none;
		overflow: hidden;
		display: block;
	}
	
	#login {
		width: 320px;
		padding: 8% 0 0;
		margin: auto;
	}
	
	.login #nav,
	.login #backtoblog {
		font-size: 13px;
		padding: 0 24px 0;
	}
	
	.login #nav {
		margin: 24px 0 0 0;
	}
	
	#backtoblog {
		margin: 16px 0;
	}
	
	.login #nav a,
	.login #backtoblog a {
		text-decoration: none;
		color: #50575e;
	}
	
	.login #nav a:hover,
	.login #backtoblog a:hover,
	.login h1 a:hover {
		color: #135e96;
	}
	
	.login #nav a:focus,
	.login #backtoblog a:focus,
	.login h1 a:focus {
		color: #043959;
	}
	
	.login .privacy-policy-page-link {
		text-align: center;
		width: 100%;
		margin: 5em 0 2em;
	}
	
	.login form .input,
	.login input[type="text"],
	.login input[type="password"] {
		font-size: 24px;
		line-height: 1.33333333; /* 32px */
		width: 100%;
		border-width: 0.0625rem;
		padding: 0.1875rem 0.3125rem; /* 3px 5px */
		margin: 0 6px 16px 0;
		min-height: 40px;
		max-height: none;
	}
	
	.js.login input.password-input,
	.js.login-action-rp form .input,
	.js.login-action-rp input[type="text"] {
		padding-right: 2.5rem;
	}
	
	.login form .input,
	.login input[type="text"],
	.login form input[type="checkbox"] {
		background: #fff;
	}
	
	.js.login-action-rp input[type="text"],
	.js.login-action-rp input[type="password"] {
		margin-bottom: 0;
	}