#section_subscribe div.tm-bg-layer{opacity:0;} #colophon div.tm-bg-layer{opacity:0;} #section_home_contact div.tm-cta3-content-wrapper{width:60%;} .xyfil-color{color:#e7541d}; .xyfil-background-color{color:#e7541d}; #tour-tab-services li.vc_tta-tab.vc_active a{background-color:#353638 !important;} body{ font-display: swap; } .tm_classicpost_meta{display:none;} #tour-tab-services p{color:white;} #tour-tab-services{background-color: rgba(255, 255, 255, 0.1); padding: 20px;} #section-tour-services .wpb_wrapper p a{text-decoration: underline!important;} #section-tour-services .wpb_wrapper h3{font-weight: bold;} .mailchimp-inputbox input[type="email"]{color: #fff;} .mailchimp-inputbox input[type="submit"]:hover {color: #000;} @media only screen and (min-width: 250px) and (max-width: 767px) {.mc4wp-form-fields,.mailchimp-inputbox{padding: 0;}.tm-titlebar-wrapper.tm-breadcrumb-on-bottom .breadcrumb-wrapper{padding: 15px 0px !important;} } .wp-image-3456{width:50%} #block-5,#block-3{margin:0px !important;} .tm-contactbox .tm-sbox .tm-vc_general{display: flex;align-items: center;} /*------------------------------------------------------------------ * dynamic-style.php index * [Table of contents] 1. Background color 2. Topbar Background color 3. Element Border color 4. Textcolor 5. Boxshadow 6. Header / Footer background color 7. Footer background color 8. Logo Color 9. Genral Elements 10. "Center Logo Between Menu" options 11. Floating Bar -------------------------------------------------------------------*/ /** * 0. Background properties * ---------------------------------------------------------------------------- */ body{background-color:#f8f8f8;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} body > .tm-bg-layer{background-color:#f8f8f8;} body #main{background-color:#ffffff;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} body #main > .tm-bg-layer{background-color:#ffffff;} .thememount-fbar-box-w{background-image:url('https://sandbox.xyfil.com/wp-content/themes/fixology/images/floatingbar-bg.jpg');background-color:rgba(130,36,227,0.74);background-position:center center;background-size:cover;background-repeat:repeat;background-attachment:scroll;} .thememount-fbar-box-w > .tm-bg-layer{background-color:rgba(130,36,227,0.74);} div.tm-titlebar-wrapper{background-image:url('https://sandbox.xyfil.com/wp-content/themes/fixology/images/titlebar-bg.jpg');background-position:center bottom;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;} div.tm-titlebar-wrapper > .tm-bg-layer{background-color:rgba(3,13,25,0.94);} .tm-header-style-classic-vertical .site-header{background-color:rgba(0,0,0,0.01);background-position:0% 0%;background-size:cover;background-repeat:repeat;background-attachment:scroll;} .tm-header-style-classic-vertical .site-header > .tm-bg-layer{background-color:rgba(0,0,0,0.01);} .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item ul.mega-sub-menu, #site-header-menu #site-navigation div.nav-menu > ul > li ul{background-color:#f4f6f7;background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;} .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item ul.mega-sub-menu, #site-header-menu #site-navigation div.nav-menu > ul > li ul > .tm-bg-layer{background-color:#f4f6f7;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(1) ul, .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(1) ul.mega-sub-menu{background-color:#ffffff;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(1) ul:before, .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(1) ul.mega-sub-menu:before{background-color:#ffffff;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(2) ul, .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(2) ul.mega-sub-menu{background-color:#ffffff;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(2) ul:before, .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(2) ul.mega-sub-menu:before{background-color:#ffffff;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(3) ul, .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(3) ul.mega-sub-menu{background-color:#ffffff;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(3) ul:before, .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(3) ul.mega-sub-menu:before{background-color:#ffffff;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(4) ul, .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(4) ul.mega-sub-menu{background-color:#ffffff;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(4) ul:before, .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(4) ul.mega-sub-menu:before{background-color:#ffffff;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(5) ul, .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(5) ul.mega-sub-menu{background-color:#ffffff;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(5) ul:before, .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(5) ul.mega-sub-menu:before{background-color:#ffffff;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(6) ul, .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(6) ul.mega-sub-menu{background-color:#ffffff;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(6) ul:before, .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(6) ul.mega-sub-menu:before{background-color:#ffffff;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(7) ul, .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(7) ul.mega-sub-menu{background-color:#ffffff;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(7) ul:before, .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(7) ul.mega-sub-menu:before{background-color:#ffffff;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(8) ul, .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(8) ul.mega-sub-menu{background-color:#ffffff;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(8) ul:before, .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(8) ul.mega-sub-menu:before{background-color:#ffffff;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(9) ul, .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(9) ul.mega-sub-menu{background-color:#ffffff;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(9) ul:before, .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(9) ul.mega-sub-menu:before{background-color:#ffffff;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(10) ul, .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(10) ul.mega-sub-menu{background-color:#ffffff;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(10) ul:before, .tm-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(10) ul.mega-sub-menu:before{background-color:#ffffff;} .footer{background-image:url('https://xyfil.com/wp-content/uploads/2022/11/xyfil-footer.webp');background-color:#18181c;background-position:center bottom;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;} .footer > .tm-bg-layer{background-color:#18181c;} .first-footer{background-color:transparent;background-position:0% 0%;background-size:auto;background-repeat:no-repeat;background-attachment:fixed;} .first-footer > .tm-bg-layer{background-color:transparent;} .second-footer{background-color:transparent;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} .second-footer > .tm-bg-layer{background-color:transparent;} .bottom-footer-text{background-color:#161619;background-position:center center;background-size:auto;background-repeat:no-repeat;background-attachment:fixed;} .bottom-footer-text > .tm-bg-layer{background-color:#161619;} .loginpage{background-image:url('https://sandbox.xyfil.com/wp-content/themes/fixology/images/login-bg.jpg');background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;} .uconstruction_background{background-image:url('https://sandbox.xyfil.com/wp-content/themes/fixology/images/uconstruction-bg.jpg');background-color:#ffffff;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:fixed;} .uconstruction_background > .tm-bg-layer{background-color:#ffffff;} /** * 0. Font properties * ---------------------------------------------------------------------------- */ body{font-family:"Montserrat", Arial, Helvetica, sans-serif;font-weight:400;font-size:14px;line-height:24px;letter-spacing:1px;color:#979797;} h1{font-family:"Montserrat", Arial, Helvetica, sans-serif;font-weight:500;font-size:40px;line-height:43px;letter-spacing:2px;color:#171717;} h2{font-family:"Montserrat", Arial, Helvetica, sans-serif;font-weight:500;font-size:35px;line-height:40px;letter-spacing:2px;color:#171717;} h3{font-family:"Montserrat", Arial, Helvetica, sans-serif;font-weight:500;font-size:30px;line-height:35px;letter-spacing:2px;color:#171717;} h4{font-family:"Montserrat", Arial, Helvetica, sans-serif;font-weight:500;font-size:25px;line-height:30px;letter-spacing:2px;color:#171717;} h5{font-family:"Montserrat", Arial, Helvetica, sans-serif;font-weight:500;font-size:20px;line-height:25px;letter-spacing:2px;color:#171717;} h6{font-family:"Montserrat", Arial, Helvetica, sans-serif;font-weight:500;font-size:15px;line-height:20px;letter-spacing:2px;color:#171717;} .tm-element-heading-wrapper .tm-vc_general .tm-vc_cta3_content-container .tm-vc_cta3-content .tm-vc_cta3-content-header h2{font-family:"Montserrat", Arial, Helvetica, sans-serif;font-weight:700;font-size:29px;line-height:35px;letter-spacing:2.5px;color:#171717;} .tm-element-heading-wrapper .tm-vc_general .tm-vc_cta3_content-container .tm-vc_cta3-content .tm-vc_cta3-content-header h4, .tm-vc_general.tm-vc_cta3.tm-vc_cta3-color-transparent.tm-cta3-only .tm-vc_cta3-content .tm-vc_cta3-headers h4{font-family:"Raleway", Arial, Helvetica, sans-serif;font-weight:400;font-size:20px;line-height:27px;letter-spacing:1.5px;color:#636363;} .tm-element-heading-wrapper .tm-vc_general.tm-vc_cta3 .tm-vc_cta3-content p{font-family:"Raleway", Arial, Helvetica, sans-serif;font-weight:400;font-size:16px;line-height:24px;letter-spacing:1px;color:#848484;} body .widget .widget-title, body .widget .widgettitle, #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu > li.mega-menu-item > h4.mega-block-title, .portfolio-description h2, .thememount-portfolio-details h2, .thememount-portfolio-related h2{font-family:"Montserrat", Arial, Helvetica, sans-serif;font-weight:500;text-transform:uppercase;font-size:18px;line-height:23px;letter-spacing:1px;color:#171717;} .woocommerce button.button, .woocommerce-page button.button, input, .tm-vc_btn, .tm-vc_btn3, .woocommerce-page a.button, .button, .wpb_button, button, .woocommerce input.button, .woocommerce-page input.button, .tp-button.big, .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .thememount-post-readmore a{font-family:"Montserrat", Arial, Helvetica, sans-serif;font-weight:400;letter-spacing:1px;} .wpb_tabs_nav a.ui-tabs-anchor, body .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a, .vc_progress_bar .vc_label, .vc_tta.vc_general .vc_tta-tab > a, .vc_toggle_title > h4{font-family:"Montserrat", Arial, Helvetica, sans-serif;font-weight:500;font-size:15px;} .tm-titlebar h1.entry-title, .tm-titlebar-textcolor-custom .tm-titlebar-main .entry-title{font-family:"Montserrat", Arial, Helvetica, sans-serif;font-weight:700;text-transform:uppercase;font-size:38px;line-height:45px;letter-spacing:3px;color:#dd9933;} .tm-titlebar .entry-subtitle, .tm-titlebar-textcolor-custom .tm-titlebar-main .entry-subtitle{font-family:"Raleway", Arial, Helvetica, sans-serif;font-weight:400;font-size:18px;line-height:25px;letter-spacing:2px;color:#dd9933;} .tm-titlebar .breadcrumb-wrapper, .tm-titlebar .breadcrumb-wrapper a{font-family:"Open Sans", Arial, Helvetica, sans-serif;font-weight:600;text-transform:uppercase;font-size:13px;line-height:20px;letter-spacing:1.5px;color:#eeee22;} .headerlogo a.home-link{font-family:"Arimo", Arial, Helvetica, sans-serif;font-weight:400;font-size:26px;line-height:27px;color:#202020;} #site-header-menu #site-navigation div.nav-menu > ul > li > a, .tm-mmmenu-override-yes #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal > li.mega-menu-item > a{font-family:"Raleway", Arial, Helvetica, sans-serif;font-weight:700;text-transform:uppercase;font-size:13px;line-height:15px;letter-spacing:1px;color:#ffffff;} ul.nav-menu li ul li a, div.nav-menu > ul li ul li a, .tm-mmmenu-override-yes #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu a, .tm-mmmenu-override-yes #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu a:hover, .tm-mmmenu-override-yes #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu a:focus, .tm-mmmenu-override-yes #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu a.mega-menu-link, .tm-mmmenu-override-yes #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu a.mega-menu-link:hover, .tm-mmmenu-override-yes #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu a.mega-menu-link:focus, .tm-mmmenu-override-yes #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu > li.mega-menu-item-type-widget{font-family:"Raleway", Arial, Helvetica, sans-serif;font-weight:700;text-transform:uppercase;font-size:12px;line-height:16px;letter-spacing:1px;color:#262626;} #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu > li.mega-menu-item > h4.mega-block-title{font-family:"Montserrat", Arial, Helvetica, sans-serif;font-weight:600;text-transform:uppercase;font-size:16px;line-height:16px;letter-spacing:1px;color:#171717;} /** * 0. Text link and hover color properties * ---------------------------------------------------------------------------- */ a{color:#202020;} a:hover{color:#e7541d;} /** * 0. Header bg color * ---------------------------------------------------------------------------- */ .site-header.tm-bgcolor-custom:not(.is_stuck), .tm-header-style-classic-box.tm-header-overlay .site-header.tm-bgcolor-custom:not(.is_stuck) .tm-container-for-header{ background-color:rgba(0,0,0,0) !important; } /** * 0. Sticky header bg color * ---------------------------------------------------------------------------- */ /** * 0. header menu bg color * ---------------------------------------------------------------------------- */ /** * 0. Sticky menu bg color * ---------------------------------------------------------------------------- */ /** * 0. List style special style * ---------------------------------------------------------------------------- */ .wpb_row .vc_tta.vc_general.vc_tta-color-white:not(.vc_tta-o-no-fill) .vc_tta-panel-body .wpb_text_column, .tm-list.tm-list-icon-color- li, .tm-list-li-content{ color:#979797; } /** * 0. Page loader css * ---------------------------------------------------------------------------- */ /** * 0. Floating bar * ---------------------------------------------------------------------------- */