/*
Theme Name: mihfadati
Theme URI: http://www.mihfadati.com/
Author: Abdelhadi Touil
Author URI: http://www.haditouil.com
Description: Custom WordPress theme for mihfadati.com
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mihfadati
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.

mihfadati is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Layout
# Typography
# Elements
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
/* Global */
.site {
	overflow: hidden; /* To fix blank width on small screen */
}
#primary {
	padding-right: 0;
}
#secondary {
	padding-left: 0;
}
.block-title, .widget-title, .comment-reply-title {
	font-family: 'Markazi Text', serif;
	font-size: 1rem;
	font-weight: normal;
	color: #fff;
	margin-bottom: 15px;
	margin-right: 0;
	border-bottom: solid 3px #69b418;
	overflow: hidden;
}
.block-title>span, .widget-title>span {
	display: inline-block;
	color: #fff;
	padding: 5px 10px;
	background: #69b418;
}
.content-area .breadcrumbs>span {
	padding: 5px 10px;
}
.breadcrumbs a:hover {
	text-decoration: none;
}
.block-title a, .widget-title a {
	color: #fff;
}
.block-title a:hover, .widget-title a:hover, .block-title a:focus, .widget-title a:focus {
	color: #000000;
}

/* Top Bar */
.top-bar {
	background-color: #7cc561;
}
.site-header .top-menu {
	list-style: none;
	font-size: 1rem;
	margin: 0;
	padding: 0;
}
.site-header .top-menu li a {
	float: right;
	font-size: 1rem;
	line-height: 1;
	color: #fff;
	padding: 8px 6px;
	margin-left: 3px;
}
.site-header .top-menu li a:hover {
	color: #000;
}
/* Top search form */
.top-search {
	padding: 0;
}
.top-search .input-group {
	margin: 0;
}
.top-search .input-group-field {
	height: 1.9rem;
	border: 1px solid #7cc561;
	box-shadow: none;
}
.top-search .button {
	padding: 0.4rem 1rem;
}
/* Full screen search form */
.search-btn {
	position: absolute;
	top: 12px;
	left: 10px;
	font-size: 1.6rem;
	color: #fff;
}
.search-btn:hover {
	color: #414e5a;
}
#full-screen-search {
    display: none;
    position: fixed;
    z-index: 999998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
}
#full-screen-search form {
    position: relative;
    width: 100%;
    height: 100%;
}
#full-screen-search button.close {
    position: absolute;
    z-index: 999999;
    top: 20px;
    right: 20px;
    font-size: 30px;
    font-weight: 300;
    color: #999;
    cursor: pointer;
}
#full-screen-search form div {
	position: absolute;
	width: 70%;
	height: 100px;
	top: 50%;
	left: 40%;
	margin: -50px 0 0 -25%;
}
#full-screen-search form div input::-webkit-input-placeholder { 
    color: #ccc;
}
#full-screen-search form div input:-moz-placeholder { 
    color: #ccc;
}
#full-screen-search form div input::-moz-placeholder { 
    color: #ccc;
}
#full-screen-search form div input:-ms-input-placeholder { 
    color: #ccc;
}
#full-screen-search form div input {
    width: 100%;
    height: 100px;
	color: #1b77b6;
    background: #eee;
    padding: 20px;
    font-size: 40px;
    line-height: 60px;
}
#full-screen-search-container button {
	position: absolute;
	top: 35%;
	left: 1rem;
	color: #1b77b6;
}
#full-screen-search-container button:hover {
	color: #333;
}
/* Logo and ad */
.site-header {
	margin-top: 10px;
	background: #fff;
}
.site-branding {
	padding-right: 0;
	margin: 1rem 0;
}
.site-branding a {
	display: block;
	height: 100px;
	text-indent: -9999px;
	background: url('images/header.png') no-repeat right center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
.site-branding h1,
.site-branding p {
	padding: 0;
	margin: 0;
}
.header-ad {
	text-align: left;
	padding: 0;
	margin: 1rem 0;
}
/* Top section */
.top-section h4 {
	font-family: 'Markazi Text', serif;
	font-weight: normal;
	font-size: 1.5rem;
	color: #fff;
	padding: 0.5rem 1rem;
	margin: 0;
}
.top-section .primary h4 {
	background-color: #2196F3;
}
.primary li a {
	background-color: #e2f1fd;
}
.top-section .secondary h4 {
	background-color: #7950f2;
}
.secondary li a {
	background-color: #e5defd;
}
.top-section .college h4 {
	background-color: #f3862f;
}
.college li a {
	background-color: #fbdbc0;
}
.top-section h4 a {
	color: #fff;
}
.top-section h4 a:hover {
	color: #000;
}
.top-section ul {
	margin-bottom: 1rem;
	overflow: hidden;
}
.top-section ul li a {
	display: block;
	font-family: 'Markazi Text', serif;
	font-size: 1.3rem;
	padding: 0.2rem;
	margin-top: 0.6rem;
}
.top-section ul li.first a {
	margin-left: 0.5rem;
}
.top-section ul li a:hover {
	color: #fff;
	background-color: #69b418;
}
/* Homepage ad */
.home-ad {
	margin-bottom: 1rem;
}
/* Footer */
.site-info {
	font-size: 0.85rem;
	color: #69b418;
	border-top: solid 1px #69b418;
	overflow: hidden;
}
.site-info a {
	color: #69b418;
}
.site-info a:hover {
	color: #333;
}
.site-info .copyright {
	padding: 5px 0;
}
/* Footer Socail */
.site-footer .footer-social {
	padding: 0;
}
.site-footer .menu>li>a>i {
	vertical-align: inherit;
	margin: 0;
}
.site-footer ul.footer-social li a {
	color: #69b418;
	text-align: center;
    padding: 5px;
	margin: 2px 0 2px 10px;
    width: 30px;
}
.footer-social li a.facebook:hover {
	color: #fff;
	background: #3b5998;
}
.footer-social li a.twitter:hover {
	color: #fff;
	background: #00aced;
}
.footer-social li a.gplus:hover {
	color: #fff;
	background: #dd4b39;
}
.footer-social li a.youtube:hover {
	color: #fff;
	background: #e52d27;
}
.footer-social li a.rss:hover {
	color: #fff;
	background: #f26522;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #000;
	font-family: 'Markazi Text', serif;
	text-align: justify;
	
}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea {
	box-shadow: none;
	border: 1px solid #69b418;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus {
	border: 1px solid #69b418;
	box-shadow: 0 0 5px #69b418;
	transition: box-shadow .5s,border-color .25s ease-in-out;
}
.content-area form p {
	text-indent: 0;
}
.site-content {
	font-family: amiri, serif;
}
.button {
	color: #fff;
	font-family: 'Markazi Text', serif;
	text-align: center;
	background-color: #69b418;
}
.button:focus, .button:hover {
	background-color: #469b22;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'amiri', Arial, serif;
}
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	margin-bottom: 1rem;
}
h1 {
	font-weight: bold;
	font-size: 1.3rem;
}
h2 {
	font-size: 1.6rem;
	color: #f83a3a;
}
h3 {
	font-size: 1.4rem;
	color: #00b000;
	margin-right: 1rem;
}
h4, h5, h6 {
	font-size: 1.25rem;
}
h4 {
	color: #4169e1;
	margin-right: 2rem;
}
h5 {
	color: #ff9600;
	margin-right: 3rem;
}
dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	padding: 1rem;
	margin-bottom: 1rem;
	background-color: #f5fded;
	border: 2px solid #69b418;
}
blockquote p {
	line-height: 2;
	color: #000;
	margin: 0;
}
address {
	margin: 0 0 1.5rem;
}

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

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

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

mark,
ins {
	text-decoration: none;
	margin: 0 auto !important;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5rem;
}
dl, ol, p, ul {
	line-height: 2;
	font-size: 1.25rem;
}
ul {
	list-style: none;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	font-size: 1.25rem;
	color: #333;
	line-height: 40px;
	border-spacing: 0;
	border: 1px solid #69b418;
	width: 100%;
	margin: 1rem auto;
}
thead {
	border: none;
}
thead tr td {
	font-family: 'Markazi Text', serif;
	font-size: 1.1rem;
	font-weight: normal;
	color: #fff;
	vertical-align: top;
	padding: 5px 10px;
	background: #69b418;
}
.single thead tr td p {
	font-size: 1.1rem;
	text-indent: 0;
	margin: 0;
}
table tr td {
	vertical-align: top;
}
tbody {
	border: 1px solid #69b418;
}
tbody tr {
	border-bottom: 1px solid #69b418;
}
tbody tr:nth-child(even) {
	background-color: #fff;
}
tbody td, tbody th {
    padding: 0.3rem .5rem;
}
tbody tr:hover {
	background-color: #f5fded;
}
tbody td {
	padding: 5px;
	border-bottom: 1px solid #69b418;
	border-left: 1px solid #69b418;
}
.entry-content table tr td ul {
	margin: 0 10px 0 0;
}
.entry-content table tr td ul li:before {
	content: '\F0D9';
	right: -10px;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #000;
	transition: background-color .25s ease-out, color .25s ease-out;
}

a:focus, a:hover {
	color: #69b418;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-menu {
	position: relative;
	margin-bottom: 1rem;
	background: #69b418;
}
.main-menu .menu, .main-menu .menu a {
	font-family: 'Markazi Text', serif;
	font-size: 1.3rem;
}
.main-menu .menu>li:not(.menu-text)>a {
	color: #fff;
	padding: 1rem 0.8rem 1rem 1.5rem;
}
.main-menu .menu li.menu-item-home a {
	font-size: 2.3rem;
	padding: 0.4rem 0.5rem;
}
.main-menu .menu>li:not(.menu-text)>a:hover, .main-menu .current-menu-item a, .main-menu .current-category-ancestor a {
	background: #469b22;
}
#wprmenu_bar .menu_logo, #wprmenu_bar .menu_logo a {
    font-size: 1rem;
	text-align: center !important;
	color: #fff;
}

/* Countries switcher */
.lang {
	position: absolute;
    left: 4px;
    top: 4px;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    background: #5ab83c;
}
.lang.dz {
	left: 122px;
}
.lang:hover {
    color: #333;
}

/*--------------------------------------------------------------
# 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: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-size: 0.875rem;
	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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

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

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

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5rem;
}
.widget img {
	width: 100%;
}
.widget ul, .widget_mihfadati-recent-video {
	margin: 0;
}
.widget ul li {
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	border-bottom: 1px dashed #87cf0f;
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
.widget_mihfadati-recent-posts .widget-title {
	margin-bottom: 10px;
}
.widget_mihfadati-social-networks ul.social-networks li {
	padding-bottom: 0;
	margin-bottom: 2px;
	border-bottom: none;
}
.social-networks li:nth-child(odd) {
	padding-left: 1px;
}
.social-networks li:nth-child(even) {
	padding-right: 1px;
}
.social-networks li:last-child:nth-child(odd) {
	width: 100%;
	padding-left: .6375rem;
}
.social-networks li a {
	display: block;
	font-size: 1.5rem;
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 4px;
}
.social-networks li.facebook a {
	background: #3b5998;
}
.social-networks li.facebook a:hover {
	background: #6785c4;
}

.social-networks li.twitter a {
	background: #55acee;
}
.social-networks li.twitter a:hover {
	background: #a4d2f5;
}

.social-networks li.googleplus a {
	background: #dd4b39;
}
.social-networks li.googleplus a:hover {
	background: #e99084;
}

.social-networks li.youtube a {
	background: #e52d27;
}
.social-networks li.youtube a:hover {
	background: #ee7975;
}

.social-networks li.linkedin a {
	background: #0976b4;
}
.social-networks li.linkedin a:hover {
	background: #21a7f4;
}

.social-networks li.rss a {
	background: #f26522;
}
.social-networks li.rss a:hover {
	background: #f69e75;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
	margin: 0;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.single p, .page p {
	font-size: 1.25rem;
	text-indent: 2rem;
}
.entry-content a {
	color: #2199e8;
}
.entry-content ul {
	list-style-type: none;
	margin-right: 3rem;
}
.entry-content ol {
	margin-right: 2rem;
}
.entry-content ul ul, .entry-content ol ol {
	list-style-type: none;
	margin-right: 3rem;
}
.entry-content ul li, .entry-content ol li, .crp_related ul li {
	position: relative;
}
.entry-content ul li:before {
	content: '\f00c';
	position: absolute;
	right: -20px;
	top: 3px;
	font-family: 'Font Awesome 5 Free';
	font-size: 1rem;
	font-weight: 600;
	color: #606060;
}
.entry-content ul li li:before {
	content: '\f111';
}
.entry-content ul li li li:before {
	content: '\f10c';
}
.entry-content ul li li li li:before {
	content: '\f069';
}
.entry-content ul li li li li li:before {
	content: '\f068';
}
.entry-content ol li li {
	padding: 2px 0;
	border: 0;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1rem 0 0;
}
.entry-meta {
	font-size: 0.9rem;
	margin-top: 1.1rem;
}
span.posted-on, span.cat-links {
	margin-left: 1rem;
}
.post-views {
    display: inline-block;
}
/* single post pagination (Multipage posts) */
.page-links {
	clear: both;
	position: relative;
	height: 40px;
	margin: 1.5rem 0;
}
.page-links span.prev, .page-links span.next {
	background: #69b418;
	color: #fff;
	padding: 0.5rem 1rem;
}
.page-links span.prev {
	position: absolute;
	right: 0;
	top: 0;
}
.page-links span.prev .fa {
	padding-left: 10px
}
.page-links span.next {
	position: absolute;
	left: 0;
	top: 0;
}
.page-links span.next .fa {
	padding-right: 10px
}
p.post-read-more {
	text-indent: 0;
	color: #cc0000;
	padding: 5px 10px;
	background: #ffd2d3;
	border: solid 1px #df8f90;
}
/* Edit link */
a.post-edit-link {
	display: inline-block;
	font-size: 1.1rem;
	color: #fff;
	text-align: center;
	padding: 3px 10px;
	margin-top: 1rem;
	background: #ff1f1f;
}
a:hover.post-edit-link {
	color: #fefefe;
	background: #78b400;
}
/* Donwload from mihfadati */
.entry-content ul.download {
	margin-right: 1rem;
}
.entry-content ul.download li:before {
	content: '\f019';
}
/* Related Posts */
.crp_related ul {
	margin-right: 1.25rem;
}
.crp_related ul li {
	padding: 2px 0;
}
.crp_related ul li:before {
	content: '\f0a5';
	font-weight: normal;
	top: 6px;
}
/* Sitemap */
.sitemap ul li a {
	line-height: 2.1rem;
}

/*--------------------------------------------------------------
## Posts Archive
--------------------------------------------------------------*/
.archive h2, .category h2, .search h2 {
	font-size: 1.2rem;
}
/* Subcategories section */
.content-area .subcategories {
    padding: 0.5rem 1rem 0;
	margin-bottom: 1rem;
    border: solid 3px #69b418;
}
.subcategories h1 {
	font-family: 'Markazi Text', serif;
	font-size: 1.5rem;
	font-weight: 600;
}
.subcategories h2 {
	font-family: 'Markazi Text', serif;
	font-weight: normal;
	color: #000;
	padding: 2px 5px;
	background: #daf6bc;
	border-right: 5px solid #69b418;
}
.subcategories ul {
	margin-top: 1rem;
	margin-bottom: 0;
}
.subcategories ul li a {
	display: block;
	font-family: 'Markazi Text', serif;
	font-size: 1.3rem;
	padding: 5px;
	margin-bottom: 1rem;
	background-color: #daf6bc;
}
.subcategories ul li a:hover {
	color: #fff;
	background-color: #69b418;
}
/* Posts archive */
.archive-posts {
	margin: 0;
}
.archive-posts li {
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: 1px dashed #daf6bc;
}
.archive-posts li a {
	border-right: 3px solid #69b418;
	padding-right: 0.5rem;
}
.archive-posts li a:hover {
	color: #469b22;
	border-right-color: #454545;
}
.posts-navigation {
	clear: both;
	margin-bottom: 1rem;
}
.pagination a, .pagination span {
	float: right;
	margin-left: 5px;
}
.pagination a {
	color: #fff;
}
.pagination .current, .pagination a:hover, .pagination button:hover {
    background: #469b22;
    color: #fff;
}
.pagination a, .pagination button {
	background: #69b418;
}
.archive-ad {
	margin: 1rem 0;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area p {
	text-indent: 0;
	word-wrap: break-word;
}
.comment-form, .comment-form label {
	font-size: 1rem;
}
.comment-content a {
	word-wrap: break-word;
}
.comment-list {
	list-style: none;
	margin: 0;
}
.comment-list ul {
	list-style: none;
	margin-right: 2.5rem;
}
.comment-author {
	font-family: 'Markazi Text', serif;
	font-size: 0.9rem;
	font-weight: bold;
	color: #69b418;
}
.comment-author a {
	color: #69b418;
}
.comment-metadata {
	font-family: 'Markazi Text', serif;
    font-size: 0.7rem;
	margin-bottom: 10px;
}
.reply {
    float: left;
	font-family: 'Markazi Text', serif;
    font-size: 0.9rem;
    position: relative;
    bottom: 25px;
}
.comment-reply-title {
	position: relative;
	color: #69b418;
}
.comment-reply-title small {
	font-size: 0.8rem;
}
.comment-reply-title small a {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	line-height: 1rem;
	padding: 5px 10px;
	background: #69b418;
}
.comment-body {
	margin-bottom: 15px;
	border-bottom: 1px dashed #87cf0f;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
figure {
	margin: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
/* Fix Sharethis iframe horizontal scroll bar always displayed */
iframe#st_gdpr_iframe {
	display: none;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	position: relative;
	margin-bottom: 1.5rem;
	max-width: 100%;
}

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

.wp-caption .wp-caption-text {
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
	padding: 5px;
	margin: 0;
	background: rgba(0, 0, 0, 0.5);
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5rem;
}

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

.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;
}
/* Fix last Gallery element float */
.content-area .column:last-child:not(:first-child) {
	float: right;
}
/*--------------------------------------------------------------
# Custom CSS
--------------------------------------------------------------*/
/* WP-Filebase Style */
.wpfilebase-attachment {
	padding: 1rem 0;
	margin-bottom: 1rem;
	border: solid 3px #69b418;
}
.wpfb-ad {
	margin: 1rem auto;
}
/* Fix last Grid Block element float */
.large-up-3>.column:last-child, .large-up-3>.columns:last-child {
	float: right;
}
/* Fix contact form "ltr" */
.wpcf7 {
	direction: rtl;
}
/* Fix hotels form z-index */
#secondary .hcsb_container {
	z-index: 0;
}
/* Social Share Button */
.social-share {
	text-align: center;
	margin: 1rem auto;
}
.resp-sharing-button__link,
.resp-sharing-button__icon {
	display: inline-block
}
.resp-sharing-button__link {
	  text-decoration: none;
	  color: #fff;
	  margin: 0.5em
}
.resp-sharing-button {
	width: 55px;
	transition: 25ms ease-out;
	padding: 0.5em 0.75em;
}
.resp-sharing-button__icon svg {
	width: 1em;
	height: 1em;
	margin-right: 0.4em;
	vertical-align: top
}
.resp-sharing-button--small svg {
	margin: 0;
	vertical-align: middle
}
/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}
/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}
.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}
.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}
.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}
.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}
.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}
.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}
.resp-sharing-button--whatsapp {
  background-color: #25D366;
  border-color: #25D366;
}
.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
  background-color: #1DA851;
  border-color: #1DA851;
}
.resp-sharing-button--telegram {
  background-color: #54A9EB;
}
.resp-sharing-button--telegram:hover {
  background-color: #4B97D1;}


/*--------------------------------------------------------------
# Custom Media Queries
--------------------------------------------------------------*/
/* Small only */
@media screen and (max-width: 24em) {
	.page-links span.current-page {
		display: none;
	}
}
@media screen and (max-width: 39.9375em) {
	.search-btn {
		top: 8px;
		left: 20px;
	}
	.top-section ul li.first a {
		margin-left: 0;
	}
	.archive h2,
	.category h2,
	.search h2 {
		font-size: 1rem;
	}
	.site-info span {
		text-align: center;
	}
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.search-btn {
		top: 8px;
		left: 25px;
	}
	.site-branding a {
		background: url('images/header.png') no-repeat center center;
	}
	.header-ad {
		text-align: center;
	}
	.top-section .secondary {
		padding-left: 0.5rem;
	}
}

/* Small and Medium only */
@media screen and (max-width: 63.9375em) {
	.mobile-logo a {
		font-size: 1.9em;
		line-height: 1;
		font-weight: 600;
		color: #fff;
	}
	.mobile-bar {
		color: #fff;
		padding: 5px;
		margin-bottom: 0.6em;
		background: #69b418;
	}
/*!
 * mburger CSS v1.3.3
 * mmenujs.com/mburger
 *
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-4.0
 * http://creativecommons.org/licenses/by/4.0/
*/:root{--mb-button-size:35px;--mb-bar-width:0.8;--mb-bar-height:3px;--mb-bar-spacing:8px;--mb-animate-timeout:0.4s}.mburger{background:0 0;border:none;border-radius:0;color:inherit;display:inline-block;position:relative;box-sizing:border-box;height:var(--mb-button-size);padding:0 0 0 var(--mb-button-size);margin:0;line-height:var(--mb-button-size);vertical-align:middle;appearance:none;outline:0;cursor:pointer}.mburger b{display:block;position:absolute;left:calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2));width:calc(var(--mb-button-size) * var(--mb-bar-width));height:var(--mb-bar-height);border-radius:calc(var(--mb-bar-height)/ 2);background:currentColor;color:inherit;opacity:1}.mburger b:nth-of-type(1){bottom:calc(50% + var(--mb-bar-spacing));transition:bottom .2s ease,transform .2s ease,width .2s ease}.mburger b:nth-of-type(2){top:calc(50% - (var(--mb-bar-height)/ 2));transition:opacity .2s ease}.mburger b:nth-of-type(3){top:calc(50% + var(--mb-bar-spacing));transition:top .2s ease,transform .2s ease,width .2s ease}.mm-wrapper_opened .mburger b:nth-of-type(1){bottom:calc(50% - (var(--mb-bar-height)/ 2));transform:rotate(45deg)}.mm-wrapper_opened .mburger b:nth-of-type(2){opacity:0}.mm-wrapper_opened .mburger b:nth-of-type(3){top:calc(50% - (var(--mb-bar-height)/ 2));transform:rotate(-45deg)}.mburger--collapse b:nth-of-type(1){transition:bottom .2s ease,margin .2s ease,transform .2s ease;transition-delay:.2s,0s,0s}.mburger--collapse b:nth-of-type(2){transition:top .2s ease,opacity 0s ease;transition-delay:.3s,.3s}.mburger--collapse b:nth-of-type(3){transition:top .2s ease,transform .2s ease}.mm-wrapper_opened .mburger--collapse b:nth-of-type(1){bottom:calc(50% - var(--mb-bar-spacing) - var(--mb-bar-height));margin-bottom:calc(var(--mb-bar-spacing) + (var(--mb-bar-height)/ 2));transform:rotate(45deg);transition-delay:calc(var(--mb-animate-timeout) + .1s),calc(var(--mb-animate-timeout) + .3s),calc(var(--mb-animate-timeout) + .3s)}.mm-wrapper_opened .mburger--collapse b:nth-of-type(2){top:calc(50% + var(--mb-bar-spacing));opacity:0;transition-delay:calc(var(--mb-animate-timeout) + 0s),calc(var(--mb-animate-timeout) + .2s)}.mm-wrapper_opened .mburger--collapse b:nth-of-type(3){top:calc(50% - (var(--mb-bar-height)/ 2));transform:rotate(-45deg);transition-delay:calc(var(--mb-animate-timeout) + .3s),calc(var(--mb-animate-timeout) + .3s)}.mburger--spin b:nth-of-type(1){transition-delay:.2s,0s}.mburger--spin b:nth-of-type(2){transition-duration:0s;transition-delay:.2s}.mburger--spin b:nth-of-type(3){transition-delay:.2s,0s}.mm-wrapper_opened .mburger--spin b:nth-of-type(1){transform:rotate(135deg);transition-delay:calc(var(--mb-animate-timeout) + 0s),calc(var(--mb-animate-timeout) + .2s)}.mm-wrapper_opened .mburger--spin b:nth-of-type(2){transition-delay:calc(var(--mb-animate-timeout) + 0s)}.mm-wrapper_opened .mburger--spin b:nth-of-type(3){transform:rotate(225deg);transition-delay:calc(var(--mb-animate-timeout) + 0s),calc(var(--mb-animate-timeout) + .2s)}.mburger--squeeze b:nth-of-type(1){transition-delay:.1s,0s}.mburger--squeeze b:nth-of-type(2){transition-delay:.1s}.mburger--squeeze b:nth-of-type(3){transition-delay:.1s,0s}.mm-wrapper_opened .mburger--squeeze b:nth-of-type(1){transition-delay:calc(var(--mb-animate-timeout) + 0s),calc(var(--mb-animate-timeout) + .1s)}.mm-wrapper_opened .mburger--squeeze b:nth-of-type(2){transition-delay:calc(var(--mb-animate-timeout) + 0s)}.mm-wrapper_opened .mburger--squeeze b:nth-of-type(3){transition-delay:calc(var(--mb-animate-timeout) + 0s),calc(var(--mb-animate-timeout) + .1s)}.mburger--tornado b:nth-of-type(1){transition:bottom .2s ease,transform .2s ease;transition-delay:.2s}.mburger--tornado b:nth-of-type(2){transition:opacity 0s ease,transform .2s ease;transition-delay:.1s,.1s}.mburger--tornado b:nth-of-type(3){transition:top .2s ease,transform .2s ease;transition-delay:0s}.mm-wrapper_opened .mburger--tornado b:nth-of-type(1){transform:rotate(-135deg);transition-delay:calc(var(--mb-animate-timeout) + 0s)}.mm-wrapper_opened .mburger--tornado b:nth-of-type(2){opacity:0;transform:rotate(-135deg);transition-delay:calc(var(--mb-animate-timeout) + .4s),calc(var(--mb-animate-timeout) + .1s)}.mm-wrapper_opened .mburger--tornado b:nth-of-type(3){transform:rotate(-225deg);transition-delay:calc(var(--mb-animate-timeout) + .2s)}
.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {font-size: 1.3rem}

/*!
 * mhead.js
 * mmenu.frebsite.nl/mhead-plugin
 *
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-4.0
 * http://creativecommons.org/licenses/by/4.0/
 */.mh-sticky{position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mh-sticky.mh-unpinned{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
/* Large and up */
@media screen and (min-width: 64em) {
	.top-section .primary,
	.top-section .secondary,
	.top-section .teacher,
	.top-section .innovation {
		padding-left: .9375rem;
	}
	.social-networks li:last-child:nth-child(odd) {
	padding-left: .9375rem;
	}
	
/*************************
Superfish Styles
*************************/
	.sf-menu, .sf-menu * {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.sf-menu li {
		position: relative;
	}
	.sf-menu ul {
		position: absolute;
		display: none;
		top: 100%;
		right: 0;
		z-index: 99;
	}
	.sf-menu > li {
		float: right;
	}
	.sf-menu li:hover > ul,
	.sf-menu li.sfHover > ul {
		display: block;
	}

	.sf-menu a {
		display: block;
		position: relative;
	}
	.sf-menu ul ul {
		top: 0;
		right: 100%;
	}

	.sf-menu {
		float: right;
	}
	.sf-menu ul {
		box-shadow: -2px 2px 6px rgba(0,0,0,.2);
		min-width: 100%; /* allow long menu items to determine submenu width */
		*width: 10em; /* no auto sub width for IE7, see white-space comment below */
	}
	.sf-menu a {
		color: #fff;
		text-decoration: none;
		border-right: 1px solid rgba(255, 255, 255, 0.5);
		padding: .6em;
		zoom: 1; /* IE7 */
	}
	.sf-menu a:hover {
		color: #333;
	}
	.sf-menu li {
		white-space: nowrap; /* no need for Supersubs plugin */
		*white-space: normal; /* ...unless you support IE7 (let it wrap) */
		-webkit-transition: background .2s;
		transition: background .2s;
	}
	.sf-menu ul li, .sf-menu ul ul li {
		border-top: 1px solid rgba(255, 255, 255, 0.3);
		background: #469b21;
	}
	.sf-menu li:hover,
	.sf-menu li.sfHover {
		background: #469b21;
		/* only transition out, not in */
		-webkit-transition: none;
		transition: none;
	}

	/*** arrows (for all except IE7) **/
	.sf-arrows .sf-with-ul {
		padding-left: 2.5em;
		*padding-left: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
	}
	/* styling for both css and generated arrows */
	.sf-arrows .sf-with-ul:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 0.5em;
		margin-top: -3px;
		height: 0;
		width: 0;
		/* order of following 3 rules important for fallbacks to work */
		border: 5px solid transparent;
		border-top-color: #fff;
	}
	.sf-arrows > li > .sf-with-ul:focus:after,
	.sf-arrows > li:hover > .sf-with-ul:after,
	.sf-arrows > .sfHover > .sf-with-ul:after {
		border-top-color: white; /* IE8 fallback colour */
	}
	/* styling for right-facing arrows */
	.sf-arrows ul .sf-with-ul:after {
		margin-top: -5px;
		margin-left: -3px;
		border-color: transparent;
		border-right-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
		border-right-color: rgba(255,255,255,.5);
	}
	.sf-arrows ul li > .sf-with-ul:focus:after,
	.sf-arrows ul li:hover > .sf-with-ul:after,
	.sf-arrows ul .sfHover > .sf-with-ul:after {
		border-right-color: white;
	}
}