/*
Theme Name: Parkway Dental - Avada Child
Description: The Parkway Dental child for the Avada theme
Author: devEdge Internet Marketing
Author URI: https://devedge-internet-marketing.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* Table of Contents
	- Typography
	- Menus
	- Page Title Bar
	- Images / Video
	- Titles / Headlines
	- Buttons
	- Checklists
	- Service Boxes
	- Footer
	- Gravity Forms Customizations
	- Helper Classes
*/

@supports (width: calc-size(auto, size)) {
	--pwd-spears-drop-shadow-margin: calc-size(auto, size + 15px;)
}

/* Typography
--------------------------------------------- */
* ul {
	margin-block-start: 0;
}

/* Menus
--------------------------------------------- */
nav.awb-submenu.awb-submenu_icons-left ul li .menu-text {
	text-align: left;
}

/* Page Title Bar
--------------------------------------------- */
.fusion-page-title-bar #pwd-ptb {
	--awb-background-position: 95% 100% !important;
}

/* Images
--------------------------------------------- */
.pwd-drop-shadow, .pwd-spears-video.pwd-drop-shadow {
	box-shadow: 15px 15px 0px 0px var(--awb-color3);
	margin-right: 15px;
	margin-bottom: 15px;
}
.pwd-drop-shadow-light, .pwd-spears-video.pwd-drop-shadow-light {
	box-shadow: 15px 15px 0px 0px var(--awb-color2);
	margin-right: 15px;
	margin-bottom: 15px;
}
.pwd-spears-video {
	/*position:relative;*/
	display: block;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width:100%;
	max-width:540px;
	aspect-ratio: 270 / 151; /* This is a trick to keep the container height correct, no matter the responsive viewport size. */
	overflow:hidden;
	border-radius:6px;
	box-shadow: 0 0 6px rgba(0,0,0,0.25); /* "glow" shadow effect by default */
}
.pwd-spears-video.pwd-drop-shadow, .pwd-spears-video.pwd-drop-shadow-light {
	margin-right: auto;
}

/* Titles / Headlines
--------------------------------------------- */
/* Removes the link text underline from all title links */
/*.fusion-title .fusion-title-heading a {
	text-decoration: none !important;
}*/

/* Buttons
--------------------------------------------- */
/* BTN icons */
.fusion-button.green-icon i {
	color: var(--awb-color5);
}
.fusion-button .button-icon-left {
	margin-right: 9px;
}
.fusion-button .button-icon-right {
	margin-left: 9px;
}

/* Checklists
--------------------------------------------- */
#content .fusion-checklist .fusion-li-item .icon-wrapper, #content ul.fusion-checklist .fusion-li-item .icon-wrapper {
	font-size: calc(var(--awb-size) + 4px);
}

/* Service Boxes
--------------------------------------------- */
.pwd-service-box .fusion-title {
	padding: 15px 20px 15px 20px;
	background-image: linear-gradient(90deg, var(--awb-color1) 5%, hsla(var(--awb-color1-h), var(--awb-color1-s), var(--awb-color1-l), calc(var(--awb-color1-a) - 100%)) 90%);
}
.pwd-service-box.alt .fusion-title {
	padding: 60px 65px 60px 20px;
	background-image: linear-gradient(90deg, var(--awb-color1) 5%, hsla(var(--awb-color1-h), var(--awb-color1-s), var(--awb-color1-l), calc(var(--awb-color1-a) - 100%)) 90%);
}
.pwd-service-box .fusion-column-inner-bg a .fusion-column-inner-bg-image::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(13,66,43,0);
	transition-property: color,background-color,border-color;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}
.pwd-service-box .fusion-column-inner-bg a:hover .fusion-column-inner-bg-image::before {
	background-color: rgba(13,66,43,0.5);
}
.pwd-service-box.alt div.fusion-column-wrapper.fusion-column-has-bg-image {
	background-image: linear-gradient(90deg, var(--awb-color1) 33%,hsla(var(--awb-color1-h),var(--awb-color1-s),var(--awb-color1-l),calc(var(--awb-color1-a) - 100%)) 63%);
}
@media only screen and (max-width: 640px) {
	.pwd-service-box.alt div.fusion-column-wrapper.fusion-column-has-bg-image {
		background-image: linear-gradient(0deg, var(--awb-color1) 0%,hsla(var(--awb-color1-h),var(--awb-color1-s),var(--awb-color1-l),calc(var(--awb-color1-a) - 100%)) 65%)
	}
}

/* Footer
--------------------------------------------- */
body .fusion-footer a, body .fusion-footer a:after, body .fusion-footer a:before {
	color: var(--awb-color8);
}
body .fusion-footer a:hover, body .fusion-footer a:hover:after, body .fusion-footer a:hover:before {
	color: var(--link_hover_color);
}
.awb-link-decoration #wrapper .fusion-footer a:not(.awb-no-decoration,.fusion-builder-module-control):not([data-filter],.fusion-footer .pagination *, .flex-next, .flex-prev, .awb-image-hotspots-hotspot, .fusion-social-network-icon, .fb-icon-element, .avada-button-select, .fusion-countdown-link, .fusion-button-bar, .tag-cloud-link):not(.fusion-rollover-link, .fusion-rollover-gallery, .fusion-rollover-title-link):not(.fusion-button, .tribe-button):not(.awb-menu__main-a, .awb-menu__sub-a, .awb-submenu__main-a, .awb-submenu__sub-a, .fusion-header *, .fusion-secondary-header *):not([role="tab"], [role="button"]):not(.awb-toc-el__item-anchor) {
	text-decoration-line: none;
}
.fusion-footer .fusion-checklist .fusion-li-item .icon-wrapper {
	width: auto;
}
.fusion-footer .fusion-checklist .fusion-li-item .fusion-li-item-content {
	margin-inline-start: 25px;
}

/* Gravity Forms Customizations
--------------------------------------------- */

/* Helper Classes
--------------------------------------------- */
.pwd-perfect-circle {
	aspect-ratio: 1 / 1;
	border-radius: 50% !important;
}

.set-max-width-520 {
	max-width: 520px !important; /* This is used on the homepage hero bar. */
}

.no-link-decoration a, a.no-link-decoration { /* Remove text decoration, specifically on links */
	text-decoration: none !important;
}

@media only screen and (min-width: 1024px) {
	.hide-desktop {
		display: none !important;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 640px) {
	.hide-tablet {
		display: none !important;
	}
}
@media only screen and (max-width: 640px) {
	.hide-mobile {
		display: none !important;
	}
}