/*
Theme Name: HTML5blank Child
Theme URI: n/a
Description: HTML5blank Child Theme
Author: AsianBGE
Author URI: n/a
Template: html5blank
Version: 1.0.0
Tags: n/a
Text Domain: html5blank-child
*/
* {
box-sizing: border-box;
padding: 0;
margin: 0;
}
html,body {
width: 100%;
margin: 0px;
height: 100%;
padding: 0px;
overflow-x: hidden;
}
@font-face {
font-family: 'itc-avant-garde-gothic-pro'; /*a name to be used later*/
src: url(../html5blank-child/fonts/ITCAvantGardePro-Bk.otf); /*URL to font*/
}
:root {
--base-font-size: 16px;
--heading-font-font-family: itc-avant-garde-gothic-pro;
--heading-font-font-style: normal;
--heading-font-font-weight: 500;
--heading-font-text-transform: none;
--heading-font-letter-spacing: 0em;
--heading-font-line-height: 1.4em;
--body-font-font-family: itc-avant-garde-gothic-pro;
--body-font-font-style: normal;
--body-font-font-weight: 300;
--body-font-text-transform: none;
--body-font-letter-spacing: .02em;
--body-font-line-height: 1.8em;
--meta-font-font-family: itc-avant-garde-gothic-pro;
--meta-font-font-style: normal;
--meta-font-font-weight: 400;
--meta-font-text-transform: none;
--meta-font-letter-spacing: .01em;
--meta-font-line-height: 1em;
--heading-1-size: 4rem;
--heading-1-size-value: 4;
--heading-2-size: 2.8rem;
--heading-2-size-value: 2.8;
--heading-3-size: 2.2rem;
--heading-3-size-value: 2.2;
--heading-4-size: 1.6rem;
--heading-4-size-value: 1.6;
--large-text-size: 1.5rem;
--large-text-size-value: 1.5;
--normal-text-size: 1.1rem;
--normal-text-size-value: 1.1;
--small-text-size: 1rem;
--small-text-size-value: 1;
--normal-meta-size: 1.1rem;
--normal-meta-size-value: 1.1;
--form-block-caption-text-font-font-family: var(--body-font-font-family);
--form-block-caption-text-font-font-style: var(--body-font-font-style);
--form-block-caption-text-font-font-weight: var(--body-font-font-weight);
--form-block-caption-text-font-text-transform: var(--body-font-text-transform);
--form-block-caption-text-font-letter-spacing: var(--body-font-letter-spacing);
--form-block-caption-text-font-line-height: var(--body-font-line-height);
--form-block-caption-text-font-font-size: var(--small-text-size);
--form-block-caption-text-font-font-size-value: var(--small-text-size-value);
--blog-alternating-side-by-side-list-title-font-font-family: var(--heading-font-font-family);
--blog-alternating-side-by-side-list-title-font-font-style: var(--heading-font-font-style);
--blog-alternating-side-by-side-list-title-font-font-weight: var(--heading-font-font-weight);
--blog-alternating-side-by-side-list-title-font-text-transform: var(--heading-font-text-transform);
--blog-alternating-side-by-side-list-title-font-letter-spacing: var(--heading-font-letter-spacing);
--blog-alternating-side-by-side-list-title-font-line-height: var(--heading-font-line-height);
--blog-alternating-side-by-side-list-title-font-font-size: var(--heading-2-size);
--blog-alternating-side-by-side-list-title-font-font-size-value: var(--heading-2-size-value);
--course-list-chapter-item-chapter-name-font-font-family: var(--heading-font-font-family);
--course-list-chapter-item-chapter-name-font-font-style: var(--heading-font-font-style);
--course-list-chapter-item-chapter-name-font-font-weight: var(--heading-font-font-weight);
--course-list-chapter-item-chapter-name-font-text-transform: var(--heading-font-text-transform);
--course-list-chapter-item-chapter-name-font-letter-spacing: var(--heading-font-letter-spacing);
--course-list-chapter-item-chapter-name-font-line-height: var(--heading-font-line-height);
--course-list-chapter-item-chapter-name-font-font-size: 2rem;
--course-list-chapter-item-chapter-name-font-font-size-value: 2;
--portfolio-item-pagination-font-font-family: var(--heading-font-font-family);
--portfolio-item-pagination-font-font-style: var(--heading-font-font-style);
--portfolio-item-pagination-font-font-weight: var(--heading-font-font-weight);
--portfolio-item-pagination-font-text-transform: var(--heading-font-text-transform);
--portfolio-item-pagination-font-letter-spacing: var(--heading-font-letter-spacing);
--portfolio-item-pagination-font-line-height: var(--heading-font-line-height);
--portfolio-item-pagination-font-font-size: var(--heading-3-size);
--portfolio-item-pagination-font-font-size-value: var(--heading-3-size-value);
--blog-grid-masonry-list-meta-font-font-family: var(--meta-font-font-family);
--blog-grid-masonry-list-meta-font-font-style: var(--meta-font-font-style);
--blog-grid-masonry-list-meta-font-font-weight: var(--meta-font-font-weight);
--blog-grid-masonry-list-meta-font-text-transform: var(--meta-font-text-transform);
--blog-grid-masonry-list-meta-font-letter-spacing: var(--meta-font-letter-spacing);
--blog-grid-masonry-list-meta-font-line-height: var(--meta-font-line-height);
--blog-grid-masonry-list-meta-font-font-size: var(--normal-meta-size);
--blog-grid-masonry-list-meta-font-font-size-value: var(--normal-meta-size-value);
--course-item-name-font-font-family: var(--heading-font-font-family);
--course-item-name-font-font-style: var(--heading-font-font-style);
--course-item-name-font-font-weight: var(--heading-font-font-weight);
--course-item-name-font-text-transform: var(--heading-font-text-transform);
--course-item-name-font-letter-spacing: var(--heading-font-letter-spacing);
--course-item-name-font-line-height: var(--heading-font-line-height);
--course-item-name-font-font-size: 2rem;
--course-item-name-font-font-size-value: 2;
--blog-item-meta-font-font-family: var(--meta-font-font-family);
--blog-item-meta-font-font-style: var(--meta-font-font-style);
--blog-item-meta-font-font-weight: var(--meta-font-font-weight);
--blog-item-meta-font-text-transform: var(--meta-font-text-transform);
--blog-item-meta-font-letter-spacing: var(--meta-font-letter-spacing);
--blog-item-meta-font-line-height: var(--meta-font-line-height);
--blog-item-meta-font-font-size: var(--normal-meta-size);
--blog-item-meta-font-font-size-value: var(--normal-meta-size-value);
--events-item-pagination-date-font-font-family: var(--meta-font-font-family);
--events-item-pagination-date-font-font-style: var(--meta-font-font-style);
--events-item-pagination-date-font-font-weight: var(--meta-font-font-weight);
--events-item-pagination-date-font-text-transform: var(--meta-font-text-transform);
--events-item-pagination-date-font-letter-spacing: var(--meta-font-letter-spacing);
--events-item-pagination-date-font-line-height: var(--meta-font-line-height);
--events-item-pagination-date-font-font-size: var(--normal-meta-size);
--events-item-pagination-date-font-font-size-value: var(--normal-meta-size-value);
--blog-item-pagination-font-font-family: var(--heading-font-font-family);
--blog-item-pagination-font-font-style: var(--heading-font-font-style);
--blog-item-pagination-font-font-weight: var(--heading-font-font-weight);
--blog-item-pagination-font-text-transform: var(--heading-font-text-transform);
--blog-item-pagination-font-letter-spacing: var(--heading-font-letter-spacing);
--blog-item-pagination-font-line-height: var(--heading-font-line-height);
--blog-item-pagination-font-font-size: var(--heading-3-size);
--blog-item-pagination-font-font-size-value: var(--heading-3-size-value);
--blog-grid-masonry-list-excerpt-font-font-family: var(--body-font-font-family);
--blog-grid-masonry-list-excerpt-font-font-style: var(--body-font-font-style);
--blog-grid-masonry-list-excerpt-font-font-weight: var(--body-font-font-weight);
--blog-grid-masonry-list-excerpt-font-text-transform: var(--body-font-text-transform);
--blog-grid-masonry-list-excerpt-font-letter-spacing: var(--body-font-letter-spacing);
--blog-grid-masonry-list-excerpt-font-line-height: var(--body-font-line-height);
--blog-grid-masonry-list-excerpt-font-font-size: var(--small-text-size);
--blog-grid-masonry-list-excerpt-font-font-size-value: var(--small-text-size-value);
--product-basic-item-price-font-font-family: var(--heading-font-font-family);
--product-basic-item-price-font-font-style: var(--heading-font-font-style);
--product-basic-item-price-font-font-weight: var(--heading-font-font-weight);
--product-basic-item-price-font-text-transform: var(--heading-font-text-transform);
--product-basic-item-price-font-letter-spacing: var(--heading-font-letter-spacing);
--product-basic-item-price-font-line-height: var(--heading-font-line-height);
--product-basic-item-price-font-font-size: var(--heading-4-size);
--product-basic-item-price-font-font-size-value: var(--heading-4-size-value);
--portfolio-hover-follow-title-font-font-family: var(--heading-font-font-family);
--portfolio-hover-follow-title-font-font-style: var(--heading-font-font-style);
--portfolio-hover-follow-title-font-font-weight: var(--heading-font-font-weight);
--portfolio-hover-follow-title-font-text-transform: var(--heading-font-text-transform);
--portfolio-hover-follow-title-font-letter-spacing: var(--heading-font-letter-spacing);
--portfolio-hover-follow-title-font-line-height: var(--heading-font-line-height);
--portfolio-hover-follow-title-font-font-size: var(--heading-1-size);
--portfolio-hover-follow-title-font-font-size-value: var(--heading-1-size-value);
--primary-button-font-font-family: itc-avant-garde-gothic-pro;
--primary-button-font-font-style: normal;
--primary-button-font-font-weight: 500;
--primary-button-font-text-transform: none;
--primary-button-font-letter-spacing: .05em;
--primary-button-font-line-height: 1.2em;
--primary-button-font-font-size: 1.1rem;
--primary-button-font-font-size-value: 1.1;
--video-item-meta-font-font-family: var(--meta-font-font-family);
--video-item-meta-font-font-style: var(--meta-font-font-style);
--video-item-meta-font-font-weight: var(--meta-font-font-weight);
--video-item-meta-font-text-transform: var(--meta-font-text-transform);
--video-item-meta-font-letter-spacing: var(--meta-font-letter-spacing);
--video-item-meta-font-line-height: var(--meta-font-line-height);
--video-item-meta-font-font-size: var(--normal-meta-size);
--video-item-meta-font-font-size-value: var(--normal-meta-size-value);
--menu-block-nav-font-font-family: var(--meta-font-font-family);
--menu-block-nav-font-font-style: var(--meta-font-font-style);
--menu-block-nav-font-font-weight: var(--meta-font-font-weight);
--menu-block-nav-font-text-transform: var(--meta-font-text-transform);
--menu-block-nav-font-letter-spacing: var(--meta-font-letter-spacing);
--menu-block-nav-font-line-height: var(--meta-font-line-height);
--menu-block-nav-font-font-size: var(--normal-meta-size);
--menu-block-nav-font-font-size-value: var(--normal-meta-size-value);
--video-item-pagination-font-font-family: var(--heading-font-font-family);
--video-item-pagination-font-font-style: var(--heading-font-font-style);
--video-item-pagination-font-font-weight: var(--heading-font-font-weight);
--video-item-pagination-font-text-transform: var(--heading-font-text-transform);
--video-item-pagination-font-letter-spacing: var(--heading-font-letter-spacing);
--video-item-pagination-font-line-height: var(--heading-font-line-height);
--video-item-pagination-font-font-size: var(--heading-3-size);
--video-item-pagination-font-font-size-value: var(--heading-3-size-value);
--course-list-chapter-item-chapter-meta-font-font-family: var(--meta-font-font-family);
--course-list-chapter-item-chapter-meta-font-font-style: var(--meta-font-font-style);
--course-list-chapter-item-chapter-meta-font-font-weight: var(--meta-font-font-weight);
--course-list-chapter-item-chapter-meta-font-text-transform: var(--meta-font-text-transform);
--course-list-chapter-item-chapter-meta-font-letter-spacing: var(--meta-font-letter-spacing);
--course-list-chapter-item-chapter-meta-font-line-height: var(--meta-font-line-height);
--course-list-chapter-item-chapter-meta-font-font-size: .75rem;
--course-list-chapter-item-chapter-meta-font-font-size-value: .75;
--product-grid-text-below-title-font-font-family: var(--heading-font-font-family);
--product-grid-text-below-title-font-font-style: var(--heading-font-font-style);
--product-grid-text-below-title-font-font-weight: var(--heading-font-font-weight);
--product-grid-text-below-title-font-text-transform: var(--heading-font-text-transform);
--product-grid-text-below-title-font-letter-spacing: var(--heading-font-letter-spacing);
--product-grid-text-below-title-font-line-height: var(--heading-font-line-height);
--product-grid-text-below-title-font-font-size: var(--heading-4-size);
--product-grid-text-below-title-font-font-size-value: var(--heading-4-size-value);
--form-block-survey-title-text-font-font-family: var(--body-font-font-family);
--form-block-survey-title-text-font-font-style: var(--body-font-font-style);
--form-block-survey-title-text-font-font-weight: var(--body-font-font-weight);
--form-block-survey-title-text-font-text-transform: var(--body-font-text-transform);
--form-block-survey-title-text-font-letter-spacing: var(--body-font-letter-spacing);
--form-block-survey-title-text-font-line-height: var(--body-font-line-height);
--form-block-survey-title-text-font-font-size: var(--normal-text-size);
--form-block-survey-title-text-font-font-size-value: var(--normal-text-size-value);
--newsletter-block-title-text-font-font-family: var(--heading-font-font-family);
--newsletter-block-title-text-font-font-style: var(--heading-font-font-style);
--newsletter-block-title-text-font-font-weight: var(--heading-font-font-weight);
--newsletter-block-title-text-font-text-transform: var(--heading-font-text-transform);
--newsletter-block-title-text-font-letter-spacing: var(--heading-font-letter-spacing);
--newsletter-block-title-text-font-line-height: var(--heading-font-line-height);
--newsletter-block-title-text-font-font-size: var(--heading-3-size);
--newsletter-block-title-text-font-font-size-value: var(--heading-3-size-value);
--course-item-side-nav-chapter-name-font-font-family: var(--heading-font-font-family);
--course-item-side-nav-chapter-name-font-font-style: var(--heading-font-font-style);
--course-item-side-nav-chapter-name-font-font-weight: var(--heading-font-font-weight);
--course-item-side-nav-chapter-name-font-text-transform: var(--heading-font-text-transform);
--course-item-side-nav-chapter-name-font-letter-spacing: var(--heading-font-letter-spacing);
--course-item-side-nav-chapter-name-font-line-height: var(--heading-font-line-height);
--course-item-side-nav-chapter-name-font-font-size: 1.5rem;
--course-item-side-nav-chapter-name-font-font-size-value: 1.5;
--product-basic-item-scarcity-font-font-family: var(--meta-font-font-family);
--product-basic-item-scarcity-font-font-style: var(--meta-font-font-style);
--product-basic-item-scarcity-font-font-weight: var(--meta-font-font-weight);
--product-basic-item-scarcity-font-text-transform: var(--meta-font-text-transform);
--product-basic-item-scarcity-font-letter-spacing: var(--meta-font-letter-spacing);
--product-basic-item-scarcity-font-line-height: var(--meta-font-line-height);
--product-basic-item-scarcity-font-font-size: var(--normal-meta-size);
--product-basic-item-scarcity-font-font-size-value: var(--normal-meta-size-value);
--newsletter-block-description-text-font-font-family: var(--body-font-font-family);
--newsletter-block-description-text-font-font-style: var(--body-font-font-style);
--newsletter-block-description-text-font-font-weight: var(--body-font-font-weight);
--newsletter-block-description-text-font-text-transform: var(--body-font-text-transform);
--newsletter-block-description-text-font-letter-spacing: var(--body-font-letter-spacing);
--newsletter-block-description-text-font-line-height: var(--body-font-line-height);
--newsletter-block-description-text-font-font-size: var(--normal-text-size);
--newsletter-block-description-text-font-font-size-value: var(--normal-text-size-value);
--form-block-placeholder-text-font-font-family: var(--body-font-font-family);
--form-block-placeholder-text-font-font-style: var(--body-font-font-style);
--form-block-placeholder-text-font-font-weight: var(--body-font-font-weight);
--form-block-placeholder-text-font-text-transform: var(--body-font-text-transform);
--form-block-placeholder-text-font-letter-spacing: var(--body-font-letter-spacing);
--form-block-placeholder-text-font-line-height: var(--body-font-line-height);
--form-block-placeholder-text-font-font-size: var(--small-text-size);
--form-block-placeholder-text-font-font-size-value: var(--small-text-size-value);
--video-item-title-font-font-family: var(--heading-font-font-family);
--video-item-title-font-font-style: var(--heading-font-font-style);
--video-item-title-font-font-weight: var(--heading-font-font-weight);
--video-item-title-font-text-transform: var(--heading-font-text-transform);
--video-item-title-font-letter-spacing: var(--heading-font-letter-spacing);
--video-item-title-font-line-height: var(--heading-font-line-height);
--video-item-title-font-font-size: var(--heading-2-size);
--video-item-title-font-font-size-value: var(--heading-2-size-value);
--form-block-option-text-font-font-family: var(--body-font-font-family);
--form-block-option-text-font-font-style: var(--body-font-font-style);
--form-block-option-text-font-font-weight: var(--body-font-font-weight);
--form-block-option-text-font-text-transform: var(--body-font-text-transform);
--form-block-option-text-font-letter-spacing: var(--body-font-letter-spacing);
--form-block-option-text-font-line-height: var(--body-font-line-height);
--form-block-option-text-font-font-size: var(--small-text-size);
--form-block-option-text-font-font-size-value: var(--small-text-size-value);
--course-item-side-nav-chapter-meta-font-font-family: var(--meta-font-font-family);
--course-item-side-nav-chapter-meta-font-font-style: var(--meta-font-font-style);
--course-item-side-nav-chapter-meta-font-font-weight: var(--meta-font-font-weight);
--course-item-side-nav-chapter-meta-font-text-transform: var(--meta-font-text-transform);
--course-item-side-nav-chapter-meta-font-letter-spacing: var(--meta-font-letter-spacing);
--course-item-side-nav-chapter-meta-font-line-height: var(--meta-font-line-height);
--course-item-side-nav-chapter-meta-font-font-size: .8rem;
--course-item-side-nav-chapter-meta-font-font-size-value: .8;
--blog-side-by-side-list-excerpt-font-font-family: var(--body-font-font-family);
--blog-side-by-side-list-excerpt-font-font-style: var(--body-font-font-style);
--blog-side-by-side-list-excerpt-font-font-weight: var(--body-font-font-weight);
--blog-side-by-side-list-excerpt-font-text-transform: var(--body-font-text-transform);
--blog-side-by-side-list-excerpt-font-letter-spacing: var(--body-font-letter-spacing);
--blog-side-by-side-list-excerpt-font-line-height: var(--body-font-line-height);
--blog-side-by-side-list-excerpt-font-font-size: var(--normal-text-size);
--blog-side-by-side-list-excerpt-font-font-size-value: var(--normal-text-size-value);
--course-list-course-description-font-font-family: var(--body-font-font-family);
--course-list-course-description-font-font-style: var(--body-font-font-style);
--course-list-course-description-font-font-weight: var(--body-font-font-weight);
--course-list-course-description-font-text-transform: var(--body-font-text-transform);
--course-list-course-description-font-letter-spacing: var(--body-font-letter-spacing);
--course-list-course-description-font-line-height: var(--body-font-line-height);
--course-list-course-description-font-font-size: var(--large-text-size);
--course-list-course-description-font-font-size-value: var(--large-text-size-value);
--product-grid-text-below-scarcity-font-font-family: var(--meta-font-font-family);
--product-grid-text-below-scarcity-font-font-style: var(--meta-font-font-style);
--product-grid-text-below-scarcity-font-font-weight: var(--meta-font-font-weight);
--product-grid-text-below-scarcity-font-text-transform: var(--meta-font-text-transform);
--product-grid-text-below-scarcity-font-letter-spacing: var(--meta-font-letter-spacing);
--product-grid-text-below-scarcity-font-line-height: var(--meta-font-line-height);
--product-grid-text-below-scarcity-font-font-size: var(--normal-meta-size);
--product-grid-text-below-scarcity-font-font-size-value: var(--normal-meta-size-value);
--video-item-description-font-font-family: var(--body-font-font-family);
--video-item-description-font-font-style: var(--body-font-font-style);
--video-item-description-font-font-weight: var(--body-font-font-weight);
--video-item-description-font-text-transform: var(--body-font-text-transform);
--video-item-description-font-letter-spacing: var(--body-font-letter-spacing);
--video-item-description-font-line-height: var(--body-font-line-height);
--video-item-description-font-font-size: var(--normal-text-size);
--video-item-description-font-font-size-value: var(--normal-text-size-value);
--list-section-title-text-font-font-family: var(--heading-font-font-family);
--list-section-title-text-font-font-style: var(--heading-font-font-style);
--list-section-title-text-font-font-weight: var(--heading-font-font-weight);
--list-section-title-text-font-text-transform: var(--heading-font-text-transform);
--list-section-title-text-font-letter-spacing: var(--heading-font-letter-spacing);
--list-section-title-text-font-line-height: var(--heading-font-line-height);
--list-section-title-text-font-font-size: var(--heading-2-size);
--list-section-title-text-font-font-size-value: var(--heading-2-size-value);
--course-list-grid-layout-chapter-name-font-font-family: var(--heading-font-font-family);
--course-list-grid-layout-chapter-name-font-font-style: var(--heading-font-font-style);
--course-list-grid-layout-chapter-name-font-font-weight: var(--heading-font-font-weight);
--course-list-grid-layout-chapter-name-font-text-transform: var(--heading-font-text-transform);
--course-list-grid-layout-chapter-name-font-letter-spacing: var(--heading-font-letter-spacing);
--course-list-grid-layout-chapter-name-font-line-height: var(--heading-font-line-height);
--course-list-grid-layout-chapter-name-font-font-size: 2rem;
--course-list-grid-layout-chapter-name-font-font-size-value: 2;
--menu-block-item-price-font-font-family: var(--body-font-font-family);
--menu-block-item-price-font-font-style: var(--body-font-font-style);
--menu-block-item-price-font-font-weight: var(--body-font-font-weight);
--menu-block-item-price-font-text-transform: var(--body-font-text-transform);
--menu-block-item-price-font-letter-spacing: var(--body-font-letter-spacing);
--menu-block-item-price-font-line-height: var(--body-font-line-height);
--menu-block-item-price-font-font-size: var(--normal-text-size);
--menu-block-item-price-font-font-size-value: var(--normal-text-size-value);
--product-grid-text-below-status-font-font-family: var(--meta-font-font-family);
--product-grid-text-below-status-font-font-style: var(--meta-font-font-style);
--product-grid-text-below-status-font-font-weight: var(--meta-font-font-weight);
--product-grid-text-below-status-font-text-transform: var(--meta-font-text-transform);
--product-grid-text-below-status-font-letter-spacing: var(--meta-font-letter-spacing);
--product-grid-text-below-status-font-line-height: var(--meta-font-line-height);
--product-grid-text-below-status-font-font-size: var(--normal-meta-size);
--product-grid-text-below-status-font-font-size-value: var(--normal-meta-size-value);
--secondary-button-font-font-family: itc-avant-garde-gothic-pro;
--secondary-button-font-font-style: normal;
--secondary-button-font-font-weight: 500;
--secondary-button-font-text-transform: none;
--secondary-button-font-letter-spacing: .05em;
--secondary-button-font-line-height: 1.2em;
--secondary-button-font-font-size: 1.3rem;
--secondary-button-font-font-size-value: 1.3;
--course-item-chapter-name-font-font-family: var(--body-font-font-family);
--course-item-chapter-name-font-font-style: var(--body-font-font-style);
--course-item-chapter-name-font-font-weight: var(--body-font-font-weight);
--course-item-chapter-name-font-text-transform: var(--body-font-text-transform);
--course-item-chapter-name-font-letter-spacing: var(--body-font-letter-spacing);
--course-item-chapter-name-font-line-height: var(--body-font-line-height);
--course-item-chapter-name-font-font-size: 1rem;
--course-item-chapter-name-font-font-size-value: 1;
--product-basic-item-variant-fields-font-font-family: var(--meta-font-font-family);
--product-basic-item-variant-fields-font-font-style: var(--meta-font-font-style);
--product-basic-item-variant-fields-font-font-weight: var(--meta-font-font-weight);
--product-basic-item-variant-fields-font-text-transform: var(--meta-font-text-transform);
--product-basic-item-variant-fields-font-letter-spacing: var(--meta-font-letter-spacing);
--product-basic-item-variant-fields-font-line-height: var(--meta-font-line-height);
--product-basic-item-variant-fields-font-font-size: var(--normal-meta-size);
--product-basic-item-variant-fields-font-font-size-value: var(--normal-meta-size-value);
--course-item-lesson-name-font-font-family: var(--heading-font-font-family);
--course-item-lesson-name-font-font-style: var(--heading-font-font-style);
--course-item-lesson-name-font-font-weight: var(--heading-font-font-weight);
--course-item-lesson-name-font-text-transform: var(--heading-font-text-transform);
--course-item-lesson-name-font-letter-spacing: var(--heading-font-letter-spacing);
--course-item-lesson-name-font-line-height: var(--heading-font-line-height);
--course-item-lesson-name-font-font-size: 4rem;
--course-item-lesson-name-font-font-size-value: 4;
--blog-basic-grid-list-excerpt-font-font-family: var(--body-font-font-family);
--blog-basic-grid-list-excerpt-font-font-style: var(--body-font-font-style);
--blog-basic-grid-list-excerpt-font-font-weight: var(--body-font-font-weight);
--blog-basic-grid-list-excerpt-font-text-transform: var(--body-font-text-transform);
--blog-basic-grid-list-excerpt-font-letter-spacing: var(--body-font-letter-spacing);
--blog-basic-grid-list-excerpt-font-line-height: var(--body-font-line-height);
--blog-basic-grid-list-excerpt-font-font-size: var(--small-text-size);
--blog-basic-grid-list-excerpt-font-font-size-value: var(--small-text-size-value);
--blog-single-column-list-meta-font-font-family: var(--meta-font-font-family);
--blog-single-column-list-meta-font-font-style: var(--meta-font-font-style);
--blog-single-column-list-meta-font-font-weight: var(--meta-font-font-weight);
--blog-single-column-list-meta-font-text-transform: var(--meta-font-text-transform);
--blog-single-column-list-meta-font-letter-spacing: var(--meta-font-letter-spacing);
--blog-single-column-list-meta-font-line-height: var(--meta-font-line-height);
--blog-single-column-list-meta-font-font-size: var(--normal-meta-size);
--blog-single-column-list-meta-font-font-size-value: var(--normal-meta-size-value);
--portfolio-grid-basic-title-font-font-family: var(--heading-font-font-family);
--portfolio-grid-basic-title-font-font-style: var(--heading-font-font-style);
--portfolio-grid-basic-title-font-font-weight: var(--heading-font-font-weight);
--portfolio-grid-basic-title-font-text-transform: var(--heading-font-text-transform);
--portfolio-grid-basic-title-font-letter-spacing: var(--heading-font-letter-spacing);
--portfolio-grid-basic-title-font-line-height: var(--heading-font-line-height);
--portfolio-grid-basic-title-font-font-size: var(--heading-4-size);
--portfolio-grid-basic-title-font-font-size-value: var(--heading-4-size-value);
--product-basic-item-description-font-font-family: var(--body-font-font-family);
--product-basic-item-description-font-font-style: var(--body-font-font-style);
--product-basic-item-description-font-font-weight: var(--body-font-font-weight);
--product-basic-item-description-font-text-transform: var(--body-font-text-transform);
--product-basic-item-description-font-letter-spacing: var(--body-font-letter-spacing);
--product-basic-item-description-font-line-height: var(--body-font-line-height);
--product-basic-item-description-font-font-size: var(--normal-text-size);
--product-basic-item-description-font-font-size-value: var(--normal-text-size-value);
--course-list-grid-layout-chapter-meta-font-font-family: var(--meta-font-font-family);
--course-list-grid-layout-chapter-meta-font-font-style: var(--meta-font-font-style);
--course-list-grid-layout-chapter-meta-font-font-weight: var(--meta-font-font-weight);
--course-list-grid-layout-chapter-meta-font-text-transform: var(--meta-font-text-transform);
--course-list-grid-layout-chapter-meta-font-letter-spacing: var(--meta-font-letter-spacing);
--course-list-grid-layout-chapter-meta-font-line-height: var(--meta-font-line-height);
--course-list-grid-layout-chapter-meta-font-font-size: .875rem;
--course-list-grid-layout-chapter-meta-font-font-size-value: .875;
--blog-grid-masonry-list-title-font-font-family: var(--heading-font-font-family);
--blog-grid-masonry-list-title-font-font-style: var(--heading-font-font-style);
--blog-grid-masonry-list-title-font-font-weight: var(--heading-font-font-weight);
--blog-grid-masonry-list-title-font-text-transform: var(--heading-font-text-transform);
--blog-grid-masonry-list-title-font-letter-spacing: var(--heading-font-letter-spacing);
--blog-grid-masonry-list-title-font-line-height: var(--heading-font-line-height);
--blog-grid-masonry-list-title-font-font-size: var(--heading-3-size);
--blog-grid-masonry-list-title-font-font-size-value: var(--heading-3-size-value);
--events-item-pagination-font-font-family: var(--heading-font-font-family);
--events-item-pagination-font-font-style: var(--heading-font-font-style);
--events-item-pagination-font-font-weight: var(--heading-font-font-weight);
--events-item-pagination-font-text-transform: var(--heading-font-text-transform);
--events-item-pagination-font-letter-spacing: var(--heading-font-letter-spacing);
--events-item-pagination-font-line-height: var(--heading-font-line-height);
--events-item-pagination-font-font-size: var(--heading-3-size);
--events-item-pagination-font-font-size-value: var(--heading-3-size-value);
--video-basic-grid-list-excerpt-font-font-family: var(--body-font-font-family);
--video-basic-grid-list-excerpt-font-font-style: var(--body-font-font-style);
--video-basic-grid-list-excerpt-font-font-weight: var(--body-font-font-weight);
--video-basic-grid-list-excerpt-font-text-transform: var(--body-font-text-transform);
--video-basic-grid-list-excerpt-font-letter-spacing: var(--body-font-letter-spacing);
--video-basic-grid-list-excerpt-font-line-height: var(--body-font-line-height);
--video-basic-grid-list-excerpt-font-font-size: var(--small-text-size);
--video-basic-grid-list-excerpt-font-font-size-value: var(--small-text-size-value);
--site-navigation-font-font-family: var(--body-font-font-family);
--site-navigation-font-font-style: var(--body-font-font-style);
--site-navigation-font-font-weight: var(--body-font-font-weight);
--site-navigation-font-text-transform: var(--body-font-text-transform);
--site-navigation-font-letter-spacing: var(--body-font-letter-spacing);
--site-navigation-font-line-height: var(--body-font-line-height);
--site-navigation-font-font-size: var(--normal-text-size);
--site-navigation-font-font-size-value: var(--normal-text-size-value);
--form-block-description-text-font-font-family: var(--body-font-font-family);
--form-block-description-text-font-font-style: var(--body-font-font-style);
--form-block-description-text-font-font-weight: var(--body-font-font-weight);
--form-block-description-text-font-text-transform: var(--body-font-text-transform);
--form-block-description-text-font-letter-spacing: var(--body-font-letter-spacing);
--form-block-description-text-font-line-height: var(--body-font-line-height);
--form-block-description-text-font-font-size: var(--small-text-size);
--form-block-description-text-font-font-size-value: var(--small-text-size-value);
--blog-alternating-side-by-side-list-meta-font-font-family: var(--meta-font-font-family);
--blog-alternating-side-by-side-list-meta-font-font-style: var(--meta-font-font-style);
--blog-alternating-side-by-side-list-meta-font-font-weight: var(--meta-font-font-weight);
--blog-alternating-side-by-side-list-meta-font-text-transform: var(--meta-font-text-transform);
--blog-alternating-side-by-side-list-meta-font-letter-spacing: var(--meta-font-letter-spacing);
--blog-alternating-side-by-side-list-meta-font-line-height: var(--meta-font-line-height);
--blog-alternating-side-by-side-list-meta-font-font-size: var(--normal-meta-size);
--blog-alternating-side-by-side-list-meta-font-font-size-value: var(--normal-meta-size-value);
--content-link-block-title-font-font-family: var(--body-font-font-family);
--content-link-block-title-font-font-style: var(--body-font-font-style);
--content-link-block-title-font-font-weight: var(--body-font-font-weight);
--content-link-block-title-font-text-transform: var(--body-font-text-transform);
--content-link-block-title-font-letter-spacing: var(--body-font-letter-spacing);
--content-link-block-title-font-line-height: var(--body-font-line-height);
--content-link-block-title-font-font-size: var(--normal-text-size);
--content-link-block-title-font-font-size-value: var(--normal-text-size-value);
--tertiary-button-font-font-family: itc-avant-garde-gothic-pro;
--tertiary-button-font-font-style: normal;
--tertiary-button-font-font-weight: 500;
--tertiary-button-font-text-transform: none;
--tertiary-button-font-letter-spacing: .05em;
--tertiary-button-font-line-height: 1.2em;
--tertiary-button-font-font-size: 1rem;
--tertiary-button-font-font-size-value: 1;
--announcement-bar-font-font-family: var(--body-font-font-family);
--announcement-bar-font-font-style: var(--body-font-font-style);
--announcement-bar-font-font-weight: var(--body-font-font-weight);
--announcement-bar-font-text-transform: var(--body-font-text-transform);
--announcement-bar-font-letter-spacing: var(--body-font-letter-spacing);
--announcement-bar-font-line-height: var(--body-font-line-height);
--announcement-bar-font-font-size: var(--small-text-size);
--announcement-bar-font-font-size-value: var(--small-text-size-value);
--mobile-site-title-font-font-family: var(--heading-font-font-family);
--mobile-site-title-font-font-style: var(--heading-font-font-style);
--mobile-site-title-font-font-weight: var(--heading-font-font-weight);
--mobile-site-title-font-text-transform: var(--heading-font-text-transform);
--mobile-site-title-font-letter-spacing: var(--heading-font-letter-spacing);
--mobile-site-title-font-line-height: var(--heading-font-line-height);
--mobile-site-title-font-font-size: 2rem;
--mobile-site-title-font-font-size-value: 2;
--portfolio-index-background-title-font-font-family: var(--heading-font-font-family);
--portfolio-index-background-title-font-font-style: var(--heading-font-font-style);
--portfolio-index-background-title-font-font-weight: var(--heading-font-font-weight);
--portfolio-index-background-title-font-text-transform: var(--heading-font-text-transform);
--portfolio-index-background-title-font-letter-spacing: var(--heading-font-letter-spacing);
--portfolio-index-background-title-font-line-height: var(--heading-font-line-height);
--portfolio-index-background-title-font-font-size: var(--heading-1-size);
--portfolio-index-background-title-font-font-size-value: var(--heading-1-size-value);
--menu-block-item-description-font-font-family: var(--body-font-font-family);
--menu-block-item-description-font-font-style: var(--body-font-font-style);
--menu-block-item-description-font-font-weight: var(--body-font-font-weight);
--menu-block-item-description-font-text-transform: var(--body-font-text-transform);
--menu-block-item-description-font-letter-spacing: var(--body-font-letter-spacing);
--menu-block-item-description-font-line-height: var(--body-font-line-height);
--menu-block-item-description-font-font-size: var(--normal-text-size);
--menu-block-item-description-font-font-size-value: var(--normal-text-size-value);
--cookie-banner-disclaimer-font-font-family: var(--body-font-font-family);
--cookie-banner-disclaimer-font-font-style: var(--body-font-font-style);
--cookie-banner-disclaimer-font-font-weight: var(--body-font-font-weight);
--cookie-banner-disclaimer-font-text-transform: var(--body-font-text-transform);
--cookie-banner-disclaimer-font-letter-spacing: var(--body-font-letter-spacing);
--cookie-banner-disclaimer-font-line-height: var(--body-font-line-height);
--cookie-banner-disclaimer-font-font-size: .8rem;
--cookie-banner-disclaimer-font-font-size-value: .8;
--product-grid-text-below-price-font-font-family: var(--meta-font-font-family);
--product-grid-text-below-price-font-font-style: var(--meta-font-font-style);
--product-grid-text-below-price-font-font-weight: var(--meta-font-font-weight);
--product-grid-text-below-price-font-text-transform: var(--meta-font-text-transform);
--product-grid-text-below-price-font-letter-spacing: var(--meta-font-letter-spacing);
--product-grid-text-below-price-font-line-height: var(--meta-font-line-height);
--product-grid-text-below-price-font-font-size: var(--normal-meta-size);
--product-grid-text-below-price-font-font-size-value: var(--normal-meta-size-value);
--blog-single-column-list-title-font-font-family: var(--heading-font-font-family);
--blog-single-column-list-title-font-font-style: var(--heading-font-font-style);
--blog-single-column-list-title-font-font-weight: var(--heading-font-font-weight);
--blog-single-column-list-title-font-text-transform: var(--heading-font-text-transform);
--blog-single-column-list-title-font-letter-spacing: var(--heading-font-letter-spacing);
--blog-single-column-list-title-font-line-height: var(--heading-font-line-height);
--blog-single-column-list-title-font-font-size: var(--heading-1-size);
--blog-single-column-list-title-font-font-size-value: var(--heading-1-size-value);
--video-basic-grid-list-meta-font-font-family: var(--meta-font-font-family);
--video-basic-grid-list-meta-font-font-style: var(--meta-font-font-style);
--video-basic-grid-list-meta-font-font-weight: var(--meta-font-font-weight);
--video-basic-grid-list-meta-font-text-transform: var(--meta-font-text-transform);
--video-basic-grid-list-meta-font-letter-spacing: var(--meta-font-letter-spacing);
--video-basic-grid-list-meta-font-line-height: var(--meta-font-line-height);
--video-basic-grid-list-meta-font-font-size: var(--normal-meta-size);
--video-basic-grid-list-meta-font-font-size-value: var(--normal-meta-size-value);
--course-list-course-name-font-font-family: var(--heading-font-font-family);
--course-list-course-name-font-font-style: var(--heading-font-font-style);
--course-list-course-name-font-font-weight: var(--heading-font-font-weight);
--course-list-course-name-font-text-transform: var(--heading-font-text-transform);
--course-list-course-name-font-letter-spacing: var(--heading-font-letter-spacing);
--course-list-course-name-font-line-height: var(--heading-font-line-height);
--course-list-course-name-font-font-size: var(--heading-1-size);
--course-list-course-name-font-font-size-value: var(--heading-1-size-value);
--menu-block-item-title-font-font-family: var(--heading-font-font-family);
--menu-block-item-title-font-font-style: var(--heading-font-font-style);
--menu-block-item-title-font-font-weight: var(--heading-font-font-weight);
--menu-block-item-title-font-text-transform: var(--heading-font-text-transform);
--menu-block-item-title-font-letter-spacing: var(--heading-font-letter-spacing);
--menu-block-item-title-font-line-height: var(--heading-font-line-height);
--menu-block-item-title-font-font-size: var(--heading-4-size);
--menu-block-item-title-font-font-size-value: var(--heading-4-size-value);
--quote-block-text-font-font-family: var(--body-font-font-family);
--quote-block-text-font-font-style: var(--body-font-font-style);
--quote-block-text-font-font-weight: var(--body-font-font-weight);
--quote-block-text-font-text-transform: var(--body-font-text-transform);
--quote-block-text-font-letter-spacing: var(--body-font-letter-spacing);
--quote-block-text-font-line-height: var(--body-font-line-height);
--quote-block-text-font-font-size: var(--large-text-size);
--quote-block-text-font-font-size-value: var(--large-text-size-value);
--course-item-name-mobile-font-font-family: var(--heading-font-font-family);
--course-item-name-mobile-font-font-style: var(--heading-font-font-style);
--course-item-name-mobile-font-font-weight: var(--heading-font-font-weight);
--course-item-name-mobile-font-text-transform: var(--heading-font-text-transform);
--course-item-name-mobile-font-letter-spacing: var(--heading-font-letter-spacing);
--course-item-name-mobile-font-line-height: var(--heading-font-line-height);
--course-item-name-mobile-font-font-size: 1.3rem;
--course-item-name-mobile-font-font-size-value: 1.3;
--course-list-grid-layout-course-item-meta-font-font-family: var(--meta-font-font-family);
--course-list-grid-layout-course-item-meta-font-font-style: var(--meta-font-font-style);
--course-list-grid-layout-course-item-meta-font-font-weight: var(--meta-font-font-weight);
--course-list-grid-layout-course-item-meta-font-text-transform: var(--meta-font-text-transform);
--course-list-grid-layout-course-item-meta-font-letter-spacing: var(--meta-font-letter-spacing);
--course-list-grid-layout-course-item-meta-font-line-height: var(--meta-font-line-height);
--course-list-grid-layout-course-item-meta-font-font-size: .75rem;
--course-list-grid-layout-course-item-meta-font-font-size-value: .75;
--form-block-select-dropdown-text-font-font-family: var(--body-font-font-family);
--form-block-select-dropdown-text-font-font-style: var(--body-font-font-style);
--form-block-select-dropdown-text-font-font-weight: var(--body-font-font-weight);
--form-block-select-dropdown-text-font-text-transform: var(--body-font-text-transform);
--form-block-select-dropdown-text-font-letter-spacing: var(--body-font-letter-spacing);
--form-block-select-dropdown-text-font-line-height: var(--body-font-line-height);
--form-block-select-dropdown-text-font-font-size: var(--small-text-size);
--form-block-select-dropdown-text-font-font-size-value: var(--small-text-size-value);
--video-basic-grid-list-title-font-font-family: var(--heading-font-font-family);
--video-basic-grid-list-title-font-font-style: var(--heading-font-font-style);
--video-basic-grid-list-title-font-font-weight: var(--heading-font-font-weight);
--video-basic-grid-list-title-font-text-transform: var(--heading-font-text-transform);
--video-basic-grid-list-title-font-letter-spacing: var(--heading-font-letter-spacing);
--video-basic-grid-list-title-font-line-height: var(--heading-font-line-height);
--video-basic-grid-list-title-font-font-size: var(--heading-4-size);
--video-basic-grid-list-title-font-font-size-value: var(--heading-4-size-value);
--course-list-grid-layout-course-item-name-font-font-family: var(--heading-font-font-family);
--course-list-grid-layout-course-item-name-font-font-style: var(--heading-font-font-style);
--course-list-grid-layout-course-item-name-font-font-weight: var(--heading-font-font-weight);
--course-list-grid-layout-course-item-name-font-text-transform: var(--heading-font-text-transform);
--course-list-grid-layout-course-item-name-font-letter-spacing: var(--heading-font-letter-spacing);
--course-list-grid-layout-course-item-name-font-line-height: var(--heading-font-line-height);
--course-list-grid-layout-course-item-name-font-font-size: 1.125rem;
--course-list-grid-layout-course-item-name-font-font-size-value: 1.125;
--blog-item-author-profile-font-font-family: var(--body-font-font-family);
--blog-item-author-profile-font-font-style: var(--body-font-font-style);
--blog-item-author-profile-font-font-weight: var(--body-font-font-weight);
--blog-item-author-profile-font-text-transform: var(--body-font-text-transform);
--blog-item-author-profile-font-letter-spacing: var(--body-font-letter-spacing);
--blog-item-author-profile-font-line-height: var(--body-font-line-height);
--blog-item-author-profile-font-font-size: var(--small-text-size);
--blog-item-author-profile-font-font-size-value: var(--small-text-size-value);
--quote-block-source-font-font-family: var(--meta-font-font-family);
--quote-block-source-font-font-style: var(--meta-font-font-style);
--quote-block-source-font-font-weight: var(--meta-font-font-weight);
--quote-block-source-font-text-transform: var(--meta-font-text-transform);
--quote-block-source-font-letter-spacing: var(--meta-font-letter-spacing);
--quote-block-source-font-line-height: var(--meta-font-line-height);
--quote-block-source-font-font-size: var(--normal-meta-size);
--quote-block-source-font-font-size-value: var(--normal-meta-size-value);
--site-title-font-font-family: itc-avant-garde-gothic-pro;
--site-title-font-font-style: normal;
--site-title-font-font-weight: 500;
--site-title-font-text-transform: none;
--site-title-font-letter-spacing: 0em;
--site-title-font-line-height: 1.4em;
--site-title-font-font-size: 2rem;
--site-title-font-font-size-value: 2;
--course-list-grid-layout-course-item-excerpt-font-font-family: var(--body-font-font-family);
--course-list-grid-layout-course-item-excerpt-font-font-style: var(--body-font-font-style);
--course-list-grid-layout-course-item-excerpt-font-font-weight: var(--body-font-font-weight);
--course-list-grid-layout-course-item-excerpt-font-text-transform: var(--body-font-text-transform);
--course-list-grid-layout-course-item-excerpt-font-letter-spacing: var(--body-font-letter-spacing);
--course-list-grid-layout-course-item-excerpt-font-line-height: var(--body-font-line-height);
--course-list-grid-layout-course-item-excerpt-font-font-size: .875rem;
--course-list-grid-layout-course-item-excerpt-font-font-size-value: .875;
--portfolio-hover-static-title-font-font-family: var(--heading-font-font-family);
--portfolio-hover-static-title-font-font-style: var(--heading-font-font-style);
--portfolio-hover-static-title-font-font-weight: var(--heading-font-font-weight);
--portfolio-hover-static-title-font-text-transform: var(--heading-font-text-transform);
--portfolio-hover-static-title-font-letter-spacing: var(--heading-font-letter-spacing);
--portfolio-hover-static-title-font-line-height: var(--heading-font-line-height);
--portfolio-hover-static-title-font-font-size: var(--heading-1-size);
--portfolio-hover-static-title-font-font-size-value: var(--heading-1-size-value);
--newsletter-block-button-text-font-font-family: var(--body-font-font-family);
--newsletter-block-button-text-font-font-style: var(--body-font-font-style);
--newsletter-block-button-text-font-font-weight: var(--body-font-font-weight);
--newsletter-block-button-text-font-text-transform: var(--body-font-text-transform);
--newsletter-block-button-text-font-letter-spacing: var(--body-font-letter-spacing);
--newsletter-block-button-text-font-line-height: var(--body-font-line-height);
--newsletter-block-button-text-font-font-size: var(--normal-text-size);
--newsletter-block-button-text-font-font-size-value: var(--normal-text-size-value);
--blog-side-by-side-list-title-font-font-family: var(--heading-font-font-family);
--blog-side-by-side-list-title-font-font-style: var(--heading-font-font-style);
--blog-side-by-side-list-title-font-font-weight: var(--heading-font-font-weight);
--blog-side-by-side-list-title-font-text-transform: var(--heading-font-text-transform);
--blog-side-by-side-list-title-font-letter-spacing: var(--heading-font-letter-spacing);
--blog-side-by-side-list-title-font-line-height: var(--heading-font-line-height);
--blog-side-by-side-list-title-font-font-size: var(--heading-2-size);
--blog-side-by-side-list-title-font-font-size-value: var(--heading-2-size-value);
--form-block-title-text-font-font-family: var(--body-font-font-family);
--form-block-title-text-font-font-style: var(--body-font-font-style);
--form-block-title-text-font-font-weight: var(--body-font-font-weight);
--form-block-title-text-font-text-transform: var(--body-font-text-transform);
--form-block-title-text-font-letter-spacing: var(--body-font-letter-spacing);
--form-block-title-text-font-line-height: var(--body-font-line-height);
--form-block-title-text-font-font-size: var(--normal-text-size);
--form-block-title-text-font-font-size-value: var(--normal-text-size-value);
--newsletter-block-footnote-text-font-font-family: var(--body-font-font-family);
--newsletter-block-footnote-text-font-font-style: var(--body-font-font-style);
--newsletter-block-footnote-text-font-font-weight: var(--body-font-font-weight);
--newsletter-block-footnote-text-font-text-transform: var(--body-font-text-transform);
--newsletter-block-footnote-text-font-letter-spacing: var(--body-font-letter-spacing);
--newsletter-block-footnote-text-font-line-height: var(--body-font-line-height);
--newsletter-block-footnote-text-font-font-size: var(--small-text-size);
--newsletter-block-footnote-text-font-font-size-value: var(--small-text-size-value);
--blog-side-by-side-list-meta-font-font-family: var(--meta-font-font-family);
--blog-side-by-side-list-meta-font-font-style: var(--meta-font-font-style);
--blog-side-by-side-list-meta-font-font-weight: var(--meta-font-font-weight);
--blog-side-by-side-list-meta-font-text-transform: var(--meta-font-text-transform);
--blog-side-by-side-list-meta-font-letter-spacing: var(--meta-font-letter-spacing);
--blog-side-by-side-list-meta-font-line-height: var(--meta-font-line-height);
--blog-side-by-side-list-meta-font-font-size: var(--normal-meta-size);
--blog-side-by-side-list-meta-font-font-size-value: var(--normal-meta-size-value);
--newsletter-block-field-text-font-font-family: var(--body-font-font-family);
--newsletter-block-field-text-font-font-style: var(--body-font-font-style);
--newsletter-block-field-text-font-font-weight: var(--body-font-font-weight);
--newsletter-block-field-text-font-text-transform: var(--body-font-text-transform);
--newsletter-block-field-text-font-letter-spacing: var(--body-font-letter-spacing);
--newsletter-block-field-text-font-line-height: var(--body-font-line-height);
--newsletter-block-field-text-font-font-size: var(--normal-text-size);
--newsletter-block-field-text-font-font-size-value: var(--normal-text-size-value);
--blog-single-column-list-excerpt-font-font-family: var(--body-font-font-family);
--blog-single-column-list-excerpt-font-font-style: var(--body-font-font-style);
--blog-single-column-list-excerpt-font-font-weight: var(--body-font-font-weight);
--blog-single-column-list-excerpt-font-text-transform: var(--body-font-text-transform);
--blog-single-column-list-excerpt-font-letter-spacing: var(--body-font-letter-spacing);
--blog-single-column-list-excerpt-font-line-height: var(--body-font-line-height);
--blog-single-column-list-excerpt-font-font-size: var(--normal-text-size);
--blog-single-column-list-excerpt-font-font-size-value: var(--normal-text-size-value);
--course-item-side-nav-lesson-meta-font-font-family: var(--meta-font-font-family);
--course-item-side-nav-lesson-meta-font-font-style: var(--meta-font-font-style);
--course-item-side-nav-lesson-meta-font-font-weight: var(--meta-font-font-weight);
--course-item-side-nav-lesson-meta-font-text-transform: var(--meta-font-text-transform);
--course-item-side-nav-lesson-meta-font-letter-spacing: var(--meta-font-letter-spacing);
--course-item-side-nav-lesson-meta-font-line-height: var(--meta-font-line-height);
--course-item-side-nav-lesson-meta-font-font-size: .8rem;
--course-item-side-nav-lesson-meta-font-font-size-value: .8;
--course-item-side-nav-lesson-name-font-font-family: var(--body-font-font-family);
--course-item-side-nav-lesson-name-font-font-style: var(--body-font-font-style);
--course-item-side-nav-lesson-name-font-font-weight: var(--body-font-font-weight);
--course-item-side-nav-lesson-name-font-text-transform: var(--body-font-text-transform);
--course-item-side-nav-lesson-name-font-letter-spacing: var(--body-font-letter-spacing);
--course-item-side-nav-lesson-name-font-line-height: var(--body-font-line-height);
--course-item-side-nav-lesson-name-font-font-size: 1rem;
--course-item-side-nav-lesson-name-font-font-size-value: 1;
--blog-item-title-font-font-family: var(--heading-font-font-family);
--blog-item-title-font-font-style: var(--heading-font-font-style);
--blog-item-title-font-font-weight: var(--heading-font-font-weight);
--blog-item-title-font-text-transform: var(--heading-font-text-transform);
--blog-item-title-font-letter-spacing: var(--heading-font-letter-spacing);
--blog-item-title-font-line-height: var(--heading-font-line-height);
--blog-item-title-font-font-size: var(--heading-1-size);
--blog-item-title-font-font-size-value: var(--heading-1-size-value);
--course-list-course-item-lesson-meta-font-font-family: var(--meta-font-font-family);
--course-list-course-item-lesson-meta-font-font-style: var(--meta-font-font-style);
--course-list-course-item-lesson-meta-font-font-weight: var(--meta-font-font-weight);
--course-list-course-item-lesson-meta-font-text-transform: var(--meta-font-text-transform);
--course-list-course-item-lesson-meta-font-letter-spacing: var(--meta-font-letter-spacing);
--course-list-course-item-lesson-meta-font-line-height: var(--meta-font-line-height);
--course-list-course-item-lesson-meta-font-font-size: .75rem;
--course-list-course-item-lesson-meta-font-font-size-value: .75;
--video-basic-grid-list-category-nav-font-font-family: var(--body-font-font-family);
--video-basic-grid-list-category-nav-font-font-style: var(--body-font-font-style);
--video-basic-grid-list-category-nav-font-font-weight: var(--body-font-font-weight);
--video-basic-grid-list-category-nav-font-text-transform: var(--body-font-text-transform);
--video-basic-grid-list-category-nav-font-letter-spacing: var(--body-font-letter-spacing);
--video-basic-grid-list-category-nav-font-line-height: var(--body-font-line-height);
--video-basic-grid-list-category-nav-font-font-size: var(--normal-text-size);
--video-basic-grid-list-category-nav-font-font-size-value: var(--normal-text-size-value);
--course-list-course-item-lesson-name-font-font-family: var(--body-font-font-family);
--course-list-course-item-lesson-name-font-font-style: var(--body-font-font-style);
--course-list-course-item-lesson-name-font-font-weight: var(--body-font-font-weight);
--course-list-course-item-lesson-name-font-text-transform: var(--body-font-text-transform);
--course-list-course-item-lesson-name-font-letter-spacing: var(--body-font-letter-spacing);
--course-list-course-item-lesson-name-font-line-height: var(--body-font-line-height);
--course-list-course-item-lesson-name-font-font-size: 1.125rem;
--course-list-course-item-lesson-name-font-font-size-value: 1.125;
--video-preview-badge-font-font-family: var(--body-font-font-family);
--video-preview-badge-font-font-style: var(--body-font-font-style);
--video-preview-badge-font-font-weight: var(--body-font-font-weight);
--video-preview-badge-font-text-transform: var(--body-font-text-transform);
--video-preview-badge-font-letter-spacing: var(--body-font-letter-spacing);
--video-preview-badge-font-line-height: var(--body-font-line-height);
--video-preview-badge-font-font-size: var(--normal-text-size);
--video-preview-badge-font-font-size-value: var(--normal-text-size-value);
--blog-basic-grid-list-title-font-font-family: var(--heading-font-font-family);
--blog-basic-grid-list-title-font-font-style: var(--heading-font-font-style);
--blog-basic-grid-list-title-font-font-weight: var(--heading-font-font-weight);
--blog-basic-grid-list-title-font-text-transform: var(--heading-font-text-transform);
--blog-basic-grid-list-title-font-letter-spacing: var(--heading-font-letter-spacing);
--blog-basic-grid-list-title-font-line-height: var(--heading-font-line-height);
--blog-basic-grid-list-title-font-font-size: var(--heading-3-size);
--blog-basic-grid-list-title-font-font-size-value: var(--heading-3-size-value);
--blog-basic-grid-list-meta-font-font-family: var(--meta-font-font-family);
--blog-basic-grid-list-meta-font-font-style: var(--meta-font-font-style);
--blog-basic-grid-list-meta-font-font-weight: var(--meta-font-font-weight);
--blog-basic-grid-list-meta-font-text-transform: var(--meta-font-text-transform);
--blog-basic-grid-list-meta-font-letter-spacing: var(--meta-font-letter-spacing);
--blog-basic-grid-list-meta-font-line-height: var(--meta-font-line-height);
--blog-basic-grid-list-meta-font-font-size: var(--normal-meta-size);
--blog-basic-grid-list-meta-font-font-size-value: var(--normal-meta-size-value);
--form-block-input-text-font-font-family: var(--body-font-font-family);
--form-block-input-text-font-font-style: var(--body-font-font-style);
--form-block-input-text-font-font-weight: var(--body-font-font-weight);
--form-block-input-text-font-text-transform: var(--body-font-text-transform);
--form-block-input-text-font-letter-spacing: var(--body-font-letter-spacing);
--form-block-input-text-font-line-height: var(--body-font-line-height);
--form-block-input-text-font-font-size: var(--normal-text-size);
--form-block-input-text-font-font-size-value: var(--normal-text-size-value);
--course-list-course-item-lesson-excerpt-font-font-family: var(--body-font-font-family);
--course-list-course-item-lesson-excerpt-font-font-style: var(--body-font-font-style);
--course-list-course-item-lesson-excerpt-font-font-weight: var(--body-font-font-weight);
--course-list-course-item-lesson-excerpt-font-text-transform: var(--body-font-text-transform);
--course-list-course-item-lesson-excerpt-font-letter-spacing: var(--body-font-letter-spacing);
--course-list-course-item-lesson-excerpt-font-line-height: var(--body-font-line-height);
--course-list-course-item-lesson-excerpt-font-font-size: .875rem;
--course-list-course-item-lesson-excerpt-font-font-size-value: .875;
--portfolio-grid-overlay-title-font-font-family: var(--heading-font-font-family);
--portfolio-grid-overlay-title-font-font-style: var(--heading-font-font-style);
--portfolio-grid-overlay-title-font-font-weight: var(--heading-font-font-weight);
--portfolio-grid-overlay-title-font-text-transform: var(--heading-font-text-transform);
--portfolio-grid-overlay-title-font-letter-spacing: var(--heading-font-letter-spacing);
--portfolio-grid-overlay-title-font-line-height: var(--heading-font-line-height);
--portfolio-grid-overlay-title-font-font-size: var(--heading-3-size);
--portfolio-grid-overlay-title-font-font-size-value: var(--heading-3-size-value);
--header-button-font-font-family: itc-avant-garde-gothic-pro;
--header-button-font-font-style: normal;
--header-button-font-font-weight: 500;
--header-button-font-text-transform: none;
--header-button-font-letter-spacing: .05em;
--header-button-font-line-height: 1.2em;
--header-button-font-font-size: 1rem;
--header-button-font-font-size-value: 1;
--blog-alternating-side-by-side-list-excerpt-font-font-family: var(--body-font-font-family);
--blog-alternating-side-by-side-list-excerpt-font-font-style: var(--body-font-font-style);
--blog-alternating-side-by-side-list-excerpt-font-font-weight: var(--body-font-font-weight);
--blog-alternating-side-by-side-list-excerpt-font-text-transform: var(--body-font-text-transform);
--blog-alternating-side-by-side-list-excerpt-font-letter-spacing: var(--body-font-letter-spacing);
--blog-alternating-side-by-side-list-excerpt-font-line-height: var(--body-font-line-height);
--blog-alternating-side-by-side-list-excerpt-font-font-size: var(--normal-text-size);
--blog-alternating-side-by-side-list-excerpt-font-font-size-value: var(--normal-text-size-value);
--product-basic-item-title-font-font-family: var(--heading-font-font-family);
--product-basic-item-title-font-font-style: var(--heading-font-font-style);
--product-basic-item-title-font-font-weight: var(--heading-font-font-weight);
--product-basic-item-title-font-text-transform: var(--heading-font-text-transform);
--product-basic-item-title-font-letter-spacing: var(--heading-font-letter-spacing);
--product-basic-item-title-font-line-height: var(--heading-font-line-height);
--product-basic-item-title-font-font-size: var(--heading-2-size);
--product-basic-item-title-font-font-size-value: var(--heading-2-size-value);
--menu-block-title-font-font-family: var(--heading-font-font-family);
--menu-block-title-font-font-style: var(--heading-font-font-style);
--menu-block-title-font-font-weight: var(--heading-font-font-weight);
--menu-block-title-font-text-transform: var(--heading-font-text-transform);
--menu-block-title-font-letter-spacing: var(--heading-font-letter-spacing);
--menu-block-title-font-line-height: var(--heading-font-line-height);
--menu-block-title-font-font-size: var(--heading-3-size);
--menu-block-title-font-font-size-value: var(--heading-3-size-value);
}
body {
background-image: url(../html5blank-child/images/Background-Image.png);
background-repeat: no-repeat;
background-position: center 0px;
background-size: cover;
font-family: var(--body-font-font-family);
font-size: calc(var(--large-text-size-value)* 1rem);
}
/* Header */
header {
position: relative;
z-index: 2;
width: 100%;
box-sizing: border-box;
padding-top: 1.5vw;
padding-bottom: 1.5vw;
padding-left: 4vw;
padding-right: 4vw;
pointer-events: auto;
height: 145px;
}
.header-wrapper {
height: 100%;
max-width: 1400px;
margin: auto;
position: relative;
}
.logo-container {
height: 88px;
width: 388px;
position: absolute;
left: 0px;
}
.nav {
height: 88px;
width: 330px;
position: absolute;
right: 0px;
display: flex;
align-items: center;
justify-content: space-between;
}
.logo-container .logo {
width: 388px;
height: 88px;
}
.nav li {
float: left;
margin: 0px 10px 0px 10px;
list-style: none;
}
.nav a {
font-size: calc(var(--site-navigation-font-font-size-value)* 1rem);
color: white;
text-decoration: none;
}
.current-menu-item > a {
padding: 5px 0px;
border-bottom: 1px solid white;
}
.current-menu-parent > a {
padding: 5px 0px;
border-bottom: 1px solid white;
}
.header-nav-item a:hover {
color: #add8e6 !important;
}
.nav li a:hover {
color: #add8e6 !important;
}
.current-menu-item a:hover {
border-bottom: 1px solid #add8e6;
}
ul.sub-menu {
background-color: #2c2b2b;
width: 235px;
height: 96px;
padding: 9px 18px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: end;
position: absolute;
right: 20px;
margin-top: 10px;
}
ul.sub-menu li {
margin: 2px 0px;
font-size: 17px;
}
/* Hambuger Menu */
.hamburger {
display: none;
}
.bar {
display: block;
width: 25px;
height: 3px;
margin: 5px auto;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #fff;
}
/* Hambuger Menu */
/* Header */
/* Home page */
.main {
height: auto;
min-height: 70vh;
display: flex;
align-items: center;
justify-content: center;
}
.main-contact-us {
height: auto;
min-height: 70vh;
}
.home-page-content {
margin: 0 auto;
padding: 7% 0px;
display: flex;
flex-direction: column;
align-items: center;
max-width: 1400px;
}
.home-page-content h2 {
font-size: calc(var(--heading-2-size-value)* 1rem);
color: #01aaf9;
text-align: center;
}
.home-page-content p {
font-size: calc(var(--large-text-size-value)* 1rem);
color: white;
text-align: center;
margin: 40px 0px;
line-height: 40px;
}
.home-page-content button {
width: 200px;
height: 74px;
background-color: transparent;
border: 2px solid #01aaf9;
border-radius: 10px;
}
.home-page-content button a {
color: #01aaf9;
text-decoration: none;
font-size: calc(var(--primary-button-font-font-size-value)* 1rem);
font-weight: bold;
display: block;
height: 100%;
position: relative;
top: 25px;
}
.home-page-content button:hover {
background-color: #01aaf9;
}
.home-page-content button a:hover {
color: white;
}
/* Home page */
/* About Us page */
body.page-template-about-us {
background-image: url(../html5blank-child/images/About+Us.png);
background-repeat: no-repeat;
background-position: center 0px;
background-size: cover;
}
.about-us-page-content {
margin: 0px 182px;
display: flex;
flex-direction: column;
color: white;
padding: 8% 10%;
line-height: var(--body-font-line-height);
}
.about-us-page-content article {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.about-us-page-content p {
font-size: calc(var(--large-text-size-value)* 1rem);
line-height: 45px;
margin-bottom: 1rem;
}
.about-us-page-content p a {
color: #01aaf9;
}
.about-us-page-content button {
width: 200px;
height: 74px;
background-color: transparent;
border: 2px solid #01aaf9;
border-radius: 10px;
margin-top: 70px;
}
.about-us-page-content button a {
color: #01aaf9;
text-decoration: none;
font-size: calc(var(--primary-button-font-font-size-value)* 1rem);
font-weight: bold;
}
.about-us-page-content button:hover {
background-color: #01aaf9;
}
.about-us-page-content button a:hover {
color: white;
}
/* About Us page */
/* Services page */
body.page-template-services {
background-image: url(../html5blank-child/images/Services.png);
background-repeat: no-repeat;
background-position: center 0px;
background-size: cover;
}
.services-page-content {
margin: 0px 10%;
display: flex;
flex-direction: column;
color: white;
padding: 4% 4%;
}
.services-inner {
display: flex;
justify-content: center;
align-items: baseline;
}
.services-inner p {
font-weight: bold;
font-size: calc(var(--large-text-size-value)* 1rem);
text-align: center;
margin: 30px 0px 15px 0px;
}
.services-inner ul li {
font-size: 17px;
margin: 20px 0px;
}
.technical-container, .operational-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 30px;
}
.technical-container img, .operational-container img {
width: 240px;
height: 232px;
}
.services-page-content h2 {
color: #01aaf9;
font-size: calc(var(--heading-1-size-value)* 1rem);
text-align: center;
margin-bottom: 30px;
}
/* Services page */
/* tnc page */
body.page-template-terms-and-conditions {
background-color: black;
background-image: unset;
}
.tnc-page-content {
margin: 0px 10%;
display: flex;
flex-direction: column;
color: white;
padding: 7% 11%;
}
.tnc-page-content h2 {
font-size: 45px;
text-align: center;
margin-bottom: 32px;
}
.tnc-page-content p {
font-size: 18px;
margin: 25px 0px;
}
.tnc-page-content .paragraph-title {
margin: 16px 0px 16px 40px;
}
.tnc-page-content .paragraph {
margin: 16px 0px 16px 80px;
}
.tnc-page-content .governing-law-paragraph {
margin: 16px 0px 16px 120px;
}
.tnc-page-content .tnc-list {
margin: 18px 0px 18px 80px;
padding-left: 40px;
line-height: 30px;
font-size: 18px;
}
.tnc-page-content .tnc-list li {
margin: 9px 0px;
}
.tnc-page-content a {
color: #01aaf9;
}
.tnc-page-content .contact-us-list {
margin-top: 32px;
}
/* tnc page */
/* privacy page */
body.page-template-privacy-policy {
background-color: black;
background-image: unset;
}
.privacy-policy-page-content {
margin: 0px 10%;
display: flex;
flex-direction: column;
color: white;
padding: 7% 10%;
}
.privacy-policy-page-content h2 {
font-size: 45px;
text-align: center;
margin-bottom: 32px;
}
.privacy-policy-page-content p {
font-size: 18px;
margin: 25px 0px;
line-height: 28px;
}
.privacy-policy-page-content ol li {
font-size: 18px;
}
.privacy-policy-page-content .paragraph-title {
margin: 16px 0px 16px 40px;
}
.privacy-policy-page-content .paragraph {
margin: 16px 0px 16px 80px;
}
.privacy-policy-page-content .privacy-policy-list li {
margin: 9px 0px;
}
.privacy-policy-page-content a {
color: #01aaf9;
}
.privacy-policy-page-content .privacy-policy-list {
margin-top: 32px;
}
/* privacy page */
/* Cookies page */
body.page-template-cookies-policy {
background-color: black;
background-image: unset;
}
.cookies-policy-page-content {
margin: 0px 10%;
display: flex;
flex-direction: column;
color: white;
padding: 7% 12%;
}
.cookies-policy-page-content h2 {
font-size: 45px;
text-align: center;
margin-bottom: 32px;
}
.cookies-policy-page-content p {
font-size: 18px;
margin: 25px 0px;
line-height: 28px;
}
.cookies-policy-page-content ol li {
font-size: 18px;
}
.cookies-policy-page-content .paragraph-title {
margin: 16px 0px 16px 40px;
}
.cookies-policy-page-content .paragraph {
margin: 16px 0px 16px 80px;
}
.cookies-policy-page-content .cookies-policy-list li {
margin: 9px 0px;
}
.cookies-policy-page-content a {
color: #01aaf9;
}
.cookies-policy-page-content .cookies-policy-list {
margin-top: 32px;
}
.cookies-policy-page-content .cookies-policy-list {
margin: 18px 0px 18px 80px;
padding-left: 40px;
line-height: 30px;
font-size: 18px;
}
/* Cookies page */
/* Athens, Greece */
body.page-template-athens-greece {
background-image: url(../html5blank-child/images/Contact-Us-2.png);
background-position: center -550px;
/* background-size: contain; */
}
body.page-template-athens-greece .main-contact-us .h2-wrapper > h2, body.page-template-belgrade-serbia .main-contact-us .h2-wrapper > h2, body.page-template-yerevan-armenia .main-contact-us .h2-wrapper > h2 {
font-size: calc(var(--heading-2-size-value)* 1rem);
color: #01aaf9;
max-width: 1400px;
margin: auto;
position: relative;
}
.h2-wrapper {
padding-left: 4vw;
padding-right: 4vw;
padding-top: calc(10vmax / 10);
padding-bottom: calc(10vmax / 10);
}
.athens-greece-page-content {
max-width: 1400px;
margin: 0px auto;
display: flex;
justify-content: center;
color: white;
padding: 3.3% 0;
}
.left-side {
width: 50%;
}
body.page-template-athens-greece .main-inner {
background-color: #2c2b2b;
}
body.page-template-athens-greece .athens-greece-page-content a, body.page-template-belgrade-serbia .athens-greece-page-content a, body.page-template-yerevan-armenia .athens-greece-page-content a {
color: #01aaf9;
font-size: 18px;
}
.left-side p {
line-height: 30px;
}
.left-side p:nth-of-type(3), .left-side p:nth-of-type(4) {
margin: 25px 0px;
}
.left-side iframe {
filter: grayscale(1);
width: 100%;
height: 350px;
}
.right-side {
width: 50%;
height: 485px;
margin-left: 130px;
}
div.wpforms-container-full input, div.wpforms-container-full select {
height: 53px!important;
border-radius: 0px!important;
}
.wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium {
max-width: 100%!important;
}
div.wpforms-container-full .wpforms-field-label, div.wpforms-container-full .wpforms-field-sublabel {
color: white!important;
font-size: calc(var(--form-block-title-text-font-font-size-value)* 1rem) !important;
font-weight: 100!important;
}
div.wpforms-container-full .wpforms-field-sublabel {
font-size: calc(var(--form-block-caption-text-font-font-size-value)* 1rem) !important;
}
div.wpforms-container-full button[type=submit] {
width: 140px!important;
height: 74px!important;
background-color: transparent!important;
border: 2px solid #01aaf9!important;
border-radius: 10px!important;
color: #01aaf9!important;
font-weight: bold!important;
font-size: calc(var(--primary-button-font-font-size-value)* 1rem)!important;
}
div.wpforms-container-full button[type=submit]:hover {
background-color: #01aaf9!important;
color: #fff!important;
}
/* Athens, Greece */
/* Belgrade, Serbia */
body.page-template-belgrade-serbia {
background-image: url(../html5blank-child/images/Contact-Us-2.png);
background-position: center -550px;
/* background-size: contain; */
}
.belgrade-serbia-page-content {
margin: 0px 182px;
display: flex;
justify-content: space-between;
color: white;
padding: 65px 65px;
}
body.page-template-belgrade-serbia .main-inner, body.page-template-yerevan-armenia .main-inner {
height: 665px;
}
body.page-template-belgrade-serbia .main-inner {
background-color: #2c2b2b;
}
body.page-template-belgrade-serbia .belgrade-serbia-page-content a {
color: #01aaf9;
font-size: 18px;
}
.left-side p {
line-height: 30px;
}
.left-side p:nth-of-type(3), .left-side p:nth-of-type(4) {
margin: 25px 0px;
}
.belgrade-serbia-page div.wpforms-container-full {
margin: 0px auto;
}
/* Belgrade, Serbia */
/* Yerevan, Armenia */
body.page-template-yerevan-armenia {
background-image: url(../html5blank-child/images/Contact-Us-2.png);
background-position: center -550px;
/* background-size: contain; */
}
.yerevan-armenia-page-content {
margin: 0px 182px;
display: flex;
justify-content: space-between;
color: white;
padding: 65px 65px;
}
body.page-template-yerevan-armenia .main-inner {
background-color: #2c2b2b;
}
body.page-template-yerevan-armenia .yerevan-armenia-page-content a {
color: #01aaf9;
font-size: 18px;
}
.left-side p {
line-height: 30px;
}
.left-side p:nth-of-type(3), .left-side p:nth-of-type(4) {
margin: 25px 0px;
}
/* Yerevan, Armenia */
/* footer */
footer {
/* height: 300px; */
background-color: black;
color: white;
font-size: 18px;
min-height: 25vh;
}
.footer-wrapper {
max-width: 1400px;
margin: 0 auto;
padding: 4% 4% 5% 0%;
font-size: calc(var(--small-text-size-value)* 1rem);
}
footer a {
color: #01aaf9;
}
footer .copyright {
margin: 25px 0px;
}
.footer-page-links:nth-child(2) {
margin: 0 15px;
}
#cookiescript_injected {
background-color: #2d2d2d;
z-index: 999997;
opacity: 0.95;
font-size: 14px;
font-weight: normal;
font-family: 'Open Sans', Arial, 'Trebuchet MS', 'Segoe UI', 'Helvetica', sans-serif;
box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.35);
color: white;
box-sizing: border-box;
bottom: 20px;
right: 40px;
position: fixed;
padding: 15px 20px 15px 20px;
width: 300px;
text-align: left;
max-height: 85%;
overflow-y: auto;
max-width: calc(100% - 40px);
transition: width 200ms 600ms;
border-radius: 20px;
}
.cookiescript_pre_header {
display: flex;
justify-content: flex-end;
align-items: center;
position: absolute;
top: 15px;
right: 15px;
}
#cookiescript_close {
font-size: 29px;
line-height: 13px;
cursor: pointer;
color: white;
height: 15px;
width: 15px;
margin: 0 0 0 10px;
padding: 0;
overflow: hidden;
letter-spacing: 0;
font-family: 'Trebuchet MS', 'Arial', sans-serif;
font-weight: 100;
opacity: 0.85;
z-index: 999999;
position: relative;
top: -1px;
}
#cookiescript_header {
padding: 10px 0 10px;
text-align: left;
margin: 0;
margin-right: 13px;
background-color: transparent;
z-index: 999998;
color: white;
font-size: 18px;
line-height: 1.3;
font-weight: 600;
letter-spacing: 0.4px;
opacity: 1;
}
#cookiescript_description {
color: white;
font-size: 12px;
letter-spacing: 0.3px;
line-height: 1.65;
font-weight: 400;
margin: 0 0 10px;
}
#cookiescript_readmore, #cookiescript_reportlink, #cookiescript_cookiescriptlink {
border: 0;
padding: 0;
cursor: pointer;
margin: 0;
transition: all 100ms ease 0s;
background-color: transparent;
display: inline;
font-size: 12px;
text-decoration: none;
color: white;
}
#cookiescript_show_all_partners_button {
color: #6fa8dc;
margin-bottom: 12px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
font-size: 14px;
}
#cookiescript_show_all_partners_button {
color: #6fa8dc;
margin-bottom: 12px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
font-size: 14px;
}
#cookiescript_buttons {
justify-content: space-between;
margin: 0 -5px 0 -5px;
flex-wrap: wrap;
display: flex;
flex-direction: row;
font-weight: 700;
}
#cookiescript_accept, #cookiescript_reject, #cookiescript_save {
border-radius: 20px;
flex-grow: 1;
padding: 0 7px;
margin: 0 5px 13px 5px;
font-weight: 700;
cursor: pointer;
white-space: nowrap;
transition-duration: 100ms;
transition-timing-function: ease-in-out;
min-width: 103px;
}
#cookiescript_accept {
transition: all 0.25s ease 0s;
text-transform: uppercase;
font-size: 12px;
text-align: center;
letter-spacing: 0.4px;
border: 0;
background-color: #6fa8dc;
color: white;
line-height: 3.2;
display: none;
}
#cookiescript_reject {
border: 1px solid white;
text-align: center;
line-height: 3;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.4px;
color: white;
background: #2d2d2d;
}
#cookiescript_save {
border: 0;
transition: all 0.25s ease 0s;
background-color: #6fa8dc;
color: white;
text-transform: uppercase;
font-size: 12px;
text-align: center;
line-height: 3.2;
letter-spacing: 0.4px;
/* display: none; */
}
.hide-details {
display: none;
}
#cookiescript_manage_wrap {
text-transform: uppercase;
text-align: center;
font-size: 12px;
letter-spacing: 0.4px;
font-weight: 700;
margin: 0 0 5px 0;
}
#cookiescript_manage {
display: inline;
cursor: pointer;
color: white;
opacity: 0.85;
margin-left: -15px;
}
svg#cookiescript_manageicon {
width: 15px;
height: 15px;
display: inline;
margin: 0 5px 0 0;
padding: 0;
position: relative;
top: 3px;
vertical-align: baseline;
}
svg:not(:root) {
overflow: hidden;
}
#cookiescript_badge {
width: 75px;
height: 53px;
bottom: 10px;
transition-duration: 500ms;
position: fixed;
cursor: pointer;
right: 30px;
display: none;
}
.cookiescript_badge_container {
display: flex;
align-items: center;
justify-content: center;
}
.cookie-logo {
width: 75px;
height: 53px;
}
#cookiescript_badge span {
display: none;
text-transform: uppercase;
width: 200px;
height: 30px;
color: white;
font-size: 14px;
padding: 8px 0px;
font-weight: bold;
}
/* footer */