/*
 * Common CSS Styles for all of DIVI themes
 */


/* Move the Admin Bar to the bottom */
#wpadminbar {
	top: unset;
    bottom: 0;
	z-index: 99999999999;
}
body.admin-bar.et_fixed_nav #main-header {
	top:0 !important;
}


/* avoid iffy-looking logos when Chrome resizes the logo to fit the DIVI menu transition/resize */
#logo {
	-webkit-transform: none;
	transform: none;
}


/* Pricing Tables Improvement */
.et_pb_pricing_table, .et_pb_pricing_heading {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.et_pb_pricing_table {
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;
}
.et_pb_pricing_heading {
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
	border-bottom: 6px solid rgb(97, 97, 97);
}
.et_pb_pricing_table {
	padding-bottom:0 !important;
}
.et_pb_pricing_table .et_pb_button_wrapper {
	padding-top:30px;
	padding-bottom: 30px;
	background-color: #bebebe;
	border-top-left-radius: 32px;
    border-top-right-radius: 32px;
	border-top: 6px solid rgb(97, 97, 97);
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

.et_color_scheme_orange .et_pb_featured_table .et_pb_pricing_heading {
	border-bottom-color: #c78324!important;
}


.et_pb_featured_table .et_pb_button_wrapper {
	background-color:#2ea3f2 !important;
}
.et_color_scheme_orange .et_pb_featured_table .et_pb_button_wrapper {
	background-color: #edb059!important;
	border-top-color: #c78324!important;
}


.et_pb_pricing_table .et_pb_sum {
	position:relative;
}
.et_pb_pricing_table .et_pb_sum .et_pb_sum_shadow {
	position:absolute;
	font-size:110px;
	color: rgba(146, 146, 146, 0.2);
	filter: blur(3px);
    display: block;
    margin-top: -104px;
	/*
    margin-left: 87px;
	*/
	left:50%;
	transform: translate(-30%);

	letter-spacing: -6px;
}
.et_pb_pricing_table .et_pb_sum .et_pb_sum_shadow .et_pb_sum_decimals {
	font-size:60px;
}


/* Covid-19 Warning about Opening */
._cs_covid_19_warning, .highlightsection {
	border-top:1px solid #ffa500; 
	border-left:1px solid #ffa500; 
	margin-top:1em; 
	margin-bottom:1em; 
	padding:0.5em 0em 0.75em 0.75em;
	/*
	background-image: radial-gradient(circle at top left,rgba(252,206,0,.12) 10%,rgba(0,0,0,0) 80%)!important;
	border-top-left-radius: 1em;
	*/
}
/*
._cs_covid_19_warning .highlight {
	font-weight: bold;
	color: #2da2eb !important;
}
*/


._cs_covid_19_warning img.CovidZoomImage, .highlightsection img.CovidZoomImage, .DottedMarketing img.CovidZoomImage {
	float:right; 
	height: auto; 
	width: 20%; 
	min-width:140px; 
	margin: 0.5em 0 0.5em 0.5em; 
	max-width:250px; 
	box-shadow:5px 5px 5px rgba(0,0,0,0.6);
}



/*****************************/
/* 360 Degree Menu Rotation technique */
#top-menu li > a:after,
	#menu-floating-menu li > a:after,
	nav.fullwidth-menu-nav li > a:after {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
#top-menu li:hover > a:after,
	#menu-floating-menu li:hover > a:after,
	nav.fullwidth-menu-nav li:hover > a:after {
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
/* PATCH: Reposition the Divi sub-menu down arrow a little higher (defaults to 12px) */ 
.et-menu li li.menu-item-has-children>a:first-child:after {
	top:0.4em !important;
} 

/*****************************/

/* Make side-slide menu slide over the TOP of the page, rather than slide the whole page to the left */
/* http://www.elegantthemes.com/blog/community/divi-nation-short-3-super-simple-divi-header-modifications */
/*
.et_pb_slide_menu_active #page-container, .et_pb_slide_menu_active #main-header {
	left: 0 !important;
}
.et_pb_slide_menu_active #et-top-navigation {
	margin-right: 320px;
}
*/


/*
 * Anymate any DIVI module Tutorial
 * http://webulle.com/en/animate-any-divi-module/
 */

/*--------FROM LEFT----------*/

.left-animated.et-animated {
	opacity: 1;
	-webkit-animation: fadeLeft 1.5s 1 cubic-bezier(0.77,0,.175,1.3);
	-moz-animation: fadeLeft 1.5s 1 cubic-bezier(0.77,0,.175,1.3);
	-o-animation: fadeLeft 1.3s 1 cubic-bezier(0.77,0,.175,1.3);
	animation: fadeLeft 1.3s 1 cubic-bezier(0.77,0,.175,1.3);}

/*--------FROM RIGHT---------*/

.right-animated.et-animated {
	opacity: 1;
	-webkit-animation: fadeRight 1.5s 1 cubic-bezier(0.77,0,.175,1.3);
	-moz-animation: fadeRight 1.5s 1 cubic-bezier(0.77,0,.175,1.3);
	-o-animation: fadeRight 1.3s 1 cubic-bezier(0.77,0,.175,1.3);
	animation: fadeRight 1.3s 1 cubic-bezier(0.77,0,.175,1.3);
}

/*---------FROM TOP----------*/

.top-animated.et-animated {
	opacity: 1;
	-webkit-animation: fadeTop 1.5s 1 cubic-bezier(0.77,0,.175,2);
	-moz-animation: fadeTop 1.5s 1 cubic-bezier(0.77,0,.175,2);
	-o-animation: fadeTop 1.3s 1 cubic-bezier(0.77,0,.175,2);
	animation: fadeTop 1.3s 1 cubic-bezier(0.77,0,.175,2);
}

/*--------FROM BOTTOM--------*/

.bottom-animated.et-animated {
	opacity: 1;
	-webkit-animation: fadeBottom 1.5s 1 cubic-bezier(0.77,0,.175,2);
	-moz-animation: fadeBottom 1.5s 1 cubic-bezier(0.77,0,.175,2);
	-o-animation: fadeBottom 1.3s 1 cubic-bezier(0.77,0,.175,2);
	animation: fadeBottom 1.3s 1 cubic-bezier(0.77,0,.175,2);
}

/*---------FADE IN-----------*/

.fadein-animated.et-animated {
	opacity: 1;
	-webkit-animation: fadeIn 1.5s 1 cubic-bezier(0.77,0,.175,2);
	-moz-animation: fadeIn 1.5s 1 cubic-bezier(0.77,0,.175,2);
	-o-animation: fadeIn 1.3s 1 cubic-bezier(0.77,0,.175,2);
	animation: fadeIn 1.3s 1 cubic-bezier(0.77,0,.175,2);
}

@media only screen and ( max-width: 980px ) {
	.et_pb_pricing_table .et_pb_sum .et_pb_sum_shadow {
		margin-top:-83px;
		/*margin-left: 110px;*/
		font-size: 90px;
	}
}/* One of the supplied popup images makes it impossible to click "close" button on Smarphone */

@media only screen and ( max-width: 980px ) {
    .ppsPopupShell {
        width: 90vw !important;
        /* height: 90vw !important;*/
        /*height: 90% !important; */
        margin-right: auto;
        margin-left: auto;
    }
}