body.totem { min-height: 100% !important; height: 100vh; .totop, .at4-share { display: none; } .dialog-off-canvas-main-canvas { height: 100%; } .full-width-tab { width: 100% !important; } #page-wrapper { min-height: 100%; margin-bottom: -100px; padding-bottom: 100px; background: #F7F7F7; position: relative; } &.scrolled { .header-wrapper { height: 46px; .mobile-home, #mobile-menu { top: 10px; } } #mobile-menu-contents { &.show { top: 45px; } } } .field__item { clear: none; padding: 0px; } .header-wrapper { height: 100px; #navbar-main { background-color: white; padding: unset; flex: none; text-align: center; display: block; .navbar-brand { img { margin-top: 25px; } } } } header { position: relative; .mobile-home { position: absolute; right: 10px; top: 30px; i { font-size: 20px; height: 21px; width: 23px; color: #00A8BA; cursor: pointer; } } } #mobile-menu-contents { height: 100%; width: 1px; opacity: 0; transition: all .25s ease-in-out; display: block !important; position: fixed; z-index: 1000; top: 100px; padding: 15px; background: #fff; border-top: #bdbdbd 1px solid; ul { list-style-type: none; padding-left: 10px; padding-right: 25px; padding-top: 50px; } .menu-close { position: absolute; right: 20px; top: 10px; color: #fff; font-size: 30px; cursor: pointer; z-index: 9; display: block; } .menu-item { padding: 20px 10px 15px 10px; border-bottom: 1px solid rgba(255,255,255,0.65); display: flex; align-items: center; position: relative; a { font-size: 28px; position: relative; top: 3px; padding-left: 35px; height: 21px; color: #FFFFFF; font-family: Montserrat; font-weight: 300; line-height: 21px; width: 100%; display: block; padding: 4px 40px 30px; } } .menu-link-contenttotem-menu { float: left; position: absolute; i { color: #9AD8E3; font-size: 20px; } } &.show { opacity: 1; height: 100%; width: 100%; left: 0px; top: 100px; padding: 0px; background-color: #4A4A4A; } } #mobile-menu { position: absolute; top: 30px; z-index: 99999; cursor: pointer; i { font-size: 25px; } } button.navbar-toggler { span { &:before { content: "\f0c9"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 30px; } } } .node__content { margin-top: 0px; } .view-id-study_test.view-display-id-block_1 { display: none; } .totem-slider > div:not(.paragraph--type--mainstage-slider) { display: none; } .paragraph--type--mainstage-slider { width: 100% !important; margin-bottom: 35px; .speaker-button, iframe { display: none; } .slide-content { width: 100%; text-align: left; margin-left: 50px; } } .mobile-section-heading { i { font-size: 55px; line-height: 50px; text-align: center; color: #00A8BA; } .section-mobile-title { color: #4A4A4A; font-family: Montserrat; font-size: 35px; font-weight: 300; line-height: 40px; text-align: center; text-transform: initial; margin-top: 25px; margin-bottom: 3px; display: block; padding-left: 15px; padding-right: 15px; } } #main-wrapper { min-height: 100%; margin-bottom: -100px; padding-bottom: 100px; background: #F7F7F7; position: relative; } .paragraph { width: 50%; float: left; text-align: center; padding: 0px 5px; @media(max-width: 767px) { width: 100%; } &.paragraph--type--totem { width: 100%; float: none; } .paragraph--type--why-attend-totem { @extend .container; display: none; width: 100%; float: none; .field--name-field-section-title { font-family: Montserrat; font-size: 35px; font-weight: 300; line-height: 40px; text-align: center; text-transform: initial; margin: 0 auto; margin-bottom: 30px; margin-top: 0px; } .mobile-section-heading { display: none; } .totem-section-wrapper { background: transparent; border: none; } } .totem-section-wrapper { text-align: center; border: 1px solid #FFFFFF; background: linear-gradient(135deg,rgba(255,255,255,0.27) 0,rgba(0,168,186,0.18) 100%); margin-bottom: 15px; cursor: pointer; min-height: 250px; height: 100%; display: flex; align-items: center; justify-content: center; } &.paragraph--type--markup-totem { .views-field-field-markup-section-background { .field-content { display: none; } } } &.paragraph--type--markup-totem, &.paragraph--type--study-tour-totem, &.paragraph--type--strategic-partners, &.paragraph--type--companies-logos-totem, &.paragraph--type--sponsors-totem, &.paragraph--type--speakers-totem, &.paragraph--type--market-place-institutions-totem, &.paragraph--type--agenda-totem { .totem-markup, .totem-study, .totem-partners, .totem-sponsors, .totem-speakers, .totem-companies, .totem-agenda { display: none; width: 100%; } .dot { display: none; } &.preloader { background: none; } .field--name-field-section-title { margin: 0 auto; margin-top: 0px; margin-bottom: 30px; margin-top: 30px; font-family: Montserrat; font-size: 35px; font-weight: 300; line-height: 40px; text-align: center; text-transform: initial; &:after, &:before { content: ''; display: none; } } &.inside-section { width: 100% !important; float: none; &.paragraph--type--totem { .field--name-field-totem { @extend .container; } } &.paragraph--type--why-attend-totem { width: 100%; .mobile-section-heading { display: none; } .totem-section-wrapper { background: transparent; } } .field--name-field-section-title { font-family: Montserrat; font-size: 35px; font-weight: 300; line-height: 40px; text-align: center; text-transform: initial; } .view-display-id-media_partners, .view-display-id-strategic_partners, .view-display-id-marketing_partners { .view-content.row { display: block !important; } .paragraph--type--organization { } .paragraph--type--organization, .paragraph--type--organizations, .paragraph--type--partner { width: 100%; float: none; padding: 0px; img { width: 100%; margin-top: 25px; } } } &.paragraph--type--markup-totem { padding: 0px; .field--name-field-section-title { margin-top: 0px !important; } .views-element-container { padding: 0px; .view-content.row { margin: 0px; } } } &.paragraph--type--study-tour-totem, &.paragraph--type--strategic-partners, &.paragraph--type--companies-logos-totem, &.paragraph--type--market-place-institutions-totem, &.paragraph--type--sponsors-totem, &.paragraph--type--speakers-totem, &.paragraph--type--agenda-totem { @extend .container; .view-content.row { margin: 0px; } } .totem-section-wrapper { background: #F7F7F7; border: none; } .view-filters { #edit-tid-all { display: none; } .fieldset-legend { display: none; } fieldset { width: 100%; .fieldset-wrapper { width: 100%; .owl-prev { position: absolute; left: 0; top: 0px; font-size: 55px; line-height: 50px; text-align: center; color: #00A8BA; background: transparent; } .owl-next { position: absolute; right: 0; top: 0px; font-size: 55px; line-height: 50px; text-align: center; color: #00A8BA; background: transparent; } .owl-wrapper-outer { -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); background: #fff; } label { width: 60%; margin: 0px auto; padding-left: 0px; padding-top: 15px; padding-bottom: 15px; } } } } .views-exposed-form.bef-exposed-form input.form-radio { display: none; } .view-filters { border: none; padding-top: 0px; } .views-exposed-form { .form-radios { @media(max-width: 727px) { display: flex; align-items: center; } } .js-form-type-radio { margin: 0px 10px; &.filter-checked { label { color: #333333; font-weight: 900; } } &:first-child { margin-left: 0px; } } } /* Styling label like our links. */ .views-exposed-form.bef-exposed-form label { color: #9f9f9f; cursor: pointer; display: block; font-size: 20px; font-weight: 500; line-height: 1.63; padding-bottom: 5px; border-bottom: 2px solid transparent; font-family: "Open Sans"; @media(max-width: 727px) { padding-left: 0px; } &:hover { color: #3a806b; } } /* Changes the label if the input is checked. Like an active state. */ .views-exposed-form.bef-exposed-form input.form-radio:checked + label { border-bottom: 12px solid #00A8BA; padding-bottom: 7px; padding-left: 0px; } /* Throw a little arrow before the active label. */ .views-exposed-form.bef-exposed-form .form-item label + input.form-radio:checked { border-color: transparent transparent transparent #0d5f9e; border-style: solid; border-width: 4px 0 4px 8px; content: ''; display: inline-block; height: 0; padding-right: 8px; width: 0; } .filter-checked { border-bottom: 2px solid #333333 !important; color: #333333 !important; } .totem-section-wrapper { } .view-content.row { width: 100%; .views-row { width: 100%; margin-bottom: 25px; } } .field--name-field-description { display: none; } .mobile-section-heading, .text-center, #schedule-tabs, .schedule-mobile, .field--name-field-investor-body, .field--name-field-investor-title, .field--name-field-schedule-body, .field--name-field-schedule-title, .field--name-field-description { display: none; } .accordion-header { display: flex; align-items: center; padding: 0px; cursor: pointer; font-size: 14px; line-height: 14px; background-color: #fff; color: #717d87; position: relative; i.fa-angle-right { position: absolute; right: 25px; font-size: 25px; color: #000; } &.expanded { i { transition: transform .3s ease-in-out; transform: rotate(90deg); } } .pull-left { background-color: rgba(0,168,186,0.3); padding: 35px 20px 30px 15px; width: 120px; min-width: 120px; font-size: 25px; @media(max-width: 560px) { max-width: 115px; } .post-date { font-size: 18px; font-weight: 700; color: #a0af00; span { color: #a0af00; font-family: Montserrat; font-size: 20px; line-height: 30px; font-size: 12px; font-weight: 600; line-height: 20px; } @media(max-width: 560px) { font-size: 14px; font-weight: 500; } } } .post-header { margin-bottom: 0px; padding: 10px; max-width: 70%; text-align: left; @media(max-width: 991px) { padding-left: 15px; max-width: 60%; } @media(max-width: 480px) { padding-left: 15px; max-width: 50%; } .post-title { font-size: 24px; padding-right: 5px; text-align: left; padding-left: 10px; @media(max-width: 560px) { line-height: 17px; font-size: 14px; } a { color: #000; } } .post-location { padding-left: 0px; i { color: #a0af00; padding-right: 5px; } } } } .schedule-accordion-wrapper { .level-box { border: 2px solid #f0f3f5; background: #fff; .post-body { padding-top: 20px; } .location-totem { background-color: #DCDCDC; margin-top: 20px; padding-top: 10px; padding-bottom: 14px; i { display: inline-block !important; padding-right: 15px; font-size: 20px; line-height: 50px; text-align: center; color: #00A8BA; } .post-location { font-family: Montserrat; font-size: 13px; font-weight: 300; line-height: 21px; color: #4A4A4A; display: block !important; } } .timeline-tags { display: flex; margin-top: 20px; margin-bottom: 10px; .topics-list { margin-right: 25px; li { background: #6fa7d7; color: #fff; padding: 5px 15px 8px 15px; border-radius: 10px; margin-right: 10px; font-weight: 700; margin-bottom: 10px; } } .events-list { li { background: #67c674; color: #fff; padding: 5px 15px 8px 15px; border-radius: 10px; margin-right: 10px; font-weight: 700; margin-bottom: 10px; } } } .speakers-related { .speaker-info { display: inline-block; float: left; text-align: left; } .field--name-title { display: none; } .list-group { &:before { content: 'Speakers'; text-transform: uppercase; color: #374146; font-size: 18px; margin-bottom: 15px; font-weight: 600; } } .list-group-item { border: none; } .field--name-field-first-name, .field--name-field-last-name { display: inline; color: #000; color: #374146; font-size: 16px; font-weight: 500; } .field--name-field-position { font-size: 14px; color: grey; } .field--name-field-speaker-picture { width: 125px; display: inline-block; text-align: center; margin-right: 10px; float: left; img { max-width: 100px; height: 95px; width: 95px; border-radius: 50%; } } } } } .totem-markup, .totem-agenda, .totem-study, .totem-partners, .totem-sponsors, .totem-speakers, .totem-companies, .totem-marketplace { display: block; .field--name-field-marketplace-description { font-size: 24px; line-height: 35px; } } #companies { visibility: visible; ul { display: grid; grid-template-columns: auto auto auto auto auto; grid-gap: 10px; padding: 10px; .company-logo { display: flex; align-items: center; justify-content: center; transition: all .2s ease-in-out; transform-style: preserve-3d; height: 45px; min-height: 100px; img { height: auto; max-height: 100px; } } } } &.paragraph--type--strategic-partners, &.paragraph--type--speakers-totem { .view-display-id-block_2, .view-display-id-block_3 { display: none; } .speakers-totem-listing { margin-top: 30px; } .partners-filter, .speakers-filter { background-color: #00A8BA; padding: 25px; position: relative; display: block; .filter-title-partner, .filter-title { text-align: left; display: block; h4.filter-text-value-partners, h4.filter-text-value { color: #FFFFFF; font-family: Montserrat; font-size: 14px; font-weight: bold; display: inline-block; text-align: left; margin: 0px; } } .filter-toggle-partner, .filter-toggle { position: absolute; right: 25px; bottom: 16px; width: 100%; i { color: #fff; font-size: 35px; text-align: right; float: right; } } } .filter-menu-partners, .filter-menu { background-color: #9AD8E3; text-align: left; margin: 0; display: none; ul { padding-left: 20px; padding-right: 20px; margin: 0px; list-style: none; li { border-bottom: 1px solid #fff; a { color: #4A4A4A; font-family: Montserrat; font-size: 13px; font-weight: 600; display: inline-block; padding: 15px; width: 100%; } } } } .speakers-panel { padding: 20px 20px 20px 20px; display: flex; align-items: center; background: #ffff; position: relative; .mobile-picture { width: 125px; display: inline-block; float: left; img { max-width: 100px; height: 95px; width: 95px; border-radius: 50%; border: 2px solid #00A8BA; } } i { right: 20px; color: #9B9B9B; font-size: 35px; transition: transform .3s ease-in-out; position: absolute; } &.expanded { i { transition: transform .3s ease-in-out; transform: rotate(90deg); } } .panel-content { text-align: left; padding-left: 10px; h3 { color: #4A4A4A; font-family: Montserrat; font-size: 21px; font-weight: bold; margin: 0; padding-bottom: 10px; } p { font-family: Montserrat; font-size: 20px; font-weight: 300; line-height: 30px; padding-right: 50px; } } } .speakers-info { background: #fff; text-align: left; padding: 15px; color: #4A4A4A; font-family: Montserrat; font-size: 13px; font-weight: 300; line-height: 21px; cursor: initial; } } &.paragraph--type--sponsors-totem { .views-field-field-sponsor-picture { position: relative; i { position: absolute; top: 5px; right: 10px; font-size: 21px; color: #9B9B9B; } } } &.paragraph--type--companies-logos-totem { .views-field-field-image { img { margin-bottom: 25px; } } .view-id-partners_totem.view-display-id-block_1 { .view-content.row { display: grid; grid-template-columns: auto auto auto auto auto; grid-gap: 10px; padding: 10px; @media(max-width: 991px) { grid-template-columns: auto auto; } img { height: 45px; min-height: 80px; margin-bottom: 0px; margin-top: 20px; padding: 0px 15px; } } } } &.paragraph--type--markup-totem { .views-field-field-markup-section-background { .field-content { display: none; } } } &.paragraph--type--study-tour-totem { .view-id-study_tour_institutions.view-display-id-block_study_tour { .view-content.row { flex: none; max-width: 100%; width: 100%; display: block; .views-row { flex: none; max-width: 100%; width: 100%; display: block; } .study-container { height: auto; } .study-totem-info { width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); cursor: initial; .study-info { position: initial; display: flex; align-items: center; top: 45px; left: 15px; } .study-logo { height: 66px; width: 66px; top: 10px; margin-left: 25px; } .institution-title { display: inline-block; padding-left: 15px; width: 480px; text-align: left; } .institution-description.mobile-description { display: inline-block; text-align: left; padding-left: 40px; padding-right: 10px; padding-top: 0px; padding-left: 27px; width: 100%; font-size: 14px; padding: 10px 18px; color: #ffffff; position: relative; top: 20px; } .read-more-wrapper { text-align: center; bottom: 15px; width: 100%; padding-top: 25px; padding-bottom: 25px; a { background: #00A7B8 none repeat scroll 0 0; border: 1px solid #00A7B8; border-radius: 5px; transition: all 1s ease 0s; width: 200px; color: #ffffff; padding: 15px 25px; text-transform: initial; font-size: 14px; display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; white-space: nowrap; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; &:hover { background: #283645; color: #ffffff; } i { padding-left: 10px; display: inline-block; font-size: 12px; color: #fff; } } } .institution-title { font-family: "Helvetica Neue"; font-size: 24px; line-height: 29px; margin-top: 28px; margin-bottom: 0px; } } } } } } } &.paragraph--type--study-tour-totem, &.paragraph--type--strategic-partners, &.paragraph--type--speakers-totem, &.paragraph--type--companies-logos-totem, &.paragraph--type--market-place-institutions-totem { .totem-marketplace { display: none; } } } footer.footer { bottom: 0px; width: 100%; position: absolute; display: flex; align-items: center; justify-content: center; } }