/*
 INTEGRA defaults CSS
 Requires: colorbox, internals, font awesome
*/

/*!
 * Integra internals
 */
.message {
	margin:80px auto;
	text-align:center;
	font-size:125%;
	max-width:640px;
	padding:20px;
	background: #fafafa;
	display:block;
	color: #505050;
	border: 2px solid #3badc0;
}
.message h1 {
	color: #505050;
}
.message p, .message h1 {
	margin:0px;
}

.alert {
	border: 2px solid orange;
}
.error {
	border: 2px solid maroon;
}
.message.error * {
	color: #803030;
}
.lfloat {
	float:left;
	margin: 0px 10px 10px 0px;
}
.rfloat {
	float:right;
	margin: 0px 0px 10px 10px;
}
.nobr {
	white-space:nowrap;
}
.hidden {
	display:none;
}
.clear {
	clear:both;
}
.right {
	text-align:right;
}
.inline_icon {
	vertical-align:text-bottom;
	padding:0;
	margin:0;
}
.center {
	text-align:center;
}
.fullwidth {
	width:100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.minimal {
	width:1%;
	white-space:nowrap;
}
.centered {
	margin: 0px auto;
}

.form_input_error {
	color: #d00000;
	font-size:13px;
	background: #fff0f0;
	border-bottom:2px solid #f08080;
	border-top:2px solid #f08080;
	padding-bottom:10px;
}
.form_input_error {
	color: #d00000;
	font-size:13px;
	background: #fff0f0;
	border-bottom:2px solid #f08080;
	border-top:2px solid #f08080;
	padding-bottom:10px;
}
.form_input_error small {
	display:block;
	padding:0px 10px;
}
.document .media {
	display:inline-block;
	box-sizing:border-box;
	width:25%;
	padding:20px;
}
.download_list .media_breadcrumbs, .media_list, .media_breadcrumbs {
	max-width:100%;
	display:flex;
	flex-wrap:wrap;
	padding:20px;
}
.media_list .media_albumitem {
	flex-grow:1;
	padding:20px;
}
.media_list .media_dir {
	width:25%;
	display:inline-block;
	margin-bottom:2em;
}
.download_list .download_item {
	width:10%;
	display:inline-block;
}
.download_list .download_dir {
	width:20%;
	display:inline-block;
}
.download_list .info small {
	font-size:60%;
	display:block;
}
#blog_pagination {
	width: 100%;
}
#blog_pagination .pages {
	padding:5px 10px;
	margin:5px;
	background:#f0f0f0;
	display:inline-block;
}
#blog_pagination .pages.selectedpage {
	background: #e0e0e0;
	border:1px solid #c0c0c0;
}
#blog_pagination .pages:hover {
	background: #c0c0c0;
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}

/* bOOTstrap carousel */
img {
/*  min-width: 100%;*/
}

.sr-only {
  position: absolute;
  left: -9999999px;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.carousel {
  position: relative;
  max-height:100%;
  overflow:hidden;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  transition: .6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }

  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  filter: alpha(opacity=50);
  opacity: .5;
}

.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }

  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }

  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }

  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }

  .carousel-indicators {
    bottom: 20px;
  }
}

/* PUBLICITY */
#publicity_filter {

}
#publicity_filter a {
	display:inline-block;
	margin:2px;
	color: #eaeaea;
	background: #cacaca;
}
#publicity_filter a.selected, #publicity_filter a.selected:hover {
	background: #a0a0a0;
}

.publicity_year {
	display: inline-block;
	padding:5px 10px;
}
#publicity_category_filter li {
	display: inline-block;
	padding:5px 10px;
}
a.publicity_cat.selected {
	font-weight:bold;
	color: #303030;
}

.product_details {
	width:20%;
}
#profile_menu {
	background: #e0e0e0;
	color: #808080;
}
#profile_menu a {
	display:inline-block;
	background:#808080;
	color: #fff;
	padding:5px 15px;
}
#profile_menu a:hover {
	background:#505050;
	color: #fff;
}
.form_std {
	margin:1em auto;
	max-width:600px;
	width:100%;
	padding:2em;
	border:1px solid #e0e0e0;
}
.form_std input, .form_std select, .form_std textarea {
	width:100%;
	background: #fff;
	padding:.75em;
}
.form_std.register-form-2col {
	max-width: 860px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.6em 1.25em;
	box-sizing: border-box;
}
.register-form-2col .register-field {
	min-width: 0;
}
.register-form-2col .register-field label {
	display: block;
	margin: 0 0 0.35em 0;
}
.register-form-2col .register-field-full,
.register-form-2col .register-form-actions {
	grid-column: 1 / -1;
}
.register-form-2col .register-form-actions {
	margin-top: 0.75em;
	text-align: center;
}
.register-form-2col .register-form-actions .g-recaptcha {
	display: inline-block;
	margin-bottom: 0.75em;
}
.register-form-2col .register-checkbox-label {
	display: flex;
	align-items: center;
	gap: 0.6em;
	font-weight: 700;
	margin: 0;
	cursor: pointer;
}
.register-form-2col .register-checkbox-label input[type="checkbox"] {
	width: auto;
	margin: 0;
}
.register-form-2col .register-business-fields {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.6em 1.25em;
	padding: 0.75em 0 0.25em;
	margin-bottom: 0.25em;
	border-top: 1px solid rgba(160, 160, 160, 0.3);
	border-bottom: 1px solid rgba(160, 160, 160, 0.3);
}
.register-form-2col .register-business-fields[hidden] {
	display: none !important;
}
.profile-business-fields[hidden] {
	display: none !important;
}
.form_std .register-checkbox-label {
	display: flex;
	align-items: center;
	gap: 0.6em;
	font-weight: 700;
	margin: 0 0 0.75em;
	cursor: pointer;
}
.form_std .register-checkbox-label input[type="checkbox"] {
	width: auto;
	margin: 0;
}
@media screen and (max-width: 700px) {
	.form_std.register-form-2col {
		grid-template-columns: 1fr;
		gap: 0.6em;
	}
	.register-form-2col .register-business-fields {
		grid-template-columns: 1fr;
	}
}