html { height: 100%; }
body { background: none !important; background-color: #f8f6f0 !important; font-size: 16px; height: 100%; }

body h1 { padding-bottom: 0.2em; font-size: 25px !important; }
body h2 { padding-bottom: 0.2em; font-size: 22px !important; }
body h3 { padding-bottom: 0.2em; font-size: 18px !important; }

.page-body { padding-top: 56px; }
.page-body.page-body-green { background-color: #0d5d36; color: #ffffff; position: relative; }
.page-body.page-body-green .ui-content-outer-wrapper { padding: 30px 0px; }
.page-body.page-body-green h1 { color: #ffffff !important; font-size: 28px !important; }
.page-body.page-body-green h2 { color: #ffffff !important; font-size: 23px !important; }
.page-body.page-body-green h3 { color: #ffffff !important; font-size: 18px !important; }
.page-body.page-body-green span { color: #e8c61c; }
.page-body.page-body-green p { color: rgba(255,255,255,0.75); }
.page-body.page-body-green .ui-content-wrapper { height: auto; }

.button { background-color: #e8c61c; text-decoration: none; color: #000000 !important; display: inline-block; padding: 10px 20px; border-radius: 8px; font-weight: 400; cursor: pointer; margin-right: 10px; }
.button.transparent { background-color: transparent; border: 1px solid rgba(255,255,255,0.4);  color: #ffffff !important; padding: 9px 19px; }
.button.green { background-color: #0d5d36; color: #ffffff !important; }
.button.gray { background-color: #d0d0d0; color: #ffffff !important; }
.button.clicked { background-color: #d0d0d0; }

.navbar.bg-dark { background-color: #0a0a0a !important; color: #ffffff !important; }
.navbar.bg-dark .navbar-brand { color: #FFFFFF !important; background-image: url(/images/icons/onlytennis-logo.png); background-size: auto 40px; background-repeat: no-repeat; padding-left: 60px; background-position: left center; }
.navbar.bg-dark .nav-link { color: #d0d0d0 !important; }
.navbar.bg-dark .nav-item.nav-item-booking { background-color: #e8c51b; border-radius: 10px; }
.navbar.bg-dark .nav-item.nav-item-booking .nav-link { color: #000000 !important; }
.navbar.bg-dark .navbar-toggler .navbar-toggler-icon { width: 30px; height: 30px; background-color: transparent; background-image: url(/images/hamburger-icon-white.png); background-size: 100%; }
.navbar.bg-dark .nav-item.active .nav-link { font-weight: bold; color: #ffffff !important; }
.ui-content-wrapper { background-color: transparent !important; }

.blocks-list {}
.blocks-list > div > .item { background-color: #ffffff; border-radius: 10px; padding: 18px; margin-bottom: 20px; background-size: contain; background-position: right center; background-repeat: no-repeat; }
.blocks-list > div:nth-child(3n+1) > .item { border-top: 2px solid #0d5d36; }
.blocks-list > div:nth-child(3n+2) > .item { border-top: 3px solid #e8c61c; }
.blocks-list > div:nth-child(3n+3) > .item { border-top: 2px solid #0a0a0a; }
.blocks-list .item h3 { font-size: 18px !important; background-color: rgba(255, 255, 255, 0.5); }
.blocks-list .item div { background-color: rgba(255, 255, 255, 0.5);}
.blocks-list .item p { background-color: rgba(255, 255, 255, 0.5); margin-bottom: 0px; padding-bottom: 5px; }
.blocks-list .item div a { color: #000000; font-weight: bold; }
.row > .bgimage { background-size: contain; background-position: right center; background-repeat: no-repeat; }

 
.page-footer1 { background-color: #0a0a0a; padding: 20px 0px; }
.page-footer1 .t1 {color: #e8c61c; font-size: 22px; font-weight: 500; margin: 0; text-align: center;  }
.page-footer1 .t2 {color: rgba(255, 255, 255, 0.6); font-size: 13px; margin: 2px 0 0; text-align: center; }
.page-footer2 { background-color: #e8c61c; padding: 20px 0px; }
.page-footer2 .t1 { color: #0a3d22; font-weight: 500; font-size: 16px; margin: 0; }
.page-footer2 .t2 { color: #0a3d22; opacity: 0.75; font-size: 13px; margin: 2px 0 0; }
.page-footer2 .t2 a { color: #000000 !important; text-decoration: underline !important; }

input.ui-form-control[type="text"] { background-color: #ffffff !important; }

.ln-form-field.error {}

.ln-form-field.error .ui-form-control { --border-color: rgb(251, 52, 52) !important; }
.ln-form-field.error .ui-helper-text { color: rgb(251, 52, 52) !important; }

.ui-accordion-block-header-wrapper { display: none; }
.ui-content-wrapper { height: auto !important; }

.splittext {}
.splittext .block {}
.splittext .block:nth-child(even) { background-color: #e1ddd1;}
.splittext .block img { width: 100%; }
.splittext .block .textpart { padding: 10px 0px; }

.ranking h1 { color: #ffffff !important; }

.Articles-index {}
.Articles-index .item { padding-bottom: 20px; }
.Articles-index .item .image { border: 1px solid #d0d0d0; padding: 10px; display: block; }
.Articles-index .item .image img { width: 100%; }
.Articles-view {}
.Articles-view .image { border: 1px solid #d0d0d0; padding: 10px; }
.Articles-view .image img { width: 100%; }
.Articles-view .carousel-outer { max-width: 900px; margin: 0px auto; border: 1px solid #d0d0d0; padding: 10px; }


/*.body-height { min-height: 1000px; }*/

@media (min-width: 768px) {
	body .page-body.page-body-green h1 { font-size: 42px !important; }
	body .page-body.page-body-green h2 { font-size: 32px !important; }
	body .page-body.page-body-green h3 { font-size: 22px !important; }
	body h1 { font-size: 36px !important; }
	body h2 { font-size: 28px !important; }
	body h3 { font-size: 22px !important; }
}	
@media (min-width: 1280px) {
	body .page-body.page-body-green h1 { font-size: 56px !important; }
	body .page-body.page-body-green h2 { font-size: 42px !important; }
	body .page-body.page-body-green h3 { font-size: 28px !important; }
	body h1 { font-size: 48px !important; }
	body h2 { font-size: 38px !important; }
	body h3 { font-size: 28px !important; }
}

@media (max-width: 991px) {
	.navbar.bg-dark .nav-item.nav-item-booking { margin-top: 10px; padding-left: 10px; width: 150px; }
}