/*--Import GLOBAL CSS--*/
@import url('/wp-content/themes/oceanworld/css/global.css');

.container{max-width:159.9rem; padding-left:3rem; padding-right:3rem;}
@media(max-width:575px){
	.container{padding-left:1.5rem; padding-right:1.5rem;}	
}



h3 {font-size: 26px;font-family:var(--secondary-font);border-bottom: 3px solid hsl(var(--blue));padding-bottom:10px;margin:20px 0 10px 0;}
.woocommerce-MyAccount-navigation-link--dashboard,
.woocommerce-MyAccount-navigation-link--orders,
.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-navigation-link--edit-address,
.woocommerce-MyAccount-content {display: none !important;}
.wishlist-header i:before {color:hsl(var(--blue));}
.wishlist-header a {color:hsl(var(--blue));text-transform: uppercase;font-weight:bold;}

.header-blue-border {background:hsl(var(--blue));color:#FFF;text-transform: uppercase;padding:20px;}

h2.woocommerce-loop-product__title {color:hsl(var(--blue));}

.product-categories a {color:hsl(var(--blue));text-transform: uppercase;border-bottom:1px solid #000;padding:10px;width:100%;}
.product-categories a:hover {background:hsl(var(--blue));color:#FFF;}


.servicelog-template {border-bottom: 3px solid hsl(var(--blue));padding-bottom:10px;margin:20px 0 10px 0;}

.single-datapoint {}
.group .single-datapoint {display:inline;}

.wc-tabs {display:none;}
.woocommerce-tabs h2 {margin-bottom:20px;}
body{font-family:var(--font-family); font-size:var(--body-font-size); color:hsl(var(--black)); overflow-x:hidden;}


.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist {position: relative !important;    display: contents;}


img {height:auto;}

.review-slider {overflow:hidden;}
/*
.review-slider .swiper-slide{height:100%; overflow:hidden; position:relative; isolation:isolate;}
*/

.wishlist-header,
.wishlist-header i {color: var(--primary-color);margin-right: 10px;}
.feedback {font-size: 14px;}
.feedback i {font-size: 24px;}
.collections-header {display: flex;border-bottom: 2px solid var(--primary-color);padding: 10px;margin-bottom: 30px;}
.collections-header .wishlist-header {flex: 50%;}
.collections-header .search-wrapper {text-align: right;}


.searchform {border:2px solid #000;}
.searchform #s {border: 2px solid var(--primary-color);}
.searchform #searchsubmit {    margin-left: -3px;
    background: #022b8a;
    color: #FFF;
    border: 2px solid #022b8a;}

.woocommerce-loop-product__title {font-size:20px;min-height:60px;}
.woocommerce div.product {margin-bottom:40px;}

.product-slider-wrap{position:relative;}
.product-slider-section{background:url(/wp-content/themes/birdsallmarine/images/bg-2.jpg) center center no-repeat; background-size:cover;}
.product-slider-wrap .slider-arrow{color:#fff;}
.product-slider{overflow:hidden;}
.product-slide{background-color:#fff; padding:25px;}
.product-slide-image {text-align: center;}
.product-slide-image img {max-height: 300px;}
.product-slide-image:not(:last-child), .product-slide-content:not(:last-child){margin-bottom:15px;}
.product-slide-content h6:not(:last-child){margin-bottom:10px;} 
.product-slide-content h6 {font-size:20px;}

header{min-height:43rem; background:url(/wp-content/themes/oceanworld/images/header-bg.jpg) center center no-repeat; background-size: 100% 100%; padding:5rem 3rem; display:flex; flex-direction:column; align-items:center; position:relative;}
.logo img{max-width:44.8rem;}
header nav:not(:first-child){margin-top:3rem;}
nav{align-items:center; justify-content:center;z-index: 99;}
nav a:not(:last-child){margin-right:6rem;}
nav a{font-size:2.4rem; text-transform:uppercase; font-weight:var(--fw-bold); color:hsl(var(--blue));}
.contact-btn{font-size:2.4rem; font-weight:var(--fw-bold); color:hsl(var(--white)); min-width:22rem; height:5.4rem; border-radius:5rem; background-color:hsl(var(--blue)); padding:1rem 1.5rem; display:flex; align-items:center; justify-content:center;}
header .contact-btn{position:absolute; right:calc((100vw - 159.9rem) / 2); top:4rem;}
header .nav-icon{position:absolute; right:3rem; top:1.5rem;}

h1.headding-strip{background-color:hsl(var(--blue)); color:hsl(var(--white)); font-weight:var(--fw-bold); padding:1rem 3rem; min-height:14rem; text-align:center; display:flex; align-items:center; justify-content:center; text-transform:uppercase;}

.intro-section{padding:6rem 0; background-color:hsl(0, 0%, 96%);}
.intro-section h2{margin-bottom:3rem; font-weight:var(--fw-medium); text-transform:uppercase; color:hsl(var(--dark-gray));}
.intro-section .buttons:not(:first-child){margin-top:5rem;}
.buttons{display:flex; align-items:center; justify-content:center;}
.buttons .btn:not(:last-child){margin-right:4rem;}

.dark-background-row {background: hsl(var(--blue));}

.service-section{position:relative; isolation:isolate;}
.service-section::before{position:absolute; left:0; top:0; width:100%; height:75%; content:""; z-index:-1; background-color:hsl(0, 0%, 96%);}
.service-section h2{color:hsl(var(--dark-gray)); text-transform:uppercase; font-weight:var(--fw-medium);}
.service-section h2:not(:last-child){margin-bottom:1rem;}
.services{padding:5rem 0; background-color:hsl(var(--blue)); display:flex; justify-content:space-between; margin:0 -1.5rem; position:relative; isolation:isolate;}
.services::before{position:absolute; left:-100vw; top:0; width:200vw; height:100%; background-color:hsl(var(--blue)); content:""; z-index:-1;}
.services ul{padding:0 1.5rem;}
.services ul li p{color:hsl(var(--white)); font-weight:var(--fw-medium);}
.services ul li:not(:last-child){margin-bottom:3rem;}
.service-section figure{position:relative; z-index:99;}
.service-section figure img{margin:0 auto;}

.section{padding:5rem 0;}
.section-header:not(:last-child){margin-bottom:5rem;}
.collections-menu h3,
.section-header h2{font-weight:var(--fw-medium); text-transform:uppercase; color:hsl(var(--dark-gray));}
.section-header h2:not(:last-child), .section-header p:not(:last-child){margin-bottom:2.5rem;}
.image-grid{display:grid; grid-template-columns:repeat(5, 1fr); gap:4rem;}
.image-grid img{width:100%;}

.contact-strip{padding:1rem 3rem; text-align:center; font-weight:var(--fw-medium); color:hsl(var(--white)); background-color:hsl(var(--blue)); min-height:11rem; display:flex; align-items:center; justify-content:center;}

footer{min-height:55rem; background:url(/wp-content/themes/oceanworld/images/footer-bg.jpg) center center no-repeat; background-size:cover; padding:5rem 0; text-align:center;}
footer p{font-size:1.4rem; font-weight:var(--fw-medium); color:hsl(var(--blue));}
footer p:not(:first-child){margin-top:4rem;}
footer ul{margin:-.5rem -2rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
footer ul li{padding:.5rem 2rem;}
footer ul li a{font-family:var(--secondary-font); font-size:1.6rem; font-weight:var(--fw-bold); text-align:center; color:hsl(var(--blue)); white-space:nowrap;}

footer .socila-media:not(:last-child){margin-bottom:3rem;}
.socila-media{display:flex; align-items:center; justify-content:center;}
.socila-media > *:not(:last-child){margin-right:2rem;}
.socila-media > *:hover{opacity:.7;}


#inner-page-header.no-header {    padding: 30px 0 30px 0;
    color: #FFF;
    background: hsl(var(--blue));
    font-weight: bolder;}

.wpcf7-submit,
.ow-button-base span {
	padding: 5px 15px !important;
	font-size: 18px;    
	font-family: var(--secondary-font) !important;
}
.wpcf7-submit,
.ow-button-base a {
	background: hsl(var(--blue)) !important;
    min-height: 45px !important;
    font-size: 14px !important;
	color: #fff !important;border: 0 !important;
    border-radius: 30px !important;
	width: 280px !important;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.wpcf7 label,
.wpcf7-form-control-wrap {width: 100%;}
.wpcf7-form-control {border: 2px solid #000;width: 100%;}
.wpcf7-textarea {height: 120px;}
.wpcf7-radio,.wpcf7-file {border: none !important;}

#main ul {margin: 20px;}
#main ul li {font-size: 20px;list-style: initial;}
p {margin-bottom: 20px;}

.testimonial-slider {position: relative;overflow: hidden;}
.testimonial-slider .swiper-slide {padding: 0 60px;}

h3.widget-title {
	font-family: var(--secondary-font);
	border-bottom: 5px solid var(--primary-color);
	width: 700px;
	margin:  0 auto;
	max-width: 100%;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
p {font-size: 18px;}

.border-bottom h3 {border-bottom: 5px solid hsl(var(--blue));
    font-size: 24px;
    font-weight: bold;}
h2.contact-strip {margin-top: 40px;}
#pl-67 h3 {text-align: left;font-weight:bold;margin-left:0px;}
#pl-67 p {margin-bottom:0px;}

.sow-accordion-panel-header {background-color: hsl(var(--blue)) !important;font-weight:bold;}

#panel-67-0-0-3 .sow-social-media-button {background: none;border:0px;}
#panel-67-0-0-3 .sow-icon-fontawesome {color:#000;}

#pg-15-1 {margin-top:140px;margin-bottom: 140px;}
#pg-15-2 {margin-top:140px;}

#panel-15-1-0-0 .widget_text {    color: #FFF;
    text-align: center;
    padding: 99px;
    font-weight: bold;
    font-size: 30px;
    width: 400px;
    margin-left: 5.5%;
    padding-top: 125px;}
.position-absolute {position:absolute;}

.grey-background {background:#e5e5e5;}

.dark-background-row h3.widget-title {color: #FFF;border-bottom: 5px solid var(--primary-light-color);}

.dark-background-row p {color: #FFF;}
.negative-margin {margin-top:-140px;margin-bottom:-140px;}

.footer-top {margin-top: 40px;}

#inner-page-header {
    padding: 150px 0 100px 0;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    margin-bottom: 40px;background-size: cover !important;}
#inner-page-header h1 {font-family: var(--secondary-font);}
#inner-page-header p {font-size: 30px;}


/* Woocommerce  */

.woocommerce-input-wrapper,
.wpcf7 label,
.wpcf7-form-control-wrap,
.wpcf7-text {width: 100%;}
select,
.woocommerce-input-wrapper input,
.wpcf7-form-control, textarea {border: 2px solid #000;height: 40px;margin-bottom: 0px;}
.wpcf7-textarea, textarea {width: 100%;height: 120px !important;}
section.related{clear: both;display: block;width: 100%;margin-top: 60px;}


span.selection {display: block;}
.select2-container--default .select2-selection--single {border: 2px solid #000;border-radius: 0px;height: 40px;
    padding-top: 5px;}
.woocommerce form .form-row .select2-container {line-height: 0px;}



@media(max-width:1699px){
	header .contact-btn{right:3rem;}	
}
@media(max-width:1599px){
	header{min-height:40rem;}
	.logo img{max-width:40rem;}	
	nav a{font-size:2.2rem;}
	nav a:not(:last-child){margin-right:5rem;}
}
@media(max-width:1399px){
	header{min-height:35rem;}
	.logo img{max-width:37rem;}	
	nav a{font-size:2rem;}
	nav a:not(:last-child){margin-right:4rem;}
	.contact-btn{font-size:2rem; min-width:20rem; height:5rem;}
	.services ul li:not(:last-child){margin-bottom:2rem;}
	.image-grid{gap:3rem;}
	footer{min-height:50rem;}
}
@media(max-width:1199px){
	header{min-height:30rem; padding:4rem 3rem;}
	.logo img{max-width:32rem;}	
	nav a{font-size:1.8rem;}
	nav a:not(:last-child){margin-right:3rem;}
	.contact-btn{font-size:1.8rem; min-width:18rem; height:4.6rem;}
	.intro-section{padding:4rem 0;}
	.intro-section .buttons:not(:first-child){margin-top:3rem;}
	.buttons .btn:not(:last-child){margin-right:3rem;}
	.services{padding:3rem 0;}
	.service-section{text-align:center;}
	.service-section figure img{max-width:50rem;}
	.services{justify-content:center;}
	.services ul li:not(:last-child){margin-bottom:1rem;}
	.section{padding:4rem 0;}
	.image-grid{grid-template-columns:repeat(3, 1fr); gap:2rem;}
	.contact-strip{min-height:8rem;}
	footer{padding:4rem 0;}
	footer p:not(:first-child){margin-top:3rem;}
	footer ul{margin:-.5rem -1rem;}
	footer ul li{padding:.5rem 1rem;}
	footer{min-height:45rem;}
}
@media(max-width:991px){
	header{min-height:27rem;}
	.logo img{max-width:28rem;}	
	nav a{font-size:1.6rem;}
	nav a:not(:last-child){margin-right:2.5rem;}
	.buttons .btn:not(:last-child){margin-right:2rem;}
	.service-section figure img{max-width:40rem;}
	footer{min-height:40rem;}
}
@media(min-width:768px){
	nav{display:flex !important;}
}
@media(max-width:767px){
	header{padding:1.5rem 3rem; min-height:auto;}
	.logo img{max-width:22rem;}
	header nav:not(:first-child){margin-top:0;}
	nav, nav a{display:block;}
	header nav{position:absolute; left:0; top:100%; width:100%; display:none;}
	nav a:not(:last-child){margin-right:0;}
	nav a{padding:1rem 1.5rem; color:hsl(var(--white)); background-color:hsl(var(--blue)); font-size:1.5rem;}
	nav a{border-bottom:.1rem solid hsl(var(--blue-h), var(--blue-s), calc(var(--blue-l) - 5%));}
	nav a:hover{background-color:hsl(var(--blue-h), var(--blue-s), calc(var(--blue-l) - 5%));}
	header .contact-btn{position:static; margin-top:1.5rem;}
	.buttons{flex-direction:column;}
	.buttons .btn:not(:last-child){margin-right:0; margin-bottom:1rem;}
	.services{display:block; margin:-.5rem;}
	.services ul{padding:.5rem;}
	footer p:not(:first-child){margin-top:2rem;}
}
@media(max-width:640px){
	#pg-15-2 {margin-top: 0px;}
	.image-grid{grid-template-columns:repeat(2, 1fr); gap:1rem;}	
}
@media(max-width:575px){
	header{padding:1.5rem 1.5rem;}
	.logo img{max-width:16rem;}
	nav a{font-size:1.4rem;}
	.contact-btn{font-size:1.6rem; min-width:14rem; height:4.2rem;}
	header .nav-icon{right:1.5rem;}
	h1.headding-strip{padding:1rem 1.5rem;}
	.service-section figure img{max-width:30rem;}
	.contact-strip{padding:1rem 1.5rem;}
	.searchform {height:30px;}
	.searchform #s {width:100%;}
	.searchform #searchsubmit {margin-top: 3px;
    margin-right: -2px;}
    .wishlist-header a {font-size:11px;}
	#panel-15-1-0-0 .widget_text {
    color: #FFF;
    text-align: center;
    padding: 99px;
    font-weight: bold;
    font-size: 23px;
    width: 400px;
    margin-left: -5.5%;
	padding-top: 16px;}
}
@media(max-width:375px){
	.image-grid{grid-template-columns:repeat(1, 1fr);}	
}