/*--------------------------------------------------------------
>>> 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 > * {
	margin-right: 0;
	margin-left: 0;
	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;
}
@media screen and (min-width: 767px) {
	.single-post .entry-header {
		margin: 1.5em 30px 0 30px;

	}
}

.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 {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.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;
}

.alignwide {
	max-width: calc(50% + 45rem / 2);
}

.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;
	padding-bottom: 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: #ef4036;
}
.has-navy-color {
	color: #353e59;
}
.has-almost-white-color {
	color: #eeeeee;
}
.has-mid-grey-color {
	color: #cbd4dd;
}
.has-truest-grey-color {
	color: #99999a;
}
.has-darkest-grey-color {
	color: #333333;
}
.has-navy-grey-color {
	color: #485168;
}
.has-ocean-blue-color {
	color: #62bdd3;
}

.has-red-stop-background-color {
	background: #ef4036;
}
.has-navy-background-color {
	background: #353e59;
}
.has-almost-white-background-color {
	background: #eeeeee;
}
.has-mid-grey-background-color {
	background: #cbd4dd;
}
.has-truest-grey-background-color {
	background: #99999a;
}
.has-darkest-grey-background-color {
	background: #333333;
}
.has-navy-grey-background-color {
	background: #485168;
}
.has-ocean-blue-background-color {
	background: #62bdd3;
}




/*--------------------------------------------------------------
## 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;
}

.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;
}

.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;
	}

}


	.alignwide, .alignfull {
		 width:  100vw;
		 max-width:  100vw;
		 margin-left:  calc(50% - 50vw);
		 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;
		}

		.entry-content .wp-block-columns {
			padding-left: 20px;
			padding-right: 20px;
		}
		
	}
	

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

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

	.site-info p {
		margin-bottom: 0px;
		margin-block-start: 0;
		margin-block-end: 0;
	}

	.entry-content p {
		font-size: 1.1em;
	}