/*
Theme Name: ElenaPolo
Theme URI: #
Author: Vitaly Kruglov
Author URI: http://portfolio.vita-design.ca/
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: elenapolo

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

/**
 * Normalize
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */
img,legend{border:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-Ftext-size-adjust:100%}body,figure{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{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}select{text-transform:none}button{overflow:visible}button,input,select,textarea{max-width:100%}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default;opacity:.5}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:.4375em;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button,input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-outer-spin-button,input[type=time]::-webkit-inner-spin-button,input[type=time]::-webkit-outer-spin-button,input[type=datetime-local]::-webkit-inner-spin-button,input[type=datetime-local]::-webkit-outer-spin-button,input[type=week]::-webkit-inner-spin-button,input[type=week]::-webkit-outer-spin-button,input[type=month]::-webkit-inner-spin-button,input[type=month]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #d1d1d1;margin:0 0 1.75em;min-width:inherit;padding:.875em}fieldset>:last-child{margin-bottom:0}legend{padding:0}textarea{overflow:auto;vertical-align:top}

.clear:before, .clear:after, blockquote:before, blockquote:after, .entry-content:before, .entry-content:after, .entry-summary:before, .entry-summary:after, .comment-content:before, .comment-content:after, .site-content:before, .site-content:after, .site-main > article:before, .site-main > article:after, .primary-menu:before, .primary-menu:after, .social-links-menu:before, .social-links-menu:after, .textwidget:before, .textwidget:after {
	content: "";
	display: table;
}


.clear:after, blockquote:after, .entry-content:after, .entry-summary:after, .comment-content:after, .site-content:after, .site-main > article:after, .primary-menu:after, .social-links-menu:after, .textwidget:after, .clear {
	clear: both;
}

.hidden {
	display: none;
}

/**
 * Genericons
 */
.bypostauthor>article .fn:after,.comment-reply-title small a:before,.dropdown-toggle:after,.menu-item-has-children a:after,.pagination .nav-links:after,.pagination .nav-links:before,.pagination .next:before,.pagination .prev:before,.search-submit:before,.social-navigation a:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-family:Genericons;font-size:16px;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-align:center;text-decoration:inherit;text-transform:none;vertical-align:top}


/**
 * Typography
 */
body, button, input, select, textarea {
	color: #333333;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.3;
}
h2 {
	color: #255e83;
	font-size: 24px;
	font-family: Lora, "Helvetica Neue", sans-serif;
	letter-spacing: 0.2px;
	
}

/*
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: 700;
	margin: 0;
	text-rendering: optimizeLegibility;
}
*/
p {
	margin: 0 0 1em;
	letter-spacing: 0.01rem;
	line-height: 1.6;
    font-size: 1rem;
	font-weight: 400;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	border: 0 solid #1a1a1a;
	border-left-width: 4px;
	color: #686868;
	font-size: 19px;
	font-size: 1.1875rem;
	font-style: italic;
	line-height: 1.4736842105;
	margin: 0 0 1.4736842105em;
	overflow: hidden;
	padding: 0 0 0 1.263157895em;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote p {
	margin-bottom: 1.4736842105em;
}
blockquote cite, blockquote small {
	color: #1a1a1a;
	display: block;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}
blockquote cite:before, blockquote small:before {
	content: "\2014\00a0";
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote strong, blockquote b {
	font-weight: 400;
}
blockquote > :last-child {
	margin-bottom: 0;
}
address {
	font-style: italic;
	margin: 0 0 1.75em;
}
code, kbd, tt, var, samp, pre {
	font-family: Inconsolata, monospace;
}
pre {
	border: 1px solid #d1d1d1;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.3125;
	margin: 0 0 1.75em;
	max-width: 100%;
	overflow: auto;
	padding: 1.75em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
code {
	background-color: #d1d1d1;
	padding: 0.125em 0.25em;
}
abbr, acronym {
	border-bottom: 1px dotted #d1d1d1;
	cursor: help;
}
mark, ins {
	background: #255e83;
	color: #fff;
	padding: 0.125em 0.25em;
	text-decoration: none;
}
big {
	font-size: 125%;
}


/**
 * Elements
 */
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*,
*:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
hr {
	background-color: #d1d1d1;
	border: 0;
	height: 1px;
	margin: 0 0 1.75em;
}

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

li > ul, li > ol {
	margin-bottom: 0;
}
dl {
	margin: 0 0 1.75em;
}
dt {
	font-weight: 700;
}
dd {
	margin: 0 0 1.75em;
}
img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
	vertical-align: middle;
}
del {
	opacity: 0.8;
}
table, th, td {
	border: 1px solid #d1d1d1;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	/* Prevents HTML tables from becoming too wide */
	width: 100%;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}
td {
	border-width: 0 1px 1px 0;
}
th, td {
	padding: 0.4375em;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #686868;
	font-family: Lora, "Helvetica Neue", sans-serif;
}
:-moz-placeholder {
	color: #686868;
	font-family: Lora, "Helvetica Neue", sans-serif;
}
::-moz-placeholder {
	color: #686868;
	font-family: Lora, "Helvetica Neue", sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
	color: #686868;
	font-family: Lora, "Helvetica Neue", sans-serif;
}
a {
	color: #3d7092;
	outline:0;
	border:none;
	-moz-outline-style: none;
	text-decoration: underline;
}
a:hover,
a:focus,
a:active {
	color: #d070a8;
	outline:0;
	border:none;
	-moz-outline-style: none;
	text-decoration: underline;
}
a:focus {
	outline: 0;
}
a:hover,
a:active {
	outline: 0;
}
.clear {
	clear: both;
}
a.btn {
	background: #255e83;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    display: inline-block;
    font-size: 0.875rem;
}
a.btn-pink {
	background:#d070a8;
	color:#ffffff;
}
a:hover.btn-pink {
	background:#e67cba;
}


/*
	*Forms
*/
input {
	line-height: normal;
}
fieldset {
    border: none;
}
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 700;
	letter-spacing: 0.046875em;
	line-height: 1;
	padding: 0.84375em 2.875em 0.78125em;
	text-transform: uppercase;
	background-color: #908f8a;
	-moz-border-radius: 20px;    /* Mozilla */
    -webkit-border-radius: 20px; /* Webkit */
    border-radius: 20px;         /* W3C */
	outline: 0;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #255e83;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: thin dotted;
	outline-offset: -4px;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
.wppb-user-forms input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="checkbox"]) {
	background: #f7f7f7;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	color: #686868;
	padding: 0.625em 0.4375em;
	width: 100%;
}
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
.wppb-user-forms input:not([type="button"]):not([type="reset"]):not([type="submit"]):focus {
	background-color: #fff;
	border-color: #255e83;
	color: #1a1a1a;
	outline: 0;
}
audio:hover,
audio:focus,
audio:active {
	outline: none;
    border: none;
}

.post-password-form {
	margin-bottom: 1.75em;
}
.post-password-form label {
	color: #686868;
	display: block;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 1.75em;
	text-transform: uppercase;
}
.post-password-form input[type="password"] {
	margin-top: 0.4375em;
}
.post-password-form > :last-child {
	margin-bottom: 0;
}
.search-form {
	position: relative;
}
input[type="search"].search-field {
	border-radius: 2px 0 0 2px;
	width: -webkit-calc(100% - 42px);
	width: calc(100% - 42px);
}
.search-submit:before {
	content: "\f400";
	font-size: 24px;
	left: 2px;
	line-height: 42px;
	position: relative;
	width: 40px;
}
.search-submit {
	border-radius: 0 2px 2px 0;
	bottom: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 42px;
}
.form {
	max-width: 460px;
	margin: 0 auto;
}
input[type="checkbox"] {
	height: 20px;
	position: relative;
	top: 6px;
}


/**
 * Common styles
 */
html, body {
    height: 100%;
    text-align: left;
    margin: 0;
    padding: 0;
	background: #f5f5f5;
}
header,
.container,
.site-info {
	max-width: 100%;
}
.container {
	margin: 0 auto;
    max-width: 1300px;
	padding: 20px 20px 0px 20px;
}
.content-area-left .fluid,
.content-area-right .fluid,
.sidebar {
	background: #ffffff;
	padding: 20px 25px 40px 25px;
	border-top: 5px solid #255e83;
	border-bottom: 5px solid #255e83;
	margin-bottom: 40px;
}


/*
	*Menus
*/
.site-header-menu {
	display: none;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	margin:1px 0;
	background: #eeeeee;
	min-height: 100px;
	border-bottom: 2px solid #ffffff;
}

.site-header-menu.toggled-on,
.no-js .site-header-menu {
	display: block;
}

.main-navigation {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 600;
	margin: 0 auto;
    max-width: 1300px;
    padding: 0 20px;
}
.site-footer .main-navigation {
	margin-bottom: 1.75em;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
}
.main-navigation ul li {
	float: left;
    width: 14.2857%;
    width: calc(100% / 7);
	position: relative;
}
.main-navigation a {
	display: block;
	position:relative;
    color: #3d7092;
    background-image: none;
	text-decoration: none;
    padding: 10px 0px;
	outline:0;
	line-height: 20px;
	min-height: 100px;
	z-index:0;
	font-size: 0.9375rem;
	-webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.main-navigation li.menu-item-550 span.sep {
	padding: 0px 0px 9px 10px;
	font-size: 14px
}
.main-navigation li span.sep {
	border-left: 1px solid #ffffff;
    height: 80px;
    display: block;
    padding: 0px 15px 9px 15px;
}
.main-navigation a:focus,
.main-navigation .current-menu-item a {
	color: #ffffff;
    background-color: #3d7092;
	margin: 0 !important;
}
.main-navigation li a:hover span.sep,
.main-navigation li a:focus span.sep,
.main-navigation .current-menu-item a span.sep {
	border: none;
	margin-left: 1px;
}
.main-navigation li a:hover {
	color: #ffffff;
	background: #3d7092;
	margin: 0 1px;
}
/*
.main-navigation li a:before {
  content: "";
  position: absolute;
  z-index:-1;
  top: 0;  left: 0;  right: 0;  bottom: 0;
  background: #3d7092;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform .5s ease-out;
}
.main-navigation li a:hover:before {
	transform: scaleX(1);
}
*/
.main-navigation .current-menu-item:after {
    content: ' ';
    width: 21px; 
    height: 12px;
	background: url(images/current-item.png);
	background-repeat: none;
	display: block;
	position: absolute;
	margin: 0 auto;
    left: 0;
    right: 0;
}
.main-navigation ul ul {
	display: none;
}
.main-navigation ul li ul li {
	float: none;
	width: 320px;
	border: none;
	text-align: left;
	text-transform: none;
	background-color: #e7f5fd;
	border-left: 1px solid #e0e5e2;
	border-right: 1px solid #e0e5e2;
	border-top: 1px solid #e0e5e2;
}
.main-navigation ul li ul li:last-child a {
	border:0;
}
.main-navigation ul li ul li a {
	text-align: left;
	text-transform: none;
	padding:10px 15px 10px 15px;
	font-size: 13px;
	line-height: 17px;
	font-weight: normal;
	border:0;
}
.main-navigation ul li ul li a:hover {
	background: #ffffff;
	border:0;
}
.no-js .main-navigation ul ul {
	display: block;
}

#menu-toggle.toggled-on {
	position: fixed;
	top: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	z-index: 1001;
}

#site-header-menu.toggled-on {
	position: fixed;
	z-index: 100;
	background: rgba(0,0,0,0.5);
	margin: 0;
	width: 100%;
	height: 100%;
}
#menu-toggle.toggled-on .close_btn {
	position: absolute; 
	top:3px;
	right: 5px;
	display: block;
	background:url('images/close-white.svg') no-repeat center center;
}
#site-header-menu.toggled-on {
	top:48px;
	position: fixed;
	z-index: 100;
	background: rgba(0,0,0,0.5);
	margin: 0;
	width: 100%;
	height: 100%;
}
#site-header-menu.toggled-on .primary-menu {
	margin-top: 50px;
	background:#f5f5f5;
}

#site-header-menu.toggled-on .main-navigation ul li {
	float: none;
	margin: 0 auto;
	width: 100%;
	border-bottom: 1px solid #e0e5e2;
	position: relative;
}
#site-header-menu.toggled-on .main-navigation ul li a {
	height: inherit;
	min-height: inherit;
	text-align: center;
}
#site-header-menu.toggled-on .main-navigation li span.sep {
	height: inherit;
	padding: 10px;
	border: none;
}
#site-header-menu.toggled-on .main-navigation .current-menu-item:after {
	display: none;	
}



#site-header-menu.toggled-on .main-navigation .menu-item-has-children > a {
	margin-right: 0;
}
.sub-menu.toggled-on,
.main-navigation ul .toggled-on button {
	display: block;
}

.main-navigation .primary-menu {
	border-bottom: 1px solid #d1d1d1;
}

.main-navigation .menu-item-has-children > a {
	margin-right: 56px;
}

.post-navigation {
	border-top: 4px solid #cdccc9;
	border-bottom: 4px solid #cdccc9;
	background: #eeedea;
	clear: both;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	margin: 0 7.6923% 3.5em;
	padding: 0 10px;
}

.post-navigation a {
	color: #1a1a1a;
	display: block;
	padding: 1.75em 0;
}

.post-navigation span {
	display: block;
}

.post-navigation .meta-nav {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 0.5384615385em;
	text-transform: uppercase;
}

.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
	color: #255e83;
}

.pagination:before,
.pagination:after {
	background-color: #1a1a1a;
	content: "";
	height: 52px;
	position: absolute;
	top:0;
	width: 52px;
	z-index: 0;
}

.pagination:before {
	right: 0;
}

.pagination:after {
	right: 54px;
}

.pagination a:hover,
.pagination a:focus {
	color: #1a1a1a;
}

.pagination .nav-links {
	padding-right: 106px;
	position: relative;
}
.nav-links .nav-previous,
.nav-links .nav-next {
	width: 50%;
	display: table-cell
}
.nav-links .nav-next {
	text-align: right;
}

.pagination .nav-links:before,
.pagination .nav-links:after {
	color: #fff;
	font-size: 32px;
	line-height: 51px;
	opacity: 0.3;
	position: absolute;
	width: 52px;
	z-index: 1;
}

.pagination .nav-links:before {
	content: "\f429";
	right: -1px;
}

.pagination .nav-links:after {
	content: "\f430";
	right: 55px;
}

/* reset screen-reader-text */
.pagination .current .screen-reader-text {
	position: static !important;
}

.pagination .page-numbers {
	display: none;
	letter-spacing: 0.013157895em;
	line-height: 1;
	margin: 0 0.7368421053em 0 -0.7368421053em;
	padding: 0.8157894737em 0.7368421053em 0.3947368421em;
	text-transform: uppercase;
}

.pagination .current {
	display: inline-block;
	font-weight: 700;
}

.pagination .prev,
.pagination .next {
	background-color: #1a1a1a;
	color: #fff;
	display: inline-block;
	height: 52px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 52px;
	z-index: 2;
}

.pagination .prev:before,
.pagination .next:before {
	font-size: 32px;
	height: 53px;
	line-height: 52px;
	position: relative;
	width: 53px;
}

.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
	background-color: #255e83;
	color: #fff;
}

.pagination .prev:focus,
.pagination .next:focus {
	outline: 0;
}

.pagination .prev {
	right: 54px;
}

.pagination .prev:before {
	content: "\f430";
	left: -1px;
	top: -1px;
}

.pagination .next {
	right: 0;
}

.pagination .next:before {
	content: "\f429";
	right: -1px;
	top: -1px;
}
.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty) {
	display: inline-block;
}

.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
}

/*
	Left Menu
*/
.sidebar ul.menu li {	
	max-width: 300px;
}
.sidebar ul.menu li a {
	position: relative;
	display:block;
	border: 1px solid #cfd3d3;
    padding:14px 15px 10px 15px;
	margin: 2px 0;
	text-decoration: none;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: 12px;
	font-size: 0.75rem;
}
.sidebar ul.menu li.current-menu-item a {
	background: #e8f5fd;
	color: #45494b;
}
.sidebar ul.menu li a:hover {
	background: #e8f5fd;
}
.sidebar ul.menu li.current-menu-item a:after,
.sidebar ul.menu li.current-menu-item a:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.sidebar ul.menu li.current-menu-item a:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #e8f5fd;
	border-width: 20px;
	margin-top: -20px;
}
.sidebar ul.menu li.current-menu-item a:before {
	border-color: rgba(207, 211, 211, 0);
	border-left-color: #cfd3d3;
	border-width: 21px;
	margin-top: -21px;
}

/*
	*Frontpage
*/
.col-4, .col-6, .col-8 {
	margin: 0 1%;
	float: left;
}
.col-4 {
	width: 33%;
}
.col-8 {
	width: 63%;
}
.col-6 {
	width: 48%;
}
.site-content.front.blue {
	background: #3d7092;
	padding: 60px 0 60px 0;
}
.site-content.front.blue h2 {
	font-family: Lora, "Helvetica Neue", sans-serif;
	color: #ebebec;
	font-size: 1.5rem;
	/*
	background: url('images/ruler.png') left bottom;
	*/
	background: url('images/chalk.png') left bottom;
	background-repeat: no-repeat;
	padding: 0 0 30px 0;
}
.site-content.front.blue a {
	color: #ffffff;
	text-decoration: underline;
}
.site-content.front.blue p {
	color: #ebebec;
	font-size:1rem;
}
.site-content.front.blue a.home-btn {
	border: 2px solid #ffffff;
    color: #3d7092;
	background: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 7px 25px 6px 25px;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    display: inline-block;
    font-size: 12px;
}
.site-content.front.blue a.home-btn .denim {
	margin: 0 10px 0 0;
}
.site-content.front.blue a:hover.home-btn {
	color: #ffffff;
	background: #3d7092;
}
.site-content.front.blue a:hover.home-btn .denim {
	color: #ffffff;
}
.legal-home {
	clear: both;
    padding: 40px 0 0 0;
    font-style: italic;
	text-align: center;
}
.legal-home p {
	max-width: 600px;
	margin: 0 auto;
}


.front-sidebar-widget {
    margin: 0 auto;
    max-width: 1300px;
    padding: 20px;
	text-align: center;
}
.front-sidebar-widget .widget_text {
	margin: 40px 15px 20px 15px;
	display: inline-block;
}
.front-sidebar-widget .custom_html-6,
.front-sidebar-widget .custom_html-9,
.front-sidebar-widget .custom_html-7,
.front-sidebar-widget .custom_html-10,
.front-sidebar-widget .custom_html-8,
.front-sidebar-widget .custom_html-11 {
	width: 400px;
	height: 250px;
}
.front-sidebar-widget .custom_html-6,
.front-sidebar-widget .custom_html-9 {
	margin-left: 0;
}
/*
.front-sidebar-widget .custom_html-7,
.front-sidebar-widget .custom_html-10 {
}
*/
.front-sidebar-widget .custom_html-8,
.front-sidebar-widget .custom_html-11 {	
	margin-right: 0;
}
.front-sidebar-widget .widget_text a {
	display: block;
	width: 400px;
    height: 250px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);
	text-align: center;
}
.front-sidebar-widget .widget_text a:hover {
	-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);
	-webkit-filter: brightness(1.1);
    -moz-filter: brightness(1.1);
    -ms-filter: brightness(1.1);
    filter: brightness(1.1);
}
.front-sidebar-widget .custom_html-6 a,
.front-sidebar-widget .custom_html-9 a {
	background: url('images/courses.png') no-repeat center center;
}
.front-sidebar-widget .custom_html-7 a {
	background: url('images/teaching-tools.jpg') no-repeat center center;
}
.front-sidebar-widget .custom_html-10 a {
	background: url('images/teaching-tools_fr.jpg') no-repeat center center;
}
.front-sidebar-widget .custom_html-8 a {
	background: url('images/games.png') no-repeat center center;
}
.front-sidebar-widget .custom_html-11 a {
	background: url('images/games_fr.jpg') no-repeat center center;
}
.front-sidebar-widget .widget_text a span.btn {
	border: 2px solid #ffffff;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 9px 40px 8px 40px;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    display: inline-block;
    font-size: 14px;
	margin-top: 192px;
}
.front-sidebar-widget .widget_text a:hover span.btn {
    background: #ffffff;
    color: #255e83;

}
.front-sidebar-widget .custom_html-6 a span.btn,
.front-sidebar-widget .custom_html-9 a span.btn{
	border: 2px solid #255e83;
    color: #255e83;
}
.front-sidebar-widget .custom_html-6 a:hover span.btn,
.front-sidebar-widget .custom_html-9 a:hover span.btn{
	background: #255e83;
    color: #ffffff;
}
.separator {
	margin: 30px 0;
}
.separator span {
	background: url('images/separator-1.png') no-repeat top center;
	width: 100%;
	height: 9px;
	float: left;
	margin-top: -5px;
}
.publications .thumbnail {
	float: left;
	-webkit-box-shadow: 0 10px 30px 5px rgba(34,30,31,0.2);
	box-shadow: 0 10px 30px 5px rgba(34,30,31,0.2);
	margin: 30px 30px 10px 25px;
}
.publications .thumbnail img {
	-webkit-box-shadow: 0 0 0 10px #f5f5f5;
	box-shadow: 0 0 0 10px #f5f5f5;
	
}.publications .content {
	margin-left: 150px;
}
.publications .content,
.bio .content {
	padding: 15px 0 0 0;
}

.biography .thumbnail,
.biographie .thumbnail,
.team-mates .thumbnail {
	float: left;
	margin: 20px 25px 30px 0;
}
.biography .thumbnail img,
.biographie .thumbnail img,
.team-mates .thumbnail img {
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 10px #f5f5f5;
	box-shadow: 0 0 0 10px #f5f5f5;
}
.team-mates .content {
	padding: 25px 0 0 0;
}
.team-mates .content h6 {
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	margin: 5px 0;
}
.team-mates .content p {
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
}
.upcoming a {
	color:#a3276f;
}
.read-more {
	white-space: nowrap;
}



/*
	*Contacts
*/

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 700;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
	font-family: "Open Sans", sans-serif;
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}

/*
	*Colours
*/
.fandango {
	color: #a3276f;
}
.denim {
	color: #3d7092;
}
.font-white {
	color: #ffffff;
}
/*
	*Alignments
*/
.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}
blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}
blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}
blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}

/*
	*Widgets - *Sidebars

.sidebar {
	margin-bottom: 3.5em;
	padding: 0 7.6923%;
}
.sidebar ul.sidebar-widget {
	padding: 0;
	margin: 10px 0 0 30px;
}
.sidebar-left ul.sidebar-widget {
	margin: 10px 30px 0 0; 
}
.sidebar ul li {
	list-style:none;
}
.sidebar ul li.widget {
	margin-bottom: 40px;
}
.widget-area > :last-child,
.widget > :last-child {
	margin-bottom: 0;
}
h2.widgettitle {
	font-family: Lora, "Helvetica Neue", sans-serif;
	font-size: 16px;
	font-size: 1rem;
	letter-spacing: 0.046875em;
	line-height: 1.3125;
	margin: 0 0 1.75em;
	text-transform: uppercase;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #cdccc9;
}
.widget .widget-title:empty {
	margin-bottom: 0;
}
.widget-title a {
	color: #1a1a1a;
}
*/

/* Recent Posts widget 
.widget_recent_entries .post-date {
	color: #686868;
	display: block;
	font-family: Lora, "Helvetica Neue", sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.615384615;
	margin-bottom: 0.538461538em;
}

.widget_recent_entries li:last-child .post-date {
	margin-bottom: 0;
}
*/


/*
	*Content
*/
.site-inner {
	margin: 0 auto;
	max-width: 1320px;
	position: relative;
}

.site-content {
	word-wrap: break-word;
}
.site-content.white {
	word-wrap: break-word;
	background-color: #fefdfb;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}
.site-main > :last-child {
	margin-bottom: 0;
}


/*
	*Header
*/
.header {
	background: #ffffff;
	height: 146px;
	margin: 0;
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
	border-bottom: 6px solid #255e83;
}
.top-nav {
	width: 100%;
	background: #eeeeee;
	color: #ffffff;
	text-align: right;
}
.top-menu {
	display: inline-block;
}
.top-nav li {
	display: inline-block;
	text-transform: uppercase;
	font-size: 13px;
	padding: 12px 10px 15px 10px;
}
.site-branding {
	margin: 0 auto;
	max-width: 1300px;
	padding: 0 20px;
	min-width: 0;
	overflow: hidden;
}
.logo {
    float: left;
    width: 165px;
    background-image: url('images/Elena-Polotskaia.svg');
    background-repeat: no-repeat;
    display: block;
    height: 65px;
    text-indent: -9999%;
    background-position: bottom;
    margin: 38px 0 0 0;
}
.logo a {
	display: block;
	width: 165px;
	height: 65px;
	outline: 0;
}
.site-branding .separator {
	float:left;
	width: 1px;
	height: 66px;
	background: #cccccc;
	margin: 37px 20px
}
.status {
	float: left;
	font-weight: 600;
	margin: 43px 0 0 0;
	font-size: 14px;
	color: #000000;
	letter-spacing: 0.3pt;
	width: 220px
}
.lang-fr .status {
	width: 265px;
}
.status span {
	font-style: italic;
	font-weight: 300;
	color: #656565;
}
.uqo {
	float: left;
    width: 84px;
    background-image: url('images/uqo.svg');
	background-repeat: no-repeat;
    display: block;
    height: 33px;
	margin: 64px 0 0 0;
}
.uqo a {
	width: 84px;
	height: 33px;
	display: block;
	outline: 0;
}
.header-contacts {
	float: right;
	font-weight: 600;
	text-align: right;
	color: #000000;
	margin-top: 26px;
	font-size: 0.875rem;
}
.header-contacts span {
	color: #656565;
	font-weight: 300;
}
.header-contacts a {
	border: 2px solid #255e83;
	color: #255e83;
	font-weight: 600;
	text-transform: uppercase;
	padding: 8px 40px;
	text-align: center;
	text-decoration: none;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	display: inline-block;
	margin-top: 11px;	
    -webkit-transform: perspective(1px) translateZ(0);
  	transform: perspective(1px) translateZ(0);
  	box-shadow: 0 0 1px transparent;
  	position: relative;
  	-webkit-transition-property: color;
  	transition-property: color;
  	-webkit-transition-duration: 0.2s;
  	transition-duration: 0.2s;
	font-size: 0.875rem;
}
.header-contacts a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #255e83;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-border-radius: 25px;
	border-radius: 25px;
}
.header-contacts a:hover, .header-contacts a:focus, .header-contacts a:active {
  color: white;
}
.header-contacts a:hover:before, .header-contacts a:focus:before, .header-contacts a:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.languages {
	float: right;
	margin: 0 0 0 20px;
}
.languages ul {
	list-style: none;
	margin: 0;
	padding: 10px 7px 10px 5px;
}
.languages ul li {
	display: inline-block;
	text-transform: uppercase;
	padding: 3px 4px;
}
.languages ul li a {
	color:#3d7092;
	background:none;
	font-weight: 500;
	padding: 6px 12px;
	text-decoration: underline;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.languages ul li a:hover {
	color: #ffffff;
	background: #3d7092;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
}

.languages ul li.lang-item-first {
	border-right: 1px solid #cccccc;
	padding-right: 9px;
}
.languages ul li.current-lang a,
.languages ul li.current-lang a:hover {
	text-decoration: none;
	cursor: default;
	background:#cccccc;
    color: #ffffff;
}
.menu-toggle {
	background-color: transparent;
	color: #f5f5f5;
	font-size: 16px;
	margin: 0 auto;
    padding: 1em 0;
	width: 100%;
	background:#255e83;
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
	border-bottom: 6px solid #255e83;
}
.no-js .menu-toggle {
	display: none;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: #3d7092;
	border-color: #3a6f8f;
	color: #ffffff;
}

.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
	background-color: #3d7092;
	border-color: #7fa1b6;
	color: #fff;
	border:none;
}

.menu-toggle:focus {
	outline: 0;
}

.menu-toggle.toggled-on:focus {
	outline:none;
}

.header-image {
	clear: both;
	margin: 0.875em 0;
}

.header-image a {
	display: block;
}

.header-image a:hover img,
.header-image a:focus img {
	opacity: 0.85;
}

.breadcrumbs {
    max-width: 1300px;
	margin: 0 auto;
    padding: 30px 20px 10px 20px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 300;
	font-size: 14px;
	color: #454545;
}

/*
	*Posts & Pages
*/
.site-main > article {
	margin-bottom: 3.5em;
	position: relative;
}
.entry-header,
.entry-summary,
.entry-content,
.entry-footer,
.page-content {
	margin-right: 7.6923%;
	margin-left: 7.6923%;
}
.page-content.white {
	background: #ffffff;
	border-top: 5px solid #255e83;
    border-bottom: 5px solid #255e83;
	padding:10px 30px 50px 30px;
}
.entry-content img.border {
	padding: 6px;
    border: 1px solid #cdccc9;
}
.entry-title {
	font-family: Lora, "Helvetica Neue", sans-serif;
	font-size: 28px;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 0.75em;
}
.entry-title a {
	color: #3a6f8f;
}
.entry-title a:hover,
.entry-title a:focus {
	color: #255e83;
}
.entry-content li {
	list-style-type: none;
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 20px;
	margin-left: 15px;
    color: #585858;
    margin-bottom: 15px;
}
.separator {
	border-bottom: 1px dashed #cdccc9;
	height: 1px;
	margin: 30px 0;
}
.post-thumbnail {
	display: block;
	margin: 0 7.6923% 1.75em;
}
.post-thumbnail img {
	display: block;
}
.no-sidebar .post-thumbnail img {
	margin: 0 auto;
}
a.post-thumbnail:hover,
a.post-thumbnail:focus {
	opacity: 0.85;
}
.entry-content,
.entry-summary {
	border-color: #d1d1d1;
}
.entry-content h1,
.entry-summary h1,
.textwidget h1 {
	font-size: 28px;
	font-size: 1.75rem;
	line-height: 1.25;
	margin-top: 1.2em;
	margin-bottom: 1em;
}
.entry-content h2,
.entry-summary h2,
.textwidget h2 {
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.2;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}
.entry-content h3,
.entry-summary h3,
.textwidget h3 {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.1;
	margin-top: 2em;
	margin-bottom: 2em;
	background: #eeeeee;
	color: #000000;
	padding: 15px 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}

.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.3125;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}
.entry-content h4,
.entry-summary h4,
.comment-content h4,
.textwidget h4 {
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border-bottom: 1px solid #cccccc;
    padding-bottom: 5px;
}
.entry-content h6,
.entry-summary h6,
.comment-content h6,
.textwidget h6 {
	font-style: italic;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
	font-weight: 700;
}

.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.textwidget h1:first-child,
.textwidget h2:first-child,
.textwidget h3:first-child,
.textwidget h4:first-child,
.textwidget h5:first-child,
.textwidget h6:first-child {
	margin-top: 1em;
}
.post-navigation .post-title,
.entry-title,
.comments-title {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
body:not(.search-results) .entry-summary {
	color: #686868;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.4736842105;
	margin-bottom: 1.4736842105em;
}
body:not(.search-results) .entry-header + .entry-summary {
	margin-top: -0.736842105em;
}
body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
	margin-bottom: 1.4736842105em;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary li > ol {
	margin-bottom: 0;
}
body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
	padding: 0.3684210526em;
}
body:not(.search-results) .entry-summary fieldset {
	margin-bottom: 1.4736842105em;
	padding: 0.3684210526em;
}
body:not(.search-results) .entry-summary blockquote {
	border-color: currentColor;
}
body:not(.search-results) .entry-summary blockquote > :last-child {
	margin-bottom: 0;
}
body:not(.search-results) .entry-summary .alignleft {
	margin: 0.2631578947em 1.4736842105em 1.4736842105em 0;
}
body:not(.search-results) .entry-summary .alignright {
	margin: 0.2631578947em 0 1.4736842105em 1.4736842105em;
}
body:not(.search-results) .entry-summary .aligncenter {
	margin-bottom: 1.4736842105em;
}
.entry-content > :last-child,
.entry-summary > :last-child,
body:not(.search-results) .entry-summary > :last-child,
.page-content > :last-child,
.textwidget > :last-child {
	margin-bottom: 0;
}
.more-link {
	white-space: nowrap;
}
.entry-footer {
	color: #686868;
	font-family: Lora, "Helvetica Neue", sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin-top: 2.1538461538em;
}
.entry-footer:empty {
	margin: 0;
}
.entry-footer a {
	color: #686868;
}
.entry-footer a:hover,
.entry-footer a:focus {
	color: #255e83;
}
.entry-footer > span:not(:last-child):after {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
}
.entry-footer .avatar {
	height: 21px;
	margin: -0.1538461538em 0.5384615385em 0 0;
	width: 21px;
}
.sticky-post {
	color: #686868;
	display: block;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 0.5384615385em;
	text-transform: uppercase;
}

/**
 * IE8 and earlier will drop any block with CSS3 selectors.
 * Do not combine these styles with the next block.
 */
.updated:not(.published) {
	display: none;
}

.sticky .posted-on,
.byline {
	display: none;
}

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

.page-header {
	margin: 0;
	padding: 5px 0;
}

body.error404 .page-header,
body.search-no-results .page-header {
	border-top: 0;
	padding-top: 0;
}
.page-title {
	font-family: Lora, "Helvetica Neue", sans-serif;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.2173913043;
	font-weight: 700;
	color: #255e83;
}

.taxonomy-description {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
}

.taxonomy-description p {
	margin: 0.5384615385em 0 1.6153846154em;
}

.taxonomy-description > :last-child {
	margin-bottom: 0;
}

.page-links {
	clear: both;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	margin: 0 0 1.75em;
}

.page-links a,
.page-links > span {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	display: inline-block;
	font-size: 13px;
	font-size: 0.8125rem;
	height: 1.8461538462em;
	line-height: 1.6923076923em;
	margin-right: 0.3076923077em;
	text-align: center;
	width: 1.8461538462em;
}

.page-links a {
	background-color: #1a1a1a;
	border-color: #1a1a1a;
	color: #fff;
}

.page-links a:hover,
.page-links a:focus {
	background-color: #255e83;
	border-color: transparent;
	color: #fff;
}

.page-links > .page-links-title {
	border: 0;
	color: #1a1a1a;
	height: auto;
	margin: 0;
	padding-right: 0.6153846154em;
	width: auto;
}

.entry-attachment {
	margin-bottom: 1.75em;
}

.entry-caption {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 1.0769230769em;
}

.entry-caption > :last-child {
	margin-bottom: 0;
}

/*
	*Fancybox
*/
#fancybox-outer,
#fancybox-content {
	border-radius: 15px;
	webkit-border-radius: 15px;
	box-shadow: none;
    webkit-box-shadow: none;
	/*height: auto !important;*/
}
#fancybox-outer #fancybox-close {
	background: url('images/close.png');
	background-repeat: no-repeat;
	top: -25px;
    right: -25px;
    width: 25px;
    height: 25px;
}
.fancy-ico span {
	display: none !important;
}
.fancybox-type-iframe .fancybox-inner {
	overflow: hidden !important;
}
/*
	*Pages
*/
ul.listing {
	padding: 5px 20px 5px 40px;
}
ul.listing li {
	padding: 5px 20px 5px 6px;
	list-style-type: square;
	font-weight: 300;
	color: #454545;
}

ul.ppt li,
ul.doc li,
ul.pdf li,
ul.youtube li {
	padding: 0 20px 0 20px;
}
ul.ppt ol,
ul.doc ol,
ul.pdf ol,
ul.youtube ol {
	padding: 0 0 20px 40px;
}
ul.ppt li a:before,
ul.doc li a:before,
ul.pdf li a:before,
ul.youtube li a:before {
	content: " ";
	background-repeat: no-repeat;
	width: 40px;
    height: 40px;
    position: absolute;
    left: 20px;
    top: 15px;
}
ul.ppt li a:before {
	background-image: url('images/ppt-icon.svg');
}
ul.doc li a:before {
	background-image: url('images/doc-icon.svg');
}
ul.pdf li a:before {
	background-image: url('images/pdf-icon.svg');
}
ul.youtube li a:before {
	background-image: url('images/youtube-icon.svg');
}
ul.ppt li a,
ul.doc li a,
ul.pdf li a,
ul.youtube li a {
	padding: 20px 20px 20px 80px;
    margin: 10px 0;
    line-height: 30px;
    background: #dce6ec;
    display: block;
    position: relative;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
ul.ppt li a:hover,
ul.doc li a:hover,
ul.pdf li a:hover,
ul.youtube li a:hover {
	background: #b9d8ec;
}
a.zip {
	display: block;
    position: relative;
	margin: 20px 0;
}
a.zip:before {
	content: " ";
	background-repeat: no-repeat;
	width: 77px;
	height: 90px;
	background-image: url('images/zip-icon.png');
	background-position: 0 0;
	margin: 10px;
    display: block;
}
a.zip:hover:before {
	background-position: -77px 0;
}
a.game {
	background: #f5f5f5;
	width: 100%;
    display: inline-block;
    padding: 20px;
    text-decoration: none;
    color: #454545;
	-webkit-border-radius: 8px;
	border-radius: 8px 0 8px 8px;
}
a.game img {
	margin: 0 20px 0 0;
	float: left;
}
a.game span.title {
	display: block;
	font-family: Lora, "Helvetica Neue", sans-serif;
	font-weight: 700;
    font-size: 20px;
    color: #3d7092;
    padding: 10px 0 10px 0;
}
a.game span {
	display: table;
}
a:hover.game {
	background: #e3ebf0;
}
a:hover.game span.title {
	color: #d070a8;
	text-decoration: underline;
}
.for-teachers-btn {
	background: #f5f5f5;
	display: inline-flex;
    padding: 10px 20px;
    float: right;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
.for-teachers-btn:before {
	background-image: url('images/icon-owl.png');
	content: " ";
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	background-position: 0 0;
	margin: 0 10px 0 0;
    display: inline-flex;
}
a.for-teachers-btn:hover {
	background: #e3ebf0;
}

/*
	*Pages: Empty
*/
#empty {
	background: #ffffff;
}
.empty .container,
.empty .site-footer,
.empty .page-content.white {
	padding: 0;
	border:0;
}
.empty .site-main {
	margin-bottom: 0;
}
.empty h1.entry-title {
	text-align: center;
	margin-top: 0px;
}
.embed_download {
	text-align: center;
    margin: 20px;
}
.embed_download a {
	padding: 10px 30px;
    background: #3d7092;
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.embed_download a:hover {
	background: #255e83;
}
.empty,
.empty .container,
.empty .site-content,
.empty .container,
.empty .no-sidebar.content-area,
.empty .site-main,
.empty .page-content.white,
.empty article,
.empty .ead-preview,
.empty .ead-document {
	height: 100%;
}
.empty .entry-content {
	height: 90%;
}

.empty .container {
    max-width: 100%;
}
.empty .hideme {
	bottom:10%;
}


/* Games */
.gray-border {
	background: #f5f5f5;
	padding: 10px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.gray-container {
	background: #f5f5f5;
	border: 1px solid #dfdfdf;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 25px;
	display: block;
}
a.gray-border:hover {
	background: #255e83;
}
a:hover span.gray-container {
	background: #255e83;
	border: 1px solid #dfdfdf;
	color: #ffffff;
}
a.gray-border:hover,
a:hover span.gray-container {
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.special-game {
	margin: 20px 15px 10px 15px;;
}
.special-game h2 {
	text-align: center;
}

ul.games-cat {
	margin: 20px 0;
	padding: 0;
}
ul.games-cat li {
	width: 48%;
	float: left;
	margin-bottom: 10px;
	margin-left: 1%;
	margin-right: 1%;
	padding: 10px;
}
ul.games-cat a {
	display: block;
	margin:0;
	text-decoration: none;
	text-align: center;
}
ul.games-cat a .game-cat-thumbnail {
	display: block;
	max-width: 180px;
	height: 100px;
	margin: 0 auto 10px auto;
}
ul.games-cat a .game-cat-title {
	font-family: Lora, "Helvetica Neue", sans-serif;
	font-size: 16px;
	color: #255e83;
	height: 50px;
    display: table-cell;
    vertical-align: middle;
    width: 268px;
	font-weight: bold;
}
ul.games-cat a:hover .game-cat-title {
	color: #ffffff;
}
.gameProblem p,
.gameProblem {
	font-size: 18px;
	font-weight:500;
}



/*
	*Footer
*/
footer {
	width: 100%;
    background-color: #265d83;
    color: #9fb2c0;
}
.site-footer {
	padding:1.75em 0;
	margin: 60px 0 0 0;
}
.site-info {
	padding: 10px 0 0 0;
}
.site-info p {
	color: #9fb2c0;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	padding: 15px 0 0 0;	
	text-align: left;
}
.site-info a {
	color: #9fb2c0;
}
.site-info a:hover,
.site-info a:focus {
	color: #ffffff;
}
.footer-site-map {
	color: #9fb1c1;
	margin: 0 auto;
    max-width: 1300px;
    padding: 20px;
}
.footer-left {
	float: left;
    width: 100%;
    margin-right: -430px;
	margin-top: 70px;
}
.footer-right {
	float: left;
    width: 400px;
    margin-left: 30px;
    padding: 0;
}
.fluid_f {
	margin-right: 430px;
}
.footer-site-map p {
	font-size: 14px;
	margin-bottom:10px;
	line-height: 19px;
}
.footer-site-map li {
	width: 49%;
	display: inline-table;
	padding: 0 0 10px 0;
}
.footer-site-map li:before {
	content: '';
	background-image: url('images/dot.svg');
    background-repeat: no-repeat;
    background-position: top left;
    width: 5px;
    height: 5px;
    display: table-cell;
	position: relative;
    top: 10px;
}
body .footer-site-map li a {
	color: #bdc9d3;
    text-decoration:underline;
    font-size: 14px;
	line-height: 1.8;
	padding: 0 0 0 10px;
    display: table-cell;
}
body .footer-site-map li a:hover {
	color: #ffffff;
}

.footer-site-map li ul {
	margin: 0;
}
.footer-site-map li li {
	width: 24%;
	display: inline-table;
	padding: 0 0 40px 0;
}
.footer-site-map li li:before {
    background-image: url(images/e-dot.svg.png);
    background-repeat: no-repeat;
    background-position: top left;
    width: 5px;
    height: 5px;
    display: table-cell;
	position: relative;
    top: 8px;
}


.logo_f {
    width: 260px;
    background-image: url('images/Elena-Polotskaia_f.svg');
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    text-indent: -9999%;
    background-position: bottom;
}
.footer-site-map p.prof_f {
	color: #f5f5f5;
	margin:10px 0 25px 0;
}
.uqo_f {
	float: left;
    width: 85px;
    background-image: url('images/uqo_f.svg');
    background-repeat: no-repeat;
    display: block;
    height: 35px;
	margin: 0 10px 20px 0;
}
.uqo_f a {
    width: 85px;
    height: 35px;
    display: block;
    outline: 0;
}
.status_f {
	font-weight: 600;
	font-style: italic;
	line-height: 16px;
	font-size: 13px;
	margin:20px 0 0 0;
}

/*
	*Media
*/
.site .avatar {
	border-radius: 50%;
}
.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
	display: block;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
	margin-bottom: 1.75em;
	max-width: 100%;
	vertical-align: middle;
}
p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}
.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
	box-shadow: none;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
	margin-top: 0;
	margin-bottom: 1.75em;
}
.wp-playlist.wp-audio-playlist {
	padding-bottom: 0;
}
.wp-playlist .wp-playlist-tracks {
	margin-top: 0;
}
.wp-playlist-item .wp-playlist-caption {
	border-bottom: 0;
	padding: 0.7142857143em 0;
}
.wp-playlist-item .wp-playlist-item-length {
	top: 0.7142857143em;
}

/*
	*Captions
*/
.paddingleft40 {
	padding-left: 40px;
}
.wp-caption {
	margin-bottom: 1.75em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}
.wp-caption .wp-caption-text {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}



/*
	>= 710px
*/

@media screen and (min-width: 44.375em) {
	.site-description {
		display: block;
	}
	.site-header .main-navigation + .social-navigation {
		margin-top: 2.625em;
	}
	.header-image {
		margin: 1.3125em 0;
	}
	.pagination {
		margin: 0 23.0769% 4.421052632em 7.6923%
	}
	.post-navigation {
		margin-bottom: 5.25em;
	}
	.post-navigation .post-title {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.6;
	}

	/* restore screen-reader-text */
	.pagination .current .screen-reader-text {
		position: absolute !important;
	}
	.pagination .page-numbers {
		display: inline-block;
	}
	.site-main > article {
		margin-bottom: 1em;
	}
	.entry-title {
		font-size: 24px;
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.3;
		color: #255e83;
	}
	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		border-width: 4px 0 0 0;
		padding: 0.9473684211em 0 0;
		width: -webkit-calc(50% - 0.736842105em);
		width: calc(50% - 0.736842105em);
	}
	.entry-content blockquote:not(.alignleft):not(.alignright),
	.entry-summary blockquote {
		margin-left: -1.473684211em;
	}
	.entry-content blockquote blockquote:not(.alignleft):not(.alignright),
	.entry-summary blockquote blockquote {
		margin-left: 0;
	}
	.entry-content ul,
	.entry-summary ul,
	.entry-content ol,
	.entry-summary ol {
		margin-left: 0;
	}
	.entry-content li > ul,
	.entry-summary li > ul,
	.entry-content blockquote > ul,
	.entry-summary blockquote > ul {
		margin-left: 1.25em;
	}
	.entry-content li > ol,
	.entry-summary li > ol,
	.entry-content blockquote > ol,
	.entry-summary blockquote > ol {
		margin-left: 1.5em;
	}
	/*
	.sidebar {
		margin-bottom: 3em;
		padding-right: 23.0769%;
	}
	*/
	body:not(.search-results) .entry-summary li > ul,
	body:not(.search-results) .entry-summary blockquote > ul {
		margin-left: 1.157894737em;
	}
	body:not(.search-results) .entry-summary li > ol,
	body:not(.search-results) .entry-summary blockquote > ol {
		margin-left: 1.473684211em;
	}
}

@media screen and (min-width: 999px) {
	.site-header-menu {
		display: block;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
	}
	.main-navigation .primary-menu,
	.main-navigation .primary-menu > li {
		border: 0;
	}
	.main-navigation .primary-menu > li {
		float: left;
	}
	.main-navigation ul ul {
		border-bottom: 1px solid #d1d1d1;
		display: block;
		left: -999em;
		margin: 0;
		position: absolute;
		z-index: 99999;
	}
	.main-navigation ul ul ul {
		top: -1px;
	}
	.main-navigation ul ul ul:before,
	.main-navigation ul ul ul:after {
		border: 0;
	}
	.main-navigation ul ul li {
		background-color: #fff;
		border: 1px solid #d1d1d1;
		border-bottom-width: 0;
	}
	.main-navigation ul ul a {
		white-space: normal;
	}
	.main-navigation ul ul:after {
		border-color: #fff transparent;
		border-width: 0 8px 8px;
		right: 11px;
		top: -7px;
	}
	.main-navigation li:hover > ul,
	.main-navigation li.focus > ul {
		left: auto;
	}
	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: auto;
		right: 100%;
	}
	.main-navigation .menu-item-has-children > a {
		margin: 0;
		padding-right: 2.25em;
	}
	.main-navigation .menu-item-has-children > a:after {
		content: "\f431";
		margin: -0.1em -2.5em 0 0.2em;
	}
	.main-navigation ul ul .menu-item-has-children > a {
		padding-right: 2.0625em;
	}
	.main-navigation ul ul .menu-item-has-children > a:after {
		right: 0.5625em;
		top: 0.875em;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.dropdown-toggle,
	.main-navigation ul .dropdown-toggle.toggled-on,
	.menu-toggle,
	.site-header .social-navigation,
	.site-footer .main-navigation {
		display: none;
	}
	.content-area {
		float: left;
		margin-right: -100%;
		width: 67%;
	}
	.content-area-right,
	.content-area-left {
		float: left;
	}
	.content-area-left {
		float: left;
		width: 100%;
		margin-right: -430px;
	}
	.content-area-right {
		margin-left: -430px;
	}
	.content-area-left .fluid {
		margin-right: 430px;
	}
	.content-area-right .fluid {
		margin-left: 430px;
	}
	.no-sidebar.content-area {
		float: none;
		margin-right:0;
		width:100%;
	}

	.content-area-full {
		background: #ffffff;
		padding: 20px 25px 40px 25px;
		border-top: 5px solid #255e83;
		border-bottom: 5px solid #255e83;
	}
	
	.entry-header,
	.post-thumbnail,
	.entry-content,
	.entry-summary,
	.entry-footer,
	.comments-area,
	.image-navigation,
	.post-navigation,
	.pagination,
	.page-header,
	.page-content {
		margin-right: 0;
		margin-left: 0;
	}
	.sidebar-left,
	.sidebar-right {
		float: left;
		width: 400px;
		margin-left:30px;
	}	
	.sidebar-right {
		margin-left:30px;
	}
	.widget {
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.6;
	}
	.widget .widget-title {
		margin-bottom: 1.3125em;
	}
	.widget p,
	.widget address,
	.widget hr,
	.widget ul,
	.widget ol,
	.widget dl,
	.widget dd,
	.widget table {
		margin-bottom: 1.6153846154em;
	}
	.widget li > ul,
	.widget li > ol {
		margin-bottom: 0;
	}
	.widget blockquote {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.3125;
		margin-bottom: 1.3125em;
		padding-left: 1.0625em;
	}
	.widget blockquote cite,
	.widget blockquote small {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.6153846154;
	}
	.widget th,
	.widget td {
		padding: 0.5384615385em;
	}
	.widget pre {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.6153846154;
		margin-bottom: 1.6153846154em;
		padding: 0.5384615385em;
	}
	.widget fieldset {
		margin-bottom: 0;
		padding: 0.5384615385em;
	}
	.widget button,
	.widget input,
	.widget select,
	.widget textarea {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.6153846154;
	}
	.widget button,
	.widget input[type="button"],
	.widget input[type="reset"],
	.widget input[type="submit"] {
		line-height: 1;
		padding: 0.846153846em;
	}
	.widget input[type="date"],
	.widget input[type="time"],
	.widget input[type="datetime-local"],
	.widget input[type="week"],
	.widget input[type="month"],
	.widget input[type="text"],
	.widget input[type="email"],
	.widget input[type="url"],
	.widget input[type="password"],
	.widget input[type="search"],
	.widget input[type="tel"],
	.widget input[type="number"],
	.widget textarea {
		padding: 0.4615384615em 0.5384615385em;
	}
	/*
	.widget h1 {
		font-size: 23px;
		font-size: 1.4375rem;
		line-height: 1.2173913043;
		margin-bottom: 0.9130434783em;
	}
	.widget h2 {
		font-size: 19px;
		font-size: 1.1875rem;
		line-height: 1.1052631579;
		margin-bottom: 1.1052631579em;
	}
	.widget h3 {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.3125;
		margin-bottom: 1.3125em;
	}
	.widget h4,
	.widget h5,
	.widget h6 {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.6153846154;
		margin-bottom: 0.9130434783em;
	}
	.widget .alignleft {
		margin: 0.2307692308em 1.6153846154em 1.6153846154em 0;
	}
	.widget .alignright {
		margin: 0.2307692308em 0 1.6153846154em 1.6153846154em;
	}
	.widget .aligncenter {
		margin-bottom: 1.6153846154em;
	}
	.widget_calendar td,
	.widget_calendar th {
		line-height: 2.6923076923;
		padding: 0;
	}
	.widget_rss .rssSummary:last-child {
		margin-bottom: 1.615384615em;
	}
	.widget input[type="search"].search-field {
		width: -webkit-calc(100% - 35px);
		width: calc(100% - 35px);
	}
	.widget .search-submit:before {
		font-size: 16px;
		left: 1px;
		line-height: 35px;
		width: 34px;
	}
	.widget button.search-submit {
		padding: 0;
		width: 35px;
	}
	*/
	.tagcloud a {
		margin: 0 0.2307692308em 0.5384615385em 0;
		padding: 0.5384615385em 0.4615384615em 0.4615384615em;
	}
	.textwidget h1 {
		margin-top: 1.8260869565em;
	}
	.textwidget h2 {
		margin-top: 2.2105263158em;
	}
	.textwidget h3 {
		margin-top: 2.625em;
	}
	.textwidget h4 {
		letter-spacing: 0.153846154em;
	}
	.textwidget h4,
	.textwidget h5,
	.textwidget h6 {
		margin-top: 3.2307692308em;
	}
	.no-sidebar .content-area {
		float: none;
		margin: 0;
		width: 100%;
	}
	.no-sidebar .entry-header,
	.no-sidebar .entry-content,
	.no-sidebar .entry-summary,
	.no-sidebar .entry-footer,
	.no-sidebar .comments-area,
	.no-sidebar .image-navigation,
	.no-sidebar .post-navigation,
	.no-sidebar .pagination,
	.no-sidebar .page-header {
		margin-right: 15%;
		margin-left: 15%;
	}
	.draw-entry-content.no-sidebar .entry-header,
	.draw-entry-content.no-sidebar .entry-content,
	.draw-entry-content.no-sidebar .entry-summary,
	.draw-entry-content.no-sidebar .entry-footer,
	.draw-entry-content.no-sidebar .comments-area,
	.draw-entry-content.no-sidebar .image-navigation,
	.draw-entry-content.no-sidebar .post-navigation,
	.draw-entry-content.no-sidebar .pagination,
	.draw-entry-content.no-sidebar .page-header {
		margin-right: 0%;
		margin-left: 0%;
	}
}
.only-for-print {
		display: none;
	}

/**
 * 15.0 - Print
 */

@media print {
	html, body {
    	background: none;
	}
		
		.only-for-print {
		display: block
	}
	.mgame__data-solve_lines_conainer {
		display: none;
	}
	html, body {
    	height: auto;
	}
	
	form,
	button,
	input,
	select,
	textarea,
	audio,
	.navigation,
	.main-navigation,
	.social-navigation,
	.sidebar,
	.header-image,
	.page-links,
	.edit-link,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link,
	#mgame-preview {
		display: none !important;
	}
	#game-problem {
		width: 100%
	}

	body,
	blockquote cite,
	blockquote small,
	pre,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6,
	.entry-summary h4,
	.entry-summary h5,
	.entry-summary h6,
	.comment-content h4,
	.comment-content h5,
	.comment-content h6,
	.entry-content .author-title {
		font-size: 12pt;
	}

	blockquote {
		font-size: 14.25pt;
	}

	.page-title,
	.comments-title,
	.entry-content h2,
	.entry-summary h2,
	.comment-content h2,
	.widecolumn h2 {
		font-size: 17.25pt;
	}

	.site-description {
		display: block;
	}

	.entry-title {
		font-size: 24.75pt;
		line-height: 1.2727272727;
		margin-bottom: 1.696969697em;
	}

	.format-aside .entry-title,
	.format-image .entry-title,
	.format-video .entry-title,
	.format-quote .entry-title,
	.format-gallery .entry-title,
	.format-status .entry-title,
	.format-link .entry-title,
	.format-audio .entry-title,
	.format-chat .entry-title {
		font-size: 17.25pt;
		line-height: 1.304347826;
		margin-bottom: 1.826086957em;
	}

	.entry-content h1,
	.entry-summary h1,
	.comment-content h1 {
		font-size: 21pt;
	}

	.entry-content h3,
	.entry-summary h3,
	.comment-content h3,
	body:not(.search-results) .entry-summary {
		font-size: 14.25pt;
	}

	.site-description,
	.author-bio,
	.entry-footer,
	.sticky-post,
	.taxonomy-description,
	.entry-caption,
	.comment-metadata,
	.comment-notes,
	.comment-awaiting-moderation,
	.site-info,
	.wp-caption .wp-caption-text,
	.gallery-caption {
		font-size: 9.75pt;
	}

	body,
	.site {
		background: none !important; /* Brute force since user agents all print differently. */
	}

	body,
	blockquote cite,
	blockquote small,
	.entry-title a,
	.comment-author {
		color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
	}

	blockquote,
	.page-header,
	.comments-title {
		border-color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
	}

	blockquote,
	.site-description,
	body:not(.search-results) .entry-summary,
	body:not(.search-results) .entry-summary blockquote,
	.author-bio,
	.entry-footer,
	.entry-footer a,
	.sticky-post,
	.taxonomy-description,
	.entry-caption,
	.comment-author,
	.comment-metadata a,
	.comment-notes,
	.comment-awaiting-moderation,
	.site-info,
	.site-info a,
	.wp-caption .wp-caption-text,
	.gallery-caption {
		color: #686868 !important; /* Make sure color schemes don't affect to print */
	}

	code,
	hr {
		background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
	}

	pre,
	abbr,
	acronym,
	table,
	th,
	td,
	.author-info,
	.comment-list article,
	.comment-list .pingback,
	.comment-list .trackback,
	.no-comments {
		border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
	}

	a {
		color: #255e83 !important; /* Make sure color schemes don't affect to print */
	}

	.entry-content a,
	.entry-summary a,
	.taxonomy-description a,
	.comment-content a,
	.pingback .comment-body > a {
		box-shadow: none;
		border-bottom: 1px solid #255e83 !important; /* Make sure color schemes don't affect to print */
	}

	.site {
		margin: 5%;
	}

	.site-inner {
		max-width: none;
	}
	.site-main {
		margin-bottom: 3.5em;
	}
	.entry-header,
	.entry-footer,
	.page-header,
	.page-content,
	.entry-content,
	.entry-summary,
	.post-thumbnail,
	.comments-area {
		margin-right: 0;
		margin-left: 0;
	}
	.post-thumbnail,
	.site-main > article {
		margin-bottom: 3.5em;
	}
	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		border-width: 4px 0 0 0;
		padding: 0.9473684211em 0 0;
		width: -webkit-calc(50% - 0.736842105em);
		width: calc(50% - 0.736842105em);
	}

	body:not(.search-results) .entry-header + .entry-summary {
		margin-top: -1.473684211em;
	}

	.site-footer,
	.widecolumn {
		padding: 0;
	}
	
	body.problem-solving-game .site-header,
	body.problem-solving-game .draw-tabs-menu,
	body.problem-solving-game .back_btn,
	body.problem-solving-game .carrots,
	body.problem-solving-game .close_btn,
	body.problem-solving-game .game-footer,
	body.jeu-de-resolution-de-problemes .site-header,
	body.jeu-de-resolution-de-problemes .draw-tabs-menu,
	body.jeu-de-resolution-de-problemes .back_btn,
	body.jeu-de-resolution-de-problemes .carrots,
	body.jeu-de-resolution-de-problemes .close_btn,
	body.jeu-de-resolution-de-problemes .game-footer {
		display: none;
	}
	
	.problem-solving-game .page-content.white,
	.problem-solving-game .entry-content,
	.problem-solving-game .container,
	.jeu-de-resolution-de-problemes .page-content.white,
	.jeu-de-resolution-de-problemes .entry-content,
	.jeu-de-resolution-de-problemes .container {
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}
	
	body.problem-solving-game .entry-content h1,
	body.jeu-de-resolution-de-problemes .entry-content h1{
		font-size: 22px;
		line-height: 1.4;
	}
	
	.gameProblem p, .gameProblem {
		font-size: 18px;
		line-height: 1.4;
	}
	
	.gamePage {
		width: 100%;
	}
	
	.problemParam,
	.problemOperator {
		border: 2px solid #000;
		color: #000;
		-webkit-box-shadow: none !important; 
		-moz-box-shadow: none !important; 
		box-shadow: none !important;
		margin: 5px;
	}
	
	
	.problemOperator.plus::before,
	.problemOperator.minus::before,
	.problemOperator.times::before,
	.problemOperator.division::before {
		display: block !important;
		align-items: center;
		justify-content: center;
		font-size: 26px;
		color: #000;
		font-weight: bold;
	}
	.problemOperator.plus::before {
		content: "+";
	}
	
	.problemOperator.minus::before {
		content: "−";
	}
	.problemOperator.times::before {
		content: "×";
	}
	.problemOperator.division::before {
		content: "÷";
	}
	.equal_p {
		min-width: 46px;
		margin: 0 5px;
	}
	.equal::before,
	.equal_p::before {
		content: "=";
		display: inline-flex;
		width: 26px;
		height: 26px;
		align-items: center;
		justify-content: center;
		font-size: 26px;
		color: #000;
		font-weight: bold;
		margin: 10px 10px;
	}
	
	.slot1x,
	.slot2x {
		border: 2px dashed #000;
	}
	.solutionResult {
		margin-top: 0;
		border-top: 2px solid #000;
	}
	.problemSolution,
	.problemOperators {
		margin-top: 0;
	}
	
	.finalAnswer {
		margin-right: auto;
		color: #000;
	}
	.finalAnswer .answerValue {
		border: 2px solid #000;
	}
	.page-content.white {
		border-top: 0;
		border-bottom: 0;
	}
	.print-rows {
		height: 70px;
		display: flex;
		align-items: center;
		padding: 0 35px;
		padding-top: 10px;
	}
	.stepNumber_p {
		width:46px;
		display:flex;
		align-items:center;
		justify-content:center;	
		font-size:28px;
		margin:0 10px;
		min-width: 46px;
		height: 46px;
	}

	.slot1x_p,
	.slot2x_p {
		width:46px;
		background:#fff;
		border: 2px dashed #000;
		border-radius:3px;
		margin:0 5px;
		display:flex;
		align-items:center;
		justify-content:center;	
		font-size:20px;	
		font-weight:bold;
		min-width: 46px;
		height: 46px;
	}
	.slot2x_p {
		width:80px;
		padding:0 10px;
		font-size:20px;
	}
	
	
	
}

/* ______________________________________Problem_Solving_Games_CSS____________________________________________ */


.divTable {
	display: table;
	width: 100%;
	border:0;
	font-size:16px;
	word-wrap:normal;
	box-sizing:content-box;
}
.divTableRow {
	display: table-row;
}
.divTableRow a {
	display: contents;
	text-decoration: none;
}
.divTableHead {
	color:#fff;
	background:#628fac;
	font-weight:400;
	display: table-header-group;
}

.divTableCell {
	display: table-cell;
	padding: 20px 10px;
	vertical-align: middle;
}
.divTableBody {
	display: table-row-group;
}
.divTableCell:nth-child(2) {
	padding-left:20px;
}
.divTableCell:nth-child(3) {
	width:60px;
	padding: 12px 0;
}
.divTableCell:first-child {
	width:40px;
	border-right:2px solid #fff;
}
.divTableHead .divTableCell {
	border-bottom: 2px solid #fff;
}
.divTableCell:first-child {
	text-align:center;
}
.divTableRow:nth-child(odd) {
	background: #f5f5f5;
}
.divTableRow:nth-child(even) {
	background:#e3ebf0;
}
.divTableHead .divTableRow {
	background: #628fac;
}
.divTableRow:hover {
	background: #81a5bd !important;
}
.divTableRow a:hover {
	color: #ffffff;
}
.divTableRow:nth-child(odd).game-row-solved,
.divTableRow:nth-child(odd).game-row-solved:hover {
	background: #e2ecd8 !important;
	color: #387728;
}
.divTableRow:nth-child(even).game-row-solved,
.divTableRow:nth-child(even).game-row-solved:hover {
	background: #d7e0cd !important;
	color: #387728;
}
.divTableRow.game-row-solved a {
	color: #387728;
}


.divTableRow:nth-child(odd).game-row-timeout,
.divTableRow:nth-child(odd).game-row-timeout:hover {
	background: #f3dbe9 !important;
	color: #387728;
}
.divTableRow:nth-child(even).game-row-timeout,
.divTableRow:nth-child(even).game-row-timeout:hover {
	background: #f3dbe9 !important;
	color: #387728;
}
.divTableRow.game-row-solved a {
	color: #387728;
}


.divTableCell .entry-content:before,
.divTableCell .entry-content:after {
	display: inherit;
}


.gamesList .viewGame {
	display: table-cell;
	width:36px;
	height:36px;
	background:url('images/play.png') no-repeat;
}

.gamesList .game-row-timeout .viewGame {
	background:url('images/timeout.png') no-repeat !important;
}

.gamesList .divTableRow.game-row-solved .viewGame {
	background:url('images/solved.png') no-repeat;
}
.divTableRow.game-row-solved a {
	cursor: default;
}

/*
	Profile Builder
*/

.profile {
	display:flex;
	flex-direction:row;
	align-items:center;
}
.profile div:first-child {
	margin-right:15px;
}
.profile p {
	margin-bottom:0!Important;
}
.wppb-user-forms input[type='checkbox'] {
	width: 10%;
}
.login-submit input[type='submit'] {
	float:right;
}
.login-submit {
	clear: both;
}
.form-submit {
	text-align: center;
}
.pum-theme-default-theme .pum-title {
	font-weight: 700 !important;
    line-height: 1.3 !important;
	margin-bottom: 20px;
}

/*
.wppb-form-field label, #wppb-login-wrap .login-username label, #wppb-login-wrap .login-password label,
.wppb-form-field input, .wppb-form-field input[type="text"], .wppb-form-field input[type="number"], .wppb-form-field input[type="email"], .wppb-form-field input[type="url"], .wppb-form-field input[type="password"], .wppb-form-field input[type="search"], .wppb-form-field select, .wppb-form-field textarea, .wppb-checkboxes, .wppb-radios, #wppb-login-wrap .login-username input, #wppb-login-wrap .login-password input {
	width: 100% !important;
}
*/

.listLine {
	display:flex;
	flex-direction:row;
	align-items:center;	
	padding:7px;
	border-bottom:1px solid #ddd;
}

.listLine:first-child {
	border-top:1px solid #ddd;
}

.listLine div:first-child {
	width:32px;
	height:32px;
	text-align:center;
	display: flex;
	flex-direction: column;
	justify-content: center;	
}

.listLine.place1 div:first-child {
	background:url('images/1.png') no-repeat center center;	
}

.listLine.place2 div:first-child {
	background:url('images/2.png') no-repeat center center;	
}

.listLine.place3 div:first-child {
	background:url('images/3.png') no-repeat center center;	
}

.listLine div:nth-child(2) {
	margin-left:20px;
	font-weight:bold;
}

.listLine div:nth-child(3) {
	margin-left:auto;
}
a.all_solvers {
	background: #908f8a;
	color: #ffffff;
	text-decoration: none;
	padding: 15px 20px;
	margin: 40px 40px 0 40px;
	display: block;
	text-align: center;
	font-weight: bold;
	-webkit-border-radius: 35px;
	border-radius: 35px;
	text-transform: uppercase;
}
a:hover.all_solvers {
	background: #255e83;
	color: #ffffff;
}

/*
	Progress bar
*/
.barSep {
	background: #e7e7e7;
	width: 100%;
	height: 1px;
	margin: 25px 0;
}
.barMask {
	position: relative;
	width: 100%;
	height: 36px;
	background: #f5f5f5;
	-webkit-box-shadow:inset 0 0 20px 0 rgba(0,0,0,0.5);
	box-shadow:inset 0 0 20px 0 rgba(0,0,0,0.15);
}
.barMask .barLeft {
	position: absolute;
	left:0;
	background: url('images/leftBar.png') no-repeat;
	width: 25px;
	height: 36px;
	z-index: 2;

}
.barMask .barRight {
	position: absolute;
	right: 0;
	background: url('images/rightBar.png') no-repeat;
	width: 25px;
	height: 36px;
	z-index: 2;
}
.barBlink {
	height: 3px;
    margin-top: 5px;
    left: 25px;
    right: 25px;
    z-index: 3;
    position: absolute;
	background-color: rgba(255, 255, 255, 0.5);
}
.barSolved, .barLocked {
	position: absolute;
	width: 100%;
	height: 36px;
	z-index: 1;
}
.barGrades,
.barStatus {
	margin: 10px 0;
}
.barStatus {
	text-align: right;
	color: #454545;
}
.barGreen {
	color: #83be00;
	font-weight: bold;
}
.barGrey {
	color: #454545;
	font-weight: bold;
}
.barOrange {
	color: #ff7300;
	font-weight: bold;
}
.barRed {
	color: #e5221e;
	font-weight: bold;
}
.gradientGrey {
	background: #e0e0e0;
	background: -moz-linear-gradient(top, #e0e0e0 1%, #b4b4b4 100%);
	background: -webkit-linear-gradient(top, #e0e0e0 1%,#b4b4b4 100%);
	background: linear-gradient(to bottom, #e0e0e0 1%,#b4b4b4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#b4b4b4',GradientType=0 );
}
.gradientGreen {
	background: #83be00;
	background: -moz-linear-gradient(top, #83be00 0%, #699900 100%);
	background: -webkit-linear-gradient(top, #83be00 0%,#699900 100%);
	background: linear-gradient(to bottom, #83be00 0%,#699900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83be00', endColorstr='#699900',GradientType=0 );
}
.gradientOrange {
	background: #ff7300;
	background: -moz-linear-gradient(top, #ff7300 0%, #cd5c00 100%);
	background: -webkit-linear-gradient(top, #ff7300 0%,#cd5c00 100%);
	background: linear-gradient(to bottom, #ff7300 0%,#cd5c00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7300', endColorstr='#cd5c00',GradientType=0 );
}
.gradientRed {
	background: #e5221e;
	background: -moz-linear-gradient(top, #e5221e 0%, #b91b18 100%);
	background: -webkit-linear-gradient(top, #e5221e 0%,#b91b18 100%);
	background: linear-gradient(to bottom, #e5221e 0%,#b91b18 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5221e', endColorstr='#b91b18',GradientType=0 );
}


/*  Game Page  */

.gamePage {
	width: 85%;
	margin: 0 auto;
}

.draw-entry-content .gamePage {
	width: 100%;
}

.gameHeader {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin: 5px 0 15px 0;
}
.gameHeader .entry-title {
	margin: 0;
}

.gameHeader h1 {
    font-size: 24px;
}


.carrots {
	display:flex;
	align-items:center;
	font-size:22px;
	margin-left:auto;
}
.popup-body .carrots {
	margin: 0 auto;
}

.carrot, .carrot_half, .carrot_empty {
	width:32px;
	height:52px;
}

.carrot {
	background:url('images/carrot.png') no-repeat center center;
}

.carrot_half {
	background:url('images/carrot_half.png') no-repeat center center;
}

.carrot_empty {
	background:url('images/carrot_empty.png') no-repeat center center;
}

/* Audio Player - One Button */

.compact_audio_player_wrapper {
    position: absolute;
    margin-top: 0px;
    pointer-events: all;
}
.gameProblem p  {
    text-indent: 64px;
}
.gameProblem p span  {
    text-indent: 0;
}


/* Default Play */
.sc_player_container1 .myButton_play {
  width: 48px !important;
  height: 48px !important;
  display: inline-block;
  background: transparent url('/wp-content/uploads/2025/09/audio_play-pause.png') no-repeat 0 0 !important;
  cursor: pointer;
  border: none;
}

/* Play focused / hover */
.sc_player_container1 .myButton_play:hover,
.sc_player_container1 .myButton_play:focus {
    background: transparent url('/wp-content/uploads/2025/09/audio_play-pause.png') no-repeat -48px 0 !important;
}

/* Pause */
.sc_player_container1 .myButton_stop {
  width: 48px !important;
  height: 48px !important;
  display: inline-block;
  background: transparent url('/wp-content/uploads/2025/09/audio_play-pause.png') no-repeat 0 -48px !important;
  cursor: pointer;
  border: none;
}

/* Pause focused / hover */
.sc_player_container1 .myButton_stop:hover,
.sc_player_container1 .myButton_stop:focus {
    background: transparent url('/wp-content/uploads/2025/09/audio_play-pause.png') no-repeat -48px -48px !important;
}
#canvas-description p {
    margin-left: 64px;
}


/*
.gameProblem {
	padding:0 35px;
}
*/
.problemParam {
	display:inline-flex;
	width:46px;
	height:46px;
	align-items:center;
	justify-content:center;
	font-size:22px;	
	color:#fff;
	font-weight:bold;
	background:#255e83;
	border-radius:3px;
	margin:5px;
	cursor: pointer;
	
	-webkit-box-shadow: 0px 3px 25px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    0px 3px 25px 0px rgba(50, 50, 50, 0.4);
	box-shadow:         0px 3px 25px 0px rgba(50, 50, 50, 0.4);	
}

.problemParam:hover {
	animation: pulse 1.5s infinite;
	background: #b64587;
	background-position:center center;
	background-repeat:no-repeat;
}
.dropzone.problemParam:hover {
	animation: none !important;
	background:#255e83;
	cursor: default;
}
.problemOperators {
	display:flex;
	align-items:center;
	justify-content:center;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	margin:10px 0 0 0;
}

.problemOperator {
	display:inline-flex;
	width:46px;
	height:46px;
	align-items:center;
	justify-content:center;
	font-size:22px;	
	color:#fff;
	font-weight:bold;
	background:#b8b8b8;
	border-radius:3px;
	margin:10px 10px;
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
	
	-webkit-box-shadow: 0px 3px 25px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    0px 3px 25px 0px rgba(50, 50, 50, 0.4);
	box-shadow:         0px 3px 25px 0px rgba(50, 50, 50, 0.4);		
}
.problemOperator:hover {
	animation: pulse 1.5s infinite;
	background: #b64587;
	background-position:center center;
	background-repeat:no-repeat;
}
.highlight_operand,
.highlight_operand:hover {
	background: #92376c;
}

.dropzone.problemOperator:hover {
	animation: none !important;
	/*
	background:#b8b8b8;
	*/
	cursor: default;
	/*
	background-image: url('images/plus.png');
	*/
	background-position: center center;
    background-repeat: no-repeat;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(182,69,135, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(182,69,135, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(182,69,135, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(182,69,135, 0.4);
    box-shadow: 0 0 0 0 rgba(182,69,135, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(182,69,135, 0);
      box-shadow: 0 0 0 10px rgba(182,69,135, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(182,69,135, 0);
      box-shadow: 0 0 0 0 rgba(182,69,135, 0);
  }
}

.problemOperator.plus {
	background-image:url('images/plus.png');
}

.problemOperator.minus {
	background-image:url('images/minus.png');
}

.problemOperator.times {
	background-image:url('images/times.png');
}

.problemOperator.division {
	background-image:url('images/div.png');
}

.placed {
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;		
}

.problemSolution {
	margin-top:10px;
	background: #e3ebf0;
	/*
	min-height: 350px;
	*/
}

.solutionStep {
	height:70px;
	display:flex;
	align-items:center;	
	padding:0 35px;
	max-width: 600px;
    margin: 0 auto
}


.solutionStep div, .solutionResult div {
	min-width: 46px;
	height:46px;
}

.stepNumber {
	width:46px;
	display:flex;
	align-items:center;
	justify-content:center;	
	font-size:28px;
	margin:0 10px;
}

.slot1x {
	width:46px;
	background:#fff;
	border:1px dashed #b8b8b8;
	border-radius:3px;
	margin:0 5px;
	display:flex;
	align-items:center;
	justify-content:center;	
	font-size:20px;	
	font-weight:bold;	
}

.equal {
	width:16px;
	background:url('images/equal.png') no-repeat center center;
	margin:0 5px;
}

.slot2x {
	min-width:70px;
	padding:0 10px;
	background:#fff;
	border:1px dashed #b8b8b8;
	border-radius:3px;
	margin:0 5px;	
	display:flex;
	align-items:center;
	justify-content:center;	
	font-size:20px;	
	font-weight:bold;
}

.stepButtons {
	margin-left:auto;
	display:flex;
}

.btn_clear {
	width:46px;
	margin-right:15px;
	cursor:pointer;
	background:url('images/btn_clear.svg') no-repeat center center;
}
.btn_clear:hover {
	background: url('images/btn_clear.svg') no-repeat center center;
	border-radius: 3px;
	background-color: #fff;
}

.btn_clear.disabled {
	background:url('images/btn_clear.svg') no-repeat center center;
	opacity: 0.3;
	cursor:not-allowed;
}

.btn_answer {
	width:46px;
	cursor:pointer;
	background:#628fac url('images/btn_answer.svg') no-repeat center center;
	border-radius:3px;
}

.btn_answer.disabled {
	background:transparent url('images/btn_answer_dis.png') no-repeat center center;
	opacity: 0.5;
	cursor:not-allowed;
}

.finishedStep {
	color:#b8b8b8;
}

.finishedStep .problemParam, .finishedStep .problemOperator {
	border:1px solid #b8b8b8;
	background-color:#fff!Important;
	color:#b8b8b8;
}

.finishedStep .problemOperator.plus {
	background-image:url('images/plus_grey.png') no-repeat center center!Important;
}

.finishedStep .problemOperator.minus {
	background-image:url('images/minus_grey.png') no-repeat center center!Important;
}

.finishedStep .problemOperator.times {
	background-image:url('images/times_grey.png') no-repeat center center!Important;
}

.finishedStep .problemOperator.division {
	background-image:url('images/div_grey.png') no-repeat center center!Important;
}

.slot2x.answered {
	display:inline-flex;
	height:46px;
	align-items:center;
	justify-content:center;
	color:#fff;
	font-weight:bold;
	background:#255e83;
	border-radius:3px;	
	border:none;
	cursor: pointer;
}
.slot2x.answered:hover {
	animation: pulse 1.5s infinite;
	background: #b64587;
}

.solutionResult {
	display:flex;
	align-items:center;	
	height:76px;
	padding:0 40px;
	margin-top:10px;
	background:#628fac;
	color:#fff;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}

.solutionResult .btn_clear {
	background-color:#fff;
	border-radius:3px;
}

.finalAnswer {
	margin-left:auto;
	display:flex;
	align-items:center;	
}

.finalAnswer .answerValue {
	min-width:150px;
	background-color:#fff;
	border-radius:3px;
	margin-left:15px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:bold;
	font-size:22px;
	color:#000;
	padding:0 10px;
}
@media screen {
	.finalAnswer .answerValue {
		min-width:125px;
	}
}

.finalAnswer .btn_answer {
	background:#91c02e url('images/btn_answer_fin.png') no-repeat center center!Important;
	margin-left:10px;
}

.finalAnswer .btn_answer.disabled {
	background:gray url('images/btn_answer_fin.png') no-repeat center center!Important;
	margin-left:10px;
	cursor:not-allowed;
}

.close_btn {
	width:42px;
	height:42px;
	background:url('images/close-black.svg') no-repeat center center;
	cursor:pointer;
	opacity: 0.5;
	margin: 0 0 0 10px;
	/*
	margin-left:auto;
	position: absolute;
    top: 0;
    right: 0;
	*/
}
.close_btn:hover {
	opacity: 1;
}
.back_btn button,
.help_btn button {
	width: 38px;
	height: 38px;
	margin: 0 10px 0 0;
    -moz-border-radius: 21px;
    -webkit-border-radius: 21px;
    border-radius: 21px;
    opacity: 0.5;
	padding: 0;
	outline: 0;
}
.back_btn button {
	background: #908f8a url('images/back_btn.svg') no-repeat center center;
}
.back_btn button:hover {
	background: #255e83 url('images/back_btn.svg') no-repeat center center;
	opacity: 1;
}
.help_btn button {
	margin: 0 10px;
	background: #908f8a url('images/help_btn.svg') no-repeat center center;
}
.help_btn button:hover {
	background: #255e83 url('images/help_btn.svg') no-repeat center center;
	opacity: 1;
}


[draggable] {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	/* Required to make elements draggable in old WebKit */
	-khtml-user-drag: element;
	-webkit-user-drag: element;
 }

.highlight_operand {
	
}

 .game-header .breadcrumbs {
 	
 }
 
 .game-footer,
 .game-footer_p {
 	font-size: 12px;
	text-align: center;
	padding: 10px 0;
	line-height: 1;
 }

/* PopUPs */

.popup {
	width:800px;
	background:#fff;
	padding:15px 20px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	box-sizing: border-box!important;	
}

.popup h1 {
	margin-top:10px;
	transition: 0.2s all ease-in-out;
}

.levels {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;	
	display:flex;
	justify-content:center;
	align-items:center;	
	padding:30px 0;
	width:100%;
}

.levelWrap {
	border-radius:15px;
	padding:10px;
	margin:0 20px;
	transition: 0.2s all ease-in-out;
	cursor:pointer;
}

.levelWrap:hover {
	background:#255e83;
	color:#ccc;
}

.levelWrap:hover h1 {
	color:#fff;
}

.level {
	width:180px;
	height:200px;
	border:1px solid #e0e0e0;
	border-radius:10px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;	
}

.level h1 {
	margin-top:25px;
	margin-bottom:10px;
	font-size:20px;
}

.lvlCarrots {
	display:flex;
	justify-content:center;
	align-items:center;	
}

.lvl_carrot {
	width:47px;
	height:78px;
	background:url('images/big_carrot.png') no-repeat center center;
}

.lvl_carrot_empty {
	width:47px;
	height:78px;
	background:url('images/big_carrot_empty.png') no-repeat center center;
}

.popup .popup-body {
	display:flex;
	justify-content:center;
	flex-direction: column;
	align-items: center;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;	
	padding: 20px 0 30px 0;
	width:100%;
}
.popup-description {
	text-align: center;
}

.popup .buttons {
	margin-top:10px;
}

.popup .buttons button {
	padding:0;
}

.popup .buttons .btn_back {
	background:#255e83 url('images/arrow_left.png') no-repeat 20px center;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	padding:10px 30px 10px 50px;
	height:40px;
}

.popup .buttons .btn_back:hover {
	background:#255e83 url('images/arrow_left.png') no-repeat 20px center;
}

.popup .buttons .btn_no, .popup .buttons .btn_no:hover {
	background:#d070a8 url('images/no.png') no-repeat center center;
	height:40px;
	width:110px;
}

.popup .buttons .btn_yes, .popup .buttons .btn_yes:hover {
	background:#255e83 url('images/yes.png') no-repeat center center;
	height:40px;
	width:110px;
}

.ajax-loader {
   position: absolute;
   left: 0;
   top: 100px;
   right: 0;
   bottom: 0;
   margin: 0 auto;
 }

 .test-solved-style {
   text-decoration: line-through;
 }
 
 /*
 	Forum
 */
#af-wrapper .main-title {
	display: none !important;
	height: 20px;
}
#af-wrapper #forum-breadcrumbs {
	padding: 10px 8px !important;
}
#af-wrapper .title-element {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	height: 52px !important;
}
.dashicons, .dashicons-before:before {
	width: 32px !important;
}
 
/*
	*Plugin: Accordion - rewrite
*/
.responsive-accordion {
	margin: 0 !important;
}
.container.theme1 {
	padding: 0 20px;
}
.responsive-accordion.responsive-accordion-default.bm-larger > li,
.entry-content .acc_section {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	background-color: #265d83 !important;
	-webkit-border-radius: 32px !important;
	border-radius: 32px !important;
	padding-bottom: 1px;
	border: 0px !important;
}
.responsive-accordion-default.responsive-accordion li .responsive-accordion-head,
.entry-content .acc_head {
	padding: 20px 30px !important;
	-webkit-border-radius: 32px !important;
	border-radius: 32px;
	border: none !important;
}
.responsive-accordion-default.responsive-accordion li .responsive-accordion-panel,
.entry-content .acc_content {
	border: 0 !important;
	-webkit-border-radius: 16px !important;
	border-radius: 16px !important;
	margin: 12px 24px 24px 24px !important;
	-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.2) !important;
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.2) !important;
	padding: 24px !important;
}

.entry-content .acc_head span {
	top: 16px !important;
    right: 30px !important;
	position: absolute !important;
}
.entry-content .fa-plus,
.entry-content .acc_active .fa-minus {
	top: 16px !important;
    right: 40px !important;
	width: 32px !important;
	height: 32px !important;
	font-size: 50px;
	color: #fff;
	font-weight: 400 !important;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
	content: "" !important;
	
	background:url('images/plus-acc.svg') no-repeat scroll 0 0 !important;
}

.entry-content .acc_active .fa-minus {
	background:url('images/minus-acc.svg') no-repeat scroll 0 0 !important;
}
.entry-content .fa-plus:before,
.entry-content .acc_active .fa-minus:before {
	content: "" !important;
}


.responsive-accordion-default.responsive-accordion li .responsive-accordion-head i {
	top: 16px !important;
    right: 40px !important;
}

.entry-content .video {
	text-align: center;
	padding: 30px 0;
	margin: 30px 20px;
	background: #ffffff;
	-webkit-border-radius: 16px;
    border-radius: 16px;
	-webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 25px 0 rgba(0,0,0,0.1);
}
.entry-content .video h3 {
	background: none;
}
.entry-content .video iframe {
    margin-bottom:0;
}
a.amazon {
	background:#FFD814;
	color:#0F1111;
	border-radius: 99px;
	padding: 10px 80px;
    display: inline-block;
    text-decoration: none;
    margin: 10px 0;
    font-weight: 600;
}
a.amazon:hover {
	background:#F0B800;
}

.entry-content .acc_content ul.doc {
	margin: 50px 0;
}


/*
1300 - for games
 999
 910
 768
 480
 320 
 */

@media screen and (max-width: 1280px) {
	.problem-solving-game .container,
	.jeu-de-resolution-de-problemes .container {
		padding: 10px 0 0 0;
	}
}

@media screen and (max-width: 999px) {
	.sidebars-4c li {
		width: 50%;
		margin-top: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		border-top: 1px solid #d2d1c8;
		border-bottom: 1px solid #d2d1c8;
		border-left: 1px solid #d2d1c8;
		height: 250px;
	}
	.sidebar-left {
		margin: 0 !important;
		padding: 0 !important;
	}
	.sidebar.sidebar-left ul.sidebar-widget {
		margin: 0;
	}
	.sidebar .widget_mc4wp_form_widget,
	.sidebar .recent-posts-widget-with-thumbnails {
		display: none;
	}
	.sidebar .selectMenu {
		width: 100%;
		text-align: center;
	}
	.selectMenu select {
		display: block;
	}	
	.sidebar .selectMenu select { 
		height: 40px;
		width: 300px;
		border: 1px #000 solid;
		cursor: pointer;
		margin: 0 auto;
		font-size: 18px;
	}
	.sidebar .selectMenu ul,
	.header-contacts {
		display: none;
	}
    .sidebar .selectMenu {
		display: inline-block;
	}
	
	.footer-site-map .columns {
		width: 100%;
		margin-bottom: 15px;
		border: 0
	}
	.footer-site-map .columns li li {
		display: inline-table;
		width: 180px;
	}
	.problem-solving-game .container {
		padding: 20px 0 0 0;
	}
	.problem-solving-game .page-content.white {
		padding-left:20px;
		padding-right: 20px;
		margin-left: 0;
		margin-right: 0;
	}
	.problem-solving-game .entry-content {
		margin-left: 0;
		margin-right:0;
	}
	.problem-solving-game .gamePage {
		width:100%;
	}
	.page-content.white {
		margin-left: 0;
		margin-right: 0;
	}
	.gamePage {
    	width: 100%;
	}
	.breadcrumbs {
		padding-top: 10px;
		padding-bottom: 0;
	}
	.site-content.front.blue {
		padding-left: 20px;
		padding-right: 20px;
	}
	.entry-header, .page-header, .entry-summary, .entry-content, .entry-footer, .page-content {
		margin-left: 20px;
		margin-right: 20px;
	}
	.content-area-left .fluid {
		padding: 20px 0
	}
	ul.games-cat li { 
		margin: 0;
	}
}
	

@media screen and (max-width: 910px) {
	.logo {
		margin-left: 10px;
	}
	.frontpage-main {
		height: 550px;
	}
	.frontpage-main p {
		width: 100%;
		max-width: inherit;
		margin-right: 0;
	}
	.col-4, .col-6, .col-8 {
		width: 100%;
	} 
	.page-content.white {
		padding-left: 0;
		padding-right: 0;
	}
	.popup {
		width: 100%;
		display: inherit
	}
	.levels {
		display: inherit
	}
	.level {
		width: 100%;
	}
	#fancybox-outer #fancybox-close {
		background: url(images/close-black.svg);
		top:5px;
		right: 5px;
	}
}
@media screen and (max-width: 767px) {
	.sidebars-2c li {
		width: 100%;
		margin: 10px 0;
	}
	.frontpage-main {
		height: 580px;
	}
	.frontpage-main {
		background-size: 95%;
	}
	.post_thumbnail {
		float: none;
		margin: 20px auto;
	}
	.sidebar ul.sidebar-widget {
		margin: 0;
	}
	.footer-left,
	.footer-right,
	.fluid_f {
		width: 100%;
		margin: 20px 0;
		float: none;
	}
	.fluid_f {
		border-bottom: 1px solid #3e6f91;
		padding-bottom: 20px;
    	margin-bottom: 30px;
	}
	.problem-solving-game .gameHeader h1 {
		margin-top: 70px;
	}
	.problem-solving-game .carrots {
		position: absolute;
    	right: 10px;
    	margin-top: -45px;
	}
	ul.games-cat li,
	ul.games-cat a .game-cat-title {
		width: 100%;
		text-align: center
	}
	ul.games-cat a .game-cat-title {
		display: block
	}

}


@media screen and (max-width: 625px) {
	.header {
		height: auto;
	}
	.logo {
		margin:20px auto;
		width: 100%;
		background-image: url(images/Elena-Polotskaia_b.svg);
		height: 22px;
	}
	
	.site-branding .separator {
		display: none;
	}
	.status {
		width: 100% !important;
		float: none;
		margin: 10px;
		text-align: center;
	}
	.uqo {
		float: none;
		margin: 20px auto;
	}
	.site-branding {
		padding: 0 5px;
	}
	.top-menu {
		float: left;
	}
	.top-nav li {
		padding: 12px 2px 15px 2px;
	}
	.languages {
		margin-left: 10px;
	}
	.languages ul {
		padding-right: 0;
	}
	.solutionStep {
		padding: 0;
	}
	.stepNumber {
		width: 20px;
		min-width: 20px !important;
		margin-right: 0px;
		font-size: 20px;
		justify-content: left;
	}

}

@media screen and (max-width: 479px) {
	.menu-toggle,
	#site-header-menu.toggled-on {
		top:0;
	}
	.sidebars-4c li {
		width: 100%;
		height: auto;
	}
	.nav-links .nav-previous,
	.nav-links .nav-next {
		width: 100%;
		display: block;
	}
	.container {
		padding: 20px 0 0 0;
	}
	.page-content.white {
		padding: 10px 0 50px 0;
	}
	.publications .thumbnail {
		width: 100px;
		margin: 0 auto;
		float: none;
	}
	.publications .content {
		margin: 20px 0 0 0;
	}
	.paddingleft40 {
		padding-left: 0;
	}
	.top-menu, 
	.languages {
		float: none;
		margin: 0 auto;
		text-align: center;
		display: block;
	}
	.front-sidebar-widget {
		padding-left: 10px;
		padding-right: 10px;
	}
	.front-sidebar-widget .widget_text {
		margin: 20px 0 0 0;
	}
	
	.front-sidebar-widget .custom_html-6,
	.front-sidebar-widget .custom_html-7,
	.front-sidebar-widget .custom_html-8, 
	.front-sidebar-widget .custom_html-9,
	.front-sidebar-widget .custom_html-10,
	.front-sidebar-widget .custom_html-11,
	
	.front-sidebar-widget .custom_html-6 a,
	.front-sidebar-widget .custom_html-7 a,
	.front-sidebar-widget .custom_html-8 a, 
	.front-sidebar-widget .custom_html-9 a, 
	.front-sidebar-widget .custom_html-10 a,
	.front-sidebar-widget .custom_html-11 a {
		width: 100%;
	}
	
	ul.ppt li, ul.doc li, ul.pdf li, ul.youtube li {
		padding: 0;
		margin-left: 0px;
	}
	ul.ppt li a, ul.doc li a, ul.pdf li a, ul.youtube li a {
		margin-left: 0;
	}
	a.game img {
		float: none;
		margin: 0 auto;
	}
	
	.jeu-de-resolution-de-problemes .container {
		padding: 10px 0 0 0
	}
	
	
	
}
@media screen and (max-width: 375px) {
	.frontpage-main {
		height: 680px;
	}
	.footer-site-map .columns li li {
		width: 100%;
	}

	/*Games*/
	.solutionResult {
		padding: 0 10px;
	}
}

#page {
	height: 100vh;
}

:root {
   --app-height: 100%;
}

body {
	padding-bottom: env(safe-area-inset-bottom);
	min-height: -webkit-fill-available;
}