/*

date:  2024.01.25

*/

:root {
	--login-bg: #00283c;
	--login-bg-img: none;
	/*url(../admin/login-bg2.jpg);*/
	--login-bg-repeat: no-repeat;
	--login-bg-position: left center;
	--login-bg-size: cover;

	--login-card-bg: #00283c;
	--login-card-shadow: 0 30px 100px 10px rgba(0, 0, 0, 0.4);
	--login-form-clr: #ffffff;

	--login-logo: url(../admin/login-logo.svg);
	--login-logo-height: 50px;

	--login-link-clr: #FFFFFF;

	--login-btn-bg: #00bed2;
	--login-btn-bg-hover: #00bed2;
	--login-btn-brd: 1px solid #00bed2;
	--login-btn-brd-hover: 1px solid #00bed2;
	--login-btn-clr: #ffffff;
	--login-btn-clr-hover: #ffffff;
}



/* hide customizer menu */
#menu-appearance .wp-submenu .hide-if-no-customize {
	display: none;
}

/* field */
.acf-field-group {
	min-height: unset !important;
}
.acf-field.-right input {
	text-align: right;
}
.acf-field.-center input {
	text-align: center;
}

.acf-field.-bg-light {
	background: #f6f7f7;
}

.-order-1 {
	order: 1;
}
.-order-2 {
	order: 2;
}

/* wysiwyg */
.-editor-sm .acf-editor-wrap iframe {
	height: 150px !important;
	min-height: 150px;
}
.-editor-xs .acf-editor-wrap iframe {
	height: 100px !important;
	min-height: 100px;
}
.-left .mce-content-body {
	text-align: left;
}
.-center .mce-content-body {
	text-align: center;
}
.-right .mce-content-body {
	text-align: right;
}
.mce-container-body .mce-toolbar .mce-ico {
	width: 26px;
	height: 24px;
}

/* field append & prepend alignment */

.acf-field-number .acf-input,
.acf-field-text .acf-input {
	display: flex;
	flex-wrap: wrap;
}
.acf-field-number .acf-input .acf-input-wrap,
.acf-field-text .acf-input .acf-input-wrap {
	order: 2;
	flex: 1 0 0;
}
.acf-field-number .acf-input .acf-input-prepend,
.acf-field-text .acf-input .acf-input-prepend {
	order: 1;
	align-self: stretch;
	display: inline-flex;
	align-items: center;
}
.acf-field-number .acf-input .acf-input-append,
.acf-field-text .acf-input .acf-input-append {
	order: 3;
	align-self: stretch;
	display: inline-flex;
	align-items: center;
}
.acf-field-number .acf-input .description,
.acf-field-text .acf-input .description {
	order: 4;
	flex: 1 0 100%;
}

/* repeater */
.acf-repeater .acf-row-handle.order {
	font-size: 18px;
}
.acf-repeater .acf-row:first-child .acf-fields {}
.acf-repeater .acf-row .acf-fields {
	border-right: 1px solid transparent !important;
}
.acf-repeater .acf-field-group .acf-fields {
	border-bottom: #dfdfdf solid 1px !important;
	border-right: #dfdfdf solid 1px !important;
}
.acf-repeater .acf-row:hover .acf-row-handle.order {
	background: #383c44 !important;
	color: #ffffff;
}
.acf-repeater .acf-row:hover > .acf-fields {
	border: 1px solid #383c44 !important;
}

/* flexible content */
.acf-flexible-content .layout:hover {
	border: 1px solid #383c44 !important;
}
.acf-flexible-content .layout .acf-fc-layout-handle {
	font-size: 15px !important;
	font-weight: bold;
}
.acf-flexible-content .layout:hover > .acf-fc-layout-handle {
	background-color: #383c44 !important;
	color: #ffffff;
}
.acf-flexible-content .layout .acf-fc-layout-order {
	background-color: transparent !important;
	border: 0;
	margin-right: 10px !important;
	font-size: 15px !important;
	font-weight: bold;
	color: #333333 !important;
}
.acf-flexible-content .layout:hover > .acf-fc-layout-handle .acf-fc-layout-order {
	background-color: transparent !important;
	color: #eeeeee !important;
}
.acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-collapse {
	background-color: transparent !important;
}
.acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-collapse:hover {
	background-color: #2a9bd9 !important;
}
.acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-collapse:hover:before {
	color: #ffffff;
}
.acf-flexible-content .layout:hover a.acf-icon {
	background-color: #72777c;
}
.acf-flexible-content .layout:hover a.acf-icon:before {
	color: #ffffff;
}
.acf-flexible-content .layout:hover a.acf-icon.-duplicate:after {
	border-color: #ffffff;
}
.acf-flexible-content .layout a.acf-icon:hover {
	background-color: #2a9bd9;
}
.acf-flexible-content .layout a.acf-icon.-minus:hover {
	background-color: #F55E4F;
}
.acf-gallery .acf-gallery-attachment .thumbnail {
	transform: none !important;
}
.acf-gallery .acf-gallery-attachment .thumbnail img {
	transform: none !important;
	height: 100% !important;
	width: 100% !important;
	object-position: center;
	object-fit: contain;
}
.acf-hndle-cog {
	display: none !important;
}
.hndle.ui-sortable-handle a.acf-hndle-cog {
	display: none;
	visibility: hidden
}
.hndle {
	font-size: 23px !important;
	font-weight: bold;
	background-color: #f1f1f1;
}
.postbox {
	border: 0;
	box-shadow: none;
}
.postbox.acf-postbox .acf-field-flexible-content {
	background: #f1f1f1;
}
.post-type-acf-field-group .meta-box-sortables > .postbox.acf-postbox > .postbox-header {
	display: flex;
}
.acf-field.-hide-label > .acf-label label {
	display: none;
}
.postbox .postbox-header {
	background: #f1f1f1;
	border-bottom-color: transparent;
}
.postbox .postbox-header:hover {
	background: #f1f1f1;
	border-bottom-color: transparent;
}
.postbox.closed .postbox-header {
	border-bottom-color: transparent;
}
.postbox.closed {
	border-bottom: 1px solid #ccc;
}
.postbox .hndle {
	padding-left: 0 !important;
}

/* accordion */
.acf-fields .acf-accordion .acf-accordion-title label {
	font-size: 17px !important;
}
.acf-fields .acf-accordion {
	margin: 0;
	border-left: 1px solid transparent !important;
	border-right: 1px solid transparent !important;
	border-bottom: 1px solid #ffffff !important;
}
.acf-fields .acf-accordion.-open {
	border-left-color: #f1f1f1 !important;
}
.acf-fields .acf-accordion:hover {
	border-color: #383c44 !important;
}
.acf-fields .acf-accordion.-open:hover {
	border-color: #383c44 !important;
	border-width: 1px !important;
}
.acf-fields .acf-accordion.-open:hover .acf-accordion-title,
.acf-fields .acf-accordion .acf-accordion-title:hover {
	background-color: #383c44 !important;
	color: #ffffff;
}
.acf-fields .acf-accordion > .acf-accordion-content > .acf-fields > .acf-field {
	padding-left: 12px;
}
.acf-fields .acf-accordion > .acf-accordion-content {
	border-left: 24px solid #f1f1f1;
}
.acf-fields .acf-accordion:hover > .acf-accordion-content {
	/*border-left-color: #383c44;*/
}

/* tabs */
.acf-tab-group li a {
	font-size: 15px !important;
	color: #999999 !important;
}
.acf-fields > .acf-tab-wrap {
	background: #f1f1f1 !important;
	overflow: hidden;
}
.acf-fields > .acf-tab-wrap .acf-tab-group {
	margin-bottom: 0 !important;
}
.acf-fields > .acf-tab-wrap .acf-tab-group li a {
	font-size: 17px !important;
	padding: 9px 14px !important;
	background: #f1f1f1 !important;
}
.acf-fields > .acf-tab-wrap .acf-tab-group li a:hover {
	background-color: rgba(0, 0, 0, 0.075) !important;
	color: #444444 !important;
}
.acf-fields > .acf-tab-wrap .acf-tab-group li.active a {
	background-color: #383c44 !important;
	color: #ffffff !important;
}
.acf-field .acf-fields > .acf-tab-wrap .acf-tab-group li a {
	font-size: 13px !important;
	padding: 4px 10px !important;
}
.acf-taxonomy-field .acf-actions {
	z-index: 100;
}
.acf-taxonomy-field .select2.select2-container {
	z-index: 90;
}

/* relationship */
.acf-fields .acf-field-relationship .list {
	display: flex;
	flex-direction: column;
	height: 400px;
	column-gap: 10px;
	row-gap: 5px;
}

.acf-fields .acf-field-relationship .list .acf-rel-item {
	display: flex;
	column-gap: 10px;
	min-height: 20px;
	padding: 5px 10px;
}
.acf-fields .acf-field-relationship .list .acf-rel-item:has(.thumbnail) {
	min-height: 70px;
}
.acf-fields .acf-field-relationship .list .acf-rel-item .thumbnail {
	width: 90px;
	height: 70px;
	margin-top: 0;
	margin-block: 0;
	margin-right: 10px;
}
.acf-fields .acf-field-relationship .list .acf-rel-item .thumbnail img {
	max-width: 90px;
	max-height: 70px;
}
.acf-fields .acf-field-relationship.-horiz .list {
	flex-direction: row;
	height: 160px;
}
.acf-fields .acf-field-relationship.-horiz .list .acf-rel-item {
	flex-direction: column;
	row-gap: 10px;
}

/* color picker */
.acf-fields .acf-field-color-picker .acf-color-picker .wp-picker-container .wp-color-result {
	background-color: transparent;
}

/* field message */
.acf-fields .acf-field.acf-field-message {
	background: #f6f7f7;
	padding-top: 30px;
}
.acf-fields .acf-field.acf-field-message .acf-label {
	margin-bottom: 0;
}
.acf-fields .acf-field.acf-field-message .acf-label label {
	font-size: 17px;
}
.acf-fields .acf-field.acf-field-message .acf-input :first-child {
	margin-top: 0;
}

/* acf extende */
.acfe-flexible-layout-thumbnail {
	height: 0;
	padding-bottom: 100%;
}

/* fix firefox tab float issue */
.acf-fields > .acf-field-tab {
	display: block !important;
	height: 0px !important;
	padding: 0 !important;
	overflow: hidden;
	border: 0 !important;
}

/* cpt tables */
.wp-list-table > thead {
	position: sticky;
	z-index: 10;
	top: 32px;
	background: white;
}

body.post-type-acf-field-group .wp-list-table > thead {
	position: relative;
	top: unset;
}

.cpt-table-icon {
	display: block;
}
.cpt-table-icon {
	width: 40px;
	height: 40px;
}
.cpt-table-thumb-wrapper {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	flex-wrap: wrap;
}
.cpt-table-thumb {
	box-sizing: border-box;
	position: relative;
	align-self: stretch;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 120px;
	width: 120px;
	max-width: 100%;
	aspect-ratio: 3/2;
	margin: 0 5px 5px 0;
	padding: 0;
	background-color: rgba(0, 0, 0, 0.05);
	padding: 0;
}
.cpt-table-thumb-container {
	position: absolute;
	height: 100%;
	width: 100%;
}
.cpt-table-thumb img {
	position: relative;
	width: 100%;
	display: block;
	max-width: 100%;
	height: 100%;
	object-fit: contain;
}

.cpt-table-thumb.-lg {
	flex: 0 0 160px;
	width: 160px;
}
.cpt-table-thumb.-sm {
	flex: 0 0 80px;
	width: 80px;
}
.cpt-table-thumb.-portrait {
	aspect-ratio: 2/3;
}

.cpt-table-swatch {
	display: inline-block;
	margin: 0 5px 5px 0;
	height: 20px;
	width: 20px;
	border: 1px solid #ccc;
}

.cpt-table-social-links {
	position: relative;
	display: block;
	margin: 4px 0;
}
.cpt-table-social-links li {
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 5px;
}
.cpt-table-social-links a {
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
}
.cpt-table h1,
.cpt-table h2,
.cpt-table h3,
.cpt-table h4,
.cpt-table strong {
	margin: 0;
	font-size: 1em;
	color: #23282d;
}
.cpt-icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 10px;
}
.cpt-dashicon:before {
	content: attr(data-icon);
	display: inline;
	width: 22px;
	height: 22px;
	margin-right: 5px;
	font-family: dashicons;
	font-size: 1.2em;
}
.cpt-cta {
	display: inline-block;
	padding: 3px 7px;
	border: 1px solid #000;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 11px;
	color: #000000;
}
.cpt-cta.-solid {
	background: #000000;
	color: #ffffff;
}

/* swatches */
ul.acf-swatch-list input[type=radio]:checked ~ .swatch-toggle {
	overflow: visible;
}
ul.acf-swatch-list input[type=radio]:checked ~ .swatch-toggle .swatch-color {
	border: 0 !important;
	box-shadow: 0 0 0px 3px #383c44;
}

/* swatches radiobuttons */
.acf-field li.swatch {
	margin: 0 20px 20px 0;
}

table.fixed.wp-list-table {
	/*	table-layout: auto;*/
}

/* wpml installer notice */
.otgs-installer-notice-wpml {
	display: none;
}
.otgsi_register_product_wrap .otgs-installer-notice-wpml {
	display: block;
}
#icl_translate_options .otgs-toggle-group {
	display: none;
}
.otgs-development-site-front-end {
	display: none;
}

/* post wpml box */
#icl_div #icl_cfo,
#icl_div #icl_cfo + .otgs-ico-help,
#icl_div #icl_translation_priority_dropdown,
#icl_div #icl_translate_options > .icl_box_paragraph > p:first-child,
#icl_div #icl_translate_options #translation-editor-post-settings,
#icl_div .icl_box_paragraph .icl_toggle_show_translations {
	display: none !important;
}
#icl_div #icl_document_language_dropdown > p:first-child {
	margin-top: 0 !important;
}
#icl_div #icl_translate_options #icl_translations_table {
	margin-bottom: 0 !important;
	display: block !important;
}

/* post submit box */
#submitdiv #icl_minor_change_box,
#submitdiv #duplicate-action,
#submitdiv #rewrite-republish-action {
	display: none !important;
}
#submitdiv #delete-action {
	margin-top: 0 !important;
}

/* page parent box */
#pageparentdiv .post-attributes-help-text {
	display: none !important;
}

/* login page */
body.login {
	background-color: var(--login-bg);
	background-image: var(--login-bg-img);
	background-repeat: var(--login-bg-repeat);
	background-position: var(--login-bg-position);
	background-size: var(--login-bg-size);
}
.login #login,
.login .login_center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 0;
}

.login #login-message {
	position: relative;
	z-index: 10;
}

.login h1 {
	position: relative;
	z-index: 10;
}

.login h1 a {
	width: auto;
	height: var(--login-logo-height);
	background-image: var(--login-logo);
	background-size: contain;
}
.login .language-switcher {
	display: none;
}
.login .privacy-policy-page-link {
	display: none;
}
.login form,
.login #loginform,
.login #lostpasswordform {
	z-index: 5;
	color: var(--login-form-clr);
	margin: 0;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	background-color: var(--login-card-bg);
	border: 0px;
	box-shadow: var(--login-card-shadow);
}
.login p#nav {
	display: block;
}
.login #backtoblog a,
.login #nav a {
	position: relative;
	z-index: 10;
	text-decoration: none;
	color: var(--login-link-clr);
}

.login .button-primary {
	background-color: var(--login-btn-bg);
	color: var(--login-btn-clr);
	border: var(--login-btn-brd);
}
.login .button-primary:hover {
	background-color: var(--login-btn-bg-hover);
	color: var(--login-btn-clr-hover);
	border: var(--login-btn-brd-hover);
}

.wp-list-table tbody td small {
	display: inline-block;
	line-height: 1.3;
}

/* highlight section mod */
.acf-flexible-content .layout[data-layout="mod_section"] {
	margin-left: -10px;
}
.acf-flexible-content .layout[data-layout="mod_section"] > .acf-fc-layout-handle {
	background: #f6f7f7;
	padding: 16px 20px 16px 20px;
}

/* menu management */
#menu-management .menu-item .acf-fields.acf-menu-item-fields > .acf-field .acf-label label {
	font-weight: 600;
	font-style: normal;
}
#menu-management .menu-item-bar .menu-item-handle {
	max-width: 590px;
}
#menu-management .menu-item-settings {
	max-width: 600px;
}

/* remove rest api donation */
.acf-to-rest-api-donation-button {
	display: none !important;
}
.notice.acf-to-rest-api-donation-notice {
	display: none !important;
}

/* image proportions */
.acf-field-image[class*="-aspect-"] .acf-image-uploader.has-value .image-wrap {
	width: 100%;
}
.acf-field-image[class*="-aspect-"] .acf-image-uploader.has-value .image-wrap img {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.acf-field-image.-aspect-1-1 .acf-image-uploader.has-value .image-wrap {
	aspect-ratio: 1/1;
}
.acf-field-image.-aspect-2-1 .acf-image-uploader.has-value .image-wrap {
	aspect-ratio: 2/1;
}
.acf-field-image.-aspect-2-1 .acf-image-uploader.has-value .image-wrap {
	aspect-ratio: 2/1;
}
.acf-field-image.-aspect-3-2 .acf-image-uploader.has-value .image-wrap {
	aspect-ratio: 3/2;
}
.acf-field-image.-aspect-4-3 .acf-image-uploader.has-value .image-wrap {
	aspect-ratio: 4/3;
}
.acf-field-image.-aspect-16-9 .acf-image-uploader.has-value .image-wrap {
	aspect-ratio: 16/9;
}
.acf-field-image.-aspect-2-3 .acf-image-uploader.has-value .image-wrap {
	aspect-ratio: 2/3;
}
.acf-field-image.-aspect-4-5 .acf-image-uploader.has-value .image-wrap {
	aspect-ratio: 4/5;
}

.acf-field-image.-w-50 .acf-image-uploader.has-value .image-wrap {
	width: 50px;
	max-width: 50px !important;
}
.acf-field-image.-w-75 .acf-image-uploader.has-value .image-wrap {
	width: 75px;
	max-width: 75px !important;
}
.acf-field-image.-w-100 .acf-image-uploader.has-value .image-wrap {
	width: 100px;
	max-width: 100px !important;
}
.acf-field-image.-w-150 .acf-image-uploader.has-value .image-wrap {
	width: 150px;
	max-width: 150px !important;
}
.acf-field-image.-w-200 .acf-image-uploader.has-value .image-wrap {
	width: 200px;
	max-width: 200px !important;
}
.acf-field-image.-w-300 .acf-image-uploader.has-value .image-wrap {
	width: 300px;
	max-width: 300px !important;
}
.acf-field-image.-w-400 .acf-image-uploader.has-value .image-wrap {
	width: 400px;
	max-width: 400px !important;
}
.acf-field-image.-w-500 .acf-image-uploader.has-value .image-wrap {
	width: 500px;
	max-width: 500px !important;
}


#cpto #cpt_info_box {
	display: none;
}