/*
Theme Name: 宜蘭教網中心3欄佈景主題
Theme URI: http://2blog.ilc.edu.tw
Description:教網中心主題，中間欄位可放公告（還在測試中，有問題歡迎立刻回報）
Author:
Author URI: http://2blog.ilc.edu.tw
Template: oceanwp
Version: 0.825
Text Domain: ilc-3
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC|Noto+Serif+TC&display=swap&subset=chinese-traditional');

.responsive-video-wrap:before {
    content: "";
    display: none;
    padding-top: 0;
}

.responsive-video-wrap iframe {
	position: static !important;
	height: revert-layer !important;
}

@media only screen and (min-width: 960px) {


	/* .page-header .page-header-title {
		display: none;
	} */

	#site-logo #site-logo-inner a {
		display: none;
	}

	/* .content-both-sidebars .content-area {
		max-width: 70%;
	}

	.widget-area {
		width: 15%;
	}

	.content-both-sidebars.scs-style .content-area {
		left: 10%;
		padding-left: 0px;
		border-left-width: 1px;
	}

	.content-both-sidebars.scs-style .widget-area.sidebar-secondary {
		position: relative;
		left: -60%;
		padding-right: 0px;
	}

	.widget-area.sidebar-primary {
		float: left;
		padding-left: 0px;
	} */

	#site-header {
		max-height: 300px;
		/* align-content: center; */
		/* background-attachment: fixed ; */
		background-repeat: no-repeat;
		background-position: top center;
		/* z-index: 1; */
		background-size: contain;

	}

	#main #content-wrap {
		display: grid;
		grid-template-columns: 17.5% 65% 17.5%;
		grid-template-areas: "leftSidebar main rightSidebar";
		width: 100%;
		display: grid;
		/* justify-content: center; */
		/* align-items: center;  */
	}

	#primary {
		grid-area: main;
		left: auto;
		padding-left: auto;
		padding-right: auto;
		border-left-width: auto;
		max-width: none !important;
	}


	#left-sidebar {
		grid-area: leftSidebar;
		padding-left: 10px !important;
		padding-right: 10px !important;
		/* min-width: 80px; */
		width: auto !important;
	}

	#right-sidebar {
		grid-area: rightSidebar;
		padding-left: 10px !important;
		padding-right: 10px !important;
		/* min-width: 80px; */
		width: auto !important;
	}

	.content-both-sidebars.scs-style .content-area {
		left: auto;
		padding-left: 20px;
		padding-right: 20px;
		border-left-width: 1px;
	}

	.content-both-sidebars .content-area {
		width: 100%;
	}

	.widget-area {
		width: auto;
	}

	.content-both-sidebars.scs-style .widget-area.sidebar-secondary {
		position: none;
		left: auto;
		padding-right: auto;
	}

	#site-logo a.site-logo-text {
		font-size: 5em;
		margin: 0;
		text-align: center;
		color: white;
		margin: auto;
	}

	#site-logo {
		float: none;
		height: 100%;
		display: table;
		margin: 0px auto;
	}

	body {
		font-family: "Noto Sans TC", sans-serif;
	}

	#site-navigation-wrap {
		display: none;
		/* float: right;
		position: relative;
		right: -15px;
		max-height: 10px;
		margin: 10px 0px 10px 0px; */
	}

}

@media only screen and (max-width: 480px) {
	#site-header {
		display: block;
	}
}

@media only screen and (max-width: 960px) {
	#top-bar-wrap {
		display: none;
	}
}