@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap');

* {
	font-family: "IBM Plex Sans", sans-serif !important;
}

html {
	background-color: #f26522;
}

body {
	border-bottom: 9px solid #f26522;
}

/*Logo Text*/
.wp-block-site-title > a {
	font-weight: bold;
	text-decoration: none !important;
}

.wp-block-post-title {
	font-size: 34pt !important;
}

h2, h3, h4, h5, h6 {
	font-weight: 400;
	border-bottom: solid 2px #0001;
	padding-bottom: 12px;
}

p, .wp-social-link {
	color: #444 !important; /*Important is for social links...*/

}

img, figure {
	border-radius: 10px;
}

#navbar {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 18px;
	padding-right: 18px;
	border-top: solid 4px #f26522;
	width: 100%;
}

/*Bigger screens*/
@media only screen and (min-width: 1200px) {
#navbar {
	/*left: 0px;
	top: 0px;
	position: fixed !important;
	background: #fffd;
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);*/
}
	
.wp-block-post-title {
	padding-top: 120px;
}
}/*End Bigger Screens*/

/*Bigger screens*/
@media only screen and (min-width: 600px) {
	
	/*Menu Items*/
.is-responsive.wp-block-navigation > div > div > div > div > ul > li > a {
	padding-left: 14px !important;
	padding-right: 14px !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	border-radius: 10px;
	transition: background 0.15s, color 0.1s, transform 0.15s;
	background-color: #0001;
	border-bottom: solid 2px #0002;
	color: #444;
}

.is-responsive.wp-block-navigation > div > div > div > div > ul > li > a:hover{
	background-color: #e05310;
	transition: background 0.15s, color 0.1s, transform 0.15s;
	text-decoration: none;
	color: white !important;
	transform: scale(1.05);
	box-shadow: 1px 1px 4px #0001;
	border-bottom: solid 2px #0003;
}
	
/*Prevent dropdown arrow box.*/
.is-responsive.wp-block-navigation > div > div > div > div > ul > li > button:hover{
	background-color: #0000 !important;
}

.wp-block-navigation__submenu-container {
	border-radius: 10px;
	border: solid 1px #0001 !important;
	box-shadow: 0px 2px 12px #0001;
	background-color: #eee !important;
}

.wp-block-navigation__submenu-container > li > a {
	padding-left: 14px !important;
	padding-right: 14px !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	margin-bottom: 4px !important;
	border-radius: 10px;
	border-bottom: solid 2px #0000;
}

.wp-block-navigation__submenu-container > li > a:hover {
	background: #e05310;
	transition: background 0.15s, color 0.1s;
	color: #fff !important;
	text-decoration: none;
	border-bottom: solid 2px #0003;
}
}/*Breakpoint End*/

p > a, li > a {
	transition: color 0.3s, background-color 0.15s, filter 0.15s, filter 0.15s;
	color: #f26522;
	border-radius: 4px;
	text-decoration: none;
}

p > a:hover {
	transition: color 0.3s, background-color 0.15s, filter 0.15s, filter 0.15s;
	filter: brightness(1.3);
	/*color: #e05310;*/
}

hr {
	border: 0.5px solid #eee !important;
}

input, textarea, button {
	border-radius: 10px !important;
}

button {
	border: none !important;
}

button:hover {
	transition: background 0.3s, color 0.3s;
	background-color: #f26522 !important;
}

.wp-block-navigation__responsive-container-open {
	position: absolute;
	right: 210px;
	top: -35;
}

.wp-block-navigation__responsive-container-close:hover > svg, .wp-block-navigation__responsive-container-open:hover > svg {
	color: #fff;
	transition: color 0.15s;
}