/*
 Theme Name:   Bricks Child 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
*/

h3 {
    font-size: 1.4em;
    /* border-left: 5px solid #32f46d; */
}

ul li a:hover {color: cornflowerblue;}
#brxe-qvbeyc .bricks-nav-menu .sub-menu > li.menu-item > a:hover {color: cornflowerblue;}

.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.gallery.gallery-columns-4 .gallery-item, .gallery.gallery-columns-3 .gallery-item {
    max-width: 100%;
}

figure, figcaption {
    margin: 0;
}

.red-class:hover {
    outline: 1px solid red;
}


/* mobile nav */
.brxe-nav-menu .bricks-mobile-menu-wrapper ul.bricks-mobile-menu {
    padding-top: 4em;
}
.brxe-nav-menu .bricks-mobile-menu-wrapper li a {
    line-height: 2.5em;
    }
.brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li::after {
    content : "";
    position: absolute;
    left    : 15%;
    /* bottom  : 0; */
    /* height  : 1px; */
    width   : 70%;  /* or 100px */
    border-bottom: 1px solid #4f4f4f;
}

/* main 2 col layout */

.dual-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4%;
}


@media only screen and (max-width: 478px) {
    .dual-grid {
        grid-template-columns: 1fr;
    }
}

/*Services Page*/
.service-card.brxe-block {
    outline: 2px solid #FFF;
}
.service-card.brxe-block:hover {
    outline: 2px solid #CCC;
}