@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arbutus+Slab&display=swap');

.okbox {
    padding-left: 4%!important;
    padding-right: 4%!important;
}

.okdividerbox {
    padding-left: 3%!important;
    padding-right: 3%!important;
}

.sidebar-sec {
    width: 600px;
    transform-origin: right;
    max-width: 600px;
    position: fixed!important;
    right: -600px; /* Initially hidden */
    top: 0;
    background-color: #fff;
    height: 100vh;
    transition: right 0.6s ease-in-out;
    z-index: 1000;
}

/* Show sidebar */
.sidebar-sec.active {
    right: 0;
}

.elementor-widget-image[data-id="6e4766b"] a{
    width:100%;
}

#hamclose, #hamburger{
    cursor: pointer;
}

.single-page-blogs p {
        margin-block-end: 0rem!important;
        margin-bottom:0px;
}

ul#menu-1-34b4bbf li{
    border-bottom: 1px solid #CBCBCB;
    margin-right: 40%;
}
.music-short h2{
display: inline-block; /* or block/flex */
  width: 320px!important;           /* required to trigger overflow */
  white-space: nowrap;    /* prevents text wrapping */
  overflow: hidden;       /* hides overflowing text */
  text-overflow: ellipsis;
}

.parent-category .elementor-shortcode{
    font-family: 'Poppins';
    color: #fff;
    text-transform: uppercase;
    background-color: rgba(217, 217, 217, 0.4);
    font-size: 21px;
    padding: 5px 11px;
    font-weight: 400;
    cursor: pointer;
    letter-spacing: 3.4px;
}

.short-post-title h2, .short-post-title p{
      white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
    display: block; 
    max-width: 100%; 
}

.short-post-title p, .p-block p{
    margin-block-end:0px!important;
}
.parent-category .elementor-shortcode::after {
    content: "";
    display: inline-block;
    width: 23px;
    height: 15px;
    background-image: url('http://localhost/Avola/wp-content/uploads/2025/03/Arrow-1.png'); /* Replace with your icon */
    background-size: contain;
    margin-left: 5px;
}

.parent-category .elementor-shortcode a , .sub-category .elementor-shortcode a , .black-subcat .elementor-shortcode a{
    color: #fff!important;
}

.sub-category .elementor-shortcode{
font-family: 'Arbutus Slab';
text-transform: uppercase;
font-size: 22px;
font-weight: 400;
margin-top: 12px;
margin-bottom: 2px;
letter-spacing: 1.17px;
}

.mbend{
    margin-block-end:0px!important;
    margin-bottom: 0px!important;
}

.black-subcat .elementor-shortcode{
    background-color: var(--e-global-color-1f1b6e3);
    margin: 0px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
    font-family: 'Arbutus Slab';
text-transform: uppercase;
font-size: 20px;
font-weight: 400;
}


.okbreads a {
    color: #999999!important;
}

input[id="field_f98ps"]{
    font-style: italic!important;
}

.mauto {
    margin: auto;
}

div[id="frm_form_3_container"] .frm_fields_container{
    grid-gap: 0 0%!important;
}

div[id="frm_field_12_container"] .frm_submit{
    text-align: left!important;
}

div[id="frm_field_13_container"]{
    width: 569px!important;
}

.subsform .frm_button_submit{
    background: #EA5F69!important;
    border-color: #EA5F69!important;
    height: 68px!important;
}
.subsform input{
    
    height: 68px!important;
}

.breadcrumb a{
    text-align: left;
    color: #999999;
    font-family: "Roboto", Sans-serif;
    font-size: 17px;
    font-weight: 400;
}

.single-right-panel div[data-elementor-id="402"] .elementor-widget-container a, 
.single-page-blogs div[data-elementor-type="loop-item"] .elementor-widget-container a
{
    width: 100%!important;
}

.thank-you-popup {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.thank-you-popup h2{
    font-family: 'Montserrat';
    font-weight: bold!important;
    font-size: 50px;
    color: #000!important;
    margin-block-start: 0rem;
    margin-block-end: 0rem;
    margin-bottom: 8px;
    text-align: center;
}

.thank-you-popup p{
    color: #000!important;
    font-family: 'Montserrat';
    font-weight: 400;
    text-align: center;
    font-size: 21px;
    margin-bottom: 36px!important;
}

.thank-you-popup a{
    background-color: #000;
    color: #fff;
    padding: 20px 60px;
    border-radius: 26px;
}

.thank-you-popup a:hover{
    background-color: #fff;
    color: #000;
    
}

.contact-main-form div[role="status"]{
    background-color: #fff;
    box-shadow: 20px 20px 50px grey;
    width: 44%;
    margin: auto;
    border-radius: 27px;
}

.style-image .elementor-widget-container a{
width:100%!important;
}

.search-post .proinput{
    display: none;
    transition: all 0.8s linear;
    position: relative!important;
    left: 0px !important;
    width: 100% !important;
}

.widtha.elementor-widget-image a{
    width: 100%!important;
}

div[data-id="8d84da1"]{
    display: flex!important;
    justify-content: flex-end;
}

.search-post div[id="ajaxsearchlite1"]{
    box-shadow: none!important;
}

.promagnifier{
    background-color: #000!important;
    margin: 0px 0px 0px 0px!important;
    padding: 15px 15px 15px 15px!important;
}

.probox{
    height: 100%!important;
    transition: all 0.8s ease-in-out;
}

.promagnifier svg{
    fill: white!important;
}

.search-cover {
    position: absolute!important;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
}

.proinput input[type="search"]{
    height: 48px!important;
    font-size: 15px!important;
}

div[id="ajaxsearchliteres1"]{
    /* left: 1394.62px!important; */
    width: 335px!important;
}

@media (max-width:1288px){
    
    ul#menu-1-e4662c1 li a{
        padding-left:8px!important;
        padding-right:8px!important;
    }
}

@media (min-width:767px){
    .elementor-element-48a2a15 .swiper-slide-active {
        width:16% !important;
    }
    .elementor-element-48a2a15 .swiper-slide-next {
        width:29% !important;
    }
}

@media (min-width:1760px) {
    .elementor-element-48a2a15 .swiper-slide-next {
        width:36% !important;
    }   
}


@media (max-width: 768px) {
    .okbox {
        padding-left: 2%;
        padding-right: 2%;
    }
    
    .music-short h2, .short-post-title h2{
        width:240px!important;
    }

    
    .parent-category .elementor-shortcode
    {
       font-size: 14px;
        padding: 5px 10px;
        font-weight: 400;
    }

    div[id="frm_form_3_container"] .frm_fields_container {
        grid-gap: 0 2% !important;
    }

    div[id="frm_field_13_container"] {
        width: 100%!important;
    }
    
       .contact-main-form div[role="status"]{
        width: 100%!important;
    }

    .thank-you-popup a{
        padding: 10px 15px;
    }

    .thank-you-popup p{
        font-size: 18px;
    }

    .thank-you-popup h2{
        font-size: 37px;
    }
}