/*
    Theme Name: Vision - Child Theme
    Theme URI: http://burak-aydin.com/vision-page/
	Description: 
    Author: Marie Sonder
	Author URI: http://www.ezsolution.com
    Template: vision
    Version: 0.1
*/

@import url("../vision/style.css");

@import url(http://fonts.googleapis.com/css?family=Lato:400,900,700,300,100);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);

body {	
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: none;
	text-rendering: optimizelegibility;
}	

a {outline:none; color: #bf2e1a !important;}
a:hover {color: #ee4731 !important;}
	
.right {float:right !important;}
.left {float:left !important;}
.clear {clear:both;}
img {border: none;}

.image-left {float: left;}

.padding {padding: 0px 15px;}
	

ul {list-style: disc;}


.input {
	padding: 1%;
	float: left;
	margin: 0 2.5% 0 0;
	font-family: 'Lato', Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #000;
}

.form-submit-btn {
	display: inline;
	width: 30%;
	float: left;
	height: 27px;
	background: #6d1f7e !important; 
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color: #FFF;
	cursor: pointer;
	font-size: 22px;
	text-transform: uppercase;
	border: 0;
}
.form-submit-btn:hover {background: #530e62 !important; color: #FFF;}


	.callout {	
		border: 1px solid #c8c8c8;
		background: #f2f2f2;
		color: #000;
		padding: 0px 20px 15px 20px;
		margin-left: 25px;
	}
	
iframe,
embed,
object {
  max-width: 100%!important;
  height: 625px;
}


/*	--------------------------------------------------
	:: Headings
	-------------------------------------------------- */

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local(''), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	word-wrap: break-word;
	font-weight: 700 !important;
	font-family: 'Oswald'
}

h1 {
	color: #6d1f7e;
	font-size: 28px; 
	margin-bottom: .5em;
	margin-top: .5em;
}

h2 {
	font-size: 2.250em; /* = 36px */
	margin-bottom: .75em;
	margin-top: .75em;
}

h3 {
	color: #616161;
	font-size: 19px; /* = 30px */
}

h4 {
	font-size: 24px;
	margin-bottom: 0;
	margin-top: 0;
	text-align:center;
	border-top: 3px solid #d4d4d4;
}
h4 span { position: relative; top: -15px; padding: 0 15px; background: white;}


h5 {
	font-size: 1.125em; /* = 18px */
	margin-bottom: 1.125em;
	margin-top: 1.125em;
}

h6 {
	font-size: 1.000em; /* = 16px */
	margin-bottom: 1.285em;
	margin-top: 1.285em;
}

	
	
	
	
.logo {float: left; padding-top: 8px;}

.border {border: 1px solid #e2e1e1;}

.flexslider {margin: 0 0 0px;}
.posts-area {
  margin-top: 0;
}
.section-content-area {
    margin-bottom: 4em;
    margin-top: 0;
}

	@media screen and (max-width: 768px) {
		.section-content-area {margin-top: -20px;}
		.logo {text-align: center !important;}
	}

.feature {background-color: #e2e1e1;}


/*	--------------------------------------------------
	:: Social Sprites
	-------------------------------------------------- */
	
.social {margin-top: -20px; color: #bf2e1a;}

.social-circle {
	float: right;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	background-color: #dad1dc;
	border: 3px solid #6d1d7c;
	margin-right: 4px;
}

@media screen and (max-width: 768px) {
	.logo {float: none;}
	.social {margin-top: -128px; width: 100%;}
	.social-circle { margin-top: 0px;}
}

@media screen and (max-width: 768px) {
	.social {background: #6d1d7c; margin-top: 0px; text-align: center !important; margin-bottom: 10px !important;}
	.directions {margin-top: 3px !important;text-align: center !important; float: none !important;}
}


.directions {float: right; color: #ffffff !important; margin-top: -5px;}
.directions a  {color: #ffffff !important;}
.directions a:hover  {color: #ffffff !important;}

.facebook {
	display: block;
	margin-left: 4px;
	width: 20px;
	height: 30px;
	background: url(/wp-content/themes/vision-child/images/facebook.png);
	background-position: bottom;
	text-indent: -99999px;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
}

.twitter {
	display: block;
	width: 29px;
	height: 29px;
	background: url(/wp-content/themes/vision-child/images/twitter.png);
	background-position: bottom;
	text-indent: -99999px;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
}

.pinterest {
	display: block;
	width: 29px;
	height: 29px;
	background: url(/wp-content/themes/vision-child/images/pinterest.png);
	background-position: bottom;
	text-indent: -99999px;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
}

.foursquare {
	display: block;
	width: 29px;
	height: 29px;
	background: url(/wp-content/themes/vision-child/images/foursquare.png);
	background-position: bottom;
	text-indent: -99999px;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
}

.facebook:hover, .twitter:hover, .pinterest:hover, .foursquare:hover {background-position: top;}






/*	--------------------------------------------------
	:: Homepage - Logo Reel
	-------------------------------------------------- */


.marquee-wrapper {
	width: 100%;
	height: 100px;
	background-color: #000; 
}

.marquee {
	position: relative;
    overflow: hidden;
	width: 1000px;
	height: 100px;
	margin: 0 auto;
	padding-top: 20px;
 }
	 
@media screen and (max-width: 568px) {

	.marquee-wrapper {height: 50px;}
	
	.marquee {
		width: 400px;
		height: 50px;
		padding-top: 5px;
	 }
	 
	/*#m1 {height: 50px;}*/
	
	.marquee img {
		width: auto !important;
		height: 40px;
	 }
	
}



/*	--------------------------------------------------
	:: Top Menu (Primary)
	-------------------------------------------------- */


.top-header {
	border-top: 25px solid #6d1d7c;
	background: url(images/menu-bg.png) repeat-x;
	color: black;
	margin-top: 0px;
	margin-bottom: 20px;
}
.top-header a {color: #ffffff; font-size: 14px; text-transform: uppercase;}
.top-header a:hover {color: #ee3b23; text-decoration: underline;}



.nav { margin-top: 45px;}

.top-header nav ul ul {background-color: #efefef; z-index: 9999 !important;}
.top-header nav ul ul li a:hover {
	background-color: #bf2e1a;
	border-top: 0; 
	border-bottom: 0; 
	color: #ee3b23;
	padding: 0px 25px 10px 5px;
	font-weight: 700 !important;
	text-decoration: none;
	margin: 0 0%;
}
.top-header nav ul ul li a {
	display: block;
	border: none;
	padding: 0px 25px 10px 15px !important;
	font-weight: 700 !important;
	margin: 0 0%;
}
.active {
    background-color: #ffffff !important;
	background-image: none;
	border-top: solid 3px #bf2e1a !important; 
	border-bottom: solid 3px #bf2e1a !important; 
    font-weight: 700 !important;
    color: #000000;
    height: 45px !important;
    line-height: 45px !important;
    padding: 0px 15px 10px 15px !important;
	text-shadow: none;
}

/*.top-header nav ul li a:hover {
  background-color: #0F0;
  color: #fb4b3e;
  border-top: 3px solid #fb4b3e;
  border-bottom: 3px solid #fb4b3e;
}*/
.top-header nav ul li a:hover, .active {
    background-color: #ffffff !important;
	background-image: none;
	border-top: solid 3px #bf2e1a; 
	border-bottom: solid 3px #bf2e1a; 
    font-weight: 700 !important;
    color: #000000 !important;
    height: 45px;
    line-height: 45px;
    padding: 0px 15px 10px 15px;
	text-shadow: none;
}
.top-header nav ul li a {
	border-left: none;
	border-bottom: solid 3px #bf2e1a; 
    color: #000000 !important;
	text-transform: uppercase;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 400 !important;
    height: 48px;
    line-height: 48px;
    margin: 0 3%;
    padding: 0px 15px 10px 15px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
	text-shadow: none;
}




.top-header .header-info{
  margin-left:0;
  margin-top:0;
}

.menu-wrap{ position: relative;}
.mega-drop
{
 display:none;
 margin-top: 30px;
 position: absolute;
 top: 40px;
 left: 260px;
 z-index: 1000;

}
.mega-drop .row{position: absolute; width: 570px;  margin: 20px 0 0 0; padding-top: 20px;}
.mega-drop ul {text-align: left; float: left; margin-left: 0;padding-left: 0; }
.mega-drop ul li{margin-left: 0; padding-left: 0;}
.mega-drop ul a{color: #fff !important;font-size: 75% !important;}

.mega-drop h3{color: #fff; font-family: 'Lato', Arial, Helvetica, sans-serif; font-weight: 300; font-size: 14px; text-transform: uppercase; margin-top: 10px;border-bottom: 1px solid #cd422f; padding-bottom: 5px;}

img.marrow{margin-top: -24px; float: left;}
.mega3 img{margin-bottom: 10px;}
.mega3 p {color: #f3c8c2; text-transform: uppercase;}
.mega3 h5{text-transform: uppercase; color: #fff; font-weight: 300;	font-family: 'Lato', Arial, Helvetica, sans-serif; font-size: 1.5em; padding: 0; margin: 0 0 10px 0;
}
.mega3 a.btn.btn-grey{ margin-top: 5px; font-size:90%; background-color: #f0f2f1; color: #000 !important;}

/*	--------------------------------------------------
	:: Mobile Header
	-------------------------------------------------- */

.mobile-header {
	background: #efefef;
	color: black !important;
	margin-top: 0px !important;
	margin-bottom: 20px !important;
}
.mobile-header a {color: #ffffff !important; font-size: 14px; text-transform: uppercase;}
.mobile-header a:hover {color: #ee3b23 !important; text-decoration: underline;}


.mobile-header .container {
  padding-left: 0;
  padding-right: 0;
}


.mobile-header nav ul ul {background-color: #efefef; z-index: 9999 !important; }
.mobile-header nav ul ul li a:hover {
	background-color: #bf2e1a;
	border-top: 0; 
	border-bottom: 0; 
	color: #ee3b23;
	padding: 0px 25px 10px 5px;
	font-weight: 700 !important;
	text-decoration: none;
	margin: 0 0%;
	border-bottom: solid 3px #bf2e1a !important; 
}
.mobile-header nav ul ul li a {
	display: block;
	border: none;
	padding: 0px 25px 10px 15px !important;
	font-weight: 700 !important;
	margin: 0 0% !important;
    height: 35px !important;
    line-height: 35px !important;
	
}
.active {
    background-color: #ffffff !important;
	background-image: none;
	border-bottom: solid 3px #bf2e1a !important; 
    font-weight: 700 !important;
    color: #000000;
    height: 45px !important;
    line-height: 45px !important;
    padding: 0px 15px 10px 15px !important;
	text-shadow: none;
}

.mobile-header nav ul li a:hover, .active {
    background-color: #ffffff !important;
	background-image: none;
	border-bottom: solid 3px #bf2e1a;     
	font-weight: 700 !important;
    color: #000000 !important;
    height: 45px;
    line-height: 45px;
    padding: 0px 15px 10px 15px;
	text-shadow: none;
}
.mobile-header nav ul li a {
	border-left: none;
	border-bottom: solid 3px #bf2e1a; 
    color: #000000 !important;
	text-transform: uppercase;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 400 !important;
    height: 48px;
    line-height: 48px;
    margin: 0 3%;
    padding: 0px 15px 10px 15px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
	text-shadow: none;
}
.mobile-header nav ul li {
	background: #efefef;	
}
/*
.mobile-header ul {
  padding-left: 0;
  margin-left: 0;
}
.mobile-header ul ul {
  background-color: #d5d4d4 !important;
}
.mobile-header ul ul li {
  padding: .5em;
  padding-left: 2em;
}
.mobile-header ul li a:hover {
	color: #000 !important;
	font-weight: 700px;
	background-color: #efefef;
	border-top: 3px solid #bf2e1a;
	border-bottom: 3px solid #bf2e1a;
}
.mobile-header p {
  color:white;
}*/
.fa-bars-header {
	margin: 0 auto;
	background-color: #6c1c7b;
	padding-top: .5em;
	margin-bottom: 10px !important;
	width: 90%!important;
	float: none!important;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0 5px 0 0 #2d0535;
	box-shadow: 0 5px 0 0 #2d0535;
}
.fa-bars-header .fa {
	font-size: 1.5em;
	color: white;
	float: right;  
	position: relative;
	right: 40%;
	cursor: default;
	padding: 0 !important;
}


.mobile-header .header-info {
  text-align: center;
}

@media (max-width: 908px) {
	.mobile-header {display: none;}
	.top-header {display: block;}
}



@media screen and (max-width: 768px) {
	.mobile-header {display: block; padding-top: 0;}
	.top-header {display: none;}

}
	
	
/**********************************************************************************
/* Main Footer *
**********************************************************************************/
.section-main-footer {
	background: url(images/footer-bg.jpg) repeat-x #000;
	color: white;
	padding: 0;

	height: auto; /* Must be same height as <body> */
	width: 100%;
}
.section-main-footer h4 {
	display: none;
}
.section-main-footer ul {
	padding-left: 30px;
	margin-top: 10px;
}
.section-main-footer li {
	list-style-image: url(images/white-arrow.png);
}

.section-main-footer li a {color: #ffffff !important;}
.section-main-footer li a:hover {color: #d9d9d9 !important; text-decoration: underline;}

.section-main-footer .container {
	font-size: 16px;	
}

.section-main-footer .container a {color: #ffffff !important;}
.section-main-fotter .container a:hover {color: #d9d9d9 !important; text-decoration: none;}

.section-main-footer .footer-widget .textwidget {
	margin-top: 45px;
}	

.section-main-footer .col-sm-6 {
	margin-top: 52px; 
	text-align: right;
}

	
.bottom-footer {font-size: 11px; background-color: #000000; padding: 0;}	
.bottom-footer a {color: #ffffff !important;}

	
	
	
	
	
.footer-left, .footer-center {
	width: 25%;
	float: left;
}
.footer-map {
	width: 50%;
	float: right;
	padding-top: 52px;
}

@media (max-width: 768px) {
	.footer-left, .footer-center {width: 50%;}
	.footer-map {display: none;}
}



@media screen and (max-width: 568px) {
	.footer-left, .footer-center {
		width: 100%;
		text-align: center;
	}
	.footer-left .logo {float: none !important; text-align: center !important;}
	.footer-left .footer-widget {display:none;}
	
	.footer-center .textwidget {line-height: 16px;}
	
	.bottom-footer {padding-top: 30px;}
}


	
.section-content-area article {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
	
	
	
	
/*	--------------------------------------------------
	:: Attraction Listing Details
	-------------------------------------------------- */
	
	
.single-attraction {
	float: left;
	width: 31%;
	margin-right: 2% !important;
	margin-top: 2%;
	border: 1px solid #d2d2d2;
	padding: 15px 1% 1% 1%;
	background: #efefef;
	min-height: 150px !important;
	word-wrap: break-word !important;
}
.main-attraction > .single-attraction:nth-child(3n+3n) {
	padding: 15px 0px 0px 0px;
	margin-right: 0 !important;
}

.single-attraction span.phone {padding: 15px 0;}


.attraction-icon {
	float: left;
	width: 23.5% !important;
	margin-right: 2% !important;
	border: 1px solid #e2e1e1;
}
.attraction-icon.last {
	float: left;
	width: 23.5% !important;
	margin-right: 0px !important;
}

a .attraction-icon {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
a .attraction-icon:hover {background: #dbd0ce;}
	
	
@media (max-width: 768px) {
	
	.single-attraction {width: 100%;}
}

@media screen and (max-width: 568px) {
	
	.single-attraction {text-align: center;}
	.attraction-icon, .attraction-icon.last {
		width: 48% !important;
		margin-bottom: 5px;
	}
}
	
	
	
/*	--------------------------------------------------
	:: Events
	-------------------------------------------------- */

.single-event {
	float: left;
	width: 100%;
	border-top: 4px solid #c1301d;
	padding: 5px 15px;
	background: #efefef;
	border: 1px solid #cdcdcd;
}
.date {text-transform: uppercase; background: #6c217e; color: #ffffff; padding: 1% 5% 1% 2%; font-size: 18px; font-weight: 300;}	
.single-event h2 {padding: 1% 0; margin: 0;}	
	
	
	
	

/*	--------------------------------------------------
	:: Store 
	-------------------------------------------------- */

.grid__brick:hover {
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.store-top {
	text-transform: uppercase; 
	background: #6c217e ; 
	padding: 1% 5% 1% 2%; 
}

.store-heading {color: #ffffff; font-size: 34px; font-weight: 300; display: inline;}

.store-row {background: #efefef; padding: 3% 2% 3% 0; margin-bottom: 3px; margin-left: 0;}
.store-row-pref {background: #e5dada; padding: 3% 2% 3% 0; margin-top: 15px; margin-left: 0;}


.prev-next-posts {
	float: left;
	width: 100%;
	padding: 10px;
	border: 1px solid #cdcdcd;
	margin-bottom: 10px;
}

	.previous-post, .next-post {
		background: #ffffff;
		font-size: 16px;
		text-transform:uppercase;
		font-weight: bold;
		padding: 5px 10px;
		text-decoration: none !important;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
	}
	.previous-post:hover, .next-post:hover {background: #e0dede;}
	
	.previous-post a, .next-post a {color: #6c217e !important;}
	.previous-post a:hover, .next-post a:hover {color: #e13f29 !important;}


#grid .col-sm-3 {padding-left: 14px;}




/*	--------------------------------------------------
	:: Full Screen Highlight
	-------------------------------------------------- */
#highlight-bar-container {position: relative; background: #e2e1e1; padding: 4px 9999px; margin: -20px -9999px 20px -9999px; }	
#highlight-bar {padding: 15px 0;}	

#highlight-bar a {color: #bf2e1a !important;}	
#highlight-bar a:hover {color: #bf2e1a !important;}	
	
	
	
	
	
	
/*	--------------------------------------------------
	:: Preferred Option Layout
	-------------------------------------------------- */

.preferred-option {
	margin-bottom: 20px; 
	margin-right: 2% !important;
	border: 1px solid #d2d2d2;
	background: #efefef;
	min-height: 220px;
	max-height: 220px;
	float: left;
	width: 31%;
}

.main-option > .preferred-option:nth-child(3n=3n) {
	margin-right: 0;
}
	
	

@media screen and (max-width: 767px) {

	.preferred-option {
		min-height: 300px;
		max-height: 300px;
	}

}
	
	
	
/*	--------------------------------------------------
	:: Shortcode Columns (Margin Settings)
	-------------------------------------------------- */
	
.one_half {
	width: 49% !important;
	margin-right: 2% !important;
}
.one_half.last_column {
	width: 49% !important;
	margin-right: 0px !important;
}
.one_third {
	width: 32% !important;
	margin-right: 2% !important;
}
.one_third.last_column {
	width: 32% !important;
	margin-right: 0px !important;
}
.two_third {
	width: 66% !important;
	margin-right: 2% !important;
}
.two_third.last_column {
	width: 66% !important;
	margin-right: 0px !important;
}
.one_fourth {
	width: 23.5% !important;
	margin-right: 2% !important;
}
.one_fourth.last_column {
	width: 23.5% !important;
	margin-right: 0px !important;
}


@media (max-width: 768px) {

.one_fourth {width: 48% !important;}
.one_fourth.last_column {width: 48% !important;}

}

@media screen and (max-width: 568px) {

.one_half {width: 100% !important; margin-right: 0px !important;}
.one_half.last_column {width: 100% !important; margin-right: 0px !important;}

.one_third {width: 100% !important; margin-right: 0px !important;}
.one_third.last_column {width: 100% !important; margin-right: 0px !important;}

.two_third {width: 100% !important; margin-right: 0px !important;}
.two_third.last_column {width: 100% !important; margin-right: 0px !important;}

.one_fourth {width: 100% !important; margin-right: 0px !important;}
.one_fourth.last_column {width: 100% !important; margin-right: 0px !important;}

}


.three_fourth {
	width: 74.5% !important;
	margin-right: 2% !important;
}
.three_fourth.last_column {
	width: 74.5% !important;
	margin-right: 0px !important;
}
.one_fifth {
	width: 18.4% !important;
	margin-right: 2% !important;
}
.one_fifth.last_column {
	width: 18.4% !important;
	margin-right: 0px !important;
}
.two_fifth {
	width: 39% !important;
	margin-right: 2% !important;
}
.two_fifth.last_column {
	width: 39% !important;
	margin-right: 0px !important;
}
.three_fifth {
	width: 59% !important;
	margin-right: 2% !important;
}
.three_fifth.last_column {
	width: 59% !important;
	margin-right: 0px !important;
}
.four_fifth {
	width: 79.6% !important;
	margin-right: 2% !important;
}
.four_fifth.last_column {
	width: 79.6% !important;
	margin-right: 0px !important;
}
.one_sixth {
	width: 15% !important;
	margin-right: 2% !important;
}
.one_sixth.last_column {
	width: 15% !important;
	margin-right: 0px !important;
}	
	
	
	
	
/*	--------------------------------------------------
	:: Bootsrap 3 Grid (For Shuffle.js)
	-------------------------------------------------- */

.store-nav {
	float: left;
	width: 25%;
}

.table-center-wrap {
    height: 100%;
    text-align: left;
    width: 100%;
}
.demo-description {
    margin-bottom: 20px;
}
.grid__brick .grid__brick-inner {
    background-color: #f0f0f0;
    border: 1px solid rgba(0, 0, 0, 0.3);
	margin-bottom: 15px;
}

.grid__brick .col-sm-3 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}


@media (max-width: 768px) {
	.grid__brick:nth-child(n+4) {margin-top: 15px;}
	.shuffle--fluid .shuffle__sizer {padding: 0;}
	.store-nav {width: 33% !important;}
	.col-sm-3 {width: 33% !important;}
	.col-sm-9 {width: 66% !important;}
	.grid__brick .grid__brick-inner {margin-bottom: 10px;}
	.grid__brick:nth-child(n+4) {margin-top: 0px;}
}


@media screen and (max-width: 568px) {
	.store-nav {width: 100% !important;}
	.col-sm-9 {width: 100% !important;}
	.col-sm-3 {width: 50% !important;}
	.grid__brick {
		width: 50% !important;
		float: left !important;
	}
}




/*	--------------------------------------------------
	:: SORT BY (Sidebar) -- Store Directory
	-------------------------------------------------- */

.aside {
    background-color: #eeeeee;
    height: auto;

}
.aside + .aside {
    margin-top: 10px;
}

.search-title {
	text-transform: uppercase;
	background-color: #e3e2e2;
	padding: 10px 15px;
	color: black;
	font-weight: bold;
}




ul.search-options {
	border-bottom: dotted 1px #777777;
	line-height: 25px;
	list-style: none; 
	padding: 5% 0;
	margin: 0;
}
ul.search-options li { margin:0; padding: 0;}
ul.search-options li > :hover { background-color: #e3e2e2;}
ul.search-options li a {padding-left:20px;color: #bf2e1a; line-height: 30px;}




/* Printable PDF Directory Link */ 	
.print {
	text-transform: uppercase;
	background-color: #e3e2e2;
	padding: 10px 15px;
	color: black;
	font-weight: bold;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
}
.print:hover {background: #d0cfcf;}

.print a {color: #6c217e !important;}
.print a:hover {color: #e13f29 !important;}
	
	
@media screen and (max-width: 568px) {

	h1 {font-size: 20px;}
	.feature {display: none;}
	
	.mobile-image {display: none;}
	
}
	
@media screen and (max-width: 768px) {
	
	
	
	h4 {
		border-bottom: 3px solid #d4d4d4;
		border-top: none;
		
	}
	h4 span {margin-top: 20px; position: static; top: 0px !important; background: none !important;}
	

	.store-row-pref {margin-bottom: 20px;}

}