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

albostane 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-size: 1rem;
	color: #fff;
	margin-bottom: 15px;
	border-bottom: solid 3px #329af0;
	overflow: hidden;
}
.block-title>span, .widget-title span {
	display: inline-block;
	color: #fff;
	padding: 5px 10px;
	background: #329af0;
}
.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 {
	color: #000000;
}

/* Top Bar */
.top-bar {
	background-color: #329af0;
}
.site-header .top-menu {
	list-style: none;
	font-size: 13px;
	font-family: Tahoma, Times, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.site-header .top-menu li a {
	float: right;
	line-height: 1;
	color: #fff;
	padding: 7px 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 #339bf0;
	box-shadow: none;
}
.top-search .button {
	padding: 0.4rem 1rem;
}
/* Logo and ad */
.site-header {
	background: #fff;
	margin-top: .625rem;
}
.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 center 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 {
	color: #fff;
	padding: 0.5rem 1rem;
	margin: 0;
}
.top-section .primary h4 {
	background-color: #74b816;
}
.top-section .secondary h4 {
	background-color: #f3862f;
}
.top-section .college h4 {
	background-color: #7950f2;
}
.top-section .teacher h4 {
	background-color: #1098ad;
}
.top-section .innovation h4 {
	background-color: #c200f8;
}
.top-section .opinion h4 {
	background-color: #fa5252;
}
.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;
	padding: 0.2rem 1rem;
	margin-top: 0.6rem;
	background-color: #d6e3ff;
}
.top-section ul li.first a {
	margin-left: 0.5rem;
}
.top-section ul li.second a {
	margin-right: 0.25rem;
}
.top-section ul li a:hover {
	color: #fff;
	background-color: #329af0;
}
.top-section .innovation ul {
	list-style-type: square;
	padding-right: 20px;
	margin-right: 0;
	color: #454545;
}
.top-section .innovation ul li a {
	padding: 1px 0;
	margin: 0;
	background-color: transparent;
}
.top-section .innovation ul li a:hover {
	color: #329af0;
	background-color: transparent;
}
/* Latest videos (home) */
.front-videos ul {
	margin: 0;
	overflow: hidden;
}
.front-videos ul li {
	padding-bottom: 1rem;
}
.front-videos li h3 {
	margin: 0;
}
/* Grid posts */
.post-item {
	position: relative;
}
.post-item h3 a {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 0.9rem;
	color: #fff;
	width: 100%;
	padding: 30px 10px 10px;
	margin: 0;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.9)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
	/* IE6-9 */
}
.post-item:hover h3 a {
	background: -moz-linear-gradient(top, rgba(73, 154, 46, 0) 0%, rgba(73, 154, 46, 0.7) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(73, 154, 46, 0)), color-stop(100%, rgba(73, 154, 46, 0.7)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(73, 154, 46, 0) 0%, rgba(73, 154, 46, 0.7) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(73, 154, 46, 0) 0%, rgba(73, 154, 46, 0.7) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(73, 154, 46, 0) 0%, rgba(73, 154, 46, 0.7) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(73, 154, 46, 0) 0%, rgba(73, 154, 46, 0.7) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
	/* IE6-9 */
}
/* Footer */
.site-info {
    font-family: tahoma, times, sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #329af0;
	padding: 5px 0;
	border-top: solid 1px #329af0;
	overflow: hidden;
}
.site-info a {
	color: #329af0;
}
.site-info a:hover {
	color: #333;
}
.site-info .copyright {
	padding: 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: #329af0;
	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: Arial, Times, serif;
	text-align: justify;
	font-size: 16px;
	font-weight: bold;
}
.button {
	color: #fff;
	font-family: Arial, Times, serif;
	text-align: justify;
	background-color: #329af0;
}
.button:focus, .button:hover {
	background-color: #10cd23;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Arial, Times, serif;
	font-weight: bold;
}
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 1rem;
}
h1 {
	font-size: 1.7rem;
}
h2 {
	font-size: 1.7rem;
}
h3 {
	font-size: 1.4rem;
}
h4, h5, h6 {
	font-size: 1.2rem;
}
dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5rem;
}

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. */
}

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

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5rem;
}
dl, ol, p, ul {
	line-height: 2;
}
ul {
	list-style-type: none;
}
ol {
	list-style: decimal;
}
dl, ol, ul {
	margin-right: 1rem;
	font-size: 1rem;
}
ul ul {
	list-style: disc;
}
ul ul ul {
	list-style: circle;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-right: 1.5rem;
}
dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5rem 1.5rem;
}

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

table {
	font-size: 1rem;
	margin: 0 0 1.5rem;
	width: 100%;
}
tfoot, thead {
	font-family: Arial, Times, serif;
	font-size: 1.3rem;
	background-color: #d6e3ff;
	border: 1px solid #d6e3ff;
}
tfoot td, tfoot th, thead td, thead th {
	font-weight: bold;
}
tbody {
	border: 1px solid #d6e3ff;
}
tbody tr {
	border-bottom: 1px solid #d6e3ff;
}
tbody tr:nth-child(even) {
	background-color: #fff;
}
tbody td, tbody th {
    padding: 0.3rem .5rem;
}
table td.download-icon a {
    font-size: 1.5rem;
    color: #666;
}
table td.download-icon a:hover {
    color: #329af0;
}

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

a:hover {
	color: #329af0;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-menu {
	position: relative;
	margin-bottom: 1rem;
	background: #329af0;
}
.main-menu .menu, .main-menu .menu a {
	font-family: Arial, Times, serif;
	font-size: 1rem;
}
.main-menu .menu>li:not(.menu-text)>a {
	color: #fff;
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
}
.menu>li:not(.menu-text)>a {
    padding-left: 1.5rem;
}
/*
.main-menu .menu li.menu-item-home a {
	font-size: 1.9rem;
	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: #107fd9;
}
.sf-arrows .sf-with-ul {
    padding-left: 1.5rem;
}
#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_albostane-recent-video {
	margin: 0;
}
.widget ul li {
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	border-bottom: 1px dashed #d6e3ff;
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
.widget_albostane-recent-posts .widget-title {
	margin-bottom: 10px;
}
.widget_albostane-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: 1rem;
}
.entry-content p a, .entry-content ul a, .entry-content ol a {
	color: #78b400;
}
.entry-content a:hover {
	color: #329af0;
}
.single h2, .page h2 {
	color: #329af0;
}
.entry-content>ul {
	list-style-type: square;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1rem 0 0;
}
.entry-meta {
	font-family: Tahoma, Times, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin-top: 1.1rem;
}
span.posted-on, span.cat-links {
	margin-left: 1rem;
}
.post-views {
    display: inline-block;
}
.page-links {
	clear: both;
	margin: 0 0 1.5rem;
}
/* Edit link */
a.post-edit-link {
	display: inline-block;
	font-size: 1rem;
	color: #fff;
	text-align: center;
	padding: 3px 10px;
	margin-top: 1rem;
	background: #ff1f1f;
}
a:hover.post-edit-link {
	color: #fefefe;
	background: #78b400;
}
/* Related Posts */
.crp_related ul {
	list-style: square;
	color: #78b400;
}
.crp_related ul li {
	padding: 2px 0;
}
/* Sitemap */
.sitemap ul li a {
	line-height: 2.1rem;
}

/*--------------------------------------------------------------
## Posts Archive
--------------------------------------------------------------*/
.archive h2, .category h2, .search h2 {
	font-size: 1.2rem;
}
.subcategories {
    padding: 0.5rem 1rem 0;
	margin-bottom: 1rem;
    border: solid 3px #329af0;
}
.subcategories p {
	font-size: 1rem;
}
.subcategories ul {
	margin-top: 1rem;
	margin-bottom: 0;
}
.subcategories ul li a {
	display: block;
	padding: 5px;
	margin-bottom: 1rem;
	background-color: #d6e3ff;
}
.subcategories ul li a:hover {
	color: #fff;
	background-color: #329af0;
}
.posts-info {
	padding: 0.5rem 1rem;
	background-color: #dbecff;
	border: 1px solid #99c9ff;
}
.archive-posts {
	margin: 0;
}
.archive-posts li {
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: 1px dashed #d6e3ff;
}
.archive .post-item img {
	width: 100%
}
.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: #107fd9;
    color: #fff;
}
.pagination a, .pagination button {
	background: #329af0;
}
.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: Arial, Times, serif;
	font-size: 0.9rem;
	color: #329af0;
}
.comment-author a {
	color: #329af0;
}
.comment-metadata {
	font-family: Tahoma, Times, serif;
    font-size: 0.7rem;
	margin-bottom: 10px;
}
.reply {
    float: left;
	font-family: Arial, Times, serif;
    font-size: 0.9rem;
    position: relative;
    bottom: 25px;
}
.comment-reply-title {
	position: relative;
	color: #329af0;
}
.comment-reply-title small {
	font-size: 0.8rem;
}
.comment-reply-title small a {
	position: absolute;
	left: 0;
	bottom: 0x;
	color: #fff;
	line-height: 1rem;
	padding: 5px 10px;
	background: #329af0;
}
.comment-body {
	margin-bottom: 15px;
	border-bottom: 1px dashed #ccc;
}
#wpdcom .ql-editor>* {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
}
#wpdcom .wpd-comment-date {
    font-size: 12px;
    font-family: tahoma, times, sans-serif;
    font-weight: 400;
}

/*--------------------------------------------------------------
# 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
--------------------------------------------------------------*/
/* Fix last Grid Block element float */
.large-up-3>.column:last-child, .large-up-3>.columns:last-child {
	float: right;
}
/* Social share buttons */
.social-share {
	margin: 1rem auto;
	overflow: hidden;
}
/* WP-Filebase Style */
.wpfilebase-attachment {
	padding: 1rem 0;
	margin-bottom: 1rem;
	border: solid 3px #329af0;
}
.wpfb-ad {
	margin: 1rem auto;
}
span.countdown {
	display: block;
	width: 150px;
	height: 150px;
	font-size: 1.5em;
	text-align: center;
	margin: 0 auto 1rem;
	padding: 30px;
	background: #b9e3b5;
	border-radius: 50%;
}
span#dl_countdown {
	display: block;
	font-size: 3rem;
	margin: -5px 0 -10px;
}
/* Fix contact form "ltr" */
.wpcf7 {
	direction: rtl;
}

/*--------------------------------------------------------------
# Custom Media Queries
--------------------------------------------------------------*/
/* Small only */
@media screen and (max-width: 39.9375em) {
	.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) {
	/*
	.site-branding a {
		background: url('images/header.png') no-repeat center center;
	}
	*/
	.header-ad {
		text-align: center;
	}
}
/* Medium and up */
@media screen and (min-width: 40em) {
	.top-section .innovation {
		padding-left: 0.5rem;
	}
}
/* 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;
	}
}