/* Resets - Start */
.entry-content,
footer {
    margin-top: 0;
    margin-bottom: 0;
}

:where(.wp-site-blocks *:focus) {
    outline-width: 0px;
    outline-style: solid;
}

:where(.wp-site-blocks *:focus-visible) {
    outline-width: 2px;
    outline-style: solid;
	border-radius: 4px;
}

/* Resets - End */

#top-header a.stk-link {
    text-decoration: none;
}

#top-header a.wp-block-button__link {
    transition: all ease 0.4s;
}

#top-header a.wp-block-button__link:hover {
    background-color: #1081B8 !important;
}

/* Slider and Inner Banner - Start */
.tws-header-banner,
.tws-slider {
    overflow: hidden;
}

.tws-header-banner .shade,
.tws-slider .shape {
    position: relative;
}

.tws-header-banner .content,
.tws-slider .content {
    position: relative;
    z-index: 10;
}
/* Slider and Inner Banner - End */

/* Banner - Start */
.sub-banner-container {
    overflow: hidden;
}

.tws-banner .shape {
    position: relative;
}

.tws-banner .content {
    position: relative;
    z-index: 10;
}
/* Banner - End */

.hide {
	display: none !important;
}

.auto-height .wp-block-group {
    height: 100%;
}

.full-width-image figure img {
    height: 100%;
    width: 100%;
}

.main-slider .wp-block-button a {
	border: 1px solid var(--wp--preset--color--contrast-2);
}

.main-slider .wp-block-button a:hover {
	border: 1px solid #ffffff !important;
}

.main-slider .wp-block-button.is-style-outline a:hover {
	background-color: var(--wp--preset--color--contrast-2) !important;
}

.wp-block-embed,
lite-youtube,
lite-youtube iframe {
    border: none !important;
    border-radius: 8px !important;
    overflow: hidden;
}

.frm_forms.frm_style_formidable-style.with_frm_style {
    max-width: 1200px !important;
}

.limit-form-width .frm_forms.frm_style_formidable-style.with_frm_style {
    max-width: 680px !important;
}

table.srJobList *,
div.srSearch * {
    font-size: 14px !important;
}

table.srJobList tr:hover * {
    color: #fff !important;
}

.srSearchOption,
.srSearchForm {
    border: none !important;
}

input.srSearchButton {
    background-color: #22525F !important;
    color: #fff !important;
    border: none !important
}

input.srSearchButton:hover {
    background-color: #1B99D5 !important;
    border: none !important
}

.team-members .wp-block-post-featured-image {
    position: relative;
    overflow: hidden;
    transition: opacity 0.3s ease;
}

.team-members .wp-block-post-featured-image::after {
    content: "View bio";
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 100%;
    height: 100%;
    background: rgba(26, 153, 214, 0.6);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.team-members .wp-block-post-featured-image:hover::after {
    opacity: 1;
}

.contact-info .stk-link {
    align-items: start !important;
}

.contact-info .stk-link svg {
    margin-top: 4px;
}

.main-navigation ul ul li,
.main-navigation ul ul li a {
	font-size: 0.875rem;
    display: block !important;
}

.main-navigation ul,
.main-navigation ul li {
    border-radius: 4px !important;
}

.main-navigation ul ul button.wp-block-navigation__submenu-icon {
	position: absolute;
    right: 6px;
    left: auto;
    top: 40%;
}

.main-navigation ul ul ul {
    right: -100% !important;
}

header {
    position: relative;
}

header,
.main-navigation ul ul {
    z-index: 99999 !important;
}

.main-navigation a:hover {
    text-decoration: none;
    color: var(--wp--preset--color--contrast) !important;
}

.main-navigation ul ul li + li a {
    border-top: 1px solid #e0e0e0;
}

.main-navigation ul li {
	margin-bottom: 2px !important;
}

.main-navigation ul ul li a {
    display: block !important;
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
    line-height: 1rem !important;
    display: block !important;
}


ul.is-style-checkmark-list {
    padding: 0;
    list-style: none; /* Remove default list styles */
}

ul.is-style-checkmark-list li {
    padding-left: 24px;
    background: url('/wp-content/uploads/2023/11/tws_icon_tick.svg') no-repeat;
    background-size: 14px;
    background-position: 0 6px;
}

ul.is-style-default li + li,
ul.is-style-checkmark-list li + li {
    margin-top: 0.6rem;
}

.sub-footer {
    background-image: url(/wp-content/uploads/2023/11/footer_shape.svg);
    background-repeat: no-repeat;
    background-position: right top;
}


@media screen and (min-width: 782px) {
	
	.tws-header-banner .shape::before,
    .tws-slider .shape::before {
        content: "";
        width: 200px;
        height: 180%;
        position: absolute;
        background-color: var(--wp--preset--color--contrast) !important;
        top: -160px;
        left: -80px;
        transform: rotate(158.6deg);
        z-index: 1;
    }

    .tws-header-banner .shape::after,
    .tws-slider .shape::after {
        content: "";
        width: 160px;
        height: 260px;
        position: absolute;
        background-image: url(/wp-content/uploads/2023/11/banner_shape.svg);
        bottom: 0px;
        left: 160px;
        background-repeat: no-repeat;
        background-size: cover;
    }
	
	.tws-banner .shape::before {
        content: "";
        width: 400px;
        height: 180%;
        position: absolute;
        background-color: var(--wp--preset--color--contrast-2);
        top: -140px;
        left: -340px;
        transform: rotate(22.4deg);
        z-index: 1;
    }

    .tws-banner .shape::after {
        content: "";
        width: 140px;
        height: 200px;
        position: absolute;
        background-image: url(/wp-content/uploads/2023/11/sub_banne_shape.svg);
        bottom: 0px;
        left: 8px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .full-width-image {
        position: relative;
        min-height: 460px;
    }

    .tws-header-banner .full-width-image,
    .sub-banner-container .full-width-image {
        min-height: 320px;
    }

    .full-width-image figure {
        position: absolute;
        overflow: hidden;
        height: 100%;
        width: 50vw;
    }

    .main-slider .full-width-image figure {
        width: 60vw;
    }
	
}


/* Main navigation break point - Start */
@media (min-width: 1001px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
    }
}

@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}
/* Main navigation break point - End */

@media screen and (min-width: 782px) {
	
	.team-members li figure {
		max-width: 220px;
		margin-left: auto;
		margin-right: auto;
	}
	
    .read-more .wp-block-group p {
        padding-bottom: 1.8rem;
    }
	
	.read-more .wp-block-group {
		position: relative;
	}

    .read-more .wp-block-group p:last-child {
        position: absolute;
        bottom: 1rem;
        padding-bottom: 0;
    }
	
	.bkg-effect {
		background: url('/wp-content/uploads/2023/11/inner_section_bkg_shape.svg') no-repeat;
		background-size: auto 324px;;
		background-repeat: no-repeat;
	}

	.bkg-effect.fix {
		background-size: auto 80%;
	}

	.bkg-effect.left {
		background-position: -4% bottom;
	}

	.bkg-effect.right {
		background-size: auto 324px;
		background-position: 104% bottom;
	}
	
	.testimonial .wp-block-column + .wp-block-column img {
		margin-left: -10vw !important;
	}
	
}

@media (max-width: 1200px) {
	#top-header {
		padding-right: 0px !important;
	}
}

@media (max-width: 1000px) {
	
	.wp-block-navigation__responsive-container-open,
	.wp-block-navigation__responsive-container-close {
		transform: scale(1.5);
	}
	
	.wp-block-navigation__responsive-container-close {
		right: 24px;
		top: 24px;
	}
	
	.main-navigation ul {
		padding: 0 !important;
		text-align: right;
		gap: 0 !important;
		width: 100% !important;
	}
	
	.main-navigation ul.main-navigation {
		padding: 24px 0 124px 0 !important;
	}
	
	.main-navigation .has-child > a {
		display: none;
	}
	
	.main-navigation a,
	.main-navigation ul ul li, 
	.main-navigation ul ul li a {
		font-size: 1rem !important;
		text-transform: uppercase;
	}
	
	.main-navigation ul li {
		width: 100%;
		border-bottom: 1px solid #e2e2e2;
		border-radius: 0px !important;
	}
	
	.main-navigation ul li a,
	.main-navigation ul ul li a {
		padding-top: 1.25rem !important;
		padding-bottom: 1.25rem !important;
		line-height: 1rem !important;
	}
	
	.main-navigation ul ul li + li a,
	.main-navigation ul ul li:last-child {
		border: none !important;
	}
	
	.main-navigation a {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
	
	.main-navigation ul ul ul li {
		border: none !important;
	}
	
}

@media screen and (max-width: 781px) {
	
	h2 {
		font-size: 1.65rem;
	}
	
	h3 {
		font-size: 1.2rem !important;
	}
	
	.call-to-action p br {
		display: none;
	}
	
	img.custom-logo {
		max-width: 184px;
	}
	
	.tws-slider h2.wp-block-heading,
	h1.wp-block-heading {
		font-size: 1.65rem !important;
	}

    .tws-header-banner .wp-block-group,
    .tws-slider .wp-block-group,
    .sub-banner-container,
	.tws-header-banner {
        padding: 0 !important;
    }

    .tws-header-banner .wp-block-group .wp-block-column:first-child,
    .tws-slider .wp-block-group .wp-block-column:first-child,
    .sub-banner-container .wp-block-column:first-child,
	.tws-header-banner .wp-block-column:first-child {
        padding-right: var(--wp--preset--spacing--10) !important;
        padding-left: var(--wp--preset--spacing--10) !important;
    }
	
	.sub-banner-container.testimonial > .wp-block-columns > .wp-block-column:last-child {
		display: none;
	}
	
	.tws-slider .shape,
	.tws-header-banner .shape {
		order: -1;
	}
	
	.tws-slider .content {
		padding-bottom: 4.6rem !important;
	}
	
	div.tws-slider div.stk-block-carousel__dots {
		justify-content: start !important;
    	padding-left: calc(var(--wp--preset--spacing--10) - 6px) !important;
	}
	
	.tws-slider .shape img {
		max-height: 182px;
	}
	
	.tws-banner .shape img {
		max-height: 142px;
	}
	
	.swap-mobile > .wp-block-column:last-child {
		order: -1;
	}
	
	.current-vacancies {
		overflow-y: auto;
	}
	
	.overflow-mobile {
		width: 800px;
		padding-right: 1.5rem !important;
	}
	
	.break-mobile {
		display: block !important;
	}

    footer .has-text-align-center,
    footer .has-text-align-right {
        text-align: left;
    }
	
	.sub-footer {
        background-size: 176px;
    }
	
	/* 	Disable CSS3 animations on mobile */
	.animated {
		transition-property: none !important;
		transform: none !important;
		animation: none !important;
  	}

}

/* Small screen sizes */
@media screen and (max-width: 428px) {

    #top-header .wp-block-group {
        gap: 0;
    }
	
	.tws-slider a.wp-block-button__link {
		font-size: 0.85rem !important;
	}

}


/* Youtube - Lazy Load */
lite-youtube {
    background-color: #000;
    position: relative;
    display: block;
    contain: content;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    max-width: 720px;
}

/* gradient */
lite-youtube::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
    background-position: top;
    background-repeat: repeat-x;
    height: 60px;
    padding-bottom: 50px;
    width: 100%;
    transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}

lite-youtube::after {
    content: "";
    display: block;
    padding-bottom: calc(100% / (16 / 9));
}
lite-youtube > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

/* play button */
lite-youtube > .lty-playbtn {
    display: block;
    width: 100%;
    height: 100%;
    background: no-repeat center/68px 48px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
    position: absolute;
    cursor: pointer;
    z-index: 1;
    border: 0;
	transition: all 0.3s ease;
}

lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
	transform: scale(1.2);
	transition: all 0.3s ease;
}

lite-youtube.lyt-activated {
    cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
    opacity: 0;
    pointer-events: none;
}

.lyt-visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/*  PROFILE LINKED IN */
.linked-in-container a::before{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background-image: url("/wp-content/uploads/2024/02/linked_in.png");
	width: 36px;
	height: 36px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 0 8px 0 8px;
}

.linked-in-container a{
	display: flex;
	position: relative;
	height: 36px !important;
	width: 36px !important;
	font-size: 1px !important;
	overflow: hidden !important;
	transition: transform 0.3s ease;
}

.linked-in-container a:hover{
	transform: scale(1.1);
}

.profile-column-one {
	position: relative;
}

.profile-column-one .linked-in-container{
	position: absolute;
	top: 0;
	right: 0;
}


/* END PROFILE LINKED IN */


.frm_message p {
	margin: 1rem 0 !important;
}