/*
Theme Name: Twenty Twenty-Three
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 5.6
Version: 1.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

.r-bg-cover {
	width: 100%;
    height: 80vh;
    background-image: url("https://resolight.ai/wp-content/uploads/2026/03/resolight-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.re-container-menu {
  background: rgba(1, 1, 2, 0.6);
  border-radius: 50px;
  padding: 10px 10px !important;
}

.wp-block-navigation__responsive-container-close {
    color: #fff;
}

.re-menu li {
    padding: 10px 20px !important;
}
.re-contact-us {
  padding: 10px 20px !important;
  border-radius: 50px;
}


.re-contact-us::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50px;
    padding: 1.5px; /* товщина бордера */
    background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.9) 0%,
      rgba(255, 255, 255, 0.15) 40%,
      rgba(255, 255, 255, 0.9) 100%
    );
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
  }

.archive {
    background: #F4F4F4 !important;
}


.post-type-archive-blog_post .re-archive-cover {
    background: url(https://resolight.ai/wp-content/uploads/2026/04/1920_Blog-page.png);
    background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.post-type-archive-news .re-archive-cover {
    background: url(https://resolight.ai/wp-content/uploads/2026/04/news_20260414_3.png);
    background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.post-type-archive-resources .re-archive-cover {
    background: url(https://resolight.ai/wp-content/uploads/2026/04/1920_Resources-page.png);
    background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.re-news-logo img {
        object-position: left;
}

@media (min-width: 599px) { 
    
    .re-container-menu {
        backdrop-filter: blur(12px);
    }
}


.re-card-item {
    height: 100%;
}



.wp-block-navigation__responsive-container.is-menu-open {
    background-color: rgba(0, 0, 0, 0.6) !important;
    margin: 16px;
    width: auto;
    height: min-content;
    border-radius: 24px;
    padding: 24px;
    backdrop-filter: blur(12px);
    
}
.wp-block-navigation__responsive-container.is-menu-open ul {
    display: flex !important;
    align-items: center !important;
    width: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content.wp-block-navigation-item__content {
    color: #fff;
}

.wp-block-embed,
.wp-block-embed-youtube,
.custom-youtube-embed {
  position: relative;
  margin: 0 0 1.5em;
  max-width: 100%;
  padding: 0;
}


.wp-block-embed__wrapper,
.custom-youtube-embed__wrapper {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 */
}


.wp-block-embed__wrapper iframe,
.custom-youtube-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


.wp-block-embed.alignleft  { float: left; margin-right: 2em; }
.wp-block-embed.alignright { float: right; margin-left: 2em; }
.wp-block-embed.aligncenter{ margin-left: auto; margin-right: auto; }


.wp-block-embed figcaption,
.custom-youtube-embed figcaption {
  font-size: 0.8em;
  color: #6c6c6c;
  text-align: center;
  margin-top: 0.5em;
}