/*
Theme Name: Tapity
Theme URI: http://wordpress.org/
Description: The redone-again Tapity theme.
Version: 3.0
Author: Christain Billings
*/


@font-face {
 	font-family: 'ExpoBlackSSiBlack';
 	src: url('<?php echo get_template_directory_uri(); ?>/fonts/ExpoBlackSSiBold.ttf');
}

@font-face {
 	font-family: 'ExpoBookSSiMedium';
 	src: url('<?php echo get_template_directory_uri(); ?>/fonts/ExpoBlackSSiMedium.ttf');
}



body{    
	margin:0;    
	padding:0;
	font-family: "ExpoBookSSiMedium", "Helvetica Neue", Arial, sans-serif;
	text-align:center;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
} 


/***************** Header *****************/

header{
/* 	background: #ffffff; */
	height: 110px;
	width: 100%;
	top: 0;
	font-weight: 100;
	border-bottom: 1px solid rgba(164,164,164,0.4);
	z-index: 10000000000;
	text-align: center;
	margin-bottom: 40px;
}


/*************** End Header ******************/



/**** Nav Bar Postioning ***/

#title {	
	font-size: 50px;
	font-family: 'ExpoBlackSSiBlack';
	vertical-align: middle;
	float: left;
}

#tap {
	color: #000000;
}

.subtitle {
	font-size: 20px;
	float: right;
}

ul#navbar  {
	text-align: center;
	padding: 0;
	width: 920px;
	margin: 0 auto;
}

#navbar li{
	display: block;
	margin: 34px 0px 0px 0px;
/* 	float: left; */
	list-style-type: none;
}

#navbar li#title {
	margin: 0px 63px 0px 0px
}

#navbar li#title a {
	padding: 0;
	margin: 24px 0 0;
}

#navbar li a {
	padding: 14px 14px 14px 14px;
	margin: 0 10px;
	display: block;
	color: #5095F0;
}

#popover li a {
	margin-top: 0px;
	margin-bottom: 0px;
}

#popover li .popoverNames {
	margin-top: -29px;
	margin-left: 50px;
}

#navbar img {
	margin-top: -2px;
}

#navbar .blog a{

	background-color: #5095F0;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;

}

#navbar .blog a {
	color: #ffffff; 
}


#navbar li.subtitle a:hover {
	background-color: #5095F0;
	color: #ffffff; 
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	/* padding: 14px 14px 14px 14px; */
}

#popover li a:hover {
	margin-top: 0px;
	margin-bottom: 0px;
}


/***** Nested Popup *****/
.nav {
}

.nav > li {
  position: relative;
  display: inline-block;
}

.nav ul a {
  display: block;
  padding: 20px 12px;
  text-decoration: none;
  color: #000000;
}

.nav a:active {
  color: #1BB3D7;
}

.nav .more {
  /* background: url('images/blue-arrow.svg') no-repeat 100% 60%; */
}

#popover {
  position: absolute;
  top: 60px;
  left: -50px;
  padding: 7px 7px 7px 1px;
  border: 1px solid rgba(26,53,71,.12);
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(26,53,71,.1);
  opacity: 0;
  background-color: #ffffff;
  pointer-events: none;
  -webkit-transform: scale(.8) translateY(-30%);
  transform: scale(.8) translateY(-30%);
  transition: .4s cubic-bezier(.3, 0, 0, 1.3);
}

#popover.visible {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: none;
}

#popover::before {
  content: "";
  position: absolute;
  top: -7px;
  left: calc(50% - 7px);
  width: 13px;
  height: 7px;
  background: url('images/popover-arrow.svg');
}

ul#popover.visible {
	z-index: 1000000000;
}

#popover li {
  list-style: none;
  text-align: left;
  margin-top: 0px;
  margin-left: 6px;
  margin: 0px -6px 0px 0px;
  width: 200px; 
}

.popoverIcon {
	width: 40px;
	padding-right: 10px;
}

/**** End Nav Bar Postioning ***/


/***** Contact Popup *****/


a {
  text-decoration: none;
}


#overlay, #registration {
  opacity: 0;
  transition: .5s;
  z-index: 1000000001;
}

#overlay {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(26,53,71,.90);
  pointer-events: none;
}

#overlay.open {
  opacity: 1;
  pointer-events: auto;
}

#registration {
  position: relative;
  width: 460px;
  margin: 120px auto 0;
  padding: 25px;
  border-radius: 8px;
  box-shadow: 0 5px 12px rgba(15,27,39,.4);
  background: #fff;
  -webkit-transform: translateY(80%) scale(.8);
  transform: translateY(80%) scale(.8);
  transition-timing-function: cubic-bezier(.3, 0, 0, 1.3);
  transition-delay: .4s;
}

.open #registration {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

#registration .close {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 7px;
  top: 7px;
  text-indent: -9000px;
  background-image: url('images/close.png');
}

@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  #registration .close {
    background-image: url('images/close@2x.png');
    background-size: 100% 100%;
  }
}

#registration h1 {
  font-size: 20px;
  font-weight: 200;
  color: #1A3547;
  font-family: "ExpoBookSSiMedium", "Helvetica Neue", helvetica, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

#registration h2 {
  margin-bottom: 26px;
  font-size: 16px;
  font-weight: 200;
  color: #8b8b8b;
  font-family: "ExpoBookSSiMedium", "Helvetica Neue", helvetica, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

#registration input, textarea {
  display: block;
  width: 410px;
  padding: 18px;
  border: 1px solid #E9EBED;
  border-radius: 5px 5px 0 0;
  font-family: "ExpoBookSSiMedium", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}


#registration input:focus {
  outline: none;
}

#registration textarea:focus {
  outline: none;
}

#registration [type=email] {
  border-top: none;
  border-radius: 0 0 5px 5px;
}

#registration [type=message] {
  margin-top: 20px;
  border-radius: 5px 5px 5px 5px;
  height: 80px;
  max-width: 410px;
}

::-webkit-input-placeholder {
  color: #AFB9BF;
}

::-moz-placeholder {
  color: #AFB9BF;
}

:-ms-input-placeholder {
  color: #AFB9BF;
}

.confirm {
  display: block;
  margin-top: 20px;
  padding: 18px 0;
  border: 1px solid #417ecd;
  border-radius: 5px;
  color: #ffffff;
  font-family: "ExpoBookSSiMedium", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  background: #5095F0;
}

.confirm:hover {
  background: #417fd0;
  border: 1px solid #417ecd;
  color: #ffffff;
}

/**** End Contact Popup ****/