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

:root{
	--primary-color: #4e29d9;
	--accent-color: #1a73e8;
}

.title-heading{
	font-family: "Work Sans", sans-serif !important;
}

h2.title-page {
	font-size: 54px !important;
	font-weight: 400;
	line-height: 1;
}

h2.title-medium{
	font-size: 36px !important;
	line-height: 1.2 !important;
	color: var(--primary-color);
}

h3.title-block-400{
	font-size: 36px !important;
	line-height: 1.2 !important;
	font-weight: 400;
}

h3.title-block-700{
	font-size: 36px !important;
	line-height: 1.2 !important;
	font-weight: 700;
	color: var(--primary-color);
}

.text_home{
	font-size: 16px !important;
	line-height: 1.4 !important;
}

.span-view_all{
	font-size: 16px !important;
	line-height: 1.5;
	color: var(--primary-color);
}

.span-number_plus{
	font-size: 64px !important;
	line-height: 1.5;
	color: var(--primary-color);
	font-weight: 600;
}

.span-more_item{
	font-size: 16px !important;
	line-height: 1.5 !important;
}

.mini-text{
	font-size: 14px !important;
	line-height: 1.4 !important;
}

.span-type1{
	font-size: 20px !important;
	line-height: 1.5 !important;
	text-transform: uppercase;
	color: var(--primary-color);
}

:where(.brxe-text-basic, .brxe-text) a:not([class]) {
	color: var(--primary-color);
	transition: color .3s ease-in-out;
}

:where(.brxe-text-basic, .brxe-text) a:not([class]):hover {
  text-decoration: underline;
	color: var(--accent-color);
}

nav.bricks-nav-menu-wrapper li a{
  text-decoration: none;
}

ul.brxe-list.link_hover > li:hover a:link{
	color: #1a73e8;
}

ul.brxe-list.link_hover > li:hover a > span{
	color: #1a73e8;
	text-decoration: underline;
}

.brxe-text li {
	margin-bottom: .6em;
}

a:not([class]) {
	text-underline-offset: 2px;
}

a:not([class]) * {
	text-underline-offset: inherit;
}

/* Fanct-box  */
dialog.fancybox__dialog .fancybox__slide.has-html.has-iframe.has-close-btn.is-selected{
	width: 60vw;
    margin: auto;
}

dialog.fancybox__dialog .f-html {
	max-height: 500px;
	border-radius: 20px;
	position: relative;
	overflow: hidden;
}

dialog.fancybox__dialog .f-html::before {
	content: '';
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: var(--primary-color);
	position: absolute;
	top: -20px;
	right: -20px;
	z-index: 2;
}

dialog.fancybox__dialog .f-button.is-close-button{
	top: 2px;
	right: 2px;
	color: #fff;
}

@media (max-width: 1200px) {
	header .header-btn{
		display: none;
	}
}

@media (max-width: 991px) {
	dialog.fancybox__dialog .fancybox__slide.has-html.has-iframe.has-close-btn.is-selected{
		width: 90%;
	}
}

@media (max-width: 767px) {
	dialog.fancybox__dialog .fancybox__slide.has-html.has-iframe.has-close-btn.is-selected{
		width: calc(100% - 20px);
	}
	
	dialog.fancybox__dialog .f-html::before {
		width: 50px;
		height: 50px;
		top: -15px;
		right: -15px;
	}

	dialog.fancybox__dialog .f-button.is-close-button{
		top: 0px;
		right: 1px;
		transform: scale(.8);
	}
}