/**
 * Theme Name:     semanticdream
 * Author:         Bytetoit
 * Template:       blocksy
 * Text Domain:	   semanticdream
 * Description:    SemanticDream is a blazing fast and lightweight WordPress theme built with the latest web technologies. It was built with the Gutenberg editor in mind and has a lot of options that makes it extendable and customizable. You can easily create any type of website, such as business agency, shop, corporate, education, restaurant, blog, portfolio, landing page and so on. It works like a charm with popular WordPress page builders, including Elementor, Beaver Builder, Visual Composer and Brizy. Since it is responsive and adaptive, translation ready, SEO optimized and has WooCommerce built-in, you will experience an easy build and even an increase in conversions.
 */

html {
    scroll-behavior: smooth;
}

.w-100 {
    width: 100%;
}

.max-w-100 {
    max-width: 100%;
}

/* |Nav */

#header {
    position: relative;
    width: 100%;
    transition: all 0.3s ease;
    z-index: 999;
  }
  
  #header.fixed {
    position: fixed;
    top: 0;
    background: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  }

  #header.fixed [data-row="middle"] {
    height: 65px !important;
  }

  #header.fixed [data-row]>div {
    min-height: 65px !important;
  }

  #header .site-logo-container {
    transition: all 0.3s ease;
  }

  #header.fixed .site-logo-container {
    max-height: 52px !important;
    --logo-max-height: 52px !important;
  }

/* |End Nav*/  

#gspb_row-id-gsbp-9fdb19b {
    width: 100%;
    max-width: 100%;
}

#block-10 .gspb_iconsList__item__text {
    margin-left: 8px !important;
}

@media only screen and (max-width: 999px) {
    #gspb_col-id-gsbp-9734b1c {
        border: 0 !important;
    }

    #block-10 {
        width: 100%;
    }

    #block-10 .wp-block-group {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .ct-container > div {
        text-align: center;
    }

}

@media only screen and (max-width: 767px) {

    #block-10 .wp-block-group {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .wp-container-core-group-is-layout-12dd3699 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { 
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #block-10 .wp-block-group .gspb_iconsList__item {
        display: flex;
        justify-content: center;
    }

}

@media only screen and (max-width: 689px) {
    #gspb_row-id-gsbp-9fdb19b .gspb_backgroundOverlay {
        display: none;
    }
}