/*



 Theme Name:   USS Mansfield



 Theme URI:    http://example.com/twenty-fifteen-child/



 Description:  Twenty Fifteen Child Theme



 Author:       John Doe



 Author URI:   http://example.com



 Template:     twentyfifteen



 Version:      1.0.0



 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready



 Text Domain:  twenty-fifteen-child



*/











@import url("../twentyfifteen/style.css");
ul, ol {
	padding-left:0;
	margin-left:20px;
	margin-bottom:10px
}
h1, h2, h3, h4, h5, h6 {
	margin-top:0px;
}
/* =Theme customization starts here



-------------------------------------------------------------- */



* {
	max-height: 100000px;
}
body {
	margin: 0;
	color: #000;
	font: 16px/22px 'Lato', Arial, Helvetica, sans-serif;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
	min-width: 1346px;
}
img {
	border-style: none;
}
a {
	text-decoration: none;
	color: #000;
}
input, textarea, select {
	font: 100% 'Lato', Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #000;
}
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
header, footer, article, section, hgroup, nav, figure, aside {
	display: block;
}
input[type="text"], input[type="password"], input[type="file"],  input[type="submit"], input[type="search"], input[type="email"], textarea {
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="submit"]:hover {
	cursor: pointer;
}
@font-face {
	font-family: 'TrajanProBold';
	src: url('fonts/TrajanProBold.eot');
	src: url('fonts/TrajanProBold.eot') format('embedded-opentype'),  url('fonts/TrajanProBold.woff2') format('woff2'),  url('fonts/TrajanProBold.woff') format('woff'),  url('fonts/TrajanProBold.ttf') format('truetype'),  url('fonts/TrajanProBold.svg#TrajanProBold') format('svg');
}
#wrapper {
	position:relative;
	overflow:hidden;
	min-height:1112px;
}
.container {
	max-width:1102px;
	margin:0 auto;
}
.container:after {
	display:block;
	clear:both;
	content:"";
}
#header {
	width:246px;
	position:absolute;
	left:0;
	top:0;
	z-index:9999;
}
#header .top-section {
	background: #0b244e;
	padding:0 32px;
	background-image:url(images/bg-menu.jpg);
	background-repeat:no-repeat;
}
.home #header .top-section {
	background:#162c52;
	background:rgba(11,36,78, .8);
}
.logo {
	padding:44px 0 25px;
	text-align:center;
}
#nav {
	padding:10px 0;
	border-top:3px solid #006699;
	border-bottom:3px solid #006699;
	position:relative;
	z-index:99;
}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	font-size:16px;
	line-height:20px;
	font-weight:700;
}
#nav ul li {
	background:url(images/separator.png) no-repeat;
}
#nav ul li:first-child {
	background:none;
}
#nav ul li a {
	padding:12px 0 13px;
	color:#fff;
	display:block;
}
#nav ul li.current-menu-item a,  #nav ul li:hover a {
	color:#ffde00;
}
.info-link {
	margin:-10px -32px 0;
	position:relative;
	padding:10px 32px 0;
	list-style:none;
	background:#071733;
	color:#fff;
	font-size:14px;
	line-height:18px;
}
.info-link li {
	background:url(images/separator1.jpg) repeat-x;
	padding:18px 0 16px;
}
.info-link li a {
	color:#ffde00;
}
.info-link li.fb a {
	color:#fff;
	background:url(images/ico.jpg) no-repeat;
	padding-left:31px;
	line-height:20px;
	display:block;
}
.info-link li.fb a:hover {
	color:#ffde00;
}
.info-link li a:hover {
	color:#fff;
}
.info-link li span {
	display:block;
	margin:0 0 11px;
	text-transform:uppercase;
	font-size:13px;
}
.info-link li h3 {
	font-size:16px;
	margin:0 0 10px;
}
.info-link li h3.tel {
	margin:0;
}
.guest {
	display:block;
	background:#0b244e;
	position:relative;
	margin:0 -32px;
	font-size:16px;
	color:#fff;
	line-height:20px;
	font-weight:700;
}
.visual.add .off-site {
	bottom:15px;
	margin:0;
}
.guest a {
	color:#fff;
	display:block;
	padding:10px 32px;
}
.guest a:hover {
	color:#ffde00;
}
.visual {
	position:relative;
	margin:0 0 39px;
}
.visual img {
	width:100%;
	display:block;
	height:auto;
}
.visual .caption {
	position:absolute;
	left:303px;
	right:50px;
	top:44px;
	z-index:99;
	bottom:0;
}
.visual .container {
	max-width:100%;
	margin:0 auto;
	position:relative;
	height:100%;
}
.visual .heading h1 {
	margin:0;
	color:#fff;
	font-size:70px;
	line-height:74px;
	text-transform:uppercase;
	font-family: 'TrajanProBold';
	font-weight:400;
	letter-spacing:-2px;
}
.visual .heading span {
	color:#ffde00;
	font-size:25px;
	line-height:28px;
	font-weight:700;
}
.tagline {
	position:absolute;
	bottom:0;
	left:0;
	font-size:18px;
	line-height:22px;
	color:#fff;
	font-weight:700;
}
.off-site {
	position:absolute;
	bottom:105px;
	left:0;
	font-size:17px;
	line-height:22px;
	font-weight:bold;
	color:#fff;
}
/*.board {



	position:absolute;



	left:50%;



	bottom:55px;



	background:url(images/btn-board.png) no-repeat;



	width:173px;



	height:173px;



	font-size:0;



	margin:0 0 0 -132px;



	line-height:0;



}



*/



.section {
	position:relative;
	margin-left:280px;
	margin-bottom:55px;
}
.section .container {
	max-width:1102px;
	margin:0 auto;
}
.section .heading {
	text-align:center;
	font-size:15px;
	line-height:18px;
	text-transform:uppercase;
}
.section .heading p {
	margin:0 0 8px;
	word-spacing:4px;
	padding-left:12px;
	letter-spacing:5px;
}
.section .heading h1 {
	margin:0 0 14px;
	font-size:40px;
	line-height:44px;
	text-transform:uppercase;
	padding:0 0 13px;
	border-bottom:1px solid #a3a3a3;
	letter-spacing:0;
}
.section .holder {
	overflow:hidden;
}
.section .alignleft {
	float:left;
	margin:6px 26px 0 0;
}
.section .description {
	overflow:hidden;
}
.section .description p {
	margin:0 0 21px;
}
.section .description .list {
	margin:0 0 23px;
	padding:0;
	list-style:none;
	overflow:hidden;
	line-height:19px;
}
.section .description .list li {
	padding:3px 45px;
	float:left;
	position:relative;
}
.section .description .list li:after {
	position:absolute;
	left:0;
	top:4px;
	bottom:4px;
	content:"";
	background:#000;
	width:1px;
}
.section .description .list li:first-child:after {
	display:none;
}
.section .description .list li:first-child {
	padding-left:0;
}
.btn-holder {
	text-align:center;
	display:block;
	padding-right:258px;
}
.btn-holder .btn {
	width:182px;
	border:1px solid #ccc;
	padding:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:45px;
	display:block;
	font-style:normal;
	margin:0 auto;
}
.btn-holder .btn a {
	display:block;
	background:#a00000;
	line-height:33px;
	height:33px;
	font-size:16px;
	color:#ffde00;
	font-weight:700;
}
.btn-holder .btn a:hover {
	background:#071733;
}
#footer {
	position:relative;
	border-bottom:10px solid #071733;
}
#footer:after {
	position:absolute;
	bottom:-10px;
	right:0;
	width:43%;
	content:"";
	background:#bd0505;
	height:10px;
}
#footer .img {
	display:block;
	width:100%;
	height:auto;
}
.footer-content {
	background:#0b244e;
	overflow:hidden;
	padding:10px 30px;
	position:relative;
}
.footer-content .text {
	float:right;
	text-align:right;
	width:40%;
	font-size:14px;
	line-height:17px;
	padding:10px 0;
	color:#fff;
}
.footer-content .text p {
	margin:0;
}
.copy {
	margin:0;
	color:#fff;
	font-size:14px;
	line-height:20px;
	padding:16px 0 0;
}
.footer-content .logo {
	position:absolute;
	left:50%;
	top:10px;
	margin:0 0 0 -14px;
	padding:0;
}
.des-tab {
	display:block !important;
}
.mob-tab {
	display: none !important;
}
.des {
	display:block !important;
}
.mob {
	display: none !important;
}
.wrap2 {
	overflow:hidden;
}
.opener {
	display:none;
	float:left;
	position:relative;
	border-radius:3px;
	color:#fff;
	font-weight:600;
	line-height:16px;
	font-size:13px;
	margin:12px 0 14px 12px;
}
.opener.add {
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	width:31px;
	height:31px;
	margin:6px 10px 0 20px;
}
.opener.add:before,  .opener.add:after,  .opener.add span {
	background:#fff;
	border-radius:4px;
	position:absolute;
	top:16px;
	left:5%;
	right:5%;
	height:3px;
	margin-top:-2px; /* height/2 */
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.opener.add:before,  .opener.add:after {
	content:'';
	top:10px;
}
.opener.add:after {
	top:22px;
}
/* close button transition */



.close-btn span,  .active .opener span {
	opacity:0;
}
.opener:hover {
	opacity:.9;
}
.close-btn:after,  .close-btn:before,  .active .opener:after,  .active .opener:before {
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	top:16px;
	left:15%;
	right:15%;
}
.close-btn:after,  .active .opener:after {
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.menu .drop {
	float:none;
}
#main {
	position:relative;
	min-height:800px;
	margin-left:280px;
}
#main .container {
	max-width:1102px;
	margin:0 auto;
}
#content {
	line-height:23px;
	padding:0 0 60px;
}
#content p {
	margin:0 0 20px;
}
#content h1 {
	margin:0 0 20px;
	font-size:40px;
	line-height:44px;
	text-transform:uppercase;
	border-bottom:1px solid #a3a3a3;
	padding:0 0 15px;
	margin:0 0 18px;
	text-align:center;
	letter-spacing:1px;
}
.breadcrumb {
	position:relative;
	margin:0 0 40px -111px;
	padding:0;
	list-style:none;
	overflow:hidden;
	font-size:14px;
	line-height:18px;
	color:#1f1e1e;
}
.breadcrumb li {
	float:left;
	background:url(images/separator2.jpg) no-repeat 0 4px;
	padding:0 14px;
}
.breadcrumb li:first-child {
	background:none;
	padding-left:0;
}
.breadcrumb li a {
	color:#1f1e1e;
}
.breadcrumb li a:hover {
	text-decoration:underline;
}
#content .alignleft {
	float:left;
	width:auto;
	background:#e2e2e2;
	margin:8px 30px 25px 0;
}
#content .list {
	margin-left:30px;
}
#content .alignright img,  #content .alignleft img {
	width:100%;
	height:auto;
	display:block;
}
#content .alignright {
	float:right;
	width:auto;
	margin:8px 0 25px 30px;
}
.clear {
	clear:both;
}
#content h2 {
	font-size:35px;
	line-height:38px;
	margin:0 0 20px;
}
#content h3 {
	font-size:30px;
	line-height:34px;
	margin:0 0 20px;
}
 @media screen and ( max-width:1680px ) {
#footer .img {
	position:relative;
	width:1700px;
	left:50%;
	margin:0 0 0 -850px;
}
.visual img {
	position:relative;
	width:1700px;
	left:50%;
	margin:0 0 0 -850px;
}
}
 @media screen and ( max-width:1600px ) {
.off-site {
	bottom:10px;
}
}
 @media screen and ( max-width:1346px ) {
body {
	min-width:320px;
}
.visual img {
	position:relative;
	width:1600px;
	left:50%;
	margin:0 0 0 -800px;
}
.visual .caption {
	left:260px;
	width:26%;
}
.section .heading h1 {
	font-size:30px;
	line-height:34px;
}
.section .description .list li {
	padding:3px 10px;
	font-size:12px;
}
.btn-holder {
	padding-right:0;
}
.footer-content .text {
	font-size:11px;
}
#nav ul li a {
	padding:11px 0 12px;
}
.visual .heading h1 {
	font-size:40px;
	line-height:44px;
}
.breadcrumb {
	margin:0 0 30px;
}
.gallery-item img{width:100%;height:auto}
}
 @media screen and ( max-width:999px ) {
.copy {
	font-size:11px;
}
.footer-content .logo {
	margin-left:-60px;
}
.footer-content {
	padding:10px;
}
.footer-content .text {
	width:42%;
}
.wrap2.side-push {
	overflow:hidden;
	position:relative;
}
.wrap2.side-push .drop {
	position:absolute; /* change to fixed */
	top:0;
	left:-100%;
	width:100%;
	bottom:0;
	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;
	background:rgba(0, 0, 0, 0.75);
	z-index:9999;
}
.wrap2.side-push .drop > .opener.add {
	margin-top:0;
}
.wrap2.side-push .hold {
	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;
}
.wrap2.side-push.active .hold {
	margin:0 0 0 240px;
	min-width:480px;
}
.wrap2.side-push.active .drop {
	left:0;
}
.wrap2.side-push .drop .opener {
	position:absolute;
	right:5px;
	top:5px;
	z-index:999;
}
.opener {
	display:block;
}
.drop {
	overflow:scroll !important;
	position:fixed !important;
	top:100%;
	left:0;
	right:0;
	z-index:999;
}
.wrap2.side-push.active .drop .inner {
	position:absolute;
	left:0;
	top:0;
	width:246px;
	bottom:0;
	background:#0b244e;
	padding:40px 32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#nav {
	border-top:none;
	padding-top:0;
}
#header {
	position:static;
	background:#071733;
	float:none;
	width:100%;
	overflow:hidden;
}
#header .logo {
	float:left;
}
.mob-nav {
	float:right;
	padding-top:60px;
}
.visual .caption {
	left:10px;
}
.section {
	margin-left:0;
	padding:0 10px;
}
#main {
	margin-left:0;
	padding:0 10px;
}
.visual .caption {
	right:0;
}
}
 @media screen and ( max-width:767px ) {
.des {
	display:none !important;
}
.mob {
	display: block !important;
}
#header .top-section {
	padding:0 10px;
}
.section .alignleft {
	float:none;
	margin:0 0 15px;
	width:100%;
	height:auto;
}
.footer-content {
	padding-top:70px;
}
.footer-content .text {
	float:none;
	text-align:center;
	width:100%;
}
.footer-content .logo {
	margin-left:-46px;
}
.copy {
	text-align:center;
	padding-top:0;
}
body {
	font-size:14px;
	line-height:1.4em;
}
#content .alignleft {
	width:45%;
	margin:6px 15px 15px 0;
}
#content .alignright {
	width:45%;
	margin:6px 0 15px 15px;
}
#content .list {
	margin-left:auto;
}
#content h1 {
	font-size:22px;
	line-height:26px;
}
.breadcrumb li {
	padding:0 12px;
}
#content {
	padding-bottom:15px;
}
.off-site {
	position:static !important
}
.visual .caption {
	width:auto
}
}
 @media screen and ( max-width:479px ) {
.visual img {
	width:1000px;
	margin:0 0 0 -495px;
}
#footer .img {
	width:1000px;
	margin:0 0 0 -500px;
}
.visual .caption {
	top:12px;
}
.off-site {
	bottom:10px;
	margin:0;
	font-size:14px;
	line-height:18px;
}
.section .heading p {
	letter-spacing:0;
	word-spacing:0;
}
.section .heading h1 {
	font-size:20px;
	line-height:26px;
}
.section .description .list li {
	font-size:9px;
	padding-top:0;
	padding-bottom:0;
}
.visual .heading h1{ font-size:32px; line-height:35px;}
}
a[title="button"] {
	background: #006699;
	border-radius: 5px;
	display: inline-block;
	font-family: inherit;
	color: #ffffff;
	padding: 10px 20px;
	font-weight: bold;
	text-shadow: 2px 4px 6px #000;
	border-bottom: 2px solid rgb(1, 0, 82);
	-webkit-transition: all 0.5s linear;
}
a[title="button"]:hover {
	background: #3C5071;
}
img.aligncenter {
	margin: 0 auto;
	display: block;
}
.wp-caption-text {
	color:#000;
	text-align:center;
	font-weight:bold;
	font-size:12px;
}
.shipmates img {
	margin: 0 5px 0 0 !important;
}
.gallery-columns-3 .gallery-item {
	margin:0 0 20px 0;
	padding:0;
}
.gallery-columns-2 .gallery-item {
	margin:0 0 20px;
	padding:0;
}
#content table {
	margin:0 0 20px;
}
.wolmido {
	background:#000;
	padding:20px;
	margin:0 auto 20px;
	width:80%;
	border-radius:5px;
}
.wolmido h2 {
	font-size:25px !important;
	margin:0px !important;
	line-height: 27px !important;
}
.sea-classics {
	display:inline !important;
	vertical-align: middle;
}
#post-140 table {
	display:table;
	margin:0 auto 20px;
	width:95%;
}