@charset "UTF-8"; /* Themify Ultra 8.1.3 framework 8.2.9 */ /*/css/base.min.css*/ :where(.tf_loader){width:1em;height:1em;overflow:hidden;display:inline-block;vertical-align:middle;position:relative}.tf_loader:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999em;border-radius:50%;box-sizing:border-box;border:.15em solid rgba(149,149,149,.2);border-left-color:rgba(149,149,149,.6);animation:tf_loader 1.1s infinite linear}@keyframes tf_loader{0{transform:rotate(0)}100%{transform:rotate(360deg)}}.tf_clear{clear:both}.tf_left{float:left}.tf_right{float:right}.tf_textl{text-align:left}.tf_textr{text-align:right}.tf_textc{text-align:center}.tf_textj{text-align:justify}.tf_text_dec{text-decoration:none}.tf_hide{display:none}.tf_hidden{visibility:hidden}.tf_block{display:block}.tf_inline_b{display:inline-block}.tf_vmiddle{vertical-align:middle}.tf_mw{max-width:100%}.tf_w{width:100%}.tf_h{height:100%}:where(.tf_overflow){overflow:hidden}.tf_box{box-sizing:border-box}:where(.tf_abs){position:absolute;inset:0}:where(.tf_abs_t){position:absolute;top:0;left:0}:where(.tf_abs_b){position:absolute;bottom:0;left:0}:where(.tf_abs_c){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tf_rel{position:relative}:where(.tf_opacity){opacity:0}.tf_clearfix:after{content:"";display:table;clear:both}.loops-wrapper>.post,.woocommerce ul.loops-wrapper.products>li.product{float:left;box-sizing:border-box;margin-left:3.2%;margin-right:0;margin-bottom:2.5em;clear:none}.woocommerce .loops-wrapper.no-gutter.products>.product,body .loops-wrapper.no-gutter>.post{margin:0}.woocommerce .loops-wrapper.products.list-post>.product{margin-left:0}.tf_scrollbar{scroll-behavior:smooth;--tf_scroll_color:rgba(137,137,137,.2);--tf_scroll_color_hover:rgba(137,137,137,.4);scrollbar-color:var(--tf_scroll_color) transparent;scrollbar-width:thin}.tf_scrollbar::-webkit-scrollbar{width:var(--tf_scroll_w,10px);height:var(--tf_scroll_h,10px)}.tf_scrollbar::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color);background-clip:padding-box;border:2px solid transparent;border-radius:5px}.tf_scrollbar:hover{scrollbar-color:var(--tf_scroll_color_hover) transparent}.tf_scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color_hover)}.tf_close{position:relative;transition:transform .3s linear;cursor:pointer}.tf_close:after,.tf_close:before{content:'';height:100%;width:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:currentColor;transition:transform .25s}.tf_close:after{transform:translate(-50%,-50%) rotate(-45deg)}.tf_close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}.tf_close:hover:before{transform:translate(-50%,-50%) rotate(135deg)}.tf_vd_lazy:fullscreen video{height:100%;object-fit:contain} /*/css/themify-common.css*/ iframe{border:0}a{cursor:pointer}:is(button,a,input,select,textarea,.button):focus{outline:1px dotted hsla(0,0%,59%,.2)}.tf_focus_heavy :is(button,a,input,select,textarea,.button):focus{outline:2px solid rgba(0,176,255,.8)}.tf_focus_none a,.tf_focus_none:is(button,a,input,select,textarea,.button):focus{outline:0}.tf_large_font{font-size:1.1em}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.skip-to-content:focus{clip-path:none}.post-image .themify_lightbox{display:block;max-width:100%;position:relative}.post-image .themify_lightbox .zoom{background:rgba(0,0,0,.3);border-radius:100%;height:35px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:35px}.post-image .themify_lightbox .zoom .tf_fa{color:#fff;vertical-align:middle;stroke-width:1px;left:50%;line-height:100%;position:absolute;top:50%;transform:translate(-50%,-50%)}.post-image .themify_lightbox:hover .zoom{background:rgba(0,0,0,.6)}.pswp:not(.pswp--open){display:none}:is(.ptb_map,.themify_map) button{border-radius:0;max-width:inherit} /*/themify-builder/css/themify-builder-style.css*/ :root{--tb_rounded_corner:12px;--tb_rounded_corner_sm:10px}.module_column,.module_row,.module_row .module,.module_subrow{box-sizing:border-box;min-width:0;position:relative}.module,.module-accordion i,:is(.module-buttons,.module_row,.module_subrow,.module_column,.module-image img):hover{transition:.5s ease;transition-property:background,font-size,line-height,color,padding,margin,border,border-radius,box-shadow,text-shadow,filter,transform}.entry-content>p:is(:first-of-type,:first-of-type+p):empty{margin:0;padding:0}.module_row{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-wrap:wrap}.themify_builder_slider_wrap{transition:none}[data-tbfullwidthvideo]:is(.module_row,.module_subrow,.module_column){background-size:cover}.module_subrow,.row_inner{display:grid;--gutter:3.2%;--narrow:1.6%;--none:0;--align_start:start;--align_center:center;--align_end:end;--auto_height:stretch;--align_items:var(--auto_height);--align_content:var(--align_start);--colg:var(--gutter);--c1:1fr;--c2:1fr 1fr;--c3:1fr 1fr 1fr;--c4:1fr 1fr 1fr 1fr;--c5:1fr 1fr 1fr 1fr 1fr;--c6:1fr 1fr 1fr 1fr 1fr 1fr;--c1_2:1fr 2.1025fr;--c2_1:2.1025fr 1fr;--c1_3:1fr 3.2831fr;--c3_1:3.2831fr 1fr;--c1_1_2:1fr 1fr 2.1415fr;--c1_2_1:1fr 2.1415fr 1fr;--c2_1_1:2.1415fr 1fr 1fr;--col:repeat(auto-fit,minmax(1%,1fr));align-content:var(--align_content);align-items:var(--align_items);gap:var(--rowg,0) var(--colg);grid:var(--row,none)/var(--col);grid-auto-columns:1fr;grid-template-areas:var(--area);--area5_3:"col1 col1 col2 col2 col3 col3" "col4 col4 col5 col5 . .";--area5_1_2:"col1 col2 col2" "col3 col4 col5";--area5_2_1:"col1 col1 col2" "col3 col4 col5";--area5_1_3:"col1 col2 col2 col2" "col3 col4 col4 col4" "col5 col5 col5 col5";--area5_3_1:"col1 col1 col1 col2" "col3 col4 col4 col5";--area5_1_1_2:"col1 col2 col3 col3" "col4 col4 col5 col5";--area5_1_2_1:"col1 col2 col2 col3" "col4 col4 col5 col5";--area5_2_1_1:"col1 col1 col2 col3" "col4 col4 col5 col5";--aream2_auto:"col1" "col2";--aream3_auto:"col1" "col2" "col3";--aream4_auto:"col1" "col2" "col3" "col4";--aream5_auto:"col1" "col2" "col3" "col4" "col5";--areat6_auto:"col1 col2 col3" "col4 col5 col6";--aream6_auto:"col1 col2" "col3 col4" "col5 col6";--areat7_auto:"col1 col2" "col3 col4" "col5 col6" "col7 col7";--aream7_auto:"col1" "col2" "col3" "col4" "col5" "col6" "col7";--areat8_auto:"col1 col2" "col3 col4" "col5 col6" "col7 col7" "col8 col8";--aream8_auto:"col1" "col2" "col3" "col4" "col5" "col6" "col7" "col8"}.row_inner{margin:0 auto;width:min(1160px,100%)}.module_row.fullheight .module_subrow,.module_row.fullwidth>.row_inner{max-width:100%;width:100%}@supports(-webkit-touch-callout:none){.module_column,.module_row,.module_subrow{background-attachment:scroll!important}}.module_row.fullheight{min-height:100vh}.fullheight>.row_inner,.fullheight>.row_inner>.module_column{min-height:inherit}div.module_column{align-content:inherit;align-items:inherit;display:grid;float:none;margin-inline:0;max-width:none;width:auto}.col_align_middle,.fullheight>.tb_col_count_1{--align_content:var(--align_center)}.gutter-narrow{--colg:var(--narrow)}.gutter-none{--colg:var(--none)}.module_column:first-of-type{grid-area:col1}.module_column:nth-of-type(2){grid-area:col2}.module_column:nth-of-type(3){grid-area:col3}.module_column:nth-of-type(4){grid-area:col4}.module_column:nth-of-type(5){grid-area:col5}.module_column:nth-of-type(6){grid-area:col6}.module_column:nth-of-type(7){grid-area:col7}.module_column:nth-of-type(8){grid-area:col8}.module_column:nth-of-type(9){grid-area:col9}.module_column:nth-of-type(10){grid-area:col10}.module_column:nth-of-type(11){grid-area:col11}.module_column:nth-of-type(12){grid-area:col12}.module_column:nth-of-type(13){grid-area:col13}.module_column:nth-of-type(14){grid-area:col14}.module_column:nth-of-type(15){grid-area:col15}.module_column:nth-of-type(16){grid-area:col16}.tb_col_count_1>.module_column{grid-area:auto}.tb_col_count_2{--area:"col1 col2"}.tb_col_count_3{--area:"col1 col2 col3"}.tb_col_count_4{--area:"col1 col2 col3 col4"}.tb_col_count_5{--area:"col1 col2 col3 col4 col5"}.tb_col_count_6{--area:"col1 col2 col3 col4 col5 col6"}.tb_col_count_7{--area:"col1 col2 col3 col4 col5 col6 col7"}.tb_col_count_8{--area:"col1 col2 col3 col4 col5 col6 col7 col8"}.module:after{clear:both;content:"";display:table}.module_row ul.loops-wrapper{display:block;list-style:none;margin:0;padding:0}.tb_default_color{--tb_pr_color:#555;--tb_pr_bg:#f7f7f7;--tb_pr_hover_bg:#f1f1f1}.module_row .ui{background-color:var(--tb_pr_bg,#f7f7f7);color:var(--tb_pr_color,#555)}.ui.rounded{border-radius:var(--tb_app_r,0)}.ui.gradient{background-image:var(--tb_app_gr,none)}.ui:is(.shadow,.embossed){box-shadow:var(--tb_app_shadow,none)}.ui.builder_button{border:1px solid rgba(0,0,0,.05);border-radius:var(--tb_app_r,0);font-size:var(--tb_mb_f,1em);line-height:1.35;padding:.625em 1.25em;position:relative;transition:.3s linear;transition-property:color,background-color,padding,border,box-shadow}.builder_button:not(:is(.tf_flx,.tf_in_flx)){display:inline-block}.builder_button:hover{background-color:var(--tb_pr_hover_bg,#f1f1f1);text-decoration:none}.module_row .module .ui.builder_button{text-decoration:none}.ui.transparent{--tb_pr_bg:transparent;--tb_pr_hover_bg:transparent;--tb_pr_color:#555;--tb_app_gr:none;--tb_app_shadow:none;border:0;color:inherit}.transparent.gradient{--tb_app_gr:linear-gradient(180deg,hsla(0,0%,100%,.45) 0%,hsla(0,0%,100%,0))}.module-title{font-size:1.4em;margin:0 0 .8em}.module img{border:0;vertical-align:bottom}.module-slider{margin-bottom:2.5em}.module-widget .widget{margin:0}.wp-caption{max-width:100%}.module-map button{border-radius:0}.module-map .gm-style-mtc img{margin-right:5px;vertical-align:baseline}.module-plain-text:after{display:contents!important}@media (max-width:1260px){.module-layout-part .row_inner,.tbp_template .row_inner .row_inner{max-width:100%}.module_row.fullwidth .module-layout-part .row_inner,.row_inner,.tbp_template .module_row.fullwidth .row_inner .row_inner{max-width:94%}.tbp_template .module_row.fullwidth .module_row.fullwidth>.row_inner{max-width:100%}}@media (max-width:760px){.module_row.fullwidth .module-layout-part .row_inner,.row_inner,.tbp_template .module_row.fullwidth .row_inner .row_inner{max-width:90%}}.themify_builder div.builder-parallax-scrolling{transition:background-position-y 0s}@supports not(cursor:grab){.builder-parallax-scrolling{background-attachment:scroll!important}} /*/wp-content/themes/themify-ultra/styles/modules/footers/left.css*/ .footer-horizontal-left .footer-left-wrap,.footer-horizontal-left .footer-right-wrap,.footer-left-col .main-col,.footer-left-col .section-col{float:left;margin-left:3.2%}.footer-horizontal-left .footer-left-wrap.first,.footer-horizontal-left .footer-right-wrap.first,.footer-left-col .main-col.first{clear:left;margin-left:0}.footer-horizontal-left .footer-left-wrap,.footer-left-col .main-col{width:22.6%}.footer-horizontal-left .footer-right-wrap,.footer-left-col .section-col{width:74.2%}.footer-left-col #footer .widget{margin:0 0 2em}.footer-left-col .footer-text{padding-top:.9em}@media(max-width:680px){.footer-horizontal-left .footer-left-wrap,.footer-horizontal-left .footer-right-wrap,.footer-left-col .main-col,.footer-left-col .section-col{margin-left:0;margin-right:0;max-width:100%;width:100%}.footer-horizontal-left .back-top,.footer-left-col .back-top{top:-35px}} /*/wp-content/themes/themify-ultra/styles/modules/layouts/fullwidth.css*/ .single.single-fullwidth-layout .featured-area{margin:0 0 2.4em}.single.single-fullwidth-layout .featured-area .post-content{text-align:center}.single.single-fullwidth-layout .featured-area .post-image+.post-content .post-date-wrap{margin-top:-94px;position:relative}.single.single-fullwidth-layout .featured-area .post-image img{border-radius:0}.single-portfolio.single-fullwidth-layout #content,.single-portfolio.single-fullwidth-layout #sidebar,.single-portfolio.single-fullwidth-layout #sidebar-alt,.single-post.single-fullwidth-layout #content,.single-post.single-fullwidth-layout #sidebar,.single-post.single-fullwidth-layout #sidebar-alt{padding-top:8px}.single.single-fullwidth-layout .featured-area .post-image+.post-content .post-date-wrap.post-date-inline{height:auto;margin-top:auto;width:auto}.single.single-fullwidth-layout .featured-area .post-image+.post-content .post-date-wrap.post-date-inline .post-date{background:0;border-radius:0;color:inherit;height:auto;margin:0 0 .6em;text-align:inherit;width:auto}.featured-area .edit-button{display:none} /*/wp-content/themes/themify-ultra/styles/modules/site-logo.css*/ #site-logo{font-size:1.7em;font-style:normal;font-weight:700;letter-spacing:-.04em;line-height:1.2em;margin:.5em auto;padding:0;transition:.2s ease-in-out;transition-property:color,margin,padding,font-size}#site-logo a{color:inherit;text-decoration:none}#site-logo a:hover{color:var(--theme_accent);text-decoration:none}.header-block .fixed-header #site-logo{margin:5px 0 0}.fixed-header #site-logo .tf_sticky_logo+img,body:not(.fixed-header-on) #site-logo .tf_sticky_logo{display:none} /*/wp-content/themes/themify-ultra/styles/modules/site-description.css*/ #site-description{font-size:.9em;line-height:110%;margin:0 0 1.8em;opacity:.7;padding:0}#site-description p{padding:0}#site-description .site-taglink{color:inherit;font:inherit}#site-description .site-taglink:hover{text-decoration:none}.fixed-header #site-description{display:none} /*/wp-content/themes/themify-ultra/styles/modules/portfolio.css*/ .project-meta{line-height:1.4em}.project-client,.project-date,.project-services,.project-view{border-left:1px solid rgba(0,0,0,.05);display:inline-block;font-size:1.1em;margin:0 .5em;padding:0 1em}.project-client{border-left:none;margin:0;padding:0}:is(.project-date,.project-client,.project-services,.project-view) strong{display:block;letter-spacing:-.02em;margin-bottom:.3em}.single-portfolio #content{padding-top:0}.single-portfolio .project-meta{margin:0 0 2em}.single-portfolio .post-meta{margin:0 0 .5em}.single-portfolio :is(.post-image,.gallery-wrapper){margin-bottom:3em}.portfolio .post-meta :is(.post-author,.post-category,.post-tag):after,.single-portfolio .post-meta .post-category:after{display:none}.portfolio .post-meta :is(.post-author,.post-category,.post-tag,.post-comment a,span){margin-right:0}@media(max-width:680px){.project-client,.project-date,.project-services,.project-view{display:block;float:none;font-size:.9em;margin-left:0;padding:0 1em 15px}.project-client{border-left:1px solid rgba(0,0,0,.05)}} /*/wp-content/plugins/builder-slider-pro/assets/style.css*/ .module .slider-pro{margin:0 auto}.module .sp-mask{transition:height .1s ease-out}.module .sp-slides{-webkit-backface-visibility:hidden;display:flex;flex-direction:row;height:inherit;perspective:1000px}.bsp_swiping{cursor:grab;-webkit-user-select:none;user-select:none}.module .sp-slide:before{content:"";inset:0;pointer-events:none;position:absolute}.module .sp-layer{margin:0;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}.module .sp-buttons{bottom:3%;display:grid;gap:8px;grid-auto-flow:column;place-content:center;place-items:center;position:absolute;content-visibility:auto;color:#fff;inset-inline-start:50%;padding-top:10px;transform:translateX(-50%);width:auto}.pager-type-thumb .sp-buttons{bottom:10%;gap:4px;padding:0}.module.pager-type-square .sp-buttons div{border-radius:0}.module.pager-below .sp-buttons{color:#000;position:static;transform:none}.module .sp-thumbnail{cursor:pointer;height:inherit}.module .sp-button{border:5px solid;border-radius:50%;cursor:pointer;height:10px;width:10px}.module .sp-selected-button{border-color:inherit;border-width:2px;height:13px;width:13px}.module .sp-arrows{color:#fff;contain:style layout;left:0;transform:translateY(-50%);transition:opacity .5s}.module .slider-pro:hover .sp-arrows{opacity:1}.module .sp-arrow{border-radius:100%;cursor:pointer;font-size:3em;inset-inline:auto 1%;padding:.3em}.module .sp-arrow:hover{background:hsla(0,0%,39%,.6)}.module .sp-previous-arrow{inset-inline:1% auto}.module .sp-arrow:after{border-inline-end:1px solid;border-top:1px solid;content:"";display:block;height:.3em;transform:rotate(45deg) translate(-.05em);width:.3em}.module .sp-previous-arrow:after{border:0;border-bottom:1px solid;border-inline-start:1px solid;transform:rotate(45deg) translate(.1em,-.1em)}.sp-slide>:is(iframe,video){max-height:none;max-width:none}.sp-slide>.tf_vd_lazy{inset:0;position:absolute}.bsp-timer-bar{background-color:#fd0053;contain:strict;height:2px;outline:0;transform:scaleX(0);transform-origin:0 50%;z-index:10}.sp-slide-wrap{display:grid;gap:5%;grid-template-columns:35% 1fr;padding:0 7% 10px}.bsp-slide-content-right .sp-slide-wrap{grid-auto-flow:dense;grid-template-columns:1fr 35%}.bsp-slide-content-left .sp-slide-text,.bsp-slide-content-right .sp-slide-image{grid-column:2}.bsp-slide-content-center .sp-slide-wrap{gap:2%;grid-template-columns:100%;place-content:center;place-items:center}.bsp-slide-content-center .sp-slide-image{width:40%}.module .bsp-slide-post-title{color:#000;font-size:2.2em;line-height:1.3em;margin:0 0 .3em;padding:0;pointer-events:all;transform:none;transform-origin:center top}.bsp-layers-overlay{pointer-events:none;z-index:1}.module .sp-slide{background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-wrap:wrap;height:inherit;place-items:center;position:absolute}.sp-slide-type-Video .bsp-layers-overlay{position:relative;z-index:9}.bsp_video{object-fit:cover}.module .sp-slide-0{position:relative}.tf_bsp_ready .sp-slide-0{position:absolute}@media (max-width:1000px){.module .bsp-slide-post-title{font-size:2em}}@media (max-width:780px){.module .bsp-slide-post-title{font-size:4vw}.module-pro-slider .sp-arrow{font-size:6vw}.module-pro-slider .sp-button{border-width:1px;height:8px;width:8px}}@media (max-width:600px){.sp-slide-wrap{padding-inline:5%}} /*/wp-content/plugins/builder-slider-pro/assets/modules/excerpt.css*/ .bsp-slide-excerpt{color:#000;font-size:1.15em;line-height:1.6em;pointer-events:auto;transform:none}.bsp-slide-excerpt p{margin:0 0 .8em;padding:0}@media (max-width:1000px){.bsp-slide-excerpt{font-size:1em}}@media (max-width:600px){.bsp-slide-excerpt{font-size:2.6vw;line-height:1.3em;margin:0 0 .3em}} /*/wp-content/plugins/builder-image-pro/assets/style.css*/ .module-pro-image{text-align:center}.module-pro-image+div{clear:both}.image-pro-wrap{vertical-align:bottom}.image-pro-overlay-inner{position:absolute;top:50%;inset-inline:5%;transform:translateY(-50%)}.image-pro-caption,.module .image-pro-title{color:#fff;margin:0 0 1em;padding:0}.module-pro-image img{transition:.3s ease-in-out!important /*!important required to combat lazyloading css */}.image-pro-flip-box-wrap{perspective:1000px;transform-style:preserve-3d}.image-pro-flip-box{transition:.75s}.image-pro-flip-box>img,.image-pro-overlay{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;margin-bottom:0;overflow:hidden;z-index:11}.image-pro-overlay{animation-fill-mode:both;background-position:50%;background-size:cover!important}@media (max-width:680px){.module.module-pro-image{float:none}}.image-pro-external+.image-pro-flip-box-wrap{pointer-events:none} /*/wp-content/plugins/builder-image-pro/assets/modules/appearance/fullwidth_image.css*/ .module-pro-image.fullwidth_image,.module-pro-image.fullwidth_image img{width:100%}.module.fullwidth_image .image-pro-wrap{display:block!important;width:100%} /*/themify-builder/css/modules/text.css*/ .drop-cap>:first-child:first-letter,.tb_text_dropcap>.tb_text_wrap:first-child:first-letter{background-color:var(--theme_accent,#0f70e8);color:#fff;float:left;font-size:2.85em;line-height:.4em;margin-right:.325em;margin-block:.15em .25em;padding:.425em .375em}.tb-text-more-link-indicator{background:rgba(55,55,55,.6);display:block;height:3px;margin:5px 0} /*/themify-builder/css/modules/post.css*/ .post{box-sizing:border-box;margin-bottom:2.2em}.builder-posts-wrap .post-title a{text-decoration:none}.post-video{margin:0 0 1em}.post-content{min-width:120px;padding:0;position:static}.module-post p.post-meta{margin:0 0 .6em}.post-meta :is(.post-author,.post-category,.post-tag,.post-comment a,span){margin-right:.3em}.post-date{display:block;margin:0 0 .5em}.builder-posts-wrap .post-image img{height:auto;max-width:100%}.builder-posts-wrap.grid4 .post-title{font-size:130%}.builder-posts-wrap.grid3 .post-title{font-size:150%}.builder-posts-wrap:is(.grid2,.grid2-thumb) .post-title{font-size:160%}.builder-posts-wrap.list-thumb-image .post-title{font-size:140%}.builder-posts-wrap.list-large-image .post-title{font-size:200%}.builder-posts-wrap.grid2-thumb .post-image{float:left;margin:0 1.5em 1em 0;width:20%}.builder-posts-wrap.list-thumb-image .post-image{float:left;margin:0 1.5em 1em 0;max-width:20%}.builder-posts-wrap:is(.list-large-image,.list-thumb-image) .post-image img,.tb_fullwidth_image .post-image img{width:100%}.builder-posts-wrap:is(.list-thumb-image,.grid2-thumb) .post-content{overflow:hidden}.builder-posts-wrap.list-post .post-content{width:auto}.builder-posts-wrap.list-large-image .post-image{float:left;margin:0 1.5em 1em 0;max-width:64%}.col2-1 .builder-posts-wrap:is(.grid3,.grid4) .post-content,:is(.col3-1,.col3-2,.col4-1,.col4-2) .builder-posts-wrap:is(.grid2,.grid3,.grid4) .post-content{min-width:50%}.module.rounded .post-image img{border-radius:var(--tb_rounded_corner)}.module.bordered .post-image img{background:#fff;border:1px solid rgba(0,0,0,.15);box-sizing:border-box;padding:3px}.module.drop-shadow .post-image img{box-shadow:0 1px 8px 2px rgba(0,0,0,.15)}.module.circle .post-image img{border-radius:50em}@media (max-width:680px){.builder-posts-wrap:is(.grid2,.grid3,.grid4) .post{clear:both;float:none;margin-inline:0;width:auto}.post-content{overflow:visible!important}} /*/wp-content/themes/themify-ultra/styles/modules/post_layouts/overlay-polaroid.css*/ .loops-wrapper:is(.overlay,.polaroid) .post-image+:is(.post-content,.product-content){background-color:rgba(0,0,0,.7);color:#fff;left:0;overflow:hidden;padding:5%;position:absolute;right:0;transition:.5s ease-in-out;transition-property:color,top,bottom,transform,height,min-height;z-index:1}.loops-wrapper.overlay .post-image+:is(.post-content,.product-content){bottom:0;height:100%;top:100%}.loops-wrapper.polaroid .post-image+:is(.post-content,.product-content){bottom:0;height:0;min-height:65px}.loops-wrapper:is(.overlay,.polaroid) .post-image+:is(.post-content,.product-content) .price{color:inherit}.loops-wrapper:is(.overlay,.polaroid) .post-image+:is(.post-content,.product-content) a{color:#fff}.overlay :is(.product,.post):hover .post-image+:is(.product-content,.post-content){top:0!important}.polaroid :is(.product,.post):hover .post-image+:is(.product-content,.post-content){bottom:0;height:100%;min-height:100%}.loops-wrapper:is(.overlay,.polaroid) .post:hover .post-image{transform:scale(1.1)}.loops-wrapper.polaroid .post-meta,.loops-wrapper:is(.overlay,.polaroid) .post-image{margin-bottom:0}.loops-wrapper:is(.overlay,.polaroid) .post-image img{width:100%}.loops-wrapper.overlay .post-image+.post-content .post-content-inner{left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}:is(.overlay,.polaroid) .product .post-image+.product-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.loops-wrapper.slider.polaroid .post-image+:is(.post-content,.product-content){top:60%}.loops-wrapper.polaroid .disp-cell.valignmid{vertical-align:top}.loops-wrapper.overlay .post,.loops-wrapper.polaroid .post,.overlay .product,.polaroid .product{border-radius:var(--theme_rounded);overflow:hidden;position:relative;text-align:center}.loops-wrapper.overlay.no-gutter .post,.loops-wrapper.polaroid.no-gutter .post,.no-gutter.overlay .product,.no-gutter.polaroid .product{border-radius:0}.loops-wrapper.polaroid .post:hover .disp-cell.valignmid{vertical-align:middle}.polaroid .product .post-image+.product-content{justify-content:start}.polaroid .product:hover .post-image+.product-content{justify-content:center}.loops-wrapper.polaroid .post-image+.post-content :is(.post-date-wrap,.entry-content,.post-meta){display:none}.loops-wrapper.polaroid .post:hover .post-image+.post-content :is(.post-date-wrap,.entry-content,.post-meta){display:block}.woocommerce :is(.overlay,.polaroid).products .product-image img{margin-bottom:0}.loops-wrapper:is(.grid4,.grid3,.grid2):is(.overlay,.polaroid) .post-image+.post-content{cursor:pointer} /*/css/grids/grid3.css*/ .loops-wrapper.grid3>.post,.loops-wrapper.products.grid3>.product{width:31.2%}.loops-wrapper.grid3>.post:nth-of-type(3n+1){clear:left;margin-left:0}.loops-wrapper.grid3.no-gutter>.post,.loops-wrapper.products.grid3.no-gutter>.product{width:33.33%}@media (max-width:900px){.loops-wrapper.grid3>.post,.loops-wrapper.products.grid3>.product{width:48.4%}.loops-wrapper.grid3.no-gutter>.post,.loops-wrapper.products.grid3.no-gutter>.product{width:50%}.loops-wrapper.grid3>.post:nth-of-type(3n+1){clear:none;margin-left:3.2%}.loops-wrapper.grid3>.post:nth-of-type(odd),.loops-wrapper.products.grid3>.product:nth-of-type(odd){clear:left;margin-left:0}.loops-wrapper.grid3.no-gutter>.post,.loops-wrapper.products.grid3.no-gutter>.product{margin-left:0}}@media (max-width:680px){.loops-wrapper.grid3.no-gutter>.post,.loops-wrapper.grid3>.post,.loops-wrapper.grid3>.post:nth-of-type(3n+1){float:none;margin-left:0;width:100%}.loops-wrapper.grid3>.post:nth-of-type(4n){clear:none;margin-left:0}}@media (min-width:901px){.loops-wrapper.products.grid3>.product:nth-of-type(3n+1){clear:left;margin-left:0}} /*/wp-content/themes/themify-ultra/styles/modules/grids/grid3.css*/ .loops-wrapper.grid3>.post{margin-bottom:2em}.loops-wrapper.grid3 .post-title{font-size:1.5em} /*/wp-content/themes/themify-ultra/styles/modules/post-nav.css*/ .post-nav{margin:3em 0 3.5em;padding:0}.post-nav :is(.prev,.next){position:relative;width:47%}.post-nav .prev{float:left;padding-left:2.1em}.post-nav .next{float:right;padding-right:2.1em;text-align:right}.full_width .post-nav{margin-left:auto;margin-right:auto;max-width:1160px}.post-nav a{color:#000;display:block;font-size:1.15em;letter-spacing:-.005em}.post-nav .arrow,.post-nav a,.post-nav a:hover{text-decoration:none}.post-nav .arrow{color:var(--theme_accent);display:block;float:left;height:1em;left:0;position:absolute;text-align:center;top:4px;width:1em}.post-nav .next .arrow{left:auto;right:0}.post-nav :is(.next,.prev) .arrow:after,.post-nav :is(.next,.prev) .arrow:before{border:1px solid transparent;border-top-color:inherit;color:inherit;content:"";font-size:1.7em;height:.45em;position:absolute;text-decoration:none;top:0;width:.45em}.post-nav .next .arrow:after,.post-nav .next .arrow:before{border-right-color:inherit;right:0;transform:rotate(45deg)}.post-nav .prev .arrow:after,.post-nav .prev .arrow:before{border-left-color:inherit;left:0;transform:rotate(-45deg)}.post-nav .next .arrow:after{right:10px}.post-nav .prev .arrow:after{left:10px}.post-nav a:hover span{color:var(--theme_accent)}.post-nav .prev a:hover .arrow{animation:arrow-prev 1s infinite;animation-timing-function:linear}.post-nav .next a:hover .arrow{animation:arrow-next 1s infinite;animation-timing-function:linear}@media(max-width:1260px){.full_width .post-nav{max-width:94%}}@media(max-width:760px){.full_width .post-nav{max-width:90%}.post-nav :is(.prev,.next){margin-bottom:10px;width:100%}}@media(max-width:680px){.post-nav{line-height:1.4}.post-nav a{font-size:1em}}@keyframes arrow-prev{0%{left:0}50%{left:-10px}to{left:0}}@keyframes arrow-next{0%{right:0}50%{right:-10px}to{right:0}} /*/wp-content/themes/themify-ultra/styles/modules/back-top.css*/ .back-top{margin:0 auto .6em;width:200px}.back-top:not(.back-top-float) .arrow-up a{bottom:0;color:inherit;display:inline-block;line-height:1;outline:0;padding:.4em;position:relative;text-decoration:none;transition:bottom .5s;z-index:10}.back-top:not(.back-top-float):hover .arrow-up a{bottom:20px}.footer-block .back-top:not(.back-top-float) .arrow-up :is(a,a:hover){background:0}.back-top a:before{border:2px solid transparent;border-left-color:inherit;border-top-color:inherit;content:"";display:inline-block;height:30px;margin-top:4px;transform:rotate(45deg);width:30px}:is(#footer,#pagewrap) .back-top-float{background-color:var(--theme_accent_semi);border-radius:100%;box-shadow:0 1px 8px rgba(0,0,0,.12);color:#fff;cursor:pointer;font-size:16px;height:44px;inset:auto 20px 20px auto;opacity:1;overflow:hidden;position:fixed;text-align:center;text-decoration:none;transition:opacity .2s ease-in-out .2s,transform .2s ease-in-out,background-color .5s;width:44px;z-index:101}:is(#footer,#pagewrap) .back-top-hide{opacity:0;pointer-events:none}#pagewrap .back-top-float .arrow-up a,.back-top-float .arrow-up a{background:0;color:inherit}#pagewrap .back-top-float .arrow-up,.back-top-float .arrow-up{left:50%;position:absolute;top:5px}#pagewrap .back-top-float:hover,.back-top:not(.back-top-float) .arrow-up a:hover{background-color:var(--theme_accent)}#pagewrap .back-top-float:hover .arrow-up,.back-top-float:hover .arrow-up{animation:back-top-arrow-up .25s linear .2s infinite alternate}#pagewrap .back-top-float a:before,.back-top-float a:before{border-width:1px;height:13px;left:50%;margin-left:-7px;margin-top:0;position:absolute;top:14px;width:13px}#pagewrap:has(#tf_sticky_buy.tf_st_show) .back-top.back-top-float{bottom:110px}:is(.footer-horizontal-left,.footer-horizontal-right,.footer-left-col,.footer-right-col) .back-top{margin:0;position:absolute;top:-89px;width:60px}:is(.footer-horizontal-left,.footer-horizontal-right,.footer-left-col,.footer-right-col) .back-top .arrow-up a{background-color:hsla(0,0%,67%,.78);border-radius:var(--theme_rounded_sm) var(--theme_rounded_sm) 0 0;color:#fff;height:25px;line-height:100%;padding:10px 0 0;text-align:center!important;width:60px}:is(.footer-horizontal-left,.footer-horizontal-right,.footer-left-col,.footer-right-col) .back-top a:before{height:14px;width:14px}:is(.footer-horizontal-left,.footer-horizontal-right,.footer-left-col,.footer-right-col) .back-top:hover .arrow-up a{bottom:0}:is(.footer-horizontal-left,.footer-horizontal-right,.footer-left-col,.footer-right-col) .back-top .arrow-up:hover a{background-color:#000}@keyframes back-top-arrow-up{0%{top:0}to{top:-5px}}@media(max-width:680px){:is(.footer-horizontal-left,.footer-horizontal-right,.footer-left-col,.footer-right-col) .back-top{top:-70px}} /*/wp-content/themes/themify-ultra/styles/modules/footer.css*/ #footerwrap{border-top:1px solid rgba(0,0,0,.05);padding:54px 0 2em}#footer{font-size:.9em}.footer-block #footerwrap{text-align:center}.footer-text{font-size:.9em;line-height:1.8em;padding:0 0 2em}.footer-widgets .widget{margin:0 0 1.5em}.footer-widgets .widgettitle{margin:0 0 1em}.main-col,.section-col{box-sizing:border-box}@media(max-width:1024px){.footer-widgets .col4-1{width:48.4%}.footer-widgets .col4-1:nth-child(odd){clear:left;margin-left:0}}@media(max-width:680px){#footerwrap{padding-top:35px}.footer-widgets :is(.col4-2,.col3-1){margin-left:0;max-width:100%;width:100%}} /*/wp-content/themes/themify-ultra/styles/modules/footer-nav.css*/ .footer-nav{margin:.5em 0 1em;padding:0}.footer-nav li{display:inline-block;list-style:none;margin:0;padding:0;position:relative}.footer-nav a{margin:0 1em .8em 0;text-decoration:none}:is(.footer-horizontal-left,.footer-horizontal-right,.footer-left-col,.footer-right-col) .footer-nav a{margin:0 .8em 1em 0;padding:0}.footer-nav li ul{background-color:#fff;border-radius:var(--theme_rounded);bottom:100%;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 3px 12px rgba(0,0,0,.12);box-sizing:border-box;list-style:none;margin:0;padding:calc(var(--tb_rounded_corner) - 2px) 0;position:absolute;text-align:left;z-index:99}#footerwrap .footer-nav ul a{box-sizing:border-box;color:#666;display:block;margin:0;padding:.5em 1.25em .5em 1.6em;width:238px}#footerwrap .footer-nav ul a:hover{color:var(--theme_accent)}.footer-nav li li ul{bottom:-.65em;left:100%}@media (hover:hover){.footer-nav li ul{opacity:0;transform:scaleY(0);transform-origin:bottom;transition:transform .2s ease-in-out,opacity .2s ease-in-out;visibility:hidden}.footer-nav li:hover>ul,.footer-nav li>.sub-menu:focus-within,.footer-nav li>a:focus+.sub-menu{margin-bottom:0;opacity:1;pointer-events:auto;transform:none;visibility:visible}}@media (hover:none){.footer-nav li ul{display:none}}.footer-nav li:hover>a{color:var(--theme_accent)}.footer-nav li.edge ul{left:auto;right:0}.footer-nav ul li.edge ul{right:100%}.footer-right-col #footerwrap .footer-nav ul li.edge ul{left:auto;right:100%}:is(.footer-horizontal-left,.footer-horizontal-right) #footer .footer-nav{float:left;margin-top:0}@media(max-width:680px){#footerwrap .footer-nav ul a{width:160px}} /*/wp-content/themes/themify-ultra/styles/modules/widgets/text.css*/ .textwidget ul{margin:0 0 1.4em 1.6em}.textwidget ul li{list-style:disc}.textwidget ol li{list-style:decimal} /*/css/modules/social-links.css*/ .social-widget .widget{display:inline-block;margin:0 3px 0 0}.social-widget .widgettitle{background:0;border:0;border-radius:0;box-shadow:none;display:inline-block;font-family:inherit;font-size:100%;font-weight:700;letter-spacing:0;margin:0 .5em 0 0;padding:0;text-transform:none;vertical-align:middle;width:auto}.social-widget .social-links{display:inline;margin:6px 0 0;padding:0}.widget .social-links li img{vertical-align:middle}.widget .social-links{line-height:1em;padding:0}.social-links .social-link-item{border:0;display:inline-block;list-style:none;margin:0 5px 5px 0;padding:0}.social-links.vertical li{display:block;margin:0 0 5px}.widget .social-links a,.widget .social-links a:hover{text-decoration:none}.social-links li em{border-radius:100%;display:inline-block;font-size:20px;height:20px;line-height:1em;padding:4px;text-align:center;vertical-align:middle;width:20px}.social-links .icon-small em{font-size:16px;height:16px;width:16px}.social-links .icon-large em{font-size:28px;height:36px;padding:6px;width:36px}.social-links .icon-small img{max-height:16px;max-width:16px}.social-links .icon-medium img{max-height:24px;max-width:24px}.social-links .icon-large img{max-height:32px;max-width:32px}#footer .social-links.horizontal li,#sidebar .social-links.horizontal li{border:0;display:inline-block}#footer .social-links.vertical,#sidebar .social-links.vertical{display:block}#footer .social-links.vertical li,#sidebar .social-links.vertical li{display:block;margin:0 0 .5em} /*/wp-content/themes/themify-ultra/styles/modules/widgets/themify-social-links.css*/ #headerwrap .social-widget strong,.fixed-header-on #headerwrap .social-widget{display:none}#header .social-widget{margin-left:8px}.social-widget a{color:inherit}.social-links .icon-medium em{border-radius:100%;line-height:1em;margin:0;padding:9px}.social-links a:hover em{background:hsla(0,0%,78%,.25)}.social-widget .widget div{display:inline}.social-widget .social-links.horizontal,.social-widget .widget{margin:0}.social-widget .social-links.horizontal li{clear:none;line-height:100%;margin:0 4px 0 0;padding:0}.social-widget li img{margin-top:-3px}.social-links li em{border-radius:100%;height:1.1em;line-height:1.1em;margin-right:.25em;padding:.25em;width:1.1em}#footer .social-widget{padding-bottom:1.6em}#footer .social-widget .widget,.footer-left-col #footer .social-widget .widget,.footer-right-col #footer .social-widget .widget{margin:0}.feature-posts+.themify-social-links{text-align:left} /*/wp-content/themes/themify-ultra/style.css*/ /*! Theme Name: Themify Ultra Theme URI:https://themify.me/themes/ultra/ Version:8.1.3 Description:Use Ultra theme to create professional sites quickly and easily (landing pages, portfolio, blog, corporate, ecommerce, and more). It includes a bunch of header/footer layout options and pre-built demos that you can import to your site. Read Ultra documentation for more information. Author:Themify Author URI:https://www.themify.me License:GNU General Public License v2.0 License URI:http://www.gnu.org/licenses/gpl-2.0.html Copyright:(c) Themify. Tags:themify,featured-images,translation-ready,custom-menu,sidebar Text Domain:themify Requires PHP:7.4 Changelogs: https://themify.org/changelogs/themify-ultra.txt --------- DO NOT EDIT THIS FILE. If you need to override theme styling,please add custom CSS in Appearance>Customize>Custom CSS or a child theme (https://themify.me/docs/child-theme).*/a,abbr,acronym,address,b,bdo,big,blockquote,body,br,button,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,form,h1,h2,h3,h4,h5,h6,html,i,img,ins,kbd,legend,li,map,ol,p,pre,q,samp,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0}a,fieldset,img{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}audio,iframe{max-width:100%}:root{--theme_accent:#ed1e24;--theme_accent_semi:rgba(251,9,48,.8);--theme_accent_hover:#000;--theme_rounded:12px;--theme_rounded_sm:10px;--theme_input_rounded:12px;--theme_btn_rounded:30px}html{scroll-behavior:smooth}body{background-color:#fff;color:#666;font:1em/1.65em Public Sans,Arial,sans-serif;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}a{color:var(--theme_accent);text-decoration:none;transition:color .3s ease-in-out}a:hover{color:var(--theme_accent_hover)}p{margin:0 0 1.3em;padding:0}small{font-size:87%}blockquote{border-left:3px solid hsla(0,0%,59%,.3);font-size:1.1em;line-height:1.4em;margin:0 5% 1.2em;padding:.8em 1.4em}ins{text-decoration:none}ol,ul{margin:0 0 1.4em 1.6em}li,ol,ul{padding:0}li{margin:0 0 1em}h1,h2,h3,h4,h5,h6{color:#000;font-weight:700;letter-spacing:-.02em;line-height:1.4em;margin:0 0 .5em;overflow-wrap:normal}h1{font-size:3.4em;line-height:1.2em}h1,h2{letter-spacing:-.03em}h2{font-size:2.3em;line-height:1.3em}h3{font-size:1.7em}h4{font-size:1.4em}h5{font-size:1.3em}h5,h6{line-height:1.7em}h6{font-size:1.2em}button,input,input[type=search],select,textarea{font-family:inherit;font-size:100%;max-width:100%}input:is([type=radio],[type=checkbox]),input:read-only,input:read-write,select,textarea{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid rgba(0,0,0,.25);border-radius:var(--theme_input_rounded);max-width:100%;padding:.6em}input:read-only,input:read-write{margin:0 1em .6em 0;width:17em}input[type=number]{width:7em}textarea{margin:0 0 .6em;min-height:13.5em;width:100%}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='none' stroke='rgba(40,40,40,.8)' stroke-linecap='round' stroke-width='12'%3E%3Cpath d='m2.7 2.3 46.4 54.9L95.5 2.3'/%3E%3C/svg%3E");background-position:calc(100% - .7em) calc(50% + .15em);background-repeat:no-repeat;background-size:.85em;color:inherit;margin:0 0 .6em;padding-right:2em}input:is([type=radio],[type=checkbox]){-webkit-appearance:none;box-sizing:content-box;clear:none;cursor:pointer;display:inline-block;height:1.3em;line-height:1;margin:0 .5em 0 0;min-height:1.3em;min-width:1.3em;padding:0;text-align:center;vertical-align:middle;width:1.3em}input[type=checkbox]{border-radius:calc(var(--theme_input_rounded) - 4px)}input[type=radio]{align-items:center;border-radius:100%!important;display:inline-flex;justify-content:center}input[type=checkbox]:before{border-bottom:.13em solid transparent;border-left:.13em solid transparent;content:"";display:inline-block;height:.32em;margin-bottom:.1em;margin-left:.1em;transform:rotate(-45deg) skewY(-10deg);width:.7em}input[type=checkbox]:checked:before{border-bottom:.13em solid;border-left:.13em solid}input[type=radio]:checked:before{background-color:#222;border-radius:100%;content:"";display:inline-block;height:.7em;vertical-align:middle;width:.7em}:is(select,textarea):focus,input:read-only:focus,input:read-write:focus{border-color:rgba(0,0,0,.5)}button,input[type=reset],input[type=submit]{-webkit-appearance:none;background-color:var(--theme_accent);border:0;border-radius:var(--theme_btn_rounded);color:#fff;cursor:pointer;display:inline-block;font-weight:700;padding:.65em 1.6em;transition:background .3s,color .3s,transform .3s;width:auto}button:hover,input:is([type=reset],[type=submit]):hover{background-color:var(--theme_accent_hover);box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;transform:translateY(-1px)}.gm-style-mtc button{border-radius:0}.mce-toolbar .mce-btn button:hover{background-color:inherit;box-shadow:none;color:inherit;transform:none}#main-nav ul a,.author-box,.post,.post-content,.sidemenu,.widget,img,input,textarea{box-sizing:border-box}.col3-1,.col4-1,.col4-2{float:left;margin-left:3.2%}.col4-1{width:22.6%}.col4-2{width:48.4%}.col3-1{width:31.2%}:is(.col4-1,.col4-2,.col3-1).first{clear:left;margin-left:0}#pagewrap{overflow-x:clip}.mobile-menu-visible #pagewrap,.slide-cart-visible #pagewrap{overflow-x:initial}.pagewidth{margin:0 auto;max-width:100%;width:1160px}#layout{display:flex;flex-wrap:wrap}#content{padding:5.75% 0;width:71%}.sidebar-none #content{width:100%}.sidebar-none #layout{display:block}.sidemenu-active{left:0;position:relative;transition:left .2s ease-in-out}.sidemenu-right{left:-300px}.sidemenu-left,.sidemenu-left #headerwrap{left:300px}.full_width #layout{flex-wrap:wrap;max-width:100%;width:100%}.full_width #content{max-width:100%;padding:0;width:100%}#headerwrap{background-color:var(--tf_fixed_header_bg,#fff);border-bottom:var(--tf_fixed_header_border,1px solid rgba(0,0,0,.05));color:var(--tf_fixed_header_color,#000);inset-block:var(--tf_fixed_header_p,0 auto);left:0;margin-inline:var(--tf_fixed_header_m,0);min-height:55px;position:var(--tf_fixed_header,absolute);transition:.3s ease-in-out;transition-property:background-color,color,box-shadow,min-height,left,padding;width:var(--tf_fixed_header_w,100%);z-index:999}.fixed-header-enabled{--tf_fixed_header:sticky}.no-fixed-header{--tf_fixed_header:relative}.fixed-header-on{--tf_fixed_header_bg:hsla(0,0%,100%,.9)}#headerwrap.fixed-header:before{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}#header{overflow:visible;padding:2em 0;position:relative}.fixed-header-enabled #header{transition:padding .3s ease-in-out}.fixed-header #header{padding-block:12px}@supports (-webkit-touch-callout:none){#headerwrap{background-attachment:scroll!important;background-position:50%!important}}.header-widget{font-size:.95em;height:100%}.header-widget .widget{margin:2em 0}.header-widget .widgettitle{color:inherit;font-size:1.05em;margin:0 0 .5em}.fixed-header-on .tf_sticky_logo~*{display:none!important}.search-button{border-radius:100%;box-sizing:border-box;color:inherit;font-size:19px;line-height:1;margin:0 0 0 3px;padding:10px}.search-button:hover{background:hsla(0,0%,78%,.25)}a.search-button{text-decoration:none}.search-button:focus{outline:0}.tf_darkmode_toggle{border-radius:100%;box-sizing:border-box;color:inherit;font-size:19px;line-height:1;margin:0 0 0 7px;padding:9px 10px}.tf_darkmode .tf_darkmode_toggle,.tf_darkmode_toggle:hover{background:hsla(0,0%,78%,.25)}a.tf_darkmode_toggle{text-decoration:none}.tf_darkmode_toggle:focus{outline:0}#main-nav,#main-nav li{margin:0;padding:0}#main-nav li{display:inline-block;list-style:none;position:relative}#main-nav ul li{background:0;display:block;float:none}#main-nav li>.sub-menu{background:#fff;border-radius:var(--theme_rounded);box-shadow:0 0 0 1px rgba(0,0,0,.1),0 3px 12px rgba(0,0,0,.12);box-sizing:border-box;contain:style layout;left:-.3em;margin:0;opacity:0;padding:calc(var(--tb_rounded_corner) - 2px) 0;position:absolute;top:100%;transform:scaleY(0);transform-origin:top;transition:transform .3s ease-in-out,opacity .3s ease-in-out;width:210px;z-index:100}#main-nav small{display:block}#main-nav li .sub-menu .sub-menu{left:100%;top:-.65em}#main-nav .edge>.sub-menu{left:auto;right:0}#main-nav ul .edge>.sub-menu{left:auto;right:100%}@media (hover:hover){#main-nav li:hover>.sub-menu,#main-nav li>.sub-menu:focus-within,#main-nav li>a:focus+.sub-menu{opacity:1;transform:scale(1)}}.menu-item .child-arrow{border-radius:100%;cursor:pointer;display:none;height:36px;position:absolute;right:0;top:4px;transition:transform .3s;width:36px;z-index:12}.child-arrow:after,.child-arrow:before{background:currentColor;border-radius:10px;content:"";height:1px;left:12px;position:absolute;top:50%;transform:rotate(45deg);transition:transform .3s ease-in-out;width:8px;z-index:9999}.child-arrow:after{left:17px;transform:rotate(-45deg)}.toggle-on>a .child-arrow:after,.toggle-on>a .child-arrow:before{left:10px;width:15px}.toggle-on>a .child-arrow{transform:rotate(180deg)}@media (hover:none){#main-nav .menu-item-has-children>a{padding-right:45px}#footer-nav .menu-item-has-children>a{padding-right:30px}.menu-item .child-arrow{border-radius:100%;display:inline-block;margin-left:7px;margin-top:-17px;padding:0;right:5px;top:50%}#main-nav .toggle-on>a>.child-arrow{background:hsla(0,0%,84%,.4)}#main-nav li>.sub-menu{display:none}#main-nav li.toggle-on>.sub-menu{opacity:1;transform:scale(1)}}#main-nav a{color:inherit;display:block;margin:0;padding:.5em .8em;position:relative;text-decoration:none;transition:.4s ease;transition-property:background,font-size,line-height,color,padding,margin,border,border-radius,box-shadow,transform}#main-nav .highlight-link>a{background-color:hsla(0,0%,78%,.25);border:0;border-radius:var(--theme_btn_rounded);margin-left:.6em;margin-right:.6em;padding-left:1.4em;padding-right:1.4em}#main-nav .highlight-link:last-child>a{margin-right:0}#main-nav a>em .tf_fa{margin-right:5px}#main-nav a .tf_lazy{display:none}#main-nav ul a{color:#353535;padding:.4em 1.4em;text-align:left}#main-nav .current-menu-item>a,#main-nav .current_page_item>a,#main-nav a:hover,#main-nav ul a:hover{color:var(--theme_accent)}.header-icons :is(a,a:hover){color:inherit;text-decoration:none}#headerwrap .header-icons>*{vertical-align:middle}.slide-cart .header-icons{min-width:75px;text-align:right}#menu-icon{border-radius:100%;line-height:1em;margin:0 0 0 10px;padding:10px 9px 11px}#menu-icon:hover{background:hsla(0,0%,78%,.25)}.menu-icon-inner{border-bottom:2px solid;box-sizing:border-box;height:18px;position:relative;width:22px}.menu-icon-inner:after,.menu-icon-inner:before{border-top:2px solid;content:"";display:block;left:0;position:absolute;top:0;transition:border .7s ease;transition-property:transform;width:100%}.menu-icon-inner:after{top:50%}#menu-icon-close{transform:rotate(0deg);transition:border .3s ease-in-out,transform .3s ease-in-out}.body-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,81%,.8);display:none;height:100%;position:fixed;top:0;width:100%}.body-overlay-on{display:block;z-index:998}.fixed-header :is(.tf_darkmode_toggle,.header-bar,.search-button,.header-widget),.mobile-menu-visible #headerwrap:before,.slide-cart-visible #headerwrap:before{display:none}.revealing-header :is(#headerwrap,#tbp_header){transition:transform .5s ease-in-out,opacity .5s ease-in-out}.revealing-header :is(#headerwrap,#tbp_header).header_hidden{opacity:0;transform:translateY(-100%)}.fixed-header-enabled #tbp_header,.revealing-header #tbp_header{position:sticky;top:0;z-index:999}.page-title{margin:0 0 1em;padding:0}.author-bio{margin:0 0 2em;overflow:hidden}.author-bio .author-avatar{float:left;margin:0 1.2em 0 0}.author-bio .author-avatar img{border-radius:var(--theme_rounded);width:100px}.author-bio .author-name{font-size:1.6em;margin:0 0 .5em;padding:0}.author-posts-by{border-top:4px solid hsla(0,0%,46%,.1);font-size:1.4em;margin:0 0 1.5em;padding:1em 0 0;text-transform:uppercase}.post{position:relative}.post-content{min-width:120px}.post-title{font-size:3.1em;letter-spacing:-.03em;line-height:1.2em;margin:0 0 .4em;padding:0;text-transform:none}.post-title a{color:#000;text-decoration:none}.post-title a:hover{color:var(--theme_accent)}.post-image{margin:0 0 1em}.post-image img{border-radius:var(--theme_rounded);vertical-align:bottom}.post-image.left{float:left;margin-right:1em}.post-image.right{float:right;margin-left:1em}.post-meta{font-size:.9em;line-height:1.6em;margin:0 0 .5em;padding:0}.post-meta a{text-decoration:none}.post-meta :is(.post-comment,.post-category,.post-tag):before{border-left:1px solid hsla(0,0%,71%,.6);content:"";display:inline-block;height:1.3em;margin:0 .9em 0 .45em;transform:skewX(-15deg);vertical-align:middle;white-space:nowrap;width:1px}.post-meta .post-category:first-child:before{display:none}.post-meta .post-comment .tf_fa{font-size:.8em;margin-left:8px;opacity:.7;vertical-align:text-top}.more-link,.more-link:after,.more-link:hover{text-decoration:none}.more-link:after{border:1px solid transparent;border-right-color:inherit;border-top-color:inherit;content:"";display:inline-block;margin-left:.5em;min-height:.7em;min-width:.7em;transform:rotate(45deg);vertical-align:middle}.post-date{display:block;font-size:.8em;letter-spacing:.04em;margin:0 0 .4em;text-transform:uppercase}.loops-wrapper .post-image{margin-bottom:1em;position:relative;transition:border .3s ease-in-out,margin .3s ease-in-out,width .3s ease-in-out,transform .3s ease-in-out}.author-box{border:0;margin:5.5em 0}.author-box .author-avatar{float:left;margin:0 2em .3em 0}.author-box .author-name{margin:0 0 .3em}.post-pagination{margin:.5em 0 2em;text-align:right}.post-pagination strong{margin-right:3px}.post-pagination a{margin-left:3px;margin-right:3px}.tf_load_more{padding:2em 0}a.load-more-button{background:hsla(0,0%,72%,.16);border-radius:var(--theme_btn_rounded);box-sizing:border-box;display:none;padding:.7em 1.8em;text-decoration:none;width:auto}.post-video{height:0;margin-bottom:15px;overflow:hidden;padding-bottom:56.25%;position:relative}.post-video iframe{height:100%;left:0;position:absolute;top:0;width:100%}.featured-area img{width:100%}.loops-wrapper.no-gutter .post-image{margin:0}.loops-wrapper.no-gutter .post,.loops-wrapper.no-gutter .post-image img,ul.products.no-gutter li.product .post-image{border-radius:0}.widget{margin:0 0 2.4em}.widgettitle{font-size:1.25em;line-height:1.3em;margin:0 0 1em;padding:0}.widget ul{margin:0;padding:0}.widget li{clear:both;list-style:none;margin:0;padding:.4em 0}.widget ul ul{margin:.6em 0 -.6em;padding:0}.widget ul ul li{margin:0;padding-left:1em}iframe[src*=facebook]{background-color:#fff}#content .twitter-tweet-rendered,#content .twt-border{max-width:100%!important}#content .twt-border{min-width:180px!important}:is(.col4-3,.col4-2,.col4-1,.col3-2,.col3-1,.col2-1) .loops-wrapper.list-post .post-title{font-size:1.4em;margin:0 0 .5em}.shortcode.themify-icon .themify-icon-icon{font-size:1.3em}a.shortcode.button{border-radius:var(--theme_btn_rounded);padding:.65em 1em}.tb_optin_horizontal form>div[class*=tb_optin_]{width:auto}img:is(.alignleft,.aligncenter,.alignright,.alignnone){margin-bottom:1em}.alignleft{float:left;margin-right:1em}.alignright{float:right;margin-left:1em}.aligncenter{display:block;margin-left:auto;margin-right:auto;text-align:center}.wp-caption{margin-bottom:1em;max-width:100%;text-align:center}.wp-caption-text{margin:.5em 0}body.attachment{position:static}.single .attachment.post,body.attachment{float:none;width:auto}.menu:after,.widget li:after{clear:both;content:"";display:table}.module-feature-image,.post-image,.post-img,.slide-image{transition:.3s ease-in-out;transition-property:border,padding,width}.mobile-menu-visible{overflow-y:hidden}@media(max-width:1260px){h1{font-size:2.4em}h2{font-size:2em}.pagewidth{max-width:94%}#pagewrap,.default_width #layout .row_inner{max-width:100%}}@media(max-width:1024px){.header-widget .col4-1{width:48.4%}.header-widget .col4-1:nth-child(odd){clear:left;margin-left:0}}@media(max-width:760px){body .pagewidth{max-width:90%}#layout{flex-wrap:wrap}#content,#sidebar{clear:both;max-width:100%;padding-top:10%;width:100%}}@media(max-width:680px){h1{font-size:1.9em}.post-title,h2{font-size:1.6em}h3{font-size:1.35em}.col4-1{font-size:.95em}.col3-1,.col4-2{margin-left:0;max-width:100%;width:100%}.fixed-header #site-logo img:not(.tf_sticky_logo){max-height:40px;width:auto}#headerwrap .header-icons{right:5%}.loops-wrapper:is(.list-post,.grid4,.grid3,.grid2,.list-large-image) .post-image{float:none;max-width:none;overflow:visible;width:auto}} /*/wp-content/themes/themify-ultra/styles/headers/header-slide-out.css*/ #header{padding:1.05em 0}.header-bar{float:left}#site-logo{display:inline-block;vertical-align:middle}#site-description{display:inline-block;margin:1em}#header .social-widget{float:none;position:static}#headerwrap #searchform-wrap{clear:both;display:block;float:none;margin:1em 0;width:100%}#headerwrap #searchform{width:100%}#headerwrap #searchform #s{background-color:#eee;padding-left:40px;position:static;width:100%}#headerwrap #searchform #s:focus,#headerwrap #searchform #s:hover,#headerwrap #searchform .tf_fa:hover+#s{width:100%}header .tf_s_dropdown .tf_search_result{left:0;right:auto}#main-nav-wrap{display:block;margin:1em 0 1.5em;padding:0}#main-nav li{clear:both;display:block;width:100%}#headerwrap #main-nav a{background:0;border:0;font-size:100%;font-weight:400;line-height:1.5em;margin:0;padding:.55em 0;width:auto}#main-nav .child-arrow{display:inline-block}.menu-item .child-arrow:hover{background:hsla(0,0%,78%,.25)}#main-nav li>.sub-menu{background:0;border:0;box-shadow:none;color:inherit;display:none;letter-spacing:0;margin:0 0 0 1em;opacity:1;overflow:inherit;padding:0;position:static;transform:none;transition:none;width:auto}:is(.slide-cart-visible,.mobile-menu-visible) :is(#menu-icon,.cart-icon){display:none}#main-nav .has-mega>.sub-menu{padding:0}#main-nav .has-mega-column>.sub-menu ul,#main-nav .has-mega-sub-menu .mega-sub-menu ul{float:none;margin:0 0 0 1em}#main-nav .has-mega-column>.sub-menu .widget{margin-block:.5em}.header-widget :is(.col4-1,.col4-2,.col3-1){margin-left:0;max-width:100%;width:100%}.header-widget .widget{margin:0 0 1.8em}.fixed-header .header-bar,.fixed-header-on #headerwrap #searchform-wrap{display:block}.fixed-header-on #headerwrap :is(.tf_darkmode_toggle,.search-button,.social-widget){display:inline-block}.header-icons{color:inherit;display:block;font-size:1em;position:absolute;right:7%;text-decoration:none;z-index:2}:is(.slide-cart-visible,.mobile-menu-visible) .header-icons{z-index:1}body:not(.announcement-bar-showing):not(.themify_builder_active) .header-icons{top:50%;transform:translateY(-50%)}.announcement-bar-showing .header-icons{bottom:15px}.slide-cart #headerwrap .header-icons{align-items:center;display:flex;flex-direction:row-reverse}#menu-icon-close{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:100%;color:inherit;display:block;font-size:20px;min-height:1em;min-width:1em;padding:9px;position:absolute;right:10px;text-decoration:none;top:10px;transform-origin:center;transition-property:transform}#menu-icon-close:hover{background:hsla(0,0%,78%,.25)}#menu-icon-close:after,#menu-icon-close:before{height:56%;width:2px}.sidemenu{background-color:#fff;color:#000;display:block;height:100%;overflow-y:auto;padding:60px 25px 25px;transition:box-shadow .2s ease-in-out;width:300px;-webkit-overflow-scrolling:touch;position:fixed;top:0;z-index:11111}:is(.slide-cart-visible,.mobile-menu-visible) .sidemenu{box-shadow:-4px 0 22px -22px rgba(0,0,0,.8)}#main-nav .mega-menu-posts a,#main-nav :is(a,ul a){color:#000}#mobile-menu{right:-300px}#mobile-menu.sidemenu-on{right:0}.sidemenu-right,.sidemenu-right .fixed-header{left:-300px} /*/wp-content/themes/themify-ultra-child/style.css*/ /* Theme Name: Themify-Ultra Designalltag Description: Child theme for Ultra Author: Robin Busch Template: themify-ultra License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* write custom css */ /*---------------------------------------------- Inhaltsverzeichnis 1 – Fonts 2 – Body / Main (Default) 3 – Header 4 – Footer 5 – Headings (H1-H6) 6 – Paddings / Margins 7 – Classes / ID's 8 – Misc / Modules -----------------------------------------------*/ /*======================================================================== 1 – SCHRIFTEN (@font-face) =========================================================================*/ @font-face { font-family: 'Corporate'; src: url('https://ideentita.net/wp-content/uploads/2021/03/a4e15547-0e81-415e-9386-22cefb0e0c38.eot'); src: url('https://ideentita.net/wp-content/uploads/2021/03/a4e15547-0e81-415e-9386-22cefb0e0c38.eot?#iefix') format('embedded-opentype'), url('https://ideentita.net/wp-content/uploads/2021/03/23edaca0-5dd1-40fc-aeb2-db31ee5239d4.woff2') format('woff2'), url('https://ideentita.net/wp-content/uploads/2021/03/1c7e8feb-d184-494e-8619-777ea84813c4.woff') format('woff'), url('https://ideentita.net/wp-content/uploads/2021/03/6e9cfebc-c1d5-4d9e-8604-3f410db68ced.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Corporate'; src: url('https://ideentita.net/wp-content/uploads/2021/03/f79e96c9-2979-42fb-a3e8-b336b73cd1aa.eot'); src: url('https://ideentita.net/wp-content/uploads/2021/03/f79e96c9-2979-42fb-a3e8-b336b73cd1aa.eot?#iefix') format('embedded-opentype'), url('https://ideentita.net/wp-content/uploads/2021/03/ca23dca4-640b-45ca-9503-c2331db89517.woff2') format('woff2'), url('https://ideentita.net/wp-content/uploads/2021/03/d9b02372-4db7-4c79-88eb-07bd2084dfbc.woff') format('woff'), url('https://ideentita.net/wp-content/uploads/2021/03/868bf158-9d1b-4fd6-835f-8e5c7a4e0587.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Corporate'; src: url('https://ideentita.net/wp-content/uploads/2021/03/4d5cbfb6-dbc1-420a-b4ea-0dc49395b681.eot'); src: url('https://ideentita.net/wp-content/uploads/2021/03/4d5cbfb6-dbc1-420a-b4ea-0dc49395b681.eot?#iefix') format('embedded-opentype'), url('https://ideentita.net/wp-content/uploads/2021/03/6c56140e-d632-423c-ac3a-f92d31af4a66.woff2') format('woff2'), url('https://ideentita.net/wp-content/uploads/2021/03/d8a826cb-944a-4f7e-b374-5585aac0f7f5.woff') format('woff'), url('https://ideentita.net/wp-content/uploads/2021/03/2f2b3459-2783-4bee-b8b5-5580f159ada8.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Corporate'; src: url('https://ideentita.net/wp-content/uploads/2021/03/87d7ac4a-5d6b-4b7f-ba81-ea1d416a5264.eot'); src: url('https://ideentita.net/wp-content/uploads/2021/03/87d7ac4a-5d6b-4b7f-ba81-ea1d416a5264.eot?#iefix') format('embedded-opentype'), url('https://ideentita.net/wp-content/uploads/2021/03/4c551aff-18bb-4621-ac3d-990527d915b0.woff2') format('woff2'), url('https://ideentita.net/wp-content/uploads/2021/03/0e27a8b3-f3b6-4504-b533-c877f8ad375f.woff') format('woff'), url('https://ideentita.net/wp-content/uploads/2021/03/3779e721-17bb-41ad-9c90-42f171694b02.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Corporate'; src: url('https://ideentita.net/wp-content/uploads/2021/03/8980326f-3f59-45a5-a8c5-0bfab43c785e.eot'); src: url('https://ideentita.net/wp-content/uploads/2021/03/8980326f-3f59-45a5-a8c5-0bfab43c785e.eot?#iefix') format('embedded-opentype'), url('https://ideentita.net/wp-content/uploads/2021/03/6a9e372a-d47f-4371-8d2e-f33fd6e5da88.woff2') format('woff2'), url('https://ideentita.net/wp-content/uploads/2021/03/502b2f11-ced2-400a-9735-bd9fd7759b75.woff') format('woff'), url('https://ideentita.net/wp-content/uploads/2021/03/49309d6e-71c0-4196-aa65-1d5c0e7b130a.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } /*========================================================================= 2 – BODY | MAIN =========================================================================*/ /*Entfernt oberen Abstand (Layout / Body)*/ #content, .single.single-fullwidth-layout #content { padding: 0; margin-bottom: 0; } /*Stellt oberen Abstand wieder auf Default solange Seite bearbeitet wird*/ .themify_builder_active #content, .themify_builder_active.single.single-fullwidth-layout #content { padding-top: 5.75%; } #content .post { margin-bottom: 0; } /*Globale Seitenbreite (Default)*/ .pagewidth, .themify_builder_row .row_inner { width: auto!Important; max-width: 100%; margin: 0 auto; margin-left: 3vw; margin-right: 3vw; } /*Seitenbreite Default bei Fullwidth Row Inner*/ .full_width .themify_builder_row .row_inner { width: 94vw; } .full_width #layout { margin-left: 0; margin-right: 0; width: 100%; } /*Entfernt Abstand von Oben für Content*/ #pagewrap, .hfeed { padding-top: 0!Important; } /*Globale Schrifthandhabung*/ * { font-family: 'Corporate', sans-serif; font-weight: 100; font-style:normal; font-weight: normal; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -moz-osx-font-smoothing:grayscale; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /*Body*/ body { background-color: #000; color: #f0f0f0; } /*========== Links ==========*/ /*Links Default*/ a { font-family: 'Corporate', sans-serif; font-weight: 500; color:white; text-decoration:none!important; cursor: pointer!Important; } a:hover { color:#b7b7b7; } /*Links mit der Class="active" werden bold hervorgehoben*/ a.active { font-family: 'Corporate', sans-serif; font-weight: 900; color: white; } /*entfernt outline bei angeklickten Links*/ a:focus { outline: none!Important; outline-color: initial!Important; outline-style: none!Important; outline-width: 0px!Important; } /*User Text-Selection*/ ::selection { background: #cccccc5c; } ::-moz-selection { background: #cccccc5c; } /*========== Listen / Auflistungen ==========*/ ul, ol { margin: 0; padding: 0; margin-left: 1em; } ul { list-style: circle; } /*--------------------------------------*/ @media screen and (max-width: 1024px) { /*--------------------------------------*/ /*Globale Seitenbreite (Default)*/ .pagewidth, .full_width .themify_builder_row .row_inner { margin-left: 5vw; margin-right: 5vw; } /*Seitenbreite Default bei Fullwidth Row Inner*/ .full_width .themify_builder_row .row_inner { width: 90vw; } body:not(.mobile_menu_active) #headerwrap .header-icons { right: 5vw } }/*======================================================================== 3.1 – HEADER (Navigation) =========================================================================*/ #header { padding-bottom: 0; padding-top: 2vw; } #headerwrap.fixed-header #header { padding-bottom: 0; padding-top: 2vw; } #headerwrap { background-color: transparent; position: fixed; border-bottom: none; top: 0; } #headerwrap.fixed-header { background-color: transparent; } #headerwrap.fixed-header #site-logo { margin-left: 3vw!Important; padding-left: 0; } #site-logo { margin-left: 3vw!important; padding-left: 0; } #site-logo a { color: white; } #site-logo img, .fixed-header #headerwrap #site-logo img { width: 250px; height: auto; margin-top: -40px; } #menu-icon, .menu-icon-inner { color: white; width: 30px; height: 25px; margin-top: 10px; } #headerwrap.fixed-header #site-logo img:not(#sticky_header_logo) { height: auto; } body:not(.mobile_menu_active) #headerwrap .header-icons { right: 3vw!Important; top: 2vw!Important; -webkit-transform: translateY(0)!Important; transform: translateY(0)!Important; } /*Hide Header while scrolling (additional JS needed: "header on scroll animation")*/ .nav-up { /*-webkit-transform: translateY(-100px); transform: translateY(-100px);*/ top: -100px!Important; } .nav-down { background-color: #000!Important; } body:not(.mobile_menu_active).sidemenu-active #headerwrap, #headerwrap.fixed-header, .mobile_menu_active.sidemenu-active #headerwrap { transition: all .75s cubic-bezier(.19,1,.22,1); -webkit-transition: all .75s cubic-bezier(.19,1,.22,1); } #site-description { display: none; } /*--------------------------------------*/ @media screen and (max-width: 1024px) { /*--------------------------------------*/ .mobile_menu_active #header { padding-top: 2.5vw; } .mobile_menu_active #headerwrap.fixed-header #header { height: auto; padding-top: 2.5vw; } .mobile_menu_active #site-logo { margin-left: 3vw !important; padding-left: 0; } }/*--------------------------------------*/ @media screen and (max-width: 680px) { /*--------------------------------------*/ #site-logo img, .fixed-header #headerwrap #site-logo img { width: 200px; height: auto; max-height: 40px!Important; margin-top: 8px!Important; } #headerwrap.fixed-header #site-logo img:not(#sticky_header_logo) { height: auto; width: 200px; } }/*------------------------------------- 3.2 – SIDEMENU (Hamburger) --------------------------------------*/ body:not(.mobile_menu_active).sidemenu-right, body:not(.mobile_menu_active).sidemenu-right #headerwrap.fixed-header { left: 0; } /* DESKTOP ONLY */ @media screen and (min-width: 1025px) { body:not(.mobile_menu_active) { overflow-x: hidden; } body:not(.mobile_menu_active) .sidemenu { width: 50vw !important; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.75); padding: 6vw 3vw; transition: right .75s cubic-bezier(.19,1,.22,1), opacity .3s ease, visibility .3s ease; } body:not(.mobile_menu_active) #mobile-menu { right: -50vw !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } body:not(.mobile_menu_active) #mobile-menu.sidemenu-on { right: 0 !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } body:not(.mobile_menu_active) #headerwrap #menu-icon-close { font-size: 30px; color: #b7b7b7b7; top: 2vw; right: 3vw; } body:not(.mobile_menu_active) #headerwrap #menu-icon-close:hover { color: white; } } #headerwrap #main-nav a, #headerwrap #main-nav ul a { font-family: 'Corporate', sans-serif; font-weight: 900; font-size: 3.75vh; line-height: 1vh; letter-spacing: .05vw; text-align: right; font-weight: normal; margin: 0; padding: 0; border: 0; padding: 0.25vh 0; color: #b7b7b7; } #headerwrap #main-nav a:hover, #headerwrap #main-nav ul a:hover { color: white; } #headerwrap #main-nav .current_page_item > a, #headerwrap #main-nav .current-menu-item > a { color: white; } #headerwrap #main-nav li { margin: 0 !important; padding: 0 !important; line-height: 1 !important; } .header-widget { display: block !important; text-align: right; float: right; bottom: 4vw; right: 3vw; position: absolute; height: auto; } .header-widget .widget { padding: 0; margin: 0; } .header-widget a { color: #b7b7b7; } .header-widget a:hover { color: white; } /*stellt sicher dass Scrollbar sichtbar ist*/ body.mobile-menu-visible { overflow-y: visible; } .navbar-wrapper { display: grid; } #headerwrap #main-nav .current_page_item > a, #headerwrap #main-nav .current-menu-item > a { color: #b7b7b7 !important; } #mobile-menu a:hover, #mobile-menu a:focus { color: #b7b7b7 !important; } /*-------------------------------------- 3.3 – TABLET MENU --------------------------------------*/ @media screen and (max-width: 1024px) { /*--------------------------------------*/ #mobile-menu { transform: none !important; -webkit-transform: none !important; } .mobile_menu_active #mobile-menu.sidemenu-on { right: 0; transform: none; -webkit-transform: none; } body:not(.header-overlay):not(.header-minbar):not(.header-leftpane):not(.header-rightpane).mobile-menu-visible.mobile_menu_active.sidemenu-right, body:not(.header-overlay):not(.header-minbar):not(.header-leftpane):not(.header-rightpane).mobile-menu-visible.mobile_menu_active.sidemenu-right #headerwrap.fixed-header { left: 0; } .mobile_menu_active .sidemenu { width: 50vw!important; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.75); padding-top: 15vw; padding-bottom: 5vw; padding-left: 5vw; padding-right: 5vw; } .mobile_menu_active #mobile-menu { right: -50vw!important; transform: none; -webkit-transform: none; transition: all .75s cubic-bezier(.19,1,.22,1); transition-property: all; transition-duration: 0.75s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-delay: initial; } .mobile_menu_active #headerwrap #main-nav a, .mobile_menu_active #headerwrap #main-nav ul a { text-align: right; font-size: 8.5vw; line-height: 11vw; font-weight: normal; margin: 0; padding: 0; border: 0; color: #b7b7b7; } .mobile_menu_active #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap #main-nav ul a:hover { color: white; } #headerwrap #main-nav .current_page_item>a, #headerwrap #main-nav .current-menu-item>a { color: white; } .mobile_menu_active #menu-icon-close { font-size: 35px; color: white; right: 5vw; top: 5vw; } .mobile_menu_active .header-widget { position: static; display: inline-block!Important; float: right; text-align: right; top: 0; bottom: 0; left: 0; right: 0; margin-top: 15vw; } .mobile_menu_active .header-icons { right: 5vw; } }/*-------------------------------------- 3.4 – MOBILE MENU --------------------------------------*/ @media screen and (max-width: 680px) { /*--------------------------------------*/ .mobile_menu_active #headerwrap #main-nav a, .mobile_menu_active #headerwrap #main-nav ul a { text-align: right; font-size: 50px; line-height: 60px; font-weight: normal; margin: 0; padding: 0; border: 0; color: #b7b7b7; } .fixed-header #headerwrap #site-logo img { max-height: 30px; margin-top: 5px; } }/*-------------------------------------- 3.4.2 – MOBILE MENU SMALL --------------------------------------*/ @media screen and (max-width: 480px) { /*--------------------------------------*/ .mobile_menu_active #headerwrap #main-nav a, .mobile_menu_active #headerwrap #main-nav ul a { text-align: right; font-size: 40px; line-height: 48px; } }/*======================================================================= 4 - FOOTER =========================================================================*/ #footerwrap { text-align: left; border-top: none; background-color: #f0f0f0; padding-top: 3vw; padding-bottom: 3vw; } #footer h5, #footer h6 { color: black; } #footer a { font-family: 'Corporate', sans-serif; font-weight: 300; color: black; text-decoration: none; } #footer a:hover { color: #414141; } .footer-text { padding: 0; padding-top: 3vw; } /*=====================================================*/ @media screen and (max-width: 1024px) { #footerwrap { padding-top: 5vw; padding-bottom: 5vw; } }/*======================================================================== 5 – HEADINGS =========================================================================*/ /*Allgemeine Handhabung*/ h1, h2, h3, h4, h5, h6, p { color: #f0f0f0; margin: 0; letter-spacing: 0; font-style: normal; font-weight: normal; } /*======= Lauftext / Absatz =======*/ p, body { font-family: 'Corporate', sans-serif; font-weight: 100; font-size: 1.25vw; line-height: 1.65vw; letter-spacing: .01vw; color: #f0f0f0; font-style: normal; text-transform: none; } /*======= H1 – Haupttitel =======*/ h1 { font-family: 'Corporate', sans-serif; font-weight: 900; font-size: 3.5vw; line-height: 4.25vw; letter-spacing: .025vw; color: #fff; font-style: normal; text-transform: none; } /*======= H2 – Untertitel =======*/ h2 { font-family: 'Corporate', sans-serif; font-weight: 100; font-size: 3.5vw; line-height: 4.25vw; letter-spacing: .02vw; color: #fff; font-style: normal; text-transform: none; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /*======= H3 Rubriktitel =======*/ h3 { font-family: 'Corporate', sans-serif; font-weight: 900; font-size: 2vw; line-height: 2.75vw; letter-spacing: .02vw; color: #fff; font-style: normal; text-transform: none; padding-bottom: .75vw; } /*======= H4 Text mittelgross =======*/ h4 { font-family: 'Corporate', sans-serif; font-weight: 100; font-size: 2vw; line-height: 2.75vw; letter-spacing: .015vw; color: #f0f0f0; font-style: normal; text-transform: none; } /*======= H5 Untertitel / Auflistungen =======*/ h5, .counter-text { font-family: 'Corporate', sans-serif; font-weight: 900; font-size: 1.25vw; line-height: 1.75vw; letter-spacing: .015vw; color: #fff; font-style: normal; text-transform: none; padding-bottom: .25vw; } /*======= H6 Footer / Lauftext =======*/ h6 { font-family: 'Corporate', sans-serif; font-weight: 100; font-size: 1vw; line-height: 1.5vw; letter-spacing: .01vw; color: #f0f0f0; font-style: normal; text-transform: none; } /*========= Strong (Fett) ===========*/ h2 strong, h4 strong, h6 strong, p strong { font-family: 'Corporate', sans-serif; font-weight: 900; } /*=================== Ultrabook / Laptop =====================*/ @media screen and (max-width: 1680px) { p, body { font-size: 1.5vw; line-height: 2vw; letter-spacing: .01vw; } h1 { font-size: 5vw; line-height: 6vw; letter-spacing: .03vw; padding-bottom: 0; } h2 { font-size: 5vw; line-height: 6vw; letter-spacing: .025vw; } h3 { font-size: 2.5vw; line-height: 3.45vw; letter-spacing: .025vw; padding-bottom: 1vw; } h4 { font-size: 2.5vw; line-height: 3.45vw; letter-spacing: .02vw; } h5, .counter-text { font-size: 1.5vw; line-height: 2vw; letter-spacing: .015vw; padding-bottom: .75vw; } h6 { font-size: 1.5vw; line-height: 2vw; letter-spacing: .01vw; } .control-label { font-size: 1vw!important; line-height: 2px!important; } } /*======================== iPad / Tablet =============================*/ @media screen and (max-width: 1280px) { p, body { font-size: 25px; line-height: 30px; letter-spacing: 0; } h1 { font-size: 50px; line-height: 60px; letter-spacing: .5px; padding-bottom: 0; } h2 { font-size: 50px; line-height: 60px; letter-spacing: .2px; } h3 { font-size: 35px; line-height: 42px; letter-spacing: .3px; padding-bottom: 15px; } h4 { font-size: 35px; line-height: 42px; letter-spacing: .1px; } h5, .counter-text { font-size: 25px; line-height: 30px; letter-spacing: .1px; padding-bottom: 10px; } h6 { font-size: 25px; line-height: 30px; letter-spacing: 0; } } /*======================== HD-MOBILE =============================*/ @media screen and (max-width: 680px) { p, body { font-size: 20px; line-height: 24px; letter-spacing: 0; } h1 { font-size: 40px; line-height: 48px; padding-bottom: 0; } h2 { font-size: 40px; line-height: 48px; } h3 { font-size: 25px; line-height: 30px; letter-spacing: 0; padding-bottom: 10px; } h4 { font-size: 25px; line-height: 30px; } h5, .counter-text { font-size: 20px; line-height: 24px; letter-spacing: 0; padding-bottom: 5px; } h6 { font-size: 20px; line-height: 24px; } .control-label { font-size: 18px!important; line-height: 25px!important; } .know_how_text { font-size: 30px; line-height: 36px; } .footer-widgets span { letter-spacing: .75vw; } } /*========================== SD-MOBILE ===============================*/ @media screen and (max-width: 460px) { p, body { font-size: 18px; line-height: 22px; letter-spacing: 0; } h1 { font-size: 30px; line-height: 36px; } h2 { font-size: 30px; line-height: 36px; } h3 { font-size: 24px; line-height: 29px; letter-spacing: 0; } h4 { font-size: 24px; line-height: 29px; } h5, .counter-text { font-size: 18px; line-height: 22px; letter-spacing: 0; } h6 { font-size: 18px; line-height: 22px; } } }/*========================================================================= 6 – PADDINGS / MARGINS (DEFAULT) =========================================================================*/ /*Innenabstand für Überschriften*/ h1, h3, h5 { /*padding-bottom: 0;*/ /*Kein zusätzlicher Abstand*/ } /*Innenabstand für Lauftexte*/ h2, h4, p { padding-bottom: 1.5vw; /*Abstand danach innerhalb eines Textes*/ } /*Innenabstand für jeweils letztes Element (Nur Lauftexte)*/ p:last-child, h2:last-child, h4:last-child { padding-bottom: 3vw; } /*======================== iPad / Tablet / Mobile =============================*/ @media screen and (max-width: 1280px) { /*Innenabstand für Lauftexte*/ h2, h4, p { padding-bottom: 2.5vw; /*Abstand danach innerhalb eines Textes*/ } /*Innenabstand für jeweils letztes Element (Nur Lauftexte)*/ p:last-child, h2:last-child, h4:last-child { padding-bottom: 5vw; } }/* ========================================================================= 7 – CLASSES ============================================================================ /*Setzt über und unter einem Element einen Innenabstand ein.*/ .setpadding { padding-bottom:5vw; padding-top:5vw; } /*Setzt über einem Element einen Innenabstand ein.*/ .setpaddingtop { padding-top:5vw; } /*Setzt unter einem Element einen Innenabstand ein.*/ .setpaddingbottom { padding-bottom:5vw; } /*Abstand von Oben für den ersten Container im Layout (damit Inhalt nicht hinter Header ist)*/ .setpadding-firstrow { padding-top: 9vw; margin-top: 0; } /*Setzt über und unter einem Element einen Aussenabstand ein.*/ .setmargin { padding-bottom:5vw; padding-top:5vw; } /*Setzt über einem Element einen Aussenabstand ein.*/ .setmargintop { padding-top:5vw; } /*Setzt unter einem Element einen Aussenabstand ein.*/ .setmarginbottom { padding-bottom:5vw; } /*stellt Bei Objekt Abstände (links und rechts) ein wie default.*/ .setwidth { padding-left: 3vw; padding-right: 3vw; } /*Boxen im Spaltenraster*/ .setbox { min-height:30vw; width:100%; display:block; padding-left:3vw; padding-right:3vw; padding-top:3vw; padding-bottom:3vw; } /*Zwingt die Textauswahl durch user dazu, den kompletten text auf einmal auszuwählen*/ .force-user-selection { -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; cursor: copy; } /*Keine Silbentrennung*/ .force-no-hyphens * { -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } /*Weisser Hintergrund + Schwarzer Text*/ .force-invert-colors { background-color: #f0f0f0!Important; color: black!Important; } .force-invert-colors h1, .force-invert-colors h2, .force-invert-colors h3, .force-invert-colors h4, .force-invert-colors h5, .force-invert-colors h6, .force-invert-colors p { color: black!Important; } /* mittet Text vertikal ein (innherhalb von Box)*/ .boxverticalalign { min-height: 25vw; height: 50%; width:100%; max-height: 30vw; background-color: #242424; display:table; padding-left:3vw; padding-right:3vw; padding-top:3vw; padding-bottom:3vw; } .boxverticalalign h1, .boxverticalalign h2, .boxverticalalign h3, .boxverticalalign h4, .boxverticalalign h5, .boxverticalalign h6 { display: table-cell; vertical-align: middle; padding: 0; } /*Zitate*/ .quote h1, .quote h2, .quote h3, .quote h4 { padding: 0; margin: 1vw 3vw 3vw; -moz-hyphens: none; /*keine Silbentrennung*/ -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } /*Einzug bei Zitaten*/ .quote h1, .quote h3 { text-indent: -.575em; /*Einzung von links*/ } .quote h2, .quote h4 { text-indent: -.35em; /*Einzung von links*/ } /*--------------------------------------*/ /*Auflistung aller Classes*/ .classes-list { border-top: 1px solid white; margin-top: 25px; margin-bottom: 25px; } /*Fakten bei Portrait*/ .portrait_facts { font-size:10vw; line-height:12vw; margin-left:-.75vw; } /* Abstand knowhowbox */ .knowhowbox { padding-top: 5vw; padding-bottom: 5vw; } /*Auflistung Kompetenzen Home*/ .kompetenzen p { padding-bottom: .75vw; } .kompetenzen { padding-bottom: 5vw; } /*------------------ Knowhowbox --------------------*/ .knowhowbox { padding-top: 5vw; padding-bottom: 5vw; background-color: #242424; } .knowhowbox h4 { margin-bottom: 0; padding-bottom: 0; } .linkbox a { border: 2px solid #FFF; padding: 5px 25px 10px 25px; display: inline-block; vertical-align: middle; } .linkbox a:hover { color: #242424; background-color:#FFF; } .knowhow-gallery, .knowhow-gallery img { cursor: default; } /*--------------------------------------*/ @media screen and (max-width: 1024px) { /*--------------------------------------*/ .setpadding { padding-bottom: 10vw; padding-top: 10vw; } .setpaddingtop { padding-top: 10vw; } .setpaddingbottom { padding-bottom: 10vw; } .setpadding-firstrow { padding-top: 10vw; } /*Boxen im Spaltenraster*/ .setbox { min-height:30vw; width:100%; display:block; padding-left:5vw; padding-right:5vw; padding-top:5vw; padding-bottom:5vw; } .setwidth { padding-left: 5vw; padding-right: 5vw; } }/*--------------------------------------*/ @media screen and (max-width: 680px) { /*--------------------------------------*/ .setbox { height:auto; width:auto; padding-left:5vw; padding-right:5vw; padding-top:5vw; padding-bottom:15vw; margin-top:1px; } .setpadding { padding-bottom: 25px; padding-top: 25px; } .setpaddingtop { padding-top: 25px; } .setpaddingbottom { padding-bottom: 25px; } .setpadding-firstrow { padding-top: 75px; } .quote h1, .quote h2, .quote h3, .quote h4 { margin: 2.5vw 0 7.5vw 10vw; } }/*===================================================================================== 8 – MISC / Modules ====================================================================================== */ /*Module Title*/ .module-title { margin: 0; font-size: 1em; } /*---------------------------------------- Slider Pro ----------------------------------------*/ /*entfernt Abstand von unten bei allen Slidern*/ .module-slider, .module-pro-slider { margin-bottom: -1px; } /*stellt Slider-Pro auf die Proportionen des Browser-Fensters*/ .module-pro-slider .slider, .module-pro-slider .sp-mask, .module-pro-slider .sp-slide { height: 100vh!Important; width: 100%!Important; } /*Hintergrundbilder: Ausschnitt nehmen*/ .module-pro-slider .sp-slide { position: absolute; background-size: cover; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background: no-repeat center center ; } /*stellt Breite von Textfeldern (innerhalb Slider) ein*/ .module-pro-slider .bsp-slide-content-left .sp-slide-text, .module-pro-slider .bsp-slide-content-right .sp-slide-text { width: 90%!Important; } /*Overlay bei allen Pro-Slidern / Text wird von unten ausgerichtet*/ .module-pro-slider .bsp-layers-overlay { vertical-align: bottom!Important; background-color: transparent; background-blend-mode: multiply; visibility: visible; } /*Entfernt Default-Abstand für Text (innerhalb von Slidern)*/ .module-pro-slider h1, .module-pro-slider h2 { margin-bottom: 0; padding-bottom: 0; } /*Innenabstand von Slidern*/ .module-pro-slider .sp-slide-wrap { padding: 3vw!Important; box-sizing: border-box; display: flex; } /*Aussenabstand für Pfeile*/ .module-pro-slider .sp-horizontal .sp-previous-arrow { left: 3vw!Important; } .module-pro-slider .sp-horizontal .sp-next-arrow { right: 3vw!Important; } /*Pfeilgrösse*/ .module-pro-slider .sp-arrow { font-size: 2em!Important; } /*Pfeildicke*/ .module-pro-slider .sp-arrow:after { border-width: 3px!important; border-top-color: inherit; } /*stellt Timer Bar global auf weiss*/ .module-pro-slider .bsp-timer-bar { background-color: white!Important; } /*--------- Slider bei Projekten (Slider Pro mit Class="projectslider") ----------*/ /*Blendet Pfeile auf Projektslidern aus*/ .projectslider .sp-arrow { visibility: hidden; } /*Parallax-Effekt auf Projektslidern*/ .projectslider .sp-slide { background: no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .projectslider { pointer-events: none; touch-action: pan-x; } /*--------- Slider bei Kompetenzen (Grösserer Text + Vertikal eingemittet) ----------*/ /*Spezielle gehandhabter Text in erstem Slide*/ .slider_kompetenzen .sp-slide-0 .bsp-layers-overlay { vertical-align: middle!Important; padding: 0 5vw; } /*Grosser Text bei erstem Slide*/ .slider_kompetenzen .sp-slide-0 .bsp-layers-overlay h2 { font-size: 5.5vw; line-height: 6.5vw; } /*--------- Neutrale Slider (kein Projektslider und kein Parallax-Slider) / Class=".slider-neutral"----------*/ /*Stellt neutralen Slider auf Seitenverhältnis von 16/9*/ .slider_neutral .slider, .slider_neutral .sp-mask, .slider_neutral .sp-slide { height: 56.25vw!Important; /*Rechnung: Breite: 16=100vw / Höhe: 9=56.25vw;*/ } .slider_neutral .bsp-layers-overlay { background-color: transparent; } /*--------------------------------------*/ @media screen and (max-width: 1024px) { /*--------------------------------------*/ .module-pro-slider .sp-slide-wrap { padding: 5vw!Important; } .sp-slide { pointer-events: none; background: no-repeat center center ; } .module-pro-slider .sp-horizontal .sp-previous-arrow { left: 5vw!Important; } .module-pro-slider .sp-horizontal .sp-next-arrow { right: 5vw!Important; } /*deaktiviert Parallax-Effekt auf Projektslidern*/ .projectslider .sp-slide { background: no-repeat center center; } }/*--------------------------------------*/ @media screen and (max-width: 480px) { /*--------------------------------------*/ /*stellt Slider-Pro auf maximale Screenhöhe*/ .module-pro-slider .slider, .module-pro-slider .sp-mask, .module-pro-slider .sp-slide { height: 50vh!Important; } .slider_neutral .slider, .slider_neutral .sp-mask, .slider_neutral .sp-slide { height: 56.25vw!Important; /*Rechnung: Breite: 16=100vw / Höhe: 9=56.25vw;*/ } /*Spezielle gehandhabter Text in erstem Slide*/ .slider_kompetenzen .sp-slide-0 .bsp-layers-overlay { vertical-align: middle!Important; padding: 0 6vw; } /*Grosser Text bei erstem Slide*/ .slider_kompetenzen .sp-slide-0 .bsp-layers-overlay h2 { font-size: 30px; line-height: 35px; } }/*--------------------------------------- CONTACT-FORM (Formulare) ----------------------------------------*/ .form-control, textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week], textarea { background-color:transparent; color:#f0f0f0; border:1px solid #b7b7b7; padding: .5vw; max-width:none; box-sizing:border-box; width:100%; } /*Submit Button*/ button, input[type=reset], input[type=submit] { background-color: transparent; border: 2px solid white; border-radius: 0; color: white; padding: .5vw; text-transform: none; } button:hover, input[type=reset]:hover, input[type=submit]:hover { background-color:white; border: 2px solid white; color:#000; } /*span.wpcf7-not-valid-tip*/ span[role=alert], div[role=alert] { color: black; font-size: 1em; font-weight: normal; background-color: white; border: none; border-radius: 0; display: inline-block; padding: .1vw .5vw; vertical-align: middle; margin: 0; display: inline-block; } /*---------------------------------------- Image Pro (Overlay) ----------------------------------------*/ .module-pro-image .image-pro-overlay { background-color: rgba(24,24,24, 0.75)!Important; Text-align: left!Important; padding-left: 3vw; padding-right: 3vw; padding-bottom: 3vw; padding-top: 9vw; } .module-pro-image .image-pro-overlay-inner { position: relative!Important; top: 0!Important; left: 0!Important; right: 0!Important; transform: none!Important; -webkit-transform: none!Important; } .module-pro-image.entrance-effect-partial-overlay .image-pro-overlay { top: 100%!Important; } .module-pro-image.entrance-effect-partial-overlay .image-pro-wrap:hover .image-pro-overlay { top: 0%!Important; } /*--------------------------------------*/ @media screen and (max-width: 1024px) { /*--------------------------------------*/ .module-pro-image .image-pro-overlay { padding-left: 5vw; padding-right: 5vw; padding-bottom: 5vw; padding-top: 4em; } }/*---------------------------------------- Counter / Timer ----------------------------------------*/ .module-counter { text-align: left!Important; line-height: initial; margin-bottom: 0!Important; } .module-counter .bc-timer { font-size: 10vw!Important; text-align: left!Important; color: white; font-family: 'Corporate', sans-serif; font-weight: 100; margin-left: -.75vw; } /*--------------------------------------*/ @media screen and (max-width: 1024px) { /*--------------------------------------*/ .module-counter .bc-timer { font-size: 100px!Important; margin-left: -5px; } }/*---------------------------------------- Timeline Menu ----------------------------------------*/ .timeline-menu { width: 10vw; position: fixed!Important; z-index: 2; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-left: 15px; border-left: 2px solid white; } .timeline-menu ul li { height: 50px; vertical-align: middle; display: table!Important; } .timeline-menu ul li a { color: white!Important; padding: 0!Important; font-size: 20px; vertical-align: middle; display: table-cell!Important; } .timeline-menu ul li a:hover { color: white!Important; font-size: 35px; } .timeline-menu ul li a.active { font-size:35px; } .timeline-menu .ui.nav.vertical { width: 100%; max-width: 100%; } .timeline-menu .ui.nav{ margin: 0; display: block; } .timeline-menu .ui.nav.vertical > li + li { border: none; } /*---------------------------------------- Overlay Query Portfolio ----------------------------------------*/ .disp-cell, .single .post-meta, .single .post-title { width: 100%; text-align: left; line-height: inherit; } .disp-cell.valignmid { vertical-align: top; } .post-title { line-height: 1.25em; padding-bottom: 0; } .loops-wrapper.grid3 .post-title h2, .loops-wrapper.grid3 .post-title a, .loops-wrapper.grid4 .post-title h2, .loops-wrapper.grid4 .post-title a{ font-family: 'Corporate', sans-serif; font-weight: 900; margin: 0; padding: 0; letter-spacing: normal; opacity: inherit; } .loops-wrapper.overlay .post-image + .post-content{ top: 0; bottom: 0; left: 0; right: 0; padding: 3vw; background-color: rgba(0, 0, 0, 0.65); position: absolute; overflow: hidden; height: 100%; cursor: pointer; opacity: 0; } .loops-wrapper.overlay .post-image + .post-content:hover { opacity: 1; } .loops-wrapper.overlay .post-content a, .loops-wrapper.overlay .post-content p { -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } .loops-wrapper.grid3 .entry-content p, .loops-wrapper.grid4 .entry-content p { font-size: 1.75vw; line-height: 2vw; letter-spacing: normal; opacity: inherit; } .hide-article {display: none;} /*------------------- Weitere Projekte -------------------*/ .more-projects { padding-top: 5vw; padding-bottom: 2.5vw; } .more-projects h4 { padding-bottom: 0; } .more-projects .linkbox { margin-left: 0; margin-top: 0; } /*--------------------------------------*/ @media screen and (max-width: 1024px) { /*--------------------------------------*/ .post-title { line-height: 1em; padding-bottom: 1.5vw!Important; } .loops-wrapper.overlay .post-image + .post-content { padding: 5vw; } .loops-wrapper.overlay .post-image + .post-content h2 { margin-bottom: 0; } .loops-wrapper.grid3 .post-title h2, .loops-wrapper.grid3 .post-title a, .loops-wrapper.grid4 .post-title h2, .loops-wrapper.grid4 .post-title a{ font-size: 25px; line-height: 30px; } .loops-wrapper.grid3 .entry-content p, .loops-wrapper.grid4 .entry-content p { font-size: 25px; line-height: 30px; } .more-projects { padding-top: 75px; } .more-projects .linkbox { margin-left: 5vw; margin-top: 20px; } }/*--------------------------------------- Portfolio Post Filter ----------------------------------------*/ .post-filter { text-align: left; margin-bottom: 0; margin: 0 auto; padding: 1.5vw 3vw; background-color: #181818; } .post-filter li { margin: 0 1vw; } .post-filter .active { margin-right: .75vw; } .post-filter li:first-child { margin-left: 0; } .post-filter li a { font-family: 'Corporate', sans-serif; font-weight: 100; font-size: 1.75vw; letter-spacing: .035vw; font-weight: normal; color: #b7b7b7; text-decoration: none; text-transform: none; position: relative; opacity: 1; } .post-filter li a:hover { color: white; } .post-filter .active a { font-family: 'Corporate', sans-serif; font-weight: 900; color: white; letter-spacing: .025vw; transition: none; } .post-filter li.active a:after { display: none; } /*--------------------------------------*/ @media screen and (max-width: 1024px) { /*--------------------------------------*/ .post-filter { padding: 5vw; background-color: #181818; letter-spacing: 0; } .post-filter.active { margin: 0; } .post-filter li { margin: 0; display: table; padding: .25vw 0; width: 100%; } .post-filter li a { font-size: 25px; letter-spacing: 0; line-height: normal; } .post-filter.active li a { font-size: 25px; letter-spacing: 0; } }/*--------------------------------------- Portfolio Layout ----------------------------------------*/ .featured-area { display: none; visibility: hidden; } .post-nav { display: none; } .post-nav a { color: #f0f0f0 } .post-nav .arrow { color: #f0f0f0 } .post-nav a:hover, .post-nav .arrow:hover, .post-nav a:hover span { color: #b7b7b7 } /*--------------------------------------- Back tot top arrow ----------------------------------------*/ :is(#footer,#pagewrap) .back-top-float { background-color: #f0f0f0 !important; color: #000 !important; } /*--------------------------------------- Menu Kompetenzen ----------------------------------------*/ .menu-kompetenzen { padding: 1.5vw 3vw; background-color: #181818; } #menu-kompetenzen { margin: 0 auto; text-align: center; } #menu-kompetenzen li { margin: 0 1vw; padding: 0; background: none; } #menu-kompetenzen li:first-child { padding-left: 0; margin-left: 0; } #menu-kompetenzen li a{ font-family: 'Corporate', sans-serif; font-weight: 100; font-size: 1.75vw; letter-spacing: .035vw; margin: 0; padding: 0; color: #b7b7b7; text-decoration: none; } #menu-kompetenzen .current-menu-item a{ font-family: 'Corporate', sans-serif; font-weight: 900; color: white!Important; letter-spacing: .025vw; transition: none; } #menu-kompetenzen li a:hover { color: white; } /*--------------------------------------*/ @media screen and (max-width: 1024px) { /*--------------------------------------*/ .menu-kompetenzen { padding: 2.5vw 5vw; text-align: left; } #menu-kompetenzen li { display: table; margin-left: 0; } #menu-kompetenzen li a { font-size: 25px; } }/*--------------------------------------- Signaletikpfeil nach Unten ----------------------------------------*/ /*Pfeil nach Unten*/ .arrow-wrap { position: absolute; z-index: 1; right: 3vw; top: -8vw; width: 40px; height: 40px; font-size: 0.5em; display: block; } .arrow-down p { padding: 0; } /*--------------------------------------*/ @media screen and (max-width: 1024px) { /*--------------------------------------*/ .arrow-wrap { top: -75px; } }/*--------------------------------------- Video ----------------------------------------*/ /*Fallback-Image / Slider mit Hintergrund-video*/ .video-fallback, .video-fallback .sp-slide[style^="background-image:"]{ visibility: hidden; } /*stellt Seitenverhältnis bei Videos auf min 16/9*/ .video-row { min-height: 56.25vw; /*Rechnung: Breite: 16=100vw / Höhe: 9=56.25vw;*/ } /*--------------------------------------*/ @media screen and (max-width: 1024px) { /*--------------------------------------*/ .video-fallback, .video-fallback .sp-slide[style^="background-image:"] { visibility: visible; } }/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- CSS END ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* START MOBILE MENU CSS */ @media screen and (max-width:9999px){ /*/wp-content/themes/themify-ultra/mobile-menu.css*/ #header{height:auto}#header,.fixed-header #header{text-align:inherit}#site-description,#site-logo{clear:both;float:none;margin:0 0 .5em;padding:0;position:static}#site-logo{font-size:24px;margin:5px 10px 5px 0}.header-widget{clear:both;float:none;margin:0;position:static;text-align:inherit}.header-widget .widget{margin:0 0 1.8em}.header-widget .widgettitle{margin:0 0 .3em}.header-icons{display:block;position:absolute;right:4%;top:27px;transform:translateY(-50%);z-index:1999}.header-icons a{font-size:1em;text-decoration:none!important}.slide-cart .header-icons{align-items:center;display:flex;flex-direction:row-reverse}:is(.mobile-menu-visible,.slide-cart-visible){z-index:1!important}.sidemenu{background-color:#fff;color:#000;display:none;height:100%;overflow-y:auto;padding:60px 25px 25px;position:fixed;text-align:left;top:0;transition:.2s ease-in-out;transition-property:left,right,top,bottom,width,transform,opacity;width:300px;z-index:11111}#mobile-menu{contain:paint;right:-300px}#mobile-menu.sidemenu-on{box-shadow:-6px 0 20px 5px rgba(0,0,0,.1);right:0}.sidemenu-left,.sidemenu-left .fixed-header{left:300px}.sidemenu-left #mobile-menu.sidemenu-on{left:0}#headerwrap #mobile-menu-panel a{color:#fff;text-decoration:none}#headerwrap #menu-icon-close{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:100%;color:inherit;display:block;font-size:20px;min-height:1em;min-width:1em;padding:9px;position:absolute;right:10px;text-decoration:none;top:10px;transform-origin:center;transition-property:transform}#menu-icon-close:hover{background:hsla(0,0%,78%,.25)}#menu-icon-close:after,#menu-icon-close:before{height:56%}.transparent-header #menu-icon-close{color:inherit}#main-nav-wrap{display:block;margin:1em 0 1.5em;padding:0}#main-nav{background-color:transparent;float:none}#main-nav li{clear:both;display:block;padding:0;width:100%}#main-nav li>.sub-menu{background:0;border:0;box-shadow:none;color:inherit;display:none;height:auto;margin:0 0 0 1em;opacity:1;padding:0;position:static;transform:none;width:auto}#main-nav li.toggle-on>.sub-menu{display:block}#main-nav .child-arrow{display:inline-block}#main-nav .child-arrow:hover{background:hsla(0,0%,78%,.25)}.transparent-header #headerwrap .themify-widget-menu{color:inherit}#main-nav .has-mega-column>.sub-menu,#main-nav .has-mega>.sub-menu{margin:0;padding:0;width:auto}#main-nav .has-mega-column>.sub-menu,#main-nav .has-mega-column>.sub-menu ul,#main-nav .has-mega-sub-menu .mega-sub-menu ul{float:none;margin:0 0 0 1em}#main-nav .has-mega-column>.sub-menu,#main-nav .has-mega-column>.sub-menu ul,#main-nav .has-mega-sub-menu .mega-sub-menu ul,#main-nav li:not(.themify-widget-menu)>ul{background:0}#headerwrap #main-nav a{background:0;border:0;box-shadow:none;color:inherit;display:block;font-weight:400;line-height:1.5em;margin:0;padding:.6em 0;text-decoration:none;width:auto}#headerwrap #main-nav .has-sub-menu>a{padding-right:40px}#main-nav>li:last-child a{border:0}#headerwrap #main-nav .current-menu-item>a,#headerwrap #main-nav .current_page_item>a,#headerwrap #main-nav a:hover{color:var(--theme_accent)}#main-nav .mega-menu-posts,.slide-cart-visible #menu-icon{display:none}#header .social-widget a,#headerwrap .sidemenu .search-button,#headerwrap .sidemenu .tf_darkmode_toggle{color:inherit}#header .social-widget{float:none;margin:0;position:static}.header-widget :is(.col4-1,.col4-2,.col3-1){margin-left:0;max-width:100%;width:100%}.sidemenu .header-widget{height:auto}.fixed-header :is(.cart-wrap,.header-bar,.header-widget){display:block}.fixed-header .search-button,.fixed-header-on #headerwrap :is(.tf_darkmode_toggle,.social-widget){display:inline-block}#headerwrap .sidemenu .search-button{margin:0}#headerwrap #searchform,#headerwrap #searchform #s,#headerwrap #searchform #s:is(:focus,:hover),#headerwrap #searchform .tf_fa:hover+#s{width:100%}#headerwrap #searchform-wrap,.fixed-header-on #headerwrap #searchform-wrap{display:block;margin:1em 0 0}#headerwrap #searchform{clear:both;float:none;inset:auto;margin:0 0 1em;padding:0;position:relative;width:auto}#headerwrap #searchform #s{background-color:#eee;color:#000;float:none;height:auto;margin:auto;padding:11px 15px 10px 35px;position:static;transition:none;width:100%}#headerwrap #searchform .tf_fa:hover+#s{background-color:#eee}#headerwrap #searchform .tf_fa{background:0;color:#000;font-size:18px;height:16px;left:9px;margin:0;padding:3px;position:absolute;top:9px;transform:none;width:16px} /*/wp-content/themes/themify-ultra/styles/headers/media/header-slide-out.css*/ body:not(.announcement-bar-showing):not(.themify_builder_active) .header-icons{top:26px}.announcement-bar-showing .header-icons{bottom:auto} } /* END MOBILE MENU CSS */