/*
Theme Name: FUTSOC Theme
Theme URI: https://lumides.com/futsoc/
Author: Armando Tamayo
Author URI: https://lumides.com
Description: FUTSOC Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: featured-images, custom-background, theme-options, translation-ready
Text Domain: FUTSOC
Requires at least: 4.6
Tested up to: 6.6
Requires PHP: 7.4
*/

body {
	margin: 0;
	padding: 0;
}
p {
	color: black;
}
h1, h3 {
	font-family: Amboy;
}
h2, h4, h5, h6, a, p, ul, li, label, .woocommerce, .cart-collaterals, .futsoc-child-card-summary-name, .rewards-history, .futsoc-account-calendar, .um-account-tab, .um-popup *, .um-form, .um-postmessage {
	font-family: Poppins;
}
h1, h2 {
	color: white;
}
h3, h4, h5, h6 {
	color: black;
}
h1 {
	font-size: 4rem;
}
h2 {
	font-size: 3rem;
}
h3 {
	font-size: 2rem;
}
h4 {
	font-size: 1rem;
}
h5 {
	font-size: .83rem;
}
h6 {
	font-size: .67rem;
}
.content {
  display: flex;
  justify-content: center;
}
.main-container {
	width: 100%;
}
.container {
	position: relative !important;
	padding: 100px 20px;
	overflow: visible !important;
}
.footer-container {
	display: flex;
	justify-content: center;
	background: #969696;
	padding: 100px 30px;
}
.footer-logo img {
	max-height: 500px;
	max-width: 100%;
}
/* Chevron on row start */
.container::after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	bottom: -19px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	width: 100px !important;
	height: 20px !important;
	background: inherit !important;
	clip-path: polygon(0% 0%, 100% 0%, 50% 100%) !important;
	z-index: 10 !important;
}
/* Chevron on row end */

/* button styling start */
.elementor-button {
	padding: 20px 35px !important;
	background: red !important;
	font-family: Amboy, sans-serif;
	font-size: 1.25rem !important;
	border-radius: 0px !important;
	color: black !important;
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
}
.elementor-button:hover {
	background: darkred !important;
}
.secondary-btn a button {
	padding: 10px 40px;
	background: black !important;
	font-family: Amboy, sans-serif;
	font-size: 1.25rem;
	border-radius: 0px !important;
	color: white !important;
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
}
.secondary-btn a button:hover {
	background: #969696 !important;
	color: black !important;
}
/* button styling end */

.main-menu li {
	list-style: none;
}
.main-menu a {
	text-decoration: none;
}
.main-menu ul {
	padding: 0px;
	margin: 0px;
}


/*  Menu start  */
.main-menu nav > ul > li:last-child a, .main-menu nav > ul > li:last-child:hover > ul > li > a {
	background: red !important;
	color: black !important;
}
.main-menu nav > ul > li:last-child > a:hover, .main-menu nav > ul > li:last-child:hover > ul > li > a:hover {
	background: darkred !important;
}
@media (min-width:1px) {
	.main-menu ul > li > a, .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
		font-family: Amboy !important;
		font-size: 1.15rem !important;
		color: white !important;
		background: black !important;
		padding: 30px !important;
		cursor: pointer !important;
		transition: all 0.2s ease;
	}
	.main-menu ul > li:hover > a {
		color: black !important;
		background: #969696 !important;
	}
	.main-menu ul > li > ul > li > a {
		color: black !important;
		background: #969696 !important;
		transition: all 0.2s ease;
	}
	.main-menu ul > li > ul > li:hover > a {
		color: black !important;
		background: #676767 !important;
	}
	.elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus {
		background-color: #969696 !important;
		color: black !important;
	}
}
/*  Menu end  */

/*  Mobile menu start  */
@media (max-width:0px) {
	.main-menu {
		width: 100%;
		text-align: center;
		transform: translateX(100%);
		transition: all 0.2s ease;
	}
	.main-menu ul {
		width: 100%;
		padding:80px 0 100% 0;
		background: black;
		z-index: 9;
	}
	.main-menu.open {
		transform: translateX(0%);
	}
	.main-menu ul > li > a {
		font-family: Amboy !important;
		color: #969696 !important;
		background: black !important;
		font-size: 1.75rem !important;
		padding: 30px !important;
		cursor: pointer;
		transition: all 0.2s ease;
	}
	.main-menu ul > li > a:hover {
		color: black !important;
		background: #969696 !important;
	}
	.main-menu ul > li > ul > li > a {
		color: black !important;
		background: #969696 !important;
		font-size: 1.75rem !important;
		transition: all 0.2s ease;
	}
	.main-menu ul > li > ul > li > a:hover {
		color: black !important;
		background: #676767 !important;
	}
}

/* Special adjustment for laying menu hamburger and logo next to eachtoehr on small screen START */
@media (max-width: 767px) {
    .main-menu.e-con.e-flex {
        --width: 100px !important;
    }
}
/* Adjustmnent END /*

	/* Mobile menu button start */
.elementor-menu-toggle {
	background-color: black !important;
	border-radius: 0px !important;
	padding: 15px !important;
}
.elementor-menu-toggle svg {
	fill: white !important;
	height: 60px !important;
    width: 60px !important;
}
.elementor-nav-menu--dropdown.elementor-nav-menu__container {
	top: 0 !important;
	margin-top: 0px !important;
	padding-top: 90px !important;
	background-color: black !important;
	z-index: -1 !important;
}
	/* Mobile menu button start */

}
/*  Mobile menu END  */
/* Widget styling START */
.e-n-tab-title-text {
	font-family: amboy !important;
	cursor: pointer !important;
}
.e-n-tab-title[aria-selected=true] {
	font-family: amboy !important;
	cursor: pointer !important;
	background-color: red !important;
	color: black !important;
}
.e-n-tab-title[aria-selected=false] {
	font-family: amboy !important;
	cursor: pointer !important;
	background-color: #969696 !important;
	color: black !important;
}
.e-n-tab-title[aria-selected=false]:hover {
	background-color: #666666 !important;
}
.e-n-tabs-content {
	background-color: #dddddd;
}
.elementor-widget-icon-list, .elementor-widget-n-accordion, .elementor-widget-price-table {
	font-family: poppins;
}
.elementor-widget-n-accordion summary {
	background-color: #dddddd;
}
.e-n-accordion-item .e-child > div {
	padding: 5px 15px;
}
.elementor-price-table__header {
	background: black !important;
}
.elementor-ribbon-inner {
	background: red !important;
}
.elementor-testimonial, .elementor-ribbon-inner {
	font-family: poppins !important;
}
.elementor-testimonial img {
	height: 150px !important;
	width: 150px !important;
}
/* Widget styling END */

/* Ultimate Member Account Styling START */
.um-account .um-account-main {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.um-account-side li {
	margin-bottom: 0px !important;
}
.um-account-side li a {
	color: red !important;
	background: #969696 !important;
	padding: 20px 0 !important;
}
.um-account-side li a:hover {
	color: black !important;
	background: #676767 !important;
}
.um-account-side li a span.um-account-icon {
	border: 0px !important;
}
.um-account-title, .um-account-link, .um-account-icon {
	color: black !important;
	font-family: amboy !important;
	font-size: 1.25rem !important;
}
.um-account-arrow {
	display: none !important;
}
.um-account-main div.um-account-heading, .um-account-name > a {
	font-family: Amboy !important;
	font-size: 1.5rem !important;
}
.um-account-name > div > a, .um-account-name a:hover {
	color: red !important;
}
.um-field-label, .um-field-area, .um-woo-form.woocommerce, .select2-container, .um .um-form input[type=password], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=text], .um .um-form textarea, .um-account-name > div > a {
    font-family: Poppins !important;
}
.um-button, input[type=submit].um-mycred-send-points.um-button {
	background: red !important;
	font-family: Amboy !important;
    color: black !important;
	border-radius: 4px !important;
	font-size: 1.25rem !important;
	padding: 16px 20px!important;
}
.um input[type=submit].um-button:hover {
	background: darkred !important;
}
.um-field .select2-container--default .select2-selection--single .select2-selection__rendered, .um-search-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: normal !important;
}
/* Ultimate Member Account Styling END */
/* Ultimate Member Profile Styling START */
.um-main-meta a {
	font-family: Amboy !important;
}
.um-meta, .um-badges, .um-field-divider-text {
	font-family: Poppins !important;
}
.um-header {
	border-bottom: 0px !important;
}
.um-profile-nav {
	padding: 0px !important;
	background: none !important;
	display: flex !important;
    justify-content: center !important;
}
.um-profile-subnav .active {
	color: red !important;
}
.um-profile-nav-item {
	flex: 1 !important;
}
.um-profile-nav-item a {
	background: #969696 !important;
	color: black !important;
	border-radius: 0px !important;
	font-family: Amboy !important;
	font-size: 1.25rem !important;
	padding: 15px 30px !important;
	margin: 0px !important;
	float: none !important;
}
.um-profile-nav-item a:hover {
	background: #676767 !important;
}
.um .um-profile-nav-item.active a {
	background: red !important;
}
@media (max-width: 1024px) {
	.um-profile-nav-item i {
		top: auto !important;
		left: auto !important;
	}
}
@media (min-width: 1025px) {
	.um-profile-nav-item i {
		font-size: 20px !important;
		position: inherit !important;
		display: inline !important;
		top: auto !important;
		left: auto !important;
	}
}
/* Ultimate Member Profile Styling END */

/* My Children START */
.futsoc-child-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.futsoc-child-badges img {
	max-height: 75px !important;
	width: auto;
	object-fit: contain;
	margin: 5px;
}
.um:not(.um-admin):not(.um-directory) input, .um:not(.um-admin):not(.um-directory) select, .um:not(.um-admin):not(.um-directory) textarea {
    font-size: 15px;
    font-family: 'Poppins';
    border: 1px solid #ddd;
    color: #666;
    border-radius: 0px;
}
.um:not(.um-admin):not(.um-directory) input, .um:not(.um-admin):not(.um-directory) select, .um:not(.um-admin):not(.um-directory) textarea {
    height: 40px;
	padding-left: 10px;
}
.futsoc-toggle-child-btn {
	cursor: pointer;
	background-color: #ccc !important;
	transition: all 0.25 ease-in-out;
}
.futsoc-toggle-child-btn:hover {
	background-color: #aaa !important;
}
#futsoc-add-child-toggle {
	cursor: pointer;
	background-color: red !important;
	transition: all 0.25 ease-in-out;
}
#futsoc-add-child-toggle:hover {
	background-color: darkred !important;
}
#um_account_submit_my_children {
	display: none;
}
/* My Children END */
/* Woocommerce styling START */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
	font-family: Amboy;
	background-color: red;
    color: black;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
    background-color: darkred;
    color: black;
}
.woocommerce-info {
    border-top-color: red;
}
.woocommerce-info::before {
    color: red;
}
.um:not(.um-admin):not(.um-directory) input, .um:not(.um-admin):not(.um-directory) select, .um:not(.um-admin):not(.um-directory) textarea {
    height: auto;
    padding: 10px;
    field-sizing: content;
    min-width: fit-content;
}
.select2-container .select2-selection--single {
    height: 38px !important;
    font-size: 14px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px !important;
}
/* Woocommerce styling END */