/*
Theme Name: Telforce
Description: A child theme of Themify Ultra
Template: themify-ultra
*/

:root{
	--theme_accent:#c22d76;
	--theme_accent_hover:#e24190;
	--theme_accent_semi:rgba(194,45,118,.8);
}
body{
	color:#666;
	font:400 1em/1.55em "Open Sans", sans-serif;
}
#headerwrap {
	background-image: linear-gradient(90deg,#fff 0%,#cfd3df 100%)
}
#headerwrap:before{
	content:'';
	height:70px;
	width:100%;
	display:block;
	background:#fff;
}
#headerwrap:after{
	content:'';
	height:50px;
	width:90%;
	display:block;
	background:#7b88aa url(https://xyz.telforce.nl/wp-content/uploads/2025/11/tiled-pattern.png);
	background-size:40px;
	position:absolute;
	top:0;
	left:0;
	border-bottom-right-radius:20px;
}
#header{
	padding:2em 0
}
.fixed-header-on #headerwrap:before,
.fixed-header-on #headerwrap:after{
	display:none
}
@media (max-width: 1000px) {
	#headerwrap:before,
	#headerwrap:after{
		display:none
	}
}
/* main nav */
#main-nav a{
	font-weight:700;
	color:#7980a5;
	padding:.2em 0;
	margin:.6em;
}
#main-nav .current-menu-item > a,
#main-nav .current_page_item > a{
	color:#27376d
}
#main-nav > li > a {
	text-transform:uppercase
}
#main-nav > .current-menu-item > a {
	border-bottom: solid 3px #27376d
}
#main-nav li > .sub-menu{
	width:170px;
}
#main-nav li > .sub-menu {
	background-image: linear-gradient(90deg,rgb(209, 3, 127) 0%,rgb(240, 155, 38) 100%);
}
#main-nav li > .sub-menu:before{
	content:'';
	position:absolute;
	top:-12px;
	left:40px;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid rgb(209, 3, 127);
}
#main-nav .product-menu-link > .sub-menu {
	width:650px
}
#main-nav .product-menu-link > .sub-menu li{
	display:inline-block
}
#main-nav ul a{
	font-weight:400;
	padding: .4em 1.4em;
	margin:0;
	color:#fff
}
#main-nav ul a:hover{
	color:rgba(255,255,255,.7)
}
#main-nav .highlight-link > a{
	background-image: linear-gradient(90deg,rgb(209, 3, 127) 0%,rgb(240, 155, 38) 100%);
	border-radius:10px;
	border:solid 1px #fff;
	color:#fff
}
/* mobile menu */
.mobile_menu_active #mobile-menu{
	background-image: linear-gradient(1800deg,#cfd3df 0%,#fff 100%)
}
.mobile_menu_active #main-nav li > .sub-menu:before{
	display:none
}
.mobile_menu_active #headerwrap #main-nav > li > a {
	font-weight:700;
}

/* builder modules */
.module-buttons:has(.module-buttons-item + .module-buttons-item) .module-buttons-item{
    margin-right:.6em;
    margin-bottom:1em;
}
.module-buttons-item + .module-buttons-item {
    margin-inline-start:0
}
.builder_button.ui{
	background:linear-gradient(90deg,#eee 0%,#fff 100%);
	border:solid 1px rgba(255,255,255,.7);
	font-weight:500;
	border-radius:12px
}
.builder_button.orange,input[type=reset],input[type=submit],button{
	background:linear-gradient(90deg,rgb(209, 3, 127) 0%,rgb(240, 155, 38) 100%);
	color:#fff;
	border:solid 1px rgba(255,255,255,.7);
	border-radius:12px
}

/* footer */
#footerwrap {
	background:#7b88aa url(https://xyz.telforce.nl/wp-content/uploads/2025/11/tiled-pattern.png);
	background-size:40px;
	color:#fff;
	padding-bottom:100px;
}
#footerwrap a{
	color:#fff
}
#footerwrap .social-widget {
	display:none
}
.footer-block #footerwrap{
	text-align:left
}
:is(#footer,#pagewrap) .back-top-float {
    inset: auto 20px 70px auto;
}
#footerwrap .iso-icons{
    position:absolute;
    bottom:-90px;
    right:0;
}
#footerwrap .iso-icons img{
	max-width:200px
}