/*
THEME NAME: Bobergs Matsal - 2017
THEME URI: http://
DESCRIPTION: 
VERSION: 1.0
AUTHOR: Fredrik Öberg
AUTHOR URI:
TAGS: 
*/

  @font-face {
                        font-family: 'KeplerStd-LightScnItSubh';
                        src: url('fonts/KeplerStd-LightScnItSubh.eot');
       }

      @font-face {
                        font-family: 'KeplerStd-LightScnItSubh';
                        src: url('fonts/KeplerStd-LightScnItSubh.woff') format('woff'),
url('fonts/KeplerStd-LightScnItSubh.svg#KeplerStd-LightScnItSubh') format('svg');
       }
	   
	    @font-face {
                        font-family: 'KeplerStd-LightScnDisp';
                        src: url('fonts/KeplerStd-LightScnDisp.eot');
       }

      @font-face {
                        font-family: 'KeplerStd-LightScnDisp';
                        src: url('fonts/KeplerStd-LightScnDisp.woff') format('woff'),
url('fonts/KeplerStd-LightScnDisp.svg#KeplerStd-LightScnDisp') format('svg');
       }
	   
	    @font-face {
                        font-family: 'KeplerStd-LightScn';
                        src: url('fonts/KeplerStd-LightScn.eot');
       }

      @font-face {
                        font-family: 'KeplerStd-LightScn';
                        src: url('fonts/KeplerStd-LightScn.woff') format('woff'),
url('fonts/KeplerStd-LightScn.svg#KeplerStd-LightScn') format('svg');
       }
	   
	    @font-face {
                        font-family: 'KeplerStd-LightCnSubh';
                        src: url('fonts/KeplerStd-LightCnSubh.eot');
       }

      @font-face {
                        font-family: 'KeplerStd-LightCnSubh';
                        src: url('fonts/KeplerStd-LightCnSubh.woff') format('woff'),
url('fonts/KeplerStd-LightCnSubh.svg#KeplerStd-LightCnSubh') format('svg');
       }
	   
	       @font-face {
                        font-family: 'KeplerStd-LightCnItSubh';
                        src: url('fonts/KeplerStd-LightCnItSubh.eot');
       }

      @font-face {
                        font-family: 'KeplerStd-LightCnItSubh';
                        src: url('fonts/KeplerStd-LightCnItSubh.woff') format('woff'),
url('fonts/KeplerStd-LightCnItSubh.svg#KeplerStd-LightCnItSubh') format('svg');
       }
	   
	     @font-face {
                        font-family: 'KeplerStd-LightCnDisp';
                        src: url('fonts/KeplerStd-LightCnDisp.eot');
       }

      @font-face {
                        font-family: 'KeplerStd-LightCnDisp';
                        src: url('fonts/KeplerStd-LightCnDisp.woff') format('woff'),
url('fonts/KeplerStd-LightCnDisp.svg#KeplerStd-LightCnDisp') format('svg');
       }
	   
	   @font-face {
                        font-family: 'KeplerStd-CnSubh';
                        src: url('fonts/KeplerStd-CnSubh.eot');
       }

      @font-face {
                        font-family: 'KeplerStd-CnSubh';
                        src: url('fonts/KeplerStd-CnSubh.woff') format('woff'),
url('fonts/KeplerStd-CnSubh.svg#KeplerStd-CnSubh') format('svg');
       }
	   
	    @font-face {
                        font-family: 'KeplerStd-BoldCnSubh';
                        src: url('fonts/KeplerStd-BoldCnSubh.eot');
       }

      @font-face {
                        font-family: 'KeplerStd-BoldCnSubh';
                        src: url('fonts/KeplerStd-BoldCnSubh.woff') format('woff'),
url('fonts/KeplerStd-BoldCnSubh.svg#KeplerStd-BoldCnSubh') format('svg');
       }


img {
	border:0;
	outline:none;
}

a, a:hover, a:visited {
color:inherit;
text-decoration: underline;
}

body {
	 font-family: 'KeplerStd-LightCnDisp';
	padding:0px 0 100px 0;
	background-color:#fff;
	color:#D9B2B2;
}

em {
	font-family: 'KeplerStd-LightScnItSubh';
	font-style:normal;
}

iframe {
	border:0;
}

h1 img {
	max-width:100%;
}

.instagram em {
	 font-family: 'KeplerStd-LightCnItSubh';
	 font-size:20px;
	 margin-bottom:20px;
	 display:block;
	 font-style: normal;
}


.pointMe {
	cursor:pointer;
}

h1,h2,h3,h4 {
	 font-weight:normal;
}

h2 {
    font-family: 'KeplerStd-LightScnItSubh';
	 letter-spacing:0.2em;
	 font-size:25px;
}

#mc_embed_signup .button {
  border-radius: 0px !important;
}

.jumbotron.start {
	text-align:center;
	background-size:cover;
	background-color:#fff;
}

.container {
	/*max-width:720px; */
}

.entry-content {
	font-size:23px;
	letter-spacing:0.05em;
	text-align:center;
}

hr {
	width:150px;
	margin:25px auto;
}

.gform_heading {
	text-align:center;
}

.gform_title {
	font-size:22px;
}

.entry-content span {
	font-size: 20px;
	display: block;
}

.gform_body {
	color:#000;
	 font-family: 'KeplerStd-LightCnDisp';
	 font-weight:normal;
}

.gform_button.button {
	background-color:#B8DCD3;
	font-size:16px !important;
	padding:8px 12px 6px 12px !important;
	border:0px;	
	font-family: 'KeplerStd-BoldCnSubh';
	color:#000;
}

.gform_wrapper .gform_footer {
	margin-top:0px;
	float:right;
}

#gform_wrapper_1 {
	width:350px;
	margin:0 auto;
}

#instagram-list {
	list-style-type:none;
	margin:0;
	padding:0;
}

#instagram-list li {
	margin:5px;
	display:inline-block;
}

#instagram-list li img {
	width:205px;
	height:auto;
}

.instagram {
	text-align:center;
}

.tillagg {
	text-align: center;
font-size: 23px;
}


.logo {
	  padding: 20px 0;
}

#sdrn_menu ul li a, #sdrn_menu ul li a:hover {
    font-size: 18px;
}


.validation_error, .gfield_description.validation_message {
	color:#E5E5E5 !important;
	font-size:14px !important;
	 font-family: 'KeplerStd-LightCnItSubh';
}

.gfield_description.validation_message {
	color:#353535 !important;
}

.gform_body input {
	font-size:18px !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #333;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #333;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #333;
}

h3, .h3 {
font-size: 25px;
letter-spacing:0.1em;
}

.gform_confirmation_wrapper {
background-color: rgba(184,220,211,0.5);
padding: 15px;
font-size: 20px;
margin: 20px;
color: #fff;
}


.tillagg .twocol {
	width:48%;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}

.tillagg .twocol:first-child {
padding:0 20px 0 0px;
}

.tillagg .twocol:last-child {
padding:0 0px 0 20px;
}

/* Nytt */

.boxes a, .boxes .html_content {
	display:block;
	padding:50px;
	text-decoration:none;
	text-align:center;
	margin-bottom:15px;
}

.boxes span.box_title {
	display:block;
	font-family: 'KeplerStd-LightCnSubh';
	text-transform:uppercase;
	font-size:25px;
	color:#3E5063 !important;
	text-align:center;
}

.boxes span.box_text {
	display:block;
    font-family: 'KeplerStd-LightScnItSubh';
	font-size:45px;
	line-height:65px;
}


.boxes a.gron span.box_text { color:#3E5063 !important; }
.boxes a.gron { background-color:#B8DCD3 }

.boxes a.bla span.box_text, .boxes .html_content.bla span.box_text  { color:#D9B2B2 !important; }
.boxes a.bla, .boxes .html_content.bla { background-color:#3E5063 }

.boxes a.rosa span.box_text { color:#3E5063 !important; }
.boxes a.rosa { background-color:#D9B2B2 }

.menu_wrapper {
	text-align:center;
	background-color:#fff;
	position:absolue;
	top:0px;
	width:100%;
	  z-index: 98;
}

#menu-huvudmeny {
	padding-left:0px;
}

.menu-huvudmeny-container {
/*	  padding-top: 150px; */
}

.menu-huvudmeny-container li {
	list-style-type:none;
	display:inline-block;
	color:#3E5063;
	margin:0 15px;
	text-decoration:none;
	font-size:18px;
    font-family: 'KeplerStd-CnSubh';

}

.menu-huvudmeny-container li a {
	text-decoration:none;
	color:#3E5063 !important;
}



.logo {
/*	position:absolute;
	z-index:100;
	left:50%;
	top:20px;
	margin-left: -130px;
	overflow:hidden;
*/ }

.logo.closed {
  height: 85px;
}

.start.wrapper {
	background-image:url('images/home.jpg');
	background-size:cover;
	background-position:center center;
	height:530px;
	display:inline-block;
	  border-radius: 0px;
	  width:100%;
	  margin-bottom:15px;
}

.start.wrapper .start_holder {
	display:inline-block;
	position:relative;
	top:50%;
	margin-top:-100px;
	text-align:center;
	  width: 100%;
}

.start_holder span {

}

.box_title, .box_text {
	font-size:53px;
	color:#000;
}

.start.wrapper .box_text {
	font-size:25px;
}

.submenu li {
	display:none;
}

.submenu li.current-menu-item, .submenu li.current-menu-ancestor {
	display:inline-block;
	  padding: 10px 0;
}

.submenu li.current-menu-item a, .submenu li.current-menu-ancestor a {
	display:none;
}

.submenu li.current-menu-item ul li a, .submenu li.current-menu-ancestor ul li a {
	display:block;
}


.submenu li.current-menu-item ul li, .submenu li.current-menu-ancestor ul li  {
	display:inline-block;
	margin-left:15px;
	margin-right:15px;
	padding-top: 15px;
}

.sub-menu .current-menu-item a, #menu-huvudmeny .current-menu-item a {
	text-decoration:underline; 
}

 
.slider .vimeo_btn img {
    max-width: 80px;
    height: auto;
}


#menu-huvudmeny-1 {
	  text-align: center;
	  background-color: #fff;
	  position: relative;
	  top: -63px;
	  margin: 0 160px;
	  visibility:hidden;
	  height: 50px;
	    padding-left: 0px;
    z-index: 101;
}

#menu-huvudmeny-1.showme {
	visibility:visible;
}

.sub-menu {
  margin-left: 0px;
  padding-left: 0px;
  margin-top: -10px;
}

.instagram_feed  {
	text-align:center;	
}

.instagram_feed .instagram {
    display: inline-block;
    width: 20%;
    margin: 20px;
}

.instagram_feed .instagram img {
	width:100%;
	height:auto;
}

.submenu a {
	color:#3E5063 !important;
	text-decoration:none;
	font-size: 18px;
  	font-family: 'KeplerStd-CnSubh';
}

article {
	width:100%;
	text-align:center;
}

article.page {
	margin-top: -35px;
}

.entry-content {
	max-width:630px;
	display:inline-block;
   font-family: 'KeplerStd-LightScn';
   font-size:15px;
   color:#000;

}

footer {
  position: fixed;
  border-top: 2px solid #24313B;
 color: #000;
  font-family: 'MuseoSans-100';
}

.footer_box {
   position: fixed;
}

.container.boxes {
	  margin-top: 50px;
}

/* Menyanimation */

.menu-huvudmeny-container {
transition: padding-top 0.3s ease-in;
    -ms-transition: padding-top 0.3s ease-in;
    -moz-transition: padding-top 0.3s ease-in;
    -webkit-transition: padding-top 0.3s ease-in;

}

.menu-huvudmeny-container.closed {
	padding-top:10px;
	 transition: padding-top 0.3s ease-out;
    -ms-transition: padding-top 0.3s ease-out;
    -moz-transition: padding-top 0.3s ease-out;
    -webkit-transition: padding-top 0.3s ease-out;
	padding-top:117px;
}

.logo {
	transition: height 0.3s ease-in;
    -ms-transition: height 0.3s ease-in;
    -moz-transition: height 0.3s ease-in;
    -webkit-transition: height 0.3s ease-in;
	height:auto;
}


.logo.closed {
	transition: height 0.3s ease-in;
    -ms-transition: height 0.3s ease-in;
    -moz-transition: height 0.3s ease-in;
    -webkit-transition: height 0.3s ease-in;
  height: 85px;
}


#sdrn_bar, #sdrn_bar *, #sdrn_menu, #sdrn_menu * {
  font-family: inherit;
}


.box_title.mobile {
	display:none;
}

.box_title.desktop {
	color:#fff;	
}

/* Slut menyanimation */


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

.prevButton, .nextButton {
       top: -185px;
}
	
}


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


#menu-huvudmeny-1 {
  margin: 0 100px;
}
	
	.nextbtns_wrapper {
		display:none;
	}
	
	
.iosSlider .slider .item .text {
    left: 36px;
  }
.iosSlider .slider .item .text.videoslide {
    padding-top: 117px;
}

}

@media screen and (max-width:961px) {
	
	.logo {
  top: 62px;
		
	}
	
	.logo.closed {
  top: 62px;
  height: 50px !important;
}

article.page {
	margin-top: -5px;
}



}

@media screen and (max-width:900px) {
.start.wrapper {
  height: 400px;
}




}

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


.entry-content {
font-size: 18px;
}

#mc_embed_signup .mc-field-group {
  width: 100% !important;
}
	
.boxes span.box_text {
  font-size: 30px;
  line-height: 35px;
}


.tillagg .twocol {
	width:100%;
	padding:0px !important;

}

.start.wrapper {
  height: 300px;
}


}

@media screen and (max-width: 640px){
.iosSlider, .responsive_height {
    height: 320px !important;
    background-position: center center !important;
}
	
	.iosSlider .slider .item .text.videoslide {
    text-align: center;
    padding-top: 110px;
}
	
	
}

@media screen and (max-width:500px) {
	
	.box_title.desktop {
	display:none;
	
}

	div#sbi_images .sbi_item:first-child {
    display: block !important;
}
div#sbi_images .sbi_item {
    display: none !important;
}	
	
.box_title.mobile {
    display: block;
    font-size: 32px;
	display:none; /* Kanske ska tas tillbaka */
}


.start.wrapper {
  height: 200px;
}

.instagram_feed .instagram {
	width:120px;
}



}