/* Cameron Highlands embed view: replace Yclas Custom CSS with this complete file.
   Tick Active and Save. It keeps the category heading hidden. */
/* The Equity files are served from www. If the marketplace rejects cross-origin
   fonts, upload the WOFF2 files to its Media library and update these URLs. */
@font-face{font-family:CameronEquity;src:url('https://www.cameron-highlands.my/equity-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:CameronEquity;src:url('https://www.cameron-highlands.my/equity-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--cameron-ink:#28302a;--cameron-green:#286342;--cameron-paper:#fff}
html,body,#outer-wrap,#inner-wrap,#main{background:#fff!important;background-image:none!important}
body{font-family:CameronEquity,Georgia,serif!important;font-size:20px!important;line-height:1.5!important;color:var(--cameron-ink)!important}
/* The landing page supplies the header and publish link around this embed. */
.navbar.navbar-default,#nav,footer,#inner-wrap footer,.footer-copyright,#inner-wrap .footer-copyright{display:none!important}
.categories > h2,.categories h2,.categories-title,.category-title{display:none!important}
.categories{background:#fff!important}
.search-container,#main,.categories{background:#fff!important;background-image:none!important;border:0!important;box-shadow:none!important}
.search-container .search-frm{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(0,1.35fr) minmax(0,1.35fr) 64px!important;align-items:center!important;gap:12px!important;height:auto!important;width:100%!important}
.search-container .search-frm>div{float:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important}
.search-container .search-frm .control,.search-container .search-frm .select2-container{width:100%!important;min-width:0!important}
.search-container .search-frm input.search-query,.search-container .search-frm .select2-selection--single{width:100%!important;min-height:60px!important;height:60px!important;border:1px solid #c9d4ca!important;border-radius:4px!important;background:#fff!important;box-shadow:none!important}
.search-container .search-frm input.search-query{padding:12px 18px!important;margin:0!important;color:var(--cameron-ink)!important;font-style:normal!important}
.search-container .search-frm input.search-query::placeholder{color:#66736a!important;opacity:1!important;font-style:normal!important}
.search-container .search-frm .select2-selection__rendered{line-height:58px!important;padding-left:16px!important;color:var(--cameron-ink)!important}
.search-container .search-frm .select2-selection__arrow{height:58px!important}
.search-container .search-frm .submit-btn button{display:grid!important;place-items:center!important;width:64px!important;height:60px!important;min-height:60px!important;padding:0!important;border-radius:4px!important}
.navbar .brand,.navbar .brand h1{font-family:CameronEquity,Georgia,serif!important;color:var(--cameron-ink)!important;font-weight:700!important;font-size:29px!important;line-height:1.2!important}
.navbar .btn.btn-primary,.btn.btn-primary,.btn-success,.search-container .btn{background:var(--cameron-green)!important;border-color:var(--cameron-green)!important;color:#fff!important;font-weight:700!important}
.navbar .btn.btn-primary:hover,.btn.btn-primary:hover,.btn-success:hover,.search-container .btn:hover{background:#1b4931!important;border-color:#1b4931!important}
.btn,.form-control{font-family:CameronEquity,Georgia,serif!important;font-size:20px!important;line-height:1.4!important;min-height:50px!important}
input.search-query.form-control{min-height:56px!important}
.btn:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #338e18!important;outline-offset:3px!important}
.categories h2,.category h5{font-family:CameronEquity,Georgia,serif!important;color:var(--cameron-ink)!important}
.category{background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:178px!important}
.category:hover{background:#fff!important}
.category a{color:var(--cameron-ink)!important;text-decoration:none!important;background:#fff!important;border:0!important;box-shadow:none!important}
.category h5{font-size:22px!important;line-height:1.2!important;margin-block:10px!important}
.category .badge{font-family:CameronEquity,Georgia,serif!important;font-size:18px!important;line-height:1.35!important;background:#fff!important;color:var(--cameron-ink)!important;border:1px solid #dce1d9!important}
@media(max-width:900px){.search-container .search-frm{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.search-container .text-input{grid-column:1/-1!important}.search-container .submit-btn{grid-column:1/-1!important}.search-container .submit-btn button{width:100%!important}}
@media(max-width:600px){body{font-size:20px!important}.search-container .search-frm{grid-template-columns:1fr!important}.search-container .search-frm>div{grid-column:1!important}.category{min-height:165px!important}.category h5{font-size:20px!important}}
