/*
Theme Name: Porto Child
Theme URI: https://themeforest.net/item/porto-responsive-wordpress-ecommerce-theme/full_screen_preview/9207399
Author: ChildThemeWP.com
Author URI: https://childthemewp.com
Description: My WordPress Porto child theme.
Template: porto
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.2
Text Domain: porto-child
*/




/* Custom login page style */

/*body{
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  font-family: 'Jost', sans-serif;
  background: linear-gradient(to bottom, #0f0c29, #302b63, #24243e);
}*/

.fiesta_login_wrapper {}
.fiesta_login_wrapper label h3 {
  color: #FFF !important;
  text-align: center;
  font-size: 32px !important;
}
.fiesta_login_wrapper .u-column2 label h3 {
    color: #D42E12 !important;
    padding-top: 30px;
}
.fiesta_login_wrapper .porto-checkbox .porto-control-input:checked~.porto-control-label:before {
  background-color: #ffffff;
}
.u-columns{
  width: 500px;
  max-width: 100%;
  height: 550px;
  background: red;
  overflow: hidden;
/*  background: linear-gradient(to bottom, #0f0c29, #302b63, #24243e);*/
  background: linear-gradient(180deg, #940000 0, #D42E12 45.83%, #940000 100%);
  border-radius: 10px;
  box-shadow: 5px 20px 50px #777;
  margin: 0 auto;
}
.u-columns form {
    padding: 0 10% !important;
    display: block;
    width: 100%;
}
#chk{
  display: none;
}
.u-column1{
  position: relative;
  width:100% !important;
  height: 100%;
}
.u-column1 label.chk_labels {
  margin-bottom: 50px !important;
}
.u-column1 label {
  color: #FFFFFF;
}
.u-column1 a.text-v-dark {
  color: #FFF !important;
  text-decoration: underline;
}
label.chk_labels {
  color: #fff;
  font-size: 2.3em;
  justify-content: center;
  display: block !important;
  margin: 20px 30px 30px;
  font-weight: bold;
  cursor: pointer;
  transition: .5s ease-in-out;
}
.u-columns input{

}
.u-columns button[type=submit]{
  border-radius: 8px;
  background-color: #212529;
  border-color: #fff;
}
.u-columns button:hover{
  background-color: #000;
  border-color: #212529;
}
.u-column2{
  width: 100% !important;
  height: 660px;
  background: #eee;
  border-radius: 60% / 10%;
  transform: translateY(-120px);
  transition: .8s ease-in-out;
}
.u-column2 label.chk_labels {
  color: #573b8a;
  transform: scale(.6);
}
.u-column2.col-2 input {
    height: 35px;
}
.u-column2 p.form-row {
  margin-bottom: 5px;
}
.u-column2 .woocommerce-privacy-policy-text p {
  line-height: 18px;
}

#chk:checked ~ .u-column2{
  transform: translateY(-530px);
}
#chk:checked ~ .u-column2 label.chk_labels {
  transform: scale(1);  
  margin-bottom: 10px;
}
/*#chk:checked ~ .u-column2 label.chk_labels h3 {
    padding-top: 20px;
}*/
#chk:checked ~ .u-column1 label.chk_labels {
  transform: scale(.6);
}

/* End style */

span.welcome-msg {
    text-align: center;
    line-height: 12px !important;
    padding-top: 8px;
  }
  
  .page-id-40837 .page-content h2 {
    margin: 0 0 15px 0;
  }
  
  /*For PDF Button*/
  .pom-default.printomatic {
    position: absolute;
    z-index: 9;
    top: 0;
  }
  
  .cwginstock-panel-heading h4 {
    margin: auto;
  }
  
  .cwginstock-subscribe-form .panel-heading {
    padding: 5px 15px;
  }
  
  /*For Shop page*/
  .archive-products .product-category {
    display: inline-block;
    width: 24%;
    box-shadow: 0 0 10px 1px #efefef;
    margin: 5px auto;
  }
  
  ul.products li.product-category a {
    display: block;
  }
  
  ul.products li.product-category a .woocommerce-loop-category__title {
    font-size: 20px;
  }
  
  ul.products li.product-category a .woocommerce-loop-category__title .count {
    color: #008F4C;
  }
  
  ul.products span.category-list {
    display: none;
  }

  /* Varaition product Pills */
  .single_variation_wrap .woocommerce-variation.single_variation {
    display: flex;
    flex-wrap: wrap;
  }
  .single_variation_wrap .woocommerce-variation.single_variation .woocommerce-variation-price {
    order: 3;
    display: block;
    flex-basis: 100%;
  }
  .single_variation_wrap .woocommerce-variation.single_variation .woocommerce-variation-availability {
    order: 2;
  }
  .single_variation_wrap .woocommerce-variation-description p {
    margin-bottom: 0;
  }
  .single_variation_wrap .woocommerce-variation-price {
    margin-bottom: 20px !important;
  }


  /*Copied From Recipee Admin Page*/
  .page-id-23478 .thumb-info img {
    display: block;
  }
  
  /*Shipping Page*/
  .page-id-3757 table {
    width: 100%;
    border-collapse: collapse;
  }
  
  .page-id-3757 table tr td {
    border: 1px solid #111;
    text-align: center;
  }
  
  .page-id-3757 table tr:first-child {
    background-color: #ccc;
  }
  
  .page-id-3757 table tr td:first-child,
  .page-id-3757 table tr td:last-child,
  .page-id-3757 table tr td:nth-child(4) {
    width: 20%;
  }
  
  .page-id-3757 table tr td:nth-child(2) {
    width: 12%;
  }
  
  .page-id-3757 table tr td:nth-child(3) {
    width: 16%;
  }
  
  .category-videos iframe {
    border: none;
  }
  
  .archive.category.category-videos .entry-content br {
    display: none;
  }
  
  @media (max-width: 991px) {
    .archive-products .product-category {
        width: 32%;
    }

    /* Table menu styles  */
body #header .main-menu > li.menu-item > a {
        padding: 30px 10px 15px 10px;
    }
    #header.logo-center .header-main .container {
      flex-wrap: nowrap;
      justify-content: center;
    }
    #header.logo-center .header-main .container div.header-left,
    #header.logo-center .header-main .container div.header-right {
      flex-direction: row;
      justify-content: end;
      align-self: center;
    }
    #header .header-main .header-left {
      order: 3;
      justify-content: normal;
      flex-direction: row;
    }
    body #header.logo-center .header-main .header-right {
      max-width: 60%;
      justify-content: normal;
      padding-bottom: 10px;
      padding-right: 10px;
    }
    body #header .header-main .header-center {
      padding-bottom: 0;
    }
    #header .header-left.hidden {
        display: block !important;
    }
    #header .header-top .searchform-popup {
      position: static;
    }
    #header .searchform-popup .search-toggle .search-text {
      display: none;
    }
    body #header .searchform-popup .search-toggle{
      color: #000 !important;
      position: absolute;
      top: -5px;
      transform: translate(0, -50%);
      right: 155px;
    }    
     #header .header-left form.searchform.search-layout-advanced {
      top: 15px;
      right: 10px;
      left: inherit;
    }        
  }
  
  @media (max-width: 576px) {
    #header .header-right {
        text-align: center;
        padding-left: 22%;
    }
  
    .archive-products .product-category {
        width: 99%;
    }
  }

  /* Homepage Cards style */

  /*Ovveride container width and vertically center content full-width 100% hack */
  @media (min-width: 576px) {
    .homepage_custom_block_cards {
      margin-left: calc(-100vw / 2 + 540px / 2);
      margin-right: calc(-100vw / 2 + 540px / 2);
      padding-left: calc(100vw / 2 - 540px / 2);
      padding-right: calc(100vw / 2 - 540px / 2);
/*      background-color: #f4f3f3;*/
      padding-top: 30px;
      margin-bottom: 30px;
    }
  }
  @media (min-width: 768px) {
    .homepage_custom_block_cards {
      margin-left: calc(-100vw / 2 + 720px / 2);
      margin-right: calc(-100vw / 2 + 720px / 2);
      padding-left: calc(100vw / 2 - 720px / 2);
      padding-right: calc(100vw / 2 - 720px / 2);
    }
  }
  @media (min-width: 992px) {
    .homepage_custom_block_cards {
      margin-left: calc(-100vw / 2 + 960px / 2);
      margin-right: calc(-100vw / 2 + 960px / 2);
      padding-left: calc(100vw / 2 - 960px / 2);
      padding-right: calc(100vw / 2 - 960px / 2);
    }
  }
  @media (min-width: 1160px) {
    .homepage_custom_block_cards {
      margin-left: calc(-100vw / 2 + 1140px / 2);
      margin-right: calc(-100vw / 2 + 1140px / 2);
      padding-left: calc(100vw / 2 - 1140px / 2);
      padding-right: calc(100vw / 2 - 1140px / 2);
    }
  }

  .homepage_custom_block_cards {
  }
  .homepage_custom_block_cards ul.homepage_cards_ul {
    padding-left: 0;
    list-style: none;
  }
  .homepage_custom_block_cards ul.homepage_cards_ul li {
    margin-bottom: 20px;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
  }
  .homepage_custom_block_cards ul.homepage_cards_ul li:hover {
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
  }
  .homepage_custom_block_cards ul.homepage_cards_ul li:hover img {
    opacity: 0.8;
  }
  .homepage_custom_block_cards ul.homepage_cards_ul li img {
    border-radius: 8px;
/*    max-height: 240px;*/
    width: 100%;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
  }
  .homepage_custom_block_cards ul.homepage_cards_ul li h4 {
    color: #0a7444;
    font-weight: 600;
  }

  /* Bottom recipies homepage style */
  .homepage_custom_block_cards_bottom {}
  .homepage_custom_block_cards_bottom ul.homepage_bottom_cards_ul {
    padding-left: 0;
    list-style: none;
  }
  .homepage_custom_block_cards_bottom ul.homepage_bottom_cards_ul li {
    border-radius: 8px;
    min-height: 400px;
    display: flex;
    /*flex-direction: column;
    justify-content: flex-end;*/
    padding: 10px 15px;    
  }
  .homepage_custom_block_cards_bottom ul.homepage_bottom_cards_ul li div {
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    width: 100%;
    cursor: pointer;
  }
  .homepage_custom_block_cards_bottom ul.homepage_bottom_cards_ul li div.homepage_bottom_cards_inner:after {
    content: "";
    background-image: linear-gradient(180deg, rgba(54, 54, 54, 0.09), #0e0e0e);
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 1;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;

  }
  .homepage_custom_block_cards_bottom ul.homepage_bottom_cards_ul li:hover div.homepage_bottom_cards_inner:after {
    background-image: linear-gradient(180deg, rgba(54, 54, 54, 0.09), #0e0e0e);
    opacity: 0.3;
  }
  .homepage_custom_block_cards_bottom ul.homepage_bottom_cards_ul li img {    
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .homepage_custom_block_cards_bottom ul.homepage_bottom_cards_ul li h4 {
    font-size: 28px;
    margin-bottom: 15px;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    height: 20%;
    overflow: hidden;
    padding: 0 20px 20px;
    line-height: 32px;
    z-index: 2;
  }
  .homepage_custom_block_cards_bottom ul.homepage_bottom_cards_ul li p {
    font-size: 14px;
    margin-bottom: 5px;
    color: #ffffff;
    position: absolute;
    top: 60%;
    width: 100%;
    padding: 0 22px;
    z-index: 3;
    display: none;
  }
  
  /*new header design*/
  body.home .page-content > h2 {
    margin-bottom: 32px !important;
  }

  .home #header .logo {
    margin-top: 0px !important;
  }
  
  #header .header-main .header-left {
    padding-bottom: 0px !important;
  }
  
  #header .header-main .header-right {
    padding-top: 49px !important;
    max-width: 235px;
  }
  
  #header .header-main .header-right .login-links {
    margin-bottom: 20px;
  }
  
  #header .header-top {
    background-color: #ffffff;
    background-image: url(//www.fiestaspices.com/wp-content/uploads/2015/12/htop.jpg);
    background-repeat: repeat-x;

    display: none !important;
  }
  
  #header .header-main {
    background: linear-gradient(180deg, #940000 0%, #D42E12 45.83%, #940000 100%);
  }
  
  .header-right .header-contact .gap {
    display: none;
  }
  
  #header .welcome-message,
  #header .welcome-message a {
    background: #003896;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 1.5px 0px;
  }
  
  .header-contact a {
    font-weight: bold;
  }
  
  .header-contact-icon {
    margin-left: 10px;
  }
  
  .header-contact .header-social-icons {
    display: inline-flex;
    gap: 7px;
  }
  
  #footer .footer-main {
    background: linear-gradient(180deg, #940000 0%, #D42E12 45.83%, #940000 100%);
  }
  
  #footer .footer-main .menu li:before {
    content: unset;
  }
  
  #footer .footer-main .menu li a {
    color: #fff;
  }
  
  #footer .footer-main h4.bottom-border {
    padding-bottom: 7px;
    border-bottom: 1px solid #fff;
    margin-right: 12%;
  }
  
  #footer .footer-main h4 {
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 17.64px;
    letter-spacing: 0.63px;
    text-transform: uppercase;
  }
  
  .footer-sponsors-icons a {
    margin-right: 30px;
  }
  
  .footer-social-icons {
    margin-top: 33px;
  }
  
  .footer-social-icons a {
    margin-right: 10px;
  }
  
  .footer-social-icons a img {
    max-width: 30px;
  }
  
  @media screen and (min-width: 600px) {
    .widget_block .wp-block-columns .wp-block-column > p {
        max-width: 245px;
    }
  }
  
  @media screen and (max-width: 1160px) {
    .header-center .main-menu.mega-menu {
        display: none !important;
    }
  
    /*.header-left .mobile-toggle {
        display: inline-block !important;
    }*/
  }
  .rw-section-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  }
  
  
  
  .rw-section-content {
  flex: 0 0 70%;
  justify-content: flex-end;
  text-align: right;
  }
  
  
  
  .rw-section-content h3 {
  margin: 0;
  padding: 20px;
  }
  
  
  
  .rw-section-image {
  flex: 0 0 30%;
  text-align: center;
  }
  
  
  
  .rw-section-image img {
  width: auto;
  height: 150px; /*Adjust this value to change picture size*/
  }
  
  
  
  /* Responsive behavior */
  @media (max-width: 768px) {
  .rw-section-container {
  flex-direction: column-reverse;
  }
  
  
  
  .rw-section-content, .rw-section-image {
  flex: 0 0 100%;
  }
  }
  
  .contact-form-container {
      display: flex;
      width: 100%;
      border-radius: 10px;
      box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.3);
      overflow: hidden;
  }
  
  .contact-details-column {
      width: 30%;
      background-color: #C93331;
      color: white;
      padding: 30px;
      display: flex;
      flex-direction: column;
  }
  
  .contact-icon {
      margin-bottom: 20px;
  }
  
  .contact-info {
      text-align: left;
      margin-bottom:20px;
  }
  
  .map-embed {
      width: 100%;
      height: 200px;
  }
  
  .form-column {
      flex-grow: 1;
      padding: 50px;
      background-color: #fff;
  }
  
  .form-column input[type="text"],
  .form-column input[type="email"],
  .form-column textarea,
  .form-column input[type="file"] {
      width: 100%;
      padding: 10px;
      margin-bottom: 15px;
      border: 1px solid #ddd;
      border-radius: 5px;
      font-size: 16px;
      box-sizing: border-box;
  }
  
  .form-column input[type="text"]::placeholder,
  .form-column input[type="email"]::placeholder,
  .form-column textarea::placeholder {
      color: #888;
  }
  
  .form-column input[type="submit"] {
      background-color: #009933;
      color: white;
      padding: 10px 20px;
      border: none;
      border-radius: 5px;
      font-size: 18px;
      cursor: pointer;
      transition: background-color 0.3s ease;
  }
  
  .form-column input[type="submit"]:hover {
      background-color: #009933;
  }

  .fs-careers-form-container {
    display: flex;
    width: 100%;
    border-radius: 10px;
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    flex-wrap: wrap;
}

.fs-card-header {
    display:flex;
    background-color: #C93331;
    cursor: pointer;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    color:#FFF;
}

.fs-card-header h5 {
    color: #FFF;
    margin: 0;
}

.fs-card-body {
    padding: 15px;
    border-top: 1px solid #ddd;
    color:#FFF;
}

.fs-careers-details-column {
    width: 30%;
    background-color: #C93331;
    display: flex;
    flex-direction: column;
    order: 1; /* Default order */
}

.fs-careers-details-column h3{
    margin-left:10px;
    margin-top:10px;
    color:#FFF;
}

.fs-careers-form-column {
    width: 70%;
    padding: 50px;
    background-color: #fff;
    order: 2; /* Default order */
}

.fs-careers-form-column input[type="text"],
.fs-careers-form-column input[type="email"],
.fs-careers-form-column textarea,
.fs-careers-form-column input[type="file"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    box-sizing: border-box;
}

.fs-careers-form-column input[type="text"]::placeholder,
.fs-careers-form-column input[type="email"]::placeholder,
.fs-careers-form-column textarea::placeholder {
    color: #888;
}

.fs-careers-form-column input[type="submit"] {
    background-color: #009933;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.fs-careers-form-column input[type="submit"]:hover {
    background-color: #007a29;
}

/* Media query for screen widths 768px or less */
@media (max-width: 768px) {
    .fs-careers-form-container {
        flex-direction: column;
    }

    .fs-careers-details-column, 
    .fs-careers-form-column {
        width: 100%; /* Make both columns full-width */
    }

    .fs-careers-form-column {
        padding: 20px; /* Adjust padding for smaller screens */
    }

    .fs-careers-details-column {
        order: 2; /* Swap order on smaller screens */
    }

    .fs-careers-form-column {
        order: 1; /* Swap order on smaller screens */
    }

    /* Update mobile header styling */
    #header_search_wrapper {
      display: none !important;
    }
    #header .header-main .header-left {
      order: 3;
      justify-content: normal;
    }
    body #header.logo-center .header-main .header-right {
      max-width: 60%;
      justify-content: normal;
      padding-bottom: 10px;
      padding-right: 10px;
      margin-right: -5%;
    }
    body #header .header-main .header-center {
      padding-bottom: 0;
    }
    /* Fixed search not displaying on new mobile header */
    body #header .header-top {
      display: block !important;
      background-color: transparent !important;
    }
    body #header .header-left.hidden {
      display: block !important;
    }
    body #header .header-left i.porto-icon-magnifier:before {
      font-weight: bold;
    }
    body #header .header-top .searchform-popup {
      position: static;
    }
    body #header .searchform-popup .search-toggle{
        color: #000 !important;
        position: absolute;
        top: 60px;
        transform: translate(0, -50%);
        left: 50%;
        right: auto;
    }
    body #header .searchform-popup .search-toggle .search-text {
      display: none;
    }
    #header .searchform-popup .search-toggle.opened:after {
      top: 40px;
    }
    body #header .header-left form.searchform.search-layout-advanced {
      top: 81px;
      left: 20px;
    }
    body .searchform .live-search-list .autocomplete-suggestions {
      max-height: 410px;
    }
    body #header #nav-panel {
      position: absolute;
      width: 100%;
      z-index: 99999;
      background-color: rgba(0, 0, 0, 0.8);
      min-height: 100vh;
    }
    body #header #nav-panel .mobile-nav-wrap {
      margin-top: 25px;
      border-radius: 8px;
    }
    body #header #nav-panel .accordion-menu li.menu-item>a {
      padding-left: 15px;
      margin-top: 5px !important;
      margin-bottom: 5px;
    }
    body #header #nav-panel .accordion-menu li.menu-item li a {
      padding-left: 10px !important;
    }
}

.recipe-container {
display: flex;
background: linear-gradient(180deg, #940000 0, #D42E12 45.83%, #940000 100%);
padding: 20px;
justify-content: space-around;
text-align: center;
flex-wrap: wrap;
border-radius:5px;
color:white;
}



.recipe-column {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
margin: 10px;
color: white;
}



.recipe-text-large {
font-size: 16px !important;
font-weight: bold;
margin-bottom: 5px;
}



.recipe-text-small {
font-size: 15px;
color:white;
}



/* Responsive behavior */
@media (max-width: 425px) {
.recipe-container {
flex-direction: column;
}
}