/*
CTC Separate Stylesheet
Updated: 2023-12-27 11:46:49
Theme Name: Simone Child
Theme URI: allverdensmat.no
Template: simone
Author: Erlend Øverby
Description: This is a child theme based on Simone. The adaptations are done to match the liking of Karde AS.
Tags: All verdensmat
Version: 1.0.0.1703674009
*/

/*
 * Størrelse på innholdsområde, etter innspill fra Riitta
 */

 .entry-header, .entry-content {
	max-width: 88vw;
}

.site-footer {
	padding: 1vh 3vw 1vh 5vw;
}

/*
 * Styling 
 */

html {
	font-size: 12px;
}

body {
	font-family: 'Lato', sans-serif;
}


h1.site-title {
	text-transform: none;
	padding: 1vh 0 1.1vh 0;
	margin:0;
	font-size: 2em;
	margin: 0;
	
}
.site-title {
	text-transform: none !important;	
}

h2.site-description {
	font-size: 1.2em;
	padding: .5vh 0 1vh 0;
}

#site-navigation {
	display:inline-block;
	text-transform: none;
}

#site-navigation.main-navigation {
	display: none;
}

.header-image a img {
	width: 80px;
	height: 80px;
	padding: 0 0 0 0 !important;
}

.site-branding {
	padding: 0 !important;
	margin: 0 !important;
	width: 100vw;
	text-align: left;
	display: block;
}

.title-box {
	padding: 0 2vw 0 2vw;
	margin: 0 !important;
	border-style: none;
	width: 90vw;
	display: inline-block;
}

.header-image {
	display: inline-block;
	padding: 2vh 1vw 0 2vw;
}

.site-content {
	background-color: #CDEEFB !important;
}

.site-content .widget-area {
	padding: 2vh 2vw;	
	background-color: #CDEEFB !important;
}

/* TIL HJELPERE MENY ITEM - må sjkke ID i HTML for riktig adresse... */
#menu-item-59 {
	margin-left: auto;
	position: absolute;
	right: 7vw;
}

#secondary {
	width: 22vw;
	padding: 3vh 2vw;
}

aside {
	width: 20vw;
	padding: 1.5vh 2vw;
	background-color: #CDEEFB;
	border: solid;
	border-radius: 20px;
}

.widget-title {
	font-size: 1.4em;
	line-height: 150%;
	border: none;
	padding: 1vh 0 1vh 0;
}

.widget_nav_menu a {
	padding: 0 1.5vw;	
}

#menu-tips-og-rad {
	
}

#menu-tips-og-rad li {
	padding: 0;	
	line-height: 150%;
	
}

#menu-tips-og-rad li a {
	font-size: 1em;
	border: none;
	
}

.footer-widgets {
	margin: 0;
	padding: 0;
	width: 95vw;
}

p {
	margin: 0;
	padding: 0 0 1.5vh 0;
	line-height: 150%;
}

h2.entry-title {
    padding: 2vh 0 3vh 0;
	margin: 0;
    font-weight: 800;
    font-size: 3em;
    line-height: 2em;
    color: #ff66ff;
}


h1 {
    padding: 1vh 0 2vh 0;
	margin: 0;
    font-weight: 800;
    font-size: 1.5em;
    line-height: 170%;
    color: #ff66ff;
}

h2 {
    padding: 1vh 0 1.5vh 0;
	margin: 0;
    font-weight: 600;
    font-size: 1.3em;
    line-height: 150%;
    color: #ff66ff;
}

h3 {
    padding: 0.8vh 0 1.2vh 0;
	margin: 0;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 150%;
    color: #ff66ff;
}


h4 {
    padding: 0.8vh 0 1vh 0;
	margin: 0;
    font-weight: 600;
    font-size: 1em;
    line-height: 125%;
    color: #ff66ff;
}

h5 {
    padding: 0.2vh 0 .5vh 0;
	margin: 0;
    font-weight: 300;
    font-size: 1em;
    line-height: 125%;
    color: #ff66ff;
}

p {
	line-height: 150%;
	padding: 1vh 0 1vh 0;
}

ol ul {
	padding: 1vh 0 1vh 1vw;
}

li span, p span {
	padding: 0vh 0 0vh 0;
	display:block;
	line-height: 150%;
}

li {
	padding: 0vh 0 0vh 0;
	line-height: 150%;
}

.entry-content p,
.entry-content ol li,
.entry-content ul li {
	font-size: 1em;
	line-height: 150%;
	color: #163e64;
}

.entry-content h1 {
	padding: 0.8vh 0 0.8vh 0;
}

.karde-footer {
	font-size: 1em;
	font-weight: 300;
	color: white;
}

.site-footer {
	color: #00B0F0;
	background: #00B0F0;
}