/*=================== MASTER STYLESHEET =====================

==============================================================*/
/*=================== LAYOUT =================================

	1. Global Style
	2. Banner Section CSS
	3. Menu Section CSS
	4. Inside Section CSS
	5. Learn Section CSS
	6. About Author Section CSS
	7. Reviews Section CSS 
	8. FAQs Section CSS 
	9. Footer Section CSS
	10. OI Custom
	11. Ticketing Section  
		

===================================================================*/
/*==================== COLOR CODES =================================

	Background         :#ffffff [white]
	Template Color        :#05173b / #E97148 [Dark Blue / Green]	
	Main Heading Color :#333333 [Dark Gray]
	Content Color      :#333333 [Dark Gray]
	Button background  :#E97148 [Green]

====================================================================*/
/*===================== TYPOGRAPHY =================================

	Heading   : font-family: 'Poppins', sans-serif;	
	Body      : font-family: 'Open Sans', sans-serif;
	Logo      : font-family: 'Pacifico', cursive;;
	Signature : font-family: 'Shadows Into Light', cursive;;

=====================================================================*/

/*==================== 1.Global Style =================================*/
body {
	font-size: 18px;
	line-height: 1.5;
	font-family: 'Open Sans', sans-serif;
	background-color: #fff;
	color: #333;

}

h1,
h2,
h3,
h4,
h5 {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}

a {
	color: #e97148;
	transition: all 0.35s ease-in-out;
}

a:hover {
	text-decoration: none;
	color: rgba(233, 113, 72, 0.76);
}

a:focus {
	text-decoration: none;
	outline: none;
}

.copy {
	font-size: 8px;
}

.mt2 {
	margin-top: 20px;
}

.mt3 {
	margin-top: 30px;
}

.mt5 {
	margin-top: 50px;
}

.burger {
	padding: 75px 0 75px;
}

.gutter {
	padding: 0 100px;
}

.border-top {
	border-top: 1px solid #ddd;
}

.no-border {
	border: none !important;
}

.darkbg {
	background-color: #eef3f9;
}

.tplbg {
	background: #05173b;
}

.white-text {
	color: #fff;
}

.sub-title {
	font-size: 18px;
}

.disclaimer {
	font-size: 16px;
}

.padded {
	padding: 50px;
}

.btn-alpha {
	background-color: #E97148;
	border: medium none;
	border-radius: 33px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	min-width: 125px;
	padding: 14px 38px;
	text-align: center;
	text-transform: uppercase;
	z-index: 999;
	font-family: 'Poppins', sans-serif;
}

.btn-alpha:hover,
.btn-alpha:focus {
	background-color: #E97148;
	color: #fff;
}

/*==================== 2. Banner Section CSS =================================*/
.site-header {
	min-height: 450px;
	color: #fff;
	padding-top: 100px;
}

.site-header p {
	font-size: 20px;

}

.site-logo {
	font-family: 'Pacifico', cursive;
	font-size: 28px;
	display: block;
}

.site-header h1 {
	font-size: 42px;
	line-height: 56px;
}

.banner_book {
	background: rgba(0, 0, 0, 0) url("../images/1.png") no-repeat scroll center 16% / 51% auto;
}

#ps-section-4 {
	margin-top: 1px;
}

/*==================== 3. Menu Section CSS =================================*/
.site-menu {
	background: #fff;
	z-index: 99;
}

@media (min-width:768px) {
	.site-menu {
		border-bottom: 1px solid #ddd;
	}
}

.site-menu ul {
	padding: 0;
	margin: 0;
}

.site-menu li {
	list-style: none;
	display: inline-block;
}

.site-menu li a {
	padding: 24px 16px;
	display: block;
	color: #000;
	position: relative;
	font-weight: 600;
}

.site-menu .active {
	color: #5aa1e3;
}

.site-menu .active:after {
	background: #5aa1e3 none repeat scroll 0 0;
	border-radius: 20px;
	bottom: -3px;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 100%;
}

.site-menu.is-fixed {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
}

.has-top-margin {
	margin-top: 70px;
}

/*==================== 4. Inside Section CSS =================================*/
.inside-block {
	padding: 50px 50px 0;
}

.inside-block h4 {
	margin-top: 30px;
}

/*==================== 5. Learn Section CSS =================================*/
.mobile_ebook {
	background: rgba(0, 0, 0, 0) url("../images/3ipad2.png") no-repeat scroll 0 0;
	background-size: 100%;
	display: inline-block;
}

.bullets {
	margin: 0;
	padding: 0;
	margin-top: 30px;
}

.bullets li {
	margin-bottom: 15px;
	list-style: none;
	background-image: url('../images/checked.png');
	background-repeat: no-repeat;
	padding-left: 30px;
	background-size: 19px;
	background-position: 0 3px;
}

.addition {
	margin: 0;
	padding: 0;
	margin-top: 30px;
}

.addition li {
	margin-bottom: 15px;
	list-style: none;
	background-image: url('../images/plus.png');
	background-repeat: no-repeat;
	padding-left: 30px;
	background-size: 19px;
	background-position: 0 3px;
}

/*==================== 6. About Author Section CSS =================================*/
.author-img {
	position: relative;
	margin: 40px;
}

.author-img::before {
	border: 4px solid #E97148;
	content: "";
	height: 100%;
	left: 0;
	margin-left: 40px;
	margin-top: -40px;
	position: absolute;
	top: 0;
	width: 100%;
}

.author-img::after {
	border: 4px solid #E97148;
	content: "";
	height: 100%;
	left: 0;
	margin-left: 20px;
	margin-top: -20px;
	position: absolute;
	top: 0;
	width: 100%;
}

.signature {
	font-family: 'Shadows Into Light', cursive;
	font-size: 24px;
}

/*==================== 7. Reviews Section CSS =================================*/
.line-heading {
	margin: 10px auto 20px;
	position: relative;
	width: 50%;
}

.line-heading::before {
	border-bottom: 2px solid #000;
	content: "";
	display: block;
	left: 15px;
	margin-top: -1.5px;
	position: absolute;
	right: 15px;
	top: 45%;
}

.line-heading span {
	background-color: #fff;
	color: #333;
	display: inline-block;
	font-size: 36px;
	font-weight: 600;
	letter-spacing: 4px;
	padding: 0 20px;
	position: relative;
	text-transform: uppercase;
	z-index: 1;
}

.quote-text {
	font-size: 19px;
	font-weight: 500;
	line-height: 33px;
	font-family: 'Poppins', sans-serif;
}

.review-author {
	display: table;
	margin: 20px auto;
}

.review-author img,
.review-author p {
	display: table-cell;
	vertical-align: middle;
}

.review-author img {
	margin-right: 20px;
}

#reviews .item {
	min-height: 315px;
}

#reviews .carousel-indicators {
	bottom: -50px;
}

#reviews .carousel-indicators li {
	background-color: #ddd;
	border-color: #ddd;
}

#reviews .carousel-indicators .active {
	background-color: #00d630;
	border-color: #00d630;
}

@media screen and (max-width: 800px) {
	.carousel {
		height: 400px;
	}
}

/*==================== 8. FAQs Section CSS =================================*/
#faqs .accordion {
	margin-top: 32px;
}

#faqs .accordion-toggle {
	border-top: 1px solid #cccccc;
	cursor: pointer;
	margin: 0;
	padding: 20px 0;
	position: relative;
	font-size: 15px;
}

#faqs .accordion-toggle.active:after {
	content: "\f068";
	position: absolute;
	right: 0;
	top: 17px;
	font-family: FontAwesome;
	font-size: 16px;
	font-weight: normal;
}

#faqs .accordion-toggle:before {
	content: "\f067";
	position: absolute;
	right: 0;
	top: 17px;
	font-family: FontAwesome;
	font-size: 16px;
	font-weight: normal;
}

#faqs .accordion-toggle.active:before {
	display: none;
}

#faqs .accordion-content {
	display: none;
}

#faqs .accordion-toggle.active {
	color: #5aa1e3;
}

.misc-details-section {
	margin-bottom: 64px;
	margin-top: 48px;
}

.misc-details-section:first-of-type {
	margin-top: 0px;
}

.misc-details-section:last-of-type {
	margin-bottom: 0px;
}

/*==================== 9. Footer Section CSS =================================*/
.site-footer {
	padding: 50px 0;
}

.social-icons {
	padding: 0;
	margin: 0;
}

.social-icons li {
	list-style: none;
	display: inline-block;
	margin: 10px;
}

/*==================== 10. OI Custom =================================*/

#oi-uo-two-ad-wrapper {
	width: -webkit-fill-available;
	height: 5em;
}

.oi-uo-two-ad-wrapper-uo {
	margin: 0 auto 0px auto;
	background: #E97148;
	padding-top: 1.15em;
}

.oi-uo-two-ad-inner-wrapper-uo {
	background: #E97148;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	max-width: 90%;
	margin: 0 auto;
	align-items: center;
}

.oi-uo-two-ad-content-uo .oi-uo-two-ad-main-text-uo {
	padding: 0px 0px;
	color: #ffffff;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
}

.oi-uo-two-ad-content-uo .oi-uo-two-ad-main-text-uo span {
	font-weight: 900;
}

.meetup-expereinces-img-wrapper {
	text-align: center;
	max-width: 100%;
}

.meetup-expereinces-img-wrapper img {
	max-width: 100%;
}

@media (min-width:768px) {
	.meetup-expereinces-img-wrapper--mobilespacing {
		margin-top: 24px;
	}
}

@media screen and (min-width:960px) {
	.row-vertically-center {
		display: flex;
		align-items: center;
	}
}

@media screen and (max-width:960px) {

	.oi-uo-two-ad-wrapper-uo {
		max-width: 100%;
		margin: 0px auto 0px auto;
	}

	.oi-uo-two-ad-wrapper-uo .oi-uo-two-ad-inner-wrapper-uo {
		max-width: unset;
		width: unset;
		padding: 10px 30px 30px 30px;
		margin: 0 auto;
		position: relative;
	}

	.oi-uo-two-ad-content-uo .oi-uo-two-ad-main-text-uo {
		position: relative;
		margin-bottom: 0px;
		font-size: 15px;
	}

	.oi-uo-two-ad-wrapper-uo {
		padding-top: 0.7em;
	}

}

@media screen and (min-width:640px) {
	.oi-uo-two-ad-mobile-break {
		display: none;
	}
}

/*==================== 11. Buy Tickets section =================================*/

.ticketing-weekend-link {
	white-space: nowrap;
}

.ticketing-day-container {
	margin-bottom: 48px;
}

.ticketing-shopify-button {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
}

.meetupTicketWeekendButtons {
	margin: 24px 0 24px;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}

@media (max-width:768px) {
	.meetupTicketWeekendButtons {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 24px;
	}
}

@media (max-width:768px) {
	.price-detail-text-wrapper {
		margin-top: 48px;
	}
}

.ticketing-section-seperator {
	margin-bottom: 48px;
}

/* PRICE INCREASE COUNTDOWN */

.price-increases-in {
	font-size: 24px;
	font-weight: 900;
	color: #07173b;
}

#countbox1 {
	color: #e97148 !important;
}

.price-increases-in-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 800px;
	margin: 0 auto;
	border: 5px solid #e97148;
	border-radius: 10px;
	padding: 18px 10px;
	background-color: #ffffff;
}