.elementor-10596 .elementor-element.elementor-element-1fc87bb{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10596 .elementor-element.elementor-element-6ae1923{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10596 .elementor-element.elementor-element-4f17a01{--display:flex;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-10596 .elementor-element.elementor-element-4f17a01:not(.elementor-motion-effects-element-type-background), .elementor-10596 .elementor-element.elementor-element-4f17a01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-10596 .elementor-element.elementor-element-fc92804{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0em 0em 0em 0em;text-align:start;}.elementor-10596 .elementor-element.elementor-element-fc92804.elementor-element{--align-self:flex-start;}.elementor-10596 .elementor-element.elementor-element-fc92804 img{width:150px;max-width:150px;}.elementor-10596 .elementor-element.elementor-element-7352b26{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:1em;--padding-right:0em;}.elementor-10596 .elementor-element.elementor-element-7352b26.e-con{--align-self:flex-start;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-10596 .elementor-element.elementor-element-afa9a5b .elementor-button{background-color:#FAFAFA00;font-family:"Sarabun", Sans-serif;font-size:0.8em;font-weight:200;text-transform:uppercase;font-style:normal;text-decoration:none;letter-spacing:0.5px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );padding:0px 0px 0px 0px;}.elementor-10596 .elementor-element.elementor-element-afa9a5b{width:100%;max-width:100%;}.elementor-10596 .elementor-element.elementor-element-afa9a5b .elementor-button:hover, .elementor-10596 .elementor-element.elementor-element-afa9a5b .elementor-button:focus{color:var( --e-global-color-text );}.elementor-10596 .elementor-element.elementor-element-afa9a5b .elementor-button:hover svg, .elementor-10596 .elementor-element.elementor-element-afa9a5b .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-10596 .elementor-element.elementor-element-b48a511 .elementor-button{background-color:#FAFAFA00;font-family:"Sarabun", Sans-serif;font-size:0.8em;font-weight:200;text-transform:uppercase;font-style:normal;text-decoration:none;letter-spacing:0.5px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );padding:0px 0px 0px 0px;}.elementor-10596 .elementor-element.elementor-element-b48a511{width:100%;max-width:100%;}.elementor-10596 .elementor-element.elementor-element-b48a511 .elementor-button:hover, .elementor-10596 .elementor-element.elementor-element-b48a511 .elementor-button:focus{color:var( --e-global-color-text );}.elementor-10596 .elementor-element.elementor-element-b48a511 .elementor-button:hover svg, .elementor-10596 .elementor-element.elementor-element-b48a511 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-10596 .elementor-element.elementor-element-b706815{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-10596 .elementor-element.elementor-element-410a827 .elementor-button{background-color:#FAFAFA00;font-family:"Migra", Sans-serif;font-size:0.7em;font-weight:200;letter-spacing:0px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );padding:0px 0px 0px 0px;}.elementor-10596 .elementor-element.elementor-element-410a827 .elementor-button:hover, .elementor-10596 .elementor-element.elementor-element-410a827 .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-10596 .elementor-element.elementor-element-410a827 .elementor-button:hover svg, .elementor-10596 .elementor-element.elementor-element-410a827 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-10596 .elementor-element.elementor-element-90a2f5f .elementor-button{background-color:#FAFAFA00;font-family:"Migra", Sans-serif;font-size:0.7em;font-weight:200;letter-spacing:0px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );padding:0px 0px 0px 0px;}.elementor-10596 .elementor-element.elementor-element-90a2f5f .elementor-button:hover, .elementor-10596 .elementor-element.elementor-element-90a2f5f .elementor-button:focus{color:var( --e-global-color-text );}.elementor-10596 .elementor-element.elementor-element-90a2f5f .elementor-button:hover svg, .elementor-10596 .elementor-element.elementor-element-90a2f5f .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-10596 .elementor-element.elementor-element-ab5c5b0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-10596 .elementor-element.elementor-element-ab5c5b0:not(.elementor-motion-effects-element-type-background), .elementor-10596 .elementor-element.elementor-element-ab5c5b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-10596 .elementor-element.elementor-element-5a68288{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );color:var( --e-global-color-primary );}.elementor-10596 .elementor-element.elementor-element-e147396 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:2.5em;font-weight:600;text-transform:uppercase;font-style:normal;text-decoration:none;color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10596 .elementor-element.elementor-element-7f9bf0a{color:var( --e-global-color-primary );}.elementor-10596 .elementor-element.elementor-element-319ce87{--display:flex;--justify-content:space-between;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;box-shadow:0px 0px 15px 10px rgba(0,0,0,0.5);--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-10596 .elementor-element.elementor-element-319ce87:not(.elementor-motion-effects-element-type-background), .elementor-10596 .elementor-element.elementor-element-319ce87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-10596 .elementor-element.elementor-element-c5cfd4b:hover{background-image:url("https://i0.wp.com/luago.agency/wp-content/uploads/2024/09/Asset-7.png?fit=391%2C2789&ssl=1");background-position:center center;background-size:cover;}.elementor-10596 .elementor-element.elementor-element-c5cfd4b{text-align:start;}.elementor-10596 .elementor-element.elementor-element-c5cfd4b img{width:60px;}.elementor-10596 .elementor-element.elementor-element-c5cfd4b:hover img{opacity:0.1;}.elementor-10596 .elementor-element.elementor-element-4b1e297{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10596 .elementor-element.elementor-element-4b1e297 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:0.8em;font-weight:400;text-transform:uppercase;font-style:normal;text-decoration:none;color:var( --e-global-color-secondary );}.elementor-10596 .elementor-element.elementor-element-1096d32{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:3em 3em;--row-gap:3em;--column-gap:3em;box-shadow:0px 0px 10px 15px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5em;--padding-bottom:5em;--padding-left:15em;--padding-right:15em;}.elementor-10596 .elementor-element.elementor-element-1096d32:not(.elementor-motion-effects-element-type-background), .elementor-10596 .elementor-element.elementor-element-1096d32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-10596 .elementor-element.elementor-element-c2021b5{--display:flex;--position:fixed;border-style:solid;--border-style:solid;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );bottom:0px;--z-index:5;}.elementor-10596 .elementor-element.elementor-element-c2021b5:not(.elementor-motion-effects-element-type-background), .elementor-10596 .elementor-element.elementor-element-c2021b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}body:not(.rtl) .elementor-10596 .elementor-element.elementor-element-c2021b5{left:0px;}body.rtl .elementor-10596 .elementor-element.elementor-element-c2021b5{right:0px;}.elementor-10596 .elementor-element.elementor-element-750b28d .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}@media(min-width:768px){.elementor-10596 .elementor-element.elementor-element-1fc87bb{--width:100vw;}.elementor-10596 .elementor-element.elementor-element-6ae1923{--width:100vw;}.elementor-10596 .elementor-element.elementor-element-5a68288{--width:80%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-10596 .elementor-element.elementor-element-fc92804.elementor-element{--align-self:center;}.elementor-10596 .elementor-element.elementor-element-fc92804{text-align:start;}.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-10596 .elementor-element.elementor-element-afa9a5b .elementor-button{padding:0px 0px 0px 0px;}.elementor-10596 .elementor-element.elementor-element-b48a511 .elementor-button{padding:0px 0px 0px 0px;}.elementor-10596 .elementor-element.elementor-element-410a827 .elementor-button{padding:0px 0px 0px 0px;}.elementor-10596 .elementor-element.elementor-element-90a2f5f .elementor-button{padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-10596 .elementor-element.elementor-element-1096d32{--gap:3em 3em;--row-gap:3em;--column-gap:3em;--padding-top:5em;--padding-bottom:5em;--padding-left:10em;--padding-right:10em;}.elementor-10596 .elementor-element.elementor-element-750b28d{text-align:center;}.elementor-10596 .elementor-element.elementor-element-750b28d .elementor-heading-title{letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-10596 .elementor-element.elementor-element-1096d32{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:2em;--padding-bottom:10em;--padding-left:2em;--padding-right:2em;}.elementor-10596 .elementor-element.elementor-element-c2021b5{--min-height:10vh;--justify-content:center;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10596 .elementor-element.elementor-element-c2021b5.e-con{--align-self:center;}.elementor-10596 .elementor-element.elementor-element-750b28d{text-align:center;}.elementor-10596 .elementor-element.elementor-element-750b28d .elementor-heading-title{letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS for button, class: .elementor-element-afa9a5b */.about-button {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b48a511 */.about-button {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-410a827 */.about-button {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-90a2f5f */.about-button {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f3d0b73 */.button-close{
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1096d32 */a:hover {
    color: #C7C224 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6ae1923 */@media only screen and (min-width: 770px) {
     /* Container setup with flexbox */
.container {
  position: relative;
  width: 100vw;
  height: 100dvh;
}
}

/* Common styles for all columns */
.nav, .about, .journals, .directory {
  position: absolute;
  height: 100%;
  transition: width 0.3s ease, left 0.3s ease;
}

/* Column 1: Nav */
.nav {
  width: 15vw;
  left: 0;
  z-index: 0;
}

/* Column 2: About */
.about {
  width: 0; /* Start completely collapsed */
  left: 15vw; /* Position it next to the Nav container */
  visibility: hidden; /* Initially hide content */
  z-index: 1;
  transition: width 0.3s ease, visibility 0s 0.3s; /* Ensure visibility is toggled after width transition */
}

/* Column 3: Journal */
.journals {
  width: 15vw;
  left: 5vw; /* Overlaps Nav by 10vw now, instead of 5vw */
  z-index: 2;
}

/* Column 4: Directory */
.directory {
  width: 90vw; /* Set the width to 85vw to ensure it fills the remaining space */
  left: 10vw; /* Overlaps Journal by 15vw now, instead of 10vw */
  z-index: 3;
  overflow-y: auto; /* Enable vertical scrolling */
}

/* Hover over Nav */
.nav:hover ~ .journals {
  left: 12vw; /* Move Journal 5vw to the right */
}
.nav:hover ~ .directory {
  left: 17vw; /* Move Directory 5vw to the right */
}

/* Hover over Journal */
.journals:hover {
  left: 5vw; /* Keep Journal in place */
}
.journals:hover ~ .directory {
  left: 17vw; /* Keep Directory in place */
}

/* Hover over Directory */
.directory:hover {
  left: 10vw; /* Move Directory back to its original position */
}

/* About button click (Opening About section) */
.container.about-open .about {
  width: 30vw; /* Open About section to 30vw, similar to the homepage */
  visibility: visible; /* Make content visible smoothly */
  transition: width 0.3s ease; /* Smooth transition of width */
}

/* Move Journal and Directory to the right to accommodate About section */
.container.about-open .journals {
  left: 45vw; /* Move Journal to the right */
}

.container.about-open .directory {
  left: 50vw; /* Move Directory to the right */
}


@media only screen and (max-width: 769px) {
    .directory {
  width: 100vw; /* Set the width to 85vw to ensure it fills the remaining space */
  left: 0vw; /* Overlaps Journal by 15vw now, instead of 10vw */
  z-index: 3;
  overflow-y: auto; /* Enable vertical scrolling */
} 

.directory:hover {
  left: 0vw; /* Move Directory back to its original position */
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fc87bb */@media only screen 
and (min-width: 600px)
 {
     /* Ensure the body and html take up the full viewport height with no scrolling */
html, body {
  height: 100%;
  margin: 0;
  overflow: hidden; /* Prevent any scrolling */
}

/* Container setup with fixed position */
.homepage-container {
  position: fixed; /* Fix the container in place */
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden; /* Prevent internal scrolling */
}
    
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Sarabun';
	font-style: oblique;
	font-weight: 600;
	font-display: auto;
	src: url('https://luago.agency/wp-content/uploads/2024/06/Sarabun-Bold.woff2') format('woff2'),
		url('https://luago.agency/wp-content/uploads/2024/06/Sarabun-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Sarabun';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://luago.agency/wp-content/uploads/2024/06/Sarabun-Regular.woff2') format('woff2'),
		url('https://luago.agency/wp-content/uploads/2024/06/Sarabun-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Sarabun';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://luago.agency/wp-content/uploads/2024/06/Sarabun-ExtraLight.woff2') format('woff2'),
		url('https://luago.agency/wp-content/uploads/2024/06/Sarabun-ExtraLight.woff') format('woff'),
		url('https://luago.agency/wp-content/uploads/2024/06/Sarabun-ExtraLight.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Migra';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://luago.agency/wp-content/uploads/2024/06/MigraItalic-ExtralightItalic.woff2') format('woff2'),
		url('https://luago.agency/wp-content/uploads/2024/06/MigraItalic-ExtralightItalic.woff') format('woff');
}
@font-face {
	font-family: 'Migra';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://luago.agency/wp-content/uploads/2024/06/Migra-Extralight.woff2') format('woff2'),
		url('https://luago.agency/wp-content/uploads/2024/06/Migra-Extralight.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-style: oblique;
	font-weight: 800;
	font-display: auto;
	src: url('https://luago.agency/wp-content/uploads/2024/08/Inter-ExtraBold.woff2') format('woff2'),
		url('https://luago.agency/wp-content/uploads/2024/08/Inter-ExtraBold.woff') format('woff'),
		url('https://luago.agency/wp-content/uploads/2024/08/Inter-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://luago.agency/wp-content/uploads/2024/08/Inter-Regular.woff2') format('woff2'),
		url('https://luago.agency/wp-content/uploads/2024/08/Inter-Regular.woff') format('woff'),
		url('https://luago.agency/wp-content/uploads/2024/08/Inter-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */