.opening-hours-panel .side-panel-wrap{
    text-align:center;
}
.opening-hours-wrraper{ 
    text-align:center;
}
.contact-details .opening-hours-wrraper{ 
    padding: 0 0px;
}
.opening-hours-header.td3{
    grid-template-columns: 1fr 0.01fr 1fr 0.01fr 1fr;
    grid-gap: 5px 20px;
    margin-bottom: 10px;
}
.opening-hours-header.td4{
    grid-template-columns: 1fr 0.01fr 1fr 0.01fr 1fr 0.01fr 1fr;
    grid-gap: 5px 5px;
    margin-bottom: 10px;
}
.opening-hours-header .separator{
    border :1px solid;
    width: 0px;
}
.opening-hours-grid .separator{
    border :1px solid transparent;
    width: 0px;
}
.opening-hours-grid.td3{
    grid-template-columns: 1fr 0.01fr 1fr 0.01fr 1fr;
    grid-gap: 1px 20px;
}
.opening-hours-grid.td4{
    grid-template-columns: 1fr 0.01fr 1fr 0.01fr 1fr 0.01fr 1fr;
    grid-gap: 1px 5px;
}

.agron-side-panel{
    background-color: transparent!important;
    position:fixed; 
    z-index: 999;
}

.accessibility-panel  { 
  width:200px!important;
}

.opening-hours-panel {
    top: 40%;
    width:400px;
    left: -400px;
}
@media (max-width: 767px) {
  .opening-hours-panel,.accessibility-panel  {
    display:none
    }
}


.opening-hours-panel:has(.opening-hours-grid.td4) {
    width:550px;
    left: -550px;
}
.opening-hours-panel:has(.opening-hours-grid.td4) .side-panel-trigger{
    left:550px;
}
.side-panel-trigger {
      position: absolute; 
      overflow: visible; 
      z-index: 999;
      width: 45px;
      top: 110px;
      
}

.opening-hours-panel .side-panel-trigger{
    align-items: center;
    width:70px;
    transition: width .5s ease;
    padding:10px 15px;
    height:60px;
    margin:0 !important;
    bottom: 30px;
    /*left :30px;*/
    overflow: hidden;
    left :400px;
}
.opening-hours-panel .side-panel-trigger:hover{
    width:230px;
    transition: width .5s ease;
}
.opening-hours-panel .side-panel-wrap {
    padding: 40px;
   
}

.accessibility-panel .side-panel-wrap {background-color: white; overflow: hidden; 
    width: 200px; 
    border-bottom-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
}

.agron-side-panel .side-panel-wrap {
    background-color: white;
    overflow: hidden; 
    /*height: auto!important;*/
    bottom: auto!important;
    display:none;
}

.side-panel-open .agron-side-panel.open .side-panel-wrap {
 -webkit-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.3);
box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.3)
}

.accessibility-panel hr {    
    margin: 10px 0px;
    border: 0;
    border-top: 1px solid #ccc;
}

.accessibility-panel h3 {
    display: block; 
    width: 100%;  
    margin: 0; padding: 0 20px 0 0; 
    font-size: 30px; 
    background:#00578f; 
    color: white;
}

#accessibility_menu button {position: relative;background-color: #fff; border: 0 none; display: block;  width: 100%; color: black; text-align: right; padding: 5px 50px 5px 0; font-size:16px;}

#accessibility_menu button:before {position: absolute; top: 0; bottom: 0; margin: auto; line-height: 34px; text-align: center; font-size: 16px; right: 10px;height: 30px; width: 30px;  background-color: black; color: white; border-radius: 3px;}


.increase_font:before{
	content: "+A";
	background-color: #0569ab!important;
	color: aliceblue!important;
}

.decrease_font:before{
	content: "-A";
	background-color: #0569ab!important;
	color: aliceblue!important;
}

.reset_font:before{
	content: "A";
	background-color: #0569ab!important;
	color: aliceblue!important;
}

.dark_contrast:before {
	content:"\25D0";
	color: white!important;
	background-color: black!important;
}

.light_contrast:before{
	content:'\25D0';
	color: black!important;
	background-color: white!important;
	border: 1px solid black;
}

.highlight_links:before{
	content: "A";
	text-decoration: underline!important;
	background-color: darkred!important;
	
}

.large_cursor:before {
	content: "\25B2";
	background-color: #8bc53f!important;
	color: black!important;
	
}

.light_cursor:before{
	content: "\25B2";
	background-color:#8bc53f!important;
	color: white!important;
}

.accessibility_hr{
    font-size:20px;
}
.accessibility_p{
    margin-bottom:25px;
}
.accessibilty-dark, .accessibilty-dark::placeholder{
	background-color:black  !important;
	color:yellow !important;
}
button.accessibilty-dark,.button.accessibilty-dark{
	//border: gold dashed 1px !important;
}
.accessibilty-dark button, .accessibilty-dark .button{
    outline: 3px solid yellow !important;
}
.accessibilty-dark a:hover, .accessibilty-dark a:focus{
    outline: 3px solid yellow !important;
}
.accessibilty-light, .accessibilty-light::placeholder{
    background-color: #c2d3fc !important;
    color: #000000 !important;
/*	background-color:#efefef !important;
	color:#333 !important;*/
}
button.accessibilty-light,.button.accessibilty-light{
	border: midnightblue dashed 1px !important
}
.accessibilty-light a:hover, .accessibilty-light a:focus{
    outline: midnightblue dashed 1px !important;
}

.highlighting-links{
	color: red !important;
	text-decoration: underline !important;
    -moz-text-decoration-color: red !important; /* Code for Firefox */
}
.highlighting-titles{
	text-decoration: underline !important;
}
.accessibilty-bold{
	font-weight: bold !important;
}

.cursor-black{
    cursor: url('/wp-content/themes/hello-theme-child-master/accessibility/cursor_black.png'), auto !important;
}
.cursor-white{
    cursor: url('/wp-content/themes/hello-theme-child-master/accessibility/cursor_white.png'), auto !important;	
}

a[accesskey]{
    position: absolute;
    top: -99999px; 
    right: 0px;
    background: #ffffff;
    color: #000000;
    border: 1px solid #000000; 
    display: block; 
    padding: 15px;
}
a[accesskey]:focus{
    top: 0px; 
}