@import 'editor.css';

@font-face {
    font-family: 'Astral Sisters';
    src: local('Astral Sisters'), local('AstralSisters'),
        url('../fonts/AstralSisters.woff2') format('woff2'),
        url('../fonts/AstralSisters.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sukhumvit Set';
    src: local('SukhumvitSet-Light'),
        url('../fonts/SukhumvitSet-Light.woff2') format('woff2'),
        url('../fonts/SukhumvitSet-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sukhumvit Set';
    src: local('SukhumvitSet-Medium'),
        url('../fonts/SukhumvitSet-Medium.woff2') format('woff2'),
        url('../fonts/SukhumvitSet-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sukhumvit Set';
    src: local('SukhumvitSet-Bold'),
        url('../fonts/SukhumvitSet-Bold.woff2') format('woff2'),
        url('../fonts/SukhumvitSet-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sukhumvit Set';
    src: local('SukhumvitSet-SemiBold'),
        url('../fonts/SukhumvitSet-SemiBold.woff2') format('woff2'),
        url('../fonts/SukhumvitSet-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sukhumvit Set';
    src: local('SukhumvitSet-Text'),
        url('../fonts/SukhumvitSet-Text.woff2') format('woff2'),
        url('../fonts/SukhumvitSet-Text.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sukhumvit Set';
    src: local('SukhumvitSet-Thin'),
        url('../fonts/SukhumvitSet-Thin.woff2') format('woff2'),
        url('../fonts/SukhumvitSet-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Sukhumvit Set',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
}

/* bootstrap sem padding lateral */
body > .container {
	padding: 0;
}
body > .container > .row {
	margin: 0;
}
body > .container > .row > div {
	padding: 0;
}

/* links */
a {
	color: #000;
}
a:hover {
	color: #000;
	text-decoration: underline;
}

/* inline spacer */
kbd {
	background-color: transparent;
	color: transparent;
}

/* bg largura completa */
.full-width-bg {
	position:relative;
}
.full-width-bg:before {
	content: '';
	position: absolute;
	width: calc(100vw - 10px);
	margin-left: -50vw;
	top: 0;
	left: 50%;
	height: 100%;
	z-index: -1;
}
.bg-gray-light:before {
	background-color: #e5ebeb;
}
.bg-gray-medium:before {
	background-color: #c3cdce;
}
.bg-gray-dark:before {
	background-color: #7d8f8f;
}
.bg-white:before {
	background-color: #fff;
}

/* menu */
.kr-menu-header > div:last-child a {
	padding-right: 0 !important;
}
#menu-header-sub-de a,
#menu-header-sub-pt-br a,
#menu-header-sub-en a {
    font-size: 1.4rem;
}
@media (max-width:781px){
	.kr-menu-header {
		justify-content: center !important;
	}
	.kr-menu-header > div:last-child a {
		padding-right: 0.5rem !important;
	}
}

/* cover */
.wp-block-cover {
	width: calc(100vw - 10px);
	margin-left: -50vw;
	left: 50%;
}
.wp-block-cover__inner-container {
	max-width: 800px;
}
@media (max-width:599px){
	.wp-block-cover {
		width: 100vw;
	}
}

/* courses */
.kr-course-group {
	background-image: url(https://kr.alexkoti.com/wp-content/uploads/2022/06/kurse.png);
	background-size: cover;
}
.kr-courses-grid {
	gap: 2rem !important;
}
.z-index-negative {
	position: relative;
	z-index: -1;
}

.photo-pull {
	position: relative;
	z-index: 9;
}

.home-primary-block-separator {
	margin: 0;
	padding: 0;
	height: 4rem;
}

.connect-feel-heal .wp-block-image {
	max-width: 200px;
}

.kr-icons-grid {
	gap: 1rem !important;
}

/* blog list */
@media (max-width:599px){
	.kr-blog-list .wp-block-post-template li {
		width: calc(50% - 0.65em);
	}
}
.wp-block-post-template .wp-block-post h2 a {
	text-decoration: none;
}
.wp-block-post-template .wp-block-post figure {
	margin-bottom: 0.5rem;
}

/* blog */
.wp-block-query-pagination .page-numbers {
	border: 1px solid #7d8f8f;
	display: inline-block;
	padding: 4px 12px;
	text-decoration: none;
}
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
	display: inline-block;
	padding: 4px 8px;
	text-decoration: none;
}
@media (max-width:599px){
	article.type-post {
		padding: 0 1rem;
	}
}
.post .post-thumbnail img {
	display: block;
	max-width: 100%;
	height: auto;
}
article.type-post .wp-site-blocks > p {
	margin: 1rem 0;
}
#comments {
	padding-top: 1.5rem;
}

@media (max-width:782px){
	.wp-block-image {
		margin-left: auto !important;
		margin-right: auto !important;
		float: none !important;
	}
}

/* forms */
.wp-block-cover__inner-container .wpforms-container form {
	padding: 0 2rem;
}
.wpforms-container form input,
.wpforms-container form button,
.wpforms-container form textarea {
	width: 100% !important;
	max-width: none !important;
	border: none !important;
}
.wpforms-container form input[type='email'] {
	background-color: #f6f7f9 !important;
	padding: 1.5rem 1rem !important;
}
.wpforms-container form textarea {
	background-color: #e5ebeb !important;
	padding: 1.5rem 1rem !important;
}
.wpforms-container form button {
	background-color: #c2cece !important;
	color: #fff !important;
}

/* footer */
#footer h3 {
	margin-bottom: 1.3rem;
}
#footer a {
	color: #fff;
}
@media (max-width:782px){
	#footer h3 {
		margin-top: 1.5rem;
		margin-bottom: 0.5rem;
	}
	#footer .wp-block-column:first-of-type  h3 {
		margin-top: 0;
	}
}
.kr-footer-quicklinks {
	list-style: none;
	margin: 0;
	padding: 0;
}
.kr-footer-quicklinks a {
	display: block;
	font-size: 0.8rem;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase
}
#footer .wp-block-social-links li {
	padding: 0 4px;
}

/* video widget */
.kr-video-thumb {
	display: block;
	position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.sby_items_wrap .sby_video_thumbnail_wrap img {
	width: 100%;
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	object-fit: cover;
}
.sby_items_wrap .video-description {
	line-height: normal !important;
}
.sby_items_wrap .video-description a {
	text-decoration: none;
}

/* menu header */
.widget_nav_menu .menu {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: right;
}
.widget_nav_menu .menu li a {
	padding: 0.5rem;
	text-decoration: none;
	font-size: 1.6rem;
}
@media (max-width:781px){
	.widget_nav_menu .menu {
		justify-content: center;
	}
	.widget_nav_menu .menu li a {
		font-size: 1rem;
	}
}

/* language switcher */
.widget_polylang ul {
	display: flex;
	list-style: none;
	gap: 0.6rem;
	justify-content: right;
	align-items: center;
	margin: 0;
	padding: 0.5rem;
	font-size: 0.8rem;
}
.widget_polylang ul a {
	text-decoration: none;
}
.widget_polylang ul:before {
	content: '';
	width: 22px;
	height: 22px;
	display: inline-block;
	background-size: cover;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' role='img' width='1em' height='1em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 20 20'%3E%3Cpath fill='currentColor' d='M11 7H9.49c-.63 0-1.25.3-1.59.7L7 5H4.13l-2.39 7h1.69l.74-2H7v4H2c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h7c1.1 0 2 .9 2 2v2zM6.51 9H4.49l1-2.93zM10 8h7c1.1 0 2 .9 2 2v7c0 1.1-.9 2-2 2h-7c-1.1 0-2-.9-2-2v-7c0-1.1.9-2 2-2zm7.25 5v-1.08h-3.17V9.75h-1.16v2.17H9.75V13h1.28c.11.85.56 1.85 1.28 2.62c-.87.36-1.89.62-2.31.62c-.01.02.22.97.2 1.46c.84 0 2.21-.5 3.28-1.15c1.09.65 2.48 1.15 3.34 1.15c-.02-.49.2-1.44.2-1.46c-.43 0-1.49-.27-2.38-.63c.7-.77 1.14-1.77 1.25-2.61h1.36zm-3.81 1.93c-.5-.46-.85-1.13-1.01-1.93h2.09c-.17.8-.51 1.47-1 1.93l-.04.03s-.03-.02-.04-.03z'/%3E%3C/svg%3E");
}