/*
Theme Name: Idelco
Author: ÉQUINOXES
Author URI: https://equinoxes.fr
Description: Idelco 2024
Version: 1.0.2
Tested up to: 5.4
Requires PHP: 7.1
*/

@font-face {
	font-family: 'idelco';
	src:  url('assets/fonts/idelco.eot?qvbksk');
	src:  url('assets/fonts/idelco.eot?qvbksk#iefix') format('embedded-opentype'),
		url('assets/fonts/idelco.ttf?qvbksk') format('truetype'),
		url('assets/fonts/idelco.woff?qvbksk') format('woff'),
		url('assets/assets/fonts/idelco.svg?qvbksk#idelco') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="mono_"], [class*=" mono_"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'idelco' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mono_heading::before {
	content: "\e900";
}

.mono_envelope::before {
	content: "\e901";
}

.mono_call::before {
	content: "\e902";
}

.mono_envelope-outlined::before {
	content: "\e903";
}

.mono_call-outlined::before {
	content: "\e904";
}

.mono_pin-outlined::before {
	content: "\e905";
}

.mono_dwg-file::before {
	content: "\e906";
}

.mono_data-sheet-file::before {
	content: "\e907";
}

.mono_3d::before {
	content: "\e908";
}

.mono_download::before {
	content: "\e909";
}

.mono_chevron-outlined-left::before {
	content: "\e90a";
}

.mono_chevron-outlined-right::before {
	content: "\e90b";
}

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a,
a:hover,
a:focus,
a:active {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	-webkit-text-decoration-style: solid;
	        text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

@media (min-width: 599px) and (max-width: 600px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
		flex-basis: calc(50% - var(--wp--style--block-gap, 2em)/2) !important;
		flex-grow: 0;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(2n) {
		margin-left: var(--wp--style--block-gap, 2em);
	}
}

.site-main {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.site-main > .alignfull,
.entry-content > .alignfull,
.product > .alignfull {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer));
	margin-right: calc(-1 * var(--wp--custom--spacing--outer));
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-block-cover,
.wp-block-cover-image {
	width: unset;
}

strong, b {
	font-weight: 700;
}

@media (max-width: 781px) {
	.wp-block-columns:not(.is-stacked-on-mobile) > .wp-block-column:not(:first-child) {
		margin-top: 1rem !important;
	}
}

.wp-block-buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	align-items: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	gap: 1.5em !important;
	padding-left: 1.5em;
	padding-right: 1.5em;
}

.menu-item.skew50,
.wp-block-button .skew50,
button.skew50 {
	-webkit-transform: skew(-50deg);
	    -ms-transform: skew(-50deg);
	        transform: skew(-50deg);
}

.menu-item.skew50 > a,
.wp-block-button .skew50 > span,
button.skew50 > span {
	display: inline-block;
	-webkit-transform: skew(50deg);
	    -ms-transform: skew(50deg);
	        transform: skew(50deg);
}

.yoast-breadcrumbs {
	font-style: italic;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--primary);
	margin-top: var(--wp--custom--spacing--small, 1.75rem);
}

.yoast-breadcrumbs a {
	text-decoration: underline;
}

.yoast-breadcrumbs .breadcrumb_last {
	color: var(--wp--preset--color--secondary);
}

/*--------------------------------------------------------------
# Main Layout
--------------------------------------------------------------*/
html, body {
	overflow-x: hidden;
}

.wp-block-cover:not(.alignfull),
.wp-block-group:not([class^="wp-container-"]):not([class*=" wp-container-"]) .wp-block-columns,
.wp-block-group:not(.alignfull),
.wp-block-idelco-media-text-carousel:not(.alignfull),
.wp-block-group.alignfull > .wp-block-group,
.wp-block-group.alignfull > .wp-block-columns,
.wp-block-cb-carousel:not(.alignfull),
.entry-content > .wp-block-spacer,
.entry-content > .wp-block-columns,
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > h1,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > h5,
.entry-content > h6 {
	max-width: 1370px;
	margin-left: auto;
	margin-right: auto;
}

.wp-block[data-align="full"] > .wp-block-group {
	max-width: unset;
}

.container {
	max-width: 1370px;
	width: 100%;
	margin: 0 auto;
	padding: 0 1rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.site-main > .error-404 {
	min-height: 50vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

/*--------------------------------------------------------------
# Site Header
--------------------------------------------------------------*/
.site-header a,
.site-footer a {
	color: var(--wp--preset--color--tertiary);
	text-decoration: none;
}

.site-header .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.site-branding {
	position: relative;
}

.site-branding .container {
	position: relative;
	border-bottom: 1px solid var(--wp--preset--color--tertiary);
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.site-branding .container a,
.site-branding .container > .logo {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	max-width: calc( 100% - 3rem );
}

.site-branding .container::after {
	content: '';
	display: block;
	width: 75px;
	height: 8px;
	background-color: var(--wp--preset--color--secondary);
	position: absolute;
	z-index: 100;
	top: 100%;
	left: 54px;
	margin-top: -4px;
}

.site-branding .logo {
	margin: .25rem 0 1rem 0;
	max-width: 100%;
}

.site-branding .right-side {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-top: .5rem;
}

.site-branding .call {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-weight: var(--wp--custom--font-weight--medium);
	white-space: nowrap;
}

.site-branding .call i {
	font-size: var(--wp--preset--font-size--x-large, 2.063rem);
	opacity: .5;
}

/*--------------------------------------------------------------
# Site Navigation
--------------------------------------------------------------*/
.mobile-nav,
.main-navigation .menu {
	display: none;
}

.main-navigation .hamb {
	position: absolute;
	top: 58px;
	right: 1rem;
	display: block;
	width: 1.35em;
	height: 1em;
}

.main-navigation .hamb span {
	margin: .3em 0;
}

.main-navigation .hamb span,
.main-navigation .hamb::before,
.main-navigation .hamb::after {
	display: block;
	width: 1.35em;
	height: .125em;
	border-radius: 1px;
	background-color: var(--wp--preset--color--tertiary);
	-webkit-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	position: absolute;
	left: 0;
}

.main-navigation .hamb::before {
	top: 0;
}

.main-navigation .hamb span {
	top: 3px;
}

.main-navigation .hamb::after {
	top: 100%;
}

.main-navigation .hamb::before,
.main-navigation .hamb::after {
	content: '';
}

.mobile-nav:checked + .hamb::before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	top: .45em;
	height: .175em;
}

.mobile-nav:checked + .hamb::after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	top: .45em;
	height: .175em;
}

.mobile-nav:checked + .hamb span {
	width: 0%;
	left: 50%;
}


.is-mobile .mobile-nav:checked ~ .menu {
    display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	margin: 0;
	padding: 0;
	overflow-y: auto;
}

.is-mobile .mobile-nav:checked ~ #primary-menu {
	margin-top: 2em;
}

.is-mobile .mobile-nav:checked ~ #top-menu {
	margin-bottom: 2em;
}

.menu,
.menu ul,
.menu li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.site-footer .widget .menu {
	padding-left: 1.5rem;
}

.site-footer .widget .menu > li {
	padding-bottom: 1.5em;
}

.site-header .site-branding .menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
}

.site-header .menu {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	list-style: none;
	font-weight: var(--wp--custom--font-weight--medium);
	width: 100%;
}

.site-header .menu .menu-item.wp-block-button__link > a {
	padding: .35rem 1.5rem;
}

.site-header .menu .menu-item a img {
	vertical-align: middle;
}

.main-navigation .menu {
	gap: 1.5em;
}

.site-header .menu li {
	position: relative;
	background-color: inherit;
	color: inherit;
	width: 100%;
	box-sizing: border-box;
}

.main-navigation li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.site-header .site-branding li + li:not(.wpml-ls-item)::before {
	content: '|';
}

.site-header .menu a,
.site-footer .widget .menu a {
	padding: .85em 0;
}

.site-header .wp-block-button__link {
	margin: .85em 0;
}

#top-menu li a {
	max-width: none;
}

#top-menu .sub-menu {
	padding: 0;
	max-width: 0;
	overflow: hidden;
	-webkit-transition: max-width .35s ease;
	-o-transition: max-width .35s ease;
	transition: max-width .35s ease;
}

#top-menu .sub-menu img {
	transform: scale(0);
	-webkit-transition: transform .25s ease;
	-o-transition: transform .25s ease;
	transition: transform .25s ease;
}

#top-menu li.menu-item-has-children,
#top-menu li.menu-item-has-children ul {
	display: flex;
	flex-direction: row;
	align-items: center;
}

#top-menu li.menu-item-has-children > a::after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-top: .25em solid transparent;
	border-bottom: .25em solid transparent;
	border-left: .35em solid var(--wp--preset--color--tertiary);
	border-style: solid none solid solid;
	margin-left: .5em;
	vertical-align: middle;
	opacity: .85;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

#top-menu li.menu-item-has-children:hover .sub-menu,
#top-menu li.menu-item-has-children:focus .sub-menu {
	max-width: 999px;
}

#top-menu li.menu-item-has-children:hover .sub-menu img,
#top-menu li.menu-item-has-children:focus .sub-menu img {
	transform: scale(1);
}

#secondary-menu {
	margin-left: auto;
}

.site-header .main-navigation .sub-menu,
.site-footer .widget .sub-menu {
	background-color: inherit;
	color: inherit;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: normal;
	    -ms-flex-align: normal;
	        align-items: normal;
	opacity: 0;
	-webkit-transition: opacity .1s linear;
	-o-transition: opacity .1s linear;
	transition: opacity .1s linear;
	visibility: hidden;
	width: 0;
	height: 0;
	overflow: hidden;
}

.site-footer .widget li.menu-item-has-children > a {
	position: relative;
}

#top-menu li.menu-item-has-children:hover > .sub-menu,
.main-navigation:not(.is-mobile) li.menu-item-has-children:hover > .sub-menu,
.main-navigation.is-mobile li.menu-item-has-children.active > .sub-menu,
.site-footer .widget li.menu-item-has-children.active > .sub-menu {
	visibility: visible;
	overflow: visible;
	opacity: 1;
	width: auto;
	height: auto;
}

.main-navigation li.menu-item-has-children:hover > .sub-menu,
.main-navigation li.menu-item-has-children:focus-within > .sub-menu {
	min-width: 300px
}

.main-navigation .toggler,
.site-footer .widget .toggler {
	position: absolute;
	z-index: 100;
	display: block;
	width: 1.35em;
	height: 1.35em;
	line-height: 1.35em;
	text-align: center;
}

.main-navigation .toggler {
	top: .95em;
	right: 0;
}

.site-footer .widget .toggler {
	top: .95em;
	left: -1.75rem;
}

.main-navigation .toggler::after,
.site-footer .widget .toggler::after {
	content: '+';
}

.main-navigation .active .toggler::after,
.site-footer .widget .active .toggler::after {
	content: '-';
}

.main-navigation .sub-menu li {
	background: var(--wp--preset--color--primary);
}

.main-navigation .sub-menu a,
.site-footer .widget .sub-menu a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	padding: .5em 1em;
}

@media (max-width:1540px) and (min-width:1445px){
	.main-navigation li.menu-item-has-children:hover > .sub-menu,
	.main-navigation li.menu-item-has-children:focus-within > .sub-menu{
		min-width: 200px;
	}
}

@media (max-width:1444px) and (min-width:1160px){
	.main-navigation li.menu-item-has-children:hover > .sub-menu,
	.main-navigation li.menu-item-has-children:focus-within > .sub-menu{
		min-width: 175px;
	}
}

@media (min-width:1410px) {
	.site-header .container,
	.site-branding .container {
		padding: 0;
	}
}

@media (max-width: 1179px) and (min-width: 960px) {
	.site-header .container {
		flex-direction: column;
	}
	
	#primary-menu,
	#secondary-menu {
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 959px) and (min-width: 480px) {
	.site-header .container {
		align-items: normal;
	}
	
	#primary-menu,
	#top-menu {
		flex-basis: 45%;
	}
}

@media (min-width:960px) {
	.site-branding .container {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	.site-branding .container a,
	.site-branding .container > .logo {
		-webkit-box-ordinal-group: unset;
		    -ms-flex-order: unset;
		        order: unset;
	}

	.site-branding .logo {
		margin: 1.5rem 0 1.25rem 0;
	}

	.site-branding .right-side {
		width: auto;
		margin-top: 0;
	}

	.site-header .site-branding .menu > .wpml-ls-item {
		/*margin-left: clamp(0rem, -8.7805rem + 14.6341vw, 3.75rem);*/
	}

	.site-branding .call {
		margin-right: clamp(0rem, -8.7805rem + 14.6341vw, 3.75rem);
	}

	.main-navigation .menu {
		display: block;
	}
	
	.main-navigation .hamb {
		display: none;
	}
	
	.site-header .menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		width: auto;
	}
	
	.site-header .menu li {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: auto;
	}
	
	.site-header .menu li.menu-item-has-children {
		cursor: pointer;
	}
	
	.site-header .menu li.menu-item-has-children > a::after {
		border-style: solid;
		border-width: 1px 1px 0 0;
		content: '';
		display: inline-block;
		height: 0.25em;
		width: 0.25em;
		-webkit-transform: rotate(135deg);
		    -ms-transform: rotate(135deg);
		        transform: rotate(135deg);
		vertical-align: middle;
		margin-left: .5em;
	}
	
	.main-navigation .sub-menu {
		border-top: 1px solid var(--wp--preset--color--tertiary);
		position: absolute;
		z-index: 2;
		left: 0;
		top: 100%;
	}

	.main-navigation .sub-menu {
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	
	.main-navigation .sub-menu::before {
		content: '';
		position: absolute;
		bottom: 100%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		width: 0;
		height: 0;
		border-left: .25em solid transparent;
		border-right: .25em solid transparent;
		border-bottom: .5em solid var(--wp--preset--color--tertiary);
	}
	
	#top-menu,
	#top-menu li,
	#top-menu ul,
	#top-menu li a {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	#top-menu {
		margin-right: -.5em;
	}
	
	#top-menu li a {
		padding: .85em .35em;
	}
}

/*--------------------------------------------------------------
# Site Footer
--------------------------------------------------------------*/
.site-footer .wp-block-columns {
	padding-top: var(--wp--custom--spacing--large, 4rem);
	padding-bottom: var(--wp--custom--spacing--large, 4rem);
	padding-left: var(--wp--custom--spacing--outer, 1.25rem);
	padding-right: var(--wp--custom--spacing--outer, 1.25rem);
	margin: 0;
	gap: 2rem;
}

.site-footer .wp-block-columns .wp-block-column:first-child {
	flex-basis: 25%;
}

@media (min-width: 782px) {
	.site-footer .wp-block-columns {
		gap: 7.5%;
	}
}

@media (max-width: 1000px) and (min-width: 783px) {
	.site-footer .wp-block-columns {
		flex-wrap: wrap !important;
		gap: 3rem;
	}
	.site-footer .wp-block-columns .wp-block-column:first-child {
		flex-basis: 100%;
	}
}

.site-footer .wp-block-columns strong {
	font-weight: var(--wp--custom--font-weight--medium);
}

.site-footer .wp-block-social-links .wp-social-link a {
	font-size: 2rem;
}

.site-footer .wp-block-idelco-contact {
	margin-top: -1em;
	font-weight: var(--wp--custom--font-weight--medium);
}

.site-footer .widget_block:last-child .wp-block-social-links {
	margin-bottom: 0;
}

.site-info {
	padding: var(--wp--custom--spacing--small, 1.25rem);
}

.site-info .container {
	padding: 0;
}

.site-info .wp-block-columns{
	padding:0;
}

.site-info .wp-block-columns .wp-block-column:first-child{
	flex-basis:65%;
}

.site-info

.footer-menu {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
}

.footer-menu li {
	display: inline;
}

.site-footer .menu li a {
	font-weight: var(--wp--custom--font-weight--medium);
}

.footer-menu li::before {
	content: ' - ';
}

.footer-menu a {
	color: var(--wp--preset--color--secondary);
}

/*--------------------------------------------------------------
# Heading Block Styles
--------------------------------------------------------------*/
[class^="is-style-idelco-"],
[class*=" is-style-idelco-"] {
	position: relative;
	text-transform: uppercase;
	margin-top: clamp(1.5rem, 0.9583rem + 1.8056vw, 3.125rem);
	margin-bottom: clamp(1.5rem, 0.9583rem + 1.8056vw, 3.125rem);
}

[class^="is-style-idelco-"] strong,
[class*=" is-style-idelco-"] strong {
	font-size: var(--wp--preset--font-size--x-large);
}

[class^="is-style-idelco-"]::after,
[class*=" is-style-idelco-"]::after {
	position: static;
	font-family: 'idelco';
	content: "\e900";
	font-size: 1rem;
	color: var(--wp--preset--color--primary);
	display: block;
	width: 110px;
	height: 18px;
	margin: 1.5rem 0 2rem 0;
}

.has-text-align-center[class^="is-style-idelco-"]::after,
.has-text-align-center[class*=" is-style-idelco-"]::after {
	margin: 1.5rem auto 2rem auto;
}

.has-text-align-right[class^="is-style-idelco-"]::after,
.has-text-align-right[class*=" is-style-idelco-"]::after {
	margin: 1.5rem 0 2rem auto;
}

.is-style-idelco-1::after {
	color: var(--wp--preset--color--primary);
}

.is-style-idelco-2::after {
	color: #f97a31;
}

.is-style-idelco-3::after {
	color: #68CDCB;
}

.is-style-idelco-4::after {
	color: #6546FC;
}

.is-style-idelco-5::after {
	color: var(--wp--preset--color--secondary);
}

.is-style-idelco-6::after {
	color: var(--wp--preset--color--tertiary);
}

/*--------------------------------------------------------------
# Image Block Parallelogram Style
--------------------------------------------------------------*/
.wp-block-image.is-style-parallelogram img {
	-webkit-clip-path: polygon(17.5% 0, 100% 0, 82.5% 100%, 0 100%);
	clip-path: polygon(17.5% 0, 100% 0, 82.5% 100%, 0 100%);
}

/*--------------------------------------------------------------
# Group Block Bevel Style
--------------------------------------------------------------*/
.wp-block-group.is-style-bevel-left,
.wp-block-group.is-style-bevel-right {
	position: relative;
}

.wp-block-group.is-style-bevel-left::after,
.wp-block-group.is-style-bevel-right::after {
	content: '';
	position: absolute;
	top: -1px;
	bottom: -1px;
	background-color: var(--wp--preset--color--tertiary);
	width: 50vw;
}

.wp-block-group.is-style-bevel-left::after {
	-webkit-transform-origin: top right;
	    -ms-transform-origin: top right;
	        transform-origin: top right;
	right: 50%;
	-webkit-transform: translateX(-685px) skew(-20deg);
	    -ms-transform: translateX(-685px) skew(-20deg);
	        transform: translateX(-685px) skew(-20deg);
}

.wp-block-group.is-style-bevel-right::after {
	-webkit-transform-origin: bottom left;
	    -ms-transform-origin: bottom left;
	        transform-origin: bottom left;
	left: 50%;
	-webkit-transform: translateX(685px) skew(-20deg);
	    -ms-transform: translateX(685px) skew(-20deg);
	        transform: translateX(685px) skew(-20deg);
}

/*--------------------------------------------------------------
# Download Button
--------------------------------------------------------------*/
.wp-block-button.is-style-button-download .wp-block-button__link::before {
	font-family: 'idelco';
	content: "\e909";
	padding-right: .5em;
}

.wp-block-button.is-style-button-download .skew50::before {
	display: inline-block;
	-webkit-transform: skew(50deg);
	    -ms-transform: skew(50deg);
	        transform: skew(50deg);
}

/*--------------------------------------------------------------
# Misc
--------------------------------------------------------------*/
.is-style-box-shadow-large {
	-webkit-box-shadow: 20px 20px 50px rgba(155,155,155,.25);
	        box-shadow: 20px 20px 50px rgba(155,155,155,.25);
}

.uppercase {
	text-transform: uppercase;
}

.has-primary-background-color [class^="is-style-idelco-"],
.has-primary-background-color [class*=" is-style-idelco-"] {
	color: var(--wp--preset--color--tertiary);
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	width: 100%;
	max-width: 175px;
	text-align: left;
	margin: 0 auto 0 0;
}

/*--------------------------------------------------------------
# Our production sites section
--------------------------------------------------------------*/
.our-production-sites .wp-block-columns .wp-block-column:not(:first-child) {
	background-color: var(--wp--preset--color--tertiary);
	-webkit-box-shadow: 10px 1px 20px rgba(0,0,0,.15);
	        box-shadow: 10px 1px 20px rgba(0,0,0,.15);
	-webkit-transition: box-shadow .25s ease-in-out;
	-o-transition: box-shadow .25s ease-in-out;
	-webkit-transition: -webkit-box-shadow .25s ease-in-out;
	transition: -webkit-box-shadow .25s ease-in-out;
	transition: box-shadow .25s ease-in-out;
	transition: box-shadow .25s ease-in-out, -webkit-box-shadow .25s ease-in-out;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	cursor: pointer;
}

.our-production-sites .wp-block-columns .wp-block-column:not(:first-child):hover,
.our-production-sites .wp-block-columns .wp-block-column:not(:first-child):active {
	-webkit-box-shadow: 4px 0 8px rgba(0,0,0,.15);
	        box-shadow: 4px 0 8px rgba(0,0,0,.15);
}

.our-production-sites .wp-block-columns .wp-block-column:not(:first-child) .wp-block-image {
	margin-left: -2.5rem;
	margin-right: -2.5rem;
}

.our-production-sites .wp-block-columns .wp-block-column:not(:first-child) .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	margin: 0 auto;
}

.our-production-sites a[href^="mailto:"]::before,
.our-production-sites a[href^="tel:"]::before,
.our-production-sites .wp-block-spacer + p::before { 
	font-family: 'idelco';
	font-size: var(--wp--preset--font-size--large);
	vertical-align: sub;
	margin-left: -1.5rem;
	width: 1.5rem;
	display: inline-block;
}

.our-production-sites a[href^="mailto:"]::before { 
	content: "\e903";
}

.our-production-sites a[href^="tel:"]::before { 
	content: "\e904";
}

.our-production-sites .wp-block-spacer + p::before { 
	content: "\e905";
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/* Forms items
--------------------------------------------- */
form,
fieldset {
	border: none;
}

fieldset {
	padding: 2rem;
}

fieldset legend {
	padding: 0 0.5rem;
	border: 0;
	white-space: normal;
}

label {
	display: inline-block;
	cursor: pointer;
	margin: 0 0 4px 0;
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--medium);
}

[type="color"],
[type="date"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="decimal"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	border: 1px solid var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
	background-color: var(--wp--preset--color--tertiary);
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--medium);
	vertical-align: middle;
	display: inline-block;
	padding: .625rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0;
	max-width: 100%;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0;
}

select {
	font-family: sans-serif;
}

[type="color"],
[type="date"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="decimal"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"] {
	line-height: var(--wp--custom--typography--line-height--medium);
}

input[type=text], input[type=button] {
	-webkit-appearance: none;
}
	
[type="submit"] {
	cursor: pointer;
}

input[type=button],
[type="submit"],
button,
.button {
	display: inline-block;
	font-size: 1.125em;
	padding: .75rem 2.5rem;
	text-align: center;
	text-decoration: none;
	word-break: break-word;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--tertiary);
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--medium);
	border: 0;
	border-radius: 2px;
	cursor: pointer;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
}

input[type=button]:hover,
[type="submit"]:hover,
button:hover,
.button:hover {
	opacity: .9;
}

.wp-block-button__link {
	border-radius: 0;
}

/* hiding IE11 arrow */
select::-ms-expand {
	display: none;
}

textarea {
	min-height: 2em;
	vertical-align: top;
	resize: vertical;
	white-space: pre-wrap;
}

/* 'x' appears on right of search input when text is entered. This removes it */
[type="search"]::-webkit-search-decoration, [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-results-button, [type="search"]::-webkit-search-results-decoration {
	display: none;
}

::-webkit-input-placeholder {
	color: var(--wp--preset--color--primary);
}

::-moz-placeholder {
	color: var(--wp--preset--color--primary);
}

:-ms-input-placeholder {
	color: var(--wp--preset--color--primary);
}

::-ms-input-placeholder {
	color: var(--wp--preset--color--primary);
}

::placeholder {
	color: var(--wp--preset--color--primary);
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: var(--wp--preset--color--primary);
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color: var(--wp--preset--color--primary);
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: var(--wp--preset--color--primary);
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
	color: var(--wp--preset--color--primary);
}

input::placeholder,
textarea::placeholder {
	color: var(--wp--preset--color--primary);
}

/* Contact Form 7
--------------------------------------------- */
.wpcf7-form-control-wrap {
	display: inline-block;
	width: 100%;
	margin-bottom: .75rem;
}

.wpcf7-list-item label {
	line-height: 1;
}

.wpcf7-not-valid-tip {
	font-size: 12px;
	font-weight: var(--wp--custom--font-weight--light);
	color: #e2401c;
}

.wpcf7-not-valid {
	border-color: #e2401c;
}

.woocommerce-info,
.wpcf7 form .wpcf7-response-output {
	margin: 1em 0;
	padding: .5em 1em;
	max-width: 1370px;
	background-color: #3bb54a;
	color: var(--wp--preset--color--tertiary);
	border: 0;
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--light);
}

.wpcf7 form.sent .wpcf7-response-output {
	background-color: #3bb54a;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	background-color: #e2401c;
}

.wpcf7 form.spam .wpcf7-response-output {
	background-color: #e2401c;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	background-color: #e2401c;
}

.wpcf7-list-item {
	margin: 0 1em 0 0;
}

.wpcf7-list-item label {
	font-size: 13px;
	line-height: 1.2;
	font-weight: var(--wp--custom--font-weight--light);
}

.wpcf7-form .wp-block-columns {
	margin-bottom: 0;
}

.wpcf7-form .wp-block-columns .wp-block-column {
	margin-right: 1em;
}

.wpcf7-form .wp-block-columns .wp-block-column:last-child {
	margin-right: 0;
}

.grecaptcha-badge {
	display: none !important;
}

.woocommerce-error {
    background-color: #e2401c; /* red */
}
 

.woocommerce-info {
    background-color: #3d9cd2; /* blue */
}
 

.woocommerce-message {
    background-color: #3bb54a; /* green */
}
 

body.single-product .woocommerce-message .message-inner {
    background-color: #3bb54a; /* green */
}

#cmplz-document {
	max-width: unset;
}

#cmplz-document h2, #cmplz-document h3 {
	font-size: var(--wp--preset--font-size--x-large);
	padding-bottom: 0;
	border-bottom: none;
	margin: 1em 0;
}

.term-description.show-less-content .sec-set,
.term-description.show-less-content .read-less {
	display: none;
}

.term-description.show-more-content .first-set,
.term-description.show-more-content .read-more {
	display: none;
}

.term-description .read-more,
.term-description .read-less {
	font-weight: bold;
	margin-top: 1em;
	cursor: pointer;
}

.term-descriptionWrapTxt.show-more-content .sec-set,
.term-descriptionWrapTxt.show-more-content .read-less {
	display: block;
}