/*
 Theme Name:   Maine Coastal Fisheries
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

html, body {
    overflow-x: hidden;
}

body{
	background: linear-gradient(180deg, #8E0309 0%, #3E0103 63.91%);
	background-repeat: no-repeat;
}

.nav-content-dropdown{
	background: linear-gradient(180deg, #8E0309 0%, #6b1010 63.91%);
}

.tts__player{
	font-family:"Cascadia Mono";
	font-weight:700;
	font-size:18px;
	text-decoration:underline;
}

.mejs-time {
	height:26px;
}

.mejs-time-handle-content, .mejs-horizontal-volume-handle, .mejs-time-loaded{
	background-color:#8E0309;
}

.brxe-audio.theme-light .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-horizontal-volume-current {
    background-color:#8E0309;
}

.brxe-audio.theme-light .mejs-container .mejs-controls .mejs-button>button {
	filter: brightness(0) saturate(100%) invert(11%) sepia(87%) saturate(4592%) hue-rotate(350deg) brightness(75%) contrast(107%);
}

.main-hero-header-text{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.home-video-play-wrap{
	cursor:pointer;
}

.home-video-play-wrap > .video-icon{
	transition:transform .5s ease;
}

.home-video-play-wrap:hover > .video-icon{
	transform:scale(1.2);
	transform-origin:center center;
}

.nav-item-wrapper{
	justify-content:flex-start;
}

.header-calendar-button{
	cursor:pointer;
	transition:all .3s ease-in-out;
}

.brxe-button{
	cursor:pointer;
}

.brxe-toggle .brxa-inner:before {
    top: -13px;
}

.brxe-toggle .brxa-inner:after {
    bottom: -13px;
}

.brxe-accordion-nested>.brx-open>.accordion-title-wrapper .brx-icon-transform
 {
    transform: rotate(45deg);
}

.bricks-background-secondary::after{
	content:"";
	left:0;
	top:0;
	position:relative;
	margin-left:50px;
	height:18px;
	width:18px;
	background:url('/wp-content/uploads/2026/06/button-arrow.png');
	background-size:contain;
	background-repeat:no-repeat;
}

.bricks-background-secondary:hover::after{
	content:"";
	left:0;
	top:0;
	position:relative;
	margin-left:50px;
	height:18px;
	width:18px;
	background:url('/wp-content/uploads/2026/06/button-arrow-hover.png');
	background-size:contain;
	background-repeat:no-repeat;
}

.play-audio-btn::before{
	content:"";
	left:0;
	top:0;
	position:relative;
	padding-left:10px;
	height:20px;
	width:20px;
	background:url('/wp-content/uploads/2026/06/play-audio-icon.svg');
	background-size:contain;
	background-repeat:no-repeat;
}

.play-audio-btn:hover::before{
	content:"";
	left:0;
	top:0;
	position:relative;
	padding-left:10px;
	height:20px;
	width:20px;
	background:url('/wp-content/uploads/2026/06/play-audio-icon-white.svg');
	background-size:contain;
	background-repeat:no-repeat;
}

.numbered-card{
	position:relative;
}

.coastal-footer::after{
	content:"";
	left:60px;
	top:0;
	position:absolute;
	height:1px;
	width:calc(100% - 120px);
	background:white;
}

.share-widget{
	position:relative;
	/*visibility: hidden;*/
}

.share-toggle{
	cursor:pointer;
	transition: transform 0.3s ease;
}

.share-toggle:hover{
	transform:scale(1.1);
	transform-origin:center center;
}

.share-icons-container {
	display:flex !important;
	opacity:0;
	visibility:hidden;
	position:absolute;
	top:60px;
	left:-20px;
	transform: translateY(-5px);
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
	padding:15px 20px;
	background:#3E0103;
	border-radius:6px;
	z-index:6;
	max-width: none;
}

.share-icons-container::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #3E0103;
    top: -5px;
    left: 36px;
    transform: rotate(45deg);
}

.share-icons-container.active {
	opacity:1;
	visibility: visible;
	transform: translateY(0);
}

.fb-icon, .email-icon, .text-icon {
    opacity: 0;
	transform: translateX(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
	cursor:pointer;
}

.fb-icon.visible, .email-icon.visible, .text-icon.visible {
    opacity: 1;
	transform: translateX(0);
}

.fb-icon:hover, .email-icon:hover, .text-icon:hover {
    transform:scale(1.1);
}

.brx-popup{
	aspect-ratio:16/9;
}


.calendar-wrapper{
    font-family: 'Work Sans';
    color: black;
    background: white;
}

.fc-event-main-frame, .fc-event-title-container{
	background:#A40209;
}

.fc-event-time{
	background:#A40209;
}

.fc-button-primary{
	background-color:#A40209 !important;
	border:1px solid white !important;
}

.piecal-controls.fc .piecal-controls__navigation-button-group {
    justify-content: space-between;
}

/* temporary fix bc we cannot access Pie Calendar after Wordpress 7.0.2 upgrade */
.piecal-popover__view-link span {
    display: none;
}
.piecal-popover__view-link::after {
    content: 'Event';
}

.fc-event-time{
	color:white !important;
	padding:2px;
}


@media screen and (max-width: 1260px) {
	.menu-item, .brx-submenu-toggle{
		font-size:18px;
	}
	#nav-lobster-logo{
		width:55px !important;
	}
	.nav-item-wrapper{
		gap:30px !important;
	}
}


@media screen and (max-width: 1024px) {
	.nav-item-wrapper{
		background: linear-gradient(180deg, #8E0309 0%, #3E0103 63.91%);
		background-repeat: no-repeat;
	}
	li:has(.hamburger-mobile-menu) {
	    align-self: flex-end;
	}
	.menu-item, .brx-submenu-toggle{
		font-size:36px;
	}
	.nav-lobster-logo{
		width:30px;
	}
	.nav-item-wrapper{
		gap:50px !important;
	}
	.coastal-footer::after{
		content:"";
		left:20px;
		top:0;
		position:absolute;
		height:1px;
		width:calc(100% - 40px);
		background:white;
	}
	.nav-content-dropdown{
		background: transparent;
	}
}

@media screen and (max-width: 990px) {
	.numbered-card{
		width:100%;
	}
	.numbered-card::after{
		content:"";
		left:0;
		bottom:-60px;
		position:absolute;
		height:1px;
		width:100%;
		background:white;
	}
	.numbered-card:nth-of-type(n + 3)::after{
		content:none;
		left:0;
		bottom:-60px;
		position:absolute;
		height:1px;
		width:100%;
		background:white;
	}
}

@media screen and (max-width: 768px) {
	.numbered-card::after{
		content:"";
		left:0;
		bottom:-60px;
		position:absolute;
		height:1px;
		width:100%;
		background:white;
	}
	.numbered-card:nth-of-type(n + 3)::after{
		content:"";
		left:0;
		bottom:-60px;
		position:absolute;
		height:1px;
		width:100%;
		background:white;
	}
	.numbered-card:nth-of-type(n + 4)::after{
		content:none;
		left:0;
		bottom:-60px;
		position:absolute;
		height:1px;
		width:100%;
		background:white;
	}
    .piecal-wrapper--responsive-widget[data-view="dayGridMonth"] .fc-daygrid-day-frame:has(.fc-daygrid-event-harness)::after {
        content: "";
        position: absolute;
        width: 32px;
        height: 32px;
        border-radius: 100%;
        box-shadow: 0px 0px 0px 1px #A40209 !important;
    }
	.piecal-controls__today-button{
		display:none !important;
	}
}