/*
Theme Name: Panoramic Kongshaugen
Template: panoramic
Version: 1.0.0
Description: Child theme for www.kongshaugen.com. Holds the site's changes to Panoramic, so updating the parent theme no longer overwrites them. The site's own CSS lives in the SiteOrigin CSS plugin; this file only undoes what Panoramic 1.1.x changed. Its URL carries the file's modification time, so edits reach browsers that cached an older copy.
Author: Kongshaugen kristne grunnskole
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
 * 1.1.x widens the header, menu and footer to the whole window on pages using
 * Elementor's "Full Width" template (/nyheter/). 1.0.25 kept them at the site
 * width there too. Same selectors as the parent's rule, loaded after it.
 */
.elementor-template-full-width .site-container,
.elementor-template-full-width .main-menu-container {
	max-width: 1140px;
}

/*
 * Footer widgets. 1.1.x spaces them as justified inline-blocks 22.5% wide;
 * 1.0.25 floated four 25% columns with 18px gutters, and the site's footer is
 * laid out for that. These are 1.0.25's rules. Below 780px both versions stack
 * the widgets with the same !important rules, which still win.
 */
.site-footer-widgets .site-container > ul {
	text-align: start;
}

.site-footer-widgets .site-container > ul:after {
	display: none;
}

.site-footer-widgets .site-container > ul > li {
	padding: 10px 18px 20px;
	display: block;
	float: left;
	width: 25%;
	box-sizing: border-box;
	text-align: start;
}

.site-footer-widgets .site-container > ul > li:first-child {
	padding: 10px 18px 20px 0;
}

.site-footer-widgets .site-container > ul > li:last-child {
	padding: 10px 0 20px 18px;
}

/*
 * Footer bottom bar. Up to 1070px wide 1.1.x centres the "© 2021 ..." line and
 * the footer menu on separate rows; 1.0.25 kept them floated left and right at
 * every width.
 */
@media screen and (max-width: 1070px) {
	.site-footer-bottom-bar-left {
		width: auto;
		float: left;
		text-align: start;
	}

	.site-footer-bottom-bar-right {
		width: auto;
		float: right;
		text-align: right;
	}

	.site-footer-bottom-bar .site-footer-bottom-bar-right {
		margin-top: 0;
	}

	.site-footer-bottom-bar-right a {
		padding: 0 7px !important;
	}

	.site-footer-bottom-bar-right ul li:last-child a {
		padding: 0 0 0 7px !important;
	}
}

/*
 * The menu bar. 1.0.25 fixed it at 58px, the height of one row of menu links;
 * 1.1.x lets it grow to fit the taller mobile menu button, 6px more below 960px.
 */
.main-navigation {
	height: 58px;
}

/*
 * Mobile menu button. 1.1.x prints its mobile-menu CSS inline after every
 * stylesheet, so its 960px-and-below padding and 28px icon now also win below
 * 782px, where 1.0.25's smaller button applied. The extra .main-navigation
 * outranks those inline rules.
 */
@media only screen and (max-width: 782px) {
	.main-navigation .header-menu-button {
		padding: 19px 16px;
	}

	.main-navigation .header-menu-button .otb-fa.otb-fa-bars {
		font-size: 21px;
	}
}

/*
 * The address pin in the footer's contact widget. On Elementor pages,
 * Elementor's Font Awesome 4-to-5 compatibility sheet gives .fa-map-marker the
 * Font Awesome 5 character f3c5, but Font Awesome 4.7 is loaded after it, so
 * the icon is drawn with the 4.7 font, which has no such character: an empty
 * box. f041 is the map marker in both versions. This was broken on the live
 * site before the theme update too - not something 1.1.x changed.
 */
body .fa.fa-map-marker:before {
	content: "\f041";
}

/*
 * Gravity Forms fields (the admission form at /soknadsskjema/). 1.1.x styles
 * every input on the site with max-width: 360px and border-radius: 0, both
 * !important, which override the form's own layout: its fields shrank from
 * their column width (542px, 1096px for the address) to 360px. 1.0.25 set
 * max-width: 100%. The radius goes back to Gravity Forms' own value.
 */
.gform-theme--framework input[type="text"],
.gform-theme--framework input[type="email"],
.gform-theme--framework input[type="tel"],
.gform-theme--framework input[type="number"],
.gform-theme--framework input[type="url"],
.gform-theme--framework input[type="password"],
.gform-theme--framework input[type="search"],
.gform-theme--framework select,
.gform-theme--framework textarea {
	max-width: 100% !important;
	border-radius: var(--gf-local-radius) !important;
}

/*
 * Gravity Forms buttons on hover ("Neste", "Send inn"). 1.1.x's Customizer CSS
 * makes every button:hover the theme colour with !important, beating the
 * form's own hover colour, which 1.0.25 left alone.
 */
.gform-theme--framework button:hover,
.gform-theme--framework input[type="button"]:hover,
.gform-theme--framework input[type="submit"]:hover {
	background-color: var(--gf-local-bg-color) !important;
}

/* 1.0.25's faint shadow on images in page content, which 1.1.x dropped. */
.page-content img,
.entry-content img,
.entry-summary img {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
}

/*
 * The sidebar on ordinary pages, below 780px wide. 1.1.x added !important to
 * its generic ".widget-area { padding: 0 0 20px }", which now beats 1.0.25's
 * more specific 30px top padding for the page template.
 */
@media screen and (max-width: 780px) {
	.page-template-default .widget-area {
		padding: 30px 0 0 !important;
	}
}