/* kaz2014 color swatch

	dark claret #aa235f or rgba(170, 35, 95, 1)
	light claret #d478a0
	dark blue #4687b9
	light blue #91bbdc
	pinky gray #fff0f0
*/

/* kazarooony webdesign - local css and Bootstrap over-rides */

html {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

/* adapt OOB Bootstrap styles */

.navbar ul {
	font-size: 1.45em;
}
a {color:#4687b9;
	
}
a:hover {
	color:#aa235f;
}
/* fix for IE10 on Windows 8 phones */

@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


/* over-ride Bootstrap navbar default style */
.navbar-inverse { background-color: #AA235F}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #d478a0}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #AA235F}
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #FFFFFF}
.navbar-inverse { border-color: #d478a0}
.navbar-inverse .navbar-brand { color: #000000}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #000000}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #000000}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #000000}
.dropdown-menu>li>a { color: #333333}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}


h1, h2, h3, h4, h5, h6, p {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
p, li {
	font-size: 1.10em;
}
h1, h2 {
	color: #AA235F;
}
h3 {
	color: #4687B9
}

/* === local kazarooony styles === */
/* banner image - resize for different device widths - may need some tweaking*/
@media (min-width: 1100px) {
  .img-banner {
    width: 117px;
    height: 40px;
  }
}
@media (max-width: 1099px) {
  .img-banner {
    width: 117px;
    height: 40px;
  }
}
/* CTA animated text box on Home page */

.animated-text h1
{
    width: 20em;
    white-space:nowrap;
    overflow:hidden;
    -webkit-animation: type 5s steps(50, end);
    animation: type 5s steps(50, end);
}
.animated-text p:nth-child(2)
{
    width: 30em;
    white-space:nowrap;
    overflow:hidden;
    -webkit-animation: type 5s steps(50, end);
    animation: type 5s steps(50, end);
    animation-delay: 5s;
    -webkit-animation-delay: 5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode:both;}

.animated-text p:nth-child(3)
{
    width: 20em;
    white-space:nowrap;
    overflow:hidden;
    -webkit-animation: type 5s steps(50, end);
    animation: type 5s steps(50, end);
    animation-delay: 10s;
    -webkit-animation-delay: 10s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode:both;}

.animated-text p:nth-child(4)
{
    width: 25em;
    white-space:nowrap;
    overflow:hidden;
    -webkit-animation: type 5s steps(50, end);
    animation: type 5s steps(50, end);
    animation-delay: 15s;
    -webkit-animation-delay: 15s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode:both;}

@keyframes type{
    from { width: 0; }
}

@-webkit-keyframes type{
    from { width: 0; }
}


/* brand strapline styling */
.kaz-brand-1 {
	color: #ffffff;
	font-size: 1.15em;
	font-weight:bolder;
	font-style:italic;
}
/* jumbotron - background wash */
.kaz-jumbo-wash {
	background-color: #F6f0f0;
}
/* well - background wash */
.kaz-well-wash {
	background-color: #F2f0f0;
	border-color: #d478a0;
}

/* kaz button color -1 (not used) */
.kaz-btn-1 {
	background-color: #4687B9;
}
/* kaz button color -2 (not used) */
.kaz-btn-2 {
	background-color: hsl(207, 46%, 35%) !important; 
	background-repeat: repeat-x; 
	border-color: #305d82 #305d82 hsl(207, 46%, 27%);
	color: #ffffff !important;
	-webkit-font-smoothing: antialiased;
	background-image: linear-gradient(#84aed1, #305d82);
}
/* kaz button color -3 ... may need adapting */
.kaz-btn-3 {
  background-color: #4687B9;
  border-color: #4687B9;
  color: #ffffff;
}
.kaz-btn-3:hover,
.kaz-btn-3:focus,
.kaz-btn-3:active,
.kaz-btn-3.active {
  background-color: #3f7aa7;
  border-color: #386c94;
  color: #ffffff;
}
.kaz-btn-3.disabled:hover,
.kaz-btn-3.disabled:focus,
.kaz-btn-3.disabled:active,
.kaz-btn-3.disabled.active,
.kaz-btn-3[disabled]:hover,
.kaz-btn-3[disabled]:focus,
.kaz-btn-3[disabled]:active,
.kaz-btn-3[disabled].active,
fieldset[disabled] .kaz-btn-3:hover,
fieldset[disabled] .kaz-btn-3:focus,
fieldset[disabled] .kaz-btn-3:active,
fieldset[disabled] .kaz-btn-3.active {
  background-color: #4687B9;
  border-color: #4687B9;
  color: #ffffff;
}

/* kaz vertical space */
.kaz-vspace {
	height: 20px;
}
/* kaz portfolio styling */
.kaz-portfolio-tab {
	margin-top: 20px;
	margin-bottom: 20px; 
	border: 1px #d478a0 solid;
	border-radius: 5px 5px 5px 5px;
	padding: 5px 5px; 
}
.kaz-tab-text li {
	text-align:center;
/*	width: 9%; */
	border: 1px #aa235f solid;
	border-radius: 5px 5px 0 0;
	background-color: #F2f0f0;
	margin-bottom: 0;
	font-size: 1.00em;
}
.kaz-tab-text > li.active > a,
.kaz-tab-text > li.active > a:hover,
.kaz-tab-text > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: none;
  margin-bottom: 0;
}
/* recolor glyphs */
.kaz-glyph {
	color: #d478a0;
	font-weight:lighter;
}
/* === Back to top styling === */
/* regular is black text on a light background */
.back-to-top {
	position: fixed;
	bottom: 8em;
	right: 1.5em;
	text-decoration: none;
	color: #000000;
	background-color: #d478a0;
	font-size: 12px;
	padding: 1em;
	display: none;
	z-index:1000;
}
.back-to-top a:link, .back-to-top a:visited, .back-to-top a:hover, .back-to-top a:active, { 
	text-decoration:none;
}
/* hover is white text on a dark background */
.back-to-top:hover {
	text-decoration:none;
	background-color: #aa235f;
	color: #ffffff;
}
/* Wow Slider adaptations */
.kaz-wow-wrapper {
	border: 1px #d478a0 solid;
	border-radius: 5px 5px 5px 5px;
}
.kaz-wow-wrapper-no-rad {
	border: 1px #d478a0 solid;
}
/* horizontal 'soft' line "kaz claret" rgba(170, 35, 95, 1) */
hr.soften-claret {
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(170, 35, 95, 0.8), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(170, 35, 95, 0.8), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(170, 35, 95, 0.8), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(170, 35, 95, 0.8), rgba(0,0,0,0));
  border: 0;
}

/* ------------ standard kazarooony --------------------- */
.clear {
	clear: both
}
.kaz_blue {
	font-size: 0.75em;
	text-align: center;
	line-height: 1.25em;
	color: #2d819e;
	}
.kaz {
	font-size: 0.75em;
	text-align: center;
	color: #000000;
	line-height: 1.25em;
}
#endnote {
	margin-top: 1.50em;
	padding-top: 1.00em;
	border-top: 1px #2d819e ridge;
	width: 96.5%;
}