/* ==============================================
	// Hanrahan Dental Lab STYLES
============================================== */
@font-face {
  font-family: 'nuptialscriptitalic';
  src: url("fonts/nuptial-script/nuptialscript-webfont.eot");
  src: url("fonts/nuptial-script/nuptialscript-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/nuptial-script/nuptialscript-webfont.woff") format("woff"), url("fonts/nuptial-script/nuptialscript-webfont.ttf") format("truetype"), url("fonts/nuptial-script/nuptialscript-webfont.svg#nuptialscriptitalic") format("svg");
  font-weight: normal;
  font-style: normal; }

/*======================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
========================================================================*/
html,
button,
input,
select,
textarea {
  color: #222; }

body {
  font-size: 1em;
  line-height: 1.4; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

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

img {
  vertical-align: middle; }

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

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/*======================================================================
    Global Style
========================================================================*/
* {
  -webkit-text-size-adjust: none;
  -webkit-margin-before: 0;
  -webkit-margin-end: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-padding-before: 0;
  -webkit-padding-end: 0;
  -webkit-padding-after: 0;
  -webkit-padding-start: 0; }

body {
  background: #2d2419;
  color: black;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 12px;
  width: 100%;
  height: 100%;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  body a,
  body a:active,
  body a:focus {
    outline: none; }

p {
  margin: 0 0 16px 0; }

.wrapper {
  max-width: 960px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

div.border {
  background: url('../img/bg-hr.png?1393217349') no-repeat center center;
  border: none;
  height: 30px;
  margin: 0; }
  div.border.top {
    background: url('../img/bg-hr-top.png?1393217347') no-repeat center center; }
  div.border.bottom {
    margin-top: -18px; }

/*======================================================================
    HEADER
========================================================================*/
#masthead {
  padding-top: 6px; }
  #masthead .site-name {
    font-weight: normal;
    float: left;
    margin: 31px 0 0 3px;
    line-height: 1.08;
    color: #efe5da; }
    #masthead .site-name a {
      color: #efe5da;
      text-decoration: none; }
    #masthead .site-name .sitename {
      font-size: 56px;
      display: block;
      text-transform: uppercase;
      margin: 0;
      padding: 0; }
    #masthead .site-name .subname {
      display: block;
      font-size: 38px;
      text-transform: none;
      margin: 0;
      padding: 0; }
    #masthead .site-name.logo-text {
      margin-top: 58px;
      margin-right: 2px; }
  #masthead #site-logo {
    float: left;
    margin: 0;
    position: relative;
    top: 37px;
    margin-left: 2px;
    z-index: 2; }
  #masthead .tagline {
    color: #f8efe6;
    float: right;
    font-family: "nuptialscriptitalic", "Roboto", sans-serif;
    font-size: 35.57px;
    margin: 0;
    background: url('../img/bg-fine-tooth.png?1393217352') no-repeat center center;
    position: relative;
    top: 85px;
    margin-right: 43px;
    font-weight: normal;
    padding: 4px 0px 0;
    min-width: 437px;
    padding-left: 61px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -0.1px; }

/*======================================================================
    Footer
========================================================================*/
#subhead {
  padding: 3px 5px 90px 14px;
  color: #969696; }
  #subhead .copyright {
    float: left;
    font-weight: 300;
    font-size: 10px; }
  #subhead .web-meta {
    float: right;
    font-size: 11.02px;
    margin-top: -3px; }
    #subhead .web-meta ul {
      list-style-image: none;
      list-style-type: none;
      padding-left: 0;
      margin-left: 0;
      margin: 0; }
      #subhead .web-meta ul li {
        display: inline-block; }
        #subhead .web-meta ul li:before {
          content: "|";
          display: inline-block;
          margin: 0 7.5px; }
        #subhead .web-meta ul li:first-child:before {
          content: ""; }
    #subhead .web-meta .name {
      font-size: 14.34px; }
    #subhead .web-meta .name-title {
      font-size: 10.43px; }
    #subhead .web-meta a {
      color: #969696;
      text-decoration: none; }

/*======================================================================
    Default Page Template
========================================================================*/
html.lt-ie9 #contents #main-navigation {
  max-width: 930px; }
  html.lt-ie9 #contents #main-navigation .tabs li {
    padding-left: 5px; }

#contents #main-navigation {
  max-width: 900px;
  margin: -23px auto 0;
  position: relative;
  z-index: 1; }
  #contents #main-navigation .tabs {
    list-style-image: none;
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    margin: 0;
    float: right; }
    #contents #main-navigation .tabs li {
      float: right;
      background: url('../img/bg-tab.png?1393217346') no-repeat top left;
      background-size: 100% 100%;
      margin-right: -30px;
      min-width: 120px;
      text-align: center;
      padding: 0 5px 14px 0; }
      #contents #main-navigation .tabs li a {
        font-family: "Roboto Condensed", sans-serif;
        font-size: 15px;
        text-decoration: none;
        text-transform: uppercase;
        color: black;
        display: block; }
        #contents #main-navigation .tabs li a:hover {
          color: #a27263; }
      #contents #main-navigation .tabs li:first-child {
        margin-right: 0; }
      #contents #main-navigation .tabs li.active a {
        color: #a27263; }
#contents .tab-containers {
  margin-top: -30px; }
  #contents .tab-containers .bg-container {
    background: url('../img/bg-content.png?1393217350') center center;
    background-repeat: repeat-y;
    padding-bottom: 73px; }
  #contents .tab-containers .tab-container {
    width: 100%;
    display: none; }
#contents .left-col {
  float: left;
  max-width: 470px;
  width: 57%;
  padding-top: 31px; }
#contents .right-col {
  float: right;
  max-width: 306px;
  width: 43%;
  padding-top: 31px; }
#contents .wrapper {
  max-width: 825px; }
#contents .title {
  color: #ffead5;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 38.77px;
  font-weight: normal;
  margin-bottom: 3px;
  margin-top: 0; }
#contents .entry {
  line-height: 1.5;
  padding-left: 4px; }

/*======================================================================
    404 Page Template
========================================================================*/
/*======================================================================
    Page Templates
========================================================================*/
/*======================================================================
    Helper Classes
========================================================================*/
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/*======================================================================
    Print Styles
========================================================================*/
/*=== Print Styles ===*/
@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important;
    -ms-filter: none !important;
    filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or javascript/internal links */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
/*======================================================================
    Media Queries
========================================================================*/
/*=== Media Queries ===*/
/* @media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.icon {
		&.facebook {
			@include set-sprite-dimensions($mysprites , icon-facebook-2x);
		    background-position: sprite-position($mysprites, icon-facebook-2x);
		}
		&.twitter {
			@include set-sprite-dimensions($mysprites , icon-twitter-2x);
		    background-position: sprite-position($mysprites, icon-twitter-2x);
		}
		&.play {
		}
		&.left-arrow {
		}
		&.right-arrow {
		}
		&.arrow-down {
			@include set-sprite-dimensions($mysprites , down_arrow-2x);
		    background-position: sprite-position($mysprites, down_arrow-2x);
		} 
		&.arrow-down-gray {
		}
		&.arrow-up-gray {
		}
	}

	.menu {
		@include set-sprite-dimensions($mysprites , menu_icon-2x);
	    background-position: sprite-position($mysprites, menu_icon-2x);
	    &.gray {
			@include set-sprite-dimensions($mysprites , menu_icon-gray-2x);
		    background-position: sprite-position($mysprites, menu_icon-gray-2x);
	    }
	} 
} */
/* TABLE LANDSCAPE */
@media only screen and (max-width: 815px) {
  #contents .project-list .project-item {
    margin-left: 15px; } }
/* TABLE PORTRAIT */
@media only screen and (max-width: 768px) {
  body.stories #big-video-wrap,
  body.stories #big-video-vid,
  body.stories #big-video-image {
    position: relative !important;
    z-index: 0;
    min-width: 100%;
    min-height: 100%; }
  body.stories #big-video-image {
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important; }
  body.stories #big-video-control-container {
    position: absolute;
    z-index: 1;
    bottom: 20px !important; }
  body.stories #contents .page-header {
    background-image: none;
    height: auto;
    top: 20%; }

  .visible-tablet {
    display: block; }

  .navigator-wrapper a {
    top: auto;
    bottom: 7%; }

  .wrapper .inner-wrapper {
    padding: 0; }

  .left-col {
    float: none;
    max-width: none;
    width: 100%; }

  .right-col {
    float: none;
    max-width: none;
    width: 100%;
    margin-top: 40px; }

  #contents .pane#pane1 #big-video-wrap,
  #contents .pane#pane1 #big-video-vid,
  #contents .pane#pane1 video,
  #contents .pane#pane1 iframe {
    width: 100%;
    height: 100%;
    border: none; }
  #contents .project-list .project-item {
    margin-bottom: 20px;
    margin-left: 10px; }
  #contents .stories-content {
    position: static; }
    #contents .stories-content .wrapper .video-gallery-wrapper .video-list-slider li .playing-overlay .icon {
      display: inline-block; }
    #contents .stories-content .wrapper .video-gallery-wrapper .video-list-slider li .playing-overlay .label-playing {
      display: none; }

  .page-details .introduction,
  .project-details .introduction {
    max-width: none;
    margin-bottom: 30px; }
  .page-details .studio-details table,
  .project-details .studio-details table {
    margin: 0 auto; }
  .page-details .image-gallery .image-wrapper,
  .project-details .image-gallery .image-wrapper {
    margin-left: 0; }

  #subhead .contact-info {
    float: right;
    margin-right: 0; }
  #subhead .social-media-info {
    display: none; }
  #subhead .developer {
    display: none; } }
@media only screen and (min-width: 711px) {
  #contents .stories-content .wrapper .video-gallery-wrapper .video-list {
    display: block !important; }
  #contents .project-category ul li {
    display: inline-block !important; } }
@media only screen and (max-width: 710px) {
  body {
    font-size: 14px; }
    body.projects #contents > .wrapper {
      padding: 0; }

  #masthead #site-logo .logo-icon-wrapper,
  #masthead #site-logo .logo-text-wrapper {
    max-width: 140px; }
    #masthead #site-logo .logo-icon-wrapper img,
    #masthead #site-logo .logo-text-wrapper img {
      max-width: 100%; }

  .wrapper {
    padding: 0 10px; }

  .navigator-wrapper a {
    top: 50%;
    bottom: auto; }
    .navigator-wrapper a.right-arrow {
      right: 10px; }
    .navigator-wrapper a.left-arrow {
      left: 10px; }

  .page-details,
  .project-details {
    padding-top: 30px; }
    .page-details .introduction,
    .project-details .introduction {
      font-size: 16px; }

  #project-contents .project-header .scroll-note,
  #project-contents .project-header .table-center {
    display: none; }
  #project-contents .project-details {
    padding-top: 15px; }
    #project-contents .project-details .project-name,
    #project-contents .project-details .project-tagline {
      display: block; }

  #contents .pane h2 {
    font-size: 20px;
    width: 90%; }
  #contents .page-heading {
    font-size: 35px;
    margin-top: 110px;
    line-height: normal;
    margin-bottom: 10px; }
  #contents .page-header .page-heading {
    font-size: 35px; }
  #contents .page-header .page-subheading {
    font-size: 20px;
    max-width: 90%; }
  #contents .contact-details {
    margin-top: 20px; }
  #contents .project-category ul.open li.active a {
    border-bottom: 1px solid; }
    #contents .project-category ul.open li.active a:after {
      display: none; }
  #contents .project-category ul li {
    float: none;
    display: none; }
    #contents .project-category ul li.active {
      display: list-item !important; }
      #contents .project-category ul li.active a {
        border-bottom: none; }
        #contents .project-category ul li.active a:after {
          content: "+";
          display: inline-block;
          font-size: 20px;
          margin-left: 5px;
          color: black; }
    #contents .project-category ul li:after {
      content: "";
      margin: 0; }
  #contents .page-details .press-details {
    font-size: 14px; }
    #contents .page-details .press-details .publication-wrapper .header {
      position: relative; }
    #contents .page-details .press-details .publication-wrapper .publication-list > ul {
      padding-left: 0;
      margin-bottom: 15px; }
      #contents .page-details .press-details .publication-wrapper .publication-list > ul.header {
        display: none; }
      #contents .page-details .press-details .publication-wrapper .publication-list > ul ul li {
        margin-bottom: 5px; }
      #contents .page-details .press-details .publication-wrapper .publication-list > ul > li {
        float: none;
        width: 100%;
        padding-left: 100px;
        position: relative; }
        #contents .page-details .press-details .publication-wrapper .publication-list > ul > li:last-child {
          width: 100%; }
        #contents .page-details .press-details .publication-wrapper .publication-list > ul > li:before {
          font-weight: 600;
          width: 25%;
          display: inline-block;
          position: absolute;
          left: 10px;
          top: 0; }
        #contents .page-details .press-details .publication-wrapper .publication-list > ul > li:nth-child(1):before {
          content: "Publication:"; }
        #contents .page-details .press-details .publication-wrapper .publication-list > ul > li:nth-child(2):before {
          content: "Issue:"; }
        #contents .page-details .press-details .publication-wrapper .publication-list > ul > li:nth-child(3):before {
          content: "Project:"; }
    #contents .page-details .press-details .awards-wrapper .awards {
      padding-left: 5%; }
      #contents .page-details .press-details .awards-wrapper .awards li .award-list,
      #contents .page-details .press-details .awards-wrapper .awards li .year {
        float: none;
        max-width: none;
        width: 100%; }
        #contents .page-details .press-details .awards-wrapper .awards li .award-list:before,
        #contents .page-details .press-details .awards-wrapper .awards li .year:before {
          left: -15px; }
    #contents .page-details .press-details .press-releases-wrapper .press-realease {
      padding-left: 5%; }
      #contents .page-details .press-details .press-releases-wrapper .press-realease li {
        margin-bottom: 10px; }
  #contents .stories-content .wrapper .video-gallery-wrapper .video-details {
    float: none;
    max-width: none;
    width: 100%; }
  #contents .stories-content .wrapper .video-gallery-wrapper .video-list {
    float: none;
    max-width: none;
    width: 100%; }
  #contents .stories-content .wrapper .video-gallery-wrapper .video-list-slider li {
    width: 49%;
    margin-right: 2%;
    text-align: center; }
    #contents .stories-content .wrapper .video-gallery-wrapper .video-list-slider li:nth-child(even) {
      margin-right: 0; }
    #contents .stories-content .wrapper .video-gallery-wrapper .video-list-slider li img {
      max-width: 100%;
      width: 100%; } }
@media only screen and (max-height: 650px) {
  #masthead #main-navigation ul li:after {
    height: 2px;
    width: 30px;
    margin: 20px auto 15px; } }
@media only screen and (max-height: 600px) {
  #masthead #main-navigation ul {
    padding-top: 20px; }
    #masthead #main-navigation ul li a {
      font-size: 30px;
      letter-spacing: 5px; }
    #masthead #main-navigation ul li:after {
      margin: 10px auto 10px;
      height: 1px; } }
@media only screen and (max-height: 320px) {
  #masthead #main-navigation ul li a {
    font-size: 25px; }
  #masthead #main-navigation ul li:after {
    margin: 5px auto 5px; }

  body.stories #contents .page-header {
    top: 35%; } }
@media only screen and (max-width: 480px) {
  #subhead {
    font-size: 9px; }
    #subhead .copyright {
      margin-right: 10px; } }
@media only screen and (max-width: 415px) {
  body.projects #contents > .wrapper {
    padding: 0 10px; }

  #contents .project-list .project-item {
    margin-bottom: 10px;
    margin-left: 0; } }
@media only screen and (max-width: 400px) {
  #contents .page-details .press-details .press-releases-wrapper .press-realease {
    padding-left: 0; }
    #contents .page-details .press-details .press-releases-wrapper .press-realease li a {
      padding-left: 40px;
      padding-right: 20px; }
      #contents .page-details .press-details .press-releases-wrapper .press-realease li a:after {
        right: 5px; } }