/*************************************************
* Main CSS file for the Spring Creek Web Design child theme
* All custom CSS is contained here
* Note:  Any styles that can be set in the theme
*		  customizer or page builder are.
*************************************************/
:root {
	--custom-blue:  #54c0df ;
}
body {
	background: url('https://speedymariecharters.com/wp-content/uploads/2026/01/ocean-repeating-bg.jpg');
}
/*****************************************
 * General 
 *****************************************/
.outer-group, header.site-header {
	max-width: 900px;
	margin: auto;
	background-color: var(--base);
	border: 2px solid var(--custom-blue);
}
.outer-group {
	border-style: none solid solid solid;
}
body > .site > .site-content {
	padding: 0 40px;
}
@media (max-width: 768px) {
    .site-main .wp-block-group__inner-container {
        padding: 15px !important;
    }
	h1 {
		font-size: 2em !important;
	}
}
@media(max-width: 500px) {
	body > .site > .site-content {
		padding: 0 10px;
	}
}
@media(max-width: 400px) {
	body > .site > .site-content {
		padding: 0;
	}
}

.border-shadow-image {
	box-shadow: 0 0 5px rgba(0,0,0,0.75);
	border: 1px solid var(--accent);
}
.copyright-bar {
	display: none;
}
/*****************************************
 * Header 
 *****************************************/
header .site-logo img {
	width: 200px;
}
@media (max-width: 768px) {
    .inside-header {
        padding: 10px 20px !important;
    }
}
/*****************************************
 * Footer 
 *****************************************/
.footer-bar {
	width: 100%;
}
.footer-bar > aside {
	padding: 10px !important;
}
#nav_menu-3 {
    margin-bottom: 20px;
    background: var(--custom-blue);
}
#nav_menu-3 a {
	color: white;
	text-decoration: none;
	font-size: 16px;
}
#nav_menu-3 a:hover, #nav_menu-3:active {
	text-decoration: underline;
}
footer > .inside-site-info {
	padding: 0;
}
footer .menu-menu-1-container {
	justify-content: center;
    display: flex;
}
/*****************************************
 * Front page 
 *****************************************/
.double-boat-graphic {
	position: relative;
	display: flex;
	justify-content: center;
}
.cover-image {
	margin: auto;
	width: fit-content;
}
.double-boat-graphic .wp-block-image:nth-child(1) {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 300px;
}
@media(max-width: 680px) {
	.double-boat-graphic .wp-block-image:nth-child(1) {
		position: relative;
	}
	.double-boat-graphic .wp-block-image {
		width: fit-content;
		margin-bottom: 10px;
	}
	.double-boat-graphic img {
		max-width: 298px;
		height: auto;
	}
}
/*****************************************
 * Rate
 *****************************************/
.page-id-11 .outer-group .wp-block-group .wp-block-group__inner-container {
	padding: 0;
}
.rate-group {
	border: 1px solid var(--custom-blue);
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	border-radius: 5px;
	padding: 10px;
	text-align: center;
	margin-bottom: 2rem;
}
.rate-group .wp-block-columns {
	margin-bottom: 0;
}
.rate-group .fish {
	max-width: 300px;
	height: auto;
	margin: auto;
}
@media(max-width: 782px) {
	.rate-group .wp-block-column:nth-child(1) {
		order: 2;
	}
	.rate-group .wp-block-column:nth-child(2) {
		order: 1;
	}
}
.wp-block-accordion-item {
	padding: 10px 0;
}