/*
Theme Name: Divido
Theme URI: http://divido.se
Author: Divido IT Webb Reklam
Author URI: http://divido.se/
Description: Custom theme for customers
Version: 1.0

Text Domain: divido
*/



/*  >>>>>>>>>>>>>>>>>>>>>> Reset <<<<<<<<<<<<<<<<<<<<<<<<  */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
h1, h2, h3, h4, h5, h6 { clear: both; }
html { overflow-y: scroll; font-size: 100%;	-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a:focus { outline: thin dotted; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
del { color: #333; }
ins { background: #fff9c0; text-decoration: none; }
hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; }
img { border: 0; }


/*  >>>>>>>>>>>>>>>>>>>>>> Basics <<<<<<<<<<<<<<<<<<<<<<<<  */

html { height: 100%; }

body {
	background-image: none;
	/* background-position: top 230px center;
	background-repeat: no-repeat;
	background-attachment: fixed; 
	background-size: 100%; */
	background-color: #fff;
	font-size: 16px;
	font-family: 'latoregular';
	line-height: 1.0;
	color: #000;
	height: 100%; }

a { outline: none; color: #213f99; text-decoration: none; }
a:hover { color: #192c5b; }

p { margin-bottom: 20px; line-height:1.5; }

h1 {
	font-family: 'latobold';
	font-size: 30px;
	margin-bottom: 20px;
	color: #666; }
h2 {
	font-family: 'latobold';
	font-size: 25px;
	margin-bottom: 15px;
	color: #666; }
h3 {
	font-family: 'latobold';
	font-size: 22px;
	margin-bottom: 20px;
	color: #666; }
h4 {
	font-family: 'latobold';
	font-size: 20px;
	margin-bottom: 20px;
	color: #666; }
h5 {
	font-family: 'latobold';
	font-size: 16px;
	margin-bottom: 20px;
	color: #666; }
h6 {
	font-family: 'latobold';
	font-size: 15px;
	margin-bottom: 20px;
	color: #666; }


blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-size: 18px; font-style: italic; display: inline-block; text-align: center; }
blockquote:before { content: "\201C";  }
blockquote:after { content: "\201D"; }


hr { height: 1px; background-color: transparent; border-bottom: 1px solid #ddd; padding: 0; margin: 20px 0; width: 99%; }

.lists ul, ol { margin-bottom: 20px; }

.lists ul li { list-style: disc; margin-left: 40px; }
.lists ol li { list-style: decimal; margin-left: 40px; }

/* -------------------------------------------------------------------------------------------------- */

/*  >>>>>>>>>>>>>><<<<<<<<<<<<<<<>>>>>>>> SNOWCONE 17.2 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<  */

/* -------------------------------------------------------------------------------------------------- */



/*  >>>>>>>>>>>>>>>>>>>>>> Core <<<<<<<<<<<<<<<<<<<<<<<<  */


.ejmobil { }
.mobil { display: none; }


/*  >>>>>>>>>>>>>>>>>>>>>> Boxes <<<<<<<<<<<<<<<<<<<<<<<<  */


/*   If no margin between boxes   */

.c1 { width: 100%; }
.c2 { width: 50%; }
.c3 { width: 33.33333333333333%; }
	.c32 { width: 66.66666666666667%; }
.c4 { width: 25%; }
	.c43 { width: 75%; }
.c5{ width: 20%; }
.c6{ width: 16.66666666666667%; }
	.c64 { width: 66.66666666666668%; }
.c7 { width: 14.28571428571429%; }
.c8 { width: 12.5%; }
.c9 { width: 11.1111111111111%; }
.c10 { width: 10%; }

.c1, .c2, .c3, .c32, .c4, .c43, .c5, .c6, .c64, .c7, .c8, .c9, .c10 { float: left; margin: 0%; }


/*   If margin 10 px between boxes and 5 px in edges   */

.c1m10 { width: 99%; }
.c2m10 { width: 49%; }
.c3m10 { width: 32.33333333333333%; }
	.c32m10 { width: 65.66666666666666%; }
.c4m10 { width: 24%; }
	.c43m10 { width: 74%; }
.c5m10 { width: 19%; }
.c6m10 { width: 15.66666666666667%; }
.c7m10 { width: 13.28571428571429%; }
.c8m10 { width: 11.5%; }
.c9m10 { width: 10.1111111111111%; }
.c10m10 { width: 9%; }

.c1m10, .c2m10, .c3m10, .c32m10, .c4m10, .c43m10, .c5m10, .c610, .c7m10, .c8m10, .c9m10, .c10m10 { margin: 0.5%; float: left; }


/*   If margin 30 px between boxes and 15 px in edges  */

.c1m30 { width: 97%; }
.c2m30 { width: 47%; }
.c3m30 { width: 30.33333333333333%; }
	.c32m30 { width: 63.66666666666667%; }
.c4m30 { width: 22%; }
	.c43m30 { width: 72%; }
.c5m30 { width: 17%; }
.c6m30 { width: 13.66666666666667%; }
.c7m30 { width: 11.28571428571429%; }
.c8m30 { width: 9.5%; }
.c9m30 { width: 8.1111111111111%; }
.c10m30 { width: 7%; }

.c1m30, .c2m30, .c3m30, .c32m30, .c4m30, .c43m30, .c5m30, .c6m30, .c7m30, .c8m30, .c9m30, .c10m30 { margin: 1.5%; float: left; }
	

/*   If margin 50 px between boxes and 25 px in edges   */

.c1m50 { width: 95%; }
.c2m50 { width: 45%; }
.c3m50 { width: 28.33333333333333%; }
	.c32m50 { width: 61.66666666666667%; }
.c4m50 { width: 20%; }
	.c43m50 { width: 70%; }
.c5m50 { width: 15%; }
.c6m50 { width: 11.66666666666667%; }
.c7m50 { width: 9.285714285714286%; }
.c8m50 { width: 7.5%; }
.c9m50 { width: 6.1111111111111%; }
.c10m50 { width: 5%; }

.c1m50, .c2m50, .c3m50, .c32m50, .c4m50, .c43m50, .c5m50, .c6m50, .c7m50, .c8m50, .c9m50, .c10m50 { margin: 2.5%; float: left; }
	
/*   Padding boxes   */	

.p1 { max-width: 100%; max-height: 80%; margin: 10px 3%; overflow: hidden; }
.p2 { max-width: 100%; max-height: 80%; margin: 20px 3%; overflow: hidden; }
.p3 { max-width: 100%; max-height: 80%; margin: 30px 3%; overflow: hidden; }
.p4 { max-width: 100%; max-height: 80%; margin: 40px 3%; overflow: hidden; }
.p5 { max-width: 100%; max-height: 80%; margin: 50px 3%; overflow: hidden; }


/*   Space boxes   */	

.space10 { clear: both; width: 100%; height: 10px; }
.space20 { clear: both; width: 100%; height: 20px; }
.space30 { clear: both; width: 100%; height: 30px; }
.space40 { clear: both; width: 100%; height: 40px; }
.space50 { clear: both; width: 100%; height: 50px; }
.space75 { clear: both; width: 100%; height: 75px; }
.space100 { clear: both; width: 100%; height: 100px; }
.space200 { clear: both; width: 100%; height: 200px; }
.space300 { clear: both; width: 100%; height: 300px; }
.space400 { clear: both; width: 100%; height: 400px; }
.space500 { clear: both; width: 100%; height: 500px; }


/*  >>>>>>>>>>>>>>>>>>>>>> Others <<<<<<<<<<<<<<<<<<<<<<<<  */


.zindex9999 { z-index: 9999 !important; }

.boxshadow { box-shadow: 0px 0px 65px #cbcbcb; }

.bgwhite { background-color: #fff; }
.textcolorwhite { color: #fff; }

.centerimgindiv { display:block; margin:auto; }

.clearboth { clear: both;}
.clearleft { clear: left; }
.clearright { clear: right; }

.floatleft { float: left !important; }
.floatright { float: right !important; }

.textalignleft { text-align: left; }
.textalignright { text-align: right; }
.textaligncenter { text-align: center; }

.marginauto { margin: 0 auto !important; }

.width100procent { width: 100%; }
.height100procent { height: 100% !important; }

.positionrelative { position: relative; }
.positionabsolute { position: absolute; }

.height10 { height: 10px; }
.height25 { height: 25px; }
.height50 { height: 50px; }
.height75 { height: 75px; }
.height100 { height: 100px; }
.height125 { height: 125px; }
.height150 { height: 150px; }
.height175 { height: 175px; }
.height200 { height: 200px; }
.height225 { height: 225px; }
.height250 { height: 250px; }
.height300 { height: 300px; }
.height350 { height: 350px; }
.height400 { height: 400px; }
.height450 { height: 450px; }
.height500 { height: 500px; }
.height550 { height: 550px; }
.height600 { height: 600px; }
.height650 { height: 650px; }
.height700 { height: 700px; }
.height750 { height: 750px; }
.height800 { height: 800px; }
.height850 { height: 850px; }
.height900 { height: 900px; }
.height950 { height: 950px; }
.height1000 { height: 1000px; }

.fullheight { height: 100% !important; }
.fullwidth { width: 100% !important; }
.minheight100 { min-height: 100px !important; }

.marginbottom10 { margin-bottom: 10px; }
.marginbottom20 { margin-bottom: 20px; }
.marginbottom30 { margin-bottom: 30px; }
.marginbottom40 { margin-bottom: 40px; }
.marginbottom50 { margin-bottom: 50px; }
.marginbottom60 { margin-bottom: 60px; }
.marginbottom70 { margin-bottom: 70px; }
.marginbottom80 { margin-bottom: 80px; }
.marginbottom90 { margin-bottom: 90px; }
.marginbottom100 { margin-bottom: 100px; }

.nomarginbottom { margin-bottom: 0px !important; }




/*  >>>>>>>>>>>>>>>>>>>>>> Images & Media <<<<<<<<<<<<<<<<<<<<<<<<  */

img { max-width: 100%; }

/* Responsive images */

.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/*  >>>>>>>>>>>>>>>>>>>>>> WP GALLERY <<<<<<<<<<<<<<<<<<<<<<<<  */

.gallery { margin: 0px auto 20px; clear: both; float: left; display: block; width: 100%; }
.gallery-item { line-height: 0.7; } /* Tar bort litet vitt mellanrum under bilderna i Chrome */
.gallery .gallery-item {
	float: left;
	margin: 0 !important;
	text-align: center;
	width: 100%;
	position: relative;
	display: block;
}

.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-2 .gallery-item:nth-child(2n+1) { clear: left; }

.gallery-columns-3 .gallery-item { width: 33.33333333333333%; }
.gallery-columns-3 .gallery-item:nth-child(3n+1) { clear: left; }
  
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-4 .gallery-item:nth-child(4n+1) { clear: left; }

.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-5 .gallery-item:nth-child(5n+1) { clear: left; }

.gallery-columns-6 .gallery-item { width: 16.66666666666667%; }
.gallery-columns-6 .gallery-item:nth-child(6n+1) { clear: left; }

.gallery-columns-7 .gallery-item { width: 14.28571428571429%; }
.gallery-columns-7 .gallery-item:nth-child(7n+1) { clear: left; }

.gallery-columns-8 .gallery-item { width: 12.5%; margin-bottom: 0px !important; }
.gallery-columns-8 .gallery-item:nth-child(8n+1) { clear: left; }

.gallery-columns-9 .gallery-item { width: 11.11111111111111%; }
.gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: left; }

.gallery img {
	box-shadow: 0px 0px 0px #999;
	border: 0px solid white !important;
	margin: 0px;
	background: #f2f2f2;
	width: 100%;
	opacity: 0.9;
	transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
	outline: 0 !important; 
	border: none !important; }
.gallery img:hover {
	background: white;
	opacity: 1.0; }

.gallery .gallery-caption {
	color: #999;
	font-size: 14px;
	font-style: italic;
	margin: 5px 10px 5px;
	padding: 10px;
	max-width: 100%;
	text-align: center;
	vertical-align: bottom;
	line-height: 1.0; }



/*  >>>>>>>>>>>>>>>>>>>>>> Media Queries <<<<<<<<<<<<<<<<<<<<<<<<  */





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



.ejmobil { display: none; }
.mobil { display: block; }
.textaligncentermobil, p .textaligncentermobil { display: block !important; text-align: center !important; }



/*   BOXES CODES   */

/*   If no margin between boxes   */

.c1 { width: 100%; }
.c2 { width: 50%; }
.c3 { width: 100%; }
	.c32 { width: 100%; }
.c4 { width: 50%; }
	.c43 { width: 100%; }
.c5{ width: 33.33333333333333%; }
.c6{ width: 16.66666666666667%; }
	.c64 { width: 66.66666666666668%; }
.c7 { width: 14.28571428571429%; }
.c8 { width: 12.5%; }
.c9 { width: 11.1111111111111%; }
.c10 { width: 10%; }

.c1, .c2, .c3, .c32, .c4, .c43, .c5, .c6, .c64, .c7, .c8, .c9, .c10 { float: left; margin: 0%; }


/*   If margin 10 px between boxes and 5 px in edges   */

.c1m10 { width: 99%; }
.c2m10 { width: 99%; }
.c3m10 { width: 99%; }
	.c32m10 { width: 99%; }
.c4m10 { width: 49%; }
	.c43m10 { width: 99%; }
.c5m10 { width: 32.33333333333333%; }
.c6m10 { width: 15.66666666666667%; }
.c7m10 { width: 13.28571428571429%; }
.c8m10 { width: 11.5%; }
.c9m10 { width: 10.1111111111111%; }
.c10m10 { width: 9%; }

.c1m10, .c2m10, .c3m10, .c32m10, .c4m10, .c43m10, .c5m10, .c610, .c7m10, .c8m10, .c9m10, .c10m10 { margin: 0.5%; float: left; }


/*   If margin 30 px between boxes and 15 px in edges   */

.c1m30 { width: 97%; }
.c2m30 { width: 97%; }
.c3m30 { width: 97%; }
	.c32m30 { width: 97%; }
.c4m30 { width: 97%; }
	.c43m30 { width: 97%; }
.c5m30 { width: 47%; }
.c6m30 { width: 13.66666666666667%; }
.c7m30 { width: 11.28571428571429%; }
.c8m30 { width: 9.5%; }
.c9m30 { width: 8.1111111111111%; }
.c10m30 { width: 7%; }

.c1m30, .c2m30, .c3m30, .c32m30, .c4m30, .c43m30, .c5m30, .c6m30, .c7m30, .c8m30, .c9m30, .c10m30 { margin: 1.5%; float: left; }


/*   If margin 50 px between boxes and 25 px in edges   */

.c1m50 { width: 95%; }
.c2m50 { width: 95%; }
.c3m50 { width: 95%; }
	.c32m50 { width: 95%; }
.c4m50 { width: 45%; }
	.c43m50 { width: 70%; }
.c5m50 { width: 15%; }
.c6m50 { width: 28.33333333333333%; }
.c7m50 { width: 9.285714285714286%; }
.c8m50 { width: 20%; }
.c9m50 { width: 6.1111111111111%; }
.c10m50 { width: 15%; }

.c1m50, .c2m50, .c3m50, .c32m50, .c4m50, .c43m50, .c5m50, .c6m50, .c7m50, .c8m50, .c9m50, .c10m50 { margin: 2.5%; float: left; }	
	
/*   Padding boxes   */	

.p1 { max-width: 100%; max-height: 80%; margin: 10px 3%; overflow: hidden; }
.p2 { max-width: 100%; max-height: 80%; margin: 20px 3%; overflow: hidden; }
.p3 { max-width: 100%; max-height: 80%; margin: 30px 3%; overflow: hidden; }
.p4 { max-width: 100%; max-height: 80%; margin: 40px 3%; overflow: hidden; }
.p5 { max-width: 100%; max-height: 80%; margin: 50px 3%; overflow: hidden; }

/*
.gallery-columns-4 .gallery-item { width: 33.33333333333333%; }
.gallery-columns-4 .gallery-item:nth-child(3n+1) { clear: left; }

.gallery-columns-5 .gallery-item { width: 33.33333333333333%; }
.gallery-columns-5 .gallery-item:nth-child(3n+1) { clear: left; }

.gallery-columns-6 .gallery-item { width: 33.33333333333333%; }
.gallery-columns-6 .gallery-item:nth-child(3n+1) { clear: left; }

.gallery-columns-7 .gallery-item { width: 33.33333333333333%; }
.gallery-columns-7 .gallery-item:nth-child(3n+1) { clear: left; }

.gallery-columns-8 .gallery-item { width: 33.33333333333333%; }
.gallery-columns-8 .gallery-item:nth-child(3n+1) { clear: left; }

.gallery-columns-9 .gallery-item { width: 33.33333333333333%; }
.gallery-columns-9 .gallery-item:nth-child(3n+1) { clear: left; }

*/

}