/*
	Theme Name: Tattoo Website
	Theme URI: http://www.tattoqueenwest.ca
	Description: This is the Preset custom style theme
	Author: Conor O'Neill
	Version: 1.0
	Tags: Tattoo Toronto
*/

@import url('stylesheets/reset.css');
@import url('stylesheets/default.css');
@import url('stylesheets/classes.css');

/* Beginning of Theme Rules */
*, *:before, *:after {  -webkit-transition: all 0.4s ease-in-out, width 0, height 0, top 0, left 0; -moz-transition: all 0.4s ease-in-out, width 0, height 0, top 0, left 0; -o-transition: all 0.4s ease-in-out, width 0, height 0, top 0, left 0; transition: all 0.4s ease-in-out, width 0, height 0, top 0, left 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body {width:100%; height:100%; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased;}
html {background-color:#000; }

header {}
footer {}
main {float:left; width:100%; height:100%; position:relative; z-index:99;}
nav {}

.wrapper {}

#gallery {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1; overflow:hidden; }
#gallery div {width:100%; min-height:100%; z-index:1; background-position:center center; background-size:cover;}

#front-page {}
#inside-page {}

.wpcf7-form {width:100%;}
.wpcf7-form input[type="text"] {width:100%; }
.wpcf7-form input[type="email"] {width:100%;}
.wpcf7-form h4 {margin:20px 0 0 0 !important; color:#FFF !important;}
.wpcf7-form input[type="submit"] {
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 3px 4px;
    border: 2px solid #FFF;
    background-color: #000;
    color: #FFF;
    text-transform: uppercase;
    float: left;
}

.swiper-slide {float:left;
    position: relative;
    width: 30%;
    padding-bottom : 30%; /* = width for a 1:1 aspect ratio */
    margin:1.66%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover; /* you change this to "contain" if you don't want the images to be cropped */}
.slide-info {position: absolute; bottom:0; left:0; width:100%; font-size:9px; line-height:11px; background-color:rgba(0,0,0,0.7); padding:10px;}
.swiper-slide a {position: absolute; top:0; right:0; left:0; bottom:0; z-index:99; height:100%; display:block;}
.widget_cm_ajax label {display:none;}
/* Mobile */
#mobile-header {display:none;}
#mobile-newsletter {display:none;}

#logo {background-image:url('images/logo.jpg'); width:209px; height:104px;}
#logo a {display:block; height:100%; text-indent:-9999px;}

#left-sidebar {float:left; width:290px; margin-left:15px; position:fixed;}

.sidebar-holder {background-color:#000; padding:40px 40px 20px; width:100%; margin-bottom:10px;}

.the-grid {background-image:url('images/thegrid-banner.jpg'); width:498px; height:132px; position:fixed; bottom:50px; right:0;}
.the-grid a {height:100%; display:block; text-indent:-99999px;}

#newsletter {}
#newsletter p {font-weight:bold; color:#FFF; text-transform:uppercase; font-size:11px; line-height:12px; font-family: 'Montserrat', sans-serif;}
#newsletter p span {color:#a99038;}

#cformsform {float:left; margin-top:10px;}
#cformsform ol {float:left; list-style-type:none;}
#cformsform ol li {float:left; height:25px; width:150px;}
#cformsform ol li input {background-color:#000; border:2px solid #FFF; width:145px; color:#FFF; font-family: 'Montserrat', sans-serif;}
#cformsform .cf-sb {float:left; margin:0; padding:0;}
#cformsform .cf-sb input {border:2px solid #FFF; background-color:#000; color:#FFF; font-family: 'Montserrat', sans-serif; text-transform:uppercase; padding:0px; height:24px; width:55px;}
#cformsform .emailreqtxt {display:none;}
#cformsform fieldset {display:none; height:1px;}
#cformsform label {display:none;}
#cformsform input {margin:0;}

#li-2-6 label {display:block !important;}
#li-2-7 input {width:100% !important; background-color:#000; border:2px solid #FFF; width:145px; color:#FFF; font-family: 'Montserrat', sans-serif;}

.cm_ajax_widget_form {margin:10px 0;}
.cm_ajax_widget_form input[type="text"] {font-family: 'Montserrat', sans-serif; margin:0 5px 0 0; border:2px solid #FFF; background-color:#000; color:#FFF; text-transform:uppercase; float:left; width:145px;}
.cm_ajax_widget_form input[type="submit"] {font-family: 'Montserrat', sans-serif; margin:0; padding:3px 4px; border:2px solid #FFF; background-color:#000; color:#FFF; text-transform:uppercase; float:left;}
.cm_ajax_widget_form .error-msg {font-weight:bold; float:left; width:100%; margin-top:10px; text-align:center; font-size:11px; line-height:12px; color:#a99038; text-transform:uppercase; font-family: 'Montserrat', sans-serif;}

#mobile-newsletter .cm_ajax_widget_form {margin:10px 0;}
#mobile-newsletter .cm_ajax_widget_form input[type="text"] {font-family: 'Montserrat', sans-serif; margin:0 0 10px 0; border:2px solid #FFF; background-color:#000; color:#FFF; text-transform:uppercase; float:left; width:100%; font-size:22px;}
#mobile-newsletter .cm_ajax_widget_form input[type="submit"] {font-family: 'Montserrat', sans-serif; margin:0; padding:3px 4px; border:2px solid #FFF; background-color:#000; color:#FFF; text-transform:uppercase; float:left; width:100%; font-size:22px;}
#mobile-newsletter .cm_ajax_widget_form .error-msg {font-weight:bold; float:left; width:100%; margin-top:10px; text-align:center; font-size:11px; line-height:12px; color:#a99038; text-transform:uppercase; font-family: 'Montserrat', sans-serif;}


#cforms6form {float:left; margin-top:10px;}
#cforms6form ol {float:left; list-style-type:none;}
#cforms6form ol li {float:left; height:25px; width:150px;}
#cforms6form ol li input {background-color:#000; border:2px solid #FFF; width:145px; color:#FFF; font-family: 'Montserrat', sans-serif;}
#cforms6form .cf-sb {float:left; margin:0; padding:0;}
#cforms6form .cf-sb input {border:2px solid #FFF; background-color:#000; color:#FFF; font-family: 'Montserrat', sans-serif; text-transform:uppercase; padding:0px; height:24px; width:55px;}
#cforms6form .emailreqtxt {display:none;}
#cforms6form fieldset {display:none; height:1px;}
#cforms6form label {display:none;}
#cforms6form input {margin:0;}


.failure {float:left; color:#FFF; font-weight:bold; background-color:red; width:98%; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-size:10px; margin:7px 0 0 0; padding:0; text-align:center;}
.waiting {float:left; color:#FFF; font-weight:bold; background-color:red; width:98%; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-size:10px; margin:7px 0 0 0; padding:0; text-align:center;}
.success {float:left; color:#FFF; font-weight:bold; background-color:green; width:98%; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-size:10px; margin:7px 0 0 0; padding:0; text-align:center;}

#newsletter #cforms2form {float:left; width:60%; margin-top:20px;}
#newsletter #cforms2form label {display:none;}
#newsletter #cforms2form ol {margin:0; padding:0;}
#newsletter #cforms2form ol li {list-style-type:none; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#newsletter #cforms2form .reqtxt {display:none;}
#newsletter #cforms2form .emailreqtxt {display:none;}
#newsletter #cforms2form .single {text-transform:uppercase; width:100%; font-family: 'Montserrat', sans-serif; border:2px solid #FFF; background-color:#000; color:#FFF;}
#newsletter #cforms2form .area {width:100%; font-family: 'Montserrat', sans-serif; border:2px solid #FFF; background-color:#000; color:#FFF;}
#newsletter #cforms2form .cf_hidden {display:none;}
#newsletter #cforms2form .sendbutton {margin:0; padding:0; border:2px solid #FFF; background-color:#000; color:#FFF; font-family: 'Montserrat', sans-serif; text-transform:uppercase; padding:3px 10px; margin-right:-5px;}
#newsletter #cforms2form .cf-sb {float:right;}

#cforms2form {float:left; width:100%; margin:10px 0;}
#cforms2form label {display:none;}
#cforms2form ol {margin:0; padding:0;}
#cforms2form ol li {list-style-type:none; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#cforms2form .reqtxt {display:none;}
#cforms2form .emailreqtxt {display:none;}
#cforms2form .single {float:left; text-transform:uppercase; width:100%; font-family: 'Montserrat', sans-serif; border:2px solid #FFF; background-color:#000; color:#FFF;}
#cforms2form .area {width:100%; font-family: 'Montserrat', sans-serif; border:2px solid #FFF; background-color:#000; color:#FFF;}
#cforms2form .cf_hidden {display:none;}
#cforms2form .sendbutton {margin:5px 4px 0 0; padding:0; border:2px solid #FFF; background-color:#000; color:#FFF; font-family: 'Montserrat', sans-serif; text-transform:uppercase; padding:3px 10px;}
#cforms2form .cf-sb {float:right;}

#cforms5form {float:left; width:100%; margin:10px 0;}
#cforms5form label {display:none;}
#cforms5form ol {margin:0; padding:0;}
#cforms5form ol li {list-style-type:none; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#cforms5form .reqtxt {display:none;}
#cforms5form .emailreqtxt {display:none;}
#cforms5form .single {float:left; text-transform:uppercase; width:100%; font-family: 'Montserrat', sans-serif; border:2px solid #FFF; background-color:#000; color:#FFF;}
#cforms5form .area {width:100%; font-family: 'Montserrat', sans-serif; border:2px solid #FFF; background-color:#000; color:#FFF;}
#cforms5form .cf_hidden {display:none;}
#cforms5form .sendbutton {margin:5px 4px 0 0; padding:0; border:2px solid #FFF; background-color:#000; color:#FFF; font-family: 'Montserrat', sans-serif; text-transform:uppercase; padding:3px 10px;}
#cforms5form .cf-sb {float:right;}

#form-lightbox-menu-0 {overflow:hidden;}
#form-lightbox-menu-0 #cforms2form {float:left; width:97%; margin-top:0px;}

#social-list {}
#social-list ul {}
#social-list ul li {font-family: 'Montserrat', sans-serif; font-weight:bold; color:#FFF; text-transform:uppercase; list-style-type:none; font-size:11px; list-style-position:outside; line-height:15px; padding-left:20px; margin-bottom:10px;}
#social-list ul li a {color:#FFF; text-decoration:none;}
#social-list .one {background-image:url('images/one.jpg'); background-repeat:no-repeat;}
#social-list .two {background-image:url('images/two.jpg'); background-repeat:no-repeat; }
#social-list .three {background-image:url('images/three.jpg'); background-repeat:no-repeat;}

#social-links {float:left; background-color:#000; padding:12px 40px 7px 40px; width:290px; height:40px;}
#social-links ul { margin:0 auto; width:75px; }
#social-links ul li {float:left; list-style-type:none; margin-right:10px;}
#social-links ul li img:hover {opacity:0.5;}

#content-area {float:left; width:450px; padding:20px; color:#FFF; background-color:#000; margin-left:320px; min-height:100%; position:relative;}
#content-area-inside {float:left; width:100%;}

.bar {background-image:url('images/bar.jpg'); width:210px; height:11px; margin:15px 0;}

#twitter {font-family: 'Montserrat', sans-serif; float:left; background-color:#000; padding:20px; width:290px; margin-left:15px; position:fixed; bottom:15px; font-size:11px; line-height:14px; color:#FFF; font-weight:bold; text-transform:uppercase; text-align:center;}
#tw-handle {background-image:url('images/tw-btm.jpg'); background-position:center center; background-repeat:no-repeat;}
#tw-handle a {color:#FFF; text-decoration:none; font-size:10px;}


/* Page Styles */
.post {float:left; border-bottom:1px solid #aaaaaa; margin-bottom:20px; width:100%; position:relative;}
.page {float:left; width:100%; position:relative;}
.entry-date {padding:0 0; color:#FFF; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-size:41px; line-height:42px; color:#959595;}
.entry-title {padding:0 0; margin-bottom:10px; color:#FFF; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-size:41px; line-height:42px;}
.page-title {padding:0 0; margin-bottom:10px; color:#959595; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-size:42px; line-height:42px;}
.entry-image {margin-bottom:10px; width:100%;}
.entry-content {float:left; width:100%; font-size:12px; line-height:22px; font-family: 'Montserrat', sans-serif; font-size:bold;}
.entry-content a {color:#FFF; text-decoration:none;}
.entry-content p {margin-bottom:0px; line-height:18px; font-size:11px; font-weight:bold;}
.entry-content img {margin-bottom:15px;}
.entry-content h2 {padding:10px 0;}
.entry-content h4 {padding:0px 0; color:#a99038; font-size:14px; text-transform:uppercase; margin-bottom:15px;}
.entry-content h5 {padding:0px 0; color:#FFF; font-size:16px; margin-top:20px;}
.entry-content ul {padding:20px; font-size:12px; font-style:italic;}
.entry-content ul li {list-style-type:disc;}
.entry-content ol {padding:20px; font-size:12px; font-style:italic;}
.entry-content ol li {list-style-type:decimal;}
.entry-content #notes {float:right; width:120px; margin-top:20px; text-transform:none; font-weight:bold; line-height:16px; font-style:italic; font-size:11px;}
.front-content {text-transform:uppercase;}

.ngg-albumoverview {float:left;}

.fivesixseven {float:left;background-image:url('images/logo.png'); width:210px; height:30px; margin: 20px 0 0 41px; background-size:cover; }
.fivesixseven a {display:block; height:100%; text-indent:-9999px;}

.photos-overlay {background-color:#000; opacity:0.7; width:100%; height:100%; position:absolute; z-index:99;}




.tix-sharing {margin:20px 0;}

.website a {color:#959595; text-decoration:none; font-weight:bold;}
.tix-btn {float:left; float:left; padding:0; margin:0; margin:0;}
.tix-btn a {color:#FFF; background-color:#959595; text-decoration:none; padding:10px 10px; font-weight:bold; -webkit-transition: background-color 0.2s linear; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.tix-btn a:hover {background-color:#a99038; text-shadow:1px 1px 0px #7a7a79;}

.social-share {float:right;}
.social-share ul {margin:-4px 0 0 0; padding:0;}
.social-share ul li {float:left; list-style-type:none;}
.social-share ul li:first-child {margin-right:10px;}
.social-share ul li a {color:#FFF; font-style:normal; text-decoration:none; font-weight:bold; padding:5px 20px 5px 30px; height:100%; display:block; -webkit-transition: background-color 0.2s linear; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}

.social-share ul li.fb-share {background-color:#627aac; background-image:url('images/fb-share.jpg'); background-repeat:no-repeat; padding-left:10px; background-position:10% 49%;}

.social-share ul li.tw-share {background-color:#248fba; background-image:url('images/tw-share.jpg'); background-repeat:no-repeat; padding-left:10px; background-position:10% 49%;}


/**** Header Menu ****/
ul#header-menu {margin-top:30px;}
ul#header-menu li { float:left; position:relative; width:100%; }
ul#header-menu li.float-divider { float:none; }
ul#header-menu li a { font-weight:bold; -webkit-font-smoothing: antialiased; font-family: 'Montserrat', sans-serif; font-size:16px; display:block; color:#FFF; line-height:22px; text-transform:uppercase; text-decoration:none; -webkit-transition: background-color 0.2s linear; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
ul#header-menu li a:hover {color:#a99038;}
ul#header-menu li ul { display:none; position:absolute; top:100%; left:0; float:left; width:240px; z-index:99999; }
ul#header-menu li:hover > ul { display:block; }
ul#header-menu li ul li { float:none; display:block; }
ul#header-menu li ul ul { left:100%; top:0; }
ul#header-menu li ul a { background:#DDD; color:#000; height:100%; line-height:25px; padding:10px; display:block; background-image:none; }
ul#header-menu li ul a:hover { color:#000; background:#EEE; }
ul#header-menu > li.current_page_item > a, ul#header-menu > li.current-menu-ancestor > a, ul#header-menu > li.current-menu-item > a, ul#header-menu > li.current-menu-parent > a { color: #a99038; }
* html ul#header-menu li.current_page_item a, * html ul#header-menu li.current-menu-ancestor a, * html ul#header-menu li.current-menu-item a, * html ul#header-menu li.current-menu-parent a, * html ul#header-menu li a:hover { color:#DDD; }
/** End Header Menu **/

.ngg-album-compact {width:136px !important;}
.ngg-gallery-thumbnail img {width:136px !important; height:136px !important;}


.silo-form ol li {list-style-type:none; margin-bottom:10px; float:left;}
.silo-form .failure {margin-bottom:10px;}
.silo-form .success {margin-bottom:10px;}
.silo-form label {margin-top:5px;font-family: 'Montserrat', sans-serif; display:block; width:145px; float:left;}
.silo-form .single {float:left; margin-right:10px; width:225px; padding:5px; font-family: 'Montserrat', sans-serif;}
.silo-form .reqtxt {font-size:12px; float:left;}
.silo-form .emailreqtxt {font-size:12px; float:left;}
.silo-form .cformselect {background-color:#FFF; font-family: 'Montserrat', sans-serif; width:237px; float:left; margin-right:10px;}
.silo-form #sendbutton3 {margin-bottom:10px; width:100%; font-size:24px; text-transform:uppercase; padding:10px 0; background-color:#565859; border:none; color:#FFF; font-family: 'Montserrat', sans-serif;}
.silo-form .cf_hidden {display:none;}

.tri {background-image:url('images/tri.png'); width:300px; height:261px; position:fixed; top:60px; left:20px}


#sendbutton4 {margin-bottom:10px; width:100%; font-size:24px; text-transform:uppercase; padding:10px 0; background-color:#565859; border:none; color:#FFF; font-family: 'Montserrat', sans-serif;}
#sendbutton5 {margin-bottom:10px; width:100%; font-size:24px; text-transform:uppercase; padding:10px 0; background-color:#565859; border:none; color:#FFF; font-family: 'Montserrat', sans-serif;}



/* ----------------------------------------------------- Media Queries */

@-moz-document url-prefix() {
  ul#header-menu li a {
    font-weight: normal;
  }
  #newsletter h2 {
    font-weight: normal;
  }
  #social-list a {
  	font-weight: normal;
  }
  #twitter p {
  	font-weight: normal;
  }
  .entry-content p, .entry-content a {
  	font-weight: normal;
  }
  #social-share a {
  	font-weight: normal;
  }

}

/* 13' Desktop/Laptop */
@media (min-width: 1150px ) and (max-width: 1500px) {

#twitter {font-family: 'Montserrat', sans-serif; height:140px; background-color:#000; padding:20px; width:250px; margin-left:15px; position:fixed; top:15px; right:15px; font-size:11px; line-height:14px; color:#FFF; font-weight:bold; text-transform:uppercase; text-align:center;}

.the-grid {display:none;}

}


/* tablet landscape */
@media (max-width: 1150px) {

#twitter {display:none;}
.the-grid {display:none;}

}

/* tablet portrait view */

@media (max-width: 960px) {

	#twitter {display:none;}
	.the-grid {display:none;}

}

/* Phone View */
@media (max-width: 767px) {


	.ngg-album-compact {
width: 115px !important;
height: 118px;
}

.ngg-album-compactbox .Thumb {
	width: 105px !important;
	height: 105px !important;
}

.ngg-album-compact {margin:0 10px !important;}

	main {width:100%; z-index:97;}

	#left-sidebar {display:none;}
	#cformsform ol {width:100%;}

	.page-title {font-size:24px; text-align:center;}
	#cforms2form {width:100%;}
	.single, .area {font-size:28px;}

	.entry-content #notes {width:100%;}
	.ngg-album-compact {width:140px !important; height:160px !important;}
	#content-area {overflow:hidden; margin-left:0px; width:100%; padding-top:60px; background-color:#050505;}
		.entry-date {font-size:30px; line-height:30px;}
		.entry-title {font-size:30px; line-height:30px;}
		.page-title {margin-bottom:0px;}
		.tix-btn {font-size:10px; margin-top:1px;}
		.social-share ul li a {font-size:10px; padding: 5px 15px 5px 20px;}
		.entry-content p {font-size:12px; line-height:20px;}

	#twitter {display:none;}

	#mobile-header {color:#FFF; display:block; width:100%; float:left; background-color:#000; position:fixed; top:0; z-index:99; }
		#mobile-controls {padding:10px;}
		#mobile-header img {display:block; float:left;}

	.mobile-menu-btn {float:right; font-size:34px; margin-top:7px;}

	.menu-main-menu-container {height:0px; overflow:hidden;}
	#mobile-menu {}
	#mobile-menu li {width:100%; text-align:center;}
	#mobile-menu li a {font-family: 'Montserrat', sans-serif; color:#FFF; text-decoration:none; display:block; font-size:34px; line-height:34px; padding:20px; text-transform:uppercase;}
	#mobile-menu li:nth-child(odd) {background: #080808;}

	#mobile-newsletter {display:block; float:left;  width:100%; position:relative; z-index:97; background-color:#242424; margin-top:57px; padding:10px;}
	#mobile-newsletter h2 { text-align:center; font-weight: bold; color: #FFF; text-transform: uppercase; font-size: 16px; line-height: 20px; font-family: 'Montserrat', sans-serif; }
	#mobile-newsletter h2 span { color: #a99038; }

	#cformsform {width:100%;}
	#cformsform ol li {width:100%; margin-bottom:35px;}
	#cformsform ol li input {width:100%; border:1px solid #2E2E2E;}
	#cformsform .cf-sb {width:100%;}
	#cformsform .cf-sb input {width:100%; font-size:16px; height:auto; border:1px solid #2E2E2E; padding:10px 0;}

	.failure {width:100%; font-size:14px; padding:7px; margin:10px 0 0 0px;}
	.success {width:100%; font-size:14px; padding:7px; margin:10px 0 0 0px; background-color:green;	}

	.the-grid {display:none;}

}