/*
Theme Name: Misuji Group
Description: Thème enfant pour Responsive Mobile
Author: devsector.ch
Template: responsive-mobile
Version: 1.0
*/


/* COLORS CODE
SUSHI MISUJI: rgba(228, 0, 91, 1)
SUSHI MISUJI SHOP: rgba(0, 111, 141, 1)
VERT ATTITUDE: rgba(0, 187, 50, 1)
PAKUPAKU: rgba(130, 17, 3, 1)
/*


@import url("../responsive-mobile/style.css");

/* GLOBAL */
html, body{margin:0; padding: 0; background-color: #111; font-family: News Cycle, Arial, serif; font-weight: 400; color: #333;font-size:13px;}
iframe html,iframe body{background-color: #efeeeb !important;}


#container{height: 60vh; background-color: #fff;margin-top: 20vh; position: relative;min-height: 500px;}

* {box-sizing: border-box;}
a{color:#938e8e;}
a:hover, a:focus{color:#000; text-decoration: none;}
.vegas-background{z-index: 0;}

.container, .content-area, #featured-area, .home-widgets, #footer #footer-wrapper {
    width: 100%;
}
main#main {
    float: right;
    width: 80%;
    background-color: #efeeeb;
    height: 60vh;
    min-height: 500px;
    padding: 0 5em;
    overflow-y: scroll;
}

.content-area {padding: 0;}
.default-sidebar, .gallery-sidebar, .right-sidebar {
    float: left;
    width: 20%;
    -webkit-box-shadow: 10px 0px 19px -4px rgba(0,0,0,0.33);
	-moz-box-shadow: 10px 0px 19px -4px rgba(0,0,0,0.33);
	box-shadow: 10px 0px 19px -4px rgba(0,0,0,0.33);
	height: 60vh;
	min-height: 500px;
	padding-bottom: 0;
}
.single .default-sidebar, .single .gallery-sidebar,.single .right-sidebar {padding-top: 20px;}
#widgets, main#main.sitemap .sitemap-widgets {
    margin-bottom: 0px;
}
.breadcrumb-list{display: none;}

.cleaner{clear: both;}
.post-meta{display: none;}

/* HEADER */
#site-branding .site-description {display: none;}
h1.site-name{}
.home #header{padding: 0; display: none;}
#header{padding: 0; display: none;}
#site-branding {float: none;width: 100%;}

/* HOME COLUMNS */
.home main#main{}
.homecolumns {width:25%; height:60vh; float: left;min-height: 500px !important;}
.column1{}

.home main#main {padding: 0;}
.logolink a{color: #fff;display: block; height: 60vh;min-height: 500px !important;-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  color:#fff;
  text-decoration: none;}
 .contentlink{padding-top: 14vh;}
 .contentlink .logobloc{height: 14vh;}
 .logolink a{background-repeat: no-repeat; background-position: center top; background-size: cover;}
 .column1 .logolink a{background-image: url("images/bg_link_01.jpg");}
 .column2 .logolink a{background-image: url("images/bg_link_02.jpg");}
 .column3 .logolink a{background-image: url("images/bg_link_03.jpg");}
 .column4 .logolink a{background-image: url("images/bg_link_04.jpg");}
 
 
 .home .dynamicSubpageWidget ul li{border-bottom: 0;}
 .home #widgets .widget-title{display: none;}

/* NAVIGATION */
ul#menu-menu-principal{margin-left: 0%;}
#main-navigation .main-nav ul li{width:20%; text-align: center; height: 3em;
box-shadow: inset 0px -16px 31px -10px #000;
-webkit-box-shadow: inset 0px -16px 31px -10px #000;
-moz-box-shadow: inset 0px -16px 31px -10px #000;
-o-box-shadow: inset 0px -16px 31px -10px #000;}
#main-menu.container{padding: 0}
#main-menu-container {background-color: transparent; position: absolute; width:100%; top:-3em; z-index: 10}
#main-navigation .main-nav ul li a{
	text-transform: uppercase;
	display: inline-block; 
	margin: 0 ;
	padding:0; 
	width: 100%;
	-webkit-transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  -o-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;

}
#main-navigation .main-nav ul li.nomainmenu{display: none;}
#main-navigation .main-nav ul li a:hover{color:#fff;text-decoration: none;background-repeat: no-repeat; background-position: center 3em; background-size: cover; opacity: 0.8;} 
#main-navigation .main-nav ul li a:hover{padding-bottom: 60vh ;min-height: calc(500px + 3em);}
#main-navigation .main-nav ul li.menu-item-240 a:hover{padding-bottom: 0 ;min-height: 0;}
.home #main-navigation .main-nav ul li a:hover{}

#main-navigation .main-nav ul li.menu-item-26 a:hover{background-image: url("images/bg_link_01.jpg");}
#main-navigation .main-nav ul li.menu-item-23 a:hover{background-image: url("images/bg_link_02.jpg");}
#main-navigation .main-nav ul li.menu-item-24 a:hover{background-image: url("images/bg_link_03.jpg");}
#main-navigation .main-nav ul li.menu-item-25 a:hover{background-image: url("images/bg_link_04.jpg");}
.home #main-navigation .main-nav ul li a:hover{background-image: none !important;}

li.menu-item-36 a{background-color: #fff;visibility: hidden;}

li.menu-item-240 a, .column1 .logolink a{background-color: rgba(0, 0, 0, 0.4);}
li.menu-item-240 a:hover, .column1 .logolink a:hover, li.current_page_item.menu-item-26 a{background-color: rgba(0, 0, 0, 1);}

li.menu-item-26 a, .column1 .logolink a{background-color: rgba(228, 0, 91, 0.4);}
li.menu-item-26 a:hover, .column1 .logolink a:hover, li.current_page_item.menu-item-26 a{background-color: rgba(228, 0, 91, 1);}

li.menu-item-23 a, .column2 .logolink a{background-color: rgba(0, 111, 141, 0.4);}
li.menu-item-23 a:hover, .column2 .logolink a:hover, li.current_page_item.menu-item-23 a{background-color: rgba(0, 111, 141, 1);}

li.menu-item-24 a, .column3 .logolink a{background-color: rgba(0, 187, 50, 0.4);}
li.menu-item-24 a:hover, .column3 .logolink a:hover, li.current_page_item.menu-item-24 a{background-color: rgba(0, 187, 50, 1);}

li.menu-item-25 a, .column4 .logolink a{background-color: rgba(130, 17, 3, 0.4);}
li.menu-item-25 a:hover, .column4 .logolink a:hover, li.current_page_item.menu-item-25 a{background-color: rgba(130, 17, 3, 1);}

#main-navigation .main-nav ul li:hover > ul {
    display: none; /* desactiver le ssmenu en hover */
}


/*TYPO*/
h1, .h1 {
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px dotted #333;
    padding: 0 0 0.8rem 0;
}
#content h1,#content .h1{max-width: 22rem;}

h2{font-size: 1em; margin-top: 0; color:#333; text-transform: uppercase;}
h3{font-size: 1em; margin-top: 0; color:#333;}

/* CONTENT */
.entry-header {margin-bottom: 1rem;}
.post-entry{
	/*
  -webkit-columns: 2 200px;
     -moz-columns: 2 200px;
          columns: 2 200px;
  -webkit-column-gap: 4em;
     -moz-column-gap: 4em;
          column-gap: 4em;
    */
}
#main article {
    border-bottom: 0px solid #333333;
}

/* CARTE / MENU */
#printbutton{float: right;}
.menublock{position: relative;}
.platblock{margin-bottom: 0.5em;}
.colplat {float: left; display: table-cell;}
.menublock h2{text-transform: uppercase;font-size: 1.1em;}
.menublock section{margin-bottom: 3em;}
.plattextcontent{
	width:60%;
	float: left;
	border-bottom: 1px dotted #333;
}

.platdescriptionblock{width:80%;}
.menublock h3{margin: 0 0 0.5em 0;font-size: 1em; font-weight: 400; }
.platprixblock {width:20%; text-align: right;}
.platimageblock{position: absolute; top:0; right:0; width: 300px;max-width: 35%; display: none;}
.platimageblock img{position: fixed;}
a.overstart:hover > .platimageblock{display: block;}
a.overstart:hover > .platdescriptionblock h3{font-weight: 600;}
a.overstart:hover > .platdescriptionblock h3{font-weight: 600;}

/*CONTENT IF MOBILE */
.subpage_block{margin-bottom: 5em;}
.subpage_block{padding: 20px;}
.subpage_block #content h1,.subpage_block #content .h1{max-width: none; margin-bottom: 1em; width: 100%; margin-left: 0; padding: 0; border 0;}
.subpage_block h1, .subpage_block .h1{border:0;padding: 0;}
.subpage-title{border-bottom: 1px dotted #333;margin: 0 0 0.8rem 0;}

/* GALERIE */
.galerie_separator{height:1px;max-width: 22rem;border-bottom: 1px dotted #333; padding: 0.8rem 0 0.8rem 0; margin:0.8rem 0 1.5rem 0; }
ul.galerie, ul.galerie li{margin: 0; padding: 0; list-style: none;display: inline-block;}
ul.galerie{ 
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
ul.galerie li{}
.galeriephoto span{display: inline-block; margin:0 2% 2% 0;}
.galeriephoto span img {}

/* TABLE MENU */
.post-entry .tablepress{width:26%; float: left;margin-right: 7%;}
.post-entry.tablepress tbody td, .tablepress tfoot th {
    border-top: 0px solid #ddd;
}
.post-entry .tablepress td, .tablepress th {
    padding: 1px 0;
    text-align: left;
    min-height: 1em;
    empty-cells: show;
    line-height: 1.2rem;
    border:0;
}
.post-entry .tablepress td.column-2{text-align: right;}

/* WIDGET */
#widgets .widget-area{position: relative;color:#938e8e;}
#widgets .widget-title{border: 0 !important; margin-bottom: 0}
#widgets .infobox{width: 100%; position: absolute;bottom: 0; padding: 15px 0 15px 15px;color:#938e8e; font-size: 0.9rem;}
#widgets ul{padding: 0;}

#widgets h3{margin-bottom: 5px;margin-top: 10px;}

.widget_nav_menu li a {background-color: transparent !important; text-transform: uppercase !important;}
.widget_nav_menu li a:before{content: '> ';}


.dynamicSubpageWidget .widget-title a{display: block; width:100%; height: 80px; background-repeat: no-repeat; background-size: 100% auto contain; text-indent: -3000px;}
.dynamicSubpageWidget .current-menu-item a{color:#000; font-weight: 600;}
.dynamicSubpageWidget .current-menu-item a:before{content:'> ';color:#000; font-weight: 600;}
.page-id-6 .dynamicSubpageWidget .widget-title a, .parent-pageid-6 .dynamicSubpageWidget .widget-title a{background-image: url("images/sushi_msuji_logo.svg");}
.page-id-12 .dynamicSubpageWidget .widget-title a, .parent-pageid-12 .dynamicSubpageWidget .widget-title a{background-image: url("images/sushi_msuji_shop_logo.svg");}
.page-id-10 .dynamicSubpageWidget .widget-title a, .parent-pageid-10 .dynamicSubpageWidget .widget-title a{background-image: url("images/vert_attitude_logo.svg");}
.page-id-8 .dynamicSubpageWidget .widget-title a, .parent-pageid-8 .dynamicSubpageWidget .widget-title a{background-image: url("images/pakupaku_logo.svg");}


.dynamicSubpageWidget ul li {
    border-bottom: 1px dotted #333;
    padding: 0.15rem 0 0 0;
    margin-bottom: 0.2rem;
}

#text-2{padding-top: 0; padding-bottom: 0;}
#text-2 .widget-title{display: none;}


.widSSP{width: auto !important;}


/* FOOTER */
#footer{margin: 0; padding: 0; background-color: transparent;}
#footer #footer-wrapper{padding-top:0.5rem;}
#footer-base {
    margin-left:0;
    margin-right: 0;
    padding: 0;
    font-size: 0.8em;
}
#newsarea{margin-left: 20%;}
.mtphr-dnt {line-height: 3em;}
.mtphr-dnt-wrapper{background-color: rgba(0,0,0,0.5)}
.mtphr-dnt a:hover, .mtphr-dnt a:focus {
    color: #fff;
}

/*light box*/

#cboxContent{margin-top: 0 !important;}
#cboxTitle{display: none !important;}
.mainpop{padding: 3rem 5rem;background-color: #efeeeb;}
#cboxOverlay{background-color: #000!important; opacity: 0.65!important;}
#cboxNext, #cboxPrevious{top:10% !important;}
#cboxNext:hover{
	  background-image: url("images/arrow_right.png") !important;
	  background-repeat: no-repeat !important;
	  background-position: right center !important;
    display: block;
}
#cboxPrevious:hover {
    background-image: url("images/arrow_left.png") !important;
    display: block;
    background-repeat: no-repeat !important;
	background-position: left center !important;
}
#cboxCurrent{display: none !important;}



/* SLIDER */
.wds_slideshow_image_wrap_0{max-width: 100% !important;left:0 !important; height: 60vh !important;min-height: 500px !important;}
#wds_container1_0 #wds_container2_0 .wds_slideshow_image_container_0{height: 60vh !important;min-height: 500px !important;}
#wds_container1_0 #wds_container2_0 .wds_slideshow_image_0{height: 60vh !important;min-height: 500px !important;}
#wds_container1_0 #wds_container2_0 .wds_slideshow_image_wrap_0{height: 60vh !important;min-height: 500px !important;}
#wds_container1_0 #wds_container2_0{height: 60vh !important;min-height: 500px !important;}
.page-template-page-full-image main#main{padding: 0;}


/*SHIFT NAV */

.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, 
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, 
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, 
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, 
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, 
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, 
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, 
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover
{background: #fff none repeat scroll 0 0 !important;
    border-bottom-color: rgba(0, 0, 0, 0.8)!important;
    border-top-color: rgba(255, 255, 255, 0.4)!important;
    color: #333!important;
    text-shadow: 0 0 0!important;}

.shiftnav-nav  .sub-menu a {padding-left:3rem !important;}


/* MAILCHIMP FORM */
.mc4wp-form {
    max-width: 500px;
}


/* DYNNAMIC SUBPAGE */
.dynamicSubpageWidget .current-menu-item a::before {
    color: #000;
    content: "";
    font-weight: 600;
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}
@media only screen 
and (min-width : 1000px) {
	
	
}


@media only screen 
and (max-width : 1000px) {
		
	/* FULLSCREEN NAV */
	#main-navigation.menu-open{position: fixed; top:0; left: 0; width: 100vw; height:100vh; background-color: rgba(255, 255, 255, 0.9)}
	ul#menu-menu-principal {margin:0; padding: 0; text-align: center;}
	#main-navigation.menu-open .main-nav ul li{display: block; width: 90vw;}
	#main-navigation.menu-open .main-nav ul li a:hover{padding-bottom: 0 /*calc(60vh + 3em)*/;min-height: 0;}
	#main-navigation.menu-open .main-nav {width: 100vw; height:100vh;
		/*
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    
	align-items: center;
	-webkit-align-items: center;
	
	
    justify-content: center;
	-webkit-justify-content: center;
	*/
	}
	
	
	#container{margin-top: 10vh; height:auto;}
	main#main {width: 100%; float: none; height: auto; min-height: 0; padding: 30px 30px 50px 30px;}
	.default-sidebar, .gallery-sidebar, .right-sidebar{width: 100%; float: none; height: auto; min-height: 200px;}
	#widgets .infobox{ width: 45%; right: 0; text-align: right; padding: 15px;}
	.widget-wrapper{width: 45%;}
	
	#container {margin-top: 0;}
	#newsarea{margin-left: 0; background-color: #333;}
	
	
	.plattextcontent{
	width:100%;
	float: none;
	}
	a.overstart:hover > .platimageblock{display: none;}

}
@media only screen 
and (max-width : 600px) {
		
	
	
}
@media only screen 
and (max-width : 700px) {
	
	#container{margin-top: 0; height:auto;min-height: 0;}	
	.one_half, .one_half.first, .one_half.last, .one-third.first, .one-third.last{margin-right: 0;width: 100%;}
	#dsp-widget{display: none;}
	
	.homecolumns{float: none; width: auto !important; height: auto !important; min-height: 0 !important;}
	.contentlink p{margin:0; padding-bottom: 10px;}
	.home .widget-wrapper {display: none;}
	.contentlink {padding-top: 4vh;}
	.logolink a {min-height: 0 !important; height:auto !important;}
	
	img {height: auto;max-height: 100%;max-width: 100%;}
	
	.mainpop {background-color: #efeeeb;padding: 1rem 1rem;	}
	
	.wds_slideshow_image_wrap_0{max-width: 100% !important;left:0 !important; height: 250px !important;min-height: 250px  !important;}
	#wds_container1_0 #wds_container2_0 .wds_slideshow_image_container_0{height: 250px  !important;min-height: 250px  !important;}
	#wds_container1_0 #wds_container2_0 .wds_slideshow_image_0{height: 250px  !important;min-height: 250px  !important;}
	#wds_container1_0 #wds_container2_0 .wds_slideshow_image_wrap_0{height: 250px  !important;min-height: 250px  !important;}
	#wds_container1_0 #wds_container2_0{height: 250px  !important;min-height: 250px  !important;}
	
	ul.galerie{display: block;}
	ul.galerie li {display: block; text-align: center; margin: 40px;}
	
	.galeriephoto span {
    text-align: center;
    width: auto;
	}
	
	.post-entry .tablepress {float: none;margin-right: 0;width: 100%;}
	
	.one-half, .one-third, .two-third, .all-columns {
    float: none;
    margin: 0 0 0;
    width: 100%}
    
    .page-id-241 .default-sidebar{display: none;}
    
    h1.entry-title , .h1 {
    border-bottom: 1px dotted #333;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0 0 0.8rem;
    text-transform: uppercase;
	}
	#content h1, #content .h1{max-width: none;}
	h2, .menublock h2{font-size: 1.2rem;}
	#printbutton{display: none;}
}


@media print {
    .default-sidebar, .gallery-sidebar, .right-sidebar {
        display: none !important;
    }
    main#main {
    background-color: #fff;
    float:none;
    height: auto;
    overflow-y:auto;
    padding: 0 1em;
    width: auto;
	}
	#container {
    background-color: #fff;
    height: auto;
    margin-top: 0;
    min-height: none;
    position: relative;
	}
	#shiftnav-toggle-main.shiftnav-toggle-main-align-right, .shiftnav::after, .shiftnav, #newsarea, #footer-base, #main-menu-container, #printbutton{display: none !important;}
	.platimageblock{display: none !important;}
	.vegas-background{display: none !important;}
	.plattextcontent {float: none; width: 100%;}
}