/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* -- GLOBAL -- */
a {
	text-decoration: none !important;
	color: #444444;
	font-weight: 500;
}
#signature-container .col {
	margin: 0 !important;
}
section .container .row > .col:last-child {
	padding-left: 3rem !important;
	padding-right: 0 !important;
}
.wpb_row .row-bg-wrap .inner-wrap {
	left: -4px;
}
/* -- GLOBAL BTN COLORS -- */
.redactie-btn {
	font-size: 16;
	font-weight: 500 !important;
	color: #28A235 !important;
	transition: color .15s ease-in-out;
}
.redactie-btn:hover {
	color: #444 !important;
}
.bryxx-btn,
.bryxx-btn > span,
.bryxx-btn .link_wrap {
	background: #EA6667 !important;
}
.clb-btn,
.clb-btn > span,
.clb-btn .link_wrap {
	background: #E3201B !important;
}
.ctb-btn,
.ctb-btn > span,
.ctb-btn .link_wrap {
	background: #E30918 !important;
}
.cc-btn,
.cc-btn > span,
.cc-btn .link_wrap {
	background: #F17105 !important;
}
.drppr-btn,
.drppr-btn > span,
.drppr-btn .link_wrap {
	background: #363B3C !important;
}
.exitas-btn,
.exitas-btn > span,
.exitas-btn .link_wrap {
	background: #e4051f !important;
}
.eqm-btn,
.eqm-btn > span,
.eqm-btn .link_wrap {
	background: #139BE9 !important;
}
.rktk-btn,
.rktk-btn > span,
.rktk-btn .link_wrap {
	background: #5F8A79 !important;
}
.thrix-btn {
	position: relative;
}
.thrix-btn > span > span a {
	position: relative;
	transition: width .25s ease-out;
	z-index: 10;
}
.thrix-btn:hover > span > span a {
	color: #fff !important;
}
.thrix-btn:hover > span > span a .line {
	background-color: #fff !important;
}
.thrix-btn > span > span::after {
	content: '';
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, rgba(161,0,85,1) 25%, rgba(255,92,0,1) 100%) !important;
	border-radius: 3px;
	z-index: 0;
	transition: width .25s ease-out;
}
.thrix-btn:hover > span > span::after {
	width: 100%;
}
.ts-btn,
.ts-btn > span,
.ts-btn .link_wrap {
	background: #E1061A !important;
}
.zbnz-btn,
.zbnz-btn > span,
.zbnz-btn .link_wrap {
	background: #1B063F !important;
}
/* -- HEADER -- */
header .container {
	padding-bottom: 10px;
}
/* -- HIDE EMPTY ANCHOR NAV ELEMENTS -- */
.page-id-2600 .nav-moodboard, /* ID-2600 = Bryxx */
.page-id-2600 .nav-layout,
.page-id-2600 .nav-templates,
.page-id-493 .nav-moodboard,	 /* ID-493 = Contribute */
.page-id-899 .nav-moodboard, /* ID-899 = CraftCode */
.page-id-1327 .nav-templates, /* ID-1327 = Equalminds */
.page-id-610 .nav-moodboard, 
.page-id-610 .nav-templates, /* ID-610 = RKITEK */
.page-id-1552 .nav-moodboard, 
.page-id-1552 .nav-templates, /* ID-15522 = Thrix */
.page-id-662 .nav-moodboard, 
.page-id-662 .nav-templates, /* ID-662 = Tripwire Solutions */
.page-id-777 .nav-moodboard, 
.page-id-777 .nav-templates /* ID-777 = Zebanza */ {
	display: none !important;
}

/* Colabo hide links */
.page-id-1679 .nav-logo,
.page-id-1679 .nav-typo,
.page-id-1679 .nav-layout,
.page-id-1679 .nav-color-palette,
.page-id-1679 .nav-moodboard,
.page-id-1679 .nav-templates {
	display: none !important;
}
/* -- NAV -- */

nav ul li {
	position: relative;
}
nav ul li:not(nav ul li:first-child):after {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	bottom: 0;
	left: 0;
	background: #28A235;
	transition: all .35s ease-in-out;
}
nav ul li:not(nav ul li:first-child):hover::after,
nav ul li.active:not(nav ul li:first-child)::after {
	width: 100% !important;
} 
#header-outer #top #main-nav ul li.active a {
	color: #28A235 !important;
}
/* -- HOME PAGE --------------------------------------------------- */
/* -- HEAD TITLE -- */
#sg-head-row > .row_col_wrap_12 > div:first-child {
	max-width: 33%;
}
#sg-head-row .hover-wrap-inner {
	display: flex;
}
/* #sg-head-row .sg-head-img {
    width: 75% !important;
} */
.sg-head-scnd-column {
    display: flex;
    align-items: flex-end;
}
.sg-head-scnd-column h1 {
    margin-bottom: -15px;
}
/* -- OVERVIEW BRANDS -- */
.overview-brand__column .vc_column-inner {
    padding: 10% 0;
    border-radius: 5px 5px 0 5px;
}
.overview-brand__column .vc_column-inner:after {
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    right: 0;
    bottom: 0;
    background-image: url(/wp-content/uploads/2021/09/right-corner-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
}
.overview-brand__column .img-with-aniamtion-wrap .hover-wrap {
    overflow: visible;
}
.overview-brand__image {
    width: 30%;
}
.overview-brand__title {
    transition: color .4s ease-in-out;
}
.overview-brand__title:hover {
    color: #444 !important;
}
/* -- STYLEGUIDES PAGES --------------------------------------------------- */
/* -- CONTENT CONTAINER -- */
#hero-container-wrap {
	margin-top: -45px !important;
}
/* -- CUSTOM LOGO ROW STYLING -- */
#logo-row.thrix .thrix-logo-row-inner--right .wpb_column {
	flex: unset;
}
/* -- LOGO IMG GRID -- */
.logo-row--img-clmn .wpb_wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
	grid-gap: 35px;
}
.logo-row--img-clmn .img-with-aniamtion-wrap {
	display: flex;
	justify-self: center;
}  
.logo-row--img-clmn .img-with-aniamtion-wrap img {
	box-shadow: 2px 3px 5px 1px rgba(25 25 25 / 15%) !important;
	transition: box-shadow .35s ease-out;
}
.logo-row--img-clmn .img-with-aniamtion-wrap img:hover {
	box-shadow: 2px 3px 12px 2px rgba(25 25 25 / 25%) !important;
}
.logo-row--img-clmn .img-with-aniamtion-wrap:first-child {
	grid-column: 1/2;
	grid-row: 1/2;
}
.logo-row--img-clmn .img-with-aniamtion-wrap:nth-child(2) {
	grid-column: 2/4;
	grid-row: 1/2;
}
.logo-row--img-clmn .img-with-aniamtion-wrap:first-child .hover-wrap,
.logo-row--img-clmn .img-with-aniamtion-wrap:nth-child(2) .hover-wrap {
	margin-bottom: 8px;
}
.logo-row--img-clmn .img-with-aniamtion-wrap:nth-child(3) {
	grid-column: 1/2;
	grid-row: 2/4;
}
.logo-row--img-clmn.short .img-with-aniamtion-wrap:nth-child(3) {
	grid-column: 2/3;
	grid-row: 1/2;
	align-self: self-end;
	margin-bottom: -5px;
}
.logo-row--img-clmn .img-with-aniamtion-wrap:nth-child(4) {
	grid-column: 2/3;
	grid-row: 2/3;
}

.logo-row--img-clmn .img-with-aniamtion-wrap:nth-child(5) {
	grid-column: 3/4;
	grid-row: 2/3;
}
.logo-row--img-clmn .img-with-aniamtion-wrap:last-child {
	grid-column: 2/4;
	grid-row: 3/4;
	margin-top: -26px;
}
.logo-row--img-clmn.short .img-with-aniamtion-wrap:last-child {
	grid-column: 3/4;
	grid-row: 1/2;
	align-self: self-end;
	margin-bottom: 10px;
}
/* -- CUSTOM FONTS -- */
.cc-heading-font {
	font-family: 'Lexend', sans-serif !important;
	font-weight: 600 !important;
}
.cc-body-font {
	font-family: 'Open-Sans', sans-serif !important;
}
.drppr-heading-font {
	font-family: 'Baloo Bhai 2', sans-serif !important;
	font-weight: 600 !important;
}
.drppr-body-font {
	font-family: 'Lato', sans-serif !important;
}
.eqm-heading-font{
	font-family: 'Noto Sans', sans-serif !important;
	font-weight: 700;
	color: #139BE9;
}
.eqm-body-font{
	font-family: 'Noto Sans', sans-serif !important;
	font-weight: 400;
}
/* .exitas-heading-font,
.exitas-body-font {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 400;
} */
.exitas-heading-font {
	font-family: 'Open Sauce One', sans-serif !important;
	font-weight: 600;
}
.exitas-body-font {
	font-family: 'Open Sauce One', sans-serif !important;
	font-weight: 100;
}
.fs-heading-font {
	font-family: 'IBM Plex Sans', sans-serif !important;
}
.fs-body-font {
	font-family: 'Libre Franklin', sans-serif !important;
}
.ts-heading-font {
	font-family: 'Poppins', sans-serif !important;
	font-weight: 600 !important;
}
.ts-body-font {
	font-family: 'Questrial', sans-serif !important;
}
.zbnz-heading-font {
	font-family: 'mic-32-new-web', sans-serif !important;
}
.zbnz-body-font {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 400;
}
.thrix-heading-font {
	font-family: 'Barlow', sans-serif !important;
	font-weight: 500 !important;
}
.thrix-body-font {
	font-family: 'Barlow', sans-serif !important;
	font-weight: 300 !important;
}
/* -- BOX SHADOW -- */
.lay-out-template,
.signature-template {
	box-shadow: -8px 0px 15px 2px rgba(0 0 0 / 10%) !important;
}
.img-with-aniamtion-wrap .hover-wrap {
	overflow: visible !important;
}
/* -- SIGNATURE CONTAINER -- */
.section-title {
	border-bottom: unset !important;
}
.row .col img:not([srcset]) {
	width: unset !important;
}
.signature-btn {
	color: #28A235 !important;
	transition: .35s ease-in-out;
}
.signature-btn:hover {
	color: #444 !important;
}
.page-id-581 .container-wrap, /* Signature - Contribute */
.page-id-949 .container-wrap, /* Signature - CraftCode */
.page-id-902 .container-wrap, /* Signature - Droppar */
.page-id-271 .container-wrap, /* Signature - Fieldside */
.page-id-612 .container-wrap, /* Signature - RKITEK */
.page-id-709 .container-wrap, /* Signature - Tripwire Solutions */
.page-id-819 .container-wrap  /* Signature - Zebanza */ {
	display: flex;
	align-items: center;
}
/* -- FOOTER -- */
#footer-widgets .col.span_12 {
	display: grid;
	grid-template-columns: repeat(2, 1fr) !important;
	grid-template-columns: 1fr;
}
#footer-outer .widget {
	margin-bottom: 0;
}
#footer-outer .row {
	padding: 25px 0;
}
#block-7 p,
#block-8 p,
#block-7 p a,
#block-8 p a {
	font-family: 'Libre Franklin', sans-serif;
	font-size: 14px;
	margin-bottom: 0;
}
#block-7 {
	text-align: left;
}
#block-8 {
	text-align: right;
}
#block-7 a#fs-name,
#block-8 a#fs-redactie {
	transition: all .25s ease-out;
}
#block-7 a#fs-name:hover,
#block-8 a#fs-redactie:hover {
	color: #28A235 !important;
}
/* -- MEDIA QUERIES -- */

@media (min-width: 1024px) {
	#competence-centres-row--mobile {
		display: none;
	}
	#logo-row.thrix .thrix-logo-row-inner--left {
		flex: unset;
		width: 35%;
	}
	#logo-row.thrix .thrix-logo-row-inner--right {
		flex: unset;
		width: 65%;
	}
}
@media screen and (max-width: 1023px) {
	#competence-centres-row {
		display: none;
	}
}