/* 
Theme Name: HoYO Theme
Text Domain: HoYO Theme
Version: 1.0
Description: This is a WordPress theme for "Home of Your Own" website hosted on SiteGrounds.
Tags: Home of your own
Author: Yashik Anand (Justice Connect)
Author URI: https://justiceconnect.org.au/
*/

/* All the variable are initialised here */
:root {
	--dark-blue: #083D77;
	--dark-blue-tint-10: #E6ECF1;
	--dark-blue-tint-20: #CED8E4;
	--dark-blue-tint-110: #062E59;
	--dark-blue-tint-1120: #041A33;
	
	--light-blue: #AFDFE3;
	--light-blue-tint-10: #F7FCFC;
	--light-blue-tint-20: #EFF9F9;
	--light-blue-tint-50: #D7EFF1;

	--pink: #F5A3C6;
	--pink-tint-10: #FEF6F9;
	--pink-tint-20: #FDEDF4;
	--pink-tint-50: #FAD1E2;

	--red: #E93333;
	--red-tint: #FDEBEB;

	--green: #009C4D;
	--green-tint: #E6F5ED;

	--dark-grey: #494D56;
	--dark-grey-tint-10: #EDEDEE;
	--dark-grey-tint-80:#6D7077;

	--light-grey: #A2A4A9;
	--light-grey-tint-10: #F6F6F6;

	--white: #FFFFFF;
	--black: #000000;

	--primary: var(--dark-blue);
	--secondary: var(--light-blue);
	--tertiary: var(--pink);
	--links: var(--dark-blue);
	--primary-hover: var(--dark-blue-tint-20);
	--primary-active: var(--dark-blue-tint-10);
}

body {
	font-size: 16px;
	width: 100vw;
	overflow-x: hidden;
}

p {
	margin: 0;
	padding: 0;
}

.divider-vertical {
	border-left: 1px solid;
	margin: 10px 5px;
}

.divider-white {
	border-color: var(--white);
}

.divider-grey {
	color: var(--light-grey);
}

.hoyo-container {
	padding: 3rem 13rem;
	width: 100vw;
	max-width: 1440px;
}

@media only screen and (max-width: 768px) {
	.hoyo-container {
		padding: 2rem;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1000px) {
	.hoyo-container {
		padding: 2rem 4rem;
	}
}

.bg-blue {
	background-color: var(--light-blue-tint-20);
}

.bg-pink {
	background-color: var(--pink-tint-20);
}

.bg-grey {
	background-color: var(--light-grey-tint-10);
}

.cards {
	gap: 1rem;
}

.card {
	border: 0;
	border-radius: 10px;
	box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.08);
	max-width: 316px;
	padding: 1.25rem 1.875rem;
	text-decoration: none;
}

.card-body {
	padding: 0;
}

.fill-container {
	width: 100%;
}

.accordion {
	--bs-accordion-btn-focus-border-color: none;
	--bs-accordion-btn-focus-box-shadow: 0;
	width: 100%;
}

.accordion-item {
	border: 0;
}

.accordion-button.collapsed {
	background-color: var(--pink-tint-10);
	border-radius: 5px;
}

.accordion-button:not(.collapsed) {
	background-color: var(--pink-tint-50);
	color: var(--black);
	border-radius: 5px 5px 0 0;
}

.accordion-body {
	background-color: var(--pink-tint-10);
	border-radius: 0 0px 5px 5px;
}

.blue-accordion-button.collapsed {
	background-color: var(--light-blue-tint-10);
}

.blue-accordion-button:not(.collapsed) {
	background-color: var(--light-blue-tint-50);
}

.blue-accordion-body {
	background-color: var(--light-blue-tint-10);
}

.modal-body {
	padding: 4rem!important;
}

.image {
	width: 100%;
}