.elementor-4250 .elementor-element.elementor-element-74d03c2{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4250 .elementor-element.elementor-element-74d03c2:not(.elementor-motion-effects-element-type-background), .elementor-4250 .elementor-element.elementor-element-74d03c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://foodies-network.com/wp-content/uploads/2024/12/Leonardo_Kino_XL_A_lively_hero_image_for_the_Whats_Trending_pa_0.jpg");background-position:0px -46px;background-repeat:no-repeat;background-size:cover;}.elementor-4250 .elementor-element.elementor-element-74d03c2::before, .elementor-4250 .elementor-element.elementor-element-74d03c2 > .elementor-background-video-container::before, .elementor-4250 .elementor-element.elementor-element-74d03c2 > .e-con-inner > .elementor-background-video-container::before, .elementor-4250 .elementor-element.elementor-element-74d03c2 > .elementor-background-slideshow::before, .elementor-4250 .elementor-element.elementor-element-74d03c2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4250 .elementor-element.elementor-element-74d03c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-4250 .elementor-element.elementor-element-ff598d8 > .elementor-widget-container{margin:0px 0px 10px 0px;padding:150px 0px 0px 0px;}.elementor-4250 .elementor-element.elementor-element-ff598d8.elementor-element{--align-self:center;}.elementor-4250 .elementor-element.elementor-element-ff598d8{text-align:center;}.elementor-4250 .elementor-element.elementor-element-ff598d8 .elementor-heading-title{font-size:40px;font-weight:500;text-transform:uppercase;line-height:1.35em;color:#FFFFFF;}.elementor-4250 .elementor-element.elementor-element-a4528d6 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-4250 .elementor-element.elementor-element-a4528d6 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-4250 .elementor-element.elementor-element-a4528d6{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-4250 .elementor-element.elementor-element-a4528d6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4250 .elementor-element.elementor-element-a4528d6 .elementor-icon-list-item > a{font-size:18px;}.elementor-4250 .elementor-element.elementor-element-a4528d6 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-4250 .elementor-element.elementor-element-692a1b2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4250 .elementor-element.elementor-element-d25a4bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4250 .elementor-element.elementor-element-5c63083{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4250 .elementor-element.elementor-element-282744a{--display:flex;}.elementor-4250 .elementor-element.elementor-element-c36c714{width:var( --container-widget-width, 101.1% );max-width:101.1%;--container-widget-width:101.1%;--container-widget-flex-grow:0;text-align:center;}.elementor-4250 .elementor-element.elementor-element-c36c714.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4250 .elementor-element.elementor-element-c36c714 .elementor-heading-title{font-family:"Arapey", Sans-serif;font-size:40px;font-weight:600;color:#1B1B1B;}.elementor-4250 .elementor-element.elementor-element-0d19faf{--display:flex;}.elementor-4250 .elementor-element.elementor-element-f737080{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#7BDCB5;}.elementor-4250 .elementor-element.elementor-element-f737080 .elementor-headline{text-align:center;}.elementor-4250 .elementor-element.elementor-element-f737080 .elementor-headline-dynamic-wrapper path{stroke:#C70809;}.elementor-4250 .elementor-element.elementor-element-2e7c0ba{--display:flex;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-4250 .elementor-element.elementor-element-91b0089{width:100%;max-width:100%;}.elementor-4250 .elementor-element.elementor-element-15eb4eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.07;}.elementor-4250 .elementor-element.elementor-element-15eb4eb::before, .elementor-4250 .elementor-element.elementor-element-15eb4eb > .elementor-background-video-container::before, .elementor-4250 .elementor-element.elementor-element-15eb4eb > .e-con-inner > .elementor-background-video-container::before, .elementor-4250 .elementor-element.elementor-element-15eb4eb > .elementor-background-slideshow::before, .elementor-4250 .elementor-element.elementor-element-15eb4eb > .e-con-inner > .elementor-background-slideshow::before, .elementor-4250 .elementor-element.elementor-element-15eb4eb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4250 .elementor-element.elementor-element-d4e5136 .title{color:#000000;}.elementor-4250 .elementor-element.elementor-element-181914e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-4250 .elementor-element.elementor-element-6ad1666{--display:flex;--border-radius:25px 25px 25px 25px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-4250 .elementor-element.elementor-element-6ad1666:not(.elementor-motion-effects-element-type-background), .elementor-4250 .elementor-element.elementor-element-6ad1666 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1C1C;}.elementor-4250 .elementor-element.elementor-element-ffca811{width:var( --container-widget-width, 101.1% );max-width:101.1%;--container-widget-width:101.1%;--container-widget-flex-grow:0;text-align:left;}.elementor-4250 .elementor-element.elementor-element-ffca811.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4250 .elementor-element.elementor-element-ffca811 .elementor-heading-title{font-family:"Arapey", Sans-serif;font-size:40px;font-weight:500;color:var( --e-global-color-ad0472d );}.elementor-4250 .elementor-element.elementor-element-8876c83 .e-search-input{background-color:var( --e-global-color-ad0472d );font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;border-style:none;border-radius:50px 50px 50px 50px;}.elementor-4250 .elementor-element.elementor-element-8876c83{width:100%;max-width:100%;--e-search-placeholder-color:#696969;--e-search-input-color:#696969;--e-search-icon-label-color:var( --e-global-color-primary );--e-search-input-gap:15px;--e-search-icon-clear-size:20px;--e-search-icon-clear-color:var( --e-global-color-primary );}.elementor-4250 .elementor-element.elementor-element-8d7bb3f{width:var( --container-widget-width, 101.1% );max-width:101.1%;--container-widget-width:101.1%;--container-widget-flex-grow:0;text-align:left;}.elementor-4250 .elementor-element.elementor-element-8d7bb3f > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-4250 .elementor-element.elementor-element-8d7bb3f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4250 .elementor-element.elementor-element-8d7bb3f .elementor-heading-title{font-family:"Arapey", Sans-serif;font-size:25px;font-weight:500;color:var( --e-global-color-ad0472d );}.elementor-4250 .elementor-element.elementor-element-b66ef16{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:15px 10px;--row-gap:15px;--column-gap:10px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:-20px;--margin-right:0px;}.elementor-4250 .elementor-element.elementor-element-b66ef16.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4250 .elementor-element.elementor-element-aa53c52 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;fill:var( --e-global-color-ad0472d );color:var( --e-global-color-ad0472d );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:20px 30px 20px 30px;}.elementor-4250 .elementor-element.elementor-element-73094cd .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;fill:var( --e-global-color-ad0472d );color:var( --e-global-color-ad0472d );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:20px 30px 20px 30px;}.elementor-4250 .elementor-element.elementor-element-44de333 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;fill:var( --e-global-color-ad0472d );color:var( --e-global-color-ad0472d );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:20px 30px 20px 30px;}.elementor-4250 .elementor-element.elementor-element-9b36055 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;fill:var( --e-global-color-ad0472d );color:var( --e-global-color-ad0472d );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:20px 30px 20px 30px;}.elementor-4250 .elementor-element.elementor-element-cf1ac22 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;fill:var( --e-global-color-ad0472d );color:var( --e-global-color-ad0472d );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:20px 30px 20px 30px;}.elementor-4250 .elementor-element.elementor-element-01f098a .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;fill:var( --e-global-color-ad0472d );color:var( --e-global-color-ad0472d );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:20px 30px 20px 30px;}.elementor-4250 .elementor-element.elementor-element-6fdebf4 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;fill:var( --e-global-color-ad0472d );color:var( --e-global-color-ad0472d );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:20px 30px 20px 30px;}.elementor-4250 .elementor-element.elementor-element-4fb049a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-4250 .elementor-element.elementor-element-4fb049a:not(.elementor-motion-effects-element-type-background), .elementor-4250 .elementor-element.elementor-element-4fb049a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1C1C;}.elementor-4250 .elementor-element.elementor-element-dbba4b1{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;}.elementor-4250 .elementor-element.elementor-element-dbba4b1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4250 .elementor-element.elementor-element-dbba4b1 .elementor-heading-title{font-family:"Arapey", Sans-serif;font-size:55px;font-weight:500;color:var( --e-global-color-ad0472d );}.elementor-4250 .elementor-element.elementor-element-3e6fca5{width:var( --container-widget-width, 61.968% );max-width:61.968%;--container-widget-width:61.968%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:19px;font-weight:500;color:#FFFFFF96;}.elementor-4250 .elementor-element.elementor-element-3e6fca5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4250 .elementor-element.elementor-element-49f4615{width:100%;max-width:100%;}.elementor-4250 .elementor-element.elementor-element-49f4615 > .elementor-widget-container{margin:50px 0px 0px 0px;}body.elementor-page-4250:not(.elementor-motion-effects-element-type-background), body.elementor-page-4250 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DADADA;}:root{--page-title-display:none;}body.elementor-page-4250{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-4250 .elementor-element.elementor-element-74d03c2:not(.elementor-motion-effects-element-type-background), .elementor-4250 .elementor-element.elementor-element-74d03c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-4250 .elementor-element.elementor-element-ff598d8 .elementor-heading-title{font-size:21px;}.elementor-4250 .elementor-element.elementor-element-b66ef16{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--align-content:center;}.elementor-4250 .elementor-element.elementor-element-4fb049a{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-4250 .elementor-element.elementor-element-dbba4b1{width:var( --container-widget-width, 691.188px );max-width:691.188px;--container-widget-width:691.188px;--container-widget-flex-grow:0;}.elementor-4250 .elementor-element.elementor-element-3e6fca5{width:var( --container-widget-width, 699.266px );max-width:699.266px;--container-widget-width:699.266px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-4250 .elementor-element.elementor-element-74d03c2:not(.elementor-motion-effects-element-type-background), .elementor-4250 .elementor-element.elementor-element-74d03c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-4250 .elementor-element.elementor-element-6ad1666{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4250 .elementor-element.elementor-element-8d7bb3f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4250 .elementor-element.elementor-element-b66ef16{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4250 .elementor-element.elementor-element-4fb049a{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-4250 .elementor-element.elementor-element-dbba4b1 .elementor-heading-title{font-size:35px;}}@media(min-width:768px){.elementor-4250 .elementor-element.elementor-element-d25a4bc{--width:100%;}.elementor-4250 .elementor-element.elementor-element-5c63083{--width:100%;}.elementor-4250 .elementor-element.elementor-element-15eb4eb{--width:100%;}.elementor-4250 .elementor-element.elementor-element-181914e{--content-width:1150px;}.elementor-4250 .elementor-element.elementor-element-b66ef16{--width:100%;}.elementor-4250 .elementor-element.elementor-element-4fb049a{--content-width:1150px;}}@media(max-width:1024px) and (min-width:768px){.elementor-4250 .elementor-element.elementor-element-b66ef16{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-2e7c0ba *//* Main Form Container */
.form-container {
  max-width: 600px;
  margin: 2em auto;
  padding: 1.5em;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.form-container h3 {
  font-size: 1.8em;
  color: #333;
  border-bottom: 2px solid #ff7e39;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  text-align: center;
}

/* Form Group Styles */
.form-group {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

.form-group label {
  font-size: 1.1em;
  color: #333;
}

/* Input, Textarea, and Select Styles */
.form-group input[type="text"],
.form-group input[type="number"],
.form-group textarea,
.form-group select {
  width: 100%;
  padding: 0.8em;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 1em;
  outline: none;
  background-color: #f9f9f9;
  transition: border 0.3s ease;
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
  border: 1px solid #ff7e39;
}

/* Textarea Resizing */
.form-group textarea {
  resize: vertical;
  min-height: 100px;
}

/* Submit Button */
.submit-button {
  padding: 0.8em 1.5em;
  font-size: 1.1em;
  color: #fff;
  background-color: #ff7e39;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.submit-button:hover {
  background-color: #ff5722;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d19faf */#hidden-section {
    display: none;
}/* End custom CSS */
/* Start custom CSS for profilegridelementorusers, class: .elementor-element-d4e5136 */.pm-user {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.pm-user:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.el-profile-avatar {
    transition: transform 0.3s ease-in-out;
    border-radius: 50%;
}

.pm-user:hover .el-profile-avatar {
    transform: scale(1.1);
}
.user-title {
    transition: color 0.3s ease, transform 0.3s ease;
    font-weight: bold;
}

.pm-user:hover .user-title {
    color: #d32e31; /* Adjust to your theme color */
    transform: translateY(-3px);
}
@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

.pm-user {
    animation: float 3s ease-in-out infinite;
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

.pm-user:hover {
    animation: pulse 1s infinite;
}
.page-numbers {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15eb4eb *//* Container for ProfileGrid Cards */
.pg-profile-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    
    justify-content: center;
    margin: 20px 0;
}

/* Individual Card Styling */
.pm-user {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
    width: 300px;
    text-align: center;
}

/* Card Hover Effects */
.pm-user:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* Profile Picture Styling */
 .el-profile-avatar {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ddd;
}

/* Profile Name Styling */
.user-title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin: 15px 0 5px;
}

/* Profile Bio Styling */
.pg-profile-card .pg-profile-bio {
    font-size: 14px;
    color: #555;
    margin-bottom: 15px;
    padding: 0 15px;
}

/* Buttons or Links in Card */
.pg-profile-card .pg-profile-actions a {
    display: inline-block;
    padding: 10px 20px;
    margin: 10px 5px;
    border: 1px solid #C70809;
    background-color: #C70809;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
}

.pg-profile-card .pg-profile-actions a:hover {
    background-color: #fff;
    color: #C70809;
}

/* Responsive Design */
@media (max-width: 768px) {
    .pg-profile-container {
        flex-direction: column;
        align-items: center;
    }

 .pm-user {
        width: 90%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-181914e *//* Mobile Grid Layout for Elementor Button Container */
@media (max-width: 768px) {
  /* Target the button container */
  .elementor-element-4a01cf5.e-con {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    flex-direction: unset !important;
  }
  
  /* Style individual button elements */
  .elementor-element-4a01cf5 .elementor-widget-button {
    width: 100% !important;
    margin: 0 !important;
  }
  
  /* Style the button wrappers */
  .elementor-element-4a01cf5 .elementor-button-wrapper {
    width: 100% !important;
  }
  
  /* Style the actual buttons */
  .elementor-element-4a01cf5 .elementor-button {
    width: 100% !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
    min-height: 35px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  
  /* Adjust button text */
  .elementor-element-4a01cf5 .elementor-button-text {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
}

/* For very small screens (phones in portrait), use 2 columns */
@media (max-width: 480px) {
  .elementor-element-4a01cf5.e-con {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
  
  .elementor-element-4a01cf5 .elementor-button {
    padding: 10px 15px !important;
    font-size: 13px !important;
    min-height: 40px !important;
  }
  
  .elementor-element-4a01cf5 .elementor-button-text {
    font-size: 13px !important;
  }
}

/* Optional: Maintain desktop layout for tablets */
@media (min-width: 769px) and (max-width: 1024px) {
  .elementor-element-4a01cf5.e-con {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-49f4615 *//* AnsPress Custom CSS - Black Background Theme */

/* Main AnsPress Container */
#anspress {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #C70809 !important;
    padding: 20px !important;
}

/* Remove any white borders/outlines */
#anspress *,
#anspress *:before,
#anspress *:after {
    box-shadow: none !important;
    outline: none !important;
}

/* Remove white borders from all main containers */
.ap-row,
.ap-col-12,
#ap-lists,
.ap-list-head,
.ap-list-head.clearfix,
.ap-questions {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

/* All Text Colors */
#anspress * {
    color: #ffffff !important;
}

/* Search Bar Styling */
.ap-search-form {
    background-color: #000000 !important;
}

.ap-search-input {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #C70809 !important;
    padding: 8px 12px !important;
}

.ap-search-input::placeholder {
    color: #666666 !important;
}

.ap-search-btn {
    background-color: #C70809 !important;
    color: #ffffff !important;
    border: 1px solid #C70809 !important;
}

/* Ask Question Button */
.ap-btn-ask {
    background-color: #A8C7FA !important;
    color: #000000 !important;
    border: 1px solid #A8C7FA !important;
    text-decoration: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
}

.ap-btn-ask:hover {
    background-color: #8bb3f7 !important;
    color: #000000 !important;
}

/* Filter Buttons and Dropdowns */
.ap-filter-toggle,
.ap-dropdown-toggle {
    background-color: transparent !important;
    color: #C70809 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.ap-filter-active {
    color: #C70809 !important;
}

#ap-filter-reset {
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    float: right !important;
    margin-left: 15px !important;
}

/* Question Items */
.ap-questions-item {
    background-color: #000000 !important;
    border: 1px solid #C70809 !important;
    margin-bottom: 15px !important;
    padding: 15px !important;
}

/* Question Titles and Links */
.ap-questions-title a,
.ap-questions-hyperlink {
    color: #ffffff !important;
    margin-right: 10px;
    text-decoration: none !important;
}

.ap-questions-title a:hover,
.ap-questions-hyperlink:hover {
    color: #A8C7FA !important;
}

/* Votes and Answer Count */
.ap-questions-vcount,
.ap-questions-acount {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #C70809 !important;
    text-align: center !important;
    padding: 5px !important;
    margin: 2px 0 !important;
}

/* Add gap between vote and answer boxes */
.ap-questions-vcount {
    margin-right: 10px !important;
}

/*.ap-questions-acount {*/
/*    margin-top: 10px !important;*/
/*}*/

.ap-questions-vcount span,
.ap-questions-acount span {
    color: #ffffff !important;
    font-weight: bold !important;
}

/* Vote and Answer Labels */
.ap-questions-vcount,
.ap-questions-acount {
    font-size: 12px !important;
}

/* Question Meta Information */
.ap-display-question-meta {
    color: #ffffff !important;
}

.ap-display-meta-item {
    color: #ffffff !important;
}

.ap-display-meta-item a {
    color: #ffffff !important;
}

/* Category Links - Fixed with more specific .elementor-4250 .elementor-element.elementor-element-49f4615s */
#anspress .question-categories a,
#anspress .ap-display-meta-item .question-categories a,
.ap-questions-item .question-categories a,
.ap-display-question-meta .question-categories a {
    color: #ffffff !important;
    background-color: #C70809 !important;
    border: 1px solid #C70809 !important;
    padding: 4px 8px !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-size: 12px !important;
}

#anspress .question-categories a:hover,
#anspress .ap-display-meta-item .question-categories a:hover,
.ap-questions-item .question-categories a:hover,
.ap-display-question-meta .question-categories a:hover {
    background-color: #ffffff !important;
    color: #C70809 !important;
    border-color: #ffffff !important;
}

/* Author Links */
.ap-post-history a {
    color: #A8C7FA !important;
}

.ap-post-history a:hover {
    color: #ffffff !important;
}

/* Pagination */
.ap-pagination {
    background-color: #000000 !important;
    border-top: 1px solid #C70809 !important;
    padding-top: 15px !important;
    margin-top: 20px !important;
}

.page-numbers {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #C70809 !important;
    padding: 8px 12px !important;
    margin: 0 2px !important;
    text-decoration: none !important;
}

.page-numbers:hover,
.page-numbers.current {
    background-color: #C70809 !important;
    color: #ffffff !important;
}

/* Avatar Styling */
.ap-avatar img {
    border: 2px solid #C70809 !important;
}

/* Post Status Labels */
.ap-post-status {
    background-color: #C70809 !important;
    color: #ffffff !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    font-size: 11px !important;
}

/* List Headers */
.ap-list-head,
.ap-list-head.clearfix {
    background-color: #000000 !important;
    border: none !important;
    border-bottom: 1px solid #C70809 !important;
    padding-bottom: 15px !important;
    margin-bottom: 20px !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Form Elements */
input[type="hidden"] {
    background-color: transparent !important;
}

/* Icons */
.apicon-eye,
.apicon-pulse,
.apicon-category,
.apicon-x {
    color: #C70809 !important;
}

/* Clear Filter Button */
#ap-filter-reset span {
    color: #ffffff !important;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    #anspress {
        padding: 10px !important;
    }
    
    .ap-questions-item {
        padding: 10px !important;
    }
    
    /* Hide search and filters on mobile/tablet */
    .ap-search-form,
    #ap-search-form,
    #ap-filters,
    .ap-filters {
        display: none !important;
    }
    
    /* Mobile Header Layout - Only Ask Question Button */
    .ap-list-head {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    /* Ask question button - centered and full width */
    .ap-list-head .pull-right {
        float: none !important;
        text-align: center !important;
        margin-bottom: 15px !important;
        width: 100% !important;
        order: 1 !important;
    }
    
    /* Mobile Ask Question Button */
    .ap-btn-ask {
        width: 100% !important;
        text-align: center !important;
        display: block !important;
        margin-bottom: 15px !important;
    }
    
    /* Mobile Question Layout */
    .ap-questions-inner {
        flex-direction: column !important;
    }
    
    .ap-avatar {
        text-align: center !important;
        margin-bottom: 10px !important;
    }
    
    .ap-list-counts {
        display: flex !important;
        justify-content: center !important;
        gap: 15px !important;
        margin-bottom: 15px !important;
    }
    
    .ap-questions-vcount,
    .ap-questions-acount {
        margin: 0 !important;
        min-width: 60px !important;
    }
    
    /* Mobile Question Meta */
    .ap-display-question-meta {
        flex-wrap: wrap !important;
        gap: 10px !important;
    }
    
    .ap-display-meta-item {
        flex: 1 1 auto !important;
        text-align: center !important;
    }
    
    /* Mobile Pagination */
    .ap-pagination {
        text-align: center !important;
    }
    
    .page-numbers {
        padding: 6px 8px !important;
        margin: 2px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    #anspress {
        padding: 5px !important;
    }
    
    .ap-questions-item {
        padding: 8px !important;
        margin-bottom: 10px !important;
    }
    
    /* Extra small screens */
    .ap-search-input {
        font-size: 16px !important; /* Prevents zoom on iOS */
    }
    
    .ap-questions-title {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }
    
    .ap-display-meta-item {
        font-size: 12px !important;
    }
    
    .page-numbers {
        padding: 4px 6px !important;
        font-size: 12px !important;
    }
    
    /* Stack vote/answer vertically on very small screens */
    .ap-list-counts {
        flex-direction: column !important;
        align-items: center !important;
        gap: 5px !important;
    }
    
    .ap-questions-vcount,
    .ap-questions-acount {
        width: 80px !important;
    }
}/* End custom CSS */