/*
Theme Name: Zatra
Theme URI: https://dezigndigital.com.au/themes/zatra/
Author: Dezign Digital
Author URI: https://dezigndigital.com.au/
Description: Zatra offers full-site editing flexibility and cross-browser compatibility. It is a responsive and mobile-friendly theme. Customizing the colors, fonts, typography, layouts, and more is easy. With the help of the powerful block editor, it will be simple to tailor your website to your needs. This theme is carefully crafted and meticulously developed.
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zatra
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, blog, portfolio, news
*/

.home-about-section .home-icon-wrap {
    text-align: center;
}

.home-about-section .home-icon-wrap i {
    font-size: 54px;
    border-width: 4px;
    border-style: solid;
    border-radius: 20px;
    border-color: inherit;
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-about-section .home-icon-wrap.home-icon-wrap-1 i {
    color: #f17e00;
}

.home-about-section .home-icon-wrap.home-icon-wrap-2 i {
    color: #3685fb;
}

.home-about-section .home-icon-wrap.home-icon-wrap-3 i {
    color: #bbd700;
}

a.wp-block-navigation-item__content {
	border-bottom: 3px solid white;	
}

a.wp-block-navigation-item__content:hover {
	border-bottom: 3px solid black;	
}


/* Full viewport video container */
.wp-block-video.alignfull {
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed;
  top: 0;
  left: 0;
}

/* Full viewport video element */
.wp-block-video.alignfull video {
  width: 100vw !important;
  height: 100vh !important;
  object-fit: cover; /* Maintains aspect ratio, clips excess */
  object-position: center; /* Centers the video */
}

/* Ensure main container doesn't cause overflow */
.wp-block-group.alignfull {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  margin: 0;
  padding: 0;
}