body{
background: var(--site-background-color);
position: relative;
color: var(--container-text-color);
font-family: -apple-system, BlinkMacSystemFont,
"Segoe UI", "Roboto", "Poppins", "Oxygen", "Ubuntu", "Cantarell",
"Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
margin: 0;
}
a {
text-decoration: none;
color: var(--container-link-color);
}
a:hover {
text-decoration: underline;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
}
.btn {
border: none;
font-weight: var(--container-button-font-weight);
font-size: var(--container-button-font-size);
line-height: 24px;
color: var(--container-button-text-color);
background: var(--container-button-background-color);
padding: 11px 32px;
display: inline-block;
cursor: pointer;
border-radius: 10px;
box-sizing: border-box;
text-align: center;
}
.btn.login {
background: var(--header-login-button-background-color);
color: var(--header-login-button-text-color);
}
.btn.login:hover {
background: var(--header-login-button-background-hover-color);
color: var(--header-login-button-text-hover-color);
}
.btn:hover {
text-decoration: none;
color: var(--container-button-hover-text-color);
background: var(--container-button-hover-background-color);
}
ul li {list-style-position: inside; list-style-type: none;
}
ul li a {
font-weight: normal;
font-size: 14px;
line-height: 24px;
color: var(--footer-menu-link-color);
text-decoration: none;
}
ul li a:hover {
color: var(--container-link-color);
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 32px;
}
@media only screen and (max-width: 1024px) {
.container {
padding: 0 16px;
}
}
.container.lang-menu {
margin: 50px 0;
display: flex;
justify-content: space-between;
align-items: center;
flex: 1;
}
h1 {
margin-top: 0;
font-size: var(--container-h1-font-size);
line-height: 48px;
margin: 20px 0 16px 0;
text-align: left;
}
h2 {
font-size: var(--container-h2-font-size);
line-height: 32px;
margin: 32px 0 12px;
}
h3 {
font-size: var(--container-h3-font-size);
line-height: 28px;
margin: 28px 0 12px;
}
h1, h2, h3, {
font-weight: var(--container-h-font-weight);
color: var(--container-text-color);
}
p {
font-style: normal;
font-weight: var(--container-font-weight);
font-size: var(--container-font-size);
line-height: 22px;
color: var(--container-text-color);
margin-bottom: 24px;
}
@media (max-width: 767px) {
h1 {
font-size: 32px;
line-height: 40px;
margin: 20px 0 12px 0;
}
h2 {
font-size: 28px;
line-height: 32px;
margin: 20px 0 8px;
}
h3 {
font-size: 24px;
line-height: 32px;
}
}
.header {
background: var(--header-top-background-color);
position: relative;
height: 70px;
}
.header__right {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 30px;
z-index: 10;
display: flex;
justify-content: space-between;
}
.amp-logo{
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 100px;
}
.header__right_mobile-button {
display: none;
padding: 10px 8px;
}
.top-wrap {
display: none;
margin-top: 50px;
}
.top-wrap .btn{
background: var(--header-login-button-background-color);
}
.menu-mobile-logo {
display: none;
}
.toggle-header .header__right_mobile-button {
display: none;
}
@media only screen and (max-width: 1024px) {
.menu-mobile-logo {
display: block;
}
.header__top_buttons {
display: none;
}
.toggle-header .header__right_mobile-button {
display: flex;
}
.amp-logo {
left: 50%;
transform: translate(-50%, -50%);
}
.header__right {
right: 20px;
}
.header__right_mobile-button {
display: flex;
}
.top-wrap {
display: flex;
justify-content: space-between;
}
}
.toggle-header {
display: flex;
justify-content: space-between;
width: 95%;
}
.menu-mobile-logo {
position: absolute;
top: 0;
right: 50%;
}
.for_langs {
z-index: 100;
width: 110px;
margin-left: 100px;
}
.for_langs.lang-footer {
top: 0;
left: 0;
height: 50px;
}
}
.lang-toggle-block {
display: flex;
flex-direction: column;
justify-content: flex-start;
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
font-size: 14px;
}
amp-accordion section[expanded].lang-toggle-block{
background: var(--header-lang-switcher-dropdown-background-color);
border-radius: 10px;
max-height: 150px;
}
.lang-toggle-block__item {
background: none;
color: var(--header-lang-switcher-link-color);
border: none;
display: flex ;
align-items: center;
gap: 10px;
margin: 10px;
}
.lang-toggle-block__item.current-lang span {
top: 2px;
justify-content: flex-start;
display: flex;
position: relative;
align-items: center;
gap: 10px;
width: 100%;
}
.lang-toggle-block__item.current-lang {
top: 2px;
justify-content: flex-start;
position: relative;
width: calc(100% - 40px);
align-items: center;
margin-top: 0;
margin-bottom: 0;
}
.lang-block-wrapper {
position: absolute;
display: flex;
justify-content: flex-end;
width: 110px;
height: 46px;
}
.lang-button {
display: flex;
position: relative;
z-index: 2;
width: 10px;
height: 10px;
cursor: pointer;
align-items: center;
justify-content: flex-end;
top: 20px;
left: 85%;
}
.for_langs.mobile-menu {
display: none;
top: 50px;
right: 30px;
}
@media only screen and (max-width: 1024px) {
.for_langs.mobile-menu {
display: block;
margin-right: 30px;
}
.for_langs.hide-mobile {
display: none;
}
}
.nav_container{ padding: 0 32px; background: var(--header-top-background-color); box-shadow: 0 4px 30px rgb(0 0 0 / 25%); color: #fff; text-align: center }
.nav_container {
position: relative;
height: 70px;
width: 50px;
cursor: pointer;
}
amp-sidebar{ width: 250px;background: var(--header-left-menu-background-color); }
.amp-sidebar-image{ line-height: 100px; vertical-align:middle; }
.amp-close-image{ top: 15px; left: 225px; cursor: pointer; }
.toggle-navigationv2 {
position: relative;
}
@media only screen and (max-width: 1024px) {
amp-sidebar {
width: 100%;
max-width: 100%;
}
}
.toggle-navigationv2 ul{
flex-direction: column;
text-align: right;
justify-content: flex-start;
align-items: start;
padding: 8px 8px 15px;
margin-left: 20px;
max-width: 100%;
}
.toggle-navigationv2 ul li {
list-style-type: none;
display: block;
text-align: left;
white-space: nowrap;
position: relative;
margin: 0 20px;
padding: 12px 0 12px 0;
text-align: left;
}
.toggle-navigationv2 ul li a, span {
color: var(--header-left-menu-link-color);
text-align: left;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.08em;
color: var(--header-top-menu-link-color);
cursor: pointer;
display: block;
max-width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.toggle-navigationv2 ul li a, span:hover {
text-decoration: none;
color:
}
.close-nav {
cursor: pointer;
width: 50px;
height: 50%;
margin: 20px;
}
.close-nav span{
height: 2px;
width: 30px;
background: var(--header-left-menu-burger-button-icon-color);
position: relative;
}
.close-nav span:first-child {
transform: rotate(45deg);
top: 3px;
}
.close-nav span:last-child {
transform: rotate(-45deg);
}
.toggle-text{
color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; display: inherit; text-align: center;
width: 40px;
height: 20px;
position: absolute;
left: 32px;
top: 50%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
align-items: end;
justify-content: space-between;
}
.toggle-text span {
height: 2px;
border-radius: 2px;
background: var(--header-left-menu-burger-button-icon-color);
}
.toggle-text span:nth-child(1) {
width: 26px;
}
.toggle-text span:nth-child(2) {
width: 36px;
}
.toggle-text span:nth-child(3) {
width: 30px;
}
.nav_container:hover + .toggle-navigation, .toggle-navigation:hover, .toggle-navigation:active, .toggle-navigation:focus{ display: inline-block; width: 100%; }
.footer {
width: 100%;
margin-top: 50px;
padding-top: 50px;
background: var(--footer-background-color);
position: relative;
}
.footer .container-lang-menu {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.row {
display: flex;
align-items: center;
justify-content: center;
}
.footer-icons--top {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.footer-icons--top__item {
margin-bottom: 20px;
min-width: 115px;
justify-content: center;
align-items: center;
display: flex;
}
.footer-middle {
border-top: 1px solid #C3D1DA;
border-bottom: 1px solid #C3D1DA;
padding: 24px 0;
}
.footer-icons--middle {
display: flex;
align-items: center;
justify-content: space-around;
width: 100%;
}
.footer-icons--middle__item {
margin: 10px 0;
}
.footer-menu {
flex: 1;
margin-left: 50px;
width: 100%;
}
.footer-menu ul {
padding: 0;
list-style-type: none;
display: flex;
justify-content: space-evenly;
margin: 0;
flex-grow: 1;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 40px;
}
.copyright {
font-weight: normal;
font-size: 12px;
line-height: 20px;
color: var(--footer-text-color);
text-align: center;
padding: 24px 0;
width: 100%;
}
.lightbox-content {
background: white;
padding: 20px;
text-align: center;
}
@media only screen and (max-width: 760px) {
.footer .container-lang-menu {
flex-direction: column;
margin: 50px 0;
}
.for_langs.lang-footer {
margin: 0;
}
.container.lang-menu {
width: 100%;
}
.footer-menu {
margin-left: 0;
}
}
.popup-form {
flex-flow: column;
align-items: center;
cursor: default;
position: fixed;
background: var(--popup-background-color);
border-radius: 16px;
padding-bottom: 40px;
padding-top: 40px;
max-width: 660px;
width: 60vw;
z-index: 1001;
opacity: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: opacity 0.2s linear 0.3s;
display: flex;
}
@media only screen and (max-width: 650px) {
.popup-form {
width: 80vw;
}
}
.under_popup {
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.popup-form-close-button {
position: absolute;
right: 10px;
top: 10px;
font-size: 40px;
line-height: 20px;
color: var(--popup-text-color);
bottom: auto;
left: auto;
z-index: 1005;
cursor: pointer;
opacity: 1;
transition: opacity 0.2s linear 0.3s;
}
.popup-form-popup-title {
font-size: var(--container-h3-font-size);
color: var(--popup-text-color);
margin: 20px 0 5px;
text-align: center;
font-weight: var(--container-h-font-weight);
}
.popup-form-popup-text {
font-size: var(--container-h1-font-size);
color: var(--popup-text-color);
font-weight: var(--container-h-font-weight);
margin: 10px 0;
text-align: center;
}
.scroll-to-top {
display: block;
background-repeat: no-repeat;
background-position: center;
position: fixed;
right: 40px;
bottom: 100px;
width: 48px;
height: 58px;
text-align: center;
cursor: pointer;
z-index: 99;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.scroll-to-top svg path {
fill: var(--container-button-scroll-top-color);
}
.scroll-to-top svg path:hover {
fill: var(--container-button-scroll-top-hover-color);
}
.header_banner {
position: relative;
}
.header_banner img {
object-fit: cover;
width: 100%;
height: 100%;
}
@media only screen and (min-width: 768px) {
.header_banner .container {
width: 100%;
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
}
@media only screen and (max-width: 767px) {
.header_banner .container {
width: 100%;
min-height: unset;
border-radius: 0;
padding: 35px 0;
margin-left: 0;
background: var(--banner-background-color);
display: flex;
justify-content: center;
}
.header_banner__text {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
}
.header_banner__text_top {
font-size: var(--banner-text-font-size);
font-weight: 700;
color: var(--banner-text-color);
margin-top: 0;
margin-bottom: 0;
}
.header_banner__text_button {
margin-top: 20px;
}
@media only screen and (min-width: 768px) {
.header_banner img {
min-height: 600px;
max-height: 600px;
}
}
.the_content table {
border-collapse: collapse;
max-width: 100%;
text-align: center;
text-shadow: none;
width: 100%;
}
.the_content table tr {
background: var(--container-table-header-background-color);
}
.the_content table tr:nth-child(even) {
background: var(--container-table-header-background-color) ;
}
.the_content table th {
background: var(--container-table-odd-row-background-color);
border-bottom: 1px solid var(--container-table-border-color) ;
}
.the_content table tr th {
font-weight: 800;
line-height: 18px;
color: var(--container-table-header-text-color);
background: var(--container-table-header-background-color);
border: 1px solid var(--container-table-header-border-color);
border-top: none;
}
.the_content table tr td {
font-size: var(--container-font-size);
line-height: 24px;
color: var(--container-table-text-color);
padding: var(--container-table-cell-padding);
box-sizing: border-box;
border-radius: 0;
text-align: center;
text-align: left;
border: 1px solid var(--container-table-header-border-color);
border-bottom: none;
}
.the_content table tr {
border: none;
}
.the_content table td:first-child {
border: 1px solid var(--container-table-header-border-color);
}
.the_content table th:first-child {
text-align: center;
}
.btn--wrap {
margin: 20px auto;
display: flex;
justify-content: center;
align-items: center;
}
.bonus-block--row {
display: flex;
margin: 40px -40px;
}
.bonus-item {
display: flex;
flex-flow: column;
background: var(--bonus-background-color);
border-radius: 16px;
cursor: default;
position: relative;
margin-top: 40px;
margin-bottom: 40px;
min-height: 120px;
height: 100%;
justify-content: center;
}
.bonus-item--small {
padding: 0;
margin: 0 40px;
width: 50%;
}
.bonus-item-content {
background: var(--bonus-background-color);
border-radius: 16px;
min-height: 180px;
display: flex;
justify-content: center;
}
.bonus-item-top--small {
padding: 20px;
min-height: auto;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
}
.bonus-item-top-buttons .main-button {
padding: 11px 31px;
font-weight: var(--container-button-font-weight);
color: var(--bonus-button-text-color);
cursor: pointer;
background: var(--bonus-button-background-color);
border-radius: 8px;
margin-top: 15px;
margin-bottom: 15px;
font-size: var(--container-button-font-size);
border: none;
}
.bonus-item-top-buttons .main-button:hover {
text-decoration: none;
color: var(--container-button-hover-text-color);
background: var(--container-button-hover-background-color);
}
.bonus-item-top-titles .capt {
color: var(--bonus-text-color);
font-weight: 800;
font-size: 28px;
text-transform: uppercase;
}
.bonus-item-top-titles {
text-align: center;
}
.bonus-item-top-titles .text {
color: var(--bonus-text-color);
font-weight: 800;
font-size: 20px;
}
.bonus-item-top-block {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
}
.bonus-block--large {
height: 450px;
}
.bonus-block--large .bonus-item-top {
height: 100%;
display: flex;
justify-content: center;
}
.bonus-block--large .bonus-item-top-buttons a.main-button {
font-size: 36px;
padding: 11px 70px;
}
.bonus-block--large .bonus-item-top-titles .text {
font-size: 40px;
}
.bonus-block--large .bonus-item-top-titles .capt {
font-size: 48px;
margin-bottom: 50px;
line-height: 56px;
}
.bonus-block button:hover {
text-decoration: none;
color: var(--container-button-hover-text-color);
background: var(--container-button-hover-background-color);
}
@media only screen and (max-width: 767px) {
.bonus-block--row {
flex-direction: column;
}
.bonus-item--small {
width: 100%;
margin: 20px 0;
}
.bonus-block--row {
margin: 0;
}
.bonus-block--large .bonus-item-top-titles .capt {
font-size: 28px;
margin-bottom: auto;
}
.bonus-block--large .bonus-item-top-titles .text {
font-size: 20px;
}
.bonus-block--large .bonus-item-top-buttons a.main-button {
font-size: var(--container-button-font-size);
padding: 11px 31px;
}
.bonus-block--large {
height: auto;
}
.bonus-block--large .bonus-item {
margin-top: 20px;
}
}
.breadcrumb {
margin-top: 25px;
margin-bottom: 25px;
max-width: 100%;
}
.breadcrumb ul li a {
color: var(--container-link-color);
}
.breadcrumb ul li a, .breadcrumb ul li strong {
font-size: 14px;
}
.breadcrumb strong {
font-weight: normal;
}
.ctoc-toggle {
display: none;
}
#toc_container {
overflow: hidden;
position: relative;
}
#toc_container ul {
gap: 10px;
display: flex;
flex-flow: wrap;
list-style-type: none;
justify-content: center;
padding: 0;
}
#toc_container ul li {
background: inherit;
border-radius: 8px;
padding: 8px 20px 10px 20px;
margin-bottom: 0;
cursor: pointer;
}
#toc_container ul li a {
color: var(--toc-link-color);
font-size: 13px;
font-weight: 400;
text-decoration: none;
}
#toc_container ul li a:hover {
color: var(--container-link-hover-color);
}
@media only screen and (max-width: 767px) {
.toc {
border-radius: 24px;
background: var(--toc-background-mobile-color);
}
}
.faq-list .faq-list__item {
padding: 16px 20px;
background: var(--faq-background-color);
border-radius: 10px;
margin-bottom: 12px;
border: 1px solid var(--faq-background-color);
}
.faq-list .faq-question {
background: var(--faq-background-color);
border: none;
}
.faq-list .faq-question svg {
position: absolute;
right: 11px;
top: 7px;
}
.faq-list p {
margin-bottom: 0;
}
amp-accordion section[expanded] .faq-question svg {
transform: rotate(180deg);
}
.amp-wp-content table , .cntn-wrp.artl-cnt table{height: auto;}
amp-img.amp-wp-enforced-sizes[layout=intrinsic] > img, .amp-wp-unknown-size > img { object-fit: contain; }
.rtl amp-carousel {direction: ltr;}
.rtl .amp-menu .toggle:after{left:0;right:unset;}
.sharedaddy li{display:none}
sub {vertical-align: sub;font-size: small;}
sup {vertical-align: super;font-size: small;}
@media only screen and (max-width: 480px) {
svg {max-width: 250px;max-height: 250px;}
}
h2.amp-post-title {
word-break: break-word;
word-wrap: break-word;
}
@media (min-width: 768px){
.artl-cnt .wp-block-column {
max-width: 100%;
}}
h1,h2,h3,h4,h5,h6{
font-family:1 }
/* Tables */
.wp-block-table{ min-width :240px;}
table.wp-block-table.alignright,table.wp-block-table.alignleft,table.wp-block-table.aligncenter{width: auto;}
table.wp-block-table.aligncenter{width: 50%;}
table.wp-block-table.alignfull,table.wp-block-table.alignwide{display: table;}
table { overflow-x: auto; }
table a:link { font-weight: bold; text-decoration: none; }
table a:visited { color: #999999; font-weight: bold; text-decoration: none; }
table a:active, table a:hover { color: #bd5a35; text-decoration: underline; }
table { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 15px; text-shadow: 1px 1px 0px #fff; background: inherit; margin: 0px; width: 95%; }
table th { padding: 21px 25px 22px 25px; border-top: 1px solid #fafafa; border-bottom: 1px solid #e0e0e0; background: #ededed; }
table th:first-child { text-align: left; padding-left: 20px; }
table tr:first-child th:first-child { -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; }
table tr:first-child th:last-child { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
table tr { text-align: center; padding-left: 20px; border: 2px solid #eee;}
table td:first-child {padding-left: 20px; border-left: 0; }
table td { padding: 18px; border-top: 1px solid #ffffff; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;}
table tr.even td { background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6)); }
table tr:last-child td {border-bottom: 0;}
table tr:last-child td:first-child { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
table tr:last-child td:last-child { -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
@media screen and (min-width: 650px) { table {display: inline-table;} }
.has-text-align-left { text-align: left;}
.has-text-align-right { text-align: right;}
.has-text-align-center { text-align: center;}
.collapsible-captions amp-img img {object-fit: contain;}
.web-stories-list__story-poster amp-img {
width: 100%;
height: 100%;
}
amp-web-push-widget button.amp-subscribe {
display: inline-flex;
align-items: center;
border-radius: 5px;
border: 0;
box-sizing: border-box;
margin: 0;
padding: 10px 15px;
cursor: pointer;
outline: none;
font-size: 15px;
font-weight: 500;
background: #4A90E2;
margin-top: 7px;
color: white;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.amp-logo amp-img{width:190px}
aside{width:150px}
.amp-menu{list-style-type:none;margin:0px;padding:0}.amp-menu li{position:relative;display:block}.amp-menu li.menu-item-has-children ul{display:none}.amp-menu li.menu-item-has-children>ul>li{padding-left:10px}.amp-menu>li a{padding:7px;display:block;margin-bottom:1px}.amp-menu>li ul{list-style-type:none;margin:0;padding:0;position:relative}
/** Dropdown CSS **/
amp-sidebar{padding:15px;}
.amp-sidebar-close{border-radius: 100%;cursor:pointer;}
.amp-search-wrapper{margin-bottom:15px;}
.amp-menu li.menu-item-has-children ul{display:none;margin:0;}
.amp-menu li.menu-item-has-children ul, .amp-menu li.menu-item-has-children ul ul{font-size:14px;}
.amp-menu input{display:none;}
.amp-menu [id^=drop]:checked + label + ul{ display: block;}
.amp-menu .toggle:after{content:'\25be';position:absolute;padding: 10px 15px 10px 30px;right:0;font-size:18px;color:#ed1c24;top:0px;z-index:10000;line-height:1;cursor:pointer;}
Slot The Sword And The Grail
