...
CSS Stylesheet |
---|
/*--- HOME SECTION USE CASES ---*/ .home-use-cases {} .home-use-cases img { height: 113px;} /*card content custom*/ .card-content-custom .card-content { padding:0; box-shadow: 0px 4px 20px rgba(0, 55, 100, 0.1); border-radius: 16px;} .card-content-custom .card-content .card-content-text { padding:1rem 2rem 0 2rem;} .card-content-custom .card-content .card-content-footer {display: flex; justify-content: end; padding:0 2rem 1.5rem 2rem; } .card-content-custom .card-content .card-content-capabilities { background: #E8E7EB; max-width: 191px; border-radius: 6px; text-align: center; letter-spacing: 1px; } .card-content-custom .card-content { display: flex; flex-direction: column; justify-content: space-between; } /*--- MACRO HOME SLIDER NEWS ---*/ .flickity-viweportviewport .card-grid-sc-slider{min-height: 449px;} .home-slider-news { position:relative; z-index:2; padding-top: 0; padding-bottom:0; border:1px solid #00b3ef;} .home-slider-news .flickity-enabled { position:relative; background-color: transparent; box-shadow:none;} .home-slider-news .flickity-enabled.is-draggable { box-shadow:none;} .home-slider-news .news-slider-root > div { padding:0;} .home-slider-news .aui-item > div { margin:0; padding:0;} .home-slider-news .aui-item { display:inline-block; padding:0;} .home-slider-news .aui-group>.aui-item { padding-top:0; padding-bottom:0; width: 100%;} .home-slider-news .aui-group>.aui-item+.aui-item { padding:0; width: 100%;} .home-slider-news > ul { list-style: none; margin: 0; padding: 0;} /*heading*/ .home-slider-news h2:first-child { display: none;} /*arrow*/ .home-slider-news .flickity-button { display:none;} /*dots*/ .home-slider-news .flickity-page-dots { position:absolute; top:auto; bottom:-3rem; margin-bottom: 0; height:1rem; text-align: center !important;} .home-slider-news .flickity-page-dots .dot { opacity: 1; height: 12px; width:12px; background: #CD1D8B !important; border:1px solid #CD1D8B;} .home-slider-news .flickity-page-dots .dot.is-selected { height: 12px; width:48px; background: #CD1D8B !important; border:1px solid #CD1D8B; border-radius:10px;} .home-slider-news .flickity-page-dots .dot:focus { outline: 2px dashed black; outline-offset: 2px;} /*content*/ .home-slider-news-label { display: inline-block; padding: 0.25rem; font-weight: normal; letter-spacing: 2px; line-height: 1em; text-align: center; text-decoration: none; background-color: #E6F7FD; border: 1px solid transparent; border-radius: 6px;} .home-slider-news-title { margin-bottom: 0; } .home-slider-news-title h3 { font-size: 1.2rem; padding-top:1rem; line-height: 1.2;} @media screen and (min-width: 576px) { .home-slider-news-cell { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;} .home-slider-news-label { padding: 0.5rem 0.75rem; font-weight: normal; letter-spacing: 2px; line-height: 1em;} .home-slider-news-title { flex-grow: 1;} .home-slider-news-title h3 { padding-left: 1rem; padding-right:1rem; font-size: 1.5rem;} } .home-slider-news-container.flickity-enabled.is-draggable:focus { outline:0; outline:none; box-shadow:none;} /*--- MACRO SLIDER BY DEFAULT ---*/ .slider-default { position:relative; z-index:8; } .slider-default .flickity-enabled { background-color: transparent; box-shadow:none;} .slider-default .flickity-enabled.is-draggable { box-shadow:none;} .slider-default .news-slider-root > div { padding:0;} .slider-default .aui-item > div { margin:0; padding:0;} .slider-default .aui-item { display:inline-block; padding:0 15px 10px 15px;} .slider-default .aui-group>.aui-item { padding-top:0; padding-top:1rem; padding-bottom:0; width: 100%;} .slider-default .aui-group>.aui-item+.aui-item { padding:0; width: 100%;} .slider-default > ul { list-style: none; margin: 0; padding: 0;} /*heading*/ .slider-default h2:first-child { display: none;} /*arrow*/ .slider-default .flickity-button { top:38% !important; background-color: #fff !important; border:1px solid #CD1D8B; border-radius:8px !important;} .slider-default .flickity-button:hover { background-color: #FFE7F2 !important;} .slider-default .flickity-button:focus { outline: 2px dashed black; outline-offset: 2px; box-shadow: none;} .slider-default .flickity-prev-next-button .flickity-button-icon { left: 30%; top: 30%; width: 40%; height: 40%; fill: rgb(205, 29, 139) !important;} .slider-default .flickity-prev-next-button.previous { left: -15px;} .slider-default .flickity-prev-next-button.next { right: -15px;} /*dots*/ .slider-default .flickity-page-dots { position:relative; margin-bottom: 0; top:1rem !important; height:1rem; text-align: center !important;} .slider-default .flickity-page-dots .dot { opacity: 1; height: 12px; width:12px; background: #CD1D8B !important; border:1px solid #CD1D8B;} .slider-default .flickity-page-dots .dot.is-selected { height: 12px; width:48px; background: #CD1D8B !important; border:1px solid #CD1D8B; border-radius:10px;} .slider-default .flickity-page-dots .dot:focus { outline: 2px dashed black; outline-offset: 2px;} @media screen and (min-width: 1280px) { .slider-default .flickity-prev-next-button.previous { left: -50px;} .slider-default .flickity-prev-next-button.next { right: -50px;} } .flickity-viewport { height: 551px; } /*--- HOME SS SLIDER BY DEFAULT ADD ON ---*/ .ss-carroussel { position:relative; padding-top:0; padding-bottom:0;} .ss-carroussel .slider-default { margin-top:1rem;} /*hack*/ .ss-carroussel .slider-default > p:last-child { display: none;} /*arrow*/ .ss-carroussel .slider-default .flickity-button { background-color: rgba(205, 29, 139, .3) !important;; border:1px solid #FFF;} .ss-carroussel .slider-default .flickity-button:hover { background-color: #CD1D8B !important;} .ss-carroussel .slider-default .flickity-prev-next-button .flickity-button-icon { fill: rgb(255, 255, 255) !important;} @media screen and (min-width: 1280px) { .ss-carroussel .slider-default .flickity-button { background-color: transparent !important; border:1px solid #FFF;} } .bg-gradient { background: linear-gradient(90deg, #00B3EF 0%, #004494 50%, #004494 65.57%, #FF0179 115.49%)!important } /*card*/ .ss-carroussel .card-grid-body p:first-child { margin-bottom:0.25rem;} .ss-carroussel .card-grid-body p:last-child { margin-bottom:0;} .ss-carroussel .list-flag { margin-bottom: 0;} .ss-carroussel .card-grid-footer p { text-align: right;} /*content*/ .ss-carroussel h2 { margin-top:-2rem;} /*wave top*/ .success-stories-curve-top { z-index:1; position: absolute; left: 0; right: 0; height: 100%; margin-top: 7.7rem;} .success-stories-curve-top p { margin:0;} .success-stories-curve-top img {width: 103%;} /*wave bottom*/ .success-stories-wave-bottom { overflow: hidden; z-index:1; position:relative; height:10rem; background-color: #E5F7FE; } .success-stories-wave-bottom p { margin:0;} .success-stories-wave-bottom img { position:absolute; bottom:0; left:-1%; width: 102%;} /*---HOME SS SECTION CTA REGISTER---*/ .ss-cta-register { position: relative; padding-top:4rem; padding-bottom: 6rem; background-color: #E5F7FE;} .ss-cta-register .cols:last-child { margin-top: -3rem;} /*HACK to remove empty p*/ .ss-cta-register .cols:first-child p:first-child { display: none;} /*CARD*/ .ss-cta-register .card-grid-body img { margin-top:1rem; width: 80px} .ss-cta-register .card-grid-text { margin:1rem 0 0 0;} .ss-cta-register .card-grid-footer { text-align: right;} #ss-become-a-pilot { position: relative; z-index: 1000; padding-top: 4rem; } #ss-become-a-pilot h3 { color: white; } #ss-become-a-pilot p { color: white; } #ss-become-a-pliot span { color: white; } #ss-stories-get-inspired { padding-left: 2.5rem; padding-bottom: 0;} .home-slider-news { background: #001E65; border-radius: 0px 0px 24px 24px; border: none!important;} #bg-news-left { position: absolute; left: 0%; bottom: 0px; width: 15%; max-width: 180px; border-bottom-left-radius: 24px;} #bg-news-right { position: absolute; right: 50px; bottom: 0px; height: 100%; z-index: 1; } .news-info { display: flex; gap: 1rem; align-items: center;} .news-slider-container { min-height: 78px; display: flex; justify-content: space-between; align-items: center; } .home-slider-news p { margin: 0px!important; padding: 0px!important; } .news-text { display: flex; align-items: center; } .news-text > h3 { margin-bottom: 0px; color: white; z-index: 10;} .home-slider-news-label {background: white!important; font-size: 18px; color: #D70058; z-index: 10;} .news-cta { z-index: 10; } @media screen and ( max-width: 768px ) { #bg-news-left { width: 100%; } #bg-news-right { right: -253px; bottom: 0px; width: 300px; } .news-info { padding-top: 1rem; padding-bottom: 1rem; } .news-cta { padding-bottom: 1rem; } .news-slider-container { flex-direction: column; } } |
...