/*
Theme Name: Coupon Exchange
Author: mi.tko
Author URI: 
Theme URI: https://shop.hudo.com
Tags: full-site-editing
Text Domain: coupon-exchange
Requires at least: 6.1
Requires PHP: 7.4
Tested up to: 6.4
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Generated on fullsiteediting.com. No code version.
*/

:root {
   --coupon-red: #dd2616;
   --coupon-green: #2ea351;
   --coupon-orange: #FE880E;
}

body {
   background-color: #f7f7f7a7;
}

p {
   line-height: 1.5;
}

.current-menu-item {
    color: var(--coupon-red);
}

.coupon-list {
    padding: 0 10px;
}

.coupon-vendor {
   img {max-height:40px};
}
.vendor-link,
.coupon-description {
   display:none;
}
.vendor-logo {
   text-decoration:none
}
.single-coupon .vendor-link,
.single-coupon .coupon-description {
   display:block;
}
.coupon-title a {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   margin: 20px 0 10px;
   font-size:22px;
}

.coupon-valid {
   font-size:16px;
}

.coupon-code .value {
   position: relative;
   display: block;
   margin: 0;
}
.single-coupon .coupon-code {
  flex-grow:1;
}

a.coupon-link {
   display: block;
   text-decoration: none;
   border-radius: 7px;
}

.single-coupon .coupon-link {
   padding:10px;
   border:1px solid #999;
   margin-top:10px;

}

a.coupon-link:after {
   content: attr(title);
   font-size: 12px;
   text-align: center;
   display: block;
   padding: 2px 12px;
   color: #ffffff;
   background-color: var(--coupon-green);
   border-radius: 7px;
   line-height: 30px;
   overflow:hidden;
}


a.coupon-link:active {
   background-color: var(--coupon-green);
   color: #ffffff;
}

a.coupon-link:active:after {
   background-color: var(--coupon-orange);
   x-color: var(--coupon-green);
}

.single-coupon a.coupon-link:after {
   line-height: 36px;
   font-size: 14px;
}

a.shop-link {
    font-size: 16px;
    text-decoration:none;
    font-weight:normal;
   padding:6px 12px;
   border-radius:5px;
}
a.shop-link:active {
   background-color: var(--coupon-orange);
   color:white
}
a.shop-link:after {
    content:" >"
}
.single-coupon .shop-link {
   color:var(--coupon-green)
}

.single-coupon-card > div {
   min-height:450px !important;
}