/*
Theme Name:     Alma
Theme URI:      https://www.almaonline.net
Description:    WP theme for Alma website
Author:         Matias Cruz
Author URI:     https://matiascruz.com.ar
Template:       Divi
Version:        1.0
*/

/* Dosis font-weight from 200 to 800 
   Semi-bold: 600 
   Medium: 500
   Regular: 400

   PT Serif Bold and Italic
   Regular 400
   Bold 700
*/
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Sacramento&display=swap');

@font-face{
    font-family:'ETmodules';
    font-display:block;
    src:url('/alma/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.eot');
    src:url('/alma/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.eot?#iefix') format("embedded-opentype"), url('/alma/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.woff') format("woff"), url('/alma/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.ttf') format("truetype"), url('/alma/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.svg#ETmodules') format("svg");
    font-weight:400;
    font-style:normal
}

:root {
  /* Colors from the design */
  --color-primary: #618D8A;
  --color-highlight: #E39C39;
  --color-background: #FAF6EE;
  --color-contrast: #EF476F;
  --color-contrast-pastel: #B88C9E;
  --color-gray: #777777;
  --color-gradient-green-light: #618D8A;
  --color-gradient-green-dark: #314846;
  --color-border: rgba(112,76,94,0.3);

  /* Typography */
  --font-family-sans: "Dosis", sans-serif;
  --font-family-serif: "PT Serif", serif;   
  --font-family-decoration: "Sacramento", cursive;
  
  /* Sizing & Radius */
  --border-radius-sm: 8px;
  --border-radius-md: 12px;
  --border-radius-lg: 24px;
  --border-radius-full: 200px;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-family: var(--font-family-serif);
    color: var(--color-gray);
    font-size: 18px !important;
    line-height: 177%;
}

ul, ol {
    line-height: 177% !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-sans);
    font-weight: 600;
    line-height: 120%;
    padding: 0.5em 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    padding-top: 0;
}

h1 {
    font-size: 2.67em !important;
}

h2 {
    font-size: 2.22em !important;
}

h3 {
    font-size: 2em !important;
}

h4 {
    font-size: 1.78em !important;
}

h5 {
    font-size: 1.44em !important;
}

h6 {
    font-size: 1.17em !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

a {
    transition: all 0.5s ease;
    color: var(--color-primary);
}

a:hover {
    color: var(--color-contrast-pastel);
}

.et_pb_section {
    overflow-x: hidden;
}

blockquote {
    border-color: var(--color-primary) !important;
}

body,
#main-content {
    background-color: var(--color-background);
}

#main-content .container::before {
    display: none;
}

#main-content ul {
    padding-left: 0px !important;
}

#main-content ul li {
    background: url(img/bullet_green.svg) no-repeat left 4px;
    padding-left: 32px;
    list-style: none;
}

#main-content ol {
    list-style-position: outside !important;
    padding-left: calc(1em + 1px) !important;
}

#main-content ol li::marker {
    color: var(--color-primary);
    font-weight: bold;
}

.et_right_sidebar #left-area {
    float: none;
    margin: 0px;
    padding-right: 0px;
    padding-bottom: 24px;
    width: 100%;
}

.single .banner_cta {
    width: 100%;
}

.single .banner_cta .et_pb_row {
    width: 90% !important;
}

.single .entry-content {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.single img {
    border-radius: 12px;
}

.single h1.entry-title {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.single p.intro_text {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.33em;
    text-align: center;
    line-height: 150%;
}

/* START HEADER */
#main-header {
    opacity: 0;
}

.home header {
    position: absolute !important;
    background: transparent !important;
    margin-top: 24px;
}

#main-header {
    padding-top: 10px;
    box-shadow: 0 0 0;
}

#logo {
    height: 80px !important;
    max-height: 80px;
    opacity: 0;
}

#top-menu li {
    font-family: var(--font-family-sans);
    font-weight: 600;
    font-size: 1.11em;
    padding-right: 24px;
}

.home #top-menu li.current-menu-item > a, 
.home #top-menu li.current_page_item > a,
.home #top-menu li a {
    color: #FFF;
}

.current-menu-item {
    position: relative;
}

.current-menu-item a:after {
    content:"";
    display: block;
    width: 28px;
    height: 3px;
    background: url(img/current.svg) no-repeat center;
    position: absolute;
    top: 28px;
    left: 50%;
    transform: translateX(-50%);
}

.login_link {
    position: relative;
    padding-left: 32px;
}

.login_link:before {
    content: "";
    display: block;
    width: 1px;
    height: 24px;
    background-color: var(--color-border);
    position: absolute;
    left: 0px;
    top: 0px;
}

.home .login_link:before {
    background-color: rgba(255,255,255,0.5);
}

.register_link a {
    background-color: var(--color-highlight);
    padding: 8px 24px 12px 24px !important;
    border-radius: 200px;
    color: #FFF !important;
}

.register_link a:hover {
    background-color: var(--color-contrast-pastel) !important;
    opacity: 1 !important;
}

.mobile_menu_bar {
    z-index: 99999;
}

.home .mobile_menu_bar::before,
.opened .mobile_menu_bar::before {
    color: #FFF;
}

.mobile_menu_bar::before {
    transition: all 0.5s ease;
}

.opened .mobile_menu_bar::before {
    content: 'M';
}

#mobile_menu {
    position: fixed;
    top: 0px;
    height: 100vh !important;
    width: 100%;
    background:  rgba(112,76,94,0.8) !important;
    backdrop-filter: blur(6px);
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s ease;
    border-top: 0;
}

#mobile_menu li {
    width: 60%;
    min-width: 240px;
    margin-left: auto;
    margin-right: auto;
}

.et_mobile_menu li a {
    color: #FFF !important;
    border-bottom: 0px solid rgba(0,0,0,0.1);
    text-align: center;
    font-family: var(--font-family-sans);
    font-size: 1.25em;
}

.et_mobile_menu .login_link {
    padding-left: 0;
}

.et_mobile_menu .login_link a {
    border-bottom: 0px;
    margin-bottom: 12px;
}

.et_mobile_menu .login_link:before {
    display: none;
}

.et_mobile_menu .current-menu-item a:after {
    top: 40px;
}

.opened #mobile_menu {
    opacity: 1;
    pointer-events: auto;
}
/* END HEADER */

/* FOOTER */
footer .container {
    border-top: dashed 1px var(--color-border);
}

#footer-widgets {
    padding-top: 2em !important;
    padding-bottom: 36px !important;
}

.footer-widget {
    margin-bottom: 0px !important;
}

#footer-widgets .footer-widget:last-child {
    display: flex;
    justify-content: end;
}

#footer-widgets .footer-widget:last-child div p {
    display: none;
}

.et_pb_widget {
    margin-bottom: 0em !important;
}

.wp-block-social-links {
    margin-top: 0.5em;
    margin-left: -8px !important;
}

.wp-block-social-links li:before {
    display: none;
}

.wp-block-social-links li {
    padding-left: 0 !important;
    background-color: transparent !important;
}

.wp-block-social-links .wp-social-link svg {
    width: 28px !important;
    height: 28px !important;
}

.wp-block-social-links .wp-social-link.wp-social-link-tiktok svg {
    width: 22px !important;
    height: 22px !important;
}

.alma-footer-nav ul {
    text-align: right;
    font-family: var(--font-family-sans);
    text-transform: uppercase;
    font-size: 0.88em;
    padding-top: 12px;
    letter-spacing: 1px;
    font-weight: 600;
}

.alma-footer-nav ul li:before {
    display: none;
}

.alma-footer-nav ul li a:hover {
    color: var(--color-contrast-pastel) !important;
}

#footer-bottom {
    font-family: var(--font-family-sans);
    font-size: 0.88em;
    line-height: 130%;
    color: var(--color-gray);
    padding-top: 0px !important;
}

#footer-bottom .container {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    border-top: solid 1px var(--color-border);
    padding-top: 1em;
}

#footer-bottom .container:after {
    display: none;
}
/* END FOOTER */

/* HOME STAGE */
.stage {
    height: calc(100vh - 48px);
    max-height: 768px;
    min-height: 530px;
    position: relative;
    width: calc(100% - 48px);
    max-width: 1600px;
    margin: 24px auto 0 auto;
    border-radius: 12px;
}

.home .stage:before {
    transform: rotate(180deg);
}

.home .stage:before,
.home .stage:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+50&0.5+0,0+50 */
    background: linear-gradient(45deg,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    display: block;
    content: "";
    z-index: 2;
}

.home .stage:after {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#704c5e+0,000000+100&0.7+0,0+100 */
    background: linear-gradient(135deg,  rgba(112,76,94,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    z-index: 1;
}

.home .stage .vegas-wrapper {
    display: flex;
}

.home .stage .et_pb_text {
    width: 70%;
}

.home .stage p {
    font-size: 1.22em;
}

.home .stage .vegas-wrapper .et_pb_row,
.stage h1 {
    padding-top: 0px;
}

.home .stage h1,
.home .stage p {
    color: #FFF;
}

.stage h1 {
    font-size: 3em !important;
}
/* END HOME STAGE */

/* LAYOUT HELPERS */
.container,
.et_pb_row {
    width: 90%;
}

.shorter .et_pb_row {
    width: 74%;
    max-width: 890px;
}

.presentation {
    overflow: visible !important;
}

.presentation .et_pb_row {
    width: 90%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,1e5799+100 */
    background: radial-gradient(ellipse at top left, #618D8A 0%, #314846 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-radius: var(--border-radius-md);
}

.presentation .et_pb_column {
    padding-left: 8% !important;
    padding-right: 8% !important;
    margin-top: -120px !important;
}

.presentation .et_pb_text {
    margin-top: 120px !important;
}

.et_pb_section {
    padding: 36px 0 !important;
}

.et_pb_row {
    padding: 28px 0 !important;
}

.flex .et_pb_row .et_pb_column {
    display: flex;
    gap: 32px;
}

.flex.v_center .et_pb_column {
    align-items: center;
}

.flex_row {
    display: flex;
    justify-content: space-between;
}

.flex_row.v_centered {
    align-items: center;
}

.flex_row:after {
    display: none;
}

.flex_row img {
    border-radius: var(--border-radius-md);
}

#about .et_pb_module:first-child {
    flex-shrink: 1;
    margin-bottom: 0px;
    width: 100%;
    min-width: 200px;
}

.video_player_v .et_pb_code_inner > div {
    padding-top: 178% !important;
}

.video_player {
    border-radius: 24px;
    overflow: hidden;
    cursor: pointer;
}

#about a,
.et_pb_button {
    display: inline-block;
    background-color: var(--color-highlight);
    color: #FFF;
    font-family: var(--font-family-sans);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: var(--border-radius-full);
    padding: 8px 28px 9px 28px !important;
    transition: all 0.5s ease;
    border: none;
    line-height: inherit !important;
}

#about a:hover,
.et_pb_button:hover {
    background-color: var(--color-contrast-pastel) !important;
    color: #FFF !important;
    border-radius: var(--border-radius-full) !important;
    border: none !important;
    padding: 8px 28px 9px 28px !important;
}

.et_pb_button:after {
    display: none !important;
}

.section_full {
    position: relative;
    width: calc(100% - 48px);
    max-width: 1600px;
    margin: 12px auto 0 auto;
    border-radius: 12px;
}

.max_1080 {
    max-width: 1080px;
}

.gradient_green_down_right {
    position: relative;
}
.gradient_green_down_right:after {
    content:"";
    display: block;
    width: 100%;
    height:100%;
    position: absolute;
    top: 0px;
    left: 0px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4f7775+0,4f7775+100&1+40,0+100 */
    background: linear-gradient(90deg,  rgba(79,119,117,1) 0%,rgba(79,119,117,1) 50%,rgba(79,119,117,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.combined_imgs {
    width: 90% !important;
    overflow: visible;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.combined_imgs .et_pb_row {
    width: calc(50% - 16px);
    margin: 0;
    padding: 0;
}

.combined_imgs img {
    border-radius: 24px;
}

.combined_imgs .grid_container .et_pb_column:first-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* END LAYOUT */

/* TESTIMONIALS */
.testimonios .et_pb_row:first-child {
    border-top: dashed 1px var(--color-border);
    padding-top: 3em !important;
}
.owl-carousel .owl-stage-outer {
    overflow: visible;
    width: 100%;
}

.test_data {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 3;
    padding: 48px 24px 12px 24px;
    width: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+100 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.test_data h5 {
    color: #FFF;
    padding-top: 12px;
}

.test_data small {
    font-size: 0.78em;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--color-contrast);
    font-family: var(--font-family-sans);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background-color: rgba(255,255,255,0.1);
    border-radius: 200px;
    border: solid 1px rgba(255,255,255,0.2);
    padding: 0px 16px 1px 16px;
    display: inline-block;
}

.owl-item {
    scale: 1;
    transition: all 0.5s ease;
    position: relative;
}

.owl-item.center {
    scale: 1.075;
}

.video-click-catcher {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 5; /* por encima del iframe */
    background-color: red;
    opacity: 0.2;
    display: none !important;
}

.owl-nav {
    border-top: solid 1px var(--color-border);
    margin-top: 48px !important;
    display: flex;
    justify-content: end;
    gap: 6px;
    padding-top: 12px;
}

.owl-nav button {
    border: none !important;
    background-color: transparent !important;
}

button.owl-prev,
button.owl-next {
    background: url(img/navigation_arrow.svg) no-repeat center !important;
    width: 42px;
    height: 40px;
    background-size: contain;
    overflow: hidden;
    text-indent: -9999px;
}

button.owl-prev {
    transform: rotate(180deg);
}
/* END TESTIMONIALS */

/* Newsletter Form */
.sib-form {
    font-family: var(--font-family-sans) !important;
    background-color: transparent !important;
    padding: 0px !important;
    font-size: 18px !important;
}

.sib-form-block {
    padding: 0px !important;
}

#sib-container {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0px !important;
    max-width: 100% !important;
    padding: 0px !important;
}

#sib-container form {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

form .form_titles {
    text-align: right;
    display: inline !important;
    flex-basis: 0;
    min-width: 550px;
    margin-top: 0px !important;
}

form .form_title {
    font-size: 1.78em !important;
    line-height: 120% !important;
    font-weight: 600 !important;
    color: var(--color-primary) !important;
    text-align: right !important;
    display: inline;
}

form .form_subtitle {
    font-size: 1em !important;
    font-weight: normal !important;
    color: var(--color-gray) !important;
    font-family: var(--font-family-serif) !important;
    margin-top: 0px !important;
    text-align: right !important;
    display: inline-block;
}

form .form_field {
    margin-left: 24px;
    margin-right: 10px;
}

.sib-form .entry__field {
    border: none !important;
    background: transparent !important;
}

.sib-form .entry__field:focus-within {
    box-shadow: 0 0 0 0px #c9e1f4 !important;
}

form .form_field input {
    min-width: 300px !important;
    border: solid 1px #FFF !important;
    border-radius: 8px !important;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.12) !important;
    background-color: #FFF !important;
    height: 48px !important;
    font-size: 18px !important;
}

form .form_field input:focus {
    border: solid 1px var(--color-contrast-pastel) !important;
}

form .form_button {
    margin-top: 4px !important;
}

form .form_button svg {
    display: none;
}

.input--hidden,
input[type="hidden"] {
    display: none;
}

.entry__error {
    background-color: var(--color-contrast) !important;
    color: #FFF !important;
    text-align: center !important;
    padding: 3px 0px 4px 0px !important;
}

#success-message,
#error-message {
    background-color: var(--color-primary) !important;
    border: none !important;
    color: #FFF !important;
    border-radius: 8px !important;
    max-width: 100% !important;
}

#error-message {
    background-color: var(--color-contrast) !important;
}

/* End Newsletter form */

.page-blog h1 {
    position: relative;
}

.page-blog h1:after {
    content:"";
    display: block;
    width: 48px;
    height: 3px;
    background: url(img/current.svg) no-repeat center;
    background-size: cover;
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
}

#loading_symbol {
    width: 100%;
    text-align: center;
    display: block;
}

#loading_symbol span {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto;
    overflow: hidden;
    text-indent: -9999px;
    background: url(img/loading.svg) no-repeat center;
    background-size: contain;
}

#posts_container {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

.post_card {
    width: calc((100% - 64px) / 3 );
    background-color: #FFF;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 20px 16px -16px rgba(0,0,0,0.16);
    position: relative;
}

.post_card > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.pic_avatar {
    position: relative;
}

.ds-avatar {
    position: absolute;
    display: flex;
    border: solid 1px rgba(255,255,255,0.6);
    backdrop-filter:  blur(4px) brightness(75%);
    border-radius: 200px;
    color:#FFF;
    left: 24px;
    bottom: 24px;
    padding-right: 24px;
}

.single .ds-avatar {
    position: relative;
    width: auto;
    left: auto;
    bottom: auto;
    backdrop-filter: none;
    background-color: var(--color-contrast-pastel);
}

.single .meta_with_pic {
    display: flex;
    gap: 16px;
    justify-content: center;
    margin-bottom: 40px;
    margin-top: 40px;
}

.single .meta_with_pic a {
    border-right: solid 1px var(--color-border);
    padding-right: 16px;
    padding-top: 2px;
}

.ds-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 200px;
    margin-right: 12px;
}

.author_label {
    font-family: var(--font-family-sans);
    font-size: 14px;
    padding-top: 2px;
}

.author_label span {
    font-weight: 600;
}

.card_content {
    padding-left: 24px;
    padding-right: 24px;
}

.card_content h2 {
    padding-bottom: 24px;
    font-size: 1.44em !important; 
}

.cat_label {
    font-family: var(--font-family-sans);
}

.cat_label a {
    color: var(--color-contrast);
}

/*** RESPONSIVE ***/
@media screen and (min-width: 981px) {
    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 {
        width: calc((100% - 64px) / 3);
        margin-right: 32px;
    }
}
@media screen and (max-width: 1600px) {
    .combined_imgs {
        padding-top: 0px !important;
        margin-top: 0 !important;
    }
}
@media screen and (max-width: 1180px) {
    form .form_titles {
        min-width: 360px;
    }
}

@media screen and (max-width: 1080px) {
    .stage.combined_imgs .grid_container .et_pb_column_1_2:first-child {
        display: none;
    }
    
    .stage.combined_imgs .grid_container .et_pb_column_1_2:last-child {
        width: 100%;
    }

    .combined_imgs .et_pb_row {
        width: calc(60% - 16px);
    }

    .combined_imgs .et_pb_row.grid_container {
        width: calc(40% - 16px);
    }

    .grid_container:after {
        display: none;
    }
}

@media screen and (max-width: 980px) {
    .stage {
        height: calc(100vh - 72px); 
        width: calc(100% - 32px);
        margin: 16px auto 0 auto;
    }

    .home .stage .et_pb_text {
        width: 100%;
    }

    .single .max_1080 .et_pb_column,
    .home .max_1080 .et_pb_column,
    .page-alma .max_1080 .et_pb_column {
        margin-bottom: 0px;
        width: 72%;
    }

    #sib-container form {
        flex-wrap: wrap;
    }

    form .form_titles {
        text-align: center;
        min-width: 640px;
        margin-bottom: 8px;
    }

    form .form_title {
        text-align: center !important;
        display: inline;
    }

    form .form_subtitle {
        text-align: center !important;
    }

    form .form_field {
        margin-left: 0px;
    }

    .flex_row {
        gap: 4%;
    }

    .et_pb_column .et_pb_blog_grid .column.size-1of2 {
        width: calc((100% - 32px) / 2);
        margin-right: 32px;
    }

    .et_pb_column .et_pb_blog_grid .column.size-1of2 .et_pb_post {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 767px) {
    body {
        font-size: 16px !important;
    }

    .home .stage p {
        font-size: 1.12em;
    }

    .stage h1 {
        font-size: 2.5em !important;
    }

    h1 {
        font-size: 2.5em !important;
    }

    h2 {
        font-size: 2em !important;
    }

    h3 {
        font-size: 1.75em !important;
    }

    h4 {
        font-size: 1.5em !important;
    }

    h5 {
        font-size: 1.25em !important;
    }

    h6 {
        font-size: 1.17em !important;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    #about .et_pb_row {
        padding-top: 0px !important;
    }
    #about .et_pb_column{
        flex-direction: column-reverse;
    }
    #about .et_pb_module:first-child {
        flex-shrink: 1;
        margin: 0 auto;
    }

    #about .et_pb_module:last-child {
        text-align: center;
    }

    .flex .et_pb_row .et_pb_column {
        gap: 24px;
        flex-wrap: wrap;
    }

    #footer-widgets { 
        padding-bottom: 24px !important;
    }

    #footer-widgets .footer-widget:nth-child(n), #footer-widgets .footer-widget .fwidget {
        margin-bottom: 0px !important;
    }

    #footer-widgets .footer-widget:last-child {
        justify-content: left;
        border-top: 1px dashed var(--color-border);
        margin-top: 32px !important;
        padding-top: 24px;
    }

    .alma-footer-nav ul {
        text-align: left;
    }

    .stage.combined_imgs {
        height: auto !important;
        padding-bottom: 0px !important;
    }

    .page-alma #about.presentation .et_pb_row {
        padding-top: 6% !important;
        padding-bottom: 6% !important;
    }

    .flex_row {
        gap: 0;
        flex-wrap: wrap;
    }

    .flex_row.inverted {
        flex-direction: column-reverse;
    }

    .flex_row .et_pb_column {
        width: 100%;
    }

    .inverted .et_pb_column {
        margin-bottom: 0px !important;
    }
    .inverted.et_pb_row .et_pb_column.et-last-child, .inverted.et_pb_row .et_pb_column:last-child {
        margin-bottom: 30px !important;
    }
}

@media screen and (max-width: 680px) {
    .single .max_1080,
    .home .max_1080,
    .page-alma .max_1080 {
        background-size: auto 100% !important;
    }

    .single .max_1080 .et_pb_column,
    .home .max_1080 .et_pb_column,
    .page-alma .max_1080 .et_pb_column {
        width: 70%;
    }

    .single .max_1080 .et_pb_text p,
    .home .max_1080 .et_pb_text p,
    .page-alma .max_1080 .et_pb_text p {
        display: none;
    }

     form .form_titles {
        text-align: center;
        min-width: 360px;
        margin-bottom: 8px;
    }

    form .form_title {
        text-align: center !important;
        display: inline;
    }

    form .form_subtitle {
        text-align: center !important;
        margin-top: 2px !important;
    }
}

@media screen and (max-width: 640px) {
    @media screen and (max-width: 1080px) {
        .combined_imgs {
            flex-wrap: wrap;
            padding-top: 32px !important;
        }

        .combined_imgs .et_pb_text {
            text-align: center;
        }

        .stage.combined_imgs .grid_container .et_pb_column_1_2:first-child {
            display: block;
            width: 100%;
        }
        .stage.combined_imgs .grid_container .et_pb_column_1_2:first-child .et_pb_image_0,
        .stage.combined_imgs .grid_container .et_pb_column_1_2:last-child {
            display: none;
        }

        .stage.combined_imgs .grid_container .et_pb_column_1_2:first-child .et_pb_image_1 {
            margin: 0;
            width: 100%;
            height: 35vh;
            min-height: 200px;
        }

        .stage.combined_imgs .grid_container .et_pb_column_1_2:first-child .et_pb_image_1 img,
        .stage.combined_imgs .grid_container .et_pb_column_1_2:first-child .et_pb_image_1 .et_pb_image_wrap {
            width: 100%;
            height: 100%;
        }

        .stage.combined_imgs .grid_container .et_pb_column_1_2:first-child .et_pb_image_1 img {
            object-fit: cover;
            object-position: center;
        }

        .combined_imgs .et_pb_row.grid_container,
        .combined_imgs .et_pb_row {
            width: 100%;
        }

        .combined_imgs .et_pb_row.grid_container {
            padding-top: 0px !important;
        }

    }
}

@media screen and (max-width: 550px) {
    header .container {
        width: calc(90% - 24px);
    }
    #footer-bottom .container {
        flex-wrap: wrap;
        justify-content: center;
        gap: 0px;
        padding-bottom: 8px;
    }

    #footer-bottom p {
        width: 100%;
        text-align: center;
    }

    .owl-nav {
        justify-content: center;
    }

    .single .max_1080,
    .home .max_1080,
    .page-alma .max_1080 {
        background-size: cover !important;
    }

    .single .max_1080 .et_pb_column,
    .home .max_1080 .et_pb_column,
    .page-alma .max_1080 .et_pb_column {
        width: 100%;
    }

    .single .max_1080 .et_pb_row,
    .home .max_1080 .et_pb_row,
    .page-alma .max_1080 .et_pb_row {
        padding: 120px 0 0 0 !important;
    }

    .single .max_1080.gradient_green_down_right:after,
    .home .max_1080.gradient_green_down_right:after,
    .page-alma .max_1080.gradient_green_down_right:after {
        background: linear-gradient(0deg, rgba(79,119,117,1) 0%,rgba(79,119,117,0.8) 25%,rgba(79,119,117,0) 100%);
    }

    form .form_titles {
        min-width: 0px;
        flex-basis: 100%;
    }

    form .form_field input {
        min-width: 210px !important;
    }
}

@media screen and (max-width: 400px) {
    .shorter .et_pb_row {
        width: calc(100% - 48px);
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 360px) {
    .home .stage p {
        font-size: 1em;
    }

    .stage h1 {
        font-size: 2em !important;
    }

    h1 {
        font-size: 2em !important;
    }

    h2 {
        font-size: 1.75em !important;
    }

    h3 {
        font-size: 1.6em !important;
    }

    h4 {
        font-size: 1.4em !important;
    }

    h5 {
        font-size: 1.25em !important;
    }

    h6 {
        font-size: 1.17em !important;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
}

@media screen and (max-height: 768px) {
    .home .stage .vegas-wrapper .et_pb_row {
        margin-bottom: 0px !important;
    }
}

@media screen and (max-height: 640px) {
    .home .stage .vegas-wrapper .et_pb_row {
        padding-bottom: 0px !important;
    }
}