/*
  Animations
*/

.repeat_fade_animation.ng-enter,
.repeat_fade_animation.ng-leave,
.repeat_fade_animation.ng-move {
  -webkit-transition: 1s ease all;
  -moz-transition: 1s ease all;
  -o-transition: 1s ease all;
  transition: 1s ease all;
}

.repeat_fade_animation.ng-enter {
  opacity:0;
}
.repeat_fade_animation.ng-enter.ng-enter-active {
  opacity:1;
}

.repeat_fade_animation.ng-leave {
  opacity:1;
}
.repeat_fade_animation.ng-leave.ng-leave-active {
  opacity:0;
}

.repeat_fade_animation.ng-move {
  opacity:1;
}
.repeat_fade_animation.ng-move.ng-move-active {
  opacity:1;
}


.show_hide_fade_animation.ng-hide-add,
.show_hide_fade_animation.ng-hide-remove {
  -webkit-transition:1s ease all;
  -moz-transition:1s ease all;
  -o-transition:1s ease all;
  transition:1s ease all;
  display:block!important;
}
.show_hide_fade_animation.ng-hide-remove {
  opacity:0;
}
.show_hide_fade_animation.ng-hide-remove.ng-hide-remove-active {
  opacity:1;
}
.show_hide_fade_animation.ng-hide-add {
  opacity:1;
}
.show_hide_fade_animation.ng-hide-add.ng-hide-add-active {
  opacity:0;
}


.view_slide_animation.ng-enter, .view_slide_animation.ng-leave {
  -webkit-transition:0.5s ease all;
  -moz-transition:0.5s ease all;
  -o-transition:0.5s ease all;
  transition:0.5s ease all;

  position:absolute;
  top: 0;
  left: 15px;
  width: 100%;
}

.view_slide_animation.ng-enter {
  z-index: 100;
  left: 600px;
  opacity: 0;
}
.view_slide_animation.ng-enter.ng-enter-active {
  left: 15px;
  opacity: 1;
}

.view_slide_animation.ng-leave {
  z-index: 101;
  left: 15px;
  opacity: 1;
}
.view_slide_animation.ng-leave.ng-leave-active {
  left: -600px;
  opacity: 0;
}

/*
  Fix navbar
*/
@media (max-width: 767px)
{
  .navbar-static-top
  {
    border-radius: 0 0 0 0;
  }

  .navbar
  {
  }

  .navbar .navbar-header
  {
    float: left;
  }

  .navbar .navbar-nav
  {
    float: left;
    margin: 0;
  }

  .navbar .navbar-nav li
  {
    float: left;
  }

  .navbar .navbar-nav li a
  {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}


/*
  Fonts
*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 30, 2013 */

@font-face
{
  font-family: 'josefin_sansbold';
  src: url('../fonts/josefinsans-bold-webfont.svg#josefin_sansbold') format('svg'),
  url('../fonts/josefinsans-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face
{
  font-family: 'josefin_sansbold_italic';
  src: url('../fonts/josefinsans-bolditalic-webfont.svg#josefin_sansbold_italic') format('svg'),
  url('../fonts/josefinsans-bolditalic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face
{
  font-family: 'josefin_sansitalic';
  src: url('../fonts/josefinsans-italic-webfont.svg#josefin_sansitalic') format('svg'),
  url('../fonts/josefinsans-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face
{
  font-family: 'josefin_sanslight';
  src: url('../fonts/josefinsans-light-webfont.svg#josefin_sanslight') format('svg'),
  url('../fonts/josefinsans-light-webfont.woff') format('woff');

  font-weight: normal;
  font-style: normal;
}

@font-face
{
  font-family: 'josefin_sanslight_italic';
  src: url('../fonts/josefinsans-lightitalic-webfont.svg#josefin_sanslight_italic') format('svg'),
  url('../fonts/josefinsans-lightitalic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face
{
  font-family: 'josefin_sansregular';
  src: url('../fonts/josefinsans-regular-webfont.svg#josefin_sansregular') format('svg'),
  url('../fonts/josefinsans-regular-webfont.woff') format('woff');

  font-weight: normal;
  font-style: normal;
}

/*
  General
*/

*
{
  font-family: 'josefin_sansregular';
}


body, .form-control, .btn
{
  font-size: 18px;
}

.submitting-spinner {
  color: #3276b1;
}

h1, h2, h3, h4, h5, h6
{
  font-family: 'josefin_sansregular'!important;
}

.container
{
  position: relative;
}


#header_container
{
  padding-right: 0px;
}
  #header
  {
    margin-bottom: 0px;
  }

    #header a
    {
    }

    .navbar-header .navbar-brand
    {
      padding-left: 0px;
      font-size: 25px;
    }

  .view
  {
    display: block;
  }

.nav > li > a:hover, .nav > li > a:focus {
  background-color: transparent;
  font-weight: bold;
}

.admin_controls
{
  position: absolute;
  bottom: -4px;
  right: 5px;
  margin: 10px;
}

  .admin_controls a.admin_control
  {
    padding: 10px;
    color: white;
    background-color: rgba(0, 0, 0, .5);
    -webkit-transition: .5s ease all;
    transition: .5s ease all;
    text-decoration: none;

  }

  .admin_controls .admin_control:hover
  {
    background-color: rgba(0, 0, 0, 1);
  }

.add_link
{
  width: 100%;
  text-align: center;
  display: block;
  font-size: 100px;
  -webkit-transition: .5s ease all;
  transition: .5s ease all;
}

  .add_link:hover
  {
    background-color: rgba(66, 130, 202, 1)
  }

.markdown_preview
{
  position: relative;
}

  .markdown_preview:before
  {
    content: 'preview';
    color: rgba(0, 0, 0, .25);
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
  }

.page_content_markdown {

}
  .page_content_markdown *:first-child {
    margin-top: 0;
  }

  .page_content_markdown > p {
    margin-bottom: 5px;
  }

  .page_content_markdown h1 {

  }

  .page_content_markdown h2 {

  }

  .page_content_markdown h4 {
    font-weight: bold;
    color: #3276b1;
    text-align: justify;
    line-height: 1.428571429;
  }

  .page_content_markdown blockquote {
    padding: 0 35px;
    position: relative;
    border: none;
  }

    .page_content_markdown blockquote p {
      line-height: 1.428571429;
      text-align: justify;
      font-size: 18px;
    }

    .page_content_markdown blockquote::before {
      content: "“";
      position: absolute;
      font-size: 60px;
      left: 0;
      top: -20px;
    }

    .page_content_markdown blockquote::after {
      content: "”";
      position: absolute;
      font-size: 60px;
      right: 0;
      bottom: -60px;
    }
/*
  Helpers
*/
.center_block
{
  margin: auto;
}

.full_width_block
{
  width: 100%;
}

.no_top_margin
{
  margin-top: 0;
}

.box_shadow
{
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow:    0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow:         0 0 10px rgba(0, 0, 0, 0.25);
}


.repeat_item
{
  margin-bottom: 30px;
  opacity: .75;
  transition: .5s;
  position: relative;
}

  .repeat_item.ui-sortable-helper {
    transition: none;
  }

  .repeat_item:hover
  {
    opacity: 1;
  }

  .repeat_item img
  {
  }

  .repeat_item .info
  {
  }

.feature
{
  margin-bottom: 30px;
}

  .feature .feature_header
  {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 15px;
  }

  .feature_header .info
  {
    background-color: rgba(0, 0, 0, .5);
    color: white;
    font-size: 25px;
    padding: 10px;
  }

  .feature_header .back
  {
    margin-top: 20px;
    font-size: 25px;
  }

  .feature_header .back a
  {
    background-color: rgba(0, 0, 0, .5);
    color: white;
    text-decoration: none;
    -webkit-transition: .5s ease all;
    transition: .5s ease all;
    padding: 10px;
  }

    .feature .back a:hover
    {
      background-color: rgba(0, 0, 0, .75);
    }

.feature_description
{
}



#profile-image {

}

  #profile-image #credit {
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
    opacity: 0;
  }

    #profile-image #credit a {
      color: #ccc;
    }

      #profile-image #credit a:hover {
        text-decoration: none;
      }

  #profile-image:hover #credit {
    opacity: 1;
  }

#about {
}

  #about_bio {
    font-weight: bold;
    color: #3276b1;
    text-align: justify;
  }

  #about_quote {
    padding-left: 35px;
    padding-right: 35px;
    text-align: justify;
    position: relative;
  }

    #about_quote::before {
      content: "“";
      position: absolute;
      font-size: 60px;
      left: 0;
      top: -20px;
    }

    #about_quote::after {
      content: "”";
      position: absolute;
      font-size: 60px;
      right: 0;
      bottom: -60px;
    }

  #about_exhibitions {

  }

    .about_exhibition {
      padding-bottom: 5px;
    }

      .about_exhibition.about_exhibition_no_location .about_exhibition_show::after {
        content: "";
      }

      .about_exhibition_year {
        display: inline-block;
      }

        .about_exhibition_year::after {
          content: "-";
          font-weight: bold;
        }

      .about_exhibition_show {
        display: inline-block;
      }

        .about_exhibition_show::after {
          content: "-";
          font-weight: bold;
        }

      .about_exhibition_location {
        display: inline-block;
      }


/*
  Slideshow
*/


.slideshow
{

}

  .slide
  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

    .slide img
    {
      width: 100%;
    }

    /*.slide .info*/
    /*{*/
      /*width: 100%;*/
      /*position: absolute;*/
      /*top: 10px;*/
      /*left: 0;*/
      /*padding: 10px;*/
      /*background-color: rgba(0, 0, 0, .5);*/
      /*color: white;*/
      /*font-size: 25px;*/
      /*font-weight: 300;*/

    /*}*/

  .indicators
  {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    width: 100%;
  }

    .indicators ul
    {
      list-style: none;
      padding: 10px;
      background-color: rgba(0, 0, 0, .5);

    }

      .indicators ul li
      {
        display: inline-block;
        cursor: pointer;
        width: 20px;
        height: 20px;
        margin: 0 10px;
        position: relative;
        vertical-align: middle;
      }

        .indicators ul li a
        {
          color: white;
          padding: 10px;
          text-decoration: none;
        }

          .indicators ul li a:before
          {
            content: '';
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background-image: url(/assets/images/slideshowOutline.png);
            background-size: contain;
          }

          .indicators ul li a.active:before
          {
            content: '';
            background-image: url(/assets/images/slideshowFilled.png);

          }


@media(max-width: 480px)
{
  #header .navbar-nav a
  {
    font-size: 14px;
  }

  .indicators {
    bottom: -55px;
  }

    .indicators ul {
      background-color: rgba(0, 0, 0, 0.9);
    }

  .feature_header {

  }

    .feature_header .info {
      font-size: 16px;
      padding:; 8px;
    }

    .feature_header .back {
      font-size: 16px;
    }

      .feature_header .back a {
        padding: 8px;
      }
}