/* CSS Document */

/*
--------------------------------------------------
Bonei
November 2009
Global CSS file

-------------------------------------------------- */

@import url("debug.css");

/* Reset
-----------------------------------------------------------------------------*/

/***** Global Settings *****/
 
html, body {border:0; margin:0 0 0 0; padding:0; box-sizing: border-box;}
 
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; min-width: 320px;}
 
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-weight:normal; }
 
p, ul, ol {margin:0; padding:0;}
 
ul, ol {list-style:none; padding:0;}
 
img {border:0;}
 
/***** Links *****/
 
a, a:visited {text-decoration:none;}

/***** Tables *****/
 
table {
	border:0;
	margin:0;
	padding:0;
	text-align: center;
}
 
table tr td {padding:0;}
 
/***** Wrapper *****/
 
#wraper {width:860px; margin:0 auto;}
 
/***** Global Classes *****/
 
.clear         {clear:both;}
 
.float-left    {float:left;}
.float-right   {float:right;}
 
.text-left     {text-align:left;}
.text-right    {text-align:right;}
.text-center   {text-align:center;}
.text-justify  {text-align:justify;}
 
.bold          {font-weight:bold;}
.italic        {font-style:italic;}
.underline     {border-bottom:1px solid;}
.highlight     {background:#ffc; }
 
.wrap          {width:960px;margin:0 auto;}
 
.img-left      {float:left;margin:4px 10px 0px 0;}
.img-right     {float:right;margin:4px 0 0px 10px;}
 
.nopadding     {padding:0;}
.noindent      {margin-left:0;padding-left:0;}
.nobullet      {list-style:none;list-style-image:none;}


/* General
-----------------------------------------------------------------------------*/

body {background-image:url(../images/back-new.jpg); background-repeat:no-repeat; background-position:top center; background-color:#b4b8c1;}

#wrapper {max-width:1000px; margin:30px auto; background-color:#fff; -webkit-box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.56); -moz-box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.56); box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.56); padding:0 0 10px 0;}

/* Content
-----------------------------------------------------------------------------*/

.header {width:100%;}

#content h2 {/*font-family: 'Courgette', cursive;*/ text-align:center; font-size:23px; background-color:#FAF6E8; padding:10px; color:#5D666C; margin:25px 50px 0 50px; border-bottom:2px solid #CDB037; font-family:"Times New Roman", Times, serif; font-style:italic;}

#content .honores h2 { margin-left: 0; margin-right: 0; }

#content h3 {font-family: 'Oswald', sans-serif; text-align:center; font-size:16px; background-color:#FAF6E8; padding:10px; color:#5D666C; text-transform:uppercase; margin:25px 50px 0 50px; border-bottom:2px solid #CDB037;}

#content .left, #content .col_left {margin:30px 0 0 0;}

#content .person {text-align:left; float:left; margin:0 0 0 25px;}

#content .honores.small {margin:0 auto 0 auto;}

.honores.hidden { display: none; }

#content .person .f1 {color:#330033; font-family: 'Oswald', sans-serif; font-size:16px;}

#content .person .f2 {font-family: 'Lato', sans-serif; color:#444; font-size:14px; padding:2px 0; position:relative; left:26px;}

#content .person .f3 {font-family: 'Lato', sans-serif; color:#444; font-size:13px; weight:400; font-style:italic; position:relative; left:26px; padding-right: 40px;}

#content .person .check {position:relative; left:23px; top:2px; }

#content .person tr td img { max-width: 77%; margin-left: 10px; max-height: 55px; float: right; margin-right: 25px; }

#content .instruction {text-align:center; font-family: 'Lato', sans-serif; color:#c50f0f; font-size:13px; padding:15px 15px 0 15px;}

#content .instruction a {color:#CDB037;}

#content .instruction a:hover {text-decoration:underline;}

#content .donate {margin:0 50px; overflow: hidden;}

#content .donate .option {float:left; width:33%; padding:30px 15px 10px; box-sizing: border-box; }
#content .donate .option:nth-child(3n+1) { clear: both; }
/* #content .donate .option.long {min-height:265px;} */

#content .donate .option h2 {color:#fff; background-color:#bbbcbd; border-bottom:none; font-size:16px; padding:0; text-align:left; line-height:35px; margin:0;}

#content .donate .option h2 em {display:inline-block; background-color:#fff; color:#969696; padding:0 15px; line-height:33px; float:right; margin:1px 0 0 0; min-width:100px;}

#content .donate .option h2 .radio {margin:0 5px;}

#content .donate .option ul {margin:10px 0 0 0;}

#content .donate .option ul li {font-family: 'Lato', sans-serif; color:#444; font-size:13px; font-style:italic; border-bottom:1px solid #bbbcbd; line-height:18px; padding:5px 0;}

.amount {margin:30px auto 0 auto;}

.amount td {padding:3px 0; text-align:left;}

.amount .radio {margin:0 25px 0 0; position:relative; top:2px;}

.amount p {font-family: 'Lato', sans-serif; color:#444; font-size:14px; text-align:left; padding:0 15px 0 0;}

.amount strong {font-family: 'Lato', sans-serif; color:#444; font-size:14px; display:block; padding:0 0 0 15px;}

.amount strong.spec {display:inline; position:relative; top:10px;}

.amount .flexible {width:30%; border-bottom:1px dotted #666; }

#content .text {margin:0 50px; width:80%; margin:0 auto;}

#content .info {margin:25px 0 0 0; width:95%; border:1px solid #d7d7d7; background-color:#fff; color:#666; 	box-shadow:inset 0 0 7px 4px rgba(0,0,0,.05); padding:1px 4px; height:100px; font-family: 'Lato', sans-serif; color:#444; font-size:13px;}

#content .info1 {margin:0 0 8px 5px; width:280px; border:1px solid #d7d7d7; background-color:#fff; color:#666; 	box-shadow:inset 0 0 7px 4px rgba(0,0,0,.05); padding:4px; height:20px; font-family: 'Lato', sans-serif; color:#444; font-size:13px;}
/* #content .info1:invalid { box-shadow: 0 0 1.5px 1px red; } */

#content .info2 {margin:0; width:50px; border:1px solid #d7d7d7; background-color:#fff; color:#666; 	box-shadow:inset 0 0 7px 4px rgba(0,0,0,.05); padding:4px; height:20px; font-family: 'Lato', sans-serif; color:#444; font-size:13px; position:relative; top:5px; left:8px;}

#content .info3 {margin:0 0 0 5px; width:65px; border:1px solid #d7d7d7; background-color:#fff; color:#666; 	box-shadow:inset 0 0 7px 4px rgba(0,0,0,.05); padding:4px; height:20px; font-family: 'Lato', sans-serif; color:#444; font-size:13px; position:relative; top:5px; z-index: 9;}

#content .drop1 {margin:0 0 8px 5px; width:290px; border:1px solid #d7d7d7; background-color:#fff; color:#666; 	box-shadow:inset 0 0 7px 4px rgba(0,0,0,.05); padding:4px; height:30px; font-family: 'Lato', sans-serif; color:#444; font-size:13px; }

#content .drop2 {margin:0 0 8px 5px; width:90px; border:1px solid #d7d7d7; background-color:#fff; color:#666; 	box-shadow:inset 0 0 7px 4px rgba(0,0,0,.05); padding:4px; height:30px; font-family: 'Lato', sans-serif; color:#444; font-size:13px; }

#content .drop3 {margin:0 0 8px 5px; width:70px; border:1px solid #d7d7d7; background-color:#fff; color:#666; 	box-shadow:inset 0 0 7px 4px rgba(0,0,0,.05); padding:4px; height:30px; font-family: 'Lato', sans-serif; color:#444; font-size:13px; }

#content .note {font-family: 'Lato', sans-serif; color:#444; font-size:11px; display:inline; margin:0 0 0 10px; line-height:12px; max-width:100px; position:relative; top:-5px;}

#content .note span {display:block; margin:-4px 0 0 95px;}

#content .upload {margin:0 auto 0 auto; width:80%; text-align:center; font-family: 'Lato', sans-serif; color:#444; font-size:13px;}

.upload .uploadFile {width:280px; border:1px solid #d7d7d7; background-color:#fff; color:#666; 	box-shadow:inset 0 0 7px 4px rgba(0,0,0,.05); padding:4px; height:20px; font-family: 'Lato', sans-serif; color:#444; font-size:13px;}

#content .upload .fileUpload {position: relative; overflow: hidden; margin: 10px; text-transform:uppercase; border:1px solid #CDB037; color:#fff; background-color:#CDB037; font-size:15px; padding:5px 20px; font-family: 'Lato', sans-serif; cursor:pointer; display:inline-block; top:20px;}

#content .upload .fileUpload:hover,#content .upload .fileUpload:focus {background-color: #FAF6E8;
    color: #5D666C;
    border: 1px solid #CDB037 !important;}

#content .upload .fileUpload input.upload {position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}

.billing {margin:30px auto 0 auto;}

.billing td {padding:3px 0; text-align:center;}

.billing .form_text {font-family: 'Lato', sans-serif; color:#444; font-size:14px; text-align:left; padding:4px 15px 0 0;}

.billing .form_text .required {margin:0 5px 0 0; color:#b50000;}

/*.billing .button {display:inline-block; text-transform:uppercase; border:none; color:#fff; background-color:#376272; font-size:18px; padding:8px 25px; font-family: 'Lato', sans-serif; cursor:pointer; }*/
 .billing .button{display: inline-block;
    text-transform: uppercase;
    border: none;
    color: #fff;
    background-color:#CDB037;
    font-size: 22px;
    padding: 11px 45px;
    font-family: 'Lato', sans-serif;
    cursor: pointer;
    margin-top: 15px;
    border: 1px solid #CDB037 !important;
    }

.billing .button:hover,.billing .button:focus {background-color:#FAF6E8; color:#5D666C;border: 1px solid #CDB037 !important;}

.billing.bottom {text-align:center; max-width:420px; margin:10px auto 0 auto;}

.billing.bottom p { text-align:center; font-family: 'Lato', sans-serif; color:#444; font-size:16px;  padding:15px 0;}

.billing.bottom p a {color:#CDB037;}

.billing.bottom p a:hover {text-decoration:underline;}

.flexslider {width:90%; margin:0 auto;}

.flexslider .slides {}

.flexslider .slides li {width:25%;}

#footer {margin:10px auto 20px auto;}

#footer p {text-align:center; font-family: 'Lato', sans-serif; font-size:12px; text-transform:uppercase; font-weight:700; line-height:23px;}

#footer p a {color:#fff;}

#footer p a:hover {text-decoration:underline;}

.option-one, 
.option-two { width: 100% !important; display: none; }

#content h1 {
/*     background-color: #340F3B; */
    border-bottom: 2px solid goldenrod;
    color: #340F3B;
    font-family: "Oswald",sans-serif;
    font-size: 20px;
    margin: 25px 50px 0;
    padding: 10px 10px 15px;
    text-align: center;
    text-transform: uppercase;
}
.h1text {
    color: #444;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    padding: 0 15px 0 0;
    text-align: center;
    margin: 15px 0;
}

.reservations { margin: 30px auto 0; }
.reservations .radio { margin: 0 22px 0 0; }
.reservations td { vertical-align: baseline; padding: 3px; }
#content .reservations .info2 { position: static; }

/*#content .honores:not(.small) .person:nth-child(3n+1) { clear: both; }
#content .honores.small .person:nth-child(4n+1) { clear: both; }*/

.payment_type {}
.payment_type td { padding: 0 0 1em; }
.payment_type label { display: table; }
.payment_type label > span { display: table-cell; vertical-align: middle; }
.payment_type .form_text { padding: 0 0 0 .4em; }
tr.cc { display: none; }


/*** update 2017/01/05 ***/
.banner { position: relative; background: url('../images/bgd-banner.jpg') no-repeat bottom right; }
.banner img { max-width: 100%; height: auto; }

.banner-responsive { display: none; }
.banner-responsive img { max-width: 100%; height: auto; }

.radio.hidden { visibility: hidden; }

.banner:after { content: ''; display: block; clear: both; }
.banner .left-side { box-sizing: border-box; float: left; width: 50%; padding: .5em 4em 3.3em 4em; }
.banner .right-side { box-sizing: border-box; float: right; width: 50%; padding-left: 4em; }
.banner .right-side img { float: right; margin: 3.25em 12% 0 0; }
.banner .right-side .small { position: absolute; bottom: .5em; right: 0; margin: 0 5.8% 0 0; }
.no-cc { display: none; }

.billing .captcha-holder { text-align: center; }
.g-recaptcha { display: inline-block; }

.donation_rep_hidden.hidden { display: none; }

.honores { margin: 0 50px; }
#content .honores:not(.small) .person { margin-left: 2.8%; }
#content .honores:not(.small) .person:nth-child(3n+1) { clear: none; }
#content .honores:not(.small) .person { box-sizing: border-box; padding: 1.5em 0; width: 48.6%; margin-bottom: 15px; }
#content .honores:not(.small) .person:nth-child(odd) { margin-left: 0; }
#content .honores:not(.small) .person .f1 { text-transform: uppercase; color: #fff; font-size: 16px; padding:0 0 5px 0;}
#content .honores:not(.small) .person .f2 { color: #fff; font-size: 16px; }


/******* COLOR CHANGE *******/
/***************************/
#content .honores:not(.small) .person { background: #da9938; border-bottom: 5px solid #CDB037; } /* person background color and border bottom color */
#content .honores:not(.small) .person .f1 { color: #CDB037; } /* big text color */ 
#content .honores:not(.small) .person .f2 { color: #5D666C; } /* small text color (name) */

.paste-value { box-sizing: border-box; box-shadow: inset 0 0 7px 4px rgba(0,0,0,.05); position: relative; padding:5px 3px 5px 10px; width: 80%; top: -2px; border: 1px solid #d7d7d7; background: #fff; color:#5D666C; font-size: 16px; font-family: 'Lato', sans-serif; }
.don-holder { outline: 3px solid #dddddd; background: #ededed; }
.don-holder-after td { padding-top: 20px; }
.billing .don-holder td { padding: 12px; }
.billing .don-holder td:last-child { padding: 0; }
.billing .don-holder .form_text { padding: 7px 15px 0 0; }
#content .don-holder .info1 { margin: 0 0 0 0; }

.don-amount-new { margin: 0 auto; padding: 15px 14px 7px 14px; border: 3px solid #dddddd; background: #ededed; }
.don-amount-new + .billing { margin-top: 20px; }
.don-amount-new .form_text { font-family: 'Lato', sans-serif; color: #444; font-size: 14px; text-align: left; padding: 4px 15px 0 0; }
.footer-icon{text-align:center;margin-bottom:23px;}
/*** 8-1-21 added css start ***/
input.paste-value:focus {
    border: 1px solid #5D666C;
    outline: 0;
}
input:focus, select:focus,textarea:focus {
    outline: 0;
    border: 1px solid #CDB037 !important;
}
/*** 8-1-21 added css end ***/

/* Responsive
-------------------------------------------------- */

@media (max-width: 1050px) {
#content .left, #content .col_left {margin:10px 0 0 0;}
#content .person {margin:20px 0 0 25px;}
#content .honores:not(.small) .person:nth-child(3n+1) { clear: none; }
#content .honores.small .person:nth-child(4n+1) { clear: none; }
#content .honores.small .person:nth-child(3n+1) { clear: both; }
}


@media (max-width: 890px) {
#content .donate .option:nth-child(3n+1) { clear: none; }
#content .donate .option:nth-child(2n+1) { clear: both; }
#content .donate .option { width: 50%; }
.banner .left-side {padding: .5em 4em 3.6em 4em; }
.banner .right-side img { margin: 2.25em 12% 3% 0; }
}

@media (max-width: 800px) {

    #content .honores:not(.small) .person { width: 100%; }
    #content .honores:not(.small) .person { margin-left: 0; }

    .banner .left-side {padding: .5em 4em 4.6em 4em; }
    .banner .right-side .big { max-width: 80%; margin: 4.05em 20% 0 0; }
}/*
@media (max-width: 750px) {
    .banner .right-side .big { margin: 7.05em 34% 0 0; }
}*/

@media (max-width: 710px) {
#content .honores.small .person {text-align:left; float:left; margin:0 0 0 15px; width:190px !important;}
#content h1,
#content h2 {margin:25px 20px 0 20px;}
#content h3 {margin:25px 20px 0 20px;}
#content .donate {margin:0 20px;}
/*.banner .right-side .big { max-width: 60%; margin: 5em 40% 0 0; }*/

.banner { display: none; }
.banner-responsive { display: block; }

}

@media (max-width: 660px) {
#content .honores .person {float:none; margin:15px 0 0 10px;}
.banner { text-align: center; background: url('../images/bgd-res.jpg') no-repeat bottom center; }
.banner .right-side:after { content: ''; display: block; clear: both; }
.banner img { display: inline-block; }
.banner .right-side .big { float: none; margin: 0; max-width: 20em; padding-bottom: 16em; }
.banner .left-side { float: none; width: 100%; padding: 0 4em; }
.banner .right-side { float: none; width: 100%; padding: 0 4em; }
.banner .medal { padding: 2em 0; max-width: 17em; }
.banner .right-side .small { right: 0; left: 0; bottom: 2.5em; margin: 0 auto; }
}

@media (max-width: 615px) {
#content .honores.small .person {margin:0 0 0 20px; width:230px !important;}
#content .donate .option { clear: both; width: 100%; }
#content .donate .option h2 em {min-width:60%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;box-sizing: border-box;}
#content .honores.small .person:nth-child(3n+1) { clear: none; }
#content .honores.small .person:nth-child(2n+1) { clear: both; }
}


@media (max-width: 530px) {
.upload #uploadFile {width:200px;}
}

@media (max-width: 500px) {
#content .honores.small .person {width:auto !important;}
}

@media (max-width: 460px){
#wrapper {margin:0 auto 20px auto;}
#content .honores .person {float:none; margin:15px 0 0 0;}
#content .honores.small .person {width:auto !important; margin:15px 0 0 0;}
.amount .flexible {width:20%;}
#content .info1 {width:200px;}
#content .drop1 {width:210px;}
.billing .button {font-size:16px; padding:5px 15px; margin:-35px 5px 0 100px; position:relative; top:-10px;}
}

@media (max-width: 420px) {
.upload #uploadFile {width:160px;}
#content .donate .option h2 em {min-width:50%;}
}

@media (max-width: 400px){
.billing .form_text {font-size:13px;padding:4px 10px 0 5px;}
#content .note {display:block; margin:15px 0 0 5px; color:#53c3cc; max-width:180px; position:relative; top:0;}
#content .note span {display:inline; margin:0;}
.amount .flexible {width:10%;}
.billing.bottom p {max-width:auto; padding:15px 10px;}
.amount .radio {margin:0 15px 0 10px;}
}

@media (max-width: 370px) {
.upload #uploadFile {width:130px;}
}

@media (max-width: 360px){
#content .honores.small .person {margin:0;}
#content .person .f1 {font-size:15px;}
#content h1,
#content h2 {margin:25px 5px 0 5px;}
#content h3 {margin:25px 5px 0 5px;}
#content .text {margin:0 20px; width:90%;}
#content .info {margin:20px 0 0 0; width:90%;}
#content .info1 {width:160px;}
#content .drop1 {width:170px;}
.amount .flexible {width:5%;}
.billing .button {display:block; margin:0 15px 15px 40%;}
}

@media (max-width: 370px) {
.upload #uploadFile {width:115px;}
}

.billing .button:disabled,
.billing .button[disabled] {
    cursor: not-allowed;
    opacity: 0.5;
}