/*---------------------------------------------------------------------------------
	Theme Name: CYCD 1.1
    Text Domain: cycd
	Version: 1.1
	Description: CYCD is a WordPress theme built by Jerry Lin for Chung Yuan Christian University
	Tags: none
	Author: Jerry Lin
	Author URI: https://www.cocomoweb.com
	License: GNU General Public License version 2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Theme URI: https://xxx
	Tested up to: 6.0
	Requires PHP: 7.4
	
	All files, unless otherwise stated, are released under the GNU General Public License
	version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

-----------------------------------------------------------------------------------

	0.	CSS Reset
	1.	Document Setup
	2.  Structure
	3.	Site Header
	4.	Archive
	5.	Singular
	6.  Entry Content
	7.	Comments
	8.	Page Templates
	9.	Site Pagination
	10.	Site Footer
	11. Media Queries

	WooCommerce specific styles are located in assets/css/woocoommerce-style.css.

----------------------------------------------------------------------------------- */

/* ******************************************************************** */ 
/*                              font-face                               */
/* ******************************************************************** */

@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:700);
/*@import url(http://fonts.googleapis.com/css?family=Acme);*/
@import url(https://fonts.googleapis.com/css?family=Paytone+One);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');

body {
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  font-family: "Noto Sans TC", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
body.about, body.faculty {
  background-image: url("assets/images/bg/bg_subject.jpg");
}
body.highlights {
  background-image: url("assets/images/bg/bg_staff.jpg");
}
body.recap {
  background-image: url("assets/images/bg/bg_facilities.jpg");
}
body.alumnus {
  background-image: url("assets/images/bg/bg_gallery.jpg");
}
body.news,
body.highschool {
  background-image: url("assets/images/bg/bg_news.jpg");
}
body.admissions {
  background-image: url("assets/images/bg/bg_admissions.jpg");
}
body.career {
  background-image: url("assets/images/bg/bg_subject.jpg");
}
body.course {
  background-image: url("assets/images/bg/bg_about.jpg");
}
body.downloads {
  background-image: url("assets/images/bg/bg_download.jpg");
}
/*html { 
  background: url(assets/images/bg/bg_news.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/
#accordion-main-menu{
/*	background-color: transparent;*/
	/*font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;*/
}
body.faculty .menu-with-background-color,
body.highlights .menu-with-background-color, body.recap .menu-with-background-color{
	background-color: rgba(246, 232, 226, 0.8);
}
body.about .menu-with-background-color,
body.career .menu-with-background-color,
body.news .menu-with-background-color,
body.highschool .menu-with-background-color,
body.admissions .menu-with-background-color,
body.alumnus .menu-with-background-color,
body.course .menu-with-background-color,
body.page .menu-with-background-color{
	background-color: rgba(255, 255, 255, 0.6);
}
body.downloads .menu-with-background-color{
	/* background-color: rgba(251,189,142,.8); */
	background-color: rgba(255,255,255,.7);
}
.menu-without-background-color{
	background-color: rgba(255,255,255,0);
}
.no-background-color{
	background-color: transparent;
}
#accordion-main-menu .accordion-header{
/*	color: rgb(255,102,102);*/
}
.accordion-item{
	background-color: transparent;
}

.accordion-button{
    color: #666;
    padding: 10px 0 7px 0;
    text-transform: uppercase;
/*    font-size: 24px;*/
/*    display: inline-block;*/
/*    letter-spacing: 2px;*/
/*    border-bottom: 2px solid #888;*/
    text-shadow: 1px 1px 1px #fff;
}
.accordion-button .menu-text{
    border-bottom: 2px solid #888;
}
.accordion-button{
	background-color: rgba(0, 0, 0, 0)!important;
}
body .accordion-button:not(.collapsed),
body .accordion-button.active {
	/*color: var(--bs-accordion-active-color);*/
    background-color: rgba(255,255,255,.0);
    color:rgb(255,102,102);
	font-weight: 500;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

body .accordion-button:not(.collapsed) .menu-text,
body .accordion-button.active .menu-text {
    border-bottom-color: rgb(255,102,102);
}

body.about .actived a,
body.about section h1,
body.about #contact a:hover,
body.career .actived a,
body.career section h1,
body.career #contact a:hover{
	color:rgb(153,153,0);
}



body.news .actived a,
body.news article h1,
body.news article span.type,
body.news article a,
body.news .content_nav li a:hover,
body.highschool .actived a,
body.highschool article h1,
body.highschool article span.type,
body.highschool article a,
body.highschool .content_nav li a:hover,
body.admissions .actived a,
body.admissions article h1,
body.admissions article span.type,
body.admissions article a,
body.admissions .content_nav li a:hover{
	color:rgb(255,102,51);
}



body.gallery .actived a,
body.gallery h1{
	color:rgb(49,193,212);
}

body.staff .actived a,
body.staff article h1,
body.staff #detail a,
body.staff .content_nav li a:hover{
	color:rgb(255,102,102);
}

body.admissions .actived a,
body.admissions h1{
	color:rgb(255,102,51);
}

body.subject .actived a,
body.subject h1,
body.subject .content_nav li a:hover{
	color:rgb(100,54,25);
}

body.facilities .actived a,
body.facilities h1,
body.facilities .content_nav li a{
	color:rgb(115,93,14);
}

body.download .actived a{color:rgb(80,76,77);}



h1.h3{
	/*color:rgb(255,102,102);*/
}


.accordion-button .menu-title-en{
	font-size:1.2rem;
}
.accordion-button .menu-title-ch{
	font-size:.9rem;
}

#accordion-main-menu ul li{
	list-style: none;
	border-bottom: 1px dotted gray;
	padding:.3rem 0 .3rem 0;
}
#accordion-main-menu ul li a{
	color:#666;
/*    color: #fff;*/
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255,255,255,.6);
	font-weight: 500;
}

.class-hide-toggle-btn:after {
   display:none;
}

.breadcrumb-item a{
    color: var(--bs-breadcrumb-item-active-color);
}

.content-block img {
    max-width: 100%;
    height: auto;
}
/* -------------------------------------------------------------------------------- */
/*	多語系選單
/* -------------------------------------------------------------------------------- */
/* ===== GTranslate Wrapper ===== */

/* 預設字體顏色 */
.gtranslate_wrapper,
.gtranslate_wrapper a,
.gtranslate_wrapper select,
.gtranslate_wrapper span {
	font-weight: 300 !important;
	color: rgba(93, 93, 93, 1.0) !important;
}

/* Active / 目前選中的語言項目 - 加粗加底線 */
.gtranslate_wrapper a.active,
.gtranslate_wrapper .gt-current-lang,
.gtranslate_wrapper option:checked,
.gtranslate_wrapper option[selected] {
  /*text-decoration: underline !important;*/
  color: rgba(93, 93, 93, 1) !important; /* 可選：active 時顏色更亮 */
  color: white !important; /* 可選：active 時顏色更亮 */

  background-color:black;
  padding:2px 5px;
}

.gtranslate_wrapper .glink{
	font-weight: 300 !important;
	margin-left:0.5rem;
}




/* -------------------------------------------------------------------------------- */
/*	X. CSS Reset
/* -------------------------------------------------------------------------------- */
/* Course */
.course-card .badge {
  font-weight: 400;
  letter-spacing: .04em;
}
.course-filter .form-label {
  letter-spacing: .08em;
}
body.course .course-card {
  background: rgba(255,255,255,.72);
  border-color: rgba(0,0,0,.12);
}
body.course dl dt {
  color: #777;
  font-weight: 500;
}

/* -------------------------------------------------------------------------------- */
/*	X. CSS Reset
/* -------------------------------------------------------------------------------- */
/* About single footer */
.about-footer {
    position: relative;
    z-index: 2;
    padding-bottom: 3rem;
}

.about-footer-inner {
    display: grid;
    grid-template-columns: minmax(220px, 320px) 1fr;
    gap: 2rem;
    padding: 2rem;
    /* background: rgba(255, 255, 255, .78); */
	background: rgba(101, 96, 83, 0.74);
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .08);
}

.about-footer-brand {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.5rem;
}

.about-footer-logo {
    width: min(100%, 280px);
    height: auto;
    display: block;
}

.about-footer-copyright {
    /* color: #666; */
    color: #fff;
    line-height: 1.7;
    font-size: .95rem;
}

.about-footer-title {
    margin-bottom: 1rem;
    color: #ff5a36;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: .08em;
}

.about-footer-sitemap-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem 1.5rem;
}

.about-footer-sitemap-parent {
    display: inline-block;
    margin-bottom: .5rem;
    /* color: #333; */
    color: #f1f1bb;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 2px solid currentColor;
}

.about-footer-sitemap-parent:hover,
.about-footer-sitemap-list a:hover {
    color: #ff5a36;
}

.about-footer-sitemap-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.about-footer-sitemap-list li + li {
    /* margin-top: .25rem; */
    margin-top: .1rem;
}

.about-footer-sitemap-list a {
    /* color: #666; */
    color: #ffffff;
    font-size: .92rem;
    text-decoration: none;
}

@media (max-width: 991.98px) {
    .about-footer-inner {
        grid-template-columns: 1fr;
    }

    .about-footer-sitemap-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .about-footer-inner {
        padding: 1.5rem;
    }

    .about-footer-sitemap-grid {
        grid-template-columns: 1fr 1fr;
    }
}