/* @import url('/node_modules/@fontsource/sacramento/index.css'); */
/* 
Theme Name:		ruven-child
Theme URI:		https://ruven.org
Description:	Ruven Child Theme
Author:			Ruven Webdesign
Author URI:		https://ruven.org
Template:		ruven-theme
Version:		1.0.0
Text Domain:	ruven-child
Tags:           flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/*
    Add your custom styles here
*/
body {
	/* .page-content {
		// background-color: rgb(0, 68, 255);
	} */
    /* font-family:"Sacramento"; */
    /* font-family:"Montserrat"; */
}
header {
	/* display: none; */
}

/* .col h3:after {
    content: '';
    background: linear-gradient(135deg, #dc4225, #292484);
    width: 100%;
    height: 100%;
    opacity: 0.5;
    top: 0;
    left: 0;
    display: block;
    z-index: 1;
    position: absolute;
  } */
.bs_hero {
	.wrapper {
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
	}
	.image {
		background-size: cover;
		width: 100%;
		height: 100%;
		transition: 0.5s;
	}

	section {
		/* transition: 0.5s;
        background-size: 100%!important; */
	}
	&.hover.complex {
		&:hover .image {
			transform: scale(1.05);
		}

		&:hover section {
			/* background-size: 150%!important; */
		}
		transition: 0.5s;
		.content * {
			transition: 0.5s;
		}
		&:hover {
			.content * {
				background: rgba(0, 0, 0, 0.33);
			}
		}
	}
	.col {
		& {
			padding: 0px !important;
			& * {
				padding: 15px;
			}
		}
	}
	.inside_background {
		/* padding: 0!important; */
	}
}