/*
Theme Name: vBox Theme
Theme URI: https://viacode.com
Author: Anton Rahulin
Description: Block Theme for vBox.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 0.1
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vboxtheme
*/

.hero{
    margin-block-start: -93px !important;
}
.hero .wp-block-column{
    padding-left: 0 !important;
    padding-right: 0 !important;    
}

.nav-top img{
    filter: invert(1) grayscale(1) brightness(1.3) contrast(9000);
}
.nav-top::before{
    position: absolute;
    content: "";
    inset: 0;
    backdrop-filter: blur(10px) brightness(1);
    -webkit-backdrop-filter: blur(10px) brightness(1);
}
.nav-top{
    color: #fff;
}
.nav-scrolled {
    background: #fff;
    transition: 0.5s ease-in-out;
    box-shadow: 2px 4px 6px 0 rgba(24, 28, 50, 0.12);
} 
/* Navigation Menu Styling */
ul .wp-block-navigation__submenu-container{

    border-radius: 12px;
background: #FFF;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.35);
margin-top: 20px;
padding-top: 12px;
padding-bottom: 12px;


}

.wp-block-button .has-brilliant-azure-background-color:hover{
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.30) 100%), #2C9AFF;

}
.is-style-outline a:hover{
    background: linear-gradient(0deg, rgba(44, 154, 255, 0.20) 0%, rgba(44, 154, 255, 0.20) 100%), #FFF !important;

}
.wp-block-navigation__submenu-container li{
    padding:unset !important;
    border-radius: 12px;
}

.wp-block-navigation__responsive-container-open{
    padding: 7px;
    border-radius: 4px;
background: rgba(255, 255, 255, 0.10);
}
.wp-block-navigation__responsive-container-close{
    padding: 7px;
    border-radius: 4px;
background: #EDF1F7;
}

.wp-block-navigation ul li{
    padding:10px 16px;
}
.wp-block-navigation ul li:hover{
    border-radius: 8px;
background:#99CEFF;
color: #181C32;
}

.touch{
    margin-block-start: 0;
}
.no-gutters img{
    width: 100%;
}
.pricing li{
    list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24"><path fill="%2325A777" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>');
    line-height: 1.8;
    padding-left: 12px;
}
.link_arrow .has-link-color a{
    padding-right: 1.5em;
    text-decoration: none;
    position: relative;
}
.link_arrow .has-link-color a::after{
    content: '';
    position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(0);
  width: 1em;
  height: 1em;
  background-image: url(/wp-content/uploads/2025/12/link-arrow-right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: transform 0.25s ease;
}
.link_arrow .has-link-color a:hover::after{
    transform: translateY(-50%) translateX(4px);
}
footer{
    margin-block-start: 0;
}
footer a{
    text-decoration: none;
}
header .wp-block-group{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.trial p:nth-child(2){
    margin-block-start: 0 !important;
    margin-left: 23px !important;
}
/* Form Styling */
form{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;

}
.form_name{
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.form_details{
    width: 100%;
    display: flex;

    gap: 10px;
}
form input[type="text"], input[type="email"], textarea, select{
    width: 100%;
    padding: 15px;
    border-radius: 8px;
    border: none;
    box-sizing: border-box;
    margin-block-end: 15px;
    font-family: Roboto;
    font-size: 18px;
    
}
input::placeholder{
    color: #181C32;
}
.form_button{
    border-radius: 8px;
    padding: 12px 60px;
    border: none;
    color: #fff;
font-size: 20px;
font-style: normal;
font-weight: 700;
background:  #2C9AFF;
box-shadow: 2px 4px 2px 0 rgba(0, 0, 0, 0.12);
}
#contact_us_form input[type="text"],
#contact_us_form input[type="email"],
#contact_us_form textarea {
    border: 1px solid #54576B;
}
@media (max-width: 768px){
   .wp-block-group{
    padding: 0 15px;
   }
.wp-block-navigation__responsive-container-content{
    padding: 25px 50px;
} 
ul .wp-block-navigation__submenu-container{
    all: unset;
}
.wp-block-buttons, .wp-block-button{
    width: 100% !important;
}

}