@charset "UTF-8";
/**
 * STYLES FOR EVENT CALENDAR
 * as of Jan 2022 - only used by session calendar page (/leg/calendar/)
 */
/**
    A partial file defining mixins & functions(CSS functions)
    for styles that are reused with different values

    to use: 
        At top od file:
        // Utilities
        @import "mixin"; // <-- this is relative to where the file is ON THE DRIVE. Does not matter once uploaded

        #main-wrapper{
            @include transparentColor(255, 123, 32, .8);
        }
 */
/*
    print out property value to be used as spacing/sizing units
    @param $type [string] - global or relative, let's us know whetehr to use rem or em
    @param $amount [int] - amount to multiply by
  */
/**
 *  TRANSITIONS
 * $property            : a particular property (e.g., background-color), or all
 * $duration            : how long the transition will take, in seconds
 * $timing [optional]   : timing-function; describes how a transition will proceed over its duration, 
 *                  e.g., 'ease, linear, ease-in, ease-out, ease-in-out, step-start, step-end'
 *                  [default: linear]
 * $delay [optional]    : time to delay starting transition
 * 
 */
/**
 *  SHADOWS
 *  
 *  $h                  : horizontal offset; positive will be on the right of the box, negative = left of the box
 *  $v                  : vertical offset; negative = above, positive = below
 *  $blur [optional]    : blur;  0 = sharp, higher = more blurred
 *  $spread [optional]  : spread; positive increase size, negative decrease size, default is 0. Use negative spread when trying for shadow on only one side
 *  $color              : color of the shadow
 *  $inset [keyword]    : if set ot "inset" shadow is inside box instead
 *  
 */
/**
 * ANIMATIONS
 *
 * Each @keyframes at-rule defines what should happen at specific moments during the animation. 
 * For example, 0% is the beginning of the animation and 100% is the end. 
 * These keyframes can then be controlled either by the shorthand animation property, 
 * or its eight sub-properties, to give more control over how those keyframes should be manipulated
 *
 *  SUB-PROPERTIES
 *  
 *      animation-name:             declares the name of the @keyframes at-rule to manipulate.
        animation-duration:         the length of time it takes for an animation to complete one cycle.
        animation-timing-function:  establishes preset acceleration curves such as ease or linear.
        animation-delay:            the time between the element being loaded and the start of the animation sequence.
        animation-direction:        sets the direction of the animation after the cycle. Its default resets on each cycle.
        animation-iteration-count:  the number of times the animation should be performed.
        animation-fill-mode:        sets which values are applied before/after the animation.
                                    For example, you can set the last state of the animation to remain on screen, 
                                    or you can set it to switch back to before when the animation began.
        animation-play-state:       pause/play the animation.

 */
/**
 *  BORDER RADIUS
 *
 * $radius : size of radius
 * 
 */
/**
*   @param {string} name of the breakpoint to use
*   It checks whether the asked breakpoint exist in the breakpoints map
*   If it exists, it prints a media query based on the value of the asked breakpoint
*   If it doesn’t, it warns the user to check their code

EX) $breakpoints: (
  'small'  : ( min-width:  767px ),
  'medium' : ( min-width:  992px ),
  'large'  : ( min-width: 1200px )
);

*   Author: Hugo Giraudel
*   source: https://www.sitepoint.com/managing-responsive-breakpoints-sass/

*/
.cal-key {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0 0 0.75rem;
}
.cal-key li {
  display: flex;
  flex-wrap: wrap;
  line-height: 20px;
  margin: 0 0.75rem 0.75rem 0;
}
.cal-key span {
  display: block;
}
.cal-key span.color {
  height: 20px;
  margin-right: 0.375rem;
  width: 20px;
}

#sesscals-wrapper .cal-key {
  width: 100%;
}

header.ec-month {
  background-color: #192847;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  border-top: 1px solid #666666;
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 0;
  padding: 0.75rem;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.weekdays {
  background-color: #CCCCCC;
  border-right: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
  color: #222222;
  display: flex;
  flex-wrap: wrap;
  font-weight: bold;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.weekdays li {
  border-left: 1px solid #BBBBBB;
  border-top: 1px solid #BBBBBB;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 14.28%;
}

.evcal {
  float: left;
  margin-right: 1.5rem;
  max-width: 351px;
}

.change-month {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: none;
  border: none;
  color: #FFFFFF;
  display: inline-block;
  font-weight: bold;
  height: 100%;
  margin: 0px 0.375rem;
  width: 50px;
  cursor: pointer;
}
.change-month:hover, .change-month:focus {
  background-color: #9BC9FF;
  color: #192847;
}

.days-of-month {
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 0;
  width: 100%;
}

.week-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.week-row:first-of-type .ec-day {
  border-top: none;
}
.week-row:first-of-type .ec-day.today {
  border-top: 2px solid #405175 !important;
  line-height: 48px;
}
.week-row:first-of-type .ec-day.selected {
  border-top: 2px solid #d5a94b !important;
  line-height: 48px;
}

.ec-day {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-left: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 14.28%;
}
.ec-day a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: block;
}
.ec-day.inactive {
  background-color: #DDDDDD;
}
.ec-day.inactive:focus {
  background-color: #CCCCCC;
}
.ec-day.event:hover, .ec-day.event:focus {
  border-bottom: 2px solid #405175 !important;
  cursor: pointer;
  font-weight: bold;
}
.ec-day.today {
  border: 1px solid #222222 !important;
  border-top: 3px solid #222222 !important;
  font-weight: bold;
  line-height: 48px;
}
.ec-day.selected {
  background-color: #555555 !important;
  color: white !important;
  border-top: 2px solid #d5a94b !important;
  font-weight: bold;
  line-height: 49px;
}

.icslink:hover {
  cursor: pointer;
}

.nohover .ec-day:not(.event):not(.inactive) {
  transition: none;
}
.nohover .ec-day:not(.event):not(.inactive):hover, .nohover .ec-day:not(.event):not(.inactive):focus {
  background-color: transparent !important;
  border-left: 1px solid #CCCCCC !important;
  border-top: 1px solid #CCCCCC !important;
  border-bottom: none !important;
  color: inherit !important;
  cursor: auto !important;
  font-weight: normal !important;
}
.nohover .week-row:first-of-type .ec-day:not(.event):not(.inactive):hover, .nohover .week-row:first-of-type .ec-day:not(.event):not(.inactive):focus {
  border-top: none !important;
}

.evlist {
  border: 1px solid #CCCCCC;
  border-left: none;
  border-right: none;
  margin-bottom: 0.75rem;
  max-width: 100%;
  width: 351px;
}
.evlist header {
  background-color: #192847;
  color: #FFFFFF;
  margin-bottom: 0;
  padding: 0.375rem;
  text-align: center;
  font-weight: bold;
  width: 100%;
}
.evlist ul {
  list-style: none;
  margin: 0;
  padding: 0.75rem;
}
.evlist li {
  background-color: #DDDDDD;
  border-left: 3px solid #CCCCCC;
  margin-bottom: 0.75rem;
  padding: 0.75rem;
}
.evlist .event-title {
  font-weight: bold;
}
.evlist .event-time,
.evlist .event-text-time {
  font-style: italic;
  font-weight: normal;
}
.evlist .event-notes {
  background-color: #192847;
  color: #FFFFFF;
  font-style: italic;
  margin-right: 5px;
  padding: 2px;
}

.curr-events-wrapper {
  float: left;
  margin-right: 1.5rem;
  max-width: 100%;
  width: 351px;
}

.evlist-all {
  float: left;
}
.evlist-all ul {
  max-height: 350px;
  overflow-y: auto;
}

.evlist-curr {
  display: none;
}
.evlist-curr ul {
  height: 152px;
  overflow: auto;
}

.evlist-today ul {
  height: 152px;
  overflow: auto;
}

#sesscals-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  width: 60rem;
}
#sesscals-wrapper .evcal {
  margin-bottom: 1.5rem;
  margin-top: 0;
}
#sesscals-wrapper .ec-month {
  text-align: center;
}
#sesscals-wrapper .ec-month span,
#sesscals-wrapper .ec-month h4 {
  margin: 0 auto;
}
#sesscals-wrapper #sessioncal_key {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
#sesscals-wrapper #sessioncal_key .col1, #sesscals-wrapper #sessioncal_key .col2 {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
}
#sesscals-wrapper #sessioncal_key .col1 a:nth-child(even), #sesscals-wrapper #sessioncal_key .col2 a:nth-child(even) {
  width: 75%;
}
#sesscals-wrapper #sessioncal_key .col1 a:nth-child(odd), #sesscals-wrapper #sessioncal_key .col2 a:nth-child(odd) {
  width: 25%;
}
#sesscals-wrapper .datecol {
  display: inline-block;
}

.upcoming-events #event-list-today {
  margin-top: 1.5rem;
}

.mod-inner .evcal-large {
  float: none;
  margin-right: 0;
  max-width: none;
  height: 100%;
  /* form_styles.css | https://test.nyassembly.gov/styles/form_styles.css */
}
.mod-inner .evcal-large .ec-month {
  font-size: 1.5rem;
}
.mod-inner .evcal-large .days-of-month {
  height: 100%;
}
.mod-inner .evcal-large .ec-day {
  height: auto;
  line-height: initial;
  text-align: left;
  min-height: 100px;
}
.mod-inner .evcal-large ul:not(.gallery) {
  max-width: none;
}

.evcal-large ~ .evlist,
.evcal-large ~ .curr-events-wrapper {
  display: none;
}

.evcal-large ul {
  padding-left: 0;
}
.evcal-large ul li {
  list-style: none;
}
.evcal-large ul.days-of-month li {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.evcal-large ul.days-of-month li .event {
  border-bottom: 1px solid #ccc;
  margin: 0 0.5rem 0.5rem;
  padding-bottom: 0.5rem;
}
.evcal-large ul.days-of-month li .event:last-of-type {
  border-bottom: none;
}
.evcal-large ul.days-of-month li .event .event-time {
  font-style: italic;
  margin-bottom: 0.25rem;
}
.evcal-large ul.days-of-month li .day-num {
  background-color: #aaa;
  color: #222;
  font-weight: bold;
  margin-bottom: 0.5rem;
  padding: 3px;
  text-align: center;
  width: 30px;
}
.evcal-large ul.days-of-month li.ec-day.type-5 {
  background-image: none !important;
}

@media (max-width: 840px) {
  .evlist .evcal {
    margin-bottom: 0.75rem;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
  }

  .ec-day,
.weekdays li {
    flex-grow: 1;
  }

  .curr-events-wrapper {
    margin-right: 0;
  }
}
@media (max-width: 775px) {
  .curr-events-wrapper {
    margin-right: 1.5rem;
    margin-top: 1.5rem;
  }
}
@media (max-width: 460px) {
  .ec-day,
.weekdays li {
    flex-grow: 0;
  }
}
@media (max-width: 750px) {
  .table-5.entity-29.page-69 {
    /*#sesscals-wrapper {
    	width: auto;
    }
    .evcal {
    	margin-right: 0;
    }
    #sessioncal_key {
    	display:block;
    	.col1, .col2 {
    		// display: block;
    		width: 100%!important;
    	}
    }*/
  }
  .table-5.entity-29.page-69 #assembly-title-bar {
    display: block;
    max-height: 134px;
  }
  .table-5.entity-29.page-69 #top-menu {
    display: block;
  }
  .table-5.entity-29.page-69 #top-menu li {
    max-height: 49px;
    max-width: 153px;
  }
  .table-5.entity-29.page-69 #top-menu li a {
    display: inline-block;
  }
  .table-5.entity-29.page-69 #submenu {
    display: block;
  }
  .table-5.entity-29.page-69 #submenu li {
    max-height: 51px;
  }
  .table-5.entity-29.page-69 #top-menu ul {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
  }
  .table-5.entity-29.page-69 footer {
    display: block;
    max-height: 148px;
  }
  .table-5.entity-29.page-69 footer a {
    max-height: 74px;
  }
}

/*# sourceMappingURL=event_calendar.css.map */