/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

.gform_required_legend{
    display: none;
}

/*  Fade PowerPack Advanced Menu Submenus In/Out */
.fl-module-pp-advanced-menu .pp-menu-nav .pp-has-submenu > .sub-menu{
	transition: all .3s ease-in-out;
	transition-behavior: allow-discrete;
}
body .fl-module-pp-advanced-menu .pp-menu-nav .pp-has-submenu:is(:hover, :focus-within) .sub-menu{
	opacity: 1;
	transform: scale(1)
	transition: all .3s ease-in-out;
	@starting-style{
		opacity: 0 !important;
		transition: all .3s ease-in-out;
		transform: scale(0.8)!important;
		transform-origin: top center!important;
	}
}

/* Match Slider CSS -------------------*/

.sj-fade {
  background: linear-gradient(270deg, rgba(0,83,161,0) 0%, rgb(0,83,161) 81.51%);
}




/* Football Planner CSS --------------*/

.fp-front-title{
    font-size: 60px;
    font-family: "kaneda-gothic", Sans-Serif;
}

.fotballplan-frontend {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px 0;
    font-family: "Inter", sans-serif;
    color: #1a1a2e;
    line-height: 1.5;
}

.fp-front-btn{
    border: 0px solid #e6e6e6;
    font-weight: 400;
}

.fp-front-btn-outline{
    background-color: #1252a1;
    color: #fff;
    border-radius: 0px;
    padding: 18px 35px;
}

.fp-front-btn:hover,
.fp-front-btn:active,
.fp-front-btn:focus{
    border: 0px solid #1252a1;
	background-color: #0070d7;
}

.fp-front-btn-outline:hover,
.fp-front-btn-outline:active,
.fp-front-btn-outline:focus,{
	border: 0px solid #1252a1;
    background-color: #0070d7;
}

.fp-front-field select:focus {
    outline: none;
    border-color: #1252a1!important;
    box-shadow: 0 0 0 3px rgb(46 125 50 / 0%)!important;
}

.fp-front-day-header {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #1a1b2d;
    padding-bottom: 8px;
    border-bottom: 2px solid #e5e7eb;
    margin-bottom: 10px;
}

.fp-front-card-time .time-end {
    font-size: 13px;
    color: #ffffff;
}

.fp-front-card-time .time-sep {
    font-size: 11px;
    color: #ffffff;
}

.fp-front-card-time .time-start {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
}

.fp-front-card-time {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14px 18px;
    background: #1252a1;
    min-width: 80px;
    border-right: 0px solid #e5e7eb;
}

.fp-front-zone-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: #1252a1;
    color: #fff;
    border: none;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
    white-space: nowrap;
    border: 1px solid #1252a1;
}

.fp-front-zone-btn:hover {
    background: #1c70d7;
    border: 1px solid #1252a1;
}

.fp-front-filter-row {
    margin-bottom: 30px;
}

.fp-front-modal-close:active {
    background-color: #fff!important;
    border: 0px!important;
    color: #000!important;
    position: absolute!important;
}

.fp-front-modal-close:hover {
    color: #1a1a2e!important;
    background-color: #fff!important;
    border: 0px solid #fff!important;
}

@media (max-width: 640px) {
    .fp-front-card {
        flex-direction: row!important;
    }
	.fp-front-btn-outline {
		padding: 14px 20px!important;
		font-size: 14px !important;
	}
}

@media (max-width: 450px) {
    .fp-front-card {
        flex-direction: column!important;
    }
}