/* ==========================================================
   SIMOSERPOLA.COM
   CUSTOM CSS
   ========================================================== */


/* ==========================================================
   1. HERO / INTRO
   Designing tangible things
   and physical experiences.
   ========================================================== */

.module-id-1788085861371 h1 {
    position: relative !important;

    margin: 0 !important;
    padding-left: 30px !important;

    color: #00FFFF !important;

    font-size: 72px !important;
    font-weight: 300 !important;
    line-height: 0.98 !important;
    letter-spacing: -0.03em !important;
}


/* Hero vertical line */

.module-id-1788085861371 h1::before {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    top: 0.08em !important;
    bottom: 0.08em !important;

    width: 1px !important;
    background-color: #00FFFF !important;
}


/* ==========================================================
   2. ABOUT
   ========================================================== */

.module-id-15540608333 {
    position: relative !important;
    padding-left: 30px !important;
}


/* About vertical line */

.module-id-15540608333::before {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;

    width: 1px !important;
    background-color: #00FFFF !important;
}


/* About body typography */

.module-id-15540608333 p,
.module-id-15540608333 p span {
    font-weight: 400 !important;
}


/* ABOUT heading */

.module-id-15540608333 p:first-child,
.module-id-15540608333 p:first-child span,
.module-id-15540608333 p:first-child strong,
.module-id-15540608333 p:first-child b {
    font-weight: 700 !important;
}


/* Remove pasted bold formatting from About body */

.module-id-15540608333 p:not(:first-child) strong,
.module-id-15540608333 p:not(:first-child) b {
    font-weight: 400 !important;
}


/* ==========================================================
   3. SELECTED RECOGNITION
   ========================================================== */

.module-id-1788119181690 {
    position: relative !important;

    border-top: 1px solid #00FFFF !important;
    padding-top: 40px !important;

    color: #00FFFF !important;
}


/* Force ALL Recognition content to same cyan + regular weight */

.module-id-1788119181690 p,
.module-id-1788119181690 p span,
.module-id-1788119181690 p strong,
.module-id-1788119181690 p b,
.module-id-1788119181690 p a {
    color: #00FFFF !important;
    -webkit-text-fill-color: #00FFFF !important;

    font-weight: 400 !important;

    opacity: 1 !important;
}


/* SELECTED RECOGNITION heading */

.module-id-1788119181690 p:first-child,
.module-id-1788119181690 p:first-child span,
.module-id-1788119181690 p:first-child strong,
.module-id-1788119181690 p:first-child b,
.module-id-1788119181690 p:first-child a {
    color: #00FFFF !important;
    -webkit-text-fill-color: #00FFFF !important;

    font-weight: 700 !important;
    opacity: 1 !important;
}


/* Remove gaps between Recognition rows */

.module-id-1788119181690 p:not(:first-child) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    line-height: 1.5 !important;
}


/* ==========================================================
   4. CONTACT
   ========================================================== */

.module-id-1554060519721,
.module-id-1554060519721 p,
.module-id-1554060519721 span,
.module-id-1554060519721 strong,
.module-id-1554060519721 b,
.module-id-1554060519721 a {
    color: #00FFFF !important;
    -webkit-text-fill-color: #00FFFF !important;

    font-weight: 400 !important;
}


/* CONTACT heading */

.module-id-1554060519721 p:first-child,
.module-id-1554060519721 p:first-child span,
.module-id-1554060519721 p:first-child strong,
.module-id-1554060519721 p:first-child b,
.module-id-1554060519721 p:first-child a {
    font-weight: 700 !important;
}


/* ==========================================================
   5. MOBILE
   ========================================================== */

@media (max-width: 767px) {

    /* Hero */

    .module-id-1788085861371 h1 {
        font-size: 48px !important;
        line-height: 1.02 !important;
        letter-spacing: -0.03em !important;

        padding-left: 20px !important;
    }

    .module-id-1788085861371 h1::before {
        width: 1px !important;
    }


    /* About */

    .module-id-15540608333 {
        padding-left: 20px !important;
    }

    .module-id-15540608333::before {
        width: 1px !important;
    }
}
.module-id-1788119181690 p:not(:first-child),
.module-id-1788119181690 p:not(:first-child) span,
.module-id-1788119181690 p:not(:first-child) strong,
.module-id-1788119181690 p:not(:first-child) b {
    font-size: 18px !important;
}