/*
Theme Name: 247 Creative Support
Theme URI: http://support.247creative.co.uk
Description: 247 Creative Support WordPress Theme based on X and customised with love and a sprinkling of Fairy Dust by 247 Creative.
Version: 1.0
Author: 247 Creative 
Author URI: http://www.247creative.co.uk
Template: x
Tags: responsive, white, grey, black
*/

/* Main Theme Import
*********************************************************/

@import url('../x/style.css');

/* CSS3 Goodness
*********************************************************/

::-moz-selection{
	background-color:#101010;
	color:#fff;
	}
::selection{
	background-color:#101010;
	color:#fff;
	}

/* Body Styles
*********************************************************/

html,
body{
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased; 
	}
	body{
		-webkit-text-size-adjust:100%;
		-webkit-transition:all 0.3s ease-in !important;
		-moz-transition:all 0.3s ease-in !important;
		-o-transition:all 0.3s ease-in !important;
		transition:all 0.3s ease-in !important;
		}

/* Typography
*********************************************************/

.x-landmark h1,
.section-intro h1,
body.single h1{
	text-transform:none;
	letter-spacing:0em;
	font-size:190%;
	}
.section-intro h1{
	margin:0;	
	}
body:not(.home) h1,
body:not(.home) h2,
body:not(.home) h3,
body:not(.home) h4,
body:not(.home) h5,
body:not(.home) h6{
/* 	font-size:120%; */
	margin-top:0 !important;
/* 	margin-bottom:20px; */
	font-family:moderno-fb, serif !important;
	text-transform:none !important;
	font-weight:600 !important;
	}	
	header,
	footer,
	.x-accordion-heading,
	p,
	li,
	body.home h1,
	body.home h2,
	body.home h3,
	body.home h4,
	body.home h5,
	body.home h6{
		font-family:'sofia-pro', sans-serif !important;
		}
	.section-home h2{
		font-size:330% !important;
		letter-spacing:0.05em !important;
		font-family:'sofia-pro', sans-serif !important;
		font-weight:300;
		margin:0 0 20px 0 !important;
		}
	.section-home h4{
		font-size:100% !important;
		letter-spacing:0.05em !important;
		font-family:'sofia-pro', sans-serif !important;
		font-weight:400;
		margin:0 0 80px 0 !important;
		color:#c0c0c0;
		}
		.section-home h4.accent span:before,
		.section-home h4.accent span:after{
			width:10%;
			opacity:.2;
			}
p{	
	line-height:170%;
	}
.section-home .x-text{
	color:#c0c0c0;
	}
	
/* Navigation Styles
*********************************************************/
	
.x-navbar{
	box-shadow:none;
	border-bottom:1px solid #e7e7e7;
	}
	.x-btn-navbar{
		box-shadow:none;
		border-radius:0;
		}	
	a.x-brand.img:hover{
		opacity:.5;
		}
	
/* Content Styles
*********************************************************/
	
body.home .site{
	background-color:transparent !important;
	}
	.backstretch:before{
	    width:100%;
	    height:100%;
	    min-height:100%;
	    height:100vh;
	    content:"";
	    position:absolute;
	    left:0;
	    top:0;
	    pointer-events:none;
	    background-color:rgba(50,50,50,0.85) !important;
		}
	.btn-home{
		margin-bottom:30px;
		}
	.section-home .x-icon{
		font-size:500%;
		color:#ccc;
		}
	.section-home h2{
		color:#fff;
		font-size:170%;
		margin:0 0 80px 0;
		}
	.section-home .x-creative-cta span.text{
		text-transform:uppercase;
		letter-spacing:0.15em;
		}
		.section-home .x-creative-cta.btn-tickets span.text:after,
		.section-home .x-creative-cta.btn-new span.text:after{
			display:block;
			font-size:700%;
			margin:0;
			font-weight:300;
			color:#fff;
			opacity:0.4;
			}
			.section-home .x-creative-cta.btn-tickets span.text:after{
				font-family:'FontAwesome';
				content:"\f06e";
				}	
			.section-home .x-creative-cta.btn-new span.text:after{
				content:"+";	
				}	
.section-intro{
	border-bottom:1px solid #F2F2F2;
	}
.x-header-landmark{
	background-color:#f7f7f7;	
	}
.wpas-alert.wpas-alert-info{
	background-color:#009688;
	border:1px solid #00796b;
	color:#b2dfdb;
	}
	.wpas-alert.wpas-alert-info a{
		color:#fff;	
		}
.wpas-label{
	text-transform:uppercase;
	letter-spacing:0.05em;
	}
.wpas-btn{
	margin-top:10px;
	text-transform:uppercase;
	border:2px solid #101010;
	font-weight:600;
	letter-spacing:0.05em;
	padding:10px 20px;
	}
.wpas th,
.wpas-profilename,
#wpas_files_wrapper label{
	color:#101010;
	}
.wpas-pagi{
	margin-bottom:40px;
	}
#wpas-new-reply .checkbox{
	margin-bottom:20px;
	}
tr.wpas-reply-single:first-child p{
	font-size:105%;
	color:#4c4c4c;
	}
.section-home .x-btn{
	border-color:#fff;
	letter-spacing:0.125em;
	font-weight:400;
	border-width:2px !important;
	font-family:'sofia-pro', sans-serif !important;
	}
.contact-map .gm-style img{
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	}

/* Sidebar Styles
*********************************************************/

.sidebar-submit h4,
.x-sidebar h4,
h4.h-widget{
	margin-bottom:20px;
	font-size:130%;
	}
	.sidebar-submit h4:after,
	.x-sidebar h4:after,
	h4.h-widget:after{
		content:'';
		display:block;
		width:40px;
		height:2px;
		margin:15px 0 30px 0;
		background-color:#f75e56;
		}
.widget_contact_info{
	font-size:100%;
	}
	.widget_contact_info a{
		color:#666;
		}
	.x-sidebar .contact-map{
		margin-bottom:20px;
		}
	.x-widget-area .confit-address,
	.x-sidebar .confit-address,
	.x-widget-area .confit-phone,
	.x-sidebar .confit-phone,
	.x-widget-area .confit-hours,
	.x-sidebar .confit-hours{
		margin-bottom:10px;
		}
.contact-map{
	margin-bottom:20px;
	}

/* Footer Styles
*********************************************************/

footer.x-colophon.bottom .x-social-global a{
	background-color:#e5e5e5;
	}
	footer.x-colophon.bottom .x-social-global a:hover{
		color:#a0a0a0;
		background-color:#fff;
		} 
.x-colophon-content{
	line-height:200%;
	}
	.x-colophon-content em{
		font-size:150%;
		font-weight:300;
		color:#c0c0c0;
		margin-bottom:15px;
		display:inline-block;
		letter-spacing:normal;
		}
body.home a.x-scroll-top{
	color:#fff;
	border-color:#fff;
	}	
				
/* Form Styles
*********************************************************/	

.wpas-label{
	color:#fff;
	padding:2px 10px;
	border-radius:3px;
	}
.wpas,
.wpas-alert,
.wpas label{
	font-family:'sofia-pro', sans-serif !important;
	}
.wpas-form-group{
	width:100%;
	max-width:100%;
	}
.wpas-form-group input[type=text],
.wpas-form-group input[type=password],
.wpas-form-group textarea{
	width:100%;
	padding:15px 10px;
	height:auto;
	font-size:100%;
	font-family:'sofia-pro', sans-serif !important;
	}
#wpas_form_login label,
#wpas-new-ticket label{
	color:#333;
	}
#wpas_rememberme_wrapper input{
	margin-right:10px;
	}
#wpas-new-ticket button.wpas-btn{
	margin-top:20px;
	}
select.wpas-form-control{
	width:100%;
	}
		
/* Responsification-ified
*********************************************************/

@media (max-width:1024px) and (min-width:979px){
	
	.hidden-tablet{
		width:4% !important;
		}
	.col-c2a{
		width:40% !important;
		}
	
	}

@media (max-width:979px) and (min-width:767px){
	
	.hidden-tablet{
		width:1% !important;
		}
	.col-c2a{
		width:43% !important;
		}
	
	}

@media (max-width:767px){

	.sidebar-submit{
		padding-top:30px;
		padding-left:0 !important;
		}
	
	}

@media (max-width:480px){
	
	#wpas_ticketlist{
		font-size:90%;
		}
	
	}