/*Begin CSS reset*/
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0 none;margin: 0;outline: 0 none;padding: 0;}
  body {background: #FFFFFF;height: 10+0%;font-family: "Source Sans Pro", Arial,Helvetica,sans-serif;line-height:1.3em;color: #000000;}
  .clear {clear: both;margin: 0px;padding:0px;height:0px;}
  .hidden {display: none;}
  a img , img {height:auto;border:0 none;}
  *{box-sizing:border-box;}
  /*End CSS Reset*/

  /*CHANGE FONT SIZE HERE*/
  body{font-size:16px;}

  #cres_content button, #cres_content input[value="Submit"], #cres_content input[type="button"] {
      background-color: #4D9DB3 !important;
      background-image: none !important;
      border: medium none !important;
      color: #fff;
      cursor: pointer;
      font-family: arial;
      font-size: 17px;
      font-weight: bold;
      margin: 10px 15px 0 0 !important;
      padding: 6px 12px 8px;
  }

  #cres_content .cres_indent_40 {
      padding-left: 20px;
  }

  #wrapper {
    width:100%;
    background: #FFFFFF;
    float:left;
  }

  #header {
    float: left;
    width: 100%;
  }


  #nav {
    background-color: #8d783a;
    float:left;
    width:100%;
  }

  #nav ul {
    margin:0;
    padding:0;
  }

  #nav ul li {
    list-style:none outside none;
    margin:0;
    padding:0;
    display:inline;
  }

  #nav a{
    text-decoration:none;
    color:#fff;
    display:block;
    font-family: "Source Sans Pro", Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
  }

  #nav span.icon {
      font-size: 24px;
      display: block;
      float: left;
      margin-right: .5em;
  }

  #nav ul li a:link, 
  #nav ul li a:visited, 
  #nav ul li a:hover, 
  #nav ul li a:active {
    padding: 10px;
    margin:;
  }
  #nav ul li ul {
    display:none;
    margin:0;
    padding:0;
    position:absolute;
    list-style-type: none;
    width:100%;
    z-index: 10;
  }

  #nav ul li ul li a:link, 
  #nav ul li ul li a:visited {
    background: #8d783a;
    border-top:1px solid #fff;
    padding:13px 5%;
    margin:0;
    text-decoration:none;
    width:100%;
  }

  #nav ul li ul li a:hover,
  #nav ul li ul li a:active {
    background-color:#FFF;
    color:#8d783a;
  }

  #quick_links {
    width:100%;
    float:left;
    background-color:#d7d7d7;
  }
  #quick_links ul {
    padding:0;
    margin:0;
    list-style:none;
  }
  #quick_links ul li {
    padding:0;
    margin:0;
  }
  #quick_links ul li a, 
  #quick_links ul li a:visited {
    display:block;
    width:35%;
    padding: 9px 2px;
    color:#333;
    text-decoration:none;
    font-size: 17px;
    line-height: 1.2em;
    white-space: nowrap;
    text-align:center;
    float: left;
  }
  #quick_links ul li a:hover, 
  #quick_links ul li a:active {
    color:#fff;
  }

  #quick_links ul li a.first {
    width:26%;
  }
  #quick_links ul li a.last {
    width:39%;
  }

  /*** Header End ****/
   
  /*** Content Start ****/
  #content_wrapper {
    width:100%;
    float:left;
    clear: both;
  }
  #body_content{
    width:100%;
    margin:0px auto;
  }
  /*** Content End ****/
   
  /*** Footer Start ****/
  #footer {
    font-family: "Source Sans Pro", arial;
    padding: 10px 0;
    text-align:center;
    font-size: 11px;
    clear: both;
    padding: 0px 15px 20px;
    background-color:#FFFFFF;
    width:100%;
  }

  #footer_wrapper {
    width:100%;
  }

  #footer_wrapper p {
    margin:0 0 1em;
  }
  /*** Footer End ****/  
   
  /***********************CRESCENDO TEMPLATE STYLESHEET 1 WIDE*********************/
  /*Hide all the desktop elements*/
  #cres_content #cres_pp_img,#cres_content .donor_story_main_header,#cres_content #cres_ds_actions,#cres_content #cres_share_actions,#cres_content #cres_pp_div, #cres_pp_img, #cres_content .what_give_header,#cres_content .how_give_header,#cres_content #how_give_flow_wrapper,#cres_content .cres_ebro_btn,.topText, #cres_content #cres_news_box_grid .cres_left_column, #cres_content .cres_text_resize, #learn_wills_container .learn_wills_header, #cres_content .cres_more_link, #cres_article_opts_top, #cres_donor_story img, #cres_articles_div img, #cres_article_opts_bottom, #image_banner{
    display:none !important;
  }

  #cres_content {
    font-family: "Source Sans Pro", Arial, Helvetica, verdana, sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    color: #000000;
    width:100%;
    padding: 20px 15px;
    float:left;
    background-color:#FFFFFF;
  }

  #cres_content .breadcrumb{
    display:none;
  }

  #cres_content p {
    margin:0 0 1em;
    padding: 5px 0px;
  }

  #cres_content .medTitle {
    padding: 5px 0px;
    font-size: 1.0em;
  }

  #cres_content .smallTitle {
    padding: 5px 0px;
    font-size: 0.8em;
    font-weight: bold;
  }

  #cres_content .smallerTitle {
    padding: 5px 0px;
    font-size: 0.7em;
  }

  #cres_content .lightColorDiv {
    background-color: #f5f5f5;
    border-color:#BBBBBB;
  }

  h1.cresPageHeader,
  h1.mgrHeaderTitle,
  #cres_content .bigTitle {
    font-family: "Source Sans Pro", Arial, Helvetica, Verdana, Sans-serif;
    color: #000000;
    font-size: 23px;
    background-color:#FFF;
    margin: 0;
    padding: 5px 0 10px;
    clear:both;
    font-weight: bold;
  }

  h2.cresArticleTitle {
    font-size: 1.3em;
    font-weight:bold;
    margin:10px 0px;
    padding: 0px 0px;
  }

  h2.mgrSubHeaderTitle{
    font-weight: normal;
    margin: 5px 0px 5px 0px;
    color: #000000;
     font-size: 1.4em;
  }

  h2.mgrSubHeaderTitle_U{
    font-weight: normal;
    margin: 5px 0px 0px 0px;
    color: #000000;
    border-bottom: 1px solid #CCCCCC;
    font-size: 1.4em;
  }

  h2.mgrSubHeaderTitle_S{
    font-weight: normal;
    margin: 5px 0px 0px 0px;
    color: #000000;
     border-top: 1px solid #CCCCCC;
    background-color:#F3F3F3;
    font-size:1.3em;
  }

  h3.mgrSubHeaderTitle{
    font-weight: normal;
    margin: 5px 0px 5px 0px;
    color: #000000;
     font-size: 1.2em;
  }

  h3.mgrSubHeaderTitle_U{
    font-weight: normal;
    margin: 5px 0px 0px 0px;
    color: #000080;
     border-bottom: 1px solid #CCCCCC;
    font-size:1.2em;
  }

  h3.mgrSubHeaderTitle_S{
    font-weight: normal;
    margin: 5px 0px 0px 0px;
    color: #000080;
     border-top: 1px solid #CCCCCC;
    background-color:#F3F3F3;
    font-size:1.2em;
  }

  .cresDateHead, .cresPublishDate, h3.cresDateHead{
    font-size: 1em;
    font-weight: normal;
    margin: 0px;
    padding: 5px 0px;
    color: #696969;
    clear:both;
    font-style:italic;
  }

  /* FORM CSS */
  #cres_content input {
    float:left;
    border:1px solid #CCCCCC;
    background-color:#DDDDDD;
    margin: 0 0 15px;
    background-image: none;
    background-color: #fff;
  }

  #cres_content input:hover {
    border-color:#C0CCDA;
    background-color: #BBBBBB;
    background-image: none;
  }

  #cres_content input:focus {
    border-color: #c5c5c5;
    background-color: #ffffdd;
    background-image: none;
  } 

  #cres_content input.cres_preview_btn {
    display:none;
  }
    
  /* NEWS BOX GRID*/
  #cres_content #cres_news_box_grid {
    float: none;
  }

  #cres_news_box_grid .cres_news_box_grid_wide {
    width: 100%;
    float: left;
    margin: 0px;
  }

  #cres_content .bigMedTitle , #cres_news_article .cres_body_article h2, #cres_content #cres_news_box_grid a .cres_news_box_grid-Title, #cres_content h2.bigMedTitle_NL{
    font-size: 17px;
    line-height: 26px;
    font-weight: bold;
    color: #000000;
    margin: 2px 0px 10px;
    padding: 0px;
    clear:both;
  }

  .cres_news_box_grid-Small-Title {
    font-size: 1em;
    color: #000000;
    font-weight: bold;
    margin: 2px 0px;
    padding: 0px;
    text-transform: none;
  }

  #cres_content #cres_news_box_grid .cres_right_column {
    margin:0;
    padding:0 25px 0 0;
    background:transparent url(../images/arrow.png) 99% center no-repeat;
  }

  #cres_content #cres_news_box_grid a, #cres_content #cres_news_box_grid a:visited {
    display:block;
    color:#000000;
    font-size: 1em;
    text-decoration:none;
    font-weight:normal;
    padding:10px 0;
    margin:0;
    border-bottom:1px solid #CCCCCC;
  }

  #cres_content #cres_news_box_grid a:hover, #cres_content #cres_news_box_grid a:active {
    color:#000000;
  }

  #cres_content #cres_news_box_grid a:hover .cres_news_box_grid-Title {
    color:#000000;
  }

  #cres_content #cres_news_box_grid a .cres_news_box_grid-SubTitle{
    font-size: 1em;
    font-weight: normal;
    color: #000000;
    margin: 0px 0px 2px;
    padding: 0px;
    text-transform:uppercase;
  }

  #cres_content #cres_news_box_grid a:hover .cres_news_box_grid-SubTitle{
    color:#000000;
  }

  /*Listings for every 2nd Tier pages*/
  #what_give_ul li a, 
  #what_give_ul li a:visited, 
  #how_give_ul li a, 
  #how_give_ul li a:visited, 
  #donor_story_main_ul li a, 
  #donor_story_main_ul li a:visited, 
  #learn_wills_ul li a, 
  #learn_wills_ul li a:visited, 
  #gift_calc_ul li a, 
  #gift_calc_ul li a:visited {
    text-decoration: none;
    margin:0px;
    padding:0px 25px 0px 0;
    color: #000000;
    font-size:1em;
    display:block;
    background:transparent url(../images/arrow.png) 99% center no-repeat;
  }

  #learn_wills_ul {
      clear: both;
      float: left;
      margin: 0px 0px 1em;
      padding: 0px;
  }

  #learn_wills_ul li {
    clear: both;
    list-style: none;
    margin: 0px;
    padding: 10px 0px;
    border-top: 1px solid #BBBBBB;
  }

  #cres_news_box_wills_guide,
  #cres_news_box_wash_hotline,
  #cres_news_box_wash_hotline_small,
  #cres_news_box_donor_story,
  #cres_news_box_personal_planner,
  #cres_news_box_savvy_living,
  #cres_news_box_what_to_give,
  #cres_news_box_how_to_give,
  #cres_news_box_plgive_calc,
  #cres_news_box_plgive_calc_wide,
  #cres_news_box_plan_your_will,
  #cres_news_box_learn_about_wills,
  #cres_news_box_finance_news,
  #cres_news_box_advisor_news,
  #cres_news_box_spotlight,
  #cres_news_box_glaw_pro,
  #cres_news_box_glaw_calc,
  #cres_news_box_glaw_case_week,
  #cres_news_box_glaw_plr,
  #cres_news_box_glaw_article,
  #cres_news_box_advisor_spotlight,
  #cres_news_box_pg_home,
  #cres_news_box_donor_enews,
  #cres_news_box_advisor_enews,
  #cres_news_box_create_plan,
  #cres_news_box_news {
    border-color: #CCCCCC;
    border-style: solid;
  }

  #cres_content #cres_news_box_about_us_org,
  #cres_content #cres_news_box_about_us_gp {
    border-style: none;
    width:100%;
    padding:0px;
    margin:0px 0px 10px;
    height:auto;
  }

  #cres_content #cres_contact, #cres_content #cres_contact fieldset, #cres_content #cres_contact div, #cres_content #cres_contact label {width: 100%;}
  #cres_content #cres_contact_email, #cres_content #cres_contact_lname, #cres_content #cres_contact_fname, #cres_content #cres_contact textarea {width:98%;}


  /***********************END TEMPLATE STYLESHEET 1 WIDE*********************/


  /****** DO TWEAKS - TO BE MERGED WITH JH'S CODE ******/

  /* GLOBAL TWEAKS */

  #cres_content .bigMedTitle, #cres_news_article .cres_body_article h2, #cres_content #cres_news_box_grid a .cres_news_box_grid-Title, #cres_content h2.bigMedTitle_NL {
      font-size: 1.5em;
      line-height: 1.25em;
      margin: 2px 0 0;
color: #333333;
  }

  #cres_content #cres_news_box_grid a, #cres_content #cres_news_box_grid a:visited {
      padding: 10px 0 15px;
  }

  h2.cresArticleTitle {
      line-height: 1.3em;
  }

  #footer {
      font-size: 0.8em;
      padding: 15px 15px 20px;
  }

  /* HOME PAGE */

  #mobile_marketing h1 {
      color: #000 !important;
      font-size: 1.7em !important;
      line-height: 1.2em;
  }

  #mobile_marketing {
      margin: 0 0 10px;
  }

  /* http://m.giftplanning.com/?pageID=123 */

  h1.cresPageHeader, h1.mgrHeaderTitle, #cres_content .bigTitle {
      font-size: 1.7em;
      line-height: 1.2em;
  }

  /* http://m.giftplanning.com/?pageID=158 */

  #iradisclaimer {
      line-height: 1.4em !important;
  }


  /* http://m.giftplanning.com/?pageID=163 */

  #what_give_container {
      overflow: hidden;
  }

  /* http://m.giftplanning.com/?pageID=18 */

  #learn_wills_container h2.bigMedTitle_NL {
      margin: 0 0 15px;
      }

  #learn_wills_ul {
      margin: 0 0 20px !important;
  }

  /* https://m-giftplanning.giftlegacy.com/?VID=-1&DID=42&pageID=136&eBroID=88 */

  #cres_content input {
     font-family: arial;
     font-size: 1em;
  }

  #cres_content button, #cres_content input[value="Submit"], #cres_content input[type="button"] {
      -webkit-appearance: none;
      padding: 8px 12px; 
  }

  #cres_contact_comments {
      height: 200px;
        }
#footer big {
    text-transform: uppercase;
}


/***************************************************/
/**************Calculator Update - MA***************/
/***************************************************/

/***************************************************/
/* Custom Colors & Font Size */

#cres_calc legend,
#cres_calc fieldset div label,
#cres_calendarDiv .cres_OrgBGColor {
    background: #333 !important; /*Custom Dark Color*/
}

#cres_content .cres_calc_cal path {
  fill: #333; /*Custom Dark Color*/
}

#cres_calc fieldset,
#cres_calc fieldset + div {
    background: #e1e1e1 !important; /*Custom Light Color*/
}

#cres_calc fieldset {
  font-size: 1em; /*Font Size Adjustment if Needed*/
}

#cres_calc fieldset div label {
    border: 1px solid #333 !important; /*Custom Dark Color*/
}

#cres_calc button {
    background-color: #555 !important; /*Custom Button Color*/
    color: #fff !important; /* Choose Visible Color for Button */
}

#cres_calc button:hover {
    background-color: #555 !important; /*Custom Button Color*/
    color: #fff !important; /* Choose Visible Color for Button */
  opacity: 0.85;
}

/***************************************************/
/* Standard Styles */
#cres_calc {
    margin: auto;
}

#cres_calc * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#cres_calc .bigMedTitle {
    font-weight: normal;
    line-height: 1.3em;
}

#cres_calc div {
    clear: both;
    float: left;
}

#cres_calc input {
    float: left;
    margin: 0px 0px 15px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
}

#cres_calc label {
    text-align: right;
}

#cres_calc .cres_calc_radio {
    background: none !important;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

#cres_calc span {
    float: left;
}

.cres_calc_help {
    display: none;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
}

#cres_calc #firstPerson,
#cres_calc #secondPerson {
    margin: 0px;
    padding: 0px;
}

#cres_calc img {
    float: left;
    margin-left: 5px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

div#cres_calendarDiv {
    background-color: rgb(248, 248, 248);
    display: none;
    position: absolute;
    z-index: 999;
    border-color: rgb(153, 153, 153) rgb(119, 119, 119) rgb(119, 119, 119) rgb(153, 153, 153);
    border-style: solid;
    margin: 0px;
    padding: 0px;
}

#cres_calendarDiv a {
    text-decoration: none;
}

div#cres_calendarDiv table {
    height: 80%;
}

div#cres_calendarDiv table, div#cres_calendarDiv tr {
    border-collapse: separate;
    width: 100%;
    border-spacing: 5px;
    border-width: 0px;
    border-style: none;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    padding: 0.1em;
}

div#cres_calendarDiv td {
    text-align: right;
    border-collapse: separate;
    width: 14%;
    height: 10%;
    border-spacing: 5px;
    border-width: 0px;
    border-style: none;
    border-color: initial;
    border-image: initial;
    margin: 0px;
    padding: 0px;
}

div#cres_calendarDiv select {
    font-size: 1em;
    margin-bottom: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(221, 221, 221);
    border-image: initial;
    padding: 0.1em;
}

#cres_calendarDiv td.tdLink {
    cursor: pointer;
}

#cres_content div.cres_calc_cal {
  width: 20px;
  height: 23px;
  margin: 5px 0 0 5px;
  float: left;
  clear: none;
}

#cres_calc fieldset .cres_calc_tax_rate_radio {
    margin: 0px;
    padding: 0px;
    border: none;
    clear: right;
    width: auto !important;
}

#cres_calc fieldset + div {
    padding-bottom: 30px;
}

#cres_calc button, #cres_calc input[value="Submit"], #cres_calc input[type="button"] {
    border: 0;
    background-image: none;
    cursor: pointer;
}

/***************************************************/
/* Responsive Containers */

#cres_calc,
#cres_calc fieldset,
#cres_calc div {
    width: 100%;
    max-width: 810px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#cres_calc {
     position: relative;
}

/***************************************************/
/* Calc Title & Help Button */

#cres_calc img#calc_help_btn {
    position: absolute;
    right: 15px;
    top: 20px;
    max-width: 65px;
}

#cres_calc legend {
    border: none;
    width: 100%;
    display: block;
    clear: both;
    margin: 0;
    border-bottom: 1px solid #fff;
}

#cres_calc legend .bigMedTitle {
    font-size: 2em;
    padding: 20px 130px 20px 20px !important;
    width: 100%;
    color: #fff;
    margin: 0;
    display: block;
    float: none;
}

/***************************************************/
/* Calc Form */

#cres_calc fieldset {
    float: none;
    margin: 0;
    padding: 40px;
    border: none;
}

#cres_calc div {
    margin: 15px 0 0 0;
}

#cres_calc fieldset > div:first-child,
#cres_calc fieldset > div:first-child + div {
    margin-top: 0;
}

#cres_calc fieldset div label {
    float: left;
    width: 200px;
    margin-right: 0px;
    color: #fff;
    padding: 10px;
    height: 42px;
}

#cres_calc fieldset div input[type='radio'] + span,
#cres_calc fieldset .cres_calc_tax_rate_radio span {
    margin: 0 10px 0 0;
    padding: 10px 0;
}

#cres_calc input,
#cres_calc input:hover,
#cres_calc select,
#cres_calc select:hover {
    background-image: none;
    background: #fff !important;
    border-left: none;
    font-size: 1em;
    padding: 10px !important;
}

#cres_calc input[type="text"],
#cres_calc input[type="text"]:hover,
#cres_calc select,
#cres_calc select:hover {
  border-radius: 0 !important;
  border-color: rgb(204, 204, 204);
}

#cres_calc .cc_large,
#cres_calc .cc_med,
#cres_calc .cc_small,
#cres_calc select {
    font-family: inherit;
    font-weight: inherit;
    height: 42px;
    margin: 0;
}

#cres_calc .cc_large {
    width: 50% !important;
}

#cres_calc .cc_med {
    width: 40% !important;
}

#cres_calc .cc_small,
#cres_calc #cres_calc_gift_date,
#cres_calc #cres_calc_payout_date,
#cres_calc #cres_calc_def_payout_date {
    width: 30% !important;
    max-width: 115px;
}

#cres_content #cres_calc .cres_calc_radio,
#cres_content #cres_calc fieldset .cres_calc_tax_rate_radio #cres_calc_tax_rate {
    margin: 13px 5px 14px 10px !important;
    padding: 0 !important;
}

#cres_calc .cres_calc_help {
    padding: 15px;
    margin-bottom: 10px !important;
    background-color: #f9f9f9;
    margin-top: -1px !important;
    line-height: 1.3em;
}

#cres_calc #cres_calc_cash_div[style*="display:none"] + .cres_calc_help {
  display: none !important;
}

#cres_calc #cres_calc_cash_div[style*="display:block"] + .cres_calc_help[style*="display:block"] {
  display: block;
}

#cres_calc fieldset div input[type='text'] + span {
    margin: 0 5px 0 7px;
    padding: 10px 0;
}

/***************************************************/
/* Calc Buttons */

#cres_content #cres_calc fieldset + div {
    float: none;
    margin: 0;
}

#cres_content #cres_calc button {
    width: 29.33333%;
    margin: 0 1% !important;
    border-radius: 40px !important;
    padding: 20px;
    border-right: none;
    border-bottom: none;
    font-family: inherit;
    font-weight: inherit;
    font-size: 1em;
}

#cres_calc img {
    cursor: pointer;
}

/***************************************************/
/* Calc Calendar */

#cres_calc .cres_calc_cal {
    cursor: pointer;
}

div#cres_calendarDiv .cres_OrgBGColor {
    padding: 5px 15px !important;
}

div#cres_calendarDiv {
    border-width: 1px 1px 1px 1px;
    font-family: inherit;
    font-size: 1em;
    height: auto;
    line-height: 1.5em;
    width: 20em;
}

div#cres_calendarDiv select {
    margin-top: 5px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: inherit;
    background: #ffffff;
    width: 45%;
}

div#cres_calendarDiv select option {
    font-weight: inherit;
}

div#cres_calendarDiv td {
    font-size: 14px;
}

div#cres_calendarDiv > div.cres_OrgBGColor > a {
    text-transform: uppercase;
    font-size: 1.1em;
}

/***************************************************/
/* Media Queries */

@media only screen and (max-device-width: 1024px) and (orientation : landscape), (orientation : portrait) {

    #cres_content #cres_calc input[type='radio'] {
        -webkit-appearance: radio;
        border: 1px solid #666;
    }

    #cres_content #cres_calc input[type='radio']:checked {
        -webkit-appearance: radio;
        border: 1px solid #666;
        background: #000 !important;
        border-radius: 50%;
    }

}

@media screen and (max-width: 900px) {

    #cres_calc fieldset {
        font-size: 1em;
    }

    #cres_content #cres_calc fieldset .cres_calc_tax_rate_radio #cres_calc_tax_rate {
        margin: 13px 5px 14px 0px !important;
    }

    #cres_content #cres_calc fieldset .cres_calc_tax_rate_radio #cres_calc_tax_rate:first-child {
        margin-left: 10px !important;
    }

}

/* Swap to 1-Column Layout */
/* Change max-width to trigger 1-column layout at any screen width */
/* Note: When changing max-width from 767px, place "Calendar Positioning Change" in its own media query if its needs to trigger at a different max-width. */
@media screen and (max-width: 767px) {
  
    /* Calendar Positioning Change */
    /* Positions the calendar pop-up right along edge of window so it doesn't overflow */
    #cres_calendarDiv {
        left: auto !important;
        right: 25px !important;
    }

    #cres_calc fieldset div label {
        width: 100%;
        text-align: left;
    }

    #cres_calc .cc_large {
        width: 100% !important;
    }

    #cres_calc .cc_small,
  #cres_calc #cres_calc_gift_date,
  #cres_calc #cres_calc_payout_date,
  #cres_calc #cres_calc_def_payout_date {
        width: 80% !important;
        max-width: none;
    }

    #cres_calc .cc_med {
        width: 80% !important;
    }

    #cres_calc fieldset .cres_calc_tax_rate_radio {
        width: 100% !important;
    }

    #cres_calc select {
        width: 100%;
    }

    #cres_calc fieldset {
        padding: 15px;
    }

    #cres_content #cres_calc button {
        width: 90%;
        margin: 15px 0 0 !important;
    }

    #cres_content #cres_calc .cres_calc_radio,
    #cres_content #cres_calc fieldset .cres_calc_tax_rate_radio #cres_calc_tax_rate {
        margin-left: 10px !important;
        clear: both;
    }

    #cres_calc legend .bigMedTitle {
        padding: 50px 15px 15px 15px !important;
    }

    #cres_calc img#calc_help_btn {
        left: 10px;
        right: auto;
        top: 15px;
        max-width: 70px;
    }
  
    #cres_calc input, #cres_calc input:hover, #cres_calc select, #cres_calc select:hover {
      border-left: 1px solid rgb(204, 204, 204);
    }

}

@media screen and (max-width: 385px) {

    #cres_calendarDiv {
        max-width: 270px;
    }

    #cres_calendarDiv table {
        width: 95%;
    }

}

/***************************************************/
/************End Calculator Update - MA*************/
/***************************************************/

/***************************************************/
/*************Presentation Update - MA**************/
/***************************************************/

.PresentsFrame-active {
    position: fixed;
    overflow-y: scroll;
}

#blanket_overlay {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    display: none;
}

#PresentsFrame {
    width: 850px !important;
    margin-left: -425px !important;
    max-width: 850px !important;
    border: none !important;
    background-image: url('/Presentation/images/white-background-800x600.gif');
    background-repeat: no-repeat;
    background-position-x: 25px;
}

@media screen and (max-width: 849px) {
  
    #PresentsFrame {
        width: 100% !important;
        height: 100% !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        margin: 0px auto !important;
        max-width: none !important;
        max-height: none !important;
        overflow: auto !important;
        background-size: 100%;
        background-position-x: 0px;
    }
  
}

@media screen and (max-width: 700px) {

    #PresentsFrame {
        background-size: 100% calc((100vw * .75) + 40px);
    }

}

@media only screen and (max-device-width: 849px) and (orientation : landscape), (max-device-width: 849px) and (orientation : portrait) {

    #PresentsFrame {
        background-color: rgba(0,0,0,0.65);
    }

}

@media screen and (max-device-height: 600px) and (max-device-width: 849px) and (orientation : landscape) {
  
    #PresentsFrame {
        width: 100% !important;
        padding: 0 20%;
        background-size: 49% calc((49vw * .75) + 40px);
        background-position: center top;
    }
  
    .PresentsFrame-active {
        position: static;
    }
  
}

@media screen and (min-device-height: 375px) and (max-device-height: 420px) and (min-device-width: 800px) and (max-device-width: 825px) and (orientation : landscape) {
  
    #PresentsFrame {
        width: 100% !important;
        padding: 0 25%;
        background-size: 41% calc((41vw * .75) + 40px);
        background-position: center top;
    }
  
    .PresentsFrame-active {
        position: static;
    }
  
}

@media screen and (max-device-width: 700px) and (orientation : landscape) {
  
    #PresentsFrame {
        padding: 0 13% !important;
        background-size: 60% calc((60vw * .75) + 40px);
        background-position: center top;
    }
  
    .PresentsFrame-active {
        position: static;
    }
  
}

@media (width: 1024px) and (orientation: landscape), (width: 1366px) and (orientation: landscape) {

    #PresentsFrame {
        background-color: rgba(0,0,0,0);
    }
  
}

/***************************************************/
/***********End Presentation Update - MA************/
/***************************************************/

#header {
    background-image: url(/org_files/706/images/rd1/pg_banner.jpg);
    background-position: center 20%;
    background-size: cover;
    position: relative;
}

.show_home {
    display: none;
}

#back_main {
    background: rgba(0,0,0,0.4);
}

#back_main a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    font-size: 14px;
}

.logo {
    display: block;
    width: 100%;
    max-width: 220px;
    padding: 10px;
}

.text-banner {
    padding: 20px 10px;
}

.text-banner h1 {
    color: #fff;
    text-align: center;
    font-family: "Alegreya";
    font-weight: 600;
    line-height: .95em;
    padding-bottom: 10px;
    font-size: 34px;
}

#header::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.4);
}

#header * {
    position: relative;
    z-index: 1;
}

.text-banner h2 {
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 275px;
}


.text-banner img {
    max-width: 260px;
    display: inline-block;
    padding-top: 6px;
    border-top: 1px solid #cba63a;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
}

#nav > ul > li > a::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 24px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 12px solid #fff;
    transform: translateY(-50%);
}

#nav > ul > li > a {
    position: relative;
}

#wrapper {
    overflow: hidden;
}

#footer {
    color: white;
    font-size: .9em;
    line-height: 1.4;
    text-align: left;
    position: relative;
    background-position: 73% 37%;
    background-repeat: no-repeat;
    background-size: cover;
}

#footer h3 {
    margin-top: 0;
    font-size: 24px;
    font-weight: 600;
}

.footer.append-top2 {
    position: relative;
    z-index: 1;
}

#footer::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    position: absolute;
    left: 0;
    top: 0;
}

.footer.append-top2 p {
    margin-bottom: 15px;
}

.footer.append-top2 a {
    color: #fff;
}

.col-sm-3.social {
    text-align: center;
}

.cres_copy.smaller {
    font-size: .9em;
}

.footer_social a i {
    font-size: 40px;
    margin: 0 10px;
}

h1.cresPageHeader, h1.mgrHeaderTitle, #cres_content .bigTitle {
    color: #333333;
    line-height: 1em;
    font-family: "Alegreya";
    font-weight: 500;
    font-size: 34px;
    padding-bottom: 20px;
    position: relative;
    display: block;
    text-align: center;
}












/*===========================================================
                         DJ Edits
===========================================================*/
#back_main a {
    font-size: 16px;
}

#quick_links ul li a.first {
    width: 23%;
}

#quick_links ul li a, #quick_links ul li a:visited {
    color: #333;
    font-size: 18px;
}

.text-banner {
    padding-top: 10px;
}

.text-banner h2 {
    line-height: 25px;
}

#quick_links ul li a, #quick_links ul li a:visited {
    font-weight: 600;
}

.text-banner img {
    margin-bottom: 15px;
}

.text_wrapper h1 {
    font-size: 1.75em;
    margin-top: 5px;
}

#cres_content {
    font-size: 1.1em;
    padding: 15px;
}

.gray_section {
    padding: 15px 0 !important;
}

#cres_content .text_wrapper p {
    padding: 0 !important;
}

h1.cresPageHeader, h1.mgrHeaderTitle, #cres_content .bigTitle {
    font-size: 2.25em;
    color: #333;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 12px;
}

h1.cresPageHeader::after,
#cres_content .bigTitle::after {
    content: "";
    position: absolute;
    border-bottom: 2px solid #871323;
    width: 100%;
    left: 0;
    bottom: 0;
}

#cres_content .bigMedTitle, 
#cres_news_article .cres_body_article h2, 
#cres_content #cres_news_box_grid a .cres_news_box_grid-Title, 
#cres_content h2.bigMedTitle_NL {
    line-height: 1.1em;
}

#cres_content a {
    color: #456acf;
}

 #cres_content a:visited{
    color: #4da6bd;
}

#cres_content > #cres_content {
    padding: 0;
}

#cres_content .cres_more_link, #cres_content .cres_more_link:visited {
    color: #fff !important;
    max-width: 140px !important;
    
}

/*************************************************
plus-minus learn more adjustments
*************************************************/

div#cres_plus_minus_icon.cres_plus_icon img, 
div#cres_plus_minus_icon.cres_minus_icon img, 
.cres_plus_icon, .cres_minus_icon {
    display: none !important;
}

.cres_what_how_give_open #cres_plus_minus_icon + .bigMedTitle {
    color: #456acf;
    text-decoration: underline;
    font-weight: normal;
    font-family: "Source Sans Pro",Arial,sans-serif;
    font-size: 1em;
     line-height: 1.5em;
}

.cres_what_how_give_open a {
    border: none;
    background-color: transparent;
    background-image: none;
}

#cres_content .cres_what_how_give_open h2, 
.cres_what_how_give_open #cres_plus_minus_icon + .bigMedTitle {
    padding: 0;
}

/*********************************************************
remove the top spacing on HTG pages 12, 14, 15, etc
**********************************************************/
#how_give_container div#cres_share_action_top, #how_give_container div#mobile_video_button {
    display: none;
}

/********************************************************
mobile - remove border bottom after internal page headers
********************************************************/
div[style="padding:10px 0;margin:0 0 10px 0;border-bottom:1px solid #CCCCCC;"], div[style="padding:10px 0;border-bottom:1px solid #CCCCCC;"] {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}

/********************************************************
adjust top spacing on first widget on all interior pages
********************************************************/
#what_give_ul li:first-of-type a, 
#how_give_ul li:first-of-type a, 
#donor_story_main_ul li:first-of-type a,
#learn_wills_ul li:first-of-type a {
    padding-top: 0 !important;
}

/********************************************************
remove border-bottom from last widget on all pages
********************************************************/

#cres_content #what_give_ul li:last-of-type,
#cres_content #how_give_ul li:last-of-type,
#cres_content #gift_calc_ul li:last-of-type,
#cres_content #donor_story_main_ul li:last-of-type,
#cres_content #learn_wills_ul li:last-of-type {
    border-bottom: none !important;
}

#cres_content #cres_news_box_grid div:last-of-type > a, 
#cres_content #cres_news_box_grid div:last-of-type > a:visited {
    border-bottom: none;
}

/********************************************************/
.cres_indent_40 {
    padding-left: 20px !important;
}

#cres_content #cres_news_box_grid a, #cres_content #cres_news_box_grid a:visited {
    border-top: none !important;
    border-bottom: 1px solid #4d9db3;
    padding: 15px 0 20px !important;    
}

#what_give_ul li,
#how_give_ul li,
#donor_story_main_ul li,
#gift_calc_ul li {
    border-top: none !important;
    border-bottom: 1px solid #4d9db3;
    padding: 15px 0 20px !important;
}

#cres_content #donor_story_main_ul li .bigMedTitle,
#cres_content #what_give_ul li .bigMedTitle,
#cres_content #how_give_ul li .bigMedTitle,
#cres_content #gift_calc_ul li .bigMedTitle,
#cres_content #cres_news_box_grid a .cres_news_box_grid-Title {
    margin-bottom: 5px;
}

#cres_content #donor_story_main_ul li .bigMedTitle + br,
#cres_content #what_give_ul li .bigMedTitle + br,
#cres_content #how_give_ul li .bigMedTitle + br {
    display: none;
}

#cres_content #what_give_ul li p {
    padding: 0 !important;
    margin: 0 !important;
}



/***************************************
Remove bold styles
***************************************/
#cres_content p[style="font-weight:bold;"] {
    font-weight: normal !important;
    padding: 0;
}

#cres_content p > strong {
    font-weight: normal;
    padding: 0;
}

/***************************************
Mobile page 166
***************************************/

#cres_about_wills .uppercase_text{
    padding: 10px 0; 
    text-transform: capitalize;
    font-weight: normal;
    margin-left: 0;
}

.list_container_how_to_make_bequest + .uppercase_text {
    margin: 0 !important;
}

ol.list_container_benefits_of_bequest li, ol.list_container_bequest_options li {
    padding-bottom: 5px;
}




/***************************************
Mobile page 18
***************************************/
#learn_wills_ul li {
    border-top: none !important;
    border-bottom: 1px solid #4d9db3;    
}

#cres_content .medTitle {
    color: #456acf;
    font-weight: normal;
}

/**********************************************
Bequest Language / #127
***********************************************/


#cres_news_article .cres_body_article h2 {
    font-size: 1.3em !important;
    font-weight: 600;
    text-transform: uppercase;
}


/***************************************************
CALCULATORS
***************************************************/
.gift_calc_header {
    display: none;
}

#cres_calc legend,
#cres_calc fieldset div label,
#cres_calendarDiv .cres_OrgBGColor {
    background: #8d783a !important; /*Custom Dark Color*/
}

#cres_content .cres_calc_cal path {
                fill: #8d783a; /*Custom Dark Color*/
}

#cres_calc fieldset,
#cres_calc fieldset + div {
    background: #e1e1e1 !important; /*Custom Light Color*/
}

#cres_calc fieldset {
                font-size: 1em; /*Font Size Adjustment if Needed*/
}

#cres_calc fieldset div label {
    border: 1px solid #8d783a !important; /*Custom Dark Color*/
}

#cres_content #cres_calc button {
    background-color: #4D9DB3 !important; /*Custom Button Color*/
    border-radius: 3px !important;
    color: #fff !important; /* Choose Visible Color for Button */
    padding: 10px !important;
}

#cres_content #cres_calc button:hover {
    background-color: #4D9DB3 !important; /*Custom Button Color*/
    color: #fff !important; /* Choose Visible Color for Button */
                opacity: 0.85;
}

/***************************************
mobile forms
***************************************/
#cres_content #cres_contact input[type='text'],
#cres_content #cres_contact textarea {
    -webkit-appearance: none;
    float: none;
    border: 1px solid #ccc;
    background: #fff;
    background-image: none;
    width: 100%;
    margin: 5px 0 15px;
    padding: 5px 10px;
    font-size: 18px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#cres_content #cres_contact input:hover,
#cres_content #cres_contact textarea:hover {
    background: #fff;
    background-image: none;
}

#cres_content #cres_contact button,
html #cres_content #cres_contact input[type=button],
#cres_content #cres_contact input[type=reset],
#cres_content #cres_contact input[type=submit] {
    float: none;
    border: 1px solid #4D9DB3 !important;
    background: #4D9DB3 !important;
    background-image: none;
    border-radius: 3px !important;
    color: #fff;
    padding: 10px 15px;
    margin: 0px 10px 20px 0px !important;
    width: auto;
    font-size: 17px !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#cres_content input,
#cres_content input:hover {
    background-image: none;
    background: #fff;
}

#cres_contact div {
    margin: 5px 0px !important;
}

/*remove apple's styling on buttons only*/
#cres_content #cres_contact button, html #cres_content #cres_contact input[type="button"], #cres_content #cres_contact input[type=reset] {
    -webkit-appearance: none;
    border-radius: 0;
}

/***************************************
mobile news/advisors edits
***************************************/

.cres_body_article ul li, .cres_body_article ol li {
    padding: 5px 0;
}

div[style="display:block;background-image: url(../images/330x165_wide_img_bg.png);background-repeat: no-repeat;height: 175px;"] {
     display: none !important;
}

h2.cresDateHead, h3.cresPublishDate, h3.cresDateHead {
    font-size: 1em !important;
    font-weight: normal;
    font-style: normal;
}

h3.cresDateHead {
    text-align: center;
    padding-top: 0;
    padding-bottom: 10px;
    
}

#cres_news_article .cresDateHead {
    padding-bottom: 10px;
    font-size: 1em !important;
    font-weight: normal;
    font-style: normal;
}

div[style="padding:0px;margin:0px 0px 10px;text-align:center;font-style:italic;"] {
    text-align: left !important;
    font-size: 1em !important;
    font-style: normal !important;
}

#cres_news_article .cres_body_article h2 + br, h2.cresArticleTitle + br {
    display: none;
}

#cres_news_article h2.cresArticleTitle {
    font-size: 1.5em;
    margin-bottom: 10px !important;
    line-height: 1.1em !important;
}

#cres_news_article .cres_body_article h2 {
    font-size: 1.3em;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 10px;
}

#cres_news_article .cres_body_article {
    padding: 0 !important;
}

#cres_news_article .cresDateHead + h1.cresPageHeader {
    margin-top: 10px;
    margin-bottom: 15px;
}

/******************************************
p39 - PLR
******************************************/
.plr_note {
    margin-left: 0 !important;
    padding: 10px !important;
}
/******************************************/

/*News>finance*/
a[name="stocks"], a[name="interest"], a[name="bonds"] {
    display: block;
    line-height: 0;
}

div#cres_article_actions, #cres_article_opts_bottom {
    display: none;
}















/**********end news page edits**********/

/**************************END DJ EDITS**************************/


/************************** DO DESIGN EDITS **************************/





#cres_about_wills { text-align: left; }

.uppercase_text {
  text-transform: uppercase;
}
    h1.cresPageHeader {
        padding-bottom: 15px;
    }
    
 /***********TEXT RESIZE********/
.cres_text_resize{
  float:right;
}
/***********END TEXT RESIZE********/