/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
/* Category tabs */
/* @media (max-width: 980px){
	#talkshow-banner .et_pb_row.et_pb_row_0 {
    	margin-left: 0px !important;
	}
	
	#ebook_tabs .et_pb_row.et_pb_row_0 {
	    margin-left: 0px !important;
	}
} */

#ebook-categories {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#ebook-categories .et_pb_row {
    width: 100%;
	max-width: 1500px;
}


#ebook-categories .et_pb_tabs_controls{
    text-align: center;
    background: none;
}

#ebook-categories .et_pb_tabs_controls li{
    display: inline-block;
    margin-left: 0.3em;
    margin-right: 0.3em;
    border-radius: 0.5em;
    text-transform: uppercase;
    border: 1px solid #d9d9d9
}

#ebook-categories .et_pb_tabs_controls li.et_pb_tab_active{
    border: none
}

#ebook-categories .et_pb_tabs_controls:after{
    border: none;
}

#ebook-categories .et_pb_tabs_controls li a{
    padding: 0.1em 1em;
}

#ebook-categories .dicm-card .dicm-card__inner .dicm-card__content .dicm-card__button .et_pb_button {
    border: none;
}

#ebook-categories .dicm-card .dicm-card__inner .dicm-card__content .dicm-card__button .et_pb_button:hover {
	background-color: #fff !important;
    color: #f3752b !important;
}

#ebook-categories .et_pb_all_tabs {
	width: 100%;
}

.footer #company-info p{
	padding: 0;
	margin-bottom: 4px;
}

.footer .footer-logo .image-wrap{
	width: 100% !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer .footer-external-link .et_pb_code_inner{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

.footer .footer-external-link .et_pb_code_inner h4:after{
	content: "";
	display: block;
	border-bottom: 4px solid #f3752b;
	width: 32px
}

.footer .footer-external-link .et_pb_code_inner a{
	color: #666;
}

.footer .footer-external-link .external-link-wrapper a:hover{
	color: #337AB7;
}

.footer .footer-social-link .et_pb_code_inner{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.footer .footer-social-link .image-wrap{
	margin-left: 16px
}

.footer .footer-social-link .image-wrap:first-child{
	margin: 0px;
}

.footer .footer-social-link .image-wrap a img{
	height: 35px
}

.footer .footer-social-link .image-wrap a .footer-image__link--color{
	display: none;
}

.footer .footer-social-link .image-wrap a:hover .footer-image__link{
	display: none;
}

.footer .footer-social-link .image-wrap a:hover .footer-image__link--color{
	display: inline-block;
}

.footer .footer-copyright .et_pb_code_inner {
	display: flex;
	align-items: center
}

.footer .footer-copyright .et_pb_code_inner .image-wrap{
	margin-left: 16px;
}

.footer .footer-copyright .et_pb_code_inner .image-wrap:first-child{
	margin-left: 0px;
}


.footer .footer-copyright .et_pb_code_inner .image-wrap img{
	max-width: 150px;
}

.firebaseui_auth_container {
	position: absolute; 
	top: 50%; left: 50%; 
	transform: translate(-50%, -50%); 
	width: 100%; 
}

.talk-show-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 512px;
}

.talk-show-wrapper .hsForm-verify-form{
	width: 100%;
}

.talk-show-wrapper .hsForm-verify-form .firebaseui_auth_container .firebaseui-container{
	max-width: 100%;
	width: 100%;
}

#banner-form {
	min-height: 374px;
}

/* Loading */
.loading {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #0090d5;
    color: #0090d5;
    animation: dotElastic 1s infinite linear;
}
  
.loading::before, .loading::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
}

.loading::before {
    left: -15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #0090d5;
    color: #0090d5;
    animation: dotElasticBefore 1s infinite linear;
}

.loading::after {
    left: 15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #0090d5;
    color: #0090d5;
    animation: dotElasticAfter 1s infinite linear;
}

@keyframes dotElasticBefore {
    0% { transform: scale(1, 1); }
    25% { transform: scale(1, 1.5); }
    50% { transform: scale(1, 0.67); }
    75% { transform: scale(1, 1); }
    100% { transform: scale(1, 1); }
}

@keyframes dotElastic {
    0% { transform: scale(1, 1); }
    25% { transform: scale(1, 1); }
    50% { transform: scale(1, 1.5); }
    75% { transform: scale(1, 1); }
    100% { transform: scale(1, 1); }
}

@keyframes dotElasticAfter {
    0% { transform: scale(1, 1); }
    25% { transform: scale(1, 1); }
    50% { transform: scale(1, 0.67); }
    75% { transform: scale(1, 1.5); }
    100% { transform: scale(1, 1); }
}

#menu-item-53896 > a > span.menu-phone-number{
	font-weight: bold;
	color: #F3752B;
	font-size: 1.1rem;
}

.hsForm-verify-form.active .firebaseui_auth_container
{
    position: relative;
    height: 400px;
	top: 0;
    left: 0;
    transform: translate(0, 0);
}	

.hsForm-verify-form.active .firebaseui_auth_container .firebaseui_auth_wrapper
{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Start workshop countdown */
.custom-countdown-timer .sep{
	display: none;
}

.custom-countdown-timer .title{
	padding-bottom: 8px !important;
}

.custom-countdown-timer .values{
	width: auto !important;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}


.custom-countdown-timer .value{
	border: 1px solid;
	padding: 0.6rem 1.3rem !important;
	border-radius: 8px;
	background: white;
}

@media (max-width: 767px){
	.custom-countdown-timer .values{
		margin-left: 0.25rem;
		margin-right: 0.25rem;
	}
	
	.custom-countdown-timer .value{
		padding: 0.3rem 0.6rem !important;
	}
}
/* End workshop countdown */

/* Workshop facebook */
.work-shop-facebook-reason ol{
	padding-left: 0;
	list-style-type: none;
	counter-reset: item;
}

.work-shop-facebook-reason ol li{
	margin-bottom: 1rem;
	background: white;
	padding: 1rem 1rem 1rem 4.1rem;
	box-shadow: 0 8px 10px -8px rgba(174, 203, 245, 0.75);	
	display: flex;
    align-items: center;
    position: relative;
	border-radius: 8px;
}

.work-shop-facebook-reason ol li::before{
	content: '0' counter(item);
	counter-increment: item;
	position: absolute;
	color: #F1403A;
	padding-right: 1rem;
	font-size: 1.5rem;
	font-weight: bolder;
	transform: translateX(-100%);
}

.work-shop-facebook-toggle-1 ol, 
.work-shop-facebook-toggle-2 ol, 
.work-shop-facebook-toggle-3 ol, 
.work-shop-facebook-toggle-4 ol,
.work-shop-facebook-toggle-5 ol{
	list-style-type: none;
	counter-reset: item;
}

.work-shop-facebook-toggle-1 ol li::before{
	content: '1.' counter(item) '.';
	counter-increment: item;
	padding-right: 8px;
}

.work-shop-facebook-toggle-2 ol li::before{
	content: '2.' counter(item) '.';
	counter-increment: item;
	padding-right: 8px;
}

.work-shop-facebook-toggle-3 ol li::before{
	content: '3.' counter(item) '.';
	counter-increment: item;
	padding-right: 8px;
}

.work-shop-facebook-toggle-4 ol li::before{
	content: '4.' counter(item) '.';
	counter-increment: item;
	padding-right: 8px;
}

.work-shop-facebook-toggle-5 ol li::before{
	content: '5.' counter(item) '.';
	counter-increment: item;
	padding-right: 8px;
}

/* Workshop facebook */

.et_pb_row{
	margin-right: 0px !important;
	margin-left: 0px !important;
}

/* Animation */
@keyframes zoomInOut {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
}

.et_pb_button.animation-loop-zoom-in-out {
    animation: zoomInOut 1s infinite ease-in-out;
}
/* End of Animation */

/* BEGIN: Hubspot form style */
#popup-form
{
	text-align: left;
}

#popup-form label
{
	color: #f1f1f1;	
}

#popup-form input, 
#popup-form select, 
#popup-form textarea
{
    margin-top: 4px;
	margin-bottom: 8px;
    border-radius: 4px;
    padding: 8px;
}

#popup-form input:focus, 
#popup-form select:focus, 
#popup-form textarea:focus
{
	border-color: #f3752b;
}

#popup-form input[type=submit]
{
	display: block;
	width: 100%;
	border: none;
    background: #f3752b;
    color: #f1f1f1;
    font-weight: bold;
    font-size: 1em;
}

#popup-form .hs-error-msgs
{
	color: red;
	list-style: none;
    padding-left: 0;
	padding-bottom: 8px;
}
/* END: Hubspot form style*/