/*
Theme Name:  Medwet
Theme URI:   http://frameout.gr
Author:      Manolis Tzanidakis
Author URI:  http://frameout.gr
Description: Custom theme for medwet.org
Version:     2.0
License:     Proprietary
Tags:        two-columns, right-sidebar, fixed-width, featured-images, microformats, post-formats, translation-ready, sticky-post
*/

/*
* ==|== normalize ==========================================================
*/

/* =============================================================================
  HTML5 display definitions
  ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
  Base
  ========================================================================== */

/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea {
	font: 13px 'Open Sans', 'Droid Arabic Kufi', Helvetica, Arial, sans-serif;
	color: #504945;
}

body {
	margin: 0 auto;
	width: 960px;
	line-height: 1.4;
	background: #cccc99;
}

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }


/* =============================================================================
  Links
  ========================================================================== */

a {
	color: #999966;
	text-decoration: none;
}

a:hover {
	color: #00669a;
}

a:focus {
	outline: thin dotted;
}

/*
* Improve readability when focused and hovered in all browsers: h5bp.com/h
*/

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


/* =============================================================================
  Typography
  ========================================================================== */

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

/*
* Redeclare monospace font family: h5bp.com/j
*/

pre,
code,
kbd,
samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

/*
* Improve readability of pre-formatted text
*/

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before,
q:after {
	content: "";
	content: none;
}

small {
	font-size: 85%;
}

/*
* Position subscript and superscript content without affecting line-height: h5bp.com/k
*/

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}


/* =============================================================================
  Lists
  ========================================================================== */

ul,
ol {
	margin: 1em 0;
	padding: 0 0 0 40px;
}

dd {
	margin: 0 0 0 40px;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}


/* =============================================================================
  Embedded content
  ========================================================================== */

/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
*/

img {
	border: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

/*
* Correct overflow not hidden in IE9
*/

svg:not(:root) {
	overflow: hidden;
}


/* =============================================================================
  Figures
  ========================================================================== */

figure {
	margin: 0;
}


/* =============================================================================
  Forms
  ========================================================================== */

form {
	margin: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
* Indicate that 'label' will shift focus to the associated form element
*/

label {
	cursor: pointer;
}

/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/

legend {
	border: 0;
	padding: 0;
	white-space: normal;
	*margin-left: -7px;
}

/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
*/

button,
input {
	line-height: normal;
}

/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
* 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	*overflow: visible;
}

/*
* Re-set default cursor for disabled elements
*/

button[disabled],
input[disabled] {
	cursor: default;
}

/*
* Consistent box sizing and appearance
*/

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*width: 13px;
	*height: 13px;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}


/* =============================================================================
  Tables
  ========================================================================== */

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 10px 0;
}

td {
	vertical-align: top;
}

td, th {
	text-align: left;
	padding: .4em .8em;
}


/* =============================================================================
  Chrome Frame Prompt
  ========================================================================== */

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}


/* ==|== primary styles =====================================================
  Author:
  ========================================================================== */

#container {
	background: #fff;
	margin: 20px 0;

	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
	-ms-border-radius: 12px;
	border-radius: 12px;

	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), 2px 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), 2px 2px 2px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), 2px 2px 2px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), 2px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3), 2px 2px 2px rgba(0,0,0,0.2);
}

#main {
	overflow: hidden;
}

#branding {
}

#header-logo {
	float: left;
	width: 560px;
}

#header-util {
	float: right;
	width: 376px;
	margin-top: 48px;
}

#site-title {
	padding: 40px 0 10px 30px;
	float: left;
}

#site-title a {
	background: url('img/logo.gif') no-repeat 0 0;
	width: 211px;
	height: 69px;
	display: block;
}
.qtranslate-fr #site-title a {
	background-image: url('img/logo-fr.gif');
}
#site-description {
	float: left;
	width: 274px;
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #990;
	padding: 70px 0 0 30px;
	margin: 0;
}

#social-links {
	list-style: none;
	margin: 0 0 12px 121px;
	padding: 0;
}
#social-links li {
	float: left;
	margin-left: 10px;
}
#social-links li a {
	display: block;
	width: 31px;
	height: 31px;
	text-indent: -99999px;
	background-repeat: no-repeat;
}
.social-fb {
	background-image: url('img/social/fb.svg');
}
.social-fb:hover {
	background-image: url('img/social/fb-hov.svg');
}
.social-tw {
	background-image: url('img/social/tw.svg');
}
.social-tw:hover {
	background-image: url('img/social/tw-hov.svg');
}
.social-li {
	background-image: url('img/social/li.svg');
}
.social-li:hover {
	background-image: url('img/social/li-hov.svg');
}
.social-vi {
	background-image: url('img/social/vi.svg');
}
.social-vi:hover {
	background-image: url('img/social/vi-hov.svg');
}
.social-in {
	background-image: url('img/social/in.svg');
}
.social-in:hover {
	background-image: url('img/social/in-hov.svg');
}
.social-rss {
	background-image: url('img/social/rss.svg');
}
.social-rss:hover {
	background-image: url('img/social/rss-hov.svg');
}

#lang-chooser {
	list-style: none;
	margin: 8px 0 0 33px;
	padding: 0;
	float: left;
	width: 92px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}
#lang-chooser a {
	color: #006699;
}
#lang-chooser a:hover {
	color: #47ad53;
}
#lang-chooser li {
	float: left;
	margin-right: 10px;
}

#lang-chooser .lang-active {
	color: #999900;
	border-bottom: 1px solid #999900;
}

#search-wrapper {
	float: left;
	width: 241px;
	background: #006699;
	padding: 5px;
}
#search-box {
	float: left;
	padding: 4px;
	background: #fff;
	border: none;
	width: 213px;
	color: #006699;
}
#search-submit {
	float: left;
	background: #3399cc;
	color: #d2e2e2;
	font-weight: bold;
	font-size: 15px;
	border: none;
	width: 20px;
	height: 26px;
	margin: 0;
}
#search-submit:hover {
	background: #62d3d0;
}

#header-menu {
	background: #006699;
}
.main-menu li {
	float: left;
	position: relative;
	margin-right: 20px;
}
.qtranslate-fr .main-menu li {
	margin-right: 8px;
}
.main-menu li:first-child {
	margin-left: 20px;
}
.main-menu a {
	color: #fff;
	text-transform: uppercase;
	display: block;
	padding: 8px 10px;
	font-size: 13px;
}
.main-menu li:hover a {
	color: #62d3d0;
}
.main-menu .current-page-ancestor,
.main-menu .current-category-ancestor,
.main-menu .current-menu-item,
.main-menu .current-post-ancestor,
.page-template-agadir-commitments-php .main-menu .menu-item-11505,
.page-template-projects-php .main-menu .menu-item-11505,
.page-id-12065 .main-menu .menu-item-11505,
.page-template-inventory-php .main-menu .menu-item-11507,
.page-template-school-php .main-menu .menu-item-11507,
.page-template-resources-php .main-menu .menu-item-11507,
.page-id-8329 .main-menu .menu-item-11507,
.page-id-12164 .main-menu .menu-item-11507,
.page-id-11908 .main-menu .menu-item-11507,
.page-template-events-php .menu-item-12387,
	margin-bottom: -5px;
}
.main-menu .current-page-ancestor a,
.main-menu .current-category-ancestor a,
.main-menu .current-menu-item a,
.main-menu .current-post-ancestor a,
.page-template-agadir-commitments-php .main-menu .menu-item-11505 a,
.page-template-projects-php .main-menu .menu-item-11505 a,
.page-id-12065 .main-menu .menu-item-11505 a,
.page-template-inventory-php .main-menu .menu-item-11507 a,
.page-template-school-php .main-menu .menu-item-11507 a,
.page-id-8329 .main-menu .menu-item-11507 a,
.page-id-12164 .main-menu .menu-item-11507 a,
.page-id-11908 .main-menu .menu-item-11507 a,
.page-template-events-php .main-menu .menu-item-12387 a,
	border-bottom: 5px solid #999900;
}

#header-menu .sub-menu {
	position: absolute;
	visibility: hidden;
	z-index: 99;
	left: 0;
	top: 32px;
	background: #66aeba;
}
#header-menu li:hover .sub-menu {
	visibility: visible;
}
#header-menu .sub-menu li {
	float: none;
	width: 150px;
	border-bottom: 1px solid #fff;
	margin: 0;
}
#header-menu .sub-menu li:last-child {
	border-bottom: 0;
}
.home-section {
	margin-bottom: 30px;
}
.home-section-header {
	color: #990;
	border-bottom: 1px solid #990;
	margin-bottom: 15px;
}
.home-section-header h3 {
	background: url('img/arrow-home-title.png') left center no-repeat;
	margin: 5px;
	padding: 10px 0 10px 45px;
	text-transform: uppercase;
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	font-size: 17px;
}

#home-carousel {
	float: left;
	width: 665px;
	height: 340px;
	position: relative;
}
#home-tabs {
	float: right;
	width: 250px;
	height: 340px;
}
#home-content {
	float: left;
	background: #f3f3e5;
	width: 665px;
	height: 340px;
	box-sizing: border-box;
	padding: 20px 30px;
	color: #006898;
	position: relative;
}
#home-content h2 {
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	font-size: 17px;
	font-weight: bold;
	margin: 0;
}
#home-content .lead {
	margin-top: 5px;
}
#home-content .medwet-link {
	text-align: right;
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	font-size: 13px;
	margin-top: 15px;
}
#home-content .medwet-link a {
	display: block;
	background: url('img/arrow-home.png') right center no-repeat;
	padding-right: 30px;
}
#home-content .medwet-link a:hover {
	background-image: url('img/arrow-home-hover.png');
}
.home-ramsar-link {
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	position: absolute;
	left: 20px;
	bottom: 20px;
}
.home-ramsar-link img {
	padding-right: 10px;
}
.home-ramsar-link a {
	color: #006898;
}
#home-newsletter {
	float: right;
	width: 250px;
	height: 340px;
	color: #fff;
	background-color: #006898;
	padding: 35px 20px;
	box-sizing: border-box;
}
#home-newsletter h3,
#home-newsletter button {
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	font-weight: bold;
}
#home-newsletter h3 {
	font-size: 17px;
	margin: 25px 0;
}
#home-newsletter input {
	width: 100%;
	padding: 7px 14px;
	border: none;
	box-sizing: border-box;
}
#home-newsletter button {
	background-color: #39c;
	color: #fff;
	border: none;
	padding: 8px 20px;
	font-size: 15px;
	margin-top: 20px;
}
#home-newsletter button:hover {
	background-color: #fff;
	color: #006898;
}

#home-photos {
	float: left;
	width: 470px;
}
#home-videos {
	float: right;
	width: 405px;
}

.carousel-thumb {
	float: left;
	width: 340px;
	height: 340px;
	margin-right: 5px;
}
.carousel-thumb img {
	max-width: 100% !important;
	height: auto;
}
.carousel-text {
	position: relative;
	float: right;
	width: 320px;
	height: 340px;
	color: #fff;
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	font-size: 14px;
	background: #990;
	padding: 10px 20px;
	box-sizing: border-box;
}
.carousel-text a {
	color: #fff;
}
.carousel-title {
	font-size: 18px;
	font-weight: normal;
	line-height: 21px;
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
}
.carousel-readmore {
	position: absolute;
	bottom: 20px;
	left: 20px;
}
.carousel-title a:hover,
.carousel-readmore a:hover {
	color: #3c3c36;
}

.rslides_tabs {
	position: absolute;
	right: 30px;
	bottom: 20px;
	z-index: 10;
	list-style: none;
	margin: 0;
	padding: 0;
}
.rslides_tabs li {
	display: inline;
}
.rslides_tabs a {
	text-indent: -9999px;
	overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: rgba(255, 255, 255, .5);
	width: 8px;
	height: 8px;
	display: inline-block;
	margin-left: 8px;
}
.rslides_tabs a:hover {
	background: #3c3c36;
}
.rslides_here a,
.rslides_here a:hover {
	background: rgba(255, 255, 255, 1);
}

#home-tabs {
	background: #9ac3d6;
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	font-size: 12px;
	padding: 20px 20px;
	box-sizing: border-box;
}
.tabs-menu {
	margin: 0 0 10px;
	padding: 0 0 10px;
	list-style: none;
	text-transform: uppercase;
	border-bottom: 2px solid #fff;
}
.tabs-menu li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 0 15px;
	cursor: pointer;
}
.tabs-menu li:first-child {
	border-right: 1px solid #000;
	padding-left: 0;
}

.tabs-menu li.current{
	color: #fff;
}

.tab-content{
	display: none;
	position: relative;
	height: 264px;
}

.tab-content.current{
	display: inherit;
}
.tabs-post {
	margin-top: 15px;
}
.tabs-post:first-child {
	margin-top: 0;
}
.tabs-post .post-meta {
	font-size: 12px;
	margin-bottom: 5px;
	color: #3C3C3B;
}
.tabs-post .post-title {
	font-size: 13px;
	line-height: 15px;
	margin: 0;
}
.tabs-post .post-title a {
	color: #069;
}
.tabs-post .post-title a:hover {
	color: #3c3c36;
}
.tab-view-all {
	position: absolute;
	bottom: 0;
	left: 0;
	text-transform: uppercase;
}
.tab-view-all a {
	color: #069;
}
.tab-view-all a:hover {
	color: #3c3c36;
}
.tab-view-all span,
.carousel-readmore span {
	padding-left: 5px;
	font-size: 12px;
}


#primary {
	float: left;
	width: 710px;
}
#primary.no-sidebar {
	float: none;
	width: 100%;
}

#secondary {
	float: right;
	width: 250px;
	background: #f4f4f4;
	box-shadow: 2px 1px 2px 2px rgba(0,0,0,0.3);
}
#secondary .widget {
	padding: 10px 13px;
}
#secondary h3 {
	margin-top: 0;
}

#content {
	padding: 15px 25px;
}
#primary.no-sidebar #content {
	padding: 35px 115px;
}
.home #primary.no-sidebar #content {
	padding: 35px 15px;
}

#content img {
	max-width: 660px;
}

.posts-cont {
	list-style: none;
	margin: 0;
	padding: 0;
}
#primary.no-sidebar .posts-cont {
	background: url('img/divider.gif') 365px 0 repeat-y;
}
.posts-cont li {
	float: left;
	width: 316px;
	border-bottom: 1px solid #dadada;
	margin-bottom: 10px;
}
.posts-cont li:nth-child(odd) {
	margin-right: 28px;
}
#primary.no-sidebar .posts-cont li:nth-child(odd) {
	margin-right: 98px;
}
.post-link, .post-link:hover {
	color: #504945;
	line-height: 17px;
}
.post-title {
	color: #999900;
	font-size: 16px;
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 5px;
}
.post-title:hover {
	color: #00669a;
}
.post-meta {
	margin-bottom: 10px;
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	font-size: 12px;
	color: #cccc99;
}

.page-title, .single .post-title {
	font-weight: normal;
	font-size: 22px;
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	line-height: 24px;
	color: #999966;
}

#social-shares {
	padding: 10px 25px;
	display: inline-block;
}
#social-shares ul {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0;
	border-top: 1px dashed #9e9e7a;
}
#social-shares li {
	float: left;
	margin-left: 8px;
}
#social-shares li:first-child {
	margin-left: 0;
}
#social-shares h4 {
	margin: 0 0 10px 5px;
	color: #9e9e7a;
	font-size: 13px;
}
#social-shares a {
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 24px;
	height: 24px;
}
.shares-fb {
	background-image: url('img/social/fb-share.png');
}
.shares-fb:hover {
	background-image: url('img/social/fb-share-hov.png');
}
.shares-tw {
	background-image: url('img/social/tw-share.png');
}
.shares-tw:hover {
	background-image: url('img/social/tw-share-hov.png');
}
.shares-li {
	background-image: url('img/social/li-share.png');
}
.shares-li:hover {
	background-image: url('img/social/li-share-hov.png');
}

.post-summary {
	text-align: justify;
}

#pagination {
	margin: 20px 0 10px;
	text-align: center;
	color: #069;
	font-size: 15px;
}
#pagination a {
	color: #069;
}
#pagination a:hover {
	color: #62d3d0;
}
#pagination .page-numbers {
	margin: 0 3px;
}
#pagination .prev {
	margin-right: 50px;
}
#pagination .next {
	margin-left: 50px;
}
#pagination .current {
	font-weight: bold;
	font-size: 16px;
}

#footer-ramsar {
	background: #999900;
	padding: 10px 19px;
}
#footer-ramsar img, #footer-ramsar p {
	float: left;
}
.qtranslate-ar #footer-ramsar img,
.qtranslate-ar #footer-ramsar p {
    float: right;
}
#footer-ramsar p {
	font-size: 13px;
	color: #fff;
	padding: 30px 20px 0;
	margin: 0;
}

.footer-address {
	text-align: center;
	padding: 20px 19px;
	margin: 0;
	font-size: 12px;
	color: #999966;
}
.footer-address a {
	color: #999966;
}

.site-credits {
	color: #86af36;
	text-align: right;
	font: 11px Georgia, serif;
	margin-bottom: 15px;
	padding-right: 10px;
}
.site-credits a {
	color: #fff;
}
.site-credits a:hover {
	color: #86af36;
}

#secondary .widget.widget_nav_menu {
	color: #006699;
	text-transform: uppercase;
	font-size: 12px;
	padding: 40px 0;
}
.widget_nav_menu a {
	color: #006699;
}
.widget_nav_menu a:hover {
	color: #62d3d0;
}
.widget_nav_menu .current-menu-item a,
.widget_nav_menu .current-menu-item a:hover,
.tax-publication-cat .widget_nav_menu .menu-item-object-publications a,
.tax-publication-cat .widget_nav_menu .menu-item-object-publications a:hover,
.tax-publication-org .widget_nav_menu .menu-item-object-publications a,
.tax-publication-org .widget_nav_menu .menu-item-object-publications a:hover {
	color: #999900;
}

.widget_nav_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget_nav_menu li {
	border-bottom: 1px solid #006699;
	font-weight: 600;
	padding: 18px 0 5px 30px;
}
.widget_nav_menu .widget-title,
.widget_nav_menu .first-item {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	border-bottom: 2px solid #337daf;
	padding: 18px 30px 5px;
	margin: 0;
}
.widget_nav_menu .current-menu-item,
.tax-publication-cat .widget_nav_menu .menu-item-object-publications,
.tax-publication-org .widget_nav_menu .menu-item-object-publications {
	background: url('img/sidebar-active.png') 10px 20px no-repeat;
}

/* Advanced Spoiler plugin */
/* @group Advanced-Spoiler */

/* @group spoiler-content */
.spoiler-body {
	padding:1px; 
	margin:0;
	padding:0;
}
.spoiler-body p, .spoiler-body div {
	padding:2px 1px;
	margin:1px;
}
/* @end spoiler-content */

/* @group toggle-link */
a.spoiler-tgl {
	padding: 2px 4px 2px 22px;
	background-image: url('img/collapseicon.gif');
	background-position: 3px 3px;
	background-repeat: no-repeat;
	border-bottom: 1px dotted #999;
	margin: 0;
}
a:hover.spoiler-tgl {
	border-color: #696969;
}
a.spoiler-tgl.collapsed { 
	background-position: 3px -36px;
}
/* @end toggle-link */

/* @group widget & template */
.effcollapse {
	padding-left: 16px !important;
	background-image: url('img/collapseicon.gif');
	background-position: 0 2px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.effcollapse.collapsed { 
	background-position: 0 -37px;
}
/* @end widget & template */

/* @group DO NOT EDIT */
.spoiler_outer_box {/* wrapper for blind effect */
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
}
/* @end DO NOT EDIT */

/* @end Advanced-Spoiler */



/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
}

.lbLoading {
	background: transparent url('img/loading.gif') no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 40%;
	width: 43px;
	outline: none;
	background: transparent url('img/slimbox-arrows.png') no-repeat right top;
	opacity: 0;
}

#lbPrevLink:hover, #lbNextLink:hover {
	opacity: 0.6;
}

#lbPrevLink {
	left: 0;
	background-position: left top;
}

#lbNextLink {
	right: 0;
}

#lbBottom {
	color: #fff;
	line-height: 1.4em;
	text-align: left;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 22px;
	height: 22px;
	background: url('img/slimbox-close.png') no-repeat center;
	margin: 0;
	outline: none;
}
#lbCloseLink:hover {
	background: url('img/slimbox-close-hover.png');
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	margin-top: 20px;
}
.page-template-photogallery #lbCloseLink {
	background-image: url('img/slimbox-gallery-close.png');
}
.page-template-photogallery #lbCloseLink:hover {
	background-image: url('img/slimbox-gallery-close-hover.png');
}
.page-template-photogallery #lbBottomContainer {
	background: #fff;
}
.page-template-photogallery  #lbBottom {
	padding: 0 20px 20px;
	color: #504945;
}

.projects-filters {
	margin-bottom: 10px;
}
.content-search,
.content-dropdown {
	width: 316px;
	background: #fff;
	color: #999966;
	border: 1px solid #999966;
	margin-right: 28px;
	float: left;
	box-sizing: border-box;
}
.content-dropdown {
	position: relative;
}
.content-dropdown ul {
	position: absolute;
	background: #fff;
	width: 100%;
	top: 26px;
	left: -1px;
	list-style: none;
	padding: 5px 0;
	margin: 0;
	display: none;
	z-index: 9999;
	border: 1px solid #999966;
	max-height: 450px;
	overflow-y: auto;
}
.content-dropdown.open ul,
.content-dropdown.open a {
	display: block;
}
.content-dropdown li {
	padding: 5px 10px;
}
.dropdown-toggle {
	display: block;
	padding: 4px 10px;
	outline: none;
	background: url('img/content-dropdown.png') 295px center no-repeat;
}
.content-dropdown.open .dropdown-toggle {
	background-image: url('img/content-dropdown-close.png');
}
.by-country {
	margin-right: 0;
}
.content-search {
	padding-bottom: 4px;
	height: 28px;
}
.content-search .search-field {
	color: #999966;
	border: none;
	padding: 0 8px;
	width: 265px;
	line-height: 16px;
}
.content-search .search-field:focus {
	outline: none;
}
.content-search .submit {
	background: url('img/content-search.png') 0 5px no-repeat;
	border: none;
	margin-left: 15px;
	height: 100%;
}
.news-filters {
	margin-bottom: 25px;
}
.news-by-date {
	margin-top: 15px;
	margin-right: 0;
	float: right;
}

.publications-filters {
	margin-bottom: 25px;
}
.publications-by-cat,
.publications-by-org {
	float: right;
	margin-right: 0;
}
.publications-by-org {
	margin-top: 15px;
}
.publications-posts .hentry {
	border-top: 1px solid #990;
	padding: 25px 10px;
	margin-top: 25px;
}
.publications-posts .hentry:first-child {
	border-top: none;
}
.publications-posts .post-thumbnail {
	float: left;
	width: 145px;
}
.publications-posts .post-thumbnail img {
	max-width: 100% !important;
	height: auto;
}
.publications-posts .post-text {
	float: right;
	width: 470px;
}
.publications-posts .post-title {
	margin-top: 0;
}
.home .publications-posts .hentry {
	float: left;
	width: 460px;
	border-top: none;
	padding: 0;
	margin-top: 0;
}
.home .publications-posts .hentry:first-child {
	margin-right: 10px;
}
.home .publications-posts .post-text {
	width: 285px;
}
.post-download-links a {
	text-transform: uppercase;
	display: inline-block;
	margin-right: 20px;
	color: #069;
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	font-size: 12px;
}
.post-download-links a:hover {
	color: #62d3d0;
}
.single-publications .post-meta {
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	font-size: 12px;
	color: #B5B489;
	margin-top: 15px;
}
.single-publications .post-meta a {
	color: #996;
}
.single-publications .post-meta a:hover {
	color: #00669a;
}

/* Inventory "micro-site" */
.page-template-inventory-php #primary {
	background: url('img/inventory-bg.png') repeat;
}
.page-template-inventory-php p {
	font: italic 13px Georgia, serif;
}
.page-template-inventory-php .page-title {
	font-weight: 300;
	font-size: 23px;
	color: #8aaa47;
}

.page-template-inventory-php h2, .page-template-inventory-php h2 a {
	color: #991922;
	font-weight: 300;
	font-size: 17px;
}
.page-template-inventory-php h2 a:hover {
	color: #991922;
	background: #e9e9e9;
}
.page-template-inventory-php #content a {
	color: #991922;
}
.page-template-inventory-php #content a:hover {
	color: #f20834;
	background: #e9e9e9;
}
#inventory-contact img, #inventory-contact p {
	float: left;
}
#inventory-contact p {
	margin: 20px 0 0 5px;
}
.page-template-inventory-php #inventory-contact a, .page-template-inventory-php #inventory-contact a:hover {
	color: #8baa47;
}
.inventory-start {
	list-style: none;
	margin: 0;
	padding: 0;
}
.inventory-start li {
	border-top: 1px dotted #000;
	padding: 10px 0;
}
.inventory-start li:last-child {
	border-bottom: 1px dotted #000;
}
.page-template-inventory-php h2 {
	padding: 10px 0 15px 80px;
	margin: 0 0 0 10px;
}
.inventory-title {
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	padding: 10px 0;
}
.inventory-start p, .inventory-title p {
	margin-bottom: 0;
}
.inventory-status {
	background: url('img/status.png') no-repeat;
}
.inventory-book {
	background: url('img/book.png') no-repeat;
}
.inventory-bird {
	background: url('img/bird.png') no-repeat;
}
.inventory-storing {
	background: url('img/storing.png') no-repeat;
}
.inventory-monitoring {
	background: url('img/granazia.png') no-repeat;
}
.inventory-key {
	background: url('img/key.png') no-repeat;
}


/* School micro-site */
.page-template-school-php #primary {
	background: url('img/school-bg.png') repeat;
}
.page-template-school-php #content {
	padding: 55px 50px;
	font: normal 14px 'Open Sans', 'Droid Arabic Kufi', Helvetica, Arial, sans-serif;
	line-height: 23px;
	color: #353535;
}
.page-template-school-php #content p a {
	color: #388324;
}
.page-template-school-php #content p a:hover {
	color: #ed1c24;
}
.page-template-school-php #content h1 {
	font: normal 27px 'Loved by the King', cursive;
	margin-bottom: 10px;
	color: #ed1c24;
}
.page-template-school-php #content h2 {
	background: url( 'img/school-bullet.png' ) left no-repeat;
	padding-left: 15px;
	font: normal 17px Georgia, serif;
}
.page-template-school-php #content h2,
.page-template-school-php #content h2 a {
	color: #0a4970;
}
.page-template-school-php #content h2 a:hover {
	color: #ed1c24;
}
.page-template-school-php #content p {
	text-align: justify;
}
.school-logo, .school-games, .school-meetings, .school-news, .school-videos {
	display: block;
	float: left;
	background: url('img/school-sprite.png') no-repeat;
}
.school-logo {
	width: 319px;
	height: 131px;
	margin-right: 85px;
}

.school-menu {
	float: left;
	list-style: disc;
	color: #ed1c24;
	font: normal 22px Georgia, serif;
}
.school-menu li {
	margin-bottom: 2px;
	padding-left: 3px;
}
.school-menu a {
	color: #0a4970;
	font-size: 17px;
}
.school-menu a:hover {
	color: #ed1c24;
}

.school-home-submenu {
	margin: 60px 0 80px 0;
}
.school-home-submenu .school-menu {
	width: 300px;
}
.school-games, .school-meetings {
	margin-right: 60px;
}
.school-games {
	width: 199px;
	height: 125px;
	background-position: 0 -131px;
}
.school-meetings {
	width: 200px;
	height: 150px;
	background-position: 0 -256px;
}
.school-news {
	width: 161px;
	height: 107px;
	background-position: 0 -406px;
	margin: 20px 160px 0 0;
}
.school-videos {
	width: 199px;
	height: 108px;
	background-position: 0 -513px;
}

.school-thumbnail, .school-summary {
	float: left;
}
.school-thumbnail img {
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	-o-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	-ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}
.school-summary {
	margin-left: 20px;
	width: 355px;
}
.school-summary p {
	margin-top: 0;
}

.school-articles {
	margin-bottom: 50px;
}


/* The Agadir Commitments 'micro-site' */
.page-template-agadir-commitments-php #content {
	padding: 35px;
	color: #2b2b2b;
	line-height: 19px;
	font-size: 13px;
}
.page-template-agadir-commitments-php #content p {
	text-align: justify;
}
.page-template-agadir-commitments-php .page-title {
	font-size: 16px;
	font-weight: 600;
	color: #754624;
}
.page-template-agadir-commitments-php .page-title a {
	color: #754624;
}
.page-template-agadir-commitments-php .page-title a:hover {
	color: #6944a4;
}
.page-template-agadir-commitments-php #content img {
	border: 1px solid #754c24;
	padding: 4px;
}

#ag-com-header {
	margin-bottom: 40px;
}

.ag-com-logo {
	float: left;
	display: block;
	width: 278px;
	height: 95px;
	background: url('img/ag-com-logo.png') no-repeat;
}

#ag-com-menu {
	float: right;
	font-size: 19px;
	font-weight: 600;
	margin-right: 50px;
}
#ag-com-menu li, #ag-com-proj-nav li {
	background: url('img/ag-com-ar-red.png') center left no-repeat;
	margin-bottom: 8px;
}
#ag-com-menu li:hover, #ag-com-proj-nav li:hover, #ag-com-menu .current-menu-item,
.ag-com-projects #ag-com-menu .ag-com-menu-proj,
.ag-com-news     #ag-com-menu .ag-com-menu-news {
	background: url('img/ag-com-ar-green.png') center left no-repeat;
}
#ag-com-menu a, #ag-com-proj-nav a {
	color: #d43910;
	padding-left: 30px;
}
#ag-com-menu .current-menu-item a {
	color: #69aa4a;
}

#ag-com-proj-nav {
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 40px;
}
#ag-com-proj-nav li {
	margin-bottom: 10px;
}

#ag-com-proj-axis h2, #ag-com-proj-alpha h2 {
	font-size: 17px;
	font-weight: 600;
	color: #69aa4a;
	background: url('img/ag-com-ar-green.png') center left no-repeat;
	padding-left: 30px;
	margin-bottom: 20px;
}

.ag-com-axis {
	margin-bottom: 30px;
}
.ag-com-axis h3 {
	border-bottom: 1px dotted #754c24;
	margin: 10px 0;
	padding-bottom: 5px;
}
.ag-com-axis h3, .ag-com-axis h3 a {
	font-size: 17px;
	font-weight: 600;
	color: #754c24;
}
.axis1 .logo, .axis2 .logo, .axis3 .logo, .axis4 .logo,
.axis1 .logo a, .axis2 .logo a, .axis3 .logo a, .axis4 .logo a {
	display: block;
	float: left;
	width: 125px;
	height: 125px;
	background: url('img/ag-com-axis-sprite.png') no-repeat;
}
.axis2 .logo, .axis2 .logo a {
	background-position: 0 -125px;
}
.axis3 .logo, .axis3 .logo a {
	background-position: 0 -250px;
}
.axis4 .logo, .axis4 .logo a {
	background-position: 0 -375px;
}

.axis1 .summary, .axis2 .summary, .axis3 .summary, .axis4 .summary {
	float: left;
	margin-left: 30px;
	width: 460px;
}

.ag-com-read-more, #ag-com-proj-alpha a {
	color: #d43910;
}
.ag-com-read-more:hover, #ag-com-proj-alpha a:hover {
	color: #69aa4a;
}

#ag-com-proj-alpha {
	font-size: 13px;
	line-height: 18px;
}
#ag-com-proj-alpha table, #ag-com-proj-alpha td {
	border: 1px solid #69aa4a;
}
#ag-com-proj-alpha th {
	background: #69aa4a;
	color: #fff;
	border-right: 1px solid #fff;
}
#ag-com-proj-alpha .last {
	border-color: #69aa4a;
}

#ag-com-axis-sub-projs {
	margin-bottom: 20px;
}
.ag-com-axis-proj-parag {
	float: left;
	width: 40px;
	color: #754c24;
	font-size: 17px;
	font-weight: 600;
}
.ag-com-axis-proj-summary {
	float: left;
	width: 590px;
}
.ag-com-axis-proj-summary h1 {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
}
.ag-com-axis-proj-summary h1 a {
	color: #754c24;
}

.ag-com-axis-proj-summary h1 a:hover {
	color: #69aa4a;
}

.sub {
	margin-left: 18px;
}

.sub .ag-com-axis-proj-parag, .sub h1 {
	font-size: 15px;
	font-weight: normal;
}
.sub .ag-com-axis-proj-summary {
	width: 540px;
	margin-left: 10px;
}


#ag-com-news .page-title {
	border-bottom: 1px dotted #754c24;
	font-weight: normal;
}
#ag-com-news {
	margin-bottom: 30px;
}
.ag-com-news-thumb {
	float: left;
	width: 170px;

}
.ag-com-news-summary {
	float: left;
	margin-left: 30px;
	width: 430px;
}
.ag-com-news-summary p {
	margin-top: 0;
}
.ag-com-news-summary .ag-com-read-more {
	float: right;
}


/* embedded videos */
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	background: #edebdf;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Widgets */
#sidebar-menu {
	text-align: center;
	font-size: 15px;
}
#sidebar-menu li {
	background: #66aeba;
	margin-bottom: 2px;
}
#sidebar-menu li:hover {
	background: #8BC6CC;
}
#sidebar-menu a {
	color: #fff;
	display: block;
	padding: 5px 0;
}
.sidebar-menu-news .sub-menu {
	display:none;
}
.sidebar-menu-news:hover .sub-menu {
	display:inline;
}
#sidebar-menu .sub-menu li {
	border-bottom: 1px solid #fff;
	margin-bottom: 0;
}

.widget_archive select {
	width: 100%;
	background: #d7e9ef;
	border: 1px solid #66aeba;
}
.widget_archive select:focus {
	outline: 0;
}

.widget-title {
	font-weight: 600;
	font-size: 16px;
	color: #6aabb6;
	margin-bottom: 10px;
}

.gallery-grid {
	list-style: none;
	padding: 40px 0;
	margin: 0;
}
.gallery-grid li {
	width: 150px;
	float: left;
	margin-right: 18px;
	margin-bottom: 15px;
}
.gallery-grid li:nth-child(4n) {
	margin-right: 0;
}
.gallery-grid li a {
	display: block;
	position: relative;
}
.gallery-overlay {
	position: absolute;
	top: 30%;
	left: 32%;
	opacity: 0;
}
.gallery-grid li span.gallery-thumb {
	display: block;
}
.gallery-grid li a:hover span.gallery-thumb {
	background: #000;
}
.gallery-grid li a:hover span.gallery-thumb img {
	opacity: .4;
}
.gallery-grid li a:hover .gallery-overlay {
	opacity: 1;
}

.home .gallery-grid {
	padding: 0;
}
.home .gallery-grid li {
	margin-right: 10px;
}
.home .gallery-grid li:nth-child(3n) {
	margin-right: 0;
}
.home .gallery-grid li {
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
}
.home .gallery-grid img {
	margin-bottom: 10px;
}

#gallery-filters {
	margin: 25px 0;
}

.sidebar-filters {
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
}
.sidebar-filters li {
	margin-bottom: 2px;
}
.sidebar-filter-title {
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 6px;
	color: #006783;
}
.sidebar-filters li a.active{
	border-radius: 5px;
	background: #069;
	color: #f4f4f4;
	padding: 4px 8px;
}
.sidebar-filters li a.active span.close {
	padding-left: 5px;
	font-size: 11px;
	color: #990;
}
.gallery-results {
	margin: 15px 0;
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	font-size: 13px;
	color: #808080;
}
.reset-filters {
	margin: 20px 0 30px;
}
.reset-filters a {
	font-size: 13px;
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	color: #006783;
	border-bottom: 2px solid #006783;
	padding-bottom: 3px;
}
.reset-filters a:hover {
	color: #39c;
	border-color: #39c;
}

#gallery-search {
	border: 1px solid #006783;
	width: 200px;
}
#gallery-search input.field {
	border: none;
	padding: 5px 10px;
	background: #f4f4f4;
	width: 150px;
}
#gallery-search input.submit {
	background: url('img/gallery-search.png') 0 0 no-repeat;
	width: 17px;
	height: 17px;
	vertical-align: middle;
}
#gallery-search input.submit:hover {
	background-image: url('img/gallery-search-hover.png');
}

.blue-with-line {
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #069;
}
.blue-with-line::after {
	display: block;
	content: '';
	border-bottom: 1px solid #996;
	width: 250px;
	padding-bottom: 8px;
}
.link-to-library {
	display: block;
	margin-top: 20px;
	text-transform: uppercase;
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	font-size: 14px;
}
.page-template-photos .page-title {
	text-transform: uppercase;
}
.page-template-photos .hentry {
	margin-bottom: 40px;
}
.page-template-photos .gallery-grid {
	padding: 0 0 20px;
}
.home .gallery-grid img,
.page-template-photos .gallery-grid img {
	margin-bottom: 10px;
}

.video-grid {
	padding: 10px 0;
}
.video-grid-item {
	width: 200px;
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
}
.home .video-grid {
	padding: 0;
}
.home .video-grid-item {
	margin-right: 5px;
}
.home .video-grid-item:nth-child(2n),
.video-grid-item:nth-child(3n) {
	margin-right: 0;
}
.video-grid-item a.video-thumb-link {
	display: block;
	position: relative;
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
}
.video-overlay {
	position: absolute;
	top: 26%;
	left: 36%;
	opacity: 0;
}
.video-grid-item span.video-thumb {
	display: block;
	margin-bottom: 10px;
}
.video-grid-item  a:hover span.video-thumb {
	background: #000;
}
.video-grid-item  a:hover span.video-thumb img {
	opacity: .4;
}
.video-grid-item a:hover .video-overlay {
	opacity: 1;
}
#video-filters {
	margin: 25px 0;
}
.modalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.9);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	transition: opacity 200ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalContainer {
	width: 675px;
	position: relative;
	margin: 5% auto;
	padding: 5px 20px 13px 20px;
	background: #fff;
}
.modalClose {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	margin-right: -14px;
	margin-top: -14px;
	background: url('img/modal-close.png') 0 0 no-repeat;
	width: 38px;
	height: 38px;
}
.modalClose:hover {
	background-image: url('img/modal-close-hover.png');
}
.modalContainer h2 {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}
.modalContainer .video-wrapper {
	margin: 10px 0;
}
.modalContainerContent {
	max-height: 700px;
	overflow-y: auto;
}

.view-link {
	margin-top: 15px;
	display: block;
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	color: #069;
}
#notables-grid .view-link {
	margin-top: 5px;
}
.view-link:hover {
	color: #62d3d0;
}

.view-link span {
	padding-left: 5px;
}

.view-all-link {
	margin: 10px 0 30px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	color: #069;
}
.home .view-all-link {
	text-align: left;
}
#home-videos .view-all-link {
	margin-bottom: 10px;
}
#home-publications .view-all-link {
	margin: 25px 0 30px;
}
.view-all-link:hover {
	color: #62d3d0;
}

.view-all-link span {
	padding-left: 5px;
}

.notable-text {
	font-family: 'Montserrat', 'Droid Arabic Kufi', sans-serif;
	font-size: 13px;
	margin-top: 10px;
}
.notables-grid-item {
	max-width: 400px;
	float: left;
	margin-left: 30px;
}
.notables-grid-item:first-child {
	margin-left: 0;
}
.notables-grid-item img {
	max-height: 186px;
	width: auto;
	max-width: 400px !important;
}
#home-publications .post-title {
	font-size: 13px;
	line-height: 16px;
}

/* ==!== wordpress styles ===================================================
  Default classes required by wordpress
========================================================================== */
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin: 0 15px 10px 0; 
}
.alignright {
	display: inline;
	float: right;
	margin: 0 0 10px 15px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* satify theme-check */
.gallery-caption, .bypostauthor, .wp-caption, .wp-caption-text {
}


/* ==|== media queries ======================================================
  EXAMPLE Media Query for Responsive Design.
  This example overrides the primary ('mobile first') styles
  Modify as content requires.
  ========================================================================== */

@media only screen and (min-width: 35em) {
   /* Style adjustments for viewports that meet the condition */
}



/* ==|== non-semantic helper classes ========================================
  Please define your styles before this section.
  ========================================================================== */

.lead {
	font-size: 16px;
}

/*
* Image replacement
*/

.ir {
   border: 0;
   font: 0/0 a;
   text-shadow: none;
   color: transparent;
   background-color: transparent;
}

/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
   display: none !important;
   visibility: hidden;
}

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
   clip: auto;
   height: auto;
   margin: 0;
   overflow: visible;
   position: static;
   width: auto;
}

/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible {
   visibility: hidden;
}

/*
* Contain floats: h5bp.com/q
*/

.clearfix:before,
.clearfix:after {
   content: "";
   display: table;
}

.clearfix:after {
   clear: both;
}

.clearfix {
   *zoom: 1;
}



/* ==|== print styles =======================================================
  Print styles.
  Inlined to avoid required HTTP connection: h5bp.com/r
  ========================================================================== */

@media print {
   * {
       background: transparent !important;
       color: #000 !important; /* Black prints faster: h5bp.com/s */
       box-shadow:none !important;
       text-shadow: none !important;
   }

   a,
   a:visited {
       text-decoration: underline;
   }

   a[href]:after {
       content: " (" attr(href) ")";
   }

   abbr[title]:after {
       content: " (" attr(title) ")";
   }

   /*
    * Don't show links for images, or javascript/internal links
    */

   .ir a:after,
   a[href^="javascript:"]:after,
   a[href^="#"]:after {
       content: "";
   }

   pre,
   blockquote {
       border: 1px solid #999;
       page-break-inside: avoid;
   }

   thead {
       display: table-header-group; /* h5bp.com/t */
   }

   tr,
   img {
       page-break-inside: avoid;
   }

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

   @page {
       margin: 0.5cm;
   }

   p,
   h2,
   h3 {
       orphans: 3;
       widows: 3;
   }

   h2,
   h3 {
       page-break-after: avoid;
   }
}