/*
 Theme Name:   Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/

/** === GLOBAL === **/
body { background-image: radial-gradient(#2f241c 1%, transparent 11%), radial-gradient(#fff 10%, transparent 6%); background-size: 6px 6px; background-repeat: repeat; }
aside { width: 280px; position: fixed; flex-wrap: nowrap; height: 100vh; max-height: 100vh; overflow-x: auto; overflow-y: hidden; background-color: #29273f; }
aside > div > a { padding: 0 1rem; }
aside .nav-pills .nav-link.active {	background-color: #7a9ac0; }
main { margin-left: 280px; height: 100%; min-height: 100vh;	padding: 0 !important; overflow-y: scroll; }
#page main > .container { padding: 1.5rem; max-width: unset !important; }
.single-deelnemers .card.deelnemer .acf-form-submit input, .programma-page .btn-primary { background-color: #29273f !important; border-color: #29273f; }
.single-deelnemers .card.deelnemer .acf-form-submit input:hover, .programma-page .btn-primary:hover { background-color: #29273fdd !important; border-color: #29273fdd; }

@media only screen and (min-width: 768px) {
	aside ul svg.mb-1 {
		margin-bottom: 0 !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	main { margin-left: 80px; }
	
	aside { width: 80px; }
	aside span.fs-4 { font-size: 0 !important; }
	aside ul a { font-size: 0px; padding: 12px 16px !important;}
	aside .nav-pills .nav-link.active { background-color: unset; color: #7a9ac0 !important; }
	aside ul li svg.me-2 { margin-right: 0 !important;}
	aside .dropdown strong { display: none; }
	aside .dropdown .dropdown-toggle::after { content: unset;}
	
	aside a .fs-5 { font-size: 0 !important; }
    aside a.d-flex { padding: 8px !important;}
    aside a img.ms-3 {margin-left: 0 !important; width: 40px;height: auto;}
}

@media only screen and (max-width: 767px) {
    aside { bottom: 0; position: fixed; height: calc(35px + 2.5rem); width: 100%; z-index: 9; }
    aside > div.p-3 { padding: 1rem 0 1.5rem !important; }
    aside > div > a.d-flex, aside > div > hr, aside > div > .dropdown { display: none !important; }

    html aside ul.flex-column { display: flex !important; flex-direction: row !important; }
    aside ul li { width: calc(100% / 4); }
    aside ul li a { padding: 0 !important; text-align: center; font-size: 10px; }
    aside ul li svg.me-2 { margin-right: 0 !important; height: 20px; width: 100%; }
    aside .nav-pills .nav-link.active { background-color: unset; color: #7a9ac0 !important; }

    main { margin-left: 0; padding: 0 0 5.5rem !important; width: 100%; }
	#page main > .container { padding: 1rem; }
}

/** === DEELNEMERS OVERVIEW === **/
.post-type-archive-deelnemers #sortTable_length, .post-type-archive-deelnemers #sortTable_paginate { display: none; }
.post-type-archive-deelnemers div.dataTables_wrapper div.dataTables_length select { width: 60px; }
.post-type-archive-deelnemers table.dataTable>thead .sorting:before, .post-type-archive-deelnemers  table.dataTable>thead .sorting_asc:before, .post-type-archive-deelnemers table.dataTable>thead .sorting_desc:before, .post-type-archive-deelnemers table.dataTable>thead .sorting_asc_disabled:before, .post-type-archive-deelnemers table.dataTable>thead .sorting_desc_disabled:before {
	content: "▼" !important; 
	transform: rotate(180deg);
    right: 10px !important;
    bottom: 15px !important;
    width: 12px;
    font-size: 14px;
}

.post-type-archive-deelnemers table.dataTable>thead .sorting:after, .post-type-archive-deelnemers table.dataTable>thead .sorting_asc:after, .post-type-archive-deelnemers table.dataTable>thead .sorting_desc:after, .post-type-archive-deelnemers table.dataTable>thead .sorting_asc_disabled:after, .post-type-archive-deelnemers table.dataTable>thead .sorting_desc_disabled:after {
    content: "▼" !important;
	right: 8.8px !important;
    bottom: 5px !important;
    width: 12px;
    font-size: 14px;
}

.post-type-archive-deelnemers table th {
    background-color: #29273f !important;
	border-bottom-color: #7a9ac0 !important;
    color: #fff;
}

@media only screen and (max-width: 767px) {
	table th, table td { font-size: 12px;}
	.post-type-archive-deelnemers thead th:nth-child(1), .post-type-archive-deelnemers thead th:nth-child(4), .post-type-archive-deelnemers thead th:nth-child(5) { display: none; }
	.post-type-archive-deelnemers tr.clickable-row td:nth-child(1), .post-type-archive-deelnemers tr.clickable-row td:nth-child(4), .post-type-archive-deelnemers tr.clickable-row td:nth-child(5) { display: none; }
	table, table thead, table tr { width: 100% !important; }
	.post-type-archive-deelnemers table th { width: 1% !important; }
	
	.post-type-archive-deelnemers div.dataTables_wrapper div.dataTables_filter { text-align: right; }
	.post-type-archive-deelnemers div.dataTables_wrapper div.dataTables_info { display: none; }
	.post-type-archive-deelnemers tbody td { font-size: 16px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.post-type-archive-deelnemers thead th:nth-child(4) { display: none; }
	.post-type-archive-deelnemers tr.clickable-row td:nth-child(4) { display: none; }
	table, table thead, table tr { width: 100% !important; }
	.post-type-archive-deelnemers table th:not(:first-child) { width: 23% !important;}
}

/** === DEELNEMERS SINGLE === **/
.single-deelnemers .card.deelnemer .acf-form-submit { padding: 1.5rem 1rem 0; }
.single-deelnemers .card.deelnemer .card-body { padding: 1rem 0 !important; }
.single-deelnemers .card.deelnemer .nav-tabs { padding: 0 1rem; }
.single-deelnemers .card.deelnemer .acf-fields > .acf-field { padding: 1rem 1rem 0; min-height:  unset !important; border: none; }

.single-deelnemers .card.deelnemer .acf-form-submit input { color: #fff !important; display: inline-block; font-weight: 400; color: #212529; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; }
.single-deelnemers .acf-input-wrap input, .single-deelnemers .acf-input textarea { border: none; background-color: #7a9ac01c; }
.single-deelnemers .acf-input-wrap input { height: 30px; }
.single-deelnemers .acf-input-append { min-width: 50px; border: none; background-color: #7a9ac01c; border-left: 1px solid #29273F}
.single-deelnemers .deelnemer button { color: #29273f !important; }
.single-deelnemers #message.updated { padding: 1rem 1rem 0; }
.single-deelnemers #message.updated p { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; margin-bottom: 0; padding: 0.75rem 0.75rem; border-radius: 0.25rem; }

@media only screen and (max-width: 767px) {
	.acf-fields > .acf-field { width: 100% !important;}
}

/** === TEAMS OVERVIEW === **/
.post-type-archive-teams .card-body,
.single-teams .card-body { overflow: hidden; position: relative; }
.post-type-archive-teams .card-header .teamsport, .single-teams .card-header .teamsport { font-family: 'Courier'; }
.post-type-archive-teams .card-body::after, .single-teams .card-body::after { content: ""; height: 6rem; width: 6rem; position: absolute; bottom: -1rem; right: -1rem; background-repeat: no-repeat; opacity: .1; }

.post-type-archive-teams .card-body.Yankees::after, .single-teams .card-body.Yankees::after { 
	background-image: url('/wp-content/themes/understrap-child-main/images/nhjk-yankees.svg');
	filter: invert(10%) sepia(68%) saturate(1373%) hue-rotate(199deg) brightness(97%) contrast(95%);
}
.post-type-archive-teams .card-body.Mets::after, .single-teams .card-body.Mets::after { 
	background-image: url('/wp-content/themes/understrap-child-main/images/nhjk-mets.svg');
	filter: invert(51%) sepia(42%) saturate(7172%) hue-rotate(354deg) brightness(101%) contrast(101%);
}
.post-type-archive-teams .card-body.Padres::after, .single-teams .card-body.Padres::after { 
	background-image: url('/wp-content/themes/understrap-child-main/images/nhjk-padres.svg');
	filter: invert(82%) sepia(58%) saturate(1133%) hue-rotate(336deg) brightness(103%) contrast(101%);
}
.post-type-archive-teams .card-body.Giants::after, .single-teams .card-body.Giants::after { 
	background-image: url('/wp-content/themes/understrap-child-main/images/nhjk-giants.svg');
	filter: invert(65%) sepia(80%) saturate(6840%) hue-rotate(351deg) brightness(100%) contrast(103%);
}
.post-type-archive-teams .card-body.Dodgers::after, .single-teams .card-body.Dodgers::after { 
	background-image: url('/wp-content/themes/understrap-child-main/images/nhjk-dodgers.svg');
	filter: invert(17%) sepia(94%) saturate(2851%) hue-rotate(191deg) brightness(91%) contrast(101%);
}
.post-type-archive-teams .card-body.Angels::after, .single-teams .card-body.Angels::after { 
	background-image: url('/wp-content/themes/understrap-child-main/images/nhjk-angels.svg'); 
}
.post-type-archive-teams .card-body.Athletics::after, .single-teams .card-body.Athletics::after { 
	background-image: url('/wp-content/themes/understrap-child-main/images/nhjk-athletics.svg'); 
}
.post-type-archive-teams .card-body.Orioles::after, .single-teams .card-body.Orioles::after { 
	background-image: url('/wp-content/themes/understrap-child-main/images/nhjk-orioles.png');
	background-size: cover;
}

/** === TEAMS SINGLE === **/
.single-teams div#main { border-radius: 0.25rem; padding: 1rem; }
.single-teams table { margin-bottom: 0; }
.single-teams tbody tr:last-child td { border-bottom: none; }

@media only screen and (max-width: 767px) {
	.single-teams thead th:nth-child(3) { display: none; }
	.single-teams tr.clickable-row td:nth-child(3) { display: none; }
	.single-teams table th { width: 1% !important; }
}

/** === BERICHTEN === **/
.post-type-archive-berichten #main { height: calc(100vh - 3rem); }
.post-type-archive-berichten #main .card-body { overflow-y: scroll; }
.post-type-archive-berichten #main .toast.show { width: unset !important; }
.post-type-archive-berichten #main .card-body .toast.show:not(:last-child) { margin-top: 1rem; }

.post-type-archive-berichten #main .acf-field.acf-field-wysiwyg.acf-field--post-content { display: none; }

.post-type-archive-berichten #main .acf-field.acf-field-text.acf-field--post-title.is-required { padding: 0; }
.post-type-archive-berichten #main .acf-field.acf-field-text.acf-field--post-title.is-required .acf-label { display: none; }

.post-type-archive-berichten #main .acf-form-submit { float: right; top: 0;}
.post-type-archive-berichten #main .acf-fields.acf-form-fields.-top { width: calc(100% - 63.25px - 0.5rem); float: left;}
.post-type-archive-berichten #main input.acf-button.button.button-primary.button-large { color: #fff; background-color: #29273fdd !important; border-color: #29273fdd; border: 1px solid; padding: 0.375rem 0.75rem; border-radius: 0.25rem; }
.post-type-archive-berichten #acf-_post_title { height: 38px; border-width: 1px; }
.post-type-archive-berichten .updated { display: none; }
.post-type-archive-berichten .card-body { display: flex; flex-direction: column-reverse; }
.post-type-archive-berichten .card-body .organisatie strong { color: #29273F; text-transform: capitalize; }

@media only screen and (max-width: 767px) {
    .post-type-archive-berichten #main { height: unset !important; }
    .post-type-archive-berichten #page main > .container { padding: 0; }
	.post-type-archive-berichten #main .d-flex.justify-content-between.card-header.fw-bold { display: none !important; }
	.post-type-archive-berichten #main .card-body .toast.show { margin-top: 1rem; }
	
	.post-type-archive-berichten #main .card-body { height: calc(100vh - 130px); }
    .post-type-archive-berichten main { padding-bottom: 0 !important;}
    .post-type-archive-berichten #content > .row { margin: 0; }
    .post-type-archive-berichten #primary { padding: 0; }
    .post-type-archive-berichten .card { border: none; background-color: transparent !important;}
    .post-type-archive-berichten .card-footer.text-muted { background-color: #fff; position: fixed; width: 100%; bottom: 75px;}

}

/** === 404 PAGE === **/
#notfound { height: 100vh; }
#notfound div { height: 100%; }