/* RESET
------------------------------------------------------------------------------------*/

.container, iframe { max-width: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
html, body	{ height:100%; }
a img,:link img,:visited img { border:none }
:focus { outline: 0; }
a, a:hover  { text-decoration:none;} 
a, a:active, a:visited {outline: 0 !important; } /* Firefox */
table { border-collapse: collapse; border-spacing: 0; }
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after {  -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
.clearFloat::before, .clearFloat::after { display:table; content:"";}
.clearFloat::after	{ clear:both; }
img	{ max-width: 100%; height: auto; width: auto9; /* ie8 */ }
/* font-display: fallback= extremely sm. block period; short swap period */

/* PALETTE
------------------------------------------------------------------------------------*/
body { color: #111; background: #FFF; }
body.single-post, body.blog {background: #fff;}
h1.siteName, a { color: #000; }
a:hover	{ color: #000; }
.studioRed	{ color: #f45542;}
.fleshPink	{ background: rgba(252,214,184,1.0); background: #fcd6b8;}
.altFleshPink {color: rgba(252,214,184,0.9);} /* over white */

/* HTML / FONTS
------------------------------------------------------------------------------------*/
body {
	font-family: 'Helvetica Neue', 'Liberation Sans', Roboto, 'Open Sans', Arial, sans-serif !important; 
	display: fallback;  
    font-weight: 300;
    line-height: 1.5em;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}


h2, h2.sectionHeader, h2.pageHeader, h3	{
	font-size: 2em;
	margin-bottom: 20px;
	line-height: auto;
	font-family: 'Gill Sans MT Condensed';
	color: #000;
	text-transform: uppercase;
	text-align: center;
}

h2.sectionSubheader	{
	font-size: 1.3em;
	margin-bottom: 20px;
	line-height: auto;
	font-family: 'Gill Sans MT Condensed';		
}

.brandText h2	{
	/*font-family: cursive;
	text-transform: none;*/
	text-align: center;
}

h3 {
	font-size: 1.8em;
}

h3 a	{
	color: #a59c66;
}
h4 {}
p {
	margin-bottom: 20px;
	/*max-width: 650px;*/
}

p.readMore	{ 
	margin-bottom: 30px;
	padding-top: 20px;
	text-align: center;
}

a.button 	{
	padding: 10px 16px;
	border: 1px solid #FFF;
	border-radius: 0px;
	color: #FFF;
	background: rgba(0,0,0,0.4);
	text-transform: uppercase;
	font-size: .9em;
}

p.readMore a.button	{ 
	border: 1px solid #999;
	color: #333;
	background: rgba(224,45,27,0.0);
}

a.button:hover	{
	background-color: #e02d1b;
}

p.readMore a.button:hover	{ 
	background: rgba(252,214,184,0.6);
	border: 1px solid #666;
}


p::-moz-selection { color: WHITE; background: GREY;}
p::selection { color: WHITE; background: GREY; }

label  {
	font-weight: normal;
}

.mainContent p a	{
	color: #333;
	border-bottom: 1px solid #999;

}
.mainContent p a:hover	{
	border-bottom: 1px solid #666;
	color: #000;	
}



img	{
	margin-bottom: 30px;
}

/* BANNER & BIRDSEYE HEADER
------------------------------------------------------------------------------------*/

.banner-wrap {
    position: relative;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.wsite-section-wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.wsite-header-section {
    text-align: center;
}
.banner-wrap .container {
    position: relative;
    padding: 20% 0 50px;
}
.container {
    margin: 0 auto;
    box-sizing: border-box;
}
.banner-wrap .banner div.siteTitle,
.banner-wrap .banner div.contactInfo {
    padding: 0 0 25px;
    color: #ffffff;
    opacity: 1;
    font-family: 'Open Sans', sans-serif;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.5em;
    display: block;
	margin: 0 auto;
    max-width: 92%;
    text-align: left;
}
.banner-wrap .banner div.siteTitle h1	{
	text-align: center;
	margin: 0 auto;
	font-size: 2.4em;
	color: #FFFFFF;
	text-shadow: 1px 0 5px rgba(224, 45, 27, 0.1);
	padding: 20px;
}

header-section .paragraph,
.banner-wrap .banner div.siteTitle {
    font-family: 'Gill Sans MT Condensed' !important; 
    font-weight: normal; 
    font-style: normal;
    text-transform: uppercase;
}

.banner-wrap .banner div.tagline {
	color: #FFF;
}

.banner-wrap .banner div.tagline p {
	padding: 10px 0 20px 30px;
}

@media only screen and (max-width: 768px){
	.banner-wrap .banner div.tagline { font-size: 1.5em;}
	.banner-wrap .banner div.tagline p { padding: 10px 0 20px 20px; max-width: 400px;}
}
@media only screen and (max-width: 480px){
	.banner-wrap .banner div.siteTitle {font-size: 1.9em;}
}

.banner-wrap .banner div.contactInfo {
	line-height: auto;
	text-align: center;
	font-size: 1em;
	padding: 20px;
	margin: 0 auto;
}

.birdseye-header {
    position: fixed;
    z-index: 12;
    overflow-y: hidden;
    width: 100%;
    box-sizing: border-box;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

/* HEADERS / NAVIGATION
------------------------------------------------------------------------------------*/

.navbar {}
.navbar-default {background-color: transparent;border-color: transparent;} /* padded inner */
.navbar-static-top {}

#navbar{
	/*margin-top: 8px;*/
	padding-bottom: 2px;
}

.home ul#menu-main-navigation
{
	/*background-color: rgba(0,0,0,0.3);*/
}

a.header_logo_link, .navbar-default .navbar-nav>li>a	{
	font-family: 'Open Sans', sans-serif; 
	font-family: 'Gill Sans MT Condensed' !important;
	text-transform: uppercase;
	color: WHITE;
	border: 1px solid transparent;
	margin-top: 8px;
	font-size: 1.2em;
}

.navbar-default .navbar-nav>li>a	{
	letter-spacing: .1em;
}

.navbar-default .navbar-nav>li.current-menu-item>a	{
	color: #e02d1b;
	/*background-color: rgba(0,0,0,0.1);*/
	text-shadow: 1px 1px 1px #000;
}

a.header_logo_link {
	color: #FFFFFF;
	text-shadow: 1px 0 5px rgba(224, 45, 27, 0.1);
}

.nav>li>a	{
	padding: 0;
	margin: 10px 15px;
}

a.header_logo_link:hover, .navbar-default .navbar-nav>li>a:hover	{
	color: #e02d1b;
}
@media only screen and (min-width: 768px){
	a.header_logo_link {
		padding-top: 0px;
		margin-bottom: 10px;
	}
	.navbar-default .navbar-nav>li>a {
		padding:0;
		margin: 12px 15px 15px;
	}
	a.header_logo_link:hover, .navbar-default .navbar-nav>li>a:hover	{
		color: WHITE; 
	}
	.navbar-default .navbar-nav>li>a:hover	{
		border-bottom: 2px solid #FFF;
	}	
}

/* site title 
-----------------*/
.birdseye-header .siteTitle	{
	margin: 14px 0 0 15px;
	max-width: 400px;
	float: left;
}
a.header_logo_link	{
	font-family: 'Gill Sans MT Condensed' !important; 
    font-weight: normal; 
    font-style: normal;
    text-transform: uppercase;
    font-size: 1.5em;
}

@media only screen and (min-width: 400px)	{
	font-size: 1.6em;
}

@media only screen and (min-width: 768px)	{
	a.header_logo_link	{font-size: 2em;}
}

/* main navigation 
-----------------*/
.navmenu_align {
    float: right;     
    width: 100%;
	margin-top: -40px;
}
@media only screen and (min-width:768px)	{
	.navmenu_align {margin-top: 0; width: auto; padding-right: 15px;}
}

/* toggle button (=navbar-header)
-----------------*/
.navbar-header	{}
.navbar-default .navbar-toggle {border-color: #ddd; margin-top: -30px;} /* #ddd default */

/* links / dropdown
-----------------*/
#navbar {}
.menu-main-navigation-container	{width: 100%;}
.navbar-default .navbar-collapse {border-color: GREY;padding: 0;} /* top of mob-menu */
.navbar-nav {margin:0;}
#navbar ul {list-style-type: none;padding: 0;}
#navbar ul li {display: block; font-size: 15px; margin: 1px auto 0px; padding: 10px 0;border-bottom: 1px solid GREY;text-align: center;}
#navbar ul li:first-child	{padding-top: 8px;}

@media only screen and (min-width: 768px)	{ /* wide links */
	#navbar ul li,
	#navbar ul li:first-child {padding: 0;border-bottom: 0px;} 
	.birdseye-header {
    	/*padding: 20px 30px;*/
	}
	.birdseye-header.darkHeader {
		background: BLACK;
		padding:0px;
	}
	.navbar {
		margin-bottom: 0px;
	}

	.home a.header_logo_link,
	.navbar-nav>li.menu-item-38>a	{
		display: none;
	}
}
.navbar-wrapper {background-color: rgba(0,0,0,1.0);}/* 0.5 better over images */

@media only screen and (max-width: 767px)	{
	/*.navbar-default { background:black; } */
	.navbar-wrapper {background: BLACK;} /* full-width */
}

.wsite-section	{
	vertical-align: middle;
	height: auto;
	background-image: url('/wp-content/themes/alex-tattoo/images/alex-egyptian-dark-BG.jpg');
	background-repeat: no-repeat;
	background-position: 50% 38.1500015258789%;
	background-position: 20% 20%;
	background-size: 100%;
	background-color: transparent;
	background-size: cover;
	height:250px;
}

/* MAIN CONTENT
------------------------------------------------------------------------------------*/
section	{
	border-top: 1px solid #666 !important;
}

section>div:first-of-type	{
	padding-top: 50px;
}

section.parent {}
section.child {}

.mainContent	{
	min-height: calc(100vh - 405px);
}

.page-id-14 .mainContent	{
	min-height: calc((100vh/2) - 405px);
}

.row.top-padded:first-child {
	padding-top: 50px;
}

hr.divider {
	margin-top: 30px;
    margin-bottom: 70px;
    border: 0;
    border-top: 1px solid #ccc;
}

.postThumb img 	{
	margin: 0 auto 20px;
}

/* FOOTER
------------------------------------------------------------------------------------*/
section.footer {
	background-color: #254345;
	background-color: BLACK;
}

footer{
	min-height: 50px;
}

.footer	p {
	margin: auto;
	text-align: center;
	padding: 40px;
}

footer a.button	{
	background-color: #e02d1b;
	border-color: #fff;
	padding: 12px 16px;
	color: #FFF;
}

footer a.button:hover	{
	background: rgba(252,214,184,1.0);
	background: #fcd6b8;
	color: #000;
}

.copyright	{text-align:center;}


/* HOME 
----------------------------------------------------- */
.home .banner-wrap {
    margin-top: 50px; /* new adjustment*/
}

.home .birdseye-header {
    position: fixed;
    margin-top: -50px;  /* new adjustment*/
}

.home .wsite-section	{
	background-image: url('/wp-content/themes/alex-tattoo/images/alex-egyptian-dark-BG.jpg');
	background-repeat: no-repeat;
	background-position: 50% 38.1500015258789%;
	background-size: 100%;
	background-color: transparent;
	background-size: cover;
	vertical-align: middle;
	height: auto;
}

.home section>div:first-of-type	{
	padding-top: 30px;
}

.home .contactInfo a.button	{
	color: #FFF;
	border-color: #FFF;
}

/*.home .navbar-wrapper {background-color: transparent;}*/

.home li#menu-item-9	{
	display: none;
}

.home .siteTitle	{
	margin: 0px 0 0 15px;
}
.morecontent span {
    display: none;
}
.morelink {
    display: block;
}

.homeImg	{
	text-align: center;
	margin-bottom: 20px;
}

.homeText	{
	padding-top: 0px;
}

@media (max-width: 768px)	{
.homeText h2	{
	text-align: center;
}
}

.instagram	{
	margin-bottom: 30px;
}

#testimonials	{
	padding-top: 50px;
	min-height: 400px;
}

.home .row	{margin:0;}

section#testimonials	{
	margin-top: 100px;	
	padding-bottom: 50px;
}

section#testimonials .slider p	{
	font-size: 24px;
	line-height: 30px;
	font-family: Times, serif;
	color: #777;
	font-style: italic;
}

section#testimonials span.author	{
	float:right;
	font-style: normal;
}


.facebookLink p.readMore a.button:hover	{ 
	border: 1px solid #999;
	color: #FFF;
	background: #387add;
}

/* ABOUT PAGE
----------------------------------------------------- */
.page-about section.mainContent { /*page-id-XXX */
	background-image: url('/wp-content/themes/alex-tattoo/images/xxx-BG.jpg');
	background-repeat: no-repeat;
    background-attachment: fixed; 
    background-position: left bottom;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

/* GALLERY PAGE
----------------------------------------------------- */

div.gallery	{
	min-height: 500px;
}

/* CONTACT PAGE
----------------------------------------------------- */

.postThumb,
.map,
.postText	{
	margin-bottom: 30px;
}

input.wpcf7-submit{
    padding: 6px 24px;
    background-color: rgba(232,213,95,0.8);
    float: right;
    margin-top: 10px;
    margin-bottom: 20px;
}

input.wpcf7-submit:hover {
     background-color: #e02d1b;
     color: black;
}

/*.page-contact p.scheduleConsultation {
    display: none;
}*/

div.credit	{
	margin-top: 10px;
	clear:both;
	padding-left: 15px;
}

@media (min-width: 992px)	{
	div.credit	{text-align: right;}
}

p.credit 	{
	font-weight: 400;
	font-size: .7em;
	color: #aaa;
}

p.credit a 	{
	color: #999;
}

p.credit a:hover 	{
	color: #555;
}




/* FONTS
--------------------------------------------------- */
@font-face {
    font-family: 'Gill Sans MT Condensed';
    src: url('/wp-content/themes/alex-tattoo/fonts/GillSansMT-Condensed.woff2') format('woff2'),
        url('/wp-content/themes/alex-tattoo/fonts/GillSansMT-Condensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
    font-family: 'Liberation Sans';
    src: url('/wp-content/themes/alex-tattoo/fonts/LiberationSans.woff2') format('woff2'),
        url('/wp-content/themes/alex-tattoo/fonts/LiberationSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Liberation Sans';
    src: url('/wp-content/themes/alex-tattoo/fonts/LiberationSans-Bold.woff2') format('woff2'),
        url('/wp-content/themes/alex-tattoo/fonts/LiberationSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Liberation Sans';
    src: url('/wp-content/themes/alex-tattoo/fonts/LiberationSans-Italic.woff2') format('woff2'),
        url('/wp-content/themes/alex-tattoo/fonts/LiberationSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Liberation Sans';
    src: url('/wp-content/themes/alex-tattoo/fonts/LiberationSans-BoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/alex-tattoo/fonts/LiberationSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}
*/

.navbar-default .navbar-toggle
{
 margin-top: 8px!important;
}
.darkHeader .navbar-default .navbar-toggle
{
 margin-top: -26px!important;
}


.darkHeader .navbar-wrapper,.menu-main-navigation-container {background: BLACK;} 


@media screen and (max-width:991px)
{
	
	
	.single-work .mainContent ul
	{
		padding:0!important;
	}
	.single-work .container, .flexslider .slides img
	{
		width:95%!important;
		height:auto!important;
	}
	.single-work .col-md-7, .single-work .col-md-4, .single-work .container
	{
		padding-left:0!important;
		padding-right:0!important;
	}
	.single-work .pageHeader
	{
		padding-left:15px;
	}
	
}

.flexslider .slides > li {
    text-align: center;
}
@media (min-width:768px)
{
.carousel-slider .carousel-slider__item img{
    max-width: 800px;
    max-height: 500px;
	height:500px;
	width:auto!important;
}
}
@media (max-width:600px)
{
.carousel-slider .carousel-slider__item img{
    max-height: 500px;
	width:auto;
}
.owl-carousel .owl-stage { display: flex; align-items: center; }
}
.slider {
        width: 90%;
        margin: 0px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;

    }

    .slick-active {
    }

    .slick-current {
      opacity: 1;
    }
#testimonials .slick-slide img 
{
	max-height:150px;
	width:auto;
}

@media (max-width:768px)
{
	#id-129.arrows-outside .owl-next
	{
		right: 0!important;
		
	}
	#id-129.arrows-outside .owl-prev
	{
		left: -10px!important;
	}
	
}

/*#id-129.arrows-outside .owl-next
{
	background: url(/wp-content/themes/alex-tattoo/images/rightArrow.png) center center no-repeat;
}
#id-129.arrows-outside .owl-prev
{
	background: url(/wp-content/themes/alex-tattoo/images/leftArrow.png) center center no-repeat;
} */

button svg {
  padding: 18px;
}



polyline {
  transition: all 250ms ease-in-out;
}
@media (max-width:600px)
{
	.owl-prev .annprev, .owl-next .annnext
	{
		display:block;
	}
	.owl-prev svg, .owl-next svg
	{
		display:none;
	}
	.owl-prev .annprev
	{
		width:100px;
	}
	.carousel-slider .owl-nav .owl-next, .carousel-slider .owl-nav .owl-prev
	{
		    top: inherit!important;
			bottom: -35px;
	}
}
@media (min-width:600px)
{
	.owl-prev .annprev, .owl-next .annnext
	{
		display:none;
	}
	.owl-prev svg, .owl-next svg
	{
		display:block;
	}
}
.carousel-slider .owl-item img
{
    width: auto;
}