/**/

html
{
  font-size:14px;
}

body 
{
  color:#222222;  
  line-height:1.2;
  font-family: 'Yantramanav', sans-serif;
  font-weight:400;
  margin:0px;
  padding:0px;
  background:#f0533e;
}

b, strong
{
  font-weight:900;
}

a:link, a:visited, a:focus
{
  color:#f0533e;
  text-decoration:underline;
}

a:hover
{
  color:#f0533e;
}

img, iframe
{
  max-width:100%;
  height:auto;
}

.primary-button a
{
  color:#ffffff !important;
  background:#f0533e;
  padding:10px 30px;
  border-radius:5px;
  margin:10px auto;
  display:inline-block;
  text-decoration:none !important;
}

.secondary-button a
{
  color:#ffffff !important;
  background:#303960;
  padding:10px 30px;
  border-radius:5px;
  margin:10px auto;
  display:inline-block;
  text-decoration:none !important;
}

.tcs_printer_friendly a
{
  background:#d4d4d4 url(https://associationdatabase.com/aws/HR/am/gi/icon-print.png?ver=0) no-repeat left center;
  padding:10px 20px 10px 50px;
  border-radius:5px;
  color:#ffffff !important;
  text-decoration:none !important;
  margin:10px 0px 20px 0px;
  font-weight:900;
  display:inline-block;
}

#header
{
  background:#303960;
}

#banner-txt
{
  padding:10px;
  background:#ffffff;
}

#banner-pic
{
  background:url(https://associationdatabase.com/aws/HR/am/gi/adobestock_72073861.jpeg?ver=2) no-repeat right top;
  background-size:contain;
  background-attachment:fixed;
  min-height:400px;
}

#banner-pic.donate
{
  background:url(https://associationdatabase.com/aws/HR/am/gi/adobestock_72073861.jpeg?ver=2) no-repeat right center;
  background-size:cover;
  background-attachment:fixed;
  min-height:400px;
}

#banner-pic.apply
{
  background:url(https://associationdatabase.com/aws/HR/am/gi/adobestock_72073861.jpeg?ver=2) no-repeat right center;
  background-size:contain;
  background-attachment:fixed;
  min-height:400px;
}

#footer
{
  color:#ffffff;
  padding:15px 0px;
}

#footer a
{
  color:#ffffff !important;
}

.responsive-table
{
  width:100% !important;
  border:0px solid #d4d4d4;
}

.responsive-table tr td
{
  padding:10px;
  border:1px solid #d4d4d4;
}

.responsive-table tr td p:last-child, .responsive-table tr td h5:last-child
{
  margin-bottom:0px;
}

/* XS/SM ONLY ---------------------------------------------- */
@media (max-width: 767px) 
{

}

/* GENERAL SM ONLY ----------------------------------------- */
@media (max-width: 767px) 
{
  .imgright, .imgleft
  {
    margin:0px 0px 20px 0px;
    float:none !important;
  }

  .responsive-table tr td
  {
    float:left;
    width:100% !important;
    height:auto !important;
  }

  #logo-mobile
  {
    text-align:center;
  }

  #logo
  {
    display:none;
  }
}

/* GENERAL SM/MD ONLY ----------------------------------------- */
@media (max-width: 991px) 
{
  
}

/* GENERAL MD ------------------------------------------------- */
@media (min-width: 768px) 
{
  .imgleft
  {
    margin:0px 20px 20px 0px;
  }

  .imgright
  {
    margin:0px 20px 20px 0px;
  }  

  #header img
  {
    max-height:125px;
  }

  #logo-mobile
  {
    display:none;
  }

  #banner-txt
  {
    padding:35px;
  }

  #footer
  {
    padding:30px 15px;
  }

  .tcspromo
  {
    text-align:right;
  }
}

/* GENERAL LG ------------------------------------------------- */
@media (min-width: 992px) 
{
  html
  {
    font-size:14px;
  }

  #header img
  {
    max-height:175px;
  }

  #banner-txt
  {
    padding:100px;
  }
}

/* GENERAL XL ------------------------------------------------- */
@media (min-width: 1200px) 
{
  html
  {
    font-size:16px;
  }
}

/* ------------------------------------------------------------------------------- */
/* FORM STYLES ------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

.commentbox, #commentform
{
  background:#ffffff !important;
  background:linear-gradient(#ffffff, #eeeeee) !important;
  border-radius:0px !important;
  border:1px solid #d4d4d4 !important;
  padding:20px !important;
  width:100% !important;
  font-size:1rem !important;
  margin-bottom:10px !important;
}

#commentformdiv a:first-child
{
  padding:10px 15px;
  background:#303960;
  color:#ffffff !important;
  text-decoration:none !important;
  border-radius:5px;
  display:inline-block;
  margin:0px 0px 10px 0px;
}

#commentformdiv .button
{
  padding:10px 15px !important;
  background-color:#f0533e !important;
  color:#ffffff !important;
  text-decoration:none !important;
  border-radius:5px;
  display:inline-block;
  margin:0px 0px 10px 0px !important;
}

input[type='checkbox'], input[type="radio"]
{
  display:inline !important;
}

::-webkit-input-placeholder /* WebKit, Blink, Edge */
{
  color:#555555;
}

:-moz-placeholder /* Mozilla Firefox 4 to 18 */
{
  color:#555555;
  opacity: 1;
}

::-moz-placeholder /* Mozilla Firefox 19+ */
{
  color:#555555;
  opacity: 1;
}

:-ms-input-placeholder /* Internet Explorer 10-11 */
{
  color:#555555;
}

::-ms-input-placeholder /* Microsoft Edge */
{
  color:#555555;
}

.tcsUserCreatedForm input, .tcsUserCreatedForm select, .tcsUserCreatedForm textarea,
.tcsInputForm input, .tcsInputForm select, .tcsInputForm textarea,
#loginform input, #loginform select, #loginform textarea, #commentform input, #commentform textarea
{
  margin:0px;
  padding:10px !important;
  border:1px solid #d4d4d4 !important;
  box-shadow:0px 0px 0px !important;
  width:auto;
  max-width:100%;
  box-sizing:border-box;
  height:auto;
  border-radius:5px;
  background:#ffffff;
}

.tcsUserCreatedForm select, 
.tcsInputForm select, 
#loginform select
{
  background:#ffffff;
  background:url(https://associationdatabase.com/aws/HR/am/gi/accordian_open.png?ver=0) no-repeat 95% center;
  background:url(https://associationdatabase.com/aws/HR/am/gi/accordian_open.png?ver=0) no-repeat 95% center, linear-gradient(#ffffff, #eeeeee);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.tcsUserCreatedForm td,
.tcsInputForm td,
#loginform td
{
  vertical-align:middle !important;
  padding:2px;
}

.tcsUserCreatedForm_table,
.tcsInputForm_table,
#loginform_table
{
  border-spacing:3px;
}

.tcsUserCreatedForm_table input,
.tcsInputForm_table input,
#loginform_table input
{
  padding:3px;
  margin-bottom:20px;
}

.tcsUserCreatedForm,
.tcsInputForm,
#loginform
{
  padding:0px !important;
  border:0px !important;
  max-width:100%;
}

.formtitle
{
  margin-bottom:15px;
  padding-bottom:15px;
  border-bottom:1px solid #d4d4d4;
}

.tcsUserCreatedForm_Table h3,
.tcsInputForm_Table h3,
#loginform_Table h3
{
  margin:20px 0px;
}

.tcsUserCreatedForm .valid.required,
.tcsInputForm .valid.required,
#loginform .valid.required
{
  background-position:98%;
}

.tcsUserCreatedForm [type="radio"], .tcsUserCreatedForm [type="checkbox"],
.tcsInputForm [type="radio"], .tcsInputForm [type="checkbox"],
#loginform [type="radio"], #loginform [type="checkbox"],
#commentform [type="radio"], #commentform [type="checkbox"] 
{
  position:static;
  visibility:visible;
}

.tcsUserCreatedForm input.button,
.tcsInputForm input.button,
#loginform input.button,
.tcsFormButton
{
  background:#f0533e;
  text-align:center;
  color:#ffffff;
  border:0px solid #d4d4d4;
}

#tcs-login-panel .row
{
  margin:0px;
}

#tcs-login-panel [class*="col-"] 
{
  padding-left: 0;
  padding-right: 0;
}

#tcs-login-panel #new-user
{
  width:100%;
}

/* FORM XS/SM ONLY ------------------------------------------ */
@media (max-width: 767px) 
{
  .commentbox 
  {
    padding:10px !important;
  }

  .tcsUserCreatedForm td,
  .tcsInputForm td,
  #loginform td
  {
    float:left;
    width:96%;
    padding:2px 2%;
    text-align:left !important;
  }

  .tcsUserCreatedForm input, .tcsUserCreatedForm select, .tcsUserCreatedForm textarea,
  .tcsInputForm input, .tcsInputForm select, .tcsInputForm textarea,
  #loginform input, #loginform select, #loginform textarea
  {
    max-width:100%;
  }
}

/* ------------------------------------------------------------------------------- */
/* DONOR LIST STYLES ------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

.donors td
{
  text-align:center;
  padding:20px;
  border:1px solid #d4d4d4;
}

.donors td h3
{
  font-size:1.1rem;
  font-weight:bold;
}

/* DONOR LIST  XS/SM ONLY ------------------------------------------ */
@media (max-width: 767px) 
{
  .donors td
  {
    width:100%;
    float:left;
  }
}

/* DONOR LIST MD ------------------------------------------------- */
@media (min-width: 768px) 
{

}