/*
Theme Name: Nosalma
Theme URI: http://nosalma.com/
Author: Nosalma 
Description:
*/

/*..General..................*/


/* CSS RESET */

html,body,div,.padder,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,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,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img,object,embed{display:block}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
nav ul,nav li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;width:auto}
q:before,q:after{content:"";}
abbr,acronym {font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
a,.no-touch a:hover,.no-touch a:visited:hover,a:active,.no-touch a:active:hover{outline:none}
/* a,.no-touch a:hover,.no-touch a:visited:hover,a:visited{text-decoration: none} */
a {outline: none;}

::selection { background: #000; color: #fff; text-shadow: none; }
::-moz-selection { background: #000; color: #fff; text-shadow: none; }
::-webkit-selection { background: #000; color: #fff; text-shadow: none; }



*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


img {
  color: transparent;
  font-size: 0;
  border:none;
  outline:none;
  /* max-width: 100%; */
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}



.opacity img {
  opacity: 0;
  filter: alpha(opacity=0);        /* ie lt 8 */
  -ms-filter: "alpha(opacity=0)";  /* ie 8 */
  -moz-opacity: 0;                 /* FF lt 1.5, Netscape */
  -khtml-opacity: 0;              /* Safari 1.x */
}






/* __Basic */


* { -webkit-text-size-adjust:100%; }


html,
body {
	/*width: 100%;*/
	height: 100%;
	margin: 0;
	padding: 0;
	background: #000;
	

 background-attachment: fixed;
    background-clip: border-box;
    background-color: transparent;
    background-origin: padding-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    outline: 0 none !important;
}



/* Position text in the top-left corner */
.topleft {
  position: absolute;
  top: 0;
  left: 16px;
}

/* Position text in the bottom-middle */
.bottommiddle {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

/* Position text in the middle */
.middle {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

/* Style the <hr> element */
hr {
  margin: auto;
  width: 40%;
}


body {
	font-family: "CheGuevara-Text-Sans", "Gill Sans", sans;
	font-size: 62%; /* Base 10px */
	font-weight: 400;
	color: #E0B78C;
	line-height: 1.4em;
	word-wrap: break-word;
   overflow-wrap: break-word;
   min-height: 600px;
}

body {
	-webkit-transition: background-color 1s ease-in-out !important;  
	-moz-transition: background-color 1s ease-in-out !important; 
	-o-transition: background-color 1s ease-in-out !important;
	transition: background-color 1s ease-in-out !important;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color: #ddd;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	font-smooth:always;
	zoom: reset;
}


/* __Header */


.header {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	z-index: 20000;
	width: 360px;
	height: 100%;
	background: #000;
}


.header-inner {
	position: absolute;
	top: 50px;
	left: 50px;
	padding: 0;
	margin: 0;
}



/* __Logo */

.logo h1 { 
	font-size: 15px;
	font-weight: 400;
	line-height: 1em;
	z-index: 101;
}


.logo {
    text-align: left;
    z-index: 101;
    position: relative;
    }



/* __Home */

.menu-bar-colour{
	color: #FFFFFF;
}
	
.home-background-colour{
 color: #FFFEF3;
}	

.home-inner {
  position: absolute;
  padding: 0 !important;
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  z-index: 1;
  top:0;
  left:0;
}



/* __A  */

a:link { text-decoration: none; color: #E0B78C; }
a:active { text-decoration: none; color: #E0B78C; }
a:visited { text-decoration: none; color: #E0B78C; }
a:hover { text-decoration: none; color: #BCA17F; }
a img { border: none; }


.sub-nav li a,
.news-item a,
.page-inner a { 
	text-decoration: none;
	color: #E0B78C;
	}
	
.sub-nav li a:hover,
.news-item a:hover,
.page-inner a:hover { 
	text-decoration: none;
	color: #BCA17F;
	}


.page-inner a .item-inner { 
	text-decoration: none;
	color: #000;
	}
	
.page-inner a .item-inner:hover { 
	text-decoration: none;
	color: #BCA17F
	}


/* __List */


ul, ol {}
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 1em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }


/* __Img */

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

/* __Start Page Image */

.bg {
  /* The image used */
  background-image: url("./contents/images/start/start_background_mist.png");

  /* Full height */
  /*height: 100%;*/

  /* Center and scale the image nicely */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}



/* __Wrap */


.wrap {
	margin: 0 auto;
	width: 100%;
    /*height: 100%;*/
    }


body > .wrap {
	height:auto;
	min-height: 100%;
	}


.main {
	margin: 0 auto;
	width: 100%;
   /* height: 100%;*/
    }




/* __Nav */

.menu-icon,
.mobile-nav, {
	display: none;
    }

.pc-nav {
	display: block;
    }

.nav {
	position: relative;
    margin-top: 40px;
    }
    
.nav-inner-01 {
	float: left;
	margin-right: 40px;
    }
    
.nav-inner-02 {
	float: left;
    }

.sub-nav {
}

    
.main-nav li,
.sub-nav li {
	font-size: 14px;
	padding: 4px 0;
	position: relative;
}


.main-nav li.jpt,
.sub-nav li.jpt {
	font-size: 12px;
}

.menu-icon:hover {
	text-decoration: none;
	color: #BCA17F;
	}




/* __Footer */

.footer {
	position: fixed;
	bottom: 18px;
	left: 50px;
	z-index: 30000;
}


.copy {
	font-size: 13px;
	float: left;
	margin-right: 30px;
}




/* __Page */

.page-main {
	width: auto;
	height: auto;
	margin: 18px 18px 0 18px;
	padding-bottom: 18px;
}

.page-inner {
	float: right;
}



/* __Media Query */


@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
}


@media only screen and (max-width: 1440px) {
	
}


/* iPad Pro 12.9inch Landscape (1366) */
@media only screen and (max-width: 1365px) {
}

/* __Page Inner */

.page-inner {
	width: 70%;
}


/* (1080) */
@media only screen and (max-width: 1080px) {

}


/* iPad 9.7inch Landscape / iPad Pro 12.9inch Portrait (1024) */
@media only screen and (max-width: 1023px) {

}

/*body {
    min-height: 0;
}*/


/* __Home */

.home-inner {
  position: absolute;
  padding: 0 !important;
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  z-index: 1;
  top:0;
  left:0;
}


/* __Header */

.header {
	position: relative;
	width: auto;
	height: auto;
}

.header-inner {
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	padding: 18px;
}


/* __Logo */

.logo h1 { 
	font-size: 15px;
	font-weight: 400;
	line-height: 1em;
	z-index: 101;
}


.logo {
    z-index: 101;
    display: inline-block;
    margin-right: 40px;
    }
    

/* __Nav */

.menu-icon {
	display: inline-block;
	vertical-align: bottom;
	font-size: 16px;
	cursor: pointer;
	/*line-height: 0.8em;*/
    }
    
.menu-icon .close,
.fm-activate .menu-icon .open,
.fm-button {
	display: none;
    }

.fm-activate .menu-icon .close {
	display: block;
    }

  
.fm-activate .mobile-nav {
	display: block;
    }

.pc-nav {
	display: none;
    }


.nav {
	position: absolute;
    margin-top: 70px;
    }

.sub-nav {
}

    
.main-nav li,
.sub-nav li {
	font-size: 18px;
	padding: 5px 0;
}


.main-nav li.jpt,
.sub-nav li.jpt {
	font-size: 18px;
}



/* __Page */

.page-main {
	width: auto;
	height: auto;
	margin: 58px 18px 0 18px;
}


.page-inner {
	float: none;
	width: 100%;
}



/* __Footer */


.home .footer {
	display: none;
}

.footer {
	position: relative;
	padding: 5em 18px 18px;
	left: 0;
	z-index: 500;
}



/* iPad Pro 10.5inch Portrait */
@media only screen and (max-width: 834px) {

}



/* iPhone 8 Plus Landscape (736px) / iPad 9.7inch Portrait */
@media only screen and (max-width: 768px) {


.landscape .home-inner {
	/* height: 700px !important; */
}



}

/* Other */

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

.address {
  background-position: center;
  position: relative;
  background-repeat: no-repeat;
  background-attachment: fixed; 
  min-width: 120% !important;
  left: -8.5%;
  }

.bottomright {
  position: absolute;
  top: 80%;
  left: 80%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 10;
  width: 15% !important;
  }
				
}


/* iPhone 8 Landscape */
@media only screen and (max-width: 667px) {

.address {
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-width: 120% !important;
    top: -60%;
}

}


/* iPhone SE ~ 8 Plus Portrait */
@media only screen and (max-width : 480px) {

.address {
  background-position: center;
  position: relative;
  background-repeat: no-repeat;
  background-attachment: fixed; 
  min-width: 200% !important;
  left: -47.5%;
  }

.bottomright {
    position: absolute;
    top: 70% !important;
    left: 80%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 10;
    width: 20% !important;
    }

}


/* iPhone SE Portrait */
@media only screen and (max-width : 320px) {

.address {
  background-position: center;
  position: relative;
  background-repeat: no-repeat;
  background-attachment: fixed; 
  min-width: 200% !important;
  left: -47.5%;
  }

}




/* __Clearing */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf { *zoom: 1; }