/*
Theme Name: Reflector Chield Theme
Author: 
Description: Reflector Chield Theme
Version: 1.0
Template: reflector

This is the child theme for Reflector theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");

/* font-family: "Josefin Sans", sans-serif; */

*, ::after, ::before {
	box-sizing:border-box
}

.row {
	--bs-gutter-x:1.5rem;
	--bs-gutter-y:0;
	display:flex;
	flex-wrap:wrap;
	margin-top:calc(-1 * var(--bs-gutter-y));
	margin-right:calc(-.5 * var(--bs-gutter-x));
	margin-left:calc(-.5 * var(--bs-gutter-x))
}

.row>* {
	flex-shrink:0;
	width:100%;
	max-width:100%;
	padding-right:calc(var(--bs-gutter-x) * .5);
	padding-left:calc(var(--bs-gutter-x) * .5);
	margin-top:var(--bs-gutter-y)
}

.col-lg-4 {flex:0 0 auto; width:33.33333333%}
.col-lg-6 {flex:0 0 auto; width:50%}
.col-lg-10 {flex:0 0 auto; width:83.33333333%}
.col-lg-12 {flex:0 0 auto; width:100%}

.align-items-center {align-items:center;}
.justify-content-center {justify-content:center}

.mx-auto { margin-right:auto!important; margin-left:auto!important}
.text-center {text-align:center;}

.mt-2{ margin-top: 2rem;}
.mt-3{ margin-top: 3rem;}
.mb-1{ margin-bottom: 1.2rem;}
.ps-2{padding-left:2.6rem !important;}


body{font-family: "Josefin Sans", sans-serif; margin: 0; padding: 0;}

.container{max-width: 1140px; margin: 0 auto;}

h3{color: #4c4c4c; font-size: 29px; font-weight: 700; letter-spacing: 2px; line-height: 1.3; text-align: center; background: url(title_sepreter.png) no-repeat center bottom; background-size: 120px auto; padding:0px 0px 16px 0px; margin: 0;}

.light-bg{ background-color: #f8f6f5;}
.light-grey-bg{ background-color: #f1efec;}

.search-icon-wrapper{ display: none;}

.hero-wrapper .top-banner.classic .content-wrap .content{position: absolute; bottom: 50px;}
.hero-wrapper .top-banner.classic .title{ margin-top: 0px;}

.tour_service_main{ position: relative; padding: 70px 0px 50px 0px;}
.tour_service_main .naturetales_pic {width: 100%; display: block; text-align: center; margin: 0px 0px 20px 0px; padding: 0;}
.tour_service_main .naturetales_pic img{ width: 100%; max-width: 300px;}
.tour_service_main .powered_by{ width: 100%; display: inline-block; margin: 10px 0px 30px 0px}
.tour_service_main .powered_by h4{font-size: 24px; color: #000000; text-align: center; margin: 0px;}
.tour_service_main .powered_by h4 span{color: #d10101;}

.tour_service_main .tour_service_box{ width: 100%; position: relative; margin-bottom: 4rem;}
.tour_service_main .tour_service_box .service_icon{display: block; font-size: 36px; color: #4c4c4c; margin-bottom: 20px;}
.tour_service_main .tour_service_box h4{color: #4c4c4c; font-size: 17px; font-weight: 700; letter-spacing: 2.2px; line-height: 1.2; margin-top: 10px; margin-bottom: 20px;}
.tour_service_main .tour_service_box p{font-size: 17px; font-weight: 300; line-height: 1.67;}

.itinerary-main .headings h3.title{ width: 100%; display: block; background: url(title_sepreter.png) no-repeat center bottom; background-size: 120px auto; padding-bottom: 16px;}
.itinerary_list{ width: 100%; display: block; margin: 0px; padding: 0px;}
.itinerary_list ul{ width: 100%; display: block; margin: 0px; padding: 0px;}
.itinerary_list ul li{ width: 100%; list-style: inside decimal; font-size: 16px; font-weight: 400; margin: 0px 0px 8px 0px; padding: 0px;}
.itinerary_list ul li strong{color: #000000; text-decoration: underline; margin-right: 10px;}


#footer .footer-bottom .footer-item .footer-socials{ display: flex;}
#footer .footer-bottom .footer-socials a{ color: #ffffff; font-size:20px; background: #b9a893; width: 36px; height: 36px; display: flex; border-radius: 6px; flex-wrap: wrap; justify-content: center; align-content: center; text-decoration: none; margin-right: 12px;}
#footer .footer-bottom .footer-socials a:hover{ color: #ffffff; background: #4c4c4c;}
#footer .footer-bottom .footer-item .copyright{ font-weight: 400; font-size: 15px; letter-spacing: 0.5px;}


.photography-main{ padding: 70px 0px 50px 0px;}
.photography-workshops{ width: 100%; position: relative; margin: 0; padding: 0px;}
/*.photography-workshops h3{color: #4c4c4c; font-size: 29px; font-weight: 700; text-align: center; letter-spacing: 3.77px; line-height: 1.3; background: url(title_sepreter.png) no-repeat center bottom; background-size: 120px auto; padding:0px 0px 16px 0px; margin: 0px 0px 30px 0px;}*/
.photography-workshops p{font-size: 17px; font-weight: 300; line-height: 1.67; color: #666666; text-align: center;}

.workshops-box{ position: relative; background-color: #ffffff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 8px; padding: 24px 24px; margin: 0px 0px 40px 0px;}
.workshops-box h4{color: #4c4c4c; font-size: 22px; font-weight: 700; letter-spacing: 1.3px; line-height: 1.3;  padding: 0px; margin: 0px 0px 16px 0px;}
.workshops-box ul{ width: 100%; margin: 0px; padding: 0px;}
.workshops-box ul li{ width: 100%; list-style: disc inside; font-size: 16px; font-weight: 400; color: #666666; line-height: 18px; margin: 0px 0px 12px 0px; padding: 0px;}


.workshop-cost-main{ padding: 70px 0px; position: relative;}
/*.workshop-cost-main::after{content: ''; width: 50%; background-color: #fcf7f2; position: absolute; right: 0; top: 0; height: 100%; z-index: -1;}*/
/*.workshop-cost-main h3{color: #4c4c4c; font-size: 29px; font-weight: 700; text-align: center; letter-spacing: 3.77px; line-height: 1.3; background: url(title_sepreter.png) no-repeat center bottom; background-size: 120px auto; padding:0px 0px 16px 0px; margin: 0;}*/
.workshop-cost-main .cost-box{ width: 100%; max-width: 400px; margin: 0 auto; border: 2px solid #b9a893; border-radius: 12px; padding: 24px 20px; text-align: center; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; min-height: 150px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center;}
.workshop-cost-main .cost-box .price-workshop{ width: 100%; color: #b9a893; font-size: 32px; font-weight: 500; margin: 0px 0px 12px 0px; padding: 0px;}
.workshop-cost-main .cost-box p{font-size: 17px; font-weight: 400; line-height: 1.67; color: #454545; margin: 0; padding: 0;}
.workshop-cost-main .payment-free{background-color: #fcf7f2; padding-top: 1.5rem; padding-bottom: 1.5rem;}
.workshop-cost-main .payment-free h5{color: #4c4c4c; font-size: 20px; font-weight: 700; letter-spacing: 1.5px; line-height: 1.3; padding:0px 0px 6px 0px; margin: 0;}
.workshop-cost-main .payment-free p{font-size: 17px; font-weight: 400; line-height: 1.4; color: #454545; margin: 0px 0px 10px 0px; padding: 0;}
.workshop-cost-main .payment-free ul { width: 100%; margin: 6px 0px 0px 0px; padding: 0px;}
.workshop-cost-main .payment-free ul li{ width: 100%; list-style: disc inside; font-size: 16px; font-weight: 400; color: #454545; line-height: 18px; margin: 0px 0px 12px 0px; padding: 0px;}

.inclusion-exclusion-main{ padding: 70px 0px; position: relative;}
.inclusion-exclusion-main::before{content: ''; width: 50%; background-color: #f8f6f5; position: absolute; left: 0; top: 0; height: 100%; z-index: -1;}
.inclusion-exclusion-main h3{ text-align: left; background-position: left bottom;}
.inclusion-exclusion-main ul { width: 100%; margin: 30px 0px 0px 0px; padding: 0px;}
.inclusion-exclusion-main ul li{ width: 100%; list-style: disc inside; font-size: 16px; font-weight: 400; color: #454545; line-height: 18px; margin: 0px 0px 12px 0px; padding: 0px;}


@media only screen and (max-width: 1024px) {
.photography-workshops h3, .workshop-cost-main h3, .inclusion-exclusion-main h3{ letter-spacing: 2px;}
}

@media (max-width: 991px) {
.workshop-cost-main .payment-free{ margin-top: 2rem; padding: 1.5rem !important;}
.inclusion-exclusion-main::before{ width: 100%;}
.ps-2 {padding-left: 15px !important; padding-top: 2rem;}
.workshops-box h4{ font-size: 20px;}
}

@media (max-width: 767px) {
.workshop-cost-main .cost-box .price-workshop{ font-size: 28px;}
#footer .footer-bottom .footer-item .footer-socials{ justify-content: center;}
#footer .footer-bottom .footer-item .copyright{ text-align: center;}
}


@media only screen and (max-width: 576px) {
.photography-workshops h3, .workshop-cost-main h3, .inclusion-exclusion-main h3{ letter-spacing: 1px;}
}