/**
Theme Name: owlpractice
Author: Fabio Sarcona
Author URI: https://creativechildthemes.com
Description: Custom Theme for Owl Practice
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: owlpractice
Template: astra
*/



/*MENU LINK*/

.highlights_link a{
  color: #237396 !important;
  font-weight: 500 !important;
}

@media only screen and (min-width: 992px) and (max-width: 1375px){
.top-level-link,
.btn_menu .elementor-button {
    font-size: 13px !important;
}
.top-level-link{
      margin: 0px 0px 0px 4px !important;
}
.logo_menu img {
    width: 200px !important;
}
}

@media only screen and (min-width: 992px) and (max-width: 1375px){
.top-level-link {
    font-size: 13px !important;
}
}

/* Pricing Table */
.period{
    font-family: HK Grotesk;
    font-size: 13px;
    color: #707070;
}

/* Carousel Logo Pricing Page*/

@media only screen and (min-width: 1101px){
.pricing_carousel .elementor-swiper-button-prev {
    left: -50px !important;
}
.pricing_carousel .elementor-swiper-button-next {
    right: -50px !important;
}
}
.pricing_carousel .elementor-swiper-button{
    background: rgba(255,255,255,0.9);
    color: #C7D8E1;
    border-radius: 50%;
    font-size: 18px;
    padding: 3px;
}

/* Box Icon Animation - Homepage */

.box_icon_hover:hover .elementor-icon-box-title,
.box_icon_hover:hover .icon-on-hover{
  color: #fff !important;
}

.box_icon{
    transform: translateY(0);
    transition: .2s;
}

.box_icon:hover{
    transform: translateY(-10px);
}

.box_icon_hover:hover .elementor-icon{
    fill: #fff !important;
}


/* Tooltip Pricing Page*/

.tooltip {
    display:inline-block;
    position:relative;
    border-bottom:1px dotted #666;
    text-align:left;
}

.tooltip .right {
    min-width:330px; 
    top:50%;
    left:100%;
    margin-left:20px;
    transform:translate(0, -50%);
    padding:20px;
    color:#FFFFFF;
    background-color:#237496;
    font-weight:normal;
    font-size:14px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    border:1px solid #fff;
    box-shadow: rgb(255 255 255 / 10%) 0 1px 1px 0 inset, rgb(50 50 93 / 25%) 0 50px 100px -20px, rgb(0 0 0 / 30%) 0 30px 60px -30px;
    visibility:hidden; opacity:0; transition:opacity 0.8s;
}

.tooltip:hover .right {
    visibility:visible; opacity:1;
}

.tooltip .right i {
    position:absolute;
    top:50%;
    right:100%;
    margin-top:-12px;
    width:12px;
    height:24px;
    overflow:hidden;
}

.tooltip .right i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:0;
    top:50%;
    transform:translate(50%,-50%) rotate(-45deg);
    background-color:#237496;
    border:1px solid #237496;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

@media only screen and (max-width: 480px){
.tooltip .right {
	margin-left:-40px !important;
}
}

/* Carousel Testimonials*/

.pricing_review_heading {
    display: block;
    font-style: normal;
    font-weight: 500;
    font-size: 24px !important;
    line-height: 120%;
    text-align: center !important;
    letter-spacing: .02em;
    color: #333 !important;
    margin-bottom: 0px;
}

.elementor-testimonial--skin-bubble .elementor-testimonial__content {
    text-align: left;
    font-style: normal;
}

.elementor-testimonial__content{
    background: rgba(255,255,255,.7) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.elementor-testimonial--skin-bubble .elementor-testimonial__content:after{
    display: none;
}
.elementor-testimonial--skin-bubble .elementor-testimonial__content:before{
    position: absolute;
    display: inline-block;
    border-bottom: 17px solid rgba(255,255,255,.7);
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    content: "";
    height: 0;
    vertical-align: top;
    width: 0;
    -webkit-transform: rotate(
180deg);
    transform: rotate(
180deg);
top: calc(100% - 0px);
left: 47%;
}


/* Tab Custom - Pricing Page*/

.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active{
  background-color: transparent!important;
    color: #237396!important;
    z-index: 2!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-bottom: solid 2px #237396!important;
}
.elementor-widget-tabs .elementor-tab-desktop-title{
  margin: 0 3px;
  background: #fff !important;
}
.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active a{
  color: #237396 !important;
}
.elementor-widget-tabs .elementor-tab-content{
    padding: 40px 0 0;
}

/*tab on mobile*/
@media (min-width: 320px) {
  #h-tabs .elementor-tabs-wrapper {
    display: flex;
    flex-direction: row;
	align-items: center;
  }

  #h-tabs .elementor-tab-mobile-title {
    display: none;
  }
}

@media (max-width: 480px) {
#h-tabs .elementor-tab-title {
    width: 50%;
    text-align: center;
}
.elementor-tabs-wrapper{
  padding: 0 20px;
}
}

/*FAQs*/

.elementor-accordion .elementor-accordion-item{
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}
.elementor-accordion-item .elementor-tab-content {
    border-top: 1px #E1E1E1 solid !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

/*BLOG*/

.popular_post li {
    font-family: "HK Grotesk", Sans-serif !important;
    font-size: 19px !important;
    font-weight: 400;
    line-height: 24px !important;
}
.popular_post ul{
    margin: 0 !important;
}

.popular_post a{
    color: #333 !important;
}

.wpp-views {
     font-family: "HK Grotesk", Sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #237396 !important;
}