@charset "UTF-8";

/*
Theme Name: Battle Royal Studios
Author: Battle Royal Studios
Author URI: https://battleroyal.berlin
Description: Custom Battle Royal Studios Theme.
Requires at least: 6.0
Tested up to: 6.5.2
Requires PHP: 8.1
Version: 1.0
License: GNU General Public License or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: battleroyal
Tags: Custom gutenburg block for pages: Home - ( Creative Minds, Join Team, Our Services, Video Banner, We Are Slider ), Contact us: - ( Contact Us CTA ), News List & Detail: - ( Basic Calculation, Container Content, Feature Image with Content, Get in touch CTA, Rethinking, Subtleties Matter, Success & Security ),Portfolio List & Detail:- ( Celebration,Credits,Gallery Slider,Get in touch CTA,Grid 5 Images,Grid 3 Images,Heading with Content,Heading Description,Portfolio List & Detail,Two Column Images,Two Columns,Video Section,Portfolio Listing ), Job List & Detail:- ( About Job,Guidance & Experienc,Job Heading,Job Listing,Requirement ), Services:- ( Service Banner,Single Heading,Center Contents,Hero Video Banner,FAQs,Service Layouts,Ready to embark,Stay in Touch ),   etc.
*/

.site-content {
    background-color: rgb(0 0 255);
}
span.wpcf7-not-valid-tip+span.wpcf7-not-valid-tip,
.wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    display: none;
}

img.emoji {
    max-width: 1em;
    display: inline-block;
    vertical-align: text-top;
}

h1.h1 {
    text-shadow: 0 0 20px rgba(0,0,0,.2);
}

h1.work-detail-title.h1 {
    text-shadow: 0 0 30px #000, 0 0 20px #000 !important;
}

.home.page .wp-block-battleroyal-video-banner .max-w-\[700px\] {
    max-width: 1000px !important;
}

html {
    scroll-behavior: smooth;
}

.home .wp-block-battleroyal-services .block.group h3 {
    text-shadow: 0 0 20px rgba(0,0,0,1);
}

.home .wp-block-battleroyal-services .block.group .bg-primary {
    background: rgba(0,0,0,0);
}


.news-banner-info:before {
	background: rgba(0,0,0,0.75);
}
/* .home.page .wp-block-battleroyal-video-banner div.btn {
    display: none;
}
 */
/* .wp-block-battleroyal-center-contents p{
font-size:22px;
} */

.form-style {
    border-radius: .25rem;
    border-style: solid;
    border-width: 1px;
    height: 3rem;
    --tw-border-opacity: 1;
    border-color: rgb(206 212 218/var(--tw-border-opacity));
    font-family: ABC Diatype, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-text-opacity: 1;
    color: rgb(108 117 125/var(--tw-text-opacity));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 12px 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
  font-family: inherit;
  line-height: 1.5;
  font-family: ABC Diatype, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
  background-color: #fff;
  --tw-text-opacity: 1;
  color: rgb(108 117 125/var(--tw-text-opacity));
  width: 100%;
  box-sizing: border-box;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  padding-right: 40px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

select:focus {
  outline: none;
  border-color: #007cba;
  box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.2);
}

select:hover {
  border-color: #999;
}

select:disabled {
  background-color: #f5f5f5;
  color: #999;
  cursor: not-allowed;
}

select option {
  padding: 8px 12px;
  background-color: #fff;
  color: #333;
  font-size: 16px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
  height: 48px; /* Adjust to match your input height */
  min-height: 48px;
}

textarea {
  height: auto;
  min-height: 100px;
  resize: vertical;
}

@media (max-width: 768px) {
  select {
    font-size: 16px; /* Prevents zoom on iOS */
  }
}