/*
Theme Name: Euro ISPA
Theme URI: http://epixmedia.co.uk/
Description: Custon theme for EuroISPA.org
Author: Zoe at Epix Media
Version: 1.1
Tags: none
*/

/** FONTS **/
@font-face {
    font-family: 'CartoGothicStdBook';
    src: url('fonts/cartogothicstd-book.eot');
    src: url('fonts/cartogothicstd-book.eot?#iefix') format('embedded-opentype'),
         url('fonts/cartogothicstd-book.woff') format('woff'),
         url('fonts/cartogothicstd-book.ttf') format('truetype'),
         url('fonts/cartogothicstd-book.svg#CartoGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

/***********/


body {
	margin:0px;
	text-align:left;
	font-family: Arial, Helvetica, tahoma, sans-serif;
	font-size:12px;
	background-color:#000e19;
	color:#282828;
}

a{
	border:0px;
	color:#076aaf;
	text-decoration:none;
}

a:hover{
	border:0px;
	color:#000;
	text-decoration:none;
}	

img{
	border:0px;
	z-index:0px;
}

h1,h2,h3,h4,h5,h6{
	margin:0px;
	color:#282828;
	font-weight:normal;
	font-family:'Maven Pro', arial, helvetica, sans-serif;
}

h1{font-size:24px;color:#fff;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}

fieldset {float:left;width:100%;}

input, select, textarea {border:1px #ccc solid;}

.wpcf7-submit {
	background-color:#076aaf;
	padding:5px 10px;
	color:#fff;
	border:0px;
}

#map {float:left;clear:both;margin-top:50px;}

#wrapper {
	clear:both;
	width:100%;
	float:left;
	background-color:#fff;
}

#header {
	float:left;
	clear:both;
	width:100%;
	height:90px;
	margin:0px;
	padding:0px;
	background-color:#181818;	
	position:fixed;
	z-index:99;
}

.header-container {
	width:940px;
	padding:0px 10px;
	height:90px;
	margin:0px auto;
	position:relative;
}

.shadow {
	background-image:url(images/header-shadow.png);
	background-repeat:no-repeat;
	position:absolute;
	top:80px;
	left:0px;
	height:20px;
	width:960px;
}

.logo {
	float:left;
	margin-top:15px;
}

.navigation {
	float:right;
	width:750px;
	height:90px;
	position:relative;
	font-family:'CartoGothicStdBook', verdana, arial;
	font-weight:normal;
	text-transform:uppercase;
}

/* menu */
#access {
	width:100%;
	padding:0px;
	margin:0px auto;
}

#access ul {
	padding:0px;
	margin:0px;
	width:100%;
	float:left;
	list-style-type:none;
}

#access li {
	list-style-type:none;
	float:right;
	width:auto;
	height:90px;
	margin:0px 0px;
	padding:0px 20px;
	color:#fff;
	text-align:center;
	position:relative;
	background-image:url(images/menu-border.png);
	background-repeat:no-repeat;
	background-position:right 50%;
}

#access li#menu-item-15 {background-image:none;}

#access li a {
	float:left;
	color:#cccfd1;
	font-size:13px;
	height:20px;
	padding:35px 0px;
	margin:0px;
	text-decoration:none;
}

#access li.parent a{
	background-image:url(images/dwn-arrow.png);
	background-repeat:no-repeat;
	background-position:50% 60px;
}

#access li:hover {
	color:#fff;
}

#access li:hover a{
	color:#fff;
}

#access ul li.current_page_item,
#access ul li.current-menu-ancestor,
#access ul li.current-menu-item,
#access ul li.current-menu-parent {
	color:#fff;
}
#access ul li.current_page_item a,
#access ul li.current-menu-ancestor a,
#access ul li.current-menu-item a,
#access ul li.current-menu-parent a {
	color:#fff;
}

/* sub menu */
#access ul ul ul {
}
#access ul li:hover > ul {
	display: block!important;
	z-index:99;
}
#access ul ul.sub-menu {
	display:none;
	position:absolute;
	clear:both;
	top:90px;
	left:0px;
	width:185px;
	height:auto;
	z-index:99;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px;
	background-image:url(images/submenu-bg.png);
}

#access ul ul.sub-menu li {
	margin:0px 0px 0px 0px;
	padding:0px;
	height:auto;
	width:100%;
	float:left;
	clear:both;
	background-image:none!important;
	position:relative;
}

#access ul ul.sub-menu li a {
	float:left;
	color:#cccfd1;
	text-decoration:none;
	font-size:12px;
	padding:8px 15px;
	margin:0px 5px;
	width:145px;
	border-bottom:1px #000 solid;
	height:auto;
	text-align:left;
	text-transform:none;
	background-image:none!important;
}

#access ul ul.sub-menu li.sub-parent a {
	background-image:url(images/rht-arrow.png);
	background-repeat:no-repeat;
	background-position:right 50%;
}

#access ul ul.sub-menu li a:hover {color:#fff;}

/* sub sub menu */

#access ul ul.sub-menu ul.sub-menu {
	display:none;
	position:absolute;
	clear:both;
	top:0px;
	left:185px;
	width:165px;
	height:auto;
	z-index:99;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px;
	background-image:url(images/submenu-bg.png);
}

#access ul ul.sub-menu ul.sub-menu li {
	border:0px;
	margin:0px 0px 0px 0px;
	padding:0px;
	height:auto;
	width:100%;
	float:left;
	clear:both;
	background-image:none!important;
}

#access ul ul.sub-menu ul.sub-menu li a {
	float:left;
	color:#cccfd1;
	text-decoration:none;
	font-size:12px;
	padding:8px 15px;
	margin:0px 5px;
	width:125px;
	border-bottom:1px #000 solid;
	height:auto;
	text-align:left;
	text-transform:none;
}

/* Content */

.page-title {
	float:left;
	width:100%;
	background-color:#1592CC;
	padding:15px 0px;
	margin:90px 0px 0px 0px;
}

.page-title h1 {
	color:#fff;
	width:940px;
	margin:0px auto;
	padding:0px 10px;
	font-size:28px;
}

	.title-widget {
		float:right;
		width:300px;
		z-index:0;
	}

	.selectors {
		display:none;
		float:right;
		width:100px;
		height:25px;
		background-color:#000;
		opacity:0.7;
	}
	.selectors ul {
		border:0px!important;
		width:100px!important;
	}
	.selectors ul li {width:100px!important;}
	.selectors ul li a{
		border:0px!important;
		background-color:#000!important;
		color:#fff!important;
	}
	.selectors #lang_sel ul li ul {
		margin-top:-1px!important;	
	}
	
	#search {
		float:right;
		width:25px;
		height:25px;
		background-color:#000;
		opacity:0.7;
		padding-left:0px;
		overflow:hidden;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		position:relative;
		behavior: url(PIE.htc);
	}
	#searchbutton {
		float:left;
		width:15px;
		height:15px;
		padding:5px;
	}
	#searchbutton img {float:left;width:12px;}
	#search input.field {
		float:left;
		background-color:#000;
		border:0px;
		color:#fff;
		margin:3px 0px 0px 5px;
		width:90px;
		font-size:11px;
		font-style:italic;
	}
	#search #searchsubmit {display:none;}

#container {
	clear:both;
	margin:0px auto;
	width:940px;
	padding:0px;
	min-height:360px;
}

#content {
	width:940px;
	float:left;
	margin:25px 0px 20px 0px;
}
#content.full {
	width:940px;
	float:left;
	margin:25px 0px 20px 0px;
}
#content.sidebar {
	width:940px;
	float:left;
	margin:25px 0px 20px 0px;
}
#content.sidebar .entry {
	width:690px!important;
	float:left;
	margin:0px 20px 20px 0px;
}

/* blank ul */
ul.none {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul.none li{
	list-style-type:none;
	margin:0px;
	padding:10px 0px 0px 0px;
}

ul.none li img {margin-right:5px;}

/* Tick ul */
ul.ticks {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul.ticks li{
	list-style-type:none;
	margin:0px;
	padding:0px 0px 10px 40px;
	background-image:url(images/bullet-tick.jpg);
	background-repeat:no-repeat;
	background-position:15px 5px;
}

/* About page sub menu */

#content.sidebar .side-menu {
	float:right;
	width:200px;
	margin-right:20px;
	background-color:#f5f5f5;
	padding:5px;
}
#content.sidebar .side-menu ul {
	margin:0px;padding:0px;
	list-style-type:none;
}
#content.sidebar .side-menu li {
	float:left;
	clear:both;
	width:100%;
	list-style-type:none;
	padding:0px;
	margin:0px;

}
#content.sidebar .side-menu li a {
	float:left;
	width:180px;
	padding:5px 0px 5px 20px;
	background-image:url(images/menu-bullet.jpg);
	background-repeat:no-repeat;
	background-position:8px 10px;
	border-top:1px #ccc solid;
}
#content.sidebar .side-menu li li a {
	width:160px;
	margin-left:20px;
}
#content.sidebar .side-menu li a:hover {background-color:#eee;}
#content.sidebar .side-menu h3 {
	background-color:transparent!important;
	margin:5px 0px;
	text-transform:none;
	font-size:20px;
}
/* Breadcrumb */

.breadcrumb {
	float:left;
	width:100%;
	padding:0px 0px 15px 0px;
	border-bottom:1px #eee solid;
	margin:10px 0px 30px 0px;
}

.breadcrumb ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.breadcrumb ul li{
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:left;
}
/* Single Page */

.page {
	width:100%;
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	text-align:justify;
}

.page ul li {
	margin-bottom:5px;	
	line-height:18px;
}

.page .entry {
	float:left;
	clear:both;
	width:100%;
	line-height:20px;
}

.page table td {
	padding:5px 10px;	
}

/* Posts List Page */

.list-post {
	width:47%;
	float:left;
	margin-right:3%;
	min-height:290px;
}

.list-post.postno1 {
	width:100%!important;
	float:left;
	margin-right:0px;	
	min-height:100px;
}


.list-post-content {
	float:left;
	width:100%;
	position:relative;
	margin:20px 0px 0px 0px;
}

.list-post-more {
	position:absolute;
	bottom:0px;
	right:0px;
	background-image:url(images/btn_short-blueblank.png);
	color:#fff;
	width:130px;
	height:17px;
	padding:4px 10px;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

.list-post-title {
	padding:0px;
	margin-bottom:10px;
	width:100%;
	float:left;
	text-align:left;
}

.list-post-title a {float:left;text-decoration:none;}

.list-post-meta {
	font-size:11px;
	width:100%;
}

.list-entry {
	float:left;
	width:100%;
	margin:0px 0px 10px 0px;
}

.list-post img {
	float:left;
	padding:3px;
	border:1px #ccc solid;
	margin:0px 5px 5px 0px;
}

.post-navigation {
	float:left;
	clear:both;
	min-width:120px;
	margin-top:10px;
}

.next-entries a, .previous-entries a {
	padding:5px 10px;
	background-color:#444;
	margin:0px 5px 0px 0px;
	color:#fff;
}
.next-entries a:hover, .previous-entries a:hover{color:#fff;}

/* Single Post */

.single-entry {
	margin-top:10px;
	padding:0px 0px 15px 0px;
}

.single-entry img {
	float:left;
	margin:0px 8px 5px 0px;
}

.post-meta {color:#999;}

/* Sidebar */

#sidebar {
	float:left;
	clear:both;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:10px 0px;
	background-color:#e2e2e2;
	font-size:12px;
	min-height:150px;
}

#sidebar #general  {
	width:940px;
	padding:0px;
	margin:0px auto;
}

.sidebar h3 {
	width:auto;
	float:left;
	background-color:#cbcbcb;
	padding:7px 10px;
	margin-bottom:10px;
	color:#000;
	text-transform:uppercase;
}
#sidebar ul .widget-container ul,
#sidebar ul .widget-container div {
	clear:both;	
}


#sidebar ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:100%;
}

#sidebar ul .widget-container {
	list-style-type:none;
	margin:0px 0px 20px 0px;
	float:left;
	width:100%;
	padding:0px;
	text-align:left;
}

#sidebar ul .widget-container ul li {
	float:left;
	clear:both;
	margin-bottom:10px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}


#sidebar ul .widget-container.widget_text a {
	background-color:#1592CC;
	padding:5px 10px;
	color:#fff;
}
/* carousel */

#sidebar ul .widget-container#text-2 {
	float:left;
	width:630px;
}

.pb_carousel-1 {
	float:left;
	clear:left;
	width:630px;
}

#sidebar ul .widget-container#text-9 {
	float:right;
	clear:none;
	width:290px;
	margin-top:-80px;
}

.pb_carousel-2 {
	float:right;
	clear:right;
	width:290px;
}

.pb_carousel_default img {
	margin-left:0px!important;
	margin-right:10px!important;
}

#pb_carousel-2 img {
	padding:0px!important;
	border:0px!important;
}

/* Market Surveys on page */
ul.market-surveys {
	width:100%;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul.market-surveys li {
	float:left;
	clear:both;
	width:100%;
	list-style-type:none;
	margin:10px 0px 15px 0px;
	padding:0px;
}

ul.market-surveys li img {
	float:left;
	padding:3px;
	border:1px #ccc solid;
	margin:2px 8px 0px 0px;
}

.more {
	background-color:#1592CC;
	padding:5px 10px;
	color:#fff;
}

/* Widgets on Page */
.widgets_on_page#Homepage ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.widgets_on_page#Homepage ul li.widget {
	list-style-type:none;
	padding:0px;
	margin:0px 10px 0px 0px;
	width:302px;
	float:left;
	text-align:left;
}

.widgets_on_page#Homepage .widget_sp_image-description {width:95%;}
.widgets_on_page#Homepage .widgettitle {
	width:95%;
	margin-top:10px;
	color:#1592CC;
	line-height:26px;
}

.widgets_on_page#Homepage ul li.widget img {
	padding:5px;
	border:1px #ccc solid;
}

.widgets_on_page#Homepage #widget_sp_image-6 {margin-right:0px;}

.widgets_on_page .widget_sp_image-more-link {
	background-color:#1592CC;
	padding:5px 10px;
	color:#fff;
}

/* Footer */

#footer {
	clear:both;
	float:left;
	width:100%;
	margin:0px;
	background-color:#000e19;
	color:#aaaaaa;
	font-size:12px;
	min-height: 240px;
}

#footer a {color:#eee;text-decoration:none;}
#footer a:hover {color:#fff;}

.first-footer {
	clear:both;
	width:940px;
	min-height:120px;
	padding:20px 10px;
	margin:0px auto;
}

.first-footer .widget-container {
	float:left;
	width:300px;
	margin:0px;
	padding:0px 0px 0px 0px;
}

#footer h3 {color:#ffffff;font-size:14px;}

#footer input {
	border:2px #353535	solid;
	background-color:#262626;
	color:#eee;
	font-size:11px;
	padding:3px 8px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	position:relative;
	behavior: url(PIE.htc);
	width:150px;
}

#footer input.submit {
	width:auto;
	border:0px;
	padding:3px 10px;
	color:#ccc;
	font-size:12px;
}

/***** wordpress *****/
.floatright, .alignright {float:right; padding-left: 10px;}

.floatleft, .alignleft {float:left; padding-right: 10px;}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.gallery {
	margin: 0 auto 1.625em;
}
dl.gallery-item {
	margin: 0;
	float:left;
}

.gallery-item img {
	margin:8px 18px 8px 0px;
}

/**Epix Media**/
.created-by {
	width:180px;
	clear:both;
	margin:10px auto;
}

.epix {
	background-image:url(http://www.epixmedia.co.uk/images/createdby_new.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:200px;
	height:25px;
	float:left;
}

a.epix:hover {background-position: 0 -25px;}


/** comments **/

.form-allowed-tags {display:none;}

.comments-section {
	float:left;
	margin-top:30px;
}

h3#reply-title,
h3#comments-title{
	padding-bottom:5px;
	border-bottom:1px #62452f solid;
}

.comment-form-comment textarea {
	float:left;
	clear:both;
	border:1px #CCC solid;
}

#commentform p {
	float:left;
	clear:both;
}

#commentform .required {color:#900}

#commentform label {
	float:left;
	margin-right:10px;
	width:40px;	
}

#commentform input {
	float:left;
	margin-right:5px;
	border:1px #CCC solid;
}

ol.commentlist {
	list-style-type:none;
	padding:0px;
}

.commentlist .avatar {float:left;margin:0px 5px 5px 0px;}

.commentlist .comment {padding:10px;}

.commentlist .even {
	background-color:#f2f4e3;
}

.pb-frolic ul {padding: 0px 0px 0px 0px;}
.pb-frolic ul li {list-style: none; margin: 0px 0px 10px 0px;}

#text-10 {position: relative;}
#text-10 img {position: absolute; top: 10px; right: 10px;}


button.rnav {
	display: none;
	width: 100%; 
	float: left;
	text-align:left;  
	clear: both; 
	background-color: #fff;
	padding: 15px 4% 40px 4%; 
	border: none;   
	font-size:18px; 
	color: #fff;
	text-transform: uppercase;
	font-family:'Raleway', verdana, arial;
	background: url(images/menu-open.png), #181818;
	background-image: url(images/menu-open.png), none;
	background-repeat: no-repeat;
	background-position: 95%, right;
	background-size: 25px;
}

.highlight	{
	background: url(images/menu-close.png), #181818 !important; 
	background-image: url(images/menu-close.png), none !important;
	background-repeat: no-repeat !important; 
	background-position: 95%, right !important;
	background-size: 25px !important;
}


/* max screen width */
@media screen and (max-width: 1024px) {

img {
	max-width: 100% !important;
	height: auto !important;
}

#header {
	position: relative;
	height: auto;
}

#container {
	width: 96%;
	padding: 2%;
}

.page-title {
	margin-top: 0;
}

.navigation{
	height: auto;
}

.breadcrumb {
	width: 96%;
}

#content.sidebar .side-menu {
	width: 50%;
	float: left;
}

#content,
.header-container,
.navigation,
#sidebar #general,
.first-footer,
.page-title h1,
#content.full,
#content.sidebar
 {
	width: 96%;
	padding: 2%;
}

#content.sidebar .entry {
	width: 100% !important;
}


.first-footer .widget-container {
	width: 45%;
}

/* sliders */

.pb_carousel-1 {
	width: 92% !important;
	padding: 2%;
}
.pb_carousel_safetynet {
	width: 100% !important;
}
.caroufredsel_wrapper {
	width: 100% !important;
}

.pb_carousel-2 {
	width: 96% !important;
}


/* sidebar */

#sidebar ul #text-2.widget-container {
	float: left;
	width: 96%;
	padding: 2%;
	margin-top: 0;
}

#Homepage.widgets_on_page ul li.widget,
.list-post {
	width: 45%;
	padding: 2%;
	margin: 0;
}

#sidebar ul #text-9.widget-container {
	float: left;
	width: 96%;
	padding: 2%;
	margin-top: 0;
}

}

/* Required for larger screens  */
@media only screen and (min-width:978px){
	/* Fix for display none, when increasing the size back up so the navigation shows.*/
	.navigation{display:block !important;}
}

/* tablet */
@media screen and (max-width: 960px) {
	button.rnav {
		display: block;
	}
	.navigation {
		display: none;
}

.navigation #access ul li {
	float: none;
	width: 100%;
	display: block;
	height: 20px;
	padding: 0;
	margin-bottom: 20px;
}

#access ul ul.sub-menu {
	position: relative;
	width: 96%;
	display: block;
	top: 0;
	padding: 2%;
	margin: 2% 0;
}

#access ul ul.sub-menu ul.sub-menu {
	position: relative;
	width: 94%;
	display: block;
	top: 0;
	left: 20px;

	padding: 2%;
}

.navigation #access ul li a {
	width: 100%;
	padding: 0;
}

/*smart phone landscape*/
@media screen and (max-width: 735px) {

	#Homepage.widgets_on_page ul li.widget,
	.list-post {
		width: 96%;
	}

.first-footer .widget-container {
	width: 95%;
	padding: 2%;
}

#content.sidebar .side-menu {
	width: 100%;
}

form {
	width: 100%;
}

form input,
form textarea {
	width: 96% !important;
	padding: 2%;
}

.contact_stuff {
	width: 100% !important;
	height: auto !important;	
}

}