/*   
Theme Name: Kaleido
Author: Colin Lewis
Version: 1.1
*/



/* 
-------------------------------------------------------------------------------
   CONTENTS
-------------------------------------------------------------------------------

1. Boilerplate: reset styles
2. Typography
3. Structure
4. Home
5. Navigation
6. Single
7. Kontakt
8. Galleriarkiv
9. Members archive (archive.php)
10. Links
11. Press
12. Galleriprogram
13. Print styles


-------------------------------------------------------------------------------
main link colour: #4DA8FF
-------------------------------------------------------------------------------
*/



/* 1. Boilerplate: reset styles
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } 
article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects */
img, object, embed {max-width: 100%; } 
img { height:auto; max-height: 100%; }

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll; -webkit-overflow-scrolling: touch; }

ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} 
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}
b, strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;} 

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* clearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* 2. Typography
-------------------------------------------------------------------------------*/

@font-face { font-family: 'ScalaSansLFBold'; src: url('lib/fonts/scalasans-boldlf-webfont.eot'); src: url('lib/fonts/scalasans-boldlf-webfont.eot?#iefix') format('embedded-opentype'), url('lib/fonts/scalasans-boldlf-webfont.woff') format('woff'), url('lib/fonts/scalasans-boldlf-webfont.ttf') format('truetype'), url('lib/fonts/scalasans-boldlf-webfont.svg#ScalaSansLFBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ScalaSansSCRegular'; src: url('lib/fonts/scalasans-regularsc-webfont.eot'); src: url('lib/fonts/scalasans-regularsc-webfont.eot?#iefix') format('embedded-opentype'), url('lib/fonts/scalasans-regularsc-webfont.woff') format('woff'), url('lib/fonts/scalasans-regularsc-webfont.ttf') format('truetype'), url('lib/fonts/scalasans-regularsc-webfont.svg#ScalaSansSCRegular') format('svg'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'ScalaSansRegular'; src: url('lib/fonts/scalasans-regular-webfont.eot'); src: url('lib/fonts/scalasans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('lib/fonts/scalasans-regular-webfont.woff') format('woff'), url('lib/fonts/scalasans-regular-webfont.ttf') format('truetype'), url('lib/fonts/scalasans-regular-webfont.svg#ScalaSansRegular') format('svg'); font-weight: normal; font-style: normal; } 

body { font: 63% sans-serif; line-height: 1.5; background: none; } 
body, select, input, textarea {color: #333;}

a {color: #4DA8FF; text-decoration: none; font-family: 'ScalaSansLFBold'; font-weight: normal; }
a:hover {color: #000;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

body { font-family: 'ScalaSansRegular', sans-serif; }
b, strong, em, i { font-weight: normal; font-family: 'ScalaSansLFBold'; }

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

h1 { font-size: 1.8em; font-weight: normal; }
h2, h3, h4, h5, h6 { color: #454545; }
h2 { font-family: 'ScalaSansSCRegular'; font-size: 2.6em; line-height: 1.0; font-weight: normal; text-transform: lowercase; font-variant: small-caps; color:#323232; }
h3 { font-family: 'ScalaSansSCRegular'; font-size: 2.0em; line-height: 1.0; font-weight: normal; text-transform: lowercase; font-variant: small-caps; color: #545454;}
h4 { font-family: 'ScalaSansLFBold'; font-size: 1.5em; line-height: 1.6; font-weight: normal; color: #929292; }
h5 { font-family: 'ScalaSansLFBold'; font-size: 1.8em; line-height: 1.6; font-weight: normal; color: #333; background: url('lib/img/obs_border.png') repeat-x right top; margin-top: 1em; padding-top: 1em; }

body.home h2 { color:#111; } 
body.home h3 { margin: 0.2em 0;}
body.home h4, #section_3 h4 { font-size: 1.5em; font-weight: normal; text-transform: lowercase; font-variant: small-caps; }

p { font-size: 1.5em; margin: 0 0 1em 0; }
#footer p { font-family: 'ScalaSansSCRegular'; text-transform: lowercase; font-size: 1.1em; color: #444; letter-spacing: 0.1em; }
#footer p a { font-family: 'ScalaSansSCRegular'; }

.button { margin: 2.0em 0 1.0em 0; }
.button a { color: #fff; padding: 0.5em 1.0em; -webkit-border-radius: 2.0em; -moz-border-radius: 2.0em; background: #4DA8FF; } 
.button a:hover { background: #666; } 

#crumbs { font-size: 1.3em; color: #aaa; margin:0 0 0 0; }

.emoba-em {font-family: 'ScalaSansLFBold' !important; font-size: 1em !important; }


/* 3. Structure
-------------------------------------------------------------------------------*/

/* Sticky footer: http://www.cssstickyfooter.com */
html, body { height: 100%; }

#container { min-height: 100%; }
#main_content { overflow:auto; border-bottom: 5em solid #fff; padding-bottom: 13em; background: #fff url('lib/img/body_bg.png') no-repeat center top;}  
.wrapper { width:930px; margin: 0 auto; overflow: auto; position: relative; }

#footer { position: relative; margin-top: -13em; /* negative value of footer height */ height: 13em; clear:both; } 
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;/ } /*Opera Fix*/


#header { margin:21px auto 0 auto; height: 145px; }
#header h1 a { margin:14px 0 0 0; display: block; background: url('lib/img/kaleido_konsthantverk_2.png') no-repeat; float:left; height: 53px; width: 218px; text-indent: -9000em; } 

#search { position: absolute; top: -42px; right:0px;  height:23px; background: #fff; padding-left:8px; background: none !important;}
#search label { display: none; }
#search input#s { width:150px; height:23px;margin:0 4px 0 0; color: #454545; background: #f3f3f3; border:0; }
#search input#searchsubmit { height: 24px; width: 23px; text-indent: -9000em; border: none; background: url('lib/img/search.png') no-repeat left 1px; } 
#search input#searchsubmit:hover { background: url('lib/img/search.png') no-repeat left bottom; } 

@media all and (max-width: 1024px) {
#search { position: relative; top: auto; right: auto; height:auto; background: #fff; padding:40px 0 0 40px; background: none !important;}
#search label { display: none; }
#search input#s { width:auto; height:23px; margin:0 4px 0 0; color: #454545; background: #f3f3f3; border:0; }
#search input#searchsubmit { height: 24px; width: 23px; text-indent: -9000em; border: none; background: url('lib/img/search.png') no-repeat left 1px; } 
#search input#searchsubmit:hover { background: url('lib/img/search.png') no-repeat left bottom; } 
}

#footer { width:100%; background: url('lib/img/footer.png') repeat center top; }
#footer #footer_content { width:930px; margin: 0 auto; padding: 4.2em 0 0 0; }
#footer #footer_content p { padding: 0.5em; background: #fff; float:left; }
.hide { display: none; }
.alignright { float:right; margin:0 0 1em 1em; }
 
#thumbs { height: auto; width: 500px; max-width: 100%; padding: 0 0 0 0; text-align:center; } 


/* 4. Home
-------------------------------------------------------------------------------*/

#section_1 { width: 100%; background: url('lib/img/home_section_1.png') repeat-y center top; margin: 10px 0 0 0; padding-bottom: 10px; overflow: auto; }
#section_1a { float:left; width:47%; }
#section_1b { float:right; width:47%; } 
#section_1a h2 { background: url('lib/img/ny.png') no-repeat left center; padding-left: 28px;}
#section_1b h2 { background: url('lib/img/eye.png') no-repeat left center; padding-left: 26px;}
.section_1_bild { float:right; background: #f3f3f3; padding:5px; margin: 0 0 0 10px; width: 148px; height: 148px; border:1px solid #eee; } 
.section_1_bild:hover { background: #ddd; border:1px solid #ccc; } 
#section_1b .section_1_bild { height: 150px; } 

.sub-section, .more_links { background: url('lib/img/home_section_1_borders.png') no-repeat left top; margin-top: 1px; padding-top: 7px; }
.more_links { margin: 5px 0 0 0; font-size: 1.5em;}

#section_2 { width: 100%; background: url('lib/img/home_section_2.png') no-repeat center top; overflow: auto; position: relative; } 
#section_2 h2 { margin: 13px 0 0 0; text-align: center; padding-bottom: 25px; }
#section_2 h2 span { background: #fff url('lib/img/people.png') no-repeat 6px center; padding: 5px 7px 5px 35px;}
#section_2 ul li { float:left; margin: 0 5px; }
#section_2 ul li a { display:block; padding:5px; background: #f3f3f3; border:1px solid #ddd; width:150px; height:150px; }
#section_2 ul li a:hover { background: #ddd; border:1px solid #ccc; } 

body.home #carousel { margin: 0 40px; }
.jcarousel-clip { width:855px; height:162px; overflow:hidden; padding-right:5px; }
.jcarousel-next, .jcarousel-prev { width:23px; height:22px; position:absolute; top: 70px; cursor: pointer; }
.jcarousel-prev { left: -27px; background: url('lib/img/carousel_prev.png') left top; } 
.jcarousel-next { right: -37px; background: url('lib/img/carousel_next.png') center top; } 
.jcarousel-next:hover, .jcarousel-prev:hover { background-position: left bottom; }

#section_3 { color: #757575; width: 100%; background: url('lib/img/home_section_3.png') no-repeat center top; overflow: auto; margin-top:7px; padding-top:60px; position: relative; } 
#section_3 p {font-size: 1.3em;}
#section_3a, #section_3b, #section_3c, #section_3d { float: left; padding: 0 30px 0 17px; min-height: 14em; width:197px;}

body.home #section_3a, body.home #section_3b, body.home #section_3c { width:268px !important; }
body.home #section_3c { background-image: none !important; }

#section_3a { padding-left: 0 !important; }
#section_3d { padding-right: 0 !important; }
#section_3a { padding-left:0; }
#section_3 h4 { font-size: 2.0em; color: #454545; }
#section_3a, #section_3b, #section_3c { background: #fff url('lib/img/home_section_1.png') repeat-y right top; }
#section_3 .more_links { font-size: 1.3em;}
#fb { background: url('lib/img/fb.png') no-repeat left center; padding: 0 0 0 20px; min-height: 16px; }
#instagram { background: url('lib/img/instagram.png') no-repeat left center; padding: 0 0 0 20px; min-height: 16px; display: block; }
#webshop { padding-left: 20px; }

.section_3_bild { float:right; background: #f3f3f3; padding:3px; margin: 0 0 5px 5px; width: 75px; height: 75px; border:1px solid #eee; } 
.section_3_bild:hover { background: #ddd; border:1px solid #ccc; } 

.check { background: url('lib/img/check.png') no-repeat left center; padding-left: 15px; }
.mail { background: url('lib/img/nav/kontakt.png') no-repeat left center; padding-left: 15px; }
.mera { background: url('lib/img/mera.png') no-repeat left center; padding-left: 15px; }
.arrow { background: url('lib/img/arrow.png') no-repeat left center; padding-left: 15px; }
.clock { background: url('lib/img/nav/oppettider.png') no-repeat left center; padding-left: 15px; }


/* 5. Navigation
-------------------------------------------------------------------------------*/
@media all and (min-width:1025px){
/* Main nav*/
nav#navigation { position: relative; float: right; clear: none; margin: 42px 0 0 0; padding: 0 5px 0 0; background: url('lib/img/nav/horizontal_line.png') repeat-x right top; line-height:1.1; } 
nav#navigation ul { float: left; margin:10px 0 0 0; padding: 0 10px 0px 10px; background: url('lib/img/nav/vertical_line.png') repeat-y left top; } 
nav#navigation ul#nav_1 { background:none !important; }
nav#navigation span#nav_ornament { background: url('lib/img/nav/nav_bg.png') no-repeat left top !important; width:22px; height:24px; position:absolute; top: -13px; left:-10px; }
nav#navigation li a { margin-left:0; padding-left: 17px; background-repeat: no-repeat; background-position: left center; text-transform: lowercase;  font-family: 'ScalaSansSCRegular' !important; font-size: 1.3em; font-weight: normal; } 

/*menu item icons*/
#medlemmar { background-image: url('lib/img/nav/medlemmar.png'); padding-left: 19px; }
#just_nu { background-image: url('lib/img/nav/just_nu.png'); }
#arkiv { background-image: url('lib/img/nav/arkiv.png'); }
#program { background-image: url('lib/img/nav/program.png'); }
#bli { background-image: url('lib/img/nav/bli_medlem.png'); }
#stipendium { background-image: url('lib/img/nav/stipendium.png'); }
#oppet { background-image: url('lib/img/nav/oppettider.png'); }
#hitta { background-image: url('lib/img/nav/hitta_oss.png'); }
#kontakt { background-image: url('lib/img/nav/kontakt.png'); }
#webshop-header, #lankar { background-image: url('lib/img/nav/lankar.png'); }
#english { background-image: url('lib/img/nav/english.png'); }
#om_kaleido { background-image: url('lib/img/nav/om_kaleido2.png'); }
}	

@media all and (max-width:1024px){
nav#navigation { line-height: 1.6; padding-top: 24px; }
nav#navigation ul { margin-bottom: 1em; }
nav#navigation li a { margin-left:40px; padding-left: 0; background-repeat: no-repeat; background-position: left center; text-transform: lowercase;  font-family: 'ScalaSansSCRegular' !important; font-size: 1.5em; font-weight: normal; } 
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  height: 3px;
}
.drawer-hamburger { background-color: #4DA8FF;}
.drawer-hamburger:hover {background-color: #4DA8FF;}
/* 6. Single
-------------------------------------------------------------------------------*/

#article_text, #article_images { padding-top: 1em; } 
#article_text { width: 380px; float:left; min-height: 30em; }
#article_images { max-width: 100%; float: right; }
article { padding-top:1em;}

.no_images { width: 540px !important; overflow: auto; } 
#text_wrapper { margin-top:0; overflow: auto; background-image: url('lib/img/dot_bg_2.png'); background-repeat: no-repeat; background-position: right 1.5em; }

/*OBS box*/
.obs_1 { background: url('lib/img/obs_border.png') repeat-x left top; margin: 0 0 0 0; }  
.obs_2 { background: url('lib/img/obs_border.png') repeat-x left bottom; }
.obs_3 { background: url('lib/img/obs_ornament_2.png') no-repeat left center; padding: 30px 0; }
.obs_3 p { padding: 0 20px 0 60px; margin: 0; color: #666; }
.obs_3 p strong { color:#333; }
.obs_2:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }  
.obs_3 { display: inline-block; vertical-align: middle; }
.divitis_break { height: 2.0em; clear:both; }


/* Enskild bild */
#thumbs.hidden, #controls.hidden { display:none;}
a.bigger.enskild { position: absolute; top: -500px; left: 0; width: 500px; height: 500px; text-indent: -9000em; display: block; background-color: transparent; background-image: none; } 
a.bigger.enskild:hover { opacity: .23; background-color: #fff; }
 
.map { float: right; }
@media all and (min-width: 1024px) { .map { margin-right: -540px } }
@media all and (max-width: 1023px) { 
.map { height: auto; margin: 1rem 0 3rem 0; float: left; } 
.map img { float: right;}
}

/* 7. Kontakt
-------------------------------------------------------------------------------*/
#contact_form { background: url('lib/img/hr.png') no-repeat left top; padding: 3em 0 0 0; margin:2em 0 0 0; }
#contact_text { background: url('lib/img/hr.png') no-repeat left top; padding: 3em 0 0 0; margin:1em 0 0 0; }
#contact_form div { width:400px; margin: 0; }
#contact_form label { font-family: 'ScalaSansLFBold'; }
#contact_form legend { font-size: 1.3em; padding-bottom: 1.4em; }
input.wpcf7-form-control { border:0; width:400px; background: #f7f7f7; border: 1px solid #eee; }
#prenumerera input { vertical-align: middle; }
textarea.wpcf7-form-control { border:0; width:400px; height: 7em; background: #f7f7f7; border: 1px solid #eee; }
input.wpcf7-quiz { width:2em; margin-top: -0.3em; }
input.wpcf7-submit { margin: 1em 0 1em 0; font-weight: bold; width:auto !important; color: #fff; padding: 0.5em 1.0em; -webkit-border-radius: 2.0em; -moz-border-radius: 2.0em; background: #4DA8FF; } 
input.wpcf7-submit:hover { background: #666; } 
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok { margin: 0 0 2em 0 !important; border:0 !important; font-weight: bold !important; font-size: 1.8em !important; width:370px !important; color:#fff !important; background: #666 !important; } 
span.wpcf7-not-valid-tip-no-ajax { color: #d00 !important; font-size: 1.0em !important; font-weight: bold !important; padding-top: 0.2em !important; }
.checkbox-548 { font-weight: bold; }


/* 8. Galleriarkiv
-------------------------------------------------------------------------------*/
#yearly_archive h3 { margin: 0.3em 0 0.3em 0; }
#yearly_archive ul { color: #757575; font-size: 1.5em; margin: 0 0 1em 0; padding: 0 0 1.5em 0; background: url('lib/img/hr.png') no-repeat left bottom; }
#yearly_archive ul a { display: inline; margin-left:0.5em; }


/* 9. Members archive (archive.php)
-------------------------------------------------------------------------------*/
.member { clear:both; padding: 0 0 2em 0; margin: 0 0 1em 0; overflow: auto; }
.member img { float: right; margin: 0.3em 0 1em 1em; }


/* 10. Links
-------------------------------------------------------------------------------*/
.links h2 { padding: 1em 0 0.5em 0; background: url('lib/img/hr.png') no-repeat left top; }
.links h2:first-child { padding: 0 0 0.5em 0; background: none; }
.links .link { padding: 0 0 1em 0; clear: both;  }
.links_list { margin:0 0 2em 0; }
.links_list li { font-size: 1.5em; }


/* 11. Press
-------------------------------------------------------------------------------*/
#press img { float:right; margin: 0 0 3em 1em; }
#press h3 { clear:both; padding: 1em 0 0 0; background: url('lib/img/hr.png') no-repeat left top; }


/* 12. Galleriprogram
-------------------------------------------------------------------------------*/
#galleriprogramrubrik { padding: 1.5em 0 0 0; margin: 1em 0 0 0; background: url('lib/img/hr.png') repeat-x left top; }

ul#galleri_program_register { overflow: auto; font-size: 1.5em; padding: 1em 0 0 0; margin: 0 0 1em 0; }
ul#galleri_program_register li { clear:both; }
ul#galleri_program_register li strong { clear: left; display:block; float:left; width: 6em; color: #333; }
ul#galleri_program_register li span { font-weight: normal; color:#333; display:block; float:right; width:28.5em; }

div.program_item { clear:both; }
h4.program_date { color:#111; padding: 1.5em 0 0 0; margin: 1em 0 0 0; background: url('lib/img/hr.png') repeat-x left top; }
div.program_item h3 { margin-bottom: 0.5em; }
div.program_item div.bildinfo { display:none; clear:both; background: #eee; padding:1em; color:#666; font-size:1.2em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
div.program_item img { float:right; margin: 0 0 1em 1em; }


/* 13. Print styles
-------------------------------------------------------------------------------*/
@media print {}


/* Responsive sizing
-------------------------------------------------------------------------------*/

/* Bigger screen */

@media all and (min-width:1025px){
/* hide the hamburger menu stuff */
	button.drawer-toggle, button.drawer-hamburger, span.sr-only, span.drawer-label, span.drawer-hamburger-icon { display:none; } 
}	

/* Tablet Landscape */
@media all and (max-width: 1024px) {
	.wrapper { width:auto; margin: 1rem 3rem; overflow: visible; position: inherit; }
	#main_content { overflow: visible; border-bottom: 0; background-image: none;}  
	#header { margin:36px auto 0 auto; height: 72px; background: #fff url('lib/img/hr.png') repeat-x center bottom; }
	#header h1 a { margin:-12px 0 0 0; } 
	#article_text { max-width: 560px; width: 100%; margin: 0 auto !important; float:none; min-height: auto; }
	#text_wrapper { background-image: none; }
 	#text_wrapper #article_text { max-width: 100%; margin:0 !important; } 
	#article_images { margin-top:3em; width: auto; }
	#thumbs { max-height: 560px; width: auto; padding: 0 0 0 0; text-align:center; } 
	div.rsFullscreenBtn { display: none; }
	#main article { background: none; padding-bottom: 6em; }
	#text_wrapper article { background-image: none; }
	#section_3 { background-image: none; background-color: #eee; padding-top: 20px; }
	#footer #footer_content { max-width: 70%; margin: 0 auto; padding: 4.2em 0 0 0; } 
	#footer #footer_content p { float: none; margin:0; }
	#section_3a, #section_3b, #section_3c, #section_3d { float: none; margin: 0 auto 2rem auto; min-height: 16rem; clear: both; padding: 1rem 5% !important; width: 10rem; background-image: none; background-color: #fff !important; } 
	#section_3 .wrapper {margin-bottom: 0; }
	div#article_text { clear: both; }
	.obs_1 { background: none; background-color: #fafafa; }
	.obs_2 { background: none; }
	.obs_3 { background-position: 30px center;}
	.obs_3 { background-image: none !important; }
	.obs_3 p {padding-left:30px !important; }
	.obs_3 p { padding: 0 20px 0 90px; }
	body.page-id-1783 #article_text { margin: 0 !important; }
	.section_1_bild {margin-top: 1rem; }
	div.sub-section { background-image: none; }
	body.home #section_2 .wrapper {margin: 0 auto 3rem; height: auto; }
	body.home #section_2 .wrapper { width: 768px; }
	#section_2 { width: auto; margin: 0 3rem; background: url('lib/img/hr.png') repeat-x center 25px; }
	#section_2 ul li a { margin-bottom: 10px; }
}

/* Tablet Portrait */
@media screen and (max-width: 768px) {
	#section_1 { background-image: none; } 
	#section_1a, #section_1b { float: left; clear: both; width: 100%; }
	#section_1b { margin-top: 4rem; }
	div.sub-section { background-image: none; }
	body.home #section_2 .wrapper { width: 596px;}
}

@media screen and (max-width: 640px) {
	#galleriprogramrubrik { background-image: none; padding: 0; margin: 0; }
	ul#galleri_program_register { display:none; }
	.wrapper { margin-top: 0.8rem; }
	#header { margin-top: 0 !important; }
	#header h1 a { margin:0 0 0 0; padding:0; background-image: url('lib/img/kaleido_konsthantverk_165.png'); height: 50px; width: 165px; } 
}

@media screen and (max-width: 639px) {
	body.home #section_2 .wrapper { width: 424px; }
}

@media screen and (max-width: 480px) {
	#section_3a, #section_3b, #section_3c, #section_3d { float: none; clear: both; max-width: 80% !important; width: 80% !important; margin: 0 auto 1rem auto;   }
	div.footer_chunk_a { margin-bottom: 0 !important; padding-bottom: 0 !important; }
	div.footer_chunk_b { padding: 1rem 0; background: transparent; max-width: 100%; width: 100%; display: inline; margin: 0 !important; float:none; min-height: auto; }
	div#section_3d {margin-bottom: 15em !important;}
	.more_links {background-repeat: repeat-x; clear:both; padding-top: 0.5rem; margin-top: 2rem; 
	}
}

@media screen and (max-width: 423px) {
	body.home #section_2 .wrapper { width: 252px; }
	body { font-size: 53%; } 
}

@media screen and (max-width: 320px) {
	.section_1_bild {clear: both; display: block; text-align: center; margin: 1rem auto 1rem auto !important; float: none !important;} 
	#article_text { padding-top: 0; } 
	#article_text { min-height: auto; }
}

@media screen and (max-width: 319px) {
	#header h1 a { margin:0 0 0 0; padding:0; background-image: url('lib/img/kaleido_konsthantverk_120.png'); height: 29px; width: 120px; } 
}