/*
 Theme Name:   AMS Praktiska Child
 Theme URI:    https://praktiska.se/
 Description:  AMS Child Theme for Praktiska Gymnasiet
 Author:       AcadeMedia WDT
 Author URI:   https://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
*/

/* Header */
.navbar .search_icon:hover {
	color: #fff;
	text-decoration: none;
}

/* Sub menu */
#ams_nav_menu .sub-menu li:hover a,
#ams_nav_menu .sub-menu li.current-menu-item > a,
body .ams_active_menu_state_menu #ams_nav_menu .sub-menu li.current-menu-item > a {
	color: #282828 !important;
}

#ams_nav_menu .sub-menu li:hover a::after,
body .ams_active_menu_state_menu #ams_nav_menu .sub-menu li.current-menu-item > a::after {
	top: 18px;
	background-color: #282828 !important;
}

/* Search */
#search-wrapper .page-title,
#search-wrapper .entry-title a {
	color: #282828;
  border: none;
}

#search-wrapper .page-title {
	margin: 0;
	border-bottom: 1px solid #282828 !important;
}

#search-wrapper .page-title span {
	font-weight: inherit;
}

#search-wrapper article {
	margin: 0;
	padding: 24px;
	border-bottom: 1px solid #282828;
}

#search-wrapper .entry-header {
	padding-top: 0 !important;
}

#search-wrapper .entry-title  {
	font-size: var(--ams-font-title-3-size) !important;
}

#search-wrapper .entry-summary {
	min-height: auto;
	border: none !important;
	padding-bottom: 0 !important;
}

#search-wrapper .arrow-container,
#search-wrapper .arrow-container a {
	color: #2BA18B;
}

#search-wrapper article:hover {
	background-color: #E6E6EB;
}

#search-wrapper article:hover .arrow-container a {
	color: #282828;
}

/* Search Autocomplete */
body .ui-autocomplete.ui-widget-content {
	border: none;
	font-size: var(--ams-font-body-size) !important;;
}

body .ui-autocomplete.ui-widget-content li {
	color: #282828;
}

body .ui-autocomplete.ui-widget-content .ui-state-active {
  border: none;
  background: none;
  color: #282828;
}

/* Text Links */
.wp-block-paragraph a:where(:not([class])),
.u-text-link {
	font-weight: var(--ams-font-medium) !important;
}

a[class*="site__a_cta"] {
	font-weight: var(--ams-font-medium) !important;
	text-decoration: none;
	background-image: linear-gradient(45deg, #282828, #282828);
	background-size: 100% 1px, 0% 1px;
	background-position: 100% 100%;
	background-repeat: no-repeat;
	transition: color 250ms linear, background-size 400ms ease-out;
	border: none;
}

a[class*="site__a_cta"]:hover {
	font-weight: var(--ams-font-medium) !important;
	text-decoration: none;
	background-size: 0% 1px;
	border: none;
}

/* WP Heading and Paragraph */
.wp-block-heading :where(h2, h3, h4, h5, h6),
.wp-block-paragraph {
  color: #282828;
}

/* Lists */
.c-list__item {
	font-weight: var(--ams-font-medium);
}

/* Form */
.ams-form__not-validated {
	color: #282828 !important;
	background-color: #FDDDC6 !important;
}

.ams-form__not-validated-text {
	color: #282828 !important;
}

body .ams-form__form-wrapper.ams_active_form_state_default .container-checkmark:hover .checkmark,
body .ams-form__form-wrapper.ams_active_form_state_default .container-checkmark input:checked ~ .checkmark {
	background-color: #F56505 !important;
	border-color: #282828 !important;
	box-shadow: 0 0 0 1px #282828 !important;
}

body .ams-form__form-wrapper.ams_active_form_state_default .container-checkmark:hover .checkmark::after,
body .ams-form__form-wrapper.ams_active_form_state_default .container-checkmark:hover .checkmark::before,
body .ams-form__form-wrapper.ams_active_form_state_default .container-checkmark input:checked ~ .checkmark::after,
body .ams-form__form-wrapper.ams_active_form_state_default .container-checkmark input:checked ~ .checkmark::before {
	border-color: #282828 !important;
}

body .ams-form__form-wrapper.ams_active_form_state_default input:focus .checkmark {
  outline-width: 1px;
}

body .ams_active_form_state_default input:active {
	background-color: #fff !important;
}

/* Filter checkboxes */
.checkbox_element .container-checkmark input:checked ~ .checkmark, .checkbox_element .container-checkmark:hover .checkmark {
	background-color: #F56505 !important;
}

/* Hide list headings on desktop */
@media (min-width: 48em) {
	.c-list__heading {
		display: none;
	}
}

/* Change color on footer cta banner */
.cta-footer {
	background-color: #282828;
}

/* Change color on cookietractor on mobile if footer cta is active */
@media (max-width: 1099px) {
	.has-footer-cta #cookie_settings {
		fill: #fff;
	}
}