/*
Theme Name: Ocushare
Theme URI: https://www.robineaster.com
Description: custom child theme for Oculus Imaging
Author: Robin Easter Design
Author URI: https://www.robineaster.com
Version: 1.2
Text Domain: manufaktursolutions
Template: manufaktursolutions
2023-07-06
*/
/* Fonts */
@font-face {
    font-family:'Inktrap';
    src:url('https://ocushare.com/wp-content/themes/ocushare/fonts/InktrapUltrabold.woff2') format('woff2'),
        url('https://ocushare.com/wp-content/themes/ocushare/fonts/InktrapUltrabold.woff') format('woff');
    font-weight:800;
    font-style:normal;
    font-display:swap;}
/* root variables */
:root {
    --pnova: "proxima-nova",sans-serif;
    --inktrap: "Inktrap",sans-serif;
	--ocean: #00678C;
    --sky: rgba(0,103,140,0.2);
    --deep: #1B2026;
    --black: #313131;
    --gray: #979797;
    --silver: #DEDEDE;}
/* typogrpahy */
body, p{
    font-family: var(--pnova);
    font-weight: 600;
    font-size: 16px;
    /*line-height: 26px;*/
    line-height: 1.6;
    color: var(--black);}
p strong,p b{
    font-weight: 700;}
p a {
    color: var(--ocean);}
p a:focus,p a:hover {
    color:var(--deep);}
.subtitle{
    font-family: var(--inktrap);
    font-size: 16px;
    /*letter-spacing: 3px;*/
    letter-spacing: 0.188em;
    color: var(--ocean);}
#qodef-side-area .widget a,.subtitle a{color: var(--ocean);}
#qodef-side-area .widget a:hover,.subtitle a:hover{color: var(--deep);}
h1,h2,h3,h4,h5,h6,.qodef-h1,.qodef-h2,.qodef-h3,.qodef-h4,.qodef-h5,.qodef-h6{
    font-family: var(--pnova);
    font-weight: 600;
    font-size: 72px;
    /*line-height: 78px;*/
    line-height: 1.06;}
h1,.qodef-h1{
    font-size: 72px;}
h2,.qodef-h2{
    font-size: 60px;}
h3,.qodef-h3{
    font-size: 48px;}
h4,.qodef-h4{
    font-family: var(--pnova);
    font-weight: 700;
    font-size: 21px;
    /*line-height: 27px;*/
    line-height: 1.25;}
.qodef-h1, h1, .qodef-h2, h2, .qodef-h3, h3, .qodef-h4, h4, .qodef-h5, h5{
    text-transform: none;
    color: var(--black);}    
.dark .qodef-h1,.dark h1,.dark .qodef-h2,.dark h2,.dark .qodef-h3,.dark h3,.dark .qodef-h4,.dark h4,.dark .qodef-h5,.dark h5,.dark p{color: #FFF;}
hr{border-color: var(--gray);}
::selection {
    background: var(--ocean);}
::-moz-selection {
    background: var(--ocean);}
.map{
    font-family: var(--pnova);
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;}
p.map{
    color: #FFF;
    text-align:center;}
.elementor-widget-html iframe{
    background-color:var(--ocean);
    background-image:url('assets/img/o-spin.png');
    background-position:center;
    background-repeat:no-repeat;
    background-size:75px 75px;}
.largenumbers{
    font-family: var(--pnova);
    font-weight: 500;
    font-size: 48px;
    line-height: 1.2;}
.button,button{
    font-family: var(--inktrap);
    font-weight: 600;
    font-size: 16px;
    /*letter-spacing: 3px;*/
    letter-spacing: 0.188em;
    color: var(--ocean);
    border: 1px solid var(--gary);}
input,select,textarea{
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    background-color: #FFF;}
input[type=button], input[type=submit], input[type=reset]{
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    background-color: var(--deep);
    color: #FFF;
    font-family: var(--inktrap);
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.188em;}
.qi-block-button.qodef-block.qodef-layout--outlined{border-width:1px!important;border-radius:0!important;border-color:var(--gray)!important;}
.qi-block-button.qodef-type--icon-boxed .qodef-m-border{width:1px!important;}
.qodef-button.qodef-layout--outlined.qodef-size--normal .qodef-m-text{padding: 22px 24px 20px 25px !important;}
.qodef-button.qodef-layout--outlined .qodef-m-text{padding: 22px 24px 20px 25px;}
.qi-block-button.qodef-type--icon-boxed .qodef-m-text{padding: 15px 24px 13px 25px !important;}
/* header */
#qodef-page-mobile-header,#qodef-page-header,.qodef-header-sticky{background-color: var(--deep);}
#qodef-page-header .qodef-widget-holder{background-color: #FFF;}
#qodef-page-header .qodef-widget-holder .widget{margin:0;}
#qodef-page-mobile-header .qodef-mobile-header-logo-link img{
    width: 239px; height: 46px;}
#qodef-page-header .qodef-header-logo-link img{
    width: 300px; height: 59px;}
.qodef-header-navigation > ul > li > a,
.qodef-opener-icon .qodef-m-icon::after {
    font-family: var(--pnova);
    font-size: 18px;
    font-weight: 500;
    color: #FFF;}
.qodef-header-navigation > ul > li > a .qodef-menu-item-text::before{color: var(--ocean);}
/* 2023-07-06 Navigation buttons */
#block-18.qodef-header-widget-area-one{
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: 54px;
    position: relative;
}
.logincontainer {
    align-self: flex-start;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: auto;
    position: relative;
}
a.loginbtn{
    color: #fff;
    background-color: var(--ocean);
    max-width: 227px;
    /*width: 196px;*/
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
a.loginbtn span{
    position: relative;
    visibility: visible;
    z-index: 3;
}
a.loginbtn span::after {
    display: inline-block;
    position: relative;
    content: 'Login';
    transition: color .3s ease;
    font-family: var(--pnova);
    font-size: 18px;
    font-weight: 500;
    color: #FFF;
    visibility: visible;
    line-height: 1;
}
a.loginbtn::after {
    background-color: var(--deep);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform-origin: left;
    transform: scaleX(0);
    transition: transform .3s ease;
}
a.loginbtn:hover::after {
    transform: scaleX(1);
}
/* side area */
#qodef-side-area{
    width: 710px;
    background-position: center;
    background-size: cover;
    background-image: url('assets/img/offcanvasmap.png');
    background-color: var(--silver);}
#qodef-side-area .widget:not(.widget_manufaktursolutions_core_title_widget) h1:not([class*="qodef"]), #qodef-side-area .widget:not(.widget_manufaktursolutions_core_title_widget) h2:not([class*="qodef"]), #qodef-side-area .widget:not(.widget_manufaktursolutions_core_title_widget) h3:not([class*="qodef"]), #qodef-side-area .widget:not(.widget_manufaktursolutions_core_title_widget) h4:not([class*="qodef"]), #qodef-side-area .widget:not(.widget_manufaktursolutions_core_title_widget) h5:not([class*="qodef"]), #qodef-side-area .widget:not(.widget_manufaktursolutions_core_title_widget) h6:not([class*="qodef"]){
    color: var(--black);}
.widget_manufaktursolutions_core_side_area_opener a{background-color: var(--ocean);}
.qodef-opener-icon.qodef-source--predefined::after{background-color: var(--deep);}
.widget_manufaktursolutions_core_side_area_opener a{max-width: 227px;}
.qodef-opener-icon .qodef-m-icon  .qodef-svg--side-area{display:none!important;}
.qodef-opener-icon .qodef-m-icon::after{
    display: inline-block;
    position: relative;
    content:'Login';
    transition: color .3s ease;}
#qodef-side-area-close.qodef-opener-icon .qodef-m-icon::after {content:'';display:none;}
#qodef-side-area-close{background-color: var(--ocean);}
#qodef-side-area-close::after {background-color: var(--deep);}
.qodef-opener-icon:hover .qodef-m-icon::after{color: #FFF;}
/* Mobile nav */
@media only screen and (max-width: 1024px){ .qodef-opener-icon .qodef-m-icon::after {display:none;content:'';} }
.qodef-mobile-header-navigation{background-color: var(--silver);border-bottom: 1px solid var(--silver);}
.qodef-mobile-header-opener.qodef-source--predefined{background-color: var(--ocean);}
.qodef-mobile-header-opener.qodef-source--predefined:hover{color: var(--ocean);}
.qodef-mobile-header-navigation > ul > li > a,.qodef-mobile-header-navigation ul li ul li > a{color: var(--deep);}
.qodef-mobile-header-navigation > ul > li > a .qodef-menu-item-text::before {color: var(--ocean);}
.qodef-mobile-header-navigation > ul > li > a,
.qodef-mobile-header-navigation ul li ul li > a{
    font-family: var(--inktrap);
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 3px;}
/* back to top */
#qodef-back-to-top{
    bottom: 100px;
    right: 25px;
    height: 55px;}
#qodef-back-to-top .qodef-back-to-top-icon{
    background-color: var(--deep);
    border-color: var(--ocean);
    color: #FFF;}
.qodef-back-to-top-icon .back-to-top-svg{display:none!important;}
.qodef-back-to-top-icon:after{
    content: '<';
    transform: rotate(90deg);
    display: inline-block;
}
/* page bg */
#qodef-page-outer{
    background-position: 0 10px;
    background-repeat: no-repeat;
    background-image: url('assets/img/o.png');
    background-size: 500px 536px;}
/* Qode overrides */
#qodef-page-inner{padding: 0!important;}
.qodef-section-title .qodef-m-highlight-text{
    font-family: var(--inktrap);
    font-size: 16px;
    color: var(--ocean);
    letter-spacing: 3px;}
.qodef-section-title.qodef--appeared .qodef-m-highlight-text::after{display:none;}
.qodef-section-title .qodef-m-title{    text-transform: none;}
.qodef-section-title .qodef-m-subtitle{
    font-family: var(--inktrap);
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 18px;
    padding-bottom: 12px;
    margin:0;}
.dark .qodef-section-title .qodef-m-subtitle{
    color: var(--ocean);
    border-bottom: 1px solid #FFF;}
.qodef-button.qodef-html--link{
    font-family: var(--inktrap);
    font-size: 15px;
    font-weight: 700;}
.qodef-button.qodef-layout--outlined{
    color: var(--ocean);
    letter-spacing: 3px;}
.qodef-button.qodef-layout--outlined:hover{
    color: var(--deep);}
.dark .qodef-button.qodef-layout--outlined{
    color: #FFF;}
.dark .qodef-button.qodef-layout--outlined:hover{
    color: var(--ocean);}
.lightblue .qodef-button.qodef-layout--outlined{
    color: var(--ocean);}
.lightblue .qodef-button.qodef-layout--outlined:hover{
    color: var(--deep);}
.qodef-m-button-arrow-holder:after{
    content: '>';
    display: inline;
    font-family: var(--inktrap);
    font-size: 16px;
    color: var(--ocean);
    letter-spacing: 3px;}
.dark .qodef-m-button-arrow-holder:after{color: #FFF;}
.qodef-m-button-arrow-holder .qodef-svg--button-arrow{display:none;}
.qodef-qi-text-marquee .qodef-m-text-item{
    font-size: 50px;
    font-weight: 500;
    color: #1B2026;
    letter-spacing: 0;
    padding: 0 12px;}
.qodef-pricing-table.qodef-status--featured .qodef-m-inner::after,.featured::after {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url('assets/img/featured-price.svg');
    right: 0;
    top: 0;
    width: 79px;
    height: 79px;
    background-repeat: no-repeat;}
.qi-block-button.qodef-block{
    font-family: var(--inktrap)!important;
    font-size: 15px!important;
    letter-spacing: 3px!important;
    font-weight: 700!important;}
#qodef-side-area .qodef-m-text{background-color: var(--silver);transition: color .3s ease-out,background-color .3s ease-out;}
#qodef-side-area a:hover .qodef-m-text{color: var(--ocean);}
#qodef-side-area .darkblue .qodef-m-text{background-color: var(--deep);}
#qodef-side-area a.darkblue:hover .qodef-m-text{background-color: var(--ocean);color:var(--silver);}
#qodef-side-area .qodef-layout--outlined .qodef-m-icon,
#qodef-side-area .qodef-layout--outlined a:hover .qodef-m-icon{background-color:var(--silver)!important;}
#qodef-side-area .widget a.qi-block-button{color: var(--deep);}
#qodef-side-area .widget .darkblue a.qi-block-button{color: var(--silver);}
.elementor-inner-column .qodef-button.qodef-layout--outlined{color: var(--ocean);}
.elementor-inner-column .qodef-button.qodef-layout--outlined:hover{color: var(--deep);}
/* FAQ */
.qodef-qi-faq .qodef-e-title-holder .qodef-e-title{
    font-family: var(--inktrap);
    font-size: 24px;
    color: #00678C;
    letter-spacing: 4.5px;}
.qodef-qi-faq .qodef-e-title-holder .qodef-e-mark{font-size:20px}
.qodef-qi-faq .qodef-e-title-holder .qodef-e-mark .qodef-icon--plus{color: var(--ocean)}
.qodef-qi-faq .qodef-e-title-holder .qodef-e-mark .qodef-icon--minus{color: var(--deep)}
.qodef-qi-faq.qodef-style--border-between .qodef-e-title-holder{border-color: var(--gray)}
.qodef-qi-faq .qodef-e-content{padding-left:0}
.qodef-qi-faq .qodef-e-title-holder{padding: 28px 10px 24px 0}
.qodef-e-mark,.qodef-qi-faq .qodef-e-title-holder .qodef-e-mark{pointer-events:none!important}
/* Clients Swiper */
.swiper-slide{
    border:.5px solid #DEDEDE;
    border-top-width:1px;
    border-bottom-width:1px;}
.qodef--boxed{background-color: #FFF;}
.qodef-clients-list .qodef-e .qodef-e-logo{padding: 0 30px;}
/* Forms */
label{color: var(--black);}
.qodef-qi-contact-form-7 label{margin-bottom:15px;}
input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea{padding: 14px;}
.wpcf7 input[type="date"], .wpcf7 input[type="email"], .wpcf7 input[type="number"], .wpcf7 input[type="password"], .wpcf7 input[type="search"], .wpcf7 input[type="tel"], .wpcf7 input[type="text"], .wpcf7 input[type="url"], .wpcf7 select, .wpcf7 textarea{
    background-color: #FFF;
    border: 1px solid #FFF;
    color: var(--black);}
.wpcf7 input[type="date"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 input[type="number"]:focus, .wpcf7 input[type="password"]:focus, .wpcf7 input[type="search"]:focus, .wpcf7 input[type="tel"]:focus, .wpcf7 input[type="text"]:focus, .wpcf7 input[type="url"]:focus, .wpcf7 select:focus, .wpcf7 textarea:focus{
    background-color: #FFF;
    border: 1px solid var(--ocean);
    color: var(--deep);}
.wpcf7 .qodef-button.qodef-layout--outlined, button[type="submit"], input[type="submit"]{color: #FFF;}
.wpcf7 .qodef-button.qodef-layout--outlined .qodef-m-button-arrow-holder{background-color: var(--silver);}
.wpcf7 .qodef-button.qodef-layout--outlined .qodef-m-text{background-color: var(--deep);transition: background-color .3s ease-out;}
.wpcf7 .qodef-button.qodef-layout--outlined:hover .qodef-m-text{background-color: var(--ocean);}
.elementor-inner-column .wpcf7 .qodef-button.qodef-layout--outlined:hover{color: #FFF;}
.dark .wpcf7 .qodef-m-button-arrow-holder::after,.wpcf7 .qodef-m-button-arrow-holder::after{color:var(--deep);}
/* Footer */
#qodef-page-footer-top-area,#qodef-page-footer-bottom-area{background-color: var(--deep);}
#qodef-page-footer-top-area .qodef-content-full-width,
#qodef-page-footer-bottom-area .qodef-content-full-width{
    padding-left: 90px;
    padding-right: 90px;}
#qodef-page-footer-top-area-inner{
    padding-top: 60px;
    padding-bottom: 0;}
#qodef-page-footer-bottom-area-inner{
    padding-top: 0;
    padding-bottom: 40px;}

@media only screen and (max-width: 1024px){ 
    #qodef-page-footer-top-area .qodef-content-full-width,
    #qodef-page-footer-bottom-area .qodef-content-full-width{padding: 7%;}
    #qodef-page-footer-top-area .qodef-content-full-width{padding-bottom:12px;}
    #qodef-page-footer-bottom-area .qodef-content-full-width{padding-top:12px;}
    #qodef-page-footer-top-area .qodef-grid,#qodef-page-footer-bottom-area .qodef-grid{padding:10px;}
    #qodef-page-footer-top-area-inner .qodef-grid > .qodef-grid-inner > .qodef-grid-item:nth-child(2),
    #qodef-page-footer-top-area-inner .qodef-grid > .qodef-grid-inner > .qodef-grid-item:nth-child(3),
    #qodef-page-footer-top-area-inner .qodef-grid > .qodef-grid-inner > .qodef-grid-item:nth-child(4),
    #qodef-page-footer-top-area-inner .qodef-grid > .qodef-grid-inner > .qodef-grid-item:nth-child(4) img{margin-top: 24px;}
}
#qodef-page-footer-top-area-inner .qodef-grid > .qodef-grid-inner > .qodef-grid-item{margin:0;}
#qodef-page-footer p{color: #FFF;}
@media only screen and (min-width: 1025px){
    .qodef-grid.qodef-layout--columns.qodef-col-num--4 > .qodef-grid-inner > .qodef-grid-item:first-child{width: 33.33333%;}
    .qodef-grid.qodef-layout--columns.qodef-col-num--4 > .qodef-grid-inner > .qodef-grid-item:nth-child(2),
    .qodef-grid.qodef-layout--columns.qodef-col-num--4 > .qodef-grid-inner > .qodef-grid-item:nth-child(3){width: 16.66%;}
}
@media only screen and (max-width: 1024px) and (min-width: 681px){
    .qodef-grid.qodef-layout--columns.qodef-col-num--4 > .qodef-grid-inner > .qodef-grid-item:first-child{width: 100%;}
    .qodef-grid.qodef-responsive--custom.qodef-col-num--1024--2.qodef-layout--columns > .qodef-grid-inner > .qodef-grid-item:nth-child(2n+1){clear: none;}
    .qodef-grid.qodef-layout--columns.qodef-col-num--4 > .qodef-grid-inner > .qodef-grid-item:nth-child(3){clear:both;}
}
@media only screen and (max-width: 680px){
    #qodef-page-footer-top-area-inner .qodef-grid > .qodef-grid-inner > .qodef-grid-item:nth-child(4){margin-top: 24px;}
}
/* Mobile resizes */
@media only screen and (max-width: 1250px){
    #qodef-page-header .qodef-header-logo-link{max-width:25%;margin-right:40px;}
}
@media only screen and (max-width: 1240px){
    .widget_manufaktursolutions_core_side_area_opener a{max-width:114px;}
    .wp-block-group.has-background{padding: 20px 20px;}
    .qodef-header-navigation > ul > li{margin:0 20px;}
    .qodef-header-navigation > ul > li:first-child{margin-left:0;}
    .qodef-header-navigation > ul > li:last-child{margin-right:0;}
}
@media only screen and (max-width: 1024px){
    .qodef-mobile-header-navigation > ul:not(.qodef-content-grid){
        padding-left: 8%;
        padding-right: 8%;}
    .qodef-mobile-header-navigation ul li{padding: 12px 0;}
    .qodef-mobile-header-navigation ul li.menu_highlight{
        background: var(--deep);
        margin: 0 -10%;
        padding: 18px 10% 12px;}
    .qodef-mobile-header-navigation ul li.menu_highlight a{color: #FFF;}
    .qodef-mobile-header-navigation > ul{padding-bottom:0;}
    .qodef-mobile-header-navigation ul li.menu_oi{
        background: #FFF;
        margin: 0 -10%;
        padding: 9px 10% 9px;}
    .qodef-mobile-header-navigation ul li.menu_oi::before{
        content: '';
        display: block;
        float: left;
        position: relative;
        width:36px;height:37px;
        background-image: url('assets/img/oi-mobilenav.png');
        background-repeat: no-repeat;
        background-size: 36px 37px;}
    .qodef-mobile-header-navigation ul li.menu_oi a{
        text-transform: none;
        font-family: var(--pnova);
        font-size: 20px;
        font-weight: 500;
        letter-spacing: normal;
        color: var(--black);}
    .qodef-mobile-header-navigation ul li.menu_oi .qodef-menu-item-text{
        padding-left: 10px;
        line-height: 36px;}

    h1,.qodef-h1{
        font-size: 42px;}
    h2,.qodef-h2{
        font-size: 42px;}
    h3,.qodef-h3{
        font-size: 42px;}
    h4,.qodef-h4{
        font-family: var(--pnova);
        font-weight: 700;
        font-size: 21px;
        /*line-height: 27px;*/
        line-height: 1.25;}
}
@media only screen and (max-width: 989px){
    p.map{
        margin: 50px 0;
        line-height: 2;}
}