/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

/* Fonts */

/* e-Ukraine */
@font-face {
    font-family: 'e-Ukraine';
    src: url('./src/fonts/e-Ukraine-Thin.eot');
    src: url('./src/fonts/e-Ukraine-Thin.eot?#iefix') format('embedded-opentype'),
        url('./src/fonts/e-Ukraine-Thin.woff2') format('woff2'),
        url('./src/fonts/e-Ukraine-Thin.woff') format('woff'),
        url('./src/fonts/e-Ukraine-Thin.ttf') format('truetype'),
        url('./src/fonts/e-Ukraine-Thin.svg#e-Ukraine-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'e-Ukraine';
    src: url('./src/fonts/e-Ukraine-UltraLight.eot');
    src: url('./src/fonts/e-Ukraine-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('./src/fonts/e-Ukraine-UltraLight.woff2') format('woff2'),
        url('./src/fonts/e-Ukraine-UltraLight.woff') format('woff'),
        url('./src/fonts/e-Ukraine-UltraLight.ttf') format('truetype'),
        url('./src/fonts/e-Ukraine-UltraLight.svg#e-Ukraine-UltraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'e-Ukraine';
    src: url('./src/fonts/e-Ukraine-Light.eot');
    src: url('./src/fonts/e-Ukraine-Light.eot?#iefix') format('embedded-opentype'),
        url('./src/fonts/e-Ukraine-Light.woff2') format('woff2'),
        url('./src/fonts/e-Ukraine-Light.woff') format('woff'),
        url('./src/fonts/e-Ukraine-Light.ttf') format('truetype'),
        url('./src/fonts/e-Ukraine-Light.svg#e-Ukraine-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'e-Ukraine';
    src: url('./src/fonts/e-Ukraine-Regular.eot');
    src: url('./src/fonts/e-Ukraine-Regular.eot?#iefix') format('embedded-opentype'),
        url('./src/fonts/e-Ukraine-Regular.woff2') format('woff2'),
        url('./src/fonts/e-Ukraine-Regular.woff') format('woff'),
        url('./src/fonts/e-Ukraine-Regular.ttf') format('truetype'),
        url('./src/fonts/e-Ukraine-Regular.svg#e-Ukraine-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'e-Ukraine';
    src: url('./src/fonts/e-Ukraine-Medium.eot');
    src: url('./src/fonts/e-Ukraine-Medium.eot?#iefix') format('embedded-opentype'),
        url('./src/fonts/e-Ukraine-Medium.woff2') format('woff2'),
        url('./src/fonts/e-Ukraine-Medium.woff') format('woff'),
        url('./src/fonts/e-Ukraine-Medium.ttf') format('truetype'),
        url('./src/fonts/e-Ukraine-Medium.svg#e-Ukraine-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'e-Ukraine';
    src: url('./src/fonts/e-Ukraine-Bold.eot');
    src: url('./src/fonts/e-Ukraine-Bold.eot?#iefix') format('embedded-opentype'),
        url('./src/fonts/e-Ukraine-Bold.woff2') format('woff2'),
        url('./src/fonts/e-Ukraine-Bold.woff') format('woff'),
        url('./src/fonts/e-Ukraine-Bold.ttf') format('truetype'),
        url('./src/fonts/e-Ukraine-Bold.svg#e-Ukraine-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}

/* e-Ukraine Head */
@font-face {
    font-family: 'e-Ukraine Head';
    src: url('./src/fonts/e-UkraineHead-Thin.eot');
    src: url('./src/fonts/e-UkraineHead-Thin.eot?#iefix') format('embedded-opentype'),
        url('./src/fonts/e-UkraineHead-Thin.woff2') format('woff2'),
        url('./src/fonts/e-UkraineHead-Thin.woff') format('woff'),
        url('./src/fonts/e-UkraineHead-Thin.ttf') format('truetype'),
        url('./src/fonts/e-UkraineHead-Thin.svg#e-UkraineHead-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'e-Ukraine Head';
    src: url('./src/fonts/e-UkraineHead-UltraLight.eot');
    src: url('./src/fonts/e-UkraineHead-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('./src/fonts/e-UkraineHead-UltraLight.woff2') format('woff2'),
        url('./src/fonts/e-UkraineHead-UltraLight.woff') format('woff'),
        url('./src/fonts/e-UkraineHead-UltraLight.ttf') format('truetype'),
        url('./src/fonts/e-UkraineHead-UltraLight.svg#e-UkraineHead-UltraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'e-Ukraine Head';
    src: url('./src/fonts/e-UkraineHead-Light.eot');
    src: url('./src/fonts/e-UkraineHead-Light.eot?#iefix') format('embedded-opentype'),
        url('./src/fonts/e-UkraineHead-Light.woff2') format('woff2'),
        url('./src/fonts/e-UkraineHead-Light.woff') format('woff'),
        url('./src/fonts/e-UkraineHead-Light.ttf') format('truetype'),
        url('./src/fonts/e-UkraineHead-Light.svg#e-UkraineHead-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'e-Ukraine Head';
    src: url('./src/fonts/e-UkraineHead-Regular.eot');
    src: url('./src/fonts/e-UkraineHead-Regular.eot?#iefix') format('embedded-opentype'),
        url('./src/fonts/e-UkraineHead-Regular.woff2') format('woff2'),
        url('./src/fonts/e-UkraineHead-Regular.woff') format('woff'),
        url('./src/fonts/e-UkraineHead-Regular.ttf') format('truetype'),
        url('./src/fonts/e-UkraineHead-Regular.svg#e-UkraineHead-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'e-Ukraine Head';
    src: url('./src/fonts/e-UkraineHead-Medium.eot');
    src: url('./src/fonts/e-UkraineHead-Medium.eot?#iefix') format('embedded-opentype'),
        url('./src/fonts/e-UkraineHead-Medium.woff2') format('woff2'),
        url('./src/fonts/e-UkraineHead-Medium.woff') format('woff'),
        url('./src/fonts/e-UkraineHead-Medium.ttf') format('truetype'),
        url('./src/fonts/e-UkraineHead-Medium.svg#e-UkraineHead-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'e-Ukraine Head LOGO';
    src: url('./src/fonts/e-UkraineHead-LOGO.eot');
    src: url('./src/fonts/e-UkraineHead-LOGO.eot?#iefix') format('embedded-opentype'),
        url('./src/fonts/e-UkraineHead-LOGO.woff2') format('woff2'),
        url('./src/fonts/e-UkraineHead-LOGO.woff') format('woff'),
        url('./src/fonts/e-UkraineHead-LOGO.ttf') format('truetype'),
        url('./src/fonts/e-UkraineHead-LOGO.svg#e-UkraineHead-LOGO') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'e-Ukraine Head';
    src: url('./src/fonts/e-UkraineHead-Bold.eot');
    src: url('./src/fonts/e-UkraineHead-Bold.eot?#iefix') format('embedded-opentype'),
        url('./src/fonts/e-UkraineHead-Bold.woff2') format('woff2'),
        url('./src/fonts/e-UkraineHead-Bold.woff') format('woff'),
        url('./src/fonts/e-UkraineHead-Bold.ttf') format('truetype'),
        url('./src/fonts/e-UkraineHead-Bold.svg#e-UkraineHead-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}


/* global body */

:root {

	/* Colors: */
	--unnamed-color-ffffff: #FFFFFF;
	--unnamed-color-5f727f: #5f727f;
	--unnamed-color-04010c: #04010c;
	--unnamed-color-bbc236: #bbc236;
    --unnamed-color-2c3b90: #2c3b90;
    --unnamed-color-e0e0e0: #e0e0e0;

    /* Font */
    --unnamed-font-family-e-ukraine: 'e-Ukraine', 'Raleway';
    --unnamed-font-family-e-ukraine-head: 'e-Ukraine Head', 'Oxanium';
    --unnamed-font-family-e-ukraine-logo: 'e-Ukraine Head LOGO';
    --unnamed-font-weight-100: 100;
    --unnamed-font-weight-200: 200;
    --unnamed-font-weight-300: 300;
    --unnamed-font-weight-400: 400;
    --unnamed-font-weight-500: 500;
    --unnamed-font-weight-700: 700;

}

body{
	font-family: var(--unnamed-font-family-e-ukraine);
}

body p, body ul li, body ol li, body a {
	font-family: var(--unnamed-font-family-e-ukraine);
	color: var(--unnamed-color-5f727f);
    font-weight: var(--unnamed-font-weight-400);
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0px;
}

body h1, body h1 span {
    font-family: var(--unnamed-font-family-e-ukraine-head);
    color: var(--unnamed-color-04010c);
    font-weight: var(--unnamed-font-weight-700);
    font-size: 50px;
    line-height: 69px;
    letter-spacing: 2.5px;
}

body h2, body h2 span {
    font-family: var(--unnamed-font-family-e-ukraine-head);
    color: var(--unnamed-color-04010c);
    font-weight: var(--unnamed-font-weight-300);
    font-size: 60px;
    line-height: 60px;
    letter-spacing: 1px;
}

body h3, body h3 span {
    font-family: var(--unnamed-font-family-e-ukraine-head);
    color: var(--unnamed-color-04010c);
    font-weight: var(--unnamed-font-weight-700);
    font-size: 28px;
    line-height: 42px;
    letter-spacing: 1px;
}

body h4, body h4 span {
    font-family: var(--unnamed-font-family-e-ukraine-head);
    color: var(--unnamed-color-04010c);
    font-weight: var(--unnamed-font-weight-300);
    font-size: 24px;
    line-height: 38px;
    letter-spacing: 1px;
}

body h5, body h5 span {
    font-family: var(--unnamed-font-family-e-ukraine-head);
    color: var(--unnamed-color-04010c);
    font-weight: var(--unnamed-font-weight-700);
    font-size: 19px;
    line-height: 30px;
    letter-spacing: 1px;
}

body h6, body h6 span {
    font-family: var(--unnamed-font-family-e-ukraine-head);
    color: var(--unnamed-color-04010c);
    font-weight: var(--unnamed-font-weight-700);
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 1px;
}

body .styled-subtitle {
    font-family: var(--unnamed-font-family-e-ukraine);
}

body .title-h1,
body .title-h2,
body .title-h3,
body .title-h4,
body .title-h5,
body .title-h6,
body .title-h1 .light,
body .title-h2 .light,
body .title-h3 .light,
body .title-h4 .light,
body .title-h5 .light,
body .title-h6 .light {
    font-family: var(--unnamed-font-family-e-ukraine-head);
}

.padding-top-xxl {
	padding-top: 120px;
}

.padding-top-xl {
	padding-top: 100px;
}

.padding-top-l {
	padding-top: 80px;
}

.padding-top-m {
	padding-top: 50px;
}

.padding-top-s {
	padding-top: 25px;
}

.padding-top-xs {
	padding-top: 15px;
}

.padding-bottom-xxl {
	padding-bottom: 120px;
}

.padding-bottom-xl {
	padding-bottom: 100px;
}

.padding-bottom-l {
	padding-bottom: 80px;
}

.padding-bottom-m {
	padding-bottom: 50px;
}

.padding-bottom-s {
	padding-bottom: 25px;
}

.padding-bottom-xs {
	padding-bottom: 15px;
}

.padding-left-l {
	padding-left: 80px;
}

.white-text,
.white-text p,
.white-text .title-h1,
.white-text .title-h2,
.white-text .title-h3,
.white-text .title-h4,
.white-text .title-h5,
.white-text .title-h6,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
.white-text a,
.white-text ul li {
    color: var(--unnamed-color-ffffff);
}

.black-text p,
.black-text .title-h1,
.black-text .title-h2,
.black-text .title-h3,
.black-text .title-h4,
.black-text .title-h5,
.black-text .title-h6,
.black-text h1,
.black-text h2,
.black-text h3,
.black-text h4,
.black-text h5,
.black-text h6,
.black-text a,
.black-text,
.black-text ul li {
    color: var(--unnamed-color-04010c);
}


.green-text p,
.green-text .title-h1,
.green-text .title-h2,
.green-text .title-h3,
.green-text .title-h4,
.green-text .title-h5,
.green-text .title-h6,
.green-text h1,
.green-text h2,
.green-text h3,
.green-text h4,
.green-text h5,
.green-text h6,
.green-text a,
.green-text,
.green-text ul li {
    color: var(--unnamed-color-bbc236);
}

.centered-text {
    text-align: center;
}

.high-title {
    font-size: 90px;
    font-weight: 500;
}

/* Header */

body .thegem-te-menu__default.desktop-view ul.nav-menu > li > a {
    font-family: var(--unnamed-font-family-e-ukraine);
}

.header-nav-section .wpb_wrapper > div,
.header-nav-section .wpb_wrapper > .header-flags {
    display: inline-block;
}

.header-nav-section .wpb_wrapper > .header-flags {
    position: relative;
    padding-left: 40px;
}

.header-nav-section .wpb_wrapper > .header-flags:before {
    content: "\e0e3";
    position: absolute;
    font-family: 'ElegantIcons';
    left: 20px;
    top: 0;
    font-size: 16px;
    color: var(--unnamed-color-04010c);
}

div.style-active-framed nav.desktop-view ul.nav-menu > li.menu-item-active > a:before {
    content: none;
}

/* Selector de idioma Polylang */
.header-flags {
    margin-bottom: 0px;
    padding: 2px 16px;
}

.header-flags li {
	padding: 0 5px;
    list-style: none;
    font-family: var(--unnamed-font-family-e-ukraine);
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0px;
}

.header-flags li a {
    color: var(--unnamed-color-04010c);
}

.header-flags li img {
	vertical-align: unset;
}

body:not(.home) .header-sticky-template:not(.header-sticked) .wpb_row {
	padding-bottom: 0px;
	padding-top: 0px !important;
}

/* Landing */
.header-section .header-section-logos img{
    max-width: 280px;
}

.when-section .when-data-section .styled-subtitle,
.where-section .where-data-section .styled-subtitle {
    font-weight: 500; 
    padding-bottom: 30px;
}


.when-section .when-counter-section .countdown-item .odometer-inside:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 5px;
    height: 5px;
    margin-top: -10px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background: var(--unnamed-color-ffffff);
}

.when-section .when-counter-section .countdown-item .odometer-inside:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 5px;
    height: 5px;
    margin-top: 10px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background-color: var(--unnamed-color-ffffff);
}

.when-section .when-counter-section .countdown-item > .wrap {
    border: none;
}

.when-section .when-counter-section .countdown-item.count-4 .odometer-inside:before,
.when-section .when-counter-section .countdown-item.count-4 .odometer-inside:after {
    content: none;
}

.when-section .when-counter-section .countdown-item .item-count {
    letter-spacing: 25px;
    line-height: 80px;
}

.when-section .when-counter-section .countdown-container .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
    font-family: var(--unnamed-font-family-e-ukraine-head);
    font-weight: 500;
    color: #fff;
    font-size: 90px;
}

.when-section .when-counter-section .countdown-container .countdown-item .item-title {
    font-weight: 500;
    color: var(--unnamed-color-bbc236) !important;
    margin-top: 0px;
}

.green-point > span:after{
    content: '.';
    font-family: var(--unnamed-font-family-e-ukraine-head);
    font-size: 1.8em;
    color: var(--unnamed-color-bbc236);
}

.blue-point > span:after{
    content: '.';
    font-family: var(--unnamed-font-family-e-ukraine-head);
    font-size: 1.8em;
    color: var(--unnamed-color-2c3b90);
}

.black-point > span:after{
    content: '.';
    font-family: var(--unnamed-font-family-e-ukraine-head);
    font-size: 1.8em;
    color: var(--unnamed-color-04010c);
}

.agenda-section .event-info .time{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    color: var(--unnamed-color-5f727f);
    padding-left: 25px;
}

.agenda-section .event-info .time:before {
    content: "\7d";
    position: absolute;
    font-family: 'ElegantIcons';
    left: 0;
    top: 0;
    font-size: 16px;
    color: var(--unnamed-color-2c3b90);
}

.agenda-section .event-info .name{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding-left: 25px;
    margin-right: 25px;
    color: var(--unnamed-color-2c3b90);
}

.agenda-section .event-info .name:before {
    content: "\e01b";
    position: absolute;
    font-family: 'ElegantIcons';
    left: 0;
    top: 0;
    font-size: 16px;
    color: var(--unnamed-color-2c3b90);
}

.agenda-section .event-info .position {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: auto;
    color: var(--unnamed-color-5f727f);
    padding-left: 25px;
    margin-right: 25px;
}

.agenda-section .event-info .position:before {
    content: "|";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    color: var(--unnamed-color-e0e0e0);
}

.agenda-section .wpb_content_element.event-date-section {
    margin-bottom: 0.15em;
    
}

.agenda-section.vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body,
.agenda-section.vc_tta-color-grey.vc_tta-style-outline .vc_tta-tab.vc_active>a {
    border-color: var(--unnamed-color-e0e0e0);
}

.agenda-section.vc_tta-color-grey.vc_tta-style-outline .vc_tta-tab>a {
    border-color: var(--unnamed-color-2c3b90);
    background-color: var(--unnamed-color-2c3b90);
    color: var(--unnamed-color-ffffff);
}

.agenda-section.vc_tta-color-grey.vc_tta-style-outline .vc_tta-tab>a:hover {
    border-color: var(--unnamed-color-e0e0e0);
    background-color: var(--unnamed-color-ffffff);
    color: var(--unnamed-color-5f727f);
}

.agenda-section.vc_tta-color-grey.vc_tta-style-outline .vc_tta-tab.vc_active>a {
    color: var(--unnamed-color-5f727f);
}

.agenda-section .gem-textbox-content {
    padding: 15px;
}

.agenda-section .vc_tta-panels-container .vc_tta-panel-body{
    max-height: 600px;
    overflow-y: scroll !important;
}

.agenda-section .vc_tta-panels-container .vc_tta-panel-body::-webkit-scrollbar {
    width: 15px;               /* width of the entire scrollbar */
}

.agenda-section .vc_tta-panels-container .vc_tta-panel-body::-webkit-scrollbar-track {
    background: var(--unnamed-color-ffffff);        /* color of the tracking area */
}

.agenda-section .vc_tta-panels-container .vc_tta-panel-body::-webkit-scrollbar-thumb {
    background-color: var(--unnamed-color-2c3b90);    /* color of the scroll thumb */
    border-radius: 0px;       /* roundness of the scroll thumb */
    border: 3px solid var(--unnamed-color-ffffff);  /* creates padding around scroll thumb */
}

.location-map-section {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
     filter: grayscale(100%);
     background-color: #d8d8d8;
}

.location-map-section .wpb_content_element {
    margin: 0px;
}

.speakers-section .team-person-info {
    font-family: var(--unnamed-font-family-e-ukraine);
}

.speakers-section .gem-team .team-person {
    border: 2px solid var(--unnamed-color-e0e0e0);
    border-radius: 0px;
    padding: 25px;
}

.speakers-section .gem-team .team-person .team-person-email,
.speakers-section .gem-team .team-person .team-person-email a {
    color: var(--unnamed-color-5f727f);
}

.speakers-section .team-person-name.title-h4 {
    font-size: 16px;
    line-height: 25px;
}

.speakers-section .team-person-name.title-h4 .light {
    font-weight: var(--unnamed-font-weight-400);
}

.speakers-section .vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-circle .vc_pagination-trigger{
    border-radius: 0;
    background-color: var(--unnamed-color-5f727f);
}


.speakers-section .vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-circle .vc_active .vc_pagination-trigger {
    border-radius: 0;
    background-color: var(--unnamed-color-2c3b90);
}

.organizers-section .organizers-logos-section img{
    max-width: 280px;
}

.top-footer-section .top-footer-info-section > .vc_column-inner { 
    padding-top: 0px !important;
}

.top-footer-section .top-footer-info-section .gem-infotext {
    margin-bottom: 10px;
}

.top-footer-section .top-footer-info-section .gem-infotext .gem-infotext-wrap {
    align-items: flex-start !important;
}

.top-footer-section .top-footer-info-section .gem-infotext .gem-infotext-wrap .gem-infotext ,
.top-footer-section .top-footer-info-section .gem-infotext .gem-infotext-wrap .gem-infotext .gem-infotext__title,
.top-footer-section .top-footer-info-section .gem-infotext .gem-infotext-wrap .gem-infotext .gem-infotext__title .title-customize{
    color: #fff !important;
    text-transform: none;
}

.top-footer-section .top-footer-identity-section .wpb_single_image {
    margin-bottom: 35px;

}

.top-footer-section .top-footer-identity-section .socials-list{
    text-align: left;
}

.bottom-footer-section .bottom-footer-logo-section > .vc_column-inner { 
    padding-top: 0px !important;
}

.bottom-footer-section .bottom-footer-logo-section img {
    margin-right: 10px;
}

/* Footer */

body .gem-infotext__title .title-default, body .gem-infotext__subtitle .title-default, body .gem-infotext__description .title-default {
    font-family: var(--unnamed-font-family-e-ukraine);
}

/** Media queries. */

@media screen and (max-width: 1700px) {
    .high-title {
        font-size: 3.7em;
    }
}

@media screen and (max-width: 1024px) {
    .header-nav-section .thegem-te-menu__default.desktop-view ul.nav-menu > li > a {
        padding: 2px 10px;
    }
    h2,
    div.thegem-te-heading h2 span {
        font-size: 1.1em;
        text-align: center !important;
    }
    h2.padding-bottom-l {
        padding-bottom: 35px;
    }
    .agenda-section h4 span {
        font-size: 1.3em;
    }
    .agenda-section h3 span {
        font-size: 0.9em;
        line-height: 1em;
    }
    .team-person-name.title-h4 span {
        font-size: 1.1em;
    }
    .where-data-section.vc_col-sm-3,
    .location-map-section.vc_col-sm-9 {
        width: 100%;
    }
    .header-section,
    .header-section .wpb_wrapper .vc_row {
        flex-direction: column;
        padding: 0 20px;
    }
    .header-section .cl-1 {
        order: 2;
        margin: 0 auto;
    }
    .header-section .cl-2 {
        order: 1;
        margin: 0 auto;
    }
    .header-section .header-section-logos.cl-1.vc_col-sm-3,
    .when-data-section.vc_col-sm-3,
    .when-counter-section.vc_col-sm-9 {
        width: 100%;
    }
    .header-section .cl-1 .wpb_single_image {
        margin-bottom: 2.15em;
        padding-bottom: 0;
        text-align: center;
    }
    .header-section .cl-2 .wpb_single_image {
        padding-top: 0;
    }
    .when-data-section {
        padding-top: 50px;
    }
    .vc_row-has-fill > .when-data-section.vc_column_container > .vc_column-inner,
    .when-counter-section.padding-top-m,
    .vc_row-has-fill .when-counter-section.vc_column_container > .vc_column-inner {
        padding-top: 0;
    }
    .when-counter-section .countdown-style-3 .wrap {
        height: 90px;
    }
    .when-counter-section .countdown-style-3 .countdown-item {
        padding-top: 0;
        padding-bottom: 35px;
        width: 25%;
    }
    .when-counter-section .countdown-style-3 .countdown-item:last-child {
        padding-bottom: 0;
    }
    .when-counter-section .odometer-inside::before,
    .when-counter-section .odometer-inside::after {
        display: none;
    }
    .when-counter-section .countdown-style-3 .countdown-item .item-count {
        margin-top: 0;
    }
    .padding-top-xxl {
        padding-top: 50px;
    }
    .padding-bottom-xxl {
        padding-bottom: 50px;
    }
    #agenda .event-info .position::before {
        display: none;
    }
    #agenda .vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
        padding: 50px 20px;
    }
    .where-data-section.vc_col-has-fill > .vc_column-inner {
        padding-top: 65px;
    }
    #where {
        display: flex;
    }
    #where .location-map-section {
        order: 2;
    }
    #speakers .vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
        padding-top: 0;
    }
    #speakers .inline-column,
    #organizers .organizers-logos-section,
    div .wpb_single_image.vc_align_left {
        text-align: center;
    }
    .organizers-section .organizers-logos-section img {
        max-width: 90%;
    }
    .bottom-footer-section .vc_col-sm-8,
    .bottom-footer-copyright-section.vc_col-sm-4 {
        width: 100%;
        text-align: center;
    }
    .bottom-footer-copyright-section {
        order: 2;
    }
    .bottom-footer-section .bottom-footer-logo-section .wpb_wrapper > p {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .bottom-footer-section .bottom-footer-logo-section img,
    .bottom-footer-section .bottom-footer-logo-section strong {
        display: flex;
        text-align: center;
        margin: 0 auto;
    }
    .bottom-footer-section .bottom-footer-logo-section img {
        margin-bottom: 10px;
    }
    .top-footer-identity-section .wpb_wrapper,
    .socials.socials-list,
    .top-footer-info-section .vc_column-inner .wpb_wrapper {
        display: flex;
    }
    .top-footer-identity-section .wpb_wrapper,
    .top-footer-info-section .vc_column-inner .wpb_wrapper {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 979px) {
    .thegem-template-header .vc_column_container .wpb_wrapper .vc_row:nth-child(2) .wpb_wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .thegem-template-header .vc_column_container .wpb_wrapper .header-flags {
        margin-top: 0px;
    }
}

@media screen and (min-width: 768px) and (max-width: 960px) {
    .vc_col-sm-3 {
        width: 100%;
    }
    h2,
    div.thegem-te-heading h2 span {
        font-size: 1.1em;
        text-align: center !important;
    }
    h2.padding-bottom-l {
        padding-bottom: 35px;
    }
    .agenda-section h4 span {
        font-size: 1.3em;
    }
    .agenda-section h3 span {
        font-size: 0.9em;
        line-height: 1em;
    }
    .team-person-name.title-h4 span {
        font-size: 1.1em;
    }
    .where-data-section.vc_col-sm-3,
    .location-map-section.vc_col-sm-9 {
        width: 100%;
    }
    .header-section,
    .header-section .wpb_wrapper .vc_row {
        flex-direction: column;
        padding: 0 20px;
    }
    .header-section .cl-1 {
        order: 2;
        margin: 0 auto;
    }
    .header-section .cl-2 {
        order: 1;
        margin: 0 auto;
    }
    .header-section .header-section-logos.cl-1.vc_col-sm-3,
    .when-data-section.vc_col-sm-3,
    .when-counter-section.vc_col-sm-9 {
        width: 100%;
    }
    .header-section .cl-1 .wpb_single_image {
        margin-bottom: 2.15em;
        padding-bottom: 0;
        text-align: center;
    }
    .header-section .cl-2 .wpb_single_image {
        padding-top: 0;
    }
    .when-data-section {
        padding-top: 50px;
    }
    .vc_row-has-fill > .when-data-section.vc_column_container > .vc_column-inner,
    .when-counter-section.padding-top-m,
    .vc_row-has-fill .when-counter-section.vc_column_container > .vc_column-inner {
        padding-top: 0;
    }
    .when-counter-section .countdown-style-3 .wrap {
        height: 90px;
    }
    .when-counter-section .countdown-style-3 .countdown-item {
        padding-top: 0;
        padding-bottom: 35px;
        width: 25%;
    }
    .when-counter-section .countdown-style-3 .countdown-item:last-child {
        padding-bottom: 0;
    }
    .when-counter-section .odometer-inside::before,
    .when-counter-section .odometer-inside::after {
        display: none;
    }
    .when-counter-section .countdown-style-3 .countdown-item .item-count {
        margin-top: 0;
    }
    .padding-top-xxl {
        padding-top: 50px;
    }
    .padding-bottom-xxl {
        padding-bottom: 50px;
    }
    #agenda .event-info .position::before {
        display: none;
    }
    #agenda .vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
        padding: 50px 20px;
    }
    .where-data-section.vc_col-has-fill > .vc_column-inner {
        padding-top: 65px;
    }
    #where {
        display: flex;
    }
    #where .location-map-section {
        order: 2;
    }
    #speakers .vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
        padding-top: 0;
    }
    #speakers .inline-column,
    #organizers .organizers-logos-section,
    div .wpb_single_image.vc_align_left {
        text-align: center;
    }
    .organizers-section .organizers-logos-section img {
        max-width: 90%;
    }
    .bottom-footer-section .vc_col-sm-8,
    .bottom-footer-copyright-section.vc_col-sm-4 {
        width: 100%;
        text-align: center;
    }
    .bottom-footer-copyright-section {
        order: 2;
    }
    .bottom-footer-section .bottom-footer-logo-section .wpb_wrapper > p {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .bottom-footer-section .bottom-footer-logo-section img,
    .bottom-footer-section .bottom-footer-logo-section strong {
        display: flex;
        text-align: center;
        margin: 0 auto;
    }
    .bottom-footer-section .bottom-footer-logo-section img {
        margin-bottom: 10px;
    }
    .top-footer-identity-section .wpb_wrapper,
    .socials.socials-list,
    .top-footer-info-section .vc_column-inner .wpb_wrapper {
        display: flex;
    }
    .top-footer-identity-section .wpb_wrapper,
    .top-footer-info-section .vc_column-inner .wpb_wrapper {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 768px) {
    h2,
    div.thegem-te-heading h2 span {
        font-size: 1.1em;
        text-align: center !important;
    }
    h2.padding-bottom-l {
        padding-bottom: 35px;
    }
    .agenda-section h4 span {
        font-size: 1.3em;
    }
    .agenda-section h3 span {
        font-size: 0.9em;
        line-height: 1em;
    }
    .team-person-name.title-h4 span {
        font-size: 1.1em;
    }
    .where-data-section.vc_col-sm-3,
    .location-map-section.vc_col-sm-9 {
        width: 100%;
    }
    .header-section,
    .header-section .wpb_wrapper .vc_row {
        flex-direction: column;
        padding: 0 20px;
    }
    .header-section .cl-1 {
        order: 2;
        margin: 0 auto;
    }
    .header-section .cl-2 {
        order: 1;
        margin: 0 auto;
    }
    .header-section .header-section-logos.cl-1.vc_col-sm-3,
    .when-data-section.vc_col-sm-3,
    .when-counter-section.vc_col-sm-9 {
        width: 100%;
    }
    .header-section .cl-1 .wpb_single_image {
        margin-bottom: 2.15em;
        padding-bottom: 0;
        text-align: center;
    }
    .header-section .cl-2 .wpb_single_image {
        padding-top: 0;
    }
    .when-data-section {
        padding-top: 50px;
    }
    .vc_row-has-fill > .when-data-section.vc_column_container > .vc_column-inner,
    .when-counter-section.padding-top-m,
    .vc_row-has-fill .when-counter-section.vc_column_container > .vc_column-inner {
        padding-top: 0;
    }
    .when-counter-section .countdown-style-3 .wrap {
        height: 90px;
    }
    .when-counter-section .countdown-style-3 .countdown-item {
        padding-top: 0;
        padding-bottom: 35px;
        width: 25%;
    }
    .when-counter-section .countdown-style-3 .countdown-item:last-child {
        padding-bottom: 0;
    }
    .when-counter-section .odometer-inside::before,
    .when-counter-section .odometer-inside::after {
        display: none;
    }
    .when-counter-section .countdown-style-3 .countdown-item .item-count {
        margin-top: 0;
    }
    .padding-top-xxl {
        padding-top: 50px;
    }
    .padding-bottom-xxl {
        padding-bottom: 50px;
    }
    #agenda .event-info .position::before {
        display: none;
    }
    #agenda .vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
        padding: 50px 20px;
    }
    .where-data-section.vc_col-has-fill > .vc_column-inner {
        padding-top: 65px;
    }
    #where {
        display: flex;
    }
    #where .location-map-section {
        order: 2;
    }
    #speakers .vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
        padding-top: 0;
    }
    #speakers .inline-column,
    #organizers .organizers-logos-section,
    div .wpb_single_image.vc_align_left {
        text-align: center;
    }
    .organizers-section .organizers-logos-section img {
        max-width: 90%;
    }
    .bottom-footer-section .vc_col-sm-8,
    .bottom-footer-copyright-section.vc_col-sm-4 {
        width: 100%;
        text-align: center;
    }
    .bottom-footer-copyright-section {
        order: 2;
    }
    .bottom-footer-section .bottom-footer-logo-section .wpb_wrapper > p {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .bottom-footer-section .bottom-footer-logo-section img,
    .bottom-footer-section .bottom-footer-logo-section strong {
        display: flex;
        text-align: center;
        margin: 0 auto;
    }
    .bottom-footer-section .bottom-footer-logo-section img {
        margin-bottom: 10px;
    }
    .top-footer-identity-section .wpb_wrapper,
    .socials.socials-list,
    .top-footer-info-section .vc_column-inner .wpb_wrapper {
        display: flex;
    }
    .top-footer-identity-section .wpb_wrapper,
    .top-footer-info-section .vc_column-inner .wpb_wrapper {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 650px) and (min-width: 480px)  {

    .countdown-style-3 .item-count {
        font-size: 20px !important;
    }

    .when-section .when-counter-section .countdown-container .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
        font-size: 57px;
    }


}

@media screen and (max-width: 480px) {
    h2,
    div.thegem-te-heading h2 span {
        font-size: 1.1em;
        text-align: center !important;
    }
    h2.padding-bottom-l {
        padding-bottom: 35px;
    }
    .agenda-section h4 span {
        font-size: 1.3em;
    }
    .agenda-section h3 span {
        font-size: 0.7em;
        line-height: 0.9em;
    }
    .team-person-name.title-h4 span {
        font-size: 1.1em;
    }
    .header-section {
        flex-direction: column;
        padding: 0 20px;
    }
    .header-section .cl-1 {
        order: 2;
    }
    .header-section .cl-2 {
        order: 1;
    }
    .header-section .cl-1 .wpb_single_image {
        margin-bottom: 2.15em;
        padding-bottom: 0;
        text-align: center;
    }
    .header-section .cl-2 .wpb_single_image {
        padding-top: 0;
    }
    .when-data-section {
        padding-top: 50px;
    }
    .vc_row-has-fill > .when-data-section.vc_column_container > .vc_column-inner,
    .when-counter-section.padding-top-m,
    .vc_row-has-fill .when-counter-section.vc_column_container > .vc_column-inner {
        padding-top: 0;
    }
    .when-counter-section .countdown-style-3 .wrap {
        height: 90px;
    }
    .when-counter-section .countdown-style-3 .countdown-item {
        padding-top: 0;
        padding-bottom: 35px;
    }
    .when-counter-section .countdown-style-3 .countdown-item:last-child {
        padding-bottom: 0;
    }
    .when-counter-section .odometer-inside::before,
    .when-counter-section .odometer-inside::after {
        display: none;
    }
    .when-counter-section .countdown-style-3 .countdown-item {
        padding-top: 0;
        padding-bottom: 35px;
        width: 100%;
    }
    .padding-top-xxl {
        padding-top: 50px;
    }
    .padding-bottom-xxl {
        padding-bottom: 50px;
    }
    #agenda .event-info .position::before {
        display: none;
    }
    #agenda .vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
        padding: 50px 20px;
    }
    .where-data-section.vc_col-has-fill > .vc_column-inner {
        padding-top: 65px;
    }
    #where {
        display: flex;
    }
    #where .location-map-section {
        order: 2;
    }
    #speakers .vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
        padding-top: 0;
    }
    #speakers .inline-column,
    #organizers .organizers-logos-section,
    div .wpb_single_image.vc_align_left {
        text-align: center;
    }
    .organizers-section .organizers-logos-section img {
        max-width: 75%;
    }
    .bottom-footer-copyright-section {
        order: 2;
        text-align: center;
    }
    .bottom-footer-section .bottom-footer-logo-section img,
    .bottom-footer-section .bottom-footer-logo-section strong {
        display: flex;
        text-align: center;
        margin: 0 auto;
    }
    .bottom-footer-section .bottom-footer-logo-section img {
        margin-bottom: 10px;
    }
    .top-footer-identity-section .wpb_wrapper,
    .socials.socials-list,
    .top-footer-info-section .vc_column-inner .wpb_wrapper {
        display: flex;
    }
    .top-footer-identity-section .wpb_wrapper,
    .top-footer-info-section .vc_column-inner .wpb_wrapper {
        flex-direction: column;
        align-items: center;
    }
}