.src-components-ArticleList-image {
width: 600px;
}
.src-components-ArticleList-blog_listing_item_image{
padding-top:66.66667%;
width:100%;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
position:relative;
height:0;
}
.src-components-ArticleList-blog_listing_item_image>*{
display:block;
position:absolute;
width:100% !important;
height:100% !important;
top:0;
margin:0;
}
.src-components-ArticleList-blog_listing_item_title{
background-image:url(/images/shapes/corner-shape.svg);
position:absolute;
left:-3px;
top:-1px;
background-size:101%;
background-repeat:no-repeat;
padding-right:30%;
font-size:1rem
}
@media only screen and (min-width:40.063em){
.src-components-ArticleList-blog_listing_item_title{
font-size:1.55556rem;
}
}
/*<320px*/
@media only screen and (max-width:20em){
.src-components-ArticleList-blog_listing_item_title{
font-size:0.7em;
}
}
/*<320px*/
@media only screen and (min-width:20em) and (max-width:24em){
.src-components-ArticleList-blog_listing_item_title {
font-size: 0.8em;
padding-right:40%;
}
}
/*>414px landscape*/
@media only screen and (min-width:24em) and (max-width:39.8em){
.src-components-ArticleList-blog_listing_item_title{
font-size:1.2em;
padding-right:40%;
}
}
/*>667px landscape*/
@media only screen and (min-width:39.8em) and (max-width:54.2em){
.src-components-ArticleList-blog_listing_item_title{
font-size:0.9em;
padding-right:40%;
}
}
/*>1024px*/
@media only screen and (min-width:54.2em) and (max-width:67em){
.src-components-ArticleList-blog_listing_item_title{
font-size:1em;
padding-right:40%;
}
}
@media only screen and (min-width:67em) and (max-width:73em){
.src-components-ArticleList-blog_listing_item_title{
font-size:0.9em;
padding-right:40%;
}
}
.src-components-Content-ContentImage-caption {
font-size: 0.85rem;
font-family: 'basis-grotesque-regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.src-components-Content-ContentImageImage-container {
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 2em;
}
@media only screen and (max-width: 900px){
.src-components-Content-ContentImageImage-container {
display: block;
width: 100%;
}
figure {
padding-top: 1em;
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: 0;
margin-inline-end: 0;
}
}
@media only screen and (min-width: 901px){
.src-components-Content-ContentImageImage-imageContainer {
width: calc(32% - 0.5rem);
display: -ms-grid;
display: grid;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0px -10px;
}
figure {
padding-top: 1em;
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: 0;
margin-inline-end: 0;
}
}
@media only screen and (min-width: 1800px){
.src-components-Content-ContentImageImage-imageContainer {
width: calc(25% - 0.5rem);
display: -ms-grid;
display: grid;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.src-components-Content-ContentImageImage-caption {
font-size: 0.85rem;
font-family: 'basis-grotesque-regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.src-components-Content-ContentImageText-caption {
font-size: 0.85rem;
font-family: 'basis-grotesque-regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.src-components-Content-ContentImageText-copyright{
font-size: 0.85rem;
font-family: 'basis-grotesque-regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.src-components-Content-ContentImageText-credits {
margin-bottom: 2em;
}
.src-components-Content-ContentImageText-section_container {
/* margin-bottom: 5em; */
padding-bottom: 5em;
}
.src-components-Content-ContentMedia-caption {
font-size: 0.85rem;
font-family: 'basis-grotesque-regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
margin-bottom: 2em;
}
@media only screen and (min-width: 40.063em){
.src-components-Content-ContentMedia-ytcor {
padding-left: 10vw;
width: calc(100% + 10vw);
}
}
.src-components-Content-ContentMediaText-contentMediaText {
margin-top: 6em;
}
.src-components-Content-ContentMediaText-caption {
font-size: 0.85rem;
font-family: 'basis-grotesque-regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.src-components-Content-ContentNeon5-n5_grid_container {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] 150px [col] auto ;
grid-template-columns: [col] 150px [col] auto ;
-ms-grid-rows: [row] auto [row] auto [row];
grid-template-rows: [row] auto [row] auto [row];
}
@media only screen and (max-width:24em){
.src-components-Content-ContentNeon5-n5_grid_container {
display: inline;
}
}
.src-components-Content-ContentNeon5-n5_grid_name {
-ms-grid-column-span: 1;
-ms-grid-column: col;
grid-column: col / span 1;
-ms-grid-row: row ;
grid-row: row ;
font-family:'basis_grotesque_bold-web';
font-weight: normal;
}
.src-components-Content-ContentNeon5-n5_grid_item {
text-align: left;
}
a:focus {
color: #725eff !important;
}
h4 {
font-size: 1em !important;
}
@media only screen and (min-width: 40.063em){
.src-components-Content-ContentOrganizerProfile-organizersContainer {
margin:4em -10vw 0 -10vw;
}
}
.src-components-Content-ContentOrganizerProfile-organizers {
display: -ms-grid;
display: grid;
-ms-grid-columns: 45px auto;
grid-template-columns: 45px auto;
grid-gap:.8em;
}
@media only screen and (min-width: 40.063em){
.src-components-Content-ContentOrganizerProfile-organizers {
height:250px;
padding-right: 2.222em;
}
}
.src-components-Content-ContentOrganizerProfile-organizerIcon {
width: 45px;
border-radius: 45px;
}
.src-components-Content-ContentOrganizerProfile-organizersBio {
font-family: var(--sans-serif-reg);
line-height: 1.4em !important;
padding-top: 0;
padding-right: 2.222em;
font-size: .9em;
}
@media only screen and (max-width: 40.062em){
.src-components-Content-ContentOrganizerProfile-top {
display: none;
}
}
@media only screen and (min-width: 40.063em){
.src-components-Content-ContentOrganizerProfile-tooltip {
display:inline-block;
position:relative;
/* border-bottom:1px dotted #666; */
text-align:left;
}
.src-components-Content-ContentOrganizerProfile-tooltip p {
margin:6px 0;
color:#ffffff;
}
.src-components-Content-ContentOrganizerProfile-tooltip .src-components-Content-ContentOrganizerProfile-top {
min-width:-webkit-max-content;
min-width:-moz-max-content;
min-width:max-content;
/* max-width:400px; */
top:-10px;
/* left:50%; */
transform:translate(-36%,-100%);
padding:0 10px;
color:#ffffff;
background-color:#333;
font-weight:normal;
font-size:14px;
border-radius:8px;
position:absolute;
z-index:99999999;
box-sizing:border-box;
box-shadow:0 1px 8px rgba(0, 0, 0, .3);
display:none;
}
.src-components-Content-ContentOrganizerProfile-tooltip:hover .src-components-Content-ContentOrganizerProfile-top {
display:block;
}
.src-components-Content-ContentOrganizerProfile-tooltip .src-components-Content-ContentOrganizerProfile-top i {
position:absolute;
top:100%;
left:43%;
margin-left:-15px;
width:30px;
height:15px;
overflow:hidden;
}
.src-components-Content-ContentOrganizerProfile-tooltip .src-components-Content-ContentOrganizerProfile-top i::after {
content:'';
position:absolute;
width:15px;
height:15px;
left:50%;
transform:translate(-50%,-50%) rotate(45deg);
background-color:#333;
box-shadow:0 1px 8px rgba(0, 0, 0, .3);
}
}
q {
font-size: 3em;
font-family: 'Times New Roman', Times, serif;
font-weight: 400;
line-height: 1.3em;
}
.src-components-Content-ContentQuote-quote_name {
font-size: 1.77778em;
}
.src-components-Content-ContentQuote-quote_container {
margin-top:4em;
margin-bottom: 4em;
width: 90%;
border-left: 4px solid #725eff;
padding-left: 4em;
}
@media only screen and (max-width: 900px){
q {
font-size: 1.3em;
font-family: 'Times New Roman', Times, serif;
font-weight: 400;
line-height: 1em;
}
.src-components-Content-ContentQuote-quote_container {
margin-top:4em;
margin-bottom: 4em;
width: 100%;
border-left: 4px solid #725eff;
padding-left: 2em;
}
.src-components-Content-ContentQuote-quote_name {
font-size: 1.3em;
}
}
.src-components-Content-ContentTextImageProfile-speakerTxtImg {
display: -ms-grid;
display: grid;
-ms-grid-columns: 20% auto;
grid-template-columns: 20% auto;
gap: 2em;
vertical-align: middle;
padding-top: 1rem;
padding-bottom: 1rem;
}
@media only screen and (max-width: 768px){
.src-components-Content-ContentTextImageProfile-speakerTxtImg {
-ms-grid-columns: 20% auto;
grid-template-columns: 20% auto;
}
.src-components-Content-ContentTextImageProfile-speakerImg {
border-radius: 0;
}
}
.src-components-Content-ContentTextImageProfile-speakerImg {
margin:0 !important;
width: 100% !important;
}
.src-components-Content-ContentTextImageProfile-fig {
padding-top: 0 !important;
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-after: 0;
margin-block-end: 0;
vertical-align: middle;
}
.src-components-Content-ContentTextImageProfile-speakerName {
margin-top:0;
}
li {
font-family: var(--sans-serif-bold) !important;
}
.src-components-Content-ContentTitleImageQuote-gridContainer {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto [col] auto ;
grid-template-columns: [col] auto [col] auto ;
padding-bottom: 1em;
border-bottom: 1px solid #725eff;
}
@media only screen and (max-width: 40em) {
.src-components-Content-ContentTitleImageQuote-gridContainer {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto;
grid-template-columns: [col] auto;
padding-bottom: 1em;
border-bottom: 1px solid #725eff;
}
}
.src-components-Content-ContentTitleImageQuote-gridImage {
width: 50%;
}
@media only screen and (max-width: 40em) {
.src-components-Content-ContentTitleImageQuote-gridImage {
width: 100%;
}
}
.src-components-Content-ContentTitleImageQuote-imageShadow {
box-shadow:0 19px 38px rgba(0, 0, 0, .30), 0 15px 12px rgba(0, 0, 0, .22);
}
.src-components-Content-ContentTitleImageQuote-gridTextTitle {
/* text-transform: uppercase; */
/* letter-spacing: .3em; */
font-size: 2em;
margin-bottom: 1em;
margin-top: 0; /* to correct H2!*/
}
@media only screen and (min-width:54.2em) {
.src-components-Content-ContentTitleImageQuote-gridText {
width: 100%;
padding-top: 4em;
padding-left: 3em;
width: calc(40% + 25vw);
max-width: 100vw;
}
}
@media only screen and (min-width: 40.063em) {
.src-components-Content-ContentTitleImageQuote-gridText {
width: 100%;
padding-top: 4em;
padding-left: 3em;
width: calc(65% + 25vw);
max-width: 100vw;
}
}
@media only screen and (max-width: 40em) {
.src-components-Content-ContentTitleImageQuote-gridText {
width: 100%;
padding-top: 2em;
text-align: center;
}
}
.src-components-Content-ContentTitleImageQuote-gridTextBody {
margin-bottom: 2em;
}
@media only screen and (max-width: 40em) {
.src-components-Content-ContentTitleImageQuote-gridTextBody {
margin-bottom: 1em;
}
}
.src-components-Content-ContentTitleImageQuote-gridTextMain{
margin-bottom: .5em;
}
.src-components-Content-ContentTitleImageQuote-gridTextBodySecondary {
margin-bottom: 1em;
font-size: .8em;
}
.src-components-Content-ContentTitleImageQuote-gridTextBodyNeon5 {
margin-top: 2em;
font-size: .8em;
font-family: 'basis-grotesque-regular';
}
@media only screen and (min-width: 40.063em) {
.src-components-Content-ContentTitleImageQuote-gridTextBodyNeon5 {
margin-bottom: 1em;
}
}
@media only screen and (max-width: 40em) {
.src-components-Content-ContentTitleImageQuote-gridTextBodyNeon5 {
margin-bottom: 2em;
}
}
q {
font-size: 3em;
font-family: 'Times New Roman', Times, serif;
font-weight: 400;
text-align: center;
line-height: 1.3em;
}
@media only screen and (max-width: 40em) {
q {
font-size: 3em;
font-family: 'Times New Roman', Times, serif;
font-weight: 400;
line-height: 1.3em;
}
}
.src-components-Content-ContentTitleImageQuote-button {
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1em;
/* margin-top: 30px; */
text-transform: capitalize;
/* letter-spacing: 2px; */
padding: 10px 20px;
border: 2px solid #725eff;
border-radius: 3px;
color: #725eff;
background-color: #fff;
margin-right: 2em;
font-family: 'basis_grotesque_bold-web';
font-weight: normal;
}
.src-components-Content-ContentTitleImageQuote-button:hover, .src-components-Content-ContentTitleImageQuote-button:focus .src-components-Content-ContentTitleImageQuote-button:active {
background-color:#725eff;
border:2px solid #725eff;
color:#fff;
}
.src-components-Content-ContentTitleTextButton-container {
padding-bottom: 2em;
/* padding-top: 2em; */
/* border-bottom: 2px solid #725eff; */
border-bottom: 2px solid #725eff;
}
.src-components-Content-ContentTitleTextButton-containerTwo {
background-color: #f5f5f5;
padding:2em;
margin-top: 4em;
color:#333333;
border-radius: 8px;
}
.src-components-Content-ContentTitleTextButton-containerTwo h2 {
margin-top: 0;
color: #333333;
}
.src-components-Content-ContentTitleTextButton-containerTwoColumns {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto [col] 200px ;
grid-template-columns: [col] auto [col] 200px ;
-ms-grid-rows: [row] auto [row] auto [row];
grid-template-rows: [row] auto [row] auto [row];
}
/*>667px landscape*/
@media only screen and (max-width:54.2em) {
.src-components-Content-ContentTitleTextButton-containerTwoColumns {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto;
grid-template-columns: [col] auto;
-ms-grid-rows: [row] auto [row] auto [row];
grid-template-rows: [row] auto [row] auto [row];
}
}
.src-components-Content-ContentTitleTextButton-imageTwoColumns{
width: 100%;
aspect-ratio: 3/2;
}
.src-components-Content-ContentTitleTextButton-containerOneColumn {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto [col] 400px;
grid-template-columns: [col] auto [col] 400px;
}
@media only screen and (max-width:768px) {
.src-components-Content-ContentTitleTextButton-containerOneColumn {
-ms-grid-columns: [col] auto;
grid-template-columns: [col] auto;
row-gap: 1em;
}
}
.src-components-Content-ContentTitleTextButton-grid_text{
-ms-grid-column-span: 1;
-ms-grid-column: col;
grid-column: col / span 1;
-ms-grid-row: row ;
grid-row: row ;
}
/*>667px landscape*/
@media only screen and (min-width:54.2em) {
.src-components-Content-ContentTitleTextButton-grid_text {
-ms-grid-column-span: 1;
-ms-grid-column: col;
grid-column: col / span 1;
-ms-grid-row: row ;
grid-row: row ;
padding-right: 6em;
}
}
.src-components-Content-ContentTitleTextButton-grid_btn{
top: 0;
left: 0;
text-align: right;
}
@media only screen and (max-width:768px) {
img{
padding-bottom: 1em;
}
.src-components-Content-ContentTitleTextButton-containerTwo {
padding: 1em;
padding-bottom: 1.5em;
}
}
.src-components-Content-ContentTitleTextButton-buttonTwoColumns, .src-components-Content-ContentTitleTextButton-buttonTwoColumns:visited {
padding: .5em 1em;
font-size: 1em;
border: 1px solid #333;
background-color: #333;
color: #fff !important;
border-radius: .25em;
margin: 1em 0;
text-transform: capitalize;
}
.src-components-Content-ContentTitleTextButton-buttonTwoColumns:hover {
border: 1px solid #333;
background-color: transparent;
color: #333 !important;
border-radius: .25em;
margin: 1em 0;
}
.src-components-Content-ContentTitleTextButton-button {
margin-bottom: 2rem;
display: inline-block;
padding-left: 24px;
padding-right: 24px;
padding-top: 16px;
padding-bottom: 16px;
vertical-align: middle;
font-size:1em;
border:2px solid #725eff;
background-color: #725eff;
text-transform: uppercase;
letter-spacing: 2px;
color: #fff !important;
/* width: 200px; */
text-align: center;
/* font-family: 'basis-grotesque-regular'; */
border-radius: 8px;
}
@media only screen and (max-width: 40em){
.src-components-Content-ContentTitleTextButton-button {
font-size:16px;
border: none;
background-color: #725eff;
display:inline-block;
vertical-align:top;
vertical-align:top;
width:100%;
border:2px solid #725eff;
padding-left: 24px;
padding-right: 24px;
padding-top: 16px;
padding-bottom: 16px;
margin-bottom:0.25rem;
/* text-transform: uppercase; */
letter-spacing: 2px;
color: #fff !important;
border-radius: 8px;
}
}
.src-components-Content-ContentTitleTextButton-button:hover, .src-components-Content-ContentTitleTextButton-button:focus .src-components-Content-ContentTitleTextButton-button:active .src-components-Content-ContentTitleTextButton-button:visited{
background-color:#fff;
border:2px solid #725eff;
color:#725eff !important;
}
/*subscribe and for organizers buttons*/
.src-components-Content-ContentTitleTextButton-btnorganizers{
font-size:16px;
border:2px solid #725eff;
background-color: #fff;
display:inline-block;
vertical-align:top;
padding-left: 60px;
padding-right: 60px;
padding-top: 1em;
padding-bottom:1em;
margin-bottom:0.25rem;
text-transform: uppercase;
letter-spacing: 1px;
height: 60px;
color: #725eff;
/* font-family: 'basis-grotesque-regular'; */
text-align: center;
margin-right: 2em;
}
@media only screen and (max-width: 54.2em){
.src-components-Content-ContentTitleTextButton-btnorganizers{
font-size:16px;
border:2px solid #725eff;
background-color: #fff;
display:inline-block;
vertical-align:top;
vertical-align:top;
width:100%;
padding-top: 1em;
padding-bottom:1em;
padding-left: 60px;
padding-right: 60px;
margin-bottom:0.25rem;
text-transform: uppercase;
letter-spacing: 1px;
height: 60px;
color: #725eff;
text-align: center;
margin-bottom: 1em;
}
}
.src-components-Content-ContentTitleTextButton-btnorganizers:hover, .src-components-Content-ContentTitleTextButton-btnorganizers:focus {
background-color:#725eff;
border:2px solid #725eff;
color:#fff;
}
.src-components-Content-ContentTitleTextButton-containerButton {
margin: 1.5em 0;
}
.src-components-Content-ContentVenue-venueaddress {
/* display: block; */
margin-bottom: 0px;
color: #725eff;
text-decoration: none;
line-height: inherit;
border-bottom: 2px solid #725eff;
}
.src-components-Content-ContentVenue-venueaddress:hover, .src-components-Content-ContentVenue-btnorganizers:focus {
border-bottom:2px solid #00ff7e;
color:#00ff7e;
}
.src-components-EventArchive-header {
margin:2em;
}
@media only screen and (max-width: 960px) {
.src-components-EventArchive-header {
margin:1em;
}
}
@media only screen and (min-width: 960px) {
.src-components-EventArchive-mainContainer {
display: -ms-grid;
display: grid;
/* grid-template-columns: 1280px auto; */
-ms-grid-columns: [col] auto [col] 300px;
grid-template-columns: [col] auto [col] 300px;
grid-column-gap: 4em;
margin:2em;
}
}
@media only screen and (max-width: 960px) {
.src-components-EventArchive-mainContainer {
display: -ms-grid;
display: grid;
/* grid-template-columns: 1280px auto; */
-ms-grid-columns: [col] auto;
grid-template-columns: [col] auto;
grid-column-gap: 4em;
margin:1em;
}
}
.src-components-EventArchive-container {
padding: .7em .7em;
border-bottom: 1px solid #725eff;
font-size: .8em;
font-family: 'basis-grotesque-regular';
}
@media only screen and (max-width: 960px) {
.src-components-EventArchive-container {
padding: .7em .7em .7em 0;
font-size: 1em;
}
}
.src-components-EventArchive-eventName {
font-family: 'basis_grotesque_bold-web';
font-weight: normal;
}
@media only screen and (min-width: 960px) {
.src-components-EventArchive-container {
/* background-color: burlywood; */
display: -ms-grid;
display: grid;
/* grid-template-columns: [col]250px [col]250px [col]500px [col]auto; */
-ms-grid-columns: [col] 25% [col] 25% [col] auto [col] 15%;
grid-template-columns: [col] 25% [col] 25% [col] auto [col] 15%;
}
}
.src-components-EventArchive-toptable {
/* display:none; */
font-size: .8em;
margin: 0;
}
@media only screen and (max-width: 960px) {
.src-components-EventArchive-toptable {
display:none;
}
}
@media only screen and (min-width: 960px) {
.src-components-EventArchive-alignRight {
text-align: right;
}
}
.src-components-EventArchive-earlier {
background-color: yellow;
border-bottom: 1px solid #725eff;
padding: 0.7em .7em;
}
.src-components-EventArchive-carbonad {
width: 300px;
margin-top: 40px;
/* background-color: #333; */
grid-row-gap: 2em;
}
/* Basic showmore button styling */
.src-components-EventArchive-showmoreButtonGrid {
display: -ms-grid;
display: grid;
padding: .7em .7em;
/* border-bottom: 1px solid #725eff; */
-ms-grid-columns: [col] auto;
grid-template-columns: [col] auto;
text-align: center;
}
.src-components-EventArchive-showmore {
background-color:#725eff;
border: 1px solid #725eff;
padding: 9px;
text-align: center;
color: #fff;
font-family: 'basis-grotesque-regular';
font-size: 0.8em;
text-transform: uppercase;
}
.src-components-EventArchive-showmore:hover {
background-color:#fff;
color: #725eff;
border: 1px solid #725eff;
cursor: pointer;
}
.src-components-EventArchive-promo {
width: 300px;
margin:1em 0 3em 0;
border: 1px solid #725eff;
padding: .7em;
/* background-color: #f5f5f5; */
}
.src-components-EventArchive-promoBtn {
/* margin-top:0.5em; */
text-transform: uppercase;
/* width: 135px; */
background-color: #725eff;
color: #fff;
padding: 1em 1.5em;
border-radius: 2px;
font-size: 0.7em;
font-family: "basis_grotesque_bold-web", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
border: #725eff 2px solid;
font-weight: normal;
}
.src-components-EventArchive-promoBtn:hover {
cursor: -webkit-pointer;
cursor: pointer;
background-color: #fff;
color: #725eff;
border: #725eff 2px solid;
}
@media (max-width: 768px){
.src-components-EventDetail-hOne {
font-size: 2.052rem;
}
}
@media (min-width: 1024px){
.src-components-EventDetail-extraMargin {
margin-right:1em;
}
}
.src-components-EventDetail-image {
margin-bottom: 1em;
}
/*ticket & venue grid*/
.src-components-EventDetail-ticketGroup {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 2em;
margin-top:2em;
}
@media (max-width: 800px){
.src-components-EventDetail-ticketGroup {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
row-gap: 1em;
}
}
@media (max-width: 478px){
.src-components-EventDetail-ticketGroup {
margin-top: 1em;
}
}
.src-components-EventDetail-video {
margin-top:2em;
}
.src-components-EventDetail-ticketTitle {
color:#725eff;
-ms-grid-column-span: 1;
-ms-grid-column: col;
grid-column: col / span 1;
}
.src-components-EventDetail-ticketBody {
color:#725eff;
}
.src-components-EventDetail-ticketBuy {
margin-top: 2em;
}
.src-components-EventDetail-ticketBuy a{
background-color: #725eff;
color: #fff;
padding: 1em 1em;
max-width: 50%;
text-align: center;
}
.src-components-EventDetail-ticketBuy a:hover {
background-color: #00ff7e;
color: #fff;
padding: 1em 1em;
max-width: 50%;
text-align: center;
margin-top: 1em;
}
/* workshop */
.src-components-EventDetail-wGroup{
display: -ms-grid;
display: grid;
padding:1em;
/* background-color: rgba(114, 94, 255, .03); */
border-top: 1px solid #D8D3FF;
border-bottom: 1px solid #D8D3FF;
/* border-radius: 0.25em;
margin-bottom: .5rem; */
}
.src-components-EventDetail-wName {
color: #725eff;
font-size: 1.1em;
font-family: "basis_grotesque_bold-web";
}
.src-components-EventDetail-wLeader {
color: #725eff;
text-transform: none;
}
.src-components-EventDetail-wDescription{
font-family: 'basis-grotesque-regular';
white-space: pre-wrap;
}
.src-components-EventDetail-wBuyTicket {
margin-top: 1em;
margin-bottom: 1em;
}
.src-components-EventDetail-wVenue {
color: black;
}
.src-components-EventDetail-wAddress {
color: black;
}
.src-components-EventDetail-wCity {
color: black;
}
/* attending */
.src-components-EventDetail-attendingGroup {
margin-top: 4em;
text-align: center;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 60px;
display: none;
}
.src-components-EventDetail-attendingbtn{
border: 2px solid #725eff;
color: #fff;
padding: 1em 2em;
font-size: 1em;
background-color: #725eff;
font-family: "basis_grotesque_bold-web", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: normal;
}
.src-components-EventDetail-attendingbtn:hover{
color: #725eff;
background-color: #fff;
}
.src-components-EventDetail-attendingbtn:visited .src-components-EventDetail-attendingbtn:active{
background-color: #725eff;
color: #fff;
background-color: #725eff;
}
.src-components-EventDetail-moreGroup {
margin: 2.5em 0;
text-align: center;
}
.src-components-EventDetail-morebtn {
background-color: #725eff;
color: #fff;
border-radius: 60px;
padding: 1em 2em;
font-size: 0.85em;
font-family: 'basis-grotesque-regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}
.src-components-EventDetail-morebtn:hover {
background-color: #00ff7e;
color: #725eff;
}
@media only screen and (min-width: 1023px){
.src-components-EventDetail-morebtn {
display: none;
}
}
.src-components-EventDetail-getTicketSm, .src-components-EventDetail-getTicketSm:visited {
padding:0.5em 1em;
border:solid 1px #725eff;
background-color: #725eff;
color: white;
transition: 0.25s linear background-color, 0.25s linear color;
border-radius: .25rem;
margin-right: 1em;
min-height: 48px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: medium;
font-size: initial;
}
.src-components-EventDetail-getTicketSm:hover {
padding:0.5em 1em;
border:solid 1px #725eff;
background-color: white;
color: #725eff;
text-transform: uppercase;
letter-spacing: 1px;
font-size: medium;
font-size: initial;
}
.src-components-EventDetail-getTicketSm:focus, .src-components-EventDetail-getTicketSm:active {
color:#fff !important;
}
.src-components-EventDetail-btnText, .src-components-EventDetail-btnText:visited {
padding:0.5em 1em;
border:solid 1px #725eff;
background-color: inherit;
color: #725eff;
transition: 0.25s linear background-color, 0.25s linear color;
border-radius: .25rem;
margin-right: 1em;
min-height: 48px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: medium;
font-size: initial;
}
.src-components-EventDetail-btnText:hover, .src-components-EventDetail-btnTextNo:hover {
padding:0.5em 1em;
border:solid 1px #725eff;
background-color: #725eff;
color: #fff !important;
text-transform: uppercase;
letter-spacing: 1px;
font-size: medium;
font-size: initial;
}
.src-components-EventDetail-btnTextNo {
padding:0.5em 1em;
border:solid 1px white;
background-color: inherit;
color: #725eff;
transition: 0.25s linear background-color, 0.25s linear color;
border-radius: .25rem;
margin-right: 1em;
min-height: 48px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: medium;
font-size: initial;
}
.src-components-EventDetail-btnGrid {
margin-top: 1.5em;
}
@media only screen and (max-width: 768px){
.src-components-EventDetail-btnGrid {
margin-top: 1.5em;
display: -ms-grid;
display: grid;
gap: 1em;
text-align: center;
}
.src-components-EventDetail-btnText, .src-components-EventDetail-btnText:hover, .src-components-EventDetail-btnText:visited, .src-components-EventDetail-getTicketSm, .src-components-EventDetail-getTicketSm:visited, .src-components-EventDetail-getTicketSm:hover{
padding:10px;
margin-right: 0;
}
}
.src-components-EventDetail-getTicket {
margin-top: 1.5em;
padding: 2em 0;
}
.src-components-EventDetail-getTicketBtn {
padding: 0.6em 1em;
background-color: #725eff;
color: #fff;
font-size: 1.333em;
border: solid 2px #725eff;
box-shadow: rgba(114, 94, 255, .25) 0px 10px 20px;
}
@media only screen and (max-width: 1023px){
.src-components-EventDetail-getTicketBtn {
padding: 10px;
background-color: #725eff;
color: #fff;
font-size: 1em;
border: solid 2px #725eff;
box-shadow: rgba(114, 94, 255, .25) 0px 10px 20px;
}
}
.src-components-EventDetail-getTicketBtn:hover {
background-color: #fff;
color: #725eff;
box-shadow: rgba(114, 94, 255, .25) 0px 20px 40px;
}
.src-components-EventDetail-pricing {
white-space: pre-wrap;
line-height: 1.7em;
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums;
}
.src-components-EventDetail-discountcode {
color: #333;
border: none;
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums;
}
@media only screen and (max-width: 1023px){
.src-components-EventDetail-discountcode {
color: #333;
border: none;
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums;
}
}
.src-components-EventDetail-discountcode:hover {
color: #333;
cursor: -webkit-grab;
cursor: grab;
border: none;
}
@media only screen and (max-width: 1023px){
.src-components-EventDetail-discountcode:hover {
color: #333;
cursor: -webkit-grab;
cursor: grab;
border: none;
}
}
.src-components-EventDetail-discountcode:active {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.src-components-EventDetail-mapsBtn {
padding:0.5em;
border:solid 2px #725eff;
border-radius: .25rem;
}
.src-components-EventDetail-mapsBtn:hover {
padding:0.5em;
border:solid 2px #725eff;
background-color: #725eff;
color: #fff;
border-radius: .25rem;
}
/* Speaker section */
.src-components-EventDetail-speakerGridcontainer {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] 50% [col] 50%;
grid-template-columns: [col] 50% [col] 50%;
column-gap: 2em;
}
@media only screen and (max-width: 478px){
.src-components-EventDetail-speakerGridcontainer {
-ms-grid-columns: auto;
grid-template-columns: auto;
row-gap: .5em;
}
}
.src-components-EventDetail-speakerGrid {
margin-bottom: 0;
color: #725eff;
}
.src-components-EventDetail-speakerThumb {
width: 40px;
height: 40px;
border-radius: 40px;
margin-bottom: .5em;
object-fit: cover;
background-color: rgba(114, 94, 255, .08235);
}
.src-components-EventDetail-spanThumb {
padding-right: 1em;
}
.src-components-EventDetail-speakerText {
font-family: 'basis-grotesque-regular';
}
.src-components-EventDetail-speakerCompany {
font-family: 'basis-grotesque-regular';
}
/*TAG*/
.src-components-EventDetail-tag {
-webkit-appearance: none;
-ms-flex-align: center;
align-items: center;
background: transparent;
border: 0;
cursor: pointer;
text-decoration: none;
display: block;
margin: 2em 0;
}
.src-components-EventDetail-tagList{
display: inline-block;
font-size: 0.8rem;
background-color: rgba(114, 94, 255, .10);
font-family: 'basis-grotesque-regular';
border-radius: .25rem;
margin: 0 .25rem .5rem 0;
text-transform: capitalize;
padding: 0 8px;
}
.src-components-EventDetail-tagListItem{
padding: 0.2777777778rem 0.5555555556rem;
}
.src-components-EventDetail-tagList:hover, .src-components-EventDetail-tagList a:hover{
color: #725eff;
background-color: rgba(114, 94, 255, .3);
}
.src-components-EventDetail-statusOnline {
background-color: #fff;
border-radius: 5px;
color: #ff4742;
font-size: 12px;
margin-right: 1em;
text-transform: uppercase;
letter-spacing: 2px;
}
.src-components-EventDetail-statusVirtual {
background-color: #fff;
border-radius: 5px;
color: #333;
font-size: 12px;
margin-right: 1em;
text-transform: uppercase;
letter-spacing: 2px;
}
.src-components-EventDetail-statusCancel {
color: #ff4742;
font-size: 12px;
border-radius: 5px;
margin-right: 1em;
text-transform: uppercase;
letter-spacing: 2px;
}
.src-components-EventDetail-statusPostpone {
background-color: #fff;
border-radius: 5px;
color: #ff4742;
margin-right: 1em;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom:1em;
}
.src-components-EventDetail-statusOrganizer {
background-color: #fff;
border-radius: 5px;
color: #725eff;
margin-right: 1em;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom:1em;
}
.src-components-EventDetail-statusOrganizer a:hover{
border-bottom: 1px solid #725eff;
}
details > summary {
cursor: pointer;
}
summary {
font-family: var(--sans-serif-reg);
}
.src-components-EventDetail-speakerSocial {
margin-top: 1em;
display: -ms-grid;
display: grid;
-ms-grid-columns: 30px 30px;
grid-template-columns: 30px 30px;
}
.src-components-EventDetail-speakerSocial a{
text-decoration: none;
color: #725eff;
}
.src-components-EventDetail-modal{
/* arbitrary styling */
background-color: white;
border-radius: 5px;
box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
height:80%;
width:80%;
/* change position to fixed if you want to prevent the dialog from scrolling away, and center it */
position:fixed;
top:10;
left:10;
/* margin-left: -150px;
margin-top:-100px; */
}
.src-components-EventDetail-modal::-webkit-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .5);
}
.modal::-webkit-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .5);
}
.src-components-EventDetail-modal::backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .5);
}
.src-components-EventDetail-iconSm {
height: 1.2em;
margin-right: .3em;
vertical-align: text-bottom;
padding-bottom: 0;
}
.src-components-EventDetail-modalWindow {
position: fixed;
background-color: rgba(200, 200, 200, .75);
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
opacity: 0;
pointer-events: none;
transition: all 0.3s;
}
.src-components-EventDetail-modalWindow > div > h2 {
margin-top:0;
color: #333;
/* font-family:var(--sans-serif-reg); */
padding-bottom:.5em;
}
.src-components-EventDetail-modalWindow:target {
opacity: 1;
pointer-events: auto;
}
.src-components-EventDetail-modalWindow > div {
width: 94%;
position: relative;
margin: 3% auto;
padding: 2rem;
background: #fff;
color: #444;
}
.src-components-EventDetail-modalWindow header {
font-weight: bold;
}
.src-components-EventDetail-modalClose {
line-height: 50px;
font-size: 80%;
position: absolute;
right: 2rem;
text-align: center;
top: 1rem;
width: 70px;
text-decoration: none;
color: #333;
}
.src-components-EventDetail-modalClose a {
color: #333;
}
.src-components-EventDetail-modalClose:hover {
color: #725eff;
text-decoration: none;
}
.src-components-EventDetail-modalWindow h1 {
font-size: 150%;
margin: 0 0 15px;
}
.src-components-EventDetail-modalWindow > div > div > iframe {
display: block; /* iframes are inline by default */
background: #000;
border: none; /* Reset default border */
height: calc(75vh - .5em); /* Viewport-relative units */
width: 100%;
border:1px solid #444;
}
.src-components-EventDetail-trip {
padding-bottom: 1em;
border-top: 1px rgba(51, 51, 51, .25) solid;
border-bottom: 1px rgba(51, 51, 51, .25) solid;
margin-top: 2em;
margin-bottom: 1em;
}
@media only screen and (max-width: 960px){
.src-components-EventDetail-trip{
padding-top: 1rem;
}
.src-components-EventDetail-trip h3 {
text-align: left;
}
}
.src-components-EventDetail-trip h3 {
color:#333;
text-align: left;
}
.src-components-EventDetail-trip ul {
display:-ms-grid;
display:grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
list-style: none;
margin: 1em 0;
gap:2em;
}
.src-components-EventDetail-trip li {
padding: 2em;
background-color: #f5f5f5;
}
.src-components-EventDetail-trip li a {
color: #333;
font-size: 1em;
border-bottom: none;
font-family: var(--sans-serif-bold);
padding-top:1em;
line-height: .9em;
}
.src-components-EventDetail-trip li a:hover {
color: #725eff;
text-decoration: none;
}
.src-components-EventDetail-trip li img {
width:100%;
height:225px;
}
.src-components-EventDetail-where {
display:-ms-grid;
display:grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.src-components-EventDetail-planTrip{
text-align: end;
color: #725eff;
text-decoration: none;
}
@media only screen and (max-width: 800px){
.src-components-EventDetail-trip ul, .src-components-EventDetail-where {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.src-components-EventDetail-articleSharing {
margin-top: 4rem;
margin-bottom: 4rem;
text-align: left;
}
/*>667px landscape*/
@media only screen and (max-width:54.2em){
.src-components-EventDetail-articleSharing {
margin-top: 4rem;
margin-bottom: 4rem;
text-align: left;
}
}
.src-components-EventDetail-DetailsContainer {
margin-left:0;
display:-ms-grid;
display:grid;
-ms-grid-columns:(auto)[4];
grid-template-columns:repeat(4, auto);
gap: 2rem;
}
@media only screen and (max-width: 960px){
.src-components-EventDetail-DetailsContainer {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 0;
}
}
.src-components-EventDetail-DetailsSmallTitles{
line-height: 1em;
font-size: 13px;
padding-top: .5rem;
opacity: .5;
}
.src-components-EventDetail-h2asH1 {
font-size: 3.33333rem;
margin-top: -.3rem;
}
@media only screen and (max-width: 40.063em) {
.src-components-EventDetail-h2asH1 {
font-size: 2rem;
letter-spacing: 0.5px;
margin-top: 0.5rem !important;
}
}
.src-components-EventDetail-gridSpanText {
gridColumn: 1/ span 3;
textWrap: balance;
}
.src-components-EventDetail-gridSpanTag {
gridColumn:4/4;
}
.src-components-EventInspiration-header {
margin-top:2em;
margin-bottom: 2em;
}
@media only screen and (max-width: 960px) {
.src-components-EventInspiration-header {
margin:1em;
}
}
.src-components-EventInspiration-showmore {
background-color:#725eff;
border: 1px solid #725eff;
padding: 9px;
text-align: center;
color: #fff;
font-family: 'basis-grotesque-regular';
font-size: 0.8em;
text-transform: uppercase;
}
.src-components-EventInspiration-showmore:hover {
background-color:#fff;
color: #725eff;
border: 1px solid #725eff;
cursor: pointer;
}
.src-components-EventInspiration-column {
display: -ms-grid;
display: grid;
margin: 2em 0;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
gap:.5em 1em;
list-style: none;
}
@media only screen and (max-width: 960px) {
.src-components-EventInspiration-column {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 478px) {
.src-components-EventInspiration-column {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.src-components-EventInspiration-columnItem {
position: relative;
}
.src-components-EventInspiration-columnItem div, .src-components-EventInspiration-columnItem img {
width: 100%
}
.src-components-EventInspiration-columnItem span {
position: absolute;
bottom: clamp(0.2222222222rem,0.4761904762vw,0.4444444444rem);
left: clamp(0.2222222222rem,0.4761904762vw,0.4444444444rem);
padding: clamp(0.2222222222rem,0.4761904762vw,0.4444444444rem);
background: white;
display: none;
font-size: clamp(.6666666667rem,.7738095238vw,.7222222222rem);
letter-spacing: .12em;
text-transform: uppercase;
max-width: 73.2%;
color: #725eff;
}
.src-components-EventInspiration-columnItem:hover span {
display: block
}
.src-components-EventInspiration-carbonad {
display: -ms-flexbox;
display: flex;
max-width: 167px;
overflow: hidden;
border-radius: 4px;
box-shadow: 0 0 1px hsla(0, 0%, 0%, .15);
font-size: 12px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
Helvetica, Arial, sans-serif;
position: fixed;
bottom: 2em;
right: 2em;
background-color: white;
}
@media only screen and (min-width: 320px) and (max-width: 759px) {
.src-components-EventInspiration-carbonad {
position: relative;
max-width: 330px;
margin: 20px 0;
margin-left: auto;
margin-right: auto;
float: none;
}
}
.src-components-EventList-image {
width: 600px;
}
.src-components-EventList-sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
background-color: yellow;
}
/*TAG*/
.src-components-EventList-tag {
-webkit-appearance: none;
-ms-flex-align: center;
align-items: center;
background: transparent;
border: 0;
cursor: pointer;
/* display: -webkit-box; */
/* display: flex; */
/* -webkit-box-pack: center; */
/* justify-content: center; */
/* line-height: 0; */
/* padding: 0.2777777778rem 0.5555555556rem; */
text-decoration: none;
display: block;
margin: 1em 0;
}
.src-components-EventList-tagList{
margin-right: .05555555556rem;
display: inline-block;
font-size: 0.8888888889rem;
background-color: rgba(114, 94, 255, .10);
font-family: 'basis-grotesque-regular';
}
.src-components-EventList-tagListItem{
padding: 0.2777777778rem 0.5555555556rem;
}
.src-components-EventOnly-image {
width: 600px;
}
.src-components-EventOnly-sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
background-color: yellow;
}
/*button*/
.src-components-EventsTable-btnAddEvent a{
font-size:18px;
border:2px solid #725eff;
background-color: #fff;
display:inline-block;
padding: 1em;
margin-bottom:0.25rem;
/* text-transform: uppercase;
letter-spacing: 1px; */
height: 60px;
color: #725eff;
/* font-family: 'basis-grotesque-regular'; */
text-align: center;
/* margin-right: 2em; */
text-decoration: none;
margin-top: 1em;
}
@media only screen and (max-width: 54.2em){
.src-components-EventsTable-btnAddEvent {
font-size:18px;
border:2px solid #725eff;
background-color: #fff;
display:inline-block;
width:100%;
padding: 1em;
/* margin-bottom:0.25rem; */
text-transform: uppercase;
/* letter-spacing: 1px; */
height: 60px;
color: #725eff;
text-align: center;
/* margin-bottom: 1em; */
}
}
.src-components-EventsTable-btnAddEvent a:hover, .src-components-EventsTable-btnorganizers a:focus {
background-color:#725eff;
border:2px solid #725eff;
color:#fff;
}
.src-components-EventsTable-table {
margin-bottom: 2em !important;
border-bottom: #725eff 2px solid !important;
}
.src-components-EventsTable-tableText {
font-family: 'basis_grotesque_bold-web', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !Important;
font-size: 16px !important;
padding-left: 0px !important;
padding: 2em 0 !important;
background-color: none;
font-weight: normal;
}
.src-components-EventsTable-tableText a {
color: #725eff;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
}
.src-components-EventsTable-tableText a:hover {
border-bottom: #725eff 2px solid;
}
.src-components-EventsTable-tableTextAnnounce {
font-family: 'basis_grotesque_bold-web', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !Important;
font-size: 12px !important;
padding-left: 0px !important;
text-align: right !important;
padding: 2em 0 !important;
font-weight: normal;
}
.src-components-EventsTable-tableTextAnnounce a {
color: #fff;
text-decoration: none;
padding: 10px 20px;
background-color: #725eff;
text-transform: uppercase;
border-radius: 40px;
letter-spacing: 1px;
font-size: 14px;
}
.src-components-EventsTable-tableTextAnnounce a:hover {
color: #725eff;
background-color: #00ff7e;
}
/*NEW GRID LIST*/
.src-components-EventsTable-eventRow {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] 28% [col] 15% [col] 16% [col] auto [col] 20%;
grid-template-columns: [col] 28% [col] 15% [col] 16% [col] auto [col] 20%;
gap:.5em;
padding: 1.5em 0;
line-height: 1.5em;
border-bottom:rgba(114, 94, 255, .4) 1px solid;
}
@media only screen and (max-width: 768px) {
.src-components-EventsTable-eventRow {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto;
grid-template-columns: [col] auto;
grid-row-gap: 0.5em;
}
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
.src-components-EventsTable-eventRow {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto [col] auto [col] auto;
grid-template-columns: [col] auto [col] auto [col] auto;
/* background-color: #00ff7e; */
grid-row-gap: 0.5em;
}
}
.src-components-EventsTable-alignBtns {
text-align: right;
}
@media only screen and (max-width: 1440px) {
.src-components-EventsTable-alignBtns {
text-align: left;
margin: 0.5em 0 ;
}
}
/*max-width: 599px*/
.src-components-Features-wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto;
grid-template-columns: auto;
margin-bottom: 4em;
}
@media only screen and (min-width: 900px){
.src-components-Features-wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto auto;
grid-template-columns: auto auto;
grid-column-gap: 2%;
/* margin: 4em; */
}
}
@media only screen and (min-width: 600px){
.src-components-Features-storyContainer {
display:-ms-grid;
display:grid;
-ms-grid-columns: 49% 49%;
grid-template-columns: 49% 49%;
grid-column-gap: 3%;
}
}
.src-components-Features-featureTitle {
font-size: 1.3333em;
padding-bottom: .5em;
color: #ff5fc2;
padding-left: 10px;
}
.src-components-Features-storyTitle {
font-size: 1.3333em;
padding-bottom: .5em;
color: #725eff;
}
.src-components-Features-featureContainer {
width: 100%;
background-color: #ff5fc2;
color: #fff;
/* filter: grayscale(100%); */
}
.src-components-Features-featureContainer:hover {
/* transform: translate(0,3px); */
filter: none;
box-shadow:0 19px 38px rgba(33, 33, 33, .25), 0 15px 12px rgba(33, 33, 33, .22);
}
.src-components-Features-imageFrame {
border-top:10px solid #fff;
border-left:10px solid #fff;
border-right:10px solid #fff;
}
.src-components-Features-featureImage {
width: 100%;
height: 400px;
object-fit: cover;
}
.src-components-Features-storyImage {
width: 100%;
height: 400px;
object-fit: cover;
}
@media only screen and (max-width: 460px) {
.src-components-Features-featureImage, .src-components-Features-storyImage {
height: 200px;
}
}
@media only screen and (max-width: 960px){
.src-components-Features-stories {
margin-top: 3em;
}
}
.src-components-Features-storyCard {
background-color: #725eff;
text-decoration: none;
}
.src-components-Features-storyCard:hover{
box-shadow:0 19px 38px rgba(114, 94, 255, .25), 0 15px 12px rgba(75, 75, 78, .25);
}
.src-components-Features-metaBlock {
/* padding: 24px; */
border-left:10px solid #fff;
border-right:10px solid #fff;
border-bottom: 10px solid #fff;
}
.src-components-Features-storyMetaBlock {
/* padding: 24px; */
border-left:10px solid #fff;
border-right:10px solid #fff;
border-bottom: 10px solid #fff;
}
@media only screen and (min-width: 600px) and (max-width:899px){
.src-components-Features-storyMetaBlock {
height:225px;
padding-right:24px;
}
}
@media only screen and (min-width: 900px) and (max-width:1200px){
.src-components-Features-storyMetaBlock {
height:235px;
padding-right:24px;
}
}
.src-components-Features-metaTitle {
display: block;
font-size: 1.2em;
color: #fff;
padding: 24px 24px 0 24px;
text-decoration: none;
}
.src-components-Features-metaName {
display: block;
font-size: 1.2em;
color: #fff;
text-decoration: none;
padding-left: 24px;
margin: 0;
}
.src-components-Features-metaCaption {
font-size: .7em;
color: #fff;
padding-top:24px;
padding-left: 24px;
padding-right: 24px;
padding-bottom: 24px;
text-decoration: none;
display: inline-block;
}
.src-components-Features-titleCal {
padding-bottom: 0;
}
.src-components-Features-homeCallout {
border: 1px solid #f5f5f5;
padding: 10px;
text-align: center;
color: #ff4742;
border-radius: 5px;
margin-bottom: 2em;
height: 54px;
}
.src-components-Features-homeCallout a {
color: #ff4742;
border-bottom: 1px solid #ff4742;
}
.src-components-Features-homeCallout a:hover {
color: #ff4742;
border-bottom: 1px solid #ff4742;
}
/*FILTERROW*/
.src-components-FilterBar-filterRow {
/* background-color: aqua; */
display: -ms-grid;
display: grid;
-ms-grid-columns: 187px auto 300px;
grid-template-columns: 187px auto 300px;
padding-top: 1em;
padding-bottom: 1em;
}
.src-components-FilterBar-filterRowStart {
/* padding-top: 10px; */
font-size: .9em;
}
@media only screen and (max-width: 1024px) {
.src-components-FilterBar-filterRow{
-ms-grid-columns: auto;
grid-template-columns: auto;
}
.src-components-FilterBar-filterRowStart, .src-components-FilterBar-horizontalList {
display: none;
}
.src-components-FilterBar-filterRowEnd {
text-align: start!important;
}
.src-components-FilterBar-filterbtn{
font-size: .7em;
}
}
.src-components-FilterBar-filterRowEnd {
text-align: end;
}
.src-components-FilterBar-horizontalList {
min-width: 696px;
list-style: none;
/* padding-top: 20px; */
margin: 0;
}
.src-components-FilterBar-horizontalListLi {
display: inline;
/* padding-right: 1em; */
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: saturate(0);
}
/* FILTER BUTTONS*/
.src-components-FilterBar-horChoice {
font-family: 'basis_grotesque_bold-web';
/* font-family: "basis-grotesque-regular"; */
font-size: .9em;
background-color: #fff;
border: 1px solid #fff;
color:rgba(114, 94, 255, .7);
cursor: cell;
padding: 10px 12px;
text-align: center;
font-weight: normal;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: saturate(0);
}
.src-components-FilterBar-horChoice:hover {
color:rgb(114, 94, 255);
}
.src-components-FilterBar-filter_btn_search {
color: #000;
}
/*
.header-newsletter h1,.header-newsletter h2,.header-newsletter h3{
color:white
}
.newsletter-offset{
margin-top:-4px}
.header-newsletter input{
border:none
}
@media only screen and (min-width:40.063em){
.header-newsletter input{display:inline-block;
}
}
.header-newsletter input::-webkit-input-placeholder{
color:#725eff
}
.header-newsletter input::-moz-placeholder{
color:#725eff
}
.header-newsletter input:-ms-input-placeholder{
color:#725eff
}
.header-newsletter input::placeholder{
color:#725eff
}
.header-newsletter
.button,.header-newsletter button{
background-color:#00ff7e;border:none;color:#725eff
}
.header-newsletter-title{
font-size:1.94444rem;line-height:2.27778rem;max-width:300px;margin-bottom:2rem}.header-newsletter-text p{
font-size:1.33333rem;line-height:1.38889rem
}
.header-newsletter-form{
padding-top:1rem;text-align:center
}
@media only screen and (min-width:40.063em){
.header-newsletter-form{
text-align:left;padding-top:2rem;
}
}
*/
.src-components-FilterBar-filter_actions {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] 150px [col] auto ;
grid-template-columns: [col] 150px [col] auto ;
margin: 1em 0;
}
@media only screen and (max-width: 1024px) {
.src-components-FilterBar-filter_actions {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto;
grid-template-columns: auto;
grid-row-gap: 1em;
margin: 1em 0;
}
}
.src-components-FilterBar-filterbtn {
background-color: #fff;
color: var(--neonpurple);
padding: 10px 12px;
text-transform: capitalize;
font-family: 'basis_grotesque_bold-web';
border: 1px solid var(--neonpurple);
border-radius: .3125rem;
cursor: zoom-in;
font-weight: normal;
}
.src-components-FilterBar-filterbtn:hover, .src-components-FilterBar-filterbtn:active, .src-components-FilterBar-filterbtn:focus {
background-color: var(--neonpurple);
color: #FFFFFF;
border:1px solid #725eff;
}
@media only screen and (min-width: 1024px) {
.src-components-FilterBar-filterbtn {
font-size: .9em;
}}
/*Filter Choices*/
*:focus {
outline: none;
}
.src-components-FilterBar-filter_bar{
padding-bottom:2rem;
background-color: #fff;
}
.src-components-FilterBar-choice {
font-family: 'basis_grotesque_bold-web';
background-color: #fff;
border: 1px solid #efefef;
/* color: rgba(114, 94, 255, .7); */
color: var(--neonpurple);
cursor: pointer;
padding: 10px 12px;
text-align: center;
font-size: .9em;
font-weight: normal;
cursor: cell;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: saturate(0);
}
.src-components-FilterBar-choice:hover {
background-color:#f5f5f5;
}
.src-components-FilterBar-choice:active {
background-color:#EBEBEB;
}
.src-components-FilterBar-choiceClear {
background-color: #725eff;
border: 2px solid #725eff;
color:#fff;
}
.src-components-FilterBar-choiceClear:hover {
background-color: #333;
border: 2px solid #333;
}
.src-components-FilterBar-searchChoice {
background-color:#fff;
border: 1px solid #725eff;
padding: 1em;
text-align: left;
color: #725eff;
font-family: 'basis_grotesque_bold-web';
font-size: 0.9em !important;
text-transform: capitalize;
font-weight: normal;
}
.src-components-FilterBar-filterGridMonths {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
text-align: center;
padding: 7px 0px;
}
@media only screen and (max-width: 1024px) {
.src-components-FilterBar-filterGridMonths {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-column-gap: 0;
grid-row-gap: 0;
text-align: center;
padding: 7px 0px;
}
}
.src-components-FilterBar-filterGridArea {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr 1fr ;
grid-template-columns: 1fr 1fr 1fr 1fr ;
grid-gap: 0px;
text-align: center;
padding: 7px 0px;
}
.src-components-FilterBar-filterGridTickets {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto [col] auto [col] auto [col] auto [col] auto;
grid-template-columns: [col] auto [col] auto [col] auto [col] auto [col] auto;
grid-gap: 0px;
text-align: center;
padding: 7px 0px;
}
@media only screen and (max-width: 1024px) {
.src-components-FilterBar-filterGridTickets {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto [col] auto [col] auto;
grid-template-columns: [col] auto [col] auto [col] auto;
grid-gap: 0px;
padding: 7px 0px;
text-align: center;
}
}
.src-components-FilterBar-filterGridSpeakers {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto [col] auto [col] auto [col] auto;
grid-template-columns: [col] auto [col] auto [col] auto [col] auto;
grid-gap: 0px;
text-align: center;
padding: 7px 0px;
}
.src-components-FilterBar-filterGridTracks {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto [col] auto;
grid-template-columns: [col] auto [col] auto;
padding: 7px 0px;
}
.src-components-FilterBar-filterGridFields {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto [col] auto [col] auto [col] auto [col] auto [col] auto [col] auto;
grid-template-columns: [col] auto [col] auto [col] auto [col] auto [col] auto [col] auto [col] auto;
padding: 7px 0px;
}
@media only screen and (max-width: 1024px) {
.src-components-FilterBar-filterGridFields {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto [col] auto [col] auto;
grid-template-columns: [col] auto [col] auto [col] auto;
padding: 7px 0px;
text-align: center;
}
}
.src-components-FilterBar-filterGridType {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto [col] auto [col] auto [col] auto [col] auto [col] auto;
grid-template-columns: [col] auto [col] auto [col] auto [col] auto [col] auto [col] auto;
padding: 7px 0px;
}
.src-components-FilterBar-filterGridDays {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto [col] auto [col] auto [col] auto [col] auto;
grid-template-columns: [col] auto [col] auto [col] auto [col] auto [col] auto;
padding: 7px 0px;
}
.src-components-FilterBar-filter_grid_years {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto [col] auto;
grid-template-columns: [col] auto [col] auto;
grid-gap: 0px;
text-align: center;
padding: 7px 0px;
}
@media only screen and (max-width: 1024px) {
.src-components-FilterBar-filterGridMonths, .src-components-FilterBar-filterGridArea, .src-components-FilterBar-filterGridTickets, .src-components-FilterBar-filterGridSpeakers, .src-components-FilterBar-filterGridTracks, .src-components-FilterBar-filterGridFields, .src-components-FilterBar-filterGridType, .src-components-FilterBar-filterGridDays, .src-components-FilterBar-filter_grid_years, .src-components-FilterBar-filter_grid_reset {
font-size: .8em;
word-break: normal;
}
}
.src-components-FilterBar-filter_year {
background-color:#fff;
border: 1px solid #725eff;
padding-top: 1em;
padding-bottom: 1em;
/* grid-column: col / span 3; */
text-align: center;
color: #725eff;
/* font-family: 'basis-grotesque-regular' */
}
.src-components-FilterBar-filter_year:hover {
background-color:#725eff;
border: 1px solid #725eff;
color: #FFFFFF;
}
/* Grid color persistent once clicked/checked -> .choice:active */
.src-components-FilterBar-filter_area_active, .src-components-FilterBar-filter_month_active, .src-components-FilterBar-filter_month_active label, .src-components-FilterBar-filter_ticket_active,
.src-components-FilterBar-filter_speaker_active, .src-components-FilterBar-filter_type_active, .src-components-FilterBar-filter_fields_active, .src-components-FilterBar-filter_year_active,
.src-components-FilterBar-filter_days_active, .src-components-FilterBar-checkboxLabel_active {
background-color: #f5f5f5;
border: 1px solid #efefef;
border-radius: .3125rem;
color: #725eff;
font-family: 'basis_grotesque_bold-web';
font-weight: normal;
padding: 10px 12px;
font-size: .9em;
}
.src-components-FilterBar-checkboxLabel input {
position: absolute;
opacity: 0;
cursor: pointer;
font-size: 1em;
background-color: #f5f5f5;
border: 1px solid #efefef;
color: #725eff;
font-weight: bold;
cursor: cell;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: saturate(0);
}
:-ms-input-placeholder {
color: #725eff;
}
::placeholder {
color: #725eff;
}
/* Reset filter button */
.src-components-FilterBar-filter_grid_reset {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto;
grid-template-columns: [col] auto;
grid-gap: 0px;
text-align: center;
padding: 7px 0px;
margin-bottom: 1em;
}
/* Show more button */
.src-components-FilterBar-filter_grid_showmore {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto [col] auto [col] auto;
grid-template-columns: [col] auto [col] auto [col] auto;
grid-gap: 0px;
text-align: center;
padding: 7px 0px;
}
/* Test Elastic Search searchbar */
.src-components-FilterBar-filter_searchbar {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] 68% [col] 0 [col] 4%;
grid-template-columns: [col] 68% [col] 0 [col] 4%;
grid-gap: 0px;
text-align: left;
}
@media only screen and (max-width: 1024px) {
.src-components-FilterBar-filter_searchbar {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] 85% [col] 0 [col] 15%;
grid-template-columns: [col] 85% [col] 0 [col] 15%;
grid-gap: 0px;
text-align: left;
}
}
/* buttons */
button {
font-size: inherit;
}
/* button:focus {
background-color: greenyellow;
} */
.src-components-Newsletter-hidden {
position: absolute; left: -5000px;
}
.src-components-Newsletter-column_first {
padding-right:1.11111rem;
width:100%;
float:left
}
.src-components-Newsletter-welcome {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto calc(350px + 2em);
grid-template-columns: auto calc(350px + 2em);
padding: 0 6em;
grid-gap: 10%;
}
@media only screen and (max-width: 900px) {
.src-components-Newsletter-welcome {
-ms-grid-columns: auto;
grid-template-columns: auto;
padding:0;
margin: 0 1rem 1rem;
grid-gap: 0;
}
}
@media only screen and (min-width: 901px) and (max-width:1280px) {
.src-components-Newsletter-welcome {
-ms-grid-columns: auto calc(350px + 2em);
grid-template-columns: auto calc(350px + 2em);
padding:0 2.222em;
grid-gap: 5%;
}
}
/*Welcome left*/
@media only screen and (max-width: 900px) {
.src-components-Newsletter-header_welcome_text {
font-family: 'basis-grotesque-regular';
font-size:.8em;
line-height:1.5em;
color: #725eff;
display: none;
}
}
@media only screen and (min-width: 901px) {
.src-components-Newsletter-header_welcome_text {
font-family: 'basis-grotesque-regular';
line-height:1.3em !important;
color: #725eff;
}
}
.src-components-Newsletter-headerWelcomeTextTitle {
padding-left: 1.11111rem;
font-family: 'basis-grotesque-regular';
font-size:1.7em;
line-height:1.5em;
color: #725eff;
}
@media only screen and (max-width: 900px) {
.src-components-Newsletter-headerWelcomeTextTitle {
display: none;
}
}
.src-components-Newsletter-header_welcome_right {
text-align: right;
}
/*Welcome right*/
@media only screen and (max-width: 599px) {
.src-components-Newsletter-header_welcome_right {
display: none;
}
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
.src-components-Newsletter-header_welcome_right {
display: none;
}
}
/*subscribe and for organizers buttons*/
.src-components-Newsletter-btnsubscribe {
font-size:16px;
border:2px solid #725eff;
background-color: #725eff;
display:inline-block;
color: white;
text-align: center;
border-radius: .3125rem;
padding: 10px 12px;
margin-right: 1em;
}
@media only screen and (max-width: 900px){
.src-components-Newsletter-btnsubscribe {
font-size:16px;
border: none;
background-color: #725eff;
display:inline-block;
vertical-align:top;
vertical-align:top;
width:100%;
border:2px solid #725eff;
padding-left: 60px;
padding-right: 60px;
margin-bottom:1em;
margin-right: 4em;
text-transform: uppercase;
letter-spacing: 1px;
height: 60px;
color: white;
text-align: center;
width: 100%;
}
}
.src-components-Newsletter-btnsubscribe:hover, .src-components-Newsletter-btnsubscribe:focus .src-components-Newsletter-btnsubscribe:active {
background-color: white;
color: #725eff;
border:2px solid white;
box-shadow: 0 19px 38px rgba(114, 94, 255, .25);
}
.src-components-Newsletter-btnsubscribe:active {
color:#fff;
}
.src-components-Newsletter-btnorganizers{
font-size:16px;
border:2px solid transparent;
background-color: transparent;
display:inline-block;
color: var(--neonpurple);
font-family: 'basis-grotesque-regular';
text-align: center;
border-radius: .3125rem;
padding: 10px 12px;
margin-right: 1em;
}
@media only screen and (max-width: 900px){
.src-components-Newsletter-btnorganizers{
font-size:16px;
border:2px solid transparent;
background-color: #fff;
display:inline-block;
/* vertical-align:top;
width:100%;
padding-top: 1em;
padding-bottom:1em;
padding-left: 60px;
padding-right: 60px;
margin-bottom:0.25rem; */
text-transform: uppercase;
letter-spacing: 1px;
/* height: 60px; */
color: #725eff;
text-align: center;
}
}
.src-components-Newsletter-btnorganizers:hover, .src-components-Newsletter-btnorganizers:focus {
background-color:#fff;
border:2px solid #fff;
color:#725eff;
box-shadow: 0 19px 38px rgba(114, 94, 255, .25);
}
/*filterbar*/
.src-components-Newsletter-grid_container {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto [col] 200px [col] 200px [col] 200px ;
grid-template-columns: [col] auto [col] 200px [col] 200px [col] 200px ;
-ms-grid-rows: [row] auto [row] auto [row] auto [row] auto;
grid-template-rows: [row] auto [row] auto [row] auto [row] auto;
}
.src-components-Newsletter-filter_bar{
padding-top:2rem;
padding-bottom:2rem;
/* color:#000; */
background-color: darkmagenta;
}
@media only screen and (min-width:40.063em){
.src-components-Newsletter-filter_bar{
padding-top:4rem;
padding-bottom:4rem;
}
}
.src-components-Newsletter-filter_btn_date{
background: rgba(68, 68, 68, .26667);
}
.src-components-Newsletter-filter_btn_price {
background: #00ff7e;
}
.src-components-Newsletter-filter.src-components-Newsletter-btn_all {
background: #725eff;
}
.src-components-Newsletter-filter_btn_search {
/* background: #000; */
margin-right: 2em;
}
.src-components-Newsletter-filter_actions {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto [col] 300px [col] 300px ;
grid-template-columns: [col] auto [col] 300px [col] 300px ;
/* grid-template-rows: [row] auto [row] auto [row] auto; */
padding-left:1.11111em;
margin-right:1.11111em;
margin-top: 4em;
padding-top: 60px;
border-top: 4px solid #725eff;
}
/*>414px landscape*/
@media only screen and (max-width:39.8em){
.src-components-Newsletter-filter_actions {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto ;
grid-template-columns: [col] auto ;
/* grid-template-rows: [row] auto [row] auto [row] auto; */
padding-left:1.11111em;
margin-right:1.11111em;
margin-top: 4em;
padding-top: 60px;
border-top: 4px solid #725eff;
}
}
.src-components-Newsletter-filter_btn_all {
/* background: #725eff; */
margin-right: 2em;
}
.src-components-Newsletter-filter_btnfilter {
font-size:18px;
border:none;
background-color: #725eff;
border:2px solid #725eff;
display:inline-block;
vertical-align:top;
padding-left: 60px;
padding-right: 60px;
margin-bottom:0.25rem;
margin-right: 4em;
/* text-transform: uppercase;
letter-spacing: 1px; */
height: 60px;
color: #fff;
}
@media only screen and (max-width: 900px){
.src-components-Newsletter-filter_btnfilter {
font-size:18px;
border: none;
background-color: #725eff;
display:inline-block;
vertical-align:top;
vertical-align:top;
width:100%;
border:2px solid #725eff;
padding-left: 60px;
padding-right: 60px;
margin-bottom:0.25rem;
margin-right: 4em;
/* text-transform: uppercase;
letter-spacing: 1px; */
height: 60px;
color: #fff;
}
}
.src-components-Newsletter-filter_btnfilter:hover, .src-components-Newsletter-filter_btnfilter:focus {
background-color: #ffffff;
color: #725eff;
}
/**/
/*>414px landscape*/
@media only screen and (max-width:39.8em){
.src-components-Newsletter-filter_btnfilter{
display: none;
}
}
.src-components-Newsletter-captionPodcast {
font-family: 'basis-grotesque-regular';
width: 75%;
color: #725eff;
padding-top: 0.5em;
text-align: left;
word-wrap: none;
}
/*HEADING NOV 2018*/
.src-components-Newsletter-slogan {
font-size: 2.6em;
line-height: 1.3em;
color:#725eff;
}
@media only screen and (max-width: 900px){
.src-components-Newsletter-slogan {
display: none;
/* font-size: 1.5em;
margin: 1.111em 1.111em 0 1.111em;
text-align: center; */
}
}
.src-components-Newsletter-recentImg {
box-shadow: 0.9444444444444444rem 1.1666666666666667rem 3.8333333333333335rem 0rem rgba(114, 94, 255, .36);
transition-property: all;
transition-duration: 0.1s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.src-components-Newsletter-recentImg:hover {
transform: scale(1.03);
}
@media only screen and (max-width: 900px){
.src-components-Newsletter-recentImg {
width: 85%;
}
}
.src-components-Newsletter-featuredImg {
display: -ms-grid;
display: grid;
-ms-grid-rows: [col] auto [col] auto;
grid-template-rows: [col] auto [col] auto;
padding-left: 18%;
}
@media only screen and (max-width: 900px){
.src-components-Newsletter-featuredImg {
margin-top: 2em;
padding-bottom: 30px;
}
}
.src-components-Newsletter-featuredTitle {
color: #725eff;
/* text-transform: uppercase; */
/* text-align: center; */
padding-bottom: 30px;
font-size: 0.8em;
}
@media only screen and (max-width: 900px){
.src-components-Newsletter-featuredTitle {
font-size: 0.9em;
letter-spacing: 1px;
padding-top: 1em;
}
}
@media only screen and (max-width: 900px){
.src-components-Newsletter-featuredBackground {
background: white;
margin-top: 30px;
padding: 15px 0px;
}
}
@media only screen and (min-width: 901px){
.src-components-Newsletter-featuredContent900 {
display: none;
}
}
.src-components-Newsletter-featureName900{
font-family: var(--sans-serif-bold);
color: #333;
line-height: .9em;
font-size: 1.75em;
margin-bottom: 0rem;
text-align: center;
line-height: initial;
}
.src-components-Newsletter-featureDate900{
font-size: 1.75em;
color: rgba(51, 51, 51, .31373);
font-family: var(--sans-serif-reg);
text-align: center;
margin: 0;
line-height: 1.1em;
padding-bottom: 0.25em;
}
.src-components-Newsletter-featureText900{
padding-left: 2rem;
padding-right: 2rem;
text-align: center;
color: #333;
font-family: var(--sans-serif-reg);
line-height: 1.3rem;
}
.src-components-Newsletter-featureLink900{
text-align: center;
font-family: var(--sans-serif-reg);
}
.src-components-Newsletter-actionGridContainer {
margin-top: 4em;
/* display: grid; */
/* grid-template-columns: [col] 250px [col] auto ; */
/* grid-template-rows: [row] auto [row] auto [row]; */
/* grid-gap: 2em; */
}
@media only screen and (max-width: 900px){
.src-components-Newsletter-actionGridContainer {
display: none;
}
}
@media only screen and (min-width: 901px) {
.src-components-Newsletter-actionGridContainer {
margin-top: 2em;
/* grid-template-columns: auto auto; */
/* grid-template-rows: [row] auto [row] auto [row]; */
/* grid-gap: 1em; */
}
}
.src-components-Newsletter-actionGridName {
/* grid-column: col / span 1; */
-ms-grid-row: row ;
grid-row: row ;
font-family:'basis_grotesque_bold-web';
font-weight: normal;
}
.src-components-Newsletter-actionGriditem {
text-align: left;
font-size: 0.9em;
font-family: 'basis-grotesque-regular';
}
@media only screen and (max-width: 900px){
.src-components-Newsletter-actionGriditem {
grid-gap: 0px;
padding-top: 1em;
text-align: center;
padding: 10px 60px;
}
}
.src-components-Newsletter-actionGriditem:hover {
border-radius: .3125rem;
}
/*FEATURED CARD*/
.src-components-Newsletter-featuredCard {
background-color: white;
padding:1em;
/* max-height: 400px; */
margin-top: 8px;
box-shadow: 0 19px 38px rgba(114, 94, 255, .25);
border-radius: 8px;
}
@media only screen and (max-width: 900px){
.src-components-Newsletter-featuredCard {
background-color: rgba(114, 94, 255, .05);
box-shadow: none;
padding: 2em;
border-radius: 1rem;
}
}
.src-components-Newsletter-featureTitle {
font-size: .7em;
text-transform: uppercase;
letter-spacing: 3px;
padding-bottom: 1em;
color: #333;
}
@media only screen and (max-width: 900px){
.src-components-Newsletter-featureTitle {
padding-bottom: .5rem;
text-align: center;
}
}
.src-components-Newsletter-featureContainer {
width: 100%;
background-color: #ff5fc2;
color: #fff;
}
@media only screen and (min-width: 901px) and (max-width: 1180px){
.src-components-Newsletter-featureGridSM {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto;
grid-template-columns: auto;
grid-gap: 1em;
position: relative;
}
}
@media only screen and (max-width: 900px){
.src-components-Newsletter-featureGridSM {
display: -ms-grid;
display: grid;
-ms-grid-columns: calc(50% - 2em) auto;
grid-template-columns: calc(50% - 2em) auto;
grid-gap: 1em;
position: relative;
}
}
@media only screen and (max-width: 478px){
.src-components-Newsletter-featureGridSM {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto;
grid-template-columns: auto;
position: relative;
}
}
.src-components-Newsletter-featureImage {
width: 100%;
height: 350px;
object-fit: cover;
}
@media only screen and (max-width: 900px){
.src-components-Newsletter-featureImage {
height: calc(350px - 2rem);
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (max-width: 380px){
.src-components-Newsletter-featureImage {
height: auto;
}
}
@media only screen and (max-width: 330px){
.src-components-Newsletter-featureImage {
height: auto;
}
}
.src-components-Newsletter-featureContent {
display: -ms-grid;
display: grid;
-ms-grid-columns: 65% auto;
grid-template-columns: 65% auto;
grid-gap: 3%;
}
@media only screen and (max-width: 900px){
.src-components-Newsletter-featureContent {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto;
grid-template-columns: auto;
grid-gap: 3%;
}
}
.src-components-Newsletter-featureDate, .src-components-Newsletter-featureDesr {
font-size: 14px;
color: #333;
line-height: .4em;
font-family: var(--sans-serif-reg);
}
.src-components-Newsletter-featureText {
font-size: 16px;
color: #333;
line-height: 1.2em;
font-family: var(--sans-serif-reg);
margin-bottom: 1.2em;
letter-spacing: -0.006em;
}
.src-components-Newsletter-featuredContent {
padding-top: 0.5rem;
}
@media only screen and (max-width: 900px){
.src-components-Newsletter-featuredContent {
padding-top: 0;
display: none;
}
.src-components-Newsletter-featureText {
padding-left:0;
}
.src-components-Newsletter-featureDesr {
display: none !important;
}
.src-components-Newsletter-featureName {
line-height: 1em !important;
margin-bottom: .4em !important;
}
}
.src-components-Newsletter-featureName {
font-family: var(--sans-serif-bold);
color:#333;
line-height: .9em;
font-size: 1.4em;
margin-bottom: .4em;
letter-spacing:-0.02em;
}
.src-components-Newsletter-featureLink {
margin: auto 0;
text-align: end;
}
@media only screen and (max-width: 900px){
.src-components-Newsletter-featureLink {
text-align: left;
}
}
.src-components-Newsletter-featureBtn {
color:#fff;
background-color: #333;
border: none;
font-family: var(--sans-serif-bold);
padding: 10px 12px;
font-size: 16px;
/* width: 100%; */
border-radius: 4px;
}
@media only screen and (max-width: 900px){
.src-components-Newsletter-featureBtn{
position: absolute;
bottom: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@media only screen and (max-width: 768px){
.src-components-Newsletter-featureBtn{
position: relative;
/* bottom: 0; */
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
background-color: rgba(114, 94, 255, .1);
color:#725eff;
}
}
@media only screen and (max-width: 478px){
.src-components-Newsletter-featureBtn{
position: relative;
/* bottom: 0; */
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
background-color: rgba(114, 94, 255, .1);
color:#725eff;
}
}
.src-components-Newsletter-featureBtn:hover {
color: #725eff;
background-color: rgba(114, 94, 255, .05);
border-radius: .3125rem;
cursor: pointer;
}
.src-components-Newsletter-headerMargin {
margin: auto 0;
}
@media only screen and (max-width: 478px){
.src-components-Newsletter-upcoming {
color: #725eff !important;
font-family: var(--sans-serif-reg);
}
}
.src-components-Newsletter-billboard {
place-content: center;
margin: auto 0;
display: -ms-grid;
display: grid;
}
.src-components-Newsletter-billboardImage {
max-width: 100%;
width: 970px;
padding: 0;
}
.src-components-Newsletter-iconSm {
height: 1.2em;
margin-right: .3em;
vertical-align: text-bottom;
padding-bottom: 0;
}
.src-components-RelatedContent-relatedContGrid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 1em;
}
.src-components-RelatedContent-relatedCont {
background-color: rgba(114, 94, 255, .05);
/* border: 1px solid rgba(114, 94, 255, 0.25); */
margin-top: 1em;
border-radius: 8px;
}
@media only screen and (min-width: 1024px){
.src-components-RelatedContent-relatedCont {
background-color: rgba(114, 94, 255, .05);
/* border: 1px solid rgba(114, 94, 255, 0.25); */
margin-top: 1em;
/* height: 124px; */
border-radius: 8px;
}
.src-components-RelatedContent-relatedContGrid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
gap: 1em;
margin-top: 1em;
}
}
.src-components-RelatedContent-relatedCont:hover {
/* box-shadow: 0em 1em 3em 0em rgba(114,94,255,0.36); */
transition-property: all;
transition-duration: 0.1s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.src-components-RelatedContent-relatedContGroup {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 1.5em;
padding: 1.5em;
}
@media only screen and (max-width: 476px){
.src-components-RelatedContent-relatedContGroup {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto;
grid-template-columns: [col] auto;
grid-gap: 1.5em;
}
}
.src-components-RelatedContent-relatedContImg {
/* background-size: cover;
background-position: center; */
width: 100%;
object-fit: cover;
aspect-ratio: 16 / 9;
border-radius: 2px;
}
.src-components-RelatedContent-relatedContDate {
font-family: 'basis-grotesque-regular';
line-height: 1.5em;
text-align: left;
letter-spacing: 0.3px;
font-size: 0.833rem;
}
.src-components-RelatedContent-relatedContTitle {
font-size: 1em;
line-height: 27px;
text-align: left;
letter-spacing: 0.3px;
}
.src-components-RelatedContent-relatedContBody {
font-family: 'basis-grotesque-regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
/* font-size: 16px; */
line-height: 24px;
text-align: left;
letter-spacing: 0.3px;
}
.src-components-RelatedContent-patreonLogo {
margin: 50px 0px;
transition-property: all;
transition-duration: 0.1s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.src-components-RelatedContent-patreonLogo:hover {
transform: scale(1.03);
}
.src-components-RelatedContent-iconSm {
height: 1.2em;
margin-right: .3em;
vertical-align: text-bottom;
padding-bottom: 0;
}
/*`Container*/
.src-components-SideBar-blog_listing_sidebar_item_text_container {
padding: 1.2rem;
text-align: center;
}
@media only screen and (max-width: 599px) {
.src-components-SideBar-blog_listing_sidebar_item_text_container {
padding: 1.2rem;
text-align: left;
}
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
.src-components-SideBar-blog_listing_sidebar_item_text_container {
padding: 1rem;
text-align: left;
}
}
@media only screen and (min-width: 901px) and (max-width: 1199px) {
.src-components-SideBar-blog_listing_sidebar_item_text_container {
padding: 1em;
text-align: left;
}
}
/*Author*/
.src-components-SideBar-blog_listing_sidebar_item_author {
font-size: 0.55556rem;
letter-spacing: 0.22222rem;
text-transform: uppercase;
}
@media only screen and (max-width: 599px) {
.src-components-SideBar-blog_listing_sidebar_item_author {
display: none;
}
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
.src-components-SideBar-blog_listing_sidebar_item_author {
display: none;
}
}
@media only screen and (min-width: 901px) and (max-width: 1199px) {
.src-components-SideBar-blog_listing_sidebar_item_author {
display: none;
}
}
/*Title*/
.src-components-SideBar-blog_listing_sidebar_item_title {
color: white;
margin-top: 1rem;
font-size: 1.55556rem;
letter-spacing: 0.05556rem;
}
.src-components-SideBar-blog_listing_sidebar_item_title a:hover {
color: inherit;
}
@media only screen and (max-width: 599px) {
.src-components-SideBar-blog_listing_sidebar_item_title {
font-size: 1em;
margin-top: 0;
}
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
.src-components-SideBar-blog_listing_sidebar_item_title {
font-size: 1em;
margin-top: 0;
}
}
@media only screen and (min-width: 901px) and (max-width: 1199px) {
.src-components-SideBar-blog_listing_sidebar_item_title {
font-size: 1em;
margin-top: 0;
}
}
/*Text*/
.src-components-SideBar-blog_listing_sidebar_item_text {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
font-size: 0.9rem;
line-height: 1.4;
}
@media only screen and (max-width: 599px) {
.src-components-SideBar-blog_listing_sidebar_item_text {
display: none;
}
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
.src-components-SideBar-blog_listing_sidebar_item_text {
display: none;
}
}
@media only screen and (min-width: 901px) and (max-width: 1199px) {
.src-components-SideBar-blog_listing_sidebar_item_text {
display: none;
}
}
/*category*/
.src-components-SideBar-blog_listing_sidebar_item_category {
color: #63ffb0;
font-size: 0.77778rem;
letter-spacing: 0.05556rem;
text-align: left;
}
@media only screen and (max-width: 599px) {
.src-components-SideBar-blog_listing_sidebar_item_category {
font-size: 0.625em;
}
}
@media only screen and (min-width: 600px) and (max-width: 900px) {
.src-components-SideBar-blog_listing_sidebar_item_category {
font-size: 0.625em;
}
}
@media only screen and (min-width: 901px) and (max-width: 1199px) {
.src-components-SideBar-blog_listing_sidebar_item_category {
font-size: 0.625em;
}
}
.src-components-SideBar-promo {
margin:1em 0 3em 0;
border-top: 4px solid #725eff;
}
.src-components-SideBar-promoSummer {
margin:0.5em 0 2em 0;
}
.src-components-SideBar-promoBtn {
margin-top:0.5em;
text-transform: uppercase;
/* width: 135px; */
background-color: #725eff;
color: #fff;
padding: 1em;
/* border-radius: 2px; */
font-size: 1em;
font-family: "basis_grotesque_bold-web", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: normal;
border: #725eff 2px solid;
width: 100%;
}
.src-components-SideBar-promoBtn:hover {
cursor: -webkit-pointer;
cursor: pointer;
background-color: #333;
color: #fff;
border: #333 2px solid;
}
.src-components-SideBar-promoSM {
font-size: 0.8em;
}
.src-components-SideBar-smHeader {
color:#333;
/* margin-bottom: 10px; */
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums;
font-size: .85em;
text-transform: uppercase;
padding-left: 20px;
opacity: .5;
}
.src-components-SideBar-patreon {
/* background-color: #f5f5f5; */
color: #333;
/* padding: 20px; */
text-align: left;
font-size: .85em;
/* border-radius: 5px; */
/* box-shadow: rgba(0,0,0,.1) 0 1px 2px 0; */
margin-bottom: 3em;
border-bottom: 1px solid rgba(51, 51, 51, .31373);
padding-bottom: 3rem;
}
.src-components-SideBar-patreonWhite {
background-color: #fff;
border: #f5f5f5 1px solid;
color: #333;
padding: 20px;
text-align: left;
font-size: .85em;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, .1) 0 1px 2px 0;
margin-bottom: 2em;
}
.src-components-SideBar-patreonLogo {
margin: 0.5em 0px;
}
/**/
@media only screen and (min-width:67em){
.src-components-SideBar-subscribeHome {
padding: 2em 6em 2em 0;
/* background-color: #F8F7FF; */
margin-top:2em;
}
}
@media only screen and (max-width:67em){
.src-components-SideBar-subscribeHome {
display: none;
}
}
@media only screen and (min-width:67em){
.src-components-SideBar-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] 70% [col] 100px;
grid-template-columns: [col] 70% [col] 100px;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
/* width: 75%; */
height:100px;
margin: 1em 0;
}
}
.src-components-SideBar-signUp {
color:#725eff;
margin-top:2em;
}
.src-components-SideBar-textInput {
padding:1em;
font-family: 'basis-grotesque-regular';
}
.src-components-SideBar-emailInput {
padding: 1em;
margin-top:-2px;
}
.src-components-SideBar-btnfooter {
font-size:1em;
border:none;
background-color: rgba(51, 51, 51, .31373);
display:inline-block;
/* text-transform: uppercase; */
/* letter-spacing: 1px; */
color: #fff;
font-family: "basis_grotesque_bold-web";
font-weight: normal;
text-align: center;
padding: 1em;
width: 100%;
border-radius: .365em;
}
@media only screen and (max-width: 40em){
.src-components-SideBar-btnfooter{
font-size:1em;
border: none;
background-color: #725eff;
display:inline-block;
width:100%;
text-transform: uppercase;
letter-spacing: 1px;
/* height: 60px; */
color: #fff;
}
}
.src-components-SideBar-btnfooter:hover, .src-components-SideBar-btnfooter:focus {
background-color:#333;
cursor: pointer;
padding: 1em;
}
.src-components-SideBar-hidden {
position: absolute; left: -5000px;
}
.src-components-SideBar-latestContainer {
/* background-color: #f5f5f5; */
color: #333;
padding: 20px 20px 0 20px;
text-align: left;
font-size: .85em;
/* border-radius: 5px; */
/* box-shadow: rgba(0,0,0,.1) 0 1px 2px 0; */
/* "margin-bottom: 2em; */
/* "border-bottom:1px solid rgba(51, 51, 51, .31373); */
}
.src-components-SideBar-latestContainer:nth-last-child() {
margin-bottom: 1em;
}
.src-components-SideBar-latestStories {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto 60px;
grid-template-columns: auto 60px;
grid-column-gap: 20px;
padding-bottom: 20px;
/* border-bottom: 1px rgba(51, 51, 51, 0.25) solid; */
color:#333;
}
.src-components-SideBar-latestStoriesImg {
object-fit: cover;
width: 60px;
height: 60px;
}
.src-components-SideBar-latestReadMore {
color: #725eff;
font-size: 0.8em;
letter-spacing: 0.05556rem;
text-transform: uppercase;
display: block;
text-align: center;
padding: 20px;
background-color: #f5f5f5;
}
.src-components-SideBar-author {
/* font-size: 0.55556rem; */
font-family: 'basis-grotesque-regular';
font-size: 12px;
line-height: 20px;
}
.src-components-SideBar-partner {
display: -ms-grid;
display: grid;
-ms-grid-columns: 130px auto;
grid-template-columns: 130px auto;
grid-column-gap: 1.5em;
padding: 1.5em 0;
/* border-bottom: 1px rgba(51, 51, 51, 0.25) solid; */
color:#333;
font-family: 'basis-grotesque-regular';
/* background-color: rgba(114, 94, 255, 0.05);
border-radius: 0.4em; */
}
.src-components-SideBar-partnerImg {
object-fit: cover;
width: 130px;
height: auto;
}
.src-components-SideBar-partner p {
margin-bottom: 0;
}
.src-components-SideBar-sidebarFooter {
font-size: 12px;
padding: 20px;
font-family: 'basis-grotesque-regular';
margin: 0;
opacity: .8;
color: #333;
opacity: .5;
}
.src-components-SideBar-sidebarFooter a {
border-bottom: none;
color: #333;
}
.src-components-SideBar-sidebarFooter a:hover {
color: var(--neonpurple);
}
.src-components-SideBar-sidebarCopyright {
font-size: 12px;
padding: 0 20px;
font-family: 'basis-grotesque-regular';
text-transform: uppercase;
color: #333;
opacity: .5;
}
.src-components-SideBar-sidebarSponsorFooter {
font-size: 12px;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
font-family: 'basis-grotesque-regular';
margin: 0;
opacity: .8;
color: #333;
}
.src-components-SideBar-sidebarSponsorFooter a {
opacity: 1 !important;
border-bottom: none;
}
.src-components-SideBar-sidebarPadding{
padding-left:20px;
padding-right:20px;
}
.src-components-SideBar-sidebarPartnerText {
line-height: 1.3em;
}
.src-components-SocialShare-container {
}
.src-components-SocialShare-link {
display: inline-block;
}
.src-components-SocialShare-icon {
height: 1em;
margin-right: 1em;
margin-left: 0;
margin-top: 0.5em;
}
.src-components-SocialShareSmall-container ul {
font-size: 14px !important;
list-style: none;
margin: 0;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 768px) {
.src-components-SocialShareSmall-container ul {
margin-left: 0px !important;
}
}
.src-components-SocialShareSmall-container ul::before {
content: "Share:";
margin-right: 8px;
margin-right: 8px;
margin-right: .5rem;
font-size: 14px;
padding: 5px 10px;
/* -webkit-margin-before: 1em; */
}
@media only screen and (max-width: 768px) {
.src-components-SocialShareSmall-container ul::before {
padding: 5px 10px 5px 0;
}
}
.src-components-SocialShareSmall-container ul li:first-child a {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.src-components-SocialShareSmall-container ul li:last-child a {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.src-components-SocialShareSmall-container ul a {
border: 1px solid #725eff;
margin-left: -1px;
border-radius: 0;
}
.src-components-SocialShareSmall-link {
display: inline-block;
padding: 5px 10px;
border: 1px solid #725eff;
/* margin-block-start: 1em; */
}
.src-layouts-Footer-hidden {
position: absolute; left: -5000px;
}
a.src-layouts-Footer-lfooter:link {
color: #fff;
border-bottom: solid #fff 0px;
text-align: left;
}
a.src-layouts-Footer-lfooter:hover {
color: #00ff7e;
border-bottom: solid #00ff7e 2px;
text-align: left;
}
h3.src-layouts-Footer-lfooter{
font-family: 'basis_grotesque_bold-web', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
letter-spacing: 0.5px;
font-weight: normal;
}
.src-layouts-Footer-lfooter {
color: #fff;
text-align: left;
list-style-type: none;
margin-left: 0px;
font-family: 'basis-grotesque-regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;;
line-height: 1.8em;
}
.src-layouts-Footer-btnfooter{
font-size:14px;
border:1px solid #fff;
background-color: #fff;
display:inline-block;
padding: .5em 1em;
color: #333;
border-radius: .25em;
}
.src-layouts-Footer-btnfooter:hover, .src-layouts-Footer-btnfooter:focus {
border:1px solid #fff;
background-color:#333;
color:#fff;
}
.src-layouts-Footer-bythomas{
font-size: 12px;
font-family: 'basis-grotesque-regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #fff;
margin-top: 5em;
padding-top: 60px;
display:inline-block;
text-align: left;
}
.src-layouts-Footer-bythomas:hover, .src-layouts-Footer-bythomas:focus {
color:#00ff7e;
border-bottom: 1px solid #00ff7e;
}
@media only screen and (max-width: 40em){
.src-layouts-Footer-bythomas{
font-size: 12px;
font-family: 'basis-grotesque-regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
color: #fff;
margin-top: 5em;
padding-top: 60px;
display:inline-block;
text-align: left;
}
}
.src-layouts-Footer-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
width: 75%;
margin: 0 auto;
}
@media only screen and (max-width:40.063em){
.src-layouts-Footer-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
width: 100%;
}
}
.src-layouts-Footer-mobileBottom {
position: relative;
}
/* Subscribe modal like e-flux.com
See@ https://codepen.io/darinka_design/pen/wvwJWmW?html-preprocessor=slim
Code used as based for open modal.
*/
.src-layouts-Footer-mobileBottomText {
text-align: left;
background-color: #333;
position: fixed;
bottom: 0;
z-index: 100;
width: calc(100% - 1rem);
font-size: 20px;
padding-right: 2rem;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
place-items: center;
font-family: 'basis-grotesque-regular';
margin:.5rem;
}
.src-layouts-Footer-mobileBottomText a {
color:#fff;
border-bottom: 1px solid #fff;
}
@media only screen and (min-width:700px){
.src-layouts-Footer-mobileBottom {
display: none;
}
}
footer details > summary {
list-style: none !important;
display: none;
}
details[open] ::after {
content: "\D7";
font-size: 28pt;
position: fixed;
/* right: calc(50vw - 360px / 2 - 2em); */
right: .25em;
bottom: .75em;
/* top: calc(50vh - 240px / 2 - 2em); */
padding: 16px 16px;
padding: 16px 16px;
padding: 1rem 1rem;
z-index: 1000;
}
details[open] ::before {
content: "";
display: block;
}
.src-layouts-Header-main {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
.src-layouts-Header-topbar {
height: 54px;
/* background-color: #070033; */
text-align: center;
/* border-bottom: 1px solid #f5f5f5; */
background-color: #ff4742;
}
@media only screen and (max-width:67em){
.src-layouts-Header-topbar {
display: none;
}
}
.src-layouts-Header-topbarText {
padding: 10px 0;
color: #fff;
/* font-family: 'basis-grotesque-regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
letter-spacing: 0.1px;
}
.src-layouts-Header-topbarText a {
color:#fff;
border-bottom: 1px solid #fff;
}
.src-layouts-Header-topbarText a:hover {
color:#fff;
border-bottom: 1px solid #333;
}
/* .topbar:hover {
background-color:#725eff;
color: #fff;
} */
.src-layouts-Header-forOrganizers {
border: 2px solid #725eff;
background-color: #725eff;
color: #fff;
padding: 0.2em 0.5em;
border-radius: 0.2em;
}
.src-layouts-Header-forOrganizers:hover {
border: 2px solid #725eff;
background-color: #fff;
color: #725eff;
padding: 0.2em 0.5em;
border-radius: 0.2em;
}
.src-pages-About-article_title {
margin-bottom: 1em;
}
.src-pages-Advertise-articleTitle {
margin-bottom: 1em;
}
.src-pages-Article-callout {
background: rgba(235, 236, 237, .3);
border: 1px solid transparent;
border-radius: 3px;
box-sizing: border-box;
display: -ms-grid;
display: grid;
outline: 0;
padding: 16px;
width: 100%;
color: rgb(55, 53, 47);
-ms-grid-columns:40px auto;
grid-template-columns:40px auto;
margin-bottom: 2em;
}
.src-pages-Article-callout h3 {
color: rgb(55, 53, 47);
}
.src-pages-Article-callout a {
color: rgb(55, 53, 47);
border-bottom: 2px solid rgb(55, 53, 47);
}
.src-pages-Article-articleLeadIntro {
font-size: 1.3em;
line-height: 1.5em;
/* font-family: 'basis-grotesque-regular'; */
letter-spacing: 0.1px;
padding-bottom: 2em;
}
/*article meta*/
.src-pages-Article-articleMeta {
font-family: 'basis-grotesque-regular';
margin-top: 2em;
margin-bottom: 2em;
letter-spacing: 0.5px;
display: block;
}
.src-pages-Article-articleCategory {
margin-right:2em;
}
@media screen and (max-width: 667px){
.src-pages-Article-articleCategory {
margin-bottom: 1.6em;
}
}
@media screen and (max-width: 667px) {
.src-pages-Article-articleAuthor {
display: block;
}
}
@media screen and (max-width: 667px) {
.src-pages-Article-articleDate {
display: block;
}
}
.src-pages-Article-carbonad {
display: -ms-flexbox;
display: flex;
max-width: 167px;
overflow: hidden;
border-radius: 4px;
box-shadow: 0 0 1px hsla(0, 0%, 0%, .15);
font-size: 12px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
Helvetica, Arial, sans-serif;
position: fixed;
bottom: 2em;
right: 2em;
background-color: white;
}
@media only screen and (min-width: 320px) and (max-width: 759px) {
.src-pages-Article-carbonad {
position: relative;
max-width: 330px;
margin: 20px 0;
margin-left: auto;
margin-right: auto;
float: none;
}
}
.src-pages-Contact-title {
color: black;
}
.src-pages-EventPage-content {
/* margin-top: 2rem;*/
}
.src-pages-ForOrganizers-title {
margin-bottom: 2em;
font-family: 'basis-grotesque-regular';
font-size:1.4em;
line-height:1.7em
}
.src-pages-ForOrganizers-slogan {
font-family: 'basis-grotesque-regular';
font-size: 2.2em;
width: 75%;
text-align: center;
}
.src-pages-ForOrganizers-intro {
font-size: 1.4em;
line-height: 1.7em;
}
/*>667px landscape*/
@media only screen and (max-width:54.2em) {
.src-pages-ForOrganizers-intro{
font-size: 1.2em;
line-height: 1.6em;
/* font-family: 'basis-grotesque-regular'; */
letter-spacing: 0.1px;
}
}
.src-pages-ForOrganizers-article_title {
margin-bottom: 1em;
}
.src-pages-HomePage-content {
/* margin-top: 2rem;*/
}
.src-pages-Podcast-article_lead_intro {
font-size: 1.3em;
line-height: 1.5em;
/* font-family: 'basis-grotesque-regular'; */
letter-spacing: 0.1px;
margin-bottom: 2em;
}
.src-pages-Podcast-article_author {
font-family: 'basis-grotesque-regular';
margin-top: 2em;
margin-bottom: 2em;
letter-spacing: 0.5px;
}
.src-pages-Podcast-cat {
margin-right:2em;
}
.src-pages-Podcast-carbonad {
width: 300px;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
margin-bottom: 2.5em;
}
/*podcast meta*/
.src-pages-Podcast-podcast_meta {
font-family: 'basis-grotesque-regular';
margin-top: 2em;
margin-bottom: 2em;
letter-spacing: 0.5px;
display: block;
}
.src-pages-Podcast-podcast_category {
margin-right:2em;
}
@media screen and (max-width: 667px){
.src-pages-Podcast-podcast_category {
margin-bottom: 1.6em;
}
}
@media screen and (max-width: 667px) {
.src-pages-Podcast-podcast_author {
display: block;
}
}
@media screen and (max-width: 667px) {
.src-pages-Podcast-podcast_date {
display: block;
}
}
.src-pages-Podcast-patreon {
margin-top: 4em;
background-color: rgba(114, 94, 255, .1);
padding: 2em 9em;
text-align: center;
}
@media only screen and (max-width: 900px){
.src-pages-Podcast-patreon {
padding: 2em 3em;
}
}
.src-pages-Podcast-patreonLogo {
margin: 50px 0px;
transition-property: all;
transition-duration: 0.1s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.src-pages-Podcast-patreonLogo:hover {
transform: scale(1.03);
}
.src-pages-PodcastListingPage-pod_header {
font-family:'basis-grotesque-regular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
margin-bottom: 5em;
}
/*podcast broadcasters*/
.src-pages-PodcastListingPage-podcast_app_btn_group {
margin-top: 1.5em;
margin-bottom: 4em;
}
.src-pages-PodcastListingPage-podcast_app_btn {
margin-right: 10px;
margin-bottom: 10px;
}
.src-pages-PodcastListingPage-podcast_app_btn_soundcloud {
margin-right: 10px;
margin-bottom: 10px;
height: 34px;
}
/*lead*/
.src-pages-PodcastListingPage-lead_intro{
font-size: 1.4em;
line-height: 1.8em;
/* font-family: 'basis-grotesque-regular'; */
letter-spacing: 0.1px;
}
/*>667px landscape*/
@media only screen and (max-width:54.2em) {
.src-pages-PodcastListingPage-lead_intro{
font-size: 1.2em;
line-height: 1.6em;
/* font-family: 'basis-grotesque-regular'; */
letter-spacing: 0.1px;
}
}
.src-pages-PodcastListingPage-lead_intro_end{
font-size: 1.2em;
line-height: 1.6em;
/* font-family: 'basis-grotesque-regular'; */
margin-bottom: 3em;
}
/*>1024px*/
@media only screen and (max-width:67em){
.src-pages-PodcastListingPage-lead_intro_end{
font-size:1em;
}
}
/*Article*/
.src-pages-PodcastListingPage-article_container_bottom {
margin-top:15vw;
}
/*episode list*/
.src-pages-PodcastListingPage-blog_listing{
margin-top:2em;
}
.src-pages-PodcastListingPage-blog_listing_item_title{
background-image:url(/images/shapes/corner-shape.svg);
position:absolute;
left:-3px;
top:-1px;
background-size:101%;
background-repeat:no-repeat;
padding-right:30%;
font-size:1rem
}
@media only screen and (min-width:40.063em){
.src-pages-PodcastListingPage-blog_listing_item_title{
font-size:1.55556rem;
}
}
/*<320px*/
@media only screen and (max-width:20em){
.src-pages-PodcastListingPage-blog_listing_item_title{
font-size:0.7rem;
}
}
/*<320px*/
@media only screen and (min-width:20em) and (max-width:24em){
.src-pages-PodcastListingPage-blog_listing_item_title {
font-size: 0.9rem;
}
}
/*>414px landscape*/
@media only screen and (min-width:24em) and (max-width:39.8em){
.src-pages-PodcastListingPage-blog_listing_item_title{
font-size:1.2rem;
padding-right:40%;
}
}
/*>667px landscape*/
@media only screen and (min-width:39.8em) and (max-width:54.2em){
.src-pages-PodcastListingPage-blog_listing_item_title{
font-size:0.7em;
padding-right:40%;
}
}
/*>1024px*/
@media only screen and (min-width:54.2em) and (max-width:67em){
.src-pages-PodcastListingPage-blog_listing_item_title{
font-size:1em;
padding-right:40%;
}
}
@media only screen and (min-width:67em) and (max-width:73em){
.src-pages-PodcastListingPage-blog_listing_item_title{
font-size:1em;
padding-right:40%;
}
}
.src-pages-PodcastListingPage-blog_listing_item_image{
padding-top:66.66667%;
width:100%;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
position:relative;
height:0;
}
.src-pages-PodcastListingPage-blog_listing_item_image>*{
display:block;
position:absolute;
width:100% !important;
height:100% !important;
top:0;
margin:0;
}
/*subscribe and for organizers buttons*/
.src-pages-PodcastListingPage-btnorganizers{
font-size:16px;
border:2px solid #725eff;
background-color: #fff;
display:inline-block;
vertical-align:top;
padding-left: 30px;
padding-right: 30px;
padding-top: 1em;
padding-bottom:1em;
margin-bottom:0.25rem;
text-transform: uppercase;
letter-spacing: 1px;
height: 60px;
color: #725eff;
/* font-family: 'basis-grotesque-regular'; */
text-align: center;
margin-right: 2em;
}
@media only screen and (max-width: 54.2em){
.src-pages-PodcastListingPage-btnorganizers{
font-size:16px;
border:2px solid #725eff;
background-color: #fff;
display:inline-block;
vertical-align:top;
vertical-align:top;
width:100%;
padding-top: 1em;
padding-bottom:1em;
padding-left: 60px;
padding-right: 60px;
margin-bottom:0.25rem;
text-transform: uppercase;
letter-spacing: 1px;
height: 60px;
color: #725eff;
text-align: center;
margin-bottom: 1em;
}
}
.src-pages-PodcastListingPage-btnorganizers:hover, .src-pages-PodcastListingPage-btnorganizers:focus {
background-color:#725eff;
border:2px solid #725eff;
color:#fff;
}
.src-pages-PodcastListingPage-carbonad {
width: 460px;
margin-left: auto;
margin-right: auto;
margin-top: 2.5em;
margin-bottom: 2.5em;
border:none;
}
li {
border-bottom: none !important;
font-family: var(--sans-serif-reg);
vertical-align: middle;
}
.src-pages-ShowOrganizerPage-share {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto [col] 30%;
grid-template-columns: [col] auto [col] 30%;
column-gap: 3em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.src-pages-ShowOrganizerPage-share {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] auto [col] 30%;
grid-template-columns: [col] auto [col] 30%;
column-gap: 2em;
}
}
@media only screen and (max-width: 768px) {
.src-pages-ShowOrganizerPage-share {
display: -ms-grid;
display: grid;
-ms-grid-columns: [col] 100%;
grid-template-columns: [col] 100%;
gap: 1.5em;
margin-bottom: 1.5em;
}
}
.src-pages-ShowOrganizerPage-aboutOrganizerSidebar {
background-color: white;
padding: 0;
border-radius: 8px;
margin-bottom: 1em;
}
.src-pages-ShowOrganizerPage-aboutOrganizerSidebarWhite {
margin-bottom: 3em;
}
@media only screen and (max-width: 768px) {
.src-pages-ShowOrganizerPage-aboutOrganizerSidebarWhite {
margin-bottom: 0;
}
}
.src-pages-ShowOrganizerPage-socialList {
list-style-type: none;
padding:0;
margin:0;
}
.src-pages-ShowOrganizerPage-icon {
height: 32px;
padding: 0.5rem 0.5rem 0.5rem 0;
}
.src-pages-ShowOrganizerPage-iconSm {
height: 1em;
margin-right: 1em;
}
.src-pages-ShowOrganizerPage-title {
border-bottom: 1px solid rgba(114, 94, 255, .4);
padding-bottom: 1em;
padding-top: 1em;
}
.src-pages-ShowOrganizerPage-organizerDetails {
margin-top: 2em;
}
.src-pages-ShowOrganizerPage-buyTicket {
border: 1px solid #725eff;
background-color: #fff;
color: #725eff;
border-radius: .3125rem;
padding: 10px 20px;
font-family: inherit;
min-height: 48px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: medium;
font-size: initial;
}
.src-pages-ShowOrganizerPage-buyTicket:hover{
background-color: #725eff;
color: #fff;
padding: 10px 20px;
font-family: inherit;
border: 1px solid #725eff;
}
.src-pages-ShowOrganizerPage-buyTicketInvert {
border: 1px solid #725eff;
background-color: #725eff;
color: #fff;
border-radius: .3125rem;
padding: 10px 20px;
min-height: 48px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: medium;
font-size: initial;
}
.src-pages-ShowOrganizerPage-buyTicketInvert:hover,
.src-pages-ShowOrganizerPage-buyTicketInvert:focus{
background-color: #fff;
border: 1px solid #725eff;
color: #725eff;
}
.src-pages-ShowOrganizerPage-carbonad {
width: 300px;
margin-left: auto;
margin-right: auto;
margin-top: 4em;
margin-bottom: 2em;
}
/* Profile section */
.src-pages-ShowOrganizerPage-link {
display: inline-block;
word-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
@media only screen and (max-width: 768px) {
.src-pages-ShowOrganizerPage-hideOnSmall {
display: none;
}
}
@media only screen and (min-width: 768px) {
.src-pages-ShowOrganizerPage-showOnSmallOnly {
display: none;
}
}
.src-pages-Subscribe-lead_intro{
font-size: 1.4em;
line-height: 1.7em;
/* font-family: 'basis-grotesque-regular'; */
letter-spacing: 0.1px;
}
/*>667px landscape*/
@media only screen and (max-width:54.2em) {
.src-pages-Subscribe-lead_intro{
font-size: 1.2em;
line-height: 1.6em;
/* font-family: 'basis-grotesque-regular'; */
letter-spacing: 0.1px;
}
}
.src-pages-Subscribe-hidden {
position: absolute; left: -5000px;
}
.src-pages-Subscribe-article_title {
margin-bottom: 1em;
}
.src-pages-Subscribe-article_container{
margin-top:20vw;
background: #fff;
}
@media only screen and (min-width:40.063em){
.src-pages-Subscribe-article_container {
margin-left:-10vw;
margin-right:-10vw;
width:calc(100% + 20vw);
max-width:100vw;
}
}
.src-pages-Subscribe-btnfooter{
font-size:16px;
border:none;
background-color: #725eff;
display:inline-block;
vertical-align:top;
padding-left: 60px;
padding-right: 60px;
margin-bottom:0.25rem;
text-transform: uppercase;
letter-spacing: 1px;
/* height: 62px; */
color: #fff;
}
@media only screen and (max-width: 40em){
.src-pages-Subscribe-btnfooter{
font-size:16px;
border: none;
background-color: #725eff;
display:inline-block;
vertical-align:top;
vertical-align:top;
width:100%;
padding-left: 60px;
padding-right: 60px;
margin-bottom:0.25rem;
text-transform: uppercase;
letter-spacing: 1px;
height: 60px;
color: #fff;
}
}
.src-pages-Subscribe-btnfooter:hover, .src-pages-Subscribe-btnfooter:focus {
background-color:#000;
color:#00ff7e;
}
.src-pages-Subscribe-unsubscribe{
margin-top:1em;
font-family: 'basis-grotesque-regular';
font-size: 14px;
}
.src-pages-Subscribe-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr)
}
@media only screen and (max-width:40.063em){
.src-pages-Subscribe-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr)
}
}
.src-pages-VerifyEmail-alertBackground{
background-color: #725eff;
height: 100%;
width: 100%;
}
.src-pages-VerifyEmail-alertBox {
max-width: 640px;
margin: 0 auto;
padding: 60px 20px;
}
.src-pages-VerifyEmail-alertWelcomeLogo {
padding: 0 0 25px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: #725eff 1px solid;
}
.src-pages-VerifyEmail-alertWelcomeLogo span {
padding-top: 3px;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
letter-spacing: 1.5px;
}
.src-pages-VerifyEmail-alertWelcome {
float: left;
width: 100%;
padding: 35px;
background-color: #fff;
box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .5);
}
.src-pages-VerifyEmail-alertWelcomeText p {
font-family: 'basis-grotesque-regular';
}