/*
 Theme Name:   GIA Bricks Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body {font-family: "Work Sans", sans-serif;}



/* Responsive font sizes Calculation */
:root {
    --body-font-size: 18px;
    --large-body-font-size: calc(var(--body-font-size) * 1.11); /* 20px */
    --medium-body-font-size: calc(var(--body-font-size) * 0.89); /* 16px */

    --h1-font-size: calc(var(--body-font-size) * 3.33); /* 60px */
    --h2-font-size: calc(var(--body-font-size) * 2.33); /* 42px */
    --h3-font-size: calc(var(--body-font-size) * 1.78); /* 32px */
    --h4-font-size: calc(var(--body-font-size) * 1.5); /* 27px */
    --h5-font-size: calc(var(--body-font-size) * 1.22); /* 22px */
    --h6-font-size: calc(var(--body-font-size) * 1); /* 18px */
}




/* Responsive font sizes */
@media (max-width: 1024px) {
    :root {
        --body-font-size: 16px;
    }
}

@media (max-width: 991px) {
    :root {
        --body-font-size: 15px;
    }
}

@media (max-width: 767px) {
    :root {
        --body-font-size: 14px;
    }
}

@media (max-width: 478px) {
    :root {
        --body-font-size: 13px;
    }
}



/* Animations */

@keyframes rotate-dotted {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}



@keyframes shrink-grow {
  0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9); /* Scale down by 10% */
    }
    100% {
        transform: scale(1);
    }
}


.no-st-two st-two {display:none;}
@media (min-width: 1112px) {
    .two-col .sub-menu {
        column-count: 2;
        column-gap: 20px;
        list-style: none;
        padding: 0;
    }
    .two-col .sub-menu li {
        text-wrap: wrap;
        text-align: center;
    }
}
@media (max-width:1350px) {
  .nav-buttons{
    display:none;
  }
}