/*
 * Shadow Box
 */
/*
 * Up to Down Gradient
 */
/*
 * Border Radius, if clipping true background-clip will prevent background color leak out
 */
/*
 * Change Color of placeholder in Modern browser
 */
/*
 * Sprite icon on right of element
 */
/*
 * Define sprite for background image
 */
/*
 * Function
 */
/*
  small   : 0px
  medium  : 640px
  large   : 1024px
  xlarge  : 1200px
  xxlarge : 1440px
*/
.content-wrapper {
  padding: 0; }

/* ============================================
/* Repositioning
/* ============================================*/
#article_detail {
  width: 100%;
  display: table; }

/*---------------------------------------------------------------*/
#content {
  display: table-header-group; }
  #content .wysiwyg {
    padding: 15px 20px; }

#links {
  margin: 40px 0 0;
  border-bottom: 1px solid #FFF;
  display: table-footer-group; }
  #links .title {
    padding: 0 20px;
    margin: 0 0 10px;
    color: #70AD47;
    font-size: 1em; }
  #links li {
    background: #F9FAE7;
    margin: 0; }
    #links li.active {
      background: #70ad4747; }
    #links li a {
      display: block;
      color: #444;
      padding: 10px 15px 7px;
      font-size: 0.875em;
      border-bottom: 1px solid #FFF;
      border-left: 5px solid transparent;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      #links li a:hover {
        text-decoration: none; }
    #links li.active a,
    #links li a:hover {
      border-left: 5px solid #70AD47; }

@media screen and (min-width: 768px) {
  .content-wrapper {
    padding: 0 20px; }
    .content-wrapper:before, .content-wrapper:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .content-wrapper:after {
      clear: both; }

  #article_detail,
  #links,
  #content {
    display: block; }

  #article_detail {
    width: auto; }

  #content {
    margin-bottom: 50px;
    overflow: hidden; }

  #links {
    margin: 30px 50px 45px 0;
    float: left;
    width: 195px; }
    #links .title {
      margin: 0;
      padding: 0 5px 15px 20px;
      font-size: 1.25em; }
    #links li {
      background: none;
      border-top: 1px solid #EEEEEE; }
      #links li.active {
        background: #70ad4747; }
      #links li a {
        padding: 13px 5px 9px 20px;
        border: 0; } }
@media screen and (min-width: 1024px) {
  #article_detail {
    width: 984px; } }
/*
 * Shadow Box
 */
/*
 * Up to Down Gradient
 */
/*
 * Border Radius, if clipping true background-clip will prevent background color leak out
 */
/*
 * Change Color of placeholder in Modern browser
 */
/*
 * Sprite icon on right of element
 */
/*
 * Define sprite for background image
 */
/*
 * Function
 */
/*
  small   : 0px
  medium  : 640px
  large   : 1024px
  xlarge  : 1200px
  xxlarge : 1440px
*/
/* ============================================
/* Google Map WYSIWYG
/* ============================================*/
.g-wysiwyg {
  font-family: "Proxima Nova", Arial, Sans-Serif;
  padding: 0 15px 0 0; }
  .g-wysiwyg p {
    line-height: 1.6; }
  .g-wysiwyg .title {
    min-width: 210px;
    margin: 10px 0 -2px; }
  .g-wysiwyg h1, .g-wysiwyg h2, .g-wysiwyg h3, .g-wysiwyg h4, .g-wysiwyg h5, .g-wysiwyg h6 {
    font-family: "Proxima Nova S";
    color: #444; }
  .g-wysiwyg a {
    font-family: "Proxima Nova", Arial, Sans-Serif;
    font-size: 1em;
    color: #6161F9; }
  .g-wysiwyg .button-wrapper {
    text-align: center; }
  .g-wysiwyg .link {
    margin: 5px 0 0;
    background: #D5DF19;
    color: #FFF;
    padding: 7px 30px;
    -webkit-border-radius: 3px;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 3px;
    /* Firefox 1-3.6 */
    border-radius: 3px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    /* Prevent background color leak outs */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /* IE7 And Below */ }
    .g-wysiwyg .link:hover {
      text-decoration: none; }

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

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