/*
Theme Name: Rife Free child theme
Description: Made by <a href="http://apollo13themes.com/" target="_blank">Apollo13</a>.<br/> Get support from <a href="http://support.apollo13.eu/" target="_blank">Forum</a>.
Author: Apollo13
Author URI: http://apollo13themes.com/
Theme URI: http://apollo13themes.com/themes
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: rife-free
Tags: theme-options, post-formats, two-columns, translation-ready
Text Domain: rife-free-child-theme
Version: 1.0
*/

/* Add your CSS below */
a.logo.text-logo {font-family: 'Raleway', sans-serif;}
.top-menu > li.current-menu-item > a {color: #fff !important}
.top-menu.with-effect > li > a span::before { background-color:#F2295B !important; }
#side-menu {
    background-color: #E75A1B !important;
}
#slider-main h1 a{text-transform: initial;}
#slider-subtitle h2 {color: white!important;}
#page-title .elementor-widget-heading h2.elementor-heading-title {
    color: #fff !important;
    line-height: 1.4;
}
.elementor-widget-heading h1.elementor-heading-title,
section#page-title h1  {font-weight: 400 !important; letter-spacing: 0;}
section#page-title {
    margin-top: 21px;
    background-color: transparent;
    background-image: url(https://staging1.charlotteka.com/wp-content/uploads/2017/01/Philip-and-family-at-beach-color.jpg);
    background-position: center -55px !important;
    background-repeat: no-repeat!important;
    background-size: cover;
    background-attachment: fixed;
    padding: 110px 0 155px 0 !important;
}
section#page-title h1 {
    padding-top: 30px;
}
.elementor-widget-heading h2.elementor-heading-title {
    color: #E75A1B !important;
    padding-top: 30px;
}
.layout-parted .content-box {
    background-color: rgba(255,255,255,0) !important;
}

/* Hide all slider controls on home page slider to create custom effect */
.elementor-element-2b12a89 .next-slide-control,
.elementor-element-2b12a89 .prev-slide-control,
.elementor-element-2b12a89 .slider-play-button,
.elementor-element-2b12a89 .slides-count {display: none;}

.elementor-element-2297ea1 .elementor-widget-wrap #slider-subtitle h2,
.elementor-element-2297ea1 .elementor-widget-wrap .elementor-widget-heading .elementor-heading-title[class*=elementor-size-]{
    opacity: .2;
    transition: 1s;
}
.elementor-element-2297ea1 .elementor-widget-wrap:hover #slider-subtitle h2,
.elementor-element-2297ea1 .elementor-widget-wrap:hover .elementor-widget-heading .elementor-heading-title[class*=elementor-size-]{
    opacity: 1;
}

/* Home page slider hover effect */
.elementor-element-2297ea1 .elementor-widget-wrap:hover .elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a {
    text-decoration: none;
    opacity: 1;
}

/* Possible Histories  */
.elementor-12252 .elementor-element.elementor-element-95cf8d7 > .elementor-background-overlay {
    /*background-image: linear-gradient(163deg, #c65e2fdb 30%, #f2295bb0 55%, #246591 95%);*/
    background-image: linear-gradient(163deg,#f2295bb0  30%, #c65e2fdb 55%, #246591 95%);
}
/* Other Publications */
.elementor-12276 .elementor-element.elementor-element-0678d32 > .elementor-background-overlay  {  
   /* background-image: linear-gradient(153deg, #C65E2FFA 30%, #f2295bdb 55%, #246591 90%);
    opacity: 0.78;*/
    background-image: linear-gradient(163deg,#f2295bb0  30%, #c65e2fdb 55%, #246591 95%);

}
/* Possible Histories, Other Publications, About, CV, Contact page  */
.elementor-12252 .elementor-element.elementor-element-95cf8d7 > .elementor-background-overlay,
.elementor-12276 .elementor-element.elementor-element-0678d32 > .elementor-background-overlay,
.elementor-12201 .elementor-element.elementor-element-150cff3 > .elementor-background-overlay,
.elementor-11095 .elementor-element.elementor-element-6962e2f0 > .elementor-background-overlay,
.elementor-12229 .elementor-element.elementor-element-4c5100e > .elementor-background-overlay {
  /*  background-color: transparent;
    background-image: linear-gradient(180deg, #c65e2fdb 30%, #f2295bb0 55%, #246591 95%);
    background-image: linear-gradient(180deg, #f2295bb0 30%, #c65e2fdb  55%, #246591 95%);*/
    background-image: linear-gradient(163deg,#f2295bb0  30%, #c65e2fdb 55%, #246591 95%) !important;
    background-color: transparent!important;;
    opacity: 0.8!important;;
    mix-blend-mode: multiply!important;;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
/* Change three box colors on home page on hover */
.elementor-widget-icon-box:hover >*,
.elementor-widget-icon-box:hover a,
.elementor-widget-icon-box:hover a:hover,
.elementor-widget-icon-box:hover .elementor-icon, 
.elementor-widget-icon-box:hover .elementor-icon:hover {
    fill:#E75A1B !important;
    color: #E75A1B !important;
    border-color: #E75A1B !important;
    text-decoration: none;
}
#home-box-links .elementor-column { 
    background-image: url(https://staging1.charlotteka.com/wp-content/uploads/2022/08/diamond-box.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-content: center;
    margin:0 0 40px;
    height: 336px;

}
#home-box-links .elementor-column:hover { 
    background-image: url(https://staging1.charlotteka.com/wp-content/uploads/2022/08/diamond-box-hover.png);
}

#home-box-links .elementor-widget-container {padding: 0;margin-top: -52px;}
.elementor-widget-icon-box .elementor-icon-box-content {
    width: 70%;
    margin: auto;
}
#home-box-links h4 {margin: 0;    font-size: 2.3vh;}
span.keepItToghether {
    white-space: pre-wrap;
}
@media only screen and (max-width: 1324px) {
    section#page-title {
        background-position: center -45px !important;
        padding: 110px 0 155px 0 !important;
    }
}
@media only screen and (max-width: 1284px) {
    body::after {
        content: 'narrow1024'; /* info for JS */
        display: none;
    }

    /* general layout */
    a.to-top {
        right: 20px;
    }
    #side-menu{
        -webkit-overflow-scrolling: touch; /* better scroll on iOS */
    }

    /* header */
    #header-tools.only-menu{
        /* we reset our hiding */
        clip: auto;
        position: static;
        top: auto;
        left: auto;
        visibility: visible;
        height: auto;
        overflow: visible;
        opacity: 1;
    }
    #header-tools #mobile-menu-opener{
        display: inline-block;
    }
    #basket-items-count{
        left: 0;
    }
    a.logo{
        white-space: normal; /* for text logo */
        max-width: 500px;
    }

    /* vertical header */
    .header-vertical #header{
        position: fixed;
        width: 100%;
    }
    .header-vertical #header,
    .admin-bar.header-vertical #header,
    .header-vertical.site-layout-bordered #header,
    .header-vertical.site-layout-bordered.no-border-top #header,
    .header-vertical.site-layout-bordered.no-border-bottom #header,
    .header-vertical.site-layout-bordered.no-border-bottom.no-border-top #header,
    .admin-bar.header-vertical.site-layout-bordered #header,
    .admin-bar.header-vertical.site-layout-bordered.no-border-top #header,
    .admin-bar.header-vertical.site-layout-bordered.no-border-bottom #header,
    .admin-bar.header-vertical.site-layout-bordered.no-border-bottom.no-border-top #header{
        min-height: 0;
    }
    .header-widgets{
        display: none;
    }
    .header-vertical #header #footer{
        display: none;/* for instant proper size header */
    }
    .header-vertical .whole-layout > #footer{
        display: block;
    }
    .header-vertical #header .head{
        width: 100%;
        display: table;
        text-align: center;
        padding-bottom: 0 !important;/* for instant proper size header */
    }
    .header-vertical #header .logo-container,
    .header-vertical #header #header-tools{
        display: table-cell;
        vertical-align: middle;
    }
    .header-vertical #header .logo-container{
        text-align: left;
        padding-right: 10px;
    }
    .header-vertical #header #header-tools{
        text-align: right;
        padding-left: 10px;
        padding-top: 5px; /* some space when logo is small */
        padding-bottom: 5px;
    }

    /* header search */
    .header-vertical .search-container,
    .header-side-right.header-vertical .search-container{
        top: 0;
        bottom: 0;
        /*rtl:ignore*/
        right: auto;
        /*rtl:ignore*/
        left: 0;
        width: 100%;
    }

    /* header horizontal */
    .header-horizontal .mobile-menu .navigation-bar{
        width: 0;
        padding: 0;
        position: static;
    }
    .header-horizontal .mobile-menu .logo-container{
        width: 100%;
    }

    /* header multi line */
    .header-type-multi_line .top-head{
        display: table;
        padding: 0 40px;
    }
    .header-type-multi_line .logo-container{
        display: table-cell;
        width: 100%;
        text-align: left;
    }
    .header-type-multi_line #header-tools,
    .header-type-multi_line .head .socials{
        position: static;
        display: table-cell;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    .header-type-multi_line #header-tools{
        padding-right: 15px;
    }
    .header-type-multi_line #header-tools::before,
    .header-type-multi_line .head .socials::before{
        display: inline-block;
    }
    .header-type-multi_line.mobile-menu .bottom-head{
        border-top: none;
    }
    .header-type-multi_line.header-variant-menu_above.mobile-menu .bottom-head{
        border-bottom: none;
    }

    /* ONE LINE LOGO CENTERED */
    .header-variant-one_line_centered.mobile-menu .socials-cell, .header-variant-one_line_centered.mobile-menu .tools-cell {
        width: 40%;
    }
    .header-variant-one_line_centered.mobile-menu .menu-cell{
        width: 20%;
        position: static;
    }
    header.header-variant-one_line_centered.mobile-menu .socials{
        position: static;
    }
    .header-variant-one_line_centered.no-shield .logo-container {
        display: inline-block;
        position: static;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    .header-variant-one_line_centered.mobile-menu .menu-cell .top-menu,
    .header-variant-one_line_centered.sticky-values.mobile-menu .menu-cell .top-menu{
        width: auto;
        float: none;
        text-align: left;
        padding-bottom: 0;
    }
    .header-variant-one_line_centered.mobile-menu .menu-cell .right-part{
        float: none;
        padding-top: 0;
        padding-bottom: 25px;
    }

    /* ONE LINE LOGO CENTERED WITH SHIELD  */
    .header-variant-one_line_centered.mobile-menu.with-shield .menu-cell {
        height: 40px; /* acts as min-height */
    }

    /* MOBILE MENU */
    .header-vertical .navigation-bar{
        position: static;
    }
    .navigation-bar .menu-container{
        display: none; /* so no flash of menu till we decide that menu should be visible */
    }
    .desktop_menu .navigation-bar .menu-container{
        display: block;
    }
    .mobile-menu .navigation-bar .menu-container{
        width: 100%;
        position: absolute;
        left: 0;
        top: 100%;
        transition: background-color .5s;
    }
    .mobile-menu .navigation-bar ul{
        display: none;
        opacity: 1;
        visibility: visible;
        position: static;
        border-top: none;
        padding: 10px 0;
        min-width: 0;
        box-shadow: none;
        overflow: hidden;
    }
    .mobile-menu .navigation-bar .top-menu{
        padding: 25px 0;
    }

    /* all items */
    .mobile-menu .navigation-bar .top-menu li{
        white-space: normal;
        display: block;
        text-align: center;
    }
    .mobile-menu .navigation-bar .top-menu li a,
    .mobile-menu .navigation-bar .top-menu li span.title,
    .mobile-menu .navigation-bar .top-menu li li a,
    .mobile-menu .navigation-bar .top-menu li li span.title{
        line-height: 36px;
        padding: 0 40px;
    }
    .mobile-menu .navigation-bar .top-menu li li a,
    .mobile-menu .navigation-bar .top-menu li li span.title{
        line-height: 26px;
    }

    /* first level items */
    .mobile-menu .navigation-bar .top-menu > li > a,
    .mobile-menu .navigation-bar .top-menu > li > span.title{
        min-height: 36px; /* overwrite height from vertical header */
    }

    /* parents items with openers */
    .mobile-menu .navigation-bar .top-menu.opener-icons-on li.menu-parent-item,
    .mobile-menu .navigation-bar .top-menu.opener-icons-on li li.menu-parent-item{
        padding-right: 0;
    }
    .mobile-menu .navigation-bar .top-menu.opener-icons-on li.menu-parent-item > a,
    .mobile-menu .navigation-bar .top-menu.opener-icons-on li.menu-parent-item > span.title {
        padding: 0 66px;
    }

    /* submenu openers */
    .mobile-menu .navigation-bar .top-menu i.sub-mark{
        height: 26px;
        right: 38px;
        margin-top: 6px;
        background-color: rgba(255,255,255,0.1);
    }
    .mobile-menu .navigation-bar .top-menu ul i.sub-mark{
        height: 17px;
        line-height: 17px;
    }

    /* needed for vertical header when hover effect is added */
    .mobile-menu .navigation-bar .top-menu.with-effect > li > a > span,
    .mobile-menu .navigation-bar .top-menu.with-effect > li > span.title > span {
        display: inline;
    }

    /* animate first level menu items after opening menu */
    .mobile-menu .navigation-bar .top-menu > li{
        opacity: 0;
        padding: 0;
        pointer-events: none;
        -webkit-transform: scale(1.1) translateY(-50%);
            -ms-transform: scale(1.1) translateY(-50%);
                transform: scale(1.1) translateY(-50%);
        transition: opacity .35s ease-out, transform .35s ease-out;
    }
    .mobile-menu .navigation-bar .open .top-menu > li{
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    .mobile-menu .navigation-bar .open .top-menu > li:nth-child(1){transition-delay:.15s}
    .mobile-menu .navigation-bar .open .top-menu > li:nth-child(2){transition-delay:.2s}
    .mobile-menu .navigation-bar .open .top-menu > li:nth-child(3){transition-delay:.25s}
    .mobile-menu .navigation-bar .open .top-menu > li:nth-child(4){transition-delay:.3s}
    .mobile-menu .navigation-bar .open .top-menu > li:nth-child(5){transition-delay:.35s}
    .mobile-menu .navigation-bar .open .top-menu > li:nth-child(6){transition-delay:.4s}
    .mobile-menu .navigation-bar .open .top-menu > li:nth-child(7){transition-delay:.45s}
    .mobile-menu .navigation-bar .open .top-menu > li:nth-child(8){transition-delay:.5s}
    .mobile-menu .navigation-bar .open .top-menu > li:nth-child(9){transition-delay:.55s}
    .mobile-menu .navigation-bar .open .top-menu > li:nth-child(10){transition-delay:.6s}
    .mobile-menu .navigation-bar .open .top-menu > li:nth-child(11){transition-delay:.65s}

    /* MEGA MENU OVERWRITES */
    /* borders in section mega menu */
    .mobile-menu .navigation-bar .mega-menu > ul > li::before{
        display: none;
    }
    .mobile-menu .navigation-bar .mega-menu > ul{
        width: auto;
    }
    .mobile-menu .navigation-bar .mega-menu > ul > li{
        float: none;
        border-left: none;
        width: auto;
    }
    /* END OF MOBILE MENU */
}
@media only screen and (max-width: 1200px) {
   /* #home-box-links .elementor-column { 
        background-size: contain;
        height: 30vh;
    }*/
    /*#home-box-links h4 {
        font-size: 2vh;
    }*/
}
@media only screen and (max-width: 1024px) {
   section#page-title {margin-top: 0;}
}
@media only screen and (max-width: 991px) {
    /* Inner page headings  */
    section#page-title h1 {font-size: 66px;}
    section#page-title .elementor-widget:not(:last-child) {
      margin-bottom: 0;
  }
}
@media only screen and (max-width: 834px) {
    a.logo.text-logo {
        max-width: 350px !important;
    }
    #slider-main .elementor-widget-container {     
        width: 88%;
        margin: auto; 
    }
    section#page-title {
        padding: 110px 0 125px 0 !important;
    }
    section#page-title .elementor-widget-heading h2.elementor-heading-title {padding-top: 10px;}
   
    #home-box-links i.fas {padding-top: 10px;}
    #home-box-links i.fas.fa-book-open,
    #home-box-links i.fas.fa-user {
        font-size: 38px;
    }
    #home-box-links i.fas.fa-concierge-bell {
        font-size: 42px;
    }
}
@media only screen and (max-width: 768px) {
     #slider-main .elementor-widget-container {     
        width: 96%;
    }
    .elementor-element-2297ea1 .elementor-widget-wrap #slider-subtitle h2,
    .elementor-element-2297ea1 .elementor-widget-wrap .elementor-widget-heading .elementor-heading-title[class*=elementor-size-]{
        opacity: 1;
    }
    #slider-main h1 {font-size: 36px;}
    #slider-main h1 a {width: 100%;}
    .formatter {
        padding: 40px;
    }
    section#page-title {
        left:  -40px !important;
        padding: 120px 0 150px 0 !important;
    }
    section#page-title h1 {
        font-size: 56px;
        padding-top: 50px;
        font-weight: 600!important;
    }
    #page-title .elementor-widget-heading h2.elementor-heading-title {
        width: 90%;
        margin: auto;
    }
    #home-box-links .elementor-column.elementor-col-33 {
        width: 53%;
        margin: 0 auto;
    }
    .real-content h2 {
        font-size: 1.5em;
    }
}
@media only screen and (max-width: 667px) {
     section#page-title {
            background-position: center -45px !important;
            background-size: 148%;
            padding: 110px 0 110px 0 !important;
    }
    #slider-main h1 {
        font-size: 32px;
    }
}
@media only screen and (max-width: 638px) {
    section#page-title {
        background-size: 157%;
        padding: 100px 0 100px 0 !important;
    }
}
@media only screen and (max-width: 600px) {
    .header-horizontal #header-tools {
        flex-flow: row nowrap;
   }
   #slider-main h1 {
       font-size: 32px;
   }
   .formatter {
       padding: 20px;
   }
    section#page-title {
        left: -20px !important;
        background-position: center -35px !important;
        padding: 90px 0 90px 0 !important;
    }
}
@media only screen and (max-width: 560px) {
    section#page-title {
        background-position: center -28px !important;
        padding: 90px 0 80px 0 !important;
    }
    #home-box-links .elementor-column.elementor-col-33 {
        width: 80%;
    }
    
}
@media only screen and (max-width: 500px) {
    a.logo {
        font-size: 21px !important;
    }
    section#page-title {
        background-position: center -18px !important;
        padding: 90px 0 43px 0 !important;
    }
    section#page-title h1 {
        font-size: 44px;
    }
    .elementor-column-gap-default>.elementor-column>.elementor-element-populated {padding: 10px 0;}

    section.elementor-section.elementor-top-section.elementor-element.elementor-element-e6a9a39.elementor-section-stretched.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default,
    .real-content li {
        height: 590px;
    }
    .foot-text a {white-space: nowrap;}
}
@media only screen and (max-width: 429px) {
      section#page-title h1 {
        font-size: 40px;
    }
    #home-box-links .elementor-column.elementor-col-33 {
        width: 90%;
    }
}
@media only screen and (max-width: 414px) {
    section#page-title {
        background-position: center 0px !important;
    }
   section#page-title h1 {
        font-size: 34px;
    }
}
@media only screen and (max-width: 365px) {
    a.logo {
        font-size: 18px !important;
    }
    section#page-title {
        background-position: center 47px !important;
    }
}