/*
 Theme Name:   AMS NTIG Child
 Theme URI:    https://www.ntigymnasiet.se/
 Description:  AMS NTIG Child Theme
 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
*/

:root {
	--ntig-color-teknik: #B1068C;
	--ntig-color-vetenskap: #077176;
	--ntig-color-handel: #1861BC;
}

/* Custom List Block Colors */
.ntig-colors .c-list {
	--list-header-bg-color: transparent;
	--list-header-bg-color-hover: transparent;
	--list-header-bg-color-active: transparent;
}

.ntig-colors .c-list__heading.column-1,
.ntig-colors .c-list__item.column-1 {
	--list-header-text-color: var(--ntig-color-teknik);
	--list-header-text-color-hover: var(--ntig-color-teknik);
	--list-header-text-color-active: var(--ntig-color-teknik);
	--list-item-text-color-hover: var(--ntig-color-teknik);
	--list-item-text-color-active: var(--ntig-color-teknik);
	--list-item-icon-color-hover: var(--ntig-color-teknik);
	--list-item-icon-color-active: var(--ntig-color-teknik);
}

.ntig-colors .c-list__heading.column-2,
.ntig-colors .c-list__item.column-2 {
	--list-header-text-color: var(--ntig-color-vetenskap);
	--list-header-text-color-hover: var(--ntig-color-vetenskap);
	--list-header-text-color-active: var(--ntig-color-vetenskap);
	--list-item-text-color-hover: var(--ntig-color-vetenskap);
	--list-item-text-color-active: var(--ntig-color-vetenskap);
	--list-item-icon-color-hover: var(--ntig-color-vetenskap);
	--list-item-icon-color-active: var(--ntig-color-vetenskap);
}

.ntig-colors .c-list__heading.column-3,
.ntig-colors .c-list__item.column-3 {
	--list-header-text-color: var(--ntig-color-handel);
	--list-header-text-color-hover: var(--ntig-color-handel);
	--list-header-text-color-active: var(--ntig-color-handel);
	--list-item-text-color-hover: var(--ntig-color-handel);
	--list-item-text-color-active: var(--ntig-color-handel);
	--list-item-icon-color-hover: var(--ntig-color-handel);
	--list-item-icon-color-active: var(--ntig-color-handel);
}

/* Custom USP Block Colors */
.ntig-colors .ams-usp__list li:nth-child(3n+1) .c-card {
	--card-heading-color: var(--ntig-color-teknik);
	--card-heading-color-hover: var(--ntig-color-teknik);
	--card-heading-color-active: var(--ntig-color-teknik);
}

.ntig-colors .ams-usp__list li:nth-child(3n+2) .c-card {
	--card-heading-color: var(--ntig-color-vetenskap);
	--card-heading-color-hover: var(--ntig-color-vetenskap);
	--card-heading-color-active: var(--ntig-color-vetenskap);
}

.ntig-colors .ams-usp__list li:nth-child(3n+3) .c-card {
	--card-heading-color: var(--ntig-color-handel);
	--card-heading-color-hover: var(--ntig-color-handel);
	--card-heading-color-active: var(--ntig-color-handel);
}

/* Ugliest menu-fix in history (until refactoring of the menu itself is done) :p */
@media screen and (min-width: 1100px) {
	.menu-item-884 .sub-menu.menu-depth-2 {
		column-count: 2;
		min-width: 600px;
		overflow: hidden !important;
		height: 525px;
	}

	.menu-item-884 .sub-menu.menu-depth-2 .menu-item-2624 a {
		border-bottom: 0;
	}
}

/* Form's button (background) */
form.ams-form button[type="submit"] {
	background: #fff;
}

body .ams_active_form_state_default input[type=checkbox]:hover~.checkmark{
	color: #222222 !important;
	background-color: #ffffff !important;
}

.ams-form__not-validated {
	background-color: #EBEBEB;
	color: #222222;
}

.ams-form__box-wrapper .container-checkmark input ~ .checkmark {
	background: #fff !important;
}

.ams-form__field .checkmark{
	border: none;
	box-shadow: none !important;
}

.ams-form__box-wrapper .container-checkmark input ~ .checkmark {
	border: none !important;
}

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

.ams-form__box-wrapper .container-checkmark input:checked ~ .checkmark:after,
.ams-form__box-wrapper .container-checkmark input:checked ~ .checkmark:before {
	border-color: #ffffff !important;
}

.ams-form__box-wrapper .container-checkmark:hover input ~ .checkmark:after,
.ams-form__box-wrapper .container-checkmark:hover input ~ .checkmark:before {
	border-color: #222222 !important
}

.ams-form__box-wrapper .container-checkmark:hover input:checked ~ .checkmark:after,
.ams-form__box-wrapper .container-checkmark:hover input:checked ~ .checkmark:before {
	border-color: #ffffff !important;
}

.ams-form__not-validated,
.ams-form__not-validated ._title,
.ams-form__not-validated .ams-form__not-validated-text {
	color: #222222 !important;

}

body .ams-form__form-wrapper.ams_active_form_state_default .container-checkmark input:checked~.checkmark{
	background-color: #222222 !important;
}