@charset "utf-8";
/* Fonts */
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Global */
body {
	padding-top:68px;
	background:#f9f9f9;
	color:#808080;
	font-family: 'open_sansregular';
	min-width:320px;
}
h1, h2, h3, h4, h5, h6 {
	color:#2c2c2c;
	font-family: 'open_sanssemibold';
	text-transform:uppercase;
}
h1 {
	font-size:1.5rem;
}
h2 {
	font-size:1.3rem;
}
h3 {
	font-size:1.2rem;
}
h4 {
	font-size:1.1rem;
}
h5,
h6 {
	font-size:1rem;
}
h2.title {
	margin-bottom:1rem;
	padding-bottom:0.5rem;
	border-bottom:2px solid #666666;
}
.collectionLabel {
	display:none;
}
p.rating {
	margin-bottom: 0;
    font-size: 0.9rem;
	padding:0.4rem 0;
	border-bottom:1px solid #e7e7e7;
}
p.rating .fa-star {
	color: #e3d003;
	float: right;
    line-height: 1.5;
}
.navbar h1 {
	margin:0;
	padding:0;
	font-size:1rem;
}
.navbar-brand {
	background:url(../images/bowes-logo.png) no-repeat center center;
	height:50px;
	width:105px;
	text-indent:-99999px;
	padding:0;
	margin:0;
}
.btn {
	white-space: normal;
	border-radius: .15rem;
}
.bg-inverse {
	background: #2c2c2c !important;
	border-bottom: 3px solid #d9d9d9;
}
.bg-inverse .btn-primary {
	background:#191919;
}
a:focus,
button:focus {
    outline: none;
}
#sidebar {
	position:fixed;
	left:0;
	top:0;
	height:100%;
}
.sidebarInner {
	padding-top:75px;
}
.sidebar-offcanvas {
	background:#d9d9d9;
}
.mainContent {
	padding-top:0.8em;
}
.btn.focus, .btn:focus {
    outline: none;
	box-shadow: none;
	webkit-box-shadow:none;
}
.btn-primary {
	color:#ffffff;
	background:#2c2c2c;
	border-color:#2c2c2c;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	color:#ffffff;
	background:#000000;
	border-color:#000000;
}
.btn-danger.focus, .btn-danger:focus {
	color:#ffffff;
}
.hidden {
	display:none;
}
/* Animate Styles */
.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
	visibility: hidden;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

/* Flip Styles */
.card {
	-webkit-box-orient: horizontal;
	border:1px solid #cccccc;
}
.card-flip .btn {
	display:block;
	font-size:0.8rem;
}
.card-flip {
	-webkit-perspective: 800;   
	perspective: 800;
	position: relative;
	border:none;
}
.card-flip .flip.flipped {
	-webkit-transform: rotatey(-180deg);
	transform: rotatey(-180deg);
}
.card-flip .flip {
	-webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    transform-style: preserve-3d;
    transition: 0.5s;
	border:1px solid #e7e7e7;
}
.card-flip .flip .front,
.card-flip .flip .back {
	min-height:100%;
	-webkit-backface-visibility: hidden ;
    backface-visibility: hidden ;
   	z-index: 2;
	background:#ffffff;
	cursor:pointer;
}
.card-deck .card .flip {
	min-height:100%;
}
.card-flip .flipped .back {
	-webkit-backface-visibility: visible;
    backface-visibility: visible;
}
.card-flip .flip .front {
	width: 100%;
	z-index: 1;
	position:relative;
	-webkit-transform: rotatey(0deg);
	transform: rotatey(0deg);
	 -webkit-backface-visibility: hidden ;
    backface-visibility: hidden ;
}
.card-flip .flip .back {
	position: absolute;
	width:100%;
	top:0;
	left:0;
	-webkit-transform: rotatey(-180deg);
          transform: rotatey(-180deg);
}
.card-flip .flip .back .card-block {
	padding-bottom:4rem;
}
#myCollection .card-flip .flip .back .card-block {
	padding-bottom:7rem;
}
.card-flip .flip .back .card-footer {
	position: absolute;
	bottom: 0;
	left:0;
	width:100%;
}
.card-block .ratingBtn {
	margin-top:1em;
}
.card-footer .btn-first {
	margin-bottom:0.8em;
}
.card-img-top {
	border-bottom: 2px solid #2c2c2c;
	min-width:100%;
}
.navbar-toggler-right {
	top:0.8rem;
}

/* Expanded Panel Styles */
.expandedPanel {
	display:none;
	position:fixed;
	height:100%;
	overflow:hidden;
    background-color: #888;
    top:0;
	bottom:0;
	left:0;
	right:0;
	color:#ffffff;
	z-index: 1050;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.expandedPanel h1,
.expandedPanel h2,
.expandedPanel h3,
.expandedPanel h4,
.expandedPanel h5,
.expandedPanel h6,
.expandedPanel p {
	color:#ffffff;
}
.expandedPanel .container {
	padding-top:1em;
	padding-bottom:1em;
}
.expandPanelInner {
	display:none;
}
.closeExpanded {
	position:fixed;
	z-index:10;
	top:0;
	right:0;
	color:#ffffff;
	font-size: 0.7rem;
    text-align: center;
    text-transform: uppercase;
	letter-spacing:1px;
	background:url(../images/design/close_icon.png) no-repeat center center #000000;
	height: 60px;
    width: 100px;
	overflow:hidden;
	display:block;
	text-indent:-99999px;
	-webkit-border-radius: 0; 
	-moz-border-radius: 0; 
	border-radius: 0;
	border:none;
}
.contentWrap {
	padding:40px 20px 60px;
	margin:0 85px 0 0;
	overflow-y:auto;
	min-height:300px;
	height:100%;
}
.fixedImage {
	position:fixed;
	padding:0;
	margin:0;
	top:0;
	left:0;
	height:100%;
	overflow:hidden;
	background:rgba(0, 0, 0, 0.8);
	text-align:center;
}
.fixedImage img {
	padding-right:5px;
	height:100%;
	width:auto;
	margin:0 auto;
}
.mediaList {
	background:rgba(0, 0, 0, 0.8);
	position:fixed;
	top:0;
	right:0;
	width:100px;
	height:100%;
	padding:0;
	display:table;
	z-index:5;
}
.mediaList ul {
	margin:0;
	padding:0;
	display: table-cell;
    vertical-align: middle;
}
.mediaList li {
	display:block;
	list-style:none;
	float:none;
	width:100%;
	border-bottom:1px solid #333333;
	border-top:1px solid #333333;
	margin-bottom:-1px;
}
.mediaList li a {
	display:block;
	padding:1em;
	color:#f2f2f2;
	font-size:0.7rem;
	text-align:center;
	text-transform:uppercase;
}
.mediaList li a.mainLink {
	padding-top:5.5em;
	background-repeat: no-repeat;
	letter-spacing:1px;
}
.mediaList li.gallery a.mainLink { 
	background-image:url(../images/design/media_icons.png);
	background-position: center -15px;
}
.mediaList li.video a.mainLink { 
	background-image:url(../images/design/media_icons.png); 
	background-position: center -115px;
}
.mediaList li.documents a.mainLink { 
	background-image:url(../images/design/media_icons.png); 
	background-position: center -215px;
}
.mediaList li.audio a.mainLink { 
	background-image:url(../images/design/media_icons.png); 
	background-position: center -315px;
}
.mediaList li a:hover {
	background-color:#333333;
	color:#ffffff;
	text-decoration:none;
}

/* Card Styles */
.card {
    -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.card h2,
.card h3 {
	font-size:1rem;
}
.card p {
	line-height:1.3;
}
.card-subtext {
	margin-bottom:0;
}
.filter li {
	font-size:0.9rem;
}
.filter a {
	display: block;
    text-align: left;
    border: none;
    color: #f2f2f2;
    margin-top: 0.5em;
    font-size: 0.9rem;
	padding:.6rem 1rem;
  	background-color: #929292;
	background-image:-webkit-linear-gradient(#929292, #747474);
	background-image:-moz-linear-gradient(#929292, #747474);
	background-image:-o-linear-gradient(#929292, #747474);
	background-image:linear-gradient(#929292, #747474);
}
.filter .clear {
	padding:.2rem .5rem;
	color:#666666;
	background-color: #f2f2f2;
	border:1px solid #cccccc;
	background-image:-webkit-linear-gradient(#f2f2f2, #cccccc);
	background-image:-moz-linear-gradient(#f2f2f2, #cccccc);
	background-image:-o-linear-gradient(#f2f2f2, #cccccc);
	background-image:linear-gradient(#f2f2f2, #cccccc);
}
.filter .clear:hover,
.filter .clear.active{
	color:#333333;
	background-color: #f2f2f2;
}
.filter a:hover,
.filter a.active {
	background:#333333;
	color:#ffffff;
}
.filter hr {
	margin:0.5rem 0;
}
.filter h2 {
	font-size: 1.1rem;
    margin-top: 0.6em;
}
.filter h3 {
	padding:0.3rem 0;
	border-bottom:2px solid #4e4e4e;
	color:#333333;
	font-size:0.9rem;
	margin-bottom:0;
}
.list-group {
	margin-top:1em;
	clear:both;
}

/* Interactions Styles */
.objectInteractions {
	position:fixed;
	bottom:0;
	left:0;
	z-index:5;
	padding:0;
}
.interactionBtns {
	margin:0;
}
.objectInteractions .rating,
.objectInteractions .collection,
.objectInteractions .share {
	padding:0 5px 0 0;
}
.popPanel .form-group p,
.form-group p {
	margin-bottom:0;
}
.popPanel {
	position:relative;
	display:none;
	background:rgba(0, 0, 0, 0.9);
	padding:2em;
	width:100%;
}
.popPanel h1,
.popPanel h2,
.popPanel h3,
.popPanel h4,
.popPanel h5,
.popPanel h6,
.popPanel p {
	color:#ffffff;
	margin-bottom:1rem;
}
.popPanel.slideInUp,
.popPanel.zoomIn {
	display:block;
}
.popPanel .btn-primary{
	border-color:#929292;
	background-color: #929292;
	background-image:-webkit-linear-gradient(#929292, #747474);
	background-image:-moz-linear-gradient(#929292, #747474);
	background-image:-o-linear-gradient(#929292, #747474);
	background-image:linear-gradient(#929292, #747474);
}
.popPanel .btn-primary:hover {
	border-color:#333333;
	background:#333333;
	color:#ffffff;
}
.interactionBtns {
	background:rgba(0, 0, 0, 0.9);
}
.interactionBtns .btn {
	width:100%;
	text-transform:uppercase;
	font-size:0.85rem;
	padding: 1em 0.5em;
	border-radius:0;
}
.interactionBtns .btn {
	color:#ffffff;
}
.interactionBtns .btn-primary.active {
	background: #000000;
    border: 0;
}
.btn .fa {
	padding:0 0.3em;
}
div.stars {
  width: 270px;
  display: inline-block;
}
input.star { display: none; }
label.star {
  float: right;
  padding: 8px 10px;
  font-size: 36px;
  color: #999999;
  transition: all .2s;
	margin-bottom:0;
	line-height:1;
}
input.star:checked ~ label.star:before {
  content: '\f005';
  color: #e3d003;
  transition: all .25s;
}
input.star-5:checked ~ label.star:before {
  color: #FE7;
  text-shadow: 0 0 20px #952;
}
input.star-1:checked ~ label.star:before { color: #F62; }
label.star:hover { transform: rotate(-15deg) scale(1.3); }
label.star:before {
  content: '\f006';
  font-family: FontAwesome;
}

/* Feedback Styles */
.shareCollectionForm,
.feedbackForm {
	position: fixed;
    top: 0;
    left: 0;
    height: 100%;
	z-index:1050;
}
.formInner {
	margin:5em auto 0;
	max-width:750px;
}
.formInner h2 {
	border-bottom:1px solid #ffffff;
	padding-bottom:5px;
}
.shareCollectionForm .step2 {
	display:none;
}
.shareCollectionForm .step2.slideInRight {
	display:block;
}
.shareCollectionForm .step1.slideOutLeft {
	display:none;
}
.helpPanel {
	position:relative;
	padding:1.3rem 12rem 1.3rem 1.2rem;
}
.helpPanel p {
	margin:0;
}
.helpPanel .btn {
	position:absolute;
	top:1rem;
	right:1rem;
}
.alert-info {
	background-color: #e7e7e7;
    border-color: #e3e3e3;
    color: #333333;
}
.closePanel {
	color:#f2f2f2;
	background:none;
	border:none;
	position:absolute;
	top: 1rem;
    right: 2rem;
    font-size: 2.5em;
    line-height: 1;
	padding:0;
	margin:0;
	border-radius: 0;
	cursor: pointer;
}
.closePanel:active,
.closePanel:focus {
	outline:none;
}
@media (min-width: 34em) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
	.card-deck .card {
		flex-basis: 50%; 
		max-width: 50%; 
	}
}
@media (min-width: 48em) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
	.card-deck .card {
		flex-basis: 33.3%; 
		max-width: 33.3%; 
	}
}
@media (min-width: 62em) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
	.card-deck .card {
	  flex-basis: 25%; 
		max-width: 25%; 
	}
}
@media (min-width: 75em) {
    .card-columns {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
	.card-deck .card {
		flex-basis: 20%; 
		max-width: 20%; 
	}
}
@media (min-width: 92em) {
    .card-columns {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
    }
	.card-deck .card {
		flex-basis: 16.6%; 
		max-width: 16.6%; 
	}
}
@media (max-width: 767px) {
	.mediaList {
		height:80px;
		width:100%;
		padding-right:14%;
		display:block;
	}
	.mediaList ul {
		table-layout:fixed;
		display:table;
		width:100%;
	}
	.mediaList li {
		border-bottom:none;
		border-right:1px solid #333333;
		width:auto;
		display:table-cell;
	}
	.mediaList li a.mainLink {
    	padding-top: 4.5em;
		letter-spacing: 0;
	}
	.mediaList li.gallery a.mainLink {
		background-position:center -22px;
	}
	.mediaList li.video a.mainLink {
		background-position:center -122px;
	}
	.mediaList li.documents a.mainLink {
		background-position:center -222px;
	}
	.mediaList li.audio a.mainLink {
		background-position:center -322px;
	}
	.card {
		margin-bottom:1em;
	}
	.closeExpanded {
		width:14%;
	}
	.expandPanelInner {
		padding-top:5em;
	}
	.contentWrap {
		margin:15px 0 40px 0;
		padding:1.5em;
		background:rgba(130, 130, 130, 0.9);
	}
	.fixedImage img {
		padding-right:0;
	}
	.objectInteractions .rating,
	.objectInteractions .collection,
	.objectInteractions .share {
		padding:0 1px;
	}
	.interactionBtns .btn {
		font-size:0.8em;
	}
	.interactionBtns .btn .fa {
		display:block;
		padding:0 0 0.5em 0;
	}
	.formInner {
		margin:2em auto 0;
	}
	#sidebar {
		position:absolute;
		left:100%;
		height:auto;
	}
	.row-offcanvas-left.active #sidebar {
		left: -80%;
		width:80%;
		padding:0;
		z-index:1000;
	}
	.sidebarInner {
		padding:15px;
	}
	.row-offcanvas-left.active {
		left:85%;
	}
	.navbar .navbar-nav {
		margin-top:1em;
	}
	.navbar .navbar-nav li a {
		margin:0.2em 0;
	}
	.navbar .navbar-nav li .btn {
		display:block;
		width:100%;
	}
	.navbar .navbar-nav li {
		border-top:1px solid #666666;
	} 
}
@media (max-width: 600px) {
	.fixedImage {
		max-width:100%;
	}
    #contentWrap {
        max-width:100%;
    }
	.helpPanel {
		padding:1.3rem;
	}
	.helpPanel .btn {
		margin-top:1em;
		position:static;
	}
}

@media (max-width: 420px) {
	.hidden-xxs {
		display:none;
	}
}