/*
Theme Name: Sciencex Lite
Theme URI: https://wpmanageninja.com/downloads/sciencex-multipurpose-researcher-professor-education-wordpress-theme/
Author: WpManageNinja
Author URI: https://wpmanageninja.com/
Description: ScienceX Lite is an Education WordPress Theme specially curated for Profefssors and Research groups websites. Although, there are numerous WordPress themes available for education websites, any of them hardly fulfill the requirements a Professor or researchers personalized website. That's where ScienceX comes in. Experience gathered from working on several Professors and research groups website is what fueled this theme. Like every other websites, a research groups's website requires certain sections and functionalities. But unfortunately, most of the existing WordPress themes fail to meet those. That's why we developed ScienceX to fill that vacuum. A Premium version of this theme is available with unique features like Featured Projects, Publications Highlights, Education Timeline, Professional Appointments, Publications-Books-Journals index variants, Indexing by year, Book shop page, New Student Application pages etc. Check out the Pro version here: https://wpmanageninja.com/downloads/sciencex-multipurpose-researcher-professor-education-wordpress-theme/
Version: 1.0.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sciencex-lite
Tags: custom-background, custom-colors, custom-header, custom-menu, custom-logo, E-Commerce, Education, featured-images, full-width-template, one-column, right-sidebar, sticky-post, theme-options, translation-ready, two-columns, blog
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
	
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a:active,
a:hover {
	outline: 0;
}
p{
	overflow: hidden;
}
abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #183c55;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-size: 14px;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

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

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}


table {
    width: 100%;
    max-width: 100%;
    border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    border-collapse: collapse;
	border-spacing: 0;
}
table > caption{
  color: #252525;
  font-weight: 700;
  padding-top: 0;
}
td#today,
td#prev,
td#next{
    font-weight: 700;
    color: #36a4de;
}
td#today a,
tr td#prev a{
 color: #36a4de;
 font-weight: 700;
}
table th{
  border-right: 1px solid #dbdbdb;
  padding: 8px 0;
  text-align: center;
}
table tr,
table td {
    border-right: 1px solid #dbdbdb;
    padding: 8px 0;
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    text-align: center;
}
table tr a,
table td a{
	font-weight: 700;
}
table td#prev{
  text-align: left;
  padding-left: 8px;
}
table td#next{
  text-align: right;
  padding-right: 8px;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
button,
input,
select,
optgroup,
textarea {
	color: #183c55;
	font-family: "Slabo 27px", sans-serif;
	font-size: 14px;
	line-height: 1.788;
	padding: 10px;
}

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

blockquote {
	margin: 20px 15px;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

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

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

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

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: #eef2f5;
}

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

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

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

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


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #36a4de;
  border-radius: 3px;
  background: #36a4de;
  color: rgba(0, 0, 0, .8);
  font-size: 14px;
  line-height: 1;
  padding: 12px 30px;
  font-weight: 400;
  text-transform: capitalize;
  color: #fff;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #2f94ca;
  background: #2f94ca;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #2f94ca;
  background: #2f94ca;
  color: #fff;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
  color: #666;
  border: 1px solid #e9ebed;
  border-radius: 3px;
  padding: 10px;
  height: 40px;
}

select {
  border: 1px solid #e9ebed;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #183c55;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  font-weight: 700;
  color: #36a4de;
  text-decoration: none; }

a:hover,
a:focus,
a:active {
	color: #286090;
    text-decoration: none;
}

a:focus {
	outline: none;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

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

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

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

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

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

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

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

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

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

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 30px 0 0;
	overflow: hidden;
}
.blog-post-video {
    margin: 20px 0;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
}

/*--------------------------------------------------------------
# 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;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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.5em;
}

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

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

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


.page-links {
    clear: both;
    margin: 20px 0 0;
    display: block;
}

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

.bypostauthor {
	display: block;
}

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

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

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

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

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

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

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
	font-weight: 400;
	color: #666;
}

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

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

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

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

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

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

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

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

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

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

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

.gallery-caption {
  display: block;
}




.quisommenousContainer
{
	margin-top:20px;
}

.quisommenousContainer div
{
	border-radius: 18px;
	 background-color: #f9f9f9;
}

.quisommenousContainer p, .quisommenousContainer h2
{

	padding: 8px;
}

.quisommenousContainer img
{
	width:100%;
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
}


.quisommenousContainer figure img
{
	width:100%;
 
}

.icon-list .item:before {
    margin-right: 12px;
    font-family: fontawesome;
    content: "\f249";
}

.paper_cut {
    background: #EDF2F6;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    margin: 26px auto 0;
    min-height: 300px;
    padding: 55px 50px 40px;
    position: relative;
    margin-bottom: 50px;
    width: 90%;
    transition: all .5s;
}

@media (max-width: 530px) {
    .paper_cut {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.paper_cut:before, .paper_cut:after {
    content: "";
    height: 98%;
    position: absolute;
    width: 100%;
    z-index: -1;
    transition: all .2s;
}

.paper_cut:before {
    background: #EDF2F6;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    left: -5px;
    top: 4px;
    transform: rotate(-2.5deg);
}

.paper_cut:hover:before {
    transform: rotate(-2deg);
}

.paper_cut:hover:after {
    transform: rotate(2deg);
}

.paper_cut:after {
    background: #EDF2F6;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    right: -3px;
    top: 1px;
    transform: rotate(2.5deg);
}

.funFactContainer {
	background: transparent url('assets/img/fun-fact-bg.jpg') center center/cover no-repeat scroll;

	padding-top: 80px;
	padding-bottom: 80px;
	border-radius: 6px 6px 6px 6px;
	position: relative;
}


.brand_quickfact-count_value {
    color: #fff;
    font-size: 27px;
    font-size: 1.92857rem;
    font-family: "Mina";
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    margin-top: 15px;
}

.brand_quickfact-label {
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    font-family: "Mina";
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 3px;
}


.newDownloadBox
{
	border:white 5px solid;
	padding:10px;margin:10px;
	background-color: white;
}

.newDownloadBox {
	position: relative; /* set position to relative to enable absolute positioning of overlay */
	transition: all 0.5s ease 0s;
  }
  
.newDownloadBox:hover {
	border: 5px solid #36a4de; /* replace "black" with your desired border color */
	background-color: white;
  }
  
.newDownloadBox:hover::before {
	content: ""; /* create a pseudo-element for the overlay */
	position: absolute; /* set position to absolute to cover the entire div */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.7); /* set white with 30% opacity */
}

.rightSideDlSection
{
	background-color: #fff;
    padding: 50px 30px;
    margin-bottom: 30px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 7px 15px 0px rgba(0, 56, 129, 0.09);
    box-shadow: 0px 7px 15px 0px rgba(0, 56, 129, 0.09);
}

.roundedBordersForImgChild img
{ 
    border-radius: 10px; 
}

.roundedBordersImg
{ 
    border-radius: 10px; 
	box-shadow: 0px 7px 15px 0px rgb(0 56 129 / 9%);
}


ul.product_list_widget {
    list-style: none outside;
    padding: 0;
    margin: 0;
}

ul.cart_list li, ul.product_list_widget li {
    padding: 8px 0;
    margin: 0;
    list-style: none;
}

ul.product_list_widget li a {
    display: block;
    font-weight: 700;
}

ul.product_list_widget li img {
    float: left;
    margin-left: 0;
    margin-right: 15px;
    width: 62px;
}

.rightSideDlSection
{
	margin-top:10px;
}

.sabbi-events-item .events-item-meta {
    color: #183c55;
    overflow: hidden;
}

.sabbi-events-item .events-item-meta .events-loc {
    display: inline-block;
    padding-right: 25px;
}

.sabbi-events-item .events-item-meta .events-date {
    min-width: 170px;
    display: inline-block;
}

.img-responsive
{
    display: block;
    max-width: 100%;
    height: auto;
}



.revueList article.post {
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0px 7px 15px 0px rgba(0, 56, 129, 0.09);
    box-shadow: 0px 7px 15px 0px rgba(0, 56, 129, 0.09);
    margin-bottom: 30px;
    padding-bottom: 50px;
}


.revueList article.post.has-post-thumbnail .post-image .entry-meta {
    position: absolute;
    bottom: -20px;
    padding: 0 35px;
    width: 100%;
}

.revueList article.post.has-post-thumbnail .post-image .entry-meta ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

 
.revueList article.post.has-post-thumbnail .post-image .entry-meta ul li {
    font-family: "Mina", sans-serif;
    background-color: #fff;
    padding: 10px 20px 8px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 5px;
    margin-right: 15px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.11);
    font-size: 14px;
    font-weight: 700;
    border: 1px solid rgba(0, 0, 0, 0.11);
    color: #36a4de;
}

.revueList article.post.has-post-thumbnail .post-image figure {
    margin: 0;
}

.revueList article.post.has-post-thumbnail .post-image {
    position: relative;
}

.revueList article.post.has-post-thumbnail .post-image figure img {
    border-radius: 10px 10px 0 0;
}

.revueList article.post .entry-header h2.entry-title {
    margin-top: 0;
    margin-bottom: 0;
}

.revueList article.post.has-post-thumbnail h2 a {
    margin-top: 60px;
}

.revueList article.post .entry-header h2 a {
    font-size: 23px;
    color: #183c55;
    margin: 40px 0 0;
    display: inline-block;
    overflow: hidden;
    padding: 0 35px;
}

.revueList article.post .entry-content {
    padding: 0 35px;
    margin-top: 10px;
}

.revueList article.post .entry-content p {
    font-size: 16px;
    color: #183c55;
    margin-bottom: 40px;
}

.revueList article.post .entry-content .blog-cat {
    font-size: 14px;
    font-family: "Mina", sans-serif;
    font-weight: 700;
    display: inline-block;
}

.revueList article.post .entry-content a.read-more {
    color: #35a6e0;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    float: right;
    display: inline-block;
    border-bottom: 2px solid #cce9f7;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}


.logo
{
	padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.roundedBoxWhiteBG
{
	border-radius: 8px;
	background-color: white;
	padding:10px;
}

.standartShadowBoxAllSite, .iframeHolder iframe
{
	border: solid 5px white;
    /* box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; */
    border-radius: 10px;
    /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);

}

.wp-block-button__link {
    color: #fff;
    background-color: #36a4de;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em;
}