/*
 Theme Name:   AMS Donnergymnasiet Child
 Theme URI:    https://donnergymnasiet.se/
 Description:  AMS Child Theme for Donnergymnasiet
 Author:       Academedia WDT
 Author URI:   http://academedia.se/
 Template:     ams
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  ams
*/

/* Contact Block Filter */
.c-filter-nav {
	--marker-top: calc(100% - 1px);
	--marker-height: 3px;
}
.c-filter-nav--expanded .c-filter-nav__list {
	border-bottom: 1px solid rgb(94 97 98 / 40%);
	padding-inline: 60px;
}
.c-filter-nav--expanded .c-filter-nav__list:hover {
	--item-text-color-hover: var(--ams-color-filter-dropdown-text-hover);
}
.c-filter-nav--expanded .c-filter-nav__list::after {
	z-index: auto;
}

/* Background overlay and waves */
.c-bg--img ~ .c-bg--img {
	z-index: var(--ams-layer-2);
}

/* Image shapes on blocks USP, Contact, Timeline, Hero 50/50 */
.image-mask-shape {
	mask-image: url('./img/svg/shape.svg');
	-webkit-mask-image: url('./img/svg/shape.svg');
	mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}

/* Logo Adjustmeant */
.site_logo {
	width: auto;
	max-width: 140px !important;
	height: auto !important;
}

@media (min-width: 375px) {
	.site_logo {
		max-width: 180px !important;
	}
}

@media (min-width: 512px) {
	.site_logo {
		max-width: 324px !important;
	}
}

/* Setting heading icon on a row in mobile */
@media(max-width: 48em) {
    .c-heading--icon {
        flex-direction: row !important;
		align-items: center;
    }
}

/* Form colors */
.ams-form__label input {
	border: 1px solid #111 !important;
}

/* Menu Colors */
@media(max-width: 48em) {
	.navbar ul li i:hover {
		background-color: #f0f0e6 !important;
	}
}

.header_wrapper {
	border-bottom: solid 1px #949494;
}


/*
 * The Events Calendar Overview
 */

/* The days of the week and the little dot marking days with events - responsive mobile view of weekly view */
.tribe-common.tribe-events button.tribe-events-calendar-month__day-cell--selected,
.tribe-common.tribe-events button.tribe-events-calendar-month__day-cell:not(.tribe-events-calendar-month__day-cell--selected) .tribe-events-calendar-month__mobile-events-icon--event,
.tribe-common.tribe-events button .tribe-events-pro-week-day-selector__events-icon {
	background-color: #C25700;
}

.tribe-common.tribe-events button.tribe-events-pro-week-day-selector__day--active {
	border-color: #C25700;
}

.tribe-common.tribe-events button.tribe-events-pro-week-day-selector__day--active:hover {
	background-color: #CB7026;
	transition: background-color 0.2s ease;
}

.tribe-common.tribe-events button.tribe-events-calendar-month__day-cell--selected,
.tribe-common.tribe-events button.tribe-events-pro-week-day-selector__day--active:hover .tribe-events-pro-week-day-selector__day-weekday,
.tribe-common.tribe-events button.tribe-events-pro-week-day-selector__day--active:hover .tribe-events-pro-week-day-selector__day-daynum {
	color: #FFFFFF;
	transition: color 0.2s ease;
}

.tribe-common.tribe-events button.tribe-events-pro-week-day-selector__day:hover {
	border-color: #CB7026;
}

/* The event "cards", both fullday and regular events */
.tribe-common.tribe-events .tribe-events-pro-week-grid__multiday-events-row .tribe-events-pro-week-grid__multiday-event:not(.tribe-events-pro-week-grid__multiday-event--past) .tribe-events-pro-week-grid__multiday-event-bar-inner,
.tribe-common.tribe-events .tribe-events-calendar-month__multiday-event:not(.tribe-events-calendar-month__multiday-event--past) .tribe-events-calendar-month__multiday-event-bar-inner,
.tribe-common.tribe-events .tribe-events-pro-week-grid__event-link-inner {
	background-color: #C25700;
}

.tribe-common.tribe-events .tribe-events-pro-week-grid__event-link:hover .tribe-events-pro-week-grid__event-link-inner {
	background-color: #CB7026;
}

.tribe-common.tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-inner {
	background-color: #CB7026;
}

.tribe-common.tribe-events .tribe-events-pro-week-grid__multiday-events-row .tribe-events-pro-week-grid__multiday-event:not(.tribe-events-pro-week-grid__multiday-event--past) .tribe-events-pro-week-grid__multiday-event-bar-inner h3,
.tribe-common.tribe-events .tribe-events-calendar-month__multiday-event:not(.tribe-events-calendar-month__multiday-event--past) .tribe-events-calendar-month__multiday-event-bar-inner h3,
.tribe-common.tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-inner h3,
.tribe-common.tribe-events .tribe-events-pro-week-grid__event:not(.tribe-events-pro-week-grid__event--past) .tribe-events-pro-week-grid__event-datetime,
.tribe-common.tribe-events .tribe-events-pro-week-grid__event:not(.tribe-events-pro-week-grid__event--past) h3 {
	color: #FFFFFF;
}

/* The current day */
.tribe-common.tribe-events .tribe-events-pro-week-grid__header-column--current .tribe-events-pro-week-grid__header-column-weekday,
.tribe-common.tribe-events .tribe-events-pro-week-grid__header-column--current .tribe-events-pro-week-grid__header-column-daynum,
.tribe-common.tribe-events .tribe-events-pro-week-grid__header-column--current .tribe-events-pro-week-grid__header-column-daynum-link {
	color: #C25700;
}

.tribe-common.tribe-events .tribe-events-pro-week-grid__header-column--current .tribe-events-pro-week-grid__header-column-daynum:hover,
.tribe-common.tribe-events .tribe-events-pro-week-grid__header-column--current .tribe-events-pro-week-grid__header-column-daynum-link:hover {
	color: #CB7026;
}

/* The datepicker/dropdown view weekly */
.tribe-common.tribe-events .tribe-events-c-top-bar__datepicker-container .datepicker .active .day {
	background-color: #CB7026;
	color: #FFFFFF;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.tribe-common.tribe-events .tribe-events-c-top-bar__datepicker-container .datepicker .day.current::before,
.tribe-common.tribe-events .tribe-events-c-top-bar__datepicker-container .datepicker .active .day.current,
.tribe-common.tribe-events .tribe-events-c-top-bar__datepicker-container .datepicker .active .day:hover,
.tribe-common.tribe-events .tribe-events-c-top-bar__datepicker-container .datepicker .month.focused.active {
	background-color: #C25700;
	color: #FFFFFF;
}

.tribe-common.tribe-events .tribe-events-c-top-bar__datepicker-container .datepicker .month.current,
.tribe-common.tribe-events .tribe-events-c-top-bar__datepicker-container .datepicker .active .day,
.tribe-common.tribe-events .tribe-events-c-top-bar__datepicker-container .datepicker .active.day {
	background-color: #CB7026;
	color: #FFFFFF;
	transition: background-color 0.2s ease, color 0.2s ease;
}

/* The "No results"-text box  */
.tribe-common.tribe-events .tribe-events-c-messages__message .tribe-common-c-svgicon {
	color: #000000;
}

/* Links that don't get the global styling */
.tribe-common.tribe-events .tribe-events-c-messages__message .tribe-events-c-messages__message-list-item a,
.tribe-common.tribe-events a.tribe-common-anchor,
.tribe-common.tribe-events a.tribe-common-anchor-thin {
	background-image: linear-gradient(45deg, #000000, #000000);
	background-size: 100% 1px, 0% 1px;
	background-position: 100% 100%;
	background-color: transparent;
	background-repeat: no-repeat;
	transition: color 250ms linear, background-size 400ms ease-out;
	border: none;
}

.tribe-common.tribe-events .tribe-events-c-messages__message .tribe-events-c-messages__message-list-item a:hover,
.tribe-common.tribe-events a.tribe-common-anchor:hover,
.tribe-common.tribe-events a.tribe-common-anchor-thin:hover {
	background-size: 0% 1px;
}

/* Border at bottom on day in monthly view */
.tribe-common.tribe-events .tribe-events-calendar-month__day:hover::after {
	background-color: #C25700;
}

/* Dropdown for changing calendar view  */
.tribe-common.tribe-events .tribe-events-c-view-selector .tribe-events-c-view-selector__content {
	white-space: nowrap;
}

.tribe-common.tribe-events .tribe-events-c-view-selector .tribe-events-c-view-selector__button--active::before {
	background-color: #C25700;
}

/*
* The Events Calendar Single Pages
*/

/* Datepicker, but on daily view, venue and organizer's single page */
.tribe-common.tribe-events .tribe-events-c-top-bar__datepicker-container .datepicker .active.day.current {
	background-color: #C25700;
}

/* Next and previous arrows */
.tribe-events-single #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next a::after,
.tribe-events-single #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next a::before,
.tribe-events-single #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous a::after,
.tribe-events-single #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous a::before {
	display: none;
}

.tribe-events-single #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next span,
.tribe-events-single #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous span {
	display: inline-block;
}

.tribe-events-single .tribe-events-content a,
.tribe-events-single .tribe-events-single-event-description a,
.tribe-events-single .tribe-events-single-section .tribe-events-meta-group a {
	color: #000000;
	text-decoration: none;
	border-bottom: 0;
}

.tribe-events-single .tribe-events-content a {
	transition: var(--link-transition);
}
.tribe-events-single .tribe-events-content a:hover {
	border-bottom: 0;
	color: inherit;
}

/* Google Maps link in venue/plats details */
.tribe-events-single .tribe-events-single-section .tribe-events-meta-group a.tribe-events-gmap {
	display: block;
}

/* Subscription button on singel page */
.tribe-events-single .tribe-events .tribe-events-c-subscribe-dropdown__button {
	display: flex;
	align-items: center;
	background-color: #C25700;
	border-color: #C25700;
	color: #FFFFFF;
}

.tribe-events-single .tribe-events .tribe-events-c-subscribe-dropdown__button:hover,
.tribe-events-single .tribe-events .tribe-events-c-subscribe-dropdown__button:focus,
.tribe-events-single .tribe-events .tribe-events-c-subscribe-dropdown__button:focus-within {
	background-color: #CB7026;
}

.tribe-events-single .tribe-events .tribe-events-subscribe-dropdown-content {
	top: 28px;
}


/* Background images on old block */
.ams_background_module__corner--bottom_left {
	background-repeat: repeat-x;
  }