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

.section-heading {
	background-color: var(--color-primary);
	margin-bottom: 25px;
}
.section-heading .brxe-container {
	padding: 50px 0;
}
.section-heading .brxe-container h1 {
	color: white;
}

.text-outline-white {
    text-shadow:
    -1px -1px 0 #fff,
     0   -1px 0 #fff,
     1px -1px 0 #fff,
     1px  0   0 #fff,
     1px  1px 0 #fff,
     0    1px 0 #fff,
    -1px  1px 0 #fff,
    -1px  0   0 #fff;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/** Cookie consent    **/
/** ----------------- **/
#klaro-cookie-notice,
.cookie-notice {
  border: 2px solid var(--color-secondary);
}
.klaro .cookie-modal .cm-btn.cm-btn-success, 
.klaro .context-notice .cm-btn.cm-btn-success, 
.klaro .cookie-notice .cm-btn.cm-btn-success {
	background-color: var(--color-primary);
}

.klaro .cm-btn.cm-btn-info {
	background-color: #5c5c5c !important;
}

.klaro .cookie-modal a, 
.klaro .context-notice a, 
.klaro .cookie-notice a {
   color: var(--color-secondary);	
}

/** Custom animations **/
/** ----------------- **/
@keyframes MyZoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.85, 0.85, 0.85);
  }
  90% {
    opacity: 1;
  }
}

@keyframes MyFadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-30px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes MyFadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.brx-animate-MyZoomIn {
  animation-name: MyZoomIn;
}
.brx-animate-MyFadeInLeft {
  animation-name: MyFadeInLeft;
}
.brx-animate-MyFadeInUp {
  animation-name: MyFadeInLeft;
}


/** **/
.zoom-img-hover img {
  transition: all 1s ease;
}

.zoom-img-hover:hover img {
  transform: scale(1.05);
}