@import "auxlm.css"; /* ========================================================================== Site ========================================================================== */ :root { --stt: 0.625rem; /* 16 to 10 ratio */ --font1: 'Barlow'; --font2: 'Poppins'; --pink: #FF006A; --purple: #A321B9; --blue: #20216B; --darkblue: #07074F; --darkblue09: rgba(7,7,79,0.9); --darkblue07: rgba(7,7,79,0.7); --yellow: #FFA116 ; --lightgrey: #e6e6e6; } html { font-size: 16px; } body { font-family: var(--font1), Arial, Helvetica, sans-serif; background: #fff; font-size: var(--stt); line-height: 1.4em; color: var(--blue); } a { color: inherit; outline: none !important; text-decoration: none; } a:hover { color: inherit; text-decoration: none; } a:active, a:focus { color: inherit; text-decoration: none; } a, button, input { outline: none !important; } ul, li { display: block; list-style: none; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; display: block; font-weight: inherit; font-size: inherit; line-height: inherit; } p { margin: 0 0 1.4em 0; line-height: 1.4em; } p:last-child { margin-bottom: 0 !important; } /* *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* use if not include bootstrap */ /* background: linear-gradient(to right, #ffffff 0%,#000000 100%); */ .container, .container-fluid { position: relative; z-index: 10; padding: 0 1.5rem; } #wrapper { position: relative; width: 100%; max-width: 4000px; margin: auto; overflow: hidden; padding-top: 10em; } #wrapper:before { content: ""; position: absolute; z-index: -1; width: 100%; height: 10em; left: 0; top: 0; background: var(--darkblue); } .color-white { color: #fff !important; } .color-pink { color: var(--pink) !important; } .color-purple { color: var(--purple) !important; } .color-blue { color: var(--blue) !important; } .color-darkblue { color: var(--darkblue) !important; } .color-yellow { color: var(--yellow) !important; } .bg-pink { background-color: var(--pink) !important; } .bg-purple { background-color: var(--purple) !important; } .bg-blue { background-color: var(--blue) !important; } .bg-darkblue { background-color: var(--darkblue) !important; } .bg-yellow { background-color: var(--yellow) !important; } .bg-lightgrey { background-color: var(--lightgrey) !important; } .btn1 { font-size: 1.6em; line-height: 3.5em; display: inline-block; white-space: nowrap; padding: 0 2.5em; border: none; border-radius: 0.3em; background: var(--pink); color: #fff !important; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; transition: filter 0.15s; text-align: center; } .btn1:hover { filter: brightness(1.2); } .btn1:active { transform: scale(0.95); } .btn1.full { display: block; width: 100%; padding-left: 1.5em; padding-right: 1.5em; } .btn1.short { line-height: 2.5em; } .btnset { } .btnset .btn1 { margin: 0 1em 1em 0; } .btnset .btn1:last-child { margin-right: 0; } .title1 { font-size: 4.6em; line-height: 1.2em; font-weight: bold; font-family: var(--font2), sans-serif; } .title2 { font-size: 3.6em; line-height: 1.2em; font-weight: bold; font-family: var(--font2), sans-serif; } .title3 { font-size: 2.4em; line-height: 1.2em; font-weight: bold; font-family: var(--font2), sans-serif; } .title4 { font-size: 2em; line-height: 1.2em; font-weight: bold; font-family: var(--font2), sans-serif; } .title5 { font-size: 1.8em; line-height: 1.2em; font-weight: bold; font-family: var(--font2), sans-serif; } .title6 { font-size: 1.6em; line-height: 1.2em; font-weight: bold; font-family: var(--font2), sans-serif; } .title { font-family: var(--font2), sans-serif; } .pretitle { font-size: 2em; line-height: 1.2em; text-transform: uppercase; color: var(--pink); font-weight: normal; } .subtitle { font-size: 2.4em; line-height: 1.3em; font-weight: normal; } .text { font-size: 2em; line-height: 1.42em; } .text h1 { font-size: 2.3em; line-height: 1.2em; margin-bottom: 1rem; font-weight: bold; } .text h2 { font-size: 2em; line-height: 1.2em; margin-bottom: 1rem; font-weight: bold; } .text h3 { font-size: 1.7em; line-height: 1.2em; margin-bottom: 1rem; font-weight: bold; } .text h4 { font-size: 1.4em; line-height: 1.2em; margin-bottom: 1rem; font-weight: bold; } .text h5 { font-size: 1.1em; line-height: 1.2em; margin-bottom: 1rem; font-weight: bold; } .text h6 { font-size: 1em; line-height: 1.2em; text-transform: uppercase; color: var(--pink); font-weight: normal; margin-bottom: 0.75em; } .video { width: 100%; padding: 56.25% 0 0 0; position: relative; background: #fafafa; } .video iframe, .video video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #header { position: fixed; left: 0; top: 0; width: 100%; z-index: 2000; box-shadow: 0 0 1.5em rgba(0,0,0,0.8); } #header:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: var(--darkblue); opacity: 0.9; } #header .row { height: 10em; } #header .logo { } #header .logo a { display: inline-block; } #header .logo a img { display: block; height: 6em; } #header .btn1 { font-size: 1.8em; line-height: 3.111em; } #header .menu { } #header .menu > ul { text-align: right; font-size: 1.8em; font-weight: 600; line-height: 1.6em; text-transform: uppercase; letter-spacing: 0.05em; color: #fff; white-space: nowrap; } #header .menu > ul > li { display: inline-block; margin: 0 1.22em 0 0; position: relative; } #header .menu > ul > li.book { display: none; } #header .menu > ul > li > a { display: block; white-space: nowrap; transition: all 0.15s; padding-right: 1em; } #header .menu > ul > li > a:hover, #header .menu > ul > li:hover > a { color: var(--pink); } #header .menu > ul > li > a:after { content: ""; display: block; position: absolute; right: 0; top: calc( 50% - 0.1em ); width: 0.669em; height: 0.391em; background: url("../svg/caret.svg") center center no-repeat; background-size: contain; } #header .menu > ul > li > a:last-child { padding-right: 0; } #header .menu > ul > li > a:last-child:after { display: none; } #header .menu > ul ul { position: absolute; left: -1.22em; top: 3.6em; top: calc( 3.6em - 1px ); text-align: left; min-width: calc( 120% + 2.44em ); border-radius: 0 0 0.4em 0.4em; transition: all 0.2s; opacity: 0; visibility: hidden; } #header .menu > ul > li:hover ul { opacity: 1; visibility: visible; } #header .menu > ul ul:before { content: ""; position: absolute; width: 100%; height: 2em; top: -2em; left: 0; } #header .menu > ul ul:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: var(--pink); opacity: 0.9; border-radius: 0 0 0.4em 0.4em; } #header .menu > ul ul > li { overflow: hidden; } #header .menu > ul ul > li > a { display: block; padding: 0.3em 1.22em; overflow: hidden; white-space: nowrap; } #header .menu > ul ul > li:first-child > a { padding-top: 0.4em; } #header .menu > ul ul > li:last-child > a { padding-bottom: 0.5em; border-radius: 0 0 0.4em 0.4em; } #header .menu > ul ul > li > a:hover { color: #fff !important; background: rgba(0,0,0,0.1); } #header.v2 { } #header.v2 > .container > .row { flex-wrap: nowrap; } #header.v2 .btn1 { padding: 0 1em; letter-spacing: .025em; font-size: 1.6em; } #header.v2 .logo a img { height: 5em; } #header.v2 .menu > ul { font-size: 1.6em; } #header.v2 .menu > ul > li { margin: 0 0 0 0.9em; } #header.v2 .menu > ul > li:first-child { margin-left: 0; } #header.v2 .menu > ul ul { top: calc( 4em - 1px ); } #header.v2 .menu > ul ul:before { height: 2.5em; top: -2.5em; } @media (max-width: 1199px) { #header.v2 .menu > ul { font-size: 1.35em; } #header.v2 .btn1 { padding: 0 .8em; letter-spacing: .02em; font-size: 1.35em; } #header.v2 .menu > ul ul { top: calc( 4.7em - 1px ); } #header.v2 .menu > ul ul:before { height: 3em; top: -3em; } } @media (max-width: 767px) { #header.v2 .menu > ul { font-size: 21px; } } .main { position: relative; z-index: 10; padding: 5.5em 0 6em 0; } .main.more-padding { padding: 8em 0; } .main.mpdb { padding-bottom: 10em; } .main.nopadt { padding-top: 0; } .bg-lines:after { content: ""; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background: url("../svg/lines_bg.svg") center center no-repeat fixed; background-size: cover; opacity: 0.7; } .bg-lines.bg-lines-white:after { filter: brightness(0) invert(1); opacity: 0.6; } .bg-hex { position: relative; overflow: hidden; } .loaded .bg-hex:after { content: ""; position: absolute; z-index: -1; left: -2.5%; top: -2.5%; width: 105%; height: 105%; background: url("../svg/hex_bg.svg") center center no-repeat fixed; background-size: cover; opacity: 0.7; filter: blur(1px); transition: filter 2.5s; } .loaded .obs-visible-once.bg-hex:after { filter: blur(10px); } #hero { padding: 8.5em 0 18em 0; background: var(--darkblue); color: #fff; } #hero h1 { font-size: 6.6em; line-height: 1.152em; margin-bottom: 0.4em; } #hero h2 { font-size: 2.4em; line-height: 1.417em; margin-bottom: 2em; color: var(--yellow); } #hero .graphic { position: relative; opacity: 0.1; transform: scale(0.4) rotate(20deg); transition: all 0.5s; } .ready #hero .graphic { position: relative; transform: scale(1.1) rotate(0); opacity: 1; } #hero .graphic svg { display: block; position: relative; z-index: 1; width: 100%; } #hero .graphic .photo { display: block; position: absolute; z-index: 10; left: 25%; top: 22%; width: 48%; transform: scale(0.4); opacity: 0; transition: all 0.7s; } .ready #hero .graphic .photo { transform: scale(1); opacity: 1; } #hero .graphic .photo > div { overflow: hidden; width: 100%; padding: 100% 0 0 0; clip-path: polygon(36% 0, 85% 13%, 100% 62%, 62% 100%, 13% 85%, 0 36%); } #hero .graphic .photo > div img { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; } #countdown { margin-top: -8.5em; z-index: 100; position: relative; } #countdown .box { background-color: var(--lightgrey); padding: 2em 6em; border-radius: 1em; box-shadow: 0 0 1.5em rgba(0,0,0,0.3); } #countdown .box .row { min-height: 13em; } #countdown #remaining { display: table; width: 100%; } #countdown #remaining > span { display: table-cell; vertical-align: top; text-align: center; width: 23%; } #countdown #remaining > span.d { width: 2.66%; } #countdown #remaining > span .n { display: block; font-size: 4.6em; line-height: 1.5em; font-weight: bold; font-family: var(--font2), sans-serif; } #countdown #remaining > span .l { color: var(--pink); text-transform: uppercase; font-size: 1.6em; letter-spacing: 0.05em; line-height: 1.4em; } .card { display: block; box-shadow: 0 0.3em 0.6em rgba(0,0,0,.16); border-radius: 1em; margin-bottom: 1.5rem; transition: box-shadow 0.15s; } a.card:hover { box-shadow: 0 0.3em 0.6em rgba(0,0,0,.24); } .box-home-conference { background-color: #fff; overflow: hidden; } .box-home-conference .photo { width: 100%; padding: 67% 0 0 0; position: relative; } .box-home-conference .photo img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: filter 0.15s; } a.box-home-conference .photo img { filter: brightness(0.95); } a.box-home-conference:hover .photo img { filter: brightness(1); } .box-home-conference .info { display: flex; width: 100%; min-height: 9em; text-align: center; padding: 1em; align-items: center; } .box-home-conference .info h3 { font-size: 2em; line-height: 1.3em; font-weight: bold; text-align: center; width: 100%; } .box-speaker { margin-bottom: 2.1rem; text-align: center; } .box-speaker .photo { width: 100%; padding: 81% 0 0 0; position: relative; box-shadow: 0 0.3em 0.6em rgba(0,0,0,.16); overflow: hidden; border-radius: 0.7em; margin: 0 0 2em 0; background: #ccc; display: block; } .box-speaker .photo > a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } .box-speaker .photo .speaker-photo { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.95); transition: filter 0.15s; z-index: 10; } .box-speaker .photo > a:hover .speaker-photo { filter: brightness(1); } .box-speaker .photo > .social { position: absolute; z-index: 20; left: 0; bottom: -4.3em; width: 100%; background: var(--pink); padding: 0.5em; transition: all 0.2s; } .box-speaker:hover .photo > .social { bottom: 0; } .box-speaker .photo > .social ul { display: block; text-align: center; white-space: nowrap; } .box-speaker .photo > .social ul li { display: inline-block; } .box-speaker .photo > .social ul li a { display: block; padding: 0.6em; transition: all 0.1s; } .box-speaker .photo > .social ul li a:hover { filter: brightness(0); } .box-speaker .photo > .social ul li a img { height: 1.5em; } .box-speaker .info { font-size: 1.6em; line-height: 1.2em;} .box-speaker .info .name { margin-bottom: 0.6em; display: block; font-weight: bold; font-size: 1.125em; line-height: 1em; font-family: var(--font2); } .box-speaker .info .about { color: var(--pink); text-transform: uppercase; } .speaker-no-social .box-speaker .photo > .social { display: none; } .box-attending { margin-bottom: 2.2rem; } .box-attending .logo { width: 100%; padding: 100% 0 0 0; position: relative; } .box-attending .logo img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; } .box-testimonial { margin-bottom: 2.2rem; } .box-testimonial .qt { background-color: #fff; padding: 3.8em; margin-bottom: 3.8em; position: relative; } .box-testimonial .qt:before { background-color: #fff; content: "\00a0"; display: block; height: 3em; width: 3em; position: absolute; bottom: -1.5em; transform: rotate(47deg) skew(5deg); box-shadow: 0.3em 0.3em 0.3em 0 rgba(0,0,0,.16); left: calc( 50% - 1.5em ); z-index: 1; } .box-testimonial .qt:after { content: ""; position: absolute; z-index: 2; left: 25%; bottom: 0; width: 50%; height: 3em; background: #fff; } .box-testimonial .qt q { font-size: 1.6em; font-weight: 500; font-style: italic; line-height: 1.6em; position: relative; z-index: 100; background: #fff; } .box-testimonial .qt q:before { color: var(--pink); font-size: 3em; position: absolute; left: -0.65em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; top: -0.3em; } .box-testimonial .info { font-size: 1.6em; line-height: 1.188em; text-transform: uppercase; text-align: center; } .box-testimonial .info .name { margin-bottom: 0.6em; } .box-testimonial .info .about { color: var(--pink); } #sponsors { } #sponsors .hlogo { margin: 0 0 4em 0; } #sponsors .hlogo img { display: block; margin: auto; height: 4em; } .box-sponsor { margin-bottom: 2.2rem; } .box-sponsor .logo { width: 100%; padding: 0; position: relative; } .box-sponsor .logo img { display: block; max-width: 100%; max-height: 37em; margin: auto; position: relative; } .box-sponsor.open-sponsor-modal { cursor: pointer; transition: box-shadow 0.15s; } .box-sponsor.open-sponsor-modal:hover { box-shadow: 0.7em 0.7em 1.4em rgba(0,0,0,0.2); } .box-sponsor .sponsor-info { display: none; } .box-git { padding: 4em; color: #fff; text-align: center; } .box-git .title { font-size: 2em; line-height: 1.3em; min-height: 2.6em; margin-bottom: 0.5em; font-weight: bold; } .box-git p { font-size: 1.6em; line-height: 1.5em; } .box-git p a { text-decoration: underline; } .gallery { position: relative; padding: 0 0 4.5em 0; } .gallery .photo { display: block; width: 100%; padding: 80% 0 0 0; } .gallery .photo a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; filter: brightness(0.9); transition: all 0.15s; } .gallery .photo a:hover { filter: brightness(1); } .gallery .photo a img { display: block; width: 100%; height: 100%; object-fit: cover; } .gallery .owl-carousel .owl-nav { position: absolute; z-index: 200; left: 0; top: calc( ( 100% - 4.5em - 10px ) /2 ); width: 100%; } .gallery .owl-carousel .owl-nav button { position: absolute; height: 5em; top: -2.5em; color: #fff; opacity: 0.6; } .gallery .owl-carousel .owl-nav button:hover { opacity: 1; } .gallery .owl-carousel .owl-nav button:active { transform: scale(0.9); } .gallery .owl-carousel .owl-nav button svg { height: 5em; display: block; } .gallery .owl-carousel .owl-nav button.owl-prev { left: 0.5rem; } .gallery .owl-carousel .owl-nav button.owl-next { right: 0.5rem; } .gallery .owl-carousel .owl-dots { padding: 4.5em 1rem 0 1rem; text-align: center; } .gallery .owl-carousel .owl-dots .owl-dot { display: inline-block; width: 10px; height: 10px; border-radius: 5px; background: var(--blue); margin: 0 1em; } .gallery .owl-carousel .owl-dots .owl-dot.active { background-color: var(--pink); } #title { padding: 6em 0 7.5em 0; } #title .title1 { margin-bottom: 0.3em; } #title .breadcrumbs { font-size: 1.6em; color: var(--pink); } #title .breadcrumbs > span { color: var(--blue); padding: 0 0.3em; } #title .breadcrumbs a { color: var(--blue); } #title .breadcrumbs a:hover { text-decoration: underline; } #about { } #about .photo { } #about .photo img { display: block; max-width: 100%; } /* form styles */ .form .form-group, .hbspt-form .hs-form-field { margin: 0 0 1rem 0; } .form .form-label, .hbspt-form .field label { font-size: 1.8em; line-height: 1.2em; font-weight: normal; margin: 0 0 0.3em 0; } .hbspt-form .field label .hs-form-required { color: #B20000; padding-left: 0.1em; } .hbspt-form .field label.hs-error-msg { color: #B20000; font-size: 1.4em; padding: 0.4em 0 0 0; } .form .form-control, .hbspt-form .hs-input[type=text], .hbspt-form .hs-input[type=email], .hbspt-form .hs-input[type=tel], .hbspt-form select.hs-input, .hbspt-form textarea.hs-input { border: none; transition: all 0.2s; background: #f2f2f2; font-size: 2em; padding: 0.5em 1em; border-radius: 0.3em; color: inherit; outline: none; width: 100% !important; line-height: 1.3em; } .form select.form-control, .hbspt-form select.hs-input { background: url('data:image/svg+xml;utf8,') calc( 100% - 1rem ) center no-repeat #f2f2f2; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-size: 1rem auto; padding-right: 2.5rem; } .form .form-control:focus { background-color: #f9f9f9; } button.btnarrow { border: none; } .form .form-group + button.btnarrow { margin-top: 1.6rem; } .form .form-check-label { display: block; font-size: 1.4em; line-height: 1.4em; padding: 0.4em 0; } .form .form-check-label input[type=checkbox] { margin-right: 0.3em; } .hbspt-form .hs-main-font-element h2 { font-size: 1.5rem; line-height: 1.2em; margin-bottom: 0.9em; padding-top: 0.8em; margin-top: 0.8em; border-top: solid 1px rgba(0,0,0,0.1); } .hbspt-form .hs-button { font-size: 1.6em; line-height: 3.5em; display: inline-block; white-space: nowrap; padding: 0 2.5em; border: none; border-radius: 0.3em; background: var(--pink); color: #fff !important; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; transition: filter 0.15s; text-align: center; } .hbspt-form .hs-button:hover { filter: brightness(1.2); } .hbspt-form .hs-button:active { transform: scale(0.95); } .hbspt-form label input[type=checkbox].hs-input { margin-right: 0.4em; } .hbspt-form .hs-main-font-element { font-size: 1.6em; line-height: 1.3em; } .bg.bg-yellow + form .hbspt-form .hs-input, .white-inputs .hbspt-form .hs-input { background-color: #fff !important; } .box-ticket { overflow: hidden; margin-bottom: 2.2rem; position: relative; } .box-ticket .header { display: flex; min-height: 10em; align-items: center; justify-content: center; padding: 1em; text-align: center; } .box-ticket .line { position: absolute; line-height: 0; width: 100%; height: 0.5em; bottom: 0; left: 0; } .box-ticket .inner { border-right: solid 1px #EDEDED; left: solid 1px #EDEDED; padding: 2.5em 2.5em 3.5em 2.5em; } .box-ticket .cost { text-align: center; padding: 0 0 1.8em 0; border-bottom: solid 1px #ededed; margin-bottom: 2.5em; } .box-ticket .cost .price { font-size: 6.2em; font-weight: bold; line-height: 1.1em; } .box-ticket .cost .obs { font-size: 1.6em; padding: 0.6em 0 0 0; line-height: 1.2em; font-weight: bold; } .box-ticket .info { font-size: 2em; letter-spacing: 0.05em; line-height: 1.2em; border-bottom: solid 1px #ededed; margin-bottom: 1.5em; padding-bottom: 0.5em; } .box-ticket .info ul { text-align: center; } .box-ticket .info ul li { margin-bottom: 1em; } .box-ticket .info ul li:before { display: inline; content: "• "; } .box-ticket .info ul li strong { font-weight: 600; } .box-ticket .btn1 { padding: 0 1em; min-width: 90%; } #newsletter { position: relative; z-index: 500; margin-top: 6em; } .gallery + #newsletter, #get-in-touch + #newsletter, #companies-attending + #newsletter { margin-top: 0; } #newsletter .box { background-color: var(--lightgrey); padding: 3em 0 6.5em; border-radius: 1em; box-shadow: 0 0 0.75em rgba(0,0,0,0.16); } #newsletter .box .inner { max-width: 70em; padding: 0 1.5rem; margin: auto; } #newsletter .box .inner .nws-field { display: flex; } #newsletter .box .inner .nws-field .btn1 { border-top-left-radius: 0; border-bottom-left-radius: 0; } #newsletter .box .inner .nws-field .form-control { border: none; font-size: 1.6em; line-height: 1.5em; color: inherit; border-radius: 0.5em 0 0 0.5em; padding: 0 1.5em; } #footer-ecomm { padding: 15em 0 8em 0; margin-top: -7em; text-align: center; } #footer-ecomm .logo { margin: 0 0 3.5em 0; } #footer-ecomm .logo img { height: 7em; margin: auto; display: block; } #footer { position: relative; z-index: 100; background: var(--blue); color: #fff; padding: 4em 0 3em 0; } .with-footer-countdown #footer { padding-bottom: 12em; } #footer .menu { max-width: 90em; margin: 0 auto 2.6em auto; } #footer .menu ul { width: 100%; display: flex; justify-content: space-between; font-size: 1.6em; font-weight: 600; line-height: 1.3em; letter-spacing: 0.05em; text-transform: uppercase; text-align: center; } #footer .menu ul li { } #footer .menu ul li a { display: block; transition: all 0.15s; } #footer .menu ul li a:hover { color: var(--yellow); } #footer .copy { color: var(--yellow); font-size: 1.6em; line-height: 1.2em; text-align: center; } #footer .social { padding: 4em 0 6em 0; } #footer .social ul { display: block; text-align: center; } #footer .social ul li { display: inline-block; margin: 0 2.5em 0 0; } #footer .social ul li:last-child { margin-right: 0; } #footer .social ul li a { display: block; transition: color 0.15s; } #footer .social ul li a:hover { color: var(--yellow); } #footer .social ul li a svg { display: block; height: 3em; } #tito-overlay { z-index: 9999; position: relative; } .speaker-profile { } .speaker-profile .photo { width: 100%; padding: 70% 0 0 0; position: relative; box-shadow: 0 0.3em 0.6em rgba(0,0,0,.16); overflow: hidden; border-radius: 0.7em; margin: 0 0 2em 0; background: #ccc; display: block; } .speaker-profile .photo .speaker-photo { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 10; } .speaker-profile .photo .speaker-photo { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 10; } .speaker-profile .photo > .social { position: absolute; z-index: 20; left: 0; bottom: 0; width: 100%; background: var(--pink); padding: 0.6em; transition: all 0.2s; } .speaker-profile .photo > .social ul { display: block; text-align: center; white-space: nowrap; } .speaker-profile .photo > .social ul li { display: inline-block; } .speaker-profile .photo > .social ul li a { display: block; padding: 0.8em 1.2em; transition: all 0.1s; } .speaker-profile .photo > .social ul li a:hover { filter: brightness(0); } .speaker-profile .photo > .social ul li a img { height: 2.1em; } .speaker-profile .logo { } .speaker-profile .logo img { max-height: 5em; display: inline-block; } .speaker-sessions > .row { } .speaker-sessions > .row > div { position: relative; margin-bottom: 5em; } .speaker-sessions > .row > div:after { content: ""; position: absolute; width: 2px; height: 100%; background: var(--pink); opacity: 0.5; right: -1px; top: 0; } .speaker-sessions > .row > div:nth-child(3n):after, .speaker-sessions > .row > div:last-child:after { display: none; } .box-speaker-session { padding: 0 1rem 1em 1rem; } .box-speaker-session .info { font-size: 1.6em; line-height: 1.188em; } .box-speaker-session .info p { margin-bottom: 1.2em; } .box-course { background-color: var(--yellow); border-radius: 1em; padding: 2em; color: #fff; } .box-course .title4 { min-height: 2.4em; } .box-course p { font-size: 1.6em; line-height: 1.2em; } .box-course .info { font-size: 1.6em; line-height: 1.375em; } .box-course-card { background-color: var(--yellow); border-radius: 1em; padding: 2em; color: #fff; } .box-course-card p { font-size: 1.6em; line-height: 1.563em; text-transform: uppercase; margin: 0 0 2em 0; } .gmaps-embed { background-color: #f4f4f4; } .gmaps-embed iframe { width: 100%; height: 34em; } .box-location { padding-bottom: 5em; margin-bottom: 5em; border-bottom: solid 2px #f3f3f3; } .box-location:last-child { margin-bottom: 0; border-bottom: 0; } .box-location .photo { } .box-location .photo img { display: block; margin: auto; max-width: 100%; box-shadow: 0.2em 0.3em 0.5em rgba(0,0,0,.075); border-radius: 0.4em; } .box-location .photo.full img { width: 100%; } .cms-content { font-size: 2em; line-height: 1.4em; } .cms-content h1 { } .cms-content h1 { font-size: 2.3em; line-height: 1.2em; font-weight: bold; font-family: var(--font2), sans-serif; margin-bottom: 0.609em; } .cms-content h2 { font-size: 1.8em; line-height: 1.2em; font-weight: bold; font-family: var(--font2), sans-serif; margin-bottom: 0.778em; } .cms-content h3 { font-size: 1.2em; line-height: 1.2em; font-weight: bold; font-family: var(--font2), sans-serif; margin-bottom: 1.167em; } .cms-content h4 { font-size: 1em; line-height: 1.2em; font-weight: bold; font-family: var(--font2), sans-serif; margin-bottom: 1.4em; } .cms-content h5 { font-size: 1em; line-height: 1.2em; text-transform: uppercase; color: var(--pink); font-weight: normal; margin-bottom: 1em; } .cms-content p { margin-bottom: 1.4em; } .cms-content p strong { font-weight: bolder; } .cms-content p i { font-style: italic; } .cms-content p u { text-decoration: underline; } .cms-content p a { text-decoration: underline; transition: color 0.14s; } .cms-content p a:hover { text-decoration: none; color: var(--pink); } .cms-content ul { margin: 1.8em 0; } .cms-content ul > li { position: relative; padding-left: 1.3em; } .cms-content ul > li:before { content: "•"; position: absolute; display: inline-block; line-height: inherit; color: var(--pink); left: 0.2em; top: 0; } .cms-content ol { margin: 1.8em 0; padding: 0; } .cms-content ol > li { position: relative; padding-left: 1.3em; counter-increment: oln; } .cms-content ol > li:before { position: absolute; line-height: inherit; color: var(--pink); left: 0; top: 0.1em; content: counter(oln) ". "; display: inline; font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"; font-size: 0.8em; } .cms-content img { max-width: 100% !important; } .cms-content p img { border-radius: 0.5em; } .cms-content figure { margin-bottom: 1.4em; } .cms-content figure img { border-radius: 0.5em; display: block; max-width: 100%; } .cms-content figure figcaption { font-size: 0.8em; line-height: 1.4em; color: var(--purple); padding: 1em 0 0 0; font-style: italic; } .sponsor-section { border-bottom: solid 1px #f3f3f3; text-align: center; padding: 4.5em 0; } .modal-base { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 5000; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; pointer-events: none; } .modal-sponsor-open .modal-base { opacity: 1; visibility: visible; pointer-events: inherit; } .modal-base .modal-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--darkblue07); z-index: 4999; opacity: 0; transition: opacity 0.3s; } .modal-sponsor-open .modal-base .modal-overlay { opacity: 1; } .modal-sponsor { background-color: #fff; border-radius: 1em; width: calc( 100% - 1.5rem ); max-width: 77em; padding: 0 4.5em; position: relative; z-index: 5000; transform: scale(0.2); opacity: 0; transition: all 0.2s; } .modal-sponsor-open .modal-sponsor { opacity: 1; transform: scale(1); } .modal-sponsor .x { position: absolute; right: 2.2em; top: 2.2em; width: 2.408em; height: 2.408em; background: url("../svg/modal_close.svg") center center no-repeat; background-size: contain; cursor: pointer; z-index: 100; } .modal-sponsor .modal-header { padding: 4em 0 2.5em 0; position: relative; z-index: 99; } .modal-sponsor .modal-header .modal-sponsor-logo { } .modal-sponsor .modal-header .modal-sponsor-logo img { display: block; max-height: 7em; max-width: 20em; } .modal-sponsor .modal-header .modal-sponsor-name { color: var(--pink); font-size: 2em; line-height: 1.2em; text-transform: uppercase; } .modal-sponsor .modal-header .modal-sponsor-website { color: var(--pink); font-size: 2em; line-height: 1.2em; } .modal-sponsor .modal-header .modal-sponsor-website a { text-decoration: underline; } .modal-sponsor .modal-header .modal-sponsor-website a:hover { text-decoration: none; } .modal-sponsor .modal-main { padding: 0 0 3.2em 0; border-bottom: solid 2px #efefef; } .modal-sponsor .modal-main .modal-sponsor-text { font-size: 2em; line-height: 1.5em; } .modal-sponsor .modal-main .modal-sponsor-text p { margin-bottom: 1em; } .modal-sponsor .modal-footer { padding: 2.5em 0; } .modal-sponsor .modal-footer .ellogo { display: block; width: 4.3em; line-height: 2.621em; } .modal-sponsor .modal-footer .el { white-space: nowrap; text-align: right; text-transform: uppercase; font-size: 1.6em; line-height: 1em; } .box-news { margin-bottom: 5.5em; position: relative; } .box-news .photo { overflow: hidden; width: 100%; position: relative; margin: 0 0 3em 0; } .box-news .photo a { overflow: hidden; width: 100%; display: block; padding: 60% 0 0 0; border-radius: 1em; position: relative; filter: brightness(0.9); transition: all 0.2s; } .box-news .photo a:hover { filter: brightness(1); } .box-news .photo a img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .box-news .info { } .box-news .info .cat-date { color: var(--pink); font-size: 1.4em; text-transform: uppercase; line-height: 1.214em; margin-bottom: 1.5em; } .box-news .info .title { font-size: 2em; margin-bottom: 1.3em; line-height: 1.5em; font-weight: bold; } .box-news .info .excerpt { font-size: 1.6em; line-height: 1.375em; margin-bottom: 2.2em; } .box-news .info .author { } .box-news .info .author .author-photo { display: block; width: 5em; height: 5em; overflow: hidden; border-radius: 2.5em; } .box-news .info .author .author-photo img { display: block; width: 100%; height: 100%; object-fit: cover; } .box-news .info .author .author-name, .box-news .info .author .author-job { color: var(--pink); font-size: 1.4em; text-transform: uppercase; line-height: 1.214em; } @media (min-width: 768px) { .box-news.featured { display: flex; flex-direction: row; } .box-news.featured .photo { width: calc( 50% - 1.5rem); margin-right: 3rem; margin-bottom: 0; } .box-news.featured .info { width: calc( 50% - 1.5rem); } .box-news.featured .info .title { font-size: 2.4em; } } .pagination { padding: 1.5em 0 0 0; text-align: center; font-size: 2em; line-height: 1.2em; font-weight: 600; color: var(--blue); text-transform: uppercase; letter-spacing: 0.05em; display: flex; align-items: center; justify-content: center; flex-direction: row; } .pagination .page { padding: 0 0.8em; } .pagination .pn { display: inline-block; border-radius: 1.25em; background: var(--pink); color: #fff !important; font-size: 0.8em; padding: 0 1em; line-height: 2.4em; min-width: 8.2em; border: solid 1px var(--pink); } .pagination .pn:hover { filter: brightness(1.2); } .pagination .pn.disabled { background: #fff; color: #E6E6E6 !important; border-color: #E6E6E6; filter: none !important; cursor: default; } #post { } #post .post-author { display: flex; align-items: center; justify-content: center; } #post .post-author .author-photo { display: block; width: 5em; height: 5em; overflow: hidden; border-radius: 2.5em; margin-right: 1.5rem; } #post .post-author .author-photo img { display: block; width: 100%; height: 100%; object-fit: cover; } #post .post-author .author-info { color: var(--pink); font-size: 1.6em; text-transform: uppercase; line-height: 1.214em; } #post .post-photo { margin: 0 0 4em 0; } #post .post-photo img { display: block; max-width: 100%; border-radius: 1em; } #post blockquote { display: block; text-align: center; padding: 4.25em 0; margin: 2.5em 0; position: relative; } #post blockquote:before { content: ""; display: block; position: absolute; width: 110vw; height: 100%; background: url("../svg/hex_bg.svg") center center no-repeat var(--darkblue) fixed; filter: blur(6px); background-size: cover; z-index: -1; top: 0; left: 0; left: calc( ( ( 110vw / 2 ) - 50% ) * -1 ); pointer-events: none; } #post blockquote:after { content: ""; display: block; position: absolute; z-index: 1; width: 300vw; height: calc( 100% + 30px ); left: -100vw; top: -15px; border-top: solid 20px #fff; border-bottom: solid 20px #fff; pointer-events: none; } #post blockquote q { font-family: var(--font2); font-size: 1.8em; font-weight: bold; line-height: 1.528em; color: #fff; display: block; margin: 0 0 0.4em 0; position: relative; } #post blockquote q:before, #post blockquote q:after { font-family: "Times New Roman", serif; } #post blockquote q:before { color: var(--pink); display: inline-block; transform: scale(2) translateX(-0.2em); } #post blockquote small { display: block; font-size: 0.8em; line-height: 1.8em; text-transform: uppercase; color: var(--pink); } #post blockquote small span { color: #fff; } #post .post-share { border-top: solid 2px #f3f3f3; border-bottom: solid 2px #f3f3f3; font-size: 1.6em; color: var(--pink); text-transform: uppercase; margin: 2.8em 0 0 0; padding: 1em 0; } #post .post-share ul { display: flex; flex-direction: row; width: 100%; justify-content: flex-start; align-items: center; } #post .post-share ul li { margin: 0 1em 0 0; } #post .post-share ul li:last-child { margin-right: 0; } #post .post-share ul li a { display: block; } #post .post-share ul li a:hover { color: var(--blue); } #post .post-share ul li a svg { width: 1.33em; } #schedule { border-bottom: solid 5px var(--yellow); } #schedule .tabs { border-bottom: solid 5px var(--yellow); margin-bottom: 1.5rem; } #schedule .tabs ul { display: flex; width: 100%; flex-direction: row; align-items: flex-end; } #schedule .tabs ul li { display: block; margin-right: 0.9em; } #schedule .tabs ul li:last-child { margin-right: 0; } #schedule .tabs ul li a { display: block; color: #fff !important; background: var(--purple); font-family: var(--font2); font-size: 2.4em; font-weight: bold; white-space: nowrap; line-height: 1em; padding: 0.8em 1em; min-width: 11em; text-align: center; border-radius: 0.4em 0.4em 0 0; } #schedule .tabs ul li a:hover { filter: brightness(1.1); } #schedule .tabs ul li a.active { background-color: var(--yellow); padding-top: 1.25em; filter: none !important; } #schedule .tab-content { display: none; } #schedule .tab-content.active { display: block; } #schedule .box { position: relative; padding: 2.4em; margin-bottom: 1.5rem; } #schedule .box:before { content: ""; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; border-radius: 1em; background: var(--yellow); opacity: 0.1; } #schedule .box:first-child:before { opacity: 0.2; } #schedule .box.nobg { padding-top: 1em; padding-bottom: 1em; } #schedule .box.nobg:before { display: none; } #schedule .row > div:nth-child(2) .box:before { background-color: var(--pink); } #schedule .row > div:nth-child(3) .box:before { background-color: var(--purple); } #schedule .row > div:nth-child(4) .box:before { background-color: var(--blue); } #schedule .box h1 { font-size: 2.4em; font-weight: bold; line-height: 1.3em; font-family: var(--font2); } #schedule .box h1:only-child { line-height: 0.9em; } #schedule .box h2 { font-size: 2em; font-weight: bold; line-height: 1.3em; margin-bottom: 0.5em; font-family: var(--font2); } #schedule .box .speaker { font-size: 1.6em; line-height: 1.2em; text-transform: uppercase; margin-bottom: 0.3em; } #schedule .box .description { font-size: 1.6em; line-height: 1.2em; } #schedule .box .time { font-size: 2em; line-height: 1.2em; text-transform: uppercase; color: var(--pink); margin-bottom: 0.4em; } #footer-countdown { z-index: 1999; left: 0; bottom: 0; position: fixed; width: 100%; background: linear-gradient(to right, var(--purple) 0%,var(--pink) 50%,var(--yellow) 100%); padding: 1.3em 0; } #footer-countdown .inner { margin: auto; max-width: 940px; padding: 0 1.5rem; color: #fff; } #footer-countdown .alarm { } #footer-countdown .alarm svg, #footer-countdown .alarm img { display: block; width: 4.923em; height: 4.923em; } #footer-countdown h5 { white-space: nowrap; } #footer-countdown #remaining2 { display: table; width: 100%; margin: auto; max-width: 28em; } #footer-countdown #remaining2 > span { display: table-cell; vertical-align: top; text-align: center; width: 23%; } #footer-countdown #remaining2 > span.d { width: 2.66%; } #footer-countdown #remaining2 > span .n { display: block; font-size: 2.4em; line-height: 1.5em; font-weight: bold; font-family: var(--font2), sans-serif; } #footer-countdown #remaining2 > span .l { color: var(--blue); text-transform: uppercase; font-size: 1.4em; font-weight: 500; letter-spacing: 0.05em; line-height: 1.4em; } .box-event { position: relative; padding: 4em; border-radius: 0.6em; margin: 0 0 3em 0; } .box-event .bg { position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; border-radius: inherit; opacity: 0.1; } .box-event .event-media { position: relative; } .box-event .event-media > img { position: relative; display: block; width: 100%; } .box-event .btn1 { margin-top: 1em; } .box-event .info { } .box-event .info p + .btn1 { margin-top: 0; } .box-event .info p { font-size: 2em; line-height: 1.4em; margin-bottom: 2em; } .box-event .info .where-when { color: var(--pink); font-size: 2em; line-height: 1.1em; text-transform: uppercase; } .box-event .info .price { display: flex; font-size: 1.6em; font-weight: 600; color: #fff; background: var(--pink); width: 3.5em; height: 3.5em; border-radius: 1.75em; padding: 0.5em; line-height: 1.1em; text-transform: uppercase; align-items: center; text-align: center; background: linear-gradient(to right bottom, var(--yellow) 0%,var(--pink) 50%, var(--purple) 100%); } section.bg-blue + #newsletter { margin-top: 0; } section.bg-blue + #newsletter:before { background: var(--blue); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; height: calc( 100% - 3.8rem ); } .box-speaker-large { } .box-speaker-large .photo { width: 100%; padding: 65% 0 0 0; position: relative; overflow: hidden; border-radius: 0.7em 0.7em 0 0; background: #ccc; display: block; } .box-speaker-large .photo .speaker-photo { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 10; } .box-speaker-large .photo .speaker-photo { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 10; } .box-speaker-large .photo > .social { position: absolute; z-index: 20; left: 0; bottom: 0; width: 100%; background: var(--pink); padding: 0.6em; transition: all 0.2s; } .box-speaker-large .photo > .social ul { display: block; text-align: center; white-space: nowrap; } .box-speaker-large .photo > .social ul li { display: inline-block; } .box-speaker-large .photo > .social ul li a { display: block; padding: 0.8em 1.2em; transition: all 0.1s; } .box-speaker-large .photo > .social ul li a:hover { filter: brightness(0); } .box-speaker-large .photo > .social ul li a img { height: 2.1em; } .box-speaker-large .info { background: #fff; border-radius: 0 0 0.7em 0.7em; padding: 2.8em; } .box-speaker-large .logo { } .box-speaker-large .logo img { max-height: 5em; display: inline-block; } .event-main-info { } .event-main-info .where-when { color: var(--pink); font-size: 2em; line-height: 1.1em; text-transform: uppercase; } .event-main-info .price { display: flex; font-size: 1.6em; font-weight: 600; color: #fff; background: var(--pink); width: 3.5em; height: 3.5em; border-radius: 1.75em; padding: 0.5em; line-height: 1.1em; text-transform: uppercase; align-items: center; text-align: center; background: linear-gradient(to right bottom, var(--yellow) 0%,var(--pink) 50%, var(--purple) 100%); } .event-main-info .form { position: relative; padding: 3em; border-radius: 0.7em; } .event-main-info .form .bg { position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; border-radius: inherit; opacity: 0.1; } .event-main-info .form .form-control { background: #fff !important; } /* ========================================================================== Resposive (desktop first) ========================================================================== */ @media (min-width: 1248px) { .container { max-width: 1218px; } } /* xxl */ @media (min-width: 1400px) { } /* xl */ @media (max-width: 1399px) { body { font-size: 9.5px; } #header .btn1 { padding: 0 1.5em; font-size: 1.6em; } #header .menu > ul { font-size: 1.6em; } #header .menu > ul ul { top: 3.9em; } #header .menu > ul ul:before { height: 2.5em; top: -2.5em; } } /* lg */ @media (max-width: 1199px) { body { font-size: 9px; } .title1 { font-size: 4.2em; } .title2 { font-size: 3.4em; } #header .btn1 { padding: 0 1.2em; font-size: 1.4em; } #header .menu > ul { font-size: 1.4em; } #header .menu > ul ul { top: 4.4em; } #header .menu > ul ul:before { height: 3em; top: -3em; } } /* md */ @media (max-width: 991px) { body { font-size: 7px; } .title1 { font-size: 4em; } .title2 { font-size: 3.2em; } #schedule .tabs ul li a { min-width: 0; } section.bg-blue + #newsletter:before { height: calc( 100% - 3rem ); } } /* sm */ @media (max-width: 767px) { body { font-size: 7.6px; } #hero { padding: 6em 0 13em 0; } #hero .graphic { transform: none; } #newsletter .box .inner .nws-field { flex-direction: column; } #newsletter .box .inner .nws-field .form-control { padding: 1em; font-size: 15px; border-radius: 6px 6px 0 0; text-align: center; } #newsletter .box .inner .nws-field .btn1 { border-radius: 0 0 6px 6px; } #footer .menu ul { flex-direction: column; font-size: 15px; } #footer .menu ul li { margin-bottom: 0.6em; } .box-git { font-size: 1.2em; padding: 3em; } #header .menu { position: fixed; right: 0; top: 0; height: 100vh; overflow: auto; box-shadow: 0 0 1.5em rgba(0,0,0,0.8); padding: 80px 0 20px 0; transition: all 0.2s; opacity: 0; visibility: hidden; right: -105vw; background: var(--darkblue09); } .menu-open { overflow: hidden; } .menu-open #header .menu { right: 0; opacity: 1; visibility: visible; } #header .menu .x { display: block; width: 6.5em; border: none; background: none; color: #fff; position: absolute; right: 1em; top: 1em; } #header .menu > ul { display: block; font-size: 24px; white-space: nowrap; } #header .menu > ul > li { display: block; margin: 0; } #header .menu > ul > li.book { display: block; color: var(--pink); } #header .menu > ul > li > a { display: block; padding: 0.5em 1.5em 0.5em 2em !important; position: relative; } #header .menu > ul > li > a:after { right: 0.5em; } #header .menu > ul > li.open > a { color: var(--pink) !important; } #header .menu > ul > li.open > a:after { transform: scaleY(-1); } #header .menu > ul > li ul { position: relative; left: auto; top: auto !important; visibility: visible; opacity: 1; text-align: right; width: 100%; min-width: 0; background: var(--pink); border-radius: 0 !important; display: none; } #header .menu > ul > li.open ul { display: block;} #header .menu > ul > li ul:before, #header .menu > ul > li ul:after { display: none; } #header .menu > ul > li ul > li > a { padding: 0.25em 1.5em 0.25em 1.5em; border-radius: 0 !important; } #header .open-menu { display: block; width: 4.5em; border: none; background: none; color: #fff; } .box-home-conference .info h3 { font-size: 2.2em; } .box-speaker .photo > .social { bottom: 0; } .box-speaker .photo > .social ul li a { padding: 0.6em 1em; } .box-speaker .photo > .social ul li a img { height: 2em; } .speaker-sessions > .row > div:after { display: none; } .box-speaker-session { padding: 0 0 5em 0; border-bottom: solid 2px var(--pink); } .speaker-sessions > .row > div:last-child .box-speaker-session { padding-bottom: 0; border-bottom: 0; } .box-location { text-align: center; } .gmaps-embed iframe { height: 40em; } .box-news .info .title { font-size: 2.4em; margin-bottom: 0.8em; } .box-news .info .excerpt { font-size: 2em; margin-bottom: 1.5em; } .box-news .info .author .author-name, .box-news .info .author .author-job, .box-news .info .cat-date { font-size: 1.8em; } .cms-content { font-size: 2.2em; } .cms-content figure figcaption { font-size: 1em; } #post blockquote small { font-size: 1.2em; } #post .post-share ul { font-size: 1.5em; justify-content: center; } #schedule .box { font-size: 1.2em; padding: 2em; } #schedule .tabs ul li a { font-size: 1.9em; } #footer-countdown { padding: 1em 0; } #footer-countdown .inner { padding: 0 0.75rem 0 0; } #footer-countdown #remaining2 > span .n { font-size: 2em; } #footer-countdown .btn1 { padding-left: 1em; padding-right: 1em; } .form .form-check-label { font-size: 14px; } } /* xs */ @media (max-width: 575px) { #wrapper { padding-top: 8em; } #header .container { padding: 0 0.75rem; } #header .row { height: 8em; } #header .logo a img { height: 4.5em; margin: auto; } #hero h1 { font-size: 5.5em; } #countdown .box { padding: 2em; } #title { padding: 4em 0 6em 0; } .title4 { font-size: 18px; } .btn1 { font-size: 15px; } .btnset .btn1 { max-width: 100%; min-width: 80%; margin-right: 0; } .gallery .owl-carousel .owl-dots .owl-dot { margin: 0 0.5em; } .text { font-size: 2.28em; } .box-speaker .info .name { font-size: 1.2em; } .speaker-profile { text-align: center; } .speaker-profile .logo { padding-top: 0.7em; } .box-speaker-session { text-align: center; font-size: 1.2em; } .box-course-card p { font-size: 16px; } .box-course p { font-size: 16px; } .box-course .info { font-size: 14px; } #footer .social ul li a svg { height: 4em; } .gmaps-embed iframe { height: 60em; } .box-event { padding: 1.5rem; } } .tito-widget { } .tito-widget .tito-widget-form { } .tito-widget .tito-widget-form > div { display: block; width: 100%; } .tito-widget .tito-widget-form .tito-release { display: flex; box-shadow: 0 0.4em 1em rgba(0,0,0,.25); border-radius: 1em; margin-bottom: 1.5rem; transition: box-shadow 0.15s; margin: 0 0 2rem 0; width: 100%; overflow: hidden; flex-direction: row; align-items: center; } .tito-widget .tito-widget-form .tito-release > * { } .tito-widget .tito-widget-form .tito-release > .tito-release-description { width: 60%; } .tito-widget .tito-widget-form .tito-release .tito-release--title { display: block; padding: 1.2rem 1.2rem 1rem 1.2rem; text-align: left; font-size: 2.6em; font-weight: bold; line-height: 1.2em; color: var(--pink); } .tito-widget .tito-widget-form .tito-release .tito-release--title small { font-size: .5em; opacity: .8; text-transform: uppercase; } .tito-widget .tito-widget-form .tito-release .tito-release-description--description { padding: .5rem 1.2rem 1rem 1.2rem; font-size: 1.5em; line-height: 1.4em; text-align: left; } .tito-widget .tito-widget-form .tito-release .tito-release-description--description p { margin-bottom: .5em; } .tito-widget .tito-widget-form .tito-release .tito-release-description--description > ul { margin-bottom: .5em; } .tito-widget .tito-widget-form .tito-release .tito-release-description--description > ul > li { display: inline-block; margin: 0 .5em 0 0; } .tito-widget .tito-widget-form .tito-release .tito-release-description--description > ul > li > p::before { content: "• "; display: inline; padding-right: .15em; font-weight: bold; } .tito-widget .tito-widget-form .tito-release .tito-release-description--combos { padding: 0 1.2rem 1rem 1.2rem; font-size: 1.4em; line-height: 1.4em; text-align: left;} .tito-widget .tito-widget-form .tito-release .tito-price-details-regular { padding: 1rem 1.2rem 1rem 0; font-size: 1.6em; line-height: 1.5em; text-align: center; width: 20%; } .tito-widget .tito-widget-form .tito-release .tito-price-details-regular .tito-price { display: block; font-weight: bold; font-size: 2.3em; line-height: 1.1em; } .tito-widget .tito-widget-form .tito-release .tito-quantity { padding: 1rem 1.2rem 1rem 0; text-align: center; font-size: 2.2em; width: 20%; } .tito-widget .tito-widget-form .tito-release .tito-quantity .tito-release--decrement-quantity { color: var(--pink); } .tito-widget .tito-widget-form .tito-release .tito-quantity .tito-release--decrement-quantity:first-child { margin-right: .3em; } .tito-widget .tito-widget-form .tito-release .tito-quantity .tito-release--decrement-quantity:last-child { margin-left: .3em; } .tito-widget .tito-widget-form .tito-release .tito-quantity .tito-quantity-input { background: #f4f4f4; border: none; font-size: 1.3em; font-weight: bold; text-align: center; padding: 0; line-height: 1.5em; width: 2.2em; text-align: center; border-radius: 0; } .tito-widget .tito-widget-form .tito-release .tito-quantity .tito-quantity-input::-webkit-outer-spin-button, .tito-widget .tito-widget-form .tito-release .tito-quantity .tito-quantity-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .tito-widget .tito-widget-form .tito-release .tito-times { display: none; } .tito-widget .tito-widget-form .tito-form-actions { width: calc( 100% + 1.5rem ); padding: 1em .75rem 1em .75rem; text-align: right; display: flex; align-items: center; justify-content: flex-end; } .tito-widget .tito-widget-form .tito-form-actions .tito-discount { margin-right: 1em; } .tito-widget .tito-widget-form .tito-form-actions .tito-discount .tito-discount-code-field { border: none; transition: all 0.2s; background: #f2f2f2; font-size: 2em; padding: 0.5em 1em; border-radius: 0.3em; color: inherit; outline: none; width: 200px !important; line-height: 1.3em; } .tito-submit { font-size: 2em; line-height: 3.5em; display: inline-block; white-space: nowrap; padding: 0 2.5em; border: none; border-radius: 0.3em; background: var(--pink); color: #fff !important; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; transition: filter 0.15s; text-align: center; min-width: 200px; } .tito-submit:hover { filter: brightness(1.2); } .tito-submit:active { transform: scale(0.95); } .tito-widget .tito-widget-form .tito-release:nth-child(3n + 2) .tito-release--title { color: var(--purple); } .tito-widget .tito-widget-form .tito-release:nth-child(3n + 3) .tito-release--title { color: var(--blue); } @media (max-width: 991px) { x.tito-widget .tito-widget-form .tito-release { width: calc( 50% - 1.5rem ); } } @media (max-width: 767px) { .tito-widget .tito-widget-form .tito-release { width: calc( 100% - 1.5rem ); } .tito-widget .tito-widget-form .tito-release .tito-quantity { font-size: 24px; } .tito-widget .tito-widget-form .tito-form-actions { display: block; } .tito-widget .tito-widget-form .tito-form-actions .tito-discount { margin: 0 0 20px 0; text-align: center; } .tito-widget .tito-widget-form .tito-form-actions .tito-discount .tito-discount-code-field { font-size: 24px; width: 100% !important; } .tito-submit { font-size: 22px; width: 100%; } .tito-widget .tito-widget-form .tito-release { display: block; } .tito-widget .tito-widget-form .tito-release > * { width: 100% !important; padding: 1rem !important; } } .footer-banners { margin-top: 3rem; } .footer-banners .footer-banner { margin-bottom: 2rem; } .footer-banners .footer-banner a { display: block; } .footer-banners .footer-banner img { display: block; max-width: 100%; margin: auto; } .footer-banners .footer-banner img.banner-desktop { } .footer-banners .footer-banner img.banner-mobile { display: none; } @media (max-width: 767px) { .footer-banners .footer-banner img.banner-desktop { display: none; } .footer-banners .footer-banner img.banner-mobile { display: block; } } .grecaptcha-badge { visibility: hidden !important; }