body {
    font-family: 'Raleway', sans-serif;
	color: #656565;
	line-height: 1.8em;
	background: #eee;
}

.second-font {
	font-family: 'Playfair Display', serif;
}

#logo {
	/*max-width: 260px;*/
	transition: all .4s;
}

.separator {
    height: 1px;
    background-color: #eee;
    margin: 40px 0;
    clear: both;
}

.container { padding: 0; }

.widget-container {
    background-color: transparent;
    margin: 10px auto;
    padding: 0;
}

.widget-container-left {
    background-color: transparent;
    margin: 10px auto 10px 0;
    padding: 0;
}

.widget-container-right {
    background-color: transparent;
    margin: 10px 0 10px auto;
    padding: 0;
}

.dw-inner-container {
    background: none;
    margin: 1px;
}

.dw-title{
    line-height: 1;
    background-color: #f6f6f6;
    border: 1px solid transparent;
    border-radius: 5px;
    overflow: hidden;
    display: table;
    width: 100%;
    padding: 10px 20px;
    font-family: 'Playfair Display', serif;
}

.dw-title .form-title-wrapper {
	margin: 0;
	display: table-cell;
	vertical-align: middle;
}

.dw-title .form_title-wrapper .form_title {
	margin: 0;
}

.dw-title .donation-amount {
	text-align: right;
	font-size: 30px;
	display: table-cell;
	vertical-align: middle;
}

.dwf-content {
	background: #f6f6f6;
	border: 1px solid #ddd;
	margin-bottom: 10px !important;
	border-radius: 5px;
	padding: 20px !important;
}

.section-title {
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	margin: 0;
}

.dw-content {
    /*padding: 15px;*/
}

.dw-content-notitle {
	padding-top: 0;
}

.dw-content button.dw-amount, .dw-other-amount {
    display: inline-block;
    width: 100%;
    border: 1px solid transparent;
    padding: 10px 0;
    border-radius: 2px;
    font-weight: bold;
    font-size: 16px;
    color: white;
    background-color: #4285f4;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0288d3+0,027cc0+100 */
	background: #0288d3; /* Old browsers */
	background: -moz-linear-gradient(top,  #0288d3 0%, #027cc0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #0288d3 0%,#027cc0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #0288d3 0%,#027cc0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0288d3', endColorstr='#027cc0',GradientType=0 ); /* IE6-9 */
    transition: all .4s;
    outline: none !important;
}

.dw-content button.dw-amount:hover,  .dw-other-amount:hover {
    border-radius:30px;
}

.dw-content button.dw-amount-selected {
    background-color: #1d2c35;
    border-radius:30px;
    color: white;
}

.dw-other-amount-selected {
    visibility: hidden;
    opacity: 0;
}

.dw-other-amount-container {
    position: relative;
}

.amount_btn {
	display: inline-block;
	margin: 0;
	padding: 8px;
	outline: none;
	border: 1px solid transparent;
	width: 100%;
	border-radius: 5px;
	background-color: #6ea77a;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	transition: all .4s;
	margin-bottom: 10px;
}

.amount_btn:hover{
	border-radius: 24px;
}

.amount_btn_selected {
	opacity: .5;
	border-radius: 24px;
	cursor: not-allowed;
}

.amount-custom {
	display: none;
}

.dw-other-amount-container {
    overflow: hidden;
    width: 100%;
    padding: 0 15px;
	display: none;
}

.dw-oam-input-comtainer-visible {
    top: 0;
    display: block;
}

.dw-oam-input-comtainer input {
    width: 100%;
    font-size: 16px;
    padding: 10px 10px 10px 56px;
	border-width: 1px;
	outline: none;
}

.dw-oam-input-comtainer input:focus {
	border-width: 1px;
	outline: none;
}

.dw-oam-input-comtainer span {
	position: absolute;
	left: 15px;
	top: 0;
	font-size: 20px;
	color:white;
	background: #4285f4;
	width: 44px;
	height: 44px;
	text-align:center;
	line-height: 40px;
}

.continue-btn {
    background-color: #f46253;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 0;
    border-radius: 2px;
    display: block;
    color: white;
    text-align: center;
    font-size: 18px;
    text-decoration: none;
    transition: all .4s;
}

input.continue-btn {
    background-color: #f46253;
    text-transform: uppercase;
    font-weight: bold;
	text-align: center;
    padding: 15px 0;
	border: none;
    border-radius: 2px;
    display: block;
	width: 100%;
    color: white;
    text-align: center;
    font-size: 18px;
    text-decoration: none;
    transition: all .4s;
}

.continue-btn:hover, .continue-btn:focus {
    color: white;
    background-color: #d64d3f;
    text-decoration: none;
}

.checkbox {
	font-size: 16px;
	margin-right: 15px;
	cursor: pointer;
	background-size: 20px 20px;
	transition: all .4s;
	position: relative;
	padding-left: 26px;
}

.checkbox:before {
	font-family: 'fontello';
	content: '\e8f9';
	display: inline;
	font-size: 22px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.checkbox-checked:before {
	font-family: 'fontello';
	content: '\e8f8';
	font-size: 22px;
}

.secure-badge {
	text-align: center;
	margin-top: 15px;
}

.secure-badge img {
	border: 1px solid #ddd;
}

.dw-content-title h5 {
	font-weight: bold;
	color: #222;
	margin:0;
	padding: 0;
}

.dw-form input,
.dw-form select,
.dw-form textarea {
	border: 1px solid #ddd;
	border-radius: 5px;
	border-color: #e6e6e6;
	height: 44px;
	color: #555e64;
	box-shadow: none;
}
.dw-form select{
	line-height: 44px;
}

.dw-form input[type="radio"],
.dw-form input[type="checkbox"] {
	height: auto;
	display: none;

     /*position:absolute;
    margin-top:-10px;
    margin-left:2px;*/
}

.dw-form input[type="radio"] + label,
.dw-form input[type="checkbox"] + label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
    /*top:-6px;*/
}

.dw-form input[type="radio"] + label:before,
.dw-form input[type="checkbox"] + label:before {
	content: "";
	display: inline-block;

	width: 18px;
	height: 18px;

	margin-right: 10px;
	position: absolute;
	left: 0;
	top: 2px;
	background-color: #fff;
	border: 1px solid #aaa;
}

.dw-form input[type="radio"] + label:before {
	border-radius: 10px;
}

.dw-form input[type="checkbox"] + label:before {
	border-radius: 2px;
}

.dw-form input[type="radio"]:checked + label:before {
	content: "\e8fa";
    color: #777;
    font-size: 9px;
    text-align: center;
    line-height: 16px;
	font-family: 'fontello';
}

.dw-form input[type="checkbox"]:checked + label:before {
	content: "\e810";
    color: #777;
    font-size: 13px;
    text-align: center;
    line-height: 17px;
	font-family: 'fontello';
}

.dw-form label { font-weight: normal; }

/* SORTABLE */
.dwf-module-title {
	background: #ddd;
	color: #1d2c35;
	padding: 10px 15px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	background: #ddd url(../img/drag.svg) no-repeat 10px center;
	background-size: 22px 22px;
	opacity: .5;
	cursor: move;
}


/* PRODUCTION & PREVIEW */

body.production .dwf-content {
	border: none;
	padding: 0;
	padding-bottom: 0;
	border-bottom: 1px solid #ddd;
}

.input-group button {
	background: white;
	border-radius: 2px;
	padding: 8px 12px;
	border-color: #ced3d6;
}

.input-group button:hover {
	background-color: white !important;
	border-color: #ced3d6 !important;
}

.timing_option-wrapper {
	display: none;
}

/* CUSTOM OPTIONS */
.custom-options-list {
	list-style: none;
	padding: 0;
}

.custom-options-list  li {
	padding: 10px;
	border: 1px solid transparent;
	background-color: #f46253;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	margin-bottom: 3px;
	padding-right: 20px;
	position: relative;
	outline: none;
}

.custom-options-list  li.selected::after {
	font-family: icomoon;
	content: '\e904';
	float: right;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}

.input-group-addon {
    color: #FFFFFF;
    background-color: #6ea77a;
    border: none;
    border-radius: 2px;
	padding: 6px 20px;
}

.cvv-container {
	position: relative;
}

.cvv_helper {
	position: absolute;
	bottom: 40px;
	right: 0;
	display: none;
	z-index: 2;
}

.custom-options-other-amount-input {
	display: none;
}

.dedication-wrapper {
	display: none;
}

#cvv_help {
	cursor: pointer;
}

.card-types {
	list-style: none;
	padding: 0;
}

.card-types li {
	display: inline;
	margin-right:2px;
	margin-bottom: 5px;
}

.pre-submit-section {
	font-size: 16px;
}

.pre-submit-section span {
	font-weight: bold;
	font-size: 20px;
}

.submit-btn {
	background-color: #6ea77a;
    text-transform: uppercase;
	border: 1px solid transparent;
	outline: none;
    font-weight: bold;
    text-align: center;
    padding: 15px 40px;
    border-radius: 2px;
    color: white;
    font-size: 18px;
    text-decoration: none;
	display: block;
	width: 100%;
}

/* HEADER FOOTER */
.header {
	padding: 20px 30px;
	position: relative;
	background: #fff;
}

.footer {
	background: #222;
	padding: 30px;
	color: white;
}

.footer-has-editor .footer-content {
	display: none;
}

.form-sidebar {
	padding: 15px;
	border: 1px solid transparent;
	border-radius: 5px;
	background-color: #f6f6f6;
}

.form-sidebar-hidden {
	display: none;
}

.form-sidebar img {
	max-width: 100%;
}

/* THANK YOU PAGE */
.ty_overlay {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100vh;
  height: 100%;
	background: #ffffff;
	z-index: 5;
	display: none;
}

.ty_wrapper {
	max-width: 720px;
	margin: 4em auto;
	text-align: center;
}

.ty_wrapper img {
	max-width: 100%;
}
  /*safari fix*/
.ty_icon{
  height:50px;
  margin: 0px auto;
  position:relative;
  width:50px;
}
.ty_text_wrapper {
	padding: 15px;
}

.ty_title {
	font-weight: bold;
}

.ty_text {
	font-size:1.4em;
	line-height: 1.8em;
	margin-top: 20px;
}

#main_bodyeditor .texteditor-append {
    padding: 7px 33px;
}