/*
Theme Name:     Business Wellbeing
Theme URI:      https://www.businesswellbeing.com
Template: neve
Author:         Carlos Macías
Author URI:     https://www.cmacias.com
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    gpte
*/




/**** GLOBAL ****/
html, body {
    scroll-behavior: smooth!important;
    scroll-padding-top: 60px;
}
html {
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:transparent;
}

h1, h2, h3, h4, h5, h6 {
	text-wrap: balance;
}


/** IMAGES     aspect-ratio-dk169-tb43-mb11    **/
[class*="aspect-ratio"] { 
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center; 
}

/* Desktop */
[class*="-dk169"] 	{ aspect-ratio: 16 / 9; }
[class*="-dk43"] 	{ aspect-ratio: 4 / 3; 	}
[class*="-dk11"] 	{ aspect-ratio: 1 / 1; 	}
[class*="-dk34"] 	{ aspect-ratio: 3 / 4; 	}
[class*="-dk916"] 	{ aspect-ratio: 9 / 16; }
[class*="-dkauto"] 	{ aspect-ratio: 1; 		}

/* Tablet */
@media (max-width: 1024px) {
    [class*="-tb169"] 	{ aspect-ratio: 16 / 9; }
	[class*="-tb43"] 	{ aspect-ratio: 4 / 3; 	}
	[class*="-tb11"] 	{ aspect-ratio: 1 / 1; 	}
	[class*="-tb34"] 	{ aspect-ratio: 3 / 4; 	}
	[class*="-tb916"] 	{ aspect-ratio: 9 / 16; }
	[class*="-tbauto"] 	{ aspect-ratio: 1; 		}
}

/* Mobile */
@media (max-width: 768px) {
    [class*="-mb169"] 	{ aspect-ratio: 16 / 9; }
	[class*="-mb43"] 	{ aspect-ratio: 4 / 3; 	}
	[class*="-mb11"] 	{ aspect-ratio: 1 / 1; 	}
	[class*="-mb34"] 	{ aspect-ratio: 3 / 4; 	}
	[class*="-mb916"] 	{ aspect-ratio: 9 / 16; }
	[class*="-mbauto"] 	{ aspect-ratio: 1; 		}
}


/* HEADER BG */

.header-title-wrapper {
	position: relative;
}


/** MOBILE NAV **/
button.navbar-toggle,
button.navbar-toggle:focus,
button.navbar-toggle:focus-within {
	padding: 10px;
	border-width: 0!important;
}



/* HOME */
.home-block-hover > .gb-grid-column {
	transition: all 0.1s linear;
}
.home-block-hover:hover > .gb-grid-column {
	width: 30%;
}
.home-block-hover > .gb-grid-column:hover {
	width: 40%;
}
.home-block-hover > .gb-grid-column > .gb-container {
	position: relative;
	transition: all 0.1s linear;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
}
	.home-block-hover > .gb-grid-column:hover > .gb-container:before {
		position: absolute;
		inset: 0;
		content: '';
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 0;
	}
		.home-block-hover > .gb-grid-column > .gb-container h3 {
			margin-top: auto;
			margin-left: -40px;
			padding: 5px 15px 5px 50px;
			font-weight: 500;
			transition: all 0.1s linear;
			border-radius: 0 5px 5px 0;
			background-color: rgba(0, 0, 0, 0.8);
		}
		.home-block-hover > .gb-grid-column:hover > .gb-container h3 {
			margin-left: 0;
			padding: 0;
			border-radius: 0;
			background-color: rgba(0, 0, 0, 0);
		}
		.home-block-hover > .gb-grid-column > .gb-container p {
			display: none;
		}
		.home-block-hover > .gb-grid-column:hover > .gb-container p {
			display: block;
		}




/** CONTACT FORM **/
form .wp-block-columns {
	margin-bottom: 0;
	margin-left: -10px;
	margin-right: -10px;
}
	form .wp-block-columns .wp-block-column {
		padding-left: 10px;
		padding-right: 10px;
	}

form .form-group {
	margin-bottom: 10px;
}
	form .form-group p {
		margin: 0;
	}
	form .form-group label {
		display: block;
		margin-bottom: 5px;
		color: #222;
		font-weight: 400;
	}
		form .form-group label em {
			margin-left: 10px;
			color: #a44848;
			font-size: 14px;
			font-style: normal;
			font-weight: 300;
		}
		form .form-group label em:before {
			content: '(';
		}
		form .form-group label em:after {
			content: ')';
		}

	form .form-group .form-control {
		width: 100%;
		max-width: 100%;
		color: #222;
		font-family: inherit;
		border-color: #999;
	}
	form .form-group textarea.form-control {
		resize: vertical;
	}
	form select,
    form select.form-control,
    body .attachments-browser .media-toolbar .media-toolbar-secondary select {
        padding: var(--formfieldpadding);
		padding-right: 26px;
		min-height: 38px;
        max-width: 25rem;
        line-height: var(--formfieldlineheight);
        -webkit-appearance: none;
        color: var(--formfieldcolor);
        font-weight: var(--formfieldfontweight);
		font-family: var(--bodyfontfamily);
		font-size: var(--formfieldfontsize);
		text-transform: var(--formfieldtexttransform);
		letter-spacing: var(--formfieldletterspacing);
        border-style: solid;
		border-color: var(--formfieldbordercolor);
		border-width: var(--formfieldborderwidth);
		border-radius: var(--formfieldborderradius,3px);
        background: var(--formfieldbgcolor) url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
        background-size: auto;
        background-size: 16px 16px;
        cursor: pointer;
        vertical-align: middle;
    }
		form .form-group .wpcf7-not-valid-tip {
			position: absolute;
			display: block;
			margin: 0;
			padding: 3px 8px;
			left: 5px;
			bottom: 0;
			line-height: 16px;
			transform: translate(0, 100%);
			color: #fff;
  			font-weight: 300;
			font-size: 13px;
			border-radius: 3px;
			background-color: #c87878;
			z-index: 10;
		}
	form span.wpcf7-list-item {
		margin: 0 1em 0 0;
	}
	form .form-group-legal {
		margin-top: 10px;
		padding: 20px;
		line-height: 22px;
		color: #555;
		border-radius: 3px;
		background-color: #eee;
	}
		form .form-group-legal .texto-legal {
			margin-top: 10px;
			padding-top: 10px;
			border-top: 1px dotted #999;
		}
	
	form .form-group .wpcf7-acceptance label {
		display: flex;
		gap: 10px;
			align-items: flex-start;
	}
		form .form-group .wpcf7-acceptance label > input[type="checkbox"] {
			margin-top: 4px;
		}
		orm .form-group .wpcf7-acceptance label > .wpcf7-list-item-label {
			text-wrap: balance;
		}

	form .form-group-submit input[type="submit"] {
		margin: 0;
		padding: 10px 20px;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 1px;
		border-radius: 3px;
		border-width: 0;
	}
	form .form-group-submit input[disabled="disabled"] {
		opacity: 0.6;
	}

	.wpcf7 form.sent .wpcf7-response-output {
		margin: 15px -10px 0 -10px;
		padding: 20px;
		color: #fff;
		border-radius: 3px;
		border-width: 0;
		background-color: #3063a4;
	}
	.wpcf7 form.invalid .wpcf7-response-output, 
	.wpcf7 form.unaccepted .wpcf7-response-output, 
	.wpcf7 form.payment-required .wpcf7-response-output {
		margin: 15px 0 0 0;
		padding: 20px;
		color: #fff;
		border-radius: 3px;
		border-width: 0;
		background-color: #994c4c;
	}



/** COMPILANZ **/
.entry-content #cmplz-document {
	max-width: none;
	font-size: inherit;
}
.cc-animate.cc-revoke.cc-bottom {
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 300;
  font-size: 15px;
}
#cc-window.cc-window .cc-compliance .cc-btn.cc-accept-all {
  font-weight: 300;
  font-size: 15px;
  text-transform: uppercase;
}
#cc-window.cc-type-categories.cc-floating:not(.cc-theme-edgeless) .cc-compliance .cc-dismiss, 
#cc-window.cc-type-categories.cc-floating:not(.cc-theme-edgeless) .cc-compliance .cc-save {
    font-weight: 300;
    text-transform: uppercase;
}
#cmplz-document p, .editor-styles-wrapper .cmplz-unlinked-mode p, 
#cmplz-document li, .editor-styles-wrapper .cmplz-unlinked-mode li, 
#cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode td {
  font-size: var(--bodyfontsize);
  margin-top: 0;
}
#cmplz-document h2 {
	font-size: var(--h2fontsize);
	font-weight: var(--h2fontweight);
	line-height: var(--h2lineheight);
	letter-spacing: var(--h2letterspacing);
	text-transform: var(--h2texttransform);
}
#cmplz-document h3 {
	font-size: var(--h3fontsize);
	font-weight: var(--h3fontweight);
	line-height: var(--h3lineheight);
	letter-spacing: var(--h3letterspacing);
	text-transform: var(--h3texttransform);
}
#cmplz-document p {
	margin: 0 0 30px 0;
}
#cmplz-document .cmplz-subtitle, 
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-subtitle {
	margin: 0 0 5px 0;
}




/*** RESPONSIVE ***/

@media (max-width: 768px) {

	.home-block-hover {
		flex-direction: column!important;
	}
	.home-block-hover:hover > .gb-grid-column,
	.home-block-hover > .gb-grid-column:hover {
		width: 100%;
	}

}

@media (max-width: 1024px) {

	
	.home-block-hover:hover > .gb-grid-column,
	.home-block-hover > .gb-grid-column:hover {
		width: 50%;
	}
	.home-block-hover:hover:last-child > .gb-grid-column,
	.home-block-hover:last-child > .gb-grid-column:hover {
		width: 100%;
	}
}