/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> List item **/
.resourcelist li {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

/** General >> List item (:hover) **/
.resourcelist li:hover {
	background-color: rgb(242, 242, 242) !important;
}

/** General >> Video **/
.wp-block-video {
	border: 1px solid rgb(89, 89, 89) !important;
}

/** General >> Ld video **/
.ld-video {
	border: 1px solid rgb(119, 119, 119) !important;
}

/** General >> Fl theme builder footer footer **/
.fl-theme-builder-footer-footer {
	padding: 0 !important;
}

/** General >> IRCC Sponsor **/
.irccbrand {
	padding: 3% !important;
	border: 1px solid rgb(169, 168, 168) !important;
	border-radius: 10px !important;
}

/** General >> Resourceblock **/
.resourceblock {
	background-color: rgb(253, 248, 255) !important;
	padding: 3% !important;
	margin-top: 3% !important;
	margin-bottom: 3% !important;
	border: 1px solid rgb(143, 143, 143) !important;
	border-radius: 10px !important;
}

/** General >> Heading 3 **/
.resourceblock h3 {
	margin-top: 0 !important;
}

/** General >> Resourcelist **/
.resourceblock .resourcelist {
	margin-bottom: 0 !important;
}


/*= Home ====================== */

/** Home >> Padded multiline **/
.padded-multiline {
	font-size: 40px !important;
	line-height: 2em !important;
	font-weight: 700 !important;
	width: 100% !important;
	padding: 2px 0 2px 0 !important;
}
.padded-multiline span {
	background-color: #735f5f !important;
	color: #fff !important;
	display: inline !important;
	padding: 1.2rem !important;
	box-decoration-break: clone !important;
	-webkit-box-decoration-break: clone !important;
}
body {
	padding: 1rem !important;
}


/*= HERO ====================== */

/** HERO >> Homehero **/
.homehero {
	width: 100vw !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	position: relative !important;
	left: calc(-50vw + 50%) !important;
}

/** HERO >> Home Hero Text **/
.heroheader .fl-heading {
	font-size: 50px !important;
	line-height: 1.2em !important;
	font-weight: 700 !important;
}

/** HERO >> Home Hero Header Text Padding **/
.heroheader .fl-module-content {
	margin: 10px !important;
}

/** HERO >> Home Hero Header **/
.fl-node-a5f70yqe2tc3 .fl-row-fixed-width {
	background-color: rgba(245, 245, 245, 0.2) !important;
	max-width: 40% !important;
	padding: 20px !important;
	margin-left: 10% !important;
	border: 2px solid rgb(67, 4, 139) !important;
	position: relative !important;
	top: 75px !important;
	z-index: 4 !important;
}

/** HERO >> Home Hero Blurred Windows **/
#fl-main-content .fronthero {
	background-image: url("http://liberationschool.ca/wp-content/uploads/2024/03/top-windows-b-300x230.png"), linear-gradient(135deg, rgb(225, 225, 225), rgba(225, 224, 224, 0) 75%) !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}


/*= Buttons =================== */

/** Buttons >> WP Button **/
.wp-block-button a {
	font-weight: 600 !important;
	background-color: rgb(112, 96, 95) !important;
}

/** Buttons >> WP Button (:hover) **/
.wp-block-button a:hover {
	color: rgb(255, 255, 255) !important;
	text-decoration: none !important;
	background-color: rgb(78, 67, 66) !important;
}


/*= Media Text Block ========== */

/** Media Text Block >> Media text group **/
.media-text-group {
	background-color: rgb(249, 244, 236) !important;
}


/*( < 1200 )*/
@media (max-width: 1199.98px) {
	/** HERO >> Home Hero Text **/
	.heroheader .fl-heading {
	font-size: 35px !important;
}

	/** HERO >> Home Hero Header **/
	.fl-node-a5f70yqe2tc3 .fl-row-fixed-width {
	background-color: rgba(245, 245, 245, 0.61) !important;
	max-width: 45% !important;
	top: 140px !important;
}

	/** HERO >> Home Hero Header Text Padding **/
	.heroheader .fl-module-content {
	width: 500px !important;
	position: relative !important;
	z-index: 5 !important;
}

}


/*( < 980 )*/
@media (max-width: 979.98px) {
	/** HERO >> Home Hero Text **/
	.heroheader .fl-heading {
	font-size: 26px !important;
	line-height: 1.2em !important;
}

	/** HERO >> Home Hero Header **/
	.fl-node-a5f70yqe2tc3 .fl-row-fixed-width {
	padding: 15px !important;
	top: 125px !important;
}

	/** HERO >> Home Hero Row **/
	.fronthero .fl-row-content-wrap {
	min-height: 600px !important;
}

	/** HERO >> Home Hero Header Text Padding **/
	.heroheader .fl-module-content {
	width: 400px !important;
}

	/** Media Text Block >> Media Text Heading **/
	.wp-block-media-text__content h2 {
	font-size: 24px !important;
	line-height: 1.1em !important;
}

	/** Home >> Padded multiline **/
	.padded-multiline {
	font-size: 24px !important;
}

}


/*( < 768 )*/
@media (max-width: 767.98px) {
	/** HERO >> Home Hero Text **/
	.heroheader .fl-heading {
	font-size: 26px !important;
	line-height: 1em !important;
	text-align: left !important;
}

	/** HERO >> Home Hero Header **/
	.fl-node-a5f70yqe2tc3 .fl-row-fixed-width {
	margin-left: 10% !important;
	top: 100px !important;
}

	/** HERO >> Home Hero Row **/
	.fronthero .fl-row-content-wrap {
	min-height: 500px !important;
}

	/** Home >> Padded multiline **/
	.padded-multiline {
	text-align: center !important;
	width: 100% !important;
}

	/** Home >> Mobile Menu _2 **/
	.fl-menu-mobile-flyout {
	padding-top: 10px !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
}

}


/*( < 480 )*/
@media (max-width: 479.98px) {
	/** HERO >> Home Hero Text **/
	.heroheader .fl-heading {
	font-size: 24px !important;
}

	/** HERO >> Home Hero Header **/
	.fl-node-a5f70yqe2tc3 .fl-row-fixed-width {
	background-color: rgba(245, 245, 245, 0.44) !important;
	max-width: 100% !important;
	margin-right: 10% !important;
	margin-left: 10% !important;
	top: -30px !important;
}

	/** HERO >> Home Hero Row **/
	.fronthero .fl-row-content-wrap {
	min-height: 600px !important;
}

	/** Home >> Fl node 4mabfho9xcw6 **/
	#fl-main-content .fl-node-4mabfho9xcw6 {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

	/** General >> Resourceblock **/
	.resourceblock {
	margin-top: 5% !important;
	margin-bottom: 5% !important;
}

}


/*( < 390 )*/
@media (max-width: 389.98px) {
	/** Home >> Mobile Menu Padding **/
	.focus .fl-menu-mobile-flyout {
	padding-top: 10px !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
}

}