/*
	Theme Name: Gagan Tattoo Inn
	Theme URI: https://www.gagantattooinn.com
	Description: Gagan Tattoo Inn
	Version: 2.0
	Author: Pixmandu Pvt. Ltd.
	Author URI: https://www.pixmandu.com
*/

@font-face {
    font-family: 'PixmanduWebFont';
    src: url('https://www.gagantattooinn.com/wp-content/themes/gagantattooinn/fonts/Roboto-BoldCondensed-webfont.eot');
    src: url('https://www.gagantattooinn.com/wp-content/themes/gagantattooinn/fonts/Roboto-BoldCondensed-webfont.eot#iefix') format('embedded-opentype'),
         url('https://www.gagantattooinn.com/wp-content/themes/gagantattooinn/fonts/Roboto-BoldCondensed-webfont.woff') format('woff'),
         url('https://www.gagantattooinn.com/wp-content/themes/gagantattooinn/fonts/Roboto-BoldCondensed-webfont.ttf') format('truetype'),
         url('https://www.gagantattooinn.com/wp-content/themes/gagantattooinn/fonts/Roboto-BoldCondensed-webfont.svg#PixmanduWebFont') format('svg');
    font-weight: normal;
    font-style: normal;

}
body { background:#2B3033 url('https://www.gagantattooinn.com/wp-content/themes/gagantattooinn/images/background.jpg') no-repeat center top; line-height:1; margin:0; padding:0; }
body { font-family: "Arial", "Georgia", "Helvetica", "Geneva", sans-serif; font-size:13px; color:#B0B0B0; }


h1, h2, h3, h4, #nav ul, a.readmore, .formStyle .wpcf7-submit { font-family: "PixmanduWebFont", "Arial", serif; }

img::selection		{ background: transparent; }
img::-moz-selection	{ background: transparent; }

a			{ color:#FFF; text-decoration:none; }
a:hover		{ color:#0071C4; }
small		{ font-size:10px; }

body a, .wpcf7-submit { 
	-webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.3s ease;
	transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; -o-transition-duration: .5s;
}

.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

.clear		{ clear:both; display:block; font-size:0; height:0; line-height:0; width:100%; }
.space		{ height:30px; }
.red		{ color:#D70800; }


/* Fluid Columns
======================= */
.one_half		{ width:48%; }
.one_third		{ width:30.66%; }
.one_fourth		{ width:22%; }
.one_fifth		{ width:16.8%; }
.one_half, .one_third, .one_fourth, .one_fifth  { position:relative; margin-bottom:4%; margin-right:4%; float:left; }
.last			{ margin-right:0 !important; clear:right; }
.one_left		{ float:left; }
.one_right		{ float:right !important; }
.alignLeft		{ text-align:left !important; }
.alignCenter	{ text-align:center !important; }
.alignRight		{ text-align:right !important; }


/* WRAPPER
======================= */
#wrapper { position:relative; margin:0 auto; width:960px; }


/* HEADER
======================= */
#header	{ position:relative; width:100%; }

.hdr	{ height:120px; }
.hdr .logo { width:544px; margin:0 0 0 -40px; height:120px; }

/* nav
----------------------- */
#nav { position:relative; margin-bottom:30px; height:50px; background:url('https://www.gagantattooinn.com/wp-content/themes/gagantattooinn/images/nav-bg.png') no-repeat; }
#nav { box-shadow: 0 0 10px #1F1F20; -webkit-box-shadow: 0 0 10px #1F1F20; -moz-box-shadow: 0 0 10px #1F1F20; }
#nav ul { display:block; margin:0 20px; height:50px; }
#nav ul li { float:left; display:inline; height:50px; line-height:50px; }
#nav ul li a { display:block; font-size:20px; color:#D1D1D1; text-transform:uppercase; padding:0 20px; text-shadow:1px 1px 0 #000; }
#nav ul li a:hover { 
	color:#FFF; padding:0 19px; 
	border-left:1px solid #0A0B0B; border-right:1px solid #0A0B0B; 
	background:url('https://www.gagantattooinn.com/wp-content/themes/gagantattooinn/images/nav-hover.png') repeat-x;
}
#nav ul li.current_page_item a,
#nav ul li.current-cat a,
#nav ul li.current-menu-item a,
#nav ul li.current-menu-parent a,
#nav ul li.current-post-parent a { 
	color:#FFF; padding:0 19px; 
	border-left:1px solid #003C68; border-right:1px solid #003C68; 
	background:url('https://www.gagantattooinn.com/wp-content/themes/gagantattooinn/images/nav-hover.png') repeat-x;
}

/* banner
----------------------- */
#banner { height:300px; padding:20px; margin-bottom:30px; background-color:#000; }
#banner	{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
#banner { box-shadow: 0 0 10px #131314; -webkit-box-shadow: 0 0 10px #131314; -moz-box-shadow: 0 0 10px #131314; }

.slider { position:relative; width:920px; height:300px; }

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

.flex-direction-nav { display:none; visibility:hidden; }

.flex-control-nav { position:absolute; bottom:15px; right:-29px; padding:7px 0 0 15px;  width:141px;/*156*/ height:36px;/*43px*/ }
.flex-control-nav { background:url('https://www.gagantattooinn.com/wp-content/themes/gagantattooinn/images/banner-control-bg.png') no-repeat; }
.flex-control-nav li { margin: 0 0 0 7px; display:inline-block; zoom:1; *display:inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {
	width: 15px; height: 15px;
	display: block;  background: url('https://www.gagantattooinn.com/wp-content/themes/gagantattooinn/images/banner-control.png') no-repeat left top; 
	cursor: pointer; overflow: hidden; text-indent: 9999px;
}
.flex-control-nav li a:hover { }
.flex-control-nav li a.active { background-position:left bottom; }

/* Caption style */
/* IE rgba() hack */
.flex-caption {
	background:none; 
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); 
	zoom: 1;
}
.flex-caption { max-width:50%; padding:10px; position:absolute; left:10px; bottom:10px; 
	background: rgba(0,0,0,.8);  color:#fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size:20px; line-height:20px;
}



/* INNER
======================= */
#inner { position:relative; width:100%; margin-bottom:30px; }


/* widget */
.widget	{ position:relative; width:250px; padding:25px; background:url('https://www.gagantattooinn.com/wp-content/themes/gagantattooinn/images/box-bg.png') repeat; }
.widget	{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.widget { box-shadow: 0 0 10px #131314; -webkit-box-shadow: 0 0 10px #131314; -moz-box-shadow: 0 0 10px #131314; }
.widget h2 { margin-bottom:20px; font-size:25px; line-height:25px; color:#fff; text-transform:uppercase; }
.widget p { line-height:20px; }

/* widget post-box */
.widget .post-box { margin-bottom:20px; }
.widget .post-box img { float:left; width:55px; height:55px; padding:4px; border:1px solid #272727; clear:both; }
.widget .post-box .desc { padding-top:5px; padding-left:15px; overflow:hidden; }
.widget .post-box h3 { font-size:18px; line-height:18px; }
.widget .post-box span { font-size:12px; line-height:18px; color:#6D6D6D; }
.widget .post-box a:hover img { border-color:#0071C4; }

/* readmore */
a.readmore { display:inline-block; padding:7px 10px 3px 10px; background-color:#000; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
a.readmore { color:#0071C4; font-size:16px; text-transform:uppercase; }
a.readmore:hover { color:#000; background-color:#00497F; }


/* index */
#index { width:100%; clear:both; }

#index .widget { float:left; height:250px; margin-right:30px; }
#index a.readmore { position:absolute; bottom:25px; left:25px; }



/* sidebar
----------------------- */
#sidebar { float:right; width:300px; }
#sidebar .widget { margin-bottom:30px; } 
#sidebar .last { margin-bottom:0!important; } 



/* content
----------------------- */
#content { float:left; width:580px;/*630*/ min-height:500px; padding:25px; background:url('https://www.gagantattooinn.com/wp-content/themes/gagantattooinn/images/box-bg.png') repeat; }
#content { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
#content { box-shadow: 0 0 10px #131314; -webkit-box-shadow: 0 0 10px #131314; -moz-box-shadow: 0 0 10px #131314; }


/* gallery-posts */
.gallery-posts		{ float:left; width:176px; margin-bottom:25px; margin-right:26px; text-align:center; }
.gallery-posts img	{ display:block; width:176px; height:176px; }
.gallery-posts h3	{ padding-top:10px; font-size:16px; line-height:16px; text-transform:uppercase; }

/* gallery-posts */
.artist-posts		{ margin-bottom:30px; }
.artist-posts img	{ float:left; width:176px; height:176px; padding:4px; border:1px solid #272727; clear:both; }
.artist-posts a:hover img { border-color:#0071C4; }
.artist-posts .desc { padding-left:25px; overflow:hidden; }
.artist-posts h3	{ margin-bottom:20px; font-size:25px; line-height:25px; text-transform:uppercase; }
.artist-posts p		{ font-size:13px; line-height:20px; }
.artist-posts a.readmore {  margin-top:20px; }

.page-title		{ margin-bottom:20px; font-size:25px !important; line-height:25px; color:#fff; text-transform:uppercase; }
.page-title span { color:#888888; }
.entry-title	{ margin-bottom:20px; font-size:25px !important; line-height:25px; color:#fff; text-transform:uppercase; }
.post-info		{ font-size:13px; margin-bottom:20px; padding:5px 0; border-top:1px dashed #D7D7D7; border-bottom:1px dashed #D7D7D7; }
.post-meta		{ font-size:13px; margin:10px 0 20px 0; padding:10px 0; border-top:1px dashed #D7D7D7; border-bottom:1px dashed #D7D7D7; }
.shareicon		{ margin-bottom:25px; padding:10px 0; border:1px dashed #272727; border-left:none; border-right:none; }


/* article
-------------- */
article { clear:both; }
article h1, article h2, article h3, article h4 { margin-bottom:20px; color:#FFF; }
article h1 { font-size:28px; line-height: 30px; }
article h2 { font-size:24px; line-height: 19px; }
article h3 { font-size:20px; line-height: 25px; }
article h4 { font-size:16px; line-height: 20px; }
article, 
article p { font-size:14px; line-height:20px; } 
article p { margin-bottom:20px; }

article .date { display:block; margin-bottom:10px; }

article ul { margin-left:20px; padding-bottom:10px; list-style-type:disc; }
article ol { margin-left:20px; padding-bottom:10px; list-style-type:decimal; }
article ul li,
article ol li { padding-bottom:5px; }

article dl { margin-bottom:20px; }
article dt { float: left; clear: left; width:100px; text-align: left;  font-weight: bold; }
article dt:after { content: ":"; }
article dd { margin: 0 0 0 110px; padding: 0 0 0.5em 0; }

article img { max-width:100% !important; }


/* BLACKQUOTE */
blockquote { margin-bottom:20px; padding:0 10px 15px 30px; font-style:italic; background:url('https://www.gagantattooinn.com/wp-content/themes/gagantattooinn/images/quote-open.png') no-repeat 10px 5px; }
blockquote p { padding:8px; margin:2px; }
blockquote blockquote { margin:1em 0 1em; }

pre		{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; background: #faf8f0; }
pre code	{ display: block; padding: 10px; border: 1px solid #E0E0E0;  background: #faf8f0; }
code { padding:5px; background-color:#fff; }

/* content img */
.wp-caption img, .alignnone {
	display:block; max-width: 98% !important;
	/* Resize the image for IE6 */
	width: expression(this.width > 600 ? 600: true); height:auto;
}

/* WP Default CSS Customize */
/* Alignment */
.alignleft { display: inline; float: left; margin-right: 1.625em; }
.alignright { display: inline; float: right; margin-left: 1.625em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

/* Image Alignment */
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; }
/* Wp Caption */
p img, .wp-caption { margin-top: 0.4em; }
.wp-caption { margin-bottom: 1.625em; max-width: 96%; }
.wp-caption img { display: block; margin: 0 auto; max-width: 98%; }
.wp-caption .wp-caption-text { color: #666; font-size: 11px; line-height:14px; text-align:center; padding-top:10px; position: relative; }


/* .object video
-------------- */
article object, 
article iframe { 
	display:block; margin:0 auto 25px auto; clear:both; width:100%; height:390px !important; 
}
article embed { width: 100% !important; height:390px !important; }


/* .gallery
-------------- */
article .gallery { position:relative; clear:both; }
article .gallery .one_fourth { margin-bottom:3%; }
article .gallery img { display: block; width:128px; height:128px; }
article .gallery .caption { display:block; width:121px; text-align:center; color:#666; font-size:11px; line-height:14px; padding-top:5px; }
article .gallery .border { position:absolute; display:none; left:0; top:0; width:121px; height:121px; border:5px solid #000; z-index:999; }


/* .formStyle
-------------- */
.formStyle { display:block; }

.wpcf7-text		{ width:290px; height:35px; line-height:35px; padding:0 14px; }
.wpcf7-textarea	{ width:400px; height:150px; padding:10px 14px; resize:none; }
.wpcf7-submit	{ display:block; }

.formStyle .wpcf7-text,
.formStyle .wpcf7-textarea { 
	display:block; font-size:14px; color:#8C8C8C; background-color:#2E2F31;
	border:1px solid #353738; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
	box-shadow: inset 0 0 20px #000; -webkit-box-shadow: inset 0 0 20px #000; -moz-box-shadow: inset 0 0 20px #000; 
}

.formStyle .wpcf7-submit { padding:0 20px; height:35px; line-height:35px; background-color:#000; cursor:pointer; }
.formStyle .wpcf7-submit { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.formStyle .wpcf7-submit { color:#0071C4; font-size:16px; text-align:center; text-transform:uppercase; }
.formStyle .wpcf7-submit:hover	{ color:#000; background-color:#00497F; }

.formStyle br { display:none; visibility: hidden; }
.formStyle p { margin-bottom:10px !important; }

.checkBox { position:relative; margin-bottom:10px; padding-left:20px; }
.checkBox input[type="checkbox"] { float:left; margin-right:10px; margin-top:2px; line-height:20px; }
.checkBox span { display:block; line-height:16px; }

.txtBox { position:relative; margin-bottom:15px; max-width:315px; }
.txtBox label { position:absolute; top:9px; left:15px; color:#8C8C8C; z-index:1; }
.txtBox img { position:absolute; top:4px; right:0; display:block; height:27px; border:1px solid #C5C5C5; }

.wpcf7-text:focus, .wpcf7-select:focus, .wpcf7-textarea:focus { color:#FFF !important; }

.wpcf7-not-valid-tip-no-ajax { margin:-26px 0 20px 15px; font-size:11px !important; }
.wpcf7-response-output { display:block; margin:0 !important; padding:8px !important; }
.wpcf7-validation-errors, wpcf7-mail-sent-ng { font-size:11px; border:1px solid #353738 !important; color:#fff; }

.wpcf7-not-valid-tip { top: -30px !important; left: 10px !important; border:none !important; color:#FF0000; background:none !important; }


/* FOOTER
======================= */
#footer	{ position:relative; margin-bottom:30px; padding:0 20px; height:60px; color:#6C6C6C; background:url('https://www.gagantattooinn.com/wp-content/themes/gagantattooinn/images/box-bg.png') repeat; }
#footer	{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
#footer { box-shadow: 0 0 10px #131314; -webkit-box-shadow: 0 0 10px #131314; -moz-box-shadow: 0 0 10px #131314; }

#footer .copyright { float:left; font-size:13px; line-height:60px; color:#6C6C6C; }

#footer .developer { float:right; display:block; line-height:36px; padding:13px 0 0 40px; }
#footer .developer .text { float:left; display:block; padding-right:5px; }
#footer .developer img { float:left; padding-top:2px; height:36px; }

#footer a		{ color:#979797; }
#footer a:hover { color:#FFF; }