/*!
Theme Name: Blocksy
Theme URI: https://creativethemes.com/blocksy/
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a blazing fast and lightweight WordPress theme built with the latest web technologies. It was built with the Gutenberg editor in mind and has a lot of options that makes it extendable and customizable. You can easily create any type of website, such as business agency, shop, corporate, education, restaurant, blog, portfolio, landing page and so on. It works like a charm with popular WordPress page builders, including Elementor, Beaver Builder, Visual Composer and Brizy. Since it is responsive and adaptive, translation ready, SEO optimized and has WooCommerce built-in, you will experience an easy build and even an increase in conversions. Note: Blocksy is built with the latest web technologies in order to bring you the smoothest experience, that told, old browsers like IE 11 and below may not work as expected. We strongly recommend you to update/switch to a modern browser.
Version: 1.8.20
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Copyright: (c) 2019 CreativeThemes.
Requires at least: 5.2
Requires PHP: 7.0
Tested up to: 5.5
Text Domain: blocksy
Tags: blog, e-commerce, wide-blocks, block-styles, grid-layout, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, translation-ready, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, buddypress, rtl-language-support, news

*/




/*-------------------------------------------------------------------
	Offers Posts/Archives
------------------------------------------------------------------*/

.main-container {
    max-width: 1200px;
    margin: 0 auto 70px;
}

.offers-grid {
    padding: 20px;
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(330px, 0.2fr));
    row-gap: 50px;
    column-gap: 30px;
}

.offer-card {
    height: 550px;
    max-height: 550px;
    background-color: #f5f5f5;
    overflow: hidden;
    box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.39);
    border-radius: 20px;
}

.offer-card-img-container {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.offer-card-img {
    width: 100%;
    height: 290px;
    border-bottom-right-radius: 15%;
    object-fit: cover;
    transition: all .4s ease-in-out;
}

.offer-card:hover .offer-card-img {
    transform: scale(1.15);
}

.card-title {
    width: 100%;
    max-height: 90px;
    border-top-left-radius: 50px;
    padding: 25px 10px 5px;
    overflow: auto;
    background-color: rgba(245, 245, 245, 0.7);
    position: absolute;
    bottom: 0;

}

.card-title h5 {
    color: #054C7B;
    margin: 0;

}

.card-meta h5 {
    margin-top: 2rem;
    padding-left: 20px;
    margin-bottom: 10px;
}

.meta-business-type {
    background: #FCB713 0% 0% no-repeat padding-box;
    border-radius: 0px 10px 10px 0px;
    width: fit-content;
    padding: 5px 50px 5px 20px;
    margin-bottom: 10px;
}

.meta-business-type a {
    color: white;
    font-size: 20px;
    font-weight: bold;
}

p.meta-excertp {
    height: 50px;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 20px;
    color: #707070;
    max-height: 80px;
}

.btn-read-more {
    display: block;
    padding: 0 10px;
    text-align: right;
    color: #103366 !important;
}


/* edit offers tab */

.edit-offer-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem 0;

}

.delete-offer-btn, .offer-date, .edit-offer-title {
    padding: 0 10px;
    font-size: 18px;
}

.delete-offer-btn {
    background: transparent;
    font-size: 22px;
    align-self: flex-start;
    cursor: pointer;
}

.edit-offer-title a {
    color: #054C7B !important;
}

.edit-offer-btn a {
    color: #054C7B !important;
    font-size: 22px;

}

#closemodal {
    cursor: pointer;
}

.swal2-styled {
    display: none !important;
}

.btn-yes-delete-offer {
    color: black !important;
}

.create-offer-link{
   color: #6ec1e4 !important;
}


/* Pagination */

.pagination{
    
    margin: 20px auto;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;

}

.pagination a{
    padding: 5px 15px;
    color: #054C7B !important;
    
}

span.page-numbers.current{
    padding: 5px 15px;
    color: white;
    background-color: #054C7B;
}

a.next.page-numbers, a.prev.page-numbers{
    border: none;
}

/* um members pagination */
span.pagi.current{
    background: #054C7B !important;
}

i.um-faicon-angle-right, i.um-faicon-angle-double-right,i.um-faicon-angle-left, i.um-faicon-angle-double-left{
    color: #054C7B ;
}

.um-directory .um-members-pagination-box .um-members-pagi span.pagi{
    color: #054C7B !important;
}

/* Custom button style override */
.bn40 {
  border: 1px solid #02AFC5 !important;  /* thinner border, your chosen color */
  background-color: transparent !important; /* proper "none" replacement */
  color: #ffffff !important;              /* text color white */
  font-family: 'Geologica', sans-serif !important; /* use Geologica font */
  font-weight: 500;                       /* "Medium" weight */
  font-size: 16px !important;             /* new font size */
  border-radius: 21px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 181px !important;                /* requested width */
  height: 54px !important;                /* requested height */
  margin: 38px;
  margin-left: -15px;
  margin-right: -6px;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Hover effect */
.bn40:hover {
  background-color: #00AFC5 !important;   /* hover color */
  border-color: #00AFC5 !important;       /* match border on hover */
  color: #ffffff !important;
}