/* Any base styles should go here */
.io-container {  }
.io-container .form { 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.io-container .input-container {
	/*width: 48.5%;*/
	margin-bottom: 10px;
}
.io-container .loading {
	display: none;
	margin: 4px auto;
}
.io-container .error {
	color: red;
}
.io-map {
	height: 300px;
	background: #efefef;
	margin: 20px 0;
}


/* Inputs */
.io-container .input-container {
    flex-grow: 1;
    margin-right: 15px;
}
.io-container .select-container {
	width: 240px;
    flex-grow: 0;
    margin-right: 0;
}
.io-container .fusion-button {
	width: auto;
}


/* Tables */
.io-container .io-table-container {
	overflow: auto;
}
.io-container table {
	width: 100%;
	min-width: 450px;
}
.io-container th {
	padding: 0.5em;
	text-align: left;
}
.io-container td {
	padding: 0.5em;
}
.io-container table tr:nth-of-type(odd){
	background: #efefef;
}


/* Pagination */
.io-pagination {
	margin: 10px 0 0 0;
	text-align: right;
}
.io-pagination-link {
	padding: 4px;
}
.io-pagination-link.active {
	color: #39b549;
}
.io-pagination-prev,
.io-pagination-next {
	display: inline-block;
	transform: rotate(45deg);
	border-top: 2px solid;
	border-right: 2px solid;
	width: 8px;
	height: 8px;
	position: relative;
	top: -1px;
}
.io-pagination-prev {
	transform: rotate(-135deg);
}

/* Page specifics */
.io-store-finder,
.io-store-with-product-finder {
	opacity: 0;
	width: 700px;
	max-width: 100%;
	margin: 0 auto;
}


.io-store-page-content {
	display: flex;
	opacity: 0;
}

.io-container label{
    text-transform: uppercase;
    color: #57227a;
    
}

.io-container select{
    background-color: white;
    background-image: url(../images/drop-down-arrow.svg);
    background-position: 100%;
    background-size: 60px ;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.io-container input,
.io-container select{
    border: 2px solid #d1d2d2 !important;
    color: #57227a !important;
    font-size: 30px !important;
    width: 100%;
    height: 60px !important;
    font-family: 'Avenir', 'Arial', 'Helvetica', 'sans-serif';
    
}
    
.io-container input:focus,
.io-container select:focus{
    border: 2px solid #777379 !important;
}
    
.io-container a.fusion-button{
    background: #777379 !important;
    color: white;
    font-weight: 100 !important;
    font-family: 'Avenir', 'Arial', 'Helvetica', 'sans-serif';
    letter-spacing: 0;
    font-size: 44px;
    padding: 25px 0;
    border: 0 !important;
    text-transform: none;
    transition: all 200ms;
}
.products .post-content .io-container a.fusion-button:hover{
    background: #535050 !important;
}

@media(max-width:768px){
	.io-store-page-content { display: block }
}
.io-store-page-content main {
	flex: 3;
	margin-right: 20px;
}
.io-store-page-content aside {
	flex: 2;
}