/*
 Theme Name:   MediaTopia
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Jeff Hamilton
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.button--circle--icon span.gb-shape {
	    background: #ffff;
    border-radius: 50%;
    padding: 10px;
	overflow: hidden;
}
.button--circle--icon span.gb-shape svg {
	   transition: transform 0.3s ease, opacity 0.3s ease;
}
.button--circle--icon.secondary--btn span.gb-shape {
	background: none;
}

.hero--form .wpforms-field-container {
margin: 0 50px !important;
	
}

.hero--form .wpforms-field-required {
	    max-width: 100% !important;
    border-radius: 8px !important;
	background: #f2faff !important;
    outline: none !important;
    border: 1px solid #9a9c9d !important;
}
.hero--form .wpforms-submit-container {
	display: flex !important;
}
.hero--form button {
margin: auto !important;
	font-family: var(--gp-font--poppins);
    font-size: 18px;
    font-weight: 500;
    border: 2px solid var(--base-3);
    border-radius: 5px;
    padding: 10px 42px;
    background: #0094fa;
}

/* Button base */
.bubbly-button {
    position: relative !important;
    overflow: visible !important; /* ensure bubbles are visible */
	
}


/* Pseudo-elements */
.bubbly-button:before,
.bubbly-button:after {
    content: '';
    position: absolute;
    width: 140%;
    height: 100%;
    left: -20%;
    z-index: 0;
    background-repeat: no-repeat;
    opacity: 0; /* hidden by default */
    pointer-events: none;
}

/* Top bubbles */
.bubbly-button:before {
    top: -75%;
    background-image: 
        radial-gradient(circle, #0094fa 20%, transparent 20%),
        radial-gradient(circle, transparent 20%, #0094fa 20%, transparent 30%),
        radial-gradient(circle, #0094fa 20%, transparent 20%),
        radial-gradient(circle, #0094fa 20%, transparent 20%),
        radial-gradient(circle, transparent 10%, #0094fa 15%, transparent 20%),
        radial-gradient(circle, #0094fa 20%, transparent 20%),
        radial-gradient(circle, #0094fa 20%, transparent 20%),
        radial-gradient(circle, #0094fa 20%, transparent 20%),
        radial-gradient(circle, #0094fa 20%, transparent 20%);
    background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}

/* Bottom bubbles */
.bubbly-button:after {
    bottom: -75%;
    background-image:
        radial-gradient(circle, #0094fa 20%, transparent 20%),
        radial-gradient(circle, #0094fa 20%, transparent 20%),
        radial-gradient(circle, transparent 10%, #0094fa 15%, transparent 20%),
        radial-gradient(circle, #0094fa 20%, transparent 20%),
        radial-gradient(circle, #0094fa 20%, transparent 20%),
        radial-gradient(circle, #0094fa 20%, transparent 20%),
        radial-gradient(circle, #0094fa 20%, transparent 20%);
    background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}

/* Animate class triggers bubbles */
.bubbly-button.animate:before {
    opacity: 1;
    animation: topBubbles 0.75s ease-in-out forwards;
}

.bubbly-button.animate:after {
    opacity: 1;
    animation: bottomBubbles 0.75s ease-in-out forwards;
}

.phone--screen {
height:0px;
width: 0px;
}

.animation--section .pin-spacer {
	background: #1E242F;
}

/* Keyframes */
@keyframes topBubbles {
    0% { background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%; }
    50% { background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%; }
    100% { background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%; background-size: 0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%; }
}

@keyframes bottomBubbles {
    0% { background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%; }
    50% { background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%; }
    100% { background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%; background-size: 0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%; }
}

.company--logo .splide__slide {
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

table td {
	color: #F2FAFF;
	font-family: 'Poppins';
	font-size: 15px
}

#footer-menu .gb-menu-item-mi1029fa .gb-menu-link {
	padding: 0.5em 0;
}

.wpforms-field-row {
		max-width: 100% !important;F
}
.wpforms-field-required {
	max-width: 100% !important;
	border: unset !important;
	outline: unset !important;
	background: #283a544f !important;
	border-radius: 5px !important;
}

.wpforms-field input {
font-size: 16px !important;
}

#wpforms-160-field_5 {
	display: flex !important;
	gap: 30px !important;
	list-style: none !important;
	background: none !important;
}

#wpforms-160-field_5-description {
	border: none !important;
	overflow-y: unset !important;
    overflow-x: unset !important;
}

#wpforms-submit-160 {
	border-radius: 5px !important;
    background: #283a54 !important;
}

#wpforms-submit-160 {
	margin-top: 20px !important;
}

.i4ewOd-pzNkMb-haAclf {
    display: none !important;
}

#wpforms-160-field_5-description {
	height: unset !important;
}

.splide.company--logo .splide__track {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

#menu-header-menu li:first-child.current-menu-item  {
border-left: 5px solid var(--secondary) !important;
border-radius: 50px;
border-bottom: none !important;
}

#menu-header-menu li:last-child.current-menu-item  {
border-right: 5px solid var(--secondary) !important;
border-radius: 50px;
border-bottom: none !important;
}