/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/
/*header*/
/* .header.main-header.is-not-stuck {background-color: #3133388c;} */

/*kataskevi istoselidon tabs*/
.lqd-tabs-style-9-alt2 .lqd-tabs-nav a {
    padding: .5em 1em !important;
}

/*form submit button*/
.elementor-5788 .elementor-element.elementor-element-6ee553f8 input[type=submit]
{
	color: #fff !important;
	background-color: transparent !important;
    background-image: linear-gradient(90deg, #2D7AF7 0%, #6AE1B5 100%) !important;
}
.elementor-5788 .elementor-element.elementor-element-6ee553f8 input[type=submit]:hover
{
	background-color: transparent !important;
    background-image: linear-gradient(90deg, #42CE9B 0%, #007FFF 100%) !important;
	color: #fff !important;
    transform: translate3d(0, -2px, 0) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .12) !important;
	
}

.elementor-5788 .elementor-element.elementor-element-6ee553f8 .lqd-contact-form [type=submit]
{
	margin:0 !important;
}

.wpcf7-form-control-wrap {min-height:80px !important; margin-bottom:0 !important;}

/*forminator plugin*/
.forminator-custom-form .ui-selectmenu-text {display: none !important;}

.forminator-button
{
	border-radius:25px !important;
	color: #fff !important;
	background-color: transparent !important;
    background-image: linear-gradient(90deg, #2D7AF7 0%, #6AE1B5 100%) !important;
	font-family: 'Manrope'!important;
	font-weight: 700!important;
}
.forminator-button:hover
{
	background-color: transparent !important;
    background-image: linear-gradient(90deg, #42CE9B 0%, #007FFF 100%) !important;
	color: #fff !important;
    transform: translate3d(0, -2px, 0) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .12) !important;
}

.forminator-input, .forminator-field-select .select2-selection 
{
	border-color: #3385f0 !important; 
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	background-color:transparent !important;
}

.not_contact .forminator-input, .not_contact .forminator-field-select .select2-selection {background-color:#ffffff !important;}
.not_contact .forminator-label {color:#ffffff !important; text-align:left !important;}
.not_contact h5 {color:#ffffff !important;}

.forminator-error-message {background-color: transparent !important;}

/*progress bar in contact page*/
@media screen and (max-width:783px)
{
	.forminator-ui.forminator-custom-form[data-design=default] .forminator-pagination-steps {
		display: inline-flex !important;
		width: 100% !important;;
	}
	
	.forminator-ui.forminator-custom-form[data-design=default] .forminator-pagination-steps .forminator-break {
		width: auto !important;;
		height: 1px !important;;
		display: flex !important;;
		margin: 7px 0 !important;;
		flex: 1 !important;;
	}
}


/* Κρύψε τα extra .forminator-row για τα double-radio πεδία */
.forminator-row:has(.double-radio) {
  display: contents; /* αφαιρεί το extra row wrapper */
}

/*Bonus Quiz*/
.bonus-quiz {width:100%;}
.bonus-quiz .elementor-widget-shortcode {width: 100% !important;}
.bonus-quiz .forminator-button-next, .forminator-ui.forminator-quiz[data-design=bold] .forminator-button:last-child {float:right !important;}
.forminator-button.forminator-quiz-start {
	margin: 0 10px 0 0;
    padding: 13px 15px;
    border: 0;
    width: auto;
    min-width: 120px;
}




/* Home page SVG color issue */
.home_services .iconbox-icon-container>svg, .menu-services .iconbox-icon-container>svg {
	fill: initial!important;
}

/*particles height issue*/
canvas.particles-js-canvas-el {object-fit: cover;}

/* Title Bar */
.titlebar {}

.titlebar .titlebar-inner h1 {
	line-height: 1.4em;
	text-align: center;
}


.titlebar.text-start {
	/* background-image: linear-gradient(135deg, rgba(120, 223, 228, 0.9), rgba(155, 177, 239, 0.9)),
	url('https://web-works.gr/wp-content/uploads/2025/06/home4.jpg?lm=685530DC'); */
	/* background: linear-gradient(135deg, #267E61, #174B99); */
	
/*     background: linear-gradient(135deg, #14243C, #2E6C85)!important; */
	
    /* background: linear-gradient(135deg, #202C2F, #3E6262); */
    /* background: linear-gradient(135deg, #1B1F32, #4C5C8C); */
	
/* 	background-image: linear-gradient(135deg, rgba(20, 36, 60, 0.3), rgba(46, 108, 133, 0.3)), */
                    /*url('https://web-works.gr/wp-content/uploads/2025/06/abstr.jpeg');*/
/* 		url('https://web-works.gr/wp-content/uploads/2025/06/3.png'); */
	
	background-size: cover;
/*   background-position: center; */
	/* background-position: 0 60%; */
        background-color: #3E6262;
	
}

.titlebar.text-start h1 {text-shadow: 1px 3px 7px rgba(20,48,93,0.35);}

/*Blog page*/
.lqd-post-cover-overlay {
	background-image: linear-gradient(135deg, rgba(120, 223, 228, 0.7), rgba(155, 177, 239, 0.7));
/* 	linear-gradient(135deg, rgba(20, 36, 60, 0.8), rgba(46, 108, 133, 0.6)); */
}
.lqd-post-header {min-height: auto !important; padding: 15vmin 15px 10vmin 15px !important;}
.lqd-post-cover h1.entry-title {margin: .35em 0 !important; text-shadow: 1px 3px 7px rgba(20,48,93,0.35);}
.lqd-blog-post-style-1 .main-header-overlay+#lqd-site-content .lqd-post-header {
    padding: 15vmin 15px 10vmin 15px !important;
}

@media screen and (max-width:800px)
{
	.titlebar .titlebar-inner h1, .lqd-blog-post .lqd-post-header h1.entry-title {font-size: 40px !important;}
}

/*mailbox gif*/
.mailbox img {width:150px;}

.floating-icon {
/*   animation: floatUpDown 3s ease-in-out infinite; */
	width:350px;
}


li p {margin-bottom: 0.5em;}

@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.lqd-mobile-sec:before {background-color: #131313!important;}

.lang_switch_desk img {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
    width: 100%;
    max-width: 30px;
    border-radius: 5px;
}

/* Chatty */
#chaty-widget-0 .chaty-widget {
	bottom: 140px!important;
}

/* Forminator (prosfora )*/ 
.forminator-ui#forminator-module-14762.forminator-design--default .forminator-label {
	font-family: 'Manrope'!important;
	font-size: 16px!important;
}

.forminator-ui#forminator-module-14762.forminator-design--default .forminator-button-submit {
	font-size: 20px!important;
	margin-top: -15px;
	padding: 10px 20px!important;
}

.forminator-ui#forminator-module-14762.forminator-design--default .forminator-error-message {
	color: #ED2B2C!important; 
}

/* Ripple animation applied to Forminator submit button */
.forminator-ui#forminator-module-14762.forminator-design--default 
.forminator-button-submit {
    position: relative; /* Needed for the pseudo-element positioning */
    /* overflow: hidden;    */
}

/* The ripple pseudo-element */
.forminator-ui#forminator-module-14762.forminator-design--default 
.forminator-button-submit::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, #2D7AF7 0%, #6AE1B5 100%);
    padding: 1px; /* controls border thickness */

    /* Masking to keep only border visible */
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;

    animation: iconRipple 2s cubic-bezier(.23, 1, .32, 1) infinite;
    pointer-events: none; /* So it doesn't block clicks */
}

/* Stop animation when user hovers or clicks */
.forminator-ui#forminator-module-14762.forminator-design--default 
.forminator-button-submit:hover::before,
.forminator-ui#forminator-module-14762.forminator-design--default 
.forminator-button-submit:active::before {
    animation: none;
}


/* Google Reviews */
.wp-gr .wp-google-reply {display: none!important;}
.wp-gr .wp-google-wr a {font-size: 20px!important;}
.wp-google-name span {font-size: 19px!important;}

.reviews_home .grw-review .grw-review-inner.grw-backgnd {background-color: #F9FAFB!important; border-radius: 5px!important;}


/* Services form section items */
.cta-call-form a {
    background-color: #2E7CFF;
    border-radius: 5px;
    padding: 4px 9px;
    color: #ffffff!important;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}

.cta-call-form a:hover,
.cta-call-form a:focus {
    background-color: #225aba;
}

.service-form .forminator-ui.forminator-design--default .forminator-label {
	font-family: 'Manrope'!important;
	font-size: 16px!important;
}

.service-form .forminator-ui.forminator-design--default .forminator-button-submit {
	font-size: 20px!important;
	margin-top: -15px!important;
	padding: 10px 20px!important;
}

.service-form .forminator-ui.forminator-design--default .forminator-error-message {
	color: #ED2B2C!important; 
}

/* Ripple animation applied to Forminator submit button */
.service-form .forminator-ui.forminator-design--default 
.service-form .forminator-button-submit {
    position: relative; /* Needed for the pseudo-element positioning */
    /* overflow: hidden;    */
}

/* The ripple pseudo-element */
.service-form .forminator-ui.forminator-design--default 
.forminator-button-submit::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, #2D7AF7 0%, #6AE1B5 100%);
    padding: 1px; /* controls border thickness */

    /* Masking to keep only border visible */
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;

    animation: iconRipple2 2s cubic-bezier(.23, 1, .32, 1) infinite;
    pointer-events: none; /* So it doesn't block clicks */
}

/* Stop animation when user hovers or clicks */
.service-form .forminator-ui.forminator-design--default 
.forminator-button-submit:hover::before,
.service-form .forminator-ui.forminator-design--default 
.forminator-button-submit:active::before {
    animation: none;
}


/* Keyframes for ripple */
@keyframes iconRipple {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes iconRipple2 {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.lqd-post-share {display: none!important;}


@media screen and (max-width:650px)
{
	#chaty-widget-0 .chaty-widget {bottom: 25px!important;}
}

/*mini form*/
.mini-form {display:none;}

.flip-home .ld-flipbox-overlay, .flip-home .ld-flipbox-bt {border-radius: 20px !important;}

/*home page paketa*/
.pricing-table-home .eael-pricing-item  {height:318px !important;}
.pricing-table, .pricing-table .eael-pricing-item {height:1090px !important;}
.pricing-table-home .header, .pricing-table .header
{
	background-color: #eff0f6;
/*     max-width: 250px; */
    padding: 5px 10px !important;
    width: max-content;
    border-radius: 10px;
    margin-bottom: 50px !important;
}
.pricing-table-home h2.title, .pricing-table h2.title 
{
	text-align:left !important;
	font-size: 18px;
    font-weight: normal;
    line-height: 1.5px;
}

.pricing-table-home .original-price, .pricing-table .original-price
{
	color:#5c6b84;
    font-size: 17px;
    font-weight: 600;
}

.pricing-table-home .price-currency, .pricing-table .price-currency
{
	font-family: "Manrope", Sans-serif;
    font-size: 55px !important;
    font-weight: 700;
	color:#000000;
}

.prosfora_small {font-size:30px;}

.ww-highlight {
  font-weight: 900;
  font-size: 37px;
  text-shadow: -1px 0px 0px rgba(0, 0, 0, 0.32),
     1px 0px 0px rgba(0, 0, 0, 0.32),
     0px -1px 0px rgba(0, 0, 0, 0.32),
     0px  1px 0px rgba(0, 0, 0, 0.32),
     0px  1px 3px rgba(0, 0, 0, 0.28);
}

@media screen and (max-width:783px)
{
	.prosfora_small {font-size:18px;}
	.ww-highlight {font-size: 21px;}
}

/* Highlight word */
.highlight-word {
  display: inline;
  background-image: linear-gradient(
    to top,
    #3ABD8D38 100%,
    transparent 0
  );
  background-repeat: no-repeat;

  /* Initial state: thin underline */
  background-size: 100% 35%;
  background-position: bottom;

  transition: background-size 0.35s ease;
  font-weight: 800;
}

.highlight-word:hover {
  /* Hover state: full highlight */
  background-size: 100% 100%;
}