@font-face {
    font-display: swap;
    font-family: Gotham Rounded;
    font-style: normal;
    font-weight: 500;
    src: url(https://www.imagicle.com/wp-content/themes/imagicle/assets/fonts/Gotham/GothamRounded-Medium.eot);
    src: url(https://www.imagicle.com/wp-content/themes/imagicle/assets/fonts/Gotham/GothamRounded-Medium.eot?#iefix) format("embedded-opentype"), url(https://www.imagicle.com/wp-content/themes/imagicle/assets/fonts/Gotham/GothamRounded-Medium.woff2) format("woff2"), url(https://www.imagicle.com/wp-content/themes/imagicle/assets/fonts/Gotham/GothamRounded-Medium.woff) format("woff"), url(https://www.imagicle.com/wp-content/themes/imagicle/assets/fonts/Gotham/GothamRounded-Medium.ttf) format("truetype"), url(https://www.imagicle.com/wp-content/themes/imagicle/assets/fonts/Gotham/GothamRounded-Medium.svg#GothamRounded-Medium) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Gotham Rounded Book;
    font-style: normal;
    font-weight: 400;
    src: url(https://www.imagicle.com/wp-content/themes/imagicle/assets/fonts/Gotham/GothamRounded-Book.eot);
    src: url(https://www.imagicle.com/wp-content/themes/imagicle/assets/fonts/Gotham/GothamRounded-Book.eot?#iefix) format("embedded-opentype"), url(https://www.imagicle.com/wp-content/themes/imagicle/assets/fonts/Gotham/GothamRounded-Book.woff2) format("woff2"), url(https://www.imagicle.com/wp-content/themes/imagicle/assets/fonts/Gotham/GothamRounded-Book.woff) format("woff"), url(https://www.imagicle.com/wp-content/themes/imagicle/assets/fonts/Gotham/GothamRounded-Book.ttf) format("truetype"), url(https://www.imagicle.com/wp-content/themes/imagicle/assets/fonts/Gotham/GothamRounded-Book.svg#GothamRounded-Book) format("svg")
}

@font-face {
    font-display: swap;
    font-family: Source Sans Variable;
    font-stretch: normal;
    font-style: normal;
    font-weight: 200 900;
    src: url(https://www.imagicle.com/wp-content/themes/imagicle/assets/fonts/SourceSansVariable/SourceSansVariable-Roman.otf.woff2) format("woff2-variations"), url(https://www.imagicle.com/wp-content/themes/imagicle/assets/fonts/source-sans-release/WOFF2/VAR/SourceSans3VF-Roman.ttf.woff2) format("woff2"), url(https://www.imagicle.com/wp-content/themes/imagicle/assets/fonts/source-sans-release/WOFF/VAR/SourceSans3VF-Roman.ttf.woff) format("woff"), url(https://www.imagicle.com/wp-content/https://www.imagicle.com/wp-content//imagicle/assets/fonts/source-sans-release/VAR/SourceSans3VF-Roman.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Source Sans Variable;
    font-stretch: normal;
    font-style: italic;
    font-weight: 200 900;
    src: url(https://www.imagicle.com/wp-content//imagicle/assets/fonts/SourceSansVariable/SourceSansVariable-Italic.otf.woff2) format("woff2-variations"), url(https://www.imagicle.com/wp-content//imagicle/assets/fonts/source-sans-release/WOFF2/VAR/SourceSans3VF-Italic.ttf.woff2) format("woff2"), url(https://www.imagicle.com/wp-content//imagicle/assets/fonts/source-sans-release/WOFF/VAR/SourceSans3VF-Italic.ttf.woff) format("woff"), url(https://www.imagicle.com/wp-content/themes/imagicle/assets/fonts/source-sans-release/VAR/SourceSans3VF-Italic.ttf) format("truetype")
}

/***************************************/
/* GENERI ELEMENTS */

body,
body p,
body .hc-main-wrapper p {
    /* background-color: red; */
    color: #212324;
    font-family: Source Sans Variable, sans-serif;
    font-size: 18px;
    font-weight: 450;
    line-height: 1.3;
    text-align: inherit;
}

body .hc-portal-banner {
    background-color: #e9edf3!important;
   margin: 0px;
}

body .hc-header-background-color {
  height: 78.93px;
   
}

body .hc-footer-background-color {
    padding-top: 2.0rem;
    padding-bottom: 2.0rem;
    
}


h1,
h2,
h3,
h4,
h5 {
    color: #00225a;
    font-family: 'Gotham Rounded Medium', Gotham Rounded !important;
    letter-spacing: -1px;
    margin: 0;
    outline: none;

}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
    color: #00225a;
    text-decoration: none;
    transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -ms-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-timing-function: ease-in-out
}

h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus {
    outline: 0
}

h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited {
    color: #00225a
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
    color: #429aff;
    text-decoration: underline;
    text-decoration: none
}

h3,
h4,
h5 {
    letter-spacing: -.5px
}


h1 {
    color: #00225a;
    letter-spacing: -1px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 15px; 
}

h2 {
    color: #00225a;
    letter-spacing: -1px;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.15;
}

 .vp-banner-text.portal__header__content__intro--intro.hc-portal-font-color  {
    color: #00225a;
    font-family: 'Gotham Rounded Book', Gotham Rounded!important;
    letter-spacing: -1px;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.15;
    padding-bottom: 40px!important; 
}

h3 {
    font-size: 26px
}

h3,
h4 {
    font-weight: 500;
    line-height: 1.3
}

h4 {
    font-size: 24px
}

h5 {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3
}

h6 {
    font-size: 18px;
    font-weight: 450;
    line-height: 1.3
}

body .portal {
    background-color: #e9edf3!important
}

body .banner {
    background-color: #e9edf3!important
}
    
p {
    line-height: 1.3
}

blockquote {
    font-style: italic
}

blockquote p {
    margin-bottom: 7px
}

p a {
    color:#429aff
}

/********  SMARTFLOWS OVERRIDES  *******************/

.header__navigation--heading {
    font-family: Gotham Rounded;
}

body .space-overview__hero__header__content p {
    font-family: Gotham Rounded Book!important;
    color:#00225a;
    font-size:24px;
}

.article__content p {
    font-family: Gotham Rounded;
}


.vp-tree-item  {
    font-size: 14px;
    font-family: Gotham Rounded Book;
    color:#
}

.tile {
    border-radius: 25px;
}

.tile:hover {
    box-shadow: 0 20px 85px -45px rgba(0, 34, 90, .77);
    transform: translateY(-8px);
    transition: all .2s ease-in-out;
    border-color:#fff;
    background-color:#fff;
}
.tile:hover a {
    color:initial;
}

/* link home top lef */
.vp-breadcrumbs .breadcrumbs-wrapper * {
    font-family: Gotham Rounded;
    font-size:14px;
}

body .vp-accordion-link-group a {
    background-color:#fff;
    font-family: Gotham Rounded Medium;
    color:#00225a;
    background-color:transparent;
}

body .vp-accordion-link-group:not(:focus):focus-within {
    border-color: transparent;
}

body .vp-accordion-link-group  {
    background-color:#fff;
    margin-top: 0px;
}