/*
Theme Name: vivky_kaya_theme
Theme URI: http://affekt.gr/ast/themes/ast
Author: Spyros Mylonas
Author URI: http://affekt.gr/
Description: A custom WordPress theme, built for structured based site
Version: 3.00
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, clean, elegant
*/

@font-face {
  font-family: 'CFAnteusBd';
  src: url('fonts/CFAnteusBd.eot');
  src: url('fonts/CFAnteusBd.eot') format('embedded-opentype'),
       url('fonts/CFAnteusBd.woff2') format('woff2'),
       url('fonts/CFAnteusBd.woff') format('woff'),
       url('fonts/CFAnteusBd.ttf') format('truetype'),
       url('fonts/CFAnteusBd.svg#CFAnteusBd') format('svg');
}

@font-face {
  font-family: 'PFFuturaNeuBold';
  src: url('fonts/PFFuturaNeuBold.eot');
  src: url('fonts/PFFuturaNeuBold.eot') format('embedded-opentype'),
       url('fonts/PFFuturaNeuBold.woff2') format('woff2'),
       url('fonts/PFFuturaNeuBold.woff') format('woff'),
       url('fonts/PFFuturaNeuBold.ttf') format('truetype'),
       url('fonts/PFFuturaNeuBold.svg#PFFuturaNeuBold') format('svg');
}

@font-face {
  font-family: 'pf_futura_neu_bookregular';
  src: url('fonts/pffuturaneu-book_0-webfont.eot');
  src: url('fonts/pffuturaneu-book_0-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/pffuturaneu-book_0-webfont.woff') format('woff'),
       url('fonts/pffuturaneu-book_0-webfont.ttf')  format('truetype'),
       url('fonts/pffuturaneu-book_0-webfont.svg#svgpf_futura_neu_bookregular') format('svg');
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/* -------------------------------------------------------------- */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

/* WordPress Core css */
/* -------------------------------------------------------------- */

.alignnone{margin: 5px 20px 20px 0}
.aligncenter,div.aligncenter{display: block;margin: 5px auto 5px auto}
.alignright{float:right;margin: 5px 0 20px 20px}
.alignleft{float: left;margin: 5px 20px 20px 0}
a img.alignright{float: right;margin: 5px 0 20px 20px}
a img.alignnone{margin: 5px 20px 20px 0}
a img.alignleft{float: left;margin: 5px 20px 20px 0}
a img.aligncenter{display: block;margin-left: auto;margin-right: auto}
.wp-caption{background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center}
.wp-caption.alignnone{margin: 5px 20px 20px 0}
.wp-caption.alignleft{margin: 5px 20px 20px 0}
.wp-caption.alignright{margin: 5px 0 20px 20px}
.wp-caption img{border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto}
.wp-caption p.wp-caption-text{font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px}
.screen-reader-text{clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px;overflow: hidden}
.screen-reader-text:focus{background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000}

/* Fontastic css */
/* -------------------------------------------------------------- */

@font-face {
  font-family: "untitled-font-1";
  src:url("fonts/untitled-font-1.eot");
  src:url("fonts/untitled-font-1.eot?#iefix") format("embedded-opentype"),
    url("fonts/untitled-font-1.woff") format("woff"),
    url("fonts/untitled-font-1.ttf") format("truetype"),
    url("fonts/untitled-font-1.svg#untitled-font-1") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "untitled-font-1" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "untitled-font-1" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tw:before {
  content: "t";
}
.icon-fb:before {
  content: "f";
}
.icon-pi:before {
  content: "p";
}
.icon-inst:before {
  content: "i";
}
.icon-yt:before {
  content: "y";
}
.icon-gp:before {
  content: "g";
}
.icon-tmblr:before {
  content: "m";
}
.icon-vi:before {
  content: "v";
}

/* Responsive Video */
/* -------------------------------------------------------------- */

.videowrapper{float: none;clear: both;width: 100%;position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0}
.videowrapper iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%}

/* Text selection in browser */
/* -------------------------------------------------------------- */

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

/* Google maps */
/* -------------------------------------------------------------- */

#map_div {
	width: 100%;
	height: 600px;
}
.infowindow {
	width: 160px;
	height: 100px;
	color: #000;
}

/*Kindling Grid
/* -------------------------------------------------------------- */
/*  Presets */

.row:after,
.col:after,
.row,
.bottom,
.col,
.col img,
.container,
.span-1,
.span-2,
.span-3,
.span-4,
.span-5,
.span-6,
.span-7,
.span-8,
.span-9,
.span-10,
.span-11,
.span-12,
.offset-1,
.offset-2,
.offset-3,
.offset-4,
.offset-5,
.offset-6,
.offset-7,
.offset-8,
.offset-9,
.offset-10,
.offset-11,
.offset-12{
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
a:active,a:hover,a:focus {
  outline:0;
}

/* Grid */

.row:after,.col:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.row {
  margin-bottom:2%;
}
.bottom {
  margin-bottom:0;
}
.col {
  display:block;
  float:left;
  width:100%;
  margin-right:2%;
}
.col:last-child {
  margin-right:0;
}
.col img {
  max-width:100%;
  height:auto;
}
.container {
  width:90%;
  margin:0 5%;
}
.span-1 {
  width:6.5%;
}
.span-2 {
  width:15.0%;
}
.span-3 {
  width:23.5%;
}
.span-4 {
  width:32.0%;
}
.span-5 {
  width:40.5%;
}
.span-6 {
  width:49.0%;
}
.span-7 {
  width:57.5%;
}
.span-8 {
  width:66.0%;
}
.span-9 {
  width:74.5%;
}
.span-10 {
  width:83.0%;
}
.span-11 {
  width:91.5%;
}
.span-12 {
  width:100%;
}

/* Offsets */
    
.offset-1 {
  margin-left:6.5%;
}
.offset-2 {
  margin-left:17.0%;
}
.offset-3 {
  margin-left:25.5%;
}
.offset-4 {
  margin-left:34.0%;
}
.offset-5 {
  margin-left:42.5%;
}
.offset-6 {
  margin-left:51.0%;
}
.offset-7 {
  margin-left:59.5%;
}
.offset-8 {
  margin-left:68.0%;
}
.offset-9 {
  margin-left:76.5%;
}
.offset-10 {
  margin-left:85.0%;
}
.offset-11 {
  margin-left:93.5%;
}

/* Tablet */

@media only screen and (max-width:768px) {
  .col {
    margin-left:0;
  }
  .row {
    margin:0;
  }
  .span-1,.span-2,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-10,.span-11,.span-12 {
    width:100%;
    margin-bottom: 2%;
  }
}

/*  Mobile */

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

/* Retina Images */

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

/* wp-paginate */
/* -------------------------------------------------------------- */

.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#5f87ae; border:1px solid #89adcf; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/* Contact Form 7 */
/* -------------------------------------------------------------- */

div.wpcf7{margin:0;padding:0;}
div.wpcf7-response-output{margin:2em 0.5em 1em;padding:0.2em 1em;}
div.wpcf7-mail-sent-ok{border:2px solid #398f14;}
div.wpcf7-mail-sent-ng{border:2px solid #ff0000;}
div.wpcf7-spam-blocked{border:2px solid #ffa500;}
div.wpcf7-validation-errors{border:2px solid #f7e700;}
span.wpcf7-form-control-wrap{position:relative;}
span.wpcf7-not-valid-tip{color:#f00;font-size:1em;display: block;}
.use-floating-validation-tip span.wpcf7-not-valid-tip{position:absolute;top:20%;left:20%;z-index:100;border:1px solid #ff0000;background:#fff;padding:.2em .8em;}
span.wpcf7-list-item{margin-left:0.5em;}
.wpcf7-display-none{display:none;}
div.wpcf7 img.ajax-loader{border:none;vertical-align:middle;margin-left:4px;}
div.wpcf7 div.ajax-error{display:none;}
div.wpcf7 .placeheld{color:#888;}

/*** wp-affekt-style theme Basics ***/

/* Top level elements */

html,
body{
	height: 100%;
}

body{
	height: 100%;
	font-family: 'CFAnteusBd';
}

.outerWrapper{
	height: 100%;
}

header{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
  height: 0;
}

main{
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding-bottom: 0px;
}

.content{
	min-height: 800px;
	height: 100%;
	width: 100%;
}

footer{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

/* 2nd level elements */

h1,
h2,
h3,
h4,
h5,
h6{
	margin-top: 0;
}

p{
	margin-top: 0;
}

ul{
	margin: 0; 
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#535353;
	text-decoration:none;
	font-weight:400;
}



/* 3rd level elements */

.hor {
	width:100%;
	height: 100%;
	text-align: center;
  font-size: 80px;
  left: 0;
  text-transform: uppercase;
  font-size: 48px;
}
.hor ul {
	list-style-type: none;
}
.hor li {
	display:inline-block;
	padding:0;
}
.hor a {
	color:#838383;
	text-decoration:none;
}
.hor a:hover,
.hor a:active,
.hor .current-menu-item a,
.hor .current-menu-ancestor a,
.hor .current-menu-parent a{
	color: #fff;
}

/* style level elements */

a{
	color: #999;
	text-decoration: none;
}

a:hover,
a:active{
	color: #fff;
}

.logoh1{
	margin: 0;
  display: none;
}

.logoh1 a {
	width: 112px;
	height: 100px;
	background: url(img/std/logo.png) no-repeat center 30px;
	text-indent: -1000em;
	display: block;
	padding: 0;
	margin: 0 auto;
}

/* custom css starto */
/* -------------------------------------------------------------- */

html{
  background: #000;
}


.page-id-2 main img{
  width: 100%;
  height: auto;
}

.page-id-2 main h3{
  display: none;
}

.alignnone{
  margin: 0;
}

.entry.stylepost2{
  margin: 0;
  padding: 0;
}

.inmain.row{
  margin-bottom: 0;
}

.category-category_slider.inmain.row{
  margin-bottom: -1px;
}
.category-category_images div.entry.stylepost2{
  margin-bottom: -5px;
}

.menu-item-24 a{
  position: fixed;
  z-index: 9999;
  top: 15%;
  left: 10%;
  transform: translateY(-50%);
  padding-left: 0;
  color: #fff;
  /* mix-blend-mode: difference; */
}

.menu-item-25 a{
  position: fixed;
  z-index: 9999;
  top: 15%;
  right: 10%;
  left: auto;
  transform: translateY(-50%);
  padding-left: 0;
  padding-right: 0;
  color: #fff;
  /* mix-blend-mode: difference; */
}

.about_holder,
.rest_holder{
  width: 80%;
  height: 80%;
  position: fixed;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  font-size: 32px;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  visibility: hidden;
  font-family: 'PFFuturaNeuBold';
}
.rest_holder{
  font-family: 'pf_futura_neu_bookregular';
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 43px;
  padding-top: 10%;
}
.about_holder a,
.rest_holder a{
  color: #fff;
  text-decoration: underline;
}

.mhclassblock{
  visibility: visible!important;
}
.mhclass{
  visibility: hidden!important;
}

footer{
  position: fixed;
  bottom: 0;
  font-family: 'pf_futura_neu_bookregular';
  font-size: 9px;
  color: #fff;
  letter-spacing: 3px;
}
.fleft{
  position: fixed;
  z-index: 9999;
  bottom: 10%;
  left: 10%;
  transform: translateY(-50%);
  padding-left: 0;
}

.fright{
  position: fixed;
  z-index: 9999;
  bottom: 10%;
  right: 10%;
  transform: translateY(-50%);
  padding-left: 0;
}

.fright .hor{
  font-size: 9px;
}

.fleft a,
.fright .hor a{
  color: #fff;
}
.menu-item-123 a,
.menu-item-143 a{
  margin-right: 30px;
}
.ontopofmain{
  background: #000000b5;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}
.ontopofmain.dblock{
  display: block;
}
.rest_holder .bookinglh{
  line-height: 20px;
  padding-top: 5%;
}

.rest_holder .bookinglh strong{
  font-family: 'PFFuturaNeuBold';
  text-decoration: underline;
}

.about_holder .aboutwide,
.about_holder .aboutpad,
.about_holder .aboutmob{
  width: 100%;
  height: auto;
  padding: 0 auto;
  margin: 0 auto;
  display: none;
}
.about_holder .aboutwide{
  display: block;
}
.aboutwide{
  display: block;
}
.aboutpad{
  display: none;
}
.aboutmob{
  display: none;
}
.error404 .about_holder_of_the_imgs img{
  width: 100%;
  height: auto;
}
.category-category_vid .vc_video-bg-container {
    position: relative;
}
.category-category_vid .vc_video-bg {
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}
.category-category_vid .vidcover {
    min-height: 700px;
}
.category-category_vid .vidcover img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    display: none;
}
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.vidcover img{
	opacity:0
}
#widget2{
	max-width: 1000%; 
	margin-left: 0px; 
	margin-top: -40px; 
	width: 100%; 
	height: 961.875px;
}
.video-container-new {
  position: relative;
  padding-bottom: 56.25%;
}

.video-container-new iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-new {
  aspect-ratio: 16 / 9;
  width: 100%;
}
/*********** ***************
RESPONSIVE START 
***************************/



@media all and (min-width: 1571px) {
  .about_holder{
    font-size: 32px;
  }
}
@media all and (max-width: 1571px) {
  .about_holder{
    font-size: 28px;
  }
}
@media all and (max-width: 1250px) {
  .about_holder{
    font-size: 26px;
  }
}

@media all and (max-width: 1024px){
  .about_holder{
    font-size: 24px;
  }
  .about_holder .aboutwide{
    display: none;
  }
  .about_holder .aboutpad{
    display: block;
  }
  .aboutwide{
    display: none;
  }
  .aboutpad{
    display: block;
  }

}

@media all and (max-width: 945px) {
  .about_holder{
    font-size: 23px;
  }
}

@media all and (max-width: 870px) {
  .about_holder{
    font-size: 22px;
  }
}

@media all and (max-width: 768px) {
  .about_holder{
    font-size: 23px;
  }
}

@media all and (max-width: 650px) {
  .about_holder{
    font-size: 22px;
  }
  .fleft{
    display: none;
  }
  .fright{
    right: 0;
    left: 0;
    bottom: 5%;
  }
  .menu-item-123 a, 
  .menu-item-143 a{
    margin-right: 0;
    padding: 0 10px;
  }
  .fright .hor{
    text-align: center;
  }
  .fright .hor ul{
    padding-inline-start: 0;
  }
  .about_holder .aboutpad{
    display: none;
  }
  .about_holder .aboutmob{
    display: block;
  }
  .aboutpad{
    display: none;
  }
  .aboutmob{
    display: block;
  }
  .menu-item-24 a,
  .menu-item-25 a{
    top: 40%;
  }
}

@media all and (max-width: 600px) {
  .about_holder{
    font-size: 18px;
  }
  #widget2{
	height: 400px;
	margin-top: -80px;
  }
  .category-category_vid .vidcover {
    min-height: 500px;
	margin-bottom: -120px;
  }
  .category-category_vid .vc_video-bg{
	position: static;
	max-height: 400px;
  }
  .category-category_vid .vc_video-bg-container {
    position: relative;
    max-height: 400px;
  }
  .vc_col-sm-12.vc_{
		display:none
  }
}
/* This media query makes screens less than 460px wide display in a "fullscreen"-esque mode. Users can then scroll around inside the lightbox to see the entire image. */
@media (max-width: 460px) {
  .about_holder{
    font-size: 16px;
  }
  .rest_holder .bookinglh{
    padding-top: 35%;
  }
}
@media (max-width: 300px) {
  .about_holder{
    font-size: 11px;
  }
}