/*
Theme Name:     Theratio Child
Theme URI:      http://wpdemo.archiwp.com/theratio/
Description:    Make your modifications to [Parent Theme] in this child theme.
Author:         Oceanthemes
Author URI:     http://oceanthemes.net/
Version:        1.0
Template:       theratio
*/

@import url("../theratio/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
.header-desktop section:not(.is-stuck) {background-color: rgba(0,0,0,0.3);}
.header-mobile .the-logo{padding: 0 10px 5px;max-width: 160px;}
.page-header > .dcell{background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);}
div[data-elementor-type="wp-page"] h3{font-size: clamp(1.75em, 1.7045em + 0.2273vw, 1.875em);}
.page-header{height: auto;max-height: 500px;}
.page-header .breadcrumbs{margin-bottom: 1em;}
.wrapper{max-width: 1200px;margin: 1em auto;}
.site-content > .wrapper{margin-top: 0;}

@media screen and (min-width: 1025px) {    
 .header-desktop .the-logo{padding: 5px 10px;}  
.header-desktop .elementor-section .elementor-container{} 
}    
@media screen and (min-width: 1025px) and (max-width: 1400px) {    
    /*.home .header-desktop .elementor-container{flex-wrap: wrap}    
    .home .header-desktop .nav-container{order: 3}       
    .home .header-desktop .search-container{order: 2;margin-left: auto;}*/
    .home .header-desktop .search-container{margin-left: auto;}
    .header-desktop .the-logo{max-width: 175px;}
}
@media screen and (min-width: 1025px) and (max-width: 1600px) {
    /*.home .header-desktop .logo-container, .home .header-desktop .search-container{flex:0 0 auto;width: auto !important}
    .home .header-desktop .search-container{padding-left: 20px;}
    .home .header-desktop .nav-container .elementor-element{justify-content: center}
    .home .header-desktop .nav-container{width: 100% !important}
    .home .main-navigation > ul{font-size: 13px;gap:14px}    
    .home .main-navigation > ul > li{margin: 0 !important;} */
}