/*
Theme Name: WWEP
Theme URI: http://www.squarerchilli.co.uk
Author: squarechilli
Author URI: http://www.squarerchilli.co.uk
Description: A custom theme for WWEP designed by Martin Enright, built by squarechilli.
Version: 1
*/

@font-face {
    font-family: 'BitterRegular';
    src: url('css/bitter-regular.eot');
    src: url('css/bitter-regular.eot') format('embedded-opentype'),
         url('css/bitter-regular.woff') format('woff'),
         url('css/bitter-regular.ttf') format('truetype'),
         url('css/bitter-regular.svg#BitterRegular') format('svg');
}

/*essentials*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body {position: relative; font: 20px 'BitterRegular', Arial, Helvetica, sans-serif; color: #333; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; margin:0px auto; padding: 0px;}
a {color: #3d3d3d; text-decoration: underline; outline: none;-webkit-transition: background-color 0.25s; -moz-transition: background-color 0.25s; -o-transition: background-color 0.25s;  transition: background-color 0.25s;}
a:hover {text-decoration: underline;}
h1 {font-weight: 100; margin: 10px 0; font-family: "BitterRegular"; color: #000}
h2 {font-weight: 100; margin: 10px 0; font-family: "BitterRegular"; color: #000; font-size: 26px;}
h2 a {color: #433061; text-decoration: none}
h3 {font-weight: 100; margin: 10px 0 0 0; font-family: "BitterRegular"; color: #a9d041; font-size: 24px;}
p {font-size: 20px;}
img {max-width: 100%; border: 0px; height: auto; width: auto\9; /* ie8 */}
.alignleft {float: left; margin-right: 15px}
.alignright {float: right; margin-left: 15px}
.aligncenter {text-align: center;}
.text-right {text-align: right !important}
.center {margin: 0 auto; text-align: center}
.noborder {border: 0px}
.nomargin {margin: 0 !important}
hr {height: 1px; border: 0px; border-top: 1px solid #494949; color: #fff; width: 10px; margin: 20px 0 30px 0}
hr.hr-center {height: 1px; border: 0px; border-top: 1px solid #494949; color: #fff; width: 10px; margin: 20px auto 30px auto}
.clear {clear: both}
.clear:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
section {position: relative; clear: both; padding: 20px 15%;}
section:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.wrapper, header {position: relative; max-width: 1120px; margin: 0 auto; padding: 0px}
strong {}
a.fancylink {border: 1px solid #9b8449; padding: 10px; color: #9b8449; text-decoration: none; text-transform: uppercase; font-weight: bold; font-family: "Open Sans Semibold"}
a.fancylink:hover {text-decoration: none; color: #fff; background: #9b8449;}
a.greenlink {color: #a0c93a;}
.orange {color: #f7941e}
.green {color: #a6ce39}
.blue {color: #00aeef}
.pink {color: #ee3a80}
.dashed-border {border-bottom: 1px dashed #b1bec5}

.large {font-size: 1.2em}
.larger {font-size: 1.6em}
.largest {font-size: 2em}

/*header*/
header {position: relative; text-align:center; z-index: 99; margin-top: 10px;}
.logo {position: relative; margin: 0 auto;}
.slider, .fullwidthimage {position: relative; height: 365px}

/*nav*/
nav {position: relative; margin: 20px 0;}
nav ul {margin: 0 auto; padding: 0px; list-style-type: none; text-align:center;}
nav ul li {margin: 0; padding: 0px; display:inline;  position: relative}
nav ul li a {display:inline-block; color: #084657; text-decoration: none; padding: 10px 20px 0 20px; font-size: 22px; font-weight: bold; padding-bottom: 15px}
nav ul li a:hover {text-decoration: none; background: url('images/nav-hover.png') no-repeat 50% 100%;}
nav ul li:last-child a {color: #f79827}


/*homepage*/
.home-hover-container {position: relative; width: 781px; height: 320px;}
.theimage {width: 781px; height: 320px; background: #084657 url('images/homepage-chooser.png') no-repeat }
.orange {background-position: 1px -331px;}
.blue {background-position: 6px -656px;}
.green {background-position: 0px -985px;}
.pink {background-position: 0px -1303px;}
#orange {position: absolute; top: 111px; left: 23px; bottom: 10px; width: 86px; height: 87px; text-indent: -9999px }
#blue {position: absolute; top: 111px; left: 154px; bottom: 10px; width: 86px; height: 87px; text-indent: -9999px }
#green {position: absolute; top: 111px; left: 282px; bottom: 10px; width: 86px; height: 87px; text-indent: -9999px }
#pink {position: absolute; top: 111px; left: 412px; bottom: 10px; width: 86px; height: 87px; text-indent: -9999px }
#orange:hover, #blue:hover, #green:hover, #pink:hover {cursor:crosshair}


/*general*/
.bkgrnd-blue {background-color: #084657; color: #fff}
.bkgrnd-blue h1 {color: #a9d041; font-size: 56px}
.bkgrnd-blue strong {color: #a6ce39}
.bkgrnd-green {background: #a6ce39 url('images/bkgrnd-green.jpg') repeat-x; color: #084657}

.twitter-news {position: relative; padding: 5% 12%; font-size: 14px; color: #084657}
.twitter {display: inline-block; position: relative; width: 40%; margin-right: 10%}
/*.news {display: inline-block; position: relative; width: 40%; float: right;} twitter col moved 28 July 2020, so news col extended to fill space*/

.news {display: inline-block; position: relative; width: 100%; float: none;}
.twitter-news ul {list-style-type: none; margin: 0; padding: 0}
.twitter-news ul li {padding: 10px 0; border-bottom: 1px dashed #b1bec5}
.twitter-news ul li a {display: block; font-weight: bold; color: #f79827; text-decoration: none}
.twitter-news ul li a:hover {text-decoration: underline}
.twitter h2 {color: #17b5f0; background: url('images/twitter.png') no-repeat; height: 32px; padding-left: 50px}
.news h2 {color: #f79827; background: url('images/wwep-small.png') no-repeat; height: 32px; padding-left: 174px}
.twitter p {text-align: right}
.twitter p a {color: #17b5f0}

.mail {color: #a0c93a; font-size: 30px}
.tel {color: #01a5e1; font-size: 30px}

.social-links {position: relative; text-align: center;opacity: 0.5;}
.social-links img { vertical-align:middle; margin-left: 20px}
.social-links a:nth-of-type(3) {margin: 0}

.what-we-do-table tr {margin-bottom: 10px}
.what-we-do-table p {font-family: arial; font-size: 14px}


/*footer*/
footer {position: relative; margin-top: 30px}
.footer-links {padding: 20px 5%}
.footer-links p {opacity: 0.5; font-size: 12px}
.footer-links a {color: #fff}



/* #Media Queries
================================================== */

	
	@media only screen and (min-width: 960px) and (max-width: 1183px) {
			
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
			
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 480px) {			
			
		}