/*
 Theme Name:   Photo Web Designs
 Theme URI:    https://photowebdesigns.com/
 Author:       Photo Web Designs
 Author URI:   https://photowebdesigns.com/
 Template:     bricks
 Version:      1.0b3
 Text Domain:  bricks
*/

g {
    mask: none;
}

@media (max-width: 767px) {
    section {
        scroll-margin-top: 40px
    }
}


/* Hide scroolbar */
.agc-hide-scrollbar {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
}

.agc-hide-scrollbar::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}
      


/* Form - Nice looking dropdown icon */
.brxe-form select {
    background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="%23202020" xmlns="http://www.w3.org/2000/svg"><path d="M6.375 0.960938V11.0668L1.62812 6.3199L0.75 7.21094L7 13.4609L13.25 7.21094L12.3719 6.3199L7.625 11.0668V0.960938H6.375Z" fill="%23202020"/></svg>');
    background-position: calc(100% - 24px) 50%;
    background-size: auto;
    padding-right: 55px!important;
}

.brxe-form textarea {
    resize: none;
}



/*
** Effect - Shadow Below
*/
.agc-shadow-below {
    position: relative;
    z-index: 1;
}

.agc-shadow-below:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0px 40px 40px 0px rgba( 0, 0, 0, 0.2 );
    border-radius: var(--radius-12);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
}

.agc-shadow-below:hover:after {
    opacity: 1;
}


/*
** Effect - Pulsing Dot
*/
.agc-dot-animated:after {
	content: '';
	display: inline-flex;
	position: absolute;
	width: var(--agc-dot-animated-size, 8px);
	height: var(--agc-dot-animated-size, 8px);
	border-radius: 100px;
	background: var(--agc-dot-animated-background, #10BB60);
	top: 2px; right: 2px;
	animation: agc-pulse-animation var(--agc-dot-animated-speed, 4s) infinite;
	animation-delay: 1.5s;
}

@keyframes agc-pulse-animation {
    0% { box-shadow: 0 0 0 0px rgba( 178, 245, 209, 0.6 ); }
    100% { box-shadow: 0 0 0 8px rgba(0, 0, 0, 0); }
}


/*
** Effect - Gradient Animation
*/
.agc-gradient-animation {
    --agc-gradient-border-color1: #10BB60;
    --agc-gradient-border-color2: #5664FF;
    background-image: linear-gradient(90deg, var(--agc-gradient-border-color1), var(--agc-gradient-border-color2), var(--agc-gradient-border-color1), var(--agc-gradient-border-color2), var(--agc-gradient-border-color1))!important;
    background-size: 200% 100%;
    animation: agc-gradient-animation 4.5s linear infinite;
}

@keyframes agc-gradient-animation {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}


/*
** Effect - Infinite Scroll
*/
/*body:not(.bricks-is-frontend) .agc-infinite-scroll__child {
    flex-wrap: wrap;
}*/

.agc-infinite-scroll__child {
    flex-direction: row;
}

body.bricks-is-frontend .agc-infinite-scroll {
    position: relative;
    overflow-x: hidden;
    user-select: none;
}

body.bricks-is-frontend .agc-infinite-scroll__child {
    white-space: nowrap;
    overflow: unset;
    flex-direction: row;
    max-width: none;
    width: auto;
    flex-wrap: nowrap;
}

body.bricks-is-frontend .agc-infinite-scroll__child:last-child {
    animation-name: agc-infinite-scroll2;
    position: absolute;
    left: 0; top: 0;
}

.agc-infinite-scroll-init .agc-infinite-scroll__child {
    animation: agc-infinite-scroll var(--agc-infinite-scroll-speed, 30s) linear infinite;
}

@keyframes agc-infinite-scroll {
    0% {
      transform: translateX(0%);
    }
    100% {
      transform: translateX(-100%);
    }
}

@keyframes agc-infinite-scroll2 {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(0%);
    }
}











.brx-animate-agcFadeUpSmall {
    animation-name: agc-fade-up-small;
    animation-timing-function: cubic-bezier(.22,.58,.47,1.02);
}

@keyframes agc-fade-up-small {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/*@keyframes agc-fade-up-small {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: translateY(25px);
    }
    70% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: translateY(18px);
    }
    100% {
        animation-timing-function: ease-out;
        opacity: 1;
        transform: translateY(0);
    }
}*/