.source-sans {
    font-family: "Source Sans 3", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "bootstrap-icons";
    src: url("../fonts/bootstrap-icons.woff2") format("woff2"),
        url("../fonts/bootstrap-icons.woff") format("woff");
}

:root {
    --bs-font-paragraph: 1rem "Poppins", sans-serif;
    --bs-font-headline-1: 600 4.5rem 'Source Sans 3';
    --bs-icons-font: 'bootstrap-icons';
    --bs-cyan-10: #eefcff;
    --bs-cyan-20: #dbf9ff;
    --bs-cyan-30: #edfcff;
    --bs-cyan-50: #c5f5ff;
    --bs-cyan-70: #b6effb;
    --bs-cyan-80: #9eebfb;
    --bs-cyan-100: #12e0ff;
    --bs-cyan-200: #15d9eb;
    --bs-cyan-300: #06adcb;
    --bs-cyan-400: #0396ad;
    --bs-cyan-500: #068da5;
    --bs-cyan: #026677;
    --bs-black: #0f0f0f;
    --bs-dark-blue: #000C24;
    --bs-gray: #999999;
    --bs-light-gray: #dddddd;
    --bs-bullet-1: #003056;
    --bs-bullet-2: #068da5;
    --bs-bullet-3: #12e0ff;
    --bs-bullet-4: #0ebf9f;
    --bs-bullet-5: #F2D03B;
}

/*  {
    cursor: none;
} */

/**********  LOADER ***********/

.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--bs-dark-blue);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    z-index: 10;
    overflow: hidden;
}

.loader .loader-content {
    width: 200px;
    height: 100px;
    padding-top: 0;
    margin: 0 auto;
}

.ball {
    width: 10px;
    height: 10px;
    margin: 10px auto;
    border-radius: 50px;
}

.ball:nth-child(1) {
    background: var(--bs-bullet-3);
    -webkit-animation: right 1s infinite ease-in-out;
    -moz-animation: right 1s infinite ease-in-out;
    animation: right 1s infinite ease-in-out;
}

.ball:nth-child(2) {
    background: var(--bs-bullet-3);
    -webkit-animation: left 1.1s infinite ease-in-out;
    -moz-animation: left 1.1s infinite ease-in-out;
    animation: left 1.1s infinite ease-in-out;
}

.ball:nth-child(3) {
    background: var(--bs-bullet-3);
    -webkit-animation: right 1.05s infinite ease-in-out;
    -moz-animation: right 1.05s infinite ease-in-out;
    animation: right 1.05s infinite ease-in-out;
}

.ball:nth-child(4) {
    background: var(--bs-bullet-3);
    -webkit-animation: left 1.15s infinite ease-in-out;
    -moz-animation: left 1.15s infinite ease-in-out;
    animation: left 1.15s infinite ease-in-out;
}

.ball:nth-child(5) {
    background: var(--bs-bullet-3);
    -webkit-animation: right 1.1s infinite ease-in-out;
    -moz-animation: right 1.1s infinite ease-in-out;
    animation: right 1.1s infinite ease-in-out;
}

.ball:nth-child(6) {
    background: var(--bs-bullet-3);
    -webkit-animation: left 1.05s infinite ease-in-out;
    -moz-animation: left 1.05s infinite ease-in-out;
    animation: left 1.05s infinite ease-in-out;
}

.ball:nth-child(7) {
    background: var(--bs-bullet-3);
    -webkit-animation: right 1s infinite ease-in-out;
    -moz-animation: right 1s infinite ease-in-out;
    animation: right 1s infinite ease-in-out;
}

@-webkit-keyframes right {
    0% {
        -webkit-transform: translate(-15px);
    }

    50% {
        -webkit-transform: translate(15px);
    }

    100% {
        -webkit-transform: translate(-15px);
    }
}

@-webkit-keyframes left {
    0% {
        -webkit-transform: translate(15px);
    }

    50% {
        -webkit-transform: translate(-15px);
    }

    100% {
        -webkit-transform: translate(15px);
    }
}

@-moz-keyframes right {
    0% {
        -moz-transform: translate(-15px);
    }

    50% {
        -moz-transform: translate(15px);
    }

    100% {
        -moz-transform: translate(-15px);
    }
}

@-moz-keyframes left {
    0% {
        -moz-transform: translate(15px);
    }

    50% {
        -moz-transform: translate(-15px);
    }

    100% {
        -moz-transform: translate(15px);
    }
}

@keyframes right {
    0% {
        transform: translate(-15px);
    }

    50% {
        transform: translate(15px);
    }

    100% {
        transform: translate(-15px);
    }
}

@keyframes left {
    0% {
        transform: translate(15px);
    }

    50% {
        transform: translate(-15px);
    }

    100% {
        transform: translate(15px);
    }
}

/**********  END LOADER ***********/

body {
    background-color: var(--bs-dark-blue);
    color: var(--bs-white);
    overflow-x: hidden;
}

b,
strong {
    font-weight: 500;
    color: black;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

p {
    font: var(--bs-font-paragraph);
    line-height: 1.8rem;
    color: var(--bs-gray-600);
}

h1 {
    margin: 1rem 0 1.5rem;
    font: var(--bs-font-headline-1);
    line-height: 5rem;
    background: linear-gradient(var(--bs-cyan-100), var(--bs-cyan-400));
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

h3 {
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--bs-cyan-500);
    margin-bottom: 1.5rem;
}


h2 {
    font-weight: 700;
    font-size: 2.5rem;
    color: var(--bs-black);
    margin-bottom: 1.5rem;
}

a {
    text-decoration: none;
}

a.btn {
    color: var(--bs-white);
    padding: .5rem 2rem;
    position: relative;
    width: auto;
    transition: .2s;
    font-size: 1.15rem;
    margin-left: 0;
    margin-top: 1rem;
}

a.btn:hover {
    color: var(--bs-cyan-100);
}

a.btn.btn-pri,
button.button.is-checked {
    align-self: center;
    background-color: var(--bs-cyan-100);
    background-position: 0 90%;
    background-repeat: repeat no-repeat;
    background-size: 4px 3px;
    border-radius: 15px 225px 255px 15px 15px 255px 225px 15px;
    border: 2px solid var(--bs-black);
    box-shadow: rgba(0, 0, 0, .2) 15px 28px 25px -18px;
    box-sizing: border-box;
    color: #41403e;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    line-height: 23px;
    outline: none;
    padding: .75rem;
    text-decoration: none;
    transition: all 235ms ease-in-out;
    border-bottom-left-radius: 15px 255px;
    border-bottom-right-radius: 225px 15px;
    border-top-left-radius: 255px 15px;
    border-top-right-radius: 15px 225px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

a.btn.btn-pri:hover,
button.button.is-checked:hover {
    box-shadow: rgba(0, 0, 0, .3) 2px 8px 8px -5px;
    transform: translate3d(0, 2px, 0);
}

a.btn.btn-pri:focus,
button.button.is-checked:focus {
    box-shadow: rgba(0, 0, 0, .3) 2px 8px 4px -6px;
}

a.btn.btn-sec,
.page-node-type-project .views-field-field-website-project .field-content a,
.page-node-type-project .region-sidebar-second #block-delphinebook-views-block-other-projects-block-1 .views-field a,
button.button {
    text-decoration: none;
    color: var(--bs-black);
    font-weight: 400;
    position: relative;
    font-size: 1rem;
    z-index: 1;
    padding: 1rem 0 0;
    margin: .8rem 2rem 0;
}

a.btn.btn-sec::before,
.page-node-type-project .views-field-field-website-project .field-content a::before,
.page-node-type-project .region-sidebar-second #block-delphinebook-views-block-other-projects-block-1 .views-field a::before,
button.button::before {
    content: '';
    background-color: hsla(188, 100%, 54%, .75);
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 8px;
    z-index: -1;
    transition: all .3s ease-in-out;
}

a.btn.btn-sec:hover:before,
.page-node-type-project .views-field-field-website-project .field-content a:hover::before,
.page-node-type-project .region-sidebar-second #block-delphinebook-views-block-other-projects-block-1 .views-field a:hover::before,
.page-node-type-project .region-sidebar-second #block-delphinebook-views-block-other-projects-block-1 .views-field:hover::before,
button.button:hover:before {
    bottom: 0;
    height: 100%;
}

a.btn-animated rect {
    stroke-width: 4;
    stroke: var(--bs-cyan-300);
}

.btn-animated:hover rect {
    stroke-width: 5;
    stroke-dasharray: 15, 310;
    stroke-dashoffset: 48;
    transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}

#navbar_top.bg-dark {
    background-color: #000c24 !important;
}

.path-frontpage #navbar_top.bg-dark {
    padding-top: 3rem;
}

.nav-item a::after {
    content: '';
    background-color: var(--bs-cyan-100);
    border-radius: 10rem;
    width: 9px;
    height: 9px;
    display: inline-flex;
    margin-left: 1rem;
}

.nav-item a:hover,
.nav-item a:focus {
    color: var(--bs-cyan-200);
}

.nav-item .is-active,
.navbar-nav .nav-link.active {
    color: var(--bs-cyan-100);
}

.site-logo img {
    width: 120px;
    height: auto;
    transition: .2s;
}

.path-frontpage .site-logo img {
    width: 200px;
    margin-top: 1rem;
}

.fixed-top .site-logo img {
    width: 60px;
    height: auto;
}

#hero-home-content {
    min-height: 800px;
    background: #000c24 url('../images/home-header.jpg') no-repeat right 30% / 100%;
    position: relative;
    display: flex;
    align-items: center;
}

footer.bg-secondary {
    background: #000c24 !important;
    display: flex;
}

footer .region-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#block-delphinebook-delphinebookfooter {
    width: 30%;
}

#block-delphinebook-delphinebookfooter img {
    width: 50%;
    margin: 0 auto 2rem;
    display: block;
}

#block-delphinebook-delphinebookfooter p {
    margin: 1rem auto;
    color: var(--bs-white);
}

#block-delphinebook-copyright {
    text-align: center;
    width: 100%;
    border-top: 1px solid var(--bs-gray-600);
    padding-top: 1rem;
    margin-top: 1rem;
}

footer p {
    color: var(--bs-white);
}

#block-delphinebook-footer {
    margin-left: auto;
    margin-top: 5rem;
}

#block-delphinebook-footer h5 {
    font-size: 1.5rem;
    font-weight: 650;
    margin-bottom: 1rem;
}

#block-delphinebook-footer .navbar-nav .nav-link {
    margin: 0 0 0.2rem;
    padding: 0;
    font-size: 1rem;
    font-weight: 400;
}

#block-delphinebook-footer .nav-item a::after {
    content: '';
    background-color: transparent;
}

#block-delphinebook-footer .nav-item a::before {
    content: '';
    background-color: var(--bs-cyan-100);
    border-radius: 10rem;
    width: 9px;
    height: 9px;
    display: inline-flex;
    margin-right: .5rem;
}

.breadcrumb {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--bs-white);
}

.breadcrumb-item+.breadcrumb-item:before {
    content: "\F285";
    font-family: var(--bs-icons-font);
    color: var(--bs-white);
    margin-top: .3rem;
    font-size: .9rem;
}

.breadcrumb a {
    color: var(--bs-cyan-100);
}

/* CSS */
#edit-actions #edit-submit {
    align-self: center;
    background-color: var(--bs-cyan-100);
    background-position: 0 90%;
    background-repeat: repeat no-repeat;
    background-size: 4px 3px;
    border-radius: 15px 225px 255px 15px 15px 255px 225px 15px;
    border: 2px solid var(--bs-black);
    box-shadow: rgba(0, 0, 0, .2) 15px 28px 25px -18px;
    box-sizing: border-box;
    color: #41403e;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    line-height: 23px;
    outline: none;
    padding: .75rem;
    text-decoration: none;
    transition: all 235ms ease-in-out;
    border-bottom-left-radius: 15px 255px;
    border-bottom-right-radius: 225px 15px;
    border-top-left-radius: 255px 15px;
    border-top-right-radius: 15px 225px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

#edit-actions #edit-submit:hover {
    box-shadow: rgba(0, 0, 0, .3) 2px 8px 8px -5px;
    transform: translate3d(0, 2px, 0);
}

#edit-actions #edit-submit:focus {
    box-shadow: rgba(0, 0, 0, .3) 2px 8px 4px -6px;
}


/*******************  CURSOR  *********************/

.cursor-dot,
.cursor-dot-outline {
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.cursor-dot {
    width: 9px;
    height: 9px;
    background-color: var(--bs-cyan-100);
}

.cursor-dot-outline {
    width: 40px;
    height: 40px;
    background-color: rgba(18, 224, 255, .3);
}

/***********     ALL PAGES    ***************/

#hero-content {
    min-height: 450px;
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
}

/*************   Header homepage  *************/

#block-delphinebook-welcomeondelphinebook a.btn.btn-pri {
    border: var(--bs-cyan-100);
    font-weight: 500;
    padding: .75rem 2rem;
}

/**********  Hobbies homepage  ***********/

#hobbies-content {
    padding: 5rem 0;
    overflow: hidden;
}

#hobbies-content h2:after,
#block-delphinebook-logosgraphicdesign h2:after,
#carousel-content h2:after,
#block-delphinebook-views-block-other-projects-block-1 h2:after,
.view-project-sidebar span.views-label:after,
#block-delphinebook-views-block-photos-gallery-cards-block-1 h2:after {
    content: "";
    width: 5rem;
    display: inline-flex;
    border-bottom: 3px solid var(--bs-bullet-3);
    border-bottom-left-radius: 2555px 255px;
    border-bottom-right-radius: 2245px 255px;
    margin: 0 0 .6rem .8rem;
}

.view-project-sidebar span.views-label:after,
#block-delphinebook-views-block-other-projects-block-1 h2:after {
    border-bottom: 3px solid var(--bs-bullet-3);
    border-bottom-left-radius: 0px 255px;
    border-bottom-right-radius: 2545px 52px;
    margin: 0 0 .8rem .5rem;
}


#block-delphinebook-motto h2:before,
#block-delphinebook-motto h2:after,
#block-delphinebook-projects h2:before,
#block-delphinebook-projects h2:after,
#block-delphinebook-skillsandlanguages h2:before,
#block-delphinebook-skillsandlanguages h2:after {
    content: "";
    width: 5rem;
    display: inline-flex;
    border-bottom: 3px solid var(--bs-bullet-4);
    border-bottom-left-radius: 2555px 255px;
    border-bottom-right-radius: 2245px 255px;
    margin: 0 0 .6rem .6rem;
}

#block-delphinebook-motto h2:before,
#block-delphinebook-projects h2:before,
#block-delphinebook-skillsandlanguages h2:before {
    border-bottom: 3px solid var(--bs-bullet-5);
    margin: 0 .6rem .8rem 0;
}

#hobbies-content,
#featured-content {
    background: var(--bs-white);
    color: var(--bs-black);
}

#hobbies-content ul {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

#hobbies-content ul li {
    background: var(--bs-cyan-20);
    text-align: center;
    transition: .2s;
    border-radius: 5px;

    border-bottom-left-radius: 15px 255px;
    border-bottom-right-radius: 225px 15px;
    border-top-left-radius: 255px 15px;
    border-top-right-radius: 15px 225px;
}

#hobbies-content ul li:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

#hobbies-content ul li:nth-child(1) {
    background: var(--bs-white);
    text-align: left;
    padding-top: .5rem;
    border: none;
    box-shadow: none;
    position: relative;
}

#hobbies-content h3 {
    font-weight: 500;
}

#hobbies-content ul li:nth-child(2) {
    background: #a7d6f9;
}

#hobbies-content ul li:nth-child(2) h3 {
    color: var(--bs-bullet-1)
}

#hobbies-content ul li:nth-child(3) {
    background: #a1dfea;
}

#hobbies-content ul li:nth-child(3) h3 {
    color: var(--bs-bullet-2)
}

#hobbies-content ul li:nth-child(4) {
    background: #d3faff;
}

#hobbies-content ul li:nth-child(4) h3 {
    color: var(--bs-bullet-3)
}

#hobbies-content ul li:nth-child(5) {
    background: #bcf7eb;
}

#hobbies-content ul li:nth-child(5) h3 {
    color: var(--bs-bullet-4)
}

#hobbies-content ul li:nth-child(6) {
    background: #fff6d3;
}

#hobbies-content ul li:nth-child(6) h3 {
    color: var(--bs-bullet-5)
}

#hobbies-content ul li:nth-child(1) p {
    color: var(--bs-gray-600);
}

#trailedspreaddots {
    margin-left: -48px;
}

#hobbies-content ul li:nth-child(1):hover {
    border: none;
    box-shadow: none;
}

#hobbies-content ul li p {
    font: var(--bs-font-paragraph);
    line-height: 1.8rem;
    color: var(--bs-gray-800);
}

.effect-slidefromright:before,
.effect-slidefromleft:before {
    width: 50px;
    height: 50px;
    display: block;
    content: "";
    margin: auto;
}

.effect-slidefromleft:before {
    transition: .5s ease;
    transform: rotate(720deg);
}

li:hover .effect-slidefromleft:before {
    opacity: .3;
    transform: rotate(0deg);
}

li .effect-slidefromright:before {
    transition: .5s ease;
    transform: rotate(0deg);
}

li:hover .effect-slidefromright:before {
    opacity: .3;
    transform: rotate(720deg);
}

li:nth-child(2) .effect-slidefromleft:before {
    background: url(../images/icon-computer.png) no-repeat center center / contain;
}

li:nth-child(3) .effect-slidefromright:before {
    background: url(../images/icon-camera.png) no-repeat center center / contain;
}

li:nth-child(4) .effect-slidefromleft:before {
    background: url(../images/icon-travel.png) no-repeat center center / contain;
}

li:nth-child(5) .effect-slidefromright:before {
    background: url(../images/icon-island.png) no-repeat center center / contain;
}

li:nth-child(6) .effect-slidefromleft:before {
    background: url(../images/icon-sport.png) no-repeat center center / contain;
}

/********************      Featured     ***********************/

#featured-content {
    background-color: var(--bs-cyan-20);
    padding: 5rem 0;
}

#featured-content h2 {
    flex-direction: column;
}

#featured-content h2 {
    margin: 0 auto 1.5rem;
    text-align: center;
}

#featured-content p {
    color: var(--bs-gray-600);
    width: 60%;
    margin: auto;
    text-align: center;
}

#featured-content .hidden-content p {
    color: var(--bs-white);
}

.images-featured {
    display: flex;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.large-image img {
    height: 100%;
    object-fit: cover;
    object-position: 70% 5%;
}

.large-image,
.vertical-image {
    width: 47.2%;
    margin-right: 2rem;
    margin-bottom: 2rem;
}

.large-image {
    margin-bottom: 0;
}

.vertical-image:nth-child(2) {
    margin-right: 0;
    margin-left: auto;
}

.w-45 {
    margin-left: 0;
    width: 45%;
    display: flex;
    flex-wrap: wrap;
}

.images-featured .w-50 {
    display: flex;
    flex-wrap: wrap;
}

.images-featured .card-item {
    position: relative;
    filter: drop-shadow(2px 2px 2px rgba(60, 115, 206, 0.2));
}

.images-featured .card-item:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 45%;
    transform: scale(0);
    transition: .5s;
}

.images-featured .card-item:hover:before {
    transform: scale(1);
}

.images-featured .card-item:hover .hidden-content {
    visibility: visible;
    opacity: 1;
    top: 39%;
}

.images-featured .card-item.vertical-image:nth-child(1):hover .hidden-content {
    top: 20%;
}

.images-featured .card-item .hidden-content {
    position: absolute;
    top: 80%;
    left: 0;
    right: 0;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
    color: var(--bs-white);
    font-size: 2rem;
    font-weight: 700;
    padding: 0 2rem;
}

.images-featured .card-item h3 {
    color: var(--bs-white);
    font-size: 2rem;
    font-weight: 600;
}

/************************  Homepage - Photo gallery   ************************/

#block-delphinebook-views-block-photos-gallery-cards-block-1 {
    position: relative;
    padding: 3rem 0;
}

#block-delphinebook-views-block-photos-gallery-cards-block-1 .view-header {
    margin-bottom: 2.5rem;
    display: flex;
}

#block-delphinebook-views-block-photos-gallery-cards-block-1 .view-header p {
    width: 70%;
    margin-bottom: .5rem;
}

#block-delphinebook-views-block-photos-gallery-cards-block-1 .view-header p.buttons {
    text-align: right;
}

#block-delphinebook-views-block-photos-gallery-cards-block-1 ul {
    margin: auto;
    list-style: none;
    width: 100%;
    overflow: hidden;
}

#block-delphinebook-views-block-photos-gallery-cards-block-1 ul li {
    position: relative;
    width: 20%;
    height: auto;
    float: left;
    transition: all 0.7s;
    box-shadow: 2px 5px 5px #000;
}

#block-delphinebook-views-block-photos-gallery-cards-block-1 .item-list ul li {
    margin: 0;
}

#block-delphinebook-views-block-photos-gallery-cards-block-1 ul li:first-child {
    border: none;
}

#block-delphinebook-views-block-photos-gallery-cards-block-1 .views-field-body {
    position: absolute;
    bottom: 0;
    max-width: 70%;
    color: #fff;
    white-space: nowrap;
    padding: 20px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    font-weight: 700;
}

#block-delphinebook-views-block-photos-gallery-cards-block-1 .views-field-body h4 {
    background: var(--bs-white);
    font-size: 0.85rem;
    text-transform: uppercase;
    color: var(--bs-cyan-300);
    text-align: center;
    padding: 0.5rem 2rem;
    display: inline-flex;
    font-weight: 600;
    border-bottom-left-radius: 15px 255px;
    border-bottom-right-radius: 225px 15px;
    border-top-left-radius: 255px 15px;
    border-top-right-radius: 15px 225px;
}

#block-delphinebook-views-block-photos-gallery-cards-block-1 ul img {
    max-width: inherit;
    width: 1000px;
    height: 502px;
}

#block-delphinebook-views-block-photos-gallery-cards-block-1 ul:hover li {
    width: 100px;
}

#block-delphinebook-views-block-photos-gallery-cards-block-1 ul li:hover {
    width: 850px;
}

#block-delphinebook-views-block-photos-gallery-cards-block-1 h3 a {
    font-size: 3rem;
    color: var(--bs-white);
}

#block-delphinebook-views-block-photos-gallery-cards-block-1 h3 {
    font-size: 3em;
    padding-bottom: .5rem;
    font-weight: 600;
    border-bottom: 2px solid var(--bs-white);
    margin-top: 0;
    display: flex;
}

#block-delphinebook-views-block-photos-gallery-cards-block-1 .item-list ul li:nth-child(1) h4 {
    color: var(--bs-bullet-1);
}

#block-delphinebook-views-block-photos-gallery-cards-block-1 .item-list ul li:nth-child(2) h4 {
    color: var(--bs-bullet-2);
}

#block-delphinebook-views-block-photos-gallery-cards-block-1 .item-list ul li:nth-child(3) h4 {
    color: var(--bs-bullet-3);
}

#block-delphinebook-views-block-photos-gallery-cards-block-1 .item-list ul li:nth-child(4) h4 {
    color: var(--bs-bullet-4);
}

#block-delphinebook-views-block-photos-gallery-cards-block-1 .item-list ul li:nth-child(5) h4 {
    color: #D7AF01;
}


/*********************      ABOUT        ***************************/

main {
    color: var(--bs-gray-800);
    background-color: var(--bs-white);
}

.region-hero {
    display: flex;
    flex-wrap: wrap;
}

#block-delphinebook-breadcrumbs {
    width: 100%;
}

.path-about #hero-content {
    background: url(../images/about-page.jpg) no-repeat center center;
    color: var(--bs-cyan-30);
}

.path-about #block-delphinebook-content .field--name-body,
.path-portfolio #block-delphinebook-content .field--name-body {
    display: flex;
    flex-wrap: wrap;
}

.path-about #block-delphinebook-content .field--name-body>div,
.path-portfolio #block-delphinebook-content .field--name-body>div {
    width: 45%;
}

.path-about #block-delphinebook-content .text-about-me,
.path-portfolio #block-delphinebook-content .text-about-me {
    margin-left: 5rem;
}

.path-portfolio #block-delphinebook-content .text-about-me h3,
.path-photo-gallery #block-delphinebook-content h3,
.path-about #block-delphinebook-content .text-about-me h3,
.path-about #block-delphinebook-whatido .field--name-body h3 {
    margin-bottom: 0;
    font-weight: 300;
    color: var(--bs-black);
}

.path-photo-gallery #block-delphinebook-content .field--name-body p {
    width: 70%;
    margin: 0 auto;
}

.path-photo-gallery #block-delphinebook-content .field--name-body {
    text-align: center;
    margin-bottom: 3rem;
}

/***************     Skills & Languages   ******************/

#about-content {
    background: var(--bs-cyan-20);
    padding: 3rem 0;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

#about-content h2,
#about-content p {
    text-align: center;
    margin-bottom: .5rem;
}

#about-content p {
    margin-bottom: 3rem;
}

#block-delphinebook-skillsandlanguages div.lists {
    display: flex;
    flex-wrap: wrap;
    font-weight: 400;
    color: var(--bs-gray-600);
}

#block-delphinebook-skillsandlanguages .skills {
    padding: 0 0 2rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: #181b1c;
    border-radius: 5px;
    transition: 0.5s;
    color: var(--bs-white);
    filter: drop-shadow(0 0 3px rgba(2, 2, 2, 0.15));
    border-bottom-left-radius: 15px 255px;
    border-bottom-right-radius: 225px 15px;
    border-top-left-radius: 255px 15px;
    border-top-right-radius: 15px 225px;
}

#block-delphinebook-skillsandlanguages .skills:hover {
    transform: translateY(-5px);
    margin-top: 5px;
}

#block-delphinebook-skillsandlanguages .skills:hover p {
    color: var(--bs-black);
}

#block-delphinebook-skillsandlanguages .skills:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 5px;
}

#block-delphinebook-skillsandlanguages .skills:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-image: linear-gradient(360deg, rgb(17 22 31 / 80%), rgb(10 10 19 / 98%));
    opacity: 0.8;
    transition: all 0.5s;
    z-index: -1;
    border-radius: 5px;
    border-bottom-left-radius: 15px 255px;
    border-bottom-right-radius: 225px 15px;
}

#block-delphinebook-skillsandlanguages .skills:hover:after {
    height: 100%;
    top: 0;
    bottom: auto;
}

#block-delphinebook-skillsandlanguages .skills h3 {
    padding: 0;
    font-weight: 350;
    color: var(--bs-white);
}

#block-delphinebook-skillsandlanguages .skills ul {
    padding: 0;
    margin: 0;
    width: 100%;
}

#block-delphinebook-skillsandlanguages .skills .title {
    padding: 2rem 2rem 1rem;
    display: flex;
    flex-direction: column;
    background: var(--bs-cyan-20);
    margin-bottom: 1rem;
    gap: 1rem;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    border-bottom: 2px solid transparent;
    border-left: none;
    border-bottom-left-radius: 25px 250px;
    border-bottom-right-radius: 250px 15px;
    box-shadow: 0 2px 5px #1b1b1b;

}

#block-delphinebook-skillsandlanguages .skills:nth-child(1) {
    background: #123650;
    background: #091829;
}

#block-delphinebook-skillsandlanguages .skills:nth-child(1) .title {
    background: var(--bs-bullet-1);
}

#block-delphinebook-skillsandlanguages .skills:nth-child(2) {
    background: #18464e;
}

#block-delphinebook-skillsandlanguages .skills:nth-child(2) .title {
    background: var(--bs-bullet-2);
}

#block-delphinebook-skillsandlanguages .skills:nth-child(3) {
    background: #0F5060;
}

#block-delphinebook-skillsandlanguages .skills:nth-child(3) .title {
    background: var(--bs-bullet-3);
}

#block-delphinebook-skillsandlanguages .skills:nth-child(4) {
    background: #0D413E;
}

#block-delphinebook-skillsandlanguages .skills:nth-child(4) .title {
    background: var(--bs-bullet-4);
}

#block-delphinebook-skillsandlanguages .skills:nth-child(5) {
    background: #091829;
}

#block-delphinebook-skillsandlanguages .skills:nth-child(5) .title {
    background: var(--bs-bullet-1);
}

#block-delphinebook-skillsandlanguages .skills:nth-child(6) {
    background: #564D24;
}

#block-delphinebook-skillsandlanguages .skills:nth-child(6) .title {
    background: var(--bs-bullet-5);
}

#block-delphinebook-skillsandlanguages .skills li {
    padding: .3rem 1rem;
    display: inline-flex;
    margin: .1rem .5rem .3rem;
    color: white;
    font-weight: 400;
    width: 100%;
}

#block-delphinebook-skillsandlanguages .skills li:before {
    content: "\F272";
    color: var(--bs-cyan-100);
    margin-right: .5rem;
    margin-top: .1rem;
    font-family: var(--bs-icons-font);
}

#block-delphinebook-skillsandlanguages .skills li.title {
    font-weight: 600;
    color: var(--bs-cyan-300);
    background-color: transparent;
    width: 100%;
    font-size: 1.2rem;
    text-align: left;
    padding: .2rem .4rem 0 0;
    box-shadow: none;
    margin-top: 1rem;
    border: none;
}

#block-delphinebook-skillsandlanguages .skills li.wait::before {
    content: '\F41F';
    color: var(--bs-cyan-100);
    margin-right: .5rem;
    margin-top: .1rem;
    font-family: var(--bs-icons-font);
}

.icon {
    width: 50px;
    height: 50px;
}

/****************    Progress bar     ****************/

#block-delphinebook-whatido {
    margin: 5rem 0;
}

#block-delphinebook-whatido h4 {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 2rem;
}

#block-delphinebook-whatido .field--name-body {
    display: flex;
    flex-wrap: wrap;
}

#block-delphinebook-whatido .content-text {
    width: 45%;
}

.progress-bar-content {
    margin-top: 8rem;
    margin-left: auto;
    width: 45%;
}

.progress {
    border-radius: 2px;
    background: #ebebeb;
    margin-bottom: .5rem;
    height: 30px;
}

.progress-bar {
    background: var(--bs-cyan-100);
    text-align: right;
    height: 100%;
    padding-right: 1.5rem;
    border-radius: 2px;
}

.progress-bar {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    will-change: width, height;
}

.progress-element {
    text-align: left;
}

.progress-bar.delighter {
    transition: all .3s ease-out;
    width: 5%;
    opacity: .5;
    transition: width 1s cubic-bezier(0.6, 0.17, 0.37, 0.86), height 1s cubic-bezier(0.6, 0.17, 0.37, 0.86);
    transform: translateZ(0);
}

.progress-bar.started {
    width: 5%;
    opacity: 1;
}

.progress-bar1.delighter.started.ended {
    width: 95%;
}

.progress-bar2.delighter.started.ended {
    width: 95%;
}

.progress-bar3.delighter.started.ended {
    width: 85%;
}

.progress-bar4.delighter.started.ended {
    width: 90%;
}

.progress-bar5.delighter.started.ended {
    width: 85%;
}

.progress-bar6.delighter.started.ended {
    width: 75%;
}

/*****************  Photo gallery   ****************/
#carousel-content {
    padding-top: 3rem;
}

#block-delphinebook-carouselimages {
    padding-bottom: 5rem;
}

#carouselExampleSlidesOnly {
    display: flex;
    flex-wrap: wrap;
}

#carouselExampleSlidesOnly .w-50:nth-child(2) {
    justify-content: flex-end;
    display: inline-flex;
}

.carousel-buttons {
    width: 5rem;
    position: relative;
    display: flex;
    margin-bottom: 1rem;
    background-color: var(--bs-cyan-100);
    background-position: 0 90%;
    background-repeat: repeat no-repeat;
    background-size: 4px 3px;
    border: 2px solid var(--bs-black);
    box-shadow: rgba(0, 0, 0, .2) 15px 28px 25px -18px;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 23px;
    outline: none;
    padding: 1rem;
    transition: all 235ms ease-in-out;
    border-bottom-left-radius: 15px 255px;
    border-bottom-right-radius: 225px 15px;
    border-top-left-radius: 255px 15px;
    border-top-right-radius: 15px 225px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#block-delphinebook-carouselimages .align-items-center {
    height: 220px;
    overflow: hidden;
}

.carousel-control-prev,
.carousel-control-next {
    padding-left: .5rem;
    width: 40%;
    opacity: 0.7;
}

.carousel-control-next {
    right: .5rem;
}


/************ PAGE PHOTOS GALLERY ***************/

.path-photo-gallery #hero-content {
    background: url(../images/photos-gallery-page.jpg) no-repeat center center;
}

/************ PAGE PORTFOLIO ***************/

.path-portfolio #hero-content {
    background: url(../images/portfolio-page.jpg) no-repeat center center;
}

/************ PAGE CONTACT ***************/

.path-contact #hero-content {
    background: url(../images/contact-page.jpg) no-repeat right center;
}

.path-contact .region-content {
    display: flex;
    flex-wrap: wrap;
}

.path-contact #block-delphinebook-content,
#block-delphinebook-contactimage {
    width: 45%;
}

.messages__wrapper {
    width: 100%;
}

.path-contact #block-delphinebook-content {
    margin-left: auto;
}

#contact-message-feedback-form {
    background: #fff;
    filter: drop-shadow(0 0 9px rgba(2, 2, 2, 0.15));
    padding: 40px 50px 50px;
    border-radius: 15px 225px 255px 15px 15px 255px 225px 15px;
    border: 2px solid var(--bs-white);
    box-shadow: rgba(0, 0, 0, .2) 15px 28px 25px -18px;
    border-bottom-left-radius: 15px 255px;
    border-bottom-right-radius: 225px 15px;
    border-top-left-radius: 255px 15px;
    border-top-right-radius: 15px 225px;
    margin-bottom: 9rem;
}

#contact-message-feedback-form label {
    display: none;
}

#contact-message-feedback-form .js-form-type-checkbox label {
    display: inline-flex;
    padding-left: .5rem;
}

#contact-message-feedback-form input[type="text"],
#contact-message-feedback-form input[type="email"],
.form-check-input:checked[type="checkbox"],
.form-check-input[type="checkbox"],
#contact-message-feedback-form textarea {
    border-radius: 0;
    background: var(--bs-gray-800);
    background: #37474F;
    color: var(--bs-white);
    border-radius: 15px 225px 255px 15px 15px 255px 225px 15px;
    border: 2px solid var(--bs-black);
    box-shadow: rgba(0, 0, 0, .2) 15px 28px 25px -18px;
    border-bottom-left-radius: 15px 255px;
    border-bottom-right-radius: 225px 15px;
    border-top-left-radius: 255px 15px;
    border-top-right-radius: 15px 225px;
}

#contact-message-feedback-form input[type="text"]::placeholder,
#contact-message-feedback-form input[type="email"]::placeholder,
#contact-message-feedback-form textarea::placeholder {
    color: var(--bs-gray-400);
}

#block-delphinebook-contactparagraph p {
    width: 50%;
}

#contact-message-feedback-form #edit-actions {
    margin-top: 2rem
}

/*******************   PORTFOLIO  *********************/

#block-delphinebook-projects p {
    width: 70%;
    margin: 1.5rem auto 2rem;
}

#block-delphinebook-projects ul {
    margin: 3rem auto;
}

.project {
    display: flex;
    padding: 2rem 0;
    background: white;
    margin-bottom: 2rem;
    padding: 3rem;
}

.path-portfolio #block-delphinebook-content {
    margin-bottom: 4rem;
}

#about-content .project-image {
    width: 40%;
}

#about-content .project-text-content {
    width: 65%;
    margin-left: 3rem;
}

#about-content .project-text-content h4 {
    margin-bottom: .5rem;
    font-weight: 300;
    font-size: 1.3rem;
}

#about-content .project-text-content h3 {
    margin-bottom: 1rem;
    font-weight: 650;
    color: var(--bs-black);
}

#about-content #block-delphinebook-projects .project-text-content p {
    text-align: left;
    margin: 0;
    font-size: .95rem;
    width: 100%;
    font-weight: 300;
    color: var(--bs-black);
}

.project-image img {
    object-fit: cover;
    height: 100%;
    object-position: left bottom;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 800px !important;
        background: white;
        padding: 3rem;
        position: relative;
        max-height: 500px !important;
        min-height: inherit;
        pointer-events: auto;
        margin-top: 10%;
    }

    .modal-dialog a {
        width: 25px;
        height: 25px;
        position: absolute;
        top: 0;
        right: 0;
        padding: 1rem;
        cursor: pointer;
        display: inline-flex;
    }

    .modal-dialog a:hover {
        color: var(--bs-cyan-100);
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2312e0ff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
        width: 19px;
        height: 19px;
        padding: 0;
        top: 20px;
        right: 20px;
    }
}

/*********************      LogoS & Graphic designs      ***************/

#block-delphinebook-logosgraphicdesign {
    margin: 5rem auto;
}

#block-delphinebook-logosgraphicdesign .field--name-body {
    display: flex;
}

#block-delphinebook-logosgraphicdesign .field--name-body .text-logo-design {
    width: 35%;
    margin-top: 8rem;
}

#about-content #block-delphinebook-logosgraphicdesign h2,
#about-content #block-delphinebook-logosgraphicdesign p {
    text-align: left;
}

#about-content #block-delphinebook-logosgraphicdesign p {
    margin-bottom: .5rem;
}

.images-logo-design {
    width: 64%;
    margin-left: 2rem;
}

.images-logo-design ul {
    display: flex;
    flex-wrap: wrap;
}

.images-logo-design ul li {
    width: 48%;
    padding: .5rem;
    position: relative;
    margin-bottom: 2rem;
    margin-right: 2rem;
    background-color: var(--bs-white);
    display: inline-flex;
    align-items: center;
    box-shadow: rgba(0, 0, 0, .2) 15px 28px 25px -18px;
    filter: drop-shadow(0 0 9px rgba(2, 2, 2, 0.15));
}

.images-logo-design ul li:nth-child(even) {
    margin-right: 0;
}

.images-logo-design ul li:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: var(--bs-black);
    opacity: .7;
    transition: .5s;
}

.images-logo-design ul li:hover:before {
    height: 100%;
    top: 0;
}

.text-hover-images {
    position: absolute;
    bottom: -10%;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
    text-align: center;
}

.text-hover-images span {
    color: var(--bs-white);
    background: var(--bs-black);
    display: inline-flex;
    padding: .5rem 1rem;
    font-weight: 600;
    border-bottom-left-radius: 15px 255px;
    border-bottom-right-radius: 225px 15px;
    border-top-left-radius: 255px 15px;
    border-top-right-radius: 15px 225px;
}

.images-logo-design ul li:hover .text-hover-images {
    bottom: 7%;
    visibility: visible;
    opacity: 1;
}

/*********************  PHOTOS GALLERY **********************/

#block-delphinebook-views-block-photos-gallery-block-1 ul.grid {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
    margin-bottom: 8rem;
}

#block-delphinebook-views-block-photos-gallery-block-1 ul.grid li {
    width: 23%;
    margin-right: 1rem;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
}

#block-delphinebook-views-block-photos-gallery-block-1 ul.grid li:before {
    width: 24%;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

#block-delphinebook-views-block-photos-gallery-block-1 ul.grid .title-gallery {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    transition: all .3s ease-in;
}

#block-delphinebook-views-block-photos-gallery-block-1 ul.grid li:hover .title-gallery {
    opacity: 1;
}

#block-delphinebook-views-block-photos-gallery-block-1 ul.grid li img {
    transition: all .3s ease-in;
    transform: translate(0, 0);
}

#block-delphinebook-views-block-photos-gallery-block-1 ul.grid li:hover img {
    transform: scale3d(1.1, 1.1, 1.1)
}

#block-delphinebook-views-block-photos-gallery-block-1 ul.grid .title-gallery a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#block-delphinebook-views-block-photos-gallery-block-1 ul.grid .title-gallery h3 {
    color: var(--bs-white);
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0;
}

#block-delphinebook-views-block-photos-gallery-block-1 ul.grid .title-gallery h4 {
    color: var(--bs-white);
    text-transform: capitalize;
    font-size: 1.2rem;
    font-weight: 350;
    margin-bottom: 0.25rem;
}


/*****************   NODE PAGE PHOTO GALLERIES    *******************/

.page-node-type-gallery-photos #hero-content {
    background: url(../images/header-galleries.jpg) no-repeat center center;
}

.page-node-type-gallery-photos #block-delphinebook-content {
    padding-bottom: 5rem;
}

.page-node-type-gallery-photos main .field--name-body p {
    width: 70%;
}

.field--name-field-photos-gallery .field__item {
    width: 24.5%;
    margin: 0 .5rem .5rem 0;
}

.field--name-field-photos-gallery .field__item:nth-child(4n +0) {
    margin: 0 0 .5rem 0;
}

/* Default: hidden */
.field--name-field-photos-gallery img {
    opacity: 0;
    transform: scale(0.98);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* When image is loaded */
.field--name-field-photos-gallery img[loading="lazy"],
.field--name-field-photos-gallery img:not([loading]) {
    opacity: 1;
    transform: scale(1);
}

.field--name-field-photos-gallery {
    display: flex;
    flex-wrap: wrap;
}

.glightbox-clean .gdesc-inner {
    color: var(--bs-gray-700);
}

/* Default: hidden */
.field--name-field-photos-gallery img {
    opacity: 0;
    transform: scale(0.98);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* When image is loaded */
.field--name-field-photos-gallery img[loading="lazy"],
.field--name-field-photos-gallery img:not([loading]) {
    opacity: 1;
    transform: scale(1);
}

/*************   404 ERROR     ***************/

.page-node-11 #hero-content {
    background: url(../images/404-error-page.jpg) no-repeat center center;
}

.page-node-11 img.img-fluid {
    width: 70%;
    margin: 5rem auto;
}

.page-node-11 p.center {
    text-align: center;
}

/*************   PROJECT NODE     ***************/

.page-node-type-project #hero-content {
    background: url(../images/header-project.jpg) no-repeat center center;
}

.field--name-field-image-project {
    filter: drop-shadow(0 0 9px rgba(2, 2, 2, 0.15));
    margin-bottom: 2rem;
}

.page-node-type-project article {
    padding-bottom: 5rem;
}

#block-delphinebook-views-block-project-sidebar-block-1 {
    margin-top: 4.5rem;
}

.views-field-field-skill-project .field-content span {
    font-weight: 400;
    background: var(--bs-cyan-50);
    color: var(--bs-cyan);
    display: inline-flex;
    padding: .5rem 1rem;
    border-radius: 5px;
    font-size: .95rem;
    margin: 0 .5rem .5rem;
    border-bottom-left-radius: 15px 255px;
    border-bottom-right-radius: 225px 15px;
    border-top-left-radius: 255px 15px;
    border-top-right-radius: 15px 225px;
}

.view-project-sidebar span.views-label,
#block-delphinebook-views-block-other-projects-block-1 h2 {
    color: var(--bs-black);
    font-size: 1.4rem;
    font-weight: 650;
    margin-bottom: 1rem;
    display: inline-flex;
}

.page-node-type-project .region-sidebar-second .views-field {
    background: var(--bs-cyan-10);
    margin: 2rem 0rem;
    padding: 2rem 1.5rem;
}

.page-node-type-project .region-sidebar-second #block-delphinebook-views-block-other-projects-block-1 .views-field {
    margin: 0;
    padding: 0;
}

.page-node-type-project .views-field-field-website-project .field-content {
    display: flex;
}

.page-node-type-project .views-field-field-website-project .field-content a,
.page-node-type-project .region-sidebar-second #block-delphinebook-views-block-other-projects-block-1 .views-field a {
    padding: 0;
    margin: .5rem 0;
}

.page-node-type-project .views-field-field-website-project .field-content:before,
.page-node-type-project .region-sidebar-second #block-delphinebook-views-block-other-projects-block-1 .views-field :before {
    font-family: var(--bs-icons-font);
    content: "\F470";
    color: var(--bs-black);
    margin-right: .7rem;
    font-size: 1.5rem;
    margin-top: .2rem;
}

.page-node-type-project h3 {
    font-weight: 400;
    color: var(--bs-black);
    margin-bottom: 1rem;
}

#block-delphinebook-views-block-other-projects-block-1 {
    background: var(--bs-cyan-10);
    margin: 2rem 0rem 2rem 1.5em;
    padding: 2rem 1.5rem;
}

#block-delphinebook-views-block-other-projects-block-1 h2::after {
    margin: 0 0 .6rem .5rem;
}

#block-delphinebook-views-block-other-projects-block-1 .item-list li {
    margin-left: 0;
}

#block-delphinebook-views-block-other-projects-block-1 .field-content {
    display: flex;
}