/* 
Theme Name: Portalupi Orthodontics
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Portalupi Orthodontics is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: portalupi-orthodontics
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Text Widget Styles */
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
  margin-bottom: 16px !important ;
}

.elementor-widget-text-editor p:last-of-type:last-child {
  margin-bottom: 0;
}

/* Responsive YouTube Videos */

.yt-video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.yt-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Home Hero Section */

#masthead .elementor .elementor-background-video, #masthead .elementor .elementor-background-video-hosted { top:65% }

/* Gradient Titles */

.grad-title h1, .grad-title h2 {
background: #2E3192 !important ;
background: -webkit-linear-gradient(right, #2E3192, #68CD9A) !important ;
background: -moz-linear-gradient(right, #2E3192, #68CD9A) !important ;
background: linear-gradient(to left, #2E3192, #68CD9A) !important ;
-webkit-background-clip: text !important ;
-webkit-text-fill-color: #00000000 !important ;
}

/* Homepage Services Grid */

.service-grid .elementor-flip-box { margin:auto !important ;
  text-align:center ;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

.service-grid .elementor-icon-wrapper {
	margin-bottom:0px !important ;
}

.service-grid .elementor-flip-box .elementor-flip-box__layer {
	border-radius:100% !important ;
	border:solid 2px white ;
}

/* Quotes */
.quote:before {
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    font-size: 28px;
    position: absolute;
    top: -16px;
    left: 0px;
    color: #2E3192;
}

.quote:after {
    content: "\f10e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    font-size: 28px;
    position: absolute;
    bottom: -6px;
    right: 0px;
    color: #2E3192;
}