/*
* Theme Name: Dream Spa
* Theme URI: http://webriti.com/dream-spa-child-version-details-page/
* Description: A responsive theme for SPA SALON and BEAUTY SALON, uses multiple nav menus, right-sidebar,Featured Slider and Beautifully designed home page all manage via option panel.It has a pixel-perfect design that is great for any health care ,salons , spas etc related services who wants a new look for their site. Also you can convert this theme in busniess variant of your choice.
* Version: 1.2.5
* Author: webriti
* Author URI: http://www.webriti.com
* Tags: full-width-template, threaded-comments, right-sidebar, one-column, two-columns, custom-menu, sticky-post, translation-ready,featured-images, blog
* License: GNU General Public License v3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Copyright (c) 2013 webriti. All rights reserved.
* Text Domain: dream-spa
* Template:     spasalon
*/

/*===================================================================================*/
/*	CAPTION OF SLIDER
/*===================================================================================*/

.caption-overlay { 
	height: auto;
	left: 0;
	padding: 0px 30px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 0; 
	margin: 0 auto;
}
.caption-overlay h1 { font-size: 3.5em; font-weight:700; line-height:125%; word-wrap:break-word; margin:0 0 20px; } 
.caption-overlay p { font-size: 22px; line-height: 30px; margin: 0 0 30px; } 

h1.txt{ text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.6); }
.txt p{ text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6); }

@media (max-width: 992px) { 
.caption-overlay h1 { font-size: 2.5em; } 
.caption-overlay p { font-size: 20px; line-height: 25px; } 
}
@media (max-width: 767px) { 
.caption-overlay h1 { font-size: 2em; margin: 0 0 10px; } 
.caption-overlay p { font-size: 15px; line-height: 22px; margin: 0 0 20px; } 
.flexslider .more-link { font-size: 12px; padding: 6px 16px; }
.flexslider .more-link:hover { padding: 6px 24px; }
}
@media (max-width: 480px) { 
.caption-overlay h1 { font-size: 1.2em; margin: 0 0 5px; } 
.caption-overlay p { font-size: 12px; line-height: 20px; margin: 0 0 10px; }
.flexslider .more-link { font-size: 10px; padding: 5px 15px; }
.flexslider .more-link:hover { padding: 5px 22px; }
}
.service .widget_wbr_feature_page_widget { padding: 0 15px; }