/*
 Theme Name: Helse.link (Layers)
 Description:
 Author: Ruben Solvang
 Template: layerswp
 Version: 1.0.1
 License: GPL 2.0
 License URI: http://www.gnu.org/licenses/gpl-2.0.html

**Color reference, for consistency**

  link color: #3D454C
  border color: #CCC
  light blue: #009DF3

**Table of contents**

    1. Header
		1b.Body
    2. Forms
    3. Invert
    4. Buttons
    5. Headings
    6. Sidebar
    7. Meta
    8. Footer
*/

/*---------------------------*/
/*- MAIN CSS ----------------*/
/*---------------------------*/

/*---------------------------*/
/*- 1 HEADER  -------*/

.sitename {text-transform: uppercase; font-weight: 400;line-height: 40px;font-size:1.5em;}

@media screen and (min-width: 481px) {.sitename {font-size:3rem;}}

.nav-horizontal li a {text-transform:uppercase; font-size: 1.55rem;font-weight: 400;}

/* helsenorge-hero */

#hn-hero {
	background-color:#eaeaea;
	padding-top: 3.5%;
	padding-bottom:2%;
	}

.hn-svg-knapp {margin-left:auto; margin-right:auto; display:block;}

.hn-svg-knapp circle {
	fill:#fff;
}

.hn-svg-knapp path {
	fill:#4e5355;
}

.hn-knapp-overskrift h2 {
	color: #134571;
}

.hn-knapp-overskrift h2:hover {
	color: black;
}

.deaktivert {
	opacity: 0.6;
}

.deaktivert a span {
	color: rgba(0,0,0,.60);
}

.oyrane-time {
	font-size: 90%;
}

@media screen and (min-width: 481px) and (max-width: 768px){

	#hn-hero .container {
	padding-left:10%;
	padding-right: 10%;
	}
}

@media screen and (max-width: 480px) {

	#hn-hero .column {
	float: left;
	width: 49%;
	margin-left: 0;
	margin-right: 0;
	}

	#hn-hero {
		padding-top: 5%;
		padding-bottom: 0;
		}
}

@media screen and (max-width: 380px) {

	.hn-knapp-bilde svg {
	max-width: 130px;
	max-height: 130px;
	width: 100%;
	height: 100%;
	padding-left: 10%;
	padding-right: 10%;
	}

	#hn-hero .media .heading {
		font-size: 1.5rem;
	}
}

.akutt-syk {
	color: #2d2d2d
}

.akutt-syk strong {
	color: #e22c1f
}

.akutt-syk a {
	font-weight: 700;
	color: #350000;
}

.akutt-syk a:hover {
	color: #e22c1f
}

.content-vertical-massive.akutt-syk{
    padding-top: 20px;
    padding-bottom: 0;
}

/*---------------------------*/
/*- 1b BODY  -------*/

.content-vertical-massive {
    padding-top: 3.8%;
    padding-bottom: 1.3%;
}

#helselink-okonomi-prisliste {
    padding-top: 1%;
    padding-bottom: 3%;
}

.nyheter {
background-color: #d3e3ed
}

.nyheter .thumbnail-body, .nyheter a.button {
	padding: 0;
	background-color: transparent;
}

.nyheter .article-title {
	padding-bottom: 5px;
}

.nyheter a.button {
	color: rgba(0,0,0,.75);
	margin-top: 10px;
	font-weight: 400;
}

.nyheter .thumbnail-body a.button:hover {
	background-color: transparent !important;
	color: rgba(0,0,0,1);
}

@media only screen and (min-width: 480px) {
	.siste-nytt .thumbnail-body {
    min-height: 300px;
	}

	.siste-nytt .thumbnail-body .button {
		position: absolute;
		bottom: 20px;
	}
}

/* Global style for big buttons */
.media.large .button {font-size:1.5em}

/* .leaflet-map {position: static !important} */

/*---------------------------*/
/*- 7 META  -------*/

.skjul-meta .meta-info {display:none}

.no-inset-top {
    padding-top: 0px;
}

/*---------------------------*/
/*- 8 FOOTER  -------*/

#footer {
text-align: center;
}

#footer .row {padding-top: 10px;padding-bottom:10px;}

@media only screen and (min-width: 481px){
.copyright .column.span-6{ width: 100%;}
.copyright .nav-horizontal {float: none;}
}

@media only screen and (min-width: 481px){
.footer-narrow-content {
	max-width: 35em;
	margin: 1em auto;
	}
}

/*Show bottom menu and center items */
@media only screen and (max-width: 480px) {
	#menu-bunnmeny {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		column-gap: 20px;
		row-gap: 10px;	
	}

	#menu-bunnmeny .menu-item {
		margin: 0;
	}
}

.footer-info {
  margin-top: 20px;
}

.footer-info a {
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(255,255,255,.75);
}

.helselink-footer-logo {
	padding: 2% 0 1% 0;
}