/*
Theme Name: film
Theme URI: https://wordpress.com/theme/mh
Author: Automattic
Author URI: https://automattic.com
Description: A theme inspired by Mayan history and culture
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.7
Version: 1.0.19
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: film
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks, auto-loading-homepage, blog-homepage

film WordPress Theme, (C) 2022 Automattic, Inc.
film is distributed under the terms of the GNU GPL.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
*/

/*
 * Font smoothing
 */

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/*
 * Link Details
 */

/* a {
	text-decoration-thickness: 0.075ex;
	text-underline-offset: 0.125em;
}

a:hover:not(.wp-block-button__link),
.wp-block-site-title a:hover,
.wp-block-post-title a:hover,
.wp-block-post-date a:hover {
	text-decoration-line: underline;
	text-decoration-style: dotted;
} */

/* a:active,
.wp-block-site-title a:active,
.wp-block-post-title a:active,
.wp-block-post-date a:active {
	text-decoration-style: solid;
} */

/* .wp-block-navigation .wp-block-navigation-link a:hover,
.wp-block-navigation .wp-block-page-list a:hover,
.wp-block-navigation .wp-block-pages-list__item a:hover {
	text-decoration-line: none;
} */

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

/* .wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	background-color: var(--wp--preset--color--primary);
} */

/*
 * Outline block button needs a padding tweak so it's the same size of normal buttons
 * https://github.com/WordPress/gutenberg/issues/27476
 */
/* .is-style-outline > :where(.wp-block-button__link),
:where(.wp-block-button__link).is-style-outline {
	padding-top: 0.667em;
	padding-bottom: 0.667em;
} */

/*
 * Comment Form Fields
 */

/* .wp-block-post-comments input:not([type='submit']),
.wp-block-post-comments textarea {
	background-color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--gray-4);
	color: var(--wp--preset--color--gray-4);
} */

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

/* .wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
} */

/*
 * Needed until https://github.com/WordPress/gutenberg/issues/37035 is fixed.
 */
/* .wp-block-navigation__responsive-container.is-menu-open ul {
	font-size: var(--wp--preset--font-size--large) !important;
	font-weight: 100;
	gap: var(--wp--style--block-gap);
}

.wp-block-post-navigation-link > a {
	text-decoration: none;
} */

/*
 * Needed until https://github.com/WordPress/gutenberg/issues/38498 is fixed.
 */
/* .wp-block-group.simple-list-of-posts {
	align-items: baseline;
} */

/*
 * Needed until https://github.com/WordPress/gutenberg/pull/38986 is merged.
 */
/* .wp-block-post-title a {
	text-decoration-line: none;
}

.wp-block-post-title a:hover {
	text-decoration-line: underline;
}

/*
* header
*/
/* 
header {
	min-height: 2.5rem;
}

header nav {
	min-height: 2.5rem;
}

header nav li {
	font-size: 1.12rem;
	font-weight: 700;
} */

/*--------------------------------------------------------------
### studio page
--------------------------------------------------------------*/
.studio_block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.studio_block .pic_01 {
	width: 70%;
}

.studio_block .std_pic img {
	width: 100%;
}

.studio_block .desc {
	width: calc(30% - 2.5rem);
}

.studio_block .is-style-lead_sm {
	margin-bottom: 1.25rem;
	font-weight: bold;
}

.studio_block .desc p:not(.is-style-lead_sm) {
	font-size: .88rem;
	line-height: 1.3;
}

.studio_block .drawing {
	margin-top: 4rem;
	width: 38.2%;
}

.studio_block .drawing_sm img {
	max-width: 75%;
}

.studio_block .pic_02 {
	margin-top: 4rem;
	width: calc(58.2% - 3.3rem);
	;
}

.studio_block .gallery {
	margin-top: 10px;
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.studio_block .gallery li {
	width: calc(50% - 10px);
}


/*--------------------------------------------------------------
### Company 
--------------------------------------------------------------*/

.company-conntent .wp-block-table.is-style-company-tbl table tr td:nth-child(1) {
    width: 131px;
}
.company-conntent .wp-block-table.is-style-company-tbl table tr td:nth-child(2) {
    width: calc(100% - 131px);
}


/*--------------------------------------------------------------
### company/Staff
--------------------------------------------------------------*/
.staff .wp-block-column .wp-block-image{
	margin-bottom: 1rem;
}

.staff .wp-block-columns.is-style-ds-column_3 .wp-block-column {
	flex-grow: 0;
}

.staff .wp-block-columns.is-style-ds-column_3 .wp-block-column .wp-block-buttons {
	margin-bottom: 0;
}
.is-style-popup-link{
	transition: all .2s ease-in;
}
.is-style-popup-link:hover {
	opacity: .75;
}

.is-style-popup-link .wp-block-image img {
	border-radius: 50%;
}

/*--------------------------------------------------------------
### company/Histroy
--------------------------------------------------------------*/
.his_card_wrp .dcol {
	margin-bottom: 2rem;
}

.history_card {
	display: flex;
	width: 100%;
	min-height: 160px;
	background-color: var(--wp--preset--color--primary);
	border-radius: 10px;
	text-align: center;
	text-decoration: none;
	align-items: center;
}

.history_card .his_card-title {
	margin-bottom: 0;
	width: 100%;
	color: var(--white);
	font-size: 2.6rem;
}

/*--------------------------------------------------------------
### company/Histroy Detail
--------------------------------------------------------------*/
/* #s_primary.single-history {
	padding-top: 4rem;
} */

.single-history .lnav ul li#menu-item-270 a{
	opacity: 1;
}
.single-history .is-style-title {
	margin: 1.3rem 0 0;
	font-weight: 900;
}

.single-history .entry_title {
	color: var(--wp--preset--color--primary);
	font-size: 6.25rem;
	line-height: 1.2;
}

.wp-block-columns.history_columns .wp-block-column.month_col {
	flex-basis: 138px;
}
.wp-block-columns.history_columns .wp-block-column.his_tbl_col {
	flex-basis: calc(100% - 138px);
}

.his_tbl_col .wp-block-table thead {
	margin-bottom: .5rem;
	border:1px solid var(--wp--preset--color--gray-4);
	border-left: 0;
	border-right: 0;
}

.entry_content .his_tbl_col .wp-block-table table td,.his_tbl_col .wp-block-table table th {
	padding: .4rem 0;
	width: 50%;
	border: none;
	text-align: left;
	font-size: .88rem;
}

.entry_content .his_tbl_col .wp-block-table table tr:first-child td {
	padding-top: 1rem;
}

.entry_content .his_tbl_col .wp-block-table table td {
	padding: .25rem 0;
}

.his_tbl_col table tr td:first-child {
	font-weight: 700;
}

/*--------------------------------------------------------------
### company/Message
--------------------------------------------------------------*/

/*--------------------------------------------------------------
### Policy
--------------------------------------------------------------*/
.inquiry .wp-block-buttons .wp-block-button {
	width: 500px;
}


/*--------------------------------------------------------------
### Blog
--------------------------------------------------------------*/
.post-type-archive-blog .card .card-title:not(.sm) {
	font-size: 1.13rem;
	font-weight: 700;
}

/*--------------------------------------------------------------
### Policy
--------------------------------------------------------------*/
.policy #hero.visual_2 .page_title {
	letter-spacing: .3em;
}


@media (max-width: 767px) {

	/*--------------------------------------------------------------
	### Stuido page
	--------------------------------------------------------------*/

	.single-studio .entry_content{
		margin: 0 -1rem;
	}

	.studio_block .pic_01,
	.studio_block .desc,
	.studio_block .drawing,
	.studio_block .pic_02 {
		width: 100%;
	}

	.studio_block .pic_02 {
		margin-top: 2.4rem;
		padding: 0 1rem;
	}

	.studio_block .desc {
		margin-top: 1.8rem;
		padding: 0 1rem;
	}

	.studio_block .drawing {
		margin-top: 3rem;
		padding: 0 1rem;
	}

	.studio_block .drawing_sm {
		width: 100%;
		text-align: center;
	}

	.studio_block .drawing_sm img {
		width: auto;
	}

	.studio_block .gallery {
		margin: 1.7rem 0 0;
		padding: 0 1rem;
		display: block;
		justify-content: space-between;
	}

	.studio_block .gallery li {
		width: 100%;
		margin-top: 10px;
	}

	/*--------------------------------------------------------------
	### company/Staff
	--------------------------------------------------------------*/
	.staff .wp-block-column .wp-block-image{
		margin-bottom: .6rem;
	}

	.staff .wp-block-column .wp-block-image img {
		max-width: 130px !important;
		height: 130px !important;
	}
	
	.staff .wp-block-columns.is-style-ds-column_3 .wp-block-column{
		flex-basis: calc(50% - 1rem) !important;
		flex-grow: 0;
	}

	.staff .wp-block-columns.is-style-ds-column_3 .is-style-mb-1 {
		margin-bottom: .5rem;
	}

	/*--------------------------------------------------------------
	### Company 
	--------------------------------------------------------------*/

	.company-conntent .wp-block-table.is-style-company-tbl table tr td:nth-child(1) {
		width: 100%;
	}
	.company-conntent .wp-block-table.is-style-company-tbl table tr td:nth-child(2) {
		width: 100%;
	}

	/*--------------------------------------------------------------
	### company/Histroy 
	--------------------------------------------------------------*/

	.his_card_wrp .dcol {
		margin-bottom: 1rem;
	}

	.history_card {
		min-height: 128px;
	}

	.history_card .his_card-title { 
		font-size: 2rem;
	}

	/*--------------------------------------------------------------
	### company/Histroy Detail
	--------------------------------------------------------------*/
	/* #s_primary.single-history {
		padding-top: 3.5rem;
	} */
	.single-history .is-style-title {
		font-size: 1.13rem;
		margin-top: 2rem;
	}

	.single-history .entry_title {
		font-size: 5rem;
	}

	.wp-block-columns.history_columns {
		flex-wrap: wrap !important;
		gap: .8rem;
	}

	.wp-block-columns.history_columns .wp-block-column.month_col {
		flex-basis: 100%;
	}
	.wp-block-columns.history_columns .wp-block-column.his_tbl_col {
		flex-basis: 100%;
	}

	.entry_content .his_tbl_col .wp-block-table table tr td:first-child {
		width: 60%;
	}

	/*--------------------------------------------------------------
	### company/Message
	--------------------------------------------------------------*/
	/*--------------------------------------------------------------
	### Policy
	--------------------------------------------------------------*/
	.policy #hero.visual_2 .page_title {
		text-indent: 0;
		letter-spacing: .1em;
	}
	
	/*--------------------------------------------------------------
	### Inquiry
	--------------------------------------------------------------*/
	.inquiry .wp-block-buttons .wp-block-button {
		width: 100%;
	}
}