/*
	PHG Color: #0098d7 = Accessible Equivalent: #0078ab


*/





@media only screen and (min-width: 991px){
	#hero-section #hero-content {margin-top: 200px; margin-bottom: 200px;};
}

.home.page #hero-section {padding-bottom: 0;}
	.offline #hero-section,
	.offline #footer-section {filter: grayscale(100%);}

#hero-content h1 {}
	#hero-content h1 span {display: block; font-size: 32px; font-weight: normal; margin-top: 10px; margin-bottom: 35px;}

#hero-section #shadedrow {position: relative; margin-top: 250px; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(6px); padding-top: 20px; padding-bottom: 65px; z-index: 3;}
	@media only screen and (max-width: 991px) {
		#hero-section #shadedrow {margin-top: 60px;}
	}
	@media only screen and (max-width: 575px) {
		#hero-section #shadedrow {padding-bottom: 15px;}
	}

	.doc-cta-btns {text-align: center;}
		.doc-cta-btns.loginbtncon {text-align: left;}
			@media only screen and (max-width: 767px) {
				.doc-cta-btns.loginbtncon {text-align: center;}
			}
			.doc-cta-btns.loginbtncon a {color: #444;}

		.doc-cta-btns ul {list-style: none; padding: 0;}
			.doc-cta-btns ul li {display: inline-block; margin-right: 10px;}
				.doc-cta-btns ul li:last-child {margin-right: 0;}
			.doc-cta-btns ul li .doc-git-btn {color: #333;}
			.doc-git-btn:visited {color: #333;}
	.doc-ver-info {text-align: right; color: #fff;}
		.doc-ver-info strong {font-size: 1.3125rem; font-weight: 800;}
		.doc-ver-info span.ver {font-size: 0.875rem;}
		.doc-ver-info span.version-date {display: block; font-size: 0.75rem; line-height: 1rem;}
	@media only screen and (max-width: 767px) {
		.doc-ver-info {text-align: center; margin-bottom: 15px;}
	}

.tinytitle {font-size: 0.875rem; font-weight: 700; color: #666; margin: 0;}

.home #content-section {margin-top: 0;}
.doc-pullup-content {position: relative; background: #fff; margin-top: -60px; padding: 100px 190px 95px 190px; text-align: center; box-shadow: 0 12px 100px 0 rgba(0, 0, 0, 0.1); z-index: 10;}
	@media only screen and (max-width: 991px) {
		.doc-pullup-content {padding-left: 90px; padding-right: 90px;}
	}
	@media only screen and (max-width: 575px) {
		.doc-pullup-content {padding: 80px 25px; margin-top: 0;}
	}

	.doc-pullup-content .hugesubtitle {font-size: 3.75rem; color: #333; font-weight: 300; margin-bottom: 75px; background: -webkit-linear-gradient(left, #5b22e8, #ff2362); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: nebulahero 60s infinite linear;} /* Prefixed because this only works in Webkit (so it prevents a background from appearing in others) */

	@media ( prefers-reduced-motion: reduce ){
		.doc-pullup-content .hugesubtitle {animation: none !important;}
	}

	@media only screen and (max-width: 575px) {
		.doc-pullup-content .hugesubtitle {font-size: 2.625rem;}
	}

	.doc-pullup-content .entry-content p {text-align: left; font-size: 1rem;}
	.doc-pullup-content .entry-content p.get-started {text-align: center; margin-top: 75px;}
		.doc-pullup-content .entry-content p.get-started a {color: #0078ab; border: 1px solid #0078ab; border-radius: 10px; padding: 12px 20px;}
			.doc-pullup-content .entry-content p.get-started a:hover {color: #fff; background: #0078ab;}

.doc-features-con {margin-top: 100px; margin-bottom: 60px; content-visibility: auto;}
	@media only screen and (max-width: 575px) {
		.doc-features-con {padding-left: 25px; padding-right: 25px;}
	}
	.doc-titlerow {text-align: center; margin-bottom: 100px;}
	@media only screen and (max-width: 575px) {
		.doc-titlerow {margin-bottom: 65px;}
	}
	.doc-feature-row {margin-bottom: 100px;}
		@media only screen and (max-width: 575px) {
			.doc-feature-row {margin-bottom: 0;}
			.doc-single-feature {margin-bottom: 65px;}
		}

	.doc-features-con h2 {font-size: 1.3125rem; margin-bottom: 15px;}

h1.deprecated {text-decoration: line-through;}

#bigheadingcon .doc-title-desc-con .title-deprecated {margin-bottom: 4px;}
#bigheadingcon .doc-title-desc-con .title-deprecated.deprecated-yes {color: maroon;}
#bigheadingcon .doc-title-desc-con .title-deprecated.deprecated-slated {color: orange;}
	#bigheadingcon.bg-javascript .doc-title-desc-con .title-deprecated.deprecated-slated {color: black;}
	#bigheadingcon.bg-javascript .title-desc-con h1,
	#bigheadingcon.bg-javascript .title-desc-con p,
	#bigheadingcon.bg-javascript .title-desc-con .page-meta,
	#bigheadingcon.bg-javascript .title-desc-con .entry-meta,
	#bigheadingcon.bg-javascript .title-desc-con .lastmod {color: #000;}
	#bigheadingcon.bg-javascript .title-desc-con a {color: #000;}

	#bigheadingcon.bg-javascript svg .e2be775b-7db3-41cc-9ca1-535c0da13c23 {fill: #000;}
	#bigheadingcon.bg-javascript #primary-nav ul li.menu-item a {color: #000;}

	#bigheadingcon .doc-lang a {text-decoration: none; font-size: 0.75rem;}
		#bigheadingcon .doc-lang a:before {content: "\f121"; font-family: "Font Awesome 5 Solid"; display: none;}
			#bigheadingcon .doc-lang a svg {margin-right: 5px;}

	#bigheadingcon .lastmod {color: #fff; margin-left: 20px;}
		#bigheadingcon.example .lastmod {color: #fff; margin-left: 0;}

	#bigheadingcon.bg-php {background: #7F7FB2;}
	#bigheadingcon.bg-javascript {background: #e5bb31;}
	#bigheadingcon.bg-sass {background: #C6538C;}
	#bigheadingcon.bg-css {background: #30A9DC;}
	#bigheadingcon.bg-html {background: #E34F26;}
	#bigheadingcon.bg-wordpress {background: #21759B;}



.functions-template-default .nebula-code-con.javascript a,
.functions-template-default .nebula-code.codetitle.javascript {color: #896e00;}
.functions-template-default code.nebula-code.javascript,
.functions-template-default pre.nebula-code.javascript,
.functions-template-default .nebula-code-con.javascript pre,
.functions-template-default .nebula-code.javascript .gist-file {border: 1px solid #896e00; border-left: 5px solid #896e00;}



.doc-section small {font-size: 0.7em; line-height: 1.4em;}

.doc-section {margin-bottom: 60px;}
	.doc-parameter-group {margin-top: 25px; margin-bottom: 25px;}

.doc-example-group {margin-bottom: 40px;}
	.doc-example-group p {margin-bottom: 0;}

.notice-this-error {color: red;}

.deprecated {padding-top: 25px; padding-bottom: 10px;}
	.deprecated.deprecated-yes {border-top: 2px solid maroon; border-bottom: 2px solid maroon;}
	.deprecated.deprecated-slated {border-top: 2px solid orange; border-bottom: 2px solid orange;}
	.deprecated.deprecated-yes h2 {color: maroon;}
	.deprecated.deprecated-slated h2 {color: orange;}
	.deprecated p {padding-left: 44px;}

.doc-functions-list {}
	.doc-functions-list a {font-size: 0.875rem;}
		.doc-functions-list a.doc-php,
			.doc-functions-list a.doc-php:visited {color: #7F7FB2;}
		.doc-functions-list a.doc-javascript,
			.doc-functions-list a.doc-javascript:visited {color: #e5bb31;}
		.doc-functions-list a.doc-sass,
			.doc-functions-list a.doc-sass:visited {color: #C6538C;}
		.doc-functions-list a.doc-css,
			.doc-functions-list a.doc-css:visited {color: #30A9DC;}
		.doc-functions-list a.doc-html,
			.doc-functions-list a.doc-html:visited {color: #E34F26;}
		.doc-functions-list a.doc-wordpress,
			.doc-functions-list a.doc-wordpress:visited {color: #21759B;}
	.doc-functions-list .doc-used-loc {font-size: 0.75rem; color: #888;}

ul#docs-functions-list {list-style: none; padding: 0;}
	ul#docs-functions-list .filtereditem {display: none;}

.doc-helpertext {transition: all 0.5s; max-height: 900px; font-size: 12px; overflow: hidden;}
	.doc-helpertext.inactive {opacity: 0; max-height: 0;}

/* DataTables */
#docsdatatable table.datatableslisting {border-color: #eceeef;}

	#docsdatatable .dataTables_wrapper .dataTables_length {float: right;}
	#docsdatatable .dataTables_wrapper .dataTables_filter {float: left; text-align: left;}

	#docsdatatable table.datatableslisting thead th, table.datatableslisting thead td {border-color: #eceeef; font-weight: 800;}
	#docsdatatable table.datatableslisting tbody tr {background: none;}
		tr.lang-php td.cats a {color: #7F7FB2;}
		tr.lang-javascript td.cats a {color: #e5bb31;}
		tr.lang-sass td.cats a {color: #C6538C;}
		tr.lang-css td.cats a {color: #30A9DC;}
		tr.lang-html td.cats a {color: #E34F26;}
		tr.lang-wordpress td.cats a {color: #21759B;}

.wpcf7-submit:hover {cursor: pointer;}

#documentation-sidebar-section .xoxo{list-style:none;margin:0;padding:0}
	#documentation-sidebar-section li.widget-container{margin:10px 0 30px 0}
	#documentation-sidebar-section li.widget-container:first-child{margin-top:0}
	#documentation-sidebar-section li.widget-container ul{margin:0;padding:0}
	#documentation-sidebar-section li.widget-container ul li{list-style:none}
	#documentation-sidebar-section ul.menu a{display:block;padding-right:20px}
	#documentation-sidebar-section ul.menu li.current-menu-item a{color:#95d600}
	#documentation-sidebar-section ul.menu li.current-menu-item .sub-menu a{color:#0078ab}
	#documentation-sidebar-section ul.menu li.current-menu-item .sub-menu a:visited{color:#0078ab}
	#documentation-sidebar-section ul.menu li.current-menu-item .sub-menu a:focus{color:#95d600}
	#documentation-sidebar-section ul.menu li.current-menu-item .sub-menu a:hover{color:#95d600}
	#documentation-sidebar-section ul.menu li.current-menu-item .sub-menu a:active{color:#0078ab}
	#documentation-sidebar-section ul.menu li.menu-item{position:relative;padding:5px 0 5px 0;list-style:none}
	#documentation-sidebar-section ul.menu li.menu-item ul.sub-menu{padding-left:0}
	#documentation-sidebar-section ul.menu li.menu-item ul.sub-menu li.menu-item{padding:5px 0 5px 10px;border-left:1px solid #95d600}
	#documentation-sidebar-section li.widget_archive label{display:none}#documentation-sidebar-section li.widget_categories ul li:before{content:'\f02e';font-family:'Font Awesome 5 Solid';display:none}
	#documentation-sidebar-section li.widget_categories ul li svg{margin-right:5px}
	#documentation-sidebar-section .tagcloud a{display:inline-block;margin:6px 3px 0 0;padding:1px 8px;border-radius:5px;background-color:#0078ab;background-color:rgba(0, 152, 215, 0.1);color:#0078ab;font-size:0.875rem}
		#documentation-sidebar-section .tagcloud a:hover{background-color:#0078ab;background-color:rgba(0, 152, 215, 0.25);color:#0078ab}


#nebula-faq-filter {margin-bottom: 50px;}

#nebula-faq {list-style: none; margin-left: 0; padding-left: 0;}
	#nebula-faq li {margin-bottom: 75px;}
		#nebula-faq li h2 {font-size: 21px;}


/*
	Hide Google RECAPTCHA v3
	Remember: If hiding this, then a specific message needs to be placed on the site: https://developers.google.com/recaptcha/docs/faq
*/
div.grecaptcha-badge {display: none !important;}