/*
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
------------------------------------------------------- */
body, button, input, select, optgroup, textarea {
    color: #171717;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color:var( --e-global-color-primary )
}

.wpcf7 input[type="submit"]{ background-color: var(--e-global-color-accent); border: none; color: #fff; padding: 9px 35px; transition: all 200ms ease; }
.wpcf7 input[type="submit"]:hover{ color:#000 }

ul { list-style-position: inside; padding-left:0; }

div.elementor-widget-heading .elementor-heading-title {
    color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}

.negative-block .elementor-element-populated{ position: relative; top: -50px; height: calc(100% + 100px); }

.ot-heading h2 { font-weight: 700; }
.ot-heading > span { font-weight: 700; }
.ot-heading.is-dots:before { border-bottom: 2px dotted var(--e-global-color-accent) !important }

.post-box .post-cat a { font-weight: 700; color: var(--e-global-color-primary); background: #fff; padding: 11px 25px; }
.post-box .entry-meta .byline { display: none; }
.post-box .entry-meta .post-on { font-weight: 700; }

.page-title { font-weight: 600; }
.page-header .breadcrumbs li { font-size: 1.8rem; line-height: 2.4rem; text-transform: none; }
.ot-testimonials .testi-item .ttext:before { color: var(--e-global-color-primary); }

.link-box a { font-weight: 700; }

.site-footer a{ color: #fff }

.site-content .elementor-button { padding: 18px 41px; }

.site-footer li{ padding-top: 1px; padding-bottom:0 !important; line-height: 2.2rem; }
.site-footer li.elementor-icon-list-item a,
.site-footer li.elementor-icon-list-item a span { color: #fff !important }
.site-footer a:hover,
.site-footer a:focus{ text-decoration: underline; }

.elementor-button { border-radius:0 !important }

.testi-item{ position: relative; }
.testi-item:before{ 
    content: "";
    display: inline-block;
    background: #fff url(images/stars.png) no-repeat center center;
    position: absolute;
    top: -20px;
    right: 14%;
    width: 130px;
    height: 40px;
    z-index: 2;
    background-size: contain;
}

.swiper-wrapper .post.type-post .the-excerpt {
    opacity: 0;
    user-select: none;
}

.page-header{ position: relative; }
.page-header:before{ content:""; background-color: #1644475a; position: absolute; top: 0; left:0; width: 100%; height: 100%; }
.page-header .dcell { z-index: 2; position: relative; }
.page-header .breadcrumbs li { padding-left: 15px; }
.page-header .breadcrumbs li:before { content: "•"; }

.widget-area .widget_nav_menu ul li a { text-transform: none; }
.widget-area .widget_nav_menu ul li.current-menu-item a { background: var(--e-global-color-primary); }

.widget-area .widget_categories ul li a:hover, 
.widget-area .widget_archive ul li a:hover, 
.widget-area .widget_nav_menu ul li a:hover, 
.widget-area .widget_product_categories ul li a:hover {
    background: var(--e-global-color-primary);
}

#back-to-top {
    background: var(--e-global-color-accent);
}

body.single-post .entry-content,
body.tag .entry-content,
body.category .entry-content { padding: 150px 0 100px; }
@media (max-width:1024px){
    body.single-post .entry-content,
    body.tag .entry-content,
    body.category .entry-content { padding: 120px 0 100px; }
}

.ot-process .process_nav { border-bottom: 3px solid #ededed; }
.ot-process .process_nav li { margin-right: 40px; }
.ot-process .process_nav li:after { background:var(--e-global-color-accent) }

.member-form.form-grey input,
.member-form.form-grey textarea{ background: transparent; padding-left:0; padding-right:0; border-bottom: 1px solid rgba(0, 0, 0, 0.25); }

@media (min-width:1024px){
    .hide-desktop { display: none !important }
}

.realisations{ margin-bottom:7rem; }
.pt-realisation{ background:#f5f5f5; height: 100%; line-height: 2.5rem; }
.pt-realisation h3{ color:var( --e-global-color-primary )  }
.pt-realisation .slick-arrow { z-index: 2; background: #cd804c; border-radius: 50%; width: 30px; height: 30px; }
.pt-realisation .slick-arrow:hover,
.pt-realisation .slick-arrow:focus { background: var( --e-global-color-primary ) }
.pt-realisation .slick-arrow:before{ color: #fff; }
.pt-realisation .slick-prev { left: 25px  }
.pt-realisation .slick-next { right: 25px }
.pt-realisation .slick-slider,
.pt-realisation .slick-slider div,
.pt-realisation .pt-realisation-image,
.pt-realisation .pt-realisation-image div{ height:100%; }
.pt-realisation .pt-realisation-cont{ display: flex; gap: 7rem;  }
.pt-realisation .pt-realisation-cont > div:nth-child(1){ flex: 0 0 43%; max-width: 43%; }
.pt-realisation .pt-realisation-cont > div:nth-child(2){ flex: 0 0 57%; display: flex; align-items: center; }
.pt-realisation .pt-realisation-content{ padding:7rem 0; max-width: 680px; display: inline-block; text-align: left; }
.pt-realisation .realisation-details{ list-style: none; padding: 3rem 0 0 0; position: relative; margin: 3rem 0 0 0; }
.pt-realisation .realisation-details:before{ content: ""; display: block; height: 3px; background: var(--e-global-color-accent); width: 100px; top: 0; position: absolute; }
.pt-realisation .subtitle{ font-weight: bold; color:var( --e-global-color-accent ); text-transform: uppercase; }
.pt-realisation:nth-child(even){  background:var( --e-global-color-primary ); color: #fff;  }
.pt-realisation:nth-child(even) h3{ color: #fff;  }
.pt-realisation:nth-child(even) .pt-realisation-cont{ flex-direction:row-reverse; }
.pt-realisation:nth-child(even) .pt-realisation-cont > div:nth-child(2){ justify-content: flex-end; }
@media (min-width:1500px){
    .pt-realisation{ padding: 0 100px; }
}
@media (max-width:1400px){
    .pt-realisation .pt-realisation-content{ max-width:80% }
}
@media (max-width:1024px){
    .pt-realisation .pt-realisation-cont > div:nth-child(1){ max-width:initial }
    .pt-realisation .pt-realisation-cont { flex-direction: column !important; gap:0 !important }
    .pt-realisation .pt-realisation-content { max-width: 100%; padding: 7rem 2rem; }

    .ot-process .process_nav li {
        margin-right: 0;
    }
}

.ot-process svg path{ fill:#fff !important }
.ot-process li:hover svg path{ fill:var( --e-global-color-accent ) !important }

/* Image formats ------------------------------------------------------------ */
.format{ display:block; position:relative; overflow:hidden }

.format iframe,
.format object,
.format embed,
.format img{ position:absolute; top:0; left:0; width:100%; height:100% !important }
.format img{ object-fit:cover; transition:all 200ms ease }

.format-3-1{ padding-bottom:33.33% }
.format-16-9{padding-bottom:56.25% }
.format-4-3{ padding-bottom:75% }
.format-1-1{ padding-bottom:100% }
.format-6-7{ padding-bottom:116.66% }
.format-3-4{ padding-bottom:133.33% }


div.elementor-widget-heading .elementor-heading-title { font-weight: 600; }

.octf-btn,
.main-navigation ul > li > a { font-family: var(--e-global-typography-primary-font-family), Sans-serif; }

.ssmp.simple-site-map{ width: 100%; max-width: 1160px; margin: auto; padding: 10rem 0; font-size: 1.9rem; }

.elementor-widget-iheading[id]{ scroll-margin-top:100px; }

@media (max-width: 767px) {
    .elementor-4524 .elementor-element.elementor-element-16ef5be > .elementor-widget-container { padding: 0px 0px 0px 0px; }
}

.ot-process .process_nav li {
    margin-right: 20px;
}

.site-footer{  background:#164447 }