@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Varta:wght@300;400;700&display=swap');

:root
{
 --ll-320w-base:calc((100vw - 320px)/320);   
 --ll-640w-base:calc((100vw - 640px)/640);
    
 --ll-orange:#F39422;
 --ll-green:#4171B8;
 --ll-blue:#26a6fe;
 --ll-lime:lime;
 --ll-white:#d8ecfe;
 --ll-pure-white:white;
 --ll-violet:#814ba2;
 --ll-dark-grey:#2f2f2f;
 --ll-black:#000000;
 --ll-almost-black:#333333;
 --ll-detail-color:#3a3434;
 --ll-navbar-bg-color:rgba(21,21,21,0.8);
 --ll-red:red;

 --ll-light-orange:#fea95c;
 --ll-light-green:#bbec6c;
 --ll-light-blue:#60b7ff;
 --ll-light-white:#eaf6ff;
 --ll-light-violet:#925cb4;


 --ll-very-light-orange:#e2c5a9;
 --ll-very-light-green:#d6e7ba;
 --ll-very-light-blue:#b2cde4;
 --ll-very-light-white:#e4e9ec;
 --ll-very-light-violet:#e5d3f1;
 --ll-very-light-black:#999999;
 --ll-trans-white:rgba(212,212,212,0.8);
 --ll-trans-gray:rgba(128,128,128,0.8);

 --ll-trans-radio-one:rgba(226,197,169,0.9);
 --ll-trans-radio-two:rgba(178,205,228,0.9);

 --ll-trans-black:rgba(0,0,0,0.4);
 --ll-low-trans-black:rgba(0,0,0,0.8);

 --ll-tiny-pad:0.25rem;
 --ll-small-pad:0.5rem;
 --ll-3q-pad:0.75rem;
 --ll-std-pad:1rem;
 --ll-big-pad:2rem;
 --ll-xbig-pad:3rem;
 --ll-huge-pad:8rem;
 --ll-XL-pad:4rem;

 --ll-tiny-radius:0.25rem;
 --ll-small-radius:0.5rem;
 --ll-std-radius:1rem;
 --ll-big-radius:2rem;
 --ll-XL-radius:16px;

 --ll-tiny-margin:0.25rem;
 --ll-small-margin:0.5rem;
 --ll-std-margin:1rem;
 --ll-big-margin:2rem;
 --ll-xbig-margin:3rem;
 --ll-xxbig-margin:3rem;

 --ll-scrollbar-width:clamp(6px,7px,10px);
 --ll-mobile-offers-height:clamp(5rem,10vh,48px);

 --ll-ZTop:1000000;
 --ll-ZTopPlus:calc(1 + var(--ll-ZTop));
 --ll-ZTopMinus:calc(var(--ll-ZTop) - 1);
 --ll-ZTopMost:calc(1000 + var(--ll-ZTop));
 --ll-veryTop:calc(1000*var(--ll-ZTop));

 --ll-fontSize-fbc:0.65rem;
 --ll-fontSize-minus5:0.55rem;
 --ll-fontSize-minus4:0.65rem;
 --ll-fontSize-minus3:0.7rem;
 --ll-fontSize-minus2:0.8rem;
 --ll-fontSize-minus1:0.9rem;
 --ll-fontSize-minus05:0.95rem;
 --ll-fontSize:calc(1rem + var(--ll-base-width));
 --ll-fontSize-plus1:calc(1.1rem + var(--ll-base-width));
 --ll-fontSize-plus1p5:calc(1.15rem + var(--ll-base-width));
 --ll-fontSize-plus2:calc(1.2rem + var(--ll-base-width));
 --ll-fontSize-plus3:calc(1.3rem + var(--ll-base-width));
 --ll-fontSize-plus4:calc(1.4rem + var(--ll-base-width));
 --ll-fontSize-plus5:calc(1.5rem + var(--ll-base-width));
 --ll-fontSize-plus20:calc(2rem + var(--ll-base-width));;
 --ll-fontSize-plus25:calc(2.5rem + var(--ll-base-width));
 --ll-fontSize-menuItem:clamp(1rem,4vh,var(--ll-fontSize-plus4));
 --ll-speaker-icon-size:3rem;
 --ll-menubox-width:calc(24rem + var(--ll-std-pad));

 --ll-catchphrase-height:calc(var(--ll-fontSize-plus3) + 2*var(--ll-small-pad));
 --ll-whatlearn-height:calc(var(--ll-fontSize) + 2*var(--ll-xsmall-pad));

 --ll-search-button-size:clamp(32px,4rem,48px);
 --ll-glossaryFilter-xy:clamp(64px,12vh,96px);
 --ll-speakerH1-XY:clamp(var(--ll-fontSize-plus3),5vw,10vh);
 --ll-xcourse-height:calc(var(--ll-course-height) + 2rem);
 --ll-aboutPhoto-width:clamp(10vw,6rem,200px);
 --ll-unbox-XY:clamp(5vh,4rem,48px); 
 

 --ll-glossary-filters-height:calc(var(--ll-glossaryFilter-xy) + 3*var(--ll-small-pad) + var(--ll-fontSize-plus2));

 --ll-linear-button-width:clamp(3rem,24px,5vw);

 --ll-updater-icon-size:calc(3.5rem + var(--ll-base-width)*0.5);
 --ll-updater-icon-halfsize:calc(var(--ll-updater-icon-size)/2);
 --ll-updater-top-padding:calc(var(--ll-updater-icon-halfsize) + var(--ll-std-pad));
 --ll-partCard-headers-box-height:calc(var(--ll-fontSize-plus4) + var(--ll-fontSize-plus1) + var(--ll-fontSize));

 --ll-navbar-logo-xy:clamp(32px,10vw,64px);
 --ll-navbar-height:max(var(--ll-navbar-logo-xy),3.25em);
 --ll-burger-xy:clamp(24px,5vw,48px);
 --ll-lang-flag-xy:clamp(16px,3.5vw,36px);
 --ll-menuText-width:clamp(10rem,calc(10*var(--ll-fontSize-plus1)),20vw); 
 --ll-langText-width:clamp(16rem,calc(16*var(--ll-fontSize-plus1)),30vw);
 --ll-navbar-buffer-height:calc(var(--ll-navbar-height) + var(--ll-std-pad)); 
 --ll-footerMenu-buffer:calc(var(--ll-footerMenu-height) + var(--ll-small-pad));

 --ll-qhd-xy:clamp(100px,60vw,300px);

 --ll-filter-button-xy:calc(2*var(--ll-std-pad) + var(--ll-fontSize-plus2));
 --ll-filter-dropbox-height:calc(2*var(--ll-fontSize-1p5));
 --ll-filter-box-height:calc(2*(var(--ll-fontSize) + var(--ll-filter-dropbox-height) + var(--ll-big-pad)) + var(--ll-filter-button-xy));

 --ll-dash-arrow-height:calc(var(--ll-fontSize-plus1) + 2*var(--ll-small-pad));
 --ll-dash-play-cell-height:calc(2*(2*var(--ll-std-margin) + var(--ll-fontSize-minus1)) + 0.5*var(--ll-dash-play-width));

 --ll-lesson-btn-width:clamp(32px,3rem,10vw);
 --ll-tray-contents-width:calc(100vw - var(--ll-XL-pad));
 --ll-audio-button-size:clamp(32px,3rem,10vw); 
 --ll-pronunciator-button-size:clamp(24px,2rem,8vw);
 --ll-example-player-box-size:calc(3*var(--ll-pronunciator-button-size));
 --ll-recorder-buttons-box-size:calc(6*var(--ll-pronunciator-button-size));
 --ll-progress-bar-height:clamp(8px,1rem,8vh);
 --ll-courseInfo-height:calc(3rem + var(--ll-base-width));
 --ll-readMore-CTA-height:calc(2*var(--ll-std-pad) + 2*var(--ll-small-pad) + var(var(--ll-fontSize-plus3)));
}

::-webkit-scrollbar
{
 width:var(--ll-std-pad);
}

::-webkit-scrollbar-track 
{
 -webkit-box-shadow:inset 0 0 6px var(--ll-very-light-black); 
 border-radius:var(--ll-tiny-radius);
}

::-webkit-scrollbar-thumb 
{
 border-radius:var(--ll-tiny-radius);
 -webkit-box-shadow:inset 0 0 6px var(--ll-very-light-black); 
}

.loudspeaker
{
 transform:rotate(-180deg);
 font-weight:bold;
 display:inline-block;
}

img
{
 height:auto;
 max-width:100%;
}

.courseDet
{
 background-color:transparent;
 max-height:12rem;
 transition:max-height 1s ease-in-out;
 overflow:hidden;
}

.courseDet[open]
{
 max-height:100rem;
 transition:max-height 2s ease-in-out;  
}

.courseDet > div
{
 padding:var(--ll-small-pad);
 border-left:1px solid var(--ll-very-light-black); 
 border-right:1px solid var(--ll-very-light-black);
}

.courseDet:last-of-type > div
{
 border-bottom:1px solid var(--ll-very-light-black);
 padding-bottom:var(--ll-std-pad);
}

.courseDet > summary
{
 padding:var(--ll-small-pad);  
 border-top-left-radius:var(--ll-small-radius);
 border-top-right-radius:var(--ll-small-radius);
 border-bottom:1px solid var(--ll-very-light-black);
 background-color:var(--ll-dark-grey);
 color:var(--ll-white);
 display:grid;
 grid-template-columns:1fr 3rem;
 list-style:none;  
}

.courseDet:last-of-type > summary{border-radius:0;}

.courseDet > summary > span:first-of-type
{
 display:flex;
 align-items:center;   
 justify-content:left;
}

.courseDet > summary > span:last-of-type
{
 background-size:contain;
 background-repeat:no-repeat;   
 background-position:center;
}

#sumEng{background-image:url(https://921946745.r.cdnsun.net/cdn/assims/common/eng.webp);}
#sumFra{background-image:url(https://921946745.r.cdnsun.net/cdn/assims/common/fra.webp);}
#sumDeu{background-image:url(https://921946745.r.cdnsun.net/cdn/assims/common/deu.webp);}

#topBlurb
{
 max-height:25vh;
 overflow:hidden;
 position:relative;
 padding:var(--ll-std-pad);
 transition:max-height 5s ease-in-out;
}

#coachForBox
{
 display:grid;
 grid-template-columns:1fr 2rem;
 grid-gap:var(--ll-tiny-pad);  
}

#viewThatPage
{
 pointer-events:all;  
 cursor:pointer;
 background-size:contain;
 background-repeat:no-repeat;
 background-image:url(https://921946745.r.cdnsun.net/cdn/buttons/vieweye.webp);
}

#baseBuffer
{
 min-height:20vh;
 margin-bottom:var(--ll-xbig-margin); 
}

#err404
{
 background-size:contain;
 background-position:center; 
 background-image:url(https://921946745.r.cdnsun.net/cdn/letz/404square.webp);
 aspect-ratio:1/1;
}

#errInfo
{
 padding:var(--ll-std-pad);  
}

#errResource
{
 font-weight:bold;
 text-decoration:line-through;  
}

.noTopPad{padding-top:0 !important;}

.tallSpaced
{
 min-height:var(--ll-huge-pad); 
}

.tallPad{padding-bottom:var(--ll-big-pad);}

.fullTopBlurb
{
 max-height:unset !important;  
}

#topBlurb > div{overflow:hidden;}

#topBlurbMask
{
 border-top-left-radius:var(--ll-tiny-radius); 
 border-top-right-radius:var(--ll-tiny-radius);
 position:absolute;
 display:flex;
 align-items:center;
 justify-content:center;
 left:0;
 right:0;
 bottom:0;
 height:4rem;
 font-weight:bold;
 background:linear-gradient(to bottom, rgba(128,128,128, 0.5), #444444);
 color:var(--ll-pure-white);
 pointer-events:all;
 cursor:pointer;
}

#letzHero
{
 position:relative; 
 width:100vw;
 background-size:contain;
 background-position:center;  
 background-repeat:no-repeat;
 margin:0;
 padding:0;
}

.frLetz{background-image:url(https://921946745.r.cdnsun.net/cdn/letz/france.webp);}
.deLetz{background-image:url(https://921946745.r.cdnsun.net/cdn/letz/germany.webp);}
.defLetz{background-image:url(https://921946745.r.cdnsun.net/cdn/letz/logo.webp);}

#mobileFilters
{
 margin-top:var(--ll-header-height);
 display:grid;
 grid-template-rows:repeat(4,1fr);
 grid-template-columns:repeat(4,1fr);
}

.shortCuts
{
 display:grid;
 grid-template-columns:repeat(3,1fr);  
 background-color:var(--ll-light-blue);
 grid-gap:0;
}

.shortCut
{
 display:grid;
 grid-template-columns:3rem 1fr;  
 padding:var(--ll-small-pad);
}

.altShorts{background-color:var(--ll-light-orange) !important;}

.shortCut > span
{
 display:flex;
 align-items:center;  
 justify-content:left;
}

.shortCut > span:first-of-type
{
 font-weight:bold;
 font-size:var(--ll-fontSize-plus2); 
}

#lciBox
{
 position:absolute; 
}

#letzCourseInfo
{
 padding:var(--ll-small-pad);  
 overflow:scroll;
 padding-bottom:var(--ll-xbig-pad);
}

#courseInfo > div{padding:var(--ll-small-pad);}

#courseInfo > div:last-of-type{margin-bottom:var(--ll-xbig-margin);min-height:20vh;}

#courseInfo  h1
{
 background-color:var(--ll-almost-black);
 padding:var(--ll-std-pad);
 color:var(--ll-pure-white);
 font-size:var(--ll-fontSize-plus2);
 margin:0;  
}

#courseInfo h2
{
 padding:0;
 margin:0;
 margin-bottom:var(--ll-small-margin);
 font-size:var(--ll-fontSize-plus1); 
}

#courseInfo ul
{
 padding:0;
 margin:0;
 margin-left:var(--ll-small-margin);
}

#courseInfo ul > li
{
 margin-left:var(--ll-small-margin); 
}

.unBullet
{
 padding:0;
 margin:0;
 margin-left:var(--ll-std-margin);
 list-style-type:none; 
}

.unBullet > li
{
 padding-bottom:var(--ll-small-margin) !important;
 margin:0 !important;
}

#courseInfo > h2
{
 padding:var(--ll-std-pad);
 font-size:var(--ll-fontSize-plus1p5);
 margin:0;  
}

#letzCourseInfo > div
{
 overflow:scroll;
 display:block;
}

.lcipHidden{display:none !important;}


.radioBtn
{
 display:flex;
 align-items:center;  
 justify-content:center;
 font-size:var(--ll-fontSize);
 font-weight:bold;
 pointer-events:all;
 cursor:pointer;
 padding:var(--ll-small-pad);
 background-color:var(--ll-trans-radio-one);
 border-bottom:1px solid var(--ll-trans-gray);
}

#radioFrance
{
 grid-column:1/3;
 grid-row:1/1; 
}

#radioGermany
{
  grid-column:3/5;
  grid-row:1/1; 
}

#radioOnline
{
 grid-column:1/2;
 grid-row:2/2; 
}

#radioClassroom
{
 grid-column:2/3;
 grid-row:2/2; 
}

#radio1to1
{
 grid-column:3/4;
 grid-row:2/2; 
}

#radioGroup
{
 grid-column:4/5;
 grid-row:2/2; 
}

#radioSchool
{
 grid-column:1/2;
 grid-row:4/4; 
}

#radioAdultB
{
 grid-column:2/4;
 grid-row:4/4; 
}

#radioAdultI
{
 grid-column:4/5;
 grid-row:4/4; 
}

#radioArsdorf
{
 grid-column:1/2;
 grid-row:3/3; 
}

#radioLuxembourg
{
 grid-column:2/5;
 grid-row:3/3; 
} 


.radioBtn:nth-child(2n + 1){border-right:1px solid var(--ll-trans-black);}
.radioAlt{background-color:var(--ll-trans-radio-two);}

.radioSelected{border-style:inset;}

#letzHeadings
{
 padding-top:var(--ll-std-pad); 
 padding-bottom:var(--ll-std-pad); 
 background-color:var(--ll-almost-black);
}
 
#letzH1,#letzH2
{
 display:block;
 width:100vw !important; 
 font-size:var(--ll-fontSize-plus2);
 font-weight:bold;
 padding-left:var(--ll-small-pad);
 margin:0;
 color:var(--ll-pure-white);
}

#letzH2
{
 font-size:var(--ll-fontSize); 
}

#videoHero
{
 position:relative; 
 height:auto;
 width:100% !important;    
}

#videoListBox,#resourcesListBox,#vocabListBox
{
 padding:var(--ll-std-pad);  
 padding-bottom:var(--ll-XL-pad);
}

#trayMenu
{
 position:fixed;
 left:100vw;
 width:100vw;
 top:0;
 height:100vh;
 z-index:var(--ll-ZTopMost); 
 background-color:RGBA(0,0,0,0.8);
 color:white;
 backdrop-filter:blur(1px);  
 -webkit-backdrop-filter:blur(1px);
 border-top-left-radius:var(--ll-std-radius);;
 border-bottom-left-radius:var(--ll-std-radius);
 transition:left 500ms ease-out;
 display:flex;
 justify-content:right;
}

.trayShow{left:0 !important;}

#menuBox
{
 width:var(--ll-menubox-width);
 height:100vh;
 padding-top:calc(var(--ll-header-height));
 padding-left:var(--ll-std-pad);
 overflow-y:scroll;
}

.menuLine
{
 pointer-events:all;
 margin-top:var(--ll-std-margin);
 font-size:var(--ll-fontSize-menuItem);
 cursor:pointer;
}

.menuLine:last-of-type
{
 margin-bottom:calc(3*var(--ll-big-margin));
 color:var(--ll-red);
}

.commonHero
{
 padding:0 !important;
 background-size:contain, contain;
 background-position:left center,center;
 background-repeat:no-repeat, no-repeat;  
 aspect-ratio:4/1;
 margin-bottom:1px;
 box-sizing:content-box;
 border-bottom: 2px solid var(--ll-very-light-blue); /* Adjust the color and thickness */
 box-shadow: 0 4px 8px 5px rgba(178, 205,228, 0.5);
}

#allFrenchCoursesHero
{
 background-image:url(/cdn/candy/clouds/french/all-french-courses-cloud.webp), url(/cdn/candy/backdrops/france/all-french-courses-mobile.webp);
}

#frenchOnlineCourseBeginnerHero
{
 background-image:url(/cdn/candy/clouds/french/online-french-course-beginners-cloud.webp), url(/cdn/candy/backdrops/france/online-french-beginners-course-mobile.webp); 
}


#frenchOnlineCourseAdvancedHero
{
 background-image:url(/cdn/candy/clouds/french/online-french-course-advanced-cloud.webp), url(/cdn/candy/backdrops/france/online-french-advanced-course-mobile.webp); 
}

#allFrenchSchoolSupportHero
{
  background-image:url(/cdn/candy/clouds/french/all-french-school-support-cloud.webp), url(/cdn/candy/backdrops/france/all-french-school-support-mobile.webp); 
}

#pvtSchoolSupportRedFrHero
{
 background-image:url(/cdn/candy/clouds/french/private-school-support-redange-french-cloud.webp), url(/cdn/candy/backdrops/france/private-school-support-redange-french-mobile.webp); 
}

#groupSchoolSupportArsFrHero
{
  background-image:url(/cdn/candy/clouds/french/group-school-support-arsdorf-french-cloud.webp), url(/cdn/candy/backdrops/france/group-school-support-arsdorf-french-mobile.webp); 
}

#allFrenchAdultHero
{
  background-image:url(/cdn/candy/clouds/french/all-adult-french-courses-cloud.webp), url(/cdn/candy/backdrops/france/all-french-adult-courses-mobile.webp); 
}

#frenchPrivateHero
{
 background-image:url(/cdn/candy/clouds/french/french-private-course-cloud.webp), url(/cdn/candy/backdrops/france/french-private-course-mobile.webp); 
}

#adultFrenchBeginnnersHero
{
 background-image:url(/cdn/candy/clouds/french/adult-french-beginners-cloud.webp), url(/cdn/candy/backdrops/france/adult-french-beginners-mobile.webp);  
}

#adultFrenchAdvancedHero
{
 background-image:url(/cdn/candy/clouds/french/adult-french-advanced-cloud.webp), url(/cdn/candy/backdrops/france/adult-french-advanced-mobile.webp);  
}

#frenchForCompaniesHero
{
 background-image:url(/cdn/candy/clouds/french/french-courses-for-companies-cloud.webp), url(/cdn/candy/backdrops/france/french-courses-for-companies-mobile.webp);  
}

#frenchForGermanSpeakersHero
{
 background-image:url(/cdn/candy/clouds/french/french-for-german-speakers-cloud.webp), url(/cdn/candy/backdrops/france/french-for-german-speakers-mobile.webp);   
}

#allGermanCoursesHero
{
 background-image:url(/cdn/candy/clouds/german/all-german-courses-cloud.webp), url(/cdn/candy/backdrops/germany/all-german-courses-mobile.webp);
}

#germanSchoolSupportHero
{
 background-image:url(/cdn/candy/clouds/german/school-support-german-cloud.webp), url(/cdn/candy/backdrops/germany/school-support-german-mobile.webp);
}

#germanAdultCoursesHero
{
 background-image:url(/cdn/candy/clouds/german/german-courses-for-adults-cloud.webp), url(/cdn/candy/backdrops/germany/german-courses-for-adults-mobile.webp);
}

#germanForCompaniesHero
{
 background-image:url(/cdn/candy/clouds/german/german-for-companies-cloud.webp), url(/cdn/candy/backdrops/germany/german-for-companies-mobile.webp);
}

#germanOnlineAdBegHero
{
 background-image:url(/cdn/candy/clouds/german/german-ad-beg-online-cloud.webp), url(/cdn/candy/backdrops/germany/german-ad-beg-online-mobile.webp);
}

#privateSchoolDeRedHero
{
 background-image:url(/cdn/candy/clouds/german/private-school-de-redange-cloud.webp), url(/cdn/candy/backdrops/germany/private-school-de-redange-mobile.webp);
}

#onlineAdvDeAdultsHero
{
 background-image:url(/cdn/candy/clouds/german/online-advanced-german-german-cloud.webp), url(/cdn/candy/backdrops/germany/online-advanced-german-german-mobile.webp);
}

#germanRedangeSchoolHero
{
 background-image:url(/cdn/candy/clouds/german/school-support-german-redange-cloud.webp), url(/cdn/candy/backdrops/germany/school-support-german-redange-mobile.webp);
}

#germanForFrenchHero
{
 background-image:url(/cdn/candy/clouds/german/german-for-native-french-speakers-cloud.webp), url(/cdn/candy/backdrops/germany/german-for-native-french-speakers-mobile.webp);
}

#germanAdBegGrHero
{
 background-image:url(/cdn/candy/clouds/german/adult-group-beg-german-cloud.webp), url(/cdn/candy/backdrops/germany/adult-group-beg-german-mobile.webp);
}

#germanAdAdGrHero
{
 background-image:url(/cdn/candy/clouds/german/adv-ad-group-german-cloud.webp), url(/cdn/candy/backdrops/germany/adv-ad-group-german-mobile.webp);
}
 
#llpHero
{
 background-image:url(/cdn/candy/clouds/common/de-fr-cloud.webp), url(/cdn/candy/backdrops/common/lets-learn-languages-desktop.webp);
}

#videoHeader,#resourcesHeader,#vocabHeader,#llpHeader
{
 padding:var(--ll-std-pad);
 display:flex;
 align-items:center;  
 justify-content:left;
}

#llpH1{margin:0;}

#topBlurb > h2{margin:0;}

#vocabHeader
{
 pointer-events:all;
 cursor:pointer; 
}

#vocabBlurb
{
 padding:var(--ll-std-pad); 
}

#filterBar
{
 padding:var(--ll-std-pad);
 background-color:var(--ll-blue);  
 color:var(--ll-pure-white);
 display:flex;
 align-items:center;
 justify-content:left;
}

#filterBar > div
{
 display:grid;
 grid-template-rows:1fr var(--ll-fontSize);  
}

#filterBar > div > span:not(:first-of-type)
{
 font-size:var(--ll-fontSize-minus2);
 text-align:center;
}

#filterBtn,#resFilterBtn,#vocabFilterBtn,#videoFilterBtn
{
 height:var(--ll-filter-button-xy);  
 width:var(--ll-filter-button-xy);
 background-image:url(../../cdn/buttons/filter.webp);
 background-size:contain;
 background-position:center;
 background-repeat:no-repeat;
 pointer-events:all;
 cursor:pointer;
}

#videoFilterBtn{background-image:url(../../cdn/buttons/videofilter.webp);}

#resFilterBtn{background-image:url(../../cdn/buttons/resfilter.webp);}

#vocabFilterBtn{background-image:url(../../cdn/buttons/vocabfilter.webp);}

.altcha
{
 max-width:100vw !important;
 width:100%;
 border-radius:var(--ll-std-radius) !important;
 margin-top:var(--ll-small-margin);
 margin-bottom:var(--ll-std-margin);   
 display:grid;
 grid-template-columns:10em 1fr;
 grid-gap:var(--ll-std-pad);
 padding:var(--ll-small-pad);
 border:1px solid var(--ll-light-blue);
 border-radius:var(--ll-small-radius);    
}

#acSlider
{
 height:3rem;
 background-color:var(--ll-very-light-green);
 border:1px solid var(--ll-very-light-white);
 border-radius:var(--ll-std-radius);    
 pointer-events:all;
 cursor:pointer;
 display:grid;
 grid-template-columns:repeat(2,1fr);
}

#acbLeft
{
 border-top-left-radius:var(--ll-std-radius);
 border-bottom-left-radius:var(--ll-std-radius);
 border:1px solid transparent;
 background-color:var(--ll-red);
}

#acbRight
{
 border-top-right-radius:var(--ll-std-radius);
 border-bottom-right-radius:var(--ll-std-radius);
 background-color:var(--ll-very-light-black);      
}

#acText
{
 display:flex;
 align-items:start;
 vertical-align:middle;
 padding:var(--ll-std-pad);
 padding-left:0;
}

.acVerified > #acbLeft{background-color:var(--ll-very-light-black) !important;}
.acVerified > #acbRight{background-color:var(--ll-lime) !important;}

#enrollData
{
 margin-left:var(--ll-small-margin);
 margin-right:var(--ll-small-margin);   
 padding-top:var(--ll-navbar-buffer-height);
}

body,html
{
 padding:0;
 margin:0;
 font-family:'Open Sans',sans-serif;
 scrollbar-color:transparent transparent;
 scroll-snap-type:mandatory;
 scrollbar-width:none;
 color:var(--ll-black);
 background-color:transparent;
}

#stage
{
 position:fixed;
 height:100vh;
 width:100vw; 
 left:0;
 background:var(--ll-podium-top-color);
 background:var(--ll-main-gradient);
}

#container
{
 position:fixed;
 left:0;
 top:0;
 width:100vw;
 height:100vh;
 overflow-y:scroll;
 scrollbar-width:none;  
 background:linear-gradient(to bottom, #8caed5, #ffffff); 
}  

.middled
{
 display:flex;
 align-items:center;
 justify-content:center;
}

.redText{color:red !important;font-weight:bold !important;}

.hiddenGrid{display:none !important;}
.shownGrid{display:grid !important;}

.ql-container{margin-top:var(--ll-big-margin) !important;}


.stdTopPad{padding-top:var(--ll-std-pad) !important;}

button
{
 border-style:none;
 outline-style:none;    
}

#navbar
{
 position:fixed;
 left:0;
 top:0;
 width:100vw; 
 height:var(--ll-navbar-height) !important;
 z-index:var(--ll-ZTop);
 display:grid;
 grid-template-columns:var(--ll-navbar-logo-xy) 1fr var(--ll-lang-flag-xy) var(--ll-burger-xy);
 grid-gap:var(--ll-std-pad);
 background-color:var(--ll-navbar-bg-color);
 padding:var(--ll-small-pad);
}

#navLogo
{
 background-image:url('https://921946745.r.cdnsun.net/cdn/assims/navbar/doublel.webp');
 background-size:contain;
 background-position:center;    
 background-repeat:no-repeat;
 pointer-events:all;
 cursor:pointer;
}

#navTitle
{
 display:flex;
 align-items:center;    
 justify-content:left;
 font-family:"Montserrat";
 font-size:var(--ll-fontSize-plus4);
 font-weight:bold;
 color:var(--ll-white);
}

#navBurger
{
 background-image:url('https://921946745.r.cdnsun.net/cdn/assims/navbar/burger.webp');
 background-size:contain;
 background-position:left center;    
 background-repeat:no-repeat;
 pointer-events:all;
 cursor:pointer;  
 margin-right:var(--ll-std-margin); 
}

#navFlag
{
  background-size:contain;
  background-position:left center;    
  background-repeat:no-repeat;
  transition:background-image 500ms ease-in-out;
  pointer-events:all;
  cursor:pointer;   
}

#navBarBuffer
{
 margin-top:var(--ll-navbar-height);
 padding-bottom:0;
}

#langsBtns
{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 border-style:none;
 margin-left:var(--ll-small-margin);
 margin-right:var(--ll-small-margin);
}
    
#langsBtns > div
{
 padding:var(--ll-std-pad);
 background-color:var(--ll-green);
 display:grid;
 grid-template-rows:6fr 4fr;
 grid-gap:5px;
 pointer-events:all;
 cursor:pointer;
}
 

.partCard
{
 border-radius:var(--ll-std-radius);
 background-color:var(--ll-dark-grey);
 color:var(--ll-white);
 perspective:40rem;
 position:relative;
}

.partCardImage
{
 border-top-left-radius:var(--ll-std-radius);
 border-top-right-radius:var(--ll-std-radius);   
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
 aspect-ratio:1/1;
 position:absolute;
 backface-visibility:hidden;  
 left:0;
 top:0;
 right:0;
 bottom:0;
}

.partCardIndex
{
 position:relative;
 width:100%;
 aspect-ratio:10/14;
 border-radius:var(--ll-std-radius);
 border:1px solid var(--ll-almost-black);
 overflow:hidden;  
 padding-bottom:var(--ll-std-pad);
 margin-bottom:var(--ll-std-margin);
}

.partCardIndexHeadersBox
{
 pointer-events:all;
 cursor:pointer; 
 padding-top:var(--ll-std-pad);
 padding-bottom:var(--ll-std-pad);
 align-items:center;
}

.partCardLauncher
{
 background-position:center;
 background-size:var(--ll-unbox-XY);
 min-height:var(--ll-unbox-XY);
 background-repeat:no-repeat;
 background-image:url(https://921946745.r.cdnsun.net/cdn/buttons/unpack.webp); 
 margin-top:var(--ll-std-margin);
 margin-bottom:var(--ll-std-margin);
}

.partCardIndexImage
{
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
 aspect-ratio:1/1;
}

.partCardIndexH1,.partCardIndexH2,.partCardIndexH3
{
 display:flex;
 align-items:center;  
 justify-content:center;
 font-size:var(--ll-fontSize);
 font-weight:bold;
 padding:0;
 margin:0;
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
}

.partCardIndexH2
{
 font-size:var(--ll-fontSize-minus4);
 font-weight:400;
 margin-left:var(--ll-small-margin);
 margin-right:var(--ll-small-margin);
}

.partCardIndexH3
{
 font-size:var(--ll-fontSize-minus5);
 font-weight:200; 
 margin-left:var(--ll-small-margin);
 margin-right:var(--ll-small-margin);
}


.partCardFlipper
{
 position:relative;
 transition:transform 0.8s;
 transform-style:preserve-3d;     
 width:100%;
 aspect-ratio:1/1; 
 overflow:visible;     
}

.pCFBMargin{margin-bottom:var(--ll-std-margin);}

.flipped{transform:rotateY(180deg);}

#pcIOne{background-image:url(https://921946745.r.cdnsun.net/cdn/classes/french-courses.webp);}
#pcITwo{background-image:url(https://921946745.r.cdnsun.net/cdn/classes/german-courses.webp);}
#pcIThree{background-image:url(https://921946745.r.cdnsun.net/cdn/classes/english-courses.webp);}

#pcICourses{background-image:url(https://921946745.r.cdnsun.net/cdn/assims/home/courses.webp);}
#pcIVideos{background-image:url(https://921946745.r.cdnsun.net/cdn/assims/home/videos.webp);}
#pcIGlossaries{background-image:url(https://921946745.r.cdnsun.net/cdn/assims/home/glossaries.webp);}



.partCard > img
{
 width:100%;
 border-top-left-radius:var(--ll-std-radius);
 border-top-right-radius:var(--ll-std-radius);
}

.partBlurb
{
 position:relative;
 padding:var(--ll-std-pad);
 padding-top:var(--ll-big-pad);
 font-size:var(--ll-fontSize-plus1p5);
 overflow-y:scroll;
}

.blurbText
{
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 overflow-y:scroll;
}

.blurbText > h1
{
 font-size:var(--ll-fontSize-plus3);
 padding:0;
 margin:0;
 margin-bottom:var(--ll-small-margin);
 text-align:center;
 color:var(--ll-light-green);
}

.blurbText > h2
{
 font-size:var(--ll-fontSize-minus1);
 font-weight:lighter;
 padding:0;
 margin:0;
 margin-bottom:var(--ll-small-margin);
 text-align:center;
 color:var(--ll-light-green);   
}

.blurbText > p
{
 line-height:1.5rem;
 text-align:justify;
 padding:var(--ll-3q-pad);
}

.blurbText > ul
{
 margin-left:var(--ll-std-margin);   
 margin-top:var(--ll-std-margin);
 list-style:square;    
}

#catchPhrase
{
 padding:var(--ll-big-pad);
 text-align:center;
 background-color:var(--ll-light-blue);
 color:black;
 font-size:2rem;
}

#footCTA
{
 padding:var(--ll-std-pad);
 background-color:var(--ll-light-orange);
 display:flex;
 align-items:center;   
 justify-content:center;
}

#readMoreCTA,#enrolCTA
{
 padding:var(--ll-small-pad);
 background-color:var(--ll-light-orange);
 display:flex;
 align-items:center;   
 justify-content:center; 
 position:fixed;
 left:0;
 bottom:0;
 right:0;
 height:var(--ll-readMore-CTA-height);
 z-index:var(--ll-ZTopMost);
}

#btnReadMoreCTA,#btnEnrolCTA
{
 padding:var(--ll-std-pad);
 border-radius:var(--ll-std-radius);
 background-color:var(--ll-black);
 color:var(--ll-white);
 font-weight:bold;
 font-size:var(--ll-fontSize-plus1);
 pointer-events:all;
 cursor:pointer;
}

.btnDisabled
{
 color:var(--ll-dark-grey) !important;
 pointer-events:none !important;
 cursor:default !important; 
}

#btnFootCTA
{
 padding:var(--ll-std-pad);
 border-radius:var(--ll-std-radius);
 background-color:var(--ll-black);
 color:var(--ll-white);
 font-weight:bold;
 font-size:var(--ll-fontSize-plus1);    
}

#letzAbilities
{
 display:grid;
 grid-template-columns:repeat(2,1fr);
 padding:var(--ll-std-pad);
 grid-gap:var(--ll-std-pad);
}

#letzAbilities > video 
{
 border-radius:var(--ll-std-radius);
 position:relative;
}

#challengeList
{
 padding:var(--ll-big-pad);
}

#challengeList > li{list-style:square;}

.legalese
{
 padding:var(--ll-std-pad); 
}

.legalese > h1,.legalese > h2
{
 margin:0;
 margin-top:var(--ll-std-pad);
 text-align:left;    
 font-size:var(--ll-fontSize-plus3);
 font-weight:bold;
}

.legalese > h1
{
 margin-top:calc(var(--ll-navbar-height) + var(--ll-std-margin));   
}

.legalese > h2
{
 font-size:var(--ll-fontSize-plus1);
 font-weight:300;
}

.legalese > p
{
 padding:0;
 margin:0;
 margin-top:var(--ll-small-margin);    
}

.legalese > ul
{
 margin-left:var(--ll-std-margin);   
 margin-top:var(--ll-std-margin);
 list-style:square;      
}

.legalese > p:first-of-type{margin-top:var(--ll-std-margin);}
.legalese > p:last-of-type{margin-bottom:var(--ll-std-margin);}

#address 
{
 line-height:1.5;
 font-size:var(--ll-fontSize-minus1);
 font-style:italic;    
 text-align:left;
 margin-top:var(--ll-std-margin);
}

#quickErrDialog,#confirmDialog,#readMoreDialog,#logInDialog,
#menuDialog,#langDialog,#piDialog
{
 align-items:center;
 justify-content:center;
 background-color:var(--ll-very-light-blue) !important;
 color:var(--ll-black);
 pointer-events:all;
 cursor:default;
 z-index: calc(2*var(--ll-ZTopMost));
 backdrop-filter:blur(1px);
 -webkit-backdrop-filter:blur(1px);
}

#quickHintDialog
{
 position:fixed;
 top:0;
 left:0;
 width:100vw;
 height:100vh;
 display:none;
 background-image:url(../../cdn/common/swipehint.gif);
 background-position:center;
 background-size:contain; 
 background-repeat:no-repeat;
 align-items:center;
 justify-content:center;
 background-color:transparent !important;
 z-index:calc(2*var(--ll-ZTopMost));
 backdrop-filter:blur(1px);
 -webkit-backdrop-filter:blur(1px);
}

#quickErrDialog{z-index:var(--ll-veryTop);}

#qedImage
{
 position:absolute;
 left:calc(50% - 3rem) !important;
 right:calc(50% - 3rem) !important;
 top:calc(50% - 7rem);
 height:4rem !important;
 background-size:contain;
 background-position:center;
 background-repeat:no-repeat;
 background-image:url(https://921946745.r.cdnsun.net/cdn/assims/warning.webp);
}

#errBox,#readMoreBox,#logInBox,#piEdBox,#filterBox
{
 position:fixed;
 left:20vw !important;
 right:20vw !important;
 top:20rem;
 height:10rem !important;
 border-radius:var(--ll-small-radius);
 background-color:var(--ll-dark-grey);
 opacity:1;
}

#filterBox
{
 height:var(--ll-filterBox-height) !important; 
 padding:var(--ll-std-pad);
 padding-bottom:var(--ll-big-pad);
 display:grid;
 grid-template-rows:var(--ll-fontSize) var(--ll-filter-dropbox-height) var(--ll-fontSize) var(--ll-filter-dropbox-height) var(--ll-fontSize) var(--ll-filter-dropbox-height) var(--ll-filter-button-xy);
 grid-gap:var(--ll-small-pad);
}

#filterBox span
{
 font-size:var(--ll-fontSize);
 font-weight:bold;
 color:var(--ll-light-green); 
}

#filterBox select
{
 width:100%;
 line-height:var(--ll-fontSize-plus2);
 border-radius:Var(--ll-big-radius);
 padding:var(--ll-small-pad);
}

#filter select > option{font-size:var(--ll-fontSize-1p5);}

#filterButtonsRow
{
 display:grid;
 grid-template-columns:repeat(2,1fr);
}

.filterButton
{
 padding:var(--ll-std-pad);
 font: size var(--ll-fontSize-plus2);
 display:flex;
 align-items:center;
 justify-content:center;
 pointer-events:all;
 cursor:pointer;
 background-color:var(--ll-very-light-white);
 color:var(--ll-black);
}

#filterFilter
{
 background-color:var(--ll-orange);
 border-top-right-radius:var(--ll-std-radius);
 border-bottom-right-radius:var(--ll-std-radius);
 font-weight:bold;
}

#filterClose
{
 border-top-left-radius:var(--ll-std-radius);
 border-bottom-left-radius:var(--ll-std-radius); 
}


#piEdBox
{
 background-color:var(--ll-black);
 color:var(--ll-pure-white);
 padding:var(--ll-std-pad);  
 display:flex;
 align-items:center;  
 justify-content:center;
 background-image:url(https://921946745.r.cdnsun.net/cdn/assims/closeoffset.webp);
 background-size:1rem;
 background-repeat:no-repeat;    
 background-position:top right;
 pointer-events:all;
 cursor:pointer;
}

#errBox
{
 background-image:url(https://921946745.r.cdnsun.net/cdn/assims/closeoffset.webp);
 background-size:1rem;
 background-repeat:no-repeat;    
 background-position:top right;
}

#confirmBox
{
 background-image:url(https://921946745.r.cdnsun.net/cdn/assims/closeoffset.webp);
 background-size:1rem;
 background-repeat:no-repeat;    
 background-position:top right;   
 position:fixed;
 left:20vw !important;
 right:20vw !important;
 top:30vh;
 height:30vh !important;
 border-radius:var(--ll-small-radius);
 background-color:var(--ll-dark-grey);
 color:var(--ll-pure-white);
 padding:var(--ll-small-pad);
 padding-top:var(--ll-std-pad);
 opacity:1;
 pointer-events:all;
 cursor:pointer;
}

#menuDialog,#langDialog
{
 align-items:flex-start;
 justify-content:right;
 background-color:transparent !important;
 opacity:1;
}

.lang{color:var(--ll-white) !important;}

#langBox{display:none;}

#langBox img
{
 width:1rem;
 height:auto;
}

#menuBox li,#langBox li
{
 list-style-type:none;
 margin-bottom:var(--ll-std-margin);
}

#readMoreBox
{
 height: calc(100vh - 15rem) !important;
 display:grid;
 grid-template-rows:1fr 5rem;
 top:5vh;
}

#logInBox
{
 /* padding:var(--ll-std-pad); */
 display:grid;
 grid-template-columns:1fr var(--ll-linear-button-width);
 height: 3rem !important;
}

#logInEmail
{
 border-style:none;
 outline-style:none;
 border-radius:var(--ll-small-radius);
 border-top-right-radius:0;
 border-bottom-right-radius:0;
 padding:var(--ll-small-pad);    
}

#logInButton
{
 background-size:contain;
 background-repeat:no-repeat;    
 background-image:url(https://921946745.r.cdnsun.net/cdn/assims/enter.webp);
 pointer-events:all;
 cursor:pointer;
}

#readMoreClose
{
 position:absolute;
 left:calc(100% - 0.75rem);
 top:-0.75rem;
 height:1.5rem;
 width:1.5rem;
 border-radius:100px;
 display:flex;
 align-items:center;
 justify-content:center;
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
 background-image:url(https://921946745.r.cdnsun.net/cdn/assims/close.webp);
 pointer-events:all;
 cursor:pointer;
}

#readMoreContent
{
 padding:var(--ll-std-pad);
 padding-top: 0;
 border-top-left-radius:var(--ll-std-radius);
 border-top-right-radius:var(--ll-std-radius);
 overflow-y:scroll;
}

#readMoreContent > p
{
 font-size:var(--ll-fontSize-plus1);
 margin-top:var(--ll-std-margin);    
 color:var(--ll-white);
}

#readMoreButtons
{
 border-bottom-left-radius:var(--ll-std-radius);   
 border-bottom-right-radius:var(--ll-std-radius);
 display:flex;
 align-items:center;  
 justify-content:space-around;
}

#readMoreButtons > button
{
 border-style:none;
 outline-style:none;
 padding:var(--ll-small-pad);
 border-radius:var(--ll-small-radius);
 background-color:var(--ll-orange);
 color:var(--ll-black);
 font-size:var(--ll-fontSize);
 font-weight:bold;
 pointer-events:all;   
 cursor:pointer;
}


#errContent
{
 display:flex;
 align-items:center;
 justify-content:center;
 color:var(--ll-white);
 padding: 1rem;
 padding-top:4rem;
}

.fullDia
{
 position:fixed;
 left:0;
 top:0;
 width:100vw;
 height:500vh;
 padding:var(--ll-small-pad);
 backdrop-filter:blur(2px);
 -webkit-backdrop-filter:blur(2px);
 color:var(--ll-very-light-green);
 font-size:var(--ll-fontSize-minus1);   
 display:none;
 z-index:1000;  
 opacity:0.95;
 pointer-events:all;
 cursor:pointer;
}

#hero
{
 position:relative;
}

.whatBox
{
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 text-align:center;
 color:var(--ll-black);
}

#h2Where
{
 margin:0;
 padding:0;
 font-size:var(--ll-fontSize-plus1p5);
}

#searchBox
{
 display:grid;
 grid-template-columns:1fr var(--ll-search-button-size);
 border-style:none;
 border-radius:var(--ll-std-radius);
 width:300px;
 max-width:70vw;
 margin:auto;
}

#langsBox
{
 background-color:var(--ll-trans-white);
 border-radius:var(--ll-std-radius);
 width:350px;
 max-width:70vw;
 margin:auto;  
 display:grid;
}

#h1What
{
 margin:0;
 padding:0;
 font-size:var(--ll-fontSize-plus3);
 font-weight:bold;
}

#learnWhat
{
 text-align:center;
 padding:var(--ll-xsmall-pad);
 font-size:var(--ll-fontSize-minus1);
 font-weight:bold;
}

#langsBtns > div > span:first-of-type
{
 background-position:center;
 background-repeat:no-repeat;    
 background-size:contain;
}

#learnFrench,#doLessons
{
 border-top-left-radius:var(--ll-std-radius);  
 border-bottom-left-radius:var(--ll-std-radius);
}

#learnFrench > span:first-of-type
{
 background-image:url(https://921946745.r.cdnsun.net/cdn/assims/common/fra.webp);  
}

#doLessons > span:first-of-type
{
 background-image:url(https://921946745.r.cdnsun.net/cdn/assims/home/dolessons.webp);  
}

#learnGerman,#doVideos
{
 background-color:var(--ll-blue) !important; 
 border-right:1px solid var(--ll-dark-grey);
 border-left:1px solid var(--ll-dark-grey);
}

#learnGerman > span:first-of-type
{
 background-image:url(https://921946745.r.cdnsun.net/cdn/assims/common/deu.webp);      
}

#doVideos > span:first-of-type
{
 background-image:url(https://921946745.r.cdnsun.net/cdn/assims/home/dovideos.webp);      
}

#learnEnglish,#doGlossaries
{
 border-top-right-radius:var(--ll-std-radius);  
 border-bottom-right-radius:var(--ll-std-radius);
}

#learnEnglish > span:first-of-type
{
 background-image:url(https://921946745.r.cdnsun.net/cdn/assims/common/eng.webp);        
}

#doGlossaries > span:first-of-type
{
 background-image:url(https://921946745.r.cdnsun.net/cdn/assims/home/doglossaries.webp);        
}

#inpSearch
{
 padding:var(--ll-std-pad);
 outline-style:none;
 border-style:none;
 border-top-left-radius:var(--ll-std-radius);
 border-bottom-left-radius:var(--ll-std-radius);
}

#spnSearch
{
 border-top-right-radius:var(--ll-std-radius);
 background-color:var(--ll-green);
 background-position:center;
 background-repeat:no-repeat;
 background-size:contain;
 background-image:url(https://921946745.r.cdnsun.net/cdn/assims/home/search.webp);
 pointer-events:all;
 cursor:pointer;
}

#participants
{
 padding:var(--ll-std-pad);
 background-color:var(--ll-very-light-blue);
 text-align:center;
}


.forceWhite{color:var(--ll-white) !important;}
.forceBlack{color:var(--ll-black) !important;}

.benefitsBlurb
{
 padding:var(--ll-std-pad);
}

.benefitsBlurb > p
{
 padding:0;
 margin:0;
 margin-bottom:var(--ll-std-margin);
}

.benefitsBlurb ul
{
 padding-left:var(--ll-std-pad);
 margin-bottom:var(--ll-std-margin);
}

.benefitsBlurb li
{
 list-style-type:square;
}

.flag
{
 height:1.5rem;
 width:auto;
 margin-right:var(--ll-std-margin);
}

.summaryBlock
{
 padding:var(--ll-big-pad);
}

.barBlock
{
 border-top:1px solid var(--ll-green);
}

.barkBlock:last-of-type
{
 margin-bottom:var(--ll-big-pad);    
}

.courseBlock{margin-right:var(--ll-std-pad);}

.course
{
 width:var(--ll-course-width);
 height:var(--ll-course-height);
 position:relative;
}

.xcourse
{
 height:var(--ll-xcourse-height);   
 grid-template-rows:var(--ll-course-image-height) 2rem 1fr;    
}

.course > button
{
 position:absolute;
 top:calc(var(--ll-course-image-height) - 2*var(--ll-std-pad));
 height:calc(2*var(--ll-std-pad) + var(--ll-fontSize-plus1));
 left:30%;
 right:30%;
 border-style:none;
 outline-style:none;
 border-radius:var(--ll-small-radius);
 background-color:var(--ll-orange);
 color:var(--ll-black);
 font-size:var(--ll-fontSize);
 font-weight:bold;
}

.xcourse > h1
{
 text-align:center;
 padding:0;
 margin:0;
 margin-top:var(--ll-big-margin);
 font-weight:bold;
 font-size:var(--ll-fontSize-plus1);
}

.course > img
{
 border-radius:var(--ll-small-radius);
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 object-fit:fill;
}

.course > div
{
 border-radius:var(--ll-small-radius);
 position:absolute;
 left:0;
 right:0;
 top:0;
 bottom:0;
 background-color:rgba(130,130,130,0.6);
 color:var(--ll-black);
 padding:var(--ll-std-pad);
 display:grid;
 grid-template-rows: 3rem 1fr 3rem;
}

.course > div > h3
{
 text-align:center;
 margin:0;
 padding:0;
 font-size:var(--ll-fontSize-plus1);
 font-weight:bold;    
}


.course > div > p
{
 font-size:var(--ll-fontSize-minus1);
 text-align:center;
}

.course > div > div
{
 display:flex;
 align-items:center;
 justify-content:center;
 padding-bottom:var(--ll-small-pad);
}

.course > div > div > button
{
 padding:var(--ll-std-pad);
 border-radius:var(--ll-std-radius);
 background-color:var(--ll-orange);    
 color:var(--ll-black);
 font-weight:bold;
 font-size:var(--ll-fontSize-plus1);
}

h3
{
 padding-left:var(--ll-big-pad);
 padding-top:var(--ll-std-pad);
 padding-bottom:var(--ll-std-pad);
 margin:0;
 font-weight:bold;
 font-size:var(--ll-fontSize-plus4);
}

#footerMenu
{
 background-color:var(--ll-dark-grey);
 border-top:1px solid var(--ll-very-light-black);
 color:var(--ll-white);    
 padding:var(--ll-std-pad);
 display:grid;
 padding-bottom:var(--ll-big-pad);
 position:fixed;
 z-index:var(--ll-ZTop);
 left:0;
 right:0;
 bottom:0;
 height:var(--ll-footerMenu-height);
 opacity:0.9;
}

#faceBookIcon{height:1.5rem !important;}

#footerMenuBuffer
{
 min-height:var(--ll-footerMenu-buffer);
 background-color:var(--ll-light-orange);
}

#footerMenu > div
{
 color:inherit !important;   
 text-align:center; 
 font-size:var(--ll-fontSize-minus2);
 pointer-events:all;
 cursor:pointer;
}

.slider-navigation-next, .slider-navigation-previous 
{
 opacity:0.2 !important;
}

.slider-navigation-next:hover,.slider-navigation-previous:hover{opacity:1 !important;}

.slider-navigation-previous{left:var(--ll-small-pad);}

#mainNav
{
 opacity:0.8;
 display:flex;
 align-items:center;
}

#mainNav > *
{
 min-height:var(--ll-navbar-height);   
 color:var(--ll-white);
}

.navbar-logo
{
 align-items:stretch;
 display:flex;
 flex-shrink:0;
 flex-grow:1; 
}

#navBody
{
 flex-grow:3;
 display:flex;
 align-items:center;
}

#navBody > a
{
 display:inline-block;
 color:var(--ll-white);
}

#navFixed
{
 flex-grow:1;
 display:flex;
 align-items:center;    
 justify-content:right;
}

#appNav{display:flex;}

#appNav *{color:var(--ll-white);}

#homeLink
{
 display:flex;
 align-items:center;
 justify-content:center;
}

 #localClassesInfo > h1
 {
  margin:0;
  margin-top:var(--ll-std-margin);
  margin-bottom:var(--ll-std-margin);
  padding:0;
  padding-left:var(--ll-std-pad);
  font-weight:bold;
  font-size:var(--ll-fontSize-plus1);
  text-align:left;    
 }

 #localClassesInfo > p
 {
  margin:0;
  margin-bottom:var(--ll-std-margin);
  padding:0;    
 }

 #lcBtnContainer
 {
  display:flex;
  align-items:center;    
  justify-content:cetner;
 }

 #btnLC_1
 {
  padding:var(--ll-std-pad);
  border-radius:var(--ll-small-radius);
  background-color:var(--ll-orange);
  color:var(--ll-black);
  font-weight:bold;
  font-size:var(--ll-fontSize-plus1);
  width:clamp(14rem,200px,15vw);
  margin:auto;
  margin-bottom:var(--ll-small-margin);    
 }

 .field select
 {
  width:100% !important;
  padding:var(--ll-small-pad);
  border-radius:var(--ll-small-radius);
 }

 .enrollLine{margin-top:var(--ll-small-margin);}

 #enrollButtons
 {
  margin:var(--ll-small-margin);
  display:grid;
  grid-template-columns:repeat(2,1fr);   
  grid-gap:var(--ll-std-margin); 
 }

 #doEnroll,#cancelEnroll
 {
  padding:var(--ll-std-pad);
  border-radius:var(--ll-small-radius);
  color:black;
  background-color:var(--ll-orange);
  font-size:var(--ll-fontSize-plus1);    
  font-weight:bold;
 }

 #cancelEnroll
 {
  background-color:var(--ll-very-light-black);
  font-weight:normal;    
 }

 #taParentNote
 {
  border-radius:var(--ll-small-radius);
  padding:var(--ll-small-pad);
  background-color:var(--ll-very-light-white);
  color:black;
  width: 100%;
 }

 #oldSchool,#contactUs,#coursesHero,#deCakesHero
 {
  background-size:cover;
  background-position:center;    
  background-repeat:no-repeat;
  background-image:url(https://921946745.r.cdnsun.net/cdn/assims/oldschool.webp);
  aspect-ratio:2.5/1;
 }

 #coursesHero
 {
  background-image:url(https://921946745.r.cdnsun.net/cdn/assims/courses/courses-fra.webp);
  aspect-ratio:6.35/1;
 }

 #deCakesHero
 {
  background-image:url(https://921946745.r.cdnsun.net/cdn/assims/resources/decakes.webp);
  aspect-ratio:6.35/2;
 }

 #deCakesHeader
 {
  padding:var(--ll-std-pad);
  padding-bottom:var(--ll-small-pad);
  display:flex;
  align-items:center;
  justify-content:center;
  border-bottom:1px solid var(--ll-pure-white);
 }

 #deCakesHeader h1
 {
  text-align:center;
  font-size:var(--ll-fontSize-plus4);
  font-weight:bold;
  margin:0;
  padding:0;
  margin-bottom:var(--ll-small-margin);
 }

 #deCakesHeader h2
 {
  text-align:center;
  font-size:var(--ll-fontSize-plus2);
  font-weight:bold;
  margin:0;
  padding:0;
 }

 .cakesBlurb p
 {
  padding:var(--ll-std-pad);
  padding-top:var(--ll-small-pad);
  padding-bottom:0;
 }

 .cakePanel
 {
  border-radius:var(--ll-small-radius);
  margin:var(--ll-small-margin);
  margin-bottom:var(--ll-big-margin);
  overflow:hidden;
 }

 .cakePanel > h1
 {
  margin:var(--ll-small-margin);
  text-align:center;
  font-size:var(--ll-fontSize-plus1);
  font-weight:bold;
 }

 .cakeBox
 {
  overflow:hidden;
  position:relative;
  padding:var(--ll-std-pad);
  border-radius:var(--ll-std-radius);
  border:1px solid var(--ll-dark-grey);
  height:15vh;
 }

 .cakeSlides
 {
  position:absolute;
  left:0;
  top:0;
  width:200vw;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  grid-gap:var(--ll-std-pad);
  height:15vh;
  overflow-y:scroll;
  transition:left 1s ease-in-out;
 }

 .cakeCircle 
 {
  width:4rem;
  height:4rem;
  float: left;
  margin-right:var(--ll-std-margin);
  -webkit-shape-outside: circle();
  shape-outside: circle();
  background:none;
  border:none;
}
 .cakeSlides > div
 {
  pointer-events:all;
  cursor:pointer;
  padding:var(--ll-std-pad);
  text-align:left;
 }

 .cakeSlides > div:last-of-type{padding-right:var(--ll-big-pad);}

 #glossaryHeader,#shortCutHeader,#videoBoxHeader
 {
  padding:var(--ll-std-pad);
  padding-bottom:var(--ll-small-pad);
  margin-bottom:var(--ll-small-margin);
  border-bottom:1px solid var(--ll-almost-black);
  background-color:var(--ll-almost-black);
  color:var(--ll-pure-white);
  display:flex;
  align-items:center;
  justify-content:left;
  pointer-events:all;
  cursor:pointer;
 }

 #videoBox
 {
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
 }

 #youTubeVideo
 {
  aspect-ratio:9/16;
  height:70vh;
  display:block;
  border-radius:var(--ll-std-radius);
 }

 #shortCutHeader{margin-bottom:0;}

 #glossaryH1,#shortCutH1
 {
  text-align:left;
  font-size:var(--ll-fontSize-plus3);
  font-weight:bold;
  margin:0;
  padding:0;
  display:inline;
  margin-bottom:var(--ll-small-margin);
 }

 #headerSpeaker
 {
  transform:rotate(-180deg);
  font-size:var(--ll-speaker-icon-size);
  display:inline-block;
  margin-left:var(--ll-small-margin);
 }

 #glossaryH2
 {
  text-align:left;
  font-size:var(--ll-fontSize);
  font-weight:bold;
  margin:0;
  padding:0;
  padding-left:var(--ll-small-pad);
  display:flex;
  align-items:center;
  justify-content:left;
  pointer-events:all;
  cursor:pointer;
 }

 #blurbArrow
 {
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  background-image:url(https://921946745.r.cdnsun.net/cdn/assims/common/arrowright.webp);
  display:inline-block;
  margin-left:var(--ll-small-margin);
  width:var(--ll-fontSize);
  height:var(--ll-fontSize);
  transition:transform 0.5s ease-in-out;
 }

 .blurbArrowDrop
 {
  transform:rotate(90deg);
 }

 #blurb
 {
  margin-bottom:var(--ll-small-margin);
  display:grid;
  grid-template-rows:0;
  overflow:hidden;
  transition:grid-template-rows 1s ease-in-out
 }

 #blurb > div{padding:var(--ll-small-pad);}

 .blurbDrop
 {
  grid-template-rows:1fr !important;
 }

 #glossaryFilterSlider
 {
  position:relative;
  height:calc(var(--ll-glossary-filters-height));
  pointer-events:all;
  cursor:pointer;
  overflow-x:scroll;
  overflow-y:hidden;
 }

 #glossaryFilters
 {
  position:absolute;
  left:0;
  top:0;
  height:calc(var(--ll-glossary-filters-height));
  width:100vw;
  border-top:1px solid var(--ll-almost-black);
  padding:0;
  margin:0;
  padding-top:var(--ll-tiny-pad);
  overflow-x:scroll;
  overflow-y:hidden;
  pointer-events:all;
  cursor:pointer;
  display:grid;
  grid-template-columns:repeat(2,1fr);
 }

 .glossaryFilter
 {
  pointer-events:all;
  cursor:pointer;
  display:grid;
  grid-template-rows:var(--ll-glossaryFilter-xy) 1fr;
  aspect-ratio:10/14;
 }

 .glossaryFilterBox
 {
  display:inline-block;
  width:var(--ll-glossaryFilter-xy);
 }

 #glossaryListBox
 {
  border-top:1px solid var(--ll-almost-black);
  overflow-y:scroll;
  position:relative;
 }

 .glossaryFilterImage
 {
  width:auto;
  height:var(--ll-glossaryFilter-xy);
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
 }

 .glossaryFilterCaption
 {
  font-family:'Varta';
  font-size:var(--ll-fontSize-fbc);
  display:block;
  text-align:center;
  line-height:1em;
 }

 .glossaryTerm
 {
  display:grid;
  aspect-ratio:10/13;
  grid-template-rows:1fr var(--ll-fontSize-plus3);
  pointer-events:all;
  cursor:pointer;
  border:1px solid var(--ll-almost-black);
  border-radius:var(--ll-std-radius);
  padding-bottom:var(--ll-std-pad);
 }

 .altBlue{background-color:var(--ll-light-blue);}
 .altOrange{background-color:var(--ll-light-orange);}



 .glossaryTermImage
 {
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
 }

 .glossaryTermCaption
 {
  font-family:'Varta';
  font-size:var(--ll-fontSize-plus1);
  font-weight:bold;
  display:block;
  text-align:center;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
 }

 #contactUs{background-image:url(https://921946745.r.cdnsun.net/cdn/assims/contactus.webp);}

 .coursePanel > details
 {
  border-radius:var(--ll-std-radius);
  padding:var(--ll-small-pad);
  background-color:var(--ll-very-light-blue);
  color:black;
  pointer-events:none;
 }

 .mobCoursePanel > details
 {
  padding:var(--ll-small-pad);
  background-color:var(--ll-very-light-blue);
  max-height:12rem;
  transition:max-height 1s ease-in-out;
  overflow:hidden;
 }

 .mobCoursePanel > details[open]
 {
  max-height:100rem;
  transition:max-height 2s ease-in-out;  
 }

 .coursePanel > details:nth-child(2n),.mobCoursePanel > details:nth-child(2n){background-color:var(--ll-very-light-orange);}

 .coursePanel > details > summary,.mobCoursePanel > details > summary
 {
  padding:var(--ll-small-pad);  
  border-bottom:1px solid var(--ll-very-light-black);
  list-style:none;  
 }

 .coursePanel > details[open] > summary,.mobCoursePanel > details[open] > summary
 {
  margin-bottom:var(--ll-std-margin);  
 }

 .courseSummary
 {
  display:grid;
  grid-template-rows:repeat(2,1fr);
  border-top-left-radius:var(--ll-std-radius);
  border-top-right-radius:var(--ll-std-radius);
 }

 .courseSummary > h1,.courseSummary > h2
 {
  margin:0;
  margin-bottom:var(--ll-small-margin);
  padding:0;    
  text-align:left;
 }

 .courseSummary > h1
 {
  font-size:var(--ll-fontSize-plus4);
  font-weight:bold;
  display:grid;
  grid-template-columns:4fr 1fr;
 }

 .courseSummary > h1 > div
 {
  background-size:contain;
  background-position:right center;    
  background-repeat:no-repeat;
 }

 .courseSummary > h2
 {
  font-size:var(--ll-fontSize);
  font-weight:lighter;  
 }

 .courseInfoBox

 {
  height:var(--ll-courseInfo-height);
  display:grid;
  grid-template-columns:repeat(7,1fr);
 }

 .courseDetail
 {
  padding:var(--ll-small-pad);    
 }

 .courseInfoItem
 {
  display:grid;
  grid-template-rows:3fr 1fr;
  height:var(--ll-courseInfo-height);    
  width:var(--ll-courseInfo-height);
 }

 .courseInfoItem > span:first-of-type
 {
  background-size:contain;
  background-repeat:no-repeat;    
  background-position:center;
 }

 .courseInfoItem > span:last-of-type
 {
  text-align:center;  
  font-size:var(--ll-fontSize-minus3);
  font-weight:bold;  
 }

 .descr > p
 {
  margin:0;
  padding:0;
  margin-bottom:var(--ll-small-margin);   
 }

 .descr > p:first-of-type{margin-top:var(--ll-small-margin);}

 .bDiv
 {
  margin-top:var(--ll-small-margin);
  padding:var(--ll-small-pad);
  display:flex;
  align-items:center;    
  justify-content:center;
  vertical-align:middle;
 }

 .bDiv > button
 {
  border-radius:var(--ll-small-radius);
  background-color:var(--ll-orange);
  color:var(--ll-black);
  font-weight:bold;
  font-size:var(--ll-fontSize-plus1);
  padding:var(--ll-std-pad);
  padding-top:var(--ll-small-pad);    
  padding-bottom:var(--ll-small-pad);
  pointer-events:all;
  cursor:pointer;
 } 


 .coursePanel > details > summary::marker
 {
  display:none;
  content:'';
  list-style:none;
 }
 
 .coursePanel > details > summary::-webkit-details-marker
 {
  display:none;
  content:'';
  list-style:none;
 }

 #flashBox
 {
  position:fixed;
  top:8rem;
  left:calc(50% - 11rem);
  right:calc(50% - 11rem);
  height:4rem;
  background-color:var(--ll-low-trans-black);
  color:var(--ll-pure-white);
  padding:var(--ll-std-pad);
  border-radius:var(--ll-small-radius);
  display:flex;
  align-items:center;
  vertical-align:middle;   
  z-index:calc(2*var(--ll-ZTopMost)); 
  display:none;
 }

 #mainFlash
 {
  margin-top:var(--ll-std-margin);
  margin-bottom:var(--ll-std-margin);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:var(--ll-fontSize-minus1);
 }

 #flashText
 {
  font-size:var(--ll-fontSize);
  font-weight:bold;
 }

 #inscrEnd
 {
  animation:color-change 1s;
  animation-iteration-count:3;
 }

 @keyframes color-change 
 {
  0%{color:red;}
  50%{color:lime;}
  100%{color:red;}
 }

 #aboutDiv
 {
  display:grid;
  margin-top:var(--ll-small-margin);
  grid-template-columns:var(--ll-aboutPhoto-width) 1fr;
  grid-gap:var(--ll-small-pad);    
 }

   
@media(min-width:641px) 
{
.whatBox{ padding-top:calc(var(--ll-navbar-height) + var(--ll-big-pad));}

.partCardIndexH1{font-size:var(--ll-fontSize-plus1);}

.playBtn
{
 background-size:contain;
 background-position:center;
 background-repeat:no-repeat;
 background-image:url(https://921946745.r.cdnsun.net/cdn/assims/play.webp);
}

#llpHero
{
 background-image:url(/cdn/candy/clouds/common/de-fr-cloud.webp), url(/cdn/candy/backdrops/common/lets-learn-languages-mobile.webp);
}

#allFrenchCoursesHero
{
 background-image:url(/cdn/candy/clouds/french/all-french-courses-cloud.webp), url(/cdn/candy/backdrops/france/all-french-courses-desktop.webp);
}

#frenchOnlineCourseBeginnerHero
{
 background-image:url(/cdn/candy/clouds/french/online-french-course-beginners-cloud.webp), url(/cdn/candy/backdrops/france/online-french-beginners-course-desktop.webp); 
}


#frenchOnlineCourseAdvancedHero
{
 background-image:url(/cdn/candy/clouds/french/online-french-course-advanced-cloud.webp), url(/cdn/candy/backdrops/france/online-french-advanced-course-desktop.webp); 
}

#allFrenchSchoolSupportHero
{
  background-image:url(/cdn/candy/clouds/french/all-french-school-support-cloud.webp), url(/cdn/candy/backdrops/france/all-french-school-support-desktop.webp); 
}

#pvtSchoolSupportRedFrHero
{
 background-image:url(/cdn/candy/clouds/french/private-school-support-redange-french-cloud.webp), url(/cdn/candy/backdrops/france/private-school-support-redange-french-desktop.webp); 
}

#groupSchoolSupportArsFrHero
{
  background-image:url(/cdn/candy/clouds/french/group-school-support-arsdorf-french-cloud.webp), url(/cdn/candy/backdrops/france/group-schoo-support-arsdorf-french-desktop.webp); 
}

#allFrenchAdultHero
{
  background-image:url(/cdn/candy/clouds/french/all-adult-french-courses-cloud.webp), url(/cdn/candy/backdrops/france/all-french-adult-courses-desktop.webp); 
}

#frenchPrivateHero
{
  background-image:url(/cdn/candy/clouds/french/french-private-course-cloud.webp), url(/cdn/candy/backdrops/france/french-private-course-desktop.webp); 
}

#adultFrenchBeginnnersHero
{
 background-image:url(/cdn/candy/clouds/french/adult-french-beginners-cloud.webp), url(/cdn/candy/backdrops/france/adult-french-beginners-desktop.webp);  
}

#adultFrenchAdvancedHero
{
 background-image:url(/cdn/candy/clouds/french/adult-french-advanced-cloud.webp), url(/cdn/candy/backdrops/france/adult-french-advanced-desktop.webp);  
}

#frenchForCompaniesHero
{
 background-image:url(/cdn/candy/clouds/french/french-courses-for-companies-cloud.webp), url(/cdn/candy/backdrops/france/french-courses-for-companies-desktop.webp);  
}

#frenchForGermanSpeakersHero
{
 background-image:url(/cdn/candy/clouds/french/french-for-german-speakers-cloud.webp), url(/cdn/candy/backdrops/france/french-for-german-speakers-desktop.webp);   
}

#allGermanCoursesHero
{
 background-image:url(/cdn/candy/clouds/german/all-german-courses-cloud.webp), url(/cdn/candy/backdrops/germany/all-german-courses-desktop.webp);
}

#germanSchoolSupportHero
{
 background-image:url(/cdn/candy/clouds/german/school-support-german-cloud.webp), url(/cdn/candy/backdrops/germany/school-support-german-desktop.webp);
}

#germanAdultCoursesHero
{
 background-image:url(/cdn/candy/clouds/german/german-courses-for-adults-cloud.webp), url(/cdn/candy/backdrops/germany/german-courses-for-adults-desktop.webp);
}

#germanForCompaniesHero
{
 background-image:url(/cdn/candy/clouds/german/german-for-companies-cloud.webp), url(/cdn/candy/backdrops/germany/german-for-companies-desktop.webp);
}

#germanOnlineAdBegHero
{
 background-image:url(/cdn/candy/clouds/german/german-ad-beg-online-cloud.webp), url(/cdn/candy/backdrops/germany/german-ad-beg-online-desktop.webp);
}

#privateSchoolDeRedHero
{
 background-image:url(/cdn/candy/clouds/german/private-school-de-redange-cloud.webp), url(/cdn/candy/backdrops/germany/private-school-de-redange-desktop.webp);
}

#onlineAdvDeAdultsHero
{
 background-image:url(/cdn/candy/clouds/german/online-advanced-german-german-cloud.webp), url(/cdn/candy/backdrops/germany/online-advanced-german-german-desktop.webp);
}

#germanRedangeSchoolHero
{
 background-image:url(/cdn/candy/clouds/german/school-support-german-redange-cloud.webp), url(/cdn/candy/backdrops/germany/school-support-german-redange-desktop.webp);
}

#germanForFrenchHero
{
 background-image:url(/cdn/candy/clouds/german/german-for-native-french-speakers-cloud.webp), url(/cdn/candy/backdrops/germany/german-for-native-french-speakers-desktop.webp);
}

#germanAdBegGrHero
{
 background-image:url(/cdn/candy/clouds/german/adult-group-beg-german-cloud.webp), url(/cdn/candy/backdrops/germany/adult-group-beg-german-desktop.webp);
}

#germanAdAdGrHero
{
 background-image:url(/cdn/candy/clouds/german/adv-ad-group-german-cloud.webp), url(/cdn/candy/backdrops/germany/adv-ad-group-german-desktop.webp);
}
 
#topBlurb
{
 max-height:unset;
 margin-bottom:var(--ll-std-margin);
}

#err404
{
 background-image:url(https://921946745.r.cdnsun.net/cdn/letz/404wide.webp);
 aspect-ratio:3/1;
}

#offerings{display:none;}

#courseInfo > h1
{
 font-size:var(--ll-fontSize-plus3);
 margin-bottom:0;
}

#courseInfo > div{padding:var(--ll-std-pad);}

#courseInfo > ul{margin-left:var(--ll-std-margin);}

#mobileFilters
{
 grid-gap:var(--ll-std-margin);
 padding-left:10vw;
 padding-right:10vw;
 padding-top:var(--ll-std-margin); 
 padding-bottom:var(--ll-std-margin);
 background-color:var(--ll-trans-white);
}

#shortCutBox
{
 width:80vw;
 margin:auto;
 margin-top:var(--ll-std-margin);
 border-radius:var(--ll-small-radius);
}

.shortCuts
{
 grid-template-columns:repeat(4,1fr);  
}

.shortCuts:first-of-type 
{
 border-top-left-radius:var(--ll-small-radius); 
 border-top-right-radius:var(--ll-small-radius);
}


.shortCuts:last-of-type
{
 border-bottom-left-radius:var(--ll-small-radius);  
 border-bottom-right-radius:var(--ll-small-radius); 
}

.radioBtn
{
 border-radius:var(--ll-std-radius);
 border-style:none;  
 background-color:var(--ll-light-orange);
}

.radioBtn:hover{outline:2px ridge var(--ll-orange);}

.radioAlt:hover{outline:2px ridge var(--ll-blue) !important;}

.radioAlt{background-color:var(--ll-light-blue);}

#vocabHeader
{
 pointer-events:unset;
 cursor:unset; 
}

#letzH1,#letzH2{padding-left:var(--ll-std-pad);}
    
 #langsBox{grid-template-rows:var(--ll-catchphrase-height) 6rem var(--ll-whatlearn-height);}

 #langsBtns > div
 {
  padding:var(--ll-std-pad);
  background-color:var(--ll-green);
  pointer-events:all;
  cursor:pointer;
 }

 .cakesBlurb p 
 {
  padding:var(--ll-std-pad);
  padding-bottom:0 !important;
  margin:0 !important;
 }

 .cakeCircle 
 {
  width:7vw;
  height:7vw;
 }

 .cakeBox{padding:0 !important;}

 .cakeSlides,.cakeBox
 {
  height:unset;
  overflow:hidden;
 }

 .cakeSlides
 {
  width:unset;
  position:relative;
  grid-gap:0 !important;
 }

 .cakeSlides > div:first-of-type
 {
  padding-right:0 !important;
  border-right:1px dotted var(--ll-very-light-black);
 }

 .cakeSlides > div:last-of-type{padding-right:var(--ll-std-pad);}
    
 #langsBtns > div > span:last-of-type
 {
  display:flex;
  align-items:center;    
  justify-content:center;
  align-self:center;
  font-size:var(--ll-fontSize-minus1);
  font-weight:bold;
  font-family:'varta';
 }
 
 .partCards2,.partCards3,.dashCards
 {
  padding:var(--ll-big-pad);
  background-color:transparent;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-gap:var(--ll-std-pad);
 }

 .partCards2{grid-template-columns:repeat(2,1fr);}

 .flipHint{display:none;}

 .partCardDetail{display:none;}

 .partCardImage{position:relative;}
 .blurbText
 {
  position:relative;
  overflow-y:auto;
 }

 .partBlurb
 {
  overflow:auto;
 }

 .partCTA
{
 position:absolute;
 left:30%;
 right:30%;
 top:95%;
 height:3rem;
 border-style:none;
 border-radius:var(--ll-std-radius);
 background-color:var(--ll-orange);
 font-weight:bold;
 pointer-events:all;
 cursor:pointer;
}


 #enrollConditions
 {
  margin-top:var(--ll-std-margin);
  padding:var(--ll-std-pad);
  padding-top:var(--ll-small-pad);
  border-top:1px solid var(--ll-dark-grey);    
 }

 .enrollLine
 {
  display:grid;
  grid-template-columns:repeat(2,1fr);  
  grid-gap:var(--ll-small-margin);
 }

 .xLine{display:block !important;}

 #enrollButtons
 {
  margin:auto;
  width:60vw;
  display:flex;
  align-items:center;
  justify-content:space-around;
 }

 .xCarousel{padding-left:var(--ll-big-pad);}

 .slider-navigation-next{right:calc(var(--ll-small-pad) + var(--ll-big-pad));}

 #burgerButton{display:none;}

 #footerMenu{grid-template-columns:repeat(4,1fr) 2rem;}

 #faceBookIcon{height:1.5rem !important;}

 .coursePanel
 {
  display:grid;
  grid-template-columns:repeat(3,1fr);    
  grid-gap:var(--ll-small-pad);
  padding:var(--ll-small-pad);
  margin:0;
 }

 #coursesHero > h1
 {
  margin:0;
  padding:0;
  padding-top:var(--ll-big-pad);
  font-size:var(--ll-fontSize-plus4);
  font-weight:bold;    
  text-align:center;
  color:var(--ll-pure-white) !important;
 }

 :root
 {
  --ll-base-width:var(--ll-640w-base);  
  --ll-course-width:30vw;
  --ll-course-height:calc(var(--ll-course-width)*501/720);
  --ll-dashCard-xy:calc((100vw - 2*var(--ll-big-pad) - 2*var(--ll-std-pad))/3);
  --ll-dash-play-width:clamp(32px,3rem,10vw);
  --ll-course-card-width:clamp(40vw,40rem,520px);
  --ll-course-card-margin:var(--ll-std-margin);
  --ll-footerMenu-height:calc(2*var(--ll-std-pad) + var(--ll-fontSize-plus2));
 }
} 

@media(max-width:640px){
 .whatBox{ padding-top:calc(var(--ll-navbar-height) + var(--ll-small-pad));}

 #offerings
 {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  min-height:var(--ll-mobile-offers-height);
 }

 .offer
 {
  display:grid;
  grid-template-rows:7fr 3fr;
  pointer-events:all;
  cursor:pointer;
  padding:var(--ll-small-pad);
  background-color:var(--ll-blue);
 }

 .offer:nth-of-type(2n){background-color:var(--ll-orange);}

 .offer > span:first-of-type
 {
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
 }

 .offer > span:last-of-type
 {
  display:flex;
  align-items:center; 
  justify-content:center;
  font-weight:bold;
  font-family:'varta';
 }

 #offerCourses > span:first-of-type{background-image:url(https://921946745.r.cdnsun.net/cdn/assims/home/dolessons.webp);}
 #offerVideos > span:first-of-type{background-image:url(https://921946745.r.cdnsun.net/cdn/assims/home/dovideos.webp);}
 #offerGlossaries > span:first-of-type{background-image:url(https://921946745.r.cdnsun.net/cdn/assims/home/doglossaries.webp);}

 #langsBox{grid-template-rows:var(--ll-catchphrase-height) 4rem var(--ll-whatlearn-height);}

 #flashBox{top:3rem;}

 #confirmBox
 {
  left:10vw !important;
  right:10vw !important;      
  top:var(--ll-navbar-buffer-height);
  height:calc(90vh - var(--ll-navbar-buffer-height)) !important;    
 }

 #participants > p:last-of-type
 {
  margin-top:var(--ll-big-margin);   
 }

 #langsBtns > div > span:last-of-type
 {
  font-size:var(--ll-fontSize-minus3);
 }
    

 .partCards2,.partCards3,.dashCards
 {
  padding:var(--ll-std-pad);  
  padding-bottom:var(--ll-small-pad);
  display:block !important;   
 }

 .glossaryTerm{margin-bottom:var(--ll-small-margin);}

 .partCard{margin-bottom:var(--ll-std-margin);}

 .partCardImage
 {
  border-bottom-left-radius:var(--ll-std-radius);
  border-bottom-right-radius:var(--ll-std-radius);      
  pointer-events:all;
  cursor:pointer;
 }

 @keyframes flipEx
 {
  0% {filter:invert(0%);}    
  25% {filter:invert(50%);}
  50% {filter:invert(100%);}
  75% {filter:invert(25%);}
  100% {filter:invert(0%);}
 }

 .flipHint,.moreBtn,.playBtn
 {
  position:absolute;    
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  background-image:url(https://921946745.r.cdnsun.net/cdn/assims/readmore.png);
  right:1rem;
  bottom:1rem;
  width:1.5rem;
  height:1.5rem;
  animation:flipEx 4s infinite;
 }

 .moreBtn,.playBtn
 {
  pointer-events:all;
  cursor:pointer; 
  height:2rem;
  width:2rem;   
 }

 .playBtn{background-image:url(https://921946745.r.cdnsun.net/cdn/assims/play.webp);}

 .partCardDetail
{
 pointer-events:all;
 cursor:pointer;
 backface-visibility:hidden;  
 transform:rotateY(180deg);
 background-color:var(--ll-dark-grey) !important; 
 border-radius:var(--ll-std-radius);
 padding:var(--ll-small-pad);
 position:absolute;
 left:0;
 top:0;
 right:0;
 bottom:0;
 aspect-ratio:1/1;  
}

.partBlurb{display:none;}

 #letzAbilities{display:block !important;}

 .xCarousel{padding:0;}

 .slider-navigation-next{right:var(--ll-small-pad);}

 #navBody{display:none;}

 #burgerButton{display:flex;}

 #footerMenu
 {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  grid-gap:var(--ll-std-pad);
  text-align:center;  
  position:unset;
 }

  #footerMenu > div
 {
  display:flex;
  align-items:center;  
  vertical-align:top;
 }

 #coursesHero > h1
 {
  margin:0;
  padding:0;
  padding-top:var(--ll-std-pad);
  font-size:var(--ll-fontSize-plus3);
  color:var(--ll-white);
  font-weight:bold;    
  text-align:center;
  color:var(--ll-pure-white) !important;
 }

 .coursSummary > h1
 {
  position:relative;  
 }

 .courseSummary > h1 > span:first-of-type
 {
  font-size:var(--ll-fontSize-plus1);
  font-weight:bold;
  margin-right:var(--ll-std-margin);  
 }

 details[open] > summary > .courseSummary > h1 > span:first-of-type
 {
  rotate:90deg;
  writing-mode:vertical-rl; 
 }

 #aboutDiv{display:block !important;}

 #aboutPhoto{height:var(--ll-aboutPhoto-height) !important;}


 :root
 {
  --ll-base-width:var(--ll-640w-base);  
  --ll-course-width:100vw;
  --ll-course-height:calc(var(--ll-course-width)*501/720);
  --ll-dashCard-xy:calc(100vw - 2*var(--ll-std-pad));
  --ll-dash-play-width:clamp(32px,3rem,20vw);
  --ll-course-card-width:calc(100vw - 2*var(--ll-small-margin));
  --ll-course-card-margin:0;
  --ll-footerMenu-height:calc(3*var(--ll-std-pad) + 2*var(--ll-fontSize-plus2) + 2rem);
  --ll-aboutPhoto-height:clamp(10vh,5rem,200px);
  --ll-burger-xy:clamp(32px,10vw,64px);   
  --ll-lang-flag-xy:clamp(16px,3.5vw,36px);
 
 }
}

@media(max-width:320px)
{

  #faceBookIcon{height:1rem !important;}    
 :root
 {   
  --ll-base-width:var(--ll-320w-base);   
  --ll-courseInfo-height:calc(2rem + var(--ll-base-width));
  --ll-fontSize-minus4:0.6rem;
 --ll-fontSize-minus3:0.62rem;
 --ll-fontSize-minus2:0.75rem;
 --ll-fontSize-minus1:0.85rem;
 --ll-fontSize-minus05:0.9rem;
 --ll-fontSize:calc(0.9rem + var(--ll-base-width));
 --ll-fontSize-plus1:calc(0.95rem + var(--ll-base-width));
 --ll-fontSize-plus1p5:calc(1rem + var(--ll-base-width));
 --ll-fontSize-plus2:calc(1.05rem + var(--ll-base-width));
 --ll-fontSize-plus3:calc(1.1rem + var(--ll-base-width));
 --ll-fontSize-plus4:calc(1.2rem + var(--ll-base-width));
 --ll-fontSize-plus5:calc(1.25rem + var(--ll-base-width));
 --ll-fontSize-plus20:calc(3rem + var(--ll-base-width));;
 --ll-fontSize-plus25:calc(2rem + var(--ll-base-width));
 --ll-footerMenu-height:calc(4*var(--ll-std-pad) + 3*var(--ll-fontSize-plus2) + 2rem);
 } 
}

@media(min-width:900px)
{
 .partCardIndexH1{font-size:var(--ll-fontSize-plus1);} 
}