/* =============== GENERAL CSS ============== */

/* NEO Global Content width option */
/* #neo-builder-container .neo-row-parent > .neo-container {
	max-width: 4000px;
} */

body {
	margin: 0;
}

.neo-container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 1; /* Test */
}

/* Test for removing default row padding */
.neo-row-parent {
	padding-top: 25px;
	padding-bottom: 25px;
}


/* NEO Global GUTTER Option */
/* RE-ADDED "neo-column"! */
.neo-column-parent { 
	padding-left: 15px; 
	padding-right: 15px;
}

/* LAYOUT WIDTH: ALWAYS apply Max Content Width of 90% for Theme and Page Builder (independend from max width settings!) */
.neo-container,
.suki-wrapper {
	width: 90%;
}

/* Mobile */
@media (max-width: 767px) {
	.neo-container, 
	.suki-wrapper {
		width: 95%;
	}
}

/* For larger screens bigger than 1500px make width 70% instead of 90% */
@media (min-width: 1500px) {
	.neo-container, 
	.suki-wrapper {
		width: 70%;
	}
}

/* Row Backgrounds */
/* z-index issue if parallax on ie (fix in uniparallax.css) */
.neo-row-parent {
	min-height: 1px; /* IE */
	width: 100%;
}

.neo-row-parent,
.neo-row-parent:before,
.neo-row-parent:after {
	position:relative;
	background-repeat: no-repeat;
    background-size: cover;
	background-position: center center;
}

 

/* Builder ONLY Rows/Columns */
#neo-header .neo-container,
#neo-footer .neo-container,
#neo-builder-container .neo-container {
	display: flex;
	flex-wrap: wrap;
}

/* FRONTEND ONLY */
/* .neo-body .neo-container {
	display: flex;
	flex-wrap: wrap;
} */


/* Frontend ONLY Rows/Columns */
.neo-column-parent {
	position: relative;
	display: flex;
	flex-direction: column;
	/* height: 100%; */
	justify-content: center;
	box-sizing: border-box;
}

/* .neo-column-parent {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	position: relative;
} */
 
/* Row Types */
.neo-container-full {
	width: 100% !important;
}

.neo-container-no-gutter .neo-column-parent {
	padding: 0;
}

/* Inner Content Row 100% width (instead of 70%) */
#neo-builder-container .neo-inner-row-parent .neo-container {
	width: 100%;
}

/* Row Shape Common CSS ( Moved from engine.js ) */
.neo-shape-container { 
	overflow: hidden;
	position: absolute;
	width: 100%;
	pointer-events: none;
}
.neo-shape-container > svg { 
	display: block;
	width: 100%;
}
.neo-top-shape {
	top: -1px;
}

.neo-bottom-shape { 
	bottom: -1px;
}
.neo-bottom-shape > svg { 
	transform: rotateX(180deg);
}



/* === ADDONS CSS === */

.neo-builder-addon {
	position: relative;
	z-index: 1;
	margin: 5px 0px;
	min-height: 1px; /*IE */
}

/* Icon List */
.neo-builder-addon .neo-icon-list {
	display: flex;
	line-height: 1.3em;
}

.neo-icon-list:before {
	margin-right: 15px;
	margin-left: 10px;
	font-size: 27px;
	top: -3px;
	position: relative;
}


/* WOW Entrance Animations*/
/* need container class else opacity conflict with lazyload */
.neo-builder-container .neo-wow {
	opacity: 0.001;
	/* visibility: hidden; */
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-play-state: paused;
}

.neo-builder-container .neo-wow.neo-animated {
	animation-play-state: running;
}

/* NO-JS */
.no-js .neo-wow {
	opacity: 1;
	visibility: visible;
}

/* ENTRANCE ANIMATIONS - removes animations.css */
.fadeIn {
	animation-name: fadeIn;
}

@keyframes fadeIn { 
	from { opacity: 0.001; } 
	to { opacity: 1; } 
}

.fadeInUp {
	will-change: transform, opacity;
	animation-name: fadeInUp;
}

@keyframes fadeInUp { 
	from { opacity: 0.001; transform: translate3d(0, 50px, 0); }
	to { opacity: 1; } 
}

.neo-addon-title {
	padding: 0;
	margin: 0;
	word-break: break-word;
}

/* image addons */
.neo-image-addon-content {
	position: relative;
	max-width: 100%;
	/* display: block; */
	display: inline-block;
}

.neo-image-addon-img {
	display: block;
	max-width: 100%;
	height: auto;
}

.neo-image-addon-content a {
	display: block;
	position: relative;
}

/* IMG Full Width on mobile */
/* @media (max-width: 767px) {
	.neo-image-addon-content {
		display: block;
	}

	img {
		width: 100%;
	}
} */


/* text block */
/* Dropcap incl. Firefox fix */
.neo-text-block-drop p:first-child:first-letter {
	display: block;
	float: left;
	font-size: 40px;
	line-height: 30px;
	padding: 8px 10px;
	border-radius: 3px;
	border: 3px solid;
	margin-right: 8px;
}

.neo-text-block-content {
	display: inline-block;
	width: 100%;
}

.neo-text-block-content .alignleft {
	float: left;
	text-align: left;
	margin: 0 1.25em 0 0;
}


/* button addons */
button, 
.button,
.neo-btn-addons {
	display: inline-block;
	/* vertical-align: middle; */
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
	padding: 8px 12px;
	border-radius: 4px;
	position: relative;
	background-color: #008000;
	color: #fff;
	font-size: inherit;
	text-decoration: none;
	transition: background-color .4s, opacity .4s, color .4s;
}

/* .neo-button-addon-content {
	padding-top: 10px;
} */

button:hover,
.button:hover,
a.neo-btn-addons:hover, 
.neo-btn-addons:focus-visible {
	background-color:#679d18;
	color: #fff;
}

.neo-btn-full-yes {
	display: block;
	width: 100%;
}

.neo-btn-addons.neo-btn-large {
	padding: 10px 30px;
	font-size: 15px;
	line-height: 1.6;
}

/* button group */
.neo-button-group {
	display: inline-block;
}

/* icon addons */

/* Icons */
/* [class^="neo-font-"] { 
	display: inline-block;
	position: relative;
	top: -1px;
}
 */
.neo-font-star:before {
	content: '✯';
}

.neo-icon-inner a {
	display: block;
}

.neo-icon-inner {
 	display: inline-block;
	text-align: center;
	transition: all .4s;
	position: relative;
	z-index: 2;
	border-radius: 50%;
	padding: 1em;
}

.neo-icon-inner i {
	width: 1em;
	height: 1em;
	line-height: 1em;
	position: relative;
	display: block;
}
.neo-icon-inner i:before {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
