/* @override 
	https://usapickleball.org/wp-content/themes/pickleball/style.css */

/*
Theme Name: USA Pickleball
Theme URI: https://www.pickleball.org
Version: 2.0
Description: Theme for USA Pickleball.
Author: Boelter + Lincoln
Author URI: http://www.boelterlincoln.com
template: bb-theme
Date: 10/08/2020
*/

/* @group COLORS */

/*
Navy: #133156
Red: #B11F28
Cyan: #08C0DE
Yellow: #F6BD17
Lt-Greay: #d5d8da

Navy-Dark: #081c34
Red-Dark: #84161d
*/
/* @end */

/* @group BB Tweaks */
.fl-col-group-nested .fl-col-highlight .fl-col-content, .fl-col-group-nested .fl-col-overlay, .fl-col-group-nested .fl-module-overlay{
  border-color:#B11F28 !important;
     }



.fl-col-group-nested .fl-block-overlay-actions{
  background-color: #B11F28 !important;
}



/* @end */

/* @group GLOBAL */

header.fl-post-header {
  display: none;
}

 .sticky {
     position: -webkit-sticky;
     position: sticky;
     top: 20px;
}

/* @end */

/* @group NAV */



#nav-desk .sub-menu {
margin-left: -2px;
border-left: 1px solid #B11F28 !important;
min-width: 300px !important;
}

.menu-item-has-children {
	border-right: 1px solid #B11F28 !important;
}

.menu-item-has-children:last-child {border-right: 0px !important;}

.no-link.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.fl-has-submenu div.fl-has-submenu-container  {
	padding-bottom: 1px;
	width: 90%;
	margin-left: 13px;
	padding-left: 0;
}
.fl-page-nav ul.sub-menu {
	width: 500px !important;
}
.sub-menu li {
	background-color: #133156;
	padding: 5px;
}

.mega-menu .sub-menu li {
	padding: 1px 0 5px 1px;
}


.sub-menu li:hover {
	background-color: #B11F28;
}

.sub-menu li.no-link:hover {
	background-color: #133156;
}

.no-link div.fl-has-submenu-container a:hover {
	
	cursor: default	!important;
}
.no-link div.fl-has-submenu-container {
	border-bottom: 1px solid #ffffff;
}


.sub-menu li.menu-item a{
	color: #ffffff !important;
}

.uabb-offcanvas .menu-item-has-children {border-right: 0px;}
.uabb-offcanvas ul.sub-menu {
	padding-left: 10px;
	border-left: 1px solid #B11F28;
	margin-left: 10px;
}


 #nav-mobile div.fl-callout-content span.fl-icon,  #nav-desk div.fl-callout-content span.fl-icon {
	margin-bottom: 3px;
}

#nav-desk  .nav_ext_link a::after {
	content: "\f35d";
	font: .7em "Font Awesome 5 Free";
	margin-left: 9px;
	color: #ffffff;
	margin-top: 20px;
}

#nav-desk  ul.fl-menu-horizontal li.mega-menu {
    position: relative;
}

#nav-desk ul.fl-menu-horizontal li.mega-menu > ul.sub-menu {

    left: -169px !important;
    width: 655px !important;
}






/* @end */

/* @group MODULES */

/* @group HOMEPAGE SLIDER */
div#home_slider{
	height: 100%;
	width: auto;
}
div#home_slider div.fl-slide-content{
	background-color: transparent;
}

div#home_slider .fl-slide-text-right div.fl-slide-content-wrap{
background: linear-gradient(to left, #081C34 0%, #133156 100%) #081C34;
padding: 5%;
height: 100%;
}

div#home_slider .fl-content-slider .fl-slide-bg-photo {
	width: 50%;
}

.fl-content-slider-navigation{top: calc(100% - 24px) !important;
}


div#home_slider .slider-prev{ 
left: calc(50% - 40px);
opacity: 1;
width: 40px;
}

div#home_slider .slider-next{ 
left: 50%;
opacity: 1;
width: 40px;
}
/* @end */

/* @group split_feature_left */

.split_feature_left_content {
	margin-right: -15%;
	margin-top: 20px;
	z-index: 1;
	margin-bottom: 20px;
	border-right: 30px solid #F6BD17;
}
.split_feature_left_content div.fl-col-content{
	padding-right: 10%;
	padding-top: 12%;
}

.split_feature_left_content .fl-heading {
	margin-left: 20px !important;
	margin-bottom: 20px !important;
}

.split_feature_left_content div.fl-rich-text {
	padding-left: 20px;
}

.split_feature_left_photo {
	padding-left: 7.5%;
}

/* @end */

/* @group split_feature_right */

.split_feature_right_content {
	margin-left: -15%;
	margin-top: 20px;
	margin-bottom: 20px;
	z-index: 1;
	border-left: 30px solid #F6BD17;
}
.split_feature_right_content div.fl-col-content{
	padding-left: 10%;
	padding-top: 12%;
}

.split_feature_right_content .fl-heading {
	margin-right: 20px !important;
	margin-bottom: 20px !important;
}

.split_feature_right_content div.fl-rich-text {
	padding-right: 20px;
}

.split_feature_right_photo {
	padding-right: 7.5%;
}

/* @end */

/* @group callout-img */

.callout-img .fl-module-content{

background: linear-gradient(to left, #081C34 0%, #133156 100%) #081C34;
	padding: 0;
		position: relative;
    transition: all 200ms linear;
	min-height: 430px;
}

.callout-img .fl-module-content:hover {
	transform: translateX(5px);
	background: linear-gradient(to left, #84161D 0%, #B11F28 100%) #B11F28;}

.callout-img .fl-callout-title {
padding-top: 10%;
padding-bottom: 3%;
padding-left: 8%;
padding-right: 8%;
color: #ffffff;
}

.callout-img .fl-callout-text-wrap {
padding-right: 8%;
	padding-left: 8%;
padding-bottom: 8%;
	color: #ffffff;
}

.callout-img .fl-callout-title a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
	z-index: 1;
}

.callout-img .fl-callout-title a {color: #ffffff;}

.callout-img .fl-module-content:after {
	font: 1.5em "Font Awesome 5 Free";
	font-weight: 900; content: '\f061' !important;
	color: #ffffff;
	float: right;
	position: absolute;
	bottom: 15px;
	right: 20px;
}

/* @end */

/* @group callout-no-img */
div#basics_grid .callout-no-img .fl-module-content{
	min-height: 165px;
}

.callout-no-img .fl-module-content{

background: linear-gradient(to left, #081C34 0%, #133156 100%) #081C34;
	padding: 0;
		position: relative;
    transition: all 200ms linear;
	min-height: 190px;
}

.callout-no-img .fl-module-content:hover {
	transform: translateX(5px);
	background: linear-gradient(to left, #84161D 0%, #B11F28 100%) #B11F28;}

.callout-no-img .fl-callout-title {
padding-top: 10%;
padding-bottom: 3%;
padding-left: 8%;
padding-right: 8%;
color: #ffffff;
}

.callout-no-img .fl-callout-text-wrap {
padding-right: 8%;
	padding-left: 8%;
padding-bottom: 8%;
	color: #ffffff;
}

.callout-no-img .fl-callout-title a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
	z-index: 1;
}

.callout-no-img .fl-callout-title a {color: #ffffff;}

.callout-no-img .fl-module-content:after {
	font: 1.5em "Font Awesome 5 Free";
	font-weight: 900; content: '\f061' !important;
	color: #ffffff;
	float: right;
	position: absolute;
	bottom: 15px;
	right: 20px;
}

/* @end */
/* @group callout-large-no-img */

.callout-large .fl-module-content{


	border: 2px solid #ffffff;
	padding: 0;
		position: relative;
    transition: all 200ms linear;
	min-height: 190px;
	margin: 2%;
}

.callout-large .fl-module-content:hover {
	transform: translateX(5px);
	background: linear-gradient(to left, #84161D 0%, #B11F28 100%) #B11F28;}

.callout-large .fl-callout-title {
padding-top: 10%;
padding-bottom: 3%;
padding-left: 8%;
padding-right: 8%;
color: #ffffff;
}

.callout-large .fl-callout-text-wrap {
padding-right: 8%;
	padding-left: 8%;
padding-bottom: 8%;
	color: #ffffff;
}

.callout-large .fl-callout-title a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
	z-index: 1;
}

.callout-large .fl-callout-title a {color: #ffffff;}

.callout-large .fl-module-content:after {
	font: 2.5em "Font Awesome 5 Free";
	font-weight: 900; content: '\f061' !important;
	color: #ffffff;
	float: right;
	position: absolute;
	bottom: 15px;
	right: 20px;
}

/* @end */
/* @group callout-large-img */

.callout-large-img .fl-module-content{
border-left: 15px solid #F6BD17;
background: linear-gradient(to left, #B11F28 0%, #84161D 100%) #B11F28;
padding: 0;
position: relative;
transition: all 200ms linear;
margin-right: 5%;
	margin-left: 5%;
}

.callout-large-img .fl-callout-photo {
margin-left: -15px;
}

.callout-large-img .fl-callout-title {
padding: 2% 5% 3%;
color: #ffffff;
}
.callout-large-img .fl-callout-title a {color: #ffffff;}

.callout-large-img .fl-callout-text-wrap {
padding-right: 5%;
padding-bottom: 10%;
padding-left: 5%;
color: #ffffff;
}

.callout-large-img .fl-callout-button {
position: absolute;
bottom: 0;
right: 0;
}

/* @end */
/* @group bordered_feature_box */

 .bordered_feature_box { display: flex; flex: 1;
 } 

.bordered_feature_box span.fl-callout-title-text {
	padding: 10px 15px !important;
}

.bordered_feature_box p {
	margin: 15px !important;
	border-bottom: 1px solid rgba(19, 49, 86, 0.5);
}

.bordered_feature_box p:last-child {
	border-bottom: none;
}

.bordered_feature_box a.fl-button {
	margin: 0 15px 15px !important;
}

/* @end */
/* @group cta_box_stroked */

.cta_box_stroked .uabb-marketing-button.uabb-marketing-btn__link {
	border: 2px solid #ffffff;
	padding: 10% 5%;
	width: 92%;
	position: relative;
	margin: 4%;
}

.cta_box_stroked .uabb-marketing-button.uabb-marketing-btn__link:hover {
	transform: translateX(10px);
	background-image: -webkit-linear-gradient(0deg, #B11F28 0%, #84161D 100%);
	background-image: -moz-linear-gradient(0deg, #B11F28 0%, #84161D 100%);
	background-image: -ms-linear-gradient(0deg, #B11F28 0%, #84161D 100%);
	background-image: linear-gradient(90deg, #B11F28 0%, #84161D 100%);
}



.cta_box_stroked .uabb-marketing-button.uabb-marketing-btn__link:after {
	font: 2.5em "Font Awesome 5 Free";
	font-weight: 900; content: '\f061';
	color: #ffffff;
	float: right;
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.cta_box_stroked .uabb-marketing-title{
font: 4em "Public Sans",sans-serif;
font-weight: 700;
}

.cta_box_stroked div.uabb-marketing-subheading {
	text-align: left;
}

/* @end */

/* @group event_list */

.event_list{
    border: 0px solid #e6e6e6;
    visibility: hidden;
	border-left: 1px solid #B11F28;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 5px 10px;
}
.event_list .fl-post-title a{
	margin-bottom: 0;
	font-weight: 500;
	color: #133156;
}

.event_list .fl-post-title a:hover{
	color: #B11F28;
}

.tribe-events-tooltip h3 {
	font-size: 24px;
}

/* @end */

.imgline_blue_left {
	border-left: 20px solid #08C0DE;
}
.fl-button {
	border-radius: 0px !important;
}

/* @end */

/* @group FORMS */
div.fsBody.fsEmbed {
	
	margin: 0 !important;
	padding: 0 !important;
}

form.fsForm.fsSingleColumn {
	background-color: transparent;
	margin: 0 !important;
	padding: 0 !important;
}
.fsFormatEmail {
	font-size: 16px !important;
	padding: 10px!important;
	height: 40px !important;
	border-radius: 0 !important;
	border-style: none !important;
}
.fsPagination {
	margin: 0 !important;
	padding: 0 !important;
}

input.fsSubmitButton {
	width: 100%;
	border-radius: 0 !important;
	font-size: 16px !important;
	padding-top: 10px;
	padding-bottom: 10px;
}


/* @end */

/* @group SEARCH */

.fl-widget .widget_search input.fl-search-input {
  display: inline;
  width: 70%;
	margin: 0;
	border-radius: 0;
  height: 45px;
}
.fl-widget .widget_search button.search-submit {
  border: 0px;
  transition: all 0.2s linear !important;
  font-family: "Public Sans",sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  height: 45px;
}
/* Hover state */
.fl-widget .widget_search button.search-submit:hover {
  background: #84161d;
}

.widget_search button.search-submit {
	margin: 0;
	width: 29%;
}
.search-post-grid-post {
    font-size: 14px;
}
.search-post-text {
    padding: 20px;
}
.search-post-title {
	margin: 0;
	padding: 0 0 5px;
}
.search-post-meta {
    padding: 0 0 15px;
}
.search-post-image{width: 30%; float: left;
text-align: center;
}

.search-post-text{width: 60%; float: left;}

/* @end */

/* @group BUSINESS DIRECTORY */

ul.bus_list li {
	border-bottom-style: none;
	width: 33%;
	float: left;
}

.bus-list-post-image {
display: flex;
align-items: center;
justify-content: center;
height: 300px;
min-height: 300px;
text-align: center;
margin-right: auto;
margin-left: auto;
padding: 10px;
}
.bus-list-post-grid-post {
    font-size: 14px;
}
.bus-list-post-text {
    padding: 20px;
}
.bus-list-post-title {
    font-size: 20px;
	line-height: 26px;
	margin: 0;
	padding: 0 0 5px;
}
.bus-list-post-meta {
    padding: 0 0 15px;
}


.bus_social_icon {
	float: left;
	width: 16.6%;
	}

div.sponsor_grid_item {
	height: 80px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin-top: 30px;
	transition-duration: .5s;
}

div.sponsor_grid_item:hover {
	transform: scale(1.1);
}


.affiliation_grid img {
max-height: 150px;
width: auto !important;
margin-right: auto;
	margin-left: auto;
}

.affiliation_grid div.uabb-photo-gallery-item  {
	
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
/* @end */

@media (max-width: 1500px){

#nav-desk .menu-item a {
		padding: 15px 10px !important;
		font-size: 15px;
	}

H2,h3{font-size: 3.75em}
}


@media (max-width: 1200px){
div#basics_grid .callout-no-img .fl-module-content{
	min-height: 120px;
}
li#menu-item-41863.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.uabb-has-submenu.uabb-creative-menu.uabb-cm-style div.uabb-has-submenu-container a {
	padding: 0;
	margin: 0;
}

H2,h3{font-size: 3.5em}
}


@media (max-width: 768px){
	/* @group HOMEPAGE SLIDER */
	
	div#home_slider .fl-slide-title {
		text-align: left;
	}
	
	div#home_slider div.fl-slide-content {
		padding: 0;
	}
	
	.fl-content-slider-navigation{
		top: calc(100% - 24px);
	}
	
	
	div#home_slider .slider-prev{ 
	left: calc(100% - 80px);
	opacity: 1;
	width: 40px;
	}
	
	div#home_slider .slider-next{ 
	left: calc(100% - 40px);
	opacity: 1;
	width: 40px;
	}
	
		/* @end */

/* @group MODULES */



div#basics_grid .callout-no-img .fl-module-content{
	min-height: 100px;
}

.split_feature_left_content {
border-right: 10px solid #F6BD17;
margin: 0;
border-style: none;
}
.split_feature_left_content div.fl-col-content{
	padding-right: 0%;
	padding-top: 8%;
}

.split_feature_left_content .fl-heading {
	margin: 20px !important;
}
.split_feature_left_content div.fl-rich-text {
	padding-bottom: 7%;
	padding-left: 20px;
	padding-right: 20px;
}
.split_feature_left_photo {
	padding-left: 0%;
}

.split_feature_right_content {
Border-left: 10px solid #F6BD17;
margin: 0;
}

.split_feature_right_content div.fl-col-content{
	padding-left: 0%;
	padding-top: 8%;
}

.split_feature_right_content .fl-heading {
	margin: 20px !important;
}
.split_feature_right_content div.fl-rich-text {
	padding-bottom: 7%;
	padding-left: 20px;
	padding-right: 20px;
}
.split_feature_right_photo {
	padding-right: 0%;
}

.callout-img .fl-module-content{
	min-height: 350px;
}

.cta_box_stroked .uabb-marketing-title{
font-size: 2em;
}
.imgline_blue_left {
	border-left: 10px solid #08C0DE;
}
/* @end */
ul.bus_list li {
	border-bottom-style: none;
	width: 50%;
	float: left;
}
.bus-list-post-image {min-height: 0px;
height: auto;
}
.search_results_item {max-width: 700px !important}
.search-post-image{width: 100%;text-align: left;}
.search-post-text{width: 100%; float: left;}
div.sponsor_grid_item {
	height: 50px;
}
}

@media (max-width: 480px){
	ul.bus_list li {
	border-bottom-style: none;
	width: 100%;
	float: left;
}
div.sponsor_grid_item { height: 50px; }
	
}