/*
Theme Name: Brooklyn Child
Theme URI: http://www.unitedthemes.com
Description: Creative Portfolio
Version: 4.9.1.2
Author: United Themes
Author URI: http://www.unitedthemes.com
Template: brooklyn
*/
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/oswald-v49-latin-regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/oswald-v49-latin-500.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/open-sans-v34-latin-regular.woff2") format("woff2");
  font-display: optional;
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/open-sans-v34-latin-700.woff2") format("woff2");
  font-display: optional;
}

body {
  font-family: "Open Sans", system-ui, -apple-system, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 28px;
  /*color: #222; /* optional */*/
}


/* MAIN LAYOUT */

#main-content {
	background: url(https://www.urbangladiators.de/wp-content/uploads/2015/06/beton_tile_overlay80.jpg) repeat center center!important;
}

#main-content .grid-container {
	background:rgba(192, 192, 192, 0.4);
	box-shadow: 7px 7px 9px 0px rgba(84, 84, 84, 0.31);
	padding: 25px 15px!important;
}

.main-content-background {
	margin-bottom: 80px!important;
}


#main-content .main-content-background .grid-container {
	margin-top: 15px!important;
}
	
	/*
	margin-top: 15px;
}
*/

#header-section {
    background: url(https://www.urbangladiators.de/wp-content/uploads/2015/06/beton_tile_overlay80.jpg) repeat center center!important;
}

@media (min-width: 1025px) {
	.site-logo-wrap.grid-15 {
		width: 39%!important;
	}
	.ut-horizontal-navigation.grid-85 {
		float: left;
		width: 61%;
		bottom: -17px;
	}

}
#header-section a:hover, #header-section li.current-menu-item:not(.menu-item-object-custom) > a {
    color: #151515!important;
}


.lang-item a img {
    vertical-align: middle;
}

/* put the social icons to the right */
#ut-top-header-left { 
	float:right;
	padding-left: 20px;
}

.ut-has-top-header .ut-header-inner {
	display:block!important;
} 
/*
#ut-top-header-left { 
	order: 2;
	padding-left: 20px;
}*/

/* mobile optimierung */

@media (max-width: 1024px) {
	#ut-top-header,#ut-top-header-right {
		display: block!important;
	}
	#header-section.ut-header-floating {
		/*position: relative;*/
		display: table!important;
	}
	#header-section #ut-top-header {
		display:table-footer-group!important;
	}
	#ut-top-header-left { 
		float:none;
		padding-left: 20px;
	}
	#ut-top-header-left ul {
		display: inline-block;
	}
	#ut-top-header-left { 
	    text-align: center;
	}
	.ut-has-top-header .ut-header-inner {
		min-height:80px!important;
	}
	#ut-top-header, #ut-top-header-right {
		display: inline-block!important;
		text-align: center;
	}
	
	.site-logo-wrap {
		width:80%!important;
	}
	#header-section .ha-header-perspective .tablet-grid-20.mobile-grid-30 {
		width: 20%!important;
	}
	.site-logo img {
		max-height: 60px!important;
	}
	#ut-header-placeholder {
		height:0px!important;
		max-height:0px!important;
		min-height:0px!important;
	}
	h1:not(.page-title) {
		font-size: 22px!important;
	}
} 
	
#ut-top-header-left ul li {
    margin-right: 10px!important;
}
#ut-top-header-right ul li {
    margin-right: 10px!important;
}

.bklyn-call-to-action-content a.bklyn-btn {
	width:100%;
}

.bklyn-call-to-action-content {
	padding: 20px;
}
	
.ut-spacing-80:not(.blog):not(.archive):not(.search-results):not(.single-post).ut-vc-disabled .main-content-background {
	padding-top:0px!important;
}


/* MENU */
@media (min-width: 1025px) {
.ut-main-navigation-link span {
	padding: 15px 15px;
	background-color: transparent;
}
.ut-horizontal-navigation li:hover .ut-main-navigation-link span {
	background-color: #faed23;
	color: #151515!important;
	-webkit-transition: background-color 300ms ease-in-out;
    -ms-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out;
}
.ut-main-navigation-link {
    padding-left: 0px; 
    padding-right: 0px;
}
/*
.ut-horizontal-navigation.ut-navigation-with-animation ul li.ut-is-megamenu > .ut-megamenu, .ut-horizontal-navigation.ut-navigation-with-animation ul li.ut-menu-item-lvl-0 > ul.sub-menu {
    top: 70%!important;
}
*/
.ut-horizontal-navigation ul.sub-menu  {
	top: 78%!important;
}

#header-section .ut-horizontal-navigation ul.sub-menu li > ul.sub-menu {
	top: 0px!important;
	border: 0px !important;
}	


#header-section #navigation.ut-horizontal-navigation ul.sub-menu li:hover {
	background-color: #faed23!important;
	-webkit-transition: background-color 300ms ease-in-out;
    -ms-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out;
}
.sub-menu {
    background-color: rgba(0,0,0,0.85)!important;
}

#ut-sitebody .ut-horizontal-navigation ul.sub-menu li:first-child {
	padding-top:0px!important;
}
#ut-sitebody .ut-horizontal-navigation ul.sub-menu li:last-child {
    padding-bottom:0px!important;
}

.current-menu-item .ut-main-navigation-link span ,#header-section li.current_page_item:not(.menu-item-object-custom) > a span, #header-section li.current-menu-item:not(.menu-item-object-custom) > a span, #header-section li.current_page_ancestor > a span, #header-section li.current-menu-ancestor > a span {
	background-color: #faed23!important;
	color: #151515!important;
}
#header-section .ut-horizontal-navigation .sub-menu li.current_page_item , #header-section .ut-horizontal-navigation .sub-menu li.current-menu-item, #header-section .ut-horizontal-navigation .sub-menu li.current_page_ancestor, #header-section.ut-primary-custom-skin .ut-horizontal-navigation .sub-menu li.current-menu-ancestor {
	background-color: #faed23!important;
	color: #151515!important;
}

}

.ut-company-social li:last-child {
	margin-right:0px!important;
}

.ut-hamburger span,.ut-hamburger span:after,.ut-hamburger span:before {
	background-color: #151515!important;
}

#ut-mobile-menu a.selected {
	color: #151515!important;
	background: #faed23!important;

}
#ut-mobile-menu li.current-menu-item {
	color: #151515!important;
	background: #faed23!important;
}
#header-section #ut-mobile-menu li.current-menu-item:not(.menu-item-object-custom) > a {
	color: #151515!important;
}
#header-section #ut-mobile-menu li.current-menu-ancestor > a {
	color: #151515!important;
}

.ut-mm-trigger {
	display:none!important;
}

/* PAGE TITLE HEADER */


.page-header-container {
	padding-left: 0px!important;
	padding-right: 0px!important;
}

.page-title {
    font-size: 26px!important;
    color: #151515!important;
    font-weight: 800!important;
	text-transform:uppercase;
	margin-bottom: 0px!important;
	max-width: 1200px;
	margin: 0 auto;
}


.page-title-container {
	background: #ffe600 url(https://www.urbangladiators.de/wp-content/uploads/2015/06/beton_tile_yellow80.jpg);
	padding: 40px 15px 25px !important;
}

.ut-spacing-80.ut-vc-enabled.ut-has-page-title .page-header, .ut-spacing-80.ut-vc-enabled #secondary {
    padding-top: 0px!important;
}

.page-title:after {
	display:none!important;
}


/* CONTENT ELEMENTS */

h1:after,h2:after,h3:not(.ut-accordion-module-heading):after {
    display: block;
    width: 70px;
    height: 4px;
    margin: 10px 0 20px 0;
    content: '';
	background-color: #faed23;
}




.nicepaypalbuttonlite {
	width:125px;
}


.bklyn-btn-normal {
	background: #f7f7f7!important;
	padding: 10px 20px!important;
	font-weight: 600!important;
	text-transform: none!important;
}


.bklyn-btn-normal:hover {
	background: #e8e8e8!important;
}
.bklyn-btn-holder a {
	color:#151515!important;
}

a.bklyn-btn-normal {
    border-bottom: 2px solid #FFE600!important;
}


.bklyn-call-to-action-wrapper {
	background: #f7f7f7;
	padding: 28px 28px;
}
.bklyn-call-to-action-wrapper h3 {
    font-size: 18px;
    color: #151515;
    font-weight: 600;
}
.bklyn-call-to-action-wrapper a {
	color: #666!important;
    border-bottom: 2px solid #FFE600;
    font-weight: bold;
}

.bklyn-call-to-action-button-holder {
	width:30%;
}


.bklyn-call-to-action-wrapper .bklyn-btn {
	margin-bottom:0px!important;
	font-weight: 600;
	background-color: #ebebeb!important;
}

.bklyn-call-to-action-wrapper .bklyn-btn:hover {
	background: #e8e8e8!important;
}
	
.tipso_content {
	font-size:12px;
	line-height:20px;
}


.tipso_content .buchungsbutton {
	background: #faed23!important;
	color:#151515!important;
	font-weight:600;
	margin-bottom:3px!important;
	padding:2px!important;
	border-radius:0px!important;
}


.tipso_content a.login-link {
	color: #ffffff;
	font-weight:bold;
}

h2.wpb_singleimage_heading {
	text-align:left;
}

h2.wpb_singleimage_heading:after {
	display:none!important;
}

.tabelle-preise th {
	background-color: #faed23!important;
	color: #666!important;
}

.tabelle-preise tr {
   background-color: rgba(0, 0, 0, .03);
}
.tabelle-preise tr:hover {
    background-color: rgba(0, 0, 0, .06);
}


/* FOOTER */

#ut-sitebody .footer-content a {
    font-size: 10px!important;
}

#main-content .footer .grid-container {
	background:transparent;
	box-shadow: none;
}

.footer-content {
	background: #151515!important;
	color:#ffffff;
}

.logo-footer {
	width: 160px!important;
    margin-bottom: 15px;
}
#ut-sitebody .ut-footer-area h3.widget-title {
	color: #151515!important;
}

.footer,a.toTop {
    border-width: 2px!important;
}

.nf-form-fields-required {
	display:none;
}

.contactform-footer .nf-field-container {
    margin-bottom: 10px;
}

.contactform-footer .nf-field-element textarea {
    height: 100px;
}

#ut-sitebody .ut-footer-area .contactform-footer input[type="text"],#ut-sitebody .ut-footer-area .contactform-footer input[type="email"], #ut-sitebody .ut-footer-area .contactform-footer textarea {
	border: 0px!important;
	background: rgba(0, 0, 0, .05)!important;
}

#ut-sitebody .ut-footer-area .contactform-footer input[type="button"] {
	background: #f7f7f7!important;
	color: #151515!important;
	text-transform: none!important;
	font-weight:600;
}

.contactform-page input[type="text"],.contactform-page input[type="email"], .contactform-page textarea {
	border: 0px!important;
	background: rgba(0, 0, 0, .05)!important;
}

/* SLIDER */
.rev_slider h3 {
	font-size: 40px !important;
    font-weight: 400 !important;
	color: #ffffff!important;
    margin-bottom: 20px;
}
.rev_slider h3:after {
	background-color: #ffffff;
}
.rev_slider h3.slidetitle-dark {
	color: #151515!important;
}
.rev_slider h3.slidetitle-dark:after {
	background-color: #151515;
}
.rev_slider p {
	background-color: #252525b8;
	color: #FAED23;
	font-size: 20px !important;
    line-height: 34px !important;
	margin-bottom: 40px!important;
	padding-left:5px!important;
	padding-right:5px!important;
}

.rev_slider a.btn-slider {
	background-color: #151515!important;
	padding: .8em 2.4em!important;
	color:#ffffff!important;
	text-transform:uppercase!important;
	border: 1px solid #151515!important;
	font-weight:500!important;
	}

.rev_slider a.btn-slider:hover {
	background-color: #FAED23!important;
	color:#151515!important;
	border: 1px solid #151515!important;
	font-weight:500!important;
	-webkit-transition: background-color 300ms ease-in-out!important;
    -ms-transition: background-color 300ms ease-in-out!important;
    transition: background-color 300ms ease-in-out!important;
}
@media (max-width: 1024px) {
	.rev_slider p {
		font-size: 14px !important;
		line-height: 22px !important;
		margin-bottom: 40px!important;
		max-width:80vw;
		word-wrap: break-word;
	}
	.rev_slider h3 {
		font-size: 28px !important;
	}
	.rev_slider a.btn-slider {
		    font-size: 16px!important;
	}
	.rev_slider .tparrows {
		display: none!important;
	}
}

.lwa input[type="text"],.lwa input[type="password"] {
	border: 0px!important;
	background: rgba(0, 0, 0, .05)!important;
}
.lwa tr, .lwa td { 
border:none!important;
}

@media screen and (max-width: 600px) {
	#wpadminbar {
		top:-46px!important;
	}
	.admin-bar #header-section {
		margin-top:0px!important;
	}
}

/* membership page */

h1.aligncenter, h2.aligncenter, h3.aligncenter {
	text-align:center!important;
}

h1.aligncenter:after, h2.aligncenter:after, h3.aligncenter:after {
	left: 50%;
	transform: translate(-50%);
	position:relative;
}


.dark .wpcf7-form input, .dark .wpcf7-form textarea, input, textarea, select {
    border: 1px solid #ffffff;
}

.form_success {
	color:green;
	font-weight:bold;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    border: 3px solid green;
}

/* membership button */
.membership-btn {
	background: #faed23;
	text-align: center;
	color: #000000;
	position:fixed;
	bottom:50px;
	right: 50px;
	height: 200px;
	width: 200px;
	border-radius: 50%;
	font-weight: bold;
    font-size: 30px;
    line-height: 35px;
	z-index: 100;
}

.membership-btn-inner {
	position:relative;
	top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 600px) {
	.membership-btn {
		bottom: 20px;
		right: 20px;
		height: 150px;
		width: 150px;
		font-size: 25px;
		line-height: 30px;
	}
}


/* black friday */
.black-banner {
	position: fixed;
	top: 280px;
	right: -300px;
	transform: rotate(45deg);
	width: 1000px;
	z-index: 1000000;
	background: black;
	color: red;
	display: block;
	padding:30px 0px;
	text-align: center;
	
}
.black-banner .title {
	font-size: 35px;
}
.black-banner .subtitle {
	font-size: 35px;
	font-weight: bold;
}

@media (max-width: 1500px) {
	.black-banner {
		top: 230px;
		right: -340px;
	}
}

@media (max-width: 1200px) {
	.black-banner {
		top: 210px;
		right: -380px;
		padding: 10px 100px;
		width: 1000px;
	}
	.black-banner .title {
		font-size: 20px;
	}
	.black-banner .subtitle {
		font-size: 20px;
		font-weight: bold;
	}
}


#cookie-notice .cn-button {
	color: #000000!important;
} 


.page-id-12297 .ut-blog-grid-module .wp-post-image {

    display: none;
}

.ut-post-thumbnail .date-format {
	position: relative;
}
.ut-post-thumbnail .date-format .month, .ut-post-thumbnail .date-format .day {
	color:black!important;
}


#ut-custom-hero {
	margin-top: 110px;
}
@media (max-width: 1024px) {
	#ut-custom-hero {
		margin-top: 140px;
	}
}

.nf-form-fields-required {
	display: none;
}


.page-id-13713 #ut-custom-hero,.page-id-13640 #ut-custom-hero { /* retreat page */
	margin-top: 120px;
	margin-bottom: -40px;
}

@media (max-width: 1024px) {
	.page-id-13713 #ut-custom-hero,.page-id-13640 #ut-custom-hero {
		margin-top: 140px;
	}
}


/* FOOTER ADDRESS */
  .contact-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem; font-style:normal;}
  .contact-item{display:flex;align-items:center;gap:.6rem}
  .contact-item svg{width:1.1rem;height:1.1rem;flex:0 0 1.1rem;color:currentColor}
  .contact-link{color:inherit;text-decoration:none}
  .contact-link:hover,.contact-link:focus{text-decoration:underline}
  .sr-only{position:absolute;left:-9999px}
  
  .ut-footer-custom button.ff-btn {
	  color: #151515;
  }
  
  
/* social icons top header */
.social-icon {
	margin: 0 -5px;
}

.social-icon a svg {
  height: 1.3rem;
  fill: currentColor;
  vertical-align: middle;
}

#ut-top-header-right ul li {
	float:left;
}

#menu-top-1 > li:nth-child(1 of .social-icon) { margin-left:20px !important; }