/* General Styles */

body {
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a, button {
    transition: all .3s;
}


/* Common Styles */

/* - Sidebar Spud Headings */

div.twSearchWrap .twSearchHead,
td.twMiniCalMonthLabel,
div.twCalendarListHead {
    text-transform: uppercase;
}

/* - New Spud Heading Styles (added 01.23.2023 */
    
div.twSearchWrap .twSearchHead[aria-level="2"],
div.twFilterHead[aria-level="2"],
td.twMiniCalMonthLabel,
div.twCalendarListHead[aria-level="2"],
div.twUpcomingHead[aria-level="2"] {
    text-transform: none;
    font-weight: 700;
    font-size: 1.4rem;
}

div.twUpcomingHead[aria-level="2"] {
    font-family: roboto, verdana, helvetica, arial, sans-serif;
    padding: 4px;
}

div.twSearchWrap .twSearchHead[aria-level="2"],
div.twFilterHead[aria-level="2"],
div.twCalendarListHead[aria-level="2"] {
    line-height: 1.2;
    margin-bottom: .25rem;
}

div.twCalendarListHead[aria-level="2"] {
    margin-bottom: .5rem;
}


/* Calendar Action Buttons Customization */

table.twEaTable td.twEaActionsCell input {
    font-family: roboto, verdana, helvetica, arial, sans-serif;
    font-size: .75rem;
    width: auto;
    min-width: 125px;
    background-color: transparent;
    color: #73000a;
    border: 1px solid #bbb;
    border-radius: 4px;
    cursor: pointer;
    padding: 3px 6px 3px 6px;
    transition: all .3s;
}

table.twEaTable td.twEaActionsCell input:hover,
table.twEaTable td.twEaActionsCell input:focus {
    background-color: white;
    border-color: #b7410e;
    color: #b7410e;
}

table.twEaMenuBlock {
    left: auto !important;
    right: 0;
    border-color: #bbb;
}

table.twEaMenuBlock td.twEaMenuItem {
    font-family: roboto, verdana, helvetica, arial, sans-serif;
    font-size: .75rem;
    color: #535961;
    padding: 4px;
}

table.twEaMenuBlock td.twEaMenuItem.ddihover {
    background-color: #ededed;
    color: #73000a;
}


/* Calendar Spud - Classic Table Calendar View Style Customization */

div.twSimpleTableWrap {
    margin-bottom: 1rem;
}

table.twSimpleTableTable td.twSimpleTableGroup {
    border: 0;
}

div.twSimpleTableGroupHead {
    background-color: #73000a;
    color: white;
    text-align: center;
    padding: 4px 10px;
    border-radius: 4px 4px 0 0;
}

tr.twSimpleTableEventRow0 a.twDescription {
    text-decoration: none;
}

tr.twSimpleTableEventRow0 a.twDescription:hover,
tr.twSimpleTableEventRow0 a.twDescription:focus {
    text-decoration-style: dotted;
}

table.twFilterBlock select {
    border-color: #ccc;
    padding: 5px;
    color: #535961;
}

/* Calendar Spud - List Calendar View Style Customization */

div.twSimpleListGroup {
    margin-bottom: 1rem;
}

div.twSimpleListGroupHead {
    background-color: #73000a;
    color: white;
    text-align: center;
    padding: 4px 10px;
    border-radius: 4px 4px 0 0;
}

div.twSimpleListEvent0 .twEventDetails .twRyoEventCellLeft input[type="checkbox"] {
    vertical-align: top;
    margin-top: 8px;
}

.twRyoTableWrapper {
    table-layout: fixed;
}

.twRyoEventCellLeft {
    width: 24px;
}

.twRyoEventCellRight {
    padding: 0 5px 0 0;
}

.twRyoEventCellRight p {
    margin: 1rem 0 0 0;
}

.twRyoEventCellRight p:empty {
    display: none;
}

.twRyoEventCellRight p > span {
    font-family: verdana, helvetica, arial, sans-serif !important;
    background-color: transparent !important;
    color: #535961 !important;
    font-size: 1em !important;
}

div.twSimpleListEvent0 div.twDescription a {
    font-family: roboto-condensed, verdana, helvetica, arial, sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
}

div.twSimpleListEvent0 div.twDescription a:hover,
div.twSimpleListEvent0 div.twDescription a:focus {
    text-decoration-style: dotted;
}


/* Calendar Spud - Tile Calendar View Style Customization */

.twTileGridGroup {
    border: 0;
    padding: 18px 0px 0px 0px;
}

.twTileGridGroup .twTileGridGroupHead {
    color: #73000a;
    text-align: center;
    font-weight: 700;
    font-size: 2rem;
}

.twTileGridEvent.f0 .topPart > br,
.twTileGridEvent.f0 .bottomPart > br {
    display: none;
}

.twTileGridEvent.f0 .bottomPart {
    padding-bottom: 14px;
}

.twTileGridEvent.f0 .twDateIconWrapper.right {
    margin: 0 0 5px 5px;
}

.twTileGridEvent.f0 a.twTitle {
    display: block;
    font-family: roboto-condensed, verdana, helvetica, arial, sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.25;
    margin-bottom: 6px;
}

.twTileGridEvent.f0 a.twTitle:hover,
.twTileGridEvent.f0 a.twTitle:focus {
    text-decoration-style: dotted;
}

.twTileGridEvent.f0 .singleLine {
    display: block;
}

.twTileGridEvent.f0 .multiLine p {
    margin: 1rem 0 0 0;
}

.twTileGridEvent.f0 .multiLine p:first-child {
    margin-top: .25rem;
}

.twTileGridEvent.f0 .multiLine p > span {
    font-family: verdana, helvetica, arial, sans-serif !important;
    background-color: transparent !important;
    color: #535961 !important;
    font-size: 1em !important;
}


/* Calendar Spud - Event Detail View Enhanced Customization */

table.twEDHeader {
    border-bottom: 0;
}

.twEDDescription {
    display: block;
    margin-right: 0;
    margin-bottom: 6px;
    line-height: 1.25;
}

.twEDStartEndRange {
    line-height: 1.25;
}

.twFieldsTable {
    width: 100%;
}

.twFieldsTable tr:nth-child(odd) {
    background-color: rgba(0,0,0,0.05);
}

.twEDNotes {
    margin-top: -1rem;
    margin-bottom: 1.5rem;
}

.twEDNotes p {
    margin: 1rem 0 0 0;
}

.twEDNotes p:empty {
    display: none;
}

.twEDNotes p > span {
    font-family: verdana, helvetica, arial, sans-serif !important;
    background-color: transparent !important;
    color: #535961 !important;
    font-size: 1em !important;
}

.twFieldsTable td, .twFieldsTable th {
    padding: .65rem 10px !important;
    line-height: 1.2;
}

.twEDLabel span {
    line-height: 1.2;
}

div .twEventDetailEALinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 0;
    padding: 0;
    margin: 1.5rem 0 1rem 0;
}

div .twEventDetailEALinks > span {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    top: 0 !important;
    margin-right: 0 !important;
    margin-left: 15px !important;
}

.twEaActions {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}

.twEaActions button {
    font-family: roboto, verdana, helvetica, arial, sans-serif;
    font-weight: 700;
    margin-left: 0;
    margin-right: 5px;
}


/* Calendar Spud - Popup Event Detail Spud Customization */

.twDPNotes p > span {
    font-family: verdana, helvetica, arial, sans-serif !important;
    background-color: transparent !important;
    color: #535961 !important;
    font-size: 1em !important;
}


/* Control Spud - Search Style Customization */

div.twSearchBody {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: .2rem;
}

div.twSearchBody * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

div.twSearchBody a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: .2rem;
    bottom: .2rem;
    right: .2rem;
    width: 46px;
}

div.twSearchWrap div.twSearchBody input.twSearchTextbox {
    width: auto;
    min-width: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    padding: .75rem 46px .75rem 12px;
    min-height: 46px;
    line-height: 1.2;
    border-radius: 4px;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    color: #535961;
}

div.twSearchWrap div.twSearchBody input.twSearchTextbox:focus {
    background-color: white;
    border-color: #b59a57;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem #f0ebdd;
            box-shadow: 0 0 0 .2rem #f0ebdd;
}


/* Promotion Spud - Date Finder Customization */

/* - Popup Customization */
.twDHDate {
    text-align: center;
}


/* Promotion Spud - Upcoming Grouped Customization */

.twUpcomingGroupedDescription,
.twUpcomingGroupedLocation,
.twUpcomingGroupedEventList * {
    line-height: 1.2;
}

a.twUpcomingGroupedItemLink:hover,
a.twUpcomingGroupedItemLink:focus {
    text-decoration-style: dotted;
}


/* Promotion Spud - Upcoming Vertical Crawler Customization */

.twEventDetails * {
    line-height: 1.25;
}

div.twUpcomingDescription,
div.twUpcomingDate,
div.twUpcomingLocation {
    margin-bottom: 3px;
}

a.twUpcomingDescription:hover,
a.twUpcomingDescription:focus {
    text-decoration-style: dotted;
}