*,::after,::before{ box-sizing:border-box } @font-face{ font-display:swap; } :root{ --bs-blue:#0d6efd; --bs-indigo:#6610f2; --bs-purple:#6f42c1; --bs-pink:#d63384; --bs-red:#dc3545; --bs-orange:#fd7e14; --bs-yellow:#ffc107; --bs-green:#198754; --bs-teal:#20c997; --bs-cyan:#0dcaf0; --bs-white:#fff; --bs-gray:#6c757d; --bs-gray-dark:#343a40; --bs-primary:#0d6efd; --bs-secondary:#6c757d; --bs-success:#198754; --bs-info:#0dcaf0; --bs-warning:#ffc107; --bs-danger:#dc3545; --bs-light:#f8f9fa; --bs-dark:#212529; --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0)) } html{ color:#707070; line-height:1.4; } body{ margin:0; padding:0; font-family:var(--bs-font-sans-serif); font-size:1rem; font-weight:400; color:#212529; background-color:#fff; -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:transparent } a{ text-decoration:none; color:#000; word-break:break-word; } p{ font-size:18px } ul{ padding:0; margin:0 } ul li{ list-style:none } figure{ margin:0 } img{ max-width:100%; height:auto } button{ border:none; cursor:pointer; background:0 0; outline:0 } input,select{ outline:0 } p a{ color:#2659fa!important; word-break:break-word } pre::-webkit-scrollbar{ -webkit-appearance:none; height:5px; } pre::-webkit-scrollbar-thumb{ border-radius:5px; background-color:rgba(0,0,0,.5); -webkit-box-shadow:0 0 1px rgba(255,255,255,.5); } h1{ font-size:40px; } h2{ font-size:32px; } h3{ font-size:25px; } pre{ width:100%; padding:1rem .5rem; background-color:#f6f6f6; overflow-x:auto; } code{ word-break:break-word; background-color:#f6f6f6; } mark{ background-color:#ff0!important } object{ pointer-events:none } .code-background{ padding:1.5rem } .container,.container-cstm,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{ width:100%; margin-right:auto; margin-left:auto } @media (min-width:576px){ .container,.container-sm{ max-width:540px } .container-cstm{ max-width:576px } } @media (min-width:768px){ .container,.container-md,.container-sm{ max-width:830px } .container-cstm{ max-width:768px } #category-content{ padding:0 1rem } } @media (min-width:992px){ .container,.container-lg,.container-md,.container-sm{ max-width:980px } .container-cstm{ max-width:992px } } @media (min-width:1200px){ .container,.container-lg,.container-md,.container-sm,.container-xl{ max-width:1180px } .container-cstm{ max-width:1200px } } .row{ display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap } .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lag,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{ position:relative; width:100% } .col{ -ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100% } .col-auto{ -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:100% } .col-1{ -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333% } .col-2{ -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667% } .col-3{ -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% } .col-4{ -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333% } .col-5{ -ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667% } .col-6{ -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% } .col-7{ -ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333% } .col-8{ -ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667% } .col-9{ -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% } .col-10{ -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333% } .col-11{ -ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667% } .col-12{ -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% } @media (min-width:576px){ .col-sm{ -ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100% } .col-sm-auto{ -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:100% } .col-sm-1{ -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333% } .col-sm-2{ -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667% } .col-sm-3{ -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% } .col-sm-4{ -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333% } .col-sm-5{ -ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667% } .col-sm-6{ -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% } .col-sm-7{ -ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333% } .col-sm-8{ -ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667% } .col-sm-9{ -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% } .col-sm-10{ -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333% } .col-sm-11{ -ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667% } .col-sm-12{ -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% } } @media (min-width:768px){ .col-md{ -ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100% } .col-md-auto{ -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:100% } .col-md-1{ -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333% } .col-md-2{ -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667% } .col-md-3{ -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% } .col-md-4{ -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333% } .col-md-5{ -ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667% } .col-md-6{ -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% } .col-md-7{ -ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333% } .col-md-8{ -ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667% } .col-md-9{ -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% } .col-md-10{ -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333% } .col-md-11{ -ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667% } .col-md-12{ -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% } } @media (min-width:992px){ .col-lg{ -ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100% } .col-lg-auto{ -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:100% } .col-lg-1{ -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333% } .col-lg-2{ -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667% } .col-lg-3{ -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% } .col-lg-4{ -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333% } .col-lg-5{ -ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667% } .col-lg-6{ -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% } .col-lg-7{ -ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333% } .col-lg-8{ -ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667% } .col-lg-9{ -ms-flex:0 0 75%; flex:0 0 75%; max-width:75% } .col-lg-10{ -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333% } .col-lg-11{ -ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667% } .col-lg-12{ -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% } } .img-fluid{ width:100%; max-width:100%; height:auto } .d-flex{ display:flex } .d-none{ display:none } .d-block{ display:block } .d-inherit{ display:inherit } .p-relative{ position:relative } .p-absolute{ position:absolute } .justify-content-center{ justify-content:center } .justify-content-right{ justify-content:flex-end } .justify-content-space-between{ justify-content:space-between } .mw-100{ max-width:100%; } .m-auto{ margin:auto!important } .mr-auto{ margin-right:auto!important } .ml-auto{ margin-left:auto!important } .mt-auto{ margin-top:auto!important } .mb-auto{ margin-bottom:auto!important } .ml0{ margin-left:0!important } .mr0{ margin-right:0!important } .mt0{ margin-top:0!important } .mb0{ margin-bottom:0!important } .m-0-4{ margin:.4rem!important } .mt-0-4{ margin-top:.4rem!important } .mr-0-4{ margin-right:.4rem!important } .mb-0-4{ margin-bottom:.4rem!important } .ml-0-4{ margin-left:.4rem!important } .mt-0-5{ margin-top:.5rem!important } .mb-0-5{ margin-bottom:.5rem!important } .m1{ margin:1rem!important } .mt1{ margin-top:1rem!important } .mr1{ margin-right:1rem!important } .mb1{ margin-bottom:1rem!important } .ml1{ margin-left:1rem!important } .m-1-5{ margin:1.5rem!important } .mt-1-5{ margin-top:1.5rem!important } .mr-1-5{ margin-right:1.5rem!important } .mb-1-5{ margin-bottom:1.5rem!important } .ml-1-5{ margin-left:1.5rem!important } .m2{ margin:2rem!important } .mt2{ margin-top:2rem!important } .mr2{ margin-right:2rem!important } .mb2{ margin-bottom:2rem!important } .ml2{ margin-left:2rem!important } .m3{ margin:3rem!important } .mt3{ margin-top:3rem!important } .mr3{ margin-right:3rem!important } .mb3{ margin-bottom:3rem!important } .ml3{ margin-left:3rem!important } .mt5{ margin-top:5rem!important } .mb5{ margin-bottom:5rem!important } .p-0-3{ padding:.3rem!important } .pt-0-3{ padding-top:.3rem!important } .pb-0-3{ padding-bottom:.3rem!important } .pl-0-3{ padding-left:.3rem!important } .pb-0-3{ padding-right:.3rem!important } .p-0-4{ padding:.4rem!important } .p-0-5{ padding:.5rem!important } .pt-0-5{ padding-top:.5rem!important } .pb-0-5{ padding-bottom:.5rem!important } .p1{ padding:1rem!important } .pt1{ padding-top:1rem!important } .pr1{ padding-right:1rem!important } .pb1{ padding-bottom:1rem!important } .pl0{ padding-left:0!important } .pl1{ padding-left:1rem!important } .p-1-5{ padding:1.5rem!important } .pt-1-5{ padding-top:1.5rem!important } .pr-1-5{ padding-right:1.5rem!important } .pb-1-5{ padding-bottom:1.5rem!important } .pl-1-5{ padding-left:1.5rem!important } .p2{ padding:2rem!important } .pt2{ padding-top:2rem!important } .pr2{ padding-right:2rem!important } .pb2{ padding-bottom:2rem!important } .pl2{ padding-left:2rem!important } .p3{ padding:3rem!important } .pt3{ padding-top:3rem!important } .pr3{ padding-right:3rem!important } .pb3{ padding-bottom:3rem!important } .pl3{ padding-left:3rem!important } .pl5{ padding-left:5rem!important } .pr5{ padding-right:5rem!important } .w-50{ width:50% } .w-100{ width:100% } .breadcrumbs{ margin:.75rem 0; } .widgettitle{ margin:.5rem 0; } .line{ width:100%; height:1px; background-color:#000; margin:.75rem 0 } .attachment-post-thumbnail,.img-fluid{ max-width:100%; height:auto } #last-shared{ margin:.83em 0 } #social-media-container{ margin-top:2rem; order:4 } #social-media-row{ justify-content:flex-end } #social-media-row img{ width:40px; padding:.2rem } .owl-nav{ float:right } button.owl-next,button.owl-prev{ color:#000; width:25px; height:25px; margin:5px; font:caption!important; font-size:22px!important; border:1px solid #000!important; outline:0 } .sidebar{ padding-left:1rem } .sidebar h5{ margin-top:0; font-weight:600!important } .category-menu-container ul{ display:flex; flex-wrap:wrap } .category-menu-container li{ flex:0 0 auto; width:50%; list-style:none } .category-menu-container .menu-item{ padding:0; margin:0; border:none; } .category-menu-container li a{ padding:.5rem; margin:5px; display:block; border:1px solid #000; text-align:center; min-height:inline } footer{ background-color:#000; margin-top:3rem } #footer-logo-container{ display:flex; padding:1rem 0 } #footer-logo-container hr{ height:73px; margin:0; border:1px solid #fff } #footer-logo{ width:130px; display:block } #footer-social-media-container{ margin-left:1rem } #footer-social-media-container img{ width:40px; padding:.2rem } .footer-link-li{ text-align:center; margin:.5rem 0; } .footer-link{ color:#fff!important; } #mail-container{ margin-top:2.5rem } #mail-address::before{ content:url(/wp-content/themes/jte/icons/mail-icon.svg); position:absolute; left:0 } #mail-address{ position:relative; padding-left:2.5rem; line-height:1.5; color:#fff } @media (max-width:768px){ .container{ padding:0 1rem } h1{ font-size:25px } h2{ font-size:20px } h3{ font-size:18px } h4{ font-size:16px } #logo-container hr,#logo-container label{ display:none } #search-btn-container{ position:static; padding:0 1rem } #search{ width:100%; border:none; border-bottom:1px solid #000; border-radius:0; background-color:#fff } #search-btn::placeholder{ opacity:1 } #search:focus{ color:#000; padding:0 } #search:focus::placeholder{ opacity:1; color:#000 } #search-btn div{ display:none } .sidebar{ padding-left:0 } #social-media-container{ margin-top:1rem; padding-bottom:10rem } #social-media-row{ justify-content:center } footer{ padding:3rem 0 } #footer-logo-container{ justify-content:center } #footer-logo{ width:90px } #footer-logo-container hr{ height:55px } .footer-social-media{ width:35px } #mail-container{ display:flex; justify-content:center } } button { border: none; cursor: pointer; background: 0 0; outline: 0 } #top-navbar {position: relative; box-shadow: 0px 8px 20px -9px #ccc;} .visible { visibility: visible !important; display: block !important; opacity: 1 !important; } #menu-toggle {display: none} #menu-list { display: flex; justify-content: center } .menu-item {padding: 15px 0; position: relative} .menu-item-link { padding: 3px 8px; color: #000; font-size: 15px; font-weight: 500; } .sub-menu { display: none; background-color: #fff; z-index: 9; } #search-btn-container { position: absolute; right: 30px; margin-top: 11px; width: 100% } #search-btn { position: relative; display: inline-block; width: 100% } #search-btn::placeholder { opacity: 0 !important; } #search { width: 25px; height: 25px; border: 2px solid #000; border-radius: 35px; float: right; transition: 1s; background-color: #fff; transform-origin: right } #search::placeholder {color: #fff;} #search-btn div { position: absolute; width: 15px; height: 3px; background-color: #000; transform: rotate(40deg); right: -10px; bottom: -1px } #search:focus { width: 100%; height: 25px; transition: 1s; outline: 0 !important; padding: 0 8px; color: #000; } #search:focus::placeholder { opacity: 1; color: #000; } #logo-container { display: flex; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } #logo { width: 100px; display: block } @media(min-width:768px) { #menu { position: relative; width: 100%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .menu-item:hover .sub-menu { display: block; position: absolute; left: 0; padding: 15px 0; width: 150px; border: 1px solid lightgray; border-top: none; margin-top: 10px; } .sub-menu li {padding: 3px 10px;} #search-container { position: relative; width: 100%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } } @media(max-width:768px) { #top-navbar {padding-bottom: 10px;} #menu {order: 3;} .menu-item:hover .sub-menu {display: block;} #search-container {order: 2} #logo-container {margin-top: 5px;} .sub-menu .menu-item { border-right: none; border-left: none; border-bottom: none; padding-bottom: 0; } .sub-menu .menu-item:last-child {margin-bottom: 0;} #menu, #search-container { visibility: hidden; display: none; transition: visibility 0.3s linear, opacity 0.3s linear; opacity: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } #menu-toggle { display: flex; justify-content: flex-end; position: absolute; right: 5px; top: 15px; } .toggle-menu-btn { height: 30px; width: 45px; right: 0; padding: 0 5px; } .second-menu-line { height: 4px; width: 30px; background-color: #000; border-radius: 20px; position: absolute; left: 0; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out } .second-menu-line:nth-child(1) { top: 0; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center } .second-menu-line:nth-child(2) { top: 8px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center } .second-menu-line:nth-child(3) { top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center } .toggle-menu-btn.open .second-menu-line:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -3px; left: 8px } .toggle-menu-btn.open .second-menu-line:nth-child(2) { width: 0; opacity: 0 } .toggle-menu-btn.open .second-menu-line:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 18px; left: 8px } #menu-list { display: block; text-align: center; padding: 0 1rem } .menu-item {border: 1px solid #000; margin: 1rem 0;} .menu-item-link { color: #000; padding: 17px 80px; border: none } #logo {width: 90px;} #logo-container hr, #logo-container label { display: none } #search-btn-container { position: static; padding: 0 1rem } #search { width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 0; background-color: #fff; } #search-btn::placeholder {opacity: 1;} #search::placeholder {color: #000;} #search:focus {color: #000; padding: 0;} #search:focus::placeholder {opacity: 1; color: #000;} #search-btn div {display: none;} }