body {
    font-family: Montserrat, Arial, Sans Serif;
}

.iframe-speaker-btn-primary{
	background-color: #ed6847;
	font-family: Montserrat, Arial, Sans Serif;
	margin: 10px;
	width: 300px;
    height: 40px;
    font-size: 16px;
    margin-left: 0px;
    margin-right: 0px;
	letter-spacing: 3px;
    border-radius: 10rem !important;
	
}
.iframe-speaker-btn-secondary{
	background-color: #626262;
	font-family: Montserrat, Arial, Sans Serif;
	margin: 10px;
	width: 300px;
    height: 40px;
    font-size: 16px;
    margin-left: 0px;
    margin-right: 0px;
	letter-spacing: 3px;
    border-radius: 10rem !important;
}

.iframe-speaker-btn-primary-small{
	background-color: #ed6847;
	font-family: Montserrat, Arial, Sans Serif;
	margin: 10px;
    font-size: 12px;
    margin-left: 0px;
    margin-right: 0px;
	letter-spacing: 3px;
    border-radius: 10rem !important;
}
.iframe-speaker-btn-secondary-small{
	background-color: #626262;
	font-family: Montserrat, Arial, Sans Serif;
	margin: 10px;
    font-size: 12px;
    margin-left: 0px;
    margin-right: 0px;
	letter-spacing: 3px;
    border-radius: 10rem !important;
}
.checkout-button {
	max-width: 300px;;
}
.speaker-info-window-profile-button {
	color: white;
	border-color: white;
}
.speaking-topic-category-button {
	border-radius: 10rem !important;
	color: #000000;
	font-family: Montserrat, Arial, Sans Serif;
	font-size: 16pt;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	margin-right: 10px;
}

.speaking-topic-category-button-active {
	border-radius: 10rem !important;
	color: #FFFFFF;
	font-family: Montserrat, Arial, Sans Serif;
	font-size: 16pt;
	background-color: #ed6847 !important;
	margin-bottom: 10px;
	margin-right: 10px;
}

.cropper-buttons {
	margin-right: 15px;
}

.iframe-speaker-form-input {
	/* background-color: #1F1F1F !important;
	color: #9C9C9C !important;
	font-family: Montserrat, Arial, Sans Serif; */
}

.form-label {
	font-family: Montserrat;
}

.iframe-speaker-form-input-container {
    margin-top: 10px;
    margin-bottom: 10px;
}

.speaker-login-container {
	margin-top: 100px;
}

.speaker-main-container {
    width: 600px;
}

.forgot-password {
	color: #9C9C9C !important;
}

.headline-text {
	font-family: Montserrat, Arial, Sans Serif;
	font-size: 56pt;
	color: #ffffff;
	font-weight: 800;
	text-transform : uppercase;
}
.sub-headline-text {
	font-size: 32pt;
	font-weight: 800;
	text-transform : uppercase;
}

.speaker-input-error {
	box-shadow: 0 0 0 1px rgb(249 49 84);
	margin-bottom: 1rem;
	
}

.bio-text-area {
	height: 300px;
}

.section-header-text {
	font-size: 32pt;
}

.profile-section {
	margin-top: 50px;
}

.profile-form-text {
	text-align: left;
	/* font: normal normal normal 16px/19px Montserrat; */
	letter-spacing: 0.96px;
}
.profile-form-text-secondary {
	/* color: #B4B4B4; */
}
.question-form-text {
	margin-bottom: 5px;
}
.secondary-profile-section {
	margin-top: 28px;
}
.upload-photo-preview {
	width: 200px;
	height: 200px;
	background-color: #FFFFFF;
	border-radius: 10px;
}


.upload-preview-icon::before {
	font-size: 50px;
}


.gallery-container {
	padding-left: 0px;
	padding-right: 0px;
}
#upload-gallery-image {
	width: 40px;
	height: 40px;
	margin-top: -15px;
	margin-left: 10px;
	/* border-radius: 50% !important; */
}
.featured-image {
	margin-top: 10px;
}
.upload-photo-gallery-preview-container .btn {
	top: 10%;
	left: 80%;
	position: absolute;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	color: #ed6847;
	font-size: 48px;
	cursor: pointer;
	border-style: none;
}
.upload-photo-gallery-preview-container {
	position: relative;
}
.profile-group-button {
	border-style: solid;
	border-width: 2px;
	border-color: #B4B4B4;
	font-family: Montserrat, Arial, Sans Serif;
	font-size: 22px;
}

.btn-group-vertical {
	width: 90%;
}

.group-button-active {
	background-color: #707070;
	color: #FFFFFF !important;
}

.fee-radio {
	margin-top: 10px;
	margin-bottom: 10px;
}

.upload-media-button-row {
	margin-top: 25px;
	margin-bottom: 25px;
}

.save-button-row {
	margin-bottom: 50px;
}

.cancel-button {
	background-color: #626262;
}
.application-input {
	margin-top: 20px;
}

.application-col {
	margin-top: 20px;
}
.application-form-text {
	color: #B4B4B4;
	margin-bottom: 2px;
}

.application-question-row {
	margin-top: 15px;
}
.application-display-name-text {
	width: 40%;
}
.application-display-name {
	width: 60%;
}
.hstack-text-question {
	width: 50%;
}

.inline-number-label {
	margin-right: 10px;
}
.form-switch {
	margin-left: 20px;
}	

.payment-section-header {
	font-size: 18pt;
}
.hstack-input {
	width: 60%;
}
.hstack-button {
	width: 25%;
	margin-left: 20px;
}
 .checkout-button {
	width: 80%;
 }
 .speaker-shopping-cart-price-form {
	width: 80%;
 }
 .speaker-cart-price-text {
	font-weight: 600;
 }

 .profile-save-button-row {
	margin-top: 25px;
 }

 .display-name-input {
	width: 50%;
 }
 /* .profile-display-name-text {
	width: 50%;
 } */

.speaker-result-body {
    background-color: #000000;
}

.contact-buttons {
	margin-left: 5px !important;
	margin-right: 5px !important;
}
.speaking-profile-topics {
	margin-left: 5%;
	margin-right: 5%;
}

.speaker-profile-topic-listing {
	margin-bottom: 1px;
	font-family: Montserrat, Arial, Sans Serif;
	font-size: 12pt;
	color: #FFFFFF;
}

.speaker-filter-toggle-left {
	margin-left: 5px;
}
.speaker-filter-toggle-right {
	margin-right: 5px;
}
.filter-range {
	margin-right: 10px;
	margin-left: 10px;
}
.filter-radius-label {
	color: #FFFFFF
}
.edit-button {
	border: none;
	background-color: inherit;
	padding: 14px 28px;
	font-size: 16px;
	cursor: pointer;
	display: inline-block;
	color: #ED6847;
	font: italic normal normal 16px/19px Montserrat;
}

.recurring-payment-update-billing-address {
	margin-top: 40px;
}
.speaker-application-spinner {
	margin-right: 10px;
}
.speaker-login-spinner {
	margin-right: 10px;
}
.speaker-profile-spinner {
	margin-right: 10px;
}
.speaker-primary-button-small {
	width: 250px;
}
.next-payment-column {
	margin-top: 15px;
	margin-bottom: 15px;
}
.apply-promo-button {
	min-width: 150px;
}
/*********************** HIJACKING THE MDB BOOTSTRAP *********************/
.iframe-speaker-btn-primary.focus,.iframe-speaker-btn-primary:focus,.iframe-speaker-btn-primary:hover, .iframe-speaker-btn-primary-small.focus,.iframe-speaker-btn-primary-small:focus,.iframe-speaker-btn-primary-small:hover {
    box-shadow: 1px 8px 40px 5px rgba(0,0,0,.1);
    color: white;
    background-color: #e94820;
    border-color: #e94820;
}
.speaking-topic-category-button-active.focus,.speaking-topic-category-button-active:focus,.speaking-topic-category-button-active:hover, .speaking-topic-category-button-active.focus,.speaking-topic-category-button-active:focus,.speaking-topic-category-button-active:hover {
    box-shadow: 1px 8px 40px 5px rgba(0,0,0,.1);
    color: white !important;
    background-color: #e94820;
    border-color: #e94820;
}
.speaking-topic-category-button.focus,.speaking-topic-category-button:focus,.speaking-topic-category-button:hover, .speaking-topic-category-button.focus,.speaking-topic-category-button:focus,.speaking-topic-category-button:hover {
    box-shadow: 1px 8px 40px 5px rgba(0,0,0,.1);
    color: #000000;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.form-outline .form-control~.form-label {
	color: #9C9C9C !important
}
.form-outline .form-control:focus ~ .form-label {
	color: #9C9C9C !important
}
.form-outline .form-control:focus ~ .form-notch .form-notch-middle {
	border-color: #ffffff !important;
	box-shadow: -1px 0 0 0 transparent, 0 1px 0 0 #ffffff, 0 -1px 0 0 transparent !important
}
.form-outline .form-control:focus ~ .form-notch .form-notch-leading {
	border-color: #ffffff !important;
	box-shadow: -1px 0 0 0 #ffffff, 0 1px 0 0 #ffffff, 0 -1px 0 0 #ffffff !important
}
.form-outline .form-control:focus ~ .form-notch .form-notch-trailing {
	border-color: #ffffff !important;
	box-shadow: 1px 0 0 0 #ffffff, 0 -1px 0 0 #ffffff, 0 1px 0 0 #ffffff !important
}


/*********************** Phone media queries *********************/
@media (max-width: 680px), screen and (orientation: portrait) {
	.speaker-main-container {
		width: 97%;
	}

	.section-header-text {
		font-size: 24pt;
	}

	.speaking-topic-category-button {
		border-radius: 10rem !important;
		color: #000000;
		font-family: Montserrat, Arial, Sans Serif;
		font-size: 8pt;
		background-color: #FFFFFF;
		margin-bottom: 10px;
		margin-right: 10px;
	}

	.speaking-topic-category-button-active {
		border-radius: 10rem !important;
		color: #FFFFFF;
		font-family: Montserrat, Arial, Sans Serif;
		font-size: 8pt;
		background-color: #ed6847 !important;
		margin-bottom: 10px;
		margin-right: 10px;
	}

	.sub-headline-text {
		font-size: 24pt;
		font-weight: 800;
		text-transform : uppercase;
	}
	.apply-promo-button {
		padding: 2px;
		font-size:10px;
	}
}
@media (min-width: 681px), screen and (orientation: portrait) {
	.resend-verify-email {
		width: 400px;
	}
	.continue-application-verify-email {
		width: 400px;
	}
}

.modal-fullscreen {
	height: 50%;
	margin: 0;
	padding: 0;
}

.modal-dialog.modal-fullscreen {
	margin: 0;
	height: 50%;
}

.modal-content {
	height: 50%;
	overflow: hidden;
}