/* --------------------------- 	*/
/* Main Elements 				*/
/* --------------------------- 	*/

.main-body {
	background: #FEF1DE;
	border-radius: 10px;
	border: 1px solid #ffe9c3;
	width: 100%;

}

h1 {
	color: #FF7E00;
	margin: 15px 0;
	/* font-family: 'Courgette', cursive; */
	font-size:79px;
}

.responsive-header {
	margin-bottom: 62px;
}

h2 {
	font-size: 51px;
	/* font-family: 'Courgette', cursive; */
	color: #FF7E00;
}

h3 {
	font-size: 18px;
	font-weight:bold;
}

h4 {
	font-size: 31px;
	font-weight:bold;
}

.responsive-sub-header {
	margin-bottom: 18px;
}

.ocl-sign-up-3col {
	padding-bottom: 30px;
}

.ocl-sign-up-3col h3 {
	/* font-family: 'Courgette', cursive; */
	color: #FF7E00;
	font-weight:normal;
	margin-bottom: 22px;
}

.ocl-sign-up-3col h3{
	margin-bottom: 22px;
}

.ocl-sign-up-3col h4{
	margin-bottom: 47px;
}

.ocl-button {
	background: #ff7e00;
	color: #ffffff;
	/* font-family: 'Courgette', cursive; */
	font-size: 15px;
	font-weight:normal;
	padding: 10px 30px;
}

.ocl-button:hover {
	background: #ab5400;
	color: #ffffff;
}

.ocl-button:active {
	background: #ab5400;
	color: #ffffff;
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.ocl-button:focus {
	background: #ff7e00;
	color: #ffffff;
}

.ocl-button-blue {
	background: #428cca;
	color: #ffffff;
	/* font-family: 'Courgette', cursive; */
	font-size: 15px;
	font-weight:normal;
	padding: 10px 30px;
}

.ocl-button-blue:hover {
	background: #316693;
	color: #ffffff;
}

.ocl-button-blue:active {
	background: #316693;
	color: #ffffff;
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.ocl-button-blue:focus {
	background: #316693;
	color: #ffffff;
}

.ocl-button-white {
	background: #ffffff;
	color: #656565;
	/* font-family: 'Courgette', cursive; */
	font-size: 15px;
	font-weight:normal;
	padding: 10px 30px;
}

.ocl-button-white:hover {
	background: #e4e4e4;
	color: #656565;
}

.ocl-button-white:active {
	background: #e4e4e4;
	color: #656565;
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.ocl-button-white:focus {
	background: #e4e4e4;
	color: #656565;
}

.ocl-button-green {
	background: #60b760;
	color: #fff;
	/* font-family: 'Courgette', cursive; */
	font-size: 15px;
	font-weight:normal;
	padding: 10px 30px;
}

.ocl-button-green:hover {
	background: #549f54;
	color: #fff;
}

.ocl-button-green:active {
	background: #549f54;
	color: #fff;
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.ocl-button-green:focus {
	background: #549f54;
	color: #fff;
}

.ocl-button-red {
	background: #d75553;
	color: #fff;
	/* font-family: 'Courgette', cursive; */
	font-size: 15px;
	font-weight:normal;
	padding: 10px 30px;
}

.ocl-button-red:hover {
	background: #d75553;
	color: #fff;
}

.ocl-button-red:active {
	background: #d75553;
	color: #fff;
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.ocl-button-red:focus {
	background: #d75553;
	color: #fff;
}

.ocl-button-grayed-out {
	background: #c2c2c2;
	color: #fff;
	/* font-family: 'Courgette', cursive; */
	font-size: 15px;
	font-weight:normal;
	padding: 10px 30px;
}

.ocl-button-grayed-out:hover {
	background: #c2c2c2;
	color: #fff;
}

.ocl-button-grayed-out:active {
	background: #c2c2c2;
	color: #fff;
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.ocl-button-grayed-out:focus {
	background: #c2c2c2;
	color: #fff;
}
.ocl-button-md {
	padding: 5px 15px;
}
.ocl-button-sm {
	padding: 2.5px 7.5px;
}

.title-body {
	width:100%;
	padding-top:58px;
}

.title-body h1 {
	font-size: 38px;
}

.title-body .responsive-header {
	margin-bottom: 0px;
}

.ocl-form-better-padding {
	padding-top: 27px;
}

.icon-green {
	color: #5e9f66;
	font-size: 34px;
}

.icon-red{
	color:#bd505b;
	font-size: 34px;
}

.sailing-arrow {
	padding-top: 20px;
}

.icon-blue{
	color: #468cc8;
}

.checkbox-center {
	text-align: center;
}

/* --------------------------- 	*/
/* Page Elements 				*/
/* --------------------------- 	*/


.payment{
	margin-bottom:20vh;
	padding: 3vh 5vh 5vh 5vh;
}


.spacer{
		margin-bottom:20vh;
}

.payment h2{
	margin:0;
	margin-top:-12px;
}

.main-body.join-us {
	margin-top: 41px;
	margin-bottom: 41px;
	padding-top: 54px;
	padding-bottom: 54px;
}

.main-body.sign-up {
	margin-top: 26px;
	margin-bottom: 26px;
	padding-top: 26px;
	padding-bottom: 39px;
}

.main-body.your-profile {
	margin-top: 26px;
	margin-bottom: 26px;
	padding-top: 26px;
	padding-bottom: 39px;
}

.main-body.account-info {
	margin-top: 26px;
	margin-bottom: 26px;
	padding-top: 26px;
	padding-bottom: 39px;
}

.main-body.org-info {
	margin-top: 26px;
	margin-bottom: 26px;
	padding-top: 26px;
	padding-bottom: 39px;
}

.main-body.add-opp {
	margin-top: 26px;
	margin-bottom: 26px;
	padding-top: 26px;
	padding-bottom: 39px;
}



.main-body.your-profile  h2{
	font-size: 31px;
	padding:0px;
	margin:0px;
}

.main-body.join-us > .responsive-content {
	margin-bottom: 30px;
}

.main-body.your-profile .ocl-form-better-padding {
	padding-top: 47px;
}


/* --------------------------- */
/* Form Elements */
/* --------------------------- */

input[type="text"] {
	border: 1px solid #3953A3;
	color: #6BA2D5;
	height: 34px;
	padding: 5px;
}

input[type="password"] {
	border: 1px solid #3953A3;
	color: #6BA2D5;
	height: 34px;
	padding: 5px;
}

input[type="checkbox"], input[type="radio"] {
	margin: 4px 0 0;
	margin-top: 1px\9;
	line-height: normal;
	opacity: 1;
}

.checkbox label {
	padding-top: 6px;
}

#city {
	float: right;
	width: 100%;
}

#profile-photo-img {
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 5%;
	margin-bottom: 5%;
}

.form-extra-padding {
	margin-bottom: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #428cca;
	border: 1px solid #428cca;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0 5px;
	color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px;
}

.dropdown-menu > li > a {

	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}


.color1 {
	background:#fef1de;
}

.color2 {
	background:#ffe2b7;
}

.color3 {
	background:#ffd496;
}

.color4 {
	background:#f9c57a;
}

.col-md-4.text-center.ocl-sign-up-3col h3 {
	height: 65px;
}

.select2-selection__choice__remove{display:none !important;}