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

html {
  scroll-behavior: smooth;
}

.heading .sub-title {
	font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.25em;
    margin-bottom: 8px;
    text-transform: uppercase;
	color: #666666;
}

.bricks-type-hero {
	position: relative;
	padding-bottom: 25px;
}

.bricks-type-hero::after, 
.bricks-type-hero::before {
    background: #21b3f1 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    width: 40px;
}

.bricks-type-hero::before {
    bottom: 6px;
    margin-left: -30px;
}

.brxe-heading .blue {
	color: #21b3f1;
}

.splide__pagination .splide__pagination__page {
	background-color: rgba(0,0,0,.33) !important;
    border: 0;
    border-radius: 100%;
    display: inline-block;
    margin: 5px;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 14px !important;
    height: 14px !important;
}

.splide__pagination .splide__pagination__page.is-active {
	background: #fff !important;
	border: 1px solid #26b5f1;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}