/* Custom Stylesheet Overrides for KaylaKiss */
/*
 MAIN COLOR: #e70085
 SECONDARY COLOR: #6700a2
 */
body { color:#111; font-family:'Lato', Arial, Helvetica, sans-serif; }
a { color:#e70085; }
.top_bar { background-color:#6700a2 !important; }
.top_bar a { color:#FFF; }
footer { background-color:#FFF; color:#111; }
footer p a:hover { color:#e70085; }

.font-Roboto { font-family:'Lato', Arial, Helvetica, sans-serif; }
.font-RobotoCondensed { font-family:'Montserrat', Arial, Helvetica, sans-serif; }

.welcome p, .caption p, .textArea input,
.textbox, .submitBox textarea, .rating p, .profile-about p, .stats li,
.videoDetails p, .videoInfo p, .featuring ul li, .featuring ul li.label,
.blog_tags p, .blog_tags ul li, .blog_post .blog_date, .errorMsg, .confirmMsg,
.filter_heading { font-family:'Lato', Arial, Helvetica, sans-serif; }
.banner_short { display:none !important; }

nav li.highlighted a { padding:10px 15px; background-color:#e70085; border-radius:4px; color:#FFF; }
nav li.highlighted a:hover { background-color:#6700a2; color:#FFF; }

.welcome h3, h2.title, .item-info h4,
.time, .date, .photos, .updates, 
.site-points h3, .site-points ul li, 
.getAccess a, ul.sorting li a, .pagination li,
.modelCharacter ul li, .step h3,
.days, .price, input[type="submit"].continueThree,
.comments-section h4, .commentBox h4, .commentDate, .submitBox label, .submitBox input.submit,
.profile-pic a, .profile-details h3, .featured-scenes h3,
.movieFeatures li, .videoDetails h3, .videoDetails h5,
.pageDetails h3, .blog_post h4, .page_body h4, .errorMsg h3, .confirmMsg h3,
.movieFeatures a { font-family:'Montserrat', Arial, Helvetica, sans-serif; }

header { background-color:#FFF; position:relative; }
nav li { font-size:22px; font-weight:400; font-family:'Montserrat', Arial, Helvetica, sans-serif; }
nav li a.active, nav li a:hover { color:#e70085; }
.logo { max-width:350px; margin:0 10px; position:absolute; top:0; left:0; }
.hright { padding:33px 0; }

.banner.banner-kaylakiss { background:none; height:auto; padding:0; }
.banner.banner-kaylakiss a { display:inline-block; width:100%; vertical-align:top; }
.banner.banner-kaylakiss a img { display:inline-block; width:100%; max-width:100%; height:auto; vertical-align:top; }

.kaylakiss-intro-section { display:inline-block; width:100%; padding:18px 12px; }
.kaylakiss-intro-section .welcome-text { float:left; width:69%; }
.kaylakiss-intro-section .welcome-text h1, 
.kaylakiss-intro-section .welcome-text h2, 
.kaylakiss-intro-section .welcome-text h3, 
.kaylakiss-intro-section .welcome-text h4, 
.kaylakiss-intro-section .welcome-text h5 { font-family:'Montserrat', Arial, Helvetica, sans-serif; display:inline-block; width:100%; font-size:22px; font-weight:700; letter-spacing:-0.25px; line-height:140%; }
.kaylakiss-intro-section .welcome-text p { display:inline-block; width:100%; margin-bottom:10px; font-size:18px; line-height:140%; }
.kaylakiss-intro-section .liveshow-countdown { float:right; width:30%; }

h2.title { color:#6700a2; }
.inner-area { background:rgba(0,0,0,0.1); width:96%; }
.videoDetails h3, .profile-details h3, .featured-scenes h3, .pageDetails h3 { color:#e70085; }
.videoInfo { border-top-color:#f1f1f1; border-bottom-color:#f1f1f1; }
.featured-scenes { border-top-color:#f1f1f1; }
.videoInfo p, .featuring ul li.label, .videoInfo i, .rating p, .profile-about p, .stats li, .blog_post .blog_date, .videoDetails p { color:#111; }
.section-video, .section-profile { padding:25px 0; }
.movieFeatures a, .profile-pic a { width:100%; padding:0; background-image:none; padding:20px 25px; text-align:center; height:auto; line-height:100%; font-weight:700; font-size:2em; }
.profile-pic a { margin-left:0; left:0; }
.movieFeatures, .profile-pic { width:25%; }
.player, .profile-details { width:74%; }
.modelCharacter li a { background-color:#f1f1f1; color:#111; }

.photo_gallery_block .photo_gallery_thumbnail_wrapper { width:16%; }
.photo_gallery_block .photo_gallery_thumbnail_wrapper img { width:100%; }
.daylabel { background:#FFF; }

#live_show_box { display:inline-block; width:100%; text-align:center; padding:20px 25px; color:#FFF; border-radius:5px; }
#live_show_box {
	background: rgb(231,0,133);
	background: -moz-linear-gradient(57deg, rgba(231,0,133,1) 0%, rgba(103,0,162,1) 100%);
	background: -webkit-linear-gradient(57deg, rgba(231,0,133,1) 0%, rgba(103,0,162,1) 100%);
	background: linear-gradient(57deg, rgba(231,0,133,1) 0%, rgba(103,0,162,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e70085",endColorstr="#6700a2",GradientType=1);
}
#live_show_box #live_show_future, #live_show_box #live_show_now { display:inline-block; font-size:22px; letter-spacing:1px; color:#FFF; margin:10px 0; font-weight:700; text-transform:uppercase; }
#live_show_box #live_show_fulltime, #live_show_box #live_show_pre_text { display:inline-block; font-size:16px; letter-spacing:1px; color:#FFF; margin:10px 0; }
.live_show_ticker_data { color:#FFF; }
.live_show_ticker_wrapper_table { font-size:28px; border-color:#dc0088; background-color:#6800a1; }
.live_show_ticker_data { border-color:#6700a2; background-color:#c93b98; }
.cam_page_live_show { display:inline-block; width:100%; text-align:center; font-size:22px; font-weight:700; letter-spacing:1px; margin:10px 0; line-height:140%; }
.page_body_centered { display:inline-block; width:100%; text-align:center; }
.page_body_centered #live_show_box { width:auto; }

.highlight-box { display:inline-block; padding:5px 15px; border-radius:4px; background-color:#f1f1f1; font-weight:700; letter-spacing:2px; margin:0 5px; }

/* Join Page Tweaks */
.step { background:rgba(0,0,0,0.1); }
.days { font-size:36px; }
.price { font-size:50px; }

/* Contact Page */
.contact-area { padding:30px 0; }
.contact-area p { display:inline-block; width:100%; margin-bottom:10px; line-height:140%; font-size:15px; }
.contact-area p:last-child { margin-bottom:0; }
.contact-area .confirmMsg { padding:10px 0; background-color:#d3f9d2; border:1px solid #188915; color:#188915; text-transform:none; text-align:center; font-size:16px; margin:15px 0; }
.contact-area .textArea { width:100%; }
.contact-area .textArea label { display:inline-block; width:100%; font-size:15px; margin-bottom:4px; color:#666; }
.contact-area .textArea input, .contact-area .textArea textarea { background:#FFF; color:#000; height:auto; padding:10px; }

.textArea input, .textArea textarea { background:#FFF; color:#000; }
.days { color:#6700a2; }
.membership label.active .days { color:#FFF; }
.days span { font-size:12px; }
.step h3 { font-size:30px; }
.step hr { margin:20px 0 40px 0; }
.membership label { background:#FFF; }

.welcomeButtons { display:inline-block; width:100%; text-align:left; }
.welcomeButtons a.playTrailer { display:inline-block; width:auto; padding-right:15px; margin-right:15px; float:none; }
.welcomeButtons a.signUpNow { display:inline-block; width:auto; padding-right:15px;  float:none; }

@media only screen and (max-width:1400px){
	.player, .movieFeatures, .profile-pic, .profile-details { width:100%; }
	.profile-pic { text-align:center; margin-bottom:35px; }
	.profile-pic img { display:inline-block; }
}
@media only screen and (max-width:1279px){
	.kaylakiss-intro-section .welcome-text { width:49%; }
	.kaylakiss-intro-section .liveshow-countdown { width:50%; }
}
@media only screen and (max-width:1023px){
	.kaylakiss-intro-section .welcome-text { width:100%; margin-bottom:15px; }
	.kaylakiss-intro-section .liveshow-countdown { width:100%; }
	.welcomeButtons { text-align:center; }
}
@media only screen and (max-width:500px){
	.welcomeButtons a.playTrailer, .welcomeButtons a.signUpNow { width:100%; }
}

/* Menu Fixes */
@media only screen and (max-width:1590px){
	nav li { font-size:18px; }
}
@media only screen and (max-width:1440px){
	.logo { max-width:300px; }
	nav li { padding-left:20px; }
}
@media only screen and (max-width:1280px){
	header { text-align:center; }
	.logo { position:relative; float:none; display:inline-block; }
	.hright { float:none; display:inline-block; width:100%; text-align:center; padding:20px 0; }
	nav { float:none; display:inline-block; width:100%; text-align:center; }
	nav ul { display:inline-block; width:100%; text-align:center; }
	nav ul li { float:none; display:inline-block; text-align:center; padding:0 5px; }
	.social-media { top:-85px; }
}
@media only screen and (max-width:1024px){
	nav li { padding-left:0; }
}
@media only screen and (max-width:767px){
	.logo { float:left; width:auto; }
	.social-media { top:0; }
}
@media only screen and (max-width:479px){
	.logo { width:auto; max-width:70%; top:15px; }
}

.mailbox_wrapper {background-color:#FFF;}