/*
 Theme Name:   Pique Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Pique Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     pique
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         single-page
 Text Domain:  pique-child-theme
*/
/* Regular menu */
@media (min-width: 768px) {
	.main-navigation {
		left: 50%;
		max-width: 1400px;
		position: relative;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		/* Sub-nav */
		/* Sub-sub-menu */
		/* Show sub-menus on hover */
		/* Menu items on the right-hand side of the screen should display to the left, so they don't run off the screen */
		/* Adjust position of arrow for our last two menu items */
		/* Adjust position of sub-nav for these final two menu items also */
	}
	.main-navigation ul {
		display: block;
		list-style: none;
		margin: 0;
	}
	.main-navigation li {
		position: relative;
	}
	.main-navigation ul ul {
		left: -999em;
		min-width: 200px;
		position: absolute;
		top: 37px;
		/* This is just here to make it easier to scroll down to the drop-down */
	}
	.main-navigation ul ul::before {
		border-color: transparent transparent #11100f transparent;
		border-style: solid;
		border-width: 0 7px 7px 7px;
		content: '';
		display: block;
		height: 0;
		left: 15px;
		position: absolute;
		top: -5px;
		width: 0;
	}
	.main-navigation ul ul::after {
		content: '';
		display: block;
		height: 20px;
		left: 0;
		position: absolute;
		top: -10px;
		width: 100%;
	}
	.main-navigation ul ul li:first-of-type a {
		border-top: none;
		/* Remove border for first child element */
	}
	.main-navigation ul ul ul {
		left: -999em;
		top: 0;
	}
	.main-navigation ul ul ul::before {
		border-color: transparent #11100f transparent transparent;
		border-width: 7px 7px 7px 0;
		left: -5px;
		position: absolute;
		top: 15px;
	}
	.main-navigation ul ul ul::after {
		height: 100%;
		left: -15px;
		top: 0;
		width: 20px;
	}
	.main-navigation li:hover > ul {
		left: auto;
	}
	.main-navigation ul ul li:hover > ul {
		left: 103%;
		left: calc(100% + 5px);
	}
	.main-navigation #primary-menu > li:nth-last-child(1):hover > ul,
	.main-navigation #primary-menu > li:nth-last-child(2):hover > ul {
		left: auto;
		right: 5%;
	}
	.main-navigation #primary-menu > li:nth-last-child(1):hover ul::before,
	.main-navigation #primary-menu > li:nth-last-child(2):hover ul::before {
		left: auto;
		right: 15px;
	}
	.main-navigation #primary-menu > li:nth-last-child(1) li:hover ul,
	.main-navigation #primary-menu > li:nth-last-child(2) li:hover ul {
		left: auto;
		right: 103%;
		right: calc(100% + 5px);
	}
	.main-navigation #primary-menu > li:nth-last-child(1) li:hover ul::before,
	.main-navigation #primary-menu > li:nth-last-child(2) li:hover ul::before {
		left: auto;
		right: -8px;
	}
	.main-navigation #primary-menu > li:nth-last-child(1) li:hover ul::after,
	.main-navigation #primary-menu > li:nth-last-child(2) li:hover ul::after {
		left: auto;
		right: -15px;
	}
	/* Sticky menu */
	.sticky {
		top: auto;
		position: fixed;
		bottom: 0;
	}

	#site-navigation-wrapper {
		top: auto;;
		bottom: 0;
		position: fixed;
		width: 100%;
	}

}

.pique-panel {
	background-color: #1b3a47;
	margin: 0;
	min-height: 60vh;
	position: relative;
	width: 100%;
}

/* Panel background (featured) image */
.pique-panel-background {
	opacity: 0.25;
}

@media (min-width: 768px) {
        .pique-panel-background {
                background-attachment: fixed;
                background-position: top center;
                background-repeat: no-repeat;
                background-size: cover;
        }
}

/* Account for the admin bar */
@media screen and (min-width: 600px) and (max-width: 782px) {
	.admin-bar .main-navigation.sticky {
        top: auto;
		bottom: 0;
	}
}

@media screen and (min-width: 782px) {
	.admin-bar .main-navigation.sticky {
        top: auto;
		bottom: 0;
	}
}

body,
button,
.archive .read-more a,
.blog .read-more a,
.search-results .read-more a,
input,
select,
textarea {
	color: #726b60;
	font-family: "freight-sans-pro",Arial,sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.125rem;
	line-height: 1.5;
}

body.page {
	background: url(../../../../../expearth.h.uib.no/wordpress/wp-content/uploads/2016/11/iss048e002082orig-1400x1000.jpg) no-repeat center center fixed;
	background-color: black;
	max-width: 1400px;
	margin: auto;
}

.site {
	background-color: rgba(27,58,71,0.9);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
	margin: 0 auto;
	max-width: 1400px;
}

/* Panel background (featured) image */
.pique-child-page-background {
	background: no-repeat scroll 50% 50%;
	background-size: cover;
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: 0.1;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	pointer-events: none;
}

.site-content {
	margin-top: 0;
}

div.imgmap-frontend-image {
    max-width: 830px !important;
    margin: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: white;
	text-align: center;
	font-family: Karla, Arial, sans-serif;
	font-style: normal;
}

h2,
h3,
h4,
h5,
h6 {
	padding-top: 20px;
}

div,
p,
li,
strong,
a {
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}

ol {
	margin: 0 0 1.5em 0;
	padding: 0px;
}
.wpProQuiz_response,
.wpProQuiz_questionList {
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* Labels */
label {
	color: white;
}

.site-footer {
	padding: 0 20px 0;
}

a.menuitem-active,
a.menuitem.active {
	color: lightblue;
}