@charset "iso-8859-1";

/*
	Overrides for the new mobile menu
*/
	#mobile-menu { background-color: #53a29f; display: none; font-weight: normal; opacity: 0; position: absolute; text-transform: uppercase; top: -1500px; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; z-index:100; }
	#mobile-menu.open { display: block; opacity: 1; top: 70px; }
	#mobile-trigger>div { transition-duration: 0.5s; -webkit-transition-duration: 0.5s; }
	#mobile-trigger>div.open { background-color: #53a29f; }
	
	#mobile-menu .level0 { overflow: hidden; }
	#mobile-menu .level0>.level1 { clear: left; display: block; float: left; height: 40px; padding-left: 5%; text-align: left; width: 100%; }
	#mobile-menu .level0 li.level1 { border-bottom: 4px solid #30807d; }
	#mobile-menu .level0 li.level1.parent.open { background-color: #93cbca; border-bottom: none; }
	#mobile-menu .level0 li.level1.parent.open>span { border-bottom: 3px solid #30807d; }
	#mobile-menu .level0 li.level1.parent>span.level1.parent>span { float: left; }
	#mobile-menu .level0 li.level1.parent>span.level1.parent .arrow { border-style: solid; border-width: 14px 7px 0 7px; border-color: #ffffff transparent transparent transparent; float: left; height: 0; margin-top: 14px; padding: 0; width: 0; }
	#mobile-menu .level0 li.level1.parent.open>span.level1.parent .arrow { border-color: transparent transparent #ffffff transparent; border-width: 0 7px 14px 7px; }
	/*#mobile-menu .level0 li.level2 { border-bottom: 4px solid #30807d; }*/
	/*
	#mobile-menu .level0>.level1:hover { background-color: #92cbca; }
	#mobile-menu .level0>.level1:hover span { color: #ffffff; }
	*/
	#mobile-menu .level0>.level1 span { color: #ffffff !important; font-size: 17px !important; height: 40px; line-height: 40px; }
	#mobile-menu .level0>.level1.parent { height: auto; }
	
	#mobile-menu .level0 li.level2 { background-color: #93cbca; clear: both; display: block; float: left; width: 100%; }
	#mobile-menu .level0 ul.level2 { display: none; }
	#mobile-menu .level0 a.level2 { background-color: inherit; background-image: url(../../../images/harsanik/icons2.png); background-repeat: no-repeat; border-bottom: 3px solid #30807d; margin-left: 30px; padding-left: 30px; width: 220px; }
	#mobile-menu .level0 a.level2 span { background-color: inherit;  }
	
	#mobile-menu .level0 a.level2.cat44 { background-position: -325px 10px; }
	#mobile-menu .level0 a.level2.cat42 { background-position: -325px -50px; }
	#mobile-menu .level0 a.level2.cat55 { background-position: -325px -110px; }
	#mobile-menu .level0 a.level2.cat65 { background-position: -325px -170px; }
	#mobile-menu .level0 a.level2.cat46 { background-position: -325px -230px; }
	#mobile-menu .level0 a.level2.cat45 { background-position: -325px -290px; }
	#mobile-menu .level0 a.level2.cat56 { background-position: -325px -350px; }
	#mobile-menu .level0 a.level2.cat54 { background-position: -325px -410px; }
	#mobile-menu .level0 a.level2.cat64 { background-position: -325px -470px; }
	#mobile-menu .level0 a.level2.cat43 { background-position: -325px -530px; }
	#mobile-menu .level0 a.level2.cat51 { background-position: -325px -590px; }
	#mobile-menu .level0 a.level2.cat60 { background-position: -325px -650px; }
	#mobile-menu .level0 a.level2.cat50 { background-position: -325px -710px; }
	#mobile-menu .level0 a.level2.cat47 { background-position: -325px -770px; }
	#mobile-menu .level0 a.level2.cat57 { background-position: -325px -830px; }
	#mobile-menu .level0 a.level2.cat48 { background-position: -325px -890px; }
	#mobile-menu .level0 a.level2.cat52 { background-position: -325px -950px; }
	#mobile-menu .level0 a.level2.cat49 { background-position: -325px -1010px; }
	#mobile-menu .level0 a.level2.cat62 { background-position: -325px -1070px; }
	#mobile-menu .level0 a.level2.cat53 { background-position: -325px -1130px; }
	#mobile-menu .level0 a.level2.cat66 { background-position: -325px -1190px; }
	#mobile-menu .level0 a.level2.cat58 { background-position: -325px -1250px; }
	
	
	#mobile-menu .level0 a.level2.cat44.current { background-position: 0 10px; }
	#mobile-menu .level0 a.level2.cat42.current { background-position: 0 -50px; }
	#mobile-menu .level0 a.level2.cat55.current { background-position: 0 -110px; }
	#mobile-menu .level0 a.level2.cat65.current { background-position: 0 -170px; }
	#mobile-menu .level0 a.level2.cat46.current { background-position: 0 -230px; }
	#mobile-menu .level0 a.level2.cat45.current { background-position: 0 -290px; }
	#mobile-menu .level0 a.level2.cat56.current { background-position: 0 -350px; }
	#mobile-menu .level0 a.level2.cat54.current { background-position: 0 -410px; }
	#mobile-menu .level0 a.level2.cat64.current { background-position: 0 -470px; }
	#mobile-menu .level0 a.level2.cat43.current { background-position: 0 -530px; }
	#mobile-menu .level0 a.level2.cat51.current { background-position: 0 -590px; }
	#mobile-menu .level0 a.level2.cat60.current { background-position: 0 -650px; }
	#mobile-menu .level0 a.level2.cat50.current { background-position: 0 -710px; }
	#mobile-menu .level0 a.level2.cat47.current { background-position: 0 -770px; }
	#mobile-menu .level0 a.level2.cat57.current { background-position: 0 -830px; }
	#mobile-menu .level0 a.level2.cat48.current { background-position: 0 -890px; }
	#mobile-menu .level0 a.level2.cat52.current { background-position: 0 -950px; }
	#mobile-menu .level0 a.level2.cat49.current { background-position: 0 -1010px; }
	#mobile-menu .level0 a.level2.cat62.current { background-position: 0 -1070px; }
	#mobile-menu .level0 a.level2.cat53.current { background-position: 0 -1130px; }
	#mobile-menu .level0 a.level2.cat66.current { background-position: 0 -1190px; }
	#mobile-menu .level0 a.level2.cat58.current { background-position: 0 -1250px; }
	
	/*#mobile-menu .level0 li.current { background-color: #92cbca; }*/
	#mobile-menu .level0 li.current span { color: #30807d !important; }
	#mobile-menu .level0 .level1.current>span { color: #ffffff !important; }
	
	#mobile-menu .level0 a.myfavorites.level2, #mobile-menu .level0 a.myreviews.level2, #mobile-menu .level0 a.myprofile.level2 { background: none; margin:0;  }
	
	#mobile-menu .level0 .level1 form * { float: left; margin-right: 10px; }
	#mobile-menu .level0 #logout { color: #ffffff; font-size: 17px; margin-top: 10px; }
	#mobile-menu .level0>.level1.extra a { color: #ffffff; font-size: 17px; font-weight: bold; margin-left: 6px; margin-top: 7px; } 
	
	#mobile-menu .level1.extra form.submission>span:nth-child(1) { display: none; }
	
	
/*
	Bug fixes in phase 2 
*/
	/*
		blog and q&a pages
	*/
		#qa-article #qa-header { overflow: hidden; }
		#qa-article #qa-header h1 { background: #92cbca; height: 35px; float: left; margin: 0px; padding: 0px; width: 528px; }
		#qa-article #qa-header .harsanik-leftend-ribbon { background: url(../../../images/harsanik/ribbon-reverse.png) left no-repeat; content: " "; height: 45px; float: left; width: 70px; }
		#qa-article #qa-header .harsanik-rightend-ribbon { background: url(../../../images/harsanik/ribbon.png) right no-repeat; content: " "; height: 45px; float: left; width: 70px; }
		@media (min-width: 768px) and (max-width: 1279px)
		{
			#qa-article #qa-header h1 { line-height: 35px; width: 260px; }
		} 
		@media (max-width: 767px)
		{
			#qa-article #qa-header h1 { font-size: 3vw; line-height: 30px; }
			#qa-article #qa-header h1 span { display: inline-block; line-height: 3vw; vertical-align: middle; }
		}
	
	/*
		Sign-in page ribbon on mobile
	*/ 
		@media (max-width: 768px)
		{
			#signin-left>h2 { background-size: contain; font-size: 3.33vw; letter-spacing: 0.26em; line-height: 2.2em; margin: 0 0 15px; min-height: 2.6em; padding: 0; width: 100%; }
		}
	
	/*
		featured stuff in blog page - mobile
	*/
		@media (max-width: 767px)
		{ 
			#harsanik-blog-showcase a { display: block; }
		}

	/*
		Sort-by-city item alignment
	*/
		#sort-by-city { height: 20px; margin-top: -2px; padding-top: 0px; }
		#sort-submit { margin-top: -1px; }
	
	/*
		Front page slider
	*/
		.wk-slideshow-default .nav span { background-image: url(../images/nav3.png); }
		.wk-slideshow-default .nav span:hover { background-position: 0 -18px; }
		.wk-slideshow-default .nav .active span { background-position: 0 -18px; }
	
	/*
		Add to favorites button
	*/
		#bookmark, #unbookmark { background: #92cbca; border-radius: 5px;  color: #fff; text-align: center; }

	/*
		Fix spacing in article listings
	*/
		article.item .avPlayerWrapper  { margin-top: 20px; }
		article.item .read-full-story { margin-top: 0px; }
		article.item .read-full-story a { margin-bottom: 0px; text-decoration: none; }
		article.item .meta { margin-top: 20px; }
		@media (max-width: 1279px)
		{
			article.item .avPlayerWrapper { margin-top: 10px; }
		}
	
	/*
		My-reviews page
	*/
		.review-user-picture { max-width: 50px; }
		#myreviews .review-title { max-width: 80%; }
		@media (max-width: 479px)
		{
			#myreviews .review-title { max-width: 75%; }
		}
	
	/*
		Sorting box on mobile
	*/
		@media (max-width: 320px)
		{
			.sorting .custom-radio-cont { height: 35px; }
			.sorting .custom-radio-cont label { margin-top: 3px; }
			.sorting .custom-radio-cont>* { float: left; max-width: 90px; }
			.sorting .custom-radio-cont form { max-width: 100%; }
			.sorting .custom-radio-cont form>* { float: left; }
			.sorting #sort-by-city { width: 63px; }
			.sorting #sort-submit { width: 22px; }
		}

	/*
		Icon for 'my-reviews' menu item
	*/
		#desktop-menu .myreviews { background-image: url(../../../images/harsanik/rating-diamond.png); background-position-y: 5px; }
		#desktop-menu .myreviews:hover, #desktop-menu .myreviews.active { background-image: url(../../../images/harsanik/rating-diamond-white.png); }
		@media (min-width: 767px) and (max-width: 1279px)
		{
			#desktop-menu .myreviews { margin-left: 15px; }
		}

	/*
		Ribbon for the hidden blog subpages
	*/
		.harsanik-blog-subpage #system>h1 { background: #92cbca; color: #ffffff; height: 35px; float: left; font-family: sofia_pro_lightregular; font-size: 20; font-weight: bold; margin: 0px; padding: 0px; text-align: center; text-transform: uppercase; width: 528px; }
		.harsanik-blog-subpage #system>.harsanik-leftend-ribbon { background: url(../../../images/harsanik/ribbon-reverse.png) left no-repeat; content: " "; height: 45px; float: left; width: 70px; }
		.harsanik-blog-subpage #system>.harsanik-rightend-ribbon { background: url(../../../images/harsanik/ribbon.png) right no-repeat; content: " "; height: 45px; float: left; width: 70px; }
		@media (min-width: 768px) and (max-width: 1279px)
		{
			.harsanik-blog-subpage #system>h1 { width: 260px; }
		} 
		@media (max-width: 767px)
		{
			.harsanik-blog-subpage #system>h1 { font-size: 3vw; line-height: 35px; }
			.harsanik-blog-subpage #system>h1 span { display: inline-block; line-height: 3vw; vertical-align: middle; }
		}
	
	/*
		Scroll to top
	*/
		#scroll-container { bottom: 60px; cursor: pointer; height: 60px; position: fixed; right: 10px; width: 60px; z-index: 1000; }
		#scroll-to-top { background: url(../../../images/harsanik/scroll-to-top.png) center / auto no-repeat #eee; border-radius: 2px; height: 40px; margin: 10px; width: 40px; }
		#scroll-to-top:after { content: ''; display: block; height: 40px; left: -20px; padding: 20px; position: absolute; top: -20px; width: 40px; }
	
		
	/*
		Search suggestions on mobile
	*/
		@media (max-width: 400px)
		{
			#search .results { right: -50px; }
		}  

	/*
		System messages
	*/
		#system-message .alert-heading { display: none; }
		
	/*
		Distance between main menu items and fixes for whatever came up
	*/
		#desktop-menu { text-align: left !important; }
		#desktop-menu li.level1 { display: inline-block; }
		#desktop-menu .level1.item1157 .dropdown, #desktop-menu .level1.item1157 .dropdown>div { width: 100% !important; }
		
	/*
		Show youtube video in directory pages
	*/
		#content .listing-desc table { width: 100%; }
		
	/*
		Trim white space on top
	*/	
		@media (min-width: 768px)
		{
			#headerbar { height: 60px; }
		}
		
	/*
		Fix icons on 'most popular' item hover and link on view all
	*/
		@media (min-width: 768px) and (max-width: 1279px)
		{
			.top-categories > div:hover .icon.cat44 { background-position: -226px 4px; }
			.top-categories > div:hover .icon.cat42 { background-position: -226px -38px; }
			.top-categories > div:hover .icon.cat55 { background-position: -226px -80px; }
			.top-categories > div:hover .icon.cat65 { background-position: -226px -122px; }
			.top-categories > div:hover .icon.cat46 { background-position: -226px -164px; }
			.top-categories > div:hover .icon.cat45 { background-position: -226px -206px; }
			.top-categories > div:hover .icon.cat56 { background-position: -226px -248px; }
			.top-categories > div:hover .icon.cat54 { background-position: -226px -290px; }
			.top-categories > div:hover .icon.cat64 { background-position: -226px -332px; }
			.top-categories > div:hover .icon.cat43 { background-position: -226px -374px; }
			.top-categories > div:hover .icon.cat51 { background-position: -226px -416px; }
			.top-categories > div:hover .icon.cat60 { background-position: -226px -458px; }
			.top-categories > div:hover .icon.cat50 { background-position: -226px -500px; }
			.top-categories > div:hover .icon.cat47 { background-position: -226px -542px; }
			.top-categories > div:hover .icon.cat57 { background-position: -226px -584px; }
			.top-categories > div:hover .icon.cat48 { background-position: -226px -626px; }
			.top-categories > div:hover .icon.cat52 { background-position: -226px -668px; }
			.top-categories > div:hover .icon.cat49 { background-position: -226px -710px; }
			.top-categories > div:hover .icon.cat62 { background-position: -226px -752px; }
			.top-categories > div:hover .icon.cat53 { background-position: -226px -794px; }
			.top-categories > div:hover .icon.cat66 { background-position: -226px -836px; }
			.top-categories > div:hover .icon.cat58 { background-position: -226px -878px; }
		}
		@media (max-width: 767px)
		{
			#view-cats-wrapper { font-size: 15px; text-decoration: none; text-transform: capitalize; }
		}
		
	/*
		Text under diamonds in review container
	*/
		.dir-rating { text-align: left; width: 120px; }
		.dir-rating.write-review { text-align: left; }

	/*
		Footer fixes
	*/
		.disclaimer { color: #7c7c7c; font-size: 12px; }
		@media (min-width: 1280px)
		{
			.disclaimer { font-size: 13px; }
		}
		@media (max-width: 767px)
		{
			.disclaimer { color: #ffffff; }
		}

	/*
		No underline on links
	*/	
		.reviews-signin a { text-decoration: none; }
		.latest-reviews .read-full { text-decoration: none; }
		
	/*
		Fix social icons on  mobile res
	*/
		@media (max-width: 767px)
		{
			.follow-us li { background-size: 26px; height: 26px; width: 26px; }
			.follow-us #instagram-icon { background-position: 0px -94px; }
			.follow-us #facebook-icon { background-position: 0px 0px; }
			.follow-us #twitter-icon { background-position: 0px -62px; }
			.follow-us #pinterest-icon { background-position: 0px -30px; }
		}


	/*
		Phone number in directory listing goes on 2 lines
	*/		
		.listing-details { min-height: 100px; }
		@media (max-width: 480px)
		{
			.listing-details .listing-address>* { display: inline-block; }
		}

	/*
		Bridal show page
	*/
		#bshow_2015 { color: #92cbca; text-transform: uppercase; }
		#bshow_2015 .line1, #bshow_2015 .line2 { clear: both; display: block; letter-spacing: 2px; margin: auto; text-align: center; }
		#bshow_2015 .line1 { font-size: 20px; margin-bottom: 15px; }
		#bshow_2015 .line2 { font-size: 28px; line-height: 28px; } 
		#bshow_2015 .little-bar { background-color: #92cbca; color: #92cbca; display: block; font-size: 1px;  height: 10px; margin: 20px auto; width: 50px; }

	/*
		Align listing map
	*/
		#listing-map { margin: 0; }

	/*
		Break long lines in reviews container
	*/
		#reviews-container .review-body { hyphens: auto; -moz-hyphens: auto -ms-word-break: break-word;  -webkit-hyphens: auto; word-break: break-word; }
		
	/*
		Button used to remove file in review
	*/
		.review-file-remover { background: white; border: none; color: #92cbca; float: right; font-size: 16px; margin-right: -5px; margin-top: 2px; }