.youtube-wrapper{width:100%;padding-top:56.25%;position:relative}.youtube-wrapper > .fluid-width-video-wrapper,.youtube-wrapper > iframe{position:absolute;top:0;left:0;width:100%}.youtube-wrapper > iframe{height:100%} .seam{background-color:transparent;width:100%;overflow:hidden}.seam svg{display:block;transform:scale(1.05)}.seam-top{z-index:1;position:absolute;top:0}.seam-bottom{z-index:1;position:absolute;bottom:0}.seam-content-wrapper{position:relative;overflow:hidden}.seam-content-wrapper .seam,.seam-content-wrapper .seam-filler{position:absolute;width:100%;top:60%}.seam-content-wrapper .seam{transform:translateY(-100%) scale(1.01)}.seam-content-wrapper .seam-filler{height:100%}.seam-animate-end{visibility:hidden} #stacks_in_539 { background-color: rgba(251, 2, 7, 1.00); background-image: url("81E9A672-E9C0-45D5-B682-8F733FFC1232.jpg"); background-repeat: repeat; background-size: contain; background-position: center; } #stacks_in_668 hr{border:0;height:0;width:100%;margin:0;padding:0}#stacks_in_668 hr.gradient{height:1px;background:#333;background-image:-webkit-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-moz-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-ms-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-o-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:linear-gradient(left,#CCCCCC,#333333,#CCCCCC)}#stacks_in_668 hr.faded{height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}#stacks_in_668 hr.dashed_fade{border-bottom:1px dashed #7E7E7E;background:#333333}#stacks_in_668 hr.dotted_fade{border-bottom:1px dotted #7E7E7E;background:#333333}#stacks_in_668 hr.dashed{border-bottom:1px dashed #333333}#stacks_in_668 hr.dotted{border-bottom:1px dotted #7E7E7E}#stacks_in_668 hr.shadow{height:1px;box-shadow:inset 0 1px 1px -1px rgba(0,0,0,0.5)}#stacks_in_668 hr.cloudy{margin:1px 0;box-shadow:0 0 1px 1px #333333}#stacks_in_668 hr.cloudy:after{content:"\00a0"}#stacks_in_668 hr.inset{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3)}#stacks_in_668 hr.inset_two{border-top:1px solid #CCCCCC;border-bottom:1px solid #333333}#stacks_in_668 hr.inset_three{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_668 hr.inset_four{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_668 hr.flared{height:30px;border-style:solid;border-color:#333333;border-width:1px 0 0 0;border-radius:20px;margin-top:12px}#stacks_in_668 hr.flared:before{display:block;content:"";height:30px;margin-top:-31px;border-style:solid;border-color:#333333;border-width:0 0 1px 0;border-radius:20px}#stacks_in_668 hr.glyph{padding:0;border:0;border-top:1px double #333333;color:#333333;text-align:center;margin:1em 0}#stacks_in_668 hr.glyph:after{content:"ยง";display:inline-block;position:relative;top:-0.00em;font-size:1.5em;padding:0 .25em;background:#FFFFFF} #stacks_out_849 { width: 220px; } /* 1.0.3.15 - Ability to add classes to event items - Icon fonts are now all loaded locally - New option to inherit theme/framework @font-face { - Custom font options now support fonts loaded from other addons or sources - removes google calendar code - you can now add titles above the date - new optional content area in event header area - - this new space now adjusts to fit the width of the added content. - TODO: the above edits shifts the html contents of the slices, need to figure out how to do it without effect current instances of the stack... - Removed resource for gCal - Toggle button is now focusable through tabing, and the enter/return key will open the details for better ADA accessibility - added compatiblity with Quick Editor Admin - optionally hide the toggle button per event - moved the click event to the toggle header element so that it is easy to click/activate - you can now customize the close and open toggle icon by size and icon - added option to hide title - added setting to adjust spacing between date texts */ @charset "UTF-8"; @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url("events-files/MaterialIcons-Regular.eot"); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url("events-files/MaterialIcons-Regular.woff2") format('woff2'), url("events-files/MaterialIcons-Regular.woff") format('woff'), url("events-files/MaterialIcons-Regular.ttf") format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } @font-face{font-family:"Ionicons";src:url("events-files/ionicons.eot?v=2.0.1");src:url("events-files/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("events-files/ionicons.ttf?v=2.0.1") format("truetype"),url("events-files/ionicons.woff?v=2.0.1") format("woff"),url("events-files/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal} /* */ #events-stacks_in_957 { margin: 0 auto; max-width: 600px; } #events-stacks_in_957 .events-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #events-stacks_in_957 .events-grid li.events-grid-item { padding: 10px 10px; padding-top: 0; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } #events-stacks_in_957 .events-grid li.events-grid-item:first-child { padding-top: 10px; } #events-stacks_in_957 .event { border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 0.3s ease; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20); } #events-stacks_in_957 .event-header { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; box-sizing: border-box; } #events-stacks_in_957 .event-header > div:nth-child(3) > *:not(.empty), #events-stacks_in_957 .event-header .header-title { /* */ /* */ font-family: inherit; /* */ /* */ padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; } #events-stacks_in_957 .event-header .header-title { width: 100%; } #events-stacks_in_957 .event-header > div:nth-child(3)[tag="node"] { flex: none; max-width: 50%; } #events-stacks_in_957 .event-header > div.empty:nth-child(3) {display: none;} #events-stacks_in_957 .event-header .header-title h3, #events-stacks_in_957 .event-header .header-title .header-description, #events-stacks_in_957 .event-header .header-title .header-title-info { margin: 0; padding: 5px; } #events-stacks_in_957 .event-header .header-title h3 { color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 25.199999px; font-weight: bold; } #events-stacks_in_957 .event-header .header-title .header-description { color: rgba(255, 255, 255, 0.50) !important; font-size: 14px; line-height: 19.600000px; } #events-stacks_in_957 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[0] * 1.4 )%%px; } #events-stacks_in_957 .event-header .header-title .header-title-info span { color: rgba(90, 154, 244, 1.00); -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } #events-stacks_in_957 .event-header .header-title .header-title-info span:first-child { margin-right: 10px; } #events-stacks_in_957 .event-header .header-title .header-title-info i { font-size: inherit; margin-right: 5px; } #events-stacks_in_957 .event-header .header-date { gap: 4px; /* */ /* */ background: rgba(58, 58, 58, 1.00); /* */ /* */ /* */ font-family: "inherit"; /* */ padding: 10px 10px; min-width: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #events-stacks_in_957 .event-header .header-date .date-top { text-align: center; color: rgba(255, 255, 255, 1.00); font-size: 40px; } #events-stacks_in_957 .event-header .header-date .date-bottom { text-align: center; color: rgba(90, 154, 244, 1.00); font-size: 14px; } #events-stacks_in_957 .event-header .header-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: auto; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; box-sizing: border-box; cursor: pointer; color: rgba(255, 255, 255, 1.00); } #events-stacks_in_957 .event-header .header-toggle .toggle-inner { /* */ /* */ font-family: inherit; /* */ /* */ width: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #events-stacks_in_957 .event-details { /* */ height: 0; /* */ /* */ font-family: "inherit"; /* */ /* */ /* */ background: rgba(40, 40, 40, 1.00); /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow: hidden; } #events-stacks_in_957 .event-details .details-inner { padding: 15px 15px; } #events-stacks_in_957 .event-details .details-inner h1, #events-stacks_in_957 .event-details .details-inner h2, #events-stacks_in_957 .event-details .details-inner h3, #events-stacks_in_957 .event-details .details-inner h4, #events-stacks_in_957 .event-details .details-inner h5, #events-stacks_in_957 .event-details .details-inner h6 { color: rgba(255, 255, 255, 1.00); } #events-stacks_in_957 .event-details .details-inner p, #events-stacks_in_957 .event-details .details-inner ul, #events-stacks_in_957 .event-details .details-inner li, #events-stacks_in_957 .event-details .details-inner span, #events-stacks_in_957 .event-details .details-inner blockquote { line-height: 22.400000px; font-size: 16px; color: rgba(255, 255, 255, 0.40); } #events-stacks_in_957 .event-details .details-inner a, #events-stacks_in_957 .event-details .details-inner a:link, #events-stacks_in_957 .event-details .details-inner a:visited { line-height: 22.400000px; font-size: 16px; color: rgba(90, 154, 244, 1.00); } #events-stacks_in_957 .event.event-opened .event-details { height: auto; } #events-stacks_in_957 .event.event-opened .event-header .header-toggle .toggle-inner i:nth-child(1), #events-stacks_in_957 .event .event-header .header-toggle .toggle-inner i:nth-child(2) { display: none; } #events-stacks_in_957 .event.event-opened .event-header .header-toggle .toggle-inner i:nth-child(2) { display:block; } #events-stacks_in_957 .event.event-opened .event-details { height: auto; } #events-stacks_in_957.hide-date-top .date-top, #events-stacks_in_957.hide-date-bottom .date-bottom, #events-stacks_in_957.hide-description .header-title .header-description, #events-stacks_in_957.hide-title .header-title h3, #events-stacks_in_957.hide-description.hide-title.hide-location.hide-time .header-title, #events-stacks_in_957.hide-location .header-title .header-title-info span:first-child, #events-stacks_in_957.hide-time .header-title .header-title-info span:nth-child(2) { display: none; } @media (max-width: 500px) { #events-stacks_in_957 .event-header { -ms-flex-wrap: wrap; flex-wrap: wrap; } #events-stacks_in_957 .event-header .header-title { width: 100%; } #events-stacks_in_957 .event-header .header-title .header-title-info span { margin-bottom: 5px; } #events-stacks_in_957 .event-header .header-date { width: 100%; } #events-stacks_in_957 .event-header .header-toggle { width: 100%; } #events-stacks_in_957 .event-header .header-toggle .toggle-inner { width: 100%; min-height: 40px; } #events-stacks_in_957 .event-header .header-toggle .toggle-inner::after { display: inline; font-size: 14px; margin-left: 10px; content: 'View Details'; } } @media (min-width: 400px) and (max-width: 780px) { /* */ #events-stacks_in_957 .event-header .header-title h3 { font-size: 16px; line-height: 22.400000px; } #events-stacks_in_957 .event-header .header-title .header-description { font-size: 13px; line-height: 18.199999px; } #events-stacks_in_957 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[1] * 1.4 )%%px; } #events-stacks_in_957 .event-header .header-date .date-top { font-size: 40px; } #events-stacks_in_957 .event-header .header-date .date-bottom { font-size: 14px; } #events-stacks_in_957 .event-details .details-inner { font-size: 16px; line-height: 22.400000px; } /* */ } @media (max-width: 400px) { /* */ #events-stacks_in_957 .event-header .header-title h3 { font-size: 16px; line-height: 22.400000px; } #events-stacks_in_957 .event-header .header-title .header-description { font-size: 13px; line-height: 18.199999px; } #events-stacks_in_957 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[2] * 1.4 )%%px; } #events-stacks_in_957 .event-header .header-date .date-top { font-size: 40px; } #events-stacks_in_957 .event-header .header-date .date-bottom { font-size: 14px; } #events-stacks_in_957 .event-details .details-inner { font-size: 16px; line-height: 22.400000px; } /* */ } #stacks_in_958.events-grid-item .event-header { /* */ /* */ } #stacks_in_958.events-grid-item .event-header .header-date { /* */ /* */ } #stacks_in_958.events-grid-item .event-details { /* */ /* */ } #stacks_in_958.events-grid-item .event-header .header-toggle { font-size: 12px; } .youtube-wrapper.stacks_in_852{padding-top:calc((/)*100%)} #stacks_out_860 { width: 250px; } /* 1.0.3.15 - Ability to add classes to event items - Icon fonts are now all loaded locally - New option to inherit theme/framework @font-face { - Custom font options now support fonts loaded from other addons or sources - removes google calendar code - you can now add titles above the date - new optional content area in event header area - - this new space now adjusts to fit the width of the added content. - TODO: the above edits shifts the html contents of the slices, need to figure out how to do it without effect current instances of the stack... - Removed resource for gCal - Toggle button is now focusable through tabing, and the enter/return key will open the details for better ADA accessibility - added compatiblity with Quick Editor Admin - optionally hide the toggle button per event - moved the click event to the toggle header element so that it is easy to click/activate - you can now customize the close and open toggle icon by size and icon - added option to hide title - added setting to adjust spacing between date texts */ @charset "UTF-8"; @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url("events-files/MaterialIcons-Regular.eot"); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url("events-files/MaterialIcons-Regular.woff2") format('woff2'), url("events-files/MaterialIcons-Regular.woff") format('woff'), url("events-files/MaterialIcons-Regular.ttf") format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } @font-face{font-family:"Ionicons";src:url("events-files/ionicons.eot?v=2.0.1");src:url("events-files/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("events-files/ionicons.ttf?v=2.0.1") format("truetype"),url("events-files/ionicons.woff?v=2.0.1") format("woff"),url("events-files/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal} /* */ #events-stacks_in_969 { margin: 0 auto; max-width: 600px; } #events-stacks_in_969 .events-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #events-stacks_in_969 .events-grid li.events-grid-item { padding: 10px 10px; padding-top: 0; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } #events-stacks_in_969 .events-grid li.events-grid-item:first-child { padding-top: 10px; } #events-stacks_in_969 .event { border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 0.3s ease; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20); } #events-stacks_in_969 .event-header { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; box-sizing: border-box; } #events-stacks_in_969 .event-header > div:nth-child(3) > *:not(.empty), #events-stacks_in_969 .event-header .header-title { /* */ /* */ font-family: inherit; /* */ /* */ padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; } #events-stacks_in_969 .event-header .header-title { width: 100%; } #events-stacks_in_969 .event-header > div:nth-child(3)[tag="node"] { flex: none; max-width: 50%; } #events-stacks_in_969 .event-header > div.empty:nth-child(3) {display: none;} #events-stacks_in_969 .event-header .header-title h3, #events-stacks_in_969 .event-header .header-title .header-description, #events-stacks_in_969 .event-header .header-title .header-title-info { margin: 0; padding: 5px; } #events-stacks_in_969 .event-header .header-title h3 { color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 25.199999px; font-weight: bold; } #events-stacks_in_969 .event-header .header-title .header-description { color: rgba(255, 255, 255, 0.50) !important; font-size: 14px; line-height: 19.600000px; } #events-stacks_in_969 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[0] * 1.4 )%%px; } #events-stacks_in_969 .event-header .header-title .header-title-info span { color: rgba(90, 154, 244, 1.00); -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } #events-stacks_in_969 .event-header .header-title .header-title-info span:first-child { margin-right: 10px; } #events-stacks_in_969 .event-header .header-title .header-title-info i { font-size: inherit; margin-right: 5px; } #events-stacks_in_969 .event-header .header-date { gap: 4px; /* */ /* */ background: rgba(58, 58, 58, 1.00); /* */ /* */ /* */ font-family: "inherit"; /* */ padding: 10px 10px; min-width: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #events-stacks_in_969 .event-header .header-date .date-top { text-align: center; color: rgba(255, 255, 255, 1.00); font-size: 40px; } #events-stacks_in_969 .event-header .header-date .date-bottom { text-align: center; color: rgba(90, 154, 244, 1.00); font-size: 14px; } #events-stacks_in_969 .event-header .header-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: auto; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; box-sizing: border-box; cursor: pointer; color: rgba(255, 255, 255, 1.00); } #events-stacks_in_969 .event-header .header-toggle .toggle-inner { /* */ /* */ font-family: inherit; /* */ /* */ width: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #events-stacks_in_969 .event-details { /* */ height: 0; /* */ /* */ font-family: "inherit"; /* */ /* */ /* */ background: rgba(40, 40, 40, 1.00); /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow: hidden; } #events-stacks_in_969 .event-details .details-inner { padding: 15px 15px; } #events-stacks_in_969 .event-details .details-inner h1, #events-stacks_in_969 .event-details .details-inner h2, #events-stacks_in_969 .event-details .details-inner h3, #events-stacks_in_969 .event-details .details-inner h4, #events-stacks_in_969 .event-details .details-inner h5, #events-stacks_in_969 .event-details .details-inner h6 { color: rgba(255, 255, 255, 1.00); } #events-stacks_in_969 .event-details .details-inner p, #events-stacks_in_969 .event-details .details-inner ul, #events-stacks_in_969 .event-details .details-inner li, #events-stacks_in_969 .event-details .details-inner span, #events-stacks_in_969 .event-details .details-inner blockquote { line-height: 22.400000px; font-size: 16px; color: rgba(255, 255, 255, 0.40); } #events-stacks_in_969 .event-details .details-inner a, #events-stacks_in_969 .event-details .details-inner a:link, #events-stacks_in_969 .event-details .details-inner a:visited { line-height: 22.400000px; font-size: 16px; color: rgba(90, 154, 244, 1.00); } #events-stacks_in_969 .event.event-opened .event-details { height: auto; } #events-stacks_in_969 .event.event-opened .event-header .header-toggle .toggle-inner i:nth-child(1), #events-stacks_in_969 .event .event-header .header-toggle .toggle-inner i:nth-child(2) { display: none; } #events-stacks_in_969 .event.event-opened .event-header .header-toggle .toggle-inner i:nth-child(2) { display:block; } #events-stacks_in_969 .event.event-opened .event-details { height: auto; } #events-stacks_in_969.hide-date-top .date-top, #events-stacks_in_969.hide-date-bottom .date-bottom, #events-stacks_in_969.hide-description .header-title .header-description, #events-stacks_in_969.hide-title .header-title h3, #events-stacks_in_969.hide-description.hide-title.hide-location.hide-time .header-title, #events-stacks_in_969.hide-location .header-title .header-title-info span:first-child, #events-stacks_in_969.hide-time .header-title .header-title-info span:nth-child(2) { display: none; } @media (max-width: 500px) { #events-stacks_in_969 .event-header { -ms-flex-wrap: wrap; flex-wrap: wrap; } #events-stacks_in_969 .event-header .header-title { width: 100%; } #events-stacks_in_969 .event-header .header-title .header-title-info span { margin-bottom: 5px; } #events-stacks_in_969 .event-header .header-date { width: 100%; } #events-stacks_in_969 .event-header .header-toggle { width: 100%; } #events-stacks_in_969 .event-header .header-toggle .toggle-inner { width: 100%; min-height: 40px; } #events-stacks_in_969 .event-header .header-toggle .toggle-inner::after { display: inline; font-size: 14px; margin-left: 10px; content: 'View Details'; } } @media (min-width: 400px) and (max-width: 780px) { /* */ #events-stacks_in_969 .event-header .header-title h3 { font-size: 16px; line-height: 22.400000px; } #events-stacks_in_969 .event-header .header-title .header-description { font-size: 13px; line-height: 18.199999px; } #events-stacks_in_969 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[1] * 1.4 )%%px; } #events-stacks_in_969 .event-header .header-date .date-top { font-size: 40px; } #events-stacks_in_969 .event-header .header-date .date-bottom { font-size: 14px; } #events-stacks_in_969 .event-details .details-inner { font-size: 16px; line-height: 22.400000px; } /* */ } @media (max-width: 400px) { /* */ #events-stacks_in_969 .event-header .header-title h3 { font-size: 16px; line-height: 22.400000px; } #events-stacks_in_969 .event-header .header-title .header-description { font-size: 13px; line-height: 18.199999px; } #events-stacks_in_969 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[2] * 1.4 )%%px; } #events-stacks_in_969 .event-header .header-date .date-top { font-size: 40px; } #events-stacks_in_969 .event-header .header-date .date-bottom { font-size: 14px; } #events-stacks_in_969 .event-details .details-inner { font-size: 16px; line-height: 22.400000px; } /* */ } #stacks_in_970.events-grid-item .event-header { /* */ /* */ } #stacks_in_970.events-grid-item .event-header .header-date { /* */ /* */ } #stacks_in_970.events-grid-item .event-details { /* */ /* */ } #stacks_in_970.events-grid-item .event-header .header-toggle { font-size: 18px; } .youtube-wrapper.stacks_in_863{padding-top:calc((/)*100%)} #stacks_out_871 { width: 250px; } /* 1.0.3.15 - Ability to add classes to event items - Icon fonts are now all loaded locally - New option to inherit theme/framework @font-face { - Custom font options now support fonts loaded from other addons or sources - removes google calendar code - you can now add titles above the date - new optional content area in event header area - - this new space now adjusts to fit the width of the added content. - TODO: the above edits shifts the html contents of the slices, need to figure out how to do it without effect current instances of the stack... - Removed resource for gCal - Toggle button is now focusable through tabing, and the enter/return key will open the details for better ADA accessibility - added compatiblity with Quick Editor Admin - optionally hide the toggle button per event - moved the click event to the toggle header element so that it is easy to click/activate - you can now customize the close and open toggle icon by size and icon - added option to hide title - added setting to adjust spacing between date texts */ @charset "UTF-8"; @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url("events-files/MaterialIcons-Regular.eot"); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url("events-files/MaterialIcons-Regular.woff2") format('woff2'), url("events-files/MaterialIcons-Regular.woff") format('woff'), url("events-files/MaterialIcons-Regular.ttf") format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } @font-face{font-family:"Ionicons";src:url("events-files/ionicons.eot?v=2.0.1");src:url("events-files/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("events-files/ionicons.ttf?v=2.0.1") format("truetype"),url("events-files/ionicons.woff?v=2.0.1") format("woff"),url("events-files/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal} /* */ #events-stacks_in_981 { margin: 0 auto; max-width: 600px; } #events-stacks_in_981 .events-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #events-stacks_in_981 .events-grid li.events-grid-item { padding: 10px 10px; padding-top: 0; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } #events-stacks_in_981 .events-grid li.events-grid-item:first-child { padding-top: 10px; } #events-stacks_in_981 .event { border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 0.3s ease; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20); } #events-stacks_in_981 .event-header { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; box-sizing: border-box; } #events-stacks_in_981 .event-header > div:nth-child(3) > *:not(.empty), #events-stacks_in_981 .event-header .header-title { /* */ /* */ font-family: inherit; /* */ /* */ padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; } #events-stacks_in_981 .event-header .header-title { width: 100%; } #events-stacks_in_981 .event-header > div:nth-child(3)[tag="node"] { flex: none; max-width: 50%; } #events-stacks_in_981 .event-header > div.empty:nth-child(3) {display: none;} #events-stacks_in_981 .event-header .header-title h3, #events-stacks_in_981 .event-header .header-title .header-description, #events-stacks_in_981 .event-header .header-title .header-title-info { margin: 0; padding: 5px; } #events-stacks_in_981 .event-header .header-title h3 { color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 25.199999px; font-weight: bold; } #events-stacks_in_981 .event-header .header-title .header-description { color: rgba(255, 255, 255, 0.50) !important; font-size: 14px; line-height: 19.600000px; } #events-stacks_in_981 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[0] * 1.4 )%%px; } #events-stacks_in_981 .event-header .header-title .header-title-info span { color: rgba(90, 154, 244, 1.00); -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } #events-stacks_in_981 .event-header .header-title .header-title-info span:first-child { margin-right: 10px; } #events-stacks_in_981 .event-header .header-title .header-title-info i { font-size: inherit; margin-right: 5px; } #events-stacks_in_981 .event-header .header-date { gap: 4px; /* */ /* */ background: rgba(58, 58, 58, 1.00); /* */ /* */ /* */ font-family: "inherit"; /* */ padding: 10px 10px; min-width: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #events-stacks_in_981 .event-header .header-date .date-top { text-align: center; color: rgba(255, 255, 255, 1.00); font-size: 40px; } #events-stacks_in_981 .event-header .header-date .date-bottom { text-align: center; color: rgba(90, 154, 244, 1.00); font-size: 14px; } #events-stacks_in_981 .event-header .header-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: auto; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; box-sizing: border-box; cursor: pointer; color: rgba(255, 255, 255, 1.00); } #events-stacks_in_981 .event-header .header-toggle .toggle-inner { /* */ /* */ font-family: inherit; /* */ /* */ width: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #events-stacks_in_981 .event-details { /* */ height: 0; /* */ /* */ font-family: "inherit"; /* */ /* */ /* */ background: rgba(40, 40, 40, 1.00); /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow: hidden; } #events-stacks_in_981 .event-details .details-inner { padding: 15px 15px; } #events-stacks_in_981 .event-details .details-inner h1, #events-stacks_in_981 .event-details .details-inner h2, #events-stacks_in_981 .event-details .details-inner h3, #events-stacks_in_981 .event-details .details-inner h4, #events-stacks_in_981 .event-details .details-inner h5, #events-stacks_in_981 .event-details .details-inner h6 { color: rgba(255, 255, 255, 1.00); } #events-stacks_in_981 .event-details .details-inner p, #events-stacks_in_981 .event-details .details-inner ul, #events-stacks_in_981 .event-details .details-inner li, #events-stacks_in_981 .event-details .details-inner span, #events-stacks_in_981 .event-details .details-inner blockquote { line-height: 22.400000px; font-size: 16px; color: rgba(255, 255, 255, 0.40); } #events-stacks_in_981 .event-details .details-inner a, #events-stacks_in_981 .event-details .details-inner a:link, #events-stacks_in_981 .event-details .details-inner a:visited { line-height: 22.400000px; font-size: 16px; color: rgba(90, 154, 244, 1.00); } #events-stacks_in_981 .event.event-opened .event-details { height: auto; } #events-stacks_in_981 .event.event-opened .event-header .header-toggle .toggle-inner i:nth-child(1), #events-stacks_in_981 .event .event-header .header-toggle .toggle-inner i:nth-child(2) { display: none; } #events-stacks_in_981 .event.event-opened .event-header .header-toggle .toggle-inner i:nth-child(2) { display:block; } #events-stacks_in_981 .event.event-opened .event-details { height: auto; } #events-stacks_in_981.hide-date-top .date-top, #events-stacks_in_981.hide-date-bottom .date-bottom, #events-stacks_in_981.hide-description .header-title .header-description, #events-stacks_in_981.hide-title .header-title h3, #events-stacks_in_981.hide-description.hide-title.hide-location.hide-time .header-title, #events-stacks_in_981.hide-location .header-title .header-title-info span:first-child, #events-stacks_in_981.hide-time .header-title .header-title-info span:nth-child(2) { display: none; } @media (max-width: 500px) { #events-stacks_in_981 .event-header { -ms-flex-wrap: wrap; flex-wrap: wrap; } #events-stacks_in_981 .event-header .header-title { width: 100%; } #events-stacks_in_981 .event-header .header-title .header-title-info span { margin-bottom: 5px; } #events-stacks_in_981 .event-header .header-date { width: 100%; } #events-stacks_in_981 .event-header .header-toggle { width: 100%; } #events-stacks_in_981 .event-header .header-toggle .toggle-inner { width: 100%; min-height: 40px; } #events-stacks_in_981 .event-header .header-toggle .toggle-inner::after { display: inline; font-size: 14px; margin-left: 10px; content: 'View Details'; } } @media (min-width: 400px) and (max-width: 780px) { /* */ #events-stacks_in_981 .event-header .header-title h3 { font-size: 16px; line-height: 22.400000px; } #events-stacks_in_981 .event-header .header-title .header-description { font-size: 13px; line-height: 18.199999px; } #events-stacks_in_981 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[1] * 1.4 )%%px; } #events-stacks_in_981 .event-header .header-date .date-top { font-size: 40px; } #events-stacks_in_981 .event-header .header-date .date-bottom { font-size: 14px; } #events-stacks_in_981 .event-details .details-inner { font-size: 16px; line-height: 22.400000px; } /* */ } @media (max-width: 400px) { /* */ #events-stacks_in_981 .event-header .header-title h3 { font-size: 16px; line-height: 22.400000px; } #events-stacks_in_981 .event-header .header-title .header-description { font-size: 13px; line-height: 18.199999px; } #events-stacks_in_981 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[2] * 1.4 )%%px; } #events-stacks_in_981 .event-header .header-date .date-top { font-size: 40px; } #events-stacks_in_981 .event-header .header-date .date-bottom { font-size: 14px; } #events-stacks_in_981 .event-details .details-inner { font-size: 16px; line-height: 22.400000px; } /* */ } #stacks_in_982.events-grid-item .event-header { /* */ /* */ } #stacks_in_982.events-grid-item .event-header .header-date { /* */ /* */ } #stacks_in_982.events-grid-item .event-details { /* */ /* */ } #stacks_in_982.events-grid-item .event-header .header-toggle { font-size: 18px; } .youtube-wrapper.stacks_in_874{padding-top:calc((/)*100%)} #stacks_out_882 { width: 250px; } /* 1.0.3.15 - Ability to add classes to event items - Icon fonts are now all loaded locally - New option to inherit theme/framework @font-face { - Custom font options now support fonts loaded from other addons or sources - removes google calendar code - you can now add titles above the date - new optional content area in event header area - - this new space now adjusts to fit the width of the added content. - TODO: the above edits shifts the html contents of the slices, need to figure out how to do it without effect current instances of the stack... - Removed resource for gCal - Toggle button is now focusable through tabing, and the enter/return key will open the details for better ADA accessibility - added compatiblity with Quick Editor Admin - optionally hide the toggle button per event - moved the click event to the toggle header element so that it is easy to click/activate - you can now customize the close and open toggle icon by size and icon - added option to hide title - added setting to adjust spacing between date texts */ @charset "UTF-8"; @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url("events-files/MaterialIcons-Regular.eot"); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url("events-files/MaterialIcons-Regular.woff2") format('woff2'), url("events-files/MaterialIcons-Regular.woff") format('woff'), url("events-files/MaterialIcons-Regular.ttf") format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } @font-face{font-family:"Ionicons";src:url("events-files/ionicons.eot?v=2.0.1");src:url("events-files/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("events-files/ionicons.ttf?v=2.0.1") format("truetype"),url("events-files/ionicons.woff?v=2.0.1") format("woff"),url("events-files/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal} /* */ #events-stacks_in_1004 { margin: 0 auto; max-width: 600px; } #events-stacks_in_1004 .events-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #events-stacks_in_1004 .events-grid li.events-grid-item { padding: 10px 10px; padding-top: 0; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } #events-stacks_in_1004 .events-grid li.events-grid-item:first-child { padding-top: 10px; } #events-stacks_in_1004 .event { border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 0.3s ease; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20); } #events-stacks_in_1004 .event-header { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; box-sizing: border-box; } #events-stacks_in_1004 .event-header > div:nth-child(3) > *:not(.empty), #events-stacks_in_1004 .event-header .header-title { /* */ /* */ font-family: inherit; /* */ /* */ padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; } #events-stacks_in_1004 .event-header .header-title { width: 100%; } #events-stacks_in_1004 .event-header > div:nth-child(3)[tag="node"] { flex: none; max-width: 50%; } #events-stacks_in_1004 .event-header > div.empty:nth-child(3) {display: none;} #events-stacks_in_1004 .event-header .header-title h3, #events-stacks_in_1004 .event-header .header-title .header-description, #events-stacks_in_1004 .event-header .header-title .header-title-info { margin: 0; padding: 5px; } #events-stacks_in_1004 .event-header .header-title h3 { color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 25.199999px; font-weight: bold; } #events-stacks_in_1004 .event-header .header-title .header-description { color: rgba(255, 255, 255, 0.50) !important; font-size: 14px; line-height: 19.600000px; } #events-stacks_in_1004 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[0] * 1.4 )%%px; } #events-stacks_in_1004 .event-header .header-title .header-title-info span { color: rgba(90, 154, 244, 1.00); -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } #events-stacks_in_1004 .event-header .header-title .header-title-info span:first-child { margin-right: 10px; } #events-stacks_in_1004 .event-header .header-title .header-title-info i { font-size: inherit; margin-right: 5px; } #events-stacks_in_1004 .event-header .header-date { gap: 4px; /* */ /* */ background: rgba(58, 58, 58, 1.00); /* */ /* */ /* */ font-family: "inherit"; /* */ padding: 10px 10px; min-width: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #events-stacks_in_1004 .event-header .header-date .date-top { text-align: center; color: rgba(255, 255, 255, 1.00); font-size: 40px; } #events-stacks_in_1004 .event-header .header-date .date-bottom { text-align: center; color: rgba(90, 154, 244, 1.00); font-size: 14px; } #events-stacks_in_1004 .event-header .header-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: auto; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; box-sizing: border-box; cursor: pointer; color: rgba(255, 255, 255, 1.00); } #events-stacks_in_1004 .event-header .header-toggle .toggle-inner { /* */ /* */ font-family: inherit; /* */ /* */ width: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #events-stacks_in_1004 .event-details { /* */ height: 0; /* */ /* */ font-family: "inherit"; /* */ /* */ /* */ background: rgba(40, 40, 40, 1.00); /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow: hidden; } #events-stacks_in_1004 .event-details .details-inner { padding: 15px 15px; } #events-stacks_in_1004 .event-details .details-inner h1, #events-stacks_in_1004 .event-details .details-inner h2, #events-stacks_in_1004 .event-details .details-inner h3, #events-stacks_in_1004 .event-details .details-inner h4, #events-stacks_in_1004 .event-details .details-inner h5, #events-stacks_in_1004 .event-details .details-inner h6 { color: rgba(255, 255, 255, 1.00); } #events-stacks_in_1004 .event-details .details-inner p, #events-stacks_in_1004 .event-details .details-inner ul, #events-stacks_in_1004 .event-details .details-inner li, #events-stacks_in_1004 .event-details .details-inner span, #events-stacks_in_1004 .event-details .details-inner blockquote { line-height: 22.400000px; font-size: 16px; color: rgba(255, 255, 255, 0.40); } #events-stacks_in_1004 .event-details .details-inner a, #events-stacks_in_1004 .event-details .details-inner a:link, #events-stacks_in_1004 .event-details .details-inner a:visited { line-height: 22.400000px; font-size: 16px; color: rgba(90, 154, 244, 1.00); } #events-stacks_in_1004 .event.event-opened .event-details { height: auto; } #events-stacks_in_1004 .event.event-opened .event-header .header-toggle .toggle-inner i:nth-child(1), #events-stacks_in_1004 .event .event-header .header-toggle .toggle-inner i:nth-child(2) { display: none; } #events-stacks_in_1004 .event.event-opened .event-header .header-toggle .toggle-inner i:nth-child(2) { display:block; } #events-stacks_in_1004 .event.event-opened .event-details { height: auto; } #events-stacks_in_1004.hide-date-top .date-top, #events-stacks_in_1004.hide-date-bottom .date-bottom, #events-stacks_in_1004.hide-description .header-title .header-description, #events-stacks_in_1004.hide-title .header-title h3, #events-stacks_in_1004.hide-description.hide-title.hide-location.hide-time .header-title, #events-stacks_in_1004.hide-location .header-title .header-title-info span:first-child, #events-stacks_in_1004.hide-time .header-title .header-title-info span:nth-child(2) { display: none; } @media (max-width: 500px) { #events-stacks_in_1004 .event-header { -ms-flex-wrap: wrap; flex-wrap: wrap; } #events-stacks_in_1004 .event-header .header-title { width: 100%; } #events-stacks_in_1004 .event-header .header-title .header-title-info span { margin-bottom: 5px; } #events-stacks_in_1004 .event-header .header-date { width: 100%; } #events-stacks_in_1004 .event-header .header-toggle { width: 100%; } #events-stacks_in_1004 .event-header .header-toggle .toggle-inner { width: 100%; min-height: 40px; } #events-stacks_in_1004 .event-header .header-toggle .toggle-inner::after { display: inline; font-size: 14px; margin-left: 10px; content: 'View Details'; } } @media (min-width: 400px) and (max-width: 780px) { /* */ #events-stacks_in_1004 .event-header .header-title h3 { font-size: 16px; line-height: 22.400000px; } #events-stacks_in_1004 .event-header .header-title .header-description { font-size: 13px; line-height: 18.199999px; } #events-stacks_in_1004 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[1] * 1.4 )%%px; } #events-stacks_in_1004 .event-header .header-date .date-top { font-size: 40px; } #events-stacks_in_1004 .event-header .header-date .date-bottom { font-size: 14px; } #events-stacks_in_1004 .event-details .details-inner { font-size: 16px; line-height: 22.400000px; } /* */ } @media (max-width: 400px) { /* */ #events-stacks_in_1004 .event-header .header-title h3 { font-size: 16px; line-height: 22.400000px; } #events-stacks_in_1004 .event-header .header-title .header-description { font-size: 13px; line-height: 18.199999px; } #events-stacks_in_1004 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[2] * 1.4 )%%px; } #events-stacks_in_1004 .event-header .header-date .date-top { font-size: 40px; } #events-stacks_in_1004 .event-header .header-date .date-bottom { font-size: 14px; } #events-stacks_in_1004 .event-details .details-inner { font-size: 16px; line-height: 22.400000px; } /* */ } #stacks_in_1005.events-grid-item .event-header { /* */ /* */ } #stacks_in_1005.events-grid-item .event-header .header-date { /* */ /* */ } #stacks_in_1005.events-grid-item .event-details { /* */ /* */ } #stacks_in_1005.events-grid-item .event-header .header-toggle { font-size: 18px; } .youtube-wrapper.stacks_in_885{padding-top:calc((/)*100%)} #stacks_out_896 { width: 250px; } /* 1.0.3.15 - Ability to add classes to event items - Icon fonts are now all loaded locally - New option to inherit theme/framework @font-face { - Custom font options now support fonts loaded from other addons or sources - removes google calendar code - you can now add titles above the date - new optional content area in event header area - - this new space now adjusts to fit the width of the added content. - TODO: the above edits shifts the html contents of the slices, need to figure out how to do it without effect current instances of the stack... - Removed resource for gCal - Toggle button is now focusable through tabing, and the enter/return key will open the details for better ADA accessibility - added compatiblity with Quick Editor Admin - optionally hide the toggle button per event - moved the click event to the toggle header element so that it is easy to click/activate - you can now customize the close and open toggle icon by size and icon - added option to hide title - added setting to adjust spacing between date texts */ @charset "UTF-8"; @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url("events-files/MaterialIcons-Regular.eot"); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url("events-files/MaterialIcons-Regular.woff2") format('woff2'), url("events-files/MaterialIcons-Regular.woff") format('woff'), url("events-files/MaterialIcons-Regular.ttf") format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } @font-face{font-family:"Ionicons";src:url("events-files/ionicons.eot?v=2.0.1");src:url("events-files/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("events-files/ionicons.ttf?v=2.0.1") format("truetype"),url("events-files/ionicons.woff?v=2.0.1") format("woff"),url("events-files/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal} /* */ #events-stacks_in_1026 { margin: 0 auto; max-width: 600px; } #events-stacks_in_1026 .events-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #events-stacks_in_1026 .events-grid li.events-grid-item { padding: 10px 10px; padding-top: 0; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } #events-stacks_in_1026 .events-grid li.events-grid-item:first-child { padding-top: 10px; } #events-stacks_in_1026 .event { border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 0.3s ease; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20); } #events-stacks_in_1026 .event-header { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; box-sizing: border-box; } #events-stacks_in_1026 .event-header > div:nth-child(3) > *:not(.empty), #events-stacks_in_1026 .event-header .header-title { /* */ /* */ font-family: inherit; /* */ /* */ padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; } #events-stacks_in_1026 .event-header .header-title { width: 100%; } #events-stacks_in_1026 .event-header > div:nth-child(3)[tag="node"] { flex: none; max-width: 50%; } #events-stacks_in_1026 .event-header > div.empty:nth-child(3) {display: none;} #events-stacks_in_1026 .event-header .header-title h3, #events-stacks_in_1026 .event-header .header-title .header-description, #events-stacks_in_1026 .event-header .header-title .header-title-info { margin: 0; padding: 5px; } #events-stacks_in_1026 .event-header .header-title h3 { color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 25.199999px; font-weight: bold; } #events-stacks_in_1026 .event-header .header-title .header-description { color: rgba(255, 255, 255, 0.50) !important; font-size: 14px; line-height: 19.600000px; } #events-stacks_in_1026 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[0] * 1.4 )%%px; } #events-stacks_in_1026 .event-header .header-title .header-title-info span { color: rgba(90, 154, 244, 1.00); -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } #events-stacks_in_1026 .event-header .header-title .header-title-info span:first-child { margin-right: 10px; } #events-stacks_in_1026 .event-header .header-title .header-title-info i { font-size: inherit; margin-right: 5px; } #events-stacks_in_1026 .event-header .header-date { gap: 4px; /* */ /* */ background: rgba(58, 58, 58, 1.00); /* */ /* */ /* */ font-family: "inherit"; /* */ padding: 10px 10px; min-width: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #events-stacks_in_1026 .event-header .header-date .date-top { text-align: center; color: rgba(255, 255, 255, 1.00); font-size: 40px; } #events-stacks_in_1026 .event-header .header-date .date-bottom { text-align: center; color: rgba(90, 154, 244, 1.00); font-size: 14px; } #events-stacks_in_1026 .event-header .header-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: auto; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; box-sizing: border-box; cursor: pointer; color: rgba(255, 255, 255, 1.00); } #events-stacks_in_1026 .event-header .header-toggle .toggle-inner { /* */ /* */ font-family: inherit; /* */ /* */ width: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #events-stacks_in_1026 .event-details { /* */ height: 0; /* */ /* */ font-family: "inherit"; /* */ /* */ /* */ background: rgba(40, 40, 40, 1.00); /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow: hidden; } #events-stacks_in_1026 .event-details .details-inner { padding: 15px 15px; } #events-stacks_in_1026 .event-details .details-inner h1, #events-stacks_in_1026 .event-details .details-inner h2, #events-stacks_in_1026 .event-details .details-inner h3, #events-stacks_in_1026 .event-details .details-inner h4, #events-stacks_in_1026 .event-details .details-inner h5, #events-stacks_in_1026 .event-details .details-inner h6 { color: rgba(255, 255, 255, 1.00); } #events-stacks_in_1026 .event-details .details-inner p, #events-stacks_in_1026 .event-details .details-inner ul, #events-stacks_in_1026 .event-details .details-inner li, #events-stacks_in_1026 .event-details .details-inner span, #events-stacks_in_1026 .event-details .details-inner blockquote { line-height: 22.400000px; font-size: 16px; color: rgba(255, 255, 255, 0.40); } #events-stacks_in_1026 .event-details .details-inner a, #events-stacks_in_1026 .event-details .details-inner a:link, #events-stacks_in_1026 .event-details .details-inner a:visited { line-height: 22.400000px; font-size: 16px; color: rgba(90, 154, 244, 1.00); } #events-stacks_in_1026 .event.event-opened .event-details { height: auto; } #events-stacks_in_1026 .event.event-opened .event-header .header-toggle .toggle-inner i:nth-child(1), #events-stacks_in_1026 .event .event-header .header-toggle .toggle-inner i:nth-child(2) { display: none; } #events-stacks_in_1026 .event.event-opened .event-header .header-toggle .toggle-inner i:nth-child(2) { display:block; } #events-stacks_in_1026 .event.event-opened .event-details { height: auto; } #events-stacks_in_1026.hide-date-top .date-top, #events-stacks_in_1026.hide-date-bottom .date-bottom, #events-stacks_in_1026.hide-description .header-title .header-description, #events-stacks_in_1026.hide-title .header-title h3, #events-stacks_in_1026.hide-description.hide-title.hide-location.hide-time .header-title, #events-stacks_in_1026.hide-location .header-title .header-title-info span:first-child, #events-stacks_in_1026.hide-time .header-title .header-title-info span:nth-child(2) { display: none; } @media (max-width: 500px) { #events-stacks_in_1026 .event-header { -ms-flex-wrap: wrap; flex-wrap: wrap; } #events-stacks_in_1026 .event-header .header-title { width: 100%; } #events-stacks_in_1026 .event-header .header-title .header-title-info span { margin-bottom: 5px; } #events-stacks_in_1026 .event-header .header-date { width: 100%; } #events-stacks_in_1026 .event-header .header-toggle { width: 100%; } #events-stacks_in_1026 .event-header .header-toggle .toggle-inner { width: 100%; min-height: 40px; } #events-stacks_in_1026 .event-header .header-toggle .toggle-inner::after { display: inline; font-size: 14px; margin-left: 10px; content: 'View Details'; } } @media (min-width: 400px) and (max-width: 780px) { /* */ #events-stacks_in_1026 .event-header .header-title h3 { font-size: 16px; line-height: 22.400000px; } #events-stacks_in_1026 .event-header .header-title .header-description { font-size: 13px; line-height: 18.199999px; } #events-stacks_in_1026 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[1] * 1.4 )%%px; } #events-stacks_in_1026 .event-header .header-date .date-top { font-size: 40px; } #events-stacks_in_1026 .event-header .header-date .date-bottom { font-size: 14px; } #events-stacks_in_1026 .event-details .details-inner { font-size: 16px; line-height: 22.400000px; } /* */ } @media (max-width: 400px) { /* */ #events-stacks_in_1026 .event-header .header-title h3 { font-size: 16px; line-height: 22.400000px; } #events-stacks_in_1026 .event-header .header-title .header-description { font-size: 13px; line-height: 18.199999px; } #events-stacks_in_1026 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[2] * 1.4 )%%px; } #events-stacks_in_1026 .event-header .header-date .date-top { font-size: 40px; } #events-stacks_in_1026 .event-header .header-date .date-bottom { font-size: 14px; } #events-stacks_in_1026 .event-details .details-inner { font-size: 16px; line-height: 22.400000px; } /* */ } #stacks_in_1027.events-grid-item .event-header { /* */ /* */ } #stacks_in_1027.events-grid-item .event-header .header-date { /* */ /* */ } #stacks_in_1027.events-grid-item .event-details { /* */ /* */ } #stacks_in_1027.events-grid-item .event-header .header-toggle { font-size: 18px; } .youtube-wrapper.stacks_in_899{padding-top:calc((/)*100%)} #stacks_out_904 { width: 250px; } /* 1.0.3.15 - Ability to add classes to event items - Icon fonts are now all loaded locally - New option to inherit theme/framework @font-face { - Custom font options now support fonts loaded from other addons or sources - removes google calendar code - you can now add titles above the date - new optional content area in event header area - - this new space now adjusts to fit the width of the added content. - TODO: the above edits shifts the html contents of the slices, need to figure out how to do it without effect current instances of the stack... - Removed resource for gCal - Toggle button is now focusable through tabing, and the enter/return key will open the details for better ADA accessibility - added compatiblity with Quick Editor Admin - optionally hide the toggle button per event - moved the click event to the toggle header element so that it is easy to click/activate - you can now customize the close and open toggle icon by size and icon - added option to hide title - added setting to adjust spacing between date texts */ @charset "UTF-8"; @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url("events-files/MaterialIcons-Regular.eot"); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url("events-files/MaterialIcons-Regular.woff2") format('woff2'), url("events-files/MaterialIcons-Regular.woff") format('woff'), url("events-files/MaterialIcons-Regular.ttf") format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } @font-face{font-family:"Ionicons";src:url("events-files/ionicons.eot?v=2.0.1");src:url("events-files/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("events-files/ionicons.ttf?v=2.0.1") format("truetype"),url("events-files/ionicons.woff?v=2.0.1") format("woff"),url("events-files/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal} /* */ #events-stacks_in_1038 { margin: 0 auto; max-width: 600px; } #events-stacks_in_1038 .events-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #events-stacks_in_1038 .events-grid li.events-grid-item { padding: 10px 10px; padding-top: 0; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } #events-stacks_in_1038 .events-grid li.events-grid-item:first-child { padding-top: 10px; } #events-stacks_in_1038 .event { border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 0.3s ease; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20); } #events-stacks_in_1038 .event-header { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; box-sizing: border-box; } #events-stacks_in_1038 .event-header > div:nth-child(3) > *:not(.empty), #events-stacks_in_1038 .event-header .header-title { /* */ /* */ font-family: inherit; /* */ /* */ padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; } #events-stacks_in_1038 .event-header .header-title { width: 100%; } #events-stacks_in_1038 .event-header > div:nth-child(3)[tag="node"] { flex: none; max-width: 50%; } #events-stacks_in_1038 .event-header > div.empty:nth-child(3) {display: none;} #events-stacks_in_1038 .event-header .header-title h3, #events-stacks_in_1038 .event-header .header-title .header-description, #events-stacks_in_1038 .event-header .header-title .header-title-info { margin: 0; padding: 5px; } #events-stacks_in_1038 .event-header .header-title h3 { color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 25.199999px; font-weight: bold; } #events-stacks_in_1038 .event-header .header-title .header-description { color: rgba(255, 255, 255, 0.50) !important; font-size: 14px; line-height: 19.600000px; } #events-stacks_in_1038 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[0] * 1.4 )%%px; } #events-stacks_in_1038 .event-header .header-title .header-title-info span { color: rgba(90, 154, 244, 1.00); -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } #events-stacks_in_1038 .event-header .header-title .header-title-info span:first-child { margin-right: 10px; } #events-stacks_in_1038 .event-header .header-title .header-title-info i { font-size: inherit; margin-right: 5px; } #events-stacks_in_1038 .event-header .header-date { gap: 4px; /* */ /* */ background: rgba(58, 58, 58, 1.00); /* */ /* */ /* */ font-family: "inherit"; /* */ padding: 10px 10px; min-width: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #events-stacks_in_1038 .event-header .header-date .date-top { text-align: center; color: rgba(255, 255, 255, 1.00); font-size: 40px; } #events-stacks_in_1038 .event-header .header-date .date-bottom { text-align: center; color: rgba(90, 154, 244, 1.00); font-size: 14px; } #events-stacks_in_1038 .event-header .header-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: auto; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; box-sizing: border-box; cursor: pointer; color: rgba(255, 255, 255, 1.00); } #events-stacks_in_1038 .event-header .header-toggle .toggle-inner { /* */ /* */ font-family: inherit; /* */ /* */ width: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; vertical-align: middle; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #events-stacks_in_1038 .event-details { /* */ height: 0; /* */ /* */ font-family: "inherit"; /* */ /* */ /* */ background: rgba(40, 40, 40, 1.00); /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow: hidden; } #events-stacks_in_1038 .event-details .details-inner { padding: 15px 15px; } #events-stacks_in_1038 .event-details .details-inner h1, #events-stacks_in_1038 .event-details .details-inner h2, #events-stacks_in_1038 .event-details .details-inner h3, #events-stacks_in_1038 .event-details .details-inner h4, #events-stacks_in_1038 .event-details .details-inner h5, #events-stacks_in_1038 .event-details .details-inner h6 { color: rgba(255, 255, 255, 1.00); } #events-stacks_in_1038 .event-details .details-inner p, #events-stacks_in_1038 .event-details .details-inner ul, #events-stacks_in_1038 .event-details .details-inner li, #events-stacks_in_1038 .event-details .details-inner span, #events-stacks_in_1038 .event-details .details-inner blockquote { line-height: 22.400000px; font-size: 16px; color: rgba(255, 255, 255, 0.40); } #events-stacks_in_1038 .event-details .details-inner a, #events-stacks_in_1038 .event-details .details-inner a:link, #events-stacks_in_1038 .event-details .details-inner a:visited { line-height: 22.400000px; font-size: 16px; color: rgba(90, 154, 244, 1.00); } #events-stacks_in_1038 .event.event-opened .event-details { height: auto; } #events-stacks_in_1038 .event.event-opened .event-header .header-toggle .toggle-inner i:nth-child(1), #events-stacks_in_1038 .event .event-header .header-toggle .toggle-inner i:nth-child(2) { display: none; } #events-stacks_in_1038 .event.event-opened .event-header .header-toggle .toggle-inner i:nth-child(2) { display:block; } #events-stacks_in_1038 .event.event-opened .event-details { height: auto; } #events-stacks_in_1038.hide-date-top .date-top, #events-stacks_in_1038.hide-date-bottom .date-bottom, #events-stacks_in_1038.hide-description .header-title .header-description, #events-stacks_in_1038.hide-title .header-title h3, #events-stacks_in_1038.hide-description.hide-title.hide-location.hide-time .header-title, #events-stacks_in_1038.hide-location .header-title .header-title-info span:first-child, #events-stacks_in_1038.hide-time .header-title .header-title-info span:nth-child(2) { display: none; } @media (max-width: 500px) { #events-stacks_in_1038 .event-header { -ms-flex-wrap: wrap; flex-wrap: wrap; } #events-stacks_in_1038 .event-header .header-title { width: 100%; } #events-stacks_in_1038 .event-header .header-title .header-title-info span { margin-bottom: 5px; } #events-stacks_in_1038 .event-header .header-date { width: 100%; } #events-stacks_in_1038 .event-header .header-toggle { width: 100%; } #events-stacks_in_1038 .event-header .header-toggle .toggle-inner { width: 100%; min-height: 40px; } #events-stacks_in_1038 .event-header .header-toggle .toggle-inner::after { display: inline; font-size: 14px; margin-left: 10px; content: 'View Details'; } } @media (min-width: 400px) and (max-width: 780px) { /* */ #events-stacks_in_1038 .event-header .header-title h3 { font-size: 16px; line-height: 22.400000px; } #events-stacks_in_1038 .event-header .header-title .header-description { font-size: 13px; line-height: 18.199999px; } #events-stacks_in_1038 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[1] * 1.4 )%%px; } #events-stacks_in_1038 .event-header .header-date .date-top { font-size: 40px; } #events-stacks_in_1038 .event-header .header-date .date-bottom { font-size: 14px; } #events-stacks_in_1038 .event-details .details-inner { font-size: 16px; line-height: 22.400000px; } /* */ } @media (max-width: 400px) { /* */ #events-stacks_in_1038 .event-header .header-title h3 { font-size: 16px; line-height: 22.400000px; } #events-stacks_in_1038 .event-header .header-title .header-description { font-size: 13px; line-height: 18.199999px; } #events-stacks_in_1038 .event-header .header-title .header-title-info { font-size: 13px; line-height: %( %id=event_info_size[2] * 1.4 )%%px; } #events-stacks_in_1038 .event-header .header-date .date-top { font-size: 40px; } #events-stacks_in_1038 .event-header .header-date .date-bottom { font-size: 14px; } #events-stacks_in_1038 .event-details .details-inner { font-size: 16px; line-height: 22.400000px; } /* */ } #stacks_in_1039.events-grid-item .event-header { /* */ /* */ } #stacks_in_1039.events-grid-item .event-header .header-date { /* */ /* */ } #stacks_in_1039.events-grid-item .event-details { /* */ /* */ } #stacks_in_1039.events-grid-item .event-header .header-toggle { font-size: 18px; } .youtube-wrapper.stacks_in_907{padding-top:calc((/)*100%)} #stacks_in_374 { background-color: rgba(216, 0, 21, 1.00); border: solid rgba(251, 2, 7, 1.00); border-width: 8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_out_374 { width: 97%; } #stacks_in_197_button { display:block; position: relative; text-align: center; } #stacks_in_197 a:link, #stacks_in_197 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_197 a:hover, #stacks_in_197 a:active { color:#FFFFFF; } #stacks_in_197 a:link, #stacks_in_197 a:visited { background-color:#00A0FF; background: -webkit-gradient(linear, left top, left bottom, from(#00A0FF), to(#0060BF)); border:1px solid #0060BF; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_197 a:hover { background-color:#00ACFF; background: -webkit-gradient(linear, left top, left bottom, from(#00ACFF), to(#0053A5)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_197 a:active { background-color:#00A0FF; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_197 { padding: 20px; }