/*
	Theme Name: Casino
	Author: Lab4
	Version: 1.0.2
	Text Domain: casino
*/

/* Start Global */
* {
	outline: none !important;
}

a,
p {
	text-underline-offset: 4px !important;
	transition: all 0.3s ease;

}

p a:hover,
.wp-block-list a:hover,
p a,
.wp-block-list a {
	color: var(--wp--preset--color--accent-1);
}

a:hover,
p:hover {
	text-decoration: none !important;
}

.more-link {
	display: block;
}

figure,
figure img {
	display: block;
}

h2,
h3 {
	position: relative;
	padding-bottom: 10px !important;
}

h2:before,
h3:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 4px;
	background-color: var(--wp--preset--color--accent-1);
}

@media screen and (max-width: 781.80px){
	.mobile-align-left {
		justify-content: start !important;
	}
}

.wp-block-details {
	transition: background-color 0.3s ease;
	background-color: var(--wp--preset--color--accent-1) !important;
}
.wp-block-details[open] {
	background-color: var(--wp--preset--color--base) !important;
}

.wp-block-details[open] summary {
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L9 9L17 1' stroke='%23212529' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.wp-block-details[open] summary,
.wp-block-details[open] p {
	color: var(--wp--preset--color--content) !important;
}

.wp-block-details summary,
.wp-block-details p {
	transition: color 0.3s ease;
	color: var(--wp--preset--color--base) !important;
}

.wp-block-table {
	border: none;
	border-radius: 8px;
	box-shadow: var(--wp--preset--shadow--default);
}
.wp-block-table table {
	background-color: var(--wp--preset--color--base) !important;
    border: 1px solid #dee6ef;
	border-radius: 8px;
	overflow: hidden;
}
.wp-block-table tbody tr:nth-child(even) {
	background-color: #f6f6f6 !important;
}
.wp-block-table td, 
.wp-block-table th {
	padding: 12px 16px !important;
}
.wp-block-table th {
	color: var(--wp--preset--color--base) !important;
	background-color: var(--wp--preset--color--accent-2) !important;
}

/* End Global */

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/

/* Start Buttons */
.wp-block-buttons .wp-block-button__link.has-base-background-color:hover {
	background-color: var(--wp--preset--color--accent-1) !important;
	color: var(--wp--preset--color--base) !important;
}

.wp-block-buttons .wp-block-button__link.has-accent-1-background-color:hover {
	background-color: var(--wp--preset--color--content) !important;
	color: var(--wp--preset--color--base) !important;
}

/* End Buttons */

/* Start List */
.wp-block-list {
	padding: 0 0 0 16px;
}

.wp-block-list li+li {
	margin-top: 8px !important;
}

/* End List */

/* Start Sticky */
.is-position-sticky {
	top: 16px !important;
}

/* End Sticky */

/* Start Grid */
@media screen and (max-width: 781.80px) {
	.is-layout-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}
	.is-layout-grid > * {
		grid-column: unset !important;
	}
}

/* End Grid */

/* Start Special Slot */
.special-slot {
	position: relative;
	overflow: hidden;
}

.special-slot>* {
	position: relative;
}

.special-slot:hover:before {
	opacity: 0.8;
}

.special-slot:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #232f3e;
	pointer-events: none;
	filter: blur(5px);
	-webkit-filter: blur(5px);
	opacity: 0;
	transition: opacity 0.3s ease;
}

/* End Special Slot */

/* Start Pagination */
.wp-block-query-pagination {
	gap: 12px !important;
}

.wp-block-query-pagination-numbers {
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: center;
}

.wp-block-query-pagination-numbers>* {
	min-width: 20px;
	text-align: center;
}

.wp-block-query-pagination * {
	margin: 0 !important;
	outline: none !important;
}

/* End Pagination */

/* Start Author */
.wp-block-post-author .wp-block-post-author__avatar+.wp-block-post-author__content {
	display: none;
}

.wp-block-post-author .wp-block-post-author__avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0;
}

.wp-block-post-author .wp-block-post-author__avatar img {
	display: block;
	max-width: 100%;
	height: 40px !important;
}

/* End Authors */

/* Start Breadcrumbs */
.breadcrumb-item--home+.breadcrumb-item--parent {
	display: none;
}

/* End Breadcrumbs */

/* Start Toc */
.simpletoc-list {
	margin-top: 8px !important;
}

.simpletoc-list,
.simpletoc-list ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.simpletoc-list a {
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	font-size: var(--wp--preset--font-size--small) !important;
	color: var(--wp--preset--color--content) !important;
}

.simpletoc-list a {
	display: block;
	margin-top: 4px !important;
}

.simpletoc-list a:hover {
	color: var(--wp--preset--color--accent-1) !important;
}

.horizontal-toc .simpletoc-list {
	padding: 2px !important;
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	align-items: center;
	overflow-x: auto;
	max-width: 100%;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.horizontal-toc .simpletoc-list::-webkit-scrollbar {
	display: none;
}
.horizontal-toc .simpletoc-list a {
	margin: 0 !important;
	border-radius: 8px;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    box-shadow: var(--wp--preset--shadow--default);
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    text-transform: none;
	color: var(--wp--preset--color--content) !important;
	background-color: var(--wp--preset--color--base) !important;
	white-space: nowrap;
}
.horizontal-toc .simpletoc-list a:hover {
	background-color: var(--wp--preset--color--content) !important;
    color: var(--wp--preset--color--base) !important;
}
/* End Toc */

/* Start wpDiscuz */
.wpd-form-head {
	display: none !important;
}

.wpdiscuz-item:nth-child(3) {
	display: none;
}

#wpdcom .wpd-second-button,
#wpdcom .wpd-prim-button {
	background-color: var(--wp--preset--color--content) !important;
	color: var(--wp--preset--color--base) !important;
	font-size: 16px !important;
	line-height: 32px !important;
	font-family: inherit !important;
}

/* End wpDiscuz */

/* Start Search */
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
	padding: 10px !important;
}
.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input,
.wp-block-search.wp-block-search__button-only .wp-block-search__input {
	position: absolute !important;
	right: 50px;
	font-size: var(--wp--preset--font-size--small) !important;
	line-height: 44px !important;
	color: var(--wp--preset--color--content) !important;
	padding: 0 12px !important;
	border: none !important;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
	position: relative;
}

/* End Search */

/* Start Navigation */
header .wp-block-image a {
	display: block;
}
.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {
	padding-right: 18px !important;
}
.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-icon {
	margin-left: -12px !important;
}
.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle:hover + .wp-block-navigation__submenu-icon svg path {
	stroke: var(--wp--preset--color--accent-1) !important;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
	margin-top: 8px;
	border-radius: 8px;
	overflow: hidden !important;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-size: 12px !important;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item {
	margin-bottom: 0 !important;
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
	width: 12px !important;
	height: 12px !important;
}
.wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--accent-1) !important;
}
.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
	width: 44px;
	height: 24px;
	background-position: left 50%;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20' viewBox='0 0 25 20' fill='none'%3E%3Cpath d='M1.25 2.5H23.75C24.0815 2.5 24.3995 2.3683 24.6339 2.13388C24.8683 1.89946 25 1.58152 25 1.25C25 0.918479 24.8683 0.600537 24.6339 0.366117C24.3995 0.131696 24.0815 0 23.75 0H1.25C0.918479 0 0.600537 0.131696 0.366117 0.366117C0.131696 0.600537 0 0.918479 0 1.25C0 1.58152 0.131696 1.89946 0.366117 2.13388C0.600537 2.3683 0.918479 2.5 1.25 2.5Z' fill='white'/%3E%3Cpath d='M23.75 8.75H1.25C0.918479 8.75 0.600537 8.8817 0.366117 9.11612C0.131696 9.35054 0 9.66848 0 10C0 10.3315 0.131696 10.6495 0.366117 10.8839C0.600537 11.1183 0.918479 11.25 1.25 11.25H23.75C24.0815 11.25 24.3995 11.1183 24.6339 10.8839C24.8683 10.6495 25 10.3315 25 10C25 9.66848 24.8683 9.35054 24.6339 9.11612C24.3995 8.8817 24.0815 8.75 23.75 8.75Z' fill='white'/%3E%3Cpath d='M23.75 17.5H1.25C0.918479 17.5 0.600537 17.6317 0.366117 17.8661C0.131696 18.1005 0 18.4185 0 18.75C0 19.0815 0.131696 19.3995 0.366117 19.6339C0.600537 19.8683 0.918479 20 1.25 20H23.75C24.0815 20 24.3995 19.8683 24.6339 19.6339C24.8683 19.3995 25 19.0815 25 18.75C25 18.4185 24.8683 18.1005 24.6339 17.8661C24.3995 17.6317 24.0815 17.5 23.75 17.5Z' fill='white'/%3E%3C/svg%3E");
}
.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open svg {
	display: none;
}
@media screen and (max-width: 600px) {
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
		padding: 0 !important;
	}
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item {
		font-size: 15px !important;
	}
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		font-size: 15px !important;
	}
	header .wp-block-navigation .wp-block-navigation-item__label {
		font-size: 15px !important;
		line-height: 40px !important;
		display: block;
		color: var(--wp--preset--color--base) !important;
	}
	header .wp-block-navigation {
		order: -1;
	}
	header .wp-block-navigation__responsive-container.is-menu-open {
		background-color: var(--wp--preset--color--accent-2) !important;
		padding: 10px 20px !important;
		animation: none !important;
		transform: translate(0) !important;
		transition: transform 0.3s ease !important;
	}
	header .wp-block-navigation__responsive-container {
		display: flex !important;
	}
	header .wp-block-navigation__responsive-container:not(.is-menu-open) {
		transform: translate(-100%) !important;
	}
	header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		padding-top: 40px !important;
	}
	header .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close svg {
		display: none;
	}
	header .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
		width: 20px;
		height: 40px;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.415 0.585017C18.6349 -0.195097 17.37 -0.194992 16.5897 0.585248L10.001 7.17394L3.53863 0.711528C2.75852 -0.0685855 1.4936 -0.0684806 0.713362 0.711759C-0.0668816 1.492 -0.0669866 2.75692 0.713127 3.53703L7.17554 9.99943L0.585251 16.5897C-0.194993 17.37 -0.195096 18.6349 0.585016 19.415C1.36513 20.1951 2.63005 20.195 3.41029 19.4148L10.0006 12.8245L16.4649 19.2888C17.245 20.0689 18.5099 20.0688 19.2902 19.2886C20.0704 18.5083 20.0705 17.2434 19.2904 16.4633L12.826 9.99897L19.4147 3.41029C20.195 2.63005 20.1951 1.36513 19.415 0.585017Z' fill='white'/%3E%3C/svg%3E");
	}
	header > .wp-block-group {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content[aria-expanded="false"] + .wp-block-navigation__submenu-icon + .wp-block-navigation__submenu-container {
		display: none;
	}
	header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, 
	header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
		width: 100%;
		gap: 0 !important;
	}
	header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
		width: 100%;
	}
	header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child {
		border-bottom: 1px solid #363f4c;
		padding: 5px 0;
	}
	header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item > button {
		width: 100%;
		position: relative;
	}
	header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item > button:after {
		position: absolute;
		top: 50%; 
		right: 5px;
		transform: translateY(-50%);
		content: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.45781 11.9219L1.38594 5.85005C1.09219 5.5563 1.09219 5.0813 1.38594 4.79067L2.09531 4.0813C2.38906 3.78755 2.86094 3.78755 3.15469 4.0813L7.98906 8.89067L12.8234 4.07817C13.1172 3.78755 13.5891 3.78755 13.8828 4.07817L14.5922 4.78755C14.8859 5.0813 14.8859 5.5563 14.5922 5.84692L8.52031 11.9219C8.22656 12.2125 7.75156 12.2125 7.45781 11.9219Z' fill='white'/%3E%3C/svg%3E%0A")
	}
	header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item > button[aria-expanded="true"]:after {
		transform: translateY(-50%) rotate(180deg);
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
		margin: 5px 0 10px !important;
		background-color: var(--wp--preset--color--base) !important;
		border-radius: 5px;
		width: 100%;
		padding: 0 15px !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
		color: var(--wp--preset--color--content) !important;
		font-weight: normal !important;
		line-height: 40px !important;
	}
	header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content:before {
		content: "MENU";
		position: absolute;
		text-transform: uppercase;
        color: #fff;
        font-weight: 700;
        font-size: 18px;
		top: 5px;
		left: 0;
	}
}
/* End Navigation */
