<!-- start Simple Custom CSS and JS -->
<style type="text/css">
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
::selection {color:#000; /* WebKit/Blink Browsers */}
::-moz-selection {color:#000; /* Gecko Browsers */}

/*.myyellow{color:#FFCC00;}*/
.mybold{font-weight:600;}

.myboxshadow1{box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;}
.myboxshadow1 h2 a{border-bottom:2px solid transparent;}
.myboxshadow1 h2 a:hover{border-bottom:2px solid /*#FFCC00*/;}


.hideme{display:none;}

/* WPML */
/* Hide both sentences by default */
.sentence-en, .sentence-el {
    display: none;
}

/* Show English sentence only for English version */
html[lang="en-US"] .sentence-en {
    display: inline;
}

/* Show Greek sentence only for Greek version */
html[lang="el"] .sentence-el {
    display: inline;
}


/* my title yellow border */
.mytitle{
  position: relative;
  margin-top: 50px;
  margin-bottom: 20px;
  padding-left:10px;
}
.mytitle::before {
  content:'';
  position: absolute;
  /*background-color: #FFCC00;*/
  width: 10px;
  height: 55%;
  bottom: 9px;
  left:-9px; 
}
/* xxx xthe 7 xxx title */
.page-title h1, h2.entry-title{
  position: relative;
  margin-top: 22px;
  margin-bottom: 20px;
  padding-left:20px;
}
.page-title h1::before, h2.entry-title::before{
  content:'';
  position: absolute;
  /*background-color: #FFCC00;*/
  width: 10px;
  height: 60%;
  bottom: 7px;
  left:0px; 
} 


.breadcrumbs a:hover{
	color:#000;
	text-decoration:none;
	border-bottom:2px solid */#FFCC00;*/
}
.breadcrumbs li:last-child{color:#9c9c9c;}


/* Home */
.home_archives1{margin-top:110px;}
.home_archives2{margin-top:38px; margin-bottom:0px;}
.home_archives3{margin-top:38px; margin-bottom:35px;}

 


/* xxxxxxxxxxx VC xxxxxxxxxxx */

.wpb_text_column a {
border-bottom: 2px solid #FFCC00;
color: #000;
text-decoration: none;
}
.wpb_text_column a:hover{
border-bottom: 0px solid #9ac355;
color: #000;
background:#ffe683;
text-decoration: none;
}

/* xxxxxxxxxxx /VC xxxxxxxxxxx */

/* xxxxxxxxxxx Posts Listing xxxxxxxxxxx */

.posts_list{padding-left:85px;}
.posts_list .vert_title{
	color:#FFCC00; 
	font-size:35px; 
	font-weight:300; 
	letter-spacing:2px;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	position:absolute;
    display: inline-block; 
	top:0px;
	left:-50px;
}

.posts_list .vert_title a:hover{background:none!important;}

.wpb_text_column.vert_title a{border: 0!important;}




.blog-shortcode .post-thumbnail img {
   border-radius: 5px;
}

.blog-shortcode .post-thumbnail a{
	border-radius: 5px;
}

.blog-shortcode .post-thumbnail:hover{
   outline:10px solid #FFCC00;
   outline-offset: -5px;
   border-radius: 5px;
}

/* animation on hover */

.archive h3.entry-title {
  position: relative;
}

.archive h3.entry-title a {
  display: inline-block;
  font-weight: 600 !important;
  position: relative;
  padding-left: 0;
  transition: 
    color 0.3s ease,
    padding-left 0.4s cubic-bezier(0.25, 1, 0.5, 1); /* smoother curve */
}

.archive h3.entry-title a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 100%;
  background-color: #FFCC00;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: 
    transform 0.4s cubic-bezier(0.25, 1, 0.5, 1),
    opacity 0.3s ease;
  z-index: -1;
}

.archive h3.entry-title a:hover {
  padding-left: 17px;
  color: #000 !important;
}

.archive h3.entry-title a:hover::before {
  opacity: 1;
  transform: scaleX(1);
}


/* /animation on hover */















.archive .blog-shortcode .entry-meta>span{letter-spacing:0.7px; transition: font-weight 0.3s ease;}
.archive .blog-shortcode .entry-meta>span a:hover{color:#000; letter-spacing:0.9px; font-weight:700;transition: font-weight 0.3s ease;}
.archive .blog-shortcode .entry-meta>span a:before{
	content: "@";
	/*font-weight:bold;*/
	display: inline-block;
    color:#FFCC00;
}


.archive .entry-excerpt p{color:#515151;!important;}


.post-entry-content{    
	display: flex;
    flex-flow: column;
}

.post-entry-content .entry-meta{ 
	text-transform: lowercase; 
	order: 2;
	margin-top:-5px;
}

/* xxxxxxxxxxx /posts listing home page xxxxxxxxxxx */


/* Newsletter & Submit Project */

.newsletter{background:#FFE683; padding:35px 35px 15px 35px; border-top-left-radius:7px; border-bottom-left-radius:7px;}
.submitproject{background:#FFF1B8; padding:35px 35px 15px 35px; border-bottom-right-radius:7px; border-top-right-radius:7px;} 
.newsletter h2, .submitproject h2{
	color:#000;
	font-size:27px;
	font-weight:300;
}

#gform_wrapper_1 p.gform_description, .submitproject p{
	color:#000;
	font-size:15px;
	line-height:25px;
	min-height:100px;
}
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text]{
	background:transparent;
	color:#000;
	font-style:italic;
	font-size:17px;
	width: 100%;
	border:0px; 
	box-sizing: border-box;
	border-bottom:1px solid #000; 
   -webkit-transition: 0.5s;
   transition: 0.5s;
   outline: none;
   margin-bottom:0px!important;
}

body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text]:focus{
	border-bottom:1px dashed #000; 
}

#gform_wrapper_1 .gform_fields .gfield input::-webkit-input-placeholder {color: #B4920A; font-size:17px;}

#gform_submit_button_1{
	background:transparent;
    font-family: Montserrat;
	font-weight:normal;
	font-size:15px;
	letter-spacing:1px;
	color:#000;
	border: 1px solid #000;
   border-radius: 4px;
}
#gform_submit_button_1:hover, .submitproject a:hover{
	background:#fff!important;
	border: 1px solid #fff;
	letter-spacing:2px;
	outline: 1px solid #FFE683;
    outline-offset: -3px;
}




/* xxxxxxxxxxx Footer xxxxxxxxxxx */
.widget_categories li a, .widget_archive li a{
    font-family: Montserrat;
	font-weight:normal;
	font-size:15px;
	line-height:23px;	
    color:#a5a5a5!important;
}
.widget_categories li a:hover, .widget_archive li a:hover{
	color:#fff!important;
}

.single .mycontent p:first-child:first-of-type:first-letter { 
float:left;
font-size:3em;
font-weight:300;
color: #000;
margin-right:0.20em;
margin-top:-3px;
margin-bottom:8px;
line-height:90%;
/*text-shadow: 0.05em 0.05em #C0C0C0;*/
}

.flowplayer .fp-ui-share {
    display: none !important;
}

.submitprojectbutton{
	background:transparent!important;
    font-family: Montserrat;
	font-weight:normal;
	font-size:15px;
	letter-spacing:1px;
	color:#000!important;
	text-decoration:none;
	border: 1px solid #000;
	padding:13px!important;
	width: 54%;
    cursor: pointer;
    text-align: center;
   -webkit-transition: 0.5s;
   transition: 0.5s;
   border-radius: 4px;
}
.submitprojectbutton:hover{
	background:#fff!important;
	border: 1px solid #fff!important;
	letter-spacing:2px;
	color:#000;
	outline: 1px solid #FFF1B8;
    outline-offset: -3px;	
}

/* xxxxxxxxxxx WishList xxxxxxxxxxx */


/*hide button from archive*/
.archive #page .tinvwl_add_to_wishlist_button{display:none;}
.owl-carousel .tinvwl_add_to_wishlist_button{display:none;}

/*product page*/
.single-product div.product form.cart .tinvwl-button.tinvwl_add_to_wishlist_button, div.product form.cart .tinvwl_add_to_wishlist_button{color:#000!important;text-decoration:none!important; margin-top:10px!important;}
span.tinvwl_add_to_wishlist-text:hover {text-decoration:none!important; border-bottom:0px!important; color:#000!important;}
 



span.tinvwl_add_to_wishlist-text {color:#6f6f6f!important; text-decoration:none!important; font-weight:bold; font-size:13px;}
span.tinvwl_add_to_wishlist-text:hover{color:#0e9efe!important; border-bottom:1px solid #0e9efe;}
span.tinvwl_already_on_wishlist-text{color:#000!important; text-decoration:none!important; font-weight:bold; font-size:13px;}

.tinvwl_add_to_wishlist-text a, .tinvwl-input-group-btn button, .tinv-wishlist tfoot .tinvwl-to-right>*{
	text-decoration:none!important; 
	text-transform:uppercase!important;
	font-weight:500!important;
}
.wishlist_item .product-name a{border-bottom:0px!important;}

.tinv-header h2{font-size:22px;}
/*.tinv-wishlist table thead th{font-weight:bold;}*/

.single-product div.product form.cart .tinvwl-button.tinvwl_add_to_wishlist_button, div.product form.cart .tinvwl_add_to_wishlist_button{color:#cc2929;}

.woocommerce.tinv-wishlist button.button.alt{text-transform:uppercase;}

.tinv-wishlist .social-buttons>span {font-size:14px; text-transform:uppercase;}
.tinv-wishlist .social-buttons li a.social i{color:#a3a3a3;}
.tinv-wishlist .social-buttons li a.social i:hover{color:#000;}
/* XXXXXXXXXXX Footer XXXXXXXXXXX */


.footer .custom-menu a, .custom-archives-class a{
	font-family:Montserrat;
	font-size: 14px;
    font-weight: 500;
}



ul.my-custom-recent-posts-widget-list {
    list-style: none;
    padding-left: 0;
}

/* Styling for each item */
li.my-custom-recent-posts-widget-item {
    padding: 8px;
}

/* Styling for the post title */
a.my-custom-recent-posts-widget-title {
	font-family:Montserrat;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-decoration: none; /* Remove underline */
}

/* Styling for the category name */
span.my-custom-recent-posts-widget-category {
	font-family:Montserrat;
    display: inline-block;
    font-size: 12px;
    padding-top: 4px;
}

span.my-custom-recent-posts-widget-category a {
    color: #000;
    text-decoration: none; /* Remove underline */
}

span.my-custom-recent-posts-widget-category a:hover {
    color: #ffcc00;
    text-decoration: none; /* Remove underline on hover */
}

/* Styling for the current post title */
a.my-custom-recent-posts-widget-title.current-post-title {
    color: #b9b9b9;
    background-color: transparent; /* Add background color for the current post title */
}

/* Styling for the current post title on hover */
a.my-custom-recent-posts-widget-title.current-post-title:hover {
    color: #fff;
}

.woocom-list-content h4{
	min-height: 38px;
}


/* xxxxxxx Magazines Carousel Homepage xxxxxxx */

.magazinescarousel_txt strong{
	padding-bottom:7px;
	display:inline-block;
}
.magazinescarousel .vc_general.vc_btn3{
	font-weight:bold;
	border:1px soilid #fff!important;
	background:transparent;
}

.magazinescarousel_1col{
	margin-left:65px;
	padding:40px;
}
@media only screen and (max-width: 765px) {
.magazinescarousel_1col{
	background:transparent!important;
	padding:15px!important;
	margin-left:0px!important;
	top:300px!important;
	position:relative!important;
	display:block!important;
}
 }

/* xxxxxxx /Magazines Carousel Homepage xxxxxxx */

/* Banners */
.adver_bannerstyle img{
    opacity: 1;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}
.adver_bannerstyle img:hover{opacity: 0.8;}

.iconic-woothumbs-all-images-wrap .slick-vertical .slick-slide{
	box-shadow: unset !important;
	margin: 0 !important;
}

.variable-item-contents{
	white-space: nowrap;
}

.woocom-project,
.dt-products > .wf-cell{
	cursor: pointer;
}


.carouseldescription{
	background-color: rgba(255, 255, 255, 0.8);
	padding:30px; 
	/*margin-top:-25px;*/
	bottom:20px;
	display:block;
	position:absolute;
}
.carouseldescription_box{padding-bottom:100px;}</style>
<!-- end Simple Custom CSS and JS -->
