/*
Theme Name: Sailing Fast
Author: unavoided
Version: 2.0
Text Domain: sailingfast
*/

* {margin:0; padding:0; color:#021d2a; font-family: "itc-avant-garde-gothic-pro", sans-serif;	font-weight: 300;	font-style: normal; font-style: normal;  }
html {background:#fff; min-height:100%; overflow-x: hidden; scroll-behavior: smooth;}
body {min-height:100%;}

h1, .h1 {margin-bottom:2%;  font-weight: 500 !important; inherit font-style: normal; font-size: 36px;}
h2, .h2 {margin-bottom:2%;  font-weight: 500 !important;font-style: normal; font-size: 27px; }
h3, .h3 {margin-bottom:2%;  font-weight: 500; font-style: normal; font-size: 20px; }
h4, .h4 {margin-bottom:2%;  font-weight: 500;font-style: normal;  font-size: 18px;}
p  {margin-bottom:3%; font-size:16px; line-height:1.50em; font-weight: 400;}
ul {margin-bottom:3%; padding-left:3%; }
li {font-size:16px;  font-weight: 300; }
em {font-style: italic; font-weight: inherit;}
strong {font-weight: 500;}

.fasttext {font-weight: 700;	font-style: italic;}

.whitetext, .whitetext h1, .whitetext h2, .whitetext h3, .whitetext h4, .whitetext li, .whitetext span, .whitetext p, .whitetext strong {color: #fff;}
.boldtext, strong, b {font-weight: 700;}
.nomargin {margin-bottom: 0 !important;}
.centered {text-align: center;}

/*layout*/
main {  width: 100%;}
section {  width: 100%;  }
.container {  max-width: 1280px;  margin: 0 auto;}
.blogcontainer {  max-width: 960px;  margin: 0 auto;}
.padding {padding: 3%; width: 94%}

.pageintro {max-width: 800px;}

/*header*/
.site-header {	position: absolute;	top: 0;	left: 0;	right: 0;	z-index: 50;	display: flex;	align-items: stretch;	height: 60px;}
.site-logo {	width: 175px;	height: 60px;	background: #021d2a;	display: flex;	align-items: center;	justify-content: center;	}
.site-logo img {	max-height: 70%;	height: auto;	display: block;}

.main-nav {	background: #021d2a;	display: flex;	align-items: center;	padding: 0 30px;	flex: 1;}
.main-menu {	display: flex;	align-items: center;	gap: 26px;	list-style: none;	margin: 0;	padding: 0;}
.main-menu a {	color: #fff;	text-decoration: none;	font-size: 18px;	line-height: 1;	white-space: nowrap;}
.main-menu a:hover {	color: #01abc4;}

/*homepage*/
.hero-slider {	position: relative;	height: 80vh;	min-height: 550px; overflow: hidden;}
.hero-slider::after {	content: "";	position: absolute;	left: 0;	right: 0;	bottom: 0;	height: 45%;	z-index: 2;	pointer-events: none;	
background: linear-gradient(
		to top,
		rgba(1, 171, 196, 0.95) 0%,
		rgba(1, 171, 196, 0.75) 30%,
		rgba(1, 171, 196, 0.20) 70%,
		rgba(1, 171, 196, 0) 100%
	);
}
.hero-slide {	position: relative;	background-size: cover;	background-position: center;	background-repeat: no-repeat;}
.hero-slide::before {	content: "";	position: absolute;	inset: 0;	background: #021d2a;	opacity: 0.55;	mix-blend-mode: multiply;	z-index: 1;}
.shop-info {	position: absolute;	left: 6%;	top: 50%;	transform: translateY(-50%);	z-index: 100;	text-align: left;	color: #fff;}
.shop-title {font-size: 120px;}
.shop-info, .trust-indicators {	z-index: 100;}

.trust-indicators {	position: absolute;	left: 6%;	right: 6%;	bottom: 45px;	z-index: 100;	display: grid;	grid-template-columns: repeat(4, 1fr);	gap: 45px;}
.trust-item {	display: flex;	align-items: flex-start;	gap: 12px;}
.trust-icon {	width: 36px;	height: 36px;	flex-shrink: 0;	object-fit: contain;	margin-top: 2px;}
.trust-item h3 {font-weight: 700;	font-style: italic; }



/*footer*/
.site-footer {	background: #021d2a;	color: #fff;	padding: 60px 0;}
.footer-grid {	display: grid;	grid-template-columns: repeat(4, 1fr);	gap: 40px;}
.site-footer h4 {	color: #fff;	margin-bottom: 15px;	font-size: 14px;	text-transform: uppercase;	letter-spacing: 1px;}
.site-footer ul {	list-style: none;	padding: 0;}
.site-footer li {	margin-bottom: 8px;}
.site-footer a {	color: rgba(255,255,255,0.8);	text-decoration: none;}
.site-footer a:hover {	color: #fff;}
.site-footer p {	color: rgba(255,255,255,0.8);	font-size: 14px;	line-height: 1.6;}
.site-footer p strong {color: rgba(255,255,255,0.8) !important;}
.site-footer .menu {	padding: 0;}
.shop-footlogo {	max-width: 220px;	height: auto;	margin-bottom: 10px;}
.footer-credit-text {	font-size: 12px;	margin-top: 20px;	margin-bottom: 6px;	opacity: 0.6;	letter-spacing: 0.05em;	text-transform: uppercase;}
.footer-credit-logo {	max-width: 120px;	opacity: 0.8;	transition: opacity 0.2s ease;}
.footer-credit-link:hover .footer-credit-logo {	opacity: 1;}

.mailing-list{	position:relative;	padding:2% 0;	background:
			linear-gradient(90deg,
			rgba(2,25,33,.78) 0%,
			rgba(4,88,110,.60) 45%,
			rgba(4,88,110,.30) 100%),
		url('images/mailinglist.jpg') center/cover no-repeat;
}

.mailing-list__content{	display:flex;	align-items:top;	justify-content:center;	gap:40px;}
.mailing-list__text span{	display:block;	text-transform:uppercase; margin-bottom:8px;}
.mailing-list__text p{	margin:0;	opacity:.9;}
.mailing-list__form{	flex:1;	max-width:400px;}
.mailing-list__text {	flex:1;	max-width:400px;}



@media (max-width: 900px) {
.trust-indicators {		grid-template-columns: repeat(2, 1fr);		bottom: 30px;	}

}

@media (max-width: 600px) {
	.trust-indicators {		display: none;	}

}

@media (max-width:768px){
.mailing-list__content{		flex-direction:column;		align-items:flex-start;	}
.sender-form{		flex-direction:column;		width:100%;	}
.sender-form button{		width:100%;	}

}