/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/********** global ***********/

.hero-inner{
  z-index: 1;
}

div.hero-wrap-overlay{
  z-index: 0;
}

/********** side menu ***********/

.menu-title a{
  font-size: 17px;
  font-weight: 800;
  margin: 20px 0;
  border-bottom: 3px solid #ccc;
  cursor: default;
}
.menu-sub a{
  font-size: 15px;
  font-weight: 400;
  margin: 5px 0 !important;
  padding: 15px !important;
}

.menu-sub a:hover{
  color: #000;
  background-color: #ECEEEF;
}

/** sub sub **/

.menu-sub-title{
  padding: 0 15px !important;
  cursor: default;
}

.menu-sub-title a{
  cursor: default;
}

.menu-sub-sub{
  padding: 0 0 0 35px !important;
}


/********** homepage spotlight ************/

.spot-wrap{
  display: flex;
}

.spot-item{
overflow: hidden;
  position: relative;
  width: 33%;
  margin: 15px;
  border-radius: 15px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

div.spot-content::after{
  position: absolute;
  bottom: -50px;
  right: -50px;
  content: "";
  width: 100px;
  height: 100px;
  background: #ECD93A;
  transform: rotate(45deg);
}

.spot-item img{
  width: 100%;
  height: 250px;
  object-fit: cover;
  background-position: center;
  border-radius: 15px  15px 0 0;
}

.spot-content{
  padding: 0 25px 25px 25px;
}

.spot-content h3{
  margin: 15px 0 -10px 0;
  font-size: 24px;
}

.spot-content p{
  max-height: 70px;
  overflow: hidden;
}

@media(max-width: 767px){
div.spot-wrap {
  flex-direction: column;
  align-items: center;
}

div.spot-item {
  width: 90%;
  max-width: 500px;
}
}
/********** Single Page ***********/
.hero-wrap{
  position: relative;
  display: flex;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.hero-wrap-overlay{
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
}

.hero-inner{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1000px;
  margin: auto;
  padding: 20px;
}

.hero-wrap h1,
.hero-wrap .breadcrumb{
  position: relative;
  color: #fff;
  z-index: 2;
  text-align: center;
}

.hero-wrap .breadcrumb{
  font-weight: 600;
}

.hero-wrap .breadcrumb a{
  position: relative;
  color: #fff;
  z-index: 2;
}

.hero-wrap .breadcrumb a:hover{
color: #fcb900;
}

/** table **/

.content-table{
  max-width: 1000px;
margin: 75px auto;
}

.content-table th{
  background-color: #AC1818;
  color: #fff;
  font-size: 17px;
  text-transform: uppercase;
  text-align: left;
}

.content-table td{
  font-size: 15px;
}


.content-table td a{
  color: #AC1818;
  font-weight: 700;
}

.content-table td a:hover{
color: #fcb900;
}

/*************** merchant single page ***************/

.post-wrap{
  display: flex;
  align-items: center;
  margin: 75px auto;
  width: 95%;
  max-width: 1200px;
  background-color: #F5F5F5;
  border-radius: 25px;
}

.post-wrap p{
  font-size: 17px;
  margin: 10px auto;
  color: #696969;
  font-weight: 600;
}

.post-wrap a{
  color: #AE1818;
}

.post-wrap a:hover{
  color: #000;
}

.post-lt,
.post-rt{
margin: 25px;
}

.post-lt img{
max-height: 450px;
}

@media(max-width: 767px){
.post-wrap{
  flex-direction: column;
  max-width: 500px;
}
}