/** 
 *  Global settings for all css sitewide, regardles of current style/design
 */
/**
	This is a partial file that houses SCSS variable definitions for import & use across the site
	in other SCSS files.

	to use: 
	// Utilities
	@import "variables";

	#main-wrapper{
		color: $mainColor;
	}
 */
/**
    A partial file defining mixins (CSS functions)
    for styles that are reused with different values

    to use: 
        // Utilities
        @import "mixin"; // <-- this is relative to where the file is ON YOUR DRIVE. Does not matter once uploaded

        #main-wrapper{
            @include transparentColor(255, 123, 32, .8);
        }
 */
/**
 * Transparencies
 */
/**
 *  SHADOWS
 *  
 *  $h                  : horizontal offset; positive will be on the right of the box, negative = left of the box
 *  $v                  : vertical offset; negative = above, positive = below
 *  $blur [optional]    : blur;  0 = sharp, higher = more blurred
 *  $spread [optional]  : spread; positive increase size, negative decrease size, default is 0. Use negative spread when trying for shadow on only one side
 *  $color              : color of the shadow
 *  $inset [keyword]    : if set ot "inset" shadow is inside box instead
 *  
 */
/**
 * ANIMATIONS
 *
 * Each @keyframes at-rule defines what should happen at specific moments during the animation. 
 * For example, 0% is the beginning of the animation and 100% is the end. 
 * These keyframes can then be controlled either by the shorthand animation property, 
 * or its eight sub-properties, to give more control over how those keyframes should be manipulated
 *
 *  SUB-PROPERTIES
 *  
 *      animation-name:             declares the name of the @keyframes at-rule to manipulate.
        animation-duration:         the length of time it takes for an animation to complete one cycle.
        animation-timing-function:  establishes preset acceleration curves such as ease or linear.
        animation-delay:            the time between the element being loaded and the start of the animation sequence.
        animation-direction:        sets the direction of the animation after the cycle. Its default resets on each cycle.
        animation-iteration-count:  the number of times the animation should be performed.
        animation-fill-mode:        sets which values are applied before/after the animation.
                                    For example, you can set the last state of the animation to remain on screen, 
                                    or you can set it to switch back to before when the animation began.
        animation-play-state:       pause/play the animation.

 */
/**
 *  TRANSITIONS
 * $property            : a particular property (e.g., background-color), or all
 * $duration            : how long the transition will take, in seconds
 * $timing [optional]   : timing-function; describes how a transition will proceed over its duration, 
 *                  e.g., 'ease, linear, ease-in, ease-out, ease-in-out, step-start, step-end'
 *                  [default: linear]
 * $delay [optional]    : time to delay starting transition
 * 
 */
/**
 *  BORDER RADIUS
 *
 * $radius : size of radius
 * 
 */
/**
    A partial file defining common styles normally extended/inherited 
    for effects such as animations, shadows, and radiuses

    most of these should be done with mixins

    to use: 
        // Utilities
        @import "effects"; // <-- this is relative to where the file is ON YOUR DRIVE. Does not matter once uploaded

        #main-wrapper{
            @extend .anim01;
        }
 */
/**
	This is a partial file that houses SCSS variable definitions for import & use across the site
	in other SCSS files.

	to use: 
	// Utilities
	@import "variables";

	#main-wrapper{
		color: $mainColor;
	}
 */
/**
 * ANIMATIONS
 */
.anim01 {
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s; }

.anim02, a, button {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }

.anim03 {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.anim05 {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }

/** 
 * BORDER RADIUS
 */
.border-rad-lg {
  -webkit-border-radius: 10em;
  -moz-border-radius: 10em;
  border-radius: 10em; }

/* SHADOWS */
.top-shadow {
  -webkit-box-shadow: 0px -2px 2px #222222;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px -2px 2px #222222;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 0px -2px 2px #222222;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ }

.bottom-shadow {
  -webkit-box-shadow: 0px 2px 2px #222222;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 2px 2px #222222;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 0px 2px 2px #222222;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ }

.button-shadow {
  border: 1px solid rgba(13, 27, 54, 0.5); }

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {
  color: #222222;
  font-size: 1em;
  height: 100%;
  line-height: 1.4;
  background-color: #FFFFFF;
  font-family: Arial; }

::-moz-selection {
  background: #3265cb;
  color: #FFFFFF;
  text-shadow: none; }

::selection {
  background: #3265cb;
  color: #FFFFFF;
  text-shadow: none; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCCCCC;
  margin: 1em 0;
  padding: 0; }

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.browserupgrade {
  margin: 0.2em 0;
  background: #CCCCCC;
  color: #000000;
  padding: 0.2em 0; }

/* =======================================================
  General styles
========================================================== */
html, *, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  background-color: #DDDDDD; }

body {
  font: 16px/26px;
  font-family: 'Droid Sans', sans-serif;
  margin: 0px;
  width: 100%; }
  @media (max-width: 960px) {
    body {
      background-position: center -50%; } }
  @media (max-width: 650px) {
    body {
      background-position: center center; } }

.wrapper {
  max-width: 1260px;
  margin: 0 auto; }

a {
  text-decoration: none; }

h2 {
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 8px; }

h3 {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 2px; }

input, textarea {
  padding: 3px; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.clear {
  clear: both; }

.bold, b, strong {
  font-weight: bold; }

.italic, em {
  font-style: italic; }

.center {
  text-align: center; }

button {
  border: none;
  font-weight: bold;
  padding: 1%; }

.reqfield {
  color: #FF0000; }

.light-grey {
  color: #444444;
  background-color: #CCCCCC; }

.light-grey:hover {
  color: #666666;
  background-color: #EFEFEF; }

.section-title {
  font-size: 1.7em;
  font-style: italic;
  font-weight: bold;
  height: 25px;
  margin-bottom: 20px;
  padding: 5px 0px 0px 5px; }

html {
  background: #FFFFFF;
  width: 100%;
  height: 100%;
  padding: 10px; }
  html body {
    background: #FFFFFF;
    max-width: 1260px;
    min-width: 360px;
    height: 100%;
    width: 100%;
    margin: auto;
    font: 16px/26px; }
    html body #hdr_box {
      display: flex;
      z-index: 2; }
      @media (max-width: 960px) {
        html body #hdr_box {
          display: block; } }
    html body .hs_box {
      width: 17%;
      margin-right: 1%; }
      @media (max-width: 960px) {
        html body .hs_box {
          margin-right: 2%;
          width: 100%; }
          html body .hs_box img {
            align-self: center; } }
    html body .hdr_txt {
      width: 100%; }
      html body .hdr_txt .special {
        width: 100%;
        background: #6d6f71;
        padding: 5px; }
      html body .hdr_txt .whtitle {
        margin-left: 10px;
        text-align: left; }
      html body .hdr_txt .date {
        font-size: 1.2em;
        text-align: right;
        margin-top: 5px; }
      html body .hdr_txt .member_name {
        display: flex;
        flex-direction: column; }
      html body .hdr_txt .assemblywoman {
        color: #188040;
        font-size: 2em;
        font-weight: bold;
        align-self: baseline;
        margin-top: -15px; }
      html body .hdr_txt .name {
        color: #074d29;
        font-size: 3em;
        font-weight: bold; }
    html body .special {
      background: #6d6f71;
      padding: 5px; }
    html body .whtitle {
      color: #FFFFFF;
      font-size: 2em;
      text-align: center; }
    html body .ltr_box {
      background: #abd7a4;
      padding: 10px;
      font-style: italic; }
      html body .ltr_box .sig {
        width: 50%;
        margin-left: 50%;
        background: url("/postings/2019/20190903_0088850/images/sig.gif") no-repeat; }
        @media (max-width: 650px) {
          html body .ltr_box .sig {
            width: 100%;
            margin-left: 40%; } }
    html body .twitter {
      width: 50%;
      margin-left: 53%;
      color: #188040; }
    html body .navy {
      color: #074d29;
      font-size: 1.75em;
      font-weight: bold;
      text-align: center;
      font-style: normal; }
    html body .greentitle {
      color: #188040;
      font-size: 1.75em;
      font-weight: bold;
      text-align: center;
      font-style: normal; }
    html body .greentitlemd {
      color: #188040;
      font-size: 1.25em;
      font-weight: bold;
      font-style: normal; }
    html body .title_box {
      background: #188040;
      padding: 10px; }
    html body .photo_sidecapt {
      width: 100%;
      display: flex;
      background: #cccccc; }
      @media (max-width: 650px) {
        html body .photo_sidecapt {
          flex-direction: column; } }
    html body .photo_img {
      width: 48%; }
      @media (max-width: 960px) {
        html body .photo_img {
          width: 100%; }
          html body .photo_img img {
            width: 100%; } }
      @media (max-width: 650px) {
        html body .photo_img {
          width: 100%; }
          html body .photo_img img {
            width: 100%; } }
    html body .photo_capt {
      width: 52%;
      display: block;
      padding: 10px;
      font-size: .9em;
      font-style: italic;
      align-self: center; }
      @media (max-width: 650px) {
        html body .photo_capt {
          width: 100%; } }
    html body .capt_title {
      text-align: center;
      font-size: 1.25em;
      font-weight: bold;
      font-style: normal;
      color: #074d29; }
    html body .navy_hereforyou {
      background: #074d29;
      padding: 5px;
      font-size: .9em;
      font-weight: bold; }
    html body .story_box {
      width: 100%;
      display: flex; }
      @media (max-width: 650px) {
        html body .story_box {
          width: 100%;
          flex-direction: column; } }
      html body .story_box .story_left {
        width: 49%;
        margin-right: 1%; }
        html body .story_box .story_left img {
          width: 100%; }
        @media (max-width: 650px) {
          html body .story_box .story_left {
            width: 100%; }
            html body .story_box .story_left img {
              width: 100%; } }
      html body .story_box .story_right {
        width: 49%;
        margin-left: 1%; }
        html body .story_box .story_right img {
          width: 100%; }
        @media (max-width: 650px) {
          html body .story_box .story_right {
            width: 100%; }
            html body .story_box .story_right img {
              width: 100%; } }
    html body .story_box1 {
      width: 100%;
      display: flex;
      flex-direction: column; }
      html body .story_box1 .capt {
        text-align: center;
        width: 80%;
        margin-left: 10%; }
      @media (max-width: 650px) {
        html body .story_box1 {
          width: 100%; }
          html body .story_box1 img {
            width: 100%; } }
    html body .storybg {
      background: #abd7a4;
      padding: 10px; }
    html body .capt {
      font-size: .9em;
      font-style: italic; }
    html body .mdtitle {
      color: #074d29;
      font-weight: bold;
      font-size: 1.75em; }
    html body .greentxt {
      color: #188040;
      font-size: 1.35em; }
    html body .navytxt {
      color: #074d29;
      font-weight: bold;
      font-size: 1em; }
    html body .contact_box {
      background: #074d29;
      padding: 10px;
      color: #FFFFFF;
      text-align: center;
      font-weight: bold;
      font-size: 1.25em; }
    html body .languages {
      width: 100%;
      display: flex;
      flex-direction: row;
      text-align: center; }
    html body .left {
      width: 49%; }
    html body .right {
      width: 49%; }
    html body .redbg {
      background: #bf2a2a;
      padding: 10px;
      text-align: center; }
    html body .greybg {
      background: #cccccc;
      padding: 10px; }

/*# sourceMappingURL=weinstein_summer_2019.css.map */