/* This file contains client specific styles, that need to be changed for every new theme */
/*buttons
2793DF Μπλε
52D1DC Τυρκουάζ

1E1E1E Μαύρο
DBDCE0 Γκρι
B3BEB6 Ανοιχτό Γκρι
717B7C πρασινογκρί
*/
html body .fl-builder-content a.fl-button span::after {
  content: "";
  margin-left: 8px;
  width: 18px;
  height: 18px;
  display: inline-block;
  transition: transform 0.2s ease;
  background-color: currentColor;
  mask: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19M12 5L19 12L12 19" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="rotate(-45 12 12)"/></svg>') no-repeat center;
  mask-size: contain;
  -webkit-mask: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19M12 5L19 12L12 19" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="rotate(-45 12 12)"/></svg>') no-repeat center;
  -webkit-mask-size: contain;
  transform: translateY(5px) translateX(-3px);
}

html body .fl-builder-content .tertiaryLink a.fl-button,
html body .tertiaryLink button,
html body .fl-builder-content .tertiaryLink a.fl-button:visited,
html body .fl-builder-content .tertiaryLink a.fl-button:focus,
html body .fl-builder-content .tertiaryLink a.fl-button:hover{
  background: #2793DF; 
  color: white!important;
  border-color: #2793DF;
}

html body .fl-builder-content .forthButton a.fl-button, 
html body .fl-builder-content .forthButton a.fl-button:visited,
html body .fl-builder-content .forthButton a.fl-button:focus,
html body .fl-builder-content .forthButton a.fl-button:hover{
  background: transparent; 
  color: white!important;
  border-color: white;
  border-width: 2px ;
}

/* end buttons */



/* cad tool page */
/* Vertical Line with Square */
.vertical-line-with-square {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%; /* Adjust total height as needed */
}

.square-top {
  width: 20px;
  height: 20px;
  background-color: #1E1E1E; /* Default color using CSS variable */
  margin-bottom: 0;
  flex-shrink: 0;
}

.vertical-line {
  width: 2px;
  flex-grow: 1;
  background-color: #1E1E1E; /* Same color as square by default */
}

.vertical-line-with-square.yellow .square-top,
.vertical-line-with-square.yellow .vertical-line {
  background-color: #ffc107;
}
.vertical-line-with-square-wrapper .fl-module-html, 
.vertical-line-with-square-wrapper .fl-module-html .fl-node-content,  
.vertical-line-with-square-wrapper .fl-module-html .fl-node-content .fl-html{
  height: 100%;
}
.vertical-line-with-square-wrapper h1.fl-heading{
  border-bottom: 1px solid #1E1E1E!important;
  padding-bottom: 30px!important;
}
/* end */
/*news */
.single-news #fl-main-content,
.postid-117 #fl-main-content /* this is the id of the news themer template here to help me build the template*/
{
  background-color: gray;
}
/* end news item */

/*front page*/
.fl-node-8di7xr9h2tcm .fl-list-item-wrapper{
  display: flex;
  justify-content: flex-start;
  gap: 50px;
}
.fl-node-8di7xr9h2tcm .fl-list-item-wrapper .fl-list-item-heading{
  width: 122px;
}
.home  .fl-post-grid-post{
  background-color: transparent ;
  border: none;
}
.home .type-news .post-date{
  font-weight: bold;
}
.home  .fl-post-text{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.home  .fl-post-grid-post .fl-post-meta, .home  .fl-post-grid-post .fl-post-excerpt,
.home  .fl-post-grid-post .fl-post-title
{
  color:white
}
.home  .fl-post-grid-post .fl-post-title{
  font-size: 14px;
  font-weight: 600;
}
.home .fl-node-rflun2mw5tqk .fl-post-image img{
  width:383px;
  height:200px;
}
/* end front page */

/*generic styles*/
html .fl-separator{
  width: 60%;
  border-top-width: 2px!important;
  margin: 0px !important;
}
/*end generic styles*/
#logoSliderWrapper .fl-row-fixed-width{
  padding-left: 0px;
  padding-right: 0px;
}

/* menu */
#menu-main-menu-de >li >a{
  margin-left: 9px;
  margin-right: 9px;
}
#menuWrapper .menu-item a:hover,
#menuWrapper .menu-item.current_page_item a,
#menuWrapper .menu-item a:focus,
#menuWrapper .menu > li > .fl-has-submenu.focus > a
{
  color: #1E1E1E !important;
  background-color: transparent !important;
  border-bottom: 2px solid #1E1E1E !important;
  
  /*padding-left: 5px;
  padding-right: 5px;
  margin-left: 14px;
  margin-right: 14px;*/
}
.fl-node-gfyq54wl38op .menu > li > .fl-has-submenu-container:hover > a,
.fl-node-gfyq54wl38op .menu > li > .fl-has-submenu-container:hover > a:before{
  color: #1E1E1E !important;
}
#menuWrapper .menu-item a{
  font-weight:600;
  font-style: italic;
}

#menuWrapper .menu-item .sub-menu a{ /*submenu 1 conti, breco .Synchro */
  background-color: white!important;
  border-bottom: 2px solid #1E1E1E !important;
  padding-bottom: 14px !important;
  padding-left: 10px !important;
  font-size: 14px!important;
}
#menuWrapper .menu-item .sub-menu li:last-child a{
  border-bottom: none !important;
}
#menuWrapper .menu-item .sub-menu a:hover, 
#menuWrapper .menu-item .sub-menu a:focus,
#menuWrapper .menu-item .sub-menu .focus a
{
  color: white !important;
  background-color: #2793DF !important;
}
#menuWrapper .menu-item .sub-menu .sub-menu a{
  color:rgb(30, 30, 30) !important;
}
#menuWrapper .fl-has-submenu-container:hover a{
  background-color: transparent !important;
}

#menuWrapper .menu-item .sub-menu .sub-menu a{ /* products */
  background-color: #DBDCE0 !important;
  border-color: #1E1E1E !important;
}
#menuWrapper .menu-item .sub-menu .sub-menu a:hover, 
#menuWrapper .menu-item .sub-menu .sub-menu a:focus {
  /*color: white !important;*/
  background-color: #B3BEB6 !important;
}


#menuWrapper .menu-item a{
  border-bottom: 2px solid transparent !important;
  padding-bottom: 7px !important;
  margin-bottom: 14px !important;
}
#menuWrapper .fl-menu .fl-toggle-arrows .fl-has-submenu-container.focus > .fl-menu-toggle:before{
  border-color: #1E1E1E !important;
 }

 
#menuWrapper .menu > li.current-menu-item > a, 
#menuWrapper .menu > li.current-menu-item > .fl-has-submenu-container > a
{
  background-color: transparent !important;
}

#menuWrapper .sub-menu{
  background-color: white !important;
}
#menuWrapper .menu-item a{
  margin-bottom: 0px !important;
}
#menuWrapper .fl-menu .sub-menu .sub-menu{
  min-width: 300px;
}

button.fl-builder-button-primary, .fl-builder-button-primary, body.fl-builder--layout-has-drafted-changes .fl-builder-done-button{
  color:black !important;
}


.fl-node-gfyq54wl38op .fl-menu .fl-menu-toggle:before{
  display:none;
}

.fl-node-gfyq54wl38op .sub-menu .fl-menu-toggle:after {
    transform: translateX(-9px) translateY(-1px) rotate(85deg);
    right: 29%;
    top: 50%;
}

/* Add the down arrow */
.fl-node-gfyq54wl38op .fl-menu .fl-menu-toggle:after {
    content: '';
    position: absolute;
    right: -30%; /*15%;*/
    top: 60%; /*50%;*/
    width: 16px;
    height: 16px;
    display: inline-block;
    background-color: currentColor;
    mask: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 3L12 21M5 14L12 21L19 14" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
    mask-size: contain;
    -webkit-mask: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 3L12 21M5 14L12 21L19 14" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
    -webkit-mask-size: contain;
    transform: translateX(-8px) translateY(-8px);
}
#menu-item-48 .sub-menu .fl-has-submenu-container .fl-menu-toggle:after {
    content: '';
    position: absolute;
    right: 15%;
    top: 50%;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-color: currentColor;
    mask: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 12L21 12M14 5L21 12L14 19" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
    mask-size: contain;
    -webkit-mask: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 12L21 12M14 5L21 12L14 19" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
    -webkit-mask-size: contain;
    transform: translateX(-8px) translateY(-8px);
}

#menu-item-48 .sub-menu .fl-has-submenu-container:hover .fl-menu-toggle:after {
    background-color: white;
    mask: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 12L3 12M10 5L3 12L10 19" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
    mask-size: contain;
    -webkit-mask: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 12L3 12M10 5L3 12L10 19" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
    -webkit-mask-size: contain;
}

  /* DBDCE0 Γκρι
  B3BEB6 */
/*end menu */

/*search form */
.fl-search-form .fl-button-wrap a{
  height: 41.2px!important;
  padding-left: 10px!important;
  padding-right: 10px!important;
}
.fl-search-form .fl-search-text{
  border-color: #DBDCE0!important;
  background-color: white!important;
  font-size: 12px!important;
  border-top-left-radius: 25px!important;
  border-bottom-left-radius: 25px!important;
  padding-bottom:10px!important;
  padding-top:10px!important;
  position:relative;
  left: 13px!important;
}
.fl-search-form  .fl-form-field{
  padding-right: 0px!important;
}
/* end search form */

.fab.fa-linkedin-in {
  color: black!important;
  background-color: #2793DF;
  border-radius: 25px;
  padding: 10px;
}
.dashicons.dashicons-xing{
  color: black!important;
  background-color: #2793DF;
  border-radius: 25px;
  padding: 10px;
  margin-right: 15px;
}
.fab.fa-youtube{
  color: black!important;
  background-color: #2793DF;
  border-radius: 25px;
  padding: 10px;
  margin-right: 15px;
}
#news_post_content >.fl-col-content> .fl-module >.fl-module-content .fl-builder-content{
  padding-top:40px;
  padding-bottom: 60px;
  background:white;
  margin-bottom: 0px;
}
#news_post_content >.fl-col-content> .fl-module >.fl-module-content{
  margin-bottom: 0px;
}
html .fl-node-w83ys2ithen4 .fl-separator,
html .fl-node-ldktqeba254x .fl-separator
{
  margin: auto !important;
}
.home .fl-node-imh73b6npef9 img{
  display: none;
}