
/* REMOVE PHOTO BACKGROUND */
 .mainSpan_wrapper {
    position: relative;
    background-color:#ffffff!important;
    background-image: url(https://www.co.monterey.ca.us/home/showimage?id=34256)!important;
    }
    #event_scheduler .k-event {
    background-image: none;
    border-radius: 0;
    background-color: #f16b48!important;
    }
    .scheduler_event_template {
    color: #ffffff!important;
    }

	
	body.front_end_body, .config_widget_template {
    background: #ffffff!important;
	}

#sitebody {
    padding: 0 0 0px 0!important;
    margin: 0 auto 0px auto!important;
    
}

 /* Acordeon styles*/
    .hd .tab {
    position: relative;
    margin-bottom: 1px;
    width: 100%;
    color: #000000!important;
    overflow: hidden;
    }
    .hd  input {
    position: absolute;
    opacity: 0;
    z-index: -1;
    }
    .hd  label {
    position: relative;
    display: block;
    padding: 0 0 0 1em;
    background: #f4e4e3!Important;

    font-weight: bold;
    line-height: 3;
    cursor: pointer;
    color:#000000!important;
	    }
    .hd  .blue label {
    background: #197892;
    }
	.hd  .red label {
    background: #f4e4e3!important;
    }
    .hd .tab-content {
    max-height: 0;
    overflow: hidden;
    background: #ffffff;
    color:#000000;
    -webkit-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s;
    }
    .hd  .blue .tab-content {
    background: #ffffff;
    color:#ff;
    }
    .hd   .tab-content p {
    margin: 1em;
    }
    /* :checked */
    .hd   input:checked ~ .tab-content {
    max-height: 200em;
    }
    /* Icon */
    .hd  label::after {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 3em;
    height: 3em;
    line-height: 3;
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    }
    .hd   input[type=checkbox] + label::after {
    content: "+";
    }
    .hd input[type=radio] + label::after {
    content: "\25BC";
    }
    .hd input[type=checkbox]:checked + label::after {
    transform: rotate(315deg);
    }
    .hd input[type=radio]:checked + label::after {
    transform: rotateX(180deg);
    }
    /* Acordeon styles Stop */
	
	   li{
    }
    .button {
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px!important;
    }
	 .buttonhd {
    display: inline-block!important;
    border-radius: 4px!important;
    background-color: #841111!important;
    border: 2px solid #FFFFFF!important;
    color: #FFFFFF!important;
    text-align: center!important;
    font-size: 12px!important;
    padding: 10px!important;
    font-weight: normal!important;
   
    }
    .buttonhd:hover {
    background-color: #FFFFFF!important;
    color: #841111!important;
    border: 2px solid #841111!important;
    font-weight: normal!important;
    }
    .button_mlp {
    background-color: #f16b48;
    border: none;
    color: white;
    padding: 10px 15px!important;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px!important;
    margin-top:10px!important;;
    }
    .button_mlp:hover {
    background-color: #f79451;
    }
 
    #event_scheduler .k-event {
    background-image: none;
    border-radius: 0;
    background-color: #f16b48!important;
    }
    .scheduler_event_template {
    color: #ffffff!important;
    }
    .darkorange{
    color:#f26a46;
    }
    .orange{
    color:#ff9349;
    }
    .lightteal{
    color:#41c3dc;
    }
    .teal{
    color:#03989e;
    }
    .bh_onefourth_mobile{
    display:none;
    }
    .bh_mobile{
    display:none;
    }
    .bh_onethird_social{
    width:30%;
    float:left;
    margin:1% 1%;
    }
    .bh_onefourth_social{
    width:23%;
    float:left;
    margin:1% 1%;
    }
    @media only screen and (max-width: 968px) {
    .bh_onehalf{
    width:100%;
    display:block;
    }
    .bh_onethird{
    width:100%;
    display:block;
    }
    .bh_onefourth{
    width:100%;
    float:left;
    }
    .bh_onefourth_mobile{
    width:23%;
    margin:1% 1%;
    float:left;
    display:inline-block;
    }
    .bh_onefourth_social{
    display:none;
    }
    .bh_mobile{
    display:inline-block;
    width:100%;
    }
    .bh_desktop{
    display:none;
    }
    }
    .k-button, .k-widget, .event_sheduler_toolbar  {
    display:none;}
    #event_scheduler{
    display:none;}
    .k-widget  {
    display:none!important;}
    .title_widget h1{
    color:#603a70!important;
    }
    .sidenav_current a{
    background:#603a70!important;
    color:#fff!important;
    font-weight:normal!important;
    border-top: 4px solid #ffffff!important;
    }
    .sidenav_current  ul li > a{
    background: transparent none!important;
    color:#5d5d5d!important;
    font-weight:normal!important;
    }
    .small_box .box_content ul a{
    font-weight:bold!important;
    }
    .eh_heading_style{
    font-weight: normal;
    line-height: 32px;
    font-size: 18px !important;
    min-height: 32px;
    height: auto;
    padding: 6px 15px 8px 15px;
    text-align: left;
    display: block;
    text-transform: capitalize;
    background: #841111 !important;
    font-family: 'Cabin',sans-serif;
    clear:both;
    Color:#ffffff!important;
    }
	.hd_heading_style {
    font-weight: normal;
    line-height: 32px;
    font-size: 18px !important;
    min-height: 32px;
    height: auto;
    padding: 6px 15px 8px 15px;
    text-align: left;
    display: block;
    text-transform: capitalize!important;
    background: #9d9093 !important;
    font-family: 'Cabin',sans-serif;
    clear: both;
    Color: #ffffff!important;
}
    .eh_link{
  
   background-color: #9d9093 !important;
 
    border-radius:5px;
    }
    .eh_link:hover{
    background-color: #841111 !important;
    }
    .eh_link > a{
    color:#fff!important;
    display:inline-block;
    padding:15px!important;
    text-decoration:none;
    }
    .small_box .box_content ul a{
    font-weight:bold!important;
    }
    ul.eh_ulstyle {
    padding-left:0px;
    }
    .eh_onehalf{
    width:48%;
    margin:1% 1%;
    float:left;
    }
    .eh_onethird{
    width:31%;
    float:left;
    margin:1% 1%;
    }
    .eh_onefourth{
    width:23%;
    margin:1% 1%;
    float:left;
    }
    .beachlinks{
    border: none;
    text-align: center;
    display: inline-block;
    border-radius:10px;
    }
    .beachlinks a{
    text-decoration: none!important;
    color:#fff!important;
    }
    .current_beach a{
    font-weight:bold;
    text-decoration: underline!important;
    }
    .clearfix{
    clear:both;
    }
    .imageTitles {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-shadow: 1px 1px #000;}
    .imgTitleStyle {
    display:inline-block;
    text-transform: capitalize;
    background-color: #841111;
    color: #fff;
    text-shadow: 1px 1px #000; padding: 10px;}
    .button {
    background-color: #841111; /*Purple*/
    border: none;
    color: white;
    padding: 15px 20px!important;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px!important;
    }
    /* Acordeon styles */
    .eh .tab {
    position: relative;
    margin-bottom: 1px;
    width: 100%;
    color: #000;
    overflow: hidden;
    }
    .eh  input {
    position: absolute;
    opacity: 0;
    z-index: -1;
    }
    .eh  label {
    position: relative;
    display: block;
    padding: 0 0 0 1em;
    background: #f4e4e3!important;
    font-weight: bold;
    line-height: 3;
    cursor: pointer;
    }
    .eh  .blue label {
    background: #841111;
    }
    .eh .tab-content {
    max-height: 0;
    overflow: hidden;
    background: #ffffff;
    color:#000000;
    -webkit-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s;
    }
    .eh  .blue .tab-content {
    background: #ffffff;
    color:#000000;
    }
    .eh   .tab-content p {
    margin: 1em;
    }
    /* :checked */
    .eh   input:checked ~ .tab-content {
    max-height: 200em;
    }
    /* Icon */
    .eh  label::after {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 3em;
    height: 3em;
    line-height: 3;
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    }
    .eh   input[type=checkbox] + label::after {
    content: "+";
    }
    .eh input[type=radio] + label::after {
    content: "\25BC";
    }
    .eh input[type=checkbox]:checked + label::after {
    transform: rotate(315deg);
    }
    .eh input[type=radio]:checked + label::after {
    transform: rotateX(180deg);
    }
    .eh_table .table thead > tr > th {
    vertical-align: bottom;
    }
    .eh_table .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #dddddd;
    }
    .eh_table th {
    text-align: left;
    }
    .eh_table  table {
    border-collapse: collapse;
    border-spacing: 0;
    }
    .eh_table .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
    }
    .eh_table .table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #f9f9f9;
    }
    .eh_table .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #dddddd;
    }
    @media
    only screen and (max-width: 760px),
    (min-device-width: 768px) and (max-device-width: 1024px)  {
    /* Force table to not be like tables anymore */
    .eh1_table  table, .eh1_table  thead, .eh1_table tbody, .eh1_table th, .eh1_table td,  .eh1_table tr {
    display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .eh1_table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
    }
    .eh1_table tr { border: 1px solid #ccc; }
    .eh1_table  td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 20%!important;
    }
    .eh1_table  td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    }
    /*
    Label the data for mobile view
    */
    .eh1_table   td:nth-of-type(1):before { content: "Contact"; }
    .eh1_table   td:nth-of-type(2):before { content: "Position"; }
    .eh1_table td:nth-of-type(3):before { content: "Phone"; }
    .eh1_table   td:nth-of-type(4):before { content: "Email"; }
    }
    .eh1_table table {
    width: 100%;
    border-collapse: collapse;
    }
    /* Zebra striping */
    .eh1_table tr:nth-of-type(odd) {
    background: #eee;
    }
    .eh1_table th {
    background: #333;
    color: white;
    font-weight: bold;
    }
    .eh1_table td,.eh1_table th {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: left;
    }
    /* Dropdown Button */
    .dropbtn {
    color: white;
    border: none;
    cursor: pointer;
    font-weight: normal !important;
    line-height: 32px;
    font-size: 18px !important;
    min-height: 32px;
    height: auto;
    padding: 6px 15px 8px 15px !important;
    text-align: left;
    display: block;
    text-transform: capitalize;
    background: #603a70 !important;
    font-family: 'Cabin',sans-serif;
    }
    /* The container
    <div> - needed to position the dropdown content */
    .dropdown {
    position: relative;
    display: inline-block;
    width:100%;
    }
    /* Dropdown Content (Hidden by Default) */
    #dropdown-content33 {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    }
    /* Links inside the dropdown */
    .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    }
    /* Change color of dropdown links on hover */
    .dropdown-content a:hover {background-color: #f1f1f1}
    button.dropbtn{
    width:100%!important;
    }
    .eh_onefourth_mobile{
    display:none;
    }
    .eh_onethird_social{
    width:31%;
    float:left;
    margin:1% 1%;
    }
    .eh_onefourth_social{
    width:23%;
    float:left;
    margin:1% 1%;
    }
    .eh_onehalf_social{
    width:46%;
    float:left;
    margin:1% 1%;
    }
	
	.LgeCvdBtn{
	    border: 4px solid #9d9093 ;
    border-radius: 10px;
    padding: 15px!important;
   min-height:150px;
   text-align:center
			}
	
	.LgeCvdBtn .img{
	    max-height:100px
		width: auto;
			}	
.LgeCvdBtn H3 {
	     text-align:center;
		 
			}		
 .buttonsummary {
    display: inline-block!important;
    border-radius: 4px!important;
    background-color: #841011!important;
    border: none!important;
    color: #FFFFFF!important;
    text-align: center!important;
    font-size: 12px!important;
    padding: 10px!important;
    font-weight: normal!important;
    border: 2px solid #841011!important;
    }
    .buttonsummary:hover {
    background-color: #f4e4e3!important;
    color: #841011!important;
    border: 2px solid #9d9093!important;
    font-weight: normal!important;
    }	
	
    @media only screen and (max-width: 968px) {
    .eh_onehalf{
    width:100%;
    display:block;
    }
    .eh_onethird{
    width:100%;
    display:block;
    }
    .eh_onefourth{
    width:100%;
    float:left;
    }
    .beachlinks{
    background-color: #603a70; /*Purple*/
    border: none;
    color: white;
    padding: 15px 20px!important;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius:10px;
    }
    .eh_onefourth_mobile{
    width:23%;
    margin:1% 1%;
    float:left;
    display:inline-block;
    }
    .eh_onefourth_social{
    display:none;
    }
    }
	@media screen and (min-width: 40.5em){
#sitebody {
    padding-top: 37px !important;
}
}
    .eh_sidebar{
    word-wrap: break-word;
    }
    .eh_sidebar_padding{
    padding: 0px 10px;
    }