/*
Theme Name: OceanWP Child
Theme URI: https://wp-themes.com/oceanwp
Author: ChildThemeWP.com
Author URI: https://childthemewp.com
Description: My WordPress OceanWP child theme.
Template: oceanwp
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.0
Text Domain: oceanwp-child

The Club 2024

*/

/* halant-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Halant';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/halant-v14-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* halant-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Halant';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/halant-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* halant-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Halant';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/halant-v14-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* halant-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Halant';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/halant-v14-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* halant-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Halant';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/halant-v14-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mukta-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/mukta-v14-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mukta-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/mukta-v14-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mukta-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/mukta-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mukta-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/mukta-v14-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mukta-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/mukta-v14-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mukta-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/mukta-v14-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mukta-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/mukta-v14-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

a:link{
	color:#dac12f;
}
.elementor-widget-text-editor a:hover {
	color:#fff!important;
	text-decoration: underline;
}
a:focus,
.focus a {
	outline: 0 !important;
	border:none!important;
}
body.sticky-header #site-header * {
  outline: none !important;
}
body {
font-family: 'Mukta', sans-serif!important;
    font-size:120%!important;
}
body.sticky-header {
	scroll-behavior: smooth;
	padding-top: 0!important;
	scroll-padding: 140px;
}
h1, h2, h3 {
    font-family: 'Halant', serif!important;
}
/* Header */
body.sticky-header #site-header {
	display: block;
	height: 1px!important;
	min-height: none!important;
}
#site-logo #site-logo-inner a.custom-logo-link {
	background: #222 !important;
	padding: 10px!important;
	display: block!important;
}
body.sticky-header #site-header .custom-logo {
	max-height: none!important;
}
.sticky-header-minified #site-logo #site-logo-inner a.custom-logo-link {
    padding: 20px!important;
}
#site-logo #site-logo-inner a img {
    width: 230px!important;
    height: auto!important;
    max-width: none!important;
}
#site-navigation-wrap {
    margin-top: 20px;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 100%);
    padding: 0 8px;
}
#mobile-dropdown {
    top: 107px!important;
}
.sticky-header-minified #mobile-dropdown {
    top: 80px!important;
}
#site-navigation-wrap .dropdown-menu > li > a {
	display: block;
	font-size: 18px!important;
	line-height: 74px;
	color: #dac12f!important;
	padding: 0 8px!important;
	letter-spacing: .6px;
}
#site-navigation-wrap .dropdown-menu > li > a:hover {
	color: #fff!important;
    background: rgb(74,54,14);
background: linear-gradient(180deg, rgba(74,54,14,0.5) 0%, rgba(0,0,0,0.7) 100%);
    border-bottom: 2px solid #fff!important;
}
body.sticky-header #site-header nav li.current-menu-item > a, 
body.sticky-header #site-header nav li.current-menu-ancestor > a {
	color: #efbe49 !important;
   background: rgb(74,54,14);
background: linear-gradient(180deg, rgba(74,54,14,0.7) 0%, rgba(0,0,0,0.8) 100%);
	/*border-bottom: 2px solid #dac12f!important;*/
}

.dropdown-menu ul li a.menu-link {
	font-size: 16px!important;
	font-weight: 400;
	line-height: 1.2em;
	letter-spacing: .6px;
	padding: 12px 15px;
	text-transform: capitalize;
}
#site-logo {
	box-shadow: 0px 10px 10px -3px rgba(0,0,0,0.4);
}
.with-sticky-header-minified #site-header {
    background: none!important;
}
.sticky-header-minified #site-logo #site-logo-inner a img {
    width:150px!important;
    height:auto!important;
}
body.sticky-header #site-header nav li.current-menu-item > a, body.sticky-header #site-header nav li.current-menu-ancestor > a {
	color: #fff !important;
}
.sticky-header-minified #site-navigation {
    background:rgba(0,0,0,0.6);
}

/* Content */
#main {
	box-shadow: 0px 8px 15px -3px rgba(0,0,0,0.8) !important;
	border-bottom: 1px solid #fff;
}
#main .page-header {
    display:none;
} 
#main h1 {
    font-size:45px!important;
    line-height: 150%;
    font-weight: 400;
}
#main h2 {
	font-size: 38px!important;
	line-height: 40px;
	color: #dac12f;
	font-weight: 400;
}
#main h3 {
	font-size: 26px!important;
	line-height: 140%;
    font-weight: 400;
	color: #fff;
}
#main p {
    font-size:18px!important;
    line-height: 130%;
}
#main li {
    font-size:18px!important;
    line-height: 130%;
    padding:0 0 6px;
	color:#fff;
}
#main #front {
  /* height: 500px;
padding: 300px 0 200px;*/
}
.search-toggle-li {
	display:none;
}
/* Passwortschutz */
.ppw-post-password-container {
    background: #222;
    position: relative;
    top: 200px;
    padding: 30px 0;
    border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.ppw-post-password-container .post-password-form {
    width: 360px;
    display: block;
    margin: 0 auto;
    background: #fff;
    padding: 30px;
}
.ppw-ppf-desc {
	line-height: 20px;
	padding:0 0 10px 0;
}
.ppw-ppf-input-container input[type=submit] {
    margin: 10px 0;
    font-size: 18px;
}
.home .elementor-slideshow__footer {
	display:none;
}
#front h1 {
    font-size: 45px;
    text-align: center;
    line-height: 47px;
    color: #dac12f;
    font-weight: 400;
    background: rgba(0,0,0,.8) !important;
    margin: 20px auto;
    width: fit-content;
    padding: 16px 30px;
}
#front .elementor-widget-image {
    width: 561px;
    height: auto;
    background: rgba(0,0,0,.8) !important;
    margin: 0 auto;
    padding: 24px;
    box-shadow: 0px 10px 10px -3px rgba(0,0,0,0.4);
}
#front .signet4 {
	width: 420px!important;
	margin: 0 auto!important;
	padding: 0;
	background:none!important;
	box-shadow: none!important;
}
.videos12 .e-hosted-video {
    width: 700px!important;
    margin: 0 auto!important;
}
.image24 img {
    width: 450px;
    height: auto!important;
}
.block1 {
    padding:50px 0;
}
.gray, .grey {
    background:#2d2d2d;
}
.gray p, .grey p {
    color:#fff;
}
.brown {
    background:#685a42;
}
.brown p, .brown li {
    color:#fff;
}
.dividerbrand .elementor-divider-separator::after, 
.dividerbrand .elementor-divider-separator::before {
	border-top: 1px solid #fff!important;
}
.dividerbrand .elementor-icon svg {
    width: 140px;
    height: 140px;
}
.divbg {
    min-height: 200px;
    background-size: cover;
}
.elementor-widget-icon-box {
	border: 1px solid #fff;
	background: #685a42;
	padding: 30px;
	margin: 0 auto;
	width: 600px !important;
	box-shadow: 0px 10px 10px -3px rgba(0,0,0,0.4);
}
.elementor-widget-icon-box p {
color:#fff!important;
}
.elementor-widget-icon-box .elementor-icon, .elementor-widget-icon-box .elementor-icon {
	fill: #dac12f !important;
	color: #dac12f !important;
	border-color: #dac12f !important;
}
.vid .elementor-widget-container {
    margin:0 auto;
    width:550px;
}
/* Buttons */
.elementor-button {
	border: 2px solid #dac12f !important;
	background: #fff !important;
	color: #dac12f !important;
	font-family: 'Halant', serif !important;
	font-size: 19px !important;
}
.elementor-button:hover,
.elementor-button:active,
.elementor-button:focus
{
	border: 2px solid #222 !important;
	background: #dac12f !important;
	color: #222 !important;
} 
#tops {
    min-height: 350px;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,.6);
    background-size: cover;
    background-position: 0 50%;
}
#main .titles3 p {
    padding:20px 0;
    color:#fff;
    font-size:22px!important;
    font-family: 'Halant', serif!important;
    font-weight: 400;
}
/* Member */
.member .inner {
	border: 1px solid #dac12f;
	padding: 20px;
	margin: 0 auto 30px;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.4);
    width:800px;
}
.member .facts {
    
}
.member .facts h2 {
	font-size: 32px !important;
	line-height: 130% !important;
	margin: 0;
}
.member h3 {
	font-size: 22px !important;
	line-height: 130% !important;
	margin: 0 0 20px;
}
.member .con {
	border-top: 1px solid #fff;
	padding: 10px 0 0 0;
	width: auto;
}
.member .con h3 {
    font-size: 22px;
    margin:0;
}
/* CF7 */

.wpcf7 {
	border: 1px solid #dac12f;
	padding: 20px;
	width: 800px;
	margin: 0 auto;
	background-color: rgba(255,255,255,.2) !important;
}
.wpcf7 .row1 label {
	width: 50%;
	float: left;
	padding: 10px;
	font-size:100%;
}
.wpcf7 .row1 br, .wpcf7 .row2 br {
	display:none;
}
.wpcf7 .row2 p {
	width:100%;
    display:block;
    clear:both;
}
.wpcf7 .row2 label {
	width: 100%;
	padding: 10px;
	font-size: 100%;
	display: block;
}
.wpcf7 .names {
	clear: both;
	width: 100%;
	display: block;
}
.wpcf7 .wpcf7-form-control-wrap {
	position: relative;
	float: left;
	width: 100%;
}
.country .country-name {
    color:#000;
}
form input[type="text"], form input[type="password"], form input[type="email"], form input[type="url"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="datetime"], form input[type="datetime-local"], form input[type="week"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="color"], form select, form textarea {
	font-size: 17px!important;
	line-height: 1.8;
	padding: 6px 12px;
	background-color: rgba(255,255,255,.7)!important;
	color: #333;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
input[type="text"], input[type="password"], input[type="input"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="range"], input[type="search"], input[type="color"], input[type="time"], input[type="week"], input[type="month"], input[type="date"], input[type="datetime"], textarea, select {
	border: 1px solid #ddd;
	padding: 10px;
	margin: 8px 0 0 0;
	width: 100%;
	background: #fff;
	font-size: 100%;
}
textarea {
	line-height:120%;
}
.country-select {
	margin: 8px 0 0 0;
}
.wpcf7 .rec {
	width: 100%;
	clear: both;
	padding: 0 0 0 10px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900;
	color: #ffb900;
	padding: 12px;
	font-size: 150%;
}
.wpcf7 input[type="submit"] {
	border: 2px solid #dac12f !important;
	background: #fff !important;
	color: #dac12f !important;
	font-family: 'Halant', serif !important;
	font-size: 19px !important;
	margin: 0 0 0 10px;
	padding: 10px 40px;
	line-height: 19px;
}
.wpcf7 input[type="submit"]:hover {
	border: 2px solid #222 !important;
	background: #dac12f !important;
	color: #222 !important;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450;
	color: #46b450;
	padding: 12px;
	font-size: 180%;
	margin: 0;
	text-align: center;
}
/* Footer */
#footer-widgets {
	background-color: #111;
	padding: 40px 0;
}
#block-8 {
	display:none;
}
#block-10 img {
	width:250px;
}
#menu-footer a {
    font-size:16px;
}
#footerlinktochildthemewp {
    display:none;
}
/* Cookie-Banner */
.cmplz-cookiebanner .cmplz-message,
.cmplz-btn {
    font-size:130%!important;
}
.cmplz-cookiebanner .cmplz-links .cmplz-link {
	display:block!important;
}
@media only screen and (max-width: 1024px) {
.oceanwp-mobile-menu-icon a {
	font-size: 25px!important;
	line-height: 190px!important;
}
.oceanwp-mobile-menu-icon a {
    color: #fff!important;
    padding: 5px 8px 0 9px !important;
    background: rgba(0,0,0,.7)!important;
}
#mobile-dropdown {
	background-color: rgba(0,0,0,.8)!important;
	max-height:440px!important;
}
    #mobile-dropdown ul li {
        border-top:1px solid #dac12f;
    }
#mobile-dropdown ul li a {
    padding: 12px 40px!important;
    font-size: 20px!important;
}
    #mobile-dropdown ul li a:hover {
	background-color: rgba(0,0,0,.7)!important;
        color:#fff;
}
   #mobile-dropdown ul li a .dropdown-toggle {
	color: #fff!important;
} 
.with-sticky-header-minified .oceanwp-mobile-menu-icon a {
    line-height: 76px !important;
}
	#tops {
    background-size: 128% auto;
    background-position: 60% 50%;
}
}
@media only screen and (max-width: 961px) {
    #main #front {
	padding: 200px 0 200px !important;
}
}

@media only screen and (max-width: 800px) {
   .member .facts h2, .member h3, .member p {
	text-align:center;
}
    .member .con {
	margin: 0 auto;
}
    .wpcf7 {
	width: 100%;
}
    #block-7, #block-7 .wp-block-image {
        margin:0!important;
    }
    .ctwg-social {
	margin: 0 auto;
	width: fit-content;
}
    #footer-widgets .footer-box .footer-widget ul {
	margin: 0 auto!important;
	width: 250px;
	text-align: center;
}
}
@media only screen and (max-width: 768px) {
    .member .inner {
	width: 540px;
}
.member img {
    height: auto !important;
    width: auto;
}
	#footer-widgets .footer-widgets-inner .col-2 {
		display:none;
	}
	#block-10 img {
    width: 150px!important;
}
	#footer-widgets .col {
    width: 100%;
}
}
@media only screen and (max-width: 600px) {
	.videos12 .e-hosted-video {
    width: 100%!important;
    margin: 0 auto!important;
}
	#main h2 {
    font-size: 32px!important;
    line-height: 35px;
}
	#main h3 {
    font-size: 24px!important;
    line-height: 26px;
}
	#main #front.homes {
    padding: 100px 0 60px!important;
}
    .vid .elementor-widget-container {
    width:100%;
}
	body.sticky-header #site-logo #site-logo-inner {
   height:69px!important;
}
	
	#site-logo #site-logo-inner a img {
    width: 180px!important;
}
#front .elementor-widget-image {
	width: 96%;
}
 #front h1 {
    font-size: 35px;
    line-height: 35px;
    padding: 15px 30px;
}
	.image24 img {
    width: 80%;
}
#front h1 {
    font-size: 32px!important;
    line-height: 37px!important;
    padding: 15px 30px;
    width: 96%;
}
	.sticky-header-minified #site-logo #site-logo-inner a.custom-logo-link {
    padding: 14px!important;
}
.sticky-header-minified #site-logo #site-logo-inner a img {
    width: 100px !important;
    height: auto !important;
}
	.oceanwp-mobile-menu-icon.mobile-right {
    height: 110px;
}
    .oceanwp-mobile-menu-icon a {
	line-height: 128px !important;
}
    #block-7 .wp-block-image img {
	max-width: 60%;
}
.iconboxes .elementor-icon {
      margin:0 auto!important;  
    display:block!important;
	width:50px;
    }
.iconboxes .elementor-icon-box-content h3,
    .iconboxes .elementor-icon-box-content p {
        text-align:center!important;
    }

}
@media only screen and (max-width: 450px) {
	#tops {
    background-size: auto 130%!important;
    background-position: 40% 66%!important;
    min-height: 220px;
}
.divbg {
    min-height: 200px;
    background-size: auto 173%!important;
    background-position: -130px -70px!important;
}
	#main #front.homes {
    padding: 140px 0 80px!important;
}
	#front .signet4 {
    width: 70%!important;
}
    #main h2 {
	font-size: 30px!important;
	line-height: 34px;
}
 .member .inner {
	width: 100%;
}
    .member img {
	height: 280px !important;
}
    .wpcf7 .row1 label {
	width: 100%;
}
	.pic7 {
		height:400px;
	}
}