/* * Tripintravel site chrome on the blog: the main site's 2026 header, mobile drawer and footer, plus the blog's own * guide menu (row 2). Loaded only when body.tit-chrome is set (see ../tripintravel-site-chrome.php). * * Scoping: every rule targets elements inside a .tit-scope wrapper (#tit-drawer, #tit-hdr, #tit-ftr) or the * #tit-panel wrapper. Nothing here touches html, body or the blog's content area. */ /* --- Fonts (self-hosted copies of the main site's files; unique names so blog content fonts never change) --- */ @font-face{font-family:"TIT Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"TIT Roboto";font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(fonts/roboto-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"TIT Playfair";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/playfair-display-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} /* --- What the copied markup inherits from the main site's --- */ body.tit-chrome .tit-scope{font-family:"TIT Roboto",Roboto,sans-serif;font-size:14px;line-height:22.4px;color:#000;font-weight:400;font-style:normal;letter-spacing:normal;text-transform:none;text-align:start;word-spacing:0;-webkit-font-smoothing:auto;text-rendering:auto} /* === BEGIN GENERATED: main-site rules (tools/extract-css.js) === */ :where(body).tit-chrome :where(.tit-scope) footer,:where(body).tit-chrome :where(.tit-scope) nav{display: block;} :where(body).tit-chrome :where(.tit-scope) a{background-color: transparent;} :where(body).tit-chrome :where(.tit-scope) a:active,:where(body).tit-chrome :where(.tit-scope) a:hover{outline: 0px;} :where(body).tit-chrome :where(.tit-scope) img{border: 0px;} :where(body).tit-chrome :where(.tit-scope) svg:not(:root){overflow: hidden;} @media print{:where(body).tit-chrome :where(.tit-scope) *,:where(body).tit-chrome :where(.tit-scope) ::after,:where(body).tit-chrome :where(.tit-scope) ::before{color: rgb(0, 0, 0) !important; text-shadow: none !important; background: 0px 0px !important; box-shadow: none !important;}} @media print{:where(body).tit-chrome :where(.tit-scope) a,:where(body).tit-chrome :where(.tit-scope) a:visited{text-decoration: underline;}} @media print{:where(body).tit-chrome :where(.tit-scope) a[href]::after{content: " (" attr(href) ")";}} @media print{:where(body).tit-chrome :where(.tit-scope) a[href^="#"]::after{content: "";}} @media print{:where(body).tit-chrome :where(.tit-scope) img{break-inside: avoid;}} @media print{:where(body).tit-chrome :where(.tit-scope) img{max-width: 100% !important;}} @media print{:where(body).tit-chrome :where(.tit-scope) h3,:where(body).tit-chrome :where(.tit-scope) p{orphans: 3; widows: 3;}} @media print{:where(body).tit-chrome :where(.tit-scope) h3{break-after: avoid;}} :where(body).tit-chrome :where(.tit-scope) *{box-sizing: border-box;} :where(body).tit-chrome :where(.tit-scope) ::after,:where(body).tit-chrome :where(.tit-scope) ::before{box-sizing: border-box;} :where(body).tit-chrome :where(.tit-scope) a{color: rgb(51, 122, 183); text-decoration: none;} :where(body).tit-chrome :where(.tit-scope) a:focus,:where(body).tit-chrome :where(.tit-scope) a:hover{color: rgb(35, 82, 124); text-decoration: underline;} :where(body).tit-chrome :where(.tit-scope) a:focus{outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px;} :where(body).tit-chrome :where(.tit-scope) img{vertical-align: middle;} :where(body).tit-chrome :where(.tit-scope) .img-responsive{display: block; max-width: 100%; height: auto;} :where(body).tit-chrome :where(.tit-scope) h3{font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit;} :where(body).tit-chrome :where(.tit-scope) h3{margin-top: 20px; margin-bottom: 10px;} :where(body).tit-chrome :where(.tit-scope) h3{font-size: 24px;} :where(body).tit-chrome :where(.tit-scope) ul{margin-top: 0px; margin-bottom: 10px;} :where(body).tit-chrome :where(.tit-scope) ul ul{margin-bottom: 0px;} :where(body).tit-chrome :where(.tit-scope) .row{margin-right: -15px; margin-left: -15px;} :where(body).tit-chrome :where(.tit-scope) .col-md-3{position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;} @media (min-width: 992px){:where(body).tit-chrome :where(.tit-scope) .col-md-3{float: left;}} @media (min-width: 992px){:where(body).tit-chrome :where(.tit-scope) .col-md-3{width: 25%;}} :where(body).tit-chrome :where(.tit-scope) .navbar-fixed-top{position: fixed; right: 0px; left: 0px; z-index: 1030;} @media (min-width: 768px){:where(body).tit-chrome :where(.tit-scope) .navbar-fixed-top{border-radius: 0px;}} :where(body).tit-chrome :where(.tit-scope) .navbar-fixed-top{top: 0px; border-width: 0px 0px 1px;} :where(body).tit-chrome :where(.tit-scope) .row::after,:where(body).tit-chrome :where(.tit-scope) .row::before{display: table; content: " ";} :where(body).tit-chrome :where(.tit-scope) .row::after{clear: both;} :where(body).tit-chrome :where(.tit-scope) .navbar-fixed-top{border-radius: 0px;} :where(body).tit-chrome :where(.tit-scope) a,:where(body).tit-chrome :where(.tit-scope) div,:where(body).tit-chrome :where(.tit-scope) h3,:where(body).tit-chrome :where(.tit-scope) p,:where(body).tit-chrome :where(.tit-scope) span,:where(body).tit-chrome :where(.tit-scope) ul{border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;} :where(body).tit-chrome :where(.tit-scope) ul{list-style: none;} :where(body).tit-chrome :where(.tit-scope) a{color: rgb(184, 129, 252); transition: color 0.2s linear;} :where(body).tit-chrome :where(.tit-scope) a img{border: 0px;} :where(body).tit-chrome :where(.tit-scope) footer,:where(body).tit-chrome :where(.tit-scope) nav{display: block;} :where(body).tit-chrome :where(.tit-scope) p{margin: 0px 0px 10px;} :where(body).tit-chrome :where(.tit-scope) a{color: rgb(72, 72, 72);} :where(body).tit-chrome :where(.tit-scope) a:focus,:where(body).tit-chrome :where(.tit-scope) a:hover{color: rgb(184, 129, 252); text-decoration: none; outline: 0px;} :where(body).tit-chrome :where(.tit-scope) h3{color: rgb(72, 72, 72); font-weight: 500;} :where(body).tit-chrome :where(.tit-scope) h3{font-size: 18px; line-height: 1.3em; margin-bottom: 15px;} :where(body).tit-chrome :where(.tit-scope) .wide{width: 100%; max-width: 100%;} :where(body).tit-chrome :where(.tit-scope) #footer-widget-area{padding: 40px 0px; max-width: 1200px; width: 100%; margin: 0px auto;} :where(body).tit-chrome :where(.tit-scope) ::-webkit-input-placeholder{color: rgba(93, 100, 117, 0.65) !important; opacity: 1;} :where(body).tit-chrome :where(.tit-scope) .hover_type_5 #access ul li:hover > ul::after{display: none;} :where(body).tit-chrome :where(.tit-scope) #access ul{font-size: 14px; list-style: none; margin: 0px 0px 0px -0.8125em; z-index: 99999; text-align: right; display: inline; padding: 12px 0px;} :where(body).tit-chrome :where(.tit-scope) #access > .menu{display: inline; height: 100%;} :where(body).tit-chrome :where(.tit-scope) #access li{display: inline-block; text-align: left; position: relative; transition: 0.25s; height: 100%;} :where(body).tit-chrome :where(.tit-scope) #access a{display: block; text-decoration: none; cursor: pointer; padding: 23px 20px; color: rgb(72, 72, 72); font-weight: 500; font-size: 14px;} :where(body).tit-chrome :where(.tit-scope) .menu li a{padding-bottom: 38px;} :where(body).tit-chrome :where(.tit-scope) #access .menu li:hover > a,:where(body).tit-chrome :where(.tit-scope) #access .menu li:hover > a:active,:where(body).tit-chrome :where(.tit-scope) #access .menu li:hover > a:focus{color: rgb(184, 129, 252);} :where(body).tit-chrome :where(.tit-scope) #access .sub-menu li:hover > a,:where(body).tit-chrome :where(.tit-scope) #access .sub-menu li:hover > a:active,:where(body).tit-chrome :where(.tit-scope) #access .sub-menu li:hover > a:focus{color: rgb(184, 129, 252); padding-left: 30px;} :where(body).tit-chrome :where(.tit-scope) #access ul ul{float: left; margin: 0px; position: absolute; visibility: hidden; opacity: 0; top: 77px; left: 0px; width: 260px; padding: 20px 0px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px; transition: top 0.2s; line-height: 24px; border-radius: 3px;} :where(body).tit-chrome :where(.tit-scope) #access ul ul li{width: 100%;} :where(body).tit-chrome :where(.tit-scope) #access ul ul a{padding: 10px 25px; font-size: 13px;} :where(body).tit-chrome :where(.tit-scope) #access ul ul li:last-child > a{border-bottom: none;} :where(body).tit-chrome :where(.tit-scope) #access .menu .sub-menu > li:hover a{background: 0px 0px;} :where(body).tit-chrome :where(.tit-scope) #access ul ul a:hover{transition: padding 0.35s; backface-visibility: hidden;} :where(body).tit-chrome :where(.tit-scope) .customnav #access ul ul{top: 77px;} :where(body).tit-chrome :where(.tit-scope) #access ul li:hover > ul{top: 69px; opacity: 1; visibility: visible;} :where(body).tit-chrome :where(.tit-scope) .mobile_header{background-color: rgb(40, 45, 51); height: 70px; width: 100%; position: absolute; top: 0px; display: none; z-index: 99999;} :where(body).tit-chrome :where(.tit-scope) .mobile_header.mobile_header_sticky_yes{position: fixed; top: 0px;} :where(body).tit-chrome :where(.tit-scope) .mobile_header i{color: rgb(255, 255, 255); font-size: 17px; margin: 26px 23px;} :where(body).tit-chrome :where(.tit-scope) .mobile-logo img{margin: 0px auto; max-height: 60px; width: auto; max-width: 200px; top: 50%; position: absolute; transform: translate(0px, -50%); left: 0px; right: 0px;} :where(body).tit-chrome :where(.tit-scope) .mobile-trigger{font-size: 14px; color: rgb(255, 255, 255); width: 70px; height: 70px; display: inline; cursor: pointer; position: absolute;} :where(body).tit-chrome :where(.tit-scope) .mobile-trigger:hover i{color: rgb(184, 129, 252);} :where(body).tit-chrome :where(.tit-scope) .mobilewrapper{position: fixed; height: 100%; max-height: 100%; top: 0px; bottom: 0px; display: none; width: 256px; min-height: 100vh; overflow-x: hidden !important;} :where(body).tit-chrome :where(.tit-scope) .snap-drawers{position: absolute; inset: 0px; width: auto; height: auto;} :where(body).tit-chrome :where(.tit-scope) .snap-drawer-left{right: auto !important;} :where(body).tit-chrome :where(.tit-scope) .snap-drawer{position: absolute; inset: 0px 0px 0px auto; width: 257px; border: 1px solid rgb(62, 68, 83); height: auto; overflow: auto; transition: width 0.3s; background-color: rgb(40, 45, 51);} :where(body).tit-chrome :where(.tit-scope) .mobilex-menu{margin-bottom: 0px; background-color: rgb(40, 45, 51); margin-top: 40px; margin-left: 0px !important;} :where(body).tit-chrome :where(.tit-scope) .mobilex-menu li{font-weight: 400; list-style: none; font-size: 13px; margin-bottom: 0px; border-bottom: 1px solid rgb(85, 85, 85);} :where(body).tit-chrome :where(.tit-scope) .mobilex-menu li:hover{background-color: rgb(184, 129, 252);} :where(body).tit-chrome :where(.tit-scope) .mobilex-menu li.menu-item-has-children:hover{background: 0px 0px;} :where(body).tit-chrome :where(.tit-scope) .mobilex-menu .sub-menu li:hover{border-bottom: 1px solid rgb(85, 85, 85);} :where(body).tit-chrome :where(.tit-scope) .mobilex-menu li a{color: rgb(255, 255, 255); padding: 15px 20px; display: inline-block; line-height: 20px; width: 100%; position: relative;} :where(body).tit-chrome :where(.tit-scope) .mobilex-menu .menu-item-has-children > a::after{content: ""; position: absolute; right: 15px; font-family: "TIT no FontAwesome";} :where(body).tit-chrome :where(.tit-scope) .mobilemenu-close{position: absolute; top: 0px; right: 0px; cursor: pointer; width: 30px; height: 30px; padding: 7px; color: rgb(255, 255, 255);} :where(body).tit-chrome :where(.tit-scope) .mobilemenu-close:hover{color: rgb(60, 144, 190);} :where(body).tit-chrome :where(.tit-scope) .mobilex-menu .sub-menu{margin-left: 0px;} :where(body).tit-chrome :where(.tit-scope) .mobilex-menu .sub-menu a{padding-left: 25px; line-height: 20px;} :where(body).tit-chrome :where(.tit-scope) .mobilex-menu .sub-menu{display: none;} :where(body).tit-chrome :where(.tit-scope) .navbar-fixed-top{z-index: 102;} :where(body).tit-chrome :where(.tit-scope) .hover_type_5 #access .menu > li:hover > a{border-bottom: 3px solid rgb(184, 129, 252); padding: 7px 13px; margin-left: 7px; margin-right: 7px; display: inline; line-height: 68px;} :where(body).tit-chrome :where(.tit-scope) .master_header{background-color: rgb(255, 255, 255); z-index: 1003; position: relative; border-style: solid;} :where(body).tit-chrome :where(.tit-scope) .header_wrapper{width: 100%; margin: 0px auto; transition: height 0.3s; transform-style: preserve-3d; backface-visibility: hidden;} :where(body).tit-chrome :where(.tit-scope) .header_wrapper.customnav{min-height: 70px; height: 70px; transition: 0.45s;} :where(body).tit-chrome :where(.tit-scope) .header_wrapper_inside{width: 1170px; margin: 0px auto; position: relative; height: 100%; min-height: 69px; display: flex; flex-flow: row; place-content: center space-between; align-items: center;} :where(body).tit-chrome :where(.tit-scope) .header_wrapper_inside{margin: 0px auto; position: relative; min-height: 70px; height: 70px;} :where(body).tit-chrome :where(.tit-scope) .header_wrapper.header_type1.customnav .header_wrapper_inside{min-height: 70px; height: 70px;} :where(body).tit-chrome :where(.tit-scope) .header_wrapper.customnav{box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px 0px;} :where(body).tit-chrome :where(.tit-scope) .logo img{max-width: 300px; max-height: 70px;} :where(body).tit-chrome :where(.tit-scope) .logo img{max-height: 54px;} :where(body).tit-chrome :where(.tit-scope) .customnav{opacity: 0.95; background-color: rgb(255, 255, 255);} :where(body).tit-chrome :where(.tit-scope) .customnav:hover{opacity: 1;} :where(body).tit-chrome :where(.tit-scope) .customnav #access ul li:hover > ul{top: 70px;} :where(body).tit-chrome :where(.tit-scope) .header_type1.customnav .menu > li,:where(body).tit-chrome :where(.tit-scope) .hover_type_5 .header_type1.customnav .menu > li{line-height: 24px;} :where(body).tit-chrome :where(.tit-scope) #colophon ul{list-style: none; margin: 0px; font-size: 14px; line-height: 1.6em;} :where(body).tit-chrome :where(.tit-scope) .widget-container{margin-bottom: 30px; float: left; width: 100%;} :where(body).tit-chrome :where(.tit-scope) #colophon .widget-container{margin-bottom: 15px;} :where(body).tit-chrome :where(.tit-scope) .widget-container li{margin-bottom: 15px; padding-bottom: 0px; width: 100%;} :where(body).tit-chrome :where(.tit-scope) .widget-container li:last-of-type{margin-bottom: 0px;} :where(body).tit-chrome :where(.tit-scope) .widget_text li::before{content: ""; font-family: "TIT no FontAwesome"; font-weight: 400; font-style: normal; display: block; float: left; text-decoration: inherit; font-size: 13px; margin: 4px 7px 0px 0px; line-height: 14px; padding-top: 0px;} :where(body).tit-chrome :where(.tit-scope) #colophon .widget_text li::before{margin-top: 4px;} :where(body).tit-chrome :where(.tit-scope) .textwidget{line-height: 1.6em;} :where(body).tit-chrome :where(.tit-scope) .textwidget p{margin-bottom: 15px;} :where(body).tit-chrome :where(.tit-scope) #colophon{background-color: rgb(246, 245, 243); color: rgb(93, 100, 117); display: inline-block; width: 100%; float: left;} :where(body).tit-chrome :where(.tit-scope) .footer_back_repeat_no{background-repeat: no-repeat;} :where(body).tit-chrome :where(.tit-scope) #fourth .xoxo{margin-right: 0px;} :where(body).tit-chrome :where(.tit-scope) #colophon a,:where(body).tit-chrome :where(.tit-scope) #colophon li a{color: rgb(93, 100, 117); transition: 0.25s;} :where(body).tit-chrome :where(.tit-scope) #colophon .widget-container li:hover > a{color: rgb(184, 129, 252); text-decoration: none;} :where(body).tit-chrome :where(.tit-scope) #colophon .widget-container li:hover::before{color: rgb(184, 129, 252); text-decoration: none;} :where(body).tit-chrome :where(.tit-scope) #colophon .xoxo{padding-top: 50px; padding-bottom: 20px; float: left;} :where(body).tit-chrome :where(.tit-scope) .widget-title-footer{font-size: 14px; color: rgb(72, 72, 72); line-height: 1.6em; margin-bottom: 15px;} :where(body).tit-chrome :where(.tit-scope) #colophon .widget-container li{margin-bottom: 10px; padding-bottom: 0px; border: none; vertical-align: top; line-height: 22px;} :where(body).tit-chrome :where(.tit-scope) #colophon li a{border: none;} :where(body).tit-chrome :where(.tit-scope) .copyright{float: left;} :where(body).tit-chrome :where(.tit-scope) #colophon .subfooter_menu a,:where(body).tit-chrome :where(.tit-scope) #colophon li a,:where(body).tit-chrome :where(.tit-scope) #colophon ul,:where(body).tit-chrome :where(.tit-scope) .sub_footer,:where(body).tit-chrome :where(.tit-scope) .subfooter_menu li{font-size: 14px;} :where(body).tit-chrome :where(.tit-scope) .sub_footer{width: 100%;} :where(body).tit-chrome :where(.tit-scope) .sub_footer_content{width: 100%; max-width: 1170px; margin: 0px auto; display: flex; justify-content: space-between; align-items: center; vertical-align: middle; height: 64px;} :where(body).tit-chrome :where(.tit-scope) .subfooter_menu{float: right; text-align: right; display: inline-flex; justify-content: flex-end;} :where(body).tit-chrome :where(.tit-scope) #colophon .subfooter_menu a{padding-bottom: 0px; line-height: 1.6em;} :where(body).tit-chrome :where(.tit-scope) #colophon .subfooter_menu a:hover{color: rgb(184, 129, 252);} :where(body).tit-chrome :where(.tit-scope) .subfooter_menu li{display: inline; margin-left: 26px; line-height: 1em !important;} :where(body).tit-chrome :where(.tit-scope) ul{list-style-type: square; margin: 0px 0px 26px 26px;} :where(body).tit-chrome :where(.tit-scope) i.fas{font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "Font Awesome 6 Brands", "Font Awesome 5 Brands" !important; font-weight: 900 !important; font-style: normal !important; display: inline-block !important; font-variant: normal !important; text-rendering: auto !important; line-height: 1 !important; -webkit-font-smoothing: antialiased !important;} :where(body).tit-chrome :where(.tit-scope) .header_wrapper,:where(body).tit-chrome :where(.tit-scope) .header_wrapper_inside,:where(body).tit-chrome :where(.tit-scope) .master_header,:where(body).tit-chrome :where(.tit-scope) .wide,:where(body).tit-chrome :where(.tit-scope) .customnav{background-color: rgb(255, 255, 255) !important;} :where(body).tit-chrome :where(.tit-scope) #access .sub-menu li:hover > a,:where(body).tit-chrome :where(.tit-scope) #access .sub-menu li:hover > a:active,:where(body).tit-chrome :where(.tit-scope) #access .sub-menu li:hover > a:focus{color: rgb(192, 142, 130) !important;} :where(body).tit-chrome :where(.tit-scope) #access .menu li:hover > a,:where(body).tit-chrome :where(.tit-scope) #access .menu li:hover > a:active,:where(body).tit-chrome :where(.tit-scope) #access .menu li:hover > a:focus,:where(body).tit-chrome :where(.tit-scope) #access ul.menu > li > a:hover,:where(body).tit-chrome :where(.tit-scope) #access > ul > li:hover > a,:where(body).tit-chrome :where(.tit-scope) .customnav #access .menu li:hover > a:active{color: rgb(192, 142, 130);} :where(body).tit-chrome :where(.tit-scope) #colophon{background-color: rgb(51, 51, 51); color: rgb(255, 255, 255);} :where(body).tit-chrome :where(.tit-scope) #colophon a,:where(body).tit-chrome :where(.tit-scope) #colophon li a,:where(body).tit-chrome :where(.tit-scope) .widget-title-footer{color: rgb(255, 255, 255);} :where(body).tit-chrome :where(.tit-scope) .sub_footer{display: none;} :where(body).tit-chrome :where(.tit-scope) #footer-widget-area{padding: 0px;} :where(body).tit-chrome :where(.tit-scope) .mobile-trigger{display: inline-block; cursor: pointer;} :where(body).tit-chrome :where(.tit-scope) .mobile-trigger i{font-size: 24px; color: rgb(26, 33, 66);} :where(body).tit-chrome :where(.tit-scope) .mobile-trigger:hover i{color: rgb(192, 142, 130);} :where(body).tit-chrome :where(.tit-scope) #access .sub-menu a,:where(body).tit-chrome :where(.tit-scope) #access ul ul a,:where(body).tit-chrome :where(.tit-scope) #access ul ul li a{font-family: Jost, sans-serif !important;} @media only screen and (max-width: 1240px){:where(body).tit-chrome :where(.tit-scope) .sub_footer_content{justify-content: center;}} @media only screen and (max-width: 1220px){:where(body).tit-chrome :where(.tit-scope) .header_wrapper_inside{width: 100%;}} @media only screen and (max-width: 1220px){:where(body).tit-chrome :where(.tit-scope) #colophon{width: 100%; float: left;}} @media only screen and (max-width: 1220px){:where(body).tit-chrome :where(.tit-scope) #footer-widget-area{padding: 0px 7px;}} @media only screen and (max-width: 1180px){:where(body).tit-chrome :where(.tit-scope) .mobile_header{display: block; float: left; width: 100%; position: relative;}} @media only screen and (max-width: 1180px){:where(body).tit-chrome :where(.tit-scope) #access,:where(body).tit-chrome :where(.tit-scope) .header_wrapper{display: none !important;}} @media only screen and (max-width: 991px){:where(body).tit-chrome :where(.tit-scope) .col-md-3{float: left; width: 100%;}} @media only screen and (max-width: 991px){:where(body).tit-chrome :where(.tit-scope) #colophon{padding: 45px 0px 15px;}} @media only screen and (max-width: 991px){:where(body).tit-chrome :where(.tit-scope) #colophon .xoxo{padding-top: 0px; width: 100%; padding-bottom: 0px;}} @media only screen and (max-width: 991px){:where(body).tit-chrome :where(.tit-scope) #footer-widget-area{padding: 30px 0px 25px;}} @media only screen and (max-width: 991px){:where(body).tit-chrome :where(.tit-scope) .sub_footer_content{flex-direction: column;}} @media only screen and (max-width: 991px){:where(body).tit-chrome :where(.tit-scope) .subfooter_menu li{margin-right: 25px; margin-left: 0px;}} :where(body).tit-chrome :where(.tit-scope) .fas{-webkit-font-smoothing: antialiased; display: var(--fa-display,inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto;} :where(body).tit-chrome :where(.tit-scope) .fas{font-family: "Font Awesome 6 Free";} :where(body).tit-chrome :where(.tit-scope) .fa-bars::before{content: "";} :where(body).tit-chrome :where(.tit-scope) .fa-times::before{content: "";} @media (prefers-reduced-motion: reduce){html :where(body).tit-chrome :where(.tit-scope) *{transition-delay: 0s !important; transition-duration: 0s !important;}} :where(body).tit-chrome.tit-chrome :where(.tit-scope) a{color: rgb(0, 0, 0);} :where(body).tit-chrome :where(.tit-scope) .fas{font-weight: 900;} html body:not(.page-id-105505).tit-chrome :where(.tit-scope) .master_header,html body:not(.page-id-105505).tit-chrome :where(.tit-scope) .master_header .header_wrapper,html body:not(.page-id-105505).tit-chrome :where(.tit-scope) .master_header .header_wrapper_inside,html body:not(.page-id-105505).tit-chrome :where(.tit-scope) .mobile_header,html body:not(.page-id-105505).tit-chrome :where(.tit-scope) .header_wrapper.navbar-fixed-top,html body:not(.page-id-105505).tit-chrome :where(.tit-scope) .master_header .customnav,html body:not(.page-id-105505).tit-chrome :where(.tit-scope) .navbar-fixed-top .header_wrapper_inside{background-color: rgb(11, 36, 64) !important;} html body:not(.page-id-105505).tit-chrome :where(.tit-scope) .master_header .header_wrapper,html body:not(.page-id-105505).tit-chrome :where(.tit-scope) .mobile_header{border-bottom: 1px solid rgb(217, 181, 106) !important;} html body.tit-chrome :where(.tit-scope) #access ul.menu > li > a,html body.tit-chrome :where(.tit-scope) #access ul.menu > li > a:visited{color: rgb(255, 255, 255) !important;} html body.tit-chrome :where(.tit-scope) #access ul.menu > li:hover > a,html body.tit-chrome :where(.tit-scope) #access ul.menu > li > a:focus-visible,html body.tit-chrome :where(.tit-scope) #access ul.menu > li > a:hover{color: rgb(230, 50, 100) !important;} html body.tit-chrome :where(.tit-scope) #access ul.menu .sub-menu{border-radius: 6px; box-shadow: rgba(8, 24, 46, 0.18) 0px 12px 30px; width: auto; min-width: 220px; background: rgb(255, 255, 255) !important; padding: 8px 0px !important;} html body.tit-chrome :where(.tit-scope) #access ul.menu .sub-menu a,html body.tit-chrome :where(.tit-scope) #access ul.menu .sub-menu li{background: 0px 0px !important;} html body.tit-chrome :where(.tit-scope) #access ul.menu .sub-menu a,html body.tit-chrome :where(.tit-scope) #access ul.menu .sub-menu a:visited{font-weight: 500; white-space: nowrap; color: rgb(11, 36, 64) !important; font-size: 14px !important; line-height: 1.4 !important; padding: 9px 20px !important;} html body.tit-chrome :where(.tit-scope) #access ul.menu .sub-menu a:focus-visible,html body.tit-chrome :where(.tit-scope) #access ul.menu .sub-menu a:hover,html body.tit-chrome :where(.tit-scope) #access ul.menu .sub-menu li:hover > a{color: rgb(230, 50, 100) !important;} :where(body).tit-chrome :where(.tit-scope) .tit-hdr-cta{display: flex; align-items: center; gap: 12px;} :where(body).tit-chrome :where(.tit-scope) .tit-hdr-cta a,:where(body).tit-chrome :where(.tit-scope) .tit-hdr-cta a:visited{text-decoration: none !important;} :where(body).tit-chrome :where(.tit-scope) .tit-hdr-wa{display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; background: rgb(37, 211, 102); color: rgb(255, 255, 255) !important;} :where(body).tit-chrome :where(.tit-scope) .tit-hdr-wa svg{display: block; width: 20px; height: 20px; fill: rgb(255, 255, 255);} :where(body).tit-chrome :where(.tit-scope) .tit-hdr-wa:focus-visible,:where(body).tit-chrome :where(.tit-scope) .tit-hdr-wa:hover{background: rgb(31, 196, 92);} html body.tit-chrome :where(.tit-scope) .tit-hdr-browse{display: inline-flex; align-items: center; height: 40px; padding: 0px 18px; border: 1px solid rgb(255, 255, 255); border-radius: 6px; background: 0px 0px; font-family: "TIT Inter", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-size: 14px; font-weight: 600; line-height: 1; white-space: nowrap; color: rgb(255, 255, 255) !important;} html body.tit-chrome :where(.tit-scope) .tit-hdr-browse:focus-visible,html body.tit-chrome :where(.tit-scope) .tit-hdr-browse:hover{background: rgb(255, 255, 255); color: rgb(11, 36, 64) !important;} :where(body).tit-chrome :where(.tit-scope) .tit-hdr-cta a:focus-visible{outline: rgb(217, 181, 106) solid 2px; outline-offset: 2px;} :where(body).tit-chrome :where(.tit-scope) .header_wrapper_inside .tit-hdr-cta--desktop{float: right; height: 90px; margin-left: 20px;} :where(body).tit-chrome :where(.tit-scope) .mobile_header .tit-hdr-cta--mobile{position: absolute; right: 16px; top: 50%; transform: translateY(-50%);} :where(body).tit-chrome :where(.tit-scope) .mobile_header .tit-hdr-cta--mobile .tit-hdr-wa{width: 38px; height: 38px;} html body.tit-chrome :where(.tit-scope) .mobilex-menu a:hover{color: rgb(230, 50, 100) !important;} html body.tit-chrome :where(.tit-scope) #colophon{color: rgba(255, 255, 255, 0.72); background: rgb(7, 24, 46) !important;} html body.tit-chrome :where(.tit-scope) #colophon #footer-widget-area{display: grid; grid-template-columns: minmax(0px, 1.4fr) repeat(3, minmax(0px, 1fr)); gap: 40px; max-width: 1280px; margin: 0px auto; padding: 64px 20px 44px; float: none;} html body.tit-chrome :where(.tit-scope) #colophon #footer-widget-area::after,html body.tit-chrome :where(.tit-scope) #colophon #footer-widget-area::before{display: none; content: none;} html body.tit-chrome :where(.tit-scope) #colophon #footer-widget-area > .widget-area{width: auto; max-width: none; float: none; margin: 0px; padding: 0px; min-height: 0px;} html body.tit-chrome :where(.tit-scope) #colophon .tit-ft-list,html body.tit-chrome :where(.tit-scope) #colophon ul.xoxo{list-style: none; margin: 0px; padding: 0px;} html body.tit-chrome :where(.tit-scope) #colophon li.widget-container{margin: 0px; padding: 0px; border: 0px; background: 0px 0px;} html body.tit-chrome :where(.tit-scope) #colophon .widget-title-footer{margin: 0px 0px 16px; padding: 0px; font-family: "TIT Inter", Inter, system-ui, sans-serif; font-size: 11px; line-height: 1.3; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(255, 255, 255) !important;} html body.tit-chrome :where(.tit-scope) #colophon .tit-ft-list li{margin: 0px 0px 10px; padding: 0px; font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, 0.72);} html body.tit-chrome :where(.tit-scope) #colophon .tit-ft-list li::after,html body.tit-chrome :where(.tit-scope) #colophon .tit-ft-list li::before{content: none !important; display: none !important;} html body.tit-chrome :where(.tit-scope) #colophon a,html body.tit-chrome :where(.tit-scope) #colophon a:visited{text-decoration: none; color: rgba(255, 255, 255, 0.72) !important;} html body.tit-chrome :where(.tit-scope) #colophon a:focus-visible,html body.tit-chrome :where(.tit-scope) #colophon a:hover{text-decoration: underline; color: rgb(255, 255, 255) !important;} html body.tit-chrome :where(.tit-scope) #colophon .tit-ft-logo{display: inline-block;} html body.tit-chrome :where(.tit-scope) #colophon .tit-ft-logo img{display: block; width: 160px; max-width: 100%; height: auto;} html body.tit-chrome :where(.tit-scope) #colophon .tit-ft-brand p{margin: 18px 0px 0px; max-width: 320px; font-size: 14px; line-height: 1.6; color: rgba(255, 255, 255, 0.72);} html body.tit-chrome :where(.tit-scope) #colophon .sub_footer{border-top: 1px solid rgba(255, 255, 255, 0.12); display: block !important; background: rgb(7, 24, 46) !important;} html body.tit-chrome :where(.tit-scope) #colophon .sub_footer .copyright{font-size: 13px; line-height: 1.5; color: rgba(255, 255, 255, 0.6) !important;} html body.tit-chrome :where(.tit-scope) #colophon .sub_footer .subfooter_menu ul{display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 0px; padding: 0px; list-style: none;} html body.tit-chrome :where(.tit-scope) #colophon .sub_footer .subfooter_menu li{margin: 0px;} html body.tit-chrome :where(.tit-scope) #colophon .sub_footer .subfooter_menu a,html body.tit-chrome :where(.tit-scope) #colophon .sub_footer .subfooter_menu li,html body.tit-chrome :where(.tit-scope) #colophon .sub_footer .subfooter_menu ul{height: auto !important; min-height: 0px !important; line-height: 1.5 !important; padding: 0px !important;} html body.tit-chrome :where(.tit-scope) #colophon .sub_footer .subfooter_menu a{font-size: 13px; color: rgba(255, 255, 255, 0.72) !important;} @media (min-width: 768px){html body.tit-chrome :where(.tit-scope) #colophon .sub_footer{padding-bottom: 72px;}} @media (min-width: 768px){html body.tit-chrome :where(.tit-scope) #colophon .sub_footer .sub_footer_content{display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 16px; box-sizing: border-box; width: 100%; max-width: 1280px; height: auto; margin: 0px auto; padding: 18px 20px;}} @media (min-width: 768px){html body.tit-chrome :where(.tit-scope) #colophon .sub_footer .copyright,html body.tit-chrome :where(.tit-scope) #colophon .sub_footer .subfooter_menu{float: none; margin: 0px; text-align: left;}} :where(body).tit-chrome :where(.tit-scope) .logo img,:where(body).tit-chrome :where(.tit-scope) .mobile-logo img{max-height: 70px;} :where(body).tit-chrome :where(.tit-scope) .mobilex-menu li:hover{background-color: rgb(230, 50, 100);} :where(body).tit-chrome :where(.tit-scope) #colophon .subfooter_menu a:hover{color: rgb(230, 50, 100) !important;} :where(body).tit-chrome :where(.tit-scope) #colophon .widget-container li:hover,:where(body).tit-chrome :where(.tit-scope) #colophon .widget-container li:hover a,:where(body).tit-chrome :where(.tit-scope) #colophon .widget-container li:hover::before,:where(body).tit-chrome :where(.tit-scope) .mobile-trigger:hover i,:where(body).tit-chrome :where(.tit-scope) a:focus,:where(body).tit-chrome :where(.tit-scope) a:hover{color: rgb(230, 50, 100);} :where(body).tit-chrome :where(.tit-scope) .wide{background-color: rgb(255, 255, 255);} :where(body).tit-chrome :where(.tit-scope) .master_header,:where(body).tit-chrome :where(.tit-scope) .customnav{background-color: rgb(0, 0, 0);} :where(body).tit-chrome :where(.tit-scope) a{color: rgb(26, 33, 66);} @media (min-width: 992px){:where(body).tit-chrome :where(.tit-scope) #footer-widget-area,:where(body).tit-chrome :where(.tit-scope) .header_wrapper_inside{width: 1300px;}} @media (min-width: 992px){:where(body).tit-chrome :where(.tit-scope) #footer-widget-area,:where(body).tit-chrome :where(.tit-scope) .sub_footer_content{max-width: 1300px;}} @media (min-width: 992px){:where(body).tit-chrome :where(.tit-scope) .sub_footer_content{width: 1270px;}} @media only screen and (max-width: 1300px) and (min-width: 992px){:where(body).tit-chrome :where(.tit-scope) .sub_footer_content{width: calc(100% - 40px); max-width: calc(100% - 40px);}} @media only screen and (max-width: 1300px) and (min-width: 992px){:where(body).tit-chrome :where(.tit-scope) #footer-widget-area,:where(body).tit-chrome :where(.tit-scope) .header_wrapper_inside{width: calc(100% - 20px); max-width: calc(100% - 20px);}} :where(body).tit-chrome :where(.tit-scope) a{color: rgb(26, 33, 66);} :where(body).tit-chrome :where(.tit-scope) h3{color: rgb(26, 33, 66);} :where(body).tit-chrome :where(.tit-scope) #colophon{background-color: rgb(7, 24, 46);} :where(body).tit-chrome :where(.tit-scope) #colophon,:where(body).tit-chrome :where(.tit-scope) #colophon a,:where(body).tit-chrome :where(.tit-scope) #colophon li a,:where(body).tit-chrome :where(.tit-scope) .widget-title-footer{color: rgb(255, 255, 255);} :where(body).tit-chrome :where(.tit-scope) .sub_footer,:where(body).tit-chrome :where(.tit-scope) .subfooter_menu a,:where(body).tit-chrome :where(.tit-scope) .subfooter_menu li a{color: rgb(255, 255, 255) !important;} :where(body).tit-chrome :where(.tit-scope) .sub_footer{background-color: rgb(7, 24, 46);} :where(body).tit-chrome :where(.tit-scope) #access .menu li:hover > a,:where(body).tit-chrome :where(.tit-scope) #access .menu li:hover > a:active,:where(body).tit-chrome :where(.tit-scope) #access .menu li:hover > a:focus,:where(body).tit-chrome :where(.tit-scope) #access a,:where(body).tit-chrome :where(.tit-scope) #access ul ul a,:where(body).tit-chrome :where(.tit-scope) #access ul.menu > li > a{color: rgb(255, 255, 255);} :where(body).tit-chrome :where(.tit-scope) #access .sub-menu li:hover > a,:where(body).tit-chrome :where(.tit-scope) #access .sub-menu li:hover > a:active,:where(body).tit-chrome :where(.tit-scope) #access .sub-menu li:hover > a:focus{color: rgb(0, 0, 0) !important;} :where(body).tit-chrome :where(.tit-scope) #access .menu li:hover > a,:where(body).tit-chrome :where(.tit-scope) #access .menu li:hover > a:active,:where(body).tit-chrome :where(.tit-scope) #access .menu li:hover > a:focus,:where(body).tit-chrome :where(.tit-scope) #access ul.menu > li > a:hover,:where(body).tit-chrome :where(.tit-scope) #access > ul > li:hover > a,:where(body).tit-chrome :where(.tit-scope) .customnav #access .menu li:hover > a,:where(body).tit-chrome :where(.tit-scope) .customnav #access .menu li:hover > a:active,:where(body).tit-chrome :where(.tit-scope) .customnav #access .menu li:hover > a:focus,:where(body).tit-chrome :where(.tit-scope) .customnav #access ul.menu > li > a,:where(body).tit-chrome :where(.tit-scope) .customnav #access > ul > li:hover > a{color: rgb(230, 50, 100);} :where(body).tit-chrome :where(.tit-scope) .customnav #access ul.menu > li > a{color: rgb(255, 255, 255);} :where(body).tit-chrome :where(.tit-scope) #access .menu li ul li a,:where(body).tit-chrome :where(.tit-scope) #access ul ul a{color: rgb(230, 50, 100) !important;} :where(body).tit-chrome :where(.tit-scope) #access .menu .sub-menu li:hover > a,:where(body).tit-chrome :where(.tit-scope) #access .menu .sub-menu li:hover > a:active,:where(body).tit-chrome :where(.tit-scope) #access .menu .sub-menu li:hover > a:focus,:where(body).tit-chrome :where(.tit-scope) #access ul ul a:hover{color: rgb(0, 0, 0) !important;} :where(body).tit-chrome :where(.tit-scope) #access ul ul a{font-size: 46px;} :where(body).tit-chrome :where(.tit-scope) #access ul ul{background-color: rgb(255, 255, 255);} :where(body).tit-chrome :where(.tit-scope) #access ul ul::after{border-bottom: 13px solid rgb(255, 255, 255);} :where(body).tit-chrome :where(.tit-scope) #access ul.menu > li > a:hover,:where(body).tit-chrome :where(.tit-scope) .customnav #access ul.menu > li > a:hover{color: rgb(230, 50, 100);} :where(body).tit-chrome :where(.tit-scope) .hover_type_5 #access .menu > li:hover > a{border-bottom: 3px solid rgb(230, 50, 100);} :where(body).tit-chrome :where(.tit-scope) .header_wrapper_inside{height: 90px;} :where(body).tit-chrome :where(.tit-scope) .header_type1 .menu > li{height: 90px; line-height: 44px;} :where(body).tit-chrome :where(.tit-scope) .hover_type_5 .header_type1 .menu > li{height: 90px; line-height: 44px;} :where(body).tit-chrome :where(.tit-scope) #access ul li:hover > ul,:where(body).tit-chrome :where(.tit-scope) .header_type1 #access ul li:hover > ul{top: 90px;} :where(body).tit-chrome :where(.tit-scope) #access ul li:hover > ul,:where(body).tit-chrome :where(.tit-scope) #access ul ul{top: 90px;} :where(body).tit-chrome :where(.tit-scope) .header_wrapper.customnav{height: 90px;} :where(body).tit-chrome :where(.tit-scope) .header_wrapper.customnav,:where(body).tit-chrome :where(.tit-scope) .header_wrapper.customnav.header_type1,:where(body).tit-chrome :where(.tit-scope) .header_wrapper.header_type1.customnav .header_wrapper_inside{height: 90px; min-height: 90px;} :where(body).tit-chrome :where(.tit-scope) .customnav .menu > li,:where(body).tit-chrome :where(.tit-scope) .header_type1.customnav .menu > li,:where(body).tit-chrome :where(.tit-scope) .hover_type_5 .customnav .menu > li,:where(body).tit-chrome :where(.tit-scope) .hover_type_5 .header_type1.customnav .menu > li{height: 90px; line-height: 46px;} :where(body).tit-chrome :where(.tit-scope) .hover_type_5 .customnav #access .menu > li:hover > a{line-height: 90px;} :where(body).tit-chrome :where(.tit-scope) .customnav #access ul li:hover > ul,:where(body).tit-chrome :where(.tit-scope) .customnav #access ul ul{top: 90px;} :where(body).tit-chrome :where(.tit-scope) .hover_type_5 .customnav #access ul li:hover > ul{top: 89px;} :where(body).tit-chrome :where(.tit-scope) .master_header{border-bottom-width: 0px;} :where(body).tit-chrome :where(.tit-scope) .widget-title-footer{color: rgb(255, 255, 255);} :where(body).tit-chrome :where(.tit-scope) .mobile_header{background-color: rgb(255, 255, 255);} :where(body).tit-chrome :where(.tit-scope) .mobile_header i,:where(body).tit-chrome :where(.tit-scope) .mobilemenu-close{color: rgb(109, 181, 170);} :where(body).tit-chrome :where(.tit-scope) .mobilex-menu li a{color: rgb(39, 29, 29);} :where(body).tit-chrome :where(.tit-scope) .mobilex-menu li a:hover{color: rgb(109, 181, 170);} :where(body).tit-chrome :where(.tit-scope) .mobilex-menu li:hover{background-color: rgb(255, 255, 255);} :where(body).tit-chrome :where(.tit-scope) .mobilex-menu,:where(body).tit-chrome :where(.tit-scope) .snap-drawer{background-color: rgb(255, 255, 255);} :where(body).tit-chrome :where(.tit-scope) .snap-drawer{border: 1px solid rgb(255, 255, 255);} :where(body).tit-chrome :where(.tit-scope) .mobilex-menu li{border-bottom-color: rgb(239, 239, 239);} body:not(.page-id-105505).tit-chrome :where(.tit-scope) .header_wrapper,body:not(.page-id-105505).tit-chrome :where(.tit-scope) .header_wrapper_inside,body:not(.page-id-105505).tit-chrome :where(.tit-scope) .master_header,body:not(.page-id-105505).tit-chrome :where(.tit-scope) .customnav{background-color: rgb(0, 0, 0) !important;} body:not(.page-id-105505).tit-chrome :where(.tit-scope) .master_header{position: relative !important;} body.tit-chrome :where(.tit-scope) .customnav.navbar-fixed-top,body.tit-chrome :where(.tit-scope) .header_wrapper.navbar-fixed-top,body.tit-chrome :where(.tit-scope) .navbar-fixed-top,body.tit-chrome :where(.tit-scope) .navbar-fixed-top .header_wrapper_inside{background-color: rgb(0, 0, 0) !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 8px !important;} body.tit-chrome :where(.tit-scope) .customnav .menu > li > a{color: rgb(255, 255, 255) !important;} :where(body).tit-chrome :where(.tit-scope) .header_wrapper .logo img,:where(body).tit-chrome :where(.tit-scope) .header_wrapper_inside .logo img,:where(body).tit-chrome :where(.tit-scope) .master_header .logo img,:where(body).tit-chrome :where(.tit-scope) .customnav .logo img{transition: max-height 0.3s, height 0.3s; max-height: 50px !important; height: 50px !important; width: auto !important;} @media (max-width: 991px){html body.tit-chrome :where(.tit-scope) #colophon #footer-widget-area{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 36px 28px; padding: 48px 20px 36px;}} @media (max-width: 991px){body:not(.page-id-105505).tit-chrome :where(.tit-scope) .mobile_header{background-color: rgb(0, 0, 0) !important;}} @media (max-width: 991px){body.tit-chrome :where(.tit-scope) .mobile_header .mobile-trigger,body.tit-chrome :where(.tit-scope) .mobile_header .mobile-trigger i{color: rgb(255, 255, 255) !important;}} @media (max-width: 991px){body.tit-chrome :where(.tit-scope) .mobile_header .mobile-logo img{max-height: 45px !important; height: 45px !important; width: auto !important;}} :where(body).tit-chrome :where(.tit-scope) #access .menu li:hover > a,:where(body).tit-chrome :where(.tit-scope) #access .menu li:hover > a:active,:where(body).tit-chrome :where(.tit-scope) #access .menu li:hover > a:focus,:where(body).tit-chrome :where(.tit-scope) #access a,:where(body).tit-chrome :where(.tit-scope) #access ul ul a,:where(body).tit-chrome :where(.tit-scope) #access ul.menu > li > a{color: rgb(255, 255, 255) !important;} :where(body).tit-chrome :where(.tit-scope) .lazyload{background-image: none !important;} :where(body).tit-chrome :where(.tit-scope) .lazyload::before{background-image: none !important;} :where(body).tit-chrome :where(.tit-scope) .sub_footer{display: block !important;} @media (max-width: 767px){html body.tit-chrome :where(.tit-scope) #colophon #footer-widget-area{grid-template-columns: minmax(0px, 1fr); gap: 32px; padding: 40px 16px 28px;}} @media (max-width: 767px){:where(body).tit-chrome :where(.tit-scope) .sub_footer{padding-bottom: calc(146px + env(safe-area-inset-bottom,0px));}} @media (max-width: 767px){:where(body).tit-chrome :where(.tit-scope) .sub_footer .sub_footer_content{flex-direction: column-reverse; justify-content: center; align-items: center; gap: 6px; height: auto; padding: 14px 0px; text-align: center;}} @media (max-width: 767px){:where(body).tit-chrome :where(.tit-scope) .sub_footer .copyright,:where(body).tit-chrome :where(.tit-scope) .sub_footer .subfooter_menu{float: none; text-align: center; justify-content: center; font-size: 12px; line-height: 1.4;}} @media (max-width: 767px){:where(body).tit-chrome :where(.tit-scope) #colophon .sub_footer a,:where(body).tit-chrome :where(.tit-scope) #colophon .sub_footer li,:where(body).tit-chrome :where(.tit-scope) #colophon .sub_footer ul{font-size: 12px;}} @media (max-width: 767px){:where(body).tit-chrome :where(.tit-scope) #colophon .sub_footer .subfooter_menu ul{margin: 0px; padding: 0px;}} @media (max-width: 767px){:where(body).tit-chrome :where(.tit-scope) #colophon .sub_footer .subfooter_menu li{margin: 0px 8px;}} html body:not(.page-id-105505).tit-chrome :where(.tit-scope) .master_header,html body:not(.page-id-105505).tit-chrome :where(.tit-scope) .master_header .header_wrapper,html body:not(.page-id-105505).tit-chrome :where(.tit-scope) .master_header .header_wrapper_inside,html body:not(.page-id-105505).tit-chrome :where(.tit-scope) .mobile_header,html body:not(.page-id-105505).tit-chrome :where(.tit-scope) .master_header .customnav,html body:not(.page-id-105505).tit-chrome :where(.tit-scope) .header_wrapper.navbar-fixed-top,html body:not(.page-id-105505).tit-chrome :where(.tit-scope) .navbar-fixed-top .header_wrapper_inside{background-color: rgb(11, 36, 64) !important;} html body:not(.page-id-105505).tit-chrome :where(.tit-scope) .master_header .header_wrapper,html body:not(.page-id-105505).tit-chrome :where(.tit-scope) .mobile_header{border-bottom: 1px solid rgb(217, 181, 106) !important;} html body.tit-chrome :where(.tit-scope) #access ul.menu > li > a,html body.tit-chrome :where(.tit-scope) #access ul.menu > li > a:visited{color: rgb(255, 255, 255) !important;} html body.tit-chrome :where(.tit-scope) #access ul.menu > li:hover > a,html body.tit-chrome :where(.tit-scope) #access ul.menu > li > a:hover,html body.tit-chrome :where(.tit-scope) #access ul.menu > li > a:focus-visible,html body.tit-chrome :where(.tit-scope) #access ul.menu > li.current-menu-item > a{color: rgb(230, 50, 100) !important;} html body.tit-chrome :where(.tit-scope) #access ul.menu .sub-menu{border-radius: 6px; box-shadow: rgba(8, 24, 46, 0.18) 0px 12px 30px; width: auto; min-width: 220px; background: rgb(255, 255, 255) !important; padding: 8px 0px !important;} html body.tit-chrome :where(.tit-scope) #access ul.menu .sub-menu li,html body.tit-chrome :where(.tit-scope) #access ul.menu .sub-menu a{background: transparent !important;} html body.tit-chrome :where(.tit-scope) #access ul.menu .sub-menu a,html body.tit-chrome :where(.tit-scope) #access ul.menu .sub-menu a:visited{font-weight: 500; white-space: nowrap; color: rgb(11, 36, 64) !important; font-size: 14px !important; line-height: 1.4 !important; padding: 9px 20px !important;} html body.tit-chrome :where(.tit-scope) #access ul.menu .sub-menu li:hover > a,html body.tit-chrome :where(.tit-scope) #access ul.menu .sub-menu a:hover,html body.tit-chrome :where(.tit-scope) #access ul.menu .sub-menu a:focus-visible{color: rgb(230, 50, 100) !important;} :where(body).tit-chrome :where(.tit-scope) .tit-hdr-cta{display: flex; align-items: center; gap: 12px;} :where(body).tit-chrome :where(.tit-scope) .tit-hdr-cta a,:where(body).tit-chrome :where(.tit-scope) .tit-hdr-cta a:visited{text-decoration: none !important;} :where(body).tit-chrome :where(.tit-scope) .tit-hdr-wa{display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; background: rgb(37, 211, 102); color: rgb(255, 255, 255) !important;} :where(body).tit-chrome :where(.tit-scope) .tit-hdr-wa svg{display: block; width: 20px; height: 20px; fill: rgb(255, 255, 255);} :where(body).tit-chrome :where(.tit-scope) .tit-hdr-wa:hover,:where(body).tit-chrome :where(.tit-scope) .tit-hdr-wa:focus-visible{background: rgb(31, 196, 92);} html body.tit-chrome :where(.tit-scope) .tit-hdr-browse{display: inline-flex; align-items: center; height: 40px; padding: 0px 18px; border: 1px solid rgb(255, 255, 255); border-radius: 6px; background: transparent; font-family: "TIT Inter", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-size: 14px; font-weight: 600; line-height: 1; white-space: nowrap; color: rgb(255, 255, 255) !important;} html body.tit-chrome :where(.tit-scope) .tit-hdr-browse:hover,html body.tit-chrome :where(.tit-scope) .tit-hdr-browse:focus-visible{background: rgb(255, 255, 255); color: rgb(11, 36, 64) !important;} :where(body).tit-chrome :where(.tit-scope) .tit-hdr-cta a:focus-visible{outline: rgb(217, 181, 106) solid 2px; outline-offset: 2px;} :where(body).tit-chrome :where(.tit-scope) .header_wrapper_inside .tit-hdr-cta--desktop{float: right; height: 90px; margin-left: 20px;} :where(body).tit-chrome :where(.tit-scope) .mobile_header .tit-hdr-cta--mobile{position: absolute; right: 16px; top: 50%; transform: translateY(-50%);} :where(body).tit-chrome :where(.tit-scope) .mobile_header .tit-hdr-cta--mobile .tit-hdr-wa{width: 38px; height: 38px;} html body.tit-chrome :where(.tit-scope) .mobilex-menu a:hover,html body.tit-chrome :where(.tit-scope) .mobilex-menu .current-menu-item > a{color: rgb(230, 50, 100) !important;} html body.tit-chrome :where(.tit-scope) #colophon{color: rgba(255, 255, 255, 0.72); background: rgb(7, 24, 46) !important;} html body.tit-chrome :where(.tit-scope) #colophon #footer-widget-area{display: grid; grid-template-columns: minmax(0px, 1.4fr) repeat(3, minmax(0px, 1fr)); gap: 40px; max-width: 1280px; margin: 0px auto; padding: 64px 20px 44px; float: none;} html body.tit-chrome :where(.tit-scope) #colophon #footer-widget-area::before,html body.tit-chrome :where(.tit-scope) #colophon #footer-widget-area::after{display: none; content: none;} html body.tit-chrome :where(.tit-scope) #colophon #footer-widget-area > .widget-area{width: auto; max-width: none; float: none; margin: 0px; padding: 0px; min-height: 0px;} html body.tit-chrome :where(.tit-scope) #colophon ul.xoxo,html body.tit-chrome :where(.tit-scope) #colophon .tit-ft-list{list-style: none; margin: 0px; padding: 0px;} html body.tit-chrome :where(.tit-scope) #colophon li.widget-container{margin: 0px; padding: 0px; border: 0px; background: none;} html body.tit-chrome :where(.tit-scope) #colophon .widget-title-footer{margin: 0px 0px 16px; padding: 0px; font-family: "TIT Inter", Inter, system-ui, sans-serif; font-size: 11px; line-height: 1.3; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(255, 255, 255) !important;} html body.tit-chrome :where(.tit-scope) #colophon .tit-ft-list li{margin: 0px 0px 10px; padding: 0px; font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, 0.72);} html body.tit-chrome :where(.tit-scope) #colophon .tit-ft-list li::before,html body.tit-chrome :where(.tit-scope) #colophon .tit-ft-list li::after{content: none !important; display: none !important;} html body.tit-chrome :where(.tit-scope) #colophon a,html body.tit-chrome :where(.tit-scope) #colophon a:visited{text-decoration: none; color: rgba(255, 255, 255, 0.72) !important;} html body.tit-chrome :where(.tit-scope) #colophon a:hover,html body.tit-chrome :where(.tit-scope) #colophon a:focus-visible{text-decoration: underline; color: rgb(255, 255, 255) !important;} html body.tit-chrome :where(.tit-scope) #colophon .tit-ft-logo{display: inline-block;} html body.tit-chrome :where(.tit-scope) #colophon .tit-ft-logo img{display: block; width: 160px; max-width: 100%; height: auto;} html body.tit-chrome :where(.tit-scope) #colophon .tit-ft-brand p{margin: 18px 0px 0px; max-width: 320px; font-size: 14px; line-height: 1.6; color: rgba(255, 255, 255, 0.72);} html body.tit-chrome :where(.tit-scope) #colophon .sub_footer{border-top: 1px solid rgba(255, 255, 255, 0.12); display: block !important; background: rgb(7, 24, 46) !important;} html body.tit-chrome :where(.tit-scope) #colophon .sub_footer .copyright{font-size: 13px; line-height: 1.5; color: rgba(255, 255, 255, 0.6) !important;} html body.tit-chrome :where(.tit-scope) #colophon .sub_footer .subfooter_menu ul{display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 0px; padding: 0px; list-style: none;} html body.tit-chrome :where(.tit-scope) #colophon .sub_footer .subfooter_menu li{margin: 0px;} html body.tit-chrome :where(.tit-scope) #colophon .sub_footer .subfooter_menu ul,html body.tit-chrome :where(.tit-scope) #colophon .sub_footer .subfooter_menu li,html body.tit-chrome :where(.tit-scope) #colophon .sub_footer .subfooter_menu a{height: auto !important; min-height: 0px !important; line-height: 1.5 !important; padding: 0px !important;} html body.tit-chrome :where(.tit-scope) #colophon .sub_footer .subfooter_menu a{font-size: 13px; color: rgba(255, 255, 255, 0.72) !important;} @media (min-width: 768px){html body.tit-chrome :where(.tit-scope) #colophon .sub_footer{padding-bottom: 72px;}} @media (min-width: 768px){html body.tit-chrome :where(.tit-scope) #colophon .sub_footer .sub_footer_content{display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 16px; box-sizing: border-box; width: 100%; max-width: 1280px; height: auto; margin: 0px auto; padding: 18px 20px;}} @media (min-width: 768px){html body.tit-chrome :where(.tit-scope) #colophon .sub_footer .copyright,html body.tit-chrome :where(.tit-scope) #colophon .sub_footer .subfooter_menu{float: none; margin: 0px; text-align: left;}} @media (max-width: 991px){html body.tit-chrome :where(.tit-scope) #colophon #footer-widget-area{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 36px 28px; padding: 48px 20px 36px;}} @media (max-width: 767px){html body.tit-chrome :where(.tit-scope) #colophon #footer-widget-area{grid-template-columns: minmax(0px, 1fr); gap: 32px; padding: 40px 16px 28px;}} html body.tit-chrome :where(.tit-scope) .header_wrapper.customnav{opacity: 1;} @media (max-width: 767px){:where(body).tit-chrome :where(.tit-scope) .sub_footer{padding-bottom: calc(146px + env(safe-area-inset-bottom,0px));}} @media (max-width: 767px){:where(body).tit-chrome :where(.tit-scope) .sub_footer .sub_footer_content{flex-direction: column-reverse; justify-content: center; align-items: center; gap: 6px; height: auto; padding: 14px 0px; text-align: center;}} @media (max-width: 767px){:where(body).tit-chrome :where(.tit-scope) .sub_footer .copyright,:where(body).tit-chrome :where(.tit-scope) .sub_footer .subfooter_menu{float: none; text-align: center; justify-content: center; font-size: 12px; line-height: 1.4;}} @media (max-width: 767px){:where(body).tit-chrome :where(.tit-scope) #colophon .sub_footer ul,:where(body).tit-chrome :where(.tit-scope) #colophon .sub_footer li,:where(body).tit-chrome :where(.tit-scope) #colophon .sub_footer a{font-size: 12px;}} @media (max-width: 767px){:where(body).tit-chrome :where(.tit-scope) #colophon .sub_footer .subfooter_menu ul{margin: 0px; padding: 0px;}} @media (max-width: 767px){:where(body).tit-chrome :where(.tit-scope) #colophon .sub_footer .subfooter_menu li{margin: 0px 8px;}} /* === END GENERATED === */ /* --- Blog adaptations of the copy (kept outside the generated block) --- */ /* Inline SVG in the copied