/**
 * Theme Name:  Make (child theme)
 * Theme URI:   https://thethemefoundry.com/make/
 * Author:      The Theme Foundry
 * Author URI:  https://thethemefoundry.com
 * Description: Create your website without touching a line of code. Make's flexible customization features and a powerful drag and drop page builder make designing your site fun and easy. Build almost anything: a simple portfolio or photography site, an ecommerce business site, a minimalist blog, or even a professional magazine. You'll start by customizing your background, layouts, fonts, colors, and logo. Next, add and organize your content using the drag and drop page builder. Add a photo, a video, a gallery, or even a slider to any page on your website. Make is responsive, so your website will naturally look great on phones, tablets, and desktop screens. It's also fully compatible with popular plugins like WooCommerce, Gravity Forms, Contact Form 7, Jetpack, and WP PageNavi.
 * Version:     1.1.0
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template: make
 * Text Domain: make-child
 * Domain Path: /languages/
 * Tags:        black, blue, green, gray, orange, red, white, yellow, dark, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, buddypress, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging
 *
 * Make WordPress Theme, Copyright 2015 The Theme Foundry
 * Make is distributed under the terms of the GNU GPL
 */

/*
 * Add your custom styles below.
 * This version of the Make child theme is only compatible with Make 1.6.0 and above.
 */
 /*
 * Vi vill ändra h1 till att ha samma format h3
 * så att rubrikerna i scrollade Nyhets- och Tipsboxarna blir lagom stora.
 */
 
h1 {
	font-size: 24px;
	font-size: 2.4rem;
}

/* 
* Detta definierar åtta boxar för skrollning, SB1: Höjd 100px - SB7: Höjd 700px, så vi har tillgång
* till några storlekar att välja på. Den högsta, SB55 (höjd 550px) används för nyhetsfältet på startsidan.
*/

div.SB1 {
    height: 100px;
	padding: 10px;
    overflow-y: scroll;}

div.SB2 {
    height: 200px;
	padding: 10px;
	overflow-y: scroll;}

div.SB3 {
    height: 300px;
	padding: 10px;
    overflow-y: scroll;}

div.SB4 {
    height: 400px;
	padding: 10px;
    overflow-y: scroll;}
    
div.SB5 {
    height: 500px;
	padding: 10px;
	overflow-y: scroll;}
	
div.SB55 {
    height: 550px;
	padding: 10px;
	overflow-y: scroll;}

div.SB6 {
    height: 600px;
	padding: 10px;
    overflow-y: scroll;}

div.SB7 {
    height: 700px;
	padding: 10px;
    overflow-y: scroll;}
    
/* 
* Detta definierar fyra boxar för skrollning vid behov dvs. när innehållet blir större än vad boxen rymmer. Höjd 100px - 400px.
* Notera att paddingen endast är 5px. ASB1 används i de tre fälten i boxen längst upp på startsidan.
*/

div.ASB1 {
    height: 100px;
	padding: 5px;
    overflow-y: auto;}

div.ASB2 {
    height: 200px;
	padding: 5px;
	overflow-y: auto;}

div.ASB3 {
    height: 300px;
	padding: 5px;
    overflow-y: auto;}

div.ASB4 {
    height: 400px;
	padding: 5px;
    overflow-y: auto;}
    
/* 
* Detta definierar fyra boxar för skrollning vid behov och med ram som har rundade hörn, 5px. Höjd 100px - 400px.
* Som synes här nedanför kan man förenkla definitionen på ramen.
*/

div.AR5SB1 {
    height: 100px;
	padding: 10px;
	border-width: 1px;
	border-color: "black";
	border-style: solid;
	border-radius: 5px;
    overflow-y: auto;}

div.AR5SB2 {
    height: 200px;
	padding: 10px;
	border: 1px solid black;
	border-radius: 5px;
    overflow-y: auto;}

div.AR5SB3 {
    height: 300px;
	padding: 10px;
	border: 1px solid black;
	border-radius: 5px;
    overflow-y: auto;}

div.AR5SB4 {
    height: 400px;
	padding: 10px;
	border: 1px solid black;
	border-radius: 5px;
    overflow-y: auto;}
    
/* 
* Detta definierar ytterligare en box, padding 5px, ej skrollbar, ram som har rundade hörn 5px. Höjd 120px.
* Detta är boxen vi använder längst upp på startsidan.
*/

div.HR5B12 {
    height: 120px;
	padding: 5px;
	border: 1px solid black;
	border-radius: 5px;
    overflow-y: hidden;}
	
/* 
* Jag upptäckte att scrollning inte fungerar fullt ut i iOS. Detta är lösningen, man kan dock inte använda overflow-y: auto.
* oisb1 används till notisfälten, de andra två används till nyhetsfältet beroende på skärm (ator, surfplatta eller telefon).
* Sist ligger en "specialare" för framtida bruk.
*/

div.iosb1 {
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
	height: 100px;
	padding: 5px;
}

div.iosb2 {
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
	height: 200px;
	padding: 5px;
}

div.iosb3 {
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
	height: 300px;
	padding: 5px;
}

.iosb3 iframe {
}

div.iosb4 {
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
	height: 400px;
	padding: 5px;
}

.iosb4 iframe {
}

div.iosb55 {
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
	height: 550px;
	padding: 5px;
}

.iosb55 iframe {
}

div.iosb7 {
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
	height: 700px;
	padding: 5px;
}

.iosb7 iframe {
}
div.iosb7a {
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
	height: 700px;
	padding: 5px;
	margin-bottom: -50px;
}

.iosb7a iframe {
}

div.iosb-special{
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
	position: fixed; 
	right: 0; 
	bottom: 0; 
	left: 0;
	top: 0;
}

 .iosb-special iframe {
	height: 100%;
	width: 100%
}
/*
* Nedan är ett försök att styra placeringen av "breadcrumb-menyn" så att den inte hamnar längst ut till vänster.
*
*.fbc-page .fbc-wrap .fbc-items {
*margin-left: calc((100vw – 1300px) / 2) ;
*}
*.fbc-page .fbc-wrap .fbc-items{
*float:right !important;
*}
*/

/*
*Följande är för få raden med "breadcrumb-menyn" att vara färgtäckt hela väen och inte bara över själva menyn.
*/
/*
*.fbc-page .fbc-wrap .fbc-items{
*position: absolute;
*left: 205px;
*top: 150px;
*height: 25px;
*}
*/

/*
/*Följande är styling till läromedelsmenyn och tillhörande modaler.
/*
/* Definiera Modal*/

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 40%;
  top: 58%;
  width: 40%; /* bredd */
  height: 40%; /* höjd */
  padding-top: 1px; /* Location of the box */
  background-color: none;
}
  /* Modal Content */
	/* Innehållet kan skilja sig åt medllan modalerna dock inte det almänna utseendet */ 
.modal-content {
  position: relative;
  background-color:  white;
  margin: auto;
  padding: 1px;
  width: 100%;
  height: 100%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 13px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/*
/* Styling av lärmedelsmeny
/*

/* Fixed sidenav, full height */
.sidenav {
  height: 90%;
  width: 400px;
  background-color: none;
  overflow-x: hidden;
}

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
  padding: 2px 8px 2px 0px;
  text-decoration: none;
  font-size: 15px;
  color: black;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}
.dropdown-btn {
	font-size: 13;
}
/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
  color: grey;
}

/* Add an active class to the active dropdown button */
.active {
  background-color: none;
  color: black;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: none;
  padding-left: 8px;
}

/* Optional: Style the caret down icon, tag bort kommentarsmarkeriingarna om du vill ha neråtpilen */
/*.fa-caret-down {*/
/*  float: right;*/
/*  padding-right: 8px;*/
/*}*/
/* och lägg till följande med en västerpil framför första i:et i class="fa fa-caret-down"> /i> */
/* efter namnet på varje drop down knapp här nedanför, lägg den på en ny rad före /button. */

/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 13px;}
}
div.galleri {
  margin: 1px;
  border: 1px solid #ccc;
  float: left;
  width: 85px;
}

div.galleri:hover {
  border: 1px solid #777;
}

div.galleri img {
  width: 85px;
  height: auto;
}

div.desc {
  padding: 5px;
  text-align: center;
}