/* -----------------------------------------------------------------------------------------------
 *  Decrease the size of the headings from the Foundation 6 defaults for desktop screens
 * ---------------------------------------------------------------------------------------------*/

/*
Assuming that the browser font is 16 pixels, then
3rem      => 48px
2.5rem    => 40px
2.1875rem => 35px
1.9375rem => 31px
1.5625rem => 25px
1.25rem   => 20px
1rem      => 16px
*/

@media print, screen and (min-width: 40em)
{
  h1, .h1
    {
    /* Foundation 6: font-size: 3rem; */
    font-size: 2.5rem;
    }
  h2, .h2
    {
    /* Foundation 6: font-size: 2.5rem; */
    font-size: 2.1875rem;
    }
  /* remaining heading levels retain the default Foundation 6 sizes */
  h3, .h3
    {
    font-size: 1.9375rem;
    }
  h4, .h4
    {
    font-size: 1.5625rem;
    }
  h5, .h5
    {
    font-size: 1.25rem;
    }
  h6, .h6
    {
    font-size: 1rem;
    }
}


                                                /* apply pattern background to the whole screen */
body
{
  background-image: url(/framework/css/BackgroundPattern.jpg);
  background-position: center;
}

                                                         /* decrease the paragraph line spacing */
p
{
  line-height: 1.5;
}


                                                      /* decrease line height of input controls */
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'],
[type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'],
[type='time'], [type='url'], [type='color'], textarea
{
  height: 2rem;
}



/* set page area to very light grey */
.pagebackground
{
  background: #fafafa;
}


.header
{
  text-align:center;
  background: #fafafa;
  padding-left:0px;
  padding-right:0px;
}

.social
{
  text-align:right;
  padding-top:0.6rem;
  padding-right:1rem;
}

.mobile-menu
{
  text-align:left;
  padding-top:0.6rem;
  padding-left:1rem;
}


.footer
{
  text-align:center;
}

.page_revised
{
font-size: 0.75rem;
}

h1
{
  margin-top:1rem;
}


a
{
  outline:none;
  text-decoration:none;
}

a:hover
{
  text-decoration:underline;
}

/* menu styling for short landscape screens do not fix the menu, allow it to scroll */
@media screen and (min-height:32em)
{
  .navfixed
  {
  position:fixed;
  }
}

.navpanel ul
{
margin-top:2rem;
}

.navpanel a.anchor
{
  background: url('/website/config/menuBullet.png') no-repeat  0px 14px;
  padding-bottom:0;
}

.navpanel a.anchor:hover
{
  background: url('/website/config/menuHoverBullet.png') no-repeat 0px 14px;
  padding-bottom:0;
}

.navpanel li.no-anchor
{
  padding: 0.6rem 1rem 0 1rem;
  line-height: 1.1;
  color: inherit;
  background: url('/website/config/menuSlctdBullet.png') no-repeat  0px 14px;
}


.navpanel li.sub-menu a
{
  padding: 0 0 0 0;
  font-size: 0.875rem;
  line-height: 1.125rem;
}


.navpanel li.sub-menu
{
  padding: 0.25rem 0 0 1.25rem;
  margin:0 0 0 0;
  font-size: 0.875rem;
  line-height: 1.125rem;
}


.navpanel li.hrule
{
  border-top:2px solid #e8e8e8;
  margin:0.6rem 1.5rem -1.6rem 1rem;
}


.mobile-off-canvas
{
min-height:360px;
background: #fafafa;
}

.mobile-navpanel ul
{
  margin-top:0.5rem;
  margin-left:2rem;
  font-size: 120%;
}


.mobile-navpanel a
{
  background: url('/website/config/menuBullet.png') no-repeat  0px 14px;
  padding-bottom:0;
}

.mobile-navpanel a:hover
{
  background: url('/website/config/menuHoverBullet.png') no-repeat 0px 14px;
  padding-bottom:0;
}

.mobile-navpanel li.no-anchor
{
  padding: 0.6rem 1rem 0 1rem;
  line-height: 1.1;
  color: inherit;
  background: url('/website/config/menuSlctdBullet.png') no-repeat  0px 14px;
}

.mobile-navpanel li.hrule
{
  border-top:2px solid #e8e8e8;
  margin:0.9rem 50% -1.9rem 1rem;
}





.mobile-menu-icon
{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 20px;
  cursor: pointer;
  outline:none !important;
  border: none  !important;

}



.mobile-menu-icon::after
{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 3px;
  background: #1779ba;
  -webkit-box-shadow: 0 7px 0 #1779ba, 0 14px 0 #1779ba;
          box-shadow: 0 7px 0 #1779ba, 0 14px 0 #1779ba;
  content: '';
}
.mobile-menu-icon:hover::after
{
  background: #73aed5;
  -webkit-box-shadow: 0 7px 0 #73aed5, 0 14px 0 #73aed5;
          box-shadow: 0 7px 0 #73aed5, 0 14px 0 #73aed5;
}



.tabmenu .menu
  {
  margin-top:1.5rem;
  }


.tabmenu .menu li
  {
  background-color: #f6f6f6;

  border-left:   1px solid #c0c0c0;
  border-right:  1px solid #c0c0c0;
  border-top:    1px solid #c0c0c0;


  }


.tabmenu .menu  .menu-text
{
  background-color: #fafafa;
  margin-top:-2px;
  border-top:    2px solid #c0c0c0;
  border-bottom: 2px solid #fafafa;
  border-left:   2px solid #c0c0c0;
  border-right:  2px solid #c0c0c0;

  margin-left:2px;
  margin-right:2px;
}


.tabmenu .menu  a
  {
  color:#ffffff;
  color: #0d0d0d;
  }

.tabmenu a:hover
  {
  color: #0d0d0d;
  background-color: #d0d0d0;
  text-decoration:none;
  }


.tabmenu_hrule
{
padding-bottom:0.75rem;
margin-top:-0.875rem;
margin-bottom:1.5rem;
border-bottom:2px solid #c0c0c0;

}



.footer_links
{
  position:relative;
}

.footer_links a
{
  position:absolute;
  font-size:0.6875rem;
  bottom:0.75rem;
  right:0.75rem;
}


/* used in forms */
.clear
{

    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;

}

.sidebar_box_right
{
  float: right !important;
  margin-top:1.5rem;
  margin-left:2.5rem;
  margin-bottom:1.5rem;
  text-align:center;
  border:1px solid #c0c0c0;
  padding:1rem 2rem;

}

.sidebar_box_left
{
  display:inline-block;
  float: left !important;
  margin-top:1.5rem;
  margin-right:2.5rem;
  margin-bottom:1.5rem;
  text-align:center;
  border:1px solid #c0c0c0;
  padding:1rem 1rem;
}

.sidebar_box_both
{
  margin-top:1.5rem;
  margin-left:2.5rem;
  margin-bottom:1.5rem;
  text-align:center;
  border:1px solid #c0c0c0;
  padding:1rem 2rem;

}



.disclosure_right
{
  float: right;
  margin: 0 0 0.25rem 0.25rem;
  padding:0.25rem;
  max-width:25%;
  font-size:0.7rem;
  border:1px solid #d0d0d0;
  background:#f0f0f0;
}


.box_right_no_frame
{
  float: right !important;
  margin-left:1rem;
  margin-right:0;
}


.box_left_no_frame
{
  float: left !important;
  margin-left:0;
  margin-right:1rem;
}

/* display an image at 50 percent, zoom to fullsize when clicked */

.zoom_image_50 input[type=checkbox]
{
  display: none
}

.zoom_image_50 img
{
  height: 50%;
  width: 50%;
  transition: width 0.5s ease;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}


.zoom_image_50 input[type=checkbox]:checked~img
{
  height: 100%;
  width: 100%;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out;
}

.zoom_image_50 span
{
display: inline-block;
}


.amazon_banner_468x60
{
  text-align:center;
  padding-bottom:1rem;
}


.amazon_img_ad
{
  text-align:center;
  display: inline-block;
}

.amazon_img_ad_img
{
}

.amazon_img_ad_txt a
{
  font-size: 0.875rem;
  color: #aa0000;
  font-weight: bold;
}

.amazon_img_ad_txt a:hover
{

  color: #dd0000;
  font-weight: bold;
}


/* SCREEN/PRINT classes NOT USED, using Foundation hide-for-print and show-for-print Instead*/
/*
@media all {

.printonly
{
  text-align:right;
  visibility: hidden;
  display: none;
}

.print_pagebreak
{
display: none;
}

}

@media print
{
.printready  .screenonly
  {
  width: 100%;
  height: 100%;
  display: none;
  visibility: hidden;
  }

.printready .printonly
  {
  visibility: visible;
  display: block;
  }


.print_pagebreak
  {
  display:block;
  page-break-before:always;
  }
}
*/