/*
Theme Name: LinguaLink
Theme URI: Arch
Author: Arch
Author URI: archcreative.co.uk
Description: 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 
*/



@import url('https://fonts.googleapis.com/css2?family=Expletus+Sans:wght@400;500&family=Inter:wght@300;400;600&display=swap');

:root{
	--side-padding:30px;
	--orange:#ff9900;
	--blue:#4455ff;
	--green:#00cc77;
	--red:#ff0066;
	--grey:#f4f4f4;
	--heading:"Expletus Sans", sans-serif;
	--body:'Inter', sans-serif;
}

/* ===== GENERAL ===== */

html, body { width:100%;margin:0;padding:0;overflow-x:hidden;font-family:var(--body);background:#fff;font-size:1rem; }

body.rtl { direction:rtl; }

img { display:block; }

p { font-size:1.125rem;line-height:1.6rem;text-wrap:balance; }

.m-container-1500 { max-width:1500px;margin:0 auto;width:100%; }
.side-padding { padding-left:var(--side-padding);padding-right:var(--side-padding); }

.m-grid { margin:0; }
.m-grid-gap-60 { grid-gap:60px; }

.pos-rel { position:relative; }
.pos-abs { position:absolute; }

h1,h2,h3,h4,h5,h6 { font-family:var(--heading);font-weight:400; }
h1 { font-size:3rem; }
h2 { font-size:2.25rem; }
h3 { font-size:1.875rem;margin-top:0px; }

.vertical-align { display:block;top:0;left:0;width:100%;height:100%; }
.vertical-outer { display:table;width:100%;height:100%;vertical-align: middle;  }
.vertical-inner { display:table-cell;width:100%;height:100%;vertical-align: middle; }


.bg-red { background:var(--red);color:#fff; }
.bg-green { background:var(--green);color:#fff; }
.bg-blue { background:var(--blue);color:#fff; }
.bg-orange { background:var(--orange);color:#fff; }


a.button { font-size:1.25rem;font-weight:600;border-top-right-radius:8px;border-bottom-left-radius:8px;display:inline-block;background:#000 url("/wp-content/themes/lingualink/img/arrow.svg") no-repeat calc(100% - 20px) center;background-size:20px auto;color:#fff;text-decoration:none;padding:15px 50px 15px 20px; }
a.button:hover { background:#555 url("/wp-content/themes/lingualink/img/arrow.svg") no-repeat calc(100% - 20px) center;background-size:20px auto; }



/* ===== NAV MENU ===== */
nav { padding:14px var(--side-padding);background:#fff;height:72px;position:relative;z-index:2; }
#logo { width:220px;display:inline-block; }
#logo img { width:100%; }
#navmenu { width:calc(100% - 220px - 390px);display:inline-block;vertical-align:top; }
#enrol { transition:background 0.3s ease-in-out;padding:24px 30px 26px 5px;font-size:1.125rem;font-weight:600;width:220px;height:72px;background:#000 url("/wp-content/themes/lingualink/img/arrow.svg") no-repeat calc(100% - 40px) center;background-size:20px auto;color:#fff;text-decoration:none;display:inline-block;vertical-align:top;margin-top:-14px;text-align:center; }
#enrol:hover { background:var(--green) url("/wp-content/themes/lingualink/img/arrow.svg") no-repeat calc(100% - 30px) center;background-size:20px auto;;color:#fff; }
#socials { width:170px;display:inline-block;text-align:center;position:relative;top:-3px; }
#socials a { margin:0 5px; }
#socials a.social:hover { opacity:0.5; }
#socials .social { width:24px;height:24px;display:inline-block; }
#socials .flag { width:40px;display:inline-block; }
#navmenu .menu { list-style: none;padding:8px 15px 0 0;margin:-5px 0 0;display:inline-block;width:100%;z-index:100;position:relative;text-align:right; }
#navmenu .menu li { display:inline-block;text-align:center;padding:10px;position:relative; }
#navmenu .menu li a { font-size:1rem;font-weight:600;color:#000;text-decoration:none;border-bottom:2px solid transparent; }
#navmenu .menu li a:hover, #navmenu .menu li.current-menu-item a { color:var(--blue);border-bottom:2px solid var(--blue); }
#navmenu .sub-menu { display:none;position:absolute;width:100%;top:100%;left:0;background:#fff;list-style: none;padding:0;margin:0; }
#navmenu .sub-menu li { display:inline-block;width:100%; }
#navmenu .menu li:hover .sub-menu { display:inline-block; }
.nav-extras { display:contents; }
.mobile-toggle { width:30px;height:30px;display:none; }
.toggle-bar { width:100%;height:3px;margin-bottom:5px;background:#000; }
.mobile-toggle.active .toggle-bar { background:#666; }

.wpml-ls { width:70px;display:inline-block;position:relative;top:-7px; }
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { display:none; }
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle { padding:5px;margin:0; }
.wpml-ls-flag { width:30px;height:30px; }
.wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu { border:none; }
.wpml-ls-legacy-dropdown a { border:none; }
.wpml-ls-statics-footer { display:none; }

footer { background:#000;padding:60px 0 120px;color:#fff; }
.footermenu .menu { list-style: none;padding:0;margin:0; }
.footermenu .menu li { line-height:3rem; }
.footermenu .menu li a { color:#fff;text-decoration:none; }
.footermenu .menu li a:hover { color:var(--orange); }
.footermenu.socials li { padding-left:40px; }
.footermenu.socials li.email { background:url("/wp-content/themes/lingualink/img/icon-email-white.svg") no-repeat left center;background-size:22px auto; }
.footermenu.socials li.insta { background:url("/wp-content/themes/lingualink/img/icon-insta-white.svg") no-repeat left center;background-size:22px auto; }
.footermenu.socials li.facebook { background:url("/wp-content/themes/lingualink/img/icon-facebook-white.svg") no-repeat left center;background-size:22px auto; }

.rtl .footermenu.socials li { padding-right:40px;padding-left:0px; } 
.rtl .footermenu.socials li.email,
.rtl .footermenu.socials li.insta,
.rtl .footermenu.socials li.facebook { background-position:right center; }



footer span { font-size:1.5rem;font-family:var(--heading); }
footer .forminator-row span { font-size:0.9rem; }
footer form input { width:100%;padding:8px 10px;font-size:1.125rem;margin-bottom:10px; }
footer form { margin-top:30px; }
footer form button { padding:8px 10px;font-size:1.125rem;text-transform:uppercase;border:none;font-weight:600;border-top-right-radius:8px;border-bottom-left-radius:8px;width:auto;padding:10px 45px 10px 20px;background:#fff url("/wp-content/themes/lingualink/img/arrow-black.svg") no-repeat calc(100% - 20px) center;background-size:18px auto; }
.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row:not(:last-child), .forminator-ui.forminator-custom-form[data-grid=open] .forminator-row:not(:last-child) { margin-bottom:10px; }


/* ===== HOME ===== */
.home-banner { position:relative;padding:30px var(--side-padding) 220px;height:calc(100vh - 72px);max-height:1080px;min-height:750px; }
.home-banner > img { position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top; }
.home-banner-text { height:100%;position:relative;padding:30px 0;color:#fff;margin:0 auto;width:100%;max-width:1440px; }
.home-banner-text::after, .home-banner-text::before { width:220px;height:220px;display:block;content:"";position:absolute;top:0;right:0;background:url("/wp-content/themes/lingualink/img/corner.svg") no-repeat center;background-size:contain; }
.home-banner-text::after { bottom:0;left:0;right:auto;top:auto;transform:scale(-1,-1); }
.home-banner-text h1 { text-wrap:balance;margin:0;position:absolute;bottom:0;right:0;width:100%;text-align:right;max-width:800px;font-size:6rem;padding-left:70px; }

.home-links { margin-top:-150px;margin-bottom:60px;position:relative; }
.home-link-grid { display:flex;gap:30px }
.home-link-box { transition:background 0.3s ease-in-out;text-decoration:none;display:inline-block;width:33%;padding:20px;border-top-right-radius:15px;border-bottom-left-radius:15px;position:relative; }
/*.home-link-box:hover { background:var(--orange); }*/
.home-link-box::before, .home-link-box::after { position:absolute;top:20px;right:20px;width:72px;height:72px;display:block;content:"";background:url("/wp-content/themes/lingualink/img/corner.svg") no-repeat center;background-size:contain; }
.rtl .home-link-box::before { right:auto;left:20px;transform:scaleX(-1) }
.rtl .home-link-box::after { left:auto;right:20px;transform:scaleY(-1); }
.rtl .home-link-more { text-align:left;padding-left:0px;background:none; }


.home-link-box::after { bottom:20px;left:20px;top:auto;right:auto;transform:scale(-1,-1); }

.home-link-box::before,
.home-link-box::after { transition:all 0.3s ease-in-out; }
.home-link-box:hover::before { right:10px;top:10px; }
.home-link-box:hover::after { left:10px;bottom:10px; }

.rtl .home-link-box:hover::before { right:auto;left:10px; }
.rtl .home-link-box:hover::after { right:10px;left:auto; }

.home-link-title { font-size:2.25rem;color:#fff;font-family:var(--heading);display:block;padding-right:72px; }
.rtl .home-link-title { padding-right:0px;padding-left:72px; }
.home-link-box img { width:100%;margin:45px 0 75px; }
.home-link-more { font-family:var(--heading);text-align:right;padding-left:72px;padding-right:20px;background:url("/wp-content/themes/lingualink/img/arrow.svg") no-repeat right center;background-size:15px auto; }


.home-icons { margin:60px 0; }
.home-icon-block { gap:15px; }
.home-icon { width:100px;display:inline-block;vertical-align:middle; }
.home-icon-text { width:calc(100% - 100px);display:inline-block;padding-left:30px;vertical-align:middle; }
.rtl .home-icon-text { padding-right:30px;padding-left:0px; }
.home-icon img { width:100%; }

.home-cta { height:600px; }
.home-cta > div { height:100%; }
.home-cta-text { display:flex;align-items:center;padding:30px 0;height:100%; }
.home-cta h2 { font-size:4.5rem;width:100%;max-width:464px;margin:0 0 45px; }
.cta-image { width:50%;position:absolute;top:0;left:60%;height:100%; }
.rtl .cta-image { left:auto;right:60%;transform:scaleX(-1); }
.cta-img { width:100%;height:100%;object-fit:cover; }
.cta-arrow { position:absolute;top:0;left:0;height:100%;width:auto;object-position:left center;transform:translateX(-50%); }


/* ===== GENERAL =====*/
.page-banner { position:relative;padding:60px var(--side-padding);height:calc(100vh - 70px);max-height:850px;min-height:650px; }
.page-banner > img { position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover; }

.heading-box { padding:20px 50px;margin:0px 0 30px;width:auto;display:inline-block;max-width:100%; }
.heading-box::before, .heading-box::after { position:absolute;top:0px;right:0px;width:48px;height:48px;display:block;content:"";background:url("/wp-content/themes/lingualink/img/corner-black.svg") no-repeat center;background-size:contain; }
.heading-box::after { bottom:0px;left:0px;top:auto;right:auto;transform:scale(-1,-1); }
.heading-box.white::before, .heading-box.white::after { background:url("/wp-content/themes/lingualink/img/corner.svg") no-repeat center;background-size:contain; }

.image-corners { border-bottom-left-radius:16px;border-top-right-radius:16px; }

/* ===== COURSES ===== */
.course-number { display:inline-block;width:100%;max-width:340px; }

/* ===== FAQs ===== */
.faq { margin-bottom:15px; }
.faq-q { font-weight:600;font-size:1.25rem;transition:border-bottom-left-radius 0.3s ease-in-out;border-bottom-left-radius:16px;border-top-right-radius:16px;background:var(--blue);color:#fff;display:inline-block;width:100%;padding:15px 45px 15px 15px;position:relative; }
.faq-q:hover { cursor:hand;cursor:pointer; }
.faq-q::after { transition:transform 0.3s ease-in-out;transform:rotate(0deg);position:absolute;top:15px;right:15px;content:"";display:block;width:25px;height:25px;background:url("/wp-content/themes/lingualink/img/arrow.svg") no-repeat center center;background-size:contain; }
.faq-a { display:none;width:100%;padding:45px 15px;background:var(--grey);border-bottom-left-radius:16px; }
.faq.open .faq-q { border-bottom-left-radius:0px; }
.faq.open .faq-q::after { transform:rotate(90deg); }

/* ===== ARCHIVE =====  */
.archive-cta { background:var(--green) url("/wp-content/themes/lingualink/img/logo-icon-link.svg") no-repeat right center;background-size:auto 100%; }
.rtl .archive-cta { background:var(--green); }
.archive-box { position:relative; border-top-right-radius:16px;border-bottom-left-radius:16px;overflow:hidden;height:100%;position:relative;display:inline-block; }
.archive-box-text { padding:20px 20px; }
.archive-image { width:100%;aspect-ratio:10/8;object-fit:cover; }
.archive-box-text .heading-box { padding:20px 20px 40px;margin:0px;width:100%; }
.archive-box-text .heading-box h3 { margin:10px 0px;font-size:1.4rem; }
.archive-box-text .home-link-more { position:absolute;bottom:20px;right:20px; }
.pagination { width:100%;text-align:center;margin-top:60px;font-family:var(--heading); }
.pagination a { text-decoration:none;color:#000;opacity:0.4;display:inline-block;padding:0 5px; }
.pagination a:hover { opacity:1; }
form.cta-form, .archive-cta form.forminator-custom-form { margin-top:20px; }
form.cta-form input, .archive-cta form.forminator-custom-form input, .archive-cta form.forminator-custom-form button { color:#000; font-size:1.125rem;padding:8px 15px;width:calc(50% - 15px);margin-right:15px;border:none; }
form.cta-form input[type="submit"], .archive-cta form.forminator-custom-form button { margin-top:5px;color:#fff;font-weight:600;border-top-right-radius:8px;border-bottom-left-radius:8px;width:auto;padding:15px 50px 15px 20px;background:#000 url("/wp-content/themes/lingualink/img/arrow.svg") no-repeat calc(100% - 20px) center;background-size:18px auto; }
form.cta-form input[type="submit"]:hover, .archive-cta form.forminator-custom-form button:hover { background:#555 url("/wp-content/themes/lingualink/img/arrow.svg") no-repeat calc(100% - 20px) center;background-size:20px auto; }


.resource-table { width:100%; }
.resource-row { width:100%;position:relative;border-bottom:1px solid #000;padding:15px 120px 15px 0px;font-size:1.25rem; }
.resource-row:first-child { border-top:1px solid #000; }
.resource-row .download { position:absolute;top:25px;right:0;font-size:1rem;padding:10px 45px 10px 15px; }
.resource-row .download:hover {  }

.event-content { width:100%;max-width:952px; }
.event-content img { max-width:100%; }
.single-fade { position:absolute;top:0;left:0;width:100%;height:200px;background:linear-gradient(#000, #fff);opacity:0.05; }

/* ===== FORM PAGE ===== */
.form-box { padding:45px;border-top-right-radius:16px;border-bottom-left-radius:16px;width:100%; }
.form-box form input, .form-box form textarea { width:100%;border:none;font-size:1.125rem;font-family:var(--body);padding:8px 15px;margin-right:15px;border:none; }
.form-box form button { box-shadow:none;border:none;font-size:1.25rem;font-family:var(--heading);margin-top:0px;color:#fff;font-weight:600;border-top-right-radius:8px;border-bottom-left-radius:8px;width:auto;padding:15px 50px 15px 20px;background:#000 url("/wp-content/themes/lingualink/img/arrow.svg") no-repeat calc(100% - 20px) center;background-size:18px auto; }
.form-box form button:hover { background:#555 url("/wp-content/themes/lingualink/img/arrow.svg") no-repeat calc(100% - 20px) center;background-size:20px auto; }
.forminator-row-last { margin-bottom:0px !important; }

/* ===== MODULES ===== */
.module { display:block;padding:60px 0px;width:100%; }

/* Banner */
.banner-overlay { background:rgba(0,0,0,0.4);position:absolute;top:0;left:0;width:100%;height:100%; }


.page-header-bar { padding:60px 0px; }

.otgs-development-site-front-end { display:none !important; }

@media(min-width:1501px){
	#navmenu { display:inline-block !important; }
}

@media(max-width:1500px){
/*	nav { padding-top:60px;height:auto; }
	#enrol { height:auto;padding:10px 30px 10px 5px;margin:0;position:absolute;top:0;right:170px; }
	#socials { position:absolute;top:0;right:0;height:45px;padding-top:10px; }
	#navmenu { width:calc(100% - 220px) }*/
	.home-links { margin-top:-150px; }

			/* Move this to it's own query if it needs to break down earlier */
		nav { height:auto; }
		.mobile-toggle { display:inline-block;position:absolute;top:28px;right:25px; }
		.rtl .mobile-toggle { right:auto;left:25px; }
		#navmenu { display:none;width:100%;background:#fff; }
		#navmenu .menu { padding:25px 0px 0px; }
		#navmenu .menu li { display:inline-block;width:100%;padding:0; }
		#navmenu .menu a { display:inline-block;width:100%;padding:10px; }
		#navmenu .sub-menu { display: none;width:100%;position:static; }
		#navmenu .menu li:hover .sub-menu { display:none; }
	/* ---------------------- */
	.nav-extras { position:absolute;top:14px;right:60px;display:inline-block;text-align:right; }
	.rtl .nav-extras { right:auto;left:60px; }
	#socials { top:9px; }
	#navmenu .menu li a:hover, #navmenu .menu li.current-menu-item a { border-bottom:2px solid transparent; }
	#navmenu .menu { margin-top:0px; }

#enrol { height:70px; }

}

@media(max-width:1100px){
	.home-banner-text::after, .home-banner-text::before { width:110px;height:110px; }
	.home-cta { height:500px; }
	.home-cta h2 { font-size:3.5rem; }

}



@media(max-width:990px){
	.home-banner { padding-bottom:60px; }
	.home-links { margin-top:60px; }
/*	.home-link-grid { display:flex;width:100%;flex-wrap:wrap; }
	.home-link-box { width:50%; }
	.home-link-box:first-child { width:100%; }*/

	.home-link-title { font-size:1.5rem;padding-top:10px; }
	.home-link-grid { gap:15px; }
	.home-link-box::before, .home-link-box::after { width:48px;heigh:48px; }
	h2 { font-size:2rem; }



	.home-cta { height:450px; }
	.home-cta h2 { font-size:3rem; }

	.home-banner-text h1 { font-size:5rem; }
			.home-banner { min-height:300px;max-height:500px; }


}

/* Tablet Size */
@media(max-width:960px){


}


@media(max-width:768px){
	.m-grid-gap-60 { grid-gap:15px;grid-row-gap:60px; }
	.home-link-grid { display:block;width:100%; }
	.home-link-box { width:100%;padding:30px 20px;margin-bottom:30px; }
	.home-link-box img { display:none; }
	.home-link-more { padding-right:30px; }
	.home-link-title { padding-left:30px;padding-bottom:30px;padding-right:30px; }
	h2 { font-size:1.5rem; }
	.home-icons { display:block; }
	.home-icon-block { display:inline-block;margin-bottom:30px; }
	.home-icon { display:inline-block;width:100px;vertical-align:middle; }
	.home-icon-text { display:inline-block;width:calc(100% - 110px);padding-left:15px;vertical-align:middle; }

	.home-cta { height:auto; }
	.home-cta h2 { font-size:2.5rem;width:100%;max-width:70%; }
	.home-cta-text { padding:50px 0px; }
	.cta-img { display:none; }
	.cta-image { left:85%; }

	.home-banner-text::after, .home-banner-text::before { width:70px;height:70px; }
	.heading-box { padding:0px 25px; }
	.course-number { max-width:220px; }
	.course-col-2 { grid-row:1; }
	.course-step { text-align:center; }

	.heading-box::before, .heading-box::after { width:30px;height:30px; }
	.home-banner-text h1 { font-size:4rem; }
	.page-banner { max-height:550px; }
	.archive-cta { background-position:right  bottom;background-size:auto 60%; }
	.home-banner,.page-banner { min-height:380px;max-height:500px; }

	#enrol { position:absolute;top:0;left:0;width:100%;height:auto;margin-top:0px;padding:14px 30px;font-size:1rem; }
	.nav-extras { position:static; }
	nav { padding-top:72px; }
	.mobile-toggle { top:74px; }
	#socials { top:0;vertical-align:middle;position:absolute;top:70px;right:50px; }
	.rtl #socials { right:auto;left:50px;text-align:left; }
	#logo { vertical-align:middle; }
	form.cta-form input, .archive-cta form.forminator-custom-form input, .archive-cta form.forminator-custom-form button { width:100%; }

}


/* Mobile Size */
@media(max-width:560px){
	:root{
		--side-padding:15px;
	}
	.m-grid-gap-30, .m-grid-gap-60 { grid-gap:15px;grid-row-gap:30px; }
	.home-cta-text { position:relative;z-index:1; }
	.cta-image { opacity:0.3 }
	.home-banner-text h1 { font-size:2.4rem;bottom:20px;padding-left:20px; }

	.home-banner-text::after, .home-banner-text::before { width:40px;height:40px; }
	.home-banner-text::after { left:-0px;bottom:-0px; }
	.home-banner-text::before { right:-0px;top:-0px; }
	.course-number { max-width:120px; }
	.page-banner { max-height:450px;padding:30px var(--side-padding); } 
	p { font-size:1rem;line-height:1.3rem; }
	.home-banner, .page-banner  { min-height:300px;max-height:300px; }
		#logo { width:140px; }
		#socials .social { display:none; }
		#socials { text-align:right;right:60px; }
		.wpml-ls-legacy-dropdown .wpml-ls-item { text-align:center; }
		.home-banner { padding-bottom:30px; }
		.home-links { margin-top:30px;margin-bottom:30px; }
		.home-link-box::before, .home-link-box::after { width:20px;height:20px; }
		.home-link-box { padding:15px;margin-bottom:15px; }
		.home-link-title { padding-bottom:15px;padding-right:20px; }
		.home-icons { margin:15px 0px; }
		.home-icon, .home-icon-text { width:100%; }
		.home-icon img { width:100px;margin:0 auto; }
		.home-icon-text { padding:0;text-align:center; }
		.home-cta h2 { width:100%;max-width:100%; }
		.steps-module .heading-box { padding:15px 30px;margin-bottom:15px; }
		.resource-row { padding-top:0px;padding-right:0px;padding-bottom:60px; }
		.resource-row .download { top:auto;bottom:15px; }
		.archive-box-text { padding:15px 15px; }
		.archive-box-text .heading-box { padding: 15px 15px 30px; }
		.heading-box::before, .heading-box::after { width:15px;height:15px; }
		.module { padding:30px 0px; }
		.home-cta h2 { font-size:2rem; }
		.faq-q { font-size:1rem; }
		.faq-a { padding:20px 15px; }

}

@media(max-width:300px){
/*	#socials { display:none; }
	#enrol { right:0px;width:100%; }*/
	#logo { width:150px; }
	.mobile-toggle { top:73px;right:15px; }
	.page-banner { padding:30px var(--side-padding);max-height:300px; }
	.home-banner-text h1 { font-size:2rem; }
	.faq-q { font-size:1rem; }
	h2 { font-size:1.1rem; }
	 h3 { font-size:1.1rem; }
	 #socials { right:40px; }
	 .heading-box { padding:0px 15px; }
	 .course-number { max-width:100px; }
}