/* End Custom Fonts CSS */

.elementor-kit-6 {
	--e-global-color-primary: #f05123;
	--e-global-color-secondary: #173040;
	--e-global-color-text: #000;
	--e-global-color-accent: #c4c4c4;
	--e-global-typography-primary-font-family: "Mont";
	--e-global-typography-primary-font-weight: 900;
	--e-global-typography-secondary-font-family: "Handstand";
	--e-global-typography-secondary-font-weight: 400;
	--e-global-typography-text-font-family: "Montserrat";
	--e-global-typography-text-font-weight: 400;
	--e-global-typography-accent-font-family: "Montserrat";
	--e-global-typography-accent-font-weight: 500;
	background-color: #ecedee;
	color: #173040;
	font-family: "Montserrat", Sans-serif;
	font-size: 19px;
	font-weight: 400;
	line-height: 28px;
}

.elementor-kit-6 e-page-transition {
	background-color: #ffbc7d;
}

.elementor-kit-6 a {
	color: #173040;
}

.elementor-kit-6 a:hover {
	color: #f05123;
}

.elementor-kit-6 h1 {
	font-family: "Mont", Sans-serif;
	font-size: 50px;
	font-weight: 900;
	line-height: 69px;
}

.elementor-kit-6 h2 {
	font-family: "Mont", Sans-serif;
	font-size: 50px;
	font-weight: 900;
	line-height: 40.553px;
}

.elementor-kit-6 h3 {
	font-family: "Mont", Sans-serif;
}

.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 1140px;
}

.e-con {
	--container-max-width: 1140px;
}

.elementor-widget:not(:last-child) {
	margin-block-end: 20px;
}

.elementor-element {
	--widgets-spacing: 20px 20px;
	--widgets-spacing-row: 20px;
	--widgets-spacing-column: 20px;
}

h1.entry-title {
	display: var(--page-title-display);
}

.site-header .site-branding {
	flex-direction: column;
	align-items: stretch;
}

.site-header {
	padding-inline-end: 0px;
	padding-inline-start: 0px;
}

.site-footer .site-branding {
	flex-direction: column;
	align-items: stretch;
}

@media (max-width:1024px) {
	.elementor-kit-6 {
		font-size: 18px;
		line-height: 24px;
	}
	
	.elementor-kit-6 h1 {
		font-size: 42px;
		line-height: 55px;
	}
	
	.elementor-kit-6 h2 {
		font-size: 42px;
		line-height: 33px;
	}
	
	.elementor-kit-6 h3 {
		font-size: 20px;
	}
	
	.elementor-section.elementor-section-boxed > .elementor-container {
		max-width: 1024px;
	}
	
	.e-con {
		--container-max-width: 1024px;
	}
}

@media (max-width:767px) {
	.elementor-kit-6 {
		font-size: 14px;
		line-height: 20px;
	}
	
	.elementor-kit-6 h1 {
		font-size: 30px;
		line-height: 36px;
	}
	
	.elementor-kit-6 h2 {
		font-size: 28px;
		line-height: 23px;
	}
	
	.elementor-kit-6 h3 {
		font-size: 18px;
	}
	
	.elementor-section.elementor-section-boxed > .elementor-container {
		max-width: 767px;
	}
	
	.e-con {
		--container-max-width: 767px;
	}
}

/* Start custom CSS */

/* Bold text*/
strong {
	font-weight: bold;
}

/* Slide In From The Top Option */
.header-2 {
	transform: translatey(-150px);
	-moz-transition: all .3s ease !important;
	-webkit-transition: all .3s ease !important;
	transition: all .3s ease !important;
}

.elementor-sticky--effects.header-2 {
	height: auto !important;
	transform: translatey(0px);
}

.elementor-sticky--effects.header-1 {
	display: none !important;
}

/* End Of Slide In From The Top Option */

/* Slider on home page */
.case-study-heading {
	font-size: 20px;
	line-height: 24px;
}

/* H2 on blogs */
h2.wp-block-heading {
	font-size: 25px;
	line-height: 32px;
}

h3.single_post {
	font-size: 80px;
	line-height: 32px;
}

h3.wp-block-heading {
	font-size: 20px;
	line-height: 26px;
}

@media only screen and (max-width: 1024px) {
	h2.wp-block-heading {
		font-size: 20px;
		line-height: 28px;
	}
	
	h3.wp-block-heading {
		font-size: 18px;
		line-height: 22px;
	}
}

@media only screen and (max-width: 767px) {
	h2.wp-block-heading {
		font-size: 22px;
		line-height: 30px;
	}
	
	h3.wp-block-heading {
		font-size: 16px;
		line-height: 20px;
	}
}

/* Button CSS */
.my-btn .elementor-button::before {
	content: "";
	position: absolute;
	background: #173040;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .5s ease;
}

.my-btn .elementor-button:hover::before {
	transform: scaleX(1);
}

.my-btn .elementor-button-text {
	z-index: 1;
}

.my-btn .elementor-button-icon {
	background: #173040;
	color: #fff;
	padding: 20px;
	height: 65px;
	width: 65px;
	font-size: 30px;
	border-radius: 100px;
	margin-right: -60px;
	margin-top: -22px;
	margin-bottom: -22px;
	z-index: 1;
	border: 3px solid #ecedee;
}

.grey-background .elementor-button-icon {
	border: 3px solid #d7d9db;
}

.elementor-button:hover .elementor-button-icon svg {
	z-index: 1;
	color: #fff !important;
}

.blue-background .elementor-button::before {
	background: #ebedee;
}

.blue-background .elementor-button-icon {
	background: #ebedee;
	border: 3px solid #173040;
	color: #173040;
}

.blue-background:hover .elementor-button-icon svg {
	color: #173040 !important;
}

/* Button css to fix bug */

/*Text focus color */
.my-btn .elementor-button:focus {
	color: #173040 !important;
}

.blue-background .elementor-button:focus {
	background: #ebedee !important;
}

/*Text hover color */
.my-btn .elementor-button:hover {
	color: #fff !important;
}

.blue-background .elementor-button:hover {
	color: #173040 !important;
}

/* Submit button */
.elementor-button[type="submit"] svg * {
	color: #173040 !important;
}

/*Service links on service subpages */
.service-link .elementor-icon-list-icon {
	border: 1px solid #173040;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-right: 11px;
	padding-left: 11px;
	border-radius: 40px;
}

.service-link.active .elementor-icon-list-icon {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	padding-right: 8px !important;
}

.rotate .elementor-icon-list-icon {
	-moz-transition: all .5s linear;
	-webkit-transition: all .5s linear;
	transition: all .5s linear;
}

/* Goal boxes - Case study template */
.hoverbox {
	transition: transform .9s cubic-bezier(.19, 1, .22, 1);
}

.hoverbox .e-far-check-circle, .elementor-icon, .hoverbox .elementor-icon-box-title, .hoverbox .elementor-icon-box-description {
	transition: color .9s cubic-bezier(.19, 1, .22, 1);
}

.hoverbox:hover {
	transform: scale(1.1);
}

.hoverbox:hover .elementor-icon-box-title, .hoverbox:hover .elementor-icon-box-description {
	color: #fff;
}

.hoverbox:hover .e-far-check-circle {
	color: #fff !important;
}

/* Website Lead Gen CTA button */
#website-dropdown, #gform_submit_button_11 {
	display: none;
}

/* Select field - Website Lead Gen CTA */
#form-field-service {
	padding: 10px 20px;
}

/* Yearbook Campaign - Book a Call Menu Button */
.menu-item-31890 a {
	background: #f05123;
}

.menu-item-31890 .elementor-item:before, .menu-item-31890 .elementor-item:after {
	display: none !important;
	content: none !important;
}

@media screen and (min-width: 1000px) {
	.menu-item-31890 a {
		padding: 12px 36px !important;
	}
}

.menu-item-31890 a {
	color: #fff !important;
}

.menu-item-31890 a:hover {
	background: #173040 !important;
	transition-duration: .4s;
	color: #fff;
}