/*
THEME NAME: App Zén
THEME URI: http://
DESCRIPTION: 
VERSION: 1.0
AUTHOR: Fredrik Öberg
AUTHOR URI:
TAGS: 
*/

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{font-size:100%;padding:0;border:0;margin:0;vertical-align:baseline}body{}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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}


body.large_text {
}

		@font-face {
			font-family: 'ChronicleDisplay-Semi';
			src: url('fonts/ChronicleDisp-Semibold.eot');
		}

      @font-face {
            font-family: 'ChronicleDisplay-Semi';
            src: url('fonts/ChronicleDisp-Semibold.woff') format('woff'),
            url('fonts/ChronicleDisp-Semibold.svg#ChronicleDisplay-Semi') format('svg');
       }
	   
	        @font-face {
            font-family: 'ChronicleDisplay-Roman';
            src: url('fonts/ChronicleDisp-Roman.eot');
       }

      @font-face {
           font-family: 'ChronicleDisplay-Roman';
           src: url('fonts/ChronicleDisp-Roman.woff') format('woff'),
           url('fonts/ChronicleDisp-Roman.svg#ChronicleDisplay-Roman') format('svg');
       }
	   
	     @font-face {
                        font-family: 'ChronicleDisplay-Bold';
                        src: url('fonts/ChronicleDisp-Bold.eot');
       }

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

	 @font-face {
                        font-family: 'ChronicleDisplay-LightItalic';
                        src: url('fonts/ChronicleDisp-LightItal.eot');
       }

      @font-face {
                        font-family: 'ChronicleDisplay-LightItalic';
                        src: url('fonts/ChronicleDisp-LightItal.woff') format('woff'),
                        url('fonts/ChronicleDisp-LightItal.svg#ChronicleDisplay-LightItalic') format('svg');
       }
	   
	     @font-face {
                        font-family: 'ChronicleDisplay-Black';
                        src: url('fonts/ChronicleDisp-Black.eot');
       }

      @font-face {
                        font-family: 'ChronicleDisplay-Black';
                        src: url('fonts/ChronicleDisp-Black.woff') format('woff'),
                        url('fonts/ChronicleDisp-Black.svg#ChronicleDisplay-Black') format('svg');
       }
	   
	    @font-face {
                        font-family: 'MuseoSans-500';
                        src: url('fonts/MuseoSans_500.eot');
       }

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

  @font-face {
                        font-family: 'MuseoSans-700';
                        src: url('fonts/MuseoSans_700.eot');
       }

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

		@font-face {
                        font-family: 'MuseoSans-100';
                        src: url('fonts/MuseoSans_100.eot');
       }

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


   @font-face {
                        font-family: 'MuseoSans-500Italic';
                        src: url('fonts/MuseoSans_500_Italic.eot');
       }

      @font-face {
                        font-family: 'MuseoSans-500Italic';
                        src: url('fonts/MuseoSans_500_Italic.woff') format('woff'),
url('fonts/MuseoSans_500_Italic.svg#MuseoSans-500Italic') format('svg');
       }


    @font-face {
                        font-family: 'MuseoSans-100Italic';
                        src: url('fonts/MuseoSans_100_Italic.eot');
       }

      @font-face {
                        font-family: 'MuseoSans-100Italic';
                        src: url('fonts/MuseoSans_100_Italic.woff') format('woff'),
url('fonts/MuseoSans_100_Italic.svg#MuseoSans-100Italic') format('svg');
       }


      @font-face {
                        font-family: 'MuseoSans-300';
                        src: url('fonts/MuseoSans_300.eot');
       }

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



 @font-face {
                        font-family: 'ChronicleDisplay-BoldItalic';
                        src: url('fonts/ChronicleDisp-BoldItal.eot');
       }

      @font-face {
                        font-family: 'ChronicleDisplay-BoldItalic';
                        src: url('fonts/ChronicleDisp-BoldItal.woff') format('woff'),
                        url('fonts/ChronicleDisp-BoldItal.svg#ChronicleDisplay-BoldItalic') format('svg');
       }


a, a:hover, a:visited, a:active, a:focus {
	color:inherit;
}

body {
	 font-family: 'MuseoSans-100';
	padding-top:7px;
    padding-top: 300px;
}

html {
	/*
    -webkit-user-select: none;
    -webkit-touch-callout: none;
*/ 
}

img {
	max-width:100%;
	height: auto;
}


.logo_holder img {
	    width: 125px;
}

.menu_header .align_left, .menu_header .align_right {
    padding-top: 9px;
}

.menu_header {
    background-color: #321937;
    color: #fff;
       padding: 15px 15px 0px 15px;
    width: 100%;
}
.menu_header a {
	color:#fff;
}

.header_fixed {
    position: fixed;
	top: 0px;
    z-index: 100;
	width:100%;
	left: 0;
	background-color: #fff;
}


.admin-bar .header_fixed {
    top: 32px;
}

body.admin-bar {
	    padding-top: 280px;
}

.align_left { text-align:left; }
.align_center { text-align:center; }
.align_right { text-align:right; }

body.admin-bar .menu_header {
top: 46px;
}

.main_wine_list li {
	margin-bottom: 5px;
    padding: 5px;
    margin-left: -5px;
    padding-left: 5px;
}

.large_text .main_wine_list li {
    font-size: 18px;
}

.main_wine_list li.active {
    color: #fff;
    background-color: #321937;
}

.main_wine_list li.district_divider {
	border-bottom:1px solid #8D8D8D;
	padding-bottom: 0px;
}


.add_to_list_item .clear {
    clear: both;
    height: 1px;
}


/* Sidhuvud */

.menu_filtration {
	background-color: #c8c8c8;
	height:80px;
}

.filtration_box, .shortlist {
    overflow-y: scroll;
    max-height: 400px;
}

.filtration_box.type {
    overflow-y: visible;
    max-height:inherit;
}

.disabled {
	opacity:0.5;
}

.shortlist {
	position: absolute;
    background-color: #fff;
    margin-left: 20px;
    width: 200px;
}

.shortlist li {
font-family: 'MuseoSans-100Italic';
    color: #999;
    border-bottom: 1px solid #999;
    padding: 5px 10px;
    margin: 5px 0;
}

.shortlist li:last-child {
		border-bottom: 0px solid #999;
}


.menu_filtration ul.filtration_box {
	display: inline-block;
	width: 130px;
    margin: 15px;
    vertical-align: top;
    position: relative;
    z-index: 10;
    top: 0;
    left: 0;
	    max-width: 150px;
}

.menu_filtration ul.filtration_box.district {
    min-width: 170px;
}


.menu_filtration ul.filtration_box li {
    display: none;
    background-color: #fff;
    padding: 10px 15px;
    cursor: pointer;
}

.menu_filtration ul.filtration_box.open li {
	display: block;
	border-top:1px solid #c8c8c8;	
}


.menu_filtration ul.filtration_box.district.open li {
	display: none;
}

.menu_filtration ul.filtration_box.district.open li:first-child {
	display: block;
}

.menu_filtration ul.filtration_box.district.open li.active {
	display: block;
}


.menu_filtration ul.filtration_box li:first-child {
	display: block;
	border-top: 0px;
}

.menu_filtration_text {
	font-family: 'MuseoSans-100Italic';
    font-size: 18px;
    padding: 5px 15px;
    background-color: #5a5a5a;
    color: #fff;
}



/* Slut sidhuvud */

/* Produktlista */

h2.wine_list_type {
    display: block;
	margin: 0px 0 5px 0;
    font-family: 'MuseoSans-700';
    text-transform: uppercase;
	    color: #545454;
    font-size: 24px;
	letter-spacing: 0.1em;
} 

h2.wine_list_type.country {
    font-family: 'MuseoSans-700';
}

h2.wine_list_type:first-child {
}

h2.wine_list_type.country {
/*       margin-top: 30px;
    margin-bottom: 15px; */
	color:#000;
	font-size: 20px;
}

h3.district_title, h4.subregion_header {
	font-size:20px;
                        font-family: 'MuseoSans-500Italic';
	margin: 10px 0;
	font-weight: 700;
	    letter-spacing: 0.1em;

}

h4.subregion_header {
            font-family: 'MuseoSans-300';
	letter-spacing:0;
    font-size: 18px;
    margin-bottom: 0px;
       padding: 5px 5px 0px 0px;
    margin-top: 0px;
}

.prelists_wrapper {
	text-align:center;
}

.country_wrapper {
    margin-bottom: 30px;
}

.predinner_content {
	display:inline-block;
	max-width: 600px;
	font-family: 'MuseoSans-100Italic';
	color:#000;
	font-size: 18px;
    text-align: center;
	margin: 15px auto 45px auto;
}

.main_wine_list li div {  display:inline-block; }


.main_wine_list li div.col_1,
.main_wine_list li div.col_2,
.main_wine_list li div.col_3 {
	display: table-cell;
	vertical-align: top;
}


.col_1 {     width: 40px; }
.col_2 {    width: 590px;
    padding-left: 18px;
}
.col_3 {     width: 70px; text-align: right; }


.qtip-default .qtip-icon {
    border-color: #00013a;
    background: #fff;
    color: #00013a;
    border-radius: 50% 50%;
    height: 25px;
    width: 25px;
		border: 2px solid #00013a;

}

.qtip-icon .ui-icon {
    width: 18px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    text-indent: 0;
    font: normal 300 24px/19px 'ChronicleDisplay-Light',serif;
    color: inherit;
    background: -100em -100em no-repeat;
    padding-left: 2px;
}

.popup_content h2 {
		font-size: 22px;
		font-family: 'MuseoSans-100Italic';
		color:#00013a;
}


.popup_wrapper {
background-color: rgba(255,255,255,0.7);
    z-index: 100;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    display: block;
}

.popup_content {
	width:600px;
	min-height: 250px;
	background-color:#fff;
	color: #000;
	border: 3px solid #00013a;
	position: fixed;
	z-index: 101;
	top:50%;
	left:50%;
	margin-left: -300px;
	margin-top:-200px;
    padding: 50px;
}

body.modal-open {
  /*  overflow: hidden; */
}


.type_wrapper {
	    margin-bottom: 60px;
}

.wine_spec {
	    font-size: 14px;
    margin-top: 15px;
}

.wine_spec li {
    margin-bottom: 0px;
}

.wine_spec li strong {
	color:#00013a;
}

.main_wine_list li div.popup_content {
	display: none;
}

.filtration_box li a.active {                        
	font-family: 'MuseoSans-500';
	font-weight: bold;
}

.winelist_wrapper {
	    font-size: 15px;
}

.add_to_box_wrapper {
	    text-align: center;
    margin-top: 30px;
}

.add_to_selection, .closeMe {
	border: 2px solid #321937;
	text-transform: uppercase;
	font-family: 'MuseoSans-500';
	display: inline-block;
	margin:0 auto;
	padding: 10px;
	background-color:#321937;
	color: #fff;
}

.add_to_selection.active {
	border: 2px solid #00013a;
	background-color:#fff;
	color:#00013a;
}

.popup_content.your_selection .add_to_list_item span {
    display: inline-block;
    float: left;
    text-align: left;
	}

.popup_content.your_selection .add_to_list_item span.a2l_col1 { width:10%; }
.popup_content.your_selection .add_to_list_item span.a2l_col2 { width:70%; padding-right:10px; }
.popup_content.your_selection .add_to_list_item span.a2l_col1 { width:10%; }



.selection_count {
	display: inline-block;
    background-color: #ccc;
    border-radius: 50% 50%;
    width: 25px;
    text-align: center;
    height: 25px;
    line-height: 1.5;
	color:#00013a;
}

.your_selection_list h1 {
    text-align: center;
}

.your_selection_list li {
    margin: 10px 0;
    padding: 10px 0;
    border-bottom: 1px solid #00013a;
}

.your_selection_list li:last-child {
    border-bottom: 0px solid #00013a;
}



.your_selection_list li div {
    display: block;
    width: 100%;
    text-align: right;
}

.close_popup {
	float: right;
    position: relative;
    top: -30px;
    right: -30px;
}

.your_selection_list li a, .options_textsize a, .remove_all_selections, #reset_whole_app {
	display: inline-block;
    text-align: center;
    float: right;
    border: 1px solid #00013a;
    background-color: #00013a;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    font-size: 12px;
	
}

.remove_all_selections {
font-size: 16px;    
}

.your_selection_list li a {
    display: inline-block;
    text-align: right;
    float: right;
    border: none;
    background-color: transparent;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    font-size: 12px;
    height: 16px;
    margin-top: -6px;
    margin-left: 20px;
}

.your_selection_list li a img {
	height:24px;
	width: auto;
}

.your_selection_list li a {
    padding: 3px;
}

.remove_selections_wrapper {
	text-align:center;
}

.remove_all_selections, #reset_whole_app {
    margin: 0 auto;
    float: none;
}

#reset_whole_app {
	margin-top:15px;
}

.options_textsize a.active { 
    background-color: #fff;
    color: #00013a;
}

.add_to_selection.active {
/*	background-color:#00013a;
	color:#fff; */
}

.mag_glass {
    max-width: 20px;
    position: relative;
    left: 31px;
    top: 4px;
}

.your_selection_DISABLED {
    background-color: rgba(255,255,255,0.9);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 101;
    top: 0;
    left: 0;
	display: none;
}

.your_selection_inner_DISABLED {
border: 2px solid #00013a;
    height: 700px;
    width: 500px;
    margin: 100px auto;
    padding: 40px;
    text-align: center;
    background-color: #fff;
}

.your_selection_inner h1, .popup_content.settings h1 {
	font-family: 'MuseoSans-100Italic';
	font-size:32px;
	text-align: center;
	width: 100%;
    float: left;
    clear: both;
    position: relative;
    top: -40px;
}

.popup_content.settings h1 {

}

.popup_content.settings {
	text-align:center;
}

.popup_content.settings h3 {
	margin-top:30px;
	font-size:24px;
	font-family: 'MuseoSans-100Italic';
	margin-bottom:0px;
}

.popup_content.settings ul li {
	display: inline-block;
    width: 100px;
    padding: 15px;
    margin: 10px;
}

.searchinput {
    padding: 10px 15px 10px 38px;
    border: 0px;
    width: 200px;
    font-style: italic;
}

.searchinput_wrapper {
	float: right;
    margin: 15px 15px 0 0;

}



/* Slut produktlista */

.menu_altfiltration {
        margin: 30px 0;
}

.menu_altfiltration a {
	display: block;
	text-align: center;
	background-color: #c8c8c8;
	padding: 5px;
}


.menu_altfiltration .col-xs-3 {
    width: 20%;
}




.menu_altfiltration a.active {
    background-color: #321937;
	color:#fff;
}

.menu_altfiltration a.active span {
    border: 1px solid #fff;
}


.menu_altfiltration a span {
    display: block;
    border: 1px solid #000;
    font-family: 'MuseoSans-100Italic';
    padding: 10px;
       font-size: 13px;
}

.loading_screen {
	background-color: rgba(255,255,255,0.7);
    display: none;
    z-index: 99;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
}


.li_product {
	cursor:pointer;
}

.ft_clearselection {
	float: right;
}

.ft_district::before {
	content: ', '
}

.filter_item::after {
	content: ', ';
}

.filter_item:last-child::after {
	content: '';
}

.ft_country::before {
	content: ' from '
	
}

.filter_item::after {
	content: ', ';
}

/* Adminsida */

body.admin-bar.page-template-tmpl_admin {
 padding-top:0px;	
padding: 30px;
}


body.page-template-tmpl_admin {
 padding-top:0px;	
padding: 30px;
}


body.page-template-tmpl_admin .data {
	margin-bottom: 15px;
	
}





body.page-template-tmpl_admin .instruktion {
	margin-bottom: 15px;
}

body.page-template-tmpl_admin .status {
	margin-bottom: 15px;
	
}

body.page-template-tmpl_admin .bevtype_links li {
	margin: 5px 0;
}

body.page-template-tmpl_admin .status img {
	width:25px;
}

body.page-template-tmpl_admin .status strong {
	display: inline-block;
    position: relative;
    top: -7px;
}