/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 @import url('https://fonts.googleapis.com/css?family=Lora');

 *{
 	font-family: 'Open Sans', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lora', serif !important;
	color: #a66bbe !important;
}
.uk-button {
	background: #a66bbe !important;
}

.uk-button:hover {
	background: #d9d8da !important;
	
}

.uk-h1 a, .uk-heading-large a {
	font-family: 'Lora', serif !important;
}
 .tm-block-light {
	color: #D4D7E8 !important;
	background: #1d1b29 !important;
}
 .tm-block-dark, .pink-panel .uk-panel-box {
 	background: #1d1b29 !important;
 	color:#fff;
}
.cam-white-header h3 a {
color: #fff !important;
}

.lol-panels li, .lol-panels h3 {
 	background: #2c3e50;
	padding-bottom: 10px;
	color:#fff;
}
.lol-panels h3,.lol-panels h4,.pink-panel h3,.tm-block-light h3, .tm-block-dark h3,.tm-block-light h4, .tm-block-dark h4 {
 	color:#b6a2ce !important;
}
.force-black h3{
	color:#000 !important;
}
.lol-panels h3 {
 	margin-bottom:0px !important;
 	padding:20px;
}
.lol-panels h4 {
 	font-size:40px;
}
.lol-panels li {
     width: 30%;
     margin:0 15px;
     padding: 20px 60px;
}

.mega-margin-top {
	margin-top:100px;
}

.force-position {
	position:relative;
	top:20%;
	left:27%;
}

.lens {
	display:block;
	position:relative;
	left:50%;
	margin-left:-35px;
	width:70px;
	height:70px;
	background-image:url(../../../images/kylie_marie/icons/blacklens_icon.png);
}
.logo-round {
	display:block;
	position:relative;
	left:50%;
	margin-left:-105px;
	width:209px;
	height:207px;
	background-image:url(../../../images/kylie_marie/km_logo_round.jpg);
}

/*BEGIN LENS OVERLAY EFFECT*/
.uk-overlay-panel h1::before, .uk-overlay-panel h2::before, .uk-overlay-panel h3::before, .uk-overlay-panel h4::before, .uk-overlay-panel h5::before, .uk-overlay-panel h6::before  {
	border:none;
}
.uk-overlay-panel h1::after, .uk-overlay-panel h2::after, .uk-overlay-panel h3::after, .uk-overlay-panel h4::after, .uk-overlay-panel h5::after, .uk-overlay-panel h6::after {
	margin-left:-35px;
	top:10%;
	width:70px;
	height:70px;
	background-image:url(../../../images/kylie_marie/icons/whitelens_icon.png);
	opacity:0.8;
	-webkit-transition:opacity 0.2s ease-out;
	transition:opacity 0.2s ease-out;
	border:none;	
}
.uk-overlay:hover .uk-overlay-panel h1::after, .uk-overlay:hover .uk-overlay-panel h2::after, .uk-overlay:hover .uk-overlay-panel h3::after, .uk-overlay:hover .uk-overlay-panel h4::after, .uk-overlay:hover .uk-overlay-panel h5::after, .uk-overlay:hover .uk-overlay-panel h6::after {
	opacity:0;
	width:70px;
	border:none;	
}
/*END LENS OVERLAY EFFECT*/

.tm-totop-scroller {
	color:#fff;
	top:0px;
}

.tm-block-footer {
	background-color:#171521;
	padding:60px 0px 0px 0px;
}

.left-footer {
	float:left;
}
.left-footer ul li {
	display:inline-block;
	float:left;
	clear:both;
}
.right-footer {
	float:right;
}
.right-footer p {
	text-align:right;
	margin-top:80px;
}
.left-footer p {
	font-size:24px;
	color:#fff;
	margin-top:66px;
	text-transform:none;
}

.uk-navbar-nav > li > a {

}

@media (max-width: 959px) {
	.lol-panels li {
	     width: 97%;
	     margin-left: 5%;
	}
	.force-position {
		top:0;
		left:0;
	}
}