@font-face {font-family: Open_Sans;src: url(/fonts/Open_Sans/OpenSans-Regular.ttf);}
@font-face {font-family: Lora;src: url(/fonts/Lora/Lora-VariableFont_wght.ttf);}

@font-face {font-family: Title_Font;src: url(/fonts/imported/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2);}

html, body {
	
	padding: 0px;
	overflow-wrap: break-word;

}

body {
	
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	/*max-width: 1600px;*/
	background-color: #f8f8f8;

}

html, body, textarea, input, select {
	
	font-size: 1.1rem;
	font-family: "Open_Sans";

}

.titletile {

	 margin-top: 5vw;
	 margin-bottom: 5vw;
	/* text-shadow: 0.5px 1px 2px #000000;*/

}

.blogcheckbox {

	width: auto!important;
	max-width: calc(100% - 23px);
	
}

input[type=checkbox] {
	
	/* Double-sized Checkboxes */
	-ms-transform: scale(2); /* IE */
	-moz-transform: scale(2); /* FF */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	transform: scale(2);
	padding: 10px;
	margin-left: 10px;
}

.blogbutton {
	
	display: inline-block;
	border: 1px solid #000;
	padding: 10px;
	border-radius: 3px;
	background-color: #6699CC;
	color: white;
	font-weight: bold;
	font-size: 1rem;
	cursor: pointer;
	margin-right: 5px;
	margin-bottom: 5px;
	/*margin-bottom: 5px;
	text-transform: uppercase;*/
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	/*text-shadow: 0px 0.2px 2px #000000;*/

}

.bloginput, #loginpanel input, #updatepasswordform input, #configurationpanel input, #loginpanel input, #publishpostpanel input, #contactformpanel input, #contactformpanel textarea, #addcommenttextarea, .addtocommenttextarea, #domainkeywords, #userconfigpanel input, #contactform input, #contactform textarea, #signupconfigpanel input, #chooseadomaincontainer input, #coursepanel input, #coursepanel select, #scheduledcoursepanel select, #filedraganddroppanel input, #schedulingpanel select {

	padding: 10px;
	margin-bottom: 10px;
	max-width: 100%;

}

#mainheader {
	
	z-index: 10;
	background-color: #f8f8f8;
	position: sticky;
	top: 0;
	margin: 0px;

}

#expandedmainmenu {
	
	display: flex;
	align-items: center;
	background-color: inherit;
	height: 61px;
	float: right;

}

#expandedmainmenu a {

	background-color: inherit;

}

#pagetitle {

	padding: 20px;
	padding-left: 10px;

}

#expandedmainmenu div {
	
	display: none;
	font-size: 1rem;
	/*font-weight: bold;*/
	/*text-transform: uppercase;*/
	padding: 10px;
	/*margin-left: 10px;
	margin-right: 10px;*/
	cursor: pointer;
	background-color: inherit;

}

	

#expandedmainmenu div:first-child {
	
	text-transform: none;

}

.followbutton {

	background-color: #66CC33 !important;

}

.expandedmenu:hover {
	
	filter: brightness(95%);

}

#mainbody {

	margin: 0px;
	background-color: #f8f8f8;
	
}

#hometoppanel, #coursestoppanel, #coursestoppaneltwo {
	
	margin: 0px;
	/*background-image: url('/img/wo8423ofnfkgq9su6gnf.jpg');*/
	background-size: cover;
	background-position: center;
	color: white;
	/*word-break: break-word;*/
	/*text-shadow: 0.5px 1px 2px #000000;*/

}

.homepagepost h2, .userdashboardpost h2 {

	font-family: 'Title_Font';
	font-size: 2em;
	margin-bottom: 5px;

}

#blogsuggestionscontainer span {

	font-family: 'Open_Sans';

}

#blogsuggestionscontainer h2, #blogcommentstitlelabel {
	
	/*font-size: 1em;*/
	font-family: 'Title_Font';

}

#blogsuggestionscontainer h3 {
	
	/*font-size: 1em;*/
	font-family: 'Title_Font';
	font-weight: normal;

}

#hometoppanel h1, .renderblogtitle, #coursestoppanel h1, #coursestoppaneltwo h1, #blogposttitle, .renderaiassistanttitle {
	
	font-family: 'Title_Font';
	line-height: 1.0;
	font-size: 6vw;
	padding: 10px;
	margin: 10px;
	
}

.haiku {

	font-size: 3vw !important;

}

.readoutloudbutton {

	height: 1.5vw;
	cursor: pointer;
	max-height: 30px;

}

@media screen and (min-width: 1200px) {
	
	#hometoppanel h1, .renderblogtitle, #coursestoppanel h1, #coursestoppaneltwo h1, #blogposttitle h1, .renderaiassistanttitle {

		font-size: 62px;
	
	}

}

#homepagesubtitle, #eventssubtitle {

	line-height: 1.0;

}

#hometoppanel p, .renderblogsubtitle, .renderblogauthor, .renderblogattribution, #eventssubtitle {
	
	font-size: 2vw;
	padding: 10px;
	margin: 10px;
	
}

#postedbyspan {

	font-size: 1.3vw;

}

.renderblogattribution {
	
	font-size: 2vw;
	padding: 10px;
	margin: 10px;
	
}

.homepagesubtitle {
	
	/*font-size: 2vw;
	padding: 10px;*/
	margin: 10px;
	margin-left: 0px;
	padding-left: 0px;
	
}

.homepagehr {
	
	width: 10vw;
	border: 2px solid #fff;
	/*text-shadow: 3px 3px #000000;*/
	
}

@media screen and (max-width: 600px) {

	#hometoppanel h1, .renderblogtitle, #blogposttitle, .renderaiassistanttitle {

		font-size: 2rem;

	}

	body, #hometoppanel p, .renderblogsubtitle, .renderblogauthor, .renderblogattribution, input, textarea, .blogbutton, #eventssubtitle, select {

		font-size: 0.8rem;

	}
	
	#postedbyspan {
	
		font-size: 0.5rem;
	
	}
	
	.homepagehr {
	
		border: 1px solid #fff;
	
	}
	
	
	.homepagepost h2 {

		font-size: 1.5rem;

	}
	
	.homepagesubtitle {

		font-size: 1.2rem;

	}
	
	.readoutloudbutton {

		height: 25px;

	}
	
	/*.coursebreakdowntoggle, .collapsecoursebreakdown, .coursesbreakdown {
	
		display: none !important;
	
	}*/

}

@media screen and (min-width: 1024px) {

	#hometoppanel h1, .renderblogtitle, #blogposttitle, .renderaiassistanttitle {

		font-size: 62px;

	}

	#hometoppanel p, .renderblogsubtitle, .renderblogauthor, .renderblogattribution, #eventssubtitle {

		font-size: 1.5rem;

	}
	
	.homepagesubtitle {

		font-size: 1.5rem;

	}
	
	#postedbyspan {

		font-size: 1rem;

	}
	
	.readoutloudbutton {

		height: 25px;

	}
	
	.titletile {

		 margin-top: 50px;
		 margin-bottom: 50px;

	}
	
	.haiku {

		font-size: 31px !important;

	}
  
}

#mainfooter {
	
	padding: 20px;
	font-size: 0.8rem;
	background-color: #f8f8f8;

}

#homecontentpanel {
	
	display: flex;
	flex-wrap: nowrap;
	padding: 10px;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;

}

#twitterpanel {
	
	height: 50px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-left: 10px;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border: 1px solid black;*/

}

#blogpostpanel {
	
	padding: 10px;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;

}

#blogpostbody {
	
	height: 900px !important;
	background-color: blue;
	
}

#blogpostpanel input, #userpanel input, #signuppanel input, #updatepasswordform input, #configurationpanel input, #subscribepanel input, #loginpanel input, #publishpostpanel input, #contactformpanel input, #contactformpanel textarea, #addcommenttextarea, .addtocommenttextarea, #domainkeywords, #userconfigpanel input, #contactform input, #contactform textarea, #signupconfigpanel input, #coursepanel input, #filedraganddroppanel input, #gaimportpanel input, #imagedetailsoverlay textarea {
	
	width: calc(100% - 23px);
	padding: 10px;
	margin-bottom: 10px;

}

#blogpostpanel select, #userpanel select, #filedraganddroppanel select, #gaimportpanel select, #aioptions select, #superadminconfigpanel fieldset select {
	
	max-width: calc(100% - 23px);
	padding: 10px;
	margin-bottom: 10px;

}

.greenbutton {

	background-color: #66CC33;

}

.redbutton {

	background-color: #FF0000;

}

.orangebutton {

	background-color: #FF6633;

}

.whitebutton {

	background-color: #ffffff;
	color: black;
	/*text-shadow: 0.2px 0.2px 2px #000000;*/

}

.blogbutton:hover {
	
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);

}

.blogbutton:disabled {
	
	background-color: grey;
	cursor: not-allowed;

}

.homepagepost, .userpost, .userdashboardpost, .userrecord, .blogpost, .searchresult, .comment, .course, .notification, .subscription, .notificationsent, .emailsentlog, .blogsuggestion, .popularpost {
	
	padding: 20px;
	margin-bottom: 10px;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	border: 1px solid #cfd9de;
	border-radius: 10px;
	background-color: white;

}

.comment {

	padding: 30px;

}

.popularpost {

	max-width: 800px;

}

/*.subscription {

	padding: 10px;
	margin-bottom: 20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}*/

.userdashboardpost {

	background-color: white;

}

.homepagepost, .blogpost {

	cursor: pointer;

}

.userpost {
	
	margin: 10px;
	cursor: pointer;

}

.userrecord {

	margin: 10px;
	margin-left: 0px;
	margin-right: 0px;

}

div.tox-tinymce--toolbar-sticky-on div.tox-editor-header {
	
	top: 55px !important;
	
}

.smallimage {

	max-width: 50%;

}

#loginpanel, #userhomepanel, #searchresultspanel, #userpanel, #editaboutpanel, #editcontactpanel, #signuppanel, #configurationpanel, #subscribepanel, #coursepanel, #scheduledcoursepanel, #filedraganddroppanel, #versionmismatchmessage {
	
	padding: 10px;
	
}

.keephidden, .hiddenbysearch {

	display: none!important;

}

label {

	display: block;

}

pre {
	
	background-color: #eeeeee;
	border-style: dashed;
	border-width: 1px;
	margin: 10px;
	padding: 10px;

}

#usertoolbarbuttons .blogbutton {

	margin-bottom: 5px;

}

#userownedpostspanel {
	
	margin-top: 5px;
	margin-bottom: 5px;

}

#instafeed {
	
	padding-top: 10px;

}

#instafeed img {

	max-width: 100%;

}

.instagramanchor {

	margin-bottom: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

.icon {
	
	color: green;
	height: 30px;
	cursor: pointer;
	opacity: 1;

}

.disabledicon {

	opacity: 0.3;
	cursor: auto;

}

fieldset {

	padding: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-top: 10px;

}

legend {

	font-weight: bold;
	font-size: 1.2rem;

}

.socialmediaicon {

	height: 30px;
	vertical-align: middle;
	cursor: pointer;

}

.postcount {

	font-size: 0.8rem!important;
	font-weight: normal;

}

.searchresultquote {

	padding: 10px;
	background-color: #f4f4f4;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow-wrap: break-word;

}

#blogpostfooterbuttons .blogbutton {

	margin-right: 0px!important;

}

div.tox-tinymce--toolbar-sticky-on div.tox-editor-header {
	
	top: 61px !important;
	
}

.pinkbackground {

	background-color: #CC6699;

}

.greenbackground {

	background-color: #66CC33;

}

.bluebackground {

	background-color: #6699CC;

}

.orangebackground {

	background-color: #FF6633;

}

.currentrequired {

	background-color: #FF0000;
	color: white;

}

.currentrequired::placeholder {
	
	color: white;

}

legend {

	padding: 10px;

}

fieldset {

	border-radius: 5px;

}

.purple {

	background-color: #6633CC;
}

option {

	font-family: inherit;

}

#coursepanel fieldset {
	
	text-align: left;
	vertical-align: top !important;

}

#coursepanel, #coursepanel fieldset .blogbutton, #coursepanel input, #individualcourselistpageselector, #courseschedulepageselector, #individualcourselistrowsperpage, #courseschedulerowsperpage {

	font-size: 0.8rem;

}

@media screen and (max-width: 800px) {

	#coursepanel fieldset {
	
		width: calc(100% - 50px) !important;
		display: block !important;
	
	}
	
	#coursepanel, #coursepanel fieldset .blogbutton, #coursepanel input, #individualcourselistpageselector, #courseschedulepageselector, #individualcourselistrowsperpage, #courseschedulerowsperpage {
	
		font-size: 1rem;
	
	}
	
	

}

#draganddroptarget {

	border: 2px dashed black;
	display: flex;
	max-width: 100%;
	/*align-items: center;*/
	justify-content: center;
	/*text-align: center;*/
	cursor: pointer;
	border-radius: 10px;
	font-weight: 500;
	font-size: 20px;
	padding: 20px;
	flex-direction: column;
	margin-top: 20px;
	margin-bottom: 20px;

}

.draganddroptarget--over {

	border: 2px solid green !important;
	color: #cccccc;
	justify-content: top;

}

.galleryimagecontainer {
	
	position: relative;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 10px;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	border: 1px solid black;
	border-radius: 10px;
	width: 150px;
	height: 150px;

}

.gallerylistitemcontainer {
	
	position: relative;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 20px;
	border: 1px solid black;
	border-radius: 10px;
	width: calc(100% - 50px);
	text-align: left;

}

.galleryimagecontainer:hover, .gallerylistitemcontainer:hover {

	background-color: #ffffee;

}

.galleryimage {
	
	height: 150px;
	width: 150px;
	object-fit: cover;
	padding: 0px;
	margin: 0px;
	text-align: center;

}

.galleryimagecontainer span {
	
	display: block;
	width: 132px !important;
	font-size: 0.7rem;
	padding: 5px;
	margin: 0px;

}

@media screen and (max-width: 440px) {

	.galleryimage {
	
		height: 75px;
		width: 75px;
	
	}
	
	.galleryimagecontainer input {
	
		width: 56px !important;
		padding: 2px;
	
	}

}

.coursecontentdropzone {
	
	height: 10px;

}

.g-recaptcha {

	overflow: hidden;

}

.blogadminoptiontile {

	display: inline-block;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	background-color: white;
	color: black;
	font-weight: normal;
	font-size: 1rem;
	cursor: pointer;
	margin-right: 5px;
	margin-bottom: 5px;
	/*text-transform: uppercase;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/

}

.blogadminoptiontile input {

	margin-right: 10px;

}

#adminblogkey span, #eventkey span {
	
	margin-bottom: 5px;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/

}

#editblogpostheadercontainer h1 {

	margin: 0px;
	padding: 0px;

}

#editblogpostheadercontainer .mce-content-body {

	padding: 0px;
	margin: 0px;

}

#editblogpostheadercontainer .mce-content-body {

	padding: 0px;
	margin: 0px;

}

#blogpostsubtitle {

	min-height: 25px !important;

}

#blogpostbrightnessinput {

	margin: 0px !important;
	padding: 0px !important;

}

#blogposttitle {

	border: 1px dashed #fff;

}

#blogposttitle:hover {

	border: 1px solid #fff;

}

.renderblogtitle  .renderaiassistanttitle, p, h3 p, .renderaiassistanttitle {

	padding: 0px;
	margin: 10px;

}

/*#blogsuggestionscontainer {

	margin-top: 20px;
	margin-bottom: 20px;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.25);
	padding: 10px;

}*/

#blogsuggestionscontainer a {

	text-decoration: none;

}

.blogsuggestion {

	text-transform: none;

}

.scheduleblock, .scheduledblogblock {
	
	padding: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-top: 10px;

}

.scheduleblock {
	
	padding-bottom: 20px;

}

.scheduleblocktoday {

	background-color: #66CC33;

}

.scheduleblockempty {

	opacity: 0.4;

}

.scheduleblockempty:hover {

	opacity: 0.6;

}

.scheduledblogblock {
	
	/*background-color: white;*/

}

#postpublishdate, #postpublishtime {

	/*background-color: #FF0000;*/
	color: red;

}

#postpublishdate:disabled, #postpublishtime:disabled {

	/*background-color: white;*/
	color: black;

}

#blogpostpanel legend {

	font-size: inherit;
	font-weight: normal;

}

.blogsuggestionlogicinput {

	margin: 0px;
	width: 100px;

}

#blogpostsblogoftheweek {

	display: none;

}

#likeblogbutton {

	font-size: 12px;
	padding: 7px;
	
}

#aioverlay, #imagedetailsoverlay {
	
	display: none;
	/*position: absolute;*/
	z-index: 100;
	/*border: 1px solid #000;*/
	height: 100vh;
	width: 100%;
	margin: 0px;
	padding: 0px;

}

#aioverlay fieldset {
	
	width: calc(100% - 40px);
	max-width: 600px;

}

.aicopybuttondiv {
	
	width: calc(100% + 10px);
	max-width: 650px;

}

#aitextassistantpanel {

	display: block;

}

#aiimageassistantpanel {

	display: none;

}

.switch {
  position: relative;
  display: inline-block;
  width: 128px;
  height: 68px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #66CC33;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 60px;
  width: 60px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #FF0000;
  
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(60px);
  -ms-transform: translateX(60px);
  transform: translateX(60px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 60px;
}

.slider.round:before {
  border-radius: 50%;
}

#searchprogress {
	z-index: 100;
	position: sticky;
	top: 50vh;
	left: 20vw;
	right: 20vw;
	display: none;
	height: 45px;
	width: calc(100% - 40vw);
	background-color: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding: 20px;

}

#searchprogress::-webkit-progress-value {
        background-color: red;
    }

/*#searchprogress:before {
  content: "Searching...";
  color: white;
  vertical-align: 0;
  position:absolute;
  left: 20px;
  right: 20px;
}*/