@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital@0;1&family=Montserrat:wght@500&display=swap');
.moblock, .mobcontent{
	display: flex;
	flex-direction: column;
}
#mobile{
	position: absolute;
	top: 0px;
	right: -170px;
	height: 1000px;
	transition: right 0.4s;
}
#mobile.transformed{
	position: fixed;
	right: 0px;
	transition: right 0.4s;
}
#mobmenu{
	display: flex;
	width: 100%;
	min-height: 100%;
}
#moblinks{
	display: flex;
	flex-direction: column;
	color: white;
	margin-left: 5px;
	padding-right: 50px;
	background-color: rgb(33,33,33);
}
#moblinks a{
	color: white;
	text-decoration: none;
}
.mobcontent, .mobddcontent{
	display: flex;
	flex-direction: column;
	background-color: rgb(33,33,33);
}
  .bar1, .bar2, .bar3 {
    width: 35px;
    height: 3px;
    background-color: white;
    margin: 6px 0;
    transition: 0.4s;
  }
  
  .change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-6px, 6px);
    transform: rotate(-45deg) translate(-6px, 6px);
  }
  
  .change .bar2 {
      opacity: 0;
    }
  
  .change .bar3 {
    -webkit-transform: rotate(45deg) translate(-6px, -8px);
    transform: rotate(45deg) translate(-6px, -8px);
}
#headermobile{
	display: none;
}
#header{
	position: absolute;
	z-index: 99;
	left: 0px;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
#header img{
	height: 100%;
}
#headercontent{
	display: flex;
	flex-direction: column;
}
#headercontent a{
	color: white;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
}
#navigation{
	display: flex;
	margin-left: auto;
}
#navigation a{
	margin-right: 15px;
}
.blocked {
  position: relative;
  display: inline-block;
}
.ddcontent a{
	display: block;
	background-color: rgb(51,51,51);
}
.ddcontent{
	  display: none;
}
.blocked:hover .ddcontent {
	display: block;
}
#FAQs p{
	font-size: 1em;
	font-weight: bold;
		font-family: 'Montserrat', sans-serif;
	text-decoration: none;
}
#overlapped{
	position: absolute;
	right: 0px;
	width: 190px;
}
#menus{
	display: flex;
	margin-left: auto;
}
#ResourceMenu{
	position: absolute;
	background-color: rgb(51,51,51);
	visibility: hidden;
	transition-delay: 1s;
	}
#DropDown{
	display: flex;
	flex-direction: column;	
	background-color: rgb(51,51,51);
	visibility: hidden;
	transition-delay: 1s;
}
#ResourceMenu:hover{
	visibility: visible;
	}
#DropDown:hover{
	visibility: visible;
}
/*Adding space after cover images*/
.wp-block-cover{
	margin-bottom: 50px;
}
/*Establishing Font Related Classes*/
#caregiver-careers{
	font-family: 'EB Garamond', serif;
}
body{
		font-family: 'EB Garamond', serif;
}
.cursive:link{
	color: white;
	text-decoration: underline;
	text-decoration-style: dashed;
}
.cursive{
	font-family: 'EB Garamond', serif;
}
.nova{
	font-family: 'Montserrat', sans-serif;
}
/*Formatting Buttons*/
.linkbutton .wp-block-button__link{
	background-color: #1EA64A;
	border-radius: 35px;
}
/*Formatting Side Menu*/
#SideMenu{
	display: flex;
	flex-direction: column;
}
#SideMenu a{
	text-decoration: none;
	color: grey;
			font-family: 'Montserrat', sans-serif;
}
#SideMenu a:hover{
	color: black;
	transition-duration: 0.5s;
}
#SideMenu p{
color: green;
	font-size: 1.3em;
}
/*Formatting overlapping elements*/
#targetimg{
		width: 60%;
		position: relative;
		margin-left: auto;
}
.overlaid{
	margin-top: 2.5%;
	max-width: 50%;
	position: absolute;
	z-index: 1;
}
.exception a{
	color: white;
	text-decoration: none;
}
/*Formatting Common Elements*/
.content{
	width: 85%;
	margin-left: auto;
	margin-right:auto;
}
#duo{
	display: flex;
}
.standard-img{
	width: 50%;
	height: auto;
	float: left;
}
.standard-box{
	width: 49%;
	float: left;
	height: 100%;
}
.bigimg{
	width: 100%;
}
.graydiv{
	color: grey;
}
/*Formatting Form*/
#conform label{
	padding-top: 15px;
}
.error{
	display: inline-block;
	display: none;
	background-color: rgb(204,59,59);
	font-size: 0.75em;
	height: 2em;
	margin: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
#namefield{
	display: flex;
	justify-content: space-between;
}
.nameannot{
	width: 49.5%;
}
.nameannot input{
	width: 100%;
}
#email{
	width: 100%;
}
form label{
	padding-top: 10px;
}
#totphone{
	display: flex;
	width: 50%;
}
.thrannot{
	width: 30%;
}
#fourannot{
	width: 40%;
}
#subject{
	width: 100%;
}
#message{
	width: 100%;
}
#formsubmission{
	background-color: rgb(16,62,99);
	color: white;
	width: 100%;
}
/*Removing extra miscellaneous elements*/
.builder-item-focus{
	display: none;
}
.nv-sidebar-wrap {
	display: none;
}
.nv-search-icon-component{
	display: none;
}
.component-wrap{
	display: none;
}
.nv-page-title-wrap.nv-big-title {
	display: none;
}
.nv-navbar{
	display: none;
}
/*Footer Formatting*/
#footer{
	background-color: rgb(40,40,40);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
#Hyperlinks{
	background-color: rgb(51,51,51);
	display: flex; 
	flex-direction: row;
	justify-content: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.hyperlink:hover{
	background-color: rgb(0,0,0);
}
.hyperlink img{
	width: 40px;
	margin: 5px;
}
#info{
	padding-top: 50px;
	font-size: 0.7em;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	color: rgba(200,200,200);
	padding-bottom: 50px;
}
/*Initiating FAQ*/
#a1, #a2, #a3, #a4, #a5, #a6, #a7, #a8, #a9, #a10, #a11, #a12, #a13, #a14, #a15, #a16, #a17, #a18, #a19, #a20, #a21, #a22 {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

@media only screen and (max-width: 1000px){
#headermobile{
	size: 1.2em;
	position: absolute;
	z-index: 99;
	left: 0px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	height: 100vh;
}
	#mobcontent, #mobddcontent{
		display: none;
	}
	#mobcontent a, #mobddcontent a{
		display: block;
	}
#header{
	display: none;
}
}