/* ********************************************* */
/* * JEMO v11.1.1 - Color                        * */
/* ********************************************* */
:root {
    --color-1-1: rgba(0,51,125,1.0);
    --color-1-2: rgba(4,70,148,1.0);
    --color-1-3: rgba(6,91,172,1.0);

    --color-2-1: rgba(122,205,247,1.0);
    --color-2-2: rgba(149,230,252,1.0);
    --color-2-3: rgba(176,255,255,1.0);

    --image-padding: 0.5rem;
    --image-radius: 1rem;
    --paragraph-padding: 0;
}

/* ********************************************* */
/* * JEMO v11.1.1 - Scheme                       * */
/* ********************************************* */

/* ********************************************* */
/* * JEMO v11.1.1 - Scheme                       * */
/* ********************************************* */
@media (prefers-color-scheme: light) {

}
@media (prefers-color-scheme: dark) {

}
/* ********************************************* */
/*@import url('https://fonts.googleapis.com/css2?family=Inter&family=Playfair+Display:wght@0,100..900&display=swap');*/

.elg-field--flex-2 .field > .field-items {  display: flex; flex-wrap: wrap; gap: 1rem; align-items: stretch; }
.elg-field--flex-2 .field > .field-items > .field-item { flex: 0 1 100%; }
@media screen and (min-width:1272px) {
.elg-field--flex-2 .field > .field-items > .field-item { flex: 0 1 calc(50% - 1rem); padding: 0 1rem; }
}
/* ********************************************* */
/* ********************************************* */
/* * JEMO v11.1.1 - Format                     * */
/* ********************************************* */
/* ********************************************* */
html { font-family: 'Noto Sans', sans-serif; }
body { font-family: 'Noto Sans', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.5; }
h1, .h1 { margin-bottom: 1rem; font-family: "Cal Sans", sans-serif; font-weight: 400; font-size: clamp(3rem, 7vw, 5rem); line-height: 1.1;  }
h2, .h2 { margin-bottom: 1rem; font-family: "Raleway", sans-serif; font-weight: 400; font-size: clamp(2rem, 6vw, 4rem); line-height: 1.1; }
h3, .h3 { margin-top: 0.5rem; margin-bottom: 1rem; font-weight: 300; font-size: clamp(1.5rem, 3.5vw, 2.5rem); line-height: 1.3; }
h4, .h4 { margin-top: 0.5rem; margin-bottom: 1rem; font-weight: 600; font-size: clamp(1.25rem, 1.75rem, 1.5rem); line-height: 1.3; }
h5, .h5 { font-weight: 600; font-size: clamp(1.125rem, 1.5vw, 1.25rem); line-height: 1.5; opacity: 0.8; }
h6, .h6 { font-weight: 400; font-size: clamp(1rem, 1.25vw, 1.125rem); line-height: 1.5; opacity: 0.8; }
hr { height: 0; margin: 16px 0; opacity: 0.5; }
label { font-weight: normal; }
P { margin-top: 0.5rem; }
p + p { margin-bottom: 1rem; }
em { font-style: normal; opacity: 0.6; }
blockquote { font-family: 'Noto Serif', serif; }
/* ********************************************* */
/* ********************************************* */
/* * JEMO v11.1.1 - Mode                       * */
/* ********************************************* */
/* ********************************************* */
/*
.jemo-color-mode form input[type="submit"],
.jemo-color-mode form input[type="submit"]:hover,
.jemo-color-mode form input[type="submit"]:focus,
.jemo-color-mode form input[type="submit"]:active,
.jemo-color-mode form input[type="submit"]:link,
.jemo-color-mode .field-name-field-paragraph-actions .field-items .field-item.even a { border-radius: 4px; background: var(--color-1-1-1); color: var(--light-1-1); }
.jemo-color-mode .field-name-field-paragraph-actions .field-items .field-item.odd a { border-radius: 4px; background: var(--color-1-3-1); color: var(--light-1-1); }
*/
/* ********************************************* */
.jemo-color-mode .jemo-header a,
.jemo-color-mode .jemo-nav a { transition: all 0.2s ease; }
@media (prefers-color-scheme: dark) {

}
.jemo-color-mode .jemo-nav .jemo-nav--header a { color: var(--light-1-1); }

.jemo-color-mode .jemo-main .jemo-main--header a {  }

.jemo-color-mode .jemo-footer .jemo-footer--header .breadcrumb { margin-bottom: 0; }
.jemo-color-mode .jemo-footer .jemo-footer--body { padding: 2rem 0; }
.jemo-color-mode .jemo-footer .jemo-footer--footer { padding: 0.5rem 0; }
@media screen and (max-width:1272px) { }
@media screen and (min-width:1272px) {
    .jemo-front-mode .jemo-page--header-1 .jemo-header { position: absolute; width: 100%; }
    
    .jemo-color-mode.jemo-front-mode:not(.jemo-scroll-mode) .jemo-header { background: transparent; }
}
/* ********************************************* */
/* ********************************************* */
/* * JEMO v11.1.1 - Page Templates               * */
/* ********************************************* */
/* ********************************************* */
@media screen and (min-width:1272px) {
    .jemo-color-mode .jemo-page--profilepage .jemo-page--header-1 .jemo-header { position: absolute; width: 100%; }
    
    .jemo-color-mode:not(.jemo-scroll-mode) .jemo-page--profilepage .jemo-header { background: transparent; }
}


.jemo-footer--body .region .block-header h3 { font-size: 1.25rem;}
.jemo-page--policypage .region-jemo-body-paragraphs .view-jemo-body-paragraphs > .view-content > .views-row-odd { background: transparent; color: var(--dark-2-1); }
.jemo-page--policypage .region-jemo-body-paragraphs .view-jemo-body-paragraphs > .view-content > .views-row-odd .elg-item--paragraph { padding: calc(1vw + 2rem) 0; }
@media only screen and (min-width:1272px) {
    .jemo-page--policypage .region-jemo-nav-paragraphs { position: sticky; top: 136px; }
}
.jemo-page--tutorpage .elg-item--title * {   }
.jemo-page--tutorpage .elg-item--paragraphs {   }


/*
@media only screen and (min-width:1272px) {
    .jemo-front-mode.jemo-color-mode:not(.jemo-scroll-mode) .jemo-nav { background: transparent; color: var(--mode-1-1-1); }
}
*/


/* ********************************************* */
/* ********************************************* */
/* * JEMO v11.1.1 - Blocks                     * */
/* ********************************************* */
/* ********************************************* */
#block-jemo-site-branding  img { max-height: 48px; margin: 0; }
/* ********************************************* */
/* ********************************************* */
/* * JEMO v11.1.1 - Views                      * */
/* ********************************************* */
/* ********************************************* */

/* ********************************************* */
/* ********************************************* */
/* * JEMO v11.1.1 - Paragraphs                 * */
/* ********************************************* */
/* ********************************************* */
/* ********************************************* */
/* * JEMO v11.1.1 - Project Services * */
.elg-item--paragraph--project-drupal {  }
.elg-item--paragraph--project-drupal {  }
.elg-item--paragraph--project-drupal .elg-item--paragraph-wrapper { padding: 0; }
.elg-item--paragraph--project-drupal .elg-item--paragraph-header {  }
.elg-item--paragraph--project-drupal .field--name-field-paragraph-items { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem; }
.elg-item--paragraph--project-drupal .field--name-field-paragraph-items > .field__item { flex: 0 1 auto; }
@media screen and (min-width:1272px) {
    .elg-item--paragraph--project-drupal .field--name-field-paragraph-items > .field__item { flex: 0 1 calc(33.333333% - 1rem); }
}
@media (prefers-color-scheme: dark) {

}
/* * JEMO v11.1.1 - Front - Hero * */
.elg-item--paragraph--front-hero { padding-bottom: 0; }
.elg-item--paragraph--front-hero .elg-item--paragraph-body .field--name-field-paragraph-image img { margin: 0; filter: drop-shadow(-16px 16px 16px rgba(0, 0, 0, 0.25)); }
.elg-item--paragraph--front-hero .elg-item--paragraph-background img { opacity: 0.2; }
@media screen and (max-width:1272px) {
    
}
@media screen and (min-width:1272px) {
    .elg-item--paragraph--front-hero { position: relative; z-index: 0; padding-top: calc(2vw + 4rem); }
    .elg-item--paragraph--front-hero .elg-item--paragraph-header { position: absolute; z-index: 4; padding: calc(1.5vw + 3rem) 0;  }
    .elg-item--paragraph--front-hero .elg-item--paragraph-body { z-index: 1;  }
    .elg-item--paragraph--front-hero .elg-item--paragraph-body .field--name-field-paragraph-image { text-align: right; transform: translateX(20rem); }
    .elg-item--paragraph--front-hero .elg-item--paragraph-body .field--name-field-paragraph-image img { width: 80%; }
}
.elg-item--paragraph--front-hero { background: var(--light-4-1); }
@media (prefers-color-scheme: dark) {
    .elg-item--paragraph--front-hero { background: var(--dark-4-1); }
    .elg-item--paragraph--front-hero .elg-item--paragraph-body .field--name-field-paragraph-image img { filter: drop-shadow(-16px 16px 16px rgba(0, 0, 0, 0.50)); }
    .elg-item--paragraph--front-hero .elg-item--paragraph-background img { filter: brightness(0%) invert(80%); }
}

/* * JEMO v11.1.1 - Front - Intro * */
.elg-item--paragraph--front-intro { }
.elg-item--paragraph--front-intro .elg-item--paragraph-header {  }

/* * JEMO v11.1.1 - Front - Projects * */
.elg-item--paragraph--front-projects .elg-item--paragraph-wrapper {   }
.elg-item--paragraph--front-projects .elg-item--paragraph-header { margin-bottom: calc(1vw + 2rem); }
.elg-item--paragraph--front-projects .elg-item--paragraph-body { border-radius: 1rem; padding: calc(1vw + 2rem); }
.elg-item--paragraph--front-projects .elg-item--paragraph-body .elg-flex-wrapper + .elg-flex-wrapper { margin-top: 3rem; } 
.elg-item--paragraph--front-projects .field--name-field-paragraph-image { overflow: hidden; margin-bottom: 1.5rem; border-radius: 1rem; }
.elg-item--paragraph--front-projects .field--name-field-paragraph-items { display:flex; justify-content: stretch; flex-wrap: wrap; gap: 1rem; margin: 0 -1rem; }
.elg-item--paragraph--front-projects .field--name-field-paragraph-links .field__item { flex: 0 1 auto; }
.elg-item--paragraph--front-projects .field--name-field-paragraph-links .field__item a { display: inline-block; padding: 0.5rem 1rem; border-radius: 0.5rem; }
.elg-item--paragraph--front-projects .field--name-field-paragraph-links .field__item a:after { float: right; content: "\ebe6"; margin-left: 12px; font-family: boxicons; line-height: inherit; font-size: 1.25rem; }
.elg-item--paragraph--front-projects .elg-item--paragraph-body { background: var(--light-4-1); }
@media (prefers-color-scheme: dark) {
    .elg-item--paragraph--front-projects .elg-item--paragraph-wrapper { }
    .elg-item--paragraph--front-projects .elg-item--paragraph-body  { background: var(--dark-3-1); }
    .elg-item--paragraph--front-projects .field--name-field-paragraph-links .field__item a { border: 0.1rem solid var(--light-1-1); }
}
@media screen and (min-width:1272px) {
    .elg-item--paragraph--front-projects .field--name-field-paragraph-items .field__item { flex: 0 1 calc(50% - 1rem); }
}
/* ********************************************* */
/* * JEMO v11.1.1 - Project About * */
.elg-item--paragraph--project-about {  }
.elg-item--paragraph--project-about .field--name-field-paragraph-image { display: block; overflow: hidden; width: 75%; margin: 0 auto; border-radius: 50%; }
@media screen and (min-width:1272px) {

}
.elg-item--paragraph--project-about .field--name-field-paragraph-image { background: var(--light-4-1); }
@media (prefers-color-scheme: dark) {
.elg-item--paragraph--project-about .field--name-field-paragraph-image { background: var(--dark-4-1); }
}
/* ********************************************* */
/* * JEMO v11.1.1 - Project Intro * */
.elg-item--paragraph--project-chatbot {
  .elg-item--paragraph-header { }  
} 
.elg-item--paragraph--project-chatbot .field--name-field-paragraph-chat { border-radius: 1.5rem; padding: 1rem; }
.elg-item--paragraph--project-chatbot .field--name-field-paragraph-chat p strong { display: inline-block; max-width: 90%; border-radius: 1rem; padding: 0.5rem 1rem; font-weight: normal; }
@media screen and (min-width:1272px) { }
.elg-item--paragraph--project-chatbot .field--name-field-paragraph-chat { background: var(--light-3-1); }
    .elg-item--paragraph--project-chatbot .field--name-field-paragraph-chat p strong { background: var(--light-4-1); }
    .elg-item--paragraph--project-chatbot .field--name-field-paragraph-chat p.text-align-right strong { background: var(--light-5-1); }
@media (prefers-color-scheme: dark) {
    .elg-item--paragraph--project-chatbot .field--name-field-paragraph-chat { background: var(--dark-3-1); }
    .elg-item--paragraph--project-chatbot .field--name-field-paragraph-chat p strong { background: var(--dark-4-1); }
    .elg-item--paragraph--project-chatbot .field--name-field-paragraph-chat p.text-align-right strong { background: var(--dark-5-1); }
}

.elg-item--paragraph--project-contact {}
.elg-item--paragraph--project-contact .elg-item--paragraph-wrapper { border-radius: 1rem; }
.elg-item--paragraph--project-contact .elg-item--paragraph-body { padding: 2rem 1rem 2rem 1rem;  }
.elg-item--paragraph--project-contact .elg-item--paragraph-body .elg-item-1 { border-radius: 0.5rem; }
.elg-item--paragraph--project-contact .elg-item--paragraph-body .elg-item-1 .elg-field { padding: 1rem; }
.elg-item--paragraph--project-contact .elg-item--paragraph-body .elg-item-2 {  }
.elg-item--paragraph--project-contact .field--name-field-paragraph-webform { padding-top: 1rem; }
.elg-item--paragraph--project-contact .field--name-field-paragraph-webform form { display: flex; flex-wrap: wrap; gap: 0 1rem; }
.elg-item--paragraph--project-contact .field--name-field-paragraph-webform form .form-item:nth-child(1) { width:100% }
.elg-item--paragraph--project-contact .field--name-field-paragraph-webform form .form-item:nth-child(2) { flex: 0 1 calc(100% - 1rem); }
.elg-item--paragraph--project-contact .field--name-field-paragraph-webform form .form-item:nth-child(3) { flex: 0 1 calc(50% - 1rem); }
.elg-item--paragraph--project-contact .field--name-field-paragraph-webform form .form-item:nth-child(4) { flex: 0 1 calc(50% - 1rem); }
.elg-item--paragraph--project-contact .field--name-field-paragraph-webform form .form-item:nth-child(5) { flex: 0 1 calc(100% - 1rem); }
.elg-item--paragraph--project-contact .field--name-field-paragraph-webform form .form-actions { flex: 0 1 calc(100% - 1rem); }
@media screen and (min-width:1015px) {

}
.elg-item--paragraph--project-contact .elg-item--paragraph-wrapper{ border: 1px solid var(--white-1-4); background: var(--light-3-1); }
@media (prefers-color-scheme: dark) {
    .elg-item--paragraph--project-contact .elg-item--paragraph-wrapper { border: 1px solid var(--white-1-2); background: var(--dark-3-1); }
}



.elg-item--paragraph--project-drupal { background: var(--light-3-1); }
@media (prefers-color-scheme: dark) {
    .elg-item--paragraph--project-drupal { background: var(--dark-3-1); }
}
/* ********************************************* */
/* * JEMO v11.1.1 - Project Services * */
.elg-item--paragraph--project-features {  }
.elg-item--paragraph--project-features {  }
.elg-item--paragraph--project-features .elg-item--paragraph-wrapper { padding: 0; }
.elg-item--paragraph--project-features .elg-item--paragraph-header {  }
.elg-item--paragraph--project-features .field--name-field-paragraph-items { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem; }
.elg-item--paragraph--project-features .field--name-field-paragraph-items > .field__item { flex: 0 1 auto; }
@media screen and (min-width:1272px) {
    .elg-item--paragraph--project-features .field--name-field-paragraph-items > .field__item { flex: 0 1 calc(25% - 1rem); }
}
@media (prefers-color-scheme: dark) {

}
/* ********************************************* */
/* * JEMO v11.1.1 - Project Hero * */
.jemo-front-mode .elg-item--paragraph--project-hero { padding-top: calc(3vw + 6rem);  }
.elg-item--paragraph--project-hero {  background: var(--light-4-1); }
.elg-item--paragraph--project-hero .field--name-field-paragraph-image img { opacity: 0.6; }
@media (prefers-color-scheme: dark) {
    .elg-item--paragraph--project-hero {  background: var(--dark-4-1); }
    .elg-item--paragraph--project-hero .field--name-field-paragraph-image img { filter: brightness(0%) invert(100%); }
}
/* ********************************************* */
/* * JEMO v11.1.1 - Project Intro * */
.elg-item--paragraph--project-intro {
  .elg-item--paragraph-header { }  
} 
.elg-item--paragraph--project-intro .field--name-field-paragraph-chatbot { border-radius: 1.5rem; padding: 1rem; text-align: right; }
.elg-item--paragraph--project-intro .field--name-field-paragraph-chatbot p { display: inline-block; border-radius: 1rem; padding: 0.5rem 1rem; }
@media (prefers-color-scheme: dark) {
    .elg-item--paragraph--project-intro .field--name-field-paragraph-chatbot { background: var(--dark-3-1); }
    .elg-item--paragraph--project-intro .field--name-field-paragraph-chatbot p { background: var(--dark-5-1); }
}


.elg-item--paragraph--project-portfolio { margin: calc(2vw + 2rem) 0; padding: 0;  background: var(--black-1-1); }
@media screen and (max-width:1271px) {
    .elg-item--paragraph--project-portfolio .slick__arrow { bottom: 2rem; top: auto; display: flex; justify-content: center; }
    .elg-item--paragraph--project-portfolio .slick__arrow .slick-arrow { position: relative; }
}
@media screen and (min-width:1272px) {
    .elg-item--paragraph--project-portfolio .slick__arrow { bottom: auto; top: 50%; }
}
@media (prefers-color-scheme: dark) {
    .elg-item--paragraph--project-portfolio {  }
}
/* ********************************************* */
.elg-item--paragraph--project-services {  }
.elg-item--paragraph--project-services .elg-item--paragraph-wrapper { padding: 0; }
.elg-item--paragraph--project-services .elg-item--paragraph-header {  }
.elg-item--paragraph--project-services .field--name-field-paragraph-items { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1.5rem; border-radius: 1rem; padding: 2rem;  }
.elg-item--paragraph--project-services .field--name-field-paragraph-items > .field__item { flex: 0 1 auto; }
@media screen and (min-width:1272px) {
    .elg-item--paragraph--project-services .field--name-field-paragraph-items > .field__item { flex: 0 1 calc(33.33333333% - 1.5rem); }
}
.elg-item--paragraph--project-services .field--name-field-paragraph-items { background: var(--light-4-1); }
@media (prefers-color-scheme: dark) {
    .elg-item--paragraph--project-services .field--name-field-paragraph-items { background: var(--dark-4-1); }
}
/* ********************************************* */
.elg-item--paragraph--project-work {  }
.elg-item--paragraph--project-work .field--name-field-paragraph-items { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1.5rem; border-radius: 1rem; padding: 2rem;  }
@media screen and (min-width:1272px) {
    .elg-item--paragraph--project-work .field--name-field-paragraph-items > .field__item { flex: 0 1 calc(33.33333333% - 1.5rem); }
}
.elg-item--paragraph--project-work .field--name-field-paragraph-items { background: var(--light-4-1); }
@media (prefers-color-scheme: dark) {
    .elg-item--paragraph--project-work .field--name-field-paragraph-items { background: var(--dark-4-1); }
}


.elg-item--paragraph--project-web-work {  }
.elg-item--paragraph--project-web-work .field--name-field-paragraph-items.field__items { column-count: 1; column-gap: 2rem; }
.elg-item--paragraph--project-web-work .field--name-field-paragraph-items.field__items .field__item { display: inline-block;  break-inside: avoid; }
@media screen and (min-width:1015px) {
    .elg-item--paragraph--project-web-work .field--name-field-paragraph-items.field__items { column-count: 2; }
}

@media (prefers-color-scheme: dark) {
    
}

/* ********************************************* */
/* ********************************************* */
/* * JEMO v11.1.1 - Subparagraphs              * */
/* ********************************************* */
/* ********************************************* */
.elg-item--subparagraph--front-projects-items {  }
.elg-item--subparagraph--front-projects-items .elg-item--subparagraph-wrapper { margin: 0 1rem; border-radius: 0.5rem; padding: 1.5rem; }
.elg-item--subparagraph--front-projects-items .elg-item--subparagraph-header { margin-bottom: 1.5rem; }
.elg-item--subparagraph--front-projects-items .elg-item--subparagraph-body { margin-bottom: 1rem; }
.elg-item--subparagraph--front-projects-items .elg-item--subparagraph-footer {  }
.elg-item--subparagraph--front-projects-items .field--name-field-paragraph-links { margin-top: 1.5rem; }
.elg-item--subparagraph--front-projects-items .field--name-field-paragraph-links.field__items { display: flex; flex-wrap: wrap; gap: 0 12px; flex-direction: column; }
.elg-item--subparagraph--front-projects-items .field--name-field-paragraph-links.field__items .field__item a { position: relative; display: block; line-height: inherit; font-size: 1.125rem; text-decoration: none; }
.elg-item--subparagraph--front-projects-items .field--name-field-paragraph-links.field__items .field__item a[href*="https://"]:after { float: right; content: "\ec86"; margin-left: 12px; font-family: boxicons; }
@media screen and (max-width:1271px) {
    .field--name-field-paragraph-image { margin-bottom: 2rem; }
}
@media screen and (min-width:1272px) {
    .elg-item--subparagraph--front-projects-items .field--name-field-paragraph-links.field__items { flex-direction: row; }
    .elg-item--subparagraph--front-projects-items .field--name-field-paragraph-links.field__items .field__item a { display: inline-block; }
}
/* ********************************************* */
.elg-item--subparagraph--project-portfolio-items .elg-item--subparagraph-body { padding: calc(2vw + 4rem) 0; }
.elg-item--subparagraph--project-portfolio-items .elg-item--subparagraph-body * { color: var(--white-1-1); }
.elg-item--subparagraph-background img { filter: brightness(50%) blur(4rem); opacity: 0.8;  }
.elg-item--subparagraph-background .field--name-field-paragraph-image { border-radius: 0; }

/* ********************************************* */
/* ********************************************* */
/* * JEMO v11.1.1 - Subparagraphs              * */
/* ********************************************* */
/* ********************************************* */
.field--name-field-paragraph-image { display: block; overflow: hidden; border-radius: var(--image-radius); }

.field--name-field-paragraph-links { display: flex; flex-direction: column; gap: 1rem; }
.field--name-field-paragraph-links > .field__item a { display: block; border-radius: 1.5rem; padding: 0.5rem 2rem; text-align: center; }
@media screen and (min-width:1015px) {
    .field--name-field-paragraph-links { flex-direction: row; }
}
.field--name-field-paragraph-links > .field__item a { border: 1px solid var(--black-1-1); }
.field--name-field-paragraph-links > .field__item:first-child a { background: var(--color-1-1); color: var(--white-1-1); }
@media (prefers-color-scheme: dark) {
    .field--name-field-paragraph-links > .field__item a { border: 1px solid var(--white-1-1); }
    .field--name-field-paragraph-links > .field__item:first-child a { background: var(--color-2-1); color: var(--black-1-1); }
}