@font-face {
  font-family: 'fa-regular-400';
  font-style: normal;
  font-weight: 400;
  src: local('fa-regular-400'), local('fa-regular-400'), url(https://sikyoncoast.com/wp-content/plugins/vikbooking/site/resources/fonts/fa-regular-400.woff2) format('woff2');
  font-display: swap;
}

.navbar-logo-img-mobile { width: 150px!important; height: auto!important; }




ul#menu-sikyon-main-gr.menu li a  { font-family: 'Roboto'!important; font-weight: 300; }

/***********COVID BAR & COOKIE BAR****************/

.ht-notification-section.ht-n-right { top: 29%!important; }
#notification-3245 { top: 29%!important; }
.ht-n-open-toggle, .ht-n-active { border-radius: 0!important;}
.ht-notification-text h3 span { font-weight: 400!important; font-size: 20px!important; }
.ht-notification-text .ht_btn.style_2 { font-size: 13px!important; border-radius: 0!important; margin-top: 10px!important; margin-left: 0!important; padding: 3px 12px!important;}
.ht-n-container { padding-rigtht: 20px!important; padding-left: 10px!important; padding-bottom: 20px!important;}

#cookie-law-info-bar { right: 0!important; bottom: 120px!important; box-shadow: none!important; }
.cli-bar-message p { font-size: 14px!important; color: #fff!important; line-height: 1.8!important; }

@media only screen and (max-width: 768px) {
    #cookie-law-info-bar { bottom: 5px!important; }
}

/***********VIK BOOKING********************/
/************WIDGET**************/
.ark-sidebar:not(.widget-title-big) .widget-title { margin: -15px -15px 15px -15px; }
#mod_vikbooking_horizontalsearch-2 { background: #f7f8fa!important; padding: 60px 25px!important; }
#mod_vikbooking_horizontalsearch-2 * label { font-weight: 500!important; }
#mod_vikbooking_horizontalsearch-2 .btn { 
    border-radius: 0; 
    background: #9d9488!important;
    color: #fff!important; 
    font-size: 16px!important; 
    font-weight: 400 !important; 
    font-family:'Montserrat'!important;
    padding: 9px 30px;
}
#mod_vikbooking_horizontalsearch-2 * input {  border-radius: 0!important; }
#mod_vikbooking_horizontalsearch-2  .widget-body select { margin-top: 0; }
#mod_vikbooking_horizontalsearch-2 form { display: inline-block; margin-left: auto; margin-right: auto; }

.vbo-room-carat:nth-child(13) { margin-left: 10px!important; color: #58ba58; }
.vbcustomfields a#vbf13.vbmodal { color: #ad0e0e; font-weight: 600; font-size: 16px;}

/*********SHORTCODE********************/
.vbdivsearch { background: #f7f8fa!important; padding: 60px 25px!important; }
.vb-search-inner * label { font-weight: 500!important; }
.vbo-search-submit .btn { 
    border-radius: 0!important;
    background-color: #9d9488!important;
    color: #fff!important; }

.vbo-room-details-booking-wrapper .vbo-search-submit .btn.vbdetbooksubmit { padding: 10px 25px!important; }

/*.vbo-search-submit { margin-left: 0!important; }*/

@media only screen and (max-width: 768px) {
    .vbdivsearch { background: #f7f8fa!important;}
    #mod_vikbooking_horizontalsearch-2 form { display: flex;}
}

.mfp-iframe {margin-top: 25px };

/********Mobile Menu T**************/


@media (min-width:992px and max-width:1199px) {
    .taptap-menu-button-wrapper { left: 40px; top: 36px; }
}

@media (min-width:320px and max-width:767px) {
   
   .taptap-by-bonfire ul li a { font-size: 22px!important; line-height: 22px!important; }
}

@media only screen and (max-width: 768px) {
    .taptap-by-bonfire ul li a { font-size: 20px!important; line-height: 22px!important; padding: 6px 0; }
    .taptap-menu-button-wrapper { left: 10px!important; top: 11px!important; }
    .taptap-main-inner-inner {padding: 40px 0; }
    .taptap-widgets-wrapper #media_image-2 img { max-width: 60%!important; display: inline-block; }
    .taptap-sub-arrow-inner { top: -6px; }
     header .navbar-logo-wrap img { height: 35px!important; }
    .taptap-menu-button-label:before {display: none; }
    .taptap-menu-button-label:after { color: #9d9488!important; }
    .taptap-menu-button-wrapper.taptap-smart-header-hide { top: 11px !important; background-color: rgba(255,255,255,0.8);}
    .header-center-aligned-transparent .navbar-logo { left: 32%!important; }
    .wpml-ls-legacy-dropdown a { border: none!important; }
    a.js-wpml-ls-item-toggle.wpml-ls-item-toggle { left: -4px; }
    .wpml-ls-item-legacy-dropdown ul.wpml-ls-sub-menu  { left: -4px;}
    .header-sticky.navbar-fixed-top.header-shrink .wpml-ls-sub-menu, .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown > a { max-width: 64px; }
    .wpml-ls-item-legacy-dropdown a.js-wpml-ls-item-toggle.wpml-ls-item-toggle { width: 64px; display: block;}
    .header-sticky.navbar-fixed-top.header-shrink .wpml-ls-legacy-dropdown a { color: #ffffff!important; }
    .header-sticky.navbar-fixed-top.header-shrink .wpml-ls-legacy-dropdown li:hover .wpml-ls-last-item,
    .header-sticky.navbar-fixed-top.header-shrink .wpml-ls-last-item:hover wpml-ls-legacy-dropdown li,
    .header-sticky.navbar-fixed-top.header-shrink .wpml-ls-legacy-dropdown li:hover .wpml-ls-first-item { color: #9d9488!important; background-color: #fff!important;}
    .wpml-ls-legacy-dropdown li:hover .wpml-ls-last-item, wpml-ls-last-item:hover wpml-ls-legacy-dropdown li, 
    .wpml-ls-legacy-dropdown li:hover .wpml-ls-first-item { color: #9d9488!important; background-color: #fff!important;}

    /*.header-sticky.navbar-fixed-top.header-shrink .wpml-ls-legacy-dropdown ul:hover { background-color: #fff!important;}*/
    .header-sticky.navbar-fixed-top.header-shrink .wpml-ls-legacy-dropdown li:hover .wpml-ls-last-item > a,
    .wpml-ls-legacy-dropdown li:hover .wpml-ls-last-item > a,
    .header-sticky.navbar-fixed-top.header-shrink .wpml-ls-legacy-dropdown li:hover .wpml-ls-first-item > a,
    .wpml-ls-legacy-dropdown li:hover .wpml-ls-first-item > a{color: #9d9488!important; }
    /*.header-sticky.navbar-fixed-top.header-shrink ul.wpml-ls-sub-menu > a {background-color: rgba(255,255,255,0.8);}*/
    .header-sticky.navbar-fixed-top.header-shrink .wpml-ls-legacy-dropdown a:hover, .header-sticky.navbar-fixed-top.header-shrink .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a { color: #9d9488!important; }
}

.page-id-2145 .taptap-menu-button-wrapper, .page-id-2649 .taptap-menu-button-wrapper,
.page-id-2651 .taptap-menu-button-wrapper, .page-id-2653 .taptap-menu-button-wrapper { display: none!important; }

.taptap-main-wrapper.taptap-main-wrapper-active img.image.wp-image-1972.attachment-medium.size-medium { margin-left: -44px; }

.taptap-smart-header-hide { top: 26px!important;}

.taptap-smart-header-hide .taptap-menu-button-label { color: #9d9488!important; }

/*.taptap-menu-button-wrapper .taptap-menu-button-label { color: #9d9488!important; } */

.taptap-smart-header-hide .taptap-main-menu-button-five::before,
.taptap-smart-header-hide .taptap-main-menu-button-five-middle::before,
.taptap-smart-header-hide .taptap-main-menu-button-five::after
{ background-color: #9d9488!important; }


/*.taptap-menu-button-wrapper .taptap-main-menu-button-five::before,
.taptap-menu-button-wrapper .taptap-main-menu-button-five-middle::before,
.taptap-menu-button-wrapper .taptap-main-menu-button-five::after
{ background-color: #9d9488!important; }
*/

.taptap-by-bonfire-image-wrapper { margin-top: 50px;}


/*.taptap-menu-button-wrapper { 
    border: 1px solid white; 
    border-radius: 2px;
    border-right-width: 0px;
    border-left-width: 0px;
}*/
    
.taptap-widgets-wrapper #custom_html-2 { margin-left: 5px; margin-top: -25px;}


.header-sticky.ffb-header-design.header-shrink .taptap-menu-button-wrapper  { margin-top: -2px!important; } 

.tapcontact { font-size: 20px; margin-bottom: 10px; }
}    

.tapmtitle { font-size: 86px; color: #878C91; }

/**************************/

/************HEADER DESIGN*******************/
.header-sticky.navbar-fixed-top.header-shrink .ffb-id-4p00cj8m span, .header-sticky.navbar-fixed-top.header-shrink .ffb-id-4p00cj8m i { 
    color:#9d9488!important; border-color: #9d9488!important; }

.header-sticky.navbar-fixed-top.header-shrink .mobheadbook { background-color: rgba(255,255,255,0.8)!important; }


.header-sticky.navbar-fixed-top.header-shrink .ffb-id-4p00cj8m a:nth-child(2) { border-color: #9d9488!important;} 

.header-shrink.header-transparent, .header-shrink.header-transparent .navbar { background: none; }

.header-transparent { background: transparent!important;}


.ffb-id-navigation-header .ark-header.header-shrink .ff-ark-header-circle-shadow::before {
    box-shadow: 0 0 15px rgba(0,0,50,0.0)!important; }

.ark-header.auto-hiding-navbar.nav-up .dropdown-menu { margin-top: 18px!important; }
.ark-header .auto-hiding-navba .nav-down ul.sub-menu.dropdown-menu {margin-top: 5px!important; }
.ark-header.header-pills .navbar-nav .nav-item-child { margin-bottom: 10px!important; }

.ffb-id-navigation-header .menu-container > ul > li.active > a.nav-item-child { border-radius: 16px!important; }
.ark-header.header-pills .navbar-nav .nav-item-child { border-radius: 16px!important; }
.ark-header.header-pills.header-shrink .navbar-nav .nav-item-child { margin-bottom: 10px!important; }
.ark-header.header-pills .navbar-nav .nav-item-child {
    padding: 7px 15px 5px 15px; }

/************Home Page*******************/

.collapseomatic { 
    background-image: none!important;
    border-top: 1px solid #9d9488;
    border-bottom: 1px solid #9d9488;
    padding: 12px 28px!important;
    position: relative;
    top: 20px;
    padding: 10px 20px!important;
}

.colomat-hover { text-decoration: none!important; }

/*.colomat-close {
    position: relative;
    top: -70px;
}

.collapseomatic_content { 
    position: relative;
    top: -83px; 
}*/

.collapseomatic:before, .collapseomatic:after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background-color: #9d9488;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.collapseomatic:before { top: 0; left: 0; }
.collapseomatic:after { bottom: 0; right: 0; }

.collapseomatic:hover:before, .collapseomatic:hover:after { width: 100%!important; }


/**********SIKYON BUTTONS******************/

.sikyon-button {
    border-top: 1px solid #9d9488!important;
    border-bottom: 1px solid #9d9488!important;
    position: relative!important;
}

.sikyon-button:before, .sikyon-button:after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background-color: #9d9488!important;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.sikyon-button:before { top: 0; left: 0; }
.sikyon-button:after { bottom: 0; right: 0; }

.sikyon-button:hover:before, .sikyon-button:hover:after { width: 100%; }



/*****Collapsible Button Styling**********/

.svg-wrapper2 {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  /*width: 320px;*/
  width: 100%;
  text-align: center;
}
.shape2 {
  stroke-dasharray: 140 540;
  stroke-dashoffset: -474;
  stroke-width: 8px;
  fill: transparent;
  stroke: #19f6e8;
  border-bottom: 5px solid black;
  transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
}
.text23 {
  font-size: 22px;
  line-height: 32px;
  /*letter-spacing: 8px;*/
  color: #000;
  top: -48px;
  position: relative;
  text-align: center;
}

.svg-wrapper2:hover .shape2 {
  stroke-width: 2px;
  stroke-dashoffset: 0;
  stroke-dasharray: 760;
}

/**********WPML LANG SWITCHER******************/

.js-wpml-ls-legacy-dropdown-click { border-right: 1px solid #fff;}
.wpml-ls-legacy-dropdown a { background-color: transparent!important; font-family: 'Montserrat'; font-size: 14px; font-weight: 400; }
.wpml-ls-legacy-dropdown a { border-left: none; border-right: 1px solid #fff; border-top: none; border-bottom: none; }
.wpml-ls-legacy-dropdown a:hover { background-color: #fff!important; color: #9d9488!important; text-decoration: none!important; }
a.js-wpml-ls-item-toggle.wpml-ls-item-toggle { display: inline; }
.wpml-ls-legacy-dropdown-click a { background-color: transparent!important; border: none!important; }
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover { color: #fff; text-decoration: none!important; }
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover { color: #fff; text-decoration: none!important; }
.wpml-ls-item-legacy-dropdown ul.wpml-ls-sub-menu { border: none!important; }

.header-sticky.navbar-fixed-top.header-shrink .wpml-ls-legacy-dropdown a, .header-sticky.navbar-fixed-top.header-shrink ul.wpml-ls-sub-menu > a  { color: #9d9488; }

/*****************FOOTER******************/

#live_weather_station_widget_outdoor-2 .ico-size-1 { font-size: 0.8em!important; }
#live_weather_station_widget_outdoor-2 { margin-bottom: 0!important; }
#live_weather_station_widget_outdoor-2 .lws-widget-header { line-height:1!important; } 
#live_weather_station_widget_outdoor-2 .lws-widget-subtitle {font-size: 10px; }


/*****************OVERWRITES******************/
header.header-shrink * {
    color: #212121 !important;
}
.copyright {
    background-color: #212121;
}
.promo-block-v2-title,
.promo-block-v2-text,
.anim-grid h2 {
    background: #212121;
    color: #fff;
    display: inline-block;
    padding: 0px 18px;
}

