/*
Theme Name:     Vivades
Description:    Custom WordPress Child theme for theme "PageCraft"
Author:         Pagecraft
Author URI: 	https://pagecraft.nl
Tested up to:   6.2
Requires PHP:   8.2
Template:       pagecraft
Text Domain:    pagecraft-child
Version:        1.0.1
*/


/****************************************** GLOBAL ******************************************/

/* Variables */

:root {

/* 	Color variables */
	--si-black: #000;
	--si-white: #fff;
	--light-gray: #F5F5F5;
}

/*  Variable COLORS - globals form Elementor page builder
	var(--e-global-color-primary);
	var(--e-global-color-secondary);
	var(--e-global-color-accent);
	var(--e-global-color-text);
	var(--do-black;
	var(--do-white);
	var(--light-gray);
*/
/**********    Disable default styling    ***************/
ol, ul {
	padding-left: 20px;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/****************************************** Spacing classes *****************************************/
.padding-section {
	padding-top: 120px;
	padding-bottom: 120px;
}

.padding-top {
	padding-top: 120px;
}

.padding-bottom {
	padding-bottom: 120px;
}

@media screen and (min-width: 1160px) {
	.padding-left {
		padding-left: calc((100vw - var(--content-width)) / 2);
	}
	
	.padding-right {
		padding-right: calc((100vw - var(--content-width)) / 2);
	}
}

@media screen and (max-width: 1024px) {
	.padding-section {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.padding-top {
		padding-top: 90px;
	}

	.padding-bottom {
		padding-bottom: 90px;
	}
}


@media screen and (max-width: 767px) {
	.padding-section {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.padding-top {
		padding-top: 90px;
	}

	.padding-bottom {
		padding-bottom: 90px;
	}
}


/*
 * Footer
*/
footer p,
footer p a {
	color: var( --e-global-color-primary ) !important;
	font-weight: 700 !important;
}
footer a:hover {
	color: var(--e-global-color-accent);
}
/*
* Me=ain menu abowe hero image
*/
.main-menu-container .elementor-widget-container {
	position: relative; 
}
#menu {
	position:absolute;
	left:0%;
	top:0;
	width:100%;
	margin:0;
	z-index:1000;
}
#menu ul {
	padding: 0;
  display: table;
  width: 100%;
  margin: 0;
}
#menu ul li.mainmenuitem {
	height: 60px;
	display:table-cell;
	width:20%;
	background:transparent url('/images/2013/menu_bg.png') repeat left top;
	vertical-align:middle;
	background-color: #2195d2d9;
	}
#menu ul li.mainmenuitem.selected {
	background:transparent;
}

#menu ul li a {
	display:block;
	width:100%;
	font-family:Arial;font-size:16px;
	font-weight:bold;
	color:white;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	line-height:17px;
	vertical-align:middle;
}
@media screen and (max-width: 1024px) {
	#menu {
		display: none;
	}
}
/* Aside */

.sidebar-links a {
	line-height: 22px;
	display: block;
	padding: 10px 0;
	font-size: 14px;
	white-space: nowrap;
}
.sidebar-links a:hover {
	text-decoration: underline;
}
a.actiebutton {
  display: inline-block;
  padding: 5px;
  background: #104976;
  color: #FFF;
	margin-bottom: 25px;
	padding: 10px;
}
/* Main Content */
/* Hide Oplossingen Title  */
body.page-id-166 .elementor-heading-title.elementor-size-default { 
    display: none;
}
.elementor-widget-text-editor li {
	line-height: 24px;
}
/*
 * Contact form 
*/
h2.gform_title,
.gform_required_legend {
	display: none;
}
.gfield_label.gform-field-label {
	flex-direction: row !important;
}
@media (min-width: 640px) {
  .gform-theme--foundation .left_label .gfield:where(:not(.gfield--type-html):not(.gfield--type-section)) > div:where(:not(.ui-resizable-handle):not(.gfield-admin-icons):not(.gform-grid-row)), .gform-theme--foundation .left_label .gfield > .ginput_container:where(:not(.ui-resizable-handle):not(.gfield-admin-icons):not(.gform-grid-row)) {
	  inline-size: 50%;
    float: left;
	}
}
/*
 * Tabs 
*/
.elementor-widget-tabs .elementor-tab-desktop-title {
	border-color: #d5d8dc !important;
	    background: #d3d3d3 !important;
    padding: 10px !important;
}
.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active {
	background: #ffffff !important;
}
.elementor-tab-title {
	border-radius: 10px 10px 0 0;
	background: #d3d3d3;
}
.elementor-tab-title.elementor-active {
	background: #ffffff;
}


/* Elementor Form */

form.elementor-form {
    display: flex;
    justify-content: center;
}

form.elementor-form .elementor-form-fields-wrapper .elementor-field-type-textarea.elementor-field-group.elementor-field-group-message,
form.elementor-form .elementor-form-fields-wrapper .elementor-field-type-email.elementor-field-group,
form.elementor-form .elementor-form-fields-wrapper .elementor-field-type-text.elementor-field-group {
	display: flex;
    justify-content: space-between;
	align-items: flex-start;
}

form.elementor-form .elementor-form-fields-wrapper .elementor-field-type-text label.elementor-field-label,
form.elementor-form .elementor-form-fields-wrapper .elementor-field-type-email label.elementor-field-label {
	min-width: 100px;
}

form.elementor-form .elementor-form-fields-wrapper .elementor-field-type-email.elementor-field-group .elementor-field,
form.elementor-form .elementor-form-fields-wrapper .elementor-field-type-text.elementor-field-group .elementor-field {
	max-width: 272px;
	min-height: 22px;
	padding-top: 0;
    padding-bottom: 0;
}

form.elementor-form .elementor-form-fields-wrapper .elementor-field-type-textarea.elementor-field-group.elementor-field-group-message .elementor-field {
	max-width: 272px;
	padding-top: 0;
    padding-bottom: 0;
}


@media screen and (min-width: 767px) {
	form.elementor-form .elementor-form-fields-wrapper .elementor-field-group.elementor-field-type-submit {
		margin-left: 40px;
	}
}