/*
 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
*/


/* Standard overflow block */

html {
	scroll-behavior: smooth;
}

/* Remove default list indent */ 

ul {
    padding-inline-start: 0px !important;
	margin-block-start: 0px !important;
    margin-block-end: 0px !important;
}


/* Standard display none classes */

.d-none {
	display: none !important;
}

@media (max-width: 992px) {
	.d-none-mob {
		display: none !important;	
	}
}

@media (min-width: 993px) {
	.d-none-pc {
		display: none !important;	
	}
}


/* Custom ACF margin style options (in 10px intervals, PC = 0-150, mob = 0-100) */

.mt-pc-0{margin-top:0!important}.mb-pc-0{margin-bottom:0!important}
.mt-pc-10{margin-top:10px!important}.mb-pc-10{margin-bottom:10px!important}
.mt-pc-20{margin-top:20px!important}.mb-pc-20{margin-bottom:20px!important}
.mt-pc-30{margin-top:30px!important}.mb-pc-30{margin-bottom:30px!important}
.mt-pc-40{margin-top:40px!important}.mb-pc-40{margin-bottom:40px!important}
.mt-pc-50{margin-top:50px!important}.mb-pc-50{margin-bottom:50px!important}
.mt-pc-60{margin-top:60px!important}.mb-pc-60{margin-bottom:60px!important}
.mt-pc-70{margin-top:70px!important}.mb-pc-70{margin-bottom:70px!important}
.mt-pc-80{margin-top:80px!important}.mb-pc-80{margin-bottom:80px!important}
.mt-pc-90{margin-top:90px!important}.mb-pc-90{margin-bottom:90px!important}
.mt-pc-100{margin-top:100px!important}.mb-pc-100{margin-bottom:100px!important}

@media screen and (max-width:1024px){
    .mt-mob-0{margin-top:0!important}.mb-mob-0{margin-bottom:0!important}
    .mt-mob-10{margin-top:10px!important}.mb-mob-10{margin-bottom:10px!important}
    .mt-mob-20{margin-top:20px!important}.mb-mob-20{margin-bottom:20px!important}
    .mt-mob-30{margin-top:30px!important}.mb-mob-30{margin-bottom:30px!important}
    .mt-mob-40{margin-top:40px!important}.mb-mob-40{margin-bottom:40px!important}
    .mt-mob-50{margin-top:50px!important}.mb-mob-50{margin-bottom:50px!important}
    .mt-mob-60{margin-top:60px!important}.mb-mob-60{margin-bottom:60px!important}
    .mt-mob-70{margin-top:70px!important}.mb-mob-70{margin-bottom:70px!important}
    .mt-mob-80{margin-top:80px!important}.mb-mob-80{margin-bottom:80px!important}
    .mt-mob-90{margin-top:90px!important}.mb-mob-90{margin-bottom:90px!important}
    .mt-mob-100{margin-top:100px!important}.mb-mob-100{margin-bottom:100px!important}
}





/* Menu submenu styling */

:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu {
    background-color: #fff;
    color: #000;
    line-height: 50px;
    min-width: 150px;
    top: calc(100% + 10px);
    margin-left: -20px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-radius: 7px;
    box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2);
    border: 0.5px solid #8D8D8D;
}
	
:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu a {
    transition: 0.1s;
}

:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu a:hover {
    color: #5FB624;
}


/* Responsiveness */

/* Add left and right padding to sections from 1200px, as grid is 1180px maxwidth */

@media (max-width: 1200px) { 
	.brxe-section {
        padding-left: 15px;
        padding-right: 15px;
	}
}