/*!
Theme Name: Familieaktiviteter
Theme URI: http://underscores.me/
Author: Insite Media AS
Author URI: https://insitemedia.no
Description: Custom boilerplate for Familieaktiviteter
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: im-familieaktiviteter
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Familieaktiviteter is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
	--var-black: #000;
	--var-white: #fff;
	--var-offwhite: #f4f6f7;
	--main-font: "Fredoka", sans-serif;
	--bread-font: "Poppins", sans-serif;
}

html {
	font-size: 100%;
	box-sizing: border-box;
}

*, *::after, *::before {
	box-sizing: border-box;
}

#masthead {
	height: 90px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

#masthead ul {
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 25px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#masthead ul li a {
	color: var(--var-black);
	text-decoration: none;
	white-space: nowrap;
	font-size: 16px;
}

.header-menu-wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 35px;
}

#masthead ul.icon-list li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 14px;
}

#masthead ul.icon-list li a span {
	font-size: inherit;
	opacity: 0.75;
}

.hero {
	height: 500px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

a.btn {
	border: 2px solid var(--var-black);
	background: var(--var-black);
	color: var(--var-white);
	font-weight: 600;
	text-decoration: none;
	border-radius: 6px;
	padding: 6px 22px;
	transition: all 0.25s;
}

a.btn:hover {
	border: 2px solid var(--var-black);
	background: transparent;
	color: var(--var-black);
}

a.btn.line {
	background: transparent;
	border: none;
	text-decoration: underline;
	color: var(--var-black);
	transition: all 0.25s;
	text-underline-offset: 1px;
}

a.btn.line:hover {
	text-underline-offset: 3px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--main-font);
	font-weight: 600;
}

p, label, a, span, td, th, textarea, input, li {
	font-family: var(--bread-font);
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.5;
}

p {
	opacity: 0.8;
}

.hero .button-wrap {
	margin-top: 35px;
}

#colophon {
	padding-top: 55px;
	padding-bottom: 55px;
	background: var(--var-black);
}

#colophon h4 {
	font-size: 1.15rem;
	color: var(--var-white);
}

#colophon ul {
	list-style: none;
	margin: 20px 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

#colophon ul li a {
	color: var(--var-white);
	text-decoration: none;
	opacity: 0.8;
	transition: all 0.25s;
	font-size: 14px;
}

#colophon ul li a:hover {
	padding-left: 5px;
	opacity: 1;
}

#colophon h6 {
	font-size: 1.15rem;
	color: var(--var-white);
}

#colophon p {
	color: var(--var-white);
	opacity: 0.8;
	font-size: 14px;
}

#colophon p a {
	color: inherit;
	font-size: inherit;
}

.center {
	text-align: center;
}

.intro {
	padding-bottom: 35px;
}

.custom-logo {
	max-width: 60px;
	height: auto;
}

.reasons p {
	font-size: 16px;
}

section.section {
	padding-top: 55px;
	padding-bottom: 55px;
}

section.grey {
	background: var(--var-offwhite);
}

.card {
	padding: 20px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	border: none;
}

.card h4 {
	font-size: 1.25rem;
}

.card p {
	font-size: 14px;
}

.container {
	max-width: 1440px;
}

.button-holder {
	margin-top: 35px;
}

.woocommerce-product-gallery {
	width: 100%;
}

.woocommerce-product-gallery img {
	width: 100%;
	height: auto;
}

.single_add_to_cart_button {
	background: var(--var-black);
	color: var(--var-offwhite);
	padding: 16px 32px;
	text-align: center;
	font-size: 16px;
	border-radius: 6px;
	border: 2px solid var(--var-black);
	text-transform: uppercase;
	font-weight: 600;
	margin: 15px 0;
	transition: all 0.25s;
	font-family: var(--main-font);
}

.single_add_to_cart_button:hover {
	background: transparent;
	color: var(--var-black);
}

a.reset_variations {
	display: none !important;
}

table.variations {
	width: 100%;
	margin-bottom: 15px;
}

.variations td.label label {
	font-size: 14px;
}

.variations tr {
	display: flex !important;
	flex-direction: column;
	gap: 0;
}

.variations tr td {
	flex: 1 0 100%;
	max-width: 100%;
	width: 100%;
}

.variations tr td select {
	width: 100%;
	padding: 8px;
	border-radius: 3px;
	box-sizing: border-box;
}

.product_meta {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.product_meta span,
.product_meta span a {
	font-size: 14px;
}

.woocommerce-variation-price .amount {
	font-size: 2rem;
	font-weight: 600;
	color: var(--var-black);
}

.woocommerce-variation-price .amount .woocommerce-Price-currencySymbol,
.subscription-details {
	font-size: 1rem;
	font-weight: 400;
}

.summary blockquote {
	font-style: italic;
}

.woocommerce-breadcrumb {
	max-width: 1440px;
	margin: 0 auto;
	padding: 10px calc(1.5rem * .5);
	font-size: 14px;
	color: var(--var-black);
}

.woocommerce-breadcrumb a {
	font-size: 14px;
	color: var(--var-black);
	opacity: 0.6;
	transition: all 0.25s;
}

.woocommerce-breadcrumb a:hover {
	opacity: 1;
}

.type-product {
	margin-top: 25px;
}

.woocommerce-variation-description p {
	font-size: 16px;
	opacity: 1;
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 20px 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.woocommerce-MyAccount-navigation ul li {
	padding: 8px 15px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.woocommerce-MyAccount-navigation ul li.is-active {
	background: #f4f6f7;
}

.woocommerce-MyAccount-navigation ul li:first-child {
	border-top: 1px solid #ccc;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.woocommerce-MyAccount-navigation ul li:last-child {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.woocommerce-MyAccount-navigation ul li a {
	color: var(--var-black);
	opacity: 0.8;
	text-decoration: none;
	font-size: 16px;
}

.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content a {
	font-size: 16px;
}

.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-info {
	padding: 8px 15px;
	border-radius: 6px;
}

.woocommerce-MyAccount-content .woocommerce-message.woocommerce-message--info,
.woocommerce-MyAccount-content .woocommerce-info {
	color: #856404 !important;
    background-color: #fff3cd !important;
    border-color: #ffeeba !important;
}

.entry-footer {
	display: none !important;
}

.woocommerce-MyAccount-content .addresses {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.woocommerce-MyAccount-content .addresses .woocommerce-Address {
	flex: 1 0 100%;
	max-width: 100%;
	width: 100%;
}

.woocommerce-MyAccount-content .edit-account,
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.edit-account p.form-row,
.woocommerce-address-fields__field-wrapper p.form-row {
	flex: 1 0 100%;
	max-width: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-bottom: 0;
}

.edit-account p.form-row label,
.woocommerce-address-fields__field-wrapper p.form-row label {
	font-size: 14px;
	color: var(--var-black);
	opacity: 1;
}

.edit-account p.form-row label span,
.woocommerce-address-fields__field-wrapper p.form-row label span {
	font-size: inherit;
	color: inherit;
	opacity: inherit;
}

.edit-account p.form-row.form-row-first,
.edit-account p.form-row.form-row-last,
.woocommerce-address-fields__field-wrapper p.form-row.form-row-first,
.woocommerce-address-fields__field-wrapper p.form-row.form-row-last {
	flex: 1 0 50%;
	max-width: calc(50% - 4px);
	width: calc(50% - 4px);
}

.edit-account p.form-row input,
.woocommerce-address-fields__field-wrapper p.form-row input {
	padding: 8px 15px;
	border: 1px solid #ccc;
	border-radius: 6px;
	width: 100%;
	font-size: 16px;
	box-sizing: border-box;
}

span#account_display_name_description em {
	font-size: 12px;
	color: var(--var-black);
	margin: 2px 0;
}

.woocommerce form .form-row .required {
	font-size: 12px;
}

.edit-account .clear,
.woocommerce-address-fields__field-wrapper .clear {
	flex: 1 0 100%;
	max-width: 100%;
	width: 100%;
}

.edit-account fieldset {
	border: 1px solid #ccc;
	border-radius: 6px;
	margin: 15px 0;
	padding: 15px;
	width: 100%;
	max-width: 100%;
	flex: 1 0 100%;
}

.edit-account fieldset legend {
	font-weight: 600;
	font-family: var(--main-font);
	color: var(--var-black);
	font-size: 1.25rem;
}

.show-password-input {
	display: none !important;
}

.edit-account fieldset p.form-row-wide {
	margin-bottom: 8px;
}

.woocommerce-MyAccount-content button.woocommerce-Button,
.woocommerce-address-fields button[type="submit"] {
	background: var(--var-black);
	font-weight: 600;
	text-transform: uppercase;
	font-size: 16px;
	color: var(--var-offwhite);
	padding: 9px 22px;
	border-radius: 6px;
	transition: all 0.25s;
	opacity: 1;
	border: 2px solid var(--var-black);
}

.woocommerce-MyAccount-content button.woocommerce-Button:hover,
.woocommerce-address-fields button[type="submit"]:hover {
	background: transparent;
	color: var(--var-black);
}

.woocommerce-MyAccount-content .edit-content p {
	opacity: 1;
}

.woocommerce-address-fields button[type="submit"] {
	margin-top: 15px;
}

/** Might need to remove if selling to multiple countries */
.woocommerce-MyAccount-content #billing_country_field {
	display: none;
}

.woocommerce-account main {
	padding-top: 55px;
	padding-bottom: 55px;
}