/*
Theme Name: Thomas Payne
Description: A custom WordPress theme for Thomas Payne
Version: 1.0
Author: Ross Barber-Smith @ Electric Kiwi & Navneet Khare
Author URI: http://www.electrickiwi.co.uk
*/

.rc-anchor-normal-footer, .rc-anchor-invisible-text, .rc-anchor, .rc-anchor-invisible, .rc-anchor-light, .rc-anchor-invisible-hover, .grecaptcha-badge { display: none !important; }

.content {
    padding-bottom: 5%;
}

#content .inner-content{
	overflow:auto;
	margin-top:130px;
	
}

@media screen and (max-width:600px){
	.eventon_events_list .eventon_list_event .hasFtIMG .evcal_cblock, .evo_pop_body .hasFtIMG .evcal_cblock {
		left: 28% !important;
	}
	
	#evcal_list .eventon_list_event a.sin_val.hasFtIMG .evcal_desc, .sin_val.hasFtIMG .evcal_desc {
		padding-left: 45% !important;
	}
}

.evo_metarow_directimg img {
    width: 100% !important;
    
}


* { box-sizing: border-box; }
body { font-family: 'Roboto Condensed'; background: url(page-bg.jpg) center; background-size: cover; background-attachment: fixed; }
a { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { text-transform: uppercase; font-family: 'Playfair Display';  }
hr { margin-top: -10px !important; margin-bottom: 30px; }

@media screen and (max-width: 980px) {
	body { background-size: cover !important; background-attachment: fixed !important; }
}
a, a:hover,
input, input:hover { 
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#menu, #footer { background: rgba(17,17,17,0.8); z-index: 999; font-family: 'Playfair Display'; }
#menu { padding-top: 15px; padding-bottom: 10px; position: fixed; top: 0; left: 0; padding-left: 1%; padding-right: 1%; width: 100%; font-weight: 700; color: #fff; text-transform: uppercase; }
.logo { float: left; }
.links { float: right; font-size: 20px; padding-top: 30px; }
.links ul { list-style: none; padding: 0; margin: 0; }
.links ul li { display: inline-block; margin-left: 10px; margin-right: 0; }
.links { text-transform:  uppercase; }
.links a { color: #fff; }
.links a:hover { color: #f28100; }
.links li.current_page_item a { color: #f28100; }

#responsive-menu-pro-wrapper, .responsive-menu-pro-wrapper { font-weight: 700; text-transform: uppercase; }

#footer { padding-top: 15px; padding-bottom: 10px; width: 100%; position:relative; padding-left: 1%; padding-right: 1%; font-weight: 700; }
#footer a { color: #fff; }
#footer a:hover { color: #f28100; }
.copyright { color: #fff; float: left; }
.credits { color: #fff; float: right; }


#content { padding-left: 20%; padding-right: 20%; color: #fff; font-size: 20px; line-height: 1.8em; padding-top: 20px; }
#content a { color: #f28100; }
#content a:hover { color: #fff; }



/*--- CONTACT ---*/

#contact-form, .contactform { width: 80% !important; margin: 0 auto; display: block; font-size: 18px; }
.wpcf7-text, .form-text input { border: 1px solid #fff !important; color: #fff !important; font-family: 'Roboto Condensed'; height: 40px; padding: 1%; width: 100% !important; font-size: 20px; background: none !important; max-width: 100% !important; }
.wpcf7-textarea, .form-textarea textarea { border: 1px solid #fff !important; color: #fff !important; font-family: 'Roboto Condensed'; height: 250px; padding: 1%; width: 100% !important; font-size: 20px; background: none !important; }
.wpcf7-submit, .form-submit input { float: right; background: #fff !important; color: #000; font-family: 'Roboto Condensed'; font-size: 24px; text-transform: uppercase; color: #000; line-height: 1.5em; font-weight: 700; height: 55px; width: 200px; border: 0; }


@media screen and (max-width: 980px) {
	#contact-form, .contactform { width: 90%; }
}







@media screen and (max-width: 1400px) {
	#content { padding-left: 10%; padding-right: 10%; }
	.logo { max-width: 300px; }
	,links { padding-top: 30px; }
	.logo img { width: 100%; height: auto; }
}
	
	
@media screen and (max-width: 1200px) {
    .links { font-size: 17px; padding-top: 30px; }
}

@media screen and (max-width: 980px) {
#content { padding-left: 5%; padding-right: 5%; }
.links { display: none; }
.copyright, .credits { float: none; text-align: center; }
.copyright { padding-bottom: 5px; }
.logo { max-width: 300px; }
.logo img { width: 100%; height: auto; }
}