/********************
MAIN STYLES
*********************/
* {
  box-sizing: border-box;
  font-family: sans-serif;
}


/********************
BACKGROUND BODY STYLES
*********************/

body {
	background: url('/images/MVUSDClasspics_7_web.jpg') center center no-repeat;
    background-size: cover;
}

.BRIGGS_body {background: url('/images/briggs-back.jpg') center center no-repeat; background-size: cover;}

.CONEJO_body {background: url('/images/cvusd-back.jpg') center center no-repeat; background-size: cover;}

.FUSD_body {background: url(''); background-color: #33445E;}

.Moorpark_body {background: url('/images/musd-back.png') center bottom no-repeat; background-size: cover;}

.MATES_body {background: url('/images/mates-back.jpg') center bottom no-repeat; background-size: cover;}

.OXEL_body {background: url('/images/oxel-back.jpg') center bottom no-repeat; background-size: 100% 100%;}

.PVSD_body {background: url('/images/pvsd-back.jpg') center center no-repeat; background-size: cover;}

.RIOSD_body {background: url('/images/rio-back.jpg') center center no-repeat; background-size: cover;}

.SCESD_body {background: url('/images/scesd-back.jpg') center center no-repeat; background-size: cover;}

.SOMIS_body {background: url('/images/somis-back.jpeg') center center no-repeat; background-size: cover;}

.VCOE_body {background: url('/images/vcoe_esc.jpg') center center no-repeat; background-size: cover;}



/* needs to be listed after all background styles are set */
.backset {
	color: #fff;
	/*background-size: cover;*/
	background-attachment: fixed;
}



/**********************
NAVIGATION STYLES
***********************/

ul {
margin: 0;
padding: 0;
list-style: none;
}


ul li a {
  text-decoration: none;
  color: #fff;
  display: block;
  transition: background-color 1s;
  transition: font-size .2s;
  display: inline-block;
  /*padding: 1em 3em;*/
  padding: 1em 1em;
  margin: .2em 0;
  border-radius: 20px;
  font-size: 1.2em;
  width: 80%;
}




/**********************
HEADER STYLES
***********************/


.header-wrapper {
	/*padding: 1em 0;*/
	margin: 0;
	text-align: center;

    width: 98%;    
    display: flex;
    
    padding-top: 1em;
    padding-left: 2em;
	padding-right: 1em;    
}

.header {
    padding: 1em 1em;

    margin: auto;
    position: relative;
	opacity: 0.85;		
	border-radius: 25px;
    background-color: #FFFFFF;
}

.PVSD_header {
     	max-width: 1222px; 
	height: 220px; 
	opacity: 0.8; 
	margin-top: 5px; 
	margin-left: -6px; 
	margin-bottom: 0; 
	padding-right: 125px;
        
}

img.qlogo {
  width: 100px;
  height: 100px;
  display: inline-block;
  vertical-align: top;
}

img.BRIGGS_qlogo {width: 350px;}

img.CHAMPS_qlogo {width: 350px;}

img.CONEJO_qlogo {width: 200px;}

img.MATES_qlogo {width: 450px;}

img.Moorpark_qlogo {width: 128px;}

img.RIOSD_qlogo {width: 250px;}

img.PVSD_qlogo {
		width: 1087px; 
		height: 168px;
		margin-top: -25px; 
		margin-left: 55px; 
		padding-bottom: 25px;
}


h1.qdistrict {
	font-size: 3em;
	margin:  .2em;
	padding: 0;
        color: #000000;
        }

h2.qnotice {
	/* production
    font-size: 0.9em;
  	color: white; */
        
    /* training */
    font-size: 2em;
    color: red;
    font-weight: bold;
	    
    margin-top: 0em;
    padding: 0;
	}



/**********************
CARD STYLES
***********************/

.card-wrapper {
    margin-top: 10px;
    
    padding-left: 1em;
	padding-right: 1em;
}

.card {
	width: 100%;
	opacity: 0.95;
	padding: 1em 0;
	text-align: center;
	border-radius: 25px;

    margin: 1em 0;
}



.card h2 {
  text-transform: uppercase;
  font-size: 2em;
  color: #fff;
}

/************************
CARD COLOR STYLES
*************************/

/*
.staff {background-color: #26C847;}
.parents {background-color: #393987;}
.training {background-color: #9826C8;}
*/


.staff {background-color: #A8A299;}
.parents {background-color: #AB9558;}
.students {background-color: #006FB8;}

.BRIGGS_staff {background-color: #460B5A;}
.BRIGGS_parents {background-color: #0A5245;}

.CHAMPS_staff {background-color: #00ADEE;}
.CHAMPS_parents {background-color: #99258E;}
.CHAMPS_students {background-color: #EE3A24;}

.CONEJO_staff {background-color: #10685D;}
.CONEJO_parents {background-color: #550733;}
.CONEJO_students {background-color: #005A82;}

.FUSD_staff {background-color: #FAC67E;}
.FUSD_parents {background-color: #82AF36;}
.FUSD_students {background-color: #853D31;}

.MATES_staff {background-color: #8CC63E;}
.MATES_parents {background-color: #92278F;}
.MATES_students {background-color: #F7941D;}

.MESA_parents {background-color: #FFAB1F;}
.MESA_students {background-color: #294A70;}

.Moorpark_staff {background-color: #006EB6;}
.Moorpark_parents {background-color: #430B56;}
.Moorpark_students {background-color: #006635;}

.OVSD_staff {background-color: #237CD8;}
.OVSD_parents {background-color: #7D7E83;}
.OVSD_students {background-color: #B54974;}

.OXEL_staff {background-color: #008F46;}
.OXEL_parents {background-color: #2F2E76;}
.OXEL_students {background-color: #008F46;}

.PVSD_staff {opacity: 0.8;}
.PVSD_parents {background-color: #65c897; opacity: 0.8;}
.PVSD_students {opacity: 0.8;}

.RIOSD_students {background-color: #39C1CF;}

.SOMIS_parents {background-color: #d8a111;}
.SOMIS_students {background-color: #0A4399;}


/**********************
NAVIGATION HOVER STYLES
***********************/
/*
.staffnav a {background-color: #3E8724;}
.parentnav a {background-color: #222254;}
.trainingnav a {background-color: #6D298A;}


.staffnav a:hover {
	background-color: #8AEC52;
    font-size: 1.3em;
}
.parentsnav a:hover {
  background-color: #5E5EB8;
  font-size: 1.3em;
}

.studentsnav a:hover {
  background-color: #5229A1;  
  font-size: 1.3em;
}
*/

.darker_test {background-color: #64170b;}
.lighter_test {background-color: #be9d98;}

.staffnav a {background-color: #5C5C5C;}
.parentsnav a {background-color: #6F591C;}
.studentsnav a {background-color: #0C3C61;}

.staffnav a:hover {background-color: #EEECE8;}
.parentsnav a:hover {background-color: #D7CCB0;}
.studentsnav a:hover {background-color: #B6CBE9;}


.BRIGGS_staffnav a {background-color: #30073E;}
.BRIGGS_parentsnav a {background-color: #073930;}

.BRIGGS_staffnav a:hover {background-color: #A265B6;}
.BRIGGS_parentsnav a:hover {background-color: #99D0C6;}


.CHAMPS_staffnav a {background-color: #00648A;}
.CHAMPS_parentsnav a {background-color: #53144D;}
.CHAMPS_studentsnav a {background-color: #902A1E;}

.CHAMPS_staffnav a:hover {background-color: #AADEF2;}
.CHAMPS_parentsnav a:hover {background-color: #C18EBC;}
.CHAMPS_studentsnav a:hover {background-color: #EFB7B1;}


.CONEJO_staffnav a {background-color: #073930;}
.CONEJO_parentsnav a {background-color: #33041E;}

.CONEJO_staffnav a:hover {background-color: #99D0C6;}
.CONEJO_parentsnav a:hover {background-color: #D095B6;}

.FUSD_staffnav a {background-color: #AE7729;}
.FUSD_parentsnav a {background-color: #54761A;}
.FUSD_studentsnav a {background-color: #64170B;}

.FUSD_staffnav a:hover {background-color: #F7D6A7;}
.FUSD_parentsnav a:hover {background-color: #C5DE9A;}
.FUSD_studentsnav a:hover {background-color: #BE9D98;}

.MATES_staffnav a {background-color: #51781C;}
.MATES_parentsnav a {background-color: #571655;}
.MATES_studentsnav a {background-color: #AA6817;}

.MATES_staffnav a:hover {background-color: #D1E6B5;}
.MATES_parentsnav a:hover {background-color: #D4B7D3;}
.MATES_studentsnav a:hover {background-color: #E4C7A6;}

.MESA_parentsnav a {background-color: #A76C09;}
.MESA_studentsnav a {background-color: #122A46;}

.MESA_parentsnav a:hover {background-color: #F8DEB1;}
.MESA_studentsnav a:hover {background-color: #97B1CF;}

.Moorpark_staffnav a {background-color: #0C3C61;}
.Moorpark_parentsnav a {background-color: #30073E;}
.Moorpark_studentsnav a {background-color: #073930;}

.Moorpark_staffnav a:hover {background-color: #B6CBE9;}
.Moorpark_parentsnav a:hover {background-color: #D095B6;}
.Moorpark_studentsnav a:hover {background-color: #99D0C6;}

.OVSD_staffnav a {background-color: #114F8F;}
.OVSD_parentsnav a {background-color: #54565C;}
.OVSD_studentsnav a {background-color: #7C2648;}

.OVSD_staffnav a:hover {background-color: #A3CCF6;}
.OVSD_parentsnav a:hover {background-color: #BEBFC4;}
.OVSD_studentsnav a:hover {background-color: #DEAABF;}

.OXEL_staffnav a, .OXEL_parentsnav a, .OXEL_studentsnav a {background-color: #5C5C5C;}
.OXEL_staffnav a:hover, .OXEL_parentsnav a:hover, .OXEL_studentsnav a:hover {background-color: #454545;}

.PVSD_parentsnav a {background-color: #0a773f;}

.RIOSD_studentsnav a {background-color: #256F76;}
.RIOSD_studentsnav a:hover {background-color: #99D0C6;}

.SOMIS_parentsnav a {background-color: #feb801;}
.SOMIS_studentsnav a {background-color: #072c63;}

.SOMIS_parentsnav a:hover {background-color: #f6d377;}
.SOMIS_studentsnav a:hover {background-color: #b0c8ed;}



/**********************
FOOTER STYLES
***********************/


.footer-wrapper {
    width: 98%;    
    display: flex;
    padding-top: 5px;
}

.PVSD_footer-wrapper {
      justify-content: center;

}


.footer {
	padding: 1em 1em 0em 1em;
	text-align:  center;
	font-size: .9em;
	font-weight: normal;
	color: #EEECE8;
	/*height: 150px;*/
        /*height: 25px;*/
	/*line-height: 1;*/

    /*width: 500px;*/
    max-width: 600px;
    margin: auto;
    position: relative;
	opacity: 0.95;		
	border-radius: 25px;
    background-color: #A8A299;
	}

.OXEL_footer {background-color: #5C5C5C;}

.PVSD_footer {background-color: #66411a; 
	      max-width: 1226px; 
	      opacity: 0.8; 
              margin-top: 25px;
              margin-left: 338px;
              margin-right: 310px; 
	    
}


.footer-aup {
	text-align:  justify;	
	}

	
.footer-aup a {
	/* text-decoration: none; */
	color: #EEECE8;
}

.footer-services {
	font-weight: bold;

	}

.footer-services a {
	  text-decoration: none;
	  color: #EEECE8;
}



/**********************
NEWS STYLES
***********************/

.news {
	color: white;
	font-size: 1em;
	font-weight: bold;
	display: inline-block;
}


/**********************
@media STYLES
***********************/


@media all and (max-width: 475px) {


.PVSD_header {
     	max-width: 425px; 
	height: 160px; 
	opacity: 0.8; 
	margin-top: 5px; 
	margin-left: -4px; 
	margin-bottom: 0; 
	padding-right: 2px;

}




    .footer {
        /*height: 40px;
        line-height: 1;
        border-radius: 15px;
        padding-top: .3em;*/
        font-size: .8em;
    }


.PVSD_footer {background-color: #66411a; 
	     opacity: 0.8; 
             margin-top: 25px;
             width: 475px;
	     margin-top: 25px;
             margin-left: 14px;
             margin-right: 5px;
        

}


    h1.qdistrict {
        font-size: 2.5em;
    }

    img.BRIGGS_qlogo {width: 275px;}

    img.CHAMPS_qlogo {width: 275px;}

    img.MATES_qlogo {height: 70px; width: 265px;}
    
    img.PVSD_qlogo {width: 275px;}

}



@media all and (min-width: 796px) {

.wrapper {
	margin: 0 auto;
	width: 98%;
}

	.card {
		width: 31%;
		display: inline-block;
		vertical-align: top;
		height: 580px;
		margin: 0 6px;
		padding: 10px;
		
	}
ul li a {
  
  font-size: 1em;

}


}



@media all and (min-width: 972px) {



ul li a {

  font-size: 1.1em;

}

.wrapper {
		/*margin: 0 auto;*/
		width: 96%;
		/*max-width: 1296px;*/
	} 

.qlogo {
	display: inline-block;
}

.qlogo .qdistrict {
	display: inline-block;
	
}

	.header {
		/*margin: 1em 0;*/
}

	.card-wrapper {
		margin-top: 2em;
	}


	.card {
		width: 30%;
		display: inline-block;
		vertical-align: top;
		height: 510px;
		margin: 0 10px;
		padding: 10px;
	
	}

	h1.qdistrict {
		display: inline-block;
		padding: 0;
		vertical-align: top;

	}


}

@media all and (min-width: 1096px) {
	
	ul li a {

  font-size: 1.2em;

}
.wrapper {
	max-width: 1296px;
	} 

	.card {
		width: 31%;
		display: inline-block;
		vertical-align: top;
		margin: 0 10px;
		padding: 10px;
	}


}