/* Theme Name: Beyond v2 Theme URI: https://www.elegantthemes.com/gallery/divi/ Description: Divi Child Theme Author: Vuk Author URI: https://rv3.co.uk Template: Divi Version: 5.9.29 */ /* =Theme customization starts here ------------------------------------------------------- */ /* IMPORTANT Divi can't use - in version number, it has to be full-stop delimiter – otherwise CACHE refresh will not be respected, it will use the version number of DIVI master style.css So 26 July 2024, can't be UNIX date 2024-07-24 It has to be idiot date 2024.07.24 Thanks DIVI :/ */ @font-face { font-family: IntegralCFBold; src: url("fonts/IntegralCF-Bold.eot%3F") format("embedded-opentype"), url("fonts/IntegralCF-Bold.woff2") format("woff2"), url("fonts/IntegralCF-Bold.woff") format("woff"); font-style: normal; font-weight: 400; } @font-face { font-family: IntegralCFRegular; src: url("fonts/IntegralCF-Regular.eot%3F") format("embedded-opentype"), url("fonts/IntegralCF-Regular.woff2") format("woff2"), url("fonts/IntegralCF-Regular.woff") format("woff"); font-style: normal; font-weight: 400; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ body { font-family: 'Inconsolata', monospace !important; font-size: 16px !important; color: rgba(255,255,255,0.9); background-color: #000; } img.logo-circle { position: absolute; top: -10em; right: -2em; width: 15em; height: 15em; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation: a 23s infinite linear; animation: a 23s infinite linear; } @-webkit-keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* POSTS shown in DIVI blog 1 column Turn them into 2 column layout Picture Heading Excerpt */ .b20-blog-2cols .et_pb_ajax_pagination_container { display: grid; grid-template-columns: repeat(2, 48.75%); grid-column-gap: 2.5%; } .b20-blog-2cols .et_pb_ajax_pagination_container .et_pb_post .entry-featured-image-url { overflow: hidden; width: 100%; height: 242px; } .b20-blog-2cols .et_pb_ajax_pagination_container a.more-link { margin: 1em 0 2em; } @media all and (max-width: 640px) { .b20-blog-2cols .et_pb_ajax_pagination_container { display: block; } } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* POSTS shown in DIVI blog 1 column Turn them into 3 column layout Picture background Heading centered on picture no Excerpt */ .b20-blog-icons-3cols div.column.size-1of3 { width: 31.667% !important; margin-right: 1.5% !important; } .b20-blog-icons-3cols article { position: relative; margin: 0 0 5% 0 !important; } .b20-blog-icons-3cols article .et_pb_image_container { margin: -20px -20px -50px; } .b20-blog-icons-3cols article .et_pb_image_container:before { position: absolute; content: ""; background-color: rgb(229, 86, 70); transform: rotate(0deg); width: 100%; height: 100%; transition: transform 1s ease; } .b20-blog-icons-3cols article:hover .et_pb_image_container:before { transform: rotate(12deg); transition: transform 0.41s ease; } .b20-blog-icons-3cols article h2 { position: absolute; top: 50%; transform: translateY(-50%); text-align: center; color: rgba(255, 255, 255, 0.9); text-shadow: 0 0 3px #000, 1px 0px 0 #000, 1px 1px 0 #000, 0px 1px 0 #000, -1px 0px 0 #000, -1px -1px 0 #000, 0px -1px 0 #000; font-size: 30px; padding: 0; margin: 0; width: calc(100% - 38px); text-align: center; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* custom BLOG POSTs in 2 columns layout */ .be20-blogList-2cols .et_pb_ajax_pagination_container { display: grid; grid-template-columns: repeat(2, 48.75%); grid-column-gap: 2.5%; } .be20-blogList-2cols-2cols .et_pb_ajax_pagination_container .et_pb_post .entry-featured-image-url { overflow: hidden; width: 100%; height: 242px; } .be20-blogList-2cols-2cols .et_pb_ajax_pagination_container a.more-link { margin: 1em 0 2em; } @media all and (max-width: 640px) { .be20-blogList-2cols-2cols .et_pb_ajax_pagination_container { display: block; } } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* CET Airtable integration */ :root{ --rgbRed: 247, 71, 59; --rgbTeal: 79, 197, 164; --rgbPurple: 131, 83, 168; --rgbVuk: 255,151,53; --rgbWhite: 255,255,255; --maxWidth: 1600px; --cutOffMinNum: 380; --cutOffMinFull: 380px; --cutOffMaxNum: 1300; } a { position: relative !important; color: rgba(var(--whichColor, var(--rgbRed)),0.9) !important; text-decoration: none !important; background-image: linear-gradient(to right, rgba(var(--whichColor, var(--rgbRed)),0.9) 50%, rgba(255,255,255,0.5) 50%); background-size: 200% 1px; background-repeat: no-repeat; background-position: 100% 100%; transition: background-position .4s; } a:hover{ background-position: 0 100% !important; } a.twitterLink, a.linkedInLink/* , a[target=_blank] */ { padding-right: 2.5rem; background-repeat: no-repeat; background-position: right 0.5rem center, 100% 100%; background-size: 1.6rem, 200% 1px; display: inline-block; line-height: 1.7; } /* a[target=_blank] { background-image: url('data:image/svg+xml,\ \ \ \ \ \ \ \ '), linear-gradient(to right, rgba(var(--whichColor, var(--rgbRed)),0.9) 50%, rgba(255,255,255,0.5) 50%); } */ a.twitterLink{ background-image: url('data:image/svg+xml,\ \ \ '), linear-gradient(to right, rgba(var(--whichColor, var(--rgbRed)),0.9) 50%, rgba(255,255,255,0.5) 50%); } a.linkedInLink{ background-image: url('data:image/svg+xml,\ \ \ \ '), linear-gradient(to right, rgba(var(--whichColor, var(--rgbRed)),0.9) 50%, rgba(255,255,255,0.5) 50%); } a.twitterLink:hover, a.linkedInLink:hover/* , a[target=_blank]:hover */ { background-position: right 0.5rem center, 0 100%; } h1,h2,h3,h4,h5,h6{ line-height: 1.2 !important; margin: 0; padding: 1.2rem 0; color: rgba(var(--whichColor, var(--rgbWhite)),0.9); word-break: break-word; } h1, h2, h3{ font-family: IntegralCFBold; } h4, h5, h6{ font-family: IntegralCFRegular; } /* MIN font size is 32px on device with screen @ 380px --cutOffMin:380 MAX font size is 62px on device with screen @ 1300px --cutOffMax:1300 IMPORTANT to leave numbers WITH or WITHOUT suffixes in calculations */ h1{ --fontMinNum: 42; --fontMinAll: 42px; --fontMaxNum: 80; font-size: calc( var(--fontMinAll) + (var(--fontMaxNum) - var(--fontMinNum)) * ( (100vw - var(--cutOffMinFull)) / ( 1280 - var(--cutOffMinNum) ))) !important; } h2{ --fontMinNum: 18; --fontMinAll: 18px; --fontMaxNum: 54; font-size: calc( var(--fontMinAll) + (var(--fontMaxNum) - var(--fontMinNum)) * ( (100vw - var(--cutOffMinFull)) / ( 1280 - var(--cutOffMinNum) ))) !important; } h3{ --fontMinNum: 26; --fontMinAll: 26px; --fontMaxNum: 42; font-size: calc( var(--fontMinAll) + (var(--fontMaxNum) - var(--fontMinNum)) * ( (100vw - var(--cutOffMinFull)) / ( 1280 - var(--cutOffMinNum) ))) !important; } h4{ --fontMinNum: 22; --fontMinAll: 22px; --fontMaxNum: 36; font-size: calc( var(--fontMinAll) + (var(--fontMaxNum) - var(--fontMinNum)) * ( (100vw - var(--cutOffMinFull)) / ( 1280 - var(--cutOffMinNum) ))) !important; } h5{ --fontMinNum: 20; --fontMinAll: 20px; --fontMaxNum: 28; font-size: calc( var(--fontMinAll) + (var(--fontMaxNum) - var(--fontMinNum)) * ( (100vw - var(--cutOffMinFull)) / ( 1280 - var(--cutOffMinNum) ))) !important; } h6{ --fontMinNum: 18; --fontMinAll: 18px; --fontMaxNum: 24; font-size: calc( var(--fontMinAll) + (var(--fontMaxNum) - var(--fontMinNum)) * ( (100vw - var(--cutOffMinFull)) / ( 1280 - var(--cutOffMinNum) ))) !important; } .cetContainer{ width: 100%; position: relative; background-color: #000; } p { color: rgba(255,255,255,0.95); --fontMinNum: 18; --fontMinAll: 18px; --fontMaxNum: 28; font-size: calc( var(--fontMinAll) + (var(--fontMaxNum) - var(--fontMinNum)) * ( (100vw - var(--cutOffMinFull)) / ( 1280 - var(--cutOffMinNum) ))) !important; line-height: 1.2; padding: 1.2rem 0; margin: 0; } p.bigger { --fontMinNum: 18; --fontMinAll: 18px; --fontMaxNum: 36; } p.smaller { --fontMinNum: 18; --fontMinAll: 18px; --fontMaxNum: 22; } .hero { padding: 17vh 0; background-image: url(https://beyondconference.org/wp-content/uploads/cet-2024/placeholder-16-9.png); background-position: 50%; background-size: cover; position: relative; overflow: hidden; } .hero .projectStageHero{ position: absolute; top: 1rem; right: 1rem; color: rgba(var(--rgbWhite),0.9); font-family: IntegralCFBold; background-color: rgba(37,38,40,.21); padding: 0 1rem 0.25rem; border-radius: 0.25rem; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } .hero.bottomLeft { padding: 40% 0 0; } .hero h1{ --fontMinNum: 48; --fontMinAll: 48px; --fontMaxNum: 80; font-size: calc( var(--fontMinAll) + (var(--fontMaxNum) - var(--fontMinNum)) * ( (100vw - var(--cutOffMinFull)) / ( 1280 - var(--cutOffMinNum) ))); text-align: center; color: rgba(255,255,255,0.9); text-shadow: 0 0 3px #000, 1px 0px 0 #000, 1px 1px 0 #000, 0px 1px 0 #000, -1px 0px 0 #000, -1px -1px 0 #000, 0px -1px 0 #000; max-width: var(--maxWidth); margin: 0 auto; } .hero.bottomLeft h1{ text-align: left; padding: 0 0 2rem 2rem; position: relative; --whichColor: 255,255,255; } .hero.bottomLeft h1 span{ position:relative; z-index: 2; } .hero.bottomLeft h1:before{ position: absolute; content:""; top: 0; left: -100%; width: 300%; height: 100%; background-color: rgba(0,0,0,0.25); z-index: 1; } @media all and (max-width: 479px) { .hero { padding: 10vh 0; } }/* media */ .cetContainer .cetBody, article.type-page .cetBody { max-width: var(--maxWidth); margin: 0 auto; position: relative; width: calc(100vw - 2rem); padding: 2rem; } @media (min-width: 320px) and (max-width: 480px){ .cetContainer .cetBody{ width: 100vw !important; } }/* media */ .cetBody .svgDivider{ max-width: 100%; } .cetBody .svgDivider path{ stroke:rgb(var(--whichColor, var(--rgbWhite))); } .cetBody .svgDivider path{ stroke:rgb(var(--whichColor, var(--rgbWhite))); } /* CET horizontal dividers */ hr.cet { border: 0; height: 2px; float:none; clear:both; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(var(--whichColor, var(--rgbWhite)), 0.75), rgba(0, 0, 0, 0)); } hr.cet.left-to-right{ border: 0; height: 2px; float:none; clear:both; background: linear-gradient(to right, rgba(var(--whichColor, var(--rgbWhite)),1) 0%,rgba(var(--whichColor, var(--rgbWhite)),1) 75%,rgba(0,0,0,0) 100%); } .cetBody .rv3sticky{ position: static !important; position: -webkit-sticky !important; position: sticky !important; top: 118px; z-index: 100; } .cetContainer .cut, article.type-page .cut { border-bottom: 2px solid rgb(var(--whichColor, var(--rgbWhite))); position: relative; background-color: rgb(var(--whichColor, var(--rgbWhite))); } .cetContainer .cut:after, article.type-page .cut:after { position: absolute; content:""; top: calc(100% - 15px); left: 75%; width: 30px; height: 30px; border-right:2px solid rgb(var(--whichColor, var(--rgbWhite))); border-bottom:2px solid rgb(var(--whichColor, var(--rgbWhite))); background-color: rgb(var(--whichColor, var(--rgbWhite))); transform: rotate(45deg); } .cetContainer .cut h1, .cetContainer .cut h3, article.type-page .cut h1, article.type-page .cut h3 { --fontMinNum: 42; --fontMinAll: 42px; --fontMaxNum: 100; font-size: calc( var(--fontMinAll) + (var(--fontMaxNum) - var(--fontMinNum)) * ( (100vw - var(--cutOffMinFull)) / ( 1280 - var(--cutOffMinNum) ))); padding: 0 0 0.2em 0; line-height: 1.3; color: rgba(255,255,255,0.95); } /* Use it like this

Speakers

*/ /* Button */ .btn{ display: inline-block; background-image: unset; color: rgba(var(--rgbWhite),0.9) !important; text-transform: uppercase; text-align: center; border: 1px solid rgba(var(--whichColor, var(--rgbWhite)),1) !important; box-shadow: none; position: relative; --fontMinNum: 20; --fontMinAll: 20px; --fontMaxNum: 28; font-size: calc( var(--fontMinAll) + (var(--fontMaxNum) - var(--fontMinNum)) * ( (100vw - var(--cutOffMinFull)) / ( 1280 - var(--cutOffMinNum) ))) !important; font-weight: 500; line-height: 1.7em !important; padding: 0.1em 0.5em; transition: all 300ms ease 0ms; } .btn:hover, .btn.hoverDEV { border: 1px solid rgba( var(--whichColor, var(--rgbWhite)),0.5) !important; box-shadow: 0 0 0.25rem inset #000; background-image: linear-gradient(to bottom, rgba(var(--whichColor, var(--rgbWhite)), 0.35) 0%,rgba(var(--whichColor, var(--rgbWhite)),0.25) 25%,rgba(var(--whichColor, var(--rgbWhite)),0.25) 85%,rgba(var(--whichColor, var(--rgbWhite)),0.35) 100%); background-size: 100%; } .btn:active, .btn.focusDEV { border: 1px solid rgba( var(--whichColor, var(--rgbWhite)),0.99) !important; color: rgba(var(--whichHighlight, var(--rgbWhite)),0.9) !important; box-shadow: 0 0 1rem rgb( var(--whichColor, var(--rgbWhite)) ), 0 0 0.25rem inset rgb( var(--whichColor, var(--rgbWhite)) ); } /* Use it like this RED Button */ .btn.solid{ background-color: rgba(var(--whichColor, var(--rgbWhite)),0.9) !important; color: rgba(255,255,255,0.9) !important; padding: 0.1em 1.4em; } .btn.solid:hover{ font-weight: bold; border: 1px solid rgba(255,255,255,0.9) !important; } /* SOCIAL icons */ a.iconSocial{ width: 52px; height: 52px; background-color: rgba(255,255,255,0.9); border-radius: 50%; padding: 0; display: inline-block; background-repeat: no-repeat !important; background-size: 26px auto !important; background-position: center !important; filter: none; margin: 0 1rem 0 0; } a.iconSocial:hover{ background-size: 32px auto !important; background-color: rgba(255,255,255,0.99); /* transform: scale(1.1); */ /* transition: background-size .4s ease-in; */ } a.iconSocial.linkedin{ background-image: url(../../uploads/cet/linkedin.png) !important; } a.iconSocial.twitter{ background-image: url(../../uploads/cet/twitter.png) !important; } a.iconSocial.facebook{ background-image: url(../../uploads/cet/facebook.png) !important; } a.iconSocial.youtube{ background-image: url(../../uploads/cet/youtube.png) !important; } a.iconSocial.www{ background-image: url(../../uploads/cet/www.png) !important; } a.iconSocial.bluesky{ background-image: url(../../uploads/cet/bluesky.png) !important; } a.iconSocial.instagram{ background-image: url(../../uploads/cet/instagram.png) !important; } .cetContainer p.beSort{ margin: 2rem; text-align: center; font-family: IntegralCFRegular; font-size: 1.5rem !important; display: flex; justify-content: center; transition: all 0.2s linear; } .cetContainer p.beSort .btn.sort{ color: rgb(var(--whichColor)); } .cetContainer .btn.sort{ min-width: 120px; display: inline-block; text-align: left; position: relative; border: 1px solid rgba(255,255,255,0) !important; font-size: inherit; } .cetContainer .btn.sort:hover{ border: 1px solid rgba( var(--whichColor),0.5) !important; text-shadow: none; } .cetContainer .btn.sort.active{ background-color: rgba(var(--whichColor),0.9) !important; color: rgba(255,255,255,0.9) !important; border: 1px solid rgba(var(--whichColor),0.9) !important; } .cetContainer .btn.sort.desc.active:after{ border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-top: 6px solid #fff; content: ""; display: inline-block; height: 0; width: 0; position: absolute; top: 50%; right: 0.25rem; } .cetContainer .btn.sort.asc.active:after{ border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-bottom: 6px solid #fff; content: ""; display: inline-block; height: 0; width: 0; position: absolute; top: 50%; right: 0.25rem; } @media all and (max-width: 479px) { .cetContainer p.beSort{ flex-direction: column; } }/* media */ .cetColumns{ width: 100%; display: flex; position: relative; flex-wrap: wrap; justify-content: flex-start; } .cetColumns .col1-4.square{ position: relative; } .cetColumns .col1-4.square .av{ width: 100%; height: 23vh; border-radius: 1.5rem 1.5rem 0 0; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 1s ease-in-out 0s; } /* Speakers */ .cetColumns.speakers .col1-4{ margin: 0 1.5rem 3rem 1.5rem; width: calc(25% - 3rem); border: 1px solid rgba(255,255,255,0.5); border-radius: 1.5rem; display: flex; flex-direction: column; justify-content: flex-start; background-image: unset; } .cetColumns.speakers .col1-4:hover{ box-shadow: 0 0 2rem rgb(var(--rgbPurple)); border: 1px solid rgb(var(--rgbPurple)); } .cetColumns.speakers .col1-4 h3{ --fontMinNum: 24; --fontMinAll: 24px; --fontMaxNum: 32; font-size: calc( var(--fontMinAll) + (var(--fontMaxNum) - var(--fontMinNum)) * ( (100vw - var(--cutOffMinFull)) / ( 1280 - var(--cutOffMinNum) ))); line-height: 1; color: rgb(var(--rgbPurple)); font-family: IntegralCFBold, sans-serif; padding-bottom: 0.25em; } .cetColumns.speakers .col1-4 h4{ --fontMinNum: 18; --fontMinAll: 18px; --fontMaxNum: 22; font-size: calc( var(--fontMinAll) + (var(--fontMaxNum) - var(--fontMinNum)) * ( (100vw - var(--cutOffMinFull)) / ( 1280 - var(--cutOffMinNum) ))); line-height: 1; color: rgba(255,255,255,0.95); font-family: IntegralCFRegular, sans-serif; padding-bottom: 0.25em; } .cetColumns.speakers .col1-4 .content{ padding: 1rem; } /* Speaker */ .cetColumns .halfAndLess{ width: 45%; padding: 2rem 2rem 2rem 0; } .cetColumns .halfAndMore{ width: 55%; padding: 1rem; } .cetColumns .halfAndLess .day{ background-color: rgba(var(--rgbPurple),0.25); border-radius: 1.5rem; padding: 0 2rem 2rem; } .cetColumns .halfAndLess .day.today{ background-color: rgba(var(--rgbPurple),0.5); } /* Schedule */ .cetBody.day{ margin: 0 auto; } .cetBody.day .toggleShowHide{ position: absolute; top: 0; left: 100%; width: 36px; height: 36px; border-radius: 50%; font-family: monospace; font-weight: bold; line-height: 34px; font-size: 36px; text-align: center; background-color: rgb(var(--rgbTeal)); color: rgba(255,255,255,0.9); } .cetBody.day .toggleContent{ max-height: 0px; overflow: hidden; padding: 0; transition: max-height 0.5s ease, padding 0.5s ease; } .cetBody.day .toggleContent.show{ padding: 1rem 0; max-height: 2000px; } .cetBody.day h2{ background-color: rgba(0,0,0,0.75); } .cetBody.day h2 .iconPDF{ width: 3rem; vertical-align: middle; margin-right: 1rem; cursor: pointer; border-radius: 0.3rem; } .cetBody.day h2 .iconPDF:hover{ background-color: rgba(255,255,255,0.25); } /* Showcase */ .cetColumns .col1-2.rect16-9{ display: flex; flex-direction: column; justify-content: space-between; position: relative; width: calc(50% - 4rem); min-width: 320px; min-height: 440px; height: auto; border: 1px solid rgba(255,255,255,0.5); border-radius: 1.5rem; padding: 0 0 2rem; margin: 0 2rem 4rem 2rem; background-image: unset; transition: all 1s ease-in-out 0s; } .cetColumns .col1-2.rect16-9 .projectStage{ position: absolute; right: 1rem; top: 1rem; font-family: IntegralCFBold; background-color: rgba(var(--rgbRed),0.9); color: rgba(var(--rgbWhite),0.9); padding: 0 1rem 0.25rem; border-radius: 0.25rem; } .cetColumns .col1-2.rect16-9 .projectStage.one{ background-color: rgba(var(--rgbTeal),0.9); color: rgba(var(--rgbWhite),0.9); } .cetColumns .col1-2.rect16-9 .projectStage.two{ background-color: rgba(var(--rgbPurple),0.9); color: rgba(var(--rgbWhite),0.9); } .cetColumns .col1-2.rect16-9 .projectStage.three{ background-color: rgba(var(--rgbRed),0.9); color: rgba(var(--rgbWhite),0.9); } .cetColumns .col1-2.rect16-9 .av{ width: 100%; height: 30vh; border-radius: 1.5rem 1.5rem 0 0; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 1s ease-in-out 0s; } .cetColumns .col1-2.rect16-9 .projectSource{ position: absolute; left: 1rem; top: 1rem; width: 64px; height: 32px; background-size: 100% auto; background-color: rgba(255,255,255,0.25); border-radius: 0.3rem; } .cetColumns .col1-2.rect16-9 .projectSource.one{ background-image: url(../../uploads/cet/project-ifl.png); } .cetColumns .col1-2.rect16-9 .projectSource.two{ background-image: url(../../uploads/cet/project-b24.png); } .cetColumns .col1-2.rect16-9:hover{ box-shadow: 0 0 2rem rgb(var(--rgbRed)); border: 1px solid rgb(var(--rgbRed)); transition: all 0.3s ease-in-out 0s; } /* .cetColumns .col1-2.rect16-9:hover .av{ background-size: 110%; } */ .cetColumns .col1-2.rect16-9 .content{ padding: 2rem; } .cetColumns .col3-4{ display: inline-block; width: calc(75% - 2rem); min-width: 260px; padding: 0 2rem 0 0; position: relative; } .cetColumns .col1-4{ display: inline-block; width: calc(25%); min-width: 234px; position: relative; } @media (min-width: 320px) and (max-width: 480px){ .cetColumns .col1-3{ width: 100% !important; } .cetColumns .col2-3{ width: 100% !important; } .cetColumns .col1-2{ width: 100% !important; margin: 0 auto 3rem !important; } .cetColumns .col3-4, .cetColumns .col1-4, .cetColumns .halfAndLess, .cetColumns .halfAndMore { width: 100% !important; min-width: unset !important; padding: 0; } .cetColumns .col1-4{ margin: 0 0 3rem 0 !important; } .cetColumns .col1-2.rect16-9 .content{ padding: 0 1rem !important; } }/* media */ /* PICTURE Gallery */ .cetPictureGallery{ z-index: 2 !important; padding-bottom: 2rem; } .cetPictureGallery .picItem{ display: block; height: auto; /* set min-width, allow images to determine cell width */ min-width: 150px; max-width: 100%; max-height: 85vh; margin-right: 1rem; /* vertically center */ top: 50%; transform: translateY(-50%); } .cetPictureGallery.is-fullscreen{ top: 4rem !important; height: calc(100% - 4rem) !important; } .cetPictureGallery.is-fullscreen .picItem { height: auto; max-height: 100%; } /* FEATURED gallery */ .cetFeaturedGallery{ z-index: 2; max-width: 972px; margin: 3rem auto; } .cetFeaturedGallery .item{ display: block; height: 306px; min-width: 306px; background-position: center; background-size: cover; background-repeat: no-repeat; margin-right: 2rem; } .cetFeaturedGallery .item .content{ color: rgba(255,255,255,0.9); position: absolute; background-color: rgba(0,0,0,0.5); left: 0; right: 0; } .cetFeaturedGallery .item .content h3, .cetFeaturedGallery .item .content h4, .cetFeaturedGallery .item .content p{ margin: 0; padding: 0; color: inherit; } .cetFeaturedGallery .item .content h3{ font-size: 1.6rem !important; } .cetFeaturedGallery .item .content h4{ font-size: 1.4rem !important; } .cetFeaturedGallery .item .content p{ font-size: 1.4rem !important; } .cetFeaturedGallery .item .content.top{ top: 0; } .cetFeaturedGallery .item .content.middle{ /* vertically center */ top: 50%; transform: translateY(-50%); } .cetFeaturedGallery .item .content.bottom{ bottom: 0; } .cetFeaturedGallery .item .content.center{ text-align: center; } /* BIG slider */ rv3slides { height: 100vh; display: grid; width: 100%; height: 100%; box-shadow: 0 3px 10px rgba(0,0,0,0.3); } rv3slides .item { width: 200px; height: 300px; list-style-type: none !important; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; background-position: center; background-size: cover; border-radius: 1.5rem; box-shadow: 0 20px 30px rgba(255,255,255,0.3) inset; transition: transform 0.1s, left 0.75s, top 0.75s, width 0.75s, height 0.75s; &:nth-child(1), &:nth-child(2) { left: 0; top: 0; width: 100%; height: 100%; transform: none; border-radius: 0; box-shadow: none; opacity: 1; } &:nth-child(3) { left: 50%;} &:nth-child(4) { left: calc(50% + 220px);} &:nth-child(5) { left: calc(50% + 440px);} &:nth-child(n+6) { left: calc(50% + 660px); opacity: 0; width: 0; height: 0;} &:nth-child(3):hover, &:nth-child(4):hover, &:nth-child(5):hover { cursor: pointer;box-shadow: 0 20px 30px rgba(255,157,51,0.75) inset;} } rv3slides .content { width: calc(50vw - 6rem); position: absolute; top: 50%; left: 3rem; transform: translateY(-50%); /* font: 400 0.85rem helvetica,sans-serif; */ color: white; text-shadow: 0 3px 8px rgba(0,0,0,0.5), 1px 1px 0 rgba(0,0,0,0.75); opacity: 0; display: none; padding: 1rem; background-color: rgba(0,0,0,0.125); & .title { text-transform: uppercase; font-size: clamp(1.333rem, 3.75vw + 0.25rem, 2.333rem); } & .description { line-height: 1.3; margin: 1rem 0 1.5rem; } & a.button { width: fit-content; background-color: rgba(0,0,0,0.1); color: white; border: 2px solid white; border-radius: 0.25rem; padding: 0.75rem; display: inline-block; cursor: pointer; } } rv3slides .item:nth-of-type(2) .content { display: block; animation: show 0.75s ease-in-out 0.3s forwards; } @keyframes show { 0% { filter: blur(5px); transform: translateY(calc(-50% + 75px)); } 100% { opacity: 1; filter: blur(0); } } rv3slides .nav { position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); z-index: 5; user-select: none; & .btn { background-color: rgba(255,255,255,0.5); color: rgba(0,0,0,0.7); border: 2px solid rgba(0,0,0,0.6); margin: 0 0.25rem; padding: 0.75rem; border-radius: 50%; cursor: pointer; width: 3rem; height: 3rem; display: inline-flex; justify-content: center; align-items: center; &:hover { background-color: rgba(255,255,255,0.3); } } } rv3slides .ssCtrl{ position: absolute; width: 128px; height: 22px; left: 0.5rem; bottom: 0.5rem; z-index: 3; } rv3slides .ssCtrl #ssCtrl{ padding: 0; margin: 0; } @media (width > 650px) and (width < 900px) { rv3slides .content { left: 0.5rem; width: calc(50vw - 1rem); /* & .title { font-size: 1rem; } & .description { font-size: 0.7rem; } & a.button { font-size: 0.7rem; } */ } rv3slides .item { width: 160px; height: 270px; &:nth-child(3) { left: 50%; } &:nth-child(4) { left: calc(50% + 170px); } &:nth-child(5) { left: calc(50% + 340px); } &:nth-child(n+6) { left: calc(50% + 510px); opacity: 0; } } } @media (width < 650px) { rv3slides .content { left: 0.5rem; width: calc(50vw - 1rem); & .description { max-height: 200px; overflow: hidden; } /* & .title { font-size: 0.9rem; } & .description { font-size: 0.65rem; } & a.button { font-size: 0.7rem; } */ } rv3slides .item { width: 97px; height: 165px; &:nth-child(3) { left: 65%; } &:nth-child(4) { left: calc(65% + 97px + 1rem); opacity: 0;} &:nth-child(5) { left: calc(65% + 194px + 2rem); opacity: 0;} &:nth-child(n+6) { left: calc(65% + 291px + 3rem); opacity: 0; } } } /* Footer */ .cetFooterStep01{ margin: 4rem auto; max-width: var(--maxWidth); } .cetPartners24{ border-bottom: 2px solid rgb(var(--rgbRed)); } .cetPartners24 h3{ display: inline-block; padding: 1rem 0.5rem; margin: 0; background-color: rgb(var(--rgbRed)); color: #fff; vertical-align: bottom; } .cetPartners24Wrapper{ width: 100%; max-width: var(--maxWidth); overflow: hidden; box-sizing: content-box; height: 220px; border-bottom: 2px solid rgb(var(--rgbRed)); margin: 0 auto; } .cetPartners24Wrapper .ticker{ display: inline-block; white-space: nowrap; padding-left: 100%; padding-right: 100%; box-sizing: content-box; } .cetPartners24Type{ display: inline-block; vertical-align: top; position: relative; width: max-content; } .cetPartners24Type p{ padding: 0; margin: 0; display: inline-block; position: sticky; left: 0px; color: rgba(255,255,255,0.9); font-weight:bold; } .cetPartners24Items{ width: 100%; display: flex; align-items: center; } .cetPartners24Item{ display: inline-block; vertical-align: top; background-image: unset !important; /* Override normal link */ background-repeat: no-repeat; background-position: right 0.4rem top; background-size: 1.6rem; padding-right: 5rem; padding-top: 1rem; margin-right: 5rem; border-right: 2px solid rgba(255,255,255,0.2); } .cetPartners24Items img{ width: 100%; height: 120px; object-fit: contain; } .cetPartners24Div{ width: 1px; height: 120px; border-left: 1px solid rgba(255,255,255,0.5); } .cetFooterStep02{ display: flex; max-width: var(--maxWidth); margin: 0 auto; } .cetFooterStep02 .colLeft, .cetFooterStep02 .colRight{ min-width: 288px; padding: 0 1rem; width: 25% } .cetFooterStep02 .colCenter{ margin: 0 2rem 0 0; width: 50%; } .cetFooterStep02 .colCenter input[type="email"]{ font-size: 24px; padding: 0.5em 1em; border: 2px solid rgba(var(--whichColor, var(--rgbWhite)),0.9); width: 32ch;line-height: 1.7; background: unset; color: rgb(255,255,255); } .cetFooterStep02 .colCenter input[type="email"]::-webkit-input-placeholder, .cetFooterStep02 .colCenter input[type="email"]::placeholder{ color: rgba(255,255,255,0.5); opacity: 1; } .cetFooterStep02 .colCenter input[type="email"]:focus{ box-shadow: 0 0 1.5rem rgb(var(--rgbPurple)), 0 0 1rem rgb(var(--rgbPurple)), 0 0 1rem inset rgb(var(--rgbPurple)); outline: none; } .cetFooterStep02 h3, .cetFooterStep02 h4, .cetFooterStep02 h5, .cetFooterStep02 h6, .cetFooterStep02 p{ color: rgba(var(--whichColor, var(--rgbWhite)),0.9); } .cetFooterStep02 h5{ font-family: IntegralCFRegular, sans-serif; margin: 0; font-size: 1.5rem !important; } .cetFooterStep02 .colRight a{ display: inline-block; background-image: none; } .cetFooterStep02 .colRight img{ width: 224px; } p.theLastLine{ padding: 1rem 0 !important; font-size: 16px !important; color: #fff; text-align: center; line-height: 1.7; background-color: #333; margin: 4rem auto -1rem; } /* p.theLastLine a[target=_blank]{ padding: 0.5rem 2.5rem 0.5rem 0; } */ @media all and (max-width: 479px) { .cetFooterStep02 { flex-direction: column; } .cetFooterStep02 .colLeft, .cetFooterStep02 .colRight, .cetFooterStep02 .colCenter{ width: 100% !important; } .cetFooterStep02 .colCenter{ margin: 4rem 0 0; padding: 1rem; } .cetFooterStep02 .colCenter input[type="email"]{ width: 14ch; padding: 0.5em; } }/* media */ img.logo-circle { position: absolute; top: -16rem; right: calc(24% - 12rem); width: 24rem; height: 24rem; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation: a 23s infinite linear; animation: spinningCircle 23s infinite linear; } @-webkit-keyframes spinningCircle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @media (width < 1200px) { img.logo-circle{ display: none; } }/* @media (width < 1200px) */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* WordPress & DIVI hacks */ /* Don't show the WordPress POST title */ .cetContainer .page .main_title{ display: none; } /* Disable usual BEYOND link underline */ #main-header .logo_container a{ background-image: unset; } /* Main menu */ /* Enforce document width on NAVIGATION */ #main-header .container{ max-width: var(--maxWidth); width: calc(100% - 4rem); } #top-menu li { font-size: 1.2rem; font-family: IntegralCFBold, sans-serif; padding-right: 1.25rem; } #et-secondary-menu>ul>li>a:hover, #top-menu-nav>ul>li>a:hover{ opacity: inherit !important; text-shadow: 0 0 3px #ffffff; } #top-menu-nav .nav li li { line-height: 1.2em; } #top-menu-nav .nav li li a{ font-size: 1.1rem; font-weight: 300; } #top-menu-nav .nav ul li a:hover{ opacity: 1 !important; text-shadow: 0 0 3px #ffffff; } #top-menu a{ background-image: unset; color: rgba(255,255,255,0.9) !important; } /* TICKETS main menu item */ #menu-item-36235 a{ color: rgb(var(--rgbRed)) !important; } /* Preserve TICKET color on scroll */ @media only screen and (min-width: 981px) { .et-fixed-header #top-menu a { color: inherit; } }/* @media only screen and (min-width: 981px) */ .et_pb_text_3 h2{ color: inherit !important; } /* UL Unordered lists */ #left-area ul, .entry-content ul, #left-area ol, .entry-content ol { line-height: 1.2; padding: 0 0 0rem 2rem; } #left-area ul li, .entry-content ul li, #left-area ol li, .entry-content ol li { --fontMinNum: 20; --fontMinAll: 20px; --fontMaxNum: 26; font-size: calc( var(--fontMinAll) + (var(--fontMaxNum) - var(--fontMinNum)) * ( (100vw - var(--cutOffMinFull)) / ( 1280 - var(--cutOffMinNum) ))); color: #fff; } #left-area ul li, .entry-content ul li{ list-style-type: '> '; } /* BLOG */ .et_section_regular{ background-color: #000; } .et_pb_blog_grid h2.entry-title{ --fontMinNum: 20; --fontMinAll: 20px; --fontMaxNum: 28; font-size: calc( var(--fontMinAll) + (var(--fontMaxNum) - var(--fontMinNum)) * ( (100vw - var(--cutOffMinFull)) / ( 1280 - var(--cutOffMinNum) ))) !important; } span.nav-previous a, span.nav-next a { background-size: 200% 1px; background-repeat: no-repeat; background-position: 100% 100%; } /* DIVI blog */ .et_pb_blog_grid .column.size-1of3{ width: 29% !important; } /* DIVI pages */ .et_pb_bg_layout_dark h1, .et_pb_bg_layout_dark h2, .et_pb_bg_layout_dark h3, .et_pb_bg_layout_dark h4, .et_pb_bg_layout_dark h5, .et_pb_bg_layout_dark h6 { color: inherit !important; } .et_pb_code.ui-sortable.et-fb-module--short{ min-width: 160px; min-height: 48px; margin: 0px auto; } .et_pb_code.ui-sortable.et-fb-module--short:after{ content: "DO NOT REMOVE"; color: #f00 !important; background-color: #fff; background-image: url(data:image/png;base64,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); background-size: 32px; background-position: left center; background-repeat: no-repeat; padding-left: 34px; border-radius: 4px; border: 4px solid #f00; width: 160px; height: 48px; display: block; text-align: center; line-height: 48px; }