/* General: Go to top icon */
.scroll-to-top i:before {
	content: "➝";
	font-size: 24px;
}

/* General: Go to top */
.scroll-to-top--visible {
	transform: rotate(-90deg) scale(1);
}

/* Homepage: Welcome Spacing */
.homepage-welcome {
	padding: 50px 0 35px 0;
} 

/* Homepage: News Spacing */
.homepage-news {
	padding: 50px 0;
} 

/* Homepage: Services Spacing */
.homepage-service {
	padding: 50px 0;
} 

/* Menu: Link underline and spacing */
.fullscreen-menu {
	--k-ls-enabled: var(--k-off);
	--k-root-menu-item-spacing: 15px;
}

/* Menu: Submenu left padding */
.fullscreen-menu nav .menu ul {
	padding-left: 0;
}

/* Menu: Hamburger Menu Width */
.toggle-bars .toggle-bars__bar-line , 
.toggle-bars .toggle-bars__bar-line {
	width: 30px;
	height: 1px;
	transition: all ease .15s;
}

/* Menu: Hamburger menu top line */
.toggle-bars .toggle-bars__bar-line.toggle-bars__bar-line--top {
	top: 3px;
}

/* Menu: Hamburger menu bottom line */
.toggle-bars .toggle-bars__bar-line.toggle-bars__bar-line--bottom {
	top: 16px;
}

/* Menu: Hamburger menu top line on hover */
.toggle-bars:hover .toggle-bars__bar-line.toggle-bars__bar-line--bottom {
	top: 18px;
}

/* Menu: Hamburger menu bottom line on hover */
.toggle-bars:hover .toggle-bars__bar-line.toggle-bars__bar-line--top {
	top: 1px;
}

/* Menu: Hamburger menu remove middle line */
.toggle-bars .toggle-bars__bar-line.toggle-bars__bar-line--middle {
	height: 0px;
}

/* Menu: Hamburger menu bottom line on exit */
.toggle-bars.exit .toggle-bars__bar-line.toggle-bars__bar-line--top {
	top: 8px;
}

/* Menu: Hamburger menu top line on exit */
.toggle-bars.exit .toggle-bars__bar-line.toggle-bars__bar-line--bottom {
	top: 8px;
}

/* Menu: Hamburger menu top line on exit */
.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .right-part+.left-part,
.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .right-part,
.main-header.menu-type-full-bg-menu .full-screen-menu .full-menu-footer .left-part {
	width: 100%;
}

/* Projects:  Show more button */
.wpb_wrapper .load-more {
	justify-content: flex-start;
}

.wpb_wrapper .load-more .button {
	background: transparent;
	color: var(--k-color-4);
	padding: 0;
	border: none;
	margin-bottom: var(--k-content-spacing-3);
}


/* Projects:  Next-Prev Navigation Arrows */
.single-portfolio .single-portfolio__services .single-portfolio__link a:after,
.single-post .adjacent-post-link__icon i:before,
.single-portfolio__navigation .adjacent-post-link__icon i:before,
.single-portfolio__type .swiper-button-next:after, .single-portfolio .swiper-button-prev:after,
.single-portfolio__type .swiper-button-next:after, .single-portfolio .swiper-button-prev:after {
	content: "➝" !important;
}

/* Projects:  Next-Prev Navigation Arrows transform */
.single-post .adjacent-post-link--prev .adjacent-post-link__icon i,
.single-portfolio__navigation .single-portfolio__navigation__prev .adjacent-post-link__icon i,
.single-portfolio .swiper-button-prev i{
	transform: scaleX(-1);
	display: block;
}

/* Single Project: Launch project link color */
.single-portfolio .single-portfolio__services .single-portfolio__link a {
	color: var(--k-color-4);
}

/* Single Project: Launch project button icon */
.single-portfolio .single-portfolio__services .single-portfolio__link a:after {
	margin-left: 10px;
}

/* Studio: Services Spacing */
.services-row {
	padding: 50px 0;
} 

/* Studio: Awards and Press Spacing */
.studio-awards,
.studio-press {
	padding: 50px 0;
}

/* Studio: Team member Row Spacing */
.team-member {
	margin-bottom: 35px;
}

/* Studio: Team members Row Spacing */
.members {
	padding-top: 50px;
}

/* News: Page title half page width */
.blog .page-heading .section-title {
	display: flex;
}

.blog .page-heading .section-title .page-heading__title,
.blog .page-heading .section-title .page-heading__description{
	flex: 1;
}


/* News: Page title display on two halfs */
.projects-page .portfolio-heading,
.page-heading__title-container {
	padding-top: 25px;
}

/* Single Post: Navigate through posts */
.single-post .post .post-navigation {
	border-top: 1px solid var(--k-color-5);
	border-bottom: 1px solid var(--k-color-5);
	padding-top: 25px;
	padding-bottom: 25px;
	margin-bottom: 0px;
}

/* Contact: Rows used in contact */
.contact-row {
	padding-top: 50px;
}


/* Contact: Input bottom border */
.labeled-input-row label, .labeled-textarea-row label {
	border-bottom: 1px solid var(--k-color-4);
}

/* Contact: Button text color and transparent background */
.contact-form .button,
.form-submit .button {
	padding: 0;
	color: var(--k-color-4);
	background: transparent;
}

/* Contact: Button text color and transparent background on hover */
.contact-form .button:hover,
.form-submit .button:hover {
	color: var(--k-color-1);
}

/* Clients element: Background */
.lab-client-logos .client-logos__entry {
	background-color: var(--k-color-7);
}


  /* Footer: Row paragraph margin reset */
.lb-element-footer-container-row-1 .row p {
	margin: 0;
}


@media (min-width: 1140px) {
.homepage-news .blog-posts--list .post-item .post-thumbnail {
	flex: 0 0 30%;
}
}

.homepage-news .blog-posts--list .post-item {
	gap: 30px;
	align-items: center;
}

/* Mobile only CSS */
@media screen and (max-width: 768px) {
/* Homepage: Welcome Spacing */
.homepage-welcome {
	padding: 35px 0;
} 

/* Homepage: News Spacing */
.homepage-news {
	padding: 35px 0;
}

/* Homepage: Services Spacing */
.homepage-service {
	padding: 35px 0;
}

/* Single Post: Navigation visible on mobile */
.post-navigation--label em {
	top: 0;
	opacity: 1;
}

/* Single Post: Comments caret */
.single-post .post-comments:before {
	border-width: 25px 25px 0 0;
}

/* Single Post: Comment respond top spacing */
.single-post .post-comments+.post-comment-form .comment-respond {
	padding-top: 0px;
}

/* Single Post: Comment form top spacing */
.post-comment-form {
	padding-top: 35px;
}

/* Studio: Awards and Press columng spacing */
.awards-and-press-column {
	padding-top: 35px;	
}

/* Studio: Services Spacing */
.services-row {
	padding: 35px 0;
}

/* Studio: Awards and Press Spacing */
.studio-awards,
.studio-press {
	padding: 35px 0;
}

/* Studio: Team member Row Spacing */
.team-member {
	margin-bottom: 35px;
}

/* Studio: Team members Row Spacing */
.members {
	padding-top: 35px;
}

/* Contact: Rows used in contact */
.contact-row {
	padding-top: 35px;
}
	
/* News: Page title half page width */
.blog .page-heading .section-title {
	flex-direction: column;
}
}