@font-face {
    font-family: 'suisse_intlregular';
    src: url('/toteboarding/suisseintl-regular-webfont.woff2') format('woff2'),
         url('/toteboarding/suisseintl-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

#s2member-pro-stripe-checkout-form, div.s2member-pro-stripe-form-description-div {
	font-family: "suisse_intlregular", Arial, sans-serif;
	color: #000000;
}

#s2member-pro-stripe-checkout-form {
	padding-bottom: 100px;
}

#s2member-pro-stripe-checkout-submit {
	display: none;
}

#betmix-custom-form-submit-button {
	text-align: center;
	color: #ffffff;
	border-radius: 30px;
	padding: 20px;
	background: #000000;
	cursor: pointer;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */	
}
#betmix-custom-form-submit-button:hover {
	background: #353535;
}
#betmix-custom-form-submit-button:active {
	background: #000000;
}

#s2member-pro-stripe-checkout-form-description-section {
	border: 1px solid #000000;
	padding: 15px 20px;
	margin-bottom: 46px;
}

#s2member-pro-stripe-checkout-form-description-div {
	display: flex;
	justify-content: space-between;
	margin: 0;
}

.subscriptionDescriptionBig {
	font-size:36px;
	line-height: 30px;
	height: 28px;
}
.subscriptionDescriptionSmall {
	font-size: 14px;
	line-height: 12px;
	height: 11px;
}

.checkoutFormSubtitleText {
	font-size: 24px;
	margin-bottom: 15px;
}

.checkoutFormInfoText {
	font-size: 14px;
	margin-bottom: 15px;
}

#checkoutFormSubWrapper {
	padding: 0px 25px;
}

#checkoutFormSplitContainer {
	display: flex;
	flex-direction: row;
	padding-top: 20px;
}

.checkoutFormSplitColumn {
	width: 50%;
}

.standard-page-title {
	display: none;
}

#s2member-pro-stripe-checkout-form-submit-div {
	width: 100%;
}

.checkoutFormLegalText {
	font-family: "suisse_intlmedium", Arial, sans-serif;
	font-size: 14px;
	margin-top: 30px;
}

.deactivatedDisabledCustom {
	background-color: #B9B9B9 !important;
}

#loginFirstMessageWrapper {
	height: 100%;
	width: 100%;  
	position: fixed; /* Stay in place */
 	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	background-color: #272727; /* Black fallback color */
	overflow-x: hidden; /* Disable horizontal scroll */
	transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

#loginFirstMessageContainer {
	margin: 100px auto 0px auto;
	width: 50%; 
	text-align: center; /* Centered text/links */
	background: #272727;
	color: #ffffff;
	padding: 20px;
}

.flexContainer {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
}

.flexContainer2 {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}


.messageLogosButton {
	text-align: center;
	color: #ffffff;
	border-radius: 30px;
	padding: 20px;
	margin: 10px 0px;
	background: #000000;
	cursor: pointer;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */	
}
.messageLogosButton:hover {
	background: #353535;
}
.messageLogosButton:active {
	background: #000000;
}

@media only screen and (max-width: 1500px) {

	#loginFirstMessageContainer {
		width: 70%;
	}

}

@media only screen and (max-width: 1000px) {
	.flexContainer {
		flex-direction: column;
	}
	.flexContainer > div {
		margin-bottom: 20px;
	}
}