/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

#header-newsletter-signup {
	max-width: 400px !important;
	
	.section {
		align-items: unset !important;
	}
}

p.lead {
		font-size: 1.2em; 
}

.header-nav {
	
	gap: 5px 0px;
	
	li.header-block {
		flex: 1 1 100%;
		display: flex;
		justify-content: flex-end;
		margin: 0;
	
		.button:last-of-type {
			margin: 0;
		}
		
	}
	
	li:not(.header-block) a {
		padding-bottom: 0;
	}
	
}

.nav-vertical.nav-simple {
	
	> li + li {
		border-top: unset;
	}
	
	a {
		padding-top: 0;
		text-transform: capitalize
	}
	
}

.custom-box {
	border-radius: 40px;
	
	.box-text {
		bottom: 0;
		width: 85%;
		border-radius: 0 40px 0 0;
		pointer-events: none;
	}
	
}

.nav-extender {
	position: relative;
	isolation: isolate;
	
	&::before {
		content: '';
		position: absolute;
		inset: 0 0 0 0;
		width: 100%;
		height: 200px;
		translate: 0 -50px;
		background: #000000;
	}
	
}

:is(h1, h2, h3, h4, h5, h6, p, .lead, ul, li):not(:has(+ :is(h1, h2, h3, h4, h5, h6, p, ul))) {
	margin-bottom: 0 !important;
}

.bleed > .col-inner {
	position: relative;
	isolation: isolate;
	border-radius: 40px 0 0 40px !important;
	
	&::before {
		content:'';
		position: absolute;
		inset: 0;
		width: 200%
		z-index: -1;
		background: #ffffff;
		translate: 100% 0%;
	}
	
}

.bleed.blue > .col-inner::before {
	background: #00000080;
}

.custom-radius > .col-inner {
	border-radius: 70px 0 0 0 !important;
}

.stripes {
	position: absolute;
	translate: 2% -40%;
	inset: 0 0 auto 0;
	
	&.bottom {
		inset: auto 0 0 auto;
		translate: 2% 50%;
	}
	
	svg {
		width: 80%;
	}
	
	path {
		fill: var(--fs-color-secondary);
	}
	
	&.dark {
		
		path {
			fill: var(--fs-color-primary);
		}
		
	}
	
}

.watermark {
	
	.section-bg {
		isolation: isolate;
	}
	
	.section-bg::before,
	.section-bg::after {
		content: '';
		position: absolute;
		background: url(https://inkfish.digital/iib/wp-content/uploads/2024/07/watermark.avif) no-repeat center right / cover;
		width: 35%;
		opacity: 30%;
	}
	
	.section-bg::before {
		inset: 0 auto 0 0;
	}
	
	.section-bg::after {
		inset: 0 0 0 auto;
		rotate: 180deg;
	}
	
}
#top-bar {
	
	.notice {
		display: flex;
		flex-flow: row nowrap;
		color: #000000;
		font-weight: bolder;
		animation: notice 35s linear infinite;

		ul {
			list-style: none;
			display: flex;
			flex-flow: row nowrap;
			gap: 200px;
			justify-content: start;
			margin: 0;
			padding: 0 60px 0 !important;
			min-width: 100vw;
		}

		li {
			padding: 0 !important;
			margin: 0 !important;
			white-space: nowrap;
			color: #fff;
		}

		a {
			color: #fff;
		}

	}
	
}

@keyframes notice {
	to {
		translate: -50% 0;
	}
}

.vcenter .col-inner {
	place-content: center;
}

.square {
	
	img {
		object-fit: contain;
	}
	
}

.collapse {
	margin: 0 !important;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	
	i {
		flex: 1 1 10%
	}
	
	i + span {
		flex: 1 1 95%;
		text-align: left;
		line-height: 1
	}
	
}

.overflow > .col-inner {
	overflow: clip;
}

.flex-fix-4, .flex-fix-5, .flex-fix-6 {
	--gap: 10%;
	flex-flow: row wrap;
	justify-content: center;
	gap: var(--gap);
	
	.box {
		max-width: calc(25% - var(--gap));
		min-width: 120px;
	}		
	
}

.flex-fix-5 {
	--gap: 5%;
	
	.box {
		max-width: calc(20% - var(--gap));
	}		
	
}

.flex-fix-6 {
	--gap: 8%;
	
	.box {
		max-width: calc(17% - var(--gap));
	}		
	
}

.custom-posts {
	
	.col-inner {
		background: transparent !important;
		overflow: clip;
		border-radius: 40px;
	}

	.box {
		background-color: transparent !important
	}
	
	.box-text-inner .post-title {
		padding: 30px 20px 5px 20px;
		margin: 0
	}
	.box-text-inner .post-meta {
		padding: 0px 20px 0px 20px;
	}
	.box-text-inner .is-divider {
		margin-left: 20px;
		padding: 5px 0 0 0;
	}
	.box-text-inner .from_the_blog_excerpt {
		padding: 20px 20px 30px 20px
	}
	
	a.button {
		margin: 0;
		width: 100%;
		border-radius: 0 !important;
		padding: 5px;
	}
}

.nav-dropdown li:first-of-type a {
	padding-top: 0;
}

.gform-theme {
	--gf-color-primary: #2619b1 !important;
	--gf-color-in-ctrl-primary: #2619b1 !important;
	--gf-radius: 12px !important;
	--gf-ctrl-textarea-radius: var(--gf-radius) !important;
	
	label:not(.gfield_consent_label),
	legend,
	input[type="submit"],
	.gsection_title {
		text-transform: uppercase !important;
		font-weight: bold !important;
	}
}

/*noti bar move*/
/* make top bar content span full screen */
#top-bar .flex-row.container {
  max-width: 100% !important;
}

#top-bar .top-marquee {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  overflow: hidden;
  white-space: nowrap;
}

/* moving line */
#top-bar .top-marquee span {
  display: inline-block;
  padding-left: 100%;
  animation: topMarquee 17s linear infinite;
}

/* link */
#top-bar .top-marquee a {
  color: #ffffff !important;
  white-space: nowrap;
  font-weight: 600;
}

/* animation */
@keyframes topMarquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}