/*
Theme Name: chaserchaser
Theme URI: 
Author: Sunday
Author URI: 
Description: 
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, sticky-post
Version: 2023.1
Requires at least: 5.2
Tested up to: 5.9
Requires PHP: 8.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: chaserchaser

chaserchaser WordPress Theme © 2022
chaserchaser is distributed under the terms of the GNU GPL
*/

html {}
body {background-color:#FBFBFB;font-size:16px; font-family:'Noto Sans TC', sans-serif; font-weight:normal}
h1, h2, h3, h4, h5, h6 {font-family: 'Noto Serif HK', serif;}
h2 {font-size:2rem; font-weight:600;}
h3 {font-size:1.5rem; font-weight:600;}
h4 {font-size:1.3rem; font-weight:600;}
h5 {font-size:1.3rem;}
h6 {font-size:1.1rem;}
small {font-size:0.85rem}
p {line-height:1.6;}
a {color:#DB9210; font-weight:bold;text-decoration:none;}
a:hover {color:#D8342C; transition:0.3s; text-decoration:underline}
a img {transition:opacity 0.3s;}
a:hover img {opacity:0.8; transition:opacity 0.3s;}
/*blockquote {background-color:#F5A61B; padding:1rem 1rem 0.2rem 1rem; font-weight:bold; color:white;}*/
blockquote {
	position: relative; 
    text-align: center;
    padding: 1rem 1.2rem;
    width: 80%;
    margin: 2rem auto 2rem;
    background-repeat: no-repeat;
}
blockquote:before,
blockquote:after{
    position: absolute;
    color: #F5A61B;
    font-size: 4rem;
    top: 0;
}

blockquote:before{
    content: "“";
    margin-right: -1rem;
    right: 100%;
}
blockquote:after{
    content: "”";
    margin-left: -1rem;
    left: 100%;
}
#content hr {
  border: 0;
  text-align: center;
  height:3rem;
  background-color:inherit;
  opacity: 1;
}
#content hr:before {
  content: "\2022  \2022  \2022  \2022  \2022";
  font-size: 50px;
  color: #F5A61B;
}
/* color 
primary-yellow: #F5A61B | primary-yellow2: #DB9210
seconday-yellow: #FAC449 | success-green: #13AC10
danger-red: #D8342C | warning-yellow: #FDCD00
info-blue: #5AB1BB | dark: #393E41
*/

.alignleft {float:left; margin-right:1rem; margin-bottom:0.5rem}
.alignright {float:right; margin-left:1rem; margin-bottom:0.5rem}
.aligncenter {display:block; margin-left:auto; margin-right:auto; margin-bottom:0.5rem}
.alignnone {display:block; margin-bottom:0.5rem}

/* menu */

#header-brand {
	text-align:left;
}

.navbar-brand {
	/*background: url(/wp-content/themes/chaser2022/img/logo-chasernews.svg) left center no-repeat;*/
	/*width:14.5rem; height:4rem;*/
 /*   text-indent: -9999px;*/
    margin:0; padding:0;
}

.navbar {
	padding-bottom:0;
	padding-right:0;
}

.menu-item {
	padding:0 0.5rem;
}

.menu-item a{
	color: black;
}

#primary-menu {
	font-family: 'Noto Serif HK', serif;
	font-size: 1.25rem;
	font-weight: bold;
}

#primary-menu li:last-child a {
	background-color: #FAC449;
	padding: 0.7rem;
}

#secondary-menu li {
	border-right:0.1rem solid black;
}

#secondary-menu li:last-child {
	border-right:0;
}

#secondary-menu li a {
	font-weight: normal;
}

#bottom-menu ul {
	list-style:none;
	margin:0.5rem 0 1rem 0;
	padding:0;
}
#bottom-menu li {
	float:left;
	margin:0;
	border-right:0.1rem solid black;
	font-size:0.9rem;
}

#bottom-menu li:first-child {
	padding-left:0;
}

#bottom-menu li:last-child {
	border-right:0;
}

/* header */

#site-description {
	font-size: 0.85rem;
}

.ydot {
  height:3.5rem; width:3.5rem;
  margin-top:5.5rem;
  background-color: #FAC449;
  border-radius: 50%;
  display: inline-block;
}

.entry-title .ydot {
  height:3rem; width:3rem;
  margin:0 0 -0.7rem -1rem;
  mix-blend-mode: multiply;
}

/* listing */

.entry-date, .rltdpstsplgn-post-count {
	font-size: 0.85rem;
	color:grey;
}

#content article a:hover {
	text-decoration: none;
}

#content article.post h4,
#content .hero-image h4{
	border-left:0.25rem solid #FAC449;
	padding-left:1rem;
	margin-bottom:0;
}

#content article.post a h4 {
	color: black;
}

#content article.post a:hover h4 {
	color: #D8342C;
}


.img-hover-zoom {
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

.img-hover-zoom img {
  transition: transform .2s ease;
}

.img-hover-zoom:hover img {
  transform: scale(1.05);
}

.archive .header {
	margin-top:-0.5rem;
	padding-bottom:1rem;
	margin-bottom:2.5rem;
	border-bottom:0.2rem solid #FAC449;
}

.author-pic {
	float: left;
}

.author .author {
	border-left:0.25rem solid #FAC449;
	padding-left:1rem;
}

.author-pic .wp-user-avatar {
	border-radius:50%;
	box-shadow: 1.5rem 0 #FAC449;
}

.wp-caption, .wp-caption img {
	max-width:100%;
	height:auto;
}

.wp-caption.alignleft {
	float:left;
}

.pagination ul {
	list-style:none;
	margin:auto;
	padding:0;
}

.pagination ul li{
	float:left;
	margin:0.5rem;
	padding:0.4rem;
}

.pagination ul li a{
	color: black;
}

.pagination ul .current {
	background-color:#FAC449;
	padding:0.4rem 0.6rem;
	font-weight:bold;
}

/* single post / page */

#content h2 {margin-bottom:1.5rem;}
#content h3, #content h4 {margin-bottom:1rem;}

#content .inside-grid-column {
	padding: 0 1.5rem 0 0;
	margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.cat-links a {
	padding:0.2rem 0.4rem;
	margin-right:0.4rem;
	color:black;
}

.cat-links a:nth-child(1){background-color:#F5A61B;}
.cat-links a:nth-child(2){background-color:#FAC449;}
.cat-links a:nth-child(3){background-color:#13AC10;color:white;}
.cat-links a:nth-child(4){background-color:#D8342C;color:white;}
.cat-links a:nth-child(5){background-color:#393E41;color:white;}

/*.entry-content iframe {
	width: 100%!important;
	height:25.2VW;
}*/

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
	line-height: auto;
	margin: 2rem 0 1rem 0;
	padding: 0!important;
	border-left: none!important;
}

.container-imagetext {
  position: relative;
}

.hero-text {
  position: absolute;
  bottom: 0;
  color: white;
  margin-left: 1rem;
  margin-right: 2rem;
  text-shadow: 2px 2px 2px #000000;
}
.hero-text h4 {
	border-left:0.25rem solid #FAC449;
	padding-left:1rem;
}

.entry-attachment img {
	border: 1px solid grey;
}

.attach-navigation .prev {
	float:right;
	width:48%;
}

.attach-navigation .next {
	float:left;
	width:48%;
	opacity:0.2;
}

.attach-navigation img {
	width:100%!important;
	border: 1px solid grey;
	height:auto;
}

/* Feature Home */

.page-template-default .header {
	margin-top: -0.5rem;
}

.page-template-default table, .page-template-default th, .page-template-default td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 1rem;
}

.feature-row {
 -moz-column-width: 20rem;
 -webkit-column-width: 20rem;
 -moz-column-gap: 1.5rem;
 -webkit-column-gap: 1.5rem; 
 margin:0;
 column-count: 3;
 column-fill: auto;
}

.feature-row .fpost {
 display: inline-block;
 width:  100%; 
}

/*.page-template-feature-home .entry-content iframe {
	width: 100%!important;
	height:44.5VW;
}*/

/* sidebar */

.m-chart-container {
	margin: 2rem 0;
}
 
.widget-area .xoxo {
	list-style:none;
	padding:0 15px;
}

.widget-area .xoxo h3 {
	margin-bottom:1.5rem;
}

.widget-area .xoxo li {
	padding-bottom:2rem;
	margin-bottom:2rem;
	border-bottom:0.2rem solid #FAC449;
	width:100%;
}

.widget-area .xoxo .widget_pplrpsts_popular_posts_widget,
.widget-area .xoxo .widget_ltstpsts_latest_posts_widget {
	padding-bottom:0;
}

.widget-area .xoxo li .post {
	margin-bottom:1.5rem;
}

.widget-area .xoxo li .post .entry-header h4 {
	border-left:0.25rem solid #FAC449;
	padding-left:0.7rem;
	margin-bottom:0;
	font-size:1.3rem;
	font-weight:500;
}

.widget-area .xoxo li .post:nth-child(3n+1) .entry-header h4 {
	border-left:0.25rem solid #13AC10;
}

.widget-area .xoxo li .post .entry-content {
	display:none;
}

.widget-area .xoxo li .post:nth-child(2) .entry-content,
.widget-area .xoxo li .post:nth-child(4) .entry-content{
	display:block;
}

.widget-area .xoxo li .entry-header a {
	color: black;
}

.widget-area .xoxo li .entry-header a:hover {
	color:#D8342C;
	text-decoration:none;
}

.tagcloud a { 
  display: inline-block;
  margin: 0.2rem;
  padding: 0.3rem;	
  color: black;
  border:0.2rem solid #FAC449;
  border-radius: 4px;
}

.search-field {
	padding:0.4rem 0.5rem;
}

.search-submit {
	padding: 0.4rem 0.5rem;
    background-color: #ffc107;
}

.widget_tag_cloud h3, .widget_search h3 {
	display:none;
}

/* footer */

.call-for-action-banner {
	background-color:#FAC449;
	padding:0;
}

.call-for-action-banner h4 {
	font-weight:bold;
}

#wrapper .btn-primary {
	background-color:#DB9210;
	border-color:#DB9210;
}

#wrapper .btn-primary:hover {
    color: #fff;
    background-color: #7D5315;
    border-color: #7D5315;
}

#footer {
	background-color:#CCCCCC;
}

.post-share-link {
	display:inline-block;
    margin-top: 1rem;
    padding: 0.3rem;
    border: 0.2rem solid #FAC449;
    border-radius: 4px;
}

.post-edit-link {
	display:inline-block;
    margin-top: 2rem;
    padding: 0.6rem;
    border: 0.2rem solid black;
    background-color:#D8342C;
    color:white;
    border-radius: 4px;
    float: right;
}

.post-edit-link:hover {
	color: #FAC449;
}

#social-media {
  justify-content: flex-end;
}

#social-media > a {
  margin:auto 0.75rem;
}

/* home or mobile only */

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.page .entry-content iframe {
    width: 100%;
    height: 50vw;
}

/* home */

.hero-banner, .action-banner {
  height: 25rem;
}

.action-banner, .action-banner2, .data-banner {
  height: 20rem;
}

.action-banner2 {
	border: 0.3rem solid #FAC449;
}

.hero-image {
  width: 100%;
  height: 100%;
  background-color: grey; /* fallback color */
  background-position: center;
  background-size: cover;
}

.home .deco-cicle .ydot{
	display:none!important;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 767px) {

.container {
	max-width: 100%;
}

#masthead {
	background-color: #FAC449;
    position: fixed;
    z-index: 999;
    display: block;
    height: 5rem;
    width: 100%;
}

.home #masthead {
	position:relative;
	height: auto;
	background:none;
}

#masthead .container {
padding: 0;
background-color: #FAC449;
box-shadow: 0rem 0.8rem #5AB1BB;
}

#header-slope {
width: 0;
max-width:100%;
overflow-x:hidden;
height: 0;
border-style: solid;
border-width: 2rem 17.5rem 0 0;
border-color: #FAC449 transparent transparent transparent;
}

.home .row.align-items-end {
	margin:0;
}

#mobile-home-menu {
  list-style:none;
  padding:0;
  margin-top:6rem;
  margin-left:1rem;
}

.home #mobile-home-menu {
	margin-top:3rem;
}

#mobile-home-menu li {
	font-size:1.8rem;
	font-family:'Noto Serif HK', serif;
}

#mobile-home-secmenu {
	display:inline-block;
	margin-left:1rem;
	z-index:999;
}

#mobile-home-secmenu li {
	float:left;
	margin-right: 1rem;
}

#masthead .navbar {
	padding: 0;
	margin: 0;
}

#masthead .navbar-toggler {
	margin: 1rem 0 0.6rem 1rem;
	z-index:10;
}

#masthead .secondary-menu-con {
	/*margin-top:-1rem!important;*/
	z-index:10;
}

#secondary-menu {
	margin:0 1rem 1rem 1rem;
	display: block;
}

#secondary-menu .menu-item {
	display: inline-block;
	float: left;
	margin-bottom:0.5rem;
}

#primary-menu {
	margin:0 1rem 1rem 1rem;
}

#primary-menu .menu-item {
	padding-top:0.6rem;
	padding-bottom:0.6rem;
}

#primary-menu .menu-item:last-child a {
	background: black;
	color: white;
	margin-top: 0.2rem;
}

.navbar-light .navbar-toggler {
	border:none!important;
}

.navbar-light button:focus {outline:0;}

.navbar-light .navbar-toggler .icon-bar {
    background-color: #000;
    height: 0.35em;
    width: 35px;
    display: block;
    border-radius: 1px;
    margin: 6px 0;
}

.navbar-light .navbar-collapse {
	background-color:#FAC449;
}

#content {
	margin-top:12rem;
}

.home #content {
	margin-top:2rem;
}

.home .wp-post-image {
	display: none;
}

#header-brand {
	text-align: right;
	position: fixed;
    top: 0.6rem;
    right: 0.4rem;
    z-index:999;
    width: auto;
}

.home #header-brand {
	text-align:left;
	left:0;
	position:relative;
}

a.navbar-brand {
    width: 80%;
    height: auto;
}

/* Home */

.action-banner2 {
    margin-left: 1rem;
    margin-right: 1rem;
    height: auto;
    flex: auto;
}

.home .navnav {
	display:none;
}

/* Home End */

/*.entry-content iframe {
    height: 53VW!important;
}*/

#bottom-menu ul {
	margin: 0;
}

#menu-bottommenu li {
	width: 45%;
	padding:0;
	border-right:none;
	margin-bottom: 0.6rem;
	margin-left: 0;
}

.entry-content .gallery {
	overflow: hidden;
}

.entry-content .gallery .wp-caption-text {
	display:none;
}

.entry-content .gallery .gallery-item {
	width:48%!important;
	float:left!important;
	margin-right:1%!important;
}

.entry-content .gallery br {
	clear: inherit!important;
}
.entry-content .gallery .gallery-item img {
	width: 100%;
	height: auto;
}

.post-edit-link {
	float:none;
	margin-top: 1rem;
}

}