/*
Theme Name: Neve Child
Theme URI: https://wp-themes.com/neve
Author: ChildThemeWP.com
Author URI: https://childthemewp.com
Description: My WordPress Neve child theme.
Template: neve
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.0
Text Domain: neve-child
*/

	/* 
* 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.
*/

 html, .fancy, .says, cite, blockquote, input, textarea {
    font-family: Verdana, Verdana, Geneva, sans-serif;
}
  
a {
  --linkDeco: none;
  color: var(--nv-primary-accent);
  cursor: pointer;
  text-decoration: var(--linkDeco);
}

a:hover, a:focus {
  opacity: 0.9;
  color: var(--nv-secondary-accent);
}

.entry-content a:not([class]),
.widget_text a:not([class]),
.nv-template .neve-main a:not([class]),
.nv-comment-content a:not([class]) {
  --linkDeco: none;
}


/* 
* Detta definierar fyra boxar för skrollning. SB1: Höjd 100px, SB2: Höjd 200px, SB3: Höjd 300px och SB4: Höjd 400px.
*/
div.SB1 { border: 1px solid rgba(0, 0, 0, 0.1);
    height: 100px;
	padding: 15px;
overflow-y: scroll;}

div.SB2 { border: 1px solid rgba(0, 0, 0, 0.1);
    height: 200px;
	padding: 15px;
overflow-y: scroll;}

div.SB3 { border: 1px solid rgba(0, 0, 0, 0.1);
    height: 300px;
	padding: 15px;
overflow-y: scroll;}

div.SB4 { border: 1px solid rgba(0, 0, 0, 0.1);
    height: 400px;
	padding: 15px;
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,200px,Höjd 300px och 400px.
*/
div.ASB1 { border: 1px solid rgba(0, 0, 0, 0.1);
    height: 100px;
	padding: 15px;
overflow-y: auto;}

div.ASB2 { border: 1px solid rgba(0, 0, 0, 0.1);
    height: 200px;
	padding: 15px;
overflow-y: auto;}

div.ASB3 { border: 1px solid rgba(0, 0, 0, 0.1);
    height: 300px;
	padding: 15px;
overflow-y: auto;}

div.ASB4 { border: 1px solid rgba(0, 0, 0, 0.1);
    height: 400px;
	padding: 15px;
overflow-y: auto;}
/* 
* Detta definierar fyra boxar för skrollning vid behov och med rundade hörn, 5px. Höjd 100px,200px,Höjd 300px och 400px.
*/
div.AR5SB1 { border: 1px solid rgba(0, 0, 0, 0.1);
    height: 100px;
	padding: 15px;
overflow-y: auto;}

div.AR5SB2 { border: 1px solid rgba(0, 0, 0, 0.1);
    height: 200px;
	padding: 15px;
overflow-y: auto;}

div.AR5SB3 { border: 1px solid rgba(0, 0, 0, 0.1);
    height: 300px;
	padding: 15px;
overflow-y: auto;}

div.AR5SB4 { border: 1px solid rgba(0, 0, 0, 0.1);
    height: 400px;
	padding: 15px;
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 höjd 100px, - iosb7 höjd 700px. iosb-special är en "specialare" för framtida bruk.
*/

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

.iosb1 iframe {
}

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

.iosb2 iframe {
}

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

.iosb3l iframe {
}

div.iosb4 {
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
	height: 400px;
	padding: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.iosb4 iframe {
}

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

.iosb5 iframe {
}

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

.iosb55 iframe {
}

div.iosb6 {
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
	height: 200px;
	witdh: 100px
	padding: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.iosb6 iframe {
}

div.iosb7 {
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
	height: 200px;
	padding: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.iosb7 iframe {
}
div.iosb8 {
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
	height: 400px;
	padding: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.iosb8 iframe {
}

div.iosb9 {
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
	height: 800px;
	width: 900px;
	padding: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.iosb9 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%
}

/* 
* Styling av knapparna "Föregånede sida" och "Till toppen".
*/

.tillTopp {
  display: none;
  background-color: white;
  border:solid #b0b0b0 1px;
  border-radius: 5px;
  box-shadow: 3px 3px 3px 3px rgba(176, 176, 176, 0.8);
  color: black;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  font-size: 8px;
  margin: 2px 1px;
  cursor: pointer;
  position: fixed;
  bottom: 165px;
  right: 100px;
  z-index: 99;
}

.fgSida {
  background-color: white;
  border:solid #b0b0b0 1px;
  border-radius: 5px;
  box-shadow: 3px 3px 3px 3px rgba(176, 176, 176, 0.8);
  padding: 5px;
  text-align: center;
  text-decoration: none;
  font-size: 8px;
  margin: 2px 1px;
  cursor: pointer;
  position: absolute;
  bottom: -125px;
  right: 0px;  
  z-index: 99;
}

.tillTopp:hover {
 color: #2F5AAE;
}
	
.fgSida:hover {
 color: #2F5AAE;
}