/*
Theme Name: Archicon Child
Theme URI: https://archicon.qodeinteractive.com
Description: A child theme of Archicon
Author: Edge Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: archicon
Template: archicon
*/

:root{
  --ff: "Syne";
}
/* * {text-transform: none !important;} */




#sb_instagram #sbi_images {
  display: flex;
  overflow: scroll hidden;
  float: none;
}

#sb_instagram.sbi_col_4 #sbi_images .sbi_item {
  float: none;
  width: 300px;
  height: 300px;
  min-width: 360px;
  min-height: 360px;
}

#sb_instagram .sbi_photo {
  pointer-events:none;
  width: 100%;
  height: 100% !important;
}

#sb_instagram .sbi_photo_wrap {
  width: 100%;
  height: 100%;
}

/* Scrollbar styles for Firefox */
#sb_instagram {
    scrollbar-color: #9d9d9d #fff; /* thumb and track color */
}






#sbi_images {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    cursor: grab; /* Cursor indicates the element can be dragged */
    scroll-behavior: smooth;
}

.sbi_item {
    display: inline-block; /* Ensures items line up horizontally */
    vertical-align: top; /* Aligns items to the top */
}

.sbi_photo_wrap {
    width: 300px; /* Adjust based on your design needs */
    height: 350px; /* As per your setup */
}








/* GENERAL CLASS */
.main-font,
.main-font > span{
  font-family: var(--ff) !important;
}

/* HEADER */
.menu-switch-menu a span{
  font-family: var(--ff) !important;
}
.qodef-menu-item-text{
  font-family: var(--ff) !important;
}
/* LOGO - SIZE */
#qodef-page-header .qodef-header-logo-link {height: 120px;}
.qodef-header-logo-image{width: 160px !important; max-height: 100% !important;}

/* SIDEBAR */

.qodef-widget-title{
    font-family: var(--ff) !important;
    font-weight: bold;
  }

.wp-block-categories li a{
  font-family: var(--ff) !important;
}

/* FOOTER */
/* .up-footer-container{line-height: 20px !important;} */
.up-footer-tag a{font-weight: bold !important; color: #acacac !important;}
#qodef-page-footer .widget.widget_archicon_core_custom_font a{margin-bottom: 30px !important;}



/* HOMEPAGE PORTFOLIO GRID SECTION */
.homepage-projects-grid .qodef-e-content-inner{
  text-align: center !important;
}
.homepage-projects-grid .qodef-e-title {
  font-family: var(--ff) !important;
  font-size: 20px !important;
  padding:0 4%;
}

/* PORTFOLIO GRID */
.qodef-e-info-category a{
  font-family: var(--ff) !important;
}
.qodef-e-title .entry-title{
  font-family: var(--ff) !important;
}

.qodef-e-title-link{font-family: var(--ff) !important;}
.ast-mobile-popup-header{
  position: absolute !important;
  right: 30px !important;
}

.page-id-8009 .qodef-header-logo-image,
.page-id-15165 .qodef-header-logo-image{
  -webkit-filter: invert(1) !important;
          filter: invert(1) !important;
}
.blog .qodef-header-logo-image,
.single-post .qodef-header-logo-image,
.single-portfolio-item .qodef-header-logo-image{
  -webkit-filter: invert(1) !important;
          filter: invert(1) !important;
}

/* ABOUT PAGE */
.company-hero-title{
  position: relative;
}
.company-hero-title::before{
  content:"";
  position: absolute;
  left:30px;
  top: -80px;
  width: 110px;
  height: 110px;
  background-image: url(https://upsidevelopment.com/wp-content/uploads/2023/03/Group-1687.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

/* PORTFOLIO SINGLE PAGE */
.qodef-e-inner{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.qodef-grid.qodef-layout--masonry.qodef-items--fixed .qodef-grid-item img{
    -o-object-fit: cover !important;
       object-fit: cover !important;
}
button.mfp-arrow.mfp-arrow-right svg {
  width: 30px !important;
  height: 25px !important;
}
.mfp-arrow-left svg{
  width: 30px !important;
  height: 25px !important;
}
.mfp-bottom-bar{display: none !important;}

/* CONTACT FORM */




/* PORTFOLIO PAGE LOGO */


/*LANG SWITCH IN HOMEPAGE*/
.menu-switch-menu-eng{position:relative;}
li#menu-item-wpml-ls-40-en {
    position: absolute !important;
    left: 30px !important;
    max-width:25px !important;
}
li#menu-item-wpml-ls-40-en {
    position:absolute !important;
    max-width:25px !important;
}

.wpcf7-list-item label{
  margin-bottom: 0 !important;
}
.form-acc .wpcf7-form-control-wrap{
  margin-bottom: 10px !important;
}
.form-acc{
  margin-bottom: 20px !important;
}
a.footer-col-2-item{display: block; max-width: fit-content !important; margin-bottom: 10px;}
.lang-el .footer-col-2-en{
  display:none !important;
}
.lang-en #block-42{display: none !important;}
.lang-en .footer-col-2-el{
  display:none !important;
}