/***** Variables *****/
/* @TODO use Get Root Variables
		ADGCreative Theme Options -> Palette 
		ADGCreative Theme Options -> Typography
*/
:root {
	--primary-font: 'Noto Sans', sans-serif;
	--color-black:#000;
	--color-white:#fff;
}

/********* BUTTONS **********/
.wp-block-buttons{
	margin:20px 0;
}
.block-editor-block-list__block.wp-block-button.is-style-brand-button .wp-block-button__link,
.wp-element-button, .wp-block-button__link{
	border-radius: 0 !important;
	border:none;
	background-color: var(--color-black) !important;
	color: var(--color-white) !important;
	font-family:var(--primary-font) !important;
	font-size:20px ;
	line-height: 24px !important;
	font-weight:bold;
	padding:15px 20px;
	text-decoration:none !important;
	cursor:pointer;
}
/* Primary */
.is-style-brand-button:hover .wp-block-button__link,
.is-style-brand-button:active .wp-block-button__link,
.is-style-brand-button:focus .wp-block-button__link{
	background-color:var(--color-white) !important;
	color:var(--color-black)!important;
}

/* Secondary */
.is-style-brand-button-secondary .wp-block-button__link {
	text-decoration:none !important;
	cursor:pointer;

    padding: .7rem 2rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #2E3F3B;
    box-shadow: 0 0 15px 0 #eeee;
}
.is-style-brand-button-secondary:hover .wp-block-button__link,
.is-style-brand-button-secondary:active .wp-block-button__link,
.is-style-brand-button-secondary:focus .wp-block-button__link{
	/* background-color:var(--color-white) !important;
	color:var(--color-black)!important; */
}
/* Tertiary */
.is-style-button-small .wp-block-button__link {
	text-decoration:none !important;
	cursor:pointer;

    padding: .4rem 1rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #2E3F3B;
    box-shadow: 0 0 15px 0 #eeee;
}

/* HEADINGS */
.is-style-brand-heading-primary{
	display:block;
	font-family:var(--primary-font);
	line-height:36px;
	font-size: 30px;
	font-weight:bold;
	text-transform: uppercase;
}
.is-style-brand-heading-secondary{
	display:block;
	font-family:var(--secondary-font);
	line-height:40px;
	font-size: 40px;
	font-weight:600;
}
.is-style-brand-sub-heading{
	display:block;
	font-family:var(--primary-font);
	line-height:30px;
	font-size: 20px;
	font-weight:bold;
	text-transform: uppercase;
	padding-top:30px;
}
.is-style-brand-sub-heading-2{
	display:block;
	font-family:var(--primary-font);
	line-height:24px;
	font-size: 20px;
	font-weight:bold;
	text-transform: uppercase;
	padding-top:30px;
}