/*
Theme Name: POCS Child
Theme URI: http://pacificoakschildrensschool.org/
Description: Child theme for POCS
Author: Tori Booker
Author URI: https://www.tcsedsystem.edu
Template: pocs
Version: 1.0.0
Text Domain:  pocs-child
*/

.nav-container .header-widgets ul.menu {
	font-size: 16px;
}
.main-navigation ul {
	text-align: center;
}
.main-navigation li {
    display: inline-block;
    float: none;
}
.site-content .firststeps .btn {
	font-size: 21px !important;
}

.cmplz-cookiebanner button{box-shadow:none;text-shadow:none;}
#cmplz-manage-consent .cmplz-manage-consent{right:unset!important;left:40px;}

/*** Home Slider ***/
div#n2-ss-2 .nextend-arrow img{
	background: rgba(0,0,0,.85);
    padding: 3px;
}

.menu-footer-container ul.menu {
	padding: 0;
    margin: 0 0 20px;
    float: right;
    font-size: 1rem;
    color: #777;
    list-style-type: none;
    line-height: normal;
}
.menu-footer-container ul.menu li {
	margin: 0px;
    padding: 0 8px;
    float: left;
    border-right: 1px solid #777;
}
.menu-footer-container ul.menu li:last-child {
	padding-right: 0;
    border-right: none;
}
#content .royal-slider {
	background-color: #ee7623;
	background-image: none;
}


/*** Accessibility Mode ***/
.footernav span{float:none;}
#accessibility-mode-wrapper, #footer-fb-wrapper{text-align:right;}
#accessibility-mode-wrapper a:hover{text-decoration:underline;}
#accessibility-mode-state{font-weight:bold;}
#footer-fb-wrapper{margin:20px 0 0;}

input[type="submit"]#access-on-text{background:none;border:0px;box-shadow:none;padding:0px;font-size:16px;text-decoration:underline;}
input[type="submit"]#access-off-text{background:none;border:0px;box-shadow:none;padding:0px;font-size:16px;text-decoration:underline;}
input[type="submit"]#access-on-text:hover,
input[type="submit"]#access-off-text:hover{text-decoration:none;}

/* Accessibility fix for aria-describedby field error */
.nf-field-description{display:none;}

@media only screen and (max-width: 1024px) {
	.mysticky-welcomebar-fixed {
		height: auto !important;
	}
}
@media screen and (max-width:360px) {
		.mysticky-welcomebar-display-desktop.mysticky-welcomebar-position-top.mysticky-welcomebar-fixed {
			display: initial;
			height: auto !important;
	}
		.mysticky-welcomebar-fixed .mysticky-welcomebar-btn {
			margin: 10px 0 5px; 
			text-align: center;
	}
}


@media screen and (max-width: 600px) {
	.nav-container:after {
		content: "";
		clear: both;
	}
	#site-navigation.mobile {
		position: relative;
		margin: 0;
		padding: 0;
		border-top: initial;
	}
	#site-navigation.toggled.mobile > div {
		position: absolute;
		padding: 10px;
		width: 100vw;
		top: 45px;
		left: -4px;
		background-color: rgba(0,0,0,0.85);
		z-index: 99999;
	}
	button.menu-toggle.mobile, .menu-toggle.mobile {
		margin: 0;
		padding: 10px;
		float: right;
		background: #ffffff;
		color: #e87511;
		font-size: 24px;
		font-weight: normal; 
		text-align: right;
		text-transform: initial;
		text-decoration: initial;
		text-shadow: initial;
		border: initial; 
		border-radius: initial;
		-webkit-border-radius: initial;
		-moz-border-radius: initial;
		box-shadow: initial;
		outline: none;
	}
	.menu-primary-menu-container > ul.menu.nav-menu {
		width: 100%;
		float: none;
	}
	.main-navigation.mobile.toggled ul ul li.menu-item {
		border-bottom: initial;
	}
	.main-navigation.mobile.toggled ul li ul.sub-menu {
		background: transparent;
		box-shadow: initial;
	}
	.main-navigation.mobile.toggled ul li ul.sub-menu {
		margin-bottom: 10px;
		padding-left: 20px;
		background: transparent;
	}
	.main-navigation.mobile.toggled ul li ul.sub-menu li:before {
		position: absolute;
		left: -10px;
		content:"\00bb";
		color: #88ce1b;
		clear: both;
	}
	.main-navigation.mobile.toggled ul li ul.sub-menu:last-child {
		margin-bottom: 10px;
	}
	.main-navigation.mobile.toggled a {
		color: #ffffff;
	}
	.main-navigation ul ul li:hover, .main-navigation ul ul li:focus, .main-navigation ul ul li:active, .main-navigation ul.sub-menu li.current-menu-item {
    	background: transparent;
	}
	.main-navigation.mobile.toggled li.current-menu-item > a {
		color: #88ce1b;
	}
	.site-content .royal-slider {
		padding-top: 0;
		padding-bottom: 30px;
	}
	
	.site-info, .footernav{
		margin:0 auto 20px;
		width:100%;	
	}
	#accessibility-mode-wrapper, #footer-fb-wrapper{
		text-align:center;	
	}
	
	.menu-footer-container ul.menu{
		display:table;
		float:none;
		margin:0 auto 20px;
	}
	/*.cmplz-cookiebanner{top:38%!important;}*/
}