/* created  17 0603 //////////////////////////////////////////////// Generic Styles :: JAZZLOVERS   */




/* little TWEAKS */

#myIcon { display: none;}

.comment {
	font-family: 'Special Elite', cursive;
	color: white;
}

/* ================================= */
/* :::::::::::: 0. PRINT STYLES  :::::::::::: */
/* ================================= */

@media print {
	div.divFooter::after {
		content: "created: ma-design.com"!important;
		color: white!important;
		background-color: black!important;
		background: url('../../../simpleSite/images/clientLogo-jazzLovers.uk-LOGO-SQ-250px.jpg')no-repeat;
		background-size: 145px 145px;
		background-position: top 30px right 30px;
	}
	
  	/* lets have a page counter */
	div.pageFooter {
		background-image: linear-gradient(to left, Black, white 50%)!important;
	}
	
	#Innovation.innovative-photo.col-md-6:after, 
	#Innovation.title-section,
	#Welcome h1,
	#Welcome p,
	.header .typed
	{
		display: none;
	}
	
	header .social-icons {
		position: absolute;
		margin-top: 0;
		padding-bottom: 5px;
		top: 10px;
		right: -275px!important;
		width: 30px;
		height: 30px;
		font-size: 12px;
		outline: none;
		line-height: 37px;
		opacity: 1!important;
	}

	li i.fa.facebook {
		background: rgba(59, 89, 152, 1);
		color: white;
	}
	li i.fa.twitter {
		background: rgba(85, 172, 238, 1);
		color: white;
	}
	li i.fa.linkedin {
		background: rgba(0, 123, 181, 1);
		color: white;
	}
	
	.innovative .info {
		margin-bottom: 0px!important;
	}


	
}
  
  
/* ================================= */
/* :::::::::::: 0. ICON LOADER  :::::::::::: */
/* ================================= */

.loader-icon i {
    font-size: 150px;
}
  
#page-loader {
    background: black;
}

.loader-icon {
    background: unset;
    margin: -50px 0 0 -80px;
    border: unset;
    color: white;
    height: 150px;
    width: 150px;
}

.loader-icon {
    border-bottom: 4px solid rgba(19, 19, 19, 0.1) !important;
    border-left: 4px solid rgba(19, 19, 19, 0.1) !important;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-right: 4px solid rgba(19, 19, 19, 0.1) !important;

    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
}

div.comment {
    color: white;
    font-size: 6Vh;
    text-align: center;
    padding: 10Vh;
}


/* ================================= */
/* :::::::::::: 0. FONTS  :::::::::::: */
/* ================================= */


div.menuWrapper,
.about h2,
.intro-text h2,
.twitter-feed h2,
.title-section h2,
.innovative-photo .title-section h2,
.info h2,
h3,
.info h2,
.team-photo .title-section h2,
.contact h2,
.contact-Text .title-section h2,
.contact-Text address span, .contact-Text .phone span, .contact-Text .email span,
.subscribe h2
{
	font-family: 'Special Elite', cursive;
}

.about h2,
.contactBlock h2 {
	color: black!important;
}

h3 {font-size: 14pt;}

/* ================================= */
/* :::::::::::: 0. Colour Styling  ::::::::::;;::::::::::::::::: */
/* ================================= */



/* Menu Colours */

div.menuWrapper {
    background-color: black; /* DarkGreen */
	.color: #010066; /* DarkBlue */
	border-top:    1px solid *#aa9055;  /* GOLD */
	.border-right:  0px dashed #aa9055;  /* GOLD */
	border-bottom: 1px solid #aa9055;  /* GOLD */
	.border-left:   0px solid  #aa9055;  /* GOLD */
	
    box-shadow: 15px 15px 50px rgba(9, 34,100, 0.6);
}

div.menu li span {
	color: #aa9055;  /* GOLD */
}
div.menu li a {
   	color: rgba(255,255,255,0.6);
}
div.menu li a:hover,
div.menu li a:active {
	color: white;
}



/* Text Layout */

.services.col-md-6,
.products.col-md-6 {
    padding-top: 135px;
}
.services-photo .title-section h2 {
    font-size: 5Vw;
    font-family: "Gill-sans", sans-serif;
    text-transform: capitalize;
    letter-spacing: 1px;
    text-shadow: 5px 5px 20px rgba(0,0,100,0.3);
    opacity: 0.3;
}
.services-photo .title-section h2:hover {
    opacity: 0.8;
}
.services-photo.Left h2,
.services-photo.Right h2 {
    padding-top: 40px;
}
.services-photo.Left h2 {
	padding-right: 20px;
}
.services-photo.Right h2 {
	padding-left: 20px;
}