@charset "UTF-8";

	#contact_tool {
		padding-left:0;
		margin:0;
	}

	.contact_group {margin-bottom:3rem; border-bottom:var(--header-grey) 2px solid;}

	#contact_tool table.surround {margin:0; width: 100%;}
	#contact_tool h4 span {font-size:1rem;}
	#contact_tool table.surround:nth-child(odd) { background:var(--header-grey) }
	#contact_tool td {vertical-align: top; padding: 1.25rem;}
	#contact_tool .title {font-weight: 800;}
	#contact_tool .name {width: 50%; font-size:1.125rem; line-height:1.5rem;}
	#contact_tool .loc {width: 30%;}
	#contact_tool .map {width: 20%;}
    #contact_tool .map a {color:var(--blue); text-decoration: none;}
    #contact_tool .map a:hover {color:var(--blue); text-decoration: underline !important;}
	#contact_tool .add {width: 25%;}
	#contact_tool .phone {width: 25%;}
	#contact_tool .phone img {width: 15px; height:15px; position:relative; top:-2px; margin-right:0.313rem;}
	#contact_tool .hours {width: 50%;}
	#contact_tool .hours ul {margin-bottom:0; padding-left:0;}

	#contact_tool .title td { padding-bottom:0; }

	#contact_tool .map a {
		float: right;
		font-weight:400;
	}

	#contact_tool .map a:hover {
		text-decoration:underline;
	}

	.phone a {color:var(--blue); text-decoration: none;}
    .phone a:hover {color:var(--blue); text-decoration: underline !important;}

    .hours .clearfix {
        margin-bottom:1rem;
    }

	.hours_listing, .hours_listing li > div, .hours_title{
		float:left;
		vertical-align:top;
	}

	.hours_notes {
		vertical-align:top;
        font-style:italic;
	}

	.hours_listing {
		display: inline-block;
        margin-left:0.625rem;
	}

	.hours_listing .current_date{
		display: table-row;
		cursor: pointer;
		font-weight: bold;
	}

	.current_date td{
		min-width: 110px;
	}

	.dayofweek{
		min-width: 110px;
	}

	.hours_listing li:not(:first-child){
		position: absolute;
		transform: translateY(-10px) scaleY(0.1);
		opacity: 0;
		-webkit-transition: all .1s ease-in-out ;
        transition: all .1s ease-in-out ;
        top: 0;
	}

	.hours_listing.expanded :not(:first-child){
		position: relative;
		transform: translateY(0px);
		opacity: 1;
		display: table-row;
	}

	.hours_listing table{
		border:none;
		padding:0;
	}

	.hours_listing table td {
		border:none;
		background-color:none;
		padding:0 1rem 0 0;
	}

	.hours_listing table tr.current_date td {
		font-weight:800;
	}

	.hours_listing.expanded .more_hours{
		-webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
		display: inline-block;
	}

	.more_hours {
		border-color: var(--black) transparent;
		border-style: solid;
		border-width: 5px 5px 0px 5px;
		display: inline-block;
		height: 0;
		margin: 5px 0px 5px 5px;
		vertical-align: top;
		width: 0;
		position:relative;
		top:5px;
		transition: 0.2s;
	}


@media (max-width: 1199px) {

    #contact_tool .name {width: 100%;}
	#contact_tool .hours {width: 100%; padding-bottom:1rem;}
	#contact_tool .hours ul {margin-bottom:0; padding-left:0px;}
	#contact_tool td {width:100%; display:block;}
	#contact_tool .loc {width:50%; display:inline-block;}
	#contact_tool .map {width:50%; display:inline-block; text-align:right;}
    #contact_tool .phone {padding-bottom: 0px; width:100%;}
    #contact_tool .add {padding-bottom: 0px; padding-top: 0px;}
    #contact_tool .hours_notes {float:none; margin-bottom:1rem;}
}