/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */

body.single .blog-banner{
	background:url(images/41108-min.jpg) center;
	background-size:cover;
	position:relative;
	min-height:500px;
	margin-top:-10px;
	display:flex;
	align-items:center;
}
body.single .blog-banner:before{
	background-color: transparent;
  --background-overlay: '';
  background-image: linear-gradient(104deg, #B72C2CF7 0%, #B72C2C00 100%);
	position:absolute;
	left:0px;
	top:0px;
	content:"";
	width:100%;
	height:100%;
}
body.single .blog-banner .blog-banner-container{
	max-width:1220px;
	margin:0 auto;
	position:relative;
	z-index:2;
	width: 100%;
}
body.single .blog-banner .blog-banner-container h1{
  color: #FFFFFF;
  font-family: "Libre Baskerville", Sans-serif;
  font-size: 54px;
  font-weight: 700;
	margin-top:50px;
  line-height: 1.1em;
	text-align:center;
}
body.single #single-page-section{
	padding:70px 0;
	font-family: "Lato", Sans-serif;
	font-size:17px;
	line-height:1.7;
	color:#181818;
	background-color: transparent;
  background-image: linear-gradient(180deg, #EDAB9A29 0%, #FFFFFF00 100%);
}
body.single #single-page-section .blog-container{
	max-width:960px;
	margin:0 auto;
	    padding: 35px;
    border-radius: 30px;
    box-shadow: 1px 8px 35px #bebebe80;
    background: #fff;
}
body.single #single-page-section .blog-container h3, body.single #single-page-section .blog-container h2, body.single #single-page-section .blog-container h4{
	font-family: "Libre Baskerville", Sans-serif;
	font-weight: 700;
	line-height:1.3;
}
body.single #single-page-section .blog-container h3{
	font-size:26px;
}
body.single #single-page-section .blog-container p{
	margin-bottom:20px;
}
body.single #single-page-section .blog-container ul{
	margin:0 0 24px 0;
}
body.single #single-page-section .blog-container .blog-single-pic{
	padding-bottom:24px;
}
.workshops-home .elementskit-post-body .btn-wraper {
	text-align:center !important;
}
.workshops-home .ekit-wid-con .elementskit-post-image-card{
	background:none !important;
}
.booknow a{
	background:#FAC22F;
	color:#000 !important;
	border-radius:30px;
	padding-left:24px !important;
	padding-right:24px !important; 
}
.booknow a:hover, .booknow a:focus{
	background:var( --e-global-color-primary ) !important;
	color:#fff !important;
}
.related-sec{
	display:none;
}
body.single .related-sec{
	display:block;
}
body.single .related-ul{
	display:grid;
	gap: 30px;
	margin:0;
	list-style:none;
	padding:50px 30px;
  grid-template-columns: repeat(6, 1fr);
}
body.single .related-ul li{
	box-shadow: 1px 2px 20px rgba(0,0,0,.12);
	padding:12px;
	border-radius:15px;
	transition: transform .2s; /* Animation */
}
body.single .related-ul li:hover{
	transform: scale(1.1);
	background:#FAC22F;
}
body.single .related-ul li a {
  font-family: "Libre Baskerville", Sans-serif;
  font-weight: 700;
color:#191919;
	font-size: 16px;
  line-height: 1.5;
  display: block;
  text-align: center;
}
.related-ul-content{
	text-align:center;
	padding:12px;
}
.container{
	max-width:980px;
	margin-left:auto;
	margin-right:auto;
}

.ctabar{
	background:var( --e-global-color-primary ) !important;
	color:#fff;
	border-radius:20px;
	padding:30px;
	display:flex;
	align-items:center;
	font-family: "Lato", Sans-serif;
	justify-content:space-between;
}
.single-book{
	font-family: "Lato", Sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
	background:#FAC22F;
	color:#000 !important;
	border-radius:30px;
	padding:12px 24px;
}
.mw-180{
	min-width:180px;
	text-align:right;
}
.ctabar h3{
	font-family: "Libre Baskerville", Sans-serif;
  font-weight: 700;
}


@media screen and (min-width: 1025px) {
.workshops-home .elementskit-post-body .entry-title{
	min-height:88.2px;
}
}

@media screen and (max-width: 1024px) {
body.single .blog-banner {
 padding:20px;
  min-height: 420px;
}
	body.single .blog-banner .blog-banner-container h1 {
  font-size: 46px;
		margin-top:70px;
}
	body.single #single-page-section {
  padding: 50px 20px;
}
	body.single .related-ul{
  grid-template-columns: repeat(3, 1fr);
}
}


@media screen and (max-width: 767px) {
body.single .blog-banner {
 padding:120px 20px 60px;
  min-height: 360px;
}
	body.single .blog-banner .blog-banner-container h1 {
  font-size: 36px;
		line-height:1.3;
}
	body.single #single-page-section .blog-container {
  padding: 25px;
  border-radius: 20px;
}
	body.single .related-ul{
  grid-template-columns: repeat(2, 1fr);
		gap: 20px;
  padding:20px;
}
	.related-ul-content {
  padding: 12px 0px;
}
	body.single .related-ul li a {
  font-size: 15px;
  line-height: 1.4;
}
	.ctabar{
		display:block;
		text-align:center;
		padding:30px 20px 40px 20px;
	}
	.mw-180{
		text-align:center;
		padding-top:20px;
	}
	.container{
		padding-left:20px;
		padding-right:20px;
	}
	.ctabar h3{
		font-size:24px;
	}
}