* {
  box-sizing: border-box;
}
body {font-family: helvetica, arial, sans-serif; color:#2e0a78; font-size:20px; background-color: #f9f3ff; background-image:none !important;}
#site-header {background-image:none !important;}
#site-title, #site-description, #header, #footer, hr {display: none;}
a:link,a:visited {
  text-decoration: underline;
  color:#5e3b93;
  font-weight:bold;
}
a:hover,a:active {
  text-decoration: underline;
  color:#8357d3;
}
div#outerwrap {
	padding-top:0;
	}
@media (max-width: 700px) {
	div#mainwrap {
		background-image: url('../images/parrot-cat-2-dogs-mobile-1080x1920.jpg');
		background-repeat: no-repeat, no-repeat;
		background-position: 50% center;
		background-attachment: fixed;
		background-size:100vw auto;
		overflow:visible;
   }
}
@media (min-width: 701px) {
	div#mainwrap {
		background-image: url('../images/parrot-cat-2-dogs.jpg');
	  background-repeat: no-repeat, no-repeat;
	  background-position: 50% 0;
	  background-attachment: fixed;
	  background-size:cover;
	  overflow:visible;
		}
}
#header, #header2, #mainheader, #mainheader-spacer {
	vertical-align:top;
	border-bottom:solid 0px #5e3b93;
	background-color: #f9f3ff;
	overflow: visible;
	position: fixed; /* Set the navbar to fixed position */
	top: 0; /* Position the navbar at the top of the page */
	width: 100%; /* Full width */
	padding: 2% 0;
}
header.header #mainheader-spacer {position:static; visibility:hidden;}
#header-logo {display:inline-block; width:36%;vertical-align:top;}
#header-logo a.logo img {position:relative; max-width:100%; height:auto; z-index:20;}
.wrapper {
	background-color: rgb(249 243 255 / 0.88); 
	width: 100vw;
	max-width: 100%;
	min-height:100%;
	padding-right:10%;padding-left:10%;
}
.topnav {
  display:inline-block;
  width:62%;
  overflow:visible;
  text-align:right;
  vertical-align:top;
  padding-right:16px;
  margin-top:16px;
}
div#topnavlinks a.icon i.fa.fa-bars {font-size:24px; padding-right:12px;}
/* Style the links inside the navigation bar */
.topnav a {
  display: inline-block;
  color: #000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  color: #8357d3;
  text-decoration:underline;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  text-decoration:underline;
  font-weight:700;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}
.content {width:100%;min-width:100%;padding-bottom:48px;vertical-align:top;}
.panel1 {width:100%; background-color:transparent;position:fixed; top:0; left:0; overflow:visible;z-index:999;}
.panel2 {width:100%; padding:20px;background-color:transparent;}
#mainfooter .panel2 {margin-top:16px;background-color:#f9f3ff;}
.panelspace {width:100%;height:240px;}
.panelspace120 {width:100%;height:120px;}
.panelspace100 {width:100%;height:100px;}
@media (min-width:1200px) {
	.panelspace120 {width:100%;height:120px;}
}
.blogs-homepage {display:block;vertical-align:top;max-height:480px;background-color:#fff;}
.blogs-homepage-panel {display:inline-block; width:31%; height:480px; border:solid 2px #2e0a78; border-radius:15px;vertical-align:top;overflow:hidden;background-color:#fff;margin-right:2%;}
.blogs-homepage-panel img {width:100%;height:auto;text-align:center;border-radius: 15px 15px 0px 0px;vertical-align:top;}
.blogs-homepage-panel p {width:100%;text-align:left;padding:8px 16px;vertical-align:top;}
.blogs-homepage-panel:last-child {margin-right:0;}
div#topblogs.content ul.wp-block-latest-posts__list.wp-block-latest-posts li {
	display:inline-block;
	width:30%;
	margin:1%;
	border: 2px solid #5e3b93;
	border-radius: 15px;
	vertical-align:top;
	background-color:#f9f3ff;
	overflow:hidden;
	text-align:center;
}
div#topblogs.content ul.wp-block-latest-posts__list.wp-block-latest-posts li div.wp-block-latest-posts__post-excerpt {
	padding:4px 8px;
	text-align: left;
}
div#topblogs.content ul.wp-block-latest-posts__list.wp-block-latest-posts li a.wp-block-latest-posts__post-title {
	text-align:center;
	margin: 0 auto;
}
div#topblogs.content ul.wp-block-latest-posts__list.wp-block-latest-posts li div.wp-block-latest-posts__featured-image.aligncenter a img.attachment-large.size-large.wp-post-image {
	border-radius: 15px 15px 0 0;
}
@media (max-width: 979px){
	div#topblogs.content ul.wp-block-latest-posts__list.wp-block-latest-posts li {
		display:block;
		width:96%;
		height: auto;
		margin:2% auto;
		padding:12px;
		border: 2px solid #5e3b93;
		border-radius: 15px;
		vertical-align:top;
		overflow:hidden;
	}
}
#footerleft, #footercenter, #footerright {display:inline-block;width:32%;vertical-align:top;}
#footerleft, #footercenter {text-align:center;}
#footerright {text-align:center;}
#footerright a {text-decoration:none;}
#footercenter, #footerright {padding-top:48px;}
#footerleft img {width:100%;max-width:300px; height:auto;}
@media screen and (max-width: 600px) {
	#footerleft, #footerright {display:block;width:100%;vertical-align:top;}
	#footercenter {display:none;}
	#footerright {text-align:center;}
	#mainfooter .panel2 {padding-top:16px; margin-top:16px;}
}
@media screen and (min-width:700px) and (max-width: 960px) {
	.blogs-homepage {display:block;max-height:1600px;}
	.blogs-homepage-panel {display:block; width:92%; margin:12px auto 12px auto;}
	#header-logo {display:inline-block; width:58%; max-width:300px; vertical-align:top;}
	.topnav {width:42%;}
}
@media screen and (min-width: 589px) and (max-width: 699px) {
	.blogs-homepage {display:block;max-height:1600px;}
	.blogs-homepage-panel {display:block; width:92%; margin:12px auto 12px auto;}
	#header-logo {display:inline-block; width:58%; max-width:300px; vertical-align:top;}
	.topnav {width:42%;}
}
@media screen and (max-width: 588px) {
	.blogs-homepage {display:block;max-height:1600px;}
	.blogs-homepage-panel {display:block; width:92%; margin:12px auto 12px auto;}
	#header-logo {display:inline-block; width:60%;vertical-align:top;}
	.topnav {width:42%;}
}
/* header */

.header {
  background-color: transparent;
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  z-index: 3;
}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
	background-color:#f9f3ff;text-align:right;
}

.header li a {
  display: block;
  padding: 20px 20px;
  border-right: 1px solid #f4f4f4;
  text-decoration: none;
  color:#5e3b93;
}
.header li a:hover {
  text-decoration:underline;
}


.header .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
}
/* wordpress template hacks */
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width:80%;
}
body.blog img.wp-post-image {
	max-width:70%; display:block; margin:0 auto;
}
.wp-block-post-title {
	display:none;
}
/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 28px 28px;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 24px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}


/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  margin-top: -28px;
  max-height: 280px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}
/* 48em = 768px */

@media (min-width: 700px) and (max-width:899px) {
  .header li {
    float: left;
  }
  .header li a {
	  color:#5e3b93;
    padding: 20px 20px;
  }
  .header li a:hover {
	  color:#8357d3;
	  text-decoration:underline;
  }
  .header .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .header .menu-icon {
    display: none;
  }
}
@media (min-width: 900px) {
  .header li {
    float: left;
  }
  .header li a {
	  color:#5e3b93;
    padding: 20px 30px;
  }
  .header li a:hover {
	  color:#8357d3;
	  text-decoration:underline;
  }
  .header .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .header .menu-icon {
    display: none;
  }
@media (max-width: 700px) {
	div#mainwrap {
		background-image: url('../images/parrot-cat-2-dogs-mobile-1080x1920.jpg');
		background-repeat: no-repeat, no-repeat;
		background-position: 50% center;
		background-attachment: fixed;
		background-size:100vw auto;
		overflow:visible;
   }
	.panelspace {width:100%;height:240px;}
	.panelspace120 {width:100%;height:120px;}
	.panelspace:nth-of-type(2) {display:none;}
	#footerright {text-align:center;}
	.panel2 {margin-top:0 !important;}
	.header li a {
		padding: 16px 14px;
	}
}


@media (max-width: 499px){
	
	#header, #header2, #mainheader {
		padding: 2% 0;
	}
	#header-logo {display:inline-block; width:80%;vertical-align:top;}
}
@media (min-width: 500px) and (max-width: 700px){
	
	#header, #header2, #mainheader {
		padding:2% 0;
	}
	#header-logo {position:absolute;top:20px;left:20px;z-index:20;}
}
@media (min-width: 701px) and (max-width: 1020px) {
	#header, #header2, #mainheader {
		padding: 2% 0;
	}
}
@media (min-width: 1021px) and (max-width: 1200px) {
	#header, #header2, #mainheader {
		padding: 2% 0;
	}
}
@media (min-width: 1201px) and (max-width: 1400px) {
	#header, #header2, #mainheader {
		padding: 2% 0;
	}
}
@media (min-width: 1401px) {
	#header, #header2, #mainheader {
		padding: 2.4% 0;
	}
}