/*
Theme Name: mepra
Theme URI: http://www.mepra.org
Author: Mohammed Abdul Majid
Author URI: http://www.mmajid.com
Description: Description
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mepra
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 mepra is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/



/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Skeleton Grid
14.0 Site Styles
15.0 Font-Face
16.0 Homepage specific

--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}

body {
	background: #fff;
	font: 14px/21px 'Signika', Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #444;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}


blockquote p:before,blockquote p:after {
		content: '"';
	}

	blockquote cite {
		color:#7e7e81;
		font-size: 14px;
		display: block;
		margin-top: 5px;
		font-style: normal;
		text-align: left;
	}



a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Signika', sans-serif;
	font-weight: 400;
	font-size: 16px;
	font-size: 1.6rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

h1{
	font-size: 5rem;
	line-height: 1;
	margin-bottom: 18px;
	color:#666;
}

h1.entry-title{padding:20px 0;}
h1.page-title{margin: 60px 0;}
.short-container h2{font-size:1.8rem; line-height: 1.4; padding:0px 0 20px 0;}
.spotlight-content .short-container h2 {margin:0;}
.mini-container h2{font-size:1.8rem; line-height: 1.4;}
.articles-list h2{font-size:2.4rem; line-height: 28px;}
.event-container h2{font-size: 2.8rem;line-height: 1.2em;}

h2{	font-size: 3.2rem; line-height: 1.2; margin-bottom: 10px; color:#666; }
.content-container .entry-content h2{margin-bottom:0px;}
.entry-content h2{margin-bottom: 20px;
margin-top: 30px;}
.entry-content.awards h2{color:#27a8af; margin-top:40px;}
.widget h2 { font-size: 2.8rem; line-height: 1.1; margin-bottom: 10px; }
.title-center h2{text-align: center;}
.articles-list h2 { font-size: 2rem; line-height: 1.1; margin-bottom: 5px; }
.spotlight-content h2{margin:20px 0;}
h2.section-heading{padding-bottom:20px;}

h3{
	font-size: 2.8rem;
	color:#0d8c9f;
	display:block;
	padding:40px 0;
	line-height: 1.2;

}



h4{
	font-size: 2.6rem;
	font-weight: 300;
	line-height:1.1;
	padding-bottom:20px;
}

.question h4{
	color:#4ca7b5;
}

.resource a.cta-link{
	font-size:1em;
	line-height: 1;
	padding-top:20px;
	display:block;
}


.resource a.cta-link:after {
	font-size:35px;
	position: relative;
	top: 2px;
	left:5px;
}

footer h5{font-size: 1.8rem; color:#fff; margin:15px 0;}


p {
	font-size:1.8rem;
	margin-bottom: 1.6em;
	font-family: 'Signika',Helvetica, Arial, sans-serif;
	font-weight:300;
	color:#666;
}

.articles p {
	font-size:1.7rem;
	margin-bottom: 1.4em;
}


p.lead { font-size: 1.8rem; line-height: 1.2; padding:15px 0; }
p.small {font-size: 0.9em;
padding-top: 5px;
font-family: 'Signika';}

a.small {font-size: 0.7em;
padding-top: 5px;
font-family: 'Signika';}

.content-container p{ font-size:1.6rem; line-height: 1.2; color:#7e7e81;}

p.post-byline{font-size:1.4rem; color:#9c9b9d; font-weight: 600;  margin-bottom:0em; line-height:1.1;}

.spotlight-content h1,p.lead{
	color:#fff;
}


.center{
	text-align:center;
}


b,
strong {
	font-weight: bold;
}

dfn,
em,
i {
	font-style: italic;
}

blockquote {
	border:0px;
}

blockquote p{
		font-size: 1.8rem;
		line-height: 1.4;
		color: #7e7e81;
		font-style: normal;
		text-align: left;
		padding: 0px;
		margin: 0px;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

.name{
	font-size: 1.2em;
	color:#0d8c9f;
	/*font-weight: bold;*/
	margin-bottom:5px;
}

.title{
	font-size: 1em;
	color:#666;
	/*text-transform: capitalize;*/
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}


.arabic{
		font-family: 'Noto Kufi Arabic', serif;
		font-size: 0.8em;
		font-weight: 600;
		top:1px;
		position: relative;
}

.subheader { color: #777; }
.subheader {margin-bottom: 40px;}

.content-section .subheader {
	margin-bottom:40px;
}


.text-center{
		text-align: center;
	}


	[data-icon]:before {
		font-family: 'entypo'; /* BYO icon font, mapped smartly */
		content: attr(data-icon);
		font-size: 1.7em;
		vertical-align: middle;
		font-weight: 400;
		padding-right:5px;
		speak: none; /* Not to be trusted, but hey. */
	}

	.small-social{
		font-family: 'entypo-social';
		font-size: 1.8em;
		vertical-align: middle;
		padding-right:3px;
		speak: none;
	}


.entry-content ul.event-categories, .content ul.event-categories,.entry-content ul.event-links,.entry-content ul.calendar-months, .entry-content ul.gform_fields{
	list-style-type: none;
	margin-left:0;
}

.gform_fields{
	font-size:1em;
}


.event-categories a{
	text-transform: uppercase;
	color:#999;
}

.event-categories a:hover{
	color:#0d8c9f;
}

.event-categories a:visited{
	color:#999;
}

.level-footnote{
	font-size: 0.8em;
	color:#666;
}

@media only screen and (max-width: 767px) {
	.entry-content h2{margin: 20px 0; font-size:1.5em; text-align: left;}
	.spotlight-content .entry-content h2{margin: 40px 0; font-size:1.5em; text-align: left;}
	h3{
	padding:0;
	}

	.content h3{
	padding:20px 0;
	}

	.content ol{
		margin-left:2em;
	}

	h4{font-size:1em;}

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	h2{	font-size: 1.8em; }

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

}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

img.scale-with-grid {
		max-width: 100%;
		height: auto; }

ul.check-list{
   list-style-image: url('images/check-10px.png');
   color:#7e7e81;
   font-size: 15px;
   list-style-position:inside;
   margin:30px 0px;
}

ul.event-categories{
	margin-bottom: 0;
	margin-top:20px;
}

.check-list li{
	margin-bottom: 4px;
}

ul, ol { padding-bottom: 20px; }

ul { list-style: none outside; }

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;

}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

.entry-content ul, .content ul{
	list-style-type: disc;
	font-size:1.8rem;
	color:#666;
	font-family: 'Signika',Helvetica, Arial, sans-serif;
	font-weight:300;
	margin-left:4em;
}

.guest-author ul, ul.company-logos, .wppb-user-forms ul{
	list-style-type: none;
	margin-left:0;
}



.content ol{
	font-size:1.8rem;
	color:#666;
	font-family: 'Signika',Helvetica, Arial, sans-serif;
	font-weight:300;
	margin-left:4em;
	list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
    padding: 0;
    counter-reset: li-counter;
}

.content ol  > li{
	position: relative;
    margin-bottom: 20px;
    padding-left: 0.5em;
    min-height: 3em;
    border-left: 1px solid #efefef;
}

.content ol  > li:before{
    position: absolute;
    top: 0;
    left: -1em;
    width: 0.8em;
	font-family: 'Signika',Helvetica, Arial, sans-serif;
	font-weight:300;
    font-size: 2em;
    line-height: 1;
    font-weight: bold;
    text-align: right;
    color: #73bcc5;
    content: counter(li-counter);
    counter-increment: li-counter;
}

.content ul.company-logos{
	list-style-type: none;
}

ul.company-logos h5{
	font-weight: 600;
	padding:20px 0;
}



ul.company-logos p{
	font-size: 0.9em;
	line-height: 1;
}

.content ul li{
	margin-bottom: 10px;
	margin-left:10px;
}

@media only screen and (max-width: 767px) {
.content ul{
	margin-left:2em;
}

.content ul li{
	margin:0;
}

}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
div.login{
	/*margin-bottom:60px;*/
}

.login p.message, p.message{
	font-size:14px;
}
/*--------------------------------------------------------------
4.1 Buttons
--------------------------------------------------------------*/
	button,
	input,
	select,
	textarea {
		font-size: 100%; /* Corrects font size not being inherited in all browsers */
		margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
		vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	}

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background-color: #fff;
	  -moz-border-radius: 7px;
	  -webkit-border-radius: 7px;
	  border-radius: 7px;
	  color: #0d8c9f;
	  display: inline-block;
	  font-size: 16px;
	  font-weight: 600;
	  text-decoration: none;
	  cursor: pointer;
	  margin-bottom: 20px;
	  margin-right:10px;
	  line-height: normal;
	  padding: 15px 40px;
	  text-align: center;
	 }


	 .widget .button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
	padding: 12px 20px;
	}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #666;
	}

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		background: #ccc;
	}


	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	.button.blue,
	input[type="submit"]#em-gateway-button-2checkout,
	input[type="submit"].gform_button,
	input[type="submit"]#wp-submit,
	button.blue,
	input[type="submit"].blue,
	input[type="reset"].blue,
	input[type="button"].blue {
		background-color: #4ca7b5;
		border:2px solid #4ca7b5;
		color:#fff;
	 }

	.button.light-blue,
	button.light-blue,
	input[type="submit"].light-blue,
	input[type="reset"].light-blue,
	input[type="button"].light-blue {
		background-color: #e6f4f5;
		border:2px solid #e6f4f5;
		color: #0d8c9f;
	 }




	.button.gray,
	button.gray,
	input[type="submit"].em-gateway-button,
	input[type="submit"].gray,
	input[type="reset"].gray,
	input[type="button"].gray {
		background-color: #ececec;
		border:2px solid #ececec;
		color:#666;
	 }

	.awards .button.blue,
	.awards button.blue,
	.awards input[type="submit"].blue,
	.awards input[type="reset"].blue,
	.awards input[type="button"].blue {
		background-color: #2ba9b0;
		border:2px solid #2ba9b0;
		color:#fff;
	 }

	 .button.white-blue,
	button.white-blue,
	input[type="submit"].white-blue,
	input[type="reset"].white-blue,
	input[type="button"].white-blue {
		background-color: #fff;
		border:2px solid #fff;
		color:#4ca7b5;
	 }

	  .button.white-orange,
	button.white-orange,
	input[type="submit"].white-orange,
	input[type="reset"].white-orange,
	input[type="button"].white-orange {
		background-color: #fff;
		border:2px solid #fff;
		color:#d59246;
	 }


	.button.blue:hover,
	button.blue:hover,
	input[type="submit"].blue:hover,
	input[type="reset"].blue:hover,
	input[type="button"].blue:hover {
		/*background-color: #0d8c9f;*/
	 }




	.button.blue-outline,
	button.blue-outline,
	input[type="submit"].blue-outline,
	input[type="reset"].blue-outline,
	input[type="button"].blue-outline {
		color: #4ca7b5;
		border:2px solid #4ca7b5;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	 }


	 .button.orange-outline,
	button.orange-outline,
	input[type="submit"].orange-outline,
	input[type="reset"].orange-outline,
	input[type="button"].orange-outline {
		color: #fff;
		border:2px solid #d59246;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	 }

	.button.blue-outline:hover,
	button.blue-outline:hover,
	input[type="submit"].blue:hover,
	input[type="reset"].blue:hover,
	input[type="button"].blue:hover {
		/*background-color: #0d8c9f;*/
	 }


	.button.dark-blue,
	button.dark-blue,
	input[type="submit"].dark-blue,
	input[type="reset"].dark-blue,
	input[type="button"].dark-blue {
		background-color: #4ca7b5;
		color:#fff;

	 }

	.button.dark-blue:hover,
	button.dark-blue:hover,
	input[type="submit"].dark-blue:hover,
	input[type="reset"].dark-blue:hover,
	input[type="button"].dark-blue:hover {
		/*background-color: #0d8c9f;*/
	 }


	.orange .button,
	.button.orange,
	.orange button,
	.orange input[type="submit"],
	.orange input[type="reset"],
	.orange input[type="button"] {
		background-color: #cd7923;
		color:#fff;
		border:0;

	 }

	.orange .button:hover,
	.button.orange:hover,
	.orange button:hover,
	 input[type="submit"].orange:hover,
	 input[type="reset"].orange:hover,
	 input[type="button"].orange:hover {
		color:#fff;
	 }

	 .orange a:hover{
		 color:#fff;
	 }

	.light-orange .button,
	.button.light-orange,
	.light-orange button,
	.light-orange input[type="submit"],
	.light-orange input[type="reset"],
	.light-orange input[type="button"] {
		background-color: #d59246;
		color:#fff;

	 }


	.button.locked:after,
	button.locked:after,
	input[type="submit"].locked:after,
	input[type="reset"].locked:after,
	input[type="button"].locked:after {
		content: "\1F512"; /* Lock icon */
		display: inline-block;
		font-family: 'entypo';
		speak: none;
		font-weight: 400;
		font-variant: normal;
		text-transform: none;
		line-height: 0.7;
		-webkit-font-smoothing: antialiased;
		font-size:34px;
		padding-bottom: 4px;
		position: relative;
		top:2px;
		left:5px;

	 }


	 .button.facebook:before,
	button.facebook:before,
	input[type="submit"].facebook:before,
	input[type="reset"].facebook:before,
	input[type="button"].facebook:before {
		content: "\F30C"; /* Lock icon */
		display: inline-block;
		font-family: 'entypo-social';
		speak: none;
		font-weight: 400;
		font-variant: normal;
		text-transform: none;
		line-height: 0.7;
		-webkit-font-smoothing: antialiased;
		font-size:34px;
		padding-bottom: 4px;
		position: relative;
		top:2px;
		left:-12px;

	 }

	.button.content-container{
		padding:20px 0;
	}

	.button.min-width{
		min-width: 220px;
	}
	.button.big{
		font-size:18px;
	}

	.button.dark-blue:hover,
	button.dark-blue:hover,
	input[type="submit"].dark-blue:hover,
	input[type="reset"].dark-blue:hover,
	input[type="button"].dark-blue:hover {
		/*background-color: #0d8c9f;*/
	 }


	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;

	}

	.button-mini{
		background-color: #0d8c9f;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  display: inline-block;
	  font-size: 12px;
	  font-weight: 600;
	  text-decoration: none;
	  cursor: pointer;
	  margin-right:5px;
	  line-height: 0.7;
	  padding: 5px 5px;
	}

	a.button-mini{ color: #fff;}

	.event-container .button{margin-top: 20px;}

	.entypo-social{
		font-family: 'entypo-social';
		font-weight: 400;
		font-size: 4em;
		position: relative;
		top: 5px;
		padding-right:5px;
	}

	.mini-social{
		font-size: 2.6em;
	}



	.social-button{
		font-family: 'entypo-social';
		font-size: 4em;
		background-color: #0d8c9f;
		text-align: center;
		display: block;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	  	border-radius: 5px;
	  	height: 50px;
	  	width: 50px;
	}

	.social-button span{
		display: block;
		color:#e7f4f5;
	}
	/* saf3+, chrome1+ */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	.social-button span{
		/* padding-top:15px; */
		padding-top: 0px;
		}
	.searchbox-icon span{
		top:9px;
	}
	}

	a.social-button{
			color: #88c3cc;
	}

	a.social-button:hover{
			color: #fff;
	}


	.lc{
		text-transform: lowercase;
	}

/*--------------------------------------------------------------
4.2 Input
--------------------------------------------------------------*/


	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		padding: 15px;
		box-sizing: border-box;
		outline: none;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		font-size:16px;
		color: #0d8c9e;
		margin: 0;
		border: 0;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background-color: #e7f4f5; }




	#lostpasswordform{
		margin-bottom: 100px;
	}


	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
 		color: #0d8c9e;
 		}
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }


	.bg-xlt-gray input[type="text"],
	.bg-xlt-gray input[type="password"],
	.bg-xlt-gray input[type="email"],
	.bg-xlt-gray textarea {
 		background-color: #fff;
 		width:100%;
 		}

	.bg-xlt-gray input[type="text"]:focus,
	.bg-xlt-gray input[type="password"]:focus,
	.bg-xlt-gray input[type="email"]:focus,
	.bg-xlt-gray textarea:focus {
 		background-color: #fff;
 		}




@media only screen and (min-width: 768px) and (max-width: 959px) {
	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {padding: 15px 25px; margin-bottom: 0px;}
}

@media only screen and (max-width: 767px) {
	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {padding: 15px 20px; margin-bottom: 10px;}
}


/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

#header-global #mepra-name{
	float:right;
}

#header-global nav {
    position:absolute;
    top:0;
    right:70px;
    margin-bottom: 30px;
    text-transform: lowercase;
}

#header-global nav li {
      float: left;
      margin: 0 0 0 20px;
      height: 40px;
      display: inline-block;
}

#header-global nav li a {
        top:10px;
        position: relative;
}


nav#sub-nav {
    margin-top:20px;
    text-transform: lowercase;
    font-size:1.2em;
    border-bottom: 3px solid #e5f1f1;
}

nav#sub-nav li {
      float: left;
      margin: 0 25px 0px 12px;
      height: 40px;
      display: inline-block;
}

nav#sub-nav li.orange a{
	color:#cd7923;
	position: relative;
	top:-5px;
}


nav#sub-nav li.orange a:hover{
	color:#cd7923;
}


nav#sub-nav li.orange a:before{
	content: "\2630"; /* Lock icon */
	display: inline-block;
	font-family: 'entypo';
	speak: none;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 0.7;
	-webkit-font-smoothing: antialiased;
	font-size:34px;
	position: relative;
	top:4px;
	left:-3px;
}



nav#sub-nav li ul {
      display:none;
}

nav#sub-nav li a {
        color:#666;
}

nav#sub-nav li.current_page_item a {
        color:#0d8c9f;
}

nav#sub-nav li a:hover {
        color:#04728a;
}

#section-video{
	cursor: pointer;
}


.spotlight-content nav#sub-nav {
    margin-bottom: 40px;
    text-transform: lowercase;
    font-size:1.2em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);;
}

.spotlight-content nav#sub-nav li a {
        color:#fff;
}

.spotlight-content.include-nav {
	padding:1px 0 20px 0;
}

.page-header{
	margin-bottom:40px;
}

@media only screen and (max-width: 767px) {
	nav#sub-nav {
		display:none;
	}
	.content-container.landscape-container .attachment-featured-thumbnail{
		-webkit-border-top-right-radius: 10px;
		-moz-border-top-right-radius: 10px;
		border-top-right-radius: 10px;
		-webkit-border-bottom-right-radius: 0px;
		-moz-border-bottom-right-radius: 0px;
		border-border-bottom-right-radius: 0px;
		-webkit-border-top-left-radius: 10px;
		-moz-border-top-left-radius: 10px;
		border-border-top-left-radius: 10px;
	}

	.content-container.landscape-container .content{padding:0;}
}


@media only screen and (min-width: 768px) and (max-width: 959px) {

	.content-container.landscape-container .content{
		padding: 10px 3px 0px 15px;
	}


	nav#sub-nav li {
      margin: 0 10px 0px 10px;
      font-size:0.9em;
	}
}

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
	a, a:visited { color: #04728a; text-decoration: none; outline: 0; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }

	a.post-title{color:#4ca7b5}

	.event-title a{color:#4ca7b5}

	a.post-type{color:#7e7e81; font-weight: 600; display: inline; text-align: left; }
	.article-category, a.article-category, a.article-category:visited{color:#a5a5a5; font-weight: 600; font-size:14px;}
	a.article-category:hover{color:#4ca7b5; font-weight: 600;}

@media only screen and (max-width: 767px) {

	.event-title{
		height: auto;
	}

}
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

/**** USED! ****/


/**** Footer Navigation ****/

footer{
	/*margin-top:30px;*/
}


#fat-footer ul.footer-nav{
	width:750px;
}

#fat-footer ul.footer-nav li{
	width:250px;
	float:left;
}

#fat-footer ul li a, #fat-footer ul li a:visited{
	color:#fff;
}

#fat-footer .menu-item a, #fat-footer .menu-item a:visited{
	font-family: 'Signika', sans-serif;
	color:#fff;
}

#fat-footer .menu-item{
	padding-top:10px;
}

#fat-footer .sub-menu .menu-item{
	padding-top:0px;
}

#fat-footer .sub-menu .menu-item a, #fat-footer .sub-menu .menu-item a:visited{
	font-family: 'Signika',Helvetica, Arial, sans-serif;
	font-weight:300;
	color:#e6f4f5;
}



#footer-nav , #footer-nav a{
	color:#fff;
}


#footer-nav span{
	display: block;
	float: left;
}

#footer-nav nav{
	float: left;
}

#footer-nav nav li{
	float: left;
	margin-right: 10px;
}

#footer-nav nav li:before{
	margin-right: 10px;
	content: "|";
	margin-left: 10px;
}

#footer-nav nav a{
	color:#fff;
}


.newsletter-subscription .gform_body{
	float: left;
	padding-right: 10px;
}

.gform_body ul, wppb-user-forms ul{
	list-style-type: none;

}

.ginput_container input.medium, .ginput_complex input{
	width:400px;
}

.ginput_container select.medium, .ginput_complex select{

  width: 400px;
  height: 40px;
}

.gfield_description{
	font-size: 12px;
}


.gfield_label, .gsection_title{
	margin-bottom: 20px;
margin-top: 50px;
font-size: 1.8rem;
line-height: 1.2;
font-weight:400;
}


h2.gfield_label , h2.gsection_title {
	font-size: 2.2rem;
	border-bottom: 1px #efefef solid;
	padding-bottom: 20px;

}

.ginput_container textarea{
	width: 600px;
}

.newsletter-subscription .gfield_label, .newsletter-subscription .validation_error{
	display:none;
}

.newsletter-subscription .validation_message, .newsletter-subscription .gform_confirmation_message{
	color:#e6f4f5;
}

.newsletter-subscription .gforms_confirmation_message{
	margin:40px 0;
}

.newsletter-subscription .ginput_container input{
		width: 100%;
}

.newsletter-subscription .gform_button{
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
	cursor: pointer;
	line-height: normal;
	text-align: center;
	background-color: #0d8c9f !important;
	border:3px solid #0d8c9f !important;
	color:#e7f4f5;
}

.newsletter-subscription .gform_button:hover{
	color:#fff;
}


/* Small menu */
.menu-toggle {

}



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

	span.login-member{
		display:none;
	}
		.main-navigation, #sign-in{
	}


	#main-nav nav li{
     	margin-right: 30px;
	}

	.footer-sidebar > li{
		width:50%;
		float:right;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

	span.login-member{
		display:none;
	}
			.main-navigation, #sign-in{
	}


	#main-nav nav li{
     	margin-right: 25px;
     	font-size: 22px;
	}

	#main-nav #sign-in a {
		font-size: 18px;
	}

	#fat-footer ul.footer-nav li{
	width:245px;
	}

	.footer-sidebar > li{
		width:50%;
		float:right;
	}

}

@media only screen and (max-width: 767px) {
		.content-container img { width: 100%;}
		#fat-footer {display:none;}
}
/**********/

@media screen and (max-width: 767px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation, #sign-in{
		display: none;
	}

	#mepra-logo{
		margin:10px 0;
	}

}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#menu-global-menu{
	font-size: 1em;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

.widget.five.columns ul{
	margin-left:1em;
}

.row .widget{
	min-height:340px;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

.widget .video-player{

}


@media only screen and (max-width: 767px) {
.row .widget{
	min-height: inherit;
}
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 -2em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.entry-content{
	/*padding-bottom: 60px;*/
}

.entry-title{
	margin-top:20px;
}

/*
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}*/

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

#disqus_thread{
	margin-top:60px;
}


/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
}

.wp-caption-text {
	padding-bottom:5px;
	border-bottom:3px solid #e5f1f1;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.thumbnail-caption{
	color: #999;
	font-size:0.8em;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
	margin-left:30px;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	margin:10px;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}



/*--------------------------------------------------------------
13.0 Skeleton Grid
--------------------------------------------------------------*/

/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/*

Grid 1200px
Nicolas Poliquin
polikin.ca

*/


/* Table of Contents
==================================================
    #Base 1200 Grid
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */

.columns,
.column {
	-webkit-transition: all 0.2s ease;
	  -moz-transition: all 0.2s ease;
	  -moz-transition: all 0.2s ease;
	  -ms-transition: all 0.2s ease;
	  -o-transition: all 0.2s ease;
	  transition: all 0.2s ease;
}

/* #Base 1200 Grid
================================================== */

    .container                                  { position: relative; width: 1200px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float:left; display: inline; margin-left: 13px; margin-right: 12px; }
    .row                                        { margin-bottom: 0px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */

	.container .one.column,
    .container .one.columns                     { width: 50px; }
    .container .two.columns                     { width: 125px; }
    .container .three.columns                   { width: 200px; }
    .container .four.columns                    { width: 275px; }
    .container .five.columns                    { width: 350px; }
    .container .six.columns                     { width: 425px; }
    .container .seven.columns                   { width: 500px; }
    .container .eight.columns                   { width: 575px; }
    .container .nine.columns                    { width: 650px; }
    .container .ten.columns                     { width: 725px; }
    .container .eleven.columns                  { width: 800px; }
    .container .twelve.columns                  { width: 875px; }
    .container .thirteen.columns                { width: 950px; }
    .container .fourteen.columns                { width: 1025px; }
    .container .fifteen.columns                 { width: 1100px; }
    .container .sixteen.columns                 { width: 1175px; }

    .container .one-third.column                { width: 375px; }
    .container .two-thirds.column               { width: 775px; }
	.container .one-fourth.column				{ width: 275px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 75px;  }
    .container .offset-by-two                   { padding-left: 150px; }
    .container .offset-by-three                 { padding-left: 225px; }
    .container .offset-by-four                  { padding-left: 300px; }
    .container .offset-by-five                  { padding-left: 375px; }
    .container .offset-by-six                   { padding-left: 450px; }
    .container .offset-by-seven                 { padding-left: 525px; }
    .container .offset-by-eight                 { padding-left: 600px; }
    .container .offset-by-nine                  { padding-left: 675px; }
    .container .offset-by-ten                   { padding-left: 750px; }
    .container .offset-by-eleven                { padding-left: 825px; }
    .container .offset-by-twelve                { padding-left: 900px; }
    .container .offset-by-thirteen              { padding-left: 975px; }
    .container .offset-by-fourteen              { padding-left: 1050px; }
    .container .offset-by-fifteen               { padding-left: 1125px; }




/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {

   		 .container .column,
		 .container .columns                        { margin-left: 10px; margin-right: 10px; }

        .container                                  { width: 768px; }
        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }
		.container .one-fourth.column				{ width: 364px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }

	/* Note: Design for a width 1024 Desktop
	================================================== */

	@media only screen and (min-width: 960px) and (max-width: 1199px) {
        /* Base Grid */

		 .container .column,
		 .container .columns                        { margin-left: 10px; margin-right: 10px; }

		.container                                  { width: 960px; }
	    .container .one.column,
	    .container .one.columns                     { width: 40px;  }
	    .container .two.columns                     { width: 100px; }
	    .container .three.columns                   { width: 160px; }
	    .container .four.columns                    { width: 220px; }
	    .container .five.columns                    { width: 280px; }
	    .container .six.columns                     { width: 340px; }
	    .container .seven.columns                   { width: 400px; }
	    .container .eight.columns                   { width: 460px; }
	    .container .nine.columns                    { width: 520px; }
	    .container .ten.columns                     { width: 580px; }
	    .container .eleven.columns                  { width: 640px; }
	    .container .twelve.columns                  { width: 700px; }
	    .container .thirteen.columns                { width: 760px; }
	    .container .fourteen.columns                { width: 820px; }
	    .container .fifteen.columns                 { width: 880px; }
	    .container .sixteen.columns                 { width: 940px; }

	    .container .one-third.column                { width: 300px; }
	    .container .two-thirds.column               { width: 620px; }
		.container .one-fourth.column				{ width: 430px; }

	    /* Offsets */
	    .container .offset-by-one                   { padding-left: 60px;  }
	    .container .offset-by-two                   { padding-left: 120px; }
	    .container .offset-by-three                 { padding-left: 180px; }
	    .container .offset-by-four                  { padding-left: 240px; }
	    .container .offset-by-five                  { padding-left: 300px; }
	    .container .offset-by-six                   { padding-left: 360px; }
	    .container .offset-by-seven                 { padding-left: 420px; }
	    .container .offset-by-eight                 { padding-left: 480px; }
	    .container .offset-by-nine                  { padding-left: 540px; }
	    .container .offset-by-ten                   { padding-left: 600px; }
	    .container .offset-by-eleven                { padding-left: 660px; }
	    .container .offset-by-twelve                { padding-left: 720px; }
	    .container .offset-by-thirteen              { padding-left: 780px; }
	    .container .offset-by-fourteen              { padding-left: 840px; }
	    .container .offset-by-fifteen               { padding-left: 900px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 90%;  }
        .container .columns,
        .container .column { margin: 10px 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns { width: 100%; }
        .container .one-third.column{width: 100%}
        .container .two-thirds.column {width: 100%;}
		.container .one-fourth.column {width: 100%;}

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 90%; }
        .container .columns,
        .container .column { margin: 20px 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns { width: 100%; }
        .container .one-third.column{width: 33%;}
        .container .two-thirds.column {width: 67%;}
		.container .one-fourth.column {width: 100%;}
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }



/*--------------------------------------------------------------
14.0 Site Styles
--------------------------------------------------------------*/


/*--------------------------------------------------------------
14.1 Header
--------------------------------------------------------------*/


header{
	margin-top:40px;
}

header #mepra-logo{
	float:left;
	padding-bottom: 20px;
}
#arabic header #mepra-logo{
	float:right;
}
header #header-global{
	float:right;
}

/*--------------------------------------------------------------
14.1 Footer
--------------------------------------------------------------*/

footer{

	width: 100%;
	padding:50px 0px;
	 margin-top: 40px;

}

footer p{
	color:#fff;
	margin-top: 20px;
}

.footer-nav{
	color:#fff;
	font-size: 16px;
}

.footer-nav li{
	width:33%;
	float:left;
}

.growing-togather{
	margin-bottom:20px;
}

ul.social-links, ul.partners-list{
	margin: 0;
	width: 100%;
}

.social-links li{
	float:left;
	padding-right: 10px;
}

.partners-list li{
	float:left;
	padding-right: 20px;
}



/*--------------------------------------------------------------
14.3 Back to top of the page CSS
--------------------------------------------------------------*/

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #4ca7b5 url(images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  box-sizing: border-box;

}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 0.5;
}
.no-touch .cd-top:hover {
  background-color: #4ca7b5;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/*--------------------------------------------------------------
14.2 Site Generic
--------------------------------------------------------------*/

.related-sidebar{
	padding-top:40px;
	padding-bottom:10px;
}

.related-sidebar .widget{
	min-height:340px;
}



.guest-author ul li{
	float:left;
}

.guest-author h5{
	font-size:1.4em;
	padding-bottom:15px;
}

.guest-author .entypo-social{
	top:11px;
}

.guest-author img{
	width:100%;
	border-bottom:6px solid #e5f1f1;
	margin-bottom: 20px;
}

.guest-author hr{
	margin: 36px 0 20px 0px;
	border-top:1px solid #efefef;
}
.guest-author p{
	font-size:1em;
}


.featured-image img{
	width:100%;
	margin-bottom:40px;
}


.breadcrumbs{
    list-style:none;
    padding-top:30px;
    overflow:hidden;
}

.breadcrumbs .current{
    color:#999;
}

.breadcrumbs .separator{
	font-family: 'entypo';
	font-size: 18px;
	font-weight: 600;
    color:#999;
}



img {
    max-width: 100%;
}

.content-section{
	padding: 60px 0;
}

.bg-gray-pattern{
	width:100%;
	background-color: #f3fafb;
	background-image: url('images/mepra-gray-pattern-transparent.png');
	background-attachment: fixed;
}




.bg-blue-spotlight-pattern{
	width:100%;
	background: #04728a; /* Old browsers */
	background-image: url('images/mepra-light-blue-pattern-transparent.png'), -moz-linear-gradient(left,  #04728a 0%, #12847e 100%); /* FF3.6+ */
	background-image: url('images/mepra-light-blue-pattern-transparent.png'), -webkit-gradient(linear, left top, right top, color-stop(0%,#04728a), color-stop(100%,#12847e)); /* Chrome,Safari4+ */
	background-image: url('images/mepra-light-blue-pattern-transparent.png'), -webkit-linear-gradient(left,  #04728a 0%,#12847e 100%); /* Chrome10+,Safari5.1+ */
	background-image: url('images/mepra-light-blue-pattern-transparent.png'), -o-linear-gradient(left,  #04728a 0%,#12847e 100%); /* Opera 11.10+ */
	background-image: url('images/mepra-light-blue-pattern-transparent.png'), -ms-linear-gradient(left,  #04728a 0%,#12847e 100%); /* IE10+ */
	background-image: url('images/mepra-light-blue-pattern-transparent.png'), linear-gradient(to right,  #04728a 0%,#12847e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04728a', endColorstr='#12847e',GradientType=1 ); /* IE6-9 */

  background-attachment: fixed;

}


.bg-awards-spotlight-pattern{
	width:100%;
	background: #2ba9b0; /* Old browsers */
	background-image: url('images/mepra-light-teal-pattern-transparent.png'), -moz-linear-gradient(left,  #2ba9b0 0%, #73bcc5 100%); /* FF3.6+ */
	background-image: url('images/mepra-light-teal-pattern-transparent.png'), -webkit-gradient(linear, left top, right top, color-stop(0%,#04728a), color-stop(100%,#12847e)); /* Chrome,Safari4+ */
	background-image: url('images/mepra-light-teal-pattern-transparent.png'), -webkit-linear-gradient(left,  #2ba9b0 0%,#73bcc5 100%); /* Chrome10+,Safari5.1+ */
	background-image: url('images/mepra-light-teal-pattern-transparent.png'), -o-linear-gradient(left,  #2ba9b0 0%,#73bcc5 100%); /* Opera 11.10+ */
	background-image: url('images/mepra-light-teal-pattern-transparent.png'), -ms-linear-gradient(left,  #2ba9b0 0%,#73bcc5 100%); /* IE10+ */
	background-image: url('images/mepra-light-teal-pattern-transparent.png'), linear-gradient(to right,  #2ba9b0 0%,#73bcc5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba9b0', endColorstr='#73bcc5',GradientType=1 ); /* IE6-9 */

  background-attachment: fixed;

}



.bg-orange-spotlight-pattern{
	width:100%;
	background-color: #d59246;
	background-image: url('images/mepra-white-pattern-transparent-light.png');
}

.bg-blue-solid-mini-pattern{
	width:100%;
	background-color: #04728a;
	background-image: url('images/mepra-gray-pattern-transparent-light-small.png');
}


.bg-blue-solid-pattern{
	width:100%;
	background-color: #e7f4f5;
	background-image: url('images/mepra-xlt-blue-pattern-transparent.png');
	background-attachment: fixed;
}




.blue{
	color:#0d8b9e;
}
.blue-c{
	color:#0d8c9f;
}
.orange{
	color: #cd7923;
}

.bg-orange{
	background-color: #cd7923;
}

.bg-orange-border{
	background-color: #fff;
	border:2px solid #cd7923;
}

.light-orange{
	color: #d59246;
}

.bg-light-orange{
	background-color: #d59246;
}


.bg-lt-blue-color{
	background-color:#4ca7b5;
}

.lt-blue, a.lt-blue{
	color:#4ca7b5;
}

.bg-lt-blue-border{
	background-color: #fff;
	border:2px solid #4ca7b5;
}

.bg-xlt-gray{
	background-color: #f7f7f7;
}



.bg-xlt-gray-border{
	background-color: #fff;
	border:2px solid #f7f7f7;
}

.bg-blue-border{
	background-color: #fff;
	border:2px solid #0d8c9f;
}



.bg-xlt-blue{
	background-color: #e6f4f5;
}

.bg-xlt-blue-border{
	border:2px solid #e7f4f5;
	background-color: #fff;
}

.bg-white{
	background-color: #fff;
}

.bg-lt-gray{
	background-color: #f4f4f4;
}

.bg-white-blue{
	background-color:#f3f8f8;

}

.bg-blue{
	background-color:#4ca7b5;
}

.awards .bg-blue{
	background-color:#2ba9b0;
}

.bg-teal{
	background-color:#2ba9b0;
}


.bg-teal-border{
	border:2px solid #2ba9b0;
	background-color: #fff;
}

.teal, a.teal{
	color:#2ba9b0;
}

.gray{
	color:#808082;
}

.blue{
	color:#0d8c9f;
}

.white, .white a, a.white{
	color:#fff;
}

p.white{
	color:#fff;
}

p.indicator-hint{
	font-size:14px;
}


.circular-image img {
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
	margin-right: 20px;
}

.recent-members{
	text-align: center;
}

.recent-member{
	float:left;
	width: 150px;
	height:240px;
	margin: 20px 45px;
}

.recent-member .name{
	padding-top:15px;
	display: block;
}

.recent-member .company{
	font-size: 1em;
	color:#666;
}


.circular-image-big img{
	width: 150px;
	height: 150px;
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	-ms-border-radius: 75px;
	-o-border-radius: 75px;
	border-radius: 75px;
}


.circle{
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.join-spotlight-benefits{
	margin:0 auto;
	text-align:center;
	margin:60px 0;
}

.benefit-circle{
	width:160px;
	height:160px;
	display:inline-block;
}

.join-spotlight-benefits li{
	display:inline-block;
	margin:0 30px;
}

.benefits{
	text-align: center;
	margin:0 auto;
}

.join-spotlight-benefits h4, .benefits h4{
	margin:20px 0;
	color: #d59246;
}



.left{float:left;}
.left-aligned{float:left; padding-left:60px;}
.right{float:right;}


/* Container */

.content-container{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-sizing: border-box;
	margin-bottom: 25px;
}




.container-plus{
	font-size:3em;
	font-family: 'Signika',Helvetica, Arial, sans-serif;
	font-weight:300;
	color:#ddd;
	position:absolute;
	bottom:20px;
	right:20px;
}


.topic-container{
	height: 200px;
	cursor: pointer;
	transition: 0.2s ease-in-out;
	position:relative;

}

.topic-container a{
	color:#4ca7b5;
}

.topic-container:hover{
	height: 200px;
	background-color:#4ca7b5;
	color:#fff;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.topic-container:hover .container-plus{
	opacity: 0;
}

.topic-container p.note{
	font-size:1em;
}

.topic-container:hover p.note{
	color:#fff;
}

.topic-container:hover a{
	color:#fff;
}


.topic-container h3{
	font-size:1.6em;
	line-height: 1.1;
}

.sectors-list h3{
	font-size:1.3em;
	line-height: 1.1;
	padding-bottom:16px;
	margin:0;
}

.sectors-list a{
	color:#4ca7b5;
}

.sectors-list a:hover{
	color:#04728a;
}

.rounded-container{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-sizing: border-box;
	padding:20px;
	margin-bottom: 25px;
	height: 280px;
}

.rounded-container h3{
	margin: 0 0 20px 0;
	padding:0;
}

#tip-content{
	font-size:0.9em;
}


.content-container .attachment-featured-thumbnail, .content-container .attachment-standard-thumbnail, .content-container .attachment-landscape-thumbnail, .content-container .attachment-thumbnail{
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-border-top-right-radius: 10px;
}

.content-container.landscape-container .attachment-featured-thumbnail, .content-container.landscape-container .attachment-standard-thumbnail{
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	border-border-bottom-right-radius: 10px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-top-left-radius: 0px;
	border-border-top-left-radius: 0px;
}

.content-container .content{
	padding:4% 6%;
}



.content{
	margin-bottom:40px;
}

.content-container.landscape-container .content{
	padding:20px 10px 0px 40px;
}

.mini-container{
	padding:6%;
}


.event-container{
	padding: 30px;
	margin-right: 12px;
	min-height: 520px;
}

.membership-container h2{
	height: 100px;
	text-align: center;
	padding:30px;
	display: block;
	border-bottom: 1px solid #c3ddde;
	font-size:1.8em;
	color:#4ca7b5;
}


h2.locked:before {
		content: "\1F512"; /* Lock icon */
		display: inline-block;
		font-family: 'entypo';
		speak: none;
		font-weight: 400;
		font-variant: normal;
		text-transform: none;
		line-height: 0.7;
		-webkit-font-smoothing: antialiased;
		font-size:1.65em;
		padding-bottom: 4px;
		position: relative;
		top:2px;
		right:5px;
	 }



.membership-container p{
	height:140px;
}

.membership-container .membership-content{
	padding:20px 27px 30px 27px;
}

.membership-container .button{
	padding:15px 20px;
	width: 100%;
	font-size:18px;
	margin-bottom: 0;
}

.button-bar{
	clear:both;
	padding:45px 0 0 0;
	text-align:center;
}



.membership-content ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
}


.membership-content ul li {
	display: inline-block;
	margin-right: -4px;
	position: relative;
	padding: 17px 20px;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	font-size:18px;
	font-weight: 600;
	text-align: center;
	background-color: #4ca7b5;
	color:#fff;
	width:100%
}

.membership-content > ul li:first-child, .membership-content ul li:last-child {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

.membership-content ul li:hover {
  background: #efefef;
  color: #4ca7b5;
}


.membership-content ul li ul {
  padding: 0;
  position: absolute;
  top: 52px;
  left: 0;
  width: 100%;
  height:100%;
  z-index: 9999;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.membership-content .categories-label:after {
	font-family: 'entypo';
	font-size: 2.6em;
	content:"\E760";
	position: absolute;
	right:16px;
	top:17px;
}


.membership-content ul li ul li {
	padding:0;
	background: #efefef;
	display: block;
	color: #4ca7b5;
}

.membership-content li ul a { color:#4ca7b5;}
.membership-content li ul li:hover { background-color:#4ca7b5; color:#fff;}
.membership-content li ul li:hover span {color:#fff;}
.membership-content li ul a { width:100%; height:100%; padding:15px 5px; display:inline-block;}
.membership-content li ul a:hover { color:#fff;}

.membership-content li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}


.top{
	position: relative;
	top:-8px;
	display:inline;
}


.widget .top{
	position: relative;
	top:-60px;
	display:inline;
}

.widget.bg-blue .list{
	color:#fff;
	list-style-type: disc;
	padding-left:40px;
	font-size:1.1em;
	padding-bottom:0;
}

.section{
	padding:40px;
	margin:20px 0;
}


.content-container.company-container {
	height:440px;
	overflow: hidden;
	padding:20px;
}

.company-container h3 {
	font-size:1.4em;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
}

.company-container img {
	width:100%;
	height:135px;
}


.company-container .company-contact-person{
	color:#4ca7b5;
	font-weight: 600;
	margin-top:10px;
	display: inline-block;

}

/*
.company-container .company-links, .company-container .company-contact-person{
	display: none;
	opacity: 0.0;
	visibility: hidden;
	-webkit-transiton: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.company-container:hover .company-links, .company-container:hover .company-contact-person{
	display: inline-block;
	opacity: 1.0;
	visibility:visible;

}
	*/


.wall-login{
	width:33%;
	margin-bottom: 40px;
}

.wall-login .button{
	width:100%;
}


.wall-content{
	width:64%;
}


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

	.wall-login{
	width:29%;
	}

	.wall-content{
		width:64%;
	}

	.content-section{
		padding: 40px 0;
	}

	.content-container{
		margin-bottom: 20px;
	}
	.membership-container p{
	height:165px;
	}

	.recent-member{
	width: 130px;
	height:240px;
	margin: 15px 25px
	}

	.circular-image-big img{
		height:130px;
	}

.company-container img {
	height:initial;
}
.company-container h3{
	font-size:1.2em;
}
	.content-container.company-container {
	height:420px;
	}

}

@media only screen and (min-width: 768px) and (max-width: 959px) {

	.wall-login{
	width:90%;
	}

	.wall-content{
		width:90%;
	}


	.content-container.company-container {
	height:420px;
	}

	.content-section{padding: 40px 0;}
	.event-container{padding: 20px;}
	.widget{padding:20px;}
	.membership-container p{
	height:220px;
	}
	.membership-container h2{
		font-size: 1.4em;
	}
	.content-container p{
		font-size:1.4em;
	}
	.membership-content ul li, .membership-container .button{
		font-size: 14px;
	}

	.recent-member{
	width: 100px;
	height:240px;
	margin: 15px 25px
	}

	.circular-image-big img{
		height:100px;
	}
	.content-container p{
		font-size:inherit;
	}

	.company-container img {
	height:initial;
}
.company-container h3{
	font-size:1.2em;
}

}


@media only screen and (min-width: 480px) and (max-width: 767px) {

		.wall-login{
	width:90%;
	}

	.wall-content{
		width:90%;
	}



  .mini-container, .mini{}
  .content-section{	padding-top: 20px;}
}

@media only screen and (max-width: 767px) {

		.wall-login{
	width:90%;
	}

	.wall-content{
		width:90%;
	}


	ul.award-categories{
		text-align:left;
	}

	.content-container.company-container ul {
		margin-left: -4px;
	}

		#header-global {display: none;}
		#mepra-logo img{width: 160px;}
		header{	margin-top:10px;}
		header #mepra-logo{	padding-bottom:0;}
		.footer-nav-list {display: none;}
		.content-section{padding: 20px 0;}
		.content{margin-bottom:0px;}
		.container {margin-bottom: 0px;}

.benefit-circle{
	width:100px;
	height:100px;
	display:inline-block;
}
.join-spotlight-benefits{
	margin:30px 0 -14px 0;
}
.join-spotlight-benefits li{
	display:inline-block;
	margin:0 7px;
}

.membership-container h2{
	padding:0;
	height:60px;
}

.membership-container p{
	height:auto;
}

.membership-container .entry-content h2{
	margin: 32px 0;
}

.recent-member{
	margin: 20px 10px;
}
.content-container.landscape-container .content{padding:0 20px;}

}

/*--------------------------------------------------------------
15.0 Font-Face
--------------------------------------------------------------*/

@font-face {
	font-family: 'entypo';
	src: url('fonts/entypo.eot');
	src: url('fonts/entypo.svg#entypo') format('svg');
	src: url('fonts/entypo.eot?#iefix') format('embedded-opentype'),
	url('fonts/entypo.woff') format('woff'),
	url('fonts/entypo.ttf') format('truetype');

	font-weight: normal;
	font-style: normal;
}

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


@media screen and (-webkit-min-device-pixel-ratio:0) {
 @font-face {
      font-family: 'entypo';
      src: url('font2/entypo.eot?98872910');
      src: url('font2/entypo.eot?98872910#iefix') format('embedded-opentype'),
           url('font2/entypo.woff?98872910') format('woff'),
           url('font2/entypo.ttf?98872910') format('truetype'),
           url('font2/entypo.svg?98872910#entypo') format('svg');
      font-weight: normal;
      font-style: normal;
    }
}




/*--------------------------------------------------------------
16.0 Homepage specific
--------------------------------------------------------------*/

.spotlight-content{
	padding: 30px 0;
	box-sizing: border-box;
}

.spotlight-content.margin-bottom{
	margin-bottom: 60px;
}

.video{
	box-sizing: border-box;
}

.video img{
	/*float:right;
	width: 100%;*/
}

@media only screen and (max-width: 767px) {
 .spotlight-content{	padding: 20px 0;}

}


	.event-info{
		font-size:16px; color:#9c9b9d; font-weight: 400; padding-bottom: 20px;display: block;
		height: 40px;
	}

	.event-date{
		font-size:16px; color:#9c9b9d; font-weight: 400; padding-bottom: 20px;display: block;
	}

	.text-center{
		text-align: center;
	}

	.event-title{
		height: 160px;
		width:100%;
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
	}



	.post-type{
		text-transform: uppercase;
		padding-right: 20px;
	}

	.social-share{
		margin-top:-50px;
	}

	.article-categories{

		vertical-align: middle;
		text-transform: uppercase;
		color:#a5a5a5;
		font-weight: 600;
		float:right;
	}

	.entry-content .article-categories{
		float:none;
		width: 700px;
	}

	.article-categories.careers{
		float:none;
	}


	.article-categories li:after{
		content:",\00a0";
	}

	.article-categories li:last-child:after{
		content:"";
	}

	.article-categories li{
		color:#a5a5a5;
		float:left;
	}


	.articles-list li{
		margin-bottom: 20px;

	}




	.short-container{
		min-height: 340px;
		position:relative;
	}

	.short-container img{
	max-height: 200px;
	}

	.short-container .post-title{
			width:100%;
			display: block;
			text-overflow: ellipsis;
			overflow: hidden;

	}

	.short-container .resource-title{
			font-size:1.3em;
			padding-top:15px;
	}

	p.container-excerpt{
		max-height: 120px;
		/*overflow: hidden;*/
	}


	.short-container .no-thumb{
			padding-top:20px;

	}

	.short-container .post-type{
		position:absolute;
		bottom:16px;
		left:16px;
	}



	.mini-container .post-title{
			height: 80px;
			width:100%;
			display: block;
			text-overflow: ellipsis;
			overflow: hidden;

	}

	.mini-container p{
			height: 80px;
			width:100%;
			display: block;
			text-overflow: ellipsis;
			overflow: hidden;

	}

	p.company-info{
		padding:5px 0 10px 0;
		margin:0;
		word-wrap: normal;
	}


	.article-categories{
		font-size:0.8em;
	}
/* +++++++++++++++ */


a.tag{
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color:#7e7e81;
	position: relative;
	top: 5px;
	text-align: right;

}

.icon{
	font-family: 'entypo';
	font-weight: 400;
	font-size: 20px;
	position: relative;
	top: 2px;
	padding-right:5px;
}


.event-widget-icon{
	line-height:0.7;
	font-family: 'entypo';
	font-weight: 400;
	font-size: 60px;
	margin-left:-5px;
	padding-bottom: 20px;
	padding-top: 10px;
}

.lt-blue{
	color:#4ca7b5;
}

.huge-icon{
	font-family: 'entypo';
	font-weight: 400;
	font-size: 80px;
	position: relative;
	top: 70px;
}

.large-icon{
	font-family: 'entypo';
	font-weight: 400;
	font-size: 90px;
	display: block;
	padding:20px 0;
	margin-bottom:40px;
}

.mini-icon{
	color:#999;
}




@media only screen and (min-width: 960px) and (max-width: 1199px) {
		.articles-list h2{font-size:18px; line-height: 22px;}
		.event-container h2{font-size: 20px;line-height: 24px;}
		a.event-title {height: 80px;}
		.mini-container h2, .mini-container p{
		font-size:1.05em;
		}

		.event-title{
		height: 120px;
		}
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	h1{font-size:36px; line-height: 110%}
	.articles-list h2{font-size:18px; line-height: 120%;}
	.article-categories{float:left;}
	h2{font-size:26px; line-height: 110%;}
	.short-container h2{font-size:18px; line-height: 120%}
	p.post-byline{font-size:12px; line-height: 120%;}
	.post-type, .article-category{font-size:12px;}
	.mini-container h2, .mini-container p {font-size:14px;}
	.event-container h2{font-size: 18px;line-height: 120%;}
	a.event-title {height: 80px;}
	.event-info{
		font-size:14px;padding-bottom: 10px;
	}
	.widget h2{font-size: 22px;line-height: 120%;}
	ul.check-list{font-size: 14px;line-height: 110%;};
	blockquote p{font-size: 14px;line-height: 110%;}

	.mini-container h2, .mini-container p{
		font-size:1.05em;
	}

	.mini-container p{height:120px;}
		.event-title{
		height: 100px;
		}

}


@media only screen and (max-width: 767px) {
  .spotlight-content {text-align: center; }
  .spotlight-content p, .spotlight-content h1{text-align: left;}
  	h1{font-size:30px; line-height: 110%;}
	a.event-title {height: 100%;}
	p{margin-bottom: 1em;}

	.huge-icon{
	font-size: 80px;
	position: relative;
	top: 42px;
}

	.social-share{
		margin-top:0;
	}


a.post-type ,.short-container .post-type{
	position:inherit;
	bottom:0;
	left:0;
	text-align: left;
	display:block;
	padding:10px 0;
}

.content-container ul.article-categories{
	display:none;
}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .mini-container, .mini{}
  a.event-title {height: 60px;}
  .event-container{margin-bottom: 100px;}
  h1{font-size:36px; line-height: 110%}
}


/*--------------------------------------------------------------
16.0 Widgets specific
--------------------------------------------------------------*/


.facebook-widget{
	color: #999999;
	text-align: center;
}

div.rotatingtweets{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #666;
	border: 1px solid #efefef;
	padding: 9px 20px;
}

div.rotatingtweet {
	font-size: 100%;
	word-wrap: break-word;
	vertical-align: top;
	padding:40px 20px;

}

.rtw_info{
	padding-top:10px;
}

div.rotatingtweets{
	padding:0;
	max-width: 580px;
}

.rtw_follow{
	float:right;
}

p.rtw_main {
     word-wrap: break-word;
}

div.cycle-carousel-wrap div.rotatingtweet {
	padding-right: 1em;
}

p.rtw_meta,div.rtw_meta,div.rtw_meta_wide,div.rtw_name,div.rtw_id,div.rtw_time_short,div.rtw_rt_meta {
	font-size: 0.8em;
}

div.rtw_wide_block div.rtw_name {
	font-size: 1.0em;
}

div.rtw_icon img {
	max-width: 2.2em;
	max-height: 2.2em;
}
div.rtw_intents img {
	max-width: 1.2em;
	max-height: 1.2em;
	padding: 0;
	margin: 0;
	display: inline;
}
div.rtw_wide_icon img {
	padding-top: 8%;
	padding-left: 0;
	margin-left: 0;
}
div.rtw_meta img,
div.rtw_rt_meta img {
	vertical-align: middle;
}

.rtw_twitter_icon,
.rtw_time_short {
	float:right;
	display: none;
}

.rtw_time_short a{
	color:#999;
}


div.rtw_wide_icon,
div.rtw_icon {
	float:left;
	padding-right: 0.5em;
}
div.rtw_wide_icon {
	display: inline;
}
.rtw_wide_block .rtw_name,
.rtw_wide_block .rtw_id {
	display: inline;
}


.rtw_id a{
	color:#999;
}

.rtw_name a{
	color:#666;
}

.rtw_wide_block {
	padding-left: 58px;
}
div.rtw_intents {
	display: inline;
	float:right;
	margin-left: 1em;
}
div.rtw_intents a {
	display: inline;
}
div.rtw_timestamp {
	display: inline;
}
.rotatingtweet p.rtw_main {
	clear: both;
	padding:2% 0;
}
.rtw_wide_block p.rtw_main,div.rtw_main {
	clear: none;
}

.rtw_media {
	clear: both;
}
.rtw_media img {
	margin: auto;
	height: 150px;
	max-height: 150px;
}

#content .rotatingtweets,
#content .norotatingtweets  {
	margin-bottom: 3%;
}

#content .rotatingtweet {
	padding-top: 0.7em;
	padding-bottom: 0.7em;
}

#content p.rtw_main,p.rtw_main,div.rtw_main {
	margin-bottom: 0.6em;
	white-space: normal;
}

#content .rtw_wide p.rtw_main {
	margin-bottom: 0.35em;
}


p.rtw_meta,div.rtw_meta {
	/*border-top: 1px solid #efefef;*/
	padding-top:2%;
}
#sidebar ul li div.rtw_name,div.rtw_name,div.rtw_name a {
	margin-bottom: 0;
	padding-bottom: 0;
}
#sidebar ul li div.rtw_id,div.rtw_id ,div.rtw_id a {
	margin-top: 0;
	padding-top: 0;
}
#sidebar ul li div.rtw_intents {
	padding-left:2%;
}
div.rtw_rt_meta {
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	padding: 0;
}


.homepage-testimonial{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	padding: 20px;
	min-height: 150px;
}

.hidden{
	display:none;
}

@media only screen and (max-width: 767px) {

	div.rotatingtweets, div.facebook-widget{
		display:none;
	}

}

@media only screen and (min-width: 960px) and (max-width: 1199px){
	div.rotatingtweets{
		max-width:768px;
		width:768px;
	}

	#content .rotatingtweets, #content .norotatingtweets{
		margin-top: 60px;
	}


	.facebook-widget, .join-community .widget{
		margin-top:20px
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	div.rotatingtweets{
		max-width:768px;
		width:768px;
	}

	.facebook-widget, .join-community .widget{
		margin-top:20px
	}

		#content .rotatingtweets, #content .norotatingtweets{
		margin-top: 60px;
	}


}

/*--------------------------------------------------------------
17.0 Custom templates
--------------------------------------------------------------*/

/* Standard Landing Page */

.spotlight-copy{
	padding:5px 0 60px 0;
	margin-bottom:40px;
}

.spotlight-header{
	padding:0;
	margin-bottom:40px;
}
.bg-gray-white-pattern{
	width:100%;
	background-image: url('images/mepra-gray-pattern-transparent-light.png');
}

.bg-gray-border{
	background-color: #fff;
	border: 2px solid #efefef;
}



.bg-white-pattern{
	width:100%;
	background-image: url('images/mepra-white-pattern-transparent-light.png');
}


.callout{
	float:right;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-sizing: border-box;
	background-color:#efefef;
	font-size:1.2em;
	padding:10px;
	margin-left:10px;
	margin-bottom:10px;
	color:#666;
}

.callout ul{
	list-style-type: disc;
	list-style-position: outside;
	margin:0 30px;

}

ul.articles, ul.article-categories {
	list-style-type: none;
	margin-bottom:0;
	margin-left:0;
}

ul.articles li{
	padding-bottom: 20px;
	margin-left:0;

}



ul.articles h4 {
	font-family: 'Signika', sans-serif;
	font-size:1.4em;
	line-height: 1.2;
	margin-bottom: 5px;

}

.callout li{
	padding-bottom:5px;
	padding-left:10px;
}

.mepra-chair{
	float:left;
	margin-right:30px;
}

.mepra-chair img{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.rounded-image img{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.board-members li{
	width:210px;
	height: 340px;
	display: inline-block;
	margin:0 30px 30px 30px;
	vertical-align: text-top;
}

.content .board-members ul{
	margin-left:0;
}

.board-members ul{
	text-align: center;
}

.member-info-lightbox{
	float:left;
	width:220px;
	overflow: visible;
	position: relative;
	top:-80px;
	margin:10px;
}

.member-info-lightbox img{
	width: 100%;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}

.member-bio-lightbox{
	/*float:right;
	width:485px;*/
	padding-left:20px;
}

.mepra-member-links li{
	padding-bottom:10px;
	list-style: none;
}

a.mepra-member{
	display:block;
	transition: 0.2s ease-in-out;
	position:relative;
}

.board-members p.title{
	font-size:14px;
	line-height: 1;
}

a.mepra-member:hover{
	-webkit-transform: scale(1.05);
    transform: scale(1.05);

}

a.mepra-member .image-overlay{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
	top:0;
	left:0;
	position:absolute;
	width:210px;
	height:242px;
	background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0) 76%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(76%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0) 76%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(0,0,0,0) 76%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(0,0,0,0) 76%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(0,0,0,0) 76%,rgba(0,0,0,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

a.mepra-member .image-overlay span.overlay-icon{
	position:absolute;
	bottom:0;
	right:7px;
	display:block;
	width:50px;
	height:50px;
	font-size:3em;
	color:rgba(255, 255, 255, 0.8);
}

.mepra-member-social li{
	float:left;
}

.mepra-member-social a{
	color:#666;
}

.mepra-member-social a:hover{
	color:#0d8c9f;
}

.excerpt{
	padding:10px 0 30px 0;
}

.excerpt p{
		font-size:1.7em;
		line-height: 1.2;
		color:#0d8c9f;
		margin: 0 0 20px 0;
		font-family: 'Signika',Helvetica, Arial, sans-serif;
		font-weight:300;

}


article.event .excerpt p{
		font-size:1.7em;
		line-height: 1.2;
		color:#0d8c9f;
		padding: 0px 0;
		margin: 0px 0;

}

hr{
   display: block;
   position: relative;
   padding: 0;
   margin: 40px auto;
   height: 0;
   width: 100%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
   border: none;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ffffff;

}

.entry-content header{
  border-bottom: 4px solid #e5f1f1;
  padding-bottom:40px;
}

header hr{
	border-top: 3px solid #e5f1f1;
}

a.hashtag{
	float:right;
	color:#999;
	font-size:1.1em;
}

.callout-widget{
	padding:30px;
	padding-bottom: 10px;
}


.widget{
	padding:30px;
	padding-bottom: 20px;
	min-height: 140px;

}


.widget.video-player{
	padding:0px;
}

.widget.video-player h3{
	padding:30px 30px 10px 30px;
}

.widget.video-player iframe{
	width:100%;
	height:250px;
}


.widget h3{
	margin:10px 0 20px 0;
	padding:0;
}

.widget p{
	font-size:1.2em;
}

.widget .icon{
	font-family: 'entypo';
	font-weight: 400;
	font-size: 60px;
	position: relative;
	top: 5px;
	padding-right:10px;
}

nav .icon{
	top:3px;
}

.cta-link{
	font-size:1.1em;
	padding-right:30px;
	padding-bottom:10px;
}

.cta-link:after {
	content: "\E75E"; /* Right chevron */
	display: inline-block;
	font-family: 'entypo';
	speak: none;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size:30px;
	position: relative;
	top: 2px;
	left:5px;
}

a.cta-link{
	display:inline-block;
}

a.gray{
	color:#666;
}

span.lt-gray{
	color:#999;
}

a.gray:hover{
	color:#0d8c9f;
}

.partner{
	text-align: center;
}

.partner img{
	height:200px;
}

/* Membership */

.testimonial {
	margin: 20px 0px;
	padding: 0 20px;
}

.testimonial p{
	color:#4ca7b5;
	font-weight: 600;
	font-size: 1.3em;
	margin-bottom: 20px;
}

.testimonial .circular-image{
	width: 70px;
	height: 70px;
	float:left;
}

.testimonial .circular-image img{
	border:2px solid #4ca7b5;
	width: 70px;
	height: 70px;
}

.testimonial .author-info{
	border-top: 2px solid #ebebeb;
	margin-left:20px;
	width:425px;
	float:left;
}

.testimonial .name{
	padding-top:10px;
	font-size:1em;
	color:#888;
}

.testimonial .title{
	font-size:1em;
	color:#999;
}

ul.company-logos li{
	height:150px;
	width:200px;
	float:left;
	margin:15px;
	text-align: center;
}

ul.sponsors-logos li{
	margin:15px;
	text-align: center;
}

ul.sponsors-logos{
	margin-left: 0;
	margin-bottom:60px;
}

.content-container.company-container ul{
	list-style-type: none;
	padding: 0;
	margin-left: -4px;
	font-size:1em;
	margin-bottom: 0;
}

section.container{
	padding:30px 0;
}

.content-container.company-container li{
	margin-bottom: 0;
}

.person{
	width:20%;
}

.person p{
	font-size:0.9em;
	line-height: 1;
}

.person img{
	width:100px;
	height:100px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
	margin-right: 20px;
}

.question{
	width:80%;
	padding-left:40px;
}



@media only screen and (min-width: 768px) and (max-width: 959px) {
	.testimonial .author-info{
		width:225px;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.testimonial .author-info{
		width:315px;
	}
}




@media only screen and (max-width: 767px) {



.person{
	width:auto;
}

.question{
	width:auto;
	padding-left:0;
}

	section.container{
	padding:0;
}
	ul.company-logos li{
	height:113px;
	width:150px;
	float:left;
	margin:10px;
	text-align: center;
}


	.testimonial .author-info{
	border-top: 0px;
	margin-left:57px;
	width:100%;
	float:none;
	text-align:left;
}


.callout{
	float:none;
	margin-bottom:20px;
	}
	.mepra-chair{
		float:none;
	}
	.spotlight-copy{
	padding:5px 0 20px 0;
	margin-bottom:20px;
	}

.excerpt p{
	font-size:1.5em;
}

.board-members li{
	margin:0;
}

.member-info-lightbox img{
	display:none;

}


.member-bio-lightbox{
	float:none;
	width:100%;
	clear: both;
	padding-top:20px;
}

.member-info-lightbox{
	float:none;
	width:100%;
	position:inherit;
	top:0;
	margin:0;
}

.member-bio-lightbox p{
	font-size:1em;
}

}
/*--------------------------------------------------------------
18.0 Admin specific
--------------------------------------------------------------*/

a.post-edit-link{
	display:block;
	width:60px;
	text-align: center;
	padding:10px;
	background-color: #cd7925;
	color:#fff;
	position: fixed;
	bottom:20px;
	left:20px;
	z-index: 9999;
}

a.post-edit-link:hover{
	display:block;
	width:60px;
	text-align: center;
	padding:10px;
	background-color: #ea9541;
	color:#fff;
}

.entry-footer{
}


/*--------------------------------------------------------------
20.0 Search
--------------------------------------------------------------*/

.search-icon{
	width:80px;
	height:80px;
	float:left;
	color:#88c2cb;
	text-align: center;
	background-color: #0d8c9e;
}

.search-icon span{
	font-size:3em;
	position: relative;
	top:31px;
	left:4px;
}
.company-filter{
	margin: 40px 0;
}

.company-filter .heading{
	float:left;
	font-size:1.6em;
	color:#4ca6b5;
	padding: 27px 0 0 35px;
}

.searchandfilter{
	float:left;
	padding:11px 0 0 0;
	margin:0;
}

.searchandfilter ul li{
	padding: 0 0 0 35px;
	float:left;
}



.searchandfilter input[type="text"],
.searchandfilter textarea,
.searchandfilter select {
	font-size: 1.2em;
	background-color: #fff;
	margin-bottom: 0;
	font-family: 'Signika',Helvetica, Arial, sans-serif;
	font-weight:300;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding:15px;
}

select.postform{
	height:50px;
	width:240px;
}

select.postform option{
	padding:10px;
}



.searchandfilter .button,
.searchandfilter button,
.searchandfilter input[type="submit"],
.searchandfilter input[type="reset"],
.searchandfilter input[type="button"] {
	background-color: #fff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 20px;
	margin-right:20px;
	line-height: normal;
	padding: 15px 40px;
	text-align: center;
	background-color: #4ca6b5;
	border:2px solid #4ca6b5;
	color:#fff;
	margin-bottom: 0;
 }

.searchandfilter .button:hover,
.searchandfilter button:hover,
.searchandfilter input[type="submit"]:hover,
.searchandfilter input[type="reset"]:hover,
.searchandfilter input[type="button"]:hover {
	background-color:#0d8c9e;
	border-color:  #0d8c9e;
}

.company-pagination{
	text-align: center;
	color:#aaa;
}

.company-pagination .pagi-num {
  display: inline-block;
  padding: 2px 10px;
  background-color: #999999;
  color: #fff;
}
.company-pagination .pagi-num.sf-active {
  background-color: #0d8c9e;
}

.company-pagination a.pagi-num:hover {
  background-color: #4ca6b5;
  color: #fff;
}

.company-pagination .pagi-next {
	margin-right:10px;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	.company-filter .heading{
		display:none;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.company-filter .heading{
		display:none;
	}
}




@media only screen and (max-width: 767px) {

.searchandfilter ul li{
	padding:0 0 20px 22px;
	float:none;
}

.company-filter .heading {
	padding: 27px 0 17px 23px;
}

}

/*--------------------------------------------------------------
21.0 Paid Membership Pro Directory
--------------------------------------------------------------*/


pmpro_submit{
	margin:0;
}


.pmpro_thumbnail .circular-image{
	display: block;
	transition: 0.2s ease-in-out;
	padding:0;
	margin:0;
}

.pmpro_thumbnail .circular-image:hover {
	 -webkit-transform: scale(1.05);
     transform: scale(1.05);
}

.pmpro_thumbnail{
	padding: 0px 0px 20px 0;
}

.pmpro_notes{
	font-size:0.8em;
	opacity: 0;
	-webkit-transiton: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;

}

.pmpro_thumbnail, .pmpro_profile_info, pmpro_profile_links{
	float:left;
}

.pmpro_profile_info{
	width:320px;
	position: relative;
	top:10px;
}

.pmpro_profile_info h4{
	padding-bottom: 10px;
	font-size:1.4em;
}

.pmpro_profile_info p{
	font-size:1em;
}


.pmpro_profile_links span, .pmpro_profile_links a{
	color:#4ca6b5
}


.pmpro_profile_links .entypo-social{
	font-size: 2.8em;
}

.pmpro_profile_links ul{
	margin: 0;
}
.pmpro_clear {clear: both;}

.pmpro_directory_search {
}


.pmpro_pagination {margin-bottom: 1em;}
.pmpro_pagination .pmpro_prev {float: left; width: 250px;}
.pmpro_pagination .pmpro_next {float: right; width: 250px; text-align: right;}

.pmpro_profile{
	border-bottom: 1px dashed #c3dddd;
	margin:30px 0;
}

.pmpro_profile:hover .pmpro_notes{
	opacity: 1;
}

.pmpro_profile:hover .circular-image{
	 -webkit-transform: scale(1.05);
     transform: scale(1.05);

}

.pmpro-search .search-icon{
	width:80px;
	height:80px;
	float:left;
	color:#88c2cb;
	text-align: center;
	background-color: #0d8c9e;
}



.pmpro-search{
	border:1px solid #efefef;
}

.pmpro-search-heading{
	margin: 0px 0px 40px 0px;
	display:block;
	width:100%;
	height: 80px;
	vertical-align: middle;

}

.pmpro-search-heading .heading{
	float:left;
	font-size:1.6em;
	color:#4ca6b5;
	margin:0;
	padding:28px 0px 0px 20px;
	clear:none;
}

.pmpro-search-heading .search-icon{
		float:left;
}
.pmpro-search-heading .search-icon span{
	font-size:6em;
	position: relative;
	top:31px;
	left:4px;
}

.pmpro-search input[type="text"],
.pmpro-search textarea,
.pmpro-search select {
	font-size: 1.2em;
	margin-bottom: 20px;
	font-family: 'Signika',Helvetica, Arial, sans-serif;
	font-weight:300;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding:15px;
	width: 100%;
}

.pmpro-search .pmpro-search-form{
	text-align: center;
	padding:0px 20px;
}

.pmpro-search .button,
.pmpro-search button,
.pmpro-search input[type="submit"],
.pmpro-search input[type="reset"],
.pmpro-search input[type="button"] {
	background-color: #fff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	line-height: normal;
	padding: 15px 40px;
	text-align: center;
	background-color: #4ca6b5;
	border:2px solid #4ca6b5;
	color:#fff;
	margin:20px 0;
	width: 100%;

 }

.pmpro-search .button:hover,
.pmpro-search button:hover,
.pmpro-search input[type="submit"]:hover,
.pmpro-search input[type="reset"]:hover,
.pmpro-search input[type="button"]:hover {
	background-color:#0d8c9e;
	border-color:  #0d8c9e;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	.pmpro_notes{
	opacity: 1;
	}

}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.pmpro_notes{
	opacity: 1;
	}

}



/* FORM */

#pmpro_form input[type="text"], input[type="password"], input[type="email"], textarea, select{
	display:inline-block;
}



/*--------------------------------------------------------------
22.0 Theme My Login CSS
--------------------------------------------------------------*/


.login p.error {
	padding: 5px;
	border: 1px solid #c00;
	background-color: #ffebe8;
	color: #333;
}
.login p.message {
	padding: 5px;
	border: 1px solid #e6db55;
	background-color: #ffffe0;
	color: #333;
}

#sign-in .login p.error {
	font-size:16px;
	padding: 5px;
	border: 0;
	color: #666;
	background-color: #efefef;
	line-height: 1;

}
#sign-in .login p.message {
	font-size:16px;
	padding: 5px;
	border: 0;
	color: #666;
	background-color: #efefef;
	line-height: 1;
}


.login form label {
	display: block;
}
.login form p.forgetmenot label {
	display: inline;
}
.login input {
	margin: 5px 0;
}
.profile .screen-reader-text,
.profile .screen-reader-text span {
	height: 1px;
	left: -1000em;
	overflow: hidden;
	position: absolute;
	width: 1px;
}
.mu_register .hint {
	font-size: 12px;
	margin-bottom: 10px;
	display: block;
}
.mu_register label.checkbox {
	display: inline;
}
#pass-strength-result {
    border-style: solid;
    border-width: 1px;
    margin: 12px 5px 5px 1px;
    padding: 3px 5px;
    text-align: center;
    width: 200px;
}
#pass-strength-result.strong,
#pass-strength-result.short {
    font-weight: bold;
}
#pass-strength-result {
    background-color: #eee;
    border-color: #ddd !important;
}

#pass-strength-result.bad {
    background-color: #ffb78c;
    border-color: #ff853c !important;
}

#pass-strength-result.good {
    background-color: #ffec8b;
    border-color: #fc0 !important;
}
#pass-strength-result.short {
    background-color: #ffa0a0;
    border-color: #f04040 !important;
}
#pass-strength-result.strong {
    background-color: #c3ff88;
    border-color: #8dff1c !important;
}


#sign-in .tml-user-avatar{
	position:relative;
	top:10px;
	left:8px;
}

#sign-in .tml-user-avatar img{
	width: 60px;
	height:60px;
	transition: 0.2s ease-in-out;
}

#sign-in .tml-user-avatar img.login-icon{
	width: 35px;
	height:35px;
}

#sign-in .tml-user-avatar > img.login-icon{
	position:relative;
	top:13px;
	left:-16px;
	margin-bottom:22px;
	margin-left:15px;
}


#main-nav #sign-in{
	float: right;
	cursor: pointer;
	position: relative;
	-webkit-transition: padding .05s linear;
	-moz-transition: padding .05s linear;
	-ms-transition: padding .05s linear;
	-o-transition: padding .05s linear;
	transition: padding .05s linear;
}


#sign-in .login{
	float:right;
}

#sign-in .login-member{
	font-family: 'Signika', sans-serif;
	font-weight: 400;

	color: #c57728;
	float:right;
	text-transform: capitalize;
	position:relative;
	top:17px
}




#main-nav #sign-in ul > li {
	display: inline-block;
}

#main-nav #sign-in .dropOut .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid white;
	top: -8px;
	left: 50%;
	margin-left: -8px;
}


#main-nav #sign-in .dropdownContain {
	width: 220px;
	position: absolute;
	z-index: 2;
	left: 50%;
	margin-left: -110px; /* half of width */
	top: -1000px;
}


#main-nav #sign-in .dropOut {
	width: 220px;
	background: white;
	float: left;
	position: relative;
	margin-top: 0px;
	opacity: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}


#main-nav #sign-in  .login-form .dropdownContain {
	width: 220px;
	position: absolute;
	z-index: 2;
	left: 50%;
	margin-left: -110px; /* half of width */
	top: -1000px;
}


#main-nav #sign-in .login-form .dropOut {
	width: 220px;
	padding:20px;
}

#sign-in p{
	padding:0;
	margin:0;
}

#sign-in label{
	font-size: 16px;
	font-family: 'Signika', sans-serif;
	font-weight: 400;
	padding:0;
	margin:0;

}

#sign-in  input[type="checkbox"]{
	margin-right:5px;
}

#sign-in form{
	padding:0;
	margin:0;
}

#sign-in  input[type="hidden"]{
	padding:0;
	margin:0;
	display:none;
}

#sign-in  input[type="text"],
#sign-in  input[type="password"],
#sign-in  textarea,
#sign-in  select {
	font-size: 16px;
	font-family: 'Signika',Helvetica, Arial, sans-serif;
	font-weight:300;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding:10px;
	margin:0;
	width: 100%;
	color: #c57728;
}



#main-nav #sign-in .login-form .dropOut ul li{
	width:100%;
	padding:0px;
	margin:5px 0;
}


#sign-in .login-form .tml-action-links a{
	text-align: center;
}

.login-form .tml-action-links a{
	font-size:16px;
}

#sign-in .button{
	width:100%;
}



#main-nav #sign-in .dropOut ul {
	float: left;
	padding: 10px 0;
}
#main-nav #sign-in .dropOut ul li {
	font-size:16px;
	font-family: 'Signika', sans-serif;
	font-weight: 400;
	line-height: 1;
	text-align: center;

	float: left;
	width: 200px;
	padding: 12px 0px 10px 0px;
	margin: 5px 10px;
	color: #c57728;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: background .1s ease-out;
	-moz-transition: background .1s ease-out;
	-ms-transition: background .1s ease-out;
	-o-transition: background .1s ease-out;
	transition: background .1s ease-out;
}

#main-nav #sign-in .logged-in .dropOut ul > li:last-child {
	color:#fff;
	background-color: #c57728;
}

#main-nav #sign-in .logged-in .dropOut ul > li:last-child a {
	color:#fff;
}

#main-nav #sign-in .logged-in .dropOut ul > li:last-child:hover {
	background-color: #c57728;
}

#main-nav #sign-in .dropOut ul li:hover {
	background: #f6f6f6;
}


#main-nav #sign-in:hover a { color: #c57728; }
#main-nav #sign-in:hover .tml-user-avatar img{-webkit-transform: scale(1.05);
     transform: scale(1.05);}

#main-nav #sign-in:hover .dropdownContain { top: 65px; }
#main-nav #sign-in:hover .underline { border-bottom-color: #777; }
#main-nav #sign-in:hover .dropOut { opacity: 1; margin-top: 8px; }



@media only screen and (min-width: 960px) and (max-width: 1199px){
	#main-nav #sign-in .dropdownContain{
		margin-left:-180px;
	}

	#main-nav #sign-in .dropOut .triangle{
		margin-left:60px;
	}



}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.menu-main-navigation-container{
		margin-top:5px;
	}

	#main-nav #sign-in .dropdownContain{
		margin-left:-180px;
	}

	#main-nav #sign-in .dropOut .triangle{
		margin-left:60px;
	}

}


/*--------------------------------------------------------------
23.0 Pagination
--------------------------------------------------------------*/

.pagination{
	text-align: center;
	padding-bottom: 60px;
}


.pagination li {
	display: inline;
}

.pagination li a,
.pagination li a:hover,
.pagination li.active a,
.pagination li.disabled {
	color: #0d8c9f;
	text-decoration:none;
	font-size:0.9em;
	font-weight: 600;
	background-color: #e7f4f5;
	border-radius: 3px;
	cursor: pointer;
	padding: 6px 10px;
}

.pagination li a:hover,
.pagination li.active a {
	background-color: #0d8c9f;
	color:#e7f4f5;
}

/*--------------------------------------------------------------
24.0 Events
--------------------------------------------------------------*/

div.em-gateway-button{
	border-left: 1px solid #ccc;
}

.calendar-controls{
	margin:10px 0 30px 0;

}

select.calendar-years{
	float:left;
	height:60px;
	width:110px;
	background-color: #88c2cb;
	color:#fff;
	font-size:1.4em;
	font-family: 'Signika',Helvetica, Arial, sans-serif;
	font-weight:300;
	text-indent: 16px;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
}

ul.calendar-months{
	float:left;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
	padding-bottom:0;

}

ul.calendar-months li{
	float:left;
	width:85px;
	height:60px;
	text-align: center;
	padding:10px;
	border-left:1px solid #efefef;
}

ul.calendar-months li.active-month {
	cursor: pointer;
	color:#0d8c9f;
}
ul.calendar-months li.current-month, ul.calendar-months li.selected-month, ul.calendar-months li.first-month {
	background-color: #88c2cb;
	color:#fff;
}

ul.calendar-months li.near-month {
	background-color: #e7f4f5;
}

.featured-event{
	position:relative;
	margin-bottom:50px;
	margin-top:10px;
}

.featured-event .featured-event-label{
	color:#999;
	display:block;
	margin-bottom: 10px;
}

.featured-event-overview{
	width:70%;
	float:left;
	padding:30px 50px 30px 30px;
	margin:0px;
}

.featured-event-overview .featured-event-content{
	height:116px;
	overflow: hidden;
}

.featured-event-meta{
	position:absolute;
	bottom:28px;
	left:30px;

}

.featured-event-info{
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-right-top-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-right-bottom-radius: 10px;
	box-sizing: border-box;
	width:30%;
	float:left;
	padding:30px;
	margin:0px;
	position:relative;

}


.event-remaining-days{
	position:absolute;
	top:0px;
	right:30px;
	width:75px;
	height:70px;
	background-color:#88c2cb;
	color:#fff;
	-moz-border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	text-align: center;
	padding:5px;
}

.event-remaining-days .days{
	font-size:28px;
	font-weight: 600;

}

.event-remaining-days .days:before{
	content: "\1F4C5"; /* Lock icon */
	display: inline-block;
	font-family: 'entypo';
	speak: none;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 0.7;
	-webkit-font-smoothing: antialiased;
	font-size:1.6em;
	padding-bottom: 4px;
	position: relative;
	top:2px;
	left:0px;

}

.days span{
	font-size:10px;
}

.booking-widget{
	position:relative;
}


.featured-event-info .button, .event .widget .button
{
	background-color: #4ca7b5;
	border:2px solid #4ca7b5;
	color:#fff;
	width: 100%;
	margin-bottom: 0;
}


.event .widget{
	padding-top:10px;
}

.event .widget p{
	font-size:1em;
	line-height: 1;
}

.booking-widget .event-ticket{
	font-size: 16px;
	line-height: 1.2;
}

.event .widget .button{
	background-color: #4ca7b5;
	border:2px solid #4ca7b5;
	color:#fff;
	width: 220px;
	position:absolute;
	bottom:20px;

}

.featured-event-info .event-location{
	font-family: 'Signika', sans-serif;
	font-size:1em;
}

.featured-event-info .event-ticket{
	font-family: 'Signika', sans-serif;
	line-height: 1.4;
	font-size:1em;
}
.featured-event-info .cta-link{
	padding-bottom:0;
	font-size:1em;
}
.featured-event-date-full {
	padding-bottom:20px;
	display:block;
}

.featured-event-date-full .featured-event-day{
	padding-bottom:5px;
	display:inline-block;
	font-size:1.2em;
}

.featured-event-date-full .featured-event-date{
	font-size:1.8em;
}

.event-entry-content .content-container{
	min-height:240px;
	margin-bottom: 50px;
}




.event-overview iframe{
 	width:380px;
 	height:260px;
 	margin-bottom: 40px;
}

.location-map{
	width:360px;
	height:240px;
	padding:0;
}

ul.sessions li{
	padding:20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-sizing: border-box;
	margin-bottom: 25px;
	height:140px;
}
ul.sessions p{
	font-size:32px;
	line-height: 1.2;
	overflow:hidden;
}

ul.sessions p .session-timing{
	font-size:20px;
}

ul.sessions .speaker-info{
		color:#999;
}

ul.sessions .speaker-info .speaker-info-details{
	width:220px;
}

ul.sessions .speaker-name{
	font-size:20px;
}

.event ul.company-logos{
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	width:600px;
}
.event ul.company-logos li{
	display:inline;
}

.event-info-widget{
	position: relative;
	}

	.event-info-widget p{
	margin-bottom:0;
	}

.event-info-widget .remaining-days{
	top:20px;
	right:20px;
	color:#999;
	position:absolute;

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	ul.calendar-months li{
	width:54px;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	ul.calendar-months li{
	width:64px;
	}
}





/*--------------------------------------------------------------
24.0 Awards
--------------------------------------------------------------*/

ul.award-categories{
	padding-top:20px;
	margin-left: 0;
}

ul.award-categories .widget{
	min-height: 400px;
}


ul.award-categories li ul{
	list-style-type: disc;
	color:#666;
	margin-left: 0;

}

ul.award-categories ul {
	padding-left: 20px;
}

ul.awards-list li{
	margin-bottom: 20px;
}

ul.cd-tabs-content > h3{
	margin-top:40px;
}

@media only screen and (max-width: 767px) {
	ul.award-categories .widget{
		min-height:inherit;
	}
	div.featured-event{
		display:none;
	}
	div.calendar-controls{
		display:none;
	}
}

/*--------------------------------------------------------------
25.0 Tabs
--------------------------------------------------------------*/


.cd-tabs {

}
.cd-tabs:after {
  content: "";
  display: table;
  clear: both;
}
.cd-tabs::after {
  /* subtle gradient layer on top right - to indicate it's possible to scroll */
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 50px;
  z-index: 1;
  pointer-events: none;
  background: -webkit-linear-gradient( right , #f8f7ee, rgba(248, 247, 238, 0));
  background: linear-gradient(to left, #f8f7ee, rgba(248, 247, 238, 0));
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.no-cssgradients .cd-tabs::after {
  display: none;
}
.cd-tabs.is-ended::after {
  /* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-tabs nav {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.cd-tabs-navigation {
  margin-bottom:40px;
  text-align: center;
}
.cd-tabs-navigation:after {
  content: "";
  display: table;
  clear: both;
}
.cd-tabs-navigation li {
  margin-right:20px;
  display:inline-block;
}
.cd-tabs-navigation a {
  position: relative;
  display: block;
  height: 60px;
  width: 120px;
  text-align: center;
  font-size: 25px;
  font-family: 'Signika',Helvetica, Arial, sans-serif;
  font-weight:300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #c3c2b9;
  padding-top: 35px;
  padding-bottom: 35px;

}
.no-touch .cd-tabs-navigation a:hover {
  color: #999;
  border-bottom: 2px solid #999;
}
.cd-tabs-navigation a.selected {
  background-color: #ffffff !important;
  border-bottom: 2px solid #27a8af;
  color: #27a8af;
}


.cd-tabs-content {
  background: #ffffff;
}
.cd-tabs-content li.cd-tab-content{
  display: none;
}
.cd-tabs-content li.cd-tab-content.selected {
  display: block;
  -webkit-animation: cd-fade-in 0.5s;
  -moz-animation: cd-fade-in 0.5s;
  animation: cd-fade-in 0.5s;
}
.cd-tabs-content li.cd-tab-content p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.6;
  color: #8493bf;
  margin-bottom: 2em;
}

@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*--------------------------------------------------------------
26.0 Arabic
--------------------------------------------------------------*/

a#back-english{
	margin-bottom: 45px;
	display: block;
	float:left;
	}

#arabic{
	direction:rtl;
	text-align: right;
}

#arabic ol{
	padding-right:40px;
}

#arabic h1,#arabic h2,#arabic h3,#arabic h4,#arabic h5{
	font-family: 'Noto Kufi Arabic', serif;

}

#arabic h1{
	padding:40px 0;
}

#arabic h2{
	font-size:2.2rem;
	line-height: 1.4;
}


#arabic footer{
	margin-top:40px;
}

#arabic .footer-item {
	margin-left:60px;
}


/*--------------------------------------------------------------
27.0 Search Form
--------------------------------------------------------------*/



.search-container{
	margin-bottom: 68px;
}

.searchbox{
	 position:relative;
	 min-width:40px;
	 width:0%;
	 height:40px;
	 float:right;
	 overflow:hidden;
	 -webkit-transition: width 0.3s;
	 -moz-transition: width 0.3s;
	 -ms-transition: width 0.3s;
	 -o-transition: width 0.3s;
	 transition: width 0.3s;
	 z-index:999;
}

input[type="text"].searchbox-input{
	 position:absolute;
	 top:0;
	 right:0;
	 border:0;
	 outline:0;
	 width:80%;
	 height:40px;
	 margin:0;
	 padding-left: 20px;
	 font-size:18px;
	 color:#666;
}
.searchbox-input::-webkit-input-placeholder {
	 color: #999;
}
.searchbox-input:-moz-placeholder {
	 color: #999;
}
.searchbox-input::-moz-placeholder {
	 color: #999;
}
.searchbox-input:-ms-input-placeholder {
	 color: #999;
}

.searchbox-open{
	 width:100%;
}

input[type="submit"].searchbox-submit{
	font-family: 'entypo';
	font-size: 3.5em;
	text-align: center;
	color:#fff;
	font-weight: 200;
	margin-right:0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	line-height:0.7;
}


.searchbox-icon span{
	font-family: 'entypo';
	font-size: 2em;
	text-align: center;
	color:#fff;
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	top:9px;
}

.searchbox-icon,
input[type="submit"].searchbox-submit{
	width: 40px;
	height: 40px;
	display:block;
	position:absolute;
	top:0;
	right:0;
	padding:0;
	border:0;
	outline:0;
	text-align:center;
	cursor:pointer;
	color:#fff;
	float: right;
	background-color:#88c2cb;
}



/* Starter CSS for Main Menu */



#main-nav{
	width: 100%;
	background-color: #e6f4f5;
	height: 80px;
	margin-top: 15px;
	text-transform: lowercase;
}


.main-navigation {
	line-height:3;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	 float: left;
     margin: 0px;
     font-size: 26px;
     font-weight: 600;
}

.main-navigation a {
	display: block;
    color: #0d8c9f;
    text-decoration: none;
}
.main-navigation ul li a{
	padding:0 20px;
}


.main-navigation ul ul {
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
	float: left;
	position: absolute;
	top: 3em;
	left: -999em;
	z-index: 99999;
	margin-top: 0;
	/*background-color:#f5feff;*/
	background-color:#ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	/*display:none;*/

}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	min-width: 230px;
	padding-left:15px;
	font-weight: 400;
}

.main-navigation ul ul li {
  position: relative;
  float: none;
  font-size: 0.7em;
  font-family: 'Signika',Helvetica, Arial, sans-serif;
  font-weight:300;
  padding-bottom:5px;
  margin:0;
}

.main-navigation ul li:hover > a {
	color:#04728a;
	/*background-color:#f5feff;*/
	background-color:#ffffff;
	box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1);
	/*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);*/
}

#sign-in ul li:hover > a {
	color:#04728a;
	background-color:inherit;
	box-shadow: none;
}

.main-navigation ul ul li.locked a{
	color:#c57728;
}

.main-navigation ul li.locked a:after {
	content: "\1F512"; /* Lock icon */
	display: inline-block;
	font-family: 'entypo';
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 0.7;
	-webkit-font-smoothing: antialiased;
	font-size:1.8em;
	padding-bottom: 4px;
	position: relative;
	top:2px;
	right:-5px;
	color:#c57728;
}

.content-container a.resource-title.locked-post:before {
	content: "\1F512"; /* Lock icon */
	display: inline-block;
	font-family: 'entypo';
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 0.7;
	-webkit-font-smoothing: antialiased;
	font-size:1.8em;
	position: relative;
	top:2px;
	right:1px;
	color:#c57728;
}


.main-navigation ul ul li:hover > a, .main-navigation ul ul li:hover > a:after {
	background-color:#4ca7b5;
	color:#fff;
}


.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
}

.main-navigation ul li.has-sub > a:after {
  /*content: '\E75C';
  font-family: 'Entypo';
  margin-left: 5px;*/
}

.main-navigation ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;

}


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

	.main-navigation ul li a{padding:0;}
	.main-navigation ul ul {display:none;}
	.main-navigation ul li.has-sub > a:after {
	  /*display:none;*/
	}


.main-navigation ul li:hover > a {
	color:#04728a;
	background-color:inherit;
	box-shadow: none;
	/*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);*/
}



}



@media only screen and (min-width: 768px) and (max-width: 959px) {

	.main-navigation ul li a{padding:0;}
	.main-navigation ul ul {display:none;}
	.main-navigation ul li.has-sub > a:after {
	  display:none;
	}


.main-navigation ul li:hover > a {
	color:#04728a;
	background-color:inherit;
	box-shadow: none;
	/*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);*/
}

}

/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background: #e6f4f5;
	padding: 4px 0;
	min-height: 42px;
	z-index: 999999;
	margin-bottom:20px;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #4ca7b5;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #4ca7b5;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #4ca7b5;
	margin-top: 44px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #4ca7b5;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 32px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}
.nav-next, .nav-previous {
    display: inline-block;
    padding: 0 8px;
}
.nav-next {
    border-right: 1px solid #d6d6d6;
}
.pmpro-search-heading .search-icon {
    display: none;
}
/* Judges Moduel */

.judge-container {
	position: relative;
	padding: 1em 0 0em;
	list-style: none;
	text-align: center;
}

/* Common style */
.judge-container figure {
	position: relative;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 270px;
	max-width: 100%;
	max-height: 320px;
	width: 48%;
	/*background: #3085a3;*/
	background: #515151;
	text-align: center;
	cursor: pointer;
}

.judge-container figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.judge-container figure figcaption {
	padding: 1em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.judge-container figure figcaption::before,
.judge-container figure figcaption::after {
	pointer-events: none;
}

.judge-container figure figcaption,
.judge-container figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.judge-container figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.judge-container figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
	font-size: 20px;
	color: #e7f4f5;
}

.judge-container figure h2 span {
	font-weight: 800;
}

.judge-container figure h2,
.judge-container figure p {
	margin: 0;
}

.judge-container figure p {
	letter-spacing: 1px;
	font-size: 16px;
}

/* Individual effects */

/*---------------*/
/***** Lily *****/
/*---------------*/

figure.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

figure.effect-lily figcaption {
	text-align: left;
}

figure.effect-lily figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1em;
	width: 100%;
	height: 33%;
}

figure.effect-lily h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-lily p {
	color: rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}
figure.effect-lily:hover img{
	opacity: 0.4;
}
figure.effect-lily:hover p {
	opacity: 1;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}

.mj_lightbox{
	display: none;
}
.mj_lightbox h2{
	color: #0d8c9f;
	margin-bottom: 0;
	font-weight: bold;
	font-size: 22px;
	text-transform: capitalize;
	margin-top: 10px;
}
.mj_lightbox .right-div{
	padding: 0 20px;

}
.mj_social_icons{
	margin: 8px 0;
}
.mj_social_icons a,
.mj_social_icons i{
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: #007ab9;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	font-size: 18px;
}
.mj_social_icons a:hover{
	cursor: pointer;
}

@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.judge-container figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
		max-height: none;
	}
	figure.effect-lily figcaption > div{
		height: auto;
		bottom: 20px;
	}
}
@media screen and (min-width: 980px){
	.mj_lightbox{
		width: 980px;
	}

}
@media screen and (min-width: 768px) {

	.mj_lightbox .left-div,
	.mj_lightbox .right-div{
		float: left;
	}
	.judge-img img{
		width: 100%;
	}

}
@media only screen and (max-width: 959px) and (min-width: 768px){
	.judges .container .four.columns {
	    /* width: 172px; */
			width: 47%;
	}
	.judge-container figure{
		width: 100%;
		max-height: none;
	}
	figure.effect-lily img{

	}
}
@media only screen and (max-width: 1199px) and (min-width: 960px){
	.judges .container .four.columns {
	    /* width: 172px; */
			width: 31%;
	}
}
.month-events .event-container {
	min-height: 550px;
}