/*
Theme Name:     Kallyas Child Theme
Theme URI:      http://kallyas.net/demo/
Description:    Child theme for the Kallyas theme
Author:         Hogash
Author URI:     http://themeforest.net/user/hogash
Template:       kallyas
Version:        1.0
Tags: dark, light, left-sidebar, right-sidebar, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, full-width-template, theme-options, translation-ready
Text Domain:  zn_framework
*/

.eluid74118386 {
    width: 225% !important;
}
.eluid2f33e3b2 {
    margin-top: -1px;
}
.eluidbf12af20.zn_separator--icon-no {
    width: 4%;
    margin: auto;
}

.slick-slide {
width: 275px !important;
}
.slick-track{
    width: 1000px !important;
}

.eluid7c29d474.zn_separator--icon-no {
    width: 7%;
}

.element-scheme--light {
    color: #e7e7e7;
}
.form-control {
    color: #e7e7e7;
}

.eluid75a463aa.zn_separator--icon-no {
    margin: auto;
    width: 10%;
padding-bottom: 30px;
}

.page-id-772 #categories-2 {
    color: #fcfcf6;
    line-height: 1.4;
    text-align: center;
    margin: 10px 0 15px;
    padding-bottom: 20px;
    position: relative;
    font-size: 20px;
}
.page-id-772 .widgettitle {
  color: #fcfcf6;
font-size: 20px;}

.page-id-772 #categories-2 li a {
    color: #fcfcf6;  
}
.page-id-772 .element-scheme--light a {
    color: #e7e7e7;
}
.page-id-772 .element-scheme--light a :hover {
    color: #C2DAE4;
}
#.site-logo-img {
    max-width: none;
    width: 400px;
    height: 200px;
    margin-top: 30px;
    margin-left: -155px;}
#.zn-menuBurger {
    left: 210%;}

.wc-tabs-section {
    display: none;
}
.wc-related-upsells-section {
display: none;
}
@media (min-width: 768px) {
.header--is-sticked.site-header.sticky-resize, .header--is-sticked.site-header.sticky-resize .logosize--contain .site-logo-anch {
    height: auto!important;
    background: rgba(0, 0, 0, 0.55);
    padding-bottom: 45px;}}

@media (min-width: 768px) {
.eluid47204cb7 {
padding-left: 80px;
}}


.page-subheader.uh_zn_def_header_style {
    min-height: 210px;
    height: 210px;
}

.woocommerce div.product.prodpage-style3 .single_product_main_image .woocommerce-product-gallery.woocommerce-product-gallery {
    max-width: 100% !important;}

.similarsep {
    width: 3%;}
.aboutsep {
 width: 10%;
}
.addressep {
 width: 15%;
}

.woocommerce div.product.prodpage-style3 .product_title {
    color: #2B4653;
    font-weight: 700;
    font-family: Open Sans;
    font-size: xx-large;
}
.woocommerce.single-product div.product p.price .amount, .woocommerce.single-product div.product span.price .amount {
    margin: 0 5px;
    color: #2B4653;
}

.elm-social-icons-item {
    padding-right: 30px;
}

.woocommerce div.product.prodpage-style3 .main-data {
    padding-right: 0;
    padding-left: 0px;}

.contactyacht .btn.btn--square {
border-color: #e8e8e8;
color: #e8e8e8;
}

/* css for table product + mobile*/
.productable table {
    border-collapse: collapse;
    width: 100%;
}

.productable th, td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}
.productable tr {
  border-bottom:solid 2px #8F9BA4;
}
.productable span.first { font-size: 16px; }
.productable span { letter-spacing: 2px; }

/*bold data specification*/
.productable span.first {
    font-size: 16px;
    font-weight: bold;
}
/*mobile responsive table*/
@media (max-width: 768px) {
.productable th, td {
    padding-right: 0px;}
.productable span.first { font-size: 11px; }
.productable span.valueatr a{ font-size: 11px; }}
/* END OF css for table product */

/* header background */
.bgback {
background-image: url(https://flagship-yachts.com/wp-content/uploads/2017/07/banner-yachts-megalo-1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: scroll;}
	#@media (max-width: 768px) {
		.bgback {
		display: none;
	}}
				
/*2stilo anti gia 3stilo sta apotelesmata mono desktop*/
@media (min-width: 768px) {
.woocommerce .kallyas-wc-cols--3 .products .product {
   width: 50% !important;
}
.woocommerce .kallyas-wc-cols--4 ul.products li.product {
    width: 50%;
}
}

/*kripsimo titloy kai ehader stin yactch page*/
.woocommerce-products-header__title {
display: none;
}
.searchcontainer .woocommerce .woocommerce-ordering,.searchcontainer .woocommerce .woocommerce-result-count {
    
    display: none;
}

/*background gkri mono s ayti th selida */
.shop_page  {
    background-color: #f1f3f2;
    margin-top: 0px;
    padding-top: 60px;
}
.woocommerce-page .shop_page ul.products li.product .product-list-item > a {
    background: #f1f3f2;
}
.woocommerce-page .shop_page .sidebar {
   background: #f1f3f2;
   color: #333;
}

/*fix yacht gallery images*/
.woocommerce div.product.prodpage-style3 .zn-wooGalleryThumbs-summary .woocommerce-product-gallery__image img {
    height: 65px;
	width: 65px;
}
@media (max-width: 768px) {
.woocommerce div.product.prodpage-style3 .zn-wooGalleryThumbs-summary .woocommerce-product-gallery__image img {
    height: 43px;
	width: 43px;
}}


/*yacht page 4/3*/
@media (min-width: 768px) {
.woocommerce div.product.prodpage-style3 .main-data {
    padding-right: 0;
    max-width: 42%;
}
.woocommerce #content div.product.prodpage-style3 .single_product_main_image, .woocommerce div.product.prodpage-style3 .single_product_main_image {
max-width: 58%;
}
.contactsection {
 padding-left: 0.5%; 
}
.woocommerce-product-gallery__image {
     margin-left: 0px !important;
    margin-right: 0px !important;

}
}


/*list front yachts*/
.yachtslistfront {
color: #c2dae4;
padding: 10px 25px 0px 25px;
}
.yachtslistfront .product-title {
color: white;
}
.yachtslistfront .product-title:hover {
color: #d2feef;}

/*background dropdown menu top 100pixels white*/
.znNavOvr {
    background: linear-gradient(to bottom, rgb(255, 255, 255) 100px,rgba(255, 255, 255, 0.9));}

/*fix apostaseis mobile sto logo kai header*/
@media (max-width: 767px){
.site-header .site-logo {
width: 140px;
padding: 0px;
}
.page-subheader {
    #min-height: 10px;
    #height: 64px;
display: none !important;
}}
/*fix apostaseis dropdownlist me searchbar + styles dropdown + mobile styles*/
.dropdownfornt button, .dropdownfornt input, .dropdownfornt optgroup, .dropdownfornt select, .dropdownfornt textarea {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.15;
    color: white;
    margin: 0;
    padding: 8px 5px 8px 20px;
background-color: #515d74; 
-webkit-appearance: none;
    border-radius: 3px;
}
.dropdownfornt select.category-posts-dropdown {
  background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, #C2DAE4, #C2DAE4);
  background-position: calc(100% - 50px) calc(13px + 0px), calc(100% - 45px) calc(13px + 0px), 100% 0;
    background-size: 5px 5px, 6px 5px, 99.5px 2.5em;
    background-repeat: no-repeat;
}
@media (max-width: 767px){
.dropdownfornt select.category-posts-dropdown {
background-position: calc(100% - 60px) calc(13px + 0px), calc(100% - 55px) calc(13px + 0px), 100% 0;
background-size: 5px 5px, 6px 5px, 128.5px 2.5em;
}}
/*force images stretch css anenergo*/
@media (min-width: 767px){
.woocommerce div.product div.images img {
    #height: 815px;
    width: 965px;}
.woocommerce-product-gallery {
    max-height: 815px;
#min-height: 815px;

}
#.woocommerce div.product .single_product_main_image div.flex-viewport .woocommerce-product-gallery__image a img {
    min-height: 815px;
    max-height: 815px;}}

/*hide sku and category from pruduct page*/
div .product_meta {
display: none;
}

/*hide pic name from galery*/
.pswp__caption__center {
display: none; }
.subheader-maintitle {
display: none;
}
@media (max-width: 767px){
.znColumnElement-innerWrapper-eluid47204cb7 {
    padding-bottom: 20px;
    padding-left: 0px !important;
}}
.related.products h2 {
display: none;}

/*css related products*/
@media (min-width: 767px){
.related.products .product {
    width: 33% !important;
}}

/*hide pagination sthn arxiki*/
.page-id-772 .kl-pagination {
  display: none;
}
/*hide gallery mobile*/
#@media (max-width: 767px){
.zn-wooGalleryThumbs-summary {
display: none;
}}

.woof_products_top_panel {
	display: none !important;
}

/*fix css for images gallery from erp*/
.pswp__zoom-wrap {
    transform: none !important;
    display: block;
    margin: auto;
	#width: 600px;
    max-width: 1170px;
	height: 100%;
	display: block;
    #margin: auto;
    #width: 60%;

}

.pswp__img {
	max-width: 100% !important;	
    top:0;
    bottom:0;
	display: block;
    margin:auto;
	#width: unset !important;
    height: unset !important;
	#width: 100% important;
}

   /*DESKTOP*/
@media (min-width: 768px){
.pswp__img { 
  top: 50%;
  transform: perspective(1px) translateY(-50%);
     position: relative;}}

/*KINITO*/
@media (max-width: 767px){
.pswp__img {
	width: unset !important;
     #min-height: 525px;
	    max-height: 670px;
	  vertical-align: middle;
      #position: absolute;
	     padding: 10px;
		 padding-top: 50%;
		 position: relative;
         #margin-top: 10%;}}
@media (max-width: 400px){
	.pswp__img {
max-height: 500px;}}
		 
/*fix firefox problems width to some yachts*/	 
.woocommerce div.product.prodpage-style3 .product-page {
    width: 100%;
}

/*fix related 3stilo*/
.related ul.products li.product {
    clear: none !important;
}