/*specific pages container*/
.home-custom-css{}
.community-custom-css{}
.agenda-custom-css{}
.speakers-custom-css{}

/*main container of each section*/
.main-app-container {}

/*
call-to-action buttons e.g:
Register, Join The Community etc
*/
.btn-register {}

/*Top navigation bar container*/
.template-nav {}

/*Top navigation bar items container*/
#bs-example-navbar-collapse-1 {}

/*social share buttons container*/
.social-share-button {}

/*social share buttons per social network*/
.social-share-button.facebook {}
.social-share-button.twitter {}
.social-share-button.linkedin {}
.social-share-button.google {}

/* 6) Force uppercase for hero title */
h1.main-header {
  text-transform: uppercase !important;
}

/* NAV BAR STYLES */
ul.nav.navbar-nav,
.nav-menu-btn {
    font-family: Graphik, Inter, sans-serif !important;
}

/* Active nav item */
.nav-menu-btn.selected {
  font-weight: 700 !important;
}

/* Text Image Split Sections */
.ahoy-image-text .main-app-container, .ahoy-text-image .main-app-container {
        padding: 0;
        max-width: none;
        display: flex;
    }
.ahoy-image-text .main-app-container >div:first-child, .ahoy-text-image .main-app-container >div:first-child {
            display: none;
        }
.ahoy-image-text .element-groups, .ahoy-text-image .element-groups {
        width: 100%;
    }

/* Image column */
.ahoy-image-text .element-groups>.col-sm-6:first-child,
.ahoy-text-image .element-groups>.col-sm-6:last-child {
    aspect-ratio: 1;
    height: 100vw;
    min-height: unset;
    padding: 0;
}

/* Text column */
.ahoy-image-text .element-groups>.col-sm-6:last-child,
.ahoy-text-image .element-groups>.col-sm-6:first-child {
    padding: 25px;
}

.ahoy-text-image .element-groups {
    min-height: 0 !important;
    flex-direction: column-reverse;
    display: flex;
}

@media (min-width: 768px) {

    .ahoy-text-image .element-groups {
        display: block;
    }

    /* Image column */
    .ahoy-image-text .element-groups>.col-sm-6:first-child,
    .ahoy-text-image .element-groups>.col-sm-6:last-child {
        overflow: visible;
        height: 0;
        min-height: 100%;
    }

    /* Image */
    .ahoy-image-text .element-groups>.col-sm-6:first-child img,
    .ahoy-text-image .element-groups>.col-sm-6:last-child img {
        position: absolute;
        margin: 0;
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center 15%;
           object-position: center 15%;
    }
        .ahoy-map .row {
            padding: 60px 25px;
        }
}

@media (min-width: 1200px) {

    /* Text column */
    .ahoy-image-text .element-groups>.col-sm-6:last-child,
    .ahoy-text-image .element-groups>.col-sm-6:first-child {
        padding: 60px 96px;
    }
}

@media (min-width: 1440px) {

    /* Text column */
    .ahoy-image-text .element-groups>.col-sm-6:last-child,
    .ahoy-text-image .element-groups>.col-sm-6:first-child {
        padding: 120px;
    }
}

@media (min-width: 1920px) {

    /* Text column */
    .ahoy-image-text .element-groups>.col-sm-6:last-child,
    .ahoy-text-image .element-groups>.col-sm-6:first-child {
        padding: 144px;
    }
}

/* Location Map Section */
.ahoy-map .row {
        padding: 25px;
    }
.ahoy-map .text-center {
        text-align: left !important;
    }

/* Logo Section */

.ahoy-logo-section .main-app-container {
        padding: 0;
        max-width: none;
        display: flex;
    }

.ahoy-logo-section .main-app-container > :first-child {
            display: none;
        }

.ahoy-logo-section .main-app-container .element-groups {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

@media (min-width: 768px) {

.ahoy-logo-section .main-app-container .element-groups {
                flex-direction: row
        }
            }

.ahoy-logo-section .main-app-container div.col-sm-4 {
            height: 200px;
            width: 300px;
            padding: 30px;
        }

.ahoy-logo-section .main-app-container div.col-sm-4:first-child {
                display: flex;
                justify-content: center;
            }

.ahoy-logo-section .main-app-container div.col-sm-4:first-child > :first-child {
                    display: none;
                }

@media (min-width: 768px) {
                .ahoy-logo-section .main-app-container div.col-sm-4:nth-child(2) {
                    margin-left: auto;
                }
            }

/* Speaker Name Styling */
.speaker-name,
.element-36579232 .atom-fullname {
  text-transform: uppercase;
  font-family: GraphikSuper, Graphik, Inter, sans-serif;
  letter-spacing: 0.03em;
  margin-bottom: 10px;
  margin-top: 10px;


  border-bottom: 1px solid #002140;
  padding-bottom: 10px;
}

/* Speaker title + company */
.speaker-title,
.speaker-company,
.element-36579232 .atom-text1,
.element-36579232 .atom-text2 {
  font-size: 15pt;
}

/* Responsive Text */
@media (max-width: 767px) {

  .responsive-text span {
    font-size: 24px !important;
    line-height: 1.3 !important;
  }
  
	.responsive-text-headline span {
    font-size: 30px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 767px) {
  .ahoy-image-text .responsive-text-headline span {
    font-size: 30px !important;
    line-height: 1 !important;
  }
}



/* Image Outline */

.img-circle {
  border: 3.5px solid rgba(230, 51, 35, 0.8);
}

.speaker-image-stub {
  border: 3.5px solid rgba(230, 51, 35, 0.8) !important;
}

h2.trade.atom-title.header.custom-font {
  font-family: GraphikBlack, Graphik, Inter, sans-serif !important;
  text-transform: uppercase;
    font-size: 45px !important;
}

/* Mobile Request Invitation headline */
@media (max-width: 767px) {
  h2.trade.atom-title.header.custom-font {
    font-size: 35px !important;
    line-height: 1 !important;
  }
}

/* Mobile hero headline */
@media (max-width: 767px) {
  h1.main-header {
    font-size: 3.7rem !important;
  }
}

/* Global button styling */
.atom-main.btn,
.btn-custom-element,
.btn {
  text-transform: uppercase !important;
  font-size: 21px !important;
  font-family: GraphikBlack, Graphik, Inter, sans-serif !important;
}


@media (max-width: 767px) {
  .atom-main.btn,
  .btn-custom-element,
  .btn {
    font-size: 16px !important;
  }
}