/*      

Theme Name: Wazz-child

Theme URI: http://www.graphicallyspeaking.ca/

Description: Template by GSSI.

Version: 1.0

Author: Graphically Speaking Services Inc.

Author URI: http://www.graphicallyspeaking.ca/

Template: Wazz

Tags: 

   

*/

body {background-color: #000 !important;}

.home h1{

	font-family:'PT Sans', sans-serif;

	font-size:20px;

	color:#222222;

	font-weight:700;

	margin-bottom: 0;

}



.home h2{

	font-family:'PT Sans', sans-serif;

	font-size:18px;

	color:#222222;

	font-weight:500;

	margin-bottom: 18px;

}



.home div.col.twelve{

	margin-left:0 !important;

}



.home .leftCol{

	font-family:'PT Sans', sans-serif;

	width:48%;

	display:inline-block;

	float:left;

	margin-right: 2%;

	color:#222222;

}



.home .rightCol{

	font-family:'PT Sans', sans-serif;

	width:48%;

	display:inline-block;

	float:left;

	color:#222222;

}



h6{

	font-family:'PT Sans', sans-serif;

}

#header {position: relative; z-index: 1000;}

#menu {position: relative; z-index: 1001;}

	#header .container .row {margin-left: 0;}

		#header .container .row > .col.twelve {width: 100%;}

		.logo-container {margin: 32px 0;}

			.logo-img {max-width: 100%; padding: 0;}

	#utils {position: absolute; top: -47px; right: 2px; right: 0px;}

		#utils .menu-utilities-container {float: left; margin-right: 20px;}

			#utils ul {margin: 0; overflow: hidden;}

			#utils li {float: left; list-style: none;}

				#utils li a {display: block; padding: 0px 15px; background: #067f8f; font-size: 11px; line-height: 32px; color: #fff; font-family: Open Sans; text-transform: uppercase;}

				#utils li a:hover {background: #115675;}

		#utils #search-2 {float: left; margin: 0; padding-right: 38px; width: 151px; overflow: hidden; padding-bottom: 1px; background: #067F8F;}

			#utils form {margin: 0;}

			#utils #search-2 div {position: relative;}

			#utils #s{

				padding:8px 5% !important;

				background:#067f8f;

				border:none !important;

				color:#ffffff;

				line-height: 16px;

				font-size: 12px;

			}

			#utils #s::placeholder {
				color: #ffffff;
				opacity: 1;
			}

			#utils #s::-webkit-input-placeholder {
				color: #ffffff;
			}

			#utils #s::-moz-placeholder {
				color: #ffffff;
				opacity: 1;
			}

			#utils #s:-ms-input-placeholder {
				color: #ffffff;
			}

			#utils #searchsubmit{

				height: 32px;

				background-color:black;

				background: url("resources/images/images.png") no-repeat -390px -170px #067F8F !important;

				right: -38px;

				border:none !important;

			}



.tooltip{

	text-align:center;

	

}

.tooltip h7{

	font-family:calibri, sans-serif;

	font-size: 14px;

	margin-bottom:0;

	margin-top:6px;

	font-weight:normal !important;

	color: #666 !important;

	display:block;

}



.tooltip strong{

	font-family:Arial, Helvetica, sans-serif;

	font-size: 12px;

		display:block;

		color: #4D4A4A;

		padding:0 5px 0 5px;

}



.tooltip a{

	vertical-align:central;

	color:#069 !important;

	font-size:12px !important;

}



.tooltip a:hover{

	text-decoration:underline;

}

.tooltip img{

	margin-top:5px;

	position:absolute

}



#imageRotator{

	height:400px;

	position:relative;
	
	z-index: 1;

	overflow:hidden;

	margin-top: -1px;

	/* Match header / .wrapper column (same width as logo + menu area, not full viewport) */
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	box-sizing: border-box;
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5;

}

	#imageRotator ul{

		list-style:none;

		margin-left:0;

	}

	

	#imageRotator ul li{

		display:none;

	}

	#imageRotator ul li.active{

		display:block;

	}



#imageRotator img{

	width:100%;

	height:auto;

	max-width:100%;

	display:block;

}



#navPrev{

	position:absolute;

	left:0;

	top:45%;

	background:url(Images/homepage/prev.png) no-repeat;

	height:48px;

	width:48px;

	display:none;

	z-index:3;

	cursor:pointer;

}



#navNext{

	position:absolute;

	right:0;

	top:45%;

	background:url(Images/homepage/next.png) no-repeat;

	height:48px;

	width:48px;

	display:none;

	z-index:3;

	cursor:pointer;

}



#bannerText{

	width:382px;

	height:183px;

	background:url(/wp-content/themes/Wazz-child/Images/title.png) repeat;

	position: absolute;

	top: 26%;

	right: 0;

	font-family: Open Sans;

	color:white;

	padding:29px;

}



#bannerText span.heading{

	font-family: 'PT Sans', sans-serif;

	font-size:36px;

	line-height: 0.9;

	font-weight:700;

	display:block;

	margin-bottom:10px;

	text-transform:uppercase;



}

#bannerText span.sub-heading{

	font-family: 'PT Sans', sans-serif;

	font-size:24px;

	line-height: 0.9;

	font-weight:400;

	display:block;

	margin-bottom:16px;

	text-transform:uppercase;



}

#bannerText p{

	font-family: 'PT Sans', sans-serif;

	font-size:14px;

	font-weight:400;



}

.active{

		display:block !important;

}



.home #feature > .container{

	display:none;

}



#homeContent{

	margin-top: 13px;

	margin-bottom: 42px;

	

}

#homeContent .home-unit {

	display:inline-block;

	width:30%;

	padding-right: 3%;

	vertical-align: text-top;

}

	#homeContent .home-unit:last-child {}



.home-unit img{

	width:100%;

	height:auto;

}



#contentContainer{

	width:100%;

	overflow:hidden;

}

.content .tt-blog .post > .entry-media {display: none;}

	.content .tt-blog .post h2 {margin-bottom: 20px;}

	.content .tt-blog .post .meta-container {margin-bottom: 20px;}

	.content .tt-blog .post p {margin-bottom: 14px;}

	ul.entry-meta li.meta-comments {display:none}

	ul.entry-meta li.meta-author {display:none}

#trafficFeed{

	position:relative;

	min-height: 314px;

	padding-bottom: 60px;

}

	#signUpBtn{

		position: absolute;

		bottom: 65px;

		left: 0; right: 9%;

		background:url(/wp-content/themes/Wazz-child/Images/updates.png) no-repeat #067f8f;

	}

		#signUpBtn p{

			color: white;

			font-family: 'PT Sans';

			font-weight: 700;

			text-transform: uppercase;

			font-size: 15px;

			padding: 0px 0 0px 92px;

			line-height: 44px;

			margin: 0;

		}

	.home .simplesocialbuttons {position: absolute; bottom: 0; left: 0;}



.home #homeContent .meta span {

	display:none;

}

.button, #submit, input[type="submit"], #mc_embed_signup div .button {background: #067F8F;}

	.button:hover, #submit:hover, input[type="submit"]:hover, #mc_embed_signup div .button:hover {background: #115675;}

	#mc-embedded-subscribe {padding: 0 22px !important; border-radius: 0 !important;}

.tt-recent-posts-widget > ul > li{

	border-bottom: 1px solid #e5e5e5;

}



.tt-recent-posts-widget > ul > li:last-child{

	border:none;

}



.home #homeContent .widget-title-container{

	top: 0;

}

.home h3.tt-element-title,h3.widget-title{font-size:16px;line-height:16px;font-weight:bold;   

    color:#1c1c1c;padding-right:20px;margin-bottom:20px;letter-spacing:-1px;display:inline-block;background-color:#FFF;text-transform:uppercase;top:-10px;position:relative}

.home .tt-recent-posts-widget UL > LI H6 {margin-top: 0;}

	.tt-accordion .ui-icon {position: static; float: right; margin: -6px -13px 5px 5px;}

@media (max-width: 979px) {

	

	#imageRotator {

		height: 307px;

	}

	

	#utils {top: 13px; right: 0;}

		#utils li a {background: none;}

	

}



.page-template-map-php #page{

	margin-left:2%;

}



#map{

	position:relative;

}

.dot{

	height:30px;

	width:30px;

	background:none;

	position:absolute;

	cursor:pointer;

}



	.dot1{

		left: 68px;

		top: 896px;

	}

	

	.dot2{

		left: 160px;

		top: 738px;

	}

	

	.dot3{

		left: 185px;

		top: 720px;

	}

	.dot4{

		left: 237px;

		top: 532px;

	}

	.dot5{

		left: 372px;

		top: 496px;

	}

	.dot6{

		left: 538px;

		top: 287px;

	}

	.dot7{

		left: 634px;

		top: 211px;

	}

	.dot8{

		left: 981px;

		top: 302px;	

	}



.tooltip{

	width:210px;

	height:110px;

	background:url(Images/tooltip.png) no-repeat center;

	position:absolute;

	display:none;

}



	.tip1{

		left: -19px;

		top: 786px;

	}

	

	.tip2{

		background:url(Images/tooltipAlt.png) no-repeat center;

		left: 16px;

		top: 614px;

	}

	

	.tip3{

		left: 99px;

		top: 606px;

	}

	.tip4{

		left: 148px;

		top: 419px;

	}

	.tip5{

		left: 284px;

		top: 383px;

	}

	.tip6{

		background:url(Images/tooltipAlt.png) no-repeat center;

		left: 394px;

		top: 173px;

	}

	.tip7{

		left: 545px;

		top: 96px;

	}

	.tip8{

		left: 892px;

		top: 188px;

	}

	

	.tooltip p{

		font-size:11px;

		padding:7px;

		margin-bottom:2px;

		padding-bottom:0;

	}

	

	.tooltip a{

		width:100%;

		text-align:center;

		font-size:12px;

		margin-bottom:5px;

		margin-left: -10px;

	}

	

	

@media (max-width: 1299px) {

	

	

	#trafficFeed {

		position: relative;

		min-height: 270px;

	}

	.tooltip{

		display:none;

	}

	

	

	.dot1{

		left: 52px;

		top: 655px;

	}

	

	.dot2{

		left: 123px;

		top: 526px;

	}

	

	.dot3{

		left: 147px;

		top: 509px;

	}

	.dot4{

		left: 186px;

		top: 359px;

	}

	.dot5{

		left: 294px;

		top: 329px;

	}

	.dot6{

		left: 430px;

		top: 161px;



	}

	.dot7{

		left: 505px;

		top: 102px;

	}

	.dot8{

		left: 785px;

		top: 176px;

	}

	

	.tip1{

		left: -40px;

top: 547px;

	}

	

	.tip2{

		background:url(Images/tooltipAlt.png) no-repeat center;

	left: -20px;

top: 411px;

	}

	

	.tip3{

	left: 56px;

top: 402px;

	}

	.tip4{

		left: 96px;

top: 251px;

	}

	.tip5{

		left: 207px;

		top: 222px;

	}

	.tip6{

		background:url(Images/tooltipAlt.png) no-repeat center;

		left: 285px;

top: 52px;

	}

	.tip7{

		left: 417px;

		top: -7px;

	}

	.tip8{

		left: 695px;

		top: 67px;

	}



	

}



@media (max-width: 979px) {

	

		.meta > span{

		display:none;

	}

	

	#signUpBtn p {

		font-size: 12px;

	}



	.tooltip{

		display:inline-block !important;

		position:static;

		background:#fff;

		border:solid thin #6b6b6b;

		margin-bottom:20px;

		margin-left:10px;

	}	

	

	.dot{

		height:20px;

		width:20px;

	}

	

		.dot1{

			left: 40px;

			top: 506px;

		}

	

	.dot2{

		left: 97px;

		top: 408px;

	}

	

	.dot3{

		left: 113px;

		top: 395px;

	}

	.dot4{

		left: 146px;

		top: 280px;

	}

	.dot5{

		left: 229px;

		top: 258px;

	}

	.dot6{

		left: 332px;

		top: 129px;



	}

	.dot7{

		left: 392px;

		top: 80px;

	}

	.dot8{

		left: 607px;

		top: 136px;

	}

	

	

	.tip1{

		left: -40px;

		top: 547px;

	}

	

	.tip2{

		left: -20px;

		top: 411px;



	}

	

	.tip3{

		left: 56px;

		top: 402px;

	}

	.tip4{

		left: 96px;

		top: 251px;

	}

	.tip5{

		left: 207px;

		top: 222px;

	}

	.tip6{

		left: 285px;

		top: 52px;

	}

	.tip7{

		left: 417px;

		top: -7px;

	}

	.tip8{

		left: 695px;

		top: 67px;

	}

}



@media (max-width: 399px) {

	

	#signUpBtn p {

		font-size: 12px;

	}

	

	.meta > span{

		display:none;

	}

	

#homeContent .home-unit{

		width:100% !important;

	}

#bannerText{

	display:none;

}



#imageRotator {

height: 150px;

}



#signUpBtn a {



width: 97%;

}

	

	

}

@media (max-width: 610px) {

	.logo-container {margin-bottom: 5px; margin-top: 50px;}

	#utils {top: 5px; right: 0;}

		#utils .menu-utilities-container {margin-right: 5px;}

			#utils li a {padding: 0 5px;}

		#utils #search-2 {padding-right: 30px; width: 145px;}

			#utils #s {width: auto !important; padding: 8px 3% !important; -webkit-appearance: none; border-radius: 0;}

			#utils #searchsubmit {width: 30px !important; right: -30px; padding: 10px 15px !important; -webkit-appearance: none; -webkit-border-radius: 0 !important; background-position: -395px -170px !important;}

	.home #imageRotator {display: none;}

	#sidebar {margin-bottom: 0; padding-bottom: 0;}

	section.content {padding-top: 20px;}

		.home-unit {padding-bottom: 20px;}

	.wrapper #bottom {padding-bottom: 30px;}

	#footer .col-2, #footer .col-3 {display: none;}

	#footer .col > aside.widget {margin: 0;}

	ul.footer-menu {width: 100%; float: none;}

		ul.footer-menu li {float: left; width: 50%; margin: 0; padding: 0; text-align: center;}

}

@media (min-width: 611px) and (max-width: 768px) {

	.wrapper #header {background-size: auto 100%; background-position: center top;}

	.logo-container {margin-top: 50px;}

	#utils #s {-webkit-appearance: none; border-radius: 0;}

	.home h3.tt-element-title, h3.widget-title {font-size: 14px;}

}



.wrapper #mc_embed_signup .mc-field-group input {width: 75%;}

	.wrapper #mc_embed_signup .mc-field-group .asterisk {top: 38px; right: 26%;}

.gallery_box_single .gllr_image_row {clear: none;}





/*MT Map*/

.mt-gallery{

    clear:both;

    float: left;

    padding-bottom: 80px;

}



.mtg-title{

    display: inline;

}



.map-tip{

	clear: both;

	width:100%;

	max-width: 1000px;

	margin: auto;

	position: relative;

}



.map-tip-banner{

	display: none;

}



#mtmap{

	width: 100%;

	height: 100%;

	display: block;

}



.mt-item{

	width: 200px;

    display: none;

}



.mt-item .content{

		background: #FFFFFF;

	    border: 2px solid #FFFFFF;

	    color: #115675;

	    font-family: Arial,Helvetica,sans-serif;

	    font-size: 11px;

	    line-height: 13px;

	    padding-bottom: 8px;

	    padding-top: 8px;

	    text-align: center;    

	}

		.mt-item span{

			display: block;

			margin-bottom: 3px;

			padding:0;

			border:0;

		}

		.mt-item span.street{font-weight: 700;}

		

		.mt-item a{

			color:#179EA2;

			text-decoration: none;

		}



	.mt-item .mt-bottom{

		height:14px;

		background:url('Images/notch-white.png') top center no-repeat;

	}

@media (max-width: 767px){

    .map-tip-banner h1,

    .mt-footer span,

    .map-tip-banner,

    .mobile-mtmap{

        display: block;

    }

    .map-tip-banner img,

    .mt-footer img,

    #mtmap,

    #m_mtmap,

    .mt-bottom{

        display: none;

        visibility: hidden;

    }



    .map-tip-banner{text-align:center;}

        



    .mobile-mtmap{

        overflow: hidden;

    }

        .mobile-mtmap img{

            margin-top: -3%;

            display: block;

        }



    .mt-item{

        display: block!important;

        width:48%!important;

        z-index: auto!important;       

        float: left;

        margin:1%;

    } 

        .mt-item .content{

            border:1px solid #E5E5E5;

        }





    .mt-footer{

        background: url('/wp-content/themes/Wazz-child/Images/bc-logo.png') no-repeat 50% 13px;

        clear:both;

        border-bottom: 1px solid #aed034;

        border-top: 1px solid #aed034;

        clear: both;

        float: left;

        font-size: 12px;

        margin: 1em 0;

        padding: 72px 0 1em 0;

        text-align: center;

    }



    .mtg-row img{width: 65px;}







}



@media (max-width: 479px){

    .mt-item{

        width:100%!important;

        margin:10px 0 0 0!important;

    }

    .mtg-title{

        clear:both;

        width: 100%;

        display: block;

    }

    .mtg-row img{width: 53px!important;}

}



@media (min-width: 768px){

    .map-tip-banner h1,

        .mt-footer span,

        .mobile-mtmap{

            display: none;

        }

    

    .map-tip-wrapper{

        clear: both;

        margin: auto;

        max-width: 1000px;

        position: relative;

        width: 98%;

        left:1%;

    }

    .map-tip-banner{

        display: block;

        height:auto;

        width: 100%;

        z-index: 500;

        margin-bottom: -30px;

    }

        .map-tip-banner img{

            position: relative;

            z-index: 502;

        }





    .map-tip{

    }

        .map-tip #mtmap{

            position: relative;

            z-index: 201;

        }



    .mt-footer{



    }

}



.ie8 .map-tip-banner h1,

.ie8 .mt-footer span,

.ie8 .mobile-mtmap{

display: none;

}



.ie8 .map-tip-wrapper{

clear: both;

margin: auto;

max-width: 1000px;

position: relative;

width: 98%;

left:1%;

}

.ie8 .map-tip-banner{

display: block;

height:auto;

width: 100%;

z-index: 500;

margin-bottom: -30px;

}

.ie8 .map-tip-banner img{

position: relative;

z-index: 502;

}



.ie8 .map-tip #mtmap{

position: relative;

z-index: 201;

}



.ie8 .mtg-title,

.ie8 .mt-fancybox{

	display: inline-block;

}


.textwidget img {
	width: 60px;
	height: auto;
}