/*
Theme Name: INCREON
Description: Child theme for Avada theme
Author: INCREON
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

:root {
	--standardspace: 4rem;
	--defaultspace: 40px;
	--doublespace: 6.5rem;
	--halfspace: 20px;
}

body {
	word-wrap: normal;
	-webkit-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual;
	margin-right: auto;
	margin-left: auto;
	
	/*  max-width: 2560px;*/
}

p,
.fusion-text ul {
	margin-block-start: 0;
}

div{
	word-break: normal;
    hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
}
/* ---------- Avada Overrides */


table,
.fusion-text-split-columns,
.post-content ul.fusion-checklist,
.fusion-accordian,
.awb-imageframe-caption-container,
.fusion-button {
	margin-bottom: var(--defaultspace) !important;
}

body .post-content p {
	margin-bottom: 30px;
}

a.fusion-one-page-text-link,
body .fusion-imageframe,
body .fusion-image-wrapper,
body .fusion-video {
margin-bottom: var(--halfspace);
}

body .awb-imageframe-style-below .fusion-imageframe {
	margin-bottom: 10px;
}

.fusion-video {
	margin-top: var(--halfspace);
}
.post-content li,
.fusion-post-content li {
	margin-bottom: 10px;
}

p:empty {
	margin-bottom: 0;
}


#wrapper .fusion-checklist .icon-wrapper,
#wrapper ul.fusion-checklist .icon-wrapper {
    align-items: flex-start;
}

.fusion-li-item-content {
	font-size: var(--body_typography-font-size);
	line-height: var(--body_typography-line-height);
}

#wrapper .fusion-highlight.awb-highlight-background {
	padding: 0;
	line-height: 1.2em;
	box-shadow: 0px 0px 0px 10px #fff;
}
/* ---------- Images  */



/* ---------- Buttons */

body .fusion-button {
	transition: background-color 0.6s;
}

body.fusion-button_size-medium .fusion-button-default-size,
body.fusion-button_size-medium button.button,
.button-medium {
	padding: 15px 20px !important;
	line-height: 1.3 !important;
	font-size: 1rem !important;
	min-width: 0 !important;
	height: 50px;
}

body .button-large,
.fusion-body .fusion-button-large {
	padding: 20px 20px !important;
	line-height: 1.3 !important;
	font-size: 1.3rem !important;
}

body .button-xlarge,
.fusion-body .fusion-button-xlarge {
	padding: 25px 20px !important;
	line-height: 1.3 !important;
	font-size: 1.6rem !important;
	font-weight: bold;
}

body .button-small,
.fusion-body .fusion-button-small {
	padding: 10px 20px !important;
	line-height: 1.3 !important;
	font-size: 1rem !important;
}

body .fusion-button {
	border-radius: 15%/200%!important;
}

/* ---------- Area and Box */

#wrapper .fusion-fullwidth.area {
	margin-top: var(--doublespace) !important;
	margin-bottom: var(--standardspace) !important;
	padding-top: var(--standardspace) !important;
	padding-bottom: var(--standardspace) !important;
}

#wrapper .fusion-fullwidth.max1680 .fusion-builder-row  {
	max-width:1680px !important;
	margin-left: auto!important;
	margin-right: auto!important;
}

#wrapper .fusion-layout-column.box > .fusion-column-wrapper:first-of-type {
	padding: var(--defaultspace) !important;
	margin-bottom: var(--halfspace);
}

#wrapper .fusion-layout-column.box.with-border .fusion-column-wrapper {
	border-width: 1px;
	border-style: solid;
	border-color: var(--awb-color8);
}

#wrapper .fusion-layout-column.box.with-background .fusion-column-wrapper {
	background-color: var(--awb-custom12);
}

#wrapper .fusion-layout-column.box.no-margin-bottom .fusion-column-wrapper {
	margin-bottom: 0 !important;
}

#wrapper .infoblock {}

#wrapper .infoblock .image .fusion-column-wrapper,
#wrapper .infoblock .content .fusion-column-wrapper {
	margin-left: 0;
	margin-right: 0;
}

#wrapper .infoblock .image .fusion-column-wrapper>div,
#wrapper .infoblock .image .fusion-column-wrapper>div .fusion-imageframe,
#wrapper .infoblock .image .fusion-column-wrapper>div .fusion-imageframe img {
	height: 100%;
}

#wrapper .infoblock .image:nth-child(odd) .fusion-column-wrapper,
#wrapper .infoblock .content:nth-child(odd) .fusion-column-wrapper {
	margin-right: 20px;
}

#wrapper .infoblock .image:nth-child(even) .fusion-column-wrapper,
#wrapper .infoblock .content:nth-child(even) .fusion-column-wrapper {
	margin-left: 20px;
}

#wrapper .infoblock .content>.fusion-column-wrapper {
	padding: var(--halfspace) !important;
}

#wrapper .infoblock .image .fusion-imageframe {
	margin-bottom: 0;
}

.white-text,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text p,
.white-text a {
	color: #fff !important;
}

/* ---------- Helpers */

.hide {
	display: none !important;
}

.no-margin {
	margin: 0 !important;
}

.no-margin-top {
	margin-top: 0 !important;
}

.no-margin-top h1,
.no-margin-top h2,
.no-margin-top h3,
.no-margin-top h4 {
	margin-top: 0 !important;
}

.no-margin-bottom {
	margin-bottom: 0 !important;
}

.standard-margin-top {
	margin-top: var(--standardspace) !important;
}

.standard-margin-bottom {
	margin-bottom: var(--standardspace) !important;
}

.standard-margin-left {
	margin-left: var(--standardspace) !important;
}

.standard-margin-right {
	margin-right: var(--standardspace) !important;
}

.double-margin-top {
	margin-top: var(--doublespace) !important;
}

.double-margin-bottom {
	margin-bottom: var(--doublespace) !important;
}

.half-margin-top {
	margin-top: var(--halfspace) !important;
}

.half-margin-bottom {
	margin-bottom: var(--halfspace) !important;
}

.auto-margin-left {
	margin-left: auto;
}

.auto-margin-right {
	margin-right: auto;
}

.auto-margin-top {
	margin-top: auto;
}

.auto-margin-bottom {
	margin-bottom: auto;
}

.no-padding {
	padding: 0 !important;
}

.no-padding-bottom {
	padding-bottom: 0 !important;
}

.standard-padding-top {
	padding-top: var(--standardspace) !important;
}

.standard-padding-bottom {
	padding-bottom: var(--standardspace) !important;
}

.double-padding-top {
	padding-top: var(--doublespace) !important;
}

.double-padding-bottom {
	padding-bottom: var(--doublespace) !important;
}

.standard-padding-all {
	padding: var(--standardspace) !important;
}

.default-padding-all {
	padding: var(--defaultspace) !important;
}

.half-padding-all {
	padding: var(--halfspace) !important;
}

.no-hyphenate {
	word-wrap: normal;
	-webkit-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual;
}
.fixed-height{
    height:170px !important;
}
/* ---------- Custom Styles */

.bracket-row .fusion-builder-row {
	flex-wrap: nowrap !important;
}

.bracket-row div {
	margin: 0 !important;
}

.phw-touch-header-medium .fusion-row{
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}
.phw-touch-header .fusion-row .fusion_builder_column:nth-child(1){
	width: 50% !important;
}
.phw-touch-header-small .fusion-row .fusion_builder_column:nth-child(2),
.phw-touch-header-small .fusion-row .fusion_builder_column:nth-child(3){
	width: 25% !important;
}

.phw-touch-header-medium .fusion-row .fusion_builder_column:nth-child(3){
	margin-left: 2em !important;
	width: 10% !important;
}
.phw-touch-header-medium .fusion-row .fusion_builder_column:nth-child(2) {
	margin-left: auto;
}


/* media queries START */

/*-------------------------------------------------------------------------------------------*/

/* ultra wide size browser windows 2500px */

@media only screen and (min-width: 2500px) {
	.fixed-height{
		height:140px !important;
	}
}

/*-------------------------------------------------------------------------------------------*/


/* super wide size browser windows ca. 1920px */

@media only screen and (min-width: 120em) {}


/*-------------------------------------------------------------------------------------------*/


/* super wide size browser windows ca. 1600px */

@media only screen and (min-width: 100em) {}


/*-------------------------------------------------------------------------------------------*/


/* big size browser windows ca. 1280px */

@media only screen and (min-width: 80em) {
	#wrapper .fusion-fullwidth.image.area {
		padding-left: calc(2 * var(--doublespace)) !important;
		padding-right: calc(2 * var(--doublespace)) !important;
	}
}


/*-------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1290px) {

}


/*-------------------------------------------------------------------------------------------*/

/* Mid Size 3 */
@media only screen and (max-width: 1440px) {
	.box{
		min-width: 50% !important;
		margin-bottom: 2em !important;
	}

	.fusion-menu-element-list li{
		padding: 5px;
	}
	.phw-touch-footer-section {
		width: 50% !important;
		margin-bottom: 2em !important;
	}
}

/* Mid Size 2*/

@media only screen and (max-width: 1024px) {
	body {
		--standardspace: 2em;
		--doublespace: 3em;
		--halfspace: 1em;
		--main_padding-top: 0em;
		--h1_typography-font-size: 2rem;
		--h2_typography-font-size: 1.7rem;
		--h3_typography-font-size: 1.5rem;
		--h4_typography-font-size: 1.2rem;
		--body_typography-font-size: 18px;
		--form_text_size: 18px;
	}
	#wrapper .fusion-fullwidth.image.area {
		padding-left: auto !important;
		padding-right: auto !important;
	}
}


/*-------------------------------------------------------------------------------------------*/


/* Mid Size 1*/

@media only screen and (max-width: 960px) {
	body {
		--body_typography-font-size: 15px;
		--form_text_size: 15px;
		--body_typography-line-height: 1.5 !important;
	}
	.fixed-height{
		height:120px !important;
		
	}
}


/*-------------------------------------------------------------------------------------------*/


/* Small Size */

@media only screen and (max-width: 768px) {
	body {
		--defaultspace: 20px;
		--standardspace: 30px;
		--doublespace: 50px;
		--halfspace: 20px;
		--body_typography-font-size: 16px;
		--form_text_size: 16px;
		--main_padding-top: 0em;
		--awb-custom_typography_1-font-size: 18px;
		--awb-custom_typography_2-font-size: 20px
	}

	#wrapper .fusion-fullwidth.image.area {
    padding-left: calc(1 * var(--doublespace)) !important;
    padding-right: calc(1 * var(--doublespace)) !important;
	}
	.fixed-height{
		height:unset !important;
		
	}
	#brackets-column{

		width: 10% !important;
	}
	.bracket-text-1 > h3 {
		font-size: 20px !important;
	}
	.bracket-text-2 > p {
		font-size: 17px !important;
	}
	.specs-table > table{
		table-layout: fixed !important;
		width: 100% !important;
	
		}
	.specs-table > table >tbody >tr> td{
		WHITE-SPACE: PRE-WRAP;
	}
	
}


/*-------------------------------------------------------------------------------------------*/


/* Smallest Size */

@media only screen and (max-width: 460px) {
	body {
		word-wrap: normal;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}

.bracket-text-1 > h3 {
	margin-top: 0px !important;
	font-size: 16px !important;
}
.bracket-text-2 > p {
	display: none;
	font-size: 14px !important;
}

}


/*-------------------------------------------------------------------------------------------*/

/* Very Small Size */

@media only screen and (max-width: 370px) {

	.bracket-text-1 > h3 {
		font-size: 12px !important;
	}
	.bracket-text-2 > p {
		font-size: 10px !important;
	}
	
	}
/* media queries END */


/* ---------- CSS Animations */

.phw-with-animation .phw-slide-right,
.phw-with-animation .phw-slide-left,
.phw-with-animation .phw-slide-top,
.phw-with-animation .awb-imageframe-caption,
.phw-with-animation .phw-slide-bottom {
	opacity: 0;
}

.slide-right {
	animation: slide-right 0.6s ease-in-out 0.3s both;
}

.slide-bottom {
	animation: slide-bottom 0.6s ease-in-out 0.3s both;
}

.slide-top {
	animation: slide-top 0.6s ease-in-out 0.3s both;
}

.phw-highlight {
	background: linear-gradient( to top, var(--awb-color3) 30%, transparent 30%);
}

.phw-highlight-animation {
	background: #fff;
}

.phw-has-animation.phw-highlight-animation {
	background-color: var(--awb-color3);
	background-image: linear-gradient(to top, transparent 30%, #fff 30%);
	transition: background-color 0.6s;
}


.with-animated-caption .fusion-imageframe {
	margin-bottom: 0;
	z-index: -1;
}

.with-animated-caption .awb-imageframe-caption-container {
	margin-top: -80px;
}

.with-animated-caption .awb-imageframe-caption-container .awb-imageframe-caption {
	margin: var(--halfspace);
	padding: var(--halfspace);
	background: #fff;
}


/**
 * ----------------------------------------
 * animations
 * ----------------------------------------
 */

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

@keyframes slide-bottom {
	0% {
		transform: translateY(-50px);
		opacity: 0;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

@keyframes slide-top {
	0% {
		transform: translateY(50px);
		opacity: 0;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}