/*
Theme Name:rtench
Theme URI:https://glenlau.cn/theme/rtench/
Author:glenliiu
Author URI:https://glenlau.cn/
Description:rtench company webiste
Requires at least:4.9.6
Requires PHP:5.2.4
Version:2.024
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
--------------------------------------------------------------*/
/*
@import "sass/variables-site/variables-site";
@import "sass/mixins/mixins-master";
*/

.container, .container-lg, .container-md, .container-sm, .container-xl { max-width:1200px;}
.fs-15 { font-size:15px;}
.fs-20 { font-size:20px;}
.bg-f2 { background-color:#f2f2f2;}
.align-center { text-align:center;}
.invisible{visibility: hidden;}
.transparent {opacity: 0;}
.no-horizontal-padding { padding-left: 0; padding-right: 0;}
/*.container { cursor: pointer;}  !* 手型指针提示可点击 *!*/
/* header */
#header .header-inner #logo a>img, #header.dark .header-inner #logo a>img {  max-width:150px; height:auto; display:unset;position:absolute; top:22px; left:0;}
#header .header-inner #logo a .white-logo { opacity:0; transition:opacity 0.6s ease; -webkit-transition:opacity 0.6s ease;}
#header.dark .header-inner #logo a .dark-logo { opacity:0; transition:opacity 0.6s ease; -webkit-transition:opacity 0.6s ease;}
#header.dark .header-inner #logo a .white-logo { opacity:1;}
.dark .header-extras.dark-font>ul>li i, .dark .header-extras.dark-font .p-dropdown a>span { color:#484848;}
.full-area-link::after { content:""; position:absolute; top:0; left:0; width:100%; height:200%; visibility:visible; z-index:-1;}
/* main menu */
.dark #mainMenu nav>ul>li>a, #mainMenu.dark nav>ul>li>a, #mainMenu nav>ul>li>a, .header-extras {z-index:20;}
.dark #mainMenu .main-menu-item .hover { color:#000000;}
#mainMenu .mega-menu { position:fixed; display:flex; top:0; right:0; left:0; height:0px; overflow:hidden; background:#ffffff; transition:height 0.6s ease; -webkit-transition:height 0.6s ease;}
#mainMenu .mega-menu .mega-container { padding-top:100px;padding-bottom:30px;}
#mainMenu nav>ul>li:hover .mega-menu { height:auto;}
#mainMenu .mega-menu .nav-item .nav-link{ line-height:100%;}
.mega-menu ul.menu-item-list li{float: left; width:25%; line-height:100%; padding:10px;}
.mega-menu ul.menu-item-list li img { max-height:100px; margin-bottom:10px;}
.mega-menu ul.menu-item-list li a {font-size:12px; color:#333333;}
.dark.submenu-light #mainMenu .mega-menu{background-color: rgba(0,0,0,0.8);}
.dark.submenu-light #mainMenu .mega-menu *{color:#ffffff;}
.mega-menu .tab-content .tab-pane{ line-height:100%;}
.mega-menu .tabs.tabs-vertical .nav-item a{font-weight:600;}
/*old*/
#main-menu .mega-menu .mega-container { max-width:1200px;margin:auto;padding-top:130px;}
.mega-menu ul.menu-depth-1 { float:left; margin-bottom:30px;}
.mega-menu .menu-depth-1 li { float:left;text-align:center;padding:15px;}
.mega-menu .menu-depth-1 li img { max-height:100px; margin-bottom:10px;}
.mega-menu .menu-depth-1 li a {font-size:12px; color:#333333;}
#mainMenu nav>ul>li .dropdown-arrow {z-index:21;}
#mainMenu nav>ul>li>a{font-size:1.158rem;}
/* footer */
#footer .footer-content { padding-bottom:20px;}
section.action { padding:50px 0;}
.action .large .icon i { font-size:60px; line-height:87px; color:#a0a0a0;}
/** online.service **/
.online.service{ position:fixed; right:26px; bottom:53vh; z-index:9999;}
.online.service .badge-pill {padding:0.6em 0.8em; color:#fff;}
.online.service .btn i{ font-size:2.5rem; color:#1afa29; }
.online.service .btn .badge{ top:-20px;}
.online.service .widget-notification .notification-item{margin-top:8px;}
.online.service .widget-notification .text-muted{ font-size:0.95rem; }
.online.service .widget-notification .icon { margin-bottom:0;}
.online.service .widget-notification .wechat { text-align:center;}
.online.service .widget-notification .wechat img{ max-height:108px;}
.online.service a.btn.btn-light.btn-icon{ padding:6px; border-radius:1em !important;background:rgba(255,255,255,0);}
.online.service a.btn.btn-light.btn-icon>img{ width:60px; height:60px;}
/** home **/
.home section.category { padding-top:5px; padding-bottom:60px;}
.home .inspiro-slider .slide .bg-overlay { background:rgba(0, 0, 0, 0.01);}
.home .inspiro-slider .slide .container, .home .inspiro-slider .slide .container-wide { align-self:unset !important; padding-top:0; margin-top:calc(10% - 10px);}
.home .inspiro-slider .slide .slide-captions h2 { font-size:45px;}
.home .category .portfolio-item {padding:5px;}
.home .category .portfolio-item .portfolio-image:hover { }
.home .category .portfolio-item .portfolio-description { width:100%;top:20%; transform:translate3d(0, -50%, 0);  opacity:1; visibility:visible; }
.home .category .portfolio-item .portfolio-description * { color:#1f1f1f; transition:all 0.8s ease; transition-delay:0.1s;}
/*.application .heading-text h2{font-size: 2.35714286em;}*/
.application .team-member{ background-color:#F7F7F7;}
.application .team-members .col-lg-3{ padding:0 5px;}
/*
.home .category .portfolio-item:not(.no-overlay):hover .portfolio-description { top:50%;}
.home .category .portfolio-item:not(.no-overlay):hover .portfolio-description * { color:#ffffff;}
*/
.home .category .portfolio-item:not(.no-overlay):hover .portfolio-image:after { opacity:0;}
.home .category .portfolio-description h2 { margin:5px 0px;font-size:1.82rem;}
.home .category .portfolio-item .portfolio-description p,
.home .category .portfolio-item .portfolio-description span { opacity:1;}
.home .about-img img { max-width:100%;border-radius:5px;}
.home .section-wide .container-wide { max-width:1920px;}
/* products */
.products section.products { padding-top:0px;}
.home .products .gallery-description { background-color:rgba(255,255,255,0.9); bottom:20px; padding:15px 0; position:absolute; text-align:center; width:100%;}
.home .products .gallery-description h3 { font-size:1.51429em;}
.home .products .polo-carousel-item { padding-right:20px;}
.home .products .is-selected { }
/* blog */
.home .heading-text h2 { font-size:2.56rem;}
.products .blog .heading-text h2 { font-size:48px;}
.post-item .post-item-description .post-meta-author a, .post-item .post-item-description .post-meta-desc { color:#C2C2C2; position:relative; top:-4px; font-size:12px; margin-right:8px;}
/** category products **/
.category section.page-menu { padding:30px 0px 20px; height:auto; display:none;}
.category.products .category-desc h1 { margin-bottom:45px;}
.category.products .page-menu, .products .page-menu nav { background-color:#f8f9fa;}
.category.products .page-menu nav li img { max-height:75px;}
.category.products .grid-item-image img { width:100%; height:auto;}
.category.products .grid-item-description { margin:0 auto; padding:20px; position:absolute; left:0; right:0; top:15%; width:70%; text-align:center; z-index:3;}
.category.products .grid-item-description h2 { margin-bottom:5px;}
.category.products .desc-content p { text-indent:2em;}
/** single product **/
.header-nav-tabs { position:fixed; width:100%; z-index:19; padding:20px 10px; color:#ffffff; background:#4A4748; opacity:0.8;}
.header-nav-tabs h2{font-size:1.2568rem; color:#ffffff; }
.header-nav-tabs .post-nav-tabs { display: flex; justify-content: flex-end; list-style: none; padding: 0; margin: 0; gap: 20px;}
.header-nav-tabs .post-nav-tabs .nav-link { color: #ffffff ; text-decoration: none;}
.header-nav-tabs .post-nav-tabs .nav-item { margin-bottom: 0;}
.single-product .product-page .product-title h1 { font-size:24px; margin-bottom:0;}
.single-product .product-page .product-image { border:1px solid #e8e8e8; background:#fefefe;}
.single-product .product .product-title { max-width:100%; width:100%;}
.single-product .product .product-attributes { padding-left:15px;line-height:30px;}
.single-product .product-doc .btn { background-color:#f2f2f2;color:#777; padding:12px 45px; border-color:#e6e6e6;}
.product-details h4 { font-weight:500;}
.product-details img { max-width:100%; height:auto; border-radius:2px;}
.product-details .desc { text-indent:2em;}
.product-details .desc p { color:#484848;}
.v-a-center { display:flex; align-items:center; justify-content:center;}
.product .col-lg-6.cg8 { padding-bottom:30px;}
.product .product-image img { background:#f7f7f7; padding:5px; border-radius:5px;}
.single-product .doc-down { text-align:left;padding-bottom:10px;}
.single-product .product-selection table .p-thumbnail { max-height:100px;}
.single-product .product-selection table tr td { display:table-cell; vertical-align:middle}
.single-product .product-selection table tr td:first-child,
.single-product .product-selection table tr td:nth-child(2) { text-align:center;}
.product-details .cg4-1, .product-details .cg4-2, .product-details .cg4-3 { text-align:center;}
.product-details .cg4-1 img, .product-details .cg4-2 img, .product-details .cg4-3 img{ padding:15px;}
.single-product .product .down-box { padding:30px 20px 60px 20px; background:#fcfcfc;}
.tabs.tabs-folder .tab-content { border: none;}
.wp-caption.aligncenter { text-align:center; padding:10px;}
.wp-caption-text { padding:15px 5px;}
/* table */
.product-parameters .table-striped-p tbody .thead-row { background-color:rgba(68,114,196, .15);}
.product-parameters .table-striped-p tbody .thead-row td { font-weight:500; font-size:16px;}
.product-parameters .table-striped-p tbody tr:not(.thead-row):nth-of-type(odd) { background-color:rgba(242,242,242, .35);}
.product-selection { overflow:auto;}

/** single post **/
.post-item .post-item-description .post-meta { color:#C2C2C2; }
.single-blog .single-post h1 { font-size:2.24em;}
.post-thumbnails .post-item { padding:0 0 30px 0;}

/** single case **/
.single-case #page-title { background-position:center;}

/** page about us **/
.page-about .heading-text h2 { font-size:32px; margin-bottom:30px;}
.page-about .heading-text.heading-section h2:before { bottom:-15px;}
.page-about .about-text p { text-indent:2em;}
.page-about .about-image img { width:100%; max-height:500px;}



/** Responsive css **/
@media (min-width:1024px) { 
    .page-about .about-text { padding-top:20px;}
}
@media (min-width:1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .mega-container {
        max-width: 1400px;
    }
}

@media (max-width:1024px) {
    #header #logo { padding-top:12px !important;}
    section.page-menu { display:none; visibility:hidden;}
    .home .inspiro-slider .slide .slide-captions { margin-top:30px;}
    .home .inspiro-slider .slide .slide-captions h2 { font-size:24px;}
    .home .inspiro-slider .slide .slide-captions h4:first-child { margin-bottom:0;font-size:14px;}
    .home .inspiro-slider .slide .slide-captions h4:nth-child(3) {display:none;}
    .home .category .portfolio-item .portfolio-description { top:20%;}
    .home .category .portfolio-description h2 { font-size:1.6rem; }
    .home .category .portfolio-description span { display:none;}
    [class^="col-"] img { max-width:100%;}
    /* online.service */
    .online.service{right:1px;}
    .online.service a.btn.btn-light.btn-icon>img{ width:30px; height:30px;}
}