/*
 Theme Name:  Divi Child Theme
 Theme URI:    *
 Description:  Child Theme for Divi
 Author:       Incito Digital
 Author URI:   *
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

/* *:focus {
	outline: dashed 3px #ffb040;
} */

/*** Font - clamp ***/
#id_hero .id_hero_heading h1,
.id_heading .et_pb_text_inner h1 { /*** Hero Section ***/
  font-size: clamp(30px, calc(1.875rem + ((1vw - 3.5px) * 2.7523)), 60px);
}

#id_hero .id_hero_heading h2 { /*** Hero Section ***/
  font-size: clamp(18px, calc(1.125rem + ((1vw - 3.5px) * 1.1009)), 30px);
}

.id_heading .et_pb_text_inner h2 { /*** H2 Section Headings ***/
  font-size: clamp(25px, calc(1.5625rem + ((1vw - 3.5px) * 0.4587)), 30px);
}

#id_form_section .id_form_h2 h2 { /*** Contact Form heading ***/
  font-size: clamp(25px, calc(1.5625rem + ((1vw - 3.5px) * 1.5873)), 35px);
}

.btn:hover {
	transition: transform 0.2s ease !important;
}

.btn:focus-visible, 
.id_focus:focus-visible {
	box-shadow: 0 0 0 3px #ffb040;
}

.btn:active {
	background-color: #F0F0F1;
  	border-color: rgba(0, 0, 0, 0.15);
  	box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
  	color: rgba(0, 0, 0, 0.65);
  	transform: translateY(0);
}

#id_main_menu a:focus-visible,
.id_footer_col2 a:focus-visible,
.id_tab_btn:focus-visible,
#id_latest_work .project .et_pb_module_header a:focus-visible,
.et_pb_portfolio_items .et_pb_module_header a:focus-visible,
#id_portfolio_section .et_pb_portfolio_filter a:focus-visible,
.id-text-expand-button:focus-visible,
.id-text-collapse-button:focus-visible,
#id_contact_us .contact a:focus-visible {
	background-color: #ffb040;
}

/*** FLEX - Horizontal center ***/
.id_flex_h {
	display: flex;
	justify-content: center;
}

/*** FLEX - VERTICAL ALIGN ***/
.id_flex_v {
	display: flex;
	align-items: center;
}

/*** HERO - FLEX VERTICAL CENTER ***/
.id_hero_v_center {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/*** BUTTON - ALIGN 2 BTN IN ROW ***/
.id_btn_align {
	display: flex;
	column-gap: 20px;
	justify-content: center;
}

@media (max-width: 479px ) { /*** Blurb tab tittle width ***/
	.id_btn_align {
		display: block;
		& .et_pb_button {
			min-width: 225px;
			text-align:center;
		}
	}
}

/*** + BUTTON - CENTER HORIZONTALLY ***/
/* .id_btn_h_center {
	justify-content: center;
} */

/* ----- Testimonial ----- */

/*collapse and set the height of the toggle text*/
.id-toggle-text .et_pb_testimonial_content {
	max-height: 200px;
	transition: max-height 0.3s ease-out;
	overflow: hidden;
}

/*add gradient to the collapsed text*/
.id-toggle-text .et_pb_testimonial_content:after {
	content: "";
	display: inline-block;
	position: absolute;
	pointer-events: none;
	height: 100px;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(0deg, #FBFDFF 10%, transparent);
}

/*style the expand text link*/
.id-toggle-text .id-text-expand-button {
	padding: 0.25em;
	text-align: right;
	color: #212427!important;
}

/*change the curor to a pointed when hovering over the expand text link*/
.id-toggle-text .id-text-expand-button span {
	cursor: pointer;
}

/*define the font family for the toggle icon*/
.id-toggle-text .id-text-expand-button .id-text-toggle-icon {
	font-family: ETMODULES, "sans-serif";
}

/*set the max height and transition of the expanded toggle*/
.id-toggle-text .id-text-toggle-expanded .et_pb_testimonial_content{
	max-height: 2000px;
	transition: max-height 0.3s ease-in;
}

/*hide the gradient when the toggle is expanded*/
.id-toggle-text .id-text-toggle-expanded .et_pb_testimonial_content:after {
	background: none;
}

/*** HOME PAGE CONTACT FORM ***/

#fluentform_4 .id_form_button {
	margin-bottom: 0;
}

#fluentform_4 .ff-el-form-control {
	border: none;
	font-family: 'Libre Baskerville', sans-serif;
	font-weight: 600;
	letter-spacing: 1.2px;
	color: #212427;
	background-color: transparent;
	border-bottom: 1px solid rgba(13,14,15,0.75);
	border-radius: 0;
	resize: none;
}

#fluentform_4 .ff-el-form-control::placeholder {
	color: rgba(13,14,15,0.5);
}

#fluent_form_4 .id_form_button button{
	font-family: 'Libre Baskerville', sans-serif;
	font-weight: 600;
	letter-spacing: 1.2px;
}

#id_contact_us .id_form_button button:hover {
	border-color: #212427;
	color: #212427;
	background-color: transparent;
}

#fluentform_4 .id_form_button button:focus-visible,
#id_contact_us .id_form_button button:focus-visible {
	box-shadow: 0 0 0 3px #ffb040;
}

@media (max-width: 980px ) { 
	#id_form_section .id_flex_v { /* Change contact to display block */
		display: block;
	}
}

/* ----- Services ----- */
#id_services .id_flex_column {
	/*align-self: stretch;*/
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

#id_services .id_flex_column .et_pb_button_module_wrapper { /* Learn more bt stay at bottom */ 
	margin-top: auto;
	align-self: flex-start;
}

/* ----- FAQ page - BLURB TABS ----- */

#blurb-tabs .et_pb_column { /* Blurb tabs - flexbox */
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
}

#blurb-tabs .tab-title { /*** Blurb tab tittle width ***/
	width: 23%;
	/* box-shadow: inset rgba(9,61,244,0.5)
	0px 0px 15px 0px, rgba(0, 0, 0, .3) 0px 2px 5px 0px; */
}

#blurb-tabs .tab-title:hover { /*** Blurb tab tittle width ***/
	box-shadow: inset rgba(9,61,244,0.5)
	0px 0px 5px 0px, rgba(0, 0, 0, .3) 0px 2px 5px 0px;;
	cursor: pointer;
}

#blurb-tabs .tab-title.active-tab { /*** Blurb tab tittle width ***/
	background-color: rgba(9,61,244,0.20);
	box-shadow: inset rgba(0, 0, 0, 0.3) 0px 0px 15px 0px, rgba(0, 0, 0, .3) 0px 2px 5px 0px;;
}

#blurb-tabs .tab-title:focus-visible {
	box-shadow: 0 0 0 3px #ffb040;		
}

@media (max-width: 980px ) { /*** Blurb tab title width ***/
	#blurb-tabs .et_pb_column { /*** Blurb tabs - flexbox ***/
		justify-content: center;
	}
	#blurb-tabs .tab-title {
		width:40%;
	}
}
@media (max-width: 479px ) { /*** Blurb tab tittle width ***/
	#blurb-tabs .tab-title {
		width:80%;
	}
}

#tab2, #tab3, #tab4 {
	display: none;
}

#blurb-tabs .et_pb_blurb_container { /*** Remove padding from blurb container ***/
	padding: 0;
}

#blurb-tabs .et_pb_module_header { /*** Remove padding from blurb title ***/
	padding-bottom: 0;
}

#blurb-tabs .tab-title .et_pb_module_header a{ /*** FAQ font clamp on q/a ***/
	font-size: clamp(16px, calc(1rem + ((1vw - 7.68px) * 0.5208)), 22px);
}

#tab1 .et_pb_toggle,
#tab2 .et_pb_toggle,
#tab3 .et_pb_toggle,
#tab4 .et_pb_toggle { /*** Remove toggle border ***/
	border: none;
}

#tab1 .et_pb_toggle_open,
#tab1 .et_pb_toggle_close,
#tab2 .et_pb_toggle_open,
#tab2 .et_pb_toggle_close,
#tab3 .et_pb_toggle_open,
#tab3 .et_pb_toggle_close,
#tab4 .et_pb_toggle_open,
#tab4 .et_pb_toggle_close { /*** Change bk of the toggle ***/
	background-color: #fff;
}
/* -----------------------------------------------------------------------

/* ---- CONTACT US SECTION ---- */

/* Force blurb to line up with left side of row*/
#id_contact_us .et_pb_blurb_content { 
	display: inline;
}

#id_contact_us .et_pb_blurb_position_left .et_pb_blurb_container {
	vertical-align: middle; /* Align icon with text */
	padding-left: 10px; /* Reduce left padding on icon and text */
}

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

/* ---- PORTFOLIO TEMPLATE SECTION ---- */

/* Add hyperlink to the Banstead project for image credit */
#id_project_description_extra span a {
	color: #093df4;
}

#id_project_content .id_project_gallery_column {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#id_project_content .id_project_images {
	flex: 0 1 45%;
	margin: 10px;
}

/* Remove bottom margin on columns */
@media (max-width: 980px ) { 
	#id_project_content .id_project_images {
		flex: 1 1 100%;
		margin: 10px 0;
	}
}

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

/* ---- MAIN MENU ---- */

/*  Remove background when menu hovering + including mobile menu */
#id_main_menu .et_mobile_menu li a:hover,
#id_main_menu .nav ul li a:hover {
	background-color: transparent;
	opacity: 1;
}

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

/* ---- MENU SECTION ---- */
/* -----------------------------------------------------------------------

/* ---- FOOTER SECTION ---- */

.id_footer_blurb .et_pb_blurb_description p { /*** Blurb Align ***/
	padding-top: 9px;
}

.id_footer_border {
	border-left: #FBFDFF solid 1px;
}

@media (max-width: 980px ) { 
	#footer .id_flex_v { /* Change flex direction */
		flex-direction: column;
	}

	.id_footer_border { /* Change border in column from left to top */
		border-left: 0;
		border-top: #FBFDFF solid 1px;
	}
}

.id_incito_footer a { /*** Incito Footer Anchor Link ***/
	color: rgba(245,251,255,0.5);
	font-weight: 600;
}
/* -----------------------------------------------------------------------

/* ---- 404 SECTION ---- */

#id_page_not_found .et_pb_row {
	display: flex;
	align-items: center;
}

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