/*
Theme Name: Twenty Twenty-Three Child
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.1
Requires PHP: 5.6
Version: 1.0
Template: twentytwentythree
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythreechild
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, accessibility-ready, blog, portfolio, news
*/

html {
  scroll-behavior: smooth;
}

.main-nav a{
    font-family: "Gobold", sans-serif !important;
    font-size: 2rem !important;
}

.main-nav a:hover{
    text-decoration: none;
    color: #FFED00;
}

.main-nav{
    height: 50px;
    width: 100%;
    padding-top: 1rem !important;
}

.nav-line{
    min-width: 1050px !important;
}

.wp-block-navigation-item__label{
    white-space: nowrap;
}

.pp-inline-block{
    display: inline-block;
}

.wp-site-blocks {
    background-image: url("./assets/design/bg-header.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.heading{
    width: auto !important;
    height: 0;
    z-index: 9999;
}

.heading h1{
    padding: 5px !important;
    color: #000 !important;
    left: -380px;
    position: relative;
    transform: rotate(-8deg);
}

.wp-site-blocks{
    padding-bottom: 0 !important;
}


.owl-prev svg{
    display: none;
}
.owl-prev::before{
    content: url(./assets/design/arrow-left.png);
    position: absolute;
    left: -100px;
    top: 50%;
    opacity: 0.75;
}

.owl-prev:hover::before{
    opacity: 1;
}

.owl-next svg{
    display: none;
}
.owl-next::before{
    content: url(./assets/design/arrow-right.png);
    position: absolute;
    right: -100px;
    top: 50%;
    opacity: 0.75;
}

.owl-next:hover::before{
    opacity: 1;
}

.mfp-arrow-left svg{
    display: none;
}
.mfp-arrow-left::before{
    content: url(./assets/design/arrow-left.png);
    position: absolute;
    left: -100px;
    top: 50%;
    opacity: 0.75;
}

.mfp-arrow-left:hover::before{
    opacity: 1;
}

.mfp-arrow-right svg{
    display: none;
}
.mfp-arrow-right::before{
    content: url(./assets/design/arrow-right.png);
    position: absolute;
    right: -100px;
    top: 50%;
    opacity: 0.75;
}

.mfp-arrow-right:hover::before{
    opacity: 1;
}

.no-zIndex{
  z-index: 0 !important;
}

.fluentform{
    font-family: "Montserrat", sans-serif;
}

.frm-fluent-form .choices__inner{
    background: transparent !important;
    border: 2px solid #FFED00 !important;
    border-radius: 0 !important;
}

.frm-fluent-form .choices__list--dropdown .choices__item--selectable.is-highlighted{
    background-color: #707070;
}

.frm-fluent-form .choices__list--dropdown{
    background-color: black;
}

.fluentform .ff-el-form-control{
    background: transparent;
    border: 2px solid #FFED00 !important;
    border-radius: 0;

}

.fluentform .ff-el-form-control:focus{
    background: transparent;
}

/*.uagb-container__shape-bottom{
    bottom: 150px !important;
}*/

form.fluent_form_3 .ff-btn-submit{
    font-family: "Gobold", sans-serif;
    background-color: #FFED00 !important;
    color: black !important;
    text-transform: uppercase;
    top: -70px;
}

.fluentform .ff-btn-lg{
    border-radius: 0;
}

.ff_tc_checkbox input{
    border: 2px solid #FFED00 !important;
    border-radius: 0;
    background: transparent !important;
}

.ff_tc_checkbox input {
    background-color: rgba( 0, 0, 0, 0) !important;
    border: 2px solid #FFED00;
    font-family: "Montserrat", sans-serif !important;
    font-size: 1rem;
    box-sizing: border-box;
    color: #FFED00;
}

.fluentform input[type=checkbox]{
    border-color-top:#FFED00 !important;
    border-color-right:#FFED00 !important;
    border-color-bottom:#FFED00 !important;
    border-color-left:#FFED00 !important;
    border-image-width: 2px;
    border-top-style: solid;
}

.flowting-buttons{
    max-width: fit-content;
    position: fixed !important;
    bottom: 40px;
    left: 40px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

@media only screen and (max-width: 1520px) {

  .carousel-slider.arrows-outside .owl-nav .owl-next{
    right: 0 !important;
  }

  .carousel-slider.arrows-outside .owl-nav .owl-prev {
    left: 0 !important;
  }

  .owl-prev::before{
    left:-25px;
  }
  .owl-next::before{
    right: -25px;
  }
}


@media only screen and (max-width: 1320px) {
  .nav-line{
      min-width: 70vw !important;
  }

  .heading h1{
    left: 0;
  }
}

@media only screen and (max-width: 720px) {
  form.fluent_form_3 .ff-btn-submit{
    top: 0;
  }
}

@media only screen and (max-width: 600px) {
	h1{
		font-size: 30px !important;
	}
  .main-nav{
      padding-top: 0rem !important;
  }

  .main-nav button{
        transform: scale(2);
        padding-left: 1rem;
  }
  .nav-line{
      display: none !important;
  }
  .owl-prev::before{
    left:-60px;
    transform: scale(0.6);
    top: 30%;
  }
  .owl-next::before{
    right: -60px;
    transform: scale(0.6);
    top: 30%;
  }
}