/*
Theme Name: Twenty Sixteen Child
Template: twentysixteen
Description: Theme for CSW 2019 Website
Version: 1.0
Author: INHAUS*DS Co., Ltd..
Author URI: https://www.inhausds.co.jp/
*/

body {
	color: #555;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
}

.site {
	margin: 0 1rem 1.5rem;
}

@media screen and ( max-width: 783px ) {
	.site {
		margin: 0;
	}
}

.site {
	background: #fff url(/wp-content/themes/twentysixteen-child/images/back-header.png) center top repeat-x;
}

.site-inner {
	background-color: #fff;
	overflow: hidden;
}

h1, h2, h3, h4, .main-navigation, .site-title, .entry-title {
	color: #551600;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
}
/* padding 2em -> 1em   */
.site-header {
	padding: 1.25em 4.5455% 1em !important;
}

.site-title {
	font-size: 1.625rem;
	line-height: 1.75;
}

.site-branding {
	margin-top: 0.35rem;
	margin-bottom: 0rem;
}
	
.site-branding .site-title a {
	color: #3f3f3f;
}

.site-description {
	color: #551600;
	font-size: 2.5rem;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	display: block !important;
	margin-top: 0;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	line-height: 0.8;
}

.site-description:after {
	content: "\AMay 19-23, 2019, Kasugano International Forum, Nara, Japan";
	white-space: pre;
	font-size: 1rem;
	font-weight: 300;
	text-shadow: none;
}

@media screen and ( max-width: 783px ) {
	.site-header {
		padding-top: 1rem !important;
	}
	
	.site-title {
		font-size: 2.4rem;
		/*font-size: 3.0rem; */
		text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	}

	.site-description {
		color: #555;
		font-size: 1.125rem;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 400;
		display: block !important;
		margin-top: 0;
		line-height: 1.2;
	}

	.site-description:after {
		content: "\AMay 19-23, 2019, Kasugano International Forum, Nara, Japan";
		white-space: pre;
		font-size: 0.875rem;
		font-weight: 300;
		text-shadow: none;
	}
}

.site-header-menu {
	margin-top: 0.25rem;
	margin-bottom: 0.1rem;
	position:absolute;
	right: 3.5rem;
}

@media screen and ( max-width: 783px ) {
	.site-header-menu {
		margin: 0;
		position: relative;
		right: 0;
	}
}

h1.entry-title {
	color: #860247;
	font-size: 2.5rem;
}

h2, h2.top {
	border-bottom: 1px solid #a67449; /* Oak wood color */
	margin-top: 1.5rem;
}

.panel-heading h3 {
	margin-bottom: 0;
}

a {
	color: #36703c !important;
}

a:hover,
a:focus {
	color: #fc0 !important;
}

a.disabled{
	pointer-events: none;
}
 
header#masthead {
	background: url(/wp-content/themes/twentysixteen-child/images/back-header.png) center top no-repeat;
	border-bottom: 1px solid #a67449;
}

.entry-header h1.entry-title {
	font-size: 2rem;
	margin-top: 3rem;
}

.entry-content ul,
.entry-content ol {
	margin-left: 1.25rem;
}

.text-center {
	text-align: center;
}

.omit {
	display: none;
}

.attention {
	color: #c00;
	font-weight: bold;
}

.large {
	font-size: 1.5rem;
}

.weak {
	font-weight: 300;
	font-size: 0.875rem;
}

.disappear {
	display: none !important;
}

.caption {
	font-size: 0.875rem;
	line-height: 1.4;
}

.new_mark {
	color:#fff;
	background-color:#c00;
	font-size:0.75rem;
	margin:0.05rem 0 0.2rem 0.75rem;
	padding:0.125rem 0.5rem;
}

.error-404 {
	margin-top: 3.0rem;
}

.widget {
	/* border-top: 1px dotted #1a1a1a; */
	border: none;
	margin-bottom: 3rem;
}

.widget .widget-title {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
}

.widget_media_image,
.widget_custom_html div {
	text-align: center;
}

.site-footer {
	padding-top: 1.5rem;
	border-top: 1px solid #a67449;
}

.site-info {
	text-align: center;
	margin: 0.5rem auto;
}

.site-footer .site-title {
	text-shadow: none;
}

.site-footer .site-title:after {
	content: none;
}

.pagetop {
	position: fixed;
	bottom: 30px;
	right: 20px;
	width: 64px;
	height: 64px;
}

.pagetop a {
	display: inline-block;
	line-height: 64px;
	opacity: 0.5;
	z-index: 100;
	transition: all 0.3s ease-in-out 0;
}

.pagetop a:hover {
	opacity: 1.0;
}

/* Sidebar Slideshow ---------------------------------------- */
/*
.widget_custom_html div img {
	margin: 0 auto;
}
*/
.widget_custom_html div .slideshow-name {
	display: none;
}

#slideshow {
	position: relative;
	width:  240px;
	height: 240px;
	margin: 0 auto;
}

#slideshow div {
	position: absolute;
	top:  0;
	left: 00;
	z-index: 8;
	opacity: 0.0;
	background-color: white;
	margin: 0;
	width: 240px;
	height: 240px;
	text-align: center;
}

#slideshow div.active {
	z-index: 10;
	opacity: 1.0;
}

#slideshow div.last-active {
	z-index: 9;
}

#slideshow div img {
	width: 240px;
	height: 240px;
	display: block;
	border: 0;
	border-radius: 50%;
	/*-moz-border-image: border-radius: 50%;
	-webkit-border-image: border-radius: 50%;*/
}

/* Google Maps ---------------------------------------- */

#map-venue, #map, #map2, #map3 {
	width: 100%;
	height: 300px;
}

/* >= 710px */
@media screen and (min-width: 44.375em) {
}

/* >= 783px */
@media screen and (min-width: 48.9375em) {
}

/* >= 910px */
@media screen and (min-width: 56.875em) {
	#map-venue, #map, #map2, #map3 {
		height: 400px;
	}
}

/* >= 985px */
@media screen and (min-width: 61.5625em) {
}

/* >= 1200px */
@media screen and (min-width: 75em) {
	#map-venue, #map, #map2, #map3 {
		width: 794px;
	}
}

/* >= 1328px */
@media screen and (min-width: 83em) {
	#map-venue, #map, #map2, #map3 {
		width: 840px;
	}
}

/* CSS Modal Window ---------------------------------------- */

.lightbox {
	display: none;
}

.featherlight-content {
	min-width: 200px;
}

/* Top Images Layout ---------------------------------------- */

.top-flex-container {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	min-height: 200px;
}

.top-flex-container-csw {
	margin-top:1.5rem;
}

.top-flex-item {
	width: 240px;
	padding: 15px;
	text-align: center;
}

.top-flex-item img {
	max-width: 210px;
	max-height: 210px;
	margin: 10px auto;
}

.top-flex-item-csw {
	width: 300px;
}

.top-flex-item-csw img {
	max-width: 270px;
	max-height: 270px;
}

/* Flexbox ---------------------------------------- */

.flex-container-2cols {
	display: flex;
	flex-flow: row wrap;
}

.flex-container-2cols .flex-item {
	flex: 1;
	padding-right: 1rem;
}

@media screen and ( max-width: 782px ) {
	.flex-container-2cols .flex-item {
		min-width: 250px;
	}
}

.flex-container-img-left {
	display: flex;
	flex-flow: row wrap;
}

.flex-container-img-left img {
	padding: 0.5rem 0 1rem;
}

.flex-container-img-left .flex-item {
	flex: 1;
	padding-right: 1rem;
}

@media screen and ( max-width: 782px ) {
	.flex-container-img-left .flex-item {
		min-width: 250px;
	}
}

.flex-container-speaker {
	display: flex;
	flex-flow: row nowrap;
}

.flex-item-speaker-photo img {
	margin-right: 1.5rem !important;
	min-width: 70px;
}

.flex-item-speaker-info {
	margin-bottom: 2rem;
	min-height: 10rem;
}

/* Important Dates / News ---------------------------------------- */

.important-date,
.news {
	font-size: 1.25rem;
}

.important-date dt,
.news dt {
	font-weight: 300;
	float: left;
}

.important-date dt:after {
	margin: 0 0.5rem;
	content: ":";
}

.important-date dd {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	margin: 0;
}

.news dd {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	margin-left: 120px;
	margin-bottom: 0;
}

/* Committee ---------------------------------------- */

.committee dt {
	font-size: 1.5rem;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
}

.committee dd {
	margin: 0;
}

.committee .affiliation {
	font-size: 0.875rem;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	padding: 0 0.25rem;
}

.committee .role {
	font-style: italic;
}

/* Invited Speakers ---------------------------------------- */

.speaker {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500;
	font-size: 1.5rem;
}

/* Collapse ---------------------------------------- */

.collapse {
	display: none;
}

.collapse.in {
	display: block;
}

/* Accordion Menu ---------------------------------------- */

.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-body {
	padding: 15px;
}
.panel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	cursor: pointer;
}

.panel-heading > .dropdown .dropdown-toggle {
	color: #666;
}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	color: #666;
}

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
	color: inherit;
}

.panel-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.panel-default {
	border-color: #ddd;
}

.panel-default > .panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #ddd;
}

.panel-default > .panel-heading .badge {
	color: #f5f5f5;
	background-color: #333;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #ddd;
}

.accordion-toggle a:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f107";
	float: right;
	color: inherit;
}

.accordion-toggle a.collapsed:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f104";
	float: right;
	color: inherit;
}

/* Button ---------------------------------------- */

.btn,
input[type="submit"].btn {
	color: #103d15;
	background: none;
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	margin: 0.9375rem;
	padding: 0.75rem;
	border: none;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 1px;
	cursor: pointer;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	max-width: 90%;
}

.btn:after,
input[type="submit"].btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-anime,
input[type="submit"].btn-anime {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfff4+0,dfe5d7+40,b3bead+100;Wax+3D+%233 */
	background: #fcfff4; /* Old browsers */
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
	color: #36703c;
	box-shadow: 0 3px #888 !important;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.btn-anime-r,
input[type="submit"].btn-anime-r {
	border-radius: 5px;
}

.btn-anime-r:hover,
input[type="submit"].btn-anime-r:hover {
	color: #fff !important;
	box-shadow: 0 2px #888 !important;
	top: 1px;
}

.btn-anime-r:active,
input[type="submit"].btn-anime-r:active {
	color: #fff !important;
	box-shadow: 0 0 #888 !important;
	top: 3px;
}

/* Sidebar Slideshow ---------------------------------------- */

.btn-sidebar {
	margin: 0.25rem 0.9375rem 0;
	width: 240px;
}

/* Navigation ---------------------------------------- */

.main-navigation .menu-item-has-children > a {
}

.menu-toggle {
	background-color: rgba(255,255,255,0.8);
	position:absolute;
	top: 1.25rem;
	right: 1.25rem;
}

.dropdown-toggle {
	background-color: rgba(255,255,255,0.8);
}

.menu-toggle:hover,
.dropdown-toggle:hover {
	background-color: rgba(255,255,255,0.5);
	color: #888;
	border-color: #888;
}

/* Plugins ---------------------------------------- */

.featherlight:last-of-type {
	background-color: rgba(0,0,0,0.65);
}