/*
Theme Name: Contrax Lite
Description: Contrax Lite is a sleek and fully responsive theme template designed for WordPress full-site editing, fully optimized for the Gutenverse plugin. Contrax Lite is crafted specifically for construction firms, engineering companies, and independent contractors seeking a modern and professional online presence. This template package includes both a core version and a Gutenverse plugin version, offering pre-designed block patterns that make it easy to customize your site without needing to start from scratch. We’ve designed Contrax Lite to streamline your website creation process, making WordPress full-site editing a seamless and intuitive experience.





Author: Jegstudio
Author URI: https://gutenverse.com
Theme URI: https://gutenverse.com/themes/contrax-lite/
Version: 1.0.5
Stable tag: 1.0.5
Requires at least: 6.2
Tested up to: 6.6
Requires PHP: 7.4.21
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: contrax-lite
Tags: grid-layout,block-patterns,block-styles,custom-background,blog,portfolio,full-site-editing
*/

:root{
    
}
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .block-library-block__reusable-block-container {
    max-width: 100%;
}

.historyContentBox .TTTxt{width: 100%;padding: 10px 30px;border-left: 4px solid #e7e7e7;padding-left: 40px;margin: 40px 0 0px 0;}
.historyContentBox .TTTxt p{font-size: 20px;color: #000;margin-bottom: 10px;font-weight: 600;}
.historyMainArea > .wrap {width: 1200px;padding-left: 20px;padding-right: 20px;}
.historyContentBox {padding-bottom: 40px;}
.historyContentBox h3{font-size: 25px;margin-bottom: 0px;font-weight: 600;}
.historyContentBox .yearLine{color: #ac1821;font-size: 34px;padding-right: 40px;}
.historyList {position: relative;padding-top: 40px;padding-left: 0;}
.historyContentBox ul li.show{display:flex;margin:0 0 30px 0;align-items:center;position:relative;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;background:#f5f5f5;padding:30px 0}
.historyContentBox ul li.show::after{content:"";position:absolute;top:-10px;left: 78px;width:1px;height:calc(100% + 15px * 2);background-color:#e5e5e5}
.historyContentBox .historyItemList li{padding: 40px 0;}
.historyContentBox ul li .tit{color: #898f97;text-align: center;position: relative;display: flex;align-items: center;justify-content: space-between;width: 110px;z-index: 1;}
.historyContentBox ul li .tit h3 i{color: #d5d5d5;text-align: center;font-size: 34px;margin: 10px;}
.yearLine {position: relative;display: flex;text-align: center;font-size: 25px;align-items: baseline;font-weight: 600;color: #535353;}
.yearLine span {color: #e3e3e3;font-size: 17px;font-weight: 400;line-height: 1;letter-spacing: 1px;display: inline-block;text-align: center;display: none;}
.historyContentBox ul li .tit::before {content: "";position: absolute;top: calc(50% - 7px);z-index: 1;width: 14px;height: 14px;border-radius: 50%;border: 1px solid #df5638;right: 24px;}
.historyContentBox ul li .tit::after {content: "";position: absolute;top: calc(50% - 2px);width: 4px;height: 4px;border-radius: 50%;background-color: #df5638;-webkit-box-shadow: 0 0 0 10px #f5f5f5;box-shadow: 0 0 0 10px #f5f5f5;right: 29px;}
.yearLine::before {position: absolute;top: 50%;left: 136px;width: 9px;height: 9px;margin-top: -4.5px;display: none;}
.monthRound {position: absolute;top: 16px;left: -30px;z-index: 1;display: flex;justify-content: center;align-items: center;width: 0px;height: 0px;font-size: 15px;font-family: Arial, Helvetica, "Noto Sans TC", sans-serif;font-weight: bold;color: #494949;background-color: #ffffff;border-radius: 5%;border: 1px solid #dddddd;box-shadow: 0 0 0 4px #dddddd, 0 0 0 9px #fff;}
.monthRound::after {content: '.';display: none;}
.historyItemList {padding-top: 0px;padding-bottom: 0px;padding-left: 20px;padding-right: 20px;width: calc(100% - 110px);}
.historyItemList h2{color: #df5638;margin-bottom: 5px;font-size: 23px;font-weight: 600;}
.historyItemList p{font-size:16px;}
.historyItemList li {position: relative;}
.historyItemList li{color: #333;position: relative;}
.historyItemList li + li {margin-top: 10px;}
.historyItemList li .textEditor.clearfix {overflow: hidden;color: #535353;position: relative;font-weight: 600;display: flex;flex-direction: column;}
.historyItemList li .textEditor.clearfix h2{font-size:22px;font-weight:600;padding:0px 0 0px;color:var(--primary);}
.historyItemList li .textEditor.clearfix p{padding: 10px 0;margin: 0;line-height: 160%;display: inline-block;font-size: 16px;font-weight: 400;}
.historyItemList li .textEditor.clearfix .leftBox {overflow: hidden;float: left;width: 57%;}
.historyItemList li .textEditor.clearfix .leftBox h2{font-size: 22px;padding-bottom: 10px;color: #000;}
.historyItemList li .textEditor.clearfix .leftBox article{color: #4b4b4b;font-weight: 500;font-size: 15px;}
.historyItemList li .textEditor.clearfix .rightBox  {overflow: hidden;float: right;width: 40%;}
.historyItemList .textEditor {font-size: 18px;}
.historyQuickLinkBox {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 75px;}

.historyLinkItem {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding: 5px 20px;border-radius: 30px;border: 1px solid #1884c4;}
.historyLinkItem::before {content: '';margin-right: 20px;font-size: 16px;color: #373737;}
.historyLinkItem a {position: relative;z-index: 1;padding: 10px 20px;border-radius: 30px;font-family: Arial, Helvetica, "Noto Sans TC", sans-serif;color: #777;overflow: hidden;}.historyLinkItem a + a {margin-left: 10px;}
.historyLinkItem a::before {content: '';position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: linear-gradient(to right, #2d77bc 0, #29bc9f 100%) 0 0 no-repeat;opacity: 0;}

.imgcenterJ{display: flex;flex-direction: column;align-items: center;}

/*teamJ*/
#teamJ{position:relative;margin-top:20px;margin-bottom:40px}
#bomamimg{position:relative;display:flex;flex-direction:column}
#bomamimg .mmaimg{display:flex;flex-direction:row;align-items:center;margin-bottom:20px;padding:0;background-color:rgb(243 243 243 / 65%)}
#bomamimg .mmaimg .maten{display:flex;margin:40px 0 0}
#bomamimg .mmaimg .maten .mateJbox{display:flex;flex-direction:column;align-items:center;padding:20px;border-left:gainsboro 1px solid}
#bomamimg .mmaimg .maten .mateJbox:first-child{border-left:none}
#bomamimg .mmaimg .maten .mateJbox img{width:60px}
#bomamimg .mmaimg .maten .mateJbox p{font-size:14px}
#bomamimg .mmaimg .boomimg{display:flex;width:50%}
#bomamimg .mmaimg .boomimg img{object-fit:cover}
#bomamimg .mmaimg:nth-child(2) .boomimg{order:2}
#bomamimg .mmaimg .maimfoo{display:flex;flex-direction:column;align-items:flex-start;padding:50px 30px;width:50%;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.mmaimg .maimfoo h4{font-size:23px;line-height:180%}
.mmaimg .maimfoo p{font-size:16px}
#teamJ .manbox{display:flex;width:100%;flex-wrap:wrap}
#teamJ .manbox .manlist{display:flex;width:calc(33% - 8px);margin:10px 3px;border:#b9b9b96e 1px solid;border-radius:15px;flex-direction:column}
#teamJ .manbox .manlist:hover img{-moz-transform:scale(0.96);-webkit-transform:scale(0.96);-o-transform:scale(0.96);-ms-transform:scale(0.96);transform:scale(0.96)}
#teamJ .teamJimg{display:flex;flex-direction:column;align-items:center;justify-content:center}
#teamJ .teamJtext{padding:5px 0;width:100%;position:relative}
#teamJ .Jtetiele{display:flex;align-items:center;padding:6px 0;border-bottom:#afafaf82 1px solid;transition:unset;margin-right:0;justify-content:center;position: relative;z-index:9;width:100%;background: #da5334;}
.itmm{padding:0px 0 10px;margin-bottom:10px}
.itmm p{position:relative;padding:3px 10px 5px;font-size: 16px;}
.itmm p .fa{margin-right:5px}
.itmm p:after{content:"";border-color:#6e6e6e;border-top-style:dotted;border-top-width:1px;position:absolute;bottom:0;width:96%;left:2%}
.itmm .barbar{padding:10px 10px;background:#e5e5e5;color:#696969;font-size:20px}
#teamJ .manbox .manlist:hover .Jtetiele{color:#6dd0cd}
#teamJ .Jtetiele h2{font-size: 25px;line-height:100%;margin-bottom:0;color:white;margin: 0;margin-right: 8px;}
#teamJ .Jtetiele h3{font-size: 25px;color:white;margin: 0;}
#teamJ .teamJimg img{width:390px;max-width:90%;margin:5%}

/*tataJtable*/
.tataJtable table{width: 100%;border-spacing: 0;}
.tataJtable .taJJbarbar{width: 100%;}
.tataJtable table td{border: #efefef 1px solid;padding: 6px;font-size: 16px;}
.tataJtable .cocolrJ{background: #da5334;}
.tataJtable .cocolrJ p{color: #ffffff;text-align: center;padding: 10px 0;}
.tataJtable .taJJbarbar p{text-align: center;font-size: 18px;}

/*papa_nav*/
.papa_nav .gutenverse-menu-wrapper ul.gutenverse-menu{margin-bottom:10px;border-radius:555px;gap:10px;display:flex;justify-content:center;padding:10px 0 20px}
.papa_nav .gutenverse-menu-wrapper ul.gutenverse-menu li a{border:#e2e2e2 1px solid;margin:15px 0;padding:10px 20px;border-radius:555px;font-size:18px}
.papa_nav .gutenverse-menu-wrapper ul.gutenverse-menu li a:hover{background:#da5334;color:#ffffff;}
.papa_nav .gutenverse-menu-wrapper ul.gutenverse-menu li.current-menu-item a{background:#da5334;color:#ffffff;}

pre {margin: 0px 0 20px;padding: 20px;color: #2080ad;background-color: #fafafa;font-size: 16px;}


h2.dacatitle{font-size: 20px;padding: 10px 0;margin-top: 30px;font-weight: 400;margin-bottom: 5px;}

h3.wp-block-heading{font-size: 24px;font-weight: 700;padding: 15px 0 2px;}

.size16{font-size: 16px;}
@media screen and (max-width: 1470px) {
	#teamJ .manbox .manlist{margin:0 3px;width:calc(49% - 6px)}
    #teamJ .teamJimg img{width:330px}
}
@media screen and (max-width: 1300px){
    #bomamimg .mmaimg{display:flex;flex-direction:column}
    #bomamimg .mmaimg:nth-child(2) .boomimg{order:unset}
    #bomamimg .mmaimg .boomimg{width:100%}
    #bomamimg .mmaimg .maimfoo{width:100%}
}
@media screen and (max-width: 980px) {
    #teamJ .manbox{display:flex;flex-direction:column;align-items:center}
    #teamJ .manbox .manlist{width:calc(100% - 10px);margin:10px 0;display:flex;flex-direction:column}
    #teamJ .teamJimg{width:100%}
    #teamJ .teamJtext{padding:10px 8px;width:calc(100% - 16px)}
	.tataJtable{overflow-x: scroll;}
	.tataJtable table{width: 1000px;}
}
@media screen and (max-width: 640px) {
    #bomamimg .mmaimg .maten{display:flex;flex-wrap:wrap}
    #bomamimg .mmaimg .maten .mateJbox{width:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:10px}
    #bomamimg .mmaimg .maten .mateJbox:nth-child(3n){border-left:none}
    #bomamimg .mmaimg .maimfoo{padding:5px 10px}
}

@media (max-width: 767px) {
	.historyList {padding-top: 30px;margin-top: 20px;}
	.yearLine {font-size: 17px;}
	.historyContentBox ul li .tit{}
	.yearLine span{font-size: 15px;}
	.yearLine::before {left: 21.5px;}
	.yearLine::after {display: none;}
	.monthRound {left: -18px;box-shadow: 0 0 0 3px #dddddd, 0 0 0 9px #fff;}
	.historyItemList {width: calc(100% - 30px);padding-left: 0;}
	.historyItemList li .textEditor.clearfix .leftBox,.historyItemList li .textEditor.clearfix .rightBox {overflow: hidden;float: none;width: 100%;}
	.historyItemList li + li {margin-top: 12px;}
	.historyItemList .textEditor {padding-top: 0px;font-size: 14px;}
	.historyItemList li .textEditor.clearfix p{font-size:15px}
	.historyContentBox .yearLine{font-size: 23px;}
}


@media (max-width: 425px) {
	.historyContentBox ul li .tit{width:60px}
	.historyContentBox ul li .tit::before{right:21px}
	.historyContentBox ul li .tit::after{right:26px}
	.historyItemList li .textEditor.clearfix h2{font-size:18px}
	.historyItemList{width:calc(100% - 0px);padding-right:10px}
	.historyList::before,.historyContentBox ul li.show::after{left:24px}
}