/*
Theme Name: Dalasmaker
Theme URI: http://humblebrag.nu
Description: A theme for Dalasmaker.se
Author: Skylto & Humblebrag
Author URI: http://humblebrag.nu
Version: 1.0


*/
/*

 © Copyright 2014 Humblebrag AB. All Rights Reserved.

 */




 /*****************************
 			BODY
 ******************************/

 body {
 	background-color: black;
	color: #fff;
 	font-size: 14px;
 	font-family: 'Lato', sans-serif;
	font-weight: 400;
 }
 h1, h2, h3, h4 {
	font-family: 'Rainbow Mansion os figures', 'Lato', sans-serif;
	font-style:   normal;
  	font-weight:  300;
  	color: #fff;
	text-align: left;

}
h3 {
	font-size: 32px;
}
h2 {
	font-size: 32px;
}
h4 {
	font-size: 32px;
    color: #fff;

}
h1 {
	font-size: 41px;
	text-align: left;
padding-left: 27px !important;
}
p {
	font-family: 'helvetica', sans-serif;
	font-weight: 300;
	color: #dedede !important;
	font-size: 14px;
}

/* Images */
.entry-content img,
.comment-content img,
.widget img {
max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
height: auto;
width: 100%; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
max-width: 97.5%;
width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
img.attachment-full,
img.attachment-post-thumbnail {
	max-width: 100%;
	height: auto !important;
}
a:visited,
a:link,
a:active {
  	color: #11a23a;
  	text-decoration: none;
}
 a:hover {
	color: #b9b9b9;

}
blockquote {
	border-left: 8px solid #0074bc;
	padding: 10px 20px;
	margin: 20px 0;

}
blockquote p {
	font-size: 22px;
	font-family: 'Rainbow Mansion os figures', 'Lato', sans-serif;
	font-style:   normal;
  	font-weight:  400;
}

li span {
	color: #fff !important;
	font-size: 14px;
}
img.kryss {
	display: block;
	position: absolute;
	right: 	-20px;
	left: auto;
	top: -35px;
}

	/*****************************
	 			FRONT-PAGE
	 ******************************/
	.bg-start {
		background-image: url('img/bg-mobil.jpg');
	 	background-repeat: no-repeat;
	 	background-size: auto;
	 	background-position: center top;
	 	width: 100%;
	 	min-height: 1002px;
	 	max-height: 100%;
	 	margin: 0 auto;
	 	padding-top: 40px;
	}

ul#menu-huvudmeny {
	list-style: none;
}

/* Mobile */
@media (max-width: 767px) {
/* Bakgrund */

body
{
height:100%;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
h1 {
	font-size: 36px;
text-align: left;
padding-left:0px;
}
iframe {
	width: 100% !important;
	height: auto !important;
}

.bg {
		background-image: url('img/bg-mobil.jpg');
	 	background-repeat: no-repeat;
	 	background-size: cover !important;
	 	background-attachment: fixed !important;
	 	width: 100%;
	 	min-height: 1002px;
	 	max-height: 100%;
	 	margin: 0 auto;
	 	padding-top: 40px;
	 	padding-bottom: 40px;
	}

/* Bilderna */
li#menu-item-52 a img,
li#menu-item-58 a img,
li#menu-item-51 a img,
li#menu-item-56 a img,
li#menu-item-50 a img,
li#menu-item-55 a img
{
	height: auto;
	width: 120px !important;
}
li#menu-item-1594 a img
{
	height: auto;
	width: 150px !important;
}
/* DALASMAKERNYTT */
	li.dssel {
	    position: absolute!important;
	    top: 347px!important;
	    left: 53px!important;
	}
	li#menu-item-52 {
		position: absolute;
		top: 377px;
		right: 21px;
	}
	/* TOPPSTUGAN */
	li#menu-item-58 {
		position: absolute;
		top: 100px;
		left: 50px;
	}
	/* CATERING */
	li#menu-item-51 {
		position: absolute;
    	top: 595px;
    	left: 25px;
	}
	/* KONFERENS */
	li#menu-item-53 {
		position: absolute;
		top: 500px;
		right: 0px;
	}
	li#menu-item-53 a img
	{
	height: auto;
	width: 150px !important;
	}
	/* RÄDSJÖSTUGAN */
	li#menu-item-56 {
		display: none!important;
		position: absolute;
    	top: 383px;
    	right: 20px;
	}
	/* UGGLAN & BJÖRNEN */
	li#menu-item-59 {
		position: absolute;
		top: 150px;
		right: 25px;
	}
	li#menu-item-59 a img {
		height: auto;
		width: 150px !important;
	}
	/* BRÖLLOP & FEST */
	li#menu-item-50 {
		position: absolute;
		top: 350px;
		right: 50px;
	}
	/* Baka kaka */
	li#menu-item-3975 {
		position: absolute;
		right: 50px;
		top: 265px;
		width: 120px;
		height: 120px;
	}
	/* OM */
	li#menu-item-55 {
		position: absolute;
   		top: 468px;
    	left: 37px;
	}
	/* KONTAKT */
	li#menu-item-54 {
		position: absolute;
		top: -9px;
		left: 43%;
		right: auto;
	}
	li#menu-item-54 a img {
	height: auto;
	width: 180px !important;
	}
    /* SMIDGÅRDEN */
	li#menu-item-1594 {
    position: absolute;
    top: 255px;
    left: 30px;
    }

}
 /*****************************
 			UNDERSIDOR
 ******************************/
 .content {
	 	margin-top: 15px;
	 }
.under-meny {
	margin: 0;
	padding: 0;
}
.under-meny li {
 	list-style: none;
 	display: inline-block;
 	padding: 10px 10px 10px 0px;
 	font-family: 'Rainbow Mansion os figures', 'Lato', sans-serif;
	font-style:   normal;
  	font-weight:  400;
  	font-size: 22px;
 }
.under-meny li a:visited,
.under-meny li a:link,
.under-meny li a:active {
  	color: #fff;
  	text-decoration: none;
}
.under-meny li a:hover {
	color: #b9b9b9;

}
 .main-container {
 	background: rgba(0, 0, 0, 0.8);
 	padding: 20px;
 }
 hr.first {
    border: none;
    height: 1px;
    color: #504f4e;
    background-color: #504f4e;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0;
}
 hr.second {
    border: none;
    height: 1px;
    color: #504f4e;
    background-color: #504f4e;
    margin-top: 3px;
    margin-bottom: 0px;
    padding: 0;
}

 /*****************************
 			BLOG
 ******************************/

.blog {
	list-style: none;
	padding: 0;
	margin-bottom: 10px;
	padding-bottom: 10px;
	margin-top: 15px;
}

.blog li a.blog-button h4 {
	padding: 15px;
}
.blog li h2 {
	margin-bottom: 0px;
}
.blog li img {
	width: 100%;
}
.blog li p span.glyphicon {
	color: #cfcfcf;
	font-size: 0.9em;
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}
.blog li.blog-info {
	display: inline-block;
	margin-right: 5%;
	margin-top: 10px;
}
.blog li.blog-info p {
	font-size: 14px;
	color: #fff;
}
.blog li p.blog-text {
	margin-top: 10px;
}
p.green {
	color: #11a23a;
}

h2.blog-titel a:visited,
h2.blog-titel a:link,
h2.blog-titel a:active {
  	color: #fff;
  	text-decoration: none;
}
h2.blog-titel a:hover {
	color: #b9b9b9;

}
/* GREY BUTTON */
.grey-button {
	display: block;
	border-radius: 3px;
	width: 180px;
	background: rgba(43, 43, 43, 0.9);
	line-height: 1em;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	margin: 35px 0 12.5px 0;
	padding: 10px;
	margin-bottom: 35px;
	font-size: 16px;
}
.grey-button span{
	font-size: 1em;
	line-height: 1em;
	padding-left: 5px;
}
a:visited.grey-button,
a:hover.grey-button,
a:link.grey-button,
a:active.grey-button {
	color: #fff;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}
a:hover.grey-button {
	background: rgba(43, 43, 43, 0.7);
}

/* WIDGET */
.widget-area {
	color: #fff;
	margin-top: 35px;
}
.widget-area ul,
.widget-area ol {
	color: #fff;
	margin-left: 0px;
	padding-left: 17px;
}
.widget-area p span {
	color: #fff !important;
}
textarea#comment,
p input#submit {
	color: #000;
}
/* Pagination */
.pagenavi span {
	border-color: #11a23a;
}
span.pages {
	background-color: transparent;
	color: #fff;
	border: none;
}
span.current {
	background-color: transparent;
	color: #fff;
	border: none;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	border-color: #BFBFBF !important;
	border: none;
}
.wp-pagenavi a,
.wp-pagenavi span {
	border: none !important;
}


/****************************
		Tablets
****************************/
@media (min-width: 768px) {


	.bg {
		background-image: url('img/bg.jpg');
	 	background-repeat: no-repeat;
	 	background-size: auto;
	 	background-position: center top;
	 	background-attachment: fixed;
	 	width: 100%;
	 	min-height: 1497px;
	 	max-height: 100%;
	 	margin: 0 auto;
	 	padding-top: 40px;
	 	padding-bottom: 40px;
	}

	/*****************************
	 			FRONT-PAGE
	 ******************************/
	.bg-start {
		background-image: url('img/bg.jpg');
	 	background-repeat: no-repeat;
	 	background-size: auto;
	 	background-position: center top;
	 	width: 100%;
	 	min-height: 1497px;
	 	max-height: 100%;
	 	margin: 0 auto;
	 	padding-top: 40px;
	}
	ul#menu-huvudmeny {
		list-style: none;
	}
	/* Bilderna */
	li#menu-item-52 a img,
	li#menu-item-58 a img,
	li#menu-item-51 a img,
	li#menu-item-53 a img,
	li#menu-item-56 a img,
	li#menu-item-59 a img,
	li#menu-item-50 a img,
	li#menu-item-55 a img,
	li#menu-item-54 a img
	{
		height: auto;
		width: 100% !important;
		float: none;
		margin: 0;
	}
	/* DALASMAKERNYTT */
	li#menu-item-52 {
		position: absolute;
		top: 364px;
		left: 240px;
	}
	/* TOPPSTUGAN */
	li#menu-item-58 {
		position: absolute;
		top: 140px;
		left: 60px;
	}
	/* CATERING */
	li#menu-item-51 {
		position: absolute;
		top: 614px;
		left: 460px;
	}
	/* KONFERENS */
	li#menu-item-53 {
		position: absolute;
		top: 638px;
		left: 200px;
		max-width: 335px;
	}
	/* RÄDSJÖSTUGAN */
	li#menu-item-56 {
		display: none!important;
		position: absolute;
		top: 416px;
		left: 500px;
	}
	/* UGGLAN & BJÖRNEN */
	li#menu-item-59 {
		position: absolute;
		top: 170px;
		left: 190px;
	}
	/* Baka kaka */
	li#menu-item-3975 {
		position: absolute;
		left: 10px;
		top: 410px;
		width: 200px;
		height: 200px;
	}
	/* BRÖLLOP & FEST */
	li#menu-item-50 {
		position: absolute;
		top: 364px;
		left: 500px;
	}
	/* OM */
	li#menu-item-55 {
		position: absolute;
		top: 615px;
		left: 1px;
	}
	/* KONTAKT */
	li#menu-item-54 {
		position: absolute;
		top: -40px;
		left: 320px;
	}
    /* SMIDGÅRDEN */
	li#menu-item-1594 {
		position: absolute;
    	top: 200px;
    	left: 512px;
	}

}
/****************************
		Large screens
****************************/

@media (min-width: 992px) {


	 /*****************************
	 			BODY
	 ******************************/
	  .container {
	    width: 970px;
	  }

	.bg {
		background-image: url('img/bg.jpg');
	 	background-repeat: no-repeat;
	 	background-size: auto;
	 	background-position: center top;
	 	background-attachment: fixed;
	 	width: 100%;
	 	min-height: 1497px;
	 	max-height: 100%;
	 	margin: 0 auto;
	 	padding-top: 40px;
	 	padding-bottom: 40px;
	}

	 /*****************************
	 			FRONT-PAGE
	 ******************************/
	.bg-start {
		background-image: url('img/bg.jpg');
	 	background-repeat: no-repeat;
	 	background-size: auto;
	 	background-position: center top;
	 	width: 100%;
	 	min-height: 1497px;
	 	max-height: 100%;
	 	margin: 0 auto;
	 	padding-top: 40px;
	}
	ul#menu-huvudmeny {
		list-style: none;
	}
	/* Bilderna */
	li#menu-item-52 a img,
	li#menu-item-58 a img,
	li#menu-item-51 a img,
	li#menu-item-53 a img,
	li#menu-item-56 a img,
	li#menu-item-59 a img,
	li#menu-item-50 a img,
	li#menu-item-55 a img,
	li#menu-item-54 a img
	{
		height: auto;
		width: 100% !important;
	}
	/* DALASMAKERNYTT */
	li#menu-item-52 {
		position: absolute;
		top: 364px;
		left: 340px;
	}
	/* TOPPSTUGAN */
	li#menu-item-58 {
		position: absolute;
		top: 140px;
		left: 150px;
	}
	/* CATERING */
	li#menu-item-51 {
		position: absolute;
        top: 612px;
        left: 576px;
	}
	/* KONFERENS */
	li#menu-item-53 {
		position: absolute;
		top: 638px;
		left: 300px;
		max-width: 335px;
	}
	/* RÄDSJÖSTUGAN */
	li#menu-item-56 {
		display: none!important;
		position: absolute;
        top: 418px;
		left: 630px;
	}
	/* UGGLAN & BJÖRNEN */
	li#menu-item-59 {
		position: absolute;
		top: 170px;
		left: 300px;
	}

	/* Baka kaka */
	li#menu-item-3975 {
		position: absolute;
		left: 100px;
		top: 410px;
		width: 200px;
		height: 200px;
	}

	/* BRÖLLOP & FEST */
	li#menu-item-50 {
		position: absolute;
		top: 364px;
		left: 650px;
	}
	/* OM */
	li#menu-item-55 {
		position: absolute;
		top: 615px;
		left: 100px;
	}
	/* KONTAKT */
	li#menu-item-54 {
		position: absolute;
		top: -40px;
		left: 420px;
	}
	/* SMIDSGÅRDEN */
	li#menu-item-1594 {
		position: absolute;
		top: 187px;
		left: 660px;
        width:264px;
	}
	/* DALASMAKER SELECTION */
	li#menu-item-4753 {
		position: absolute;
        top: 368px;
		left: 390px;

	}
}

/* Dalasmaker Selection */
li.dssel {
	position: absolute;
	/*top: 590px;
	left: 40px;*/
	top: 377px;
	right: 31px;
}
li.dssel img {
	width: 100px;
	height: 59px;
}
@media (min-width: 768px) {
	li.dssel {
		/*top: 678px;
		left: 530px;*/
		top: 368px;
		left: 270px;
		right: auto;
	}
	li.dssel img {
		width: 160px;
	}
}
@media (min-width: 992px) {
	li.dssel {
		/*top: 648px;
		left: 620px;*/
		top: 408px;
		left: 370px;
	}
	li.dssel img {
		width: 160px;
	}
}


li#menu-item-52 {
	display: none !important;
}


.row>div:first-child, .elementor-column-wrap.elementor-element-populated, h4, .widget-area {
    padding-top: 0!important;
    margin-top: 0!important;
}

/* fixa vertikal spaceing i typografi,  aligna widget-area */
h1 {
    margin-bottom: 20px;
}
h4 {
    margin-bottom: 0.15em;
    margin-top: 0.4em!important;
}
h4:first-child {
margin-top: 0!important;
}
p:first-child {
    margin-top: 5px;
}
.elementor-row p {
    max-width: 500px;
}
/* slut fixa vertikal spaceing i typografi, aligna widget-area */

/* fixa vänstermarginal på allt content */
h1 {
    padding-left: 0!important;
}
.elementor-column-wrap.elementor-element-populated {
    padding: 0!important;
}
.elementor-widget-container {
    margin: 0!important;
}
.content-wrap {
    /*padding: 0 20px 20px 20px;*/
}
/* slut fixa vänstermarginal på allt content */


#evcal_widget {
	margin-bottom:20px;
}

#evcal_widget * {
	font-weight:400!important;
}

#evcal_widget .evcal_month_line p {
	font-family:'Rainbow Mansion os figures', Lato, sans-serif;
	text-transform:capitalize;
	color:#fff;
}

#evcal_widget .desc_trig_outter a {
	border-color:#4a1d23!important;
}

#evcal_widget .evcal_event_title {
	text-transform:none;
}

#evcal_widget .event_description .evcal_evdata_row p {
    font-size: 13px!important;
}

#evcal_widget .event_description .evcal_col50 {
    border-bottom: 1px solid #4F4F4F!important;
}