/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

@import url("https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap");

/* @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;1,14..32,300&display=swap"); */

/*/* empty */
@font-face {
  font-family: 'FontAwesome';
  src: url(//alpinearia.gr/wp-content/themes/naked/fontawesome-webfont.eot?v=4.5.0);
  src: url(//alpinearia.gr/wp-content/themes/naked/fontawesome-webfont.eot?#iefix&v=4.5.0) format('embedded-opentype'), url(//alpinearia.gr/wp-content/themes/naked/fontawesome-webfont.woff2?v=4.5.0) format('woff2'), url(//alpinearia.gr/wp-content/themes/naked/fontawesome-webfont.woff?v=4.5.0) format('woff'), url(//alpinearia.gr/wp-content/themes/naked/fontawesome-webfont.ttf?v=4.5.0) format('truetype'), url(//alpinearia.gr/wp-content/themes/naked/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
Theme Name: Naked Wordpress
Theme URI: http://bckmn.com/naked-wordpress
Author: J Beckman
Author URI: http://bckmn.com
Description: A super bare theme for designers who don't know Wordpress PHP but want to build with Wordpress.
Version: 1.0
License: GNU General Public License

-------------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */

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 {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font: inherit;
  font-size: 100%;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html {
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */

  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */

  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */

}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  bottom: 1ex;
}
sub {
  top: .5ex;
}
small {
  font-size: 75%;
}
big {
  font-size: 125%;
}
figure {
  margin: 0;
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
th {
  font-weight: bold;
}
button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */

  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

  vertical-align: baseline;
  vertical-align: middle;
  /* Improves appearance and consistency in all browsers */

}
button,
input {
  line-height: normal;
  /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */

  overflow: visible;
  /* Corrects inner spacing displayed oddly in IE6/7 */

}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: none;
  border-radius: 0;
  background: #ccc;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */

  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */

  font-size: 12px;
  font-size: 1.4rem;
  line-height: 1;
  padding: 1.12em 1.5em 1em;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {

}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {

}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* Addresses box sizing set to content-box in IE8/9 */

  padding: 0;
  /* Addresses excess padding in IE8/9 */

}
input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */

  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

  border: 0;
  padding: 0;
}
input[type=text],
input[type=email],
textarea {
  color: #888888;
  border: 1px solid #dddddd;
  border-radius: 5px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
  color: #101010;
}
input[type=text],
input[type=email] {
  padding: 3px;
}
textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */

  padding: 10px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */

  width: 98%;
}
/* styles
-------------------------------------------------------------- */
body {
  padding: 0;
  margin: 0;
  font-size: 1.8rem;
  background:#fff;
}
/* typography
-------------------------------------------------------------- */
/* Headings */
h1,
h2,
h3,
h4,
h5,
h1 {
  font-size: 39px;
  font-size: 3.9rem;
}
h2 {
  line-height: 50px;
  font-size: 34px;
  font-size: 3.4rem;
}
h3 {
  line-height: 41px;
  font-size: 28px;
  font-size: 2.8rem;
}
h4 {
  line-height: 26px;
  font-size: 18px;
  font-size: 1.8rem;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
/* Text elements */
p {
  margin-bottom: 1.5em;
}
ul,
ol {
  margin: 0 0 1.5em 3em;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
  margin-left: 1.5em;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 1.5em 1.5em;
}
b,
strong {
  font-weight: 700;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}

/* Links */
a {
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -ms-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  text-decoration: none;
  color: #82403e;
}
a:hover, a:focus, a:active {color: #B9874C;}
/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}
.center {
  text-align: center;
}
/* Header
-------------------------------------------------------------- */
.site-title a{
  text-transform: uppercase;
  font-size: 4em;
  text-align: center;
}
.site-title a:hover{
}
.site-description{
  font-style: italic;
}
header {
  background: transparent;
}
header .gravatar {
  overflow: hidden;
  width: 100px;
  height: 100px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 0;
  float: right;
}
header #brand {
margin:20px 0 25px 4%;
}
header #brand h1 a {
  color: #565656;
  text-decoration: none;
}

.menu-main-nav-container, .menu-main-container {
  float: right;
}
header nav ul {
  list-style: none;
  margin: 0;
}

/* Misc & mixens
-------------------------------------------------------------- */
.site-footer{margin:0 auto; width:1280px; text-transform:uppercase;  font-size:15px; font-size:1.5rem; letter-spacing:1px; padding:4vh 0 4vh 0;}
.hide-text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.clear {
  clear: both;
}
/* clear floats */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}


/* #MAIN NIKOS
================================================== */
.slick {margin:0 auto}
.title { font-family:"Tinos"; font-weight:400 !important; text-align:center; width:100%; margin:0 0 0 0; opacity:0.95; text-transform:uppercase}
.subtitle {font-family:"Tinos";font-size:16px; font-size:1.6rem; letter-spacing:3px; font-weight:400 !important; font-style:italic; text-align:center; width:100%; padding:9px 0 31px 0; opacity:0.95; text-transform:uppercase}
.subtitle2 {font-family:"Tinos";font-size:16px; font-size:1.6rem; letter-spacing:3px; font-weight:400 !important; width:100%; padding:0 0 47px 0 ; margin-top:-36px; opacity:0.95; text-transform:uppercase}
.subtitle2b {font-family:"Tinos";font-size:16px; font-size:1.6rem; letter-spacing:3px; font-weight:400 !important; width:100%; padding:0 0 0 0; margin-top:-36px; opacity:0.95; text-transform:uppercase}
.text { font-family:"Tinos"; font-weight:300;font-size:18.5px; font-size:1.85rem; line-height:26px; margin:0 auto; text-align:center; max-width:62%}
.post { padding-top:50px}
body { padding-top:104px; color:#82403e;}
body.page-template-page-home-gr, body.page-template-page-home {padding-top: 0 !important}
#primary {width:90%; max-width:1440px !important; margin:0 auto;  }
header { position:fixed !important; top:0; left:0; width:100%; background-color:#fff; opacity:.93;z-index:1001; border-bottom:1px solid #82403e;}
#hea-wra { width:90%;max-width:1440px !important; margin:0 auto; padding:1.6vh 0 1.4vh 0; position:relative}
#logo { margin:-1px auto 0 auto; width: 90px; padding:0;  }
#logo img { width: 100%; height:auto;}
/* #logo img { width: 100%; height:auto; image-rendering: crisp-edges; } */
#logo a {outline:none;}
.hide { visibility:hidden;}
.main-burger {width: 24px;height: 24px;position: absolute;top: 26px;cursor: pointer; opacity: 1;text-indent: 30px;color: #82403e;  font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 2px;line-height: 22px; z-index:1000}
.headerleft1 {position: absolute;top: 25px;cursor: pointer;left:5.3rem ;z-index:1000; font-family: 'Tinos', Georgia, serif !important; background-color: #82403e; color: white; padding: .17em .8em .21em .8em;}
.headerleft1 a {font-size: 16px; line-height:16px; font-family: 'Tinos', Georgia, serif !important; color: white; font-style: normal !important; display:inline-block}
.headerright1 {position: absolute;top: 25px;cursor: pointer;right:8.8rem ;z-index:1000; font-family: 'Tinos', Georgia, serif !important; border: 1px solid #82403e; color: #82403e; padding: .24em .8em;}
.headerright1 a {text-transform: uppercase; font-size: 16px; font-family: 'Tinos', Georgia, serif !important; color: #82403e; font-style: normal !important;}

.headerleft2 {position: relative;cursor: pointer; ;z-index:1000; font-family: 'Tinos', Georgia, serif !important; background-color: #82403e; color: white; padding: .5em .8em;margin: 2em 0 0 0;text-align: center;}
.headerleft2 a {font-size: 16px; font-family: 'Tinos', Georgia, serif !important; color: white; font-style: normal !important;}
.headerright2 {position: relative;cursor: pointer; ;z-index:1000; font-family: 'Tinos', Georgia, serif !important; border: 1px solid #82403e; color: #82403e; padding: .49em .8em;margin: .82em 0 .6em 0;text-align: center;}
.headerright2 a {text-transform: uppercase; font-size: 16px; font-family: 'Tinos', Georgia, serif !important; color: #82403e; font-style: normal !important;}

.headerleft2, .headerright2 {display: none;}

.main-burger > * {
    width: 24px;
    height: 2px;
    position: absolute;
    display: block;
    cursor: pointer;
    background-color: #000;
    opacity: 1;
}
#lang {position: absolute;top: 25px; right:1px; color:#82403e; font-family: 'Tinos', Georgia, serif; font-size: 22px; text-transform: none;}
.main-burger > * {background-color: #82403e;}
.main-burger > .top { top: 1px; }
.main-burger > .mid { top: 12px; }
.main-burger > .bot { top: 23px; }

body .main-burger.active > * {background: rgba(116,45,0,1)}
body .main-burger.active .top { top: 9px;
  -webkit-backface-visibility: hidden;backface-visibility: hidden;
  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);
  /*-webkit-transition: 0.55s 0.5s; transition: 0.55s 0.5s;*/}
body .main-burger.active .mid { opacity: 0;}
body .main-burger.active .bot { top: 9px;
  -webkit-backface-visibility: hidden;backface-visibility: hidden;
  -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);
  /*-webkit-transition: 0.55s 0.5s;transition: 0.55s 0.5s;*/}

.fa-search {position: absolute;top: 50px; right:0; width:22px; height:22px; font-size:20px; font-weight:200; cursor: pointer; color:#222}
.fa-search.active {color:#4f4f4f}

body > header > nav {display: block; position: fixed; left: -450px; top: 0; height: 100%; width: 34.375%; background-color: #fff; z-index: 1002; max-width: 450px; text-align: left; overflow: hidden;} /* background-color: #fbfbfb;  */
body.showMenu > header > nav {-webkit-box-shadow: 2px 0px 16px 0px rgba(50, 50, 50, 0.5);-moz-box-shadow:2px 0px 16px 0px rgba(50, 50, 50, 0.5);box-shadow:2px 0px 16px 0px rgba(50, 50, 50, 0.5);}
.animate, body >  header > nav, .main-burger  {-webkit-transition: left 400ms ease-in-out; -moz-transition: left 400ms ease-in-out; -ms-transition: left 400ms ease-in-out; -o-transition: left 400ms ease-in-out; transition: left 400ms ease-in-out;}

.animate, body >  header >  #searchlayer  {-webkit-transition: right 400ms ease-in-out; -moz-transition: right 400ms ease-in-out; -ms-transition: right 400ms ease-in-out; -o-transition: right 400ms ease-in-out; transition: right 400ms ease-in-out;}

/*body.showMenu > * {left: 495px;}*/
body.showMenu > header > nav, body.showMenu .nomove {left: 0;}
body.showSearch > header > #searchlayer {right: 0;}

body >  header > nav ul, body > header > #searchlayer ul {text-align: center;padding: 114px 0 0 0;margin: 0; display:block}
body >  header > nav li, body > header > #searchlayer li { padding: 12px 0; position: relative;}
body >  header > nav li:after {position: relative; margin:28px auto 0 auto; content: ''; display: block; width: 24px; height:1px; background: rgba(116,45,0,0.36);}
body >  header > nav li:last-child:after { display:none}
body > header > nav a {text-decoration: none; color: #82403e; font-family: 'Tinos', Georgia, serif; font-size: 24px; text-transform: lowercase; }
body > header > nav a:hover {text-decoration: none; color: #B9874C; font-family: 'Tinos', Georgia, serif; font-size: 24px; text-transform: lowercase;  margin-bottom: 14px;}
body > header > nav a + span {display: block; clear: both; color: #b3b3b3; font-size: 11px; font-family: 'Tinos', Arial, sans-serif; letter-spacing: 2px; text-transform: uppercase;}


.room-over { float:left; position:relative; width:48%; height:auto; margin-right:4%; margin-bottom:8.4%; display: inline-block;}
.room-over:nth-child(even) {  margin-right:0;}
.room-over .pic { height:auto; max-height:auto; overflow:hidden; position:relative}
.room-over .pic img { height:auto !important; width:100% !important;}
.roomno { position:absolute; right:26px;bottom:15px; width:10%; height:auto; z-index:100; -ms-transform: rotate(7deg); /* IE 9 */-webkit-transform: rotate(7deg); /* Safari */ transform: rotate(7deg);}
.pic:before, .gallery-pic-div:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border: 1px solid #fff;
    opacity:0;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}
.pic:hover:before, .gallery-pic-div:hover:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border: 1px solid #fff;
    opacity:1;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}
.roomno img { width:100%;  height:auto}
.room-over .roomtitle { font-family:"Tinos";font-size:18.5px; font-size:1.85rem; font-weight:700; letter-spacing:1px; }
.room-over .room_descr {  font-family:"Tinos"; font-weight:300;font-size:18.5px; font-size:1.85rem; line-height:23px; max-width:75%; padding-top:15px}
.room-over > a.group { display:none}
.room-over > a.group:first-child { display:block}


.gallery-cell { float:left; width:21.25%; height:auto; margin:0 5% 5% 0; position:relative}
.gallery-pic-div { width:100%; height:auto;}
.gallery-pic-div img { width:100%; height:auto; }
.gallery-cell:nth-child(4n+4) {  margin-right:0}

.kal-left { float:left; width:48%; margin-right:4%}
.kal-right{float:left;  width:48%;}
.kal-text { padding:0 0 47px 0; font-family:"Tinos"; font-weight:300;font-size:18.5px; font-size:1.85rem; line-height:26px;}
.kal-left img, .kal-right img { width:100%; height:auto; margin-bottom:50px}
#map { position: relative; margin:0 auto; height:688px}

.underl { padding-bottom:1px; border-bottom:1px solid #82403e}

.footer-left {float:left; width:50%; line-height:21px; display: inline-block;}
.footer-right img {height: 26px; width: auto; display: block; }
.footer-right a {display: inline-block; margin-left: 17px; float: right; margin-bottom: 8px}
.footer-right {float:right; width:50%; opacity:0.99; text-align:right; font-size: 88%; line-height: 130%}
.footer-left img {display: inline-block; margin-right: 21px}
.paron {font-size:9px;line-height:10px;margin-top:4px; max-width:450px; }


/* #Media Queries
================================================== */


  @media only screen and (max-width: 1280px) {
    body{
      font-size: 2.5em;
      line-height: 1.5em;
	  padding-top:100px;
    }
    body.page-template-page-home-gr body.page-template-page-home {padding-top: 0 !important}
    article .title{
      font-size: 1.8em;
      line-height: 1.5em;
    }
    article .post-meta{
      font-size: 0.7em;
      line-height: 1em;
    }
    .menu-main-nav-container a, .side-title, .menu-main-container a{
      font-size: 1em;
      line-height: 1.5em;
    }
    #sidebar{
      font-size: 0.7em;
      line-height: 1.5em;
    }
    #sidebar h3{
      font-size: 1.5em;
      line-height: 1.5em;
    }
header { position:fixed !important; top:0; left:7%; width:86%; background-color:#fff; z-index:1001; }
.site-footer{	margin:0 auto; max-width:86%;}
#logo { margin:-7px auto 0 auto; width: 100px; padding:0;  }
.main-burger {width: 24px;height: 22px;position: absolute;top: 53px;cursor: pointer; opacity: 1;text-indent: 30px;color: #000; font-family: "Open Sans", Arial, sans-serif; font-size: 11px;font-weight: normal;text-transform: uppercase;letter-spacing: 2px;line-height: 22px;font-style: normal; z-index:1000}
#lang {position: absolute;top:43px; right:0; font-family: 'Tinos', Georgia, serif; font-size: 18px; text-transform: none;}
.slick-slider
{
	width:86%;
	margin:0 auto;
    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
body >  header > nav ul, body > header > #searchlayer ul {text-align: center;padding: 113px 0px;margin: 0; display:block}
body >  header > nav li, body > header > #searchlayer li { padding: 9px 0; position: relative;}
body >  header > nav li:after {position: relative; margin:24px auto 0 auto; content: ''; display: block; width: 24px; height:1px; background: rgba(116,45,0,0.36);}
.grid { margin:0 auto}

.the-content { margin-left:auto; margin-right:auto; max-width:86%}

.headerleft {position: absolute;top: 4.8vh;cursor: pointer;left:4rem ;z-index:1000; font-family: "Tinos"; background-color: #82403e; color: white; padding: .44em 1em;}
.headerleft a { font-family: "Tinos"; color: white;}
  }




  @media only screen and (min-width: 768px) and (max-width: 1024px) {
.room-over { float:left; position:relative; width:48%; height:auto; margin-right:4%; margin-bottom:8%; display: inline-block;}
.room-over:nth-child(even) {  margin-right:0;}
.room-over .pic { height:auto; max-height:auto; overflow:hidden; position:relative}
.room-over .pic img { height:auto !important; width:100% !important;}
#logo { margin:-3px auto 0 auto; width: 98px; padding:0;  }

.gallery-cell { float:left; width:30%; height:auto; margin:0 5% 5% 0; position:relative}
.gallery-pic-div { width:100%; height:auto;}
.gallery-pic-div img { width:100%; height:auto; }
.gallery-cell:nth-child(3n+3) {  margin-right:0 !important}
.gallery-cell:nth-child(4n+4) {  margin-right:4%}
.subtitle2 {font-size:14.5px; font-size:1.45rem; letter-spacing:1px; line-height:1.6rem;}

  }


@media only screen and (orientation:portrait) {
	.slco { height:57vw !important }
}


@media only screen and (max-width: 767px) {
.room-over { float:left; position:relative; width:100%; height:auto; margin-right:0; margin-bottom:14%; display: inline-block;}
.room-over:nth-child(even) {  margin-right:0;}
.room-over .pic { height:auto; max-height:auto; overflow:hidden; position:relative}
.room-over .pic img { height:auto !important; width:100% !important;}

.text { max-width:86%}
.gallery-cell { float:left; width:30%; height:auto; margin:0 5% 5% 0; position:relative}
.gallery-pic-div { width:100%; height:auto;}
.gallery-pic-div img { width:100%; height:auto; }
.gallery-cell:nth-child(3n+3) {  margin-right:0 !important}
.gallery-cell:nth-child(4n+4) {  margin-right:4%}

.kal-left { float:left; width:100%; margin-right:0}
.kal-right{float:left;  width:100%;}
.kal-text { padding:0 0 47px 0; font-family:"Tinos"; font-weight:300;font-size:18.5px; font-size:1.85rem; line-height:26px;}
.kal-left img, .kal-right img { width:100%; height:auto; margin-bottom:50px}
.slco { height:57vw !important }
.subtitle2 {font-size:14.5px; font-size:1.45rem; letter-spacing:1px; line-height:1.6rem;}
#hea-wra { width:100%;margin:0 auto; padding:1.8vh 0; position:relative}


  }

  @media only screen and (orientation:landscape) and (max-width: 767px) {
body > header > nav {display: block; position: fixed; left: -450px; top: 0; height: 100%; width: 74%; background-color: #fff; z-index: 1002;  text-align: left; overflow: hidden;}
body >  header > nav ul, body > header > #searchlayer ul {text-align: center;padding: 90px 0 0 0;margin: 0; display:block}
body >  header > nav li, body > header > #searchlayer li { padding: 5px 0; position: relative;}
body >  header > nav li:after {position: relative; margin:8px auto 0 auto; content: ''; display: block; width: 24px; height:1px; background: rgba(116,45,0,0.36);}
  }


  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
	  #avail {
  position: absolute;
  right:3.47rem !important;
  top: calc(52% + 50px)!important;
  transform: translatey(-50%);
  z-index: 9999;
  width: 8em !important;
  font-size: 1.65rem !important;
  font-family: "Tinos";
  background-color: rgba(255,255,255,0.9);
  padding: .9em !important;
}
    body, article .post-meta{
      font-size: 1.2em;
      line-height: 1.5em;
    }
    article .title{
      font-size: 2em;
      line-height: 1.5em;
    }
    .site-title{
      font-size: 6px !important;
      line-height: 30px;
    }
    .menu-main-nav-container a, .side-title, .menu-main-container a{
      font-size: 1em;
      line-height: 1.5em;
    }
.gallery-cell { float:left; width:47%; height:auto; margin:0 6% 6% 0; position:relative}
.gallery-pic-div { width:100%; height:auto;}
.gallery-pic-div img { width:100%; height:auto; }
.gallery-cell:nth-child(3n+3) {  margin-right:6%}
.gallery-cell:nth-child(4n+4) {  margin-right:6%}
.gallery-cell:nth-child(odd) {  margin-right:6% !important}
.gallery-cell:nth-child(even) {  margin-right:0 !important}


#hea-wra { width:100%;margin:0 auto; padding:1.8vh 0; position:relative}

#logo {
  margin: -.8vw auto 0 auto;
  width: 23vw;
  padding: 0;
}

.headerleft1, .headerright1 {display: none;}
.headerleft2, .headerright2 {display: block;}
#lang { font-size: 21px;top: 40px; }
.main-burger {top: 40px;}

.main-burger > .top { top: 1px; }
.main-burger > .mid { top: 10px; }
.main-burger > .bot { top: 20px; }

.kal-left { float:left; width:100%; margin-right:0}
.kal-right{float:left;  width:100%;}
.kal-text { padding:0 0 47px 0; font-family:"Tinos"; font-weight:300;font-size:18.5px; font-size:1.85rem; line-height:26px;}
.kal-left img, .kal-right img { width:100%; height:auto; margin-bottom:50px}
.slco { height:57vw !important }
body > header > nav {display: block; position: fixed; left: -450px; top: 0; height: 100%; width: 74%; background-color: #fff; z-index: 1002;  text-align: left; overflow: hidden;}
.footer-left {float:none; width:99%; line-height:21px; margin: 3em auto 0 auto; text-align: center; }
.footer-right a { display: inline-block; float: none;}
.footer-right {float:none; width:99%; margin: 0 auto;text-align: center;}
.footer-right img {float: none; }
.footer-right > div {text-align: center;}
.paron {font-size:9px;line-height:10px;margin:4px auto 0 auto; width:290px; text-align: center;}
  }







  /* Slider */
.slick-slider
{
    position: relative;
    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
height:100%;
max-height:100%;
    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block; width:100%; height:auto
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
.slick-loading .slick-list
{
    background: #fff ;
}

/* Icons */
@font-face
{
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next
{
	display:none;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
z-index:1000;
    display: block;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
		display:none;
    font-family: 'FontAwesome';
    font-size: 22px;
    line-height: 1;

    opacity: .75;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 0;
}
.slick-prev:before
{
    content: '';
}
[dir='rtl'] .slick-prev:before
{
    content: '';
}

.slick-next
{
    right: 0;
}
.slick-next:before
{
    content: '\f178';
}
[dir='rtl'] .slick-next:before
{
    content: '\f178';
}








  /*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100vh;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:hidden; -webkit-overflow-scrolling: touch;position:relative }
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto { display:block; -ms-interpolation-mode:bicubic;height:90% !important;width:auto !important;position:absolute; left:50%;top:5%;transform:translateX(-50%); margin-top:0 !important}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box}
#cboxLoadedContent { }
/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 1; filter: alpha(opacity = 100);}
#colorbox{outline:0;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:0px solid #000; background:#fff; overflow:hidden !important}
        #cboxTitle{position:absolute; top:35px; left:25px; color:#333; font-size:13px;  text-transform:uppercase; display: none; visibility:hidden}
        #cboxCurrent{position:absolute; top:35px; left:25px; color:#333; font-size:13px;display: none; visibility:hidden }

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:48%; left:4%;  background:url(//alpinearia.gr/wp-content/themes/naked/styles/left.svg) no-repeat center; width:38px; height:38px; text-indent:-9999px; outline:none}
        #cboxNext{position:absolute; top:48%; right:4%; background:url(//alpinearia.gr/wp-content/themes/naked/styles/right.svg) no-repeat center ; width:38px; height:38px; text-indent:-9999px;outline:0; border:0}
        #cboxClose{position:absolute; top:3%; right:4%; display:block; background:url(//alpinearia.gr/wp-content/themes/naked/styles/close.svg) no-repeat center; width:38px; height:38px; text-indent:-9999px;outline:0; border:0}

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

#cboxPrevious{position:absolute; top:50%; left:1.4%; margin-top:-100px; background:url(//alpinearia.gr/wp-content/themes/naked/styles/left.svg) no-repeat center; width:38px; height:38px; text-indent:-9999px; outline:none}
        #cboxNext{position:absolute; top:50%; right:1.4%; margin-top:-100px; background:url(//alpinearia.gr/wp-content/themes/naked/styles/right.svg) no-repeat center ; width:38px; height:38px; text-indent:-9999px;outline:0; border:0}
        #cboxClose{position:absolute; top:-1px; right:1.4%; display:block; background:url(//alpinearia.gr/wp-content/themes/naked/styles/close.svg) no-repeat center; width:38px; height:38px; text-indent:-9999px;outline:0; border:0}
		  }