/*
Theme Name: Fota Agency
Theme URI: https://cozythemes.com/fota-agency/
Author: CozyThemes
Author URI: https://cozythemes.com/
Description: Fota Agency serves as the child theme of FotaWP, inheriting all the features of FotaWP. It has been specifically designed for the agency niche and offers block-based full site editing capabilities. Its minimal and clean design allows users to create various types of agency website, such as startup, tech company, counselling, consulting any other kind of cooperative business site and more. For further information about Fota Agency, kindly explore the details available at https://cozythemes.com/fota-agency/.
Template: fotawp
Version: 1.0.1
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 7.0
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: fota-agency
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, e-commerce, full-site-editing, block-patterns, full-width-template, rtl-language-support, threaded-comments, translation-ready, block-styles, wide-blocks
*/
.wp-block-buttons.fotaagency-buttons-with-icon .wp-block-button__link img {
  margin-bottom: -8px;
}
nav.wp-block-navigation ul li a:hover,
.wp-block-button.is-style-outline a:hover {
  transform: scale(1.1)!important;
	color: #fff!important;
}
.elementor-button {
	background-color: #000 !important;
}
.btn-70 {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: button;
  background-color: #000;
  background-image: none;
  color: #fff;
  cursor: pointer;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 100%;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: inset 0 0 0 2px #fff;
  box-sizing: border-box;
  display: block;
  font-weight: 900;
  padding: 1.2rem 3rem;
  position: relative;
  text-transform: uppercase;
  transition: color 0.1s linear;
}

.btn-70:disabled {
  cursor: default;
}

.btn-70:-moz-focusring {
  outline: auto;
}

.btn-70 svg {
  display: block;
  vertical-align: middle;
}

.btn-70 [hidden] {
  display: none;
}

.btn-70:after,
.btn-70:before {
  content: "";
  position: absolute;
  pointer-events: none; /* Ensure pseudo-elements don't block clicks */
}

.btn-70:before {
  border-bottom: var(--border);
  border-top: var(--border);
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.btn-70:hover:before {
  --border: 4px solid #000;
	
  -webkit-animation: border-top-and-bottom 1s forwards;
  animation: border-top-and-bottom 1s forwards;
}

.btn-70:after {
  border-left: var(--border);
  border-right: var(--border);
  bottom: 50%;
  right: 0;
  transform: translateY(50%);
  width: 100%;
  z-index: 1; /* Ensure it doesn't go behind the button */
}
.btn-70:hover:after {
  --border: 4px solid #000;
	color: #d2cfcf;
  -webkit-animation: border-right-and-left 1s forwards;
  animation: border-right-and-left 1s forwards;
}


@-webkit-keyframes border-top-and-bottom {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes border-top-and-bottom {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@-webkit-keyframes border-right-and-left {
  0% {
    height: 0;
  }
  to {
    height: 100%;
  }
}

@keyframes border-right-and-left {
  0% {
    height: 0;
  }
  to {
    height: 100%;
  }
}

/* Main navigation styles */
#main-nav {
    z-index: 1000;
}

/* Secondary navigation styles */
#secondary-nav {
    position: fixed;
    top: -300px; /* Hide it initially */
    width: 100%;
    z-index: 999;
    transition: top 0.3s ease-in-out;
}
.social-white {
	color: #ffffff;
}
.social-black {
	color: #000000;
}
/* Show the secondary navigation when it's visible */
#secondary-nav.visible {
    top: 0;
	transition: top 0.5s ease-in-out;
}
#main-header.visible {
    top: -300px;
	z-index: 999;
	position: fixed;
	transition: top 0.5s ease-in-out;
}
/* Services entrance */
.jltma-accordion-tab-content > p {
	animation: sectionEntrance 1s ease 0s 1 normal forwards;
}
/*Each container's entrance */
#services.in-view, #team.in-view, #players.in-view, .roster-button.in-view, .our-pros.in-view, #bio.in-view {
	animation: sectionEntrance 2s ease 0s 1 normal forwards;
}
.numbers.in-view {
	animation: sectionEntrance 1s ease 0s 1 normal forwards;
}
.about-section-right.in-view {
	animation: sectionEntrance 3s ease 0s 1 normal forwards;
}
.about-section-left.in-view  {
	animation: sectionEntrance 2s ease 0s 1 normal forwards;
}
.entrance-gallery.in-view  {
	animation: sectionEntrance 2s ease 0s 1 normal forwards;
}
.mobile-entrance.in-view {
		animation: sectionEntrance 1.5s ease-in 0s 1 normal forwards;
 	}
header.wp-block-template-part {
    position: fixed;
    width: 100%;
    top: 0;
    height: 15em;
    z-index: 3;
}
@keyframes numbersEntrance {
	0% {
		opacity: 0;
		transform: scale(0.6);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes rightEntrance {
	0% {
		opacity: 0;
		transform: translateX(50px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes leftEntrance {
	0% {
		opacity: 0;
		transform: translateX(-50px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes sectionEntrance {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@media not all and (hover: hover) {
    /* Styles for non-desktop devices (e.g., mobile, tablet) */
    .mobile-entrance.in-view {
		animation: sectionEntrance 3s ease 0s 1 normal forwards;
 	}
	figure.jltma-effect-roxy figcaption h2 {
    padding: 0!important;
   }
	#secondary-nav {
    	top: 0;
		transition: top 0.5s ease-in-out;
	}
	header.wp-block-template-part {
		top: -300px;
		z-index: 0;
		position: fixed;
		transition: top 0.5s ease-in-out;
	}
	.wp-container-core-column-is-layout-4 {
    	justify-content: right!important;
	}
	#slider {
		margin-top: 10vh;
	}
}
@media (min-width: 1024px) {
    /* Styles for screens smaller than 1024px (e.g., tablets, mobile) */
    #players-grid.in-view  {
        animation: sectionEntrance 3s ease 0s 1 normal forwards;
    }
}
@media (max-width: 1024px) {
    /* Styles for screens smaller than 1024px (e.g., tablets, mobile) */
    div#n2-ss-2 .n2-ss-slide  {
        height: 300px !important;
    }
}

.wp-block-navigation__responsive-container-open svg {
    width: 40px; /* Adjust size */
    height: 40px;
}
.e-link-in-bio__icons {
	display: none;
}
/*.nav.wp-block-navigation ul li a:hover {
	transform: scale(1.1)!important;
	color: #fff!important;
}
ul.items-justified-right:nth-child(1) > li:nth-child(1) > a:nth-child(1) > span {
	transform: scale(1.1)!important;
	color: #fff!important;
}*/
.profile-card-team {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 24px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.profile-card-team:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}
.wp-block-image.is-style-fotawp-boxshadow-hover img:hover, 
.wp-block-column.is-style-fotawp-boxshadow-hover:hover, 
.wp-block-columns.is-style-fotawp-boxshadow-hover:hover, 
.wp-block-group.is-style-fotawp-boxshadow-hover:hover {
    box-shadow: none;
    transform: none;
}
.wp-block-navigation__responsive-container-open {
    margin-left: 5rem !important;
}