.h-100{
	height:100%;
}
.resource__item {
  margin-bottom: 3em;
	position:relative;
	 -webkit-transition: box-shadow 0.3s ease-in-out;
	 transition: box-shadow 0.3s ease-in-out;
	background-color:#F7F7F7;
	border-bottom:15px solid #0069A7;
	border-radius:7px;
	display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.resource__item.vid a::after {
    display:none;
}
.resource__item:hover{
	cursor:pointer;
}
.resource__item a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
.resource__item:hover {
	box-shadow: 0 0 15px rgba(0,0,0,.15);
}
.resource__item:hover .link-text span {
    background-position: 97% 50%;
}
.featured-post .resource__item {
    margin: 0 0 0 0;
}
p.footnote{
	font-size:16px!important;
	font-style:italic;
}
.img-block{
	background-size:cover;
}
.excerpt{
	margin-bottom:2em;
}
.post-thumbnail {
    position: relative;
}

.post-details{
	padding:0 1em  0 3em;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;	
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;	
	
}

.post-details-wrap {
    padding: 2em 0;
    max-width: 80%;
    -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
.post-details h6{
	color:#0069A7;
	font-size:1em;
	margin-bottom:.5em;
}
.post-details h3{
	font-weight:400;
	font-size:1.625em;
	font-family:'Open Sans', san-serif;
	margin-bottom:.5em;
}
.post-details h3 a{
	color:#00A0DF;
}
.post-etc {
    position: absolute;
    bottom: 2em;
    margin-bottom: 0;
}
.link-text span{
	color:#2A69A2;
	font-weight:600;
	display:inline-block;
	padding-right:40px;
	background:transparent url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216.75%22%20height%3D%2211.342%22%20viewBox%3D%220%200%2016.75%2011.342%22%3E%0D%0A%20%20%3Cg%20id%3D%22arrow-blue-right%22%20transform%3D%22translate%28-299.954%20-438.027%29%22%3E%0D%0A%20%20%20%20%3Cpath%20id%3D%22Path_63%22%20data-name%3D%22Path%2063%22%20d%3D%22M310.814%2C438.558l5.141%2C5.141-5.141%2C5.141%22%20fill%3D%22none%22%20stroke%3D%22%232A69A2%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22/%3E%0D%0A%20%20%20%20%3Cline%20id%3D%22Line_3%22%20data-name%3D%22Line%203%22%20x1%3D%2216%22%20transform%3D%22translate%28299.954%20443.698%29%22%20fill%3D%22none%22%20stroke%3D%22%232A69A2%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22/%3E%0D%0A%20%20%3C/g%3E%0D%0A%3C/svg%3E%0D%0A') no-repeat 95% 50%;
	-webkit-transition:.2s all ease-in-out;
	transition:.2s all ease-in-out;
}
.videos figure{
	position:relative;
}
.videos figure::after {
    content: "";
    width: 100px;
    height: 100px;
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22151%22%20height%3D%22151%22%20viewBox%3D%220%200%20151%20151%22%3E%0D%0A%20%20%3Cg%20id%3D%22play-button%22%20transform%3D%22translate(-463.348%20-2899.303)%22%3E%0D%0A%20%20%20%20%3Ccircle%20id%3D%22Ellipse_141%22%20data-name%3D%22Ellipse%20141%22%20cx%3D%2275.5%22%20cy%3D%2275.5%22%20r%3D%2275.5%22%20transform%3D%22translate(463.348%202899.303)%22%20fill%3D%22%238bc53f%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20id%3D%22Polygon_1%22%20data-name%3D%22Polygon%201%22%20d%3D%22M43%2C0%2C86%2C65H0Z%22%20transform%3D%22matrix(-0.017%2C%201%2C%20-1%2C%20-0.017%2C%20581.492%2C%202928.877)%22%20fill%3D%22%23fff%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A') no-repeat 50%;
    position: absolute;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
	background-size:contain;
}
.filter{
	border-bottom:1px solid #E0E0E0;
	display:block;
	margin: 1.5em 0 0 0;
	padding-bottom: 29px;
}
.filter li {
	color:#00A0DF;
	cursor:pointer;
	font-size:1rem!important;
	font-weight:600;
	float: left;
	text-transform:uppercase;
	margin-right:2.5em;
	margin-left:0;
	padding:0 0 1em 0;
	position:relative;
}
.filter li:first-child {
	margin-right:1.5em;
}
.filter li:before{
	display:none;
}
.filter li span:first-child {
	display: block;
	border-bottom: 7px solid transparent;
}
.filter li.sel span:first-child {
	border-bottom: 7px solid #0069A7;
}
.filter li span.resource-tip:after{
    content:"";
    width: 14px;
    height: 14px;
    background: transparent url('data:image/svg+xml,%3Csvg%20id%3D%22info%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2213.8%22%20height%3D%2213.8%22%20viewBox%3D%220%200%2013.8%2013.8%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0D%0A%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle_1607%22%20data-name%3D%22Rectangle%201607%22%20width%3D%2213.8%22%20height%3D%2213.8%22%20fill%3D%22none%22%2F%3E%0D%0A%20%20%20%20%3C%2FclipPath%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Cg%20id%3D%22Group_1932%22%20data-name%3D%22Group%201932%22%20clip-path%3D%22url(%23clip-path)%22%3E%0D%0A%20%20%20%20%3Cpath%20id%3D%22Path_7697%22%20data-name%3D%22Path%207697%22%20d%3D%22M13.257%2C4.213A6.921%2C6.921%2C0%2C1%2C0%2C13.8%2C6.9a6.877%2C6.877%2C0%2C0%2C0-.542-2.686%22%20transform%3D%22translate(0%200.001)%22%20fill%3D%22%23c3c3c3%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20id%3D%22Path_7698%22%20data-name%3D%22Path%207698%22%20d%3D%22M220.861%2C105.813a.89.89%2C0%2C1%2C1-.89.89.89.89%2C0%2C0%2C1%2C.89-.89%22%20transform%3D%22translate(-213.961%20-102.922)%22%20fill%3D%22%23fff%22%2F%3E%0D%0A%20%20%20%20%3Cpath%20id%3D%22Path_7699%22%20data-name%3D%22Path%207699%22%20d%3D%22M198.81%2C195.763H195.7v-1.081h.663v-3.753H195.7v-.883h2.444v4.636h.663Z%22%20transform%3D%22translate(-190.357%20-184.854)%22%20fill%3D%22%23fff%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A') no-repeat 0 0;
    position: absolute;
    top: 3px;
    left: calc(100% + 5px);
}
.filter li p {
    background-color: #fff;
	border-radius:5px;
    text-transform: none;
    font-weight: 300;
    color: #4D4D4F;
    position: absolute;
    width: 250px;
    padding: 10px 20px;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    font-size: 16px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    bottom: 100%;
    left: 50%;
    z-index: 2;
}
.filter li p:after {
	content:"";
	width:23px;
	height:17px;
	background:transparent url(http://vesonnautical.staging.wpengine.com/wp-content/uploads/2022/01/caret-2.png) no-repeat 0 0;
	position:absolute;
	bottom:-17px;
	left:35%;
}
.filter li span.resource-tip:hover p {
	opacity:1;
	visibility:visible;
}
r:#062b49;
}
.resource__item .post-thumbnail img{
    width:100%;
}
@media only screen and (max-width: 920px) {
	.resource__item {
		-ms-flex-preferred-size: 46.9%;
		flex-basis: 46.9%;
		margin: 0 1.5% 3em;
	}
}
@media only screen and (max-width: 530px) {
	.resource__item {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		margin: 0 1.5% 3em;
	}
	.resource__item .post-thumbnail img{
		width:100%;
	}
}