/* from global */

h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
}
.page-title-wrap h1.page-title {
  font-family: inherit;
}

.view-templates .views-row {
  float: left;
  height: 230px;
  margin: 0 80px 40px 0;
  width: 220px;
  text-align: center;
}
.view-templates .views-row {
  float: left;
  height: auto;
  margin: 0 20px 40px 0;
  width: 340px;
  text-align: center;
  background: #eee;
  padding: 5px 8px 10px;
}
.view-templates .views-row .views-field-title {
  margin-top: 5px;
}
.captcha {
  border: none;
}
.page-type-article .field--name-field-image {
  float: right;
  width: 400px;
  margin-left: 2rem;
}
/* from global */

/* for machi*/
.view-portfolio .views-view-responsive-grid__item {
  margin-bottom: 40px;
}
.region-primary-menu {
  display: flex;
}
.language-switcher-language-url {
  margin-top: 11px;
  margin-left: 20px;
}
.language-switcher-language-url ul.links li {
  display: inline-block;
  padding: 0 20px 0 0;
}
.language-switcher-language-url ul.links li:hover a,
.language-switcher-language-url ul.links li.is-active a {
  text-decoration: underline;
}
b, strong {
  color: inherit;
}
button::before,
.button::before,
.button-primary::before,
.button-secondary::before,
.button-dark::before {
  background-color: inherit;
}
@media (max-width: 1024px) {
  .region-primary-menu {
    display: block;
  }
  .language-switcher-language-url {
    margin-left: 0;
  }
  .language-switcher-language-url ul.links {
    padding-left: 0;
  }
}
/* End for machi */

/* Tara override */
@media (min-width: 1024px) {
  body {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 767px) {
  .header-top-left {
    margin-bottom: 0;
  }
}
@media (max-width: 1024px) {
  .full-page-search {
    display: none;
  }
}

ul.main-menu > li {
  text-wrap: nowrap;
}

@media (min-width: 768px) {
  .region-primary-menu .submenu,
  .region-primary-menu .submenu .menu-item {
    background-color: #606060;
  }
  .region-primary-menu .submenu .menu-item:hover {
    background-color: #555;
  }
  .region-primary-menu .submenu {
    padding: 0;
  }
  .region-primary-menu .submenu .menu-item {
    padding: 0 0.5rem;
  }
  .region-primary-menu .menu-item-level-1:hover {
    background-color: #555;
  }
  .region-primary-menu .menu-item-level-1 a:hover,
  .region-primary-menu .menu-item-level-1 > span:hover {
    background-color: #555;
  }
  .menu-item-has-children::after {
    content: "";
  }
}

h3 {
  font-size: 1.3rem;
}
p {
  margin: 0.6rem 0 0.6rem 0;
}
#slider,
.owl-item {
  height: 40vh;
  min-height: 40vh;
  background-position: center;
}

.home-slider p {
  background: transparent !important;
  color: inherit !important;
}

#slider .container {
  display: none;
}

:root {
  --color-primary: #1e3a8a;

  --color-violet1: #7600c5;
  --color-violet2: #7a009d;



  --color-secondary: #dc2626;
  --color-primary-light: #dbeafe;
  --bg-body: #ffffff;
  --text-color: #1f2937;
  --bold-color: #111827;
  --light: #f8fafc;
  --border: #e5e7eb;
  --shadow: 0 0 8px 1px #9ca3af;
  --font-text: "Open Sans", sans-serif;
  --font-heading: "Roboto", sans-serif;
}
:root {
  --color-primary: #0d2e8d;
  --color-secondary: #dc2626;
  /*--color-primary-light: #2469c5;*/
  --color-primary-light: #e8e8e8;
  --bg-body: #ffffff;
  --text-color: #1f2937;
  --bold-color: #111827;
  --light: #f8fafc;
  --border: #e5e7eb;
  --shadow: 0 0 8px 1px #9ca3af;
  --font-text: "Open Sans", sans-serif;
  --font-heading: "Roboto", sans-serif;
}
#footer {
  background-image: none;
}
.footer-bottom {
  font-size: 80%;
}
.footer-bottom h3 {
  font-size: 1.2rem;
  margin: 0;
}
@media (max-width: 1024px) {
  .region-primary-menu .language-switcher-language-url ul.links {
    padding-left: 10px;
  }
}

.region-mobile-langs {
  display: none;
}
@media (max-width: 768px) {
  .region-primary-menu .language-switcher-language-url ul.links li a,
  .region-primary-menu .language-switcher-language-url ul.links li:hover a,
  .region-primary-menu .language-switcher-language-url ul.links li.is-active a {
    color: #fff;
  }

  .region-mobile-langs {
    display: block;
  }
}

.footer-bottom-middle {
  display: none;
}

.mobile-menu {
  width: 35px;
  height: 24px;
  padding-left: 5px;
}

#block-tara-telinheader a {
  text-decoration: underline;
}

.site-name {
  text-transform: none;
}
iframe {
  width: 560px;
  height: 315px;
  max-width: 100%;
}

@media (min-width: 768px) {
  .region-primary-menu .submenu a:hover {
    color: var(--light);
  }
}

.node-content li {
  padding: 0;
}

@media (min-width: 768px) {
  .region-primary-menu .submenu {
    min-width: 250px;
  }
}

@media (max-width: 768px) {

  .views-view-responsive-grid--horizontal {
    --views-responsive-grid--column-count: 2 !important;
  }
}

@media (max-width: 480px) {
  .views-view-responsive-grid--horizontal {
    --views-responsive-grid--column-count: 1 !important;
  }
  #slider, .owl-item {
    height: 20vh;
    min-height: 20vh;
  }
}

.pager {
  margin-bottom: 3rem;
}

.pager-item {
  border: 2px solid #0d2e8d40;
}

.pager__item a {
  padding: 10px;
}

.header-top-container {
  flex-direction: row-reverse;
}

.header-top {
  background-image: linear-gradient(to bottom, #7600c5, #7a009d);
}

.header-top-left a.button {
  /*background-color: transparent;*/
  background-color: #0d2e8d70;
}
.header-top-left a.button:focus,
.header-top-left a.button:hover,
.header-top-left a.button {
  color: #ffffff;
  line-height: 1.3;
  font-size: 1rem;
  margin: 5px 0;
}

.header-top-left a.button:active,
.header-top-left a.button:focus,
.header-top-left a.button:hover,
.header-top-left a.button {
  border: 3px solid #dddddd;
}
.header-top-left a.button:hover {
  color: #ffffff;
  border-color: #ffffff;
  background-color: var(--color-primary);
}
.views-view-responsive-grid__item-inner {
  background: #f0f0f0;
  padding: 20px 20px 10px;
  text-align: center;
  /*border-radius: 10px;*/
  margin: 10px;
}
.views-view-responsive-grid__item-inner img.image-field {
  margin: 0 0 0.5rem 0;
  /*border-radius: 5px;*/
}

#slider {
  background: transparent !important;
}

.slider-cover-image {
  position: absolute;
  height: 100%;
  width: 100%;
  background-position: center;
  opacity: 0.7;
  background-size: cover;
  background-image: url("/themes/custom/retara/img/macbook-on-table.webp");
  /*background-image: url(https://revelan.eu/sites/default/files/macbook.jpg);*/
}
.slider-wrapper {
  position: relative;
  background-color: #777;
}

.active-menu .menu-wrap {
  background: #3a3a3a;
  padding-left: 15px;
  padding-right: 15px;
}

.menu-item-has-children::after {
  color: #fff;
}

.close-mobile-menu,
.region-primary-menu .submenu li,
.region-primary-menu .menu-item-level-1 {
  border-color: #6d6d6d;
}
.region-primary-menu li li:last-child {
  border-bottom: none;
}

textarea,
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search] {
  background: #eee;
}
.site-slogan {
  margin-top: 5px;
  margin-bottom: 5px;
  opacity: 0.8;
}
.site-name {
  font-size: 2.2rem;
}
.close-mobile-menu {
  top: 10px;
  right: 11px;
}

.view-footer:before {
  clear: both;
  display: block;
  content: '';
  height: 1px;
}
#footer {
  position: relative;
}
/* end of tara override */
.menu-wrap {
 max-width: inherit;
}
.active-menu .menu-wrap .main-menu,
.active-menu .menu-wrap .menu {
  overflow-y: inherit;
  overflow-x: inherit;
}

.header-container {
  max-width: 100%;
}

@media (max-width: 1024px) {
  .region-primary-menu .language-switcher-language-url {
    text-align: right;
  }
  .region-primary-menu .language-switcher-language-url ul.links li:last-child {
    padding-right: 10px;
  }
}

@media (max-width: 480px) {
  .header-right {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
  .region-mobile-langs .language-switcher-language-url ul.links li {
    padding-right: 10px;
  }
  .region-mobile-langs .language-switcher-language-url ul.links li:last-child {
    padding-right: 5px;
  }
  .mobile-menu {
    margin-top: 5px;
    margin-bottom: -5px;
  }
}

.lang-ru .scrolltop{
  display: none;
}

.field--name-field-paragraphs .field-item {
  clear: both;
}


@media (max-width: 1024px) {
  .page-type-article .field--name-field-image {
    width: 300px;
  }
}

@media (max-width: 768px) {
  h2 {
    font-size: 1.6rem;
  }
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.3;
  }
  .page-type-article .field--name-field-image {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 500px) {
.aquia-cert-image {
  display: block;
  margin: 15px auto 0 !important;
}
}

.node-type-article.node-view-mode-teaser .flex-wrapper {
display: flex;
/*flex-wrap: wrap;*/
}
.node-type-article.node-view-mode-teaser .flex-wrapper .field--name-field-image {
  min-width: 250px;
  text-align: right;
}

.node-view-mode-teaser {
  box-shadow: 0 0 8px 1px #cccccc;
  background-color: transparent;
}

@media (max-width: 500px) {
  .node-type-article.node-view-mode-teaser .flex-wrapper {
    flex-direction: column-reverse;
  }
  .node-type-article.node-view-mode-teaser .flex-wrapper .field--name-field-image {
    text-align: inherit;
  }
}

.field--name-field-see-also-content .taxonomy-terms  {
  display: block;
}

.node-content .field--name-field-main-photo img {
  border-radius: 5px;
  border: 1px solid #eee;
}

.node-content .field--name-field-main-photo {
  float: right;
  margin-left: 20px;
}
@media (max-width: 1024px) {
  .node-content .field--name-field-main-photo {
    float: none;
    margin-left: 0;
  }
}
#block-retara-views-block-portfolio-see-also-block-1 {
  margin-top: 40px;
}
#block-retara-views-block-portfolio-see-also-block-1 .views-view-responsive-grid__item-inner {
  background: #f5f5f5;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  margin: 10px;
  border: 1px solid #e5e5e5;
}

#block-retara-views-block-portfolio-see-also-block-1 .block-title {
  margin-left: 10px;
}
#block-retara-views-block-portfolio-see-also-block-1 h3 {
  font-size: 0.9rem;
}

.paragraph--type--basic-paragraph img[width="300"] {
  border: 1px solid #f0f0f0;
  border-radius: 5px;
}

.footer-cert {
  display:flex;
  flex-direction:row-reverse;
}
.footer-cert-inner {
  max-width:180px;
  text-align: center;
}


@media only screen and (min-width: 501px) and (max-width: 767px) {
  .footer-block {
    flex: 1 1 40%;
    width: 40%;
    max-width: 40%;
    margin-bottom: 1.6em;
  }
}
@media (max-width: 500px) {
  .footer-cert {
    display: block;
  }
  .footer-cert-inner {
    max-width: 150px;
  }
}

.cookiesjsr--app {
  font-size: 0.8rem;
}

button.cookiesjsr-btn {
  border: 3px solid #eee;
  color:  #eee;
}

.cookiesjsr-banner {
  /*position: inherit;*/
}