/*
Theme Name: GPPH
Theme URI: https://yourwebsite.com/theme
Author: RWDesign
Author URI: https://yourwebsite.com
Description: This is my first custom theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: <https://www.gnu.org/licenses/gpl-2.0.html>
Text Domain: gpph
Tags: gpph
*/

body,
html {
    margin: 0;
    padding: 0
}

:root {

    --light-blue-bg: #F5FAFA;
    --mild-blue-bg: #e3f0f4;
    --darker-blue-bg: #d0dddd;
    --light-gpph-color: #09486B;
    --gpph-color: #134861;

    --pro-color: #db3700;
    --plus-color: #ffc814;
    --eco-color: #008dd2;
    --bsc-color: #00B5DB;
    --mwt-color: #898989;
    --diy-color: #a2b82c;
    --xwt-color: #ef7f1a;
    --inox-color: #727171;
    --tools-color: #295396;
    --sog-color: #9d9e9e;
    --expert-color: #714684;
    --trestle-color: #814B3E;
    --weldstation-color: #344B9B;
    --oct-color: #00A859;
    --smart-color: #005f4e;

}


.text--pro {
    color: var(--pro-color);
}

.text--plus {
    color: var(--plus-color);
}

.text--eco {
    color: var(--eco-color);
}

.text--bsc {
    color: var(--bsc-color);
}

.text--mwt {
    color: var(--mwt-color);
}

.text--diy {
    color: var(--diy-color);
}

.text--xwt {
    color: var(--xwt-color);
}

.text--inox {
    color: var(--inox-color);
}

.text--tools {
    color: var(--tools-color);
}

.text--sog {
    color: var(--sog-color);
}

.text--expert {
    color: var(--expert-color);
}

.text--trestle {
    color: var(--trestle-color);
}

.text--weldstation {
    color: var(--weldstation-color);
}

.text--oct {
    color: var(--oct-color);
}

.bg--expert {
    background-color: var(--expert-color);
    color: white
}

.bg--pro {
    background-color: var(--pro-color);
    color: white
}

.bg--plus {
    background-color: var(--plus-color);
    color: white
}

.bg--eco {
    background-color: var(--eco-color);
    color: white
}

.bg--bsc {
    background-color: var(--bsc-color);
    color: white
}

.bg--mwt {
    background-color: var(--mwt-color);
    color: white
}

.bg--diy {
    background-color: var(--diy-color);
    color: white
}

.bg--xwt {
    background-color: var(--xwt-color);
    color: white
}

.bg--inox {
    background-color: var(--inox-color);
    color: white
}

.bg--tools {
    background-color: var(--tools-color);
    color: white
}

.bg--sog {
    background-color: var(--sog-color);
    color: white
}

.text--smart {
    color: var(--smart-color);

}

.bg--smart {
    background-color: var(--smart-color);
}

.hero-section {
    position: relative
}

html,
body {
    padding: 0 !important;
    margin: 0 !important;
    background: white;
    overflow-x: hidden;
}

@keyframes scroll {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(100px);
    }
}

.bold {
    font-weight: 900;
}

.text--pro {
    color: #db3700;
}

.text--plus {
    color: #ffc814;
}

.text--eco {
    color: #008dd2;
}

.text--xwt {
    color: #ef7f1a;
}

.text--sog {
    color: #7a7a7a;
}

.text--mwt {
    color: #7a7a7a;
}

.text--diy {
    color: #a2b82c;
}

.heading--inox .elementor-heading-title {
    display: flex;
    align-self: center;
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: 10px;
}

.contact--infobox .fa-phone-volume {
    transform: rotate(-45deg);
}

.contact--infobox .worker__contact--info span {
    word-break: keep-all;
}

.b24-form-wrapper {
    background-color: none !important;
}

.products-menu .e-n-tab-icon {
    position: absolute;
    right: 10px;
}

.products-menu .e-n-tab-title:first-child {
    border-top: 0 !important;
}

.products-menu span {
    line-height: 1rem !important;
}

@media (min-width: 1920px) {

    :not('.single-post') p,
    :not('.single-post') span,
    :not('.single-post') ul li,
    :not('.terms') ul li,
    td,
    tr {
        font-size: 1.25rem !important;
        line-height: 3rem !important;
    }

    .media-center-item img {
        max-height: 250px;
        object-fit: cover;
    }

    .mc-graphics .media-center-item img {
        max-height: unset;
    }

    .media-center-item p {
        line-height: 2rem !important;
    }
}

/* divider */
.gpph-divider svg {
    filter: drop-shadow(0px 0px 15px #000) !important;
}

.gpph-divider span::before,
.gpph-divider span::after {
    border-top: 0 !important;
    height: 4px !important;
}

.gpph-divider span:before {
    background: linear-gradient(to right, rgba(0, 160, 227, 0) 0%, rgba(0, 160, 227, 1) 20%, rgba(0, 160, 227, 1) 100%) !important;
}

.gpph-divider span:after {
    background: linear-gradient(to right, rgba(0, 160, 227, 1) 0%, rgba(0, 160, 227, 1) 80%, rgba(0, 160, 227, 0) 100%) !important;
}

.product-tabs .e-n-tabs-heading {
    padding: 10px 15px;
}

@media (min-width: 991px) {
    .product-tabs .e-n-tabs-heading {
        margin-bottom: -50px;
        z-index: 2;
    }
}

@media (min-width: 1921px) {
    .product-tabs .e-n-tabs-heading {
        margin-bottom: -100px;
        z-index: 2;
    }
}


@media(min-width:1920px) and (max-width:2750px) {

    :not(.home) p,
    :not(.home)span,
    :not(.home) ul li,
    :not(.home) ol li {
        font-size: 1.5rem;
        line-height: 3rem;
    }
	
	td span {
		font-size:1.25rem;
	}

    a span,
    a p,
    h1 span,
    h2 span,
    h3 span,
    h4 span {
        font-size: unset;
        line-height: initial
    }

}

.elementor-button-content-wrapper {
    display: flex;
    align-items: center;
}

.btn--icon a:hover {
    box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.15)
}

.btn--icon .elementor-button-icon {
    color: #00A0E3;
    transition: all .2s ease-in-out;
}

.btn--icon :hover .elementor-button-icon {
    color: white;
    transform: translateX(5px);
}

/* divider */
.gpph-divider svg {
    filter: drop-shadow(0px 0px 15px #00000078) !important
}

.gpph-divider span::before,
.gpph-divider span::after {
    border-top: 0 !important;
    height: 4px !important;
}

.gpph-divider span:before {
    background: linear-gradient(to right, rgba(0, 160, 227, 0) 0%, rgba(0, 160, 227, 1) 20%, rgba(0, 160, 227, 1) 100%) !important;
}

.gpph-divider span:after {
    background: linear-gradient(to right, rgba(0, 160, 227, 1) 0%, rgba(0, 160, 227, 1) 80%, rgba(0, 160, 227, 0) 100%) !important;
}

/* custom css for slider*/

.slider-with-vertical-imgs .swiper-wrapper {
    align-items: center;

}

.slider-with-vertical-imgs img {
    max-height: 400px;
    object-fit: contain;
    margin: auto;
    vertical-align: middle;
}

@media(min-width:1367px) {

    .slider-with-vertical-imgs img {
        max-height: 700px;
        object-fit: contain;
        margin: auto;
        vertical-align: middle;
    }
}

.elementor-lightbox-image {
    background: white;
    border-radius: 30px;
}

/* new table */
table{
font-family:Inter, sans-serif;
width:100%;
border-collapse: collapse;
}

thead tr:first-child {
color:white;
background-image: linear-gradient(90deg, #5b6167, #00415b) !important;
}
thead tr th{
padding: 10px 5px;
  font-weight: 800;
	text-align:center;
}
thead tr:nth-child(2) th{
	text-wrap:nowrap;
}

thead tr th{
text-align:center; 
	text-transform:uppercase;
} 
tbody{
border-top: 2px solid #5b6167;
}
 
tbody tr td{
border-bottom: 1px solid lightgrey;
text-align: center;
padding: 10px 5px;
}
tr:hover td{
	background-color: #e9f2f3 !important
}
tbody tr td:first-child{

font-weight:600;
	position: sticky;
    left: 0;
    z-index: 2;
    background: white;
}

/* wooocommerce table */
.woocommerce-cart th{
	padding:10px!important;
}
.woocommerce-cart .product-name{
	text-align:left!important;
}
/* read more accordion */

.btn-readmore .e-n-accordion-item-title {
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 5px!important;
    background: white;
    color: #fff;
    border-radius: 0px;
    border-bottom: 2px solid var(--e-global-color-primary)!important
    ;
    transition: all .3s ease-in-out
}

.btn-readmore .e-n-accordion-item-title:hover {
    box-shadow: 0 4px 5px 0 rgb(0 0 0 / .1);
    background:white!important;
    border-bottom: 2px solid var(--e-global-color-accent)!important;
}

.btn-readmore .e-n-accordion-item-title i {
    color: white!important
}

.btn-readmore .e-n-accordion-item-title-text {
    color: #0a3f59;
}



.elementor-lightbox-image {
    border-radius: 30px !important;
}


.single-post img {
    height: auto !important
}

.dialog-widget .e-n-tabs-heading {
    border-radius: 0 !important;
}

:not('.dialog-widget') .e-n-tabs-heading {
    padding: 10px;
}

.btn-primary:hover a,
.btn-secondary:hover a {
    box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.15)
}

.btn-primary .elementor-button-icon,
.btn-secondary .elementor-button-icon {
    color: #00A0E3;
    transition: all .2s ease-in-out;
}

.btn-secondary:hover .elementor-button-icon,
.btn-primary:hover .elementor-button-icon {
    color: white;
    transform: translateX(5px);
}

@media(max-width:991px) {

    .btn-secondary,
    .btn-primary {
        min-width: unset !important;
    }
}

/* .not-scrolled .lg-popup-menu{
  top: 105px!important;
}
.not-scrolled #wpadminbar+.lg-popup-menu {
  top: 150px!important;
} */
body .tabs-nr button {
    border-radius: 0 !important;
}

.hero-logo img {
    margin-top: -100px;
}

.main-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

@media(max-width:991px) {
    .heading--inox .elementor-heading-title {
        flex-wrap: wrap !important;
    }

    .hero-logo img {
        margin-top: -50px;
    }
}

h1 {
    font-family: arial;
    font-size: 100px;
    line-height: 1;
}

/* fix for cyrillic and greek */

.translatepress-uk h1,
.translatepress-uk h2,
.translatepress-uk h3,
.translatepress-uk h4,
.translatepress-uk h5,
.translatepress-uk h6,
.translatepress-bg_BG h1,
.translatepress-bg_BG h2,
.translatepress-bg_BG h3,
.translatepress-bg_BG h4,
.translatepress-bg_BG h5,
.translatepress-bg_BG h6,
{
font-family: 'Yanone Kaffeesatz', sans-serif !important;
font-optical-sizing: auto;
}

.translatepress-el h1,
.translatepress-el h2,
.translatepress-el h3,
.translatepress-el h4,
.translatepress-el h5,
.translatepress-el h6 {
    font-family: 'Fira Sans', sans-serif !important;
    text-transform: lowercase !important;
    letter-spacing: 0 !important
}

html[lang="el"] .elementor-page-626 h3,
html[lang="uk"] .elementor-page-626 h3,
html[lang="bg-BG"] .elementor-page-626 h3 {
    text-transform: capitalize !important;
}

html[lang="uk"] h1 span,
html[lang="uk"] h2 span,
html[lang="uk"] h3 span,
html[lang="uk"] h4 span,
html[lang="uk"] h5 span,
html[lang="uk"] h6 span,
html[lang="el"] h1 span,
html[lang="el"] h2 span,
html[lang="el"] h3 span,
html[lang="el"] h4 span,
html[lang="el"] h5 span,
html[lang="el"] h6 span {
    text-transform: uppercase !important;
}

span.elementor-button-text {
    line-height: 1.5 !important
}


.twentytwenty-before-label::before,
.twentytwenty-after-label::before {
    content: attr(data-content);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: center;
    line-height: 2 !important;
    font-family: Barlow, sans-serif !important;
    text-transform: uppercase !important
}

.twentytwenty-before-label::before {
    max-width: 120px;
    background: #09486BD6 !important
}

.twentytwenty-after-label::before {
    max-width: 100px;
    background: #005f4ed1 !important
}