@charset "utf-8";
/* CSS Document */

/* ------------------------
   Branding 
---------------------------*/

.logo {
    position: absolute;
    z-index: 1;
    margin: 0 auto;
    width: 100%;
    top: 18px;
}
.logo img.hero-bg {
	max-width: 180px;
}

/* ------------------------
   Blockquotes 
---------------------------*/

#home blockquote {
	padding-bottom: 18px;
}
.inline-quote {
	padding: 1em 2.5em;
	margin-bottom: 2.5em;
	margin-top: 1.5em;
}
.inline-quote q {
	line-height: 32px;
}
blockquote.pr-quote {
	font-style: italic;
	line-height: 3rem;
	font-size: 1.6rem;
}
blockquote.inline-quote {
    padding-left: 18px;
	background-color: transparent;
	color: #333;
	text-align: left;
	margin-bottom: 2.9rem;
	border-left: 7px solid #ebf1f9;
	padding: 0 0 0 1.8rem;
}
blockquote.inline-quote h5 {
	color: #1256b1;
	text-align: left;
	font-size: 2.1rem;
	line-height: 2.9rem;
	font-family: 'Barlow Condensed', sans-serif;
}
.note {
	margin: 6rem 0 1rem 0;
	padding: 2rem 4rem 3rem 4rem;
	background-color: #ebf1f9;
}
.note h3 {
	margin-top: 1rem; 
	margin-bottom: 3rem;
}
.note h5 {
	margin-bottom: 0;
}


/* ------------------------
   Horizontal Rule styles 
 --------------------------*/

.line-seperator hr {
	border-top: 1px solid #fff;
	width: 360px;
	height: 10px;
	margin-bottom: 0;
}
blockquote .row .dkblue-line-seperator hr {
	border: none;
	border-top: 2px solid #122c50;
	max-width: 75%;
	height: 10px;
	margin-bottom: 9px;
}
.first-dkblue-line-seperator hr {
	margin-top: 20px;
	margin-bottom: 16px;
    border: none;
    border-top: 2px solid #122c50;
    max-width: 75%;
    height: 10px;
}
.bio-line {
	margin-bottom: 0;
}


/* ------------------------
   Container styles 
   ------------------------*/

#titan {
	background-color: #122c50;
	margin: 2rem 0 0 0;
}
.cta2 {
	text-align: center;
	display: flex;
	align-items: center;
	color: #fff;
	height: 330px;
}
.cta2 .three.columns {
	width: 40%;
}
.tse-gradient {
	width: 100%;
	background: linear-gradient(90deg, rgba(18,44,80,1) 30%, rgba(18,44,80,0) 100%);
	height: 330px;
}
.tse-bg {
	padding-top: 170px; 
	background: url("../images/home/titanic-scanning-render.jpg") no-repeat center; 
	background-size: cover;
	background-position: right center;
	height: 330px;
	z-index: -100;
}
.tse-row h2 {
	line-height: 4.25rem;
}
.titanic-gradient {
	padding-top: 170px; 
	background: linear-gradient(to right, rgba(18,44,80,1) 0%,rgba(18,44,80,0.89) 5%,rgba(19,46,82,0.25) 8%,rgba(125,185,232,0) 100%), url("../images/home/titanic-scanning-render.jpg") no-repeat center; 
	background-size: cover;
	background-position: right center;
	height: 330px;
}
#titan.xplus-margin {
	margin-bottom: 0;
}
.titan-dive-bks {
	display: block;
}
.mobile-titan-dive-bks {
	display: none;
}
.cta h3 {
	padding-bottom: 6px;
	padding-top: 0;
	color: #fff;
	text-align: center;
}
.cta {
	text-align: center;
	display: flex;
	align-items: center;
}
.text-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}
.cta-textblock {
	color: #fff;
	margin: 0 auto;
	text-align: center;
	background: rgba(7, 19, 35, 0.7);
	padding: 20px 25px;
	max-width: 35%;
}
#join-shark .cta-textblock {
	max-width: none;
}
.cta-textblock h4 {
	color: #fff;
	text-align: center;
	margin: 0;
	padding-bottom: 6px;
}
.cta-textblock p {
	padding: 0;
	margin: 0;
}
h6.cta-news {
	padding-top: 23px;
	padding-bottom: 26px;
	margin-bottom: 0;
}
#table-row {
	margin-top: 4rem;
}
.list-content-header { 
	margin-top: 2.1rem;
	text-align: left;
	text-transform: inherit;
	font-weight: 700;
	letter-spacing: 0;
}
.image-post figure {
	margin: 0;
	width: 100%;
	margin-bottom: 3rem;
}


/* ------------------------
   Our Subs Page
   ------------------------*/

.latest-news, .latest-news2 {
    text-align: left;
    font-size: 1.3rem;
    line-height: 1.9rem;
    margin: 5px 0;
    border-top: solid 1px #999;
    padding-top: 9px;
	padding-bottom: 4px;
}
#subs .flex-container {
	margin: 0;
	background-color: #fff;
	height: 370px;
	overflow: hidden;
	padding: 0;
}
#subs .flex-container .image::before {
	border: none;
}
#subs .image {
	flex: 3;
}
#subs .text {
	flex: 4;
	padding-left: 35px;
	padding-right: 40px;
}
#subs h3 {
	margin: 0;
	line-height: 1.2em;
}
#subs .text p {
	line-height: 1.7;
	margin-bottom: .5em;
	padding-top: 6px;
	letter-spacing: 0.015em;
}
#subs .read-more {
	float: right;
	line-height: 2;
	margin-top: 1em;
}
#subs a.read-more {
	text-align: right;
	margin-right: 15px;
}
#subs a.read-more:hover {
	color: red;
}
#subs .read-more::before {
	background: #aeccf5;
	content: "";
	display: block;
	height: 2px;
	margin: 0 auto;
	width: 70px;
	margin-right: 0;
}
#subs .read-more:hover::before {
	background: red;
}
#subs .image img {
	display: block;
}
#subs .image:before {
    position:absolute; 
	right:0; 
	top:48%; 
	content:'';
}
#subs .image img {
	-webkit-clip-path: polygon(0 0, 95% 0, 95% 41%, 100% 50%, 95% 57%, 95% 100%, 0 100%);
	clip-path: polygon(0 0, 95% 0, 95% 41%, 100% 50%, 95% 57%, 95% 100%, 0 100%);
}
.sub-pg .di {
	margin-top: 4rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
}


/* ------------------------
   Past Expeditions Page
   ------------------------*/

.past-exp.four.columns  {
	background-color: #fff;
	padding: 0;
}
.expedition-block h5 {
	margin-bottom: .0;
	font-size: 1.85rem;
}
.expedition-block h6.date {
	font-style: italic;
	text-transform: inherit;
	text-align: left;
	font-size: 1.6rem;
	line-height: 2rem;
	margin: 0 !important;
}
.expedition-block .news-img {
	margin-bottom: 1.25rem;
}
.w-border {
	border-bottom: 1px solid #122C50;
}
.four.columns.expedition-block {
	display: flex;
}
.expedition-block .list-content p {
	height: 350px;
}
.past-exp .flex-row {
	padding-bottom: 4.1rem;
	padding-top: 3.9rem;
}
.past-exp .list-content p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 29px;     /* fallback */
	max-height: 116px;      /* fallback */
	-webkit-line-clamp: 4; /* number of lines to show */
	-webkit-box-orient: vertical;
}
.past-exp button.lt-btn {
	width: 150px;
	margin: 20px 0 0 0;
}
#catalina-partners img.object-fit-fill {
	max-width: 155px;
}
					
#eye-image-list .list-content p {
	height: 235px; 
} 


/* ------------------------
   What we do Page
   ------------------------*/

.three-col,
.three-col > div {
	height: 235px;
}
.three-col h6 {
	font-size: 18px;
}
.three-col.notch-container {
	background-color: transparent;
	display: flex;
}
.mplus-margin.three-col.notch-container {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	display: flex;
}
.first {
	flex: 1.5;
	display: flex;
}
.second {
	flex: 3;
	overflow: hidden;
}
.second.columns {
	background-color: #122c50;
}
.third {
	flex: 2.75;
	background-color: #122C50;
	color: #F4F7F9;
	font-size: 14px;
	padding: 0 20px;
	display: flex;
}
.three-col .columns {
	margin-left: 0;
	position: relative;
}
/*.first.columns.white-bg::after {
	position: absolute;
	display: inline-block;
	border-bottom: 18px solid #9617b600;
	border-left: 18px solid #fff;
	border-top: 18px solid #b5cb2000;
	border-right-color: rgba(255, 70, 70, 0.2);
	right: -18px;
	top: 42%;
	content: '';
	z-index: 1020;
}*/
.first.columns.dark-bg::after {
	position: absolute;
	display: inline-block;
	border-bottom: 18px solid #9617b600;
	border-left: 18px solid #122c50;
	border-top: 18px solid #b5cb2000;
	border-right-color: rgba(255, 70, 70, 0.2);
	right: -18px;
	top: 42%;
	content: '';
	z-index: 1020;
}

.first h6 {
	font-size: 17px;
	line-height: 1.25;
	font-weight: bold;
	padding: 0 36px;
}
.pad-20 {
	padding: 0 40px;
	font-size: 15px;
	margin-bottom: 0;
	color: #fff;
}
.third.columns .child {
	height: auto;
	top: 46%;
}
#what-cta .notch-container,
#what-cta .notch-container .five.columns,
#what-cta div.notch-container .seven.columns {
	height: 320px;
}
#what-cta .five.columns.white-bg {
	position: relative;
}
#what-cta h5.underline {
	font-weight: 600; 
	font-size: 21px; 
	line-height: 1.25; 
	padding: 0 36px
}
#what-cta p {
	margin-top: 9px;
}
#what-cta .object-fit-fill {
	max-height: 320px;
}
#cta-btns {
	text-align: center; 
	text-transform: uppercase;
	display: flex;
	margin-top: 4rem;
}
#cta-btns a {
	text-decoration: none;
	color: #fff;
	font-weight: 700;
}
#cta-btns button {
	background: #122c50;
	font-size: calc(22px + (24 - 22) * ((100vw - 300px) / (1600 - 300)));
	line-height: calc(1.2em + (1.2 - 1.1) * ((100vw - 21em) / (35 - 21)));
	white-space: normal;
	height: inherit;
	padding: 20px;
	margin: auto;
}
#cta-btns button:hover {
	background-color: #f0714f;
}
#projects .notch-container .child {
	display: flex;
	flex-direction: column;
	justify-content: center;
	top: inherit;
	width: inherit;
	left: inherit;
	margin: inherit;
	position: inherit;
	height: inherit;
}
button.one-btn.btn2 {
	width: 220px; 
	margin: 0 auto !important;
}

#projects img.object-fit-fill {
	max-height: 100%;
	width: 100%;
	height: 235px;
}
#projects .third.columns p {
	font-size: 1.7rem;
	text-align: left;
	margin: 0;
}
#projects .pad-20 {
	padding: 0;
}
.three-col,
.three-col > div {
	height: 235px;
}
.three-col h6 {
	font-size: 1.8rem;
}
.three-col.notch-container {
	background-color: transparent;
	display: flex;
}
.three-col .columns {
	margin-left: 0;
	position: relative;
}
.first {
	flex: 1.5;
	display: flex;
}
.second {
	flex: 3;
	overflow: hidden;
}
.notched-image img.object-fit-fill {
	-webkit-clip-path: polygon(0 0, 95% 0, 95% 41%, 100% 50%, 95% 57%, 95% 100%, 0 100%);
	clip-path: polygon(0 0, 95% 0, 95% 41%, 100% 50%, 95% 57%, 95% 100%, 0 100%);
	max-height: 100%;
}

/* What to do child pages */

.what-child.u-full-width.content-w-blockquote {
	display: flex; 
	align-items: stretch;
}
.what-child .row.eight.columns {
	display: flex; 
	flex-direction: column;
	background-color: #fff;
}
.what-child .container-row.clear-bg {
	justify-content: center; 
	align-items: center;
}
what-child.u-full-width.content-w-blockquote container.row-w-sidebar aside.four.columns.sidebar {
	display: flex; flex-direction: column; justify-content: center; align-items: center;
}


.test h3.test  {
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
}
.test h4 {
	margin-top: 2rem;
}
.test h4, .test h5 {
	text-align: left;
	font-weight: 700;
	text-transform: inherit;
	margin-bottom: 0;
	}
.test h5 + p {
	margin-top: 3px;
}
.test blockquote.inline-quote {
	font-style: italic;
	padding-left: 1rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.test .container-row hr {
	margin-top: 2.5rem !important;
	margin-bottom: 2.5rem !important;
	border-color: #a2a2a2;
}
	

/* ------------------------
   About Page
   ------------------------*/

.timeline-main {
	background-color: #fff;
	overflow: hidden;
	padding: 0;
	margin: 0;
	display: flex;
}
#timeline .object-fit-fill {
	max-height: 100%;
}
#timeline-menu li:first-child {
	padding-left: 15px;
}
.timeline-nav {
	padding: 10px;
	background-color: #ebf1f9;
}
.timeline-main .image::before {
	position: absolute;
	display: inline-block;
	border-bottom: 18px solid #9617b600;
	border-left: 18px solid #fff;
	border-top: 18px solid #b5cb2000;
	border-right-color: rgba(255, 70, 70, 0.2);
	left: 33.94%;
	top: 42%;
	content: '';
}
#timeline-menu a {
	color: #122c50;
	font-weight: 600;
	font-size: 17px;
	letter-spacing: 0.03em;
}
.timeline-main p {
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	color: #122C50;
}
ul#timeline-menu {
	list-style-type: none;
	margin-bottom: 0;
}
#timeline-menu li a {
	display: inline-block;
	text-decoration: none;
}
#timeline-menu li a:hover {
	color: #f0714f;
}
#timeline-menu li {
	float: left;
	padding-right: 15px;
	letter-spacing: 0.02em;
	margin-bottom: 0;
}
#timeline-menu li a:hover {
	text-decoration: underline;
}
#timeline-menu li a:active {
	text-decoration: underline;
}
ul#timeline-menu {
	display: flex;
	justify-content: space-between;
}
.partner-page-title {
	text-transform: inherit;
	font-weight: 700;
	text-align: left;
	margin-top: 0;
	margin-bottom: 2.5rem;
}
hr.partner-line {
	margin-top: 4rem;
}

/* ------------------------
   Board of Directors Page
   ------------------------*/

#board h4 {margin-bottom: 0;}
#board h6 {margin-bottom: 1.75rem;}
#board .bio-block {min-height: inherit; margin-bottom: 1.5rem;}
#board .bio-block button.read-more {margin-bottom: 1.5rem;}


/* ------------------------
   Home Page
   ------------------------*/

#leadership .nine.columns {
	width: 77%;
}
#leadership .three.columns {
	margin-left: 3%;
}
#leadership h4 {
	margin-bottom: 0;
}
#leadership h6 {
	margin-top: 0;
	margin-bottom: 1.5rem;
}
/*.bg-screen {
	background-color: rgba(0,0,0,0.45);
	padding-bottom: 2rem;
}*/
#home .lined-box td {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
	line-height: 2.5rem;
    letter-spacing: 0.02em;
	color: #122c50;
	border-bottom: none;
	padding: 20px;
}
#home .lined-box td:first-child {
	border-right: 2px solid #c1d9f5;
}
#home .lined-box th {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
	line-height: 2.5rem;
    letter-spacing: 0.02em;
	color: #122c50;
	border-bottom: 2px solid #c1d9f5;
	border-collapse: collapse;
	padding: 20px;
}
#home .lined-box th:first-child {
	border-right: 2px solid #c1d9f5;
}
#home .border-row {
	background-color: #fff;
    height: 360px;
    overflow: hidden;
/*
    border: 2px solid #ebf1f9;
*/
    padding: 0;
}
#home .six.columns img.object-fit-fill {
	max-height: 360px;
	width: 100%;
	height: 360px;
}
#home .notch-container .child {
	top: 65%;
}
#home-video {
	position: relative;
	width: 100%;
	height: 755px;
	max-height: 1080px;
	margin: 0;
	background: url(../images/home/titan-dive-bks-home-2.jpg) no-repeat center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	overflow: hidden;
}
@keyframes fade-in {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fade-in { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fade-in { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fade-in { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}​
@keyframes fade-out {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-moz-keyframes fade-out { /* Firefox */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-webkit-keyframes fade-out { /* Safari and Chrome */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-o-keyframes fade-out { /* Opera */
    from {
        opacity:1;
    }
    to {
        opacity: 0;
    }
}

.video-bg {
	position: absolute;
	right: 0;
	top: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	display: block;
	opacity: 1;
	 -moz-animation: fade-out 3s ease-in forwards; /* Firefox */
    -webkit-animation: fade-out 3s ease-in forwards; /* Safari and Chrome */
    -o-animation: fade-out 3s ease-in forwards; /* Opera */
    animation: fade-out 3s ease-in forwards;
    -moz-animation-delay: 7s;
    -webkit-animation-delay: 7s;
    -o-animation-delay: 7s;
    animation-delay: 7s;
}
.header video {
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	top: 0;
	object-fit: cover;
}
#home blockquote h2:after {
	margin-top: 20px;
}
#home h2.align-center.no-top-margin.lc.bold {
	padding-bottom: 20px;
}
#home .cta p {
	padding-left: 16px;
}
#join-titanic {
	height: 390px;
	margin-top: 36px;
	background: url(../images/expeditions/titanic/titanic-wreckage-cropped.jpg) no-repeat center center;
	background-size: cover;
	max-width: 1280px;
	padding: 0;
}
#join-shark {
	height: 390px;
	margin-top: 36px;
	background: url(../images/expeditions/possession-sound/sixgill-still.jpg) no-repeat center center;
	background-size: cover;
	max-width: 1280px;
	padding: 0;
}
.join-titanic-container.container.u-full-width {
	margin-bottom: 0;
}
#join-titanic h2,
#join-titanic h3,
.text-overlay h2 {
	color: #fff;
	text-shadow: 2px 2px #000;
}
#join-titanic button,
.text-overlay .btn-wrapper button {
	background: rgba(36, 104, 155, 0.72);
	border: 1px solid #122C50;
	font-size: 16px;
}
#join-titanic button a,
.text-overlay .btn-wrapper button a {
	color: #fff;
}
#join-titanic button:hover,
.text-overlay .btn-wrapper button:hover {
	background: #f0714f;
}
#home-news {
	background-color: #122C50;
	margin: 5rem 0 4rem 0;
	padding: 1.5rem 0 5rem 0;
}
#home-news h2 {
	text-align: center;
	text-transform: uppercase;
	color: #F0714F;
	font-weight: 700;
	padding-bottom: 0;
	font-size: 3rem;
}
#home-news h4 {
	text-align: center;
	color: #1EAEDB;
	font-size: 2.1rem;
}
#home .cta {
	margin: 6rem 0;
}
#home .cta {
	background-color: transparent;
	background: linear-gradient(to right, rgba(18,44,80,1) 40%,rgba(18,44,80,0.89) 45%,rgba(19,46,82,0.25) 48%,rgba(125,185,232,0) 100%), url("../images/home/titanic-scanning-render.jpg") no-repeat center;
	z-index: 100;
	background-size: cover;
	background-position: right;
	padding: 10px 10px 30px 10px;
	max-height: 330px;
}
#home .titanic-gradient {
	background: transparent;
}
#home .nine.columns {
	z-index: initial;
}
.home-titanic {
	z-index: -1; 
	float: right; 
	height: 330px;
}




/*------------------------- 
    Expeditions Page
--------------------------*/

h4.ul-title {
	margin-top: 3rem; 
	margin-bottom: 0;
	line-height: 3rem;
}
.first-ul-title {
	margin-top: 0;
}
h4.first-ul-title {
	margin-bottom: 0;
}



/*------------------------- 
    News and Media Page
--------------------------*/

#news-media .section-title {
	background: #1eaedb;
	color: #fff;
	padding: 15px;
	margin: 0 0 15px 0;
	text-align: center;
	letter-spacing: 0.015rem;
}
#news-media .section-title:hover {
	background: #F0714F;
}
#news-media .bx-wrapper {
	margin-bottom: 45px !important;
}
#news-media .four.columns { 
	width: 30%; 
	background: #fff;
	padding: 0;
}
#news-media .columns { 
	margin-left: 5%; 
}
#news-media .six.columns { 
	margin-left: 4%;
	background-color: #fff;
}
#news-media .columns:first-child { 
	margin-left: 0; 
}
#news-media h3.section-title a {
	color: #fff;
}
#news-media container {
	padding: 0;
}
.news-block {
	padding: 20px 20px 28px 20px;
	border-bottom: 1px solid #cecece;
}
.news-block h5 {
	font-size: 1.8rem;
	line-height: 2.6rem;
	margin-bottom: 0;
}
.news-block a {
	text-decoration: none;
}
.news-block h5 a:hover {
	color: #f0714f;
}
.news-block h6.date {
	font-size: 1.4rem;
	line-height: 2rem;
	margin: 0 0 .25rem 0;
	text-transform: none;
	text-align: left;
	font-style: italic;
}
.news-block p {
	padding-top: 1rem;
	margin-bottom: 0;
}
.news-img {
	object-fit: cover;
	width: 100%;
	margin-top: 1.25rem;
	margin-bottom: .5rem;
}


/*------------------------- 
    Blog Page
--------------------------*/

.post-block {
	display: flex;
	align-items: flex-start;
	min-height: 160px;
}
.post-block button {
	margin-top: 0;
}
.post-block .three.columns {
	align-self: center;
}
h6.date {
	font-size: 1.5rem;
	margin: 0 0 2rem 0;
	text-transform: none;
	text-align: left;
	font-style: italic;
}
.post-title {
	text-transform: inherit;
	letter-spacing: 0;
	text-align: left;
	font-weight: 700;
}
h5.first-post-title {
	margin-top: 0;
	padding-top: 0;
	text-transform: inherit;
	letter-spacing: 0;
	font-weight: 700;
	text-align: left;
	margin-bottom: 2px;
}
.blog-post-title {
	text-transfrom: inherit;
	font-weight: 700;
	margin-top: 0;
	text-align: left;
}


/*------------------------- 
    Leadership Pages
--------------------------*/

.leadership-bio h3,
.leadership-bio h5 {
	text-align: left;
}
.leadership-bio h5 {
	margin-top: .5rem;
}
.leadership-bio h3 {
	margin-bottom: 0;
}
.leadership-bio figure.float-right {
	padding-top: 0;
	margin-top: 0;
	min-width: 230px;
}
.bio-block h5,
.bio-block h6 {
	text-align: left;
	text-transform: inherit;
}
.bio-block h5 a {
	text-decoration: none;
	font-weight: 700;
}
.bio-block h5 {
	margin-bottom: 0;
}
.bio-block h6 {
	margin-top: 0;
	font-size: 1.6rem;
}
.bio-block figure img {
	max-height: 150px;
	width: auto;
	float: right;
}
.bio-block figure {
	padding: 6px 0 0 0;
	margin: 0;
}
.bio-block figure.float-right {
	max-width: inherit;
	width: auto;
}
.bio-block {
	min-height: 160px;
	display: flex;
	align-items: flex-start;
}
.bio-block .three.columns {
 	align-self: center;
}
.post-block {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}
.post-block .four.columns,
.post-block .five.columns {
	margin-top: 1rem;
}
.post-block.first h6 {
	font-weight: normal;
	padding-left: 0;
	line-height: 2.4rem;
}
	
.rtable {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 3em 0;
  padding: 0;
  border: 1px solid #ddd;
}
.rtable-cell {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  padding: 0.8em 1.2em;
  overflow: hidden;
  list-style: none;
  border: solid 3px white;
}
.rtable-cell-1.bg,
.rtable-cell-2.bg {
  background: #f2f2f2;
}
.rtable .rtable-cell-1 {
	width: 25%;
	border-bottom: 1px solid #ddd;
}
.rtable .rtable-cell-2 {
	width: 74.8%;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.rtable .title-row {
	background-color: #122C50;
	font-weight: 700;
	border-color: #5a5a5a;
}
.title-row h5 {
	padding: 0;
	margin: 1rem;
	color: #fff;
}
.rtable p {
	padding: 1rem;
}
.rtable figure.float-right {
	max-width: none;
	width: 192px;
	min-width: inherit;
	margin-top: 0;
	padding-top: 1.2em;
}


/*------------------------- 
    Career Center Page
--------------------------*/

.job-openings hr {
	border-top: 1px solid #999;
	margin: 1rem 0 0 0;
}
.job-openings p {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.crew .what-our-subs hr {
	display: none;
}

/*------------------------- 
    Gallery Page
--------------------------*/

.photo-gallery h3,
.photo-gallery h5 {
	text-align: left;
}
.photo-album {
	float: left;
	padding-right: 30px;
}
.photo-gallery img.object-fit-fill {
	width: 233px;
	height: 160px;
	object-fit: cover;
}
#gallery h5 {
	font-size: 1.7rem;
	line-height: 2.1rem;
	letter-spacing: 0;
	color: #1EAEDB;
	margin-top: .75rem;
	margin-bottom: 4px;
}
#gallery p.date {
	color: #000;
	font-style: italic;
	font-size: 1.4rem;
	margin-bottom: 0;
	line-height: 1.4rem;
}
.photo-gallery .content-head-1 {
	margin-top: .5rem;
	margin-bottom: 1.5rem;
}
#gallery hr {
	margin-top: 3.5rem;
	margin-bottom:3.25rem;
}
#salish-sea h6 {
	font-size: 1.7rem;
	margin-top: 2rem;
}
.logos-flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}

.logos-flex-item {
  width: 200px;
  height: 80px;
  margin-top: 10px;
  text-align: center;
}
.logos-flex-item img {
	max-height: 80px;
	max-width: 200px;
}
@media screen and (max-width: 970px) {
  .logos-flex-item {
	  width: 140px;
	  height: 80px;
	  margin-top: 10px;
	  text-align: center;
	}
}
.photo-row {
	padding-left: 0;
	padding-right: 0;
}


/*------------------------- 
    Contact Page
--------------------------*/

.contact-list hr {
	margin-top: 1.8rem;
	margin-bottom: 1.8rem;
}
.contact-list h6 {
	margin-top: 1.95rem;
}
.contact-list h5 {margin-bottom: 0;}
.contact-list p {margin-top: 0;}


/*-----------------------------
    Titan Development Timeline
-------------------------------*/

#tdt,
.tdt {
  border-collapse: collapse;
  width: 100%;
}

#tdt td,
.tdt td {
	vertical-align: top;
}

#tdt th,
.tdt th {
	border: 1px solid #122c50;
	padding: 15px;
}

#tdt td,
.tdt td {
  border: 1px solid #ddd;
  padding: 15px;
}

#tdt tr:nth-child(even),
.tdt tr:nth-child(even) {
	background-color: #f2f2f2;
}

#tdt th,
.tdt th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #122C50;
  color: #fff;
	border-color: #5a5a5a;
}
#tdt p,
.tdt p {
	margin-top: 0;
	margin-bottom: 0;
}
#tdt img,
.tdt img {
	float: right;
	padding: 6px 0 15px 15px;
	margin: 0;
	width: 200px; 
	height: auto; 
}


/*------------------------- 
    Carousel
--------------------------*/

#view-exp {
	padding: 30px 30px 10px 30px !important; 
}
.expeditions-carousel.container-row {
    padding: 0 30px 1px 30px;
}
.image-credit.container p.caption {
	margin-left: 0;
}
#expeditions .text.flex1 {
	padding-left: 30px;
}