.field--name-field-media-oembed-video iframe {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

/**** Overriding the padding ****/
.field--name-field-media-oembed-video {
	padding-bottom: 30% !important;
  width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.align-center img, .align-center video, .align-center audio {
  margin-inline: auto;
}

img {
	display: block;
}

/ Formatting search Filters ***/

div.fieldset-wrapper div.form-checkboxes.bef-checkboxes.bef-nested ul {
	padding: 0;
}

div.fieldset-wrapper div.form-checkboxes.bef-checkboxes.bef-nested ul li {
	list-style: none;
}

/ TOP ****/

/**#backtotop {
	background-color: #162a48 !important;
	background: url(/skillshub/themes/custom/oise/icons/Caret_Solid_Reverse_Digital.svg) no-repeat center center;
	border-radius: 100%;
	background-size: 36px 36px;
	text-align: center;
	width: 55px;
  height: 55px;
  right: 30px;
  bottom: 30px;
}**/

#backtotop {
	background-color: #162a48 !important;
	background: url(/skillshub/themes/custom/oise/icons/Caret_Solid_Reverse_Digital.svg) no-repeat center center;
	border-radius: 100%;
	background-size: 26px 30px;
	-webkit-box-shadow: -1px -1px 14px rgba(50, 50, 50, 0.29);
	-moz-box-shadow: -1px -1px 14px rgba(50, 50, 50, 0.29);
	box-shadow: -1px -1px 14px rgba(50, 50, 50, 0.29);
	text-align: center;
	width: 55px;
  height: 55px;
  right: 30px;
  bottom: 30px;
}

#backtotop:hover {
	background-color: #25355a !important;
	opacity: 1;
}

.searchcard {
	background-color: white;
	box-shadow: 0px 5px 10px 0px rgba(155, 155, 155, 0.5);
}

/*.paragraph--type--resources {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #001e3c;
  padding: 0.64em 0;
}

.paragraph--type--resources .file--general {
  float: left;
}

.paragraph--type--resources .field--name-field-resources {
  float: right;
  font-weight: 500;
}*/

.file-size-extension{
	font-size: 14px;
}

.document {
	font-size: 20px;
	font-weight: 500;
}

/**** Additions for MyMedia Embed styles ****/
.field--name-field-media-media-remote {
	position: relative;
	padding-bottom: 30% !important;
  width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.field--name-field-media-media-remote iframe {
	display: block;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

tr,
tr td,
tr th {
border: 1px solid #bfbfbf;
min-width: 2em;
padding: .4em;
}

.form-control {
	background-color: #fff !important;
}

/* exposed Filter ****/

/**#views-exposed-form-search-page-resources label {
	font-family: "trade-gothic-next-condensed", "Arial Bold"
}**/

#views-exposed-form-search-page-resources .form-item-tags {
	padding-left: 0
}

@media screen and (min-width: 768px) {
	#views-exposed-form-search-page-resources .form-item-tags {
		max-width: 25%;
		padding-bottom: 0
	}
}

#views-exposed-form-search-page-resources .form-item-tags select {
	background-color: white
}

#views-exposed-form-search-page-resources .form-item-type,
#views-exposed-form-search-page-resources .form-item-group {
	padding-left: 0
}

@media screen and (min-width: 1100px) {

	#views-exposed-form-search-page-resources .form-item-type,
	#views-exposed-form-search-page-resources .form-item-group {
		max-width: 25%;
		padding-bottom: 0
	}
}

#views-exposed-form-search-page-resources .form-item-type select,
#views-exposed-form-search-page-resources .form-item-group select {
	background-color: white
}

#views-exposed-form-search-page-resources .form-control {
	font-family: "trade-gothic-next", -apple-system, BlinkMacSystemFont, "Arial", "Segoe UI", sans-serif
}

#views-exposed-form-search-page-resources .form--inline {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

#views-exposed-form-search-page-resources .form--inline .form-item {
	/*margin-top: 0;*/
	-webkit-box-flex: 2;
	-webkit-flex-grow: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	padding: 5px;
}

#views-exposed-form-search-page-resources .form--inline .form-item-combine {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

#views-exposed-form-search-page-resources .form--inline .form-item-name input,
#views-exposed-form-search-page-resources .form--inline .form-item-combine input {
	background-color: white
}

#views-exposed-form-search-page-resources .form--inline .form-actions {
	margin-top: 0
}

#views-exposed-form-search-page-resources .form--inline .button {
	height: calc(1.5em + 1.3rem + 2px);
	padding-left: 2.5rem;
	padding-right: 2.5rem
}

#views-exposed-form-search-page-resources .form--inline #edit-reset {
	margin-left: .5rem;
	margin-right: 0
}

#views-exposed-form-search-page-resources .form--inline #edit-actions {
	width: 100%
}

#views-exposed-form-search-page-resources .form--inline .form-item-year {
	padding-left: 0;
	width: 100%
}

@media screen and (min-width: 768px) {

	#views-exposed-form-search-page-resources .form--inline .form-item-year {
		padding-left: 15px;
		max-width: 33%;
		padding-bottom: 0
	}
}

#views-exposed-form-search-page-resources .form--inline .form-item-year select {
	background-color: white
}

#views-exposed-form-search-page-resources .form--inline .chosen-container {
	border: 1px solid #ccd2dc
}

#views-exposed-form-search-page-resources .form--inline .chosen-container:focus,
#views-exposed-form-search-page-resources .form--inline .chosen-container:active,
#views-exposed-form-search-page-resources .form--inline .chosen-container:hover {
	border-color: #333
}

#views-exposed-form-search-page-resources .form--inline .chosen-container .chosen-single div>b {
	background-image: none;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #333
}

/ BEF collapse ****/

#edit-field-skills-categories-collapsible--2, #edit-field-skills-keywords-collapsible--2 {
  width: 100%;
  background-color: #fff;
}

accordion-item .btn-accordion::after {
  content: url(/skillshub/themes/custom/oise/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' width='10' height='16.183' viewBox='0 0 10 16.183'%3E%3Cpath id='chevron' d='M50.815,0,48.907,1.908,55.09,8.092l-6.183,6.183,1.908,1.908,8.092-8.092Z' transform='translate(-48.907)' fill='%2325355A'/%3E%3C/svg%3E%0A");
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: .3s transform ease-in-out;
  transition: .3s transform ease-in-out;
}

/*#edit-field-skills-categories-collapsible--2 summary::marker {
 content: url(/skillshub/themes/custom/oise/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' width='10' height='16.183' viewBox='0 0 10 16.183'%3E%3Cpath id='chevron' d='M50.815,0,48.907,1.908,55.09,8.092l-6.183,6.183,1.908,1.908,8.092-8.092Z' transform='translate(-48.907)' fill='%2325355A'/%3E%3C/svg%3E%0A");
	-webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}*/

/*** Ext Link svg ****/

a.ext svg {
  margin-right: 0;
  padding-right: 0 !important;
  width: 14px;
  fill: #007190;
	margin-left: 0.8rem !important;
  margin-bottom: -.4rem !important;
  position: unset;
}

@media (min-width: 768px) {
  .sidebar-first {
    border-right: 1px solid #dee2e6;
    background-color: #f2f4f7;
    box-shadow: 0px 5px 10px 0px rgba(155, 155, 155, 0.5);
  }
}

/ Styling for facet checkbox /

ul.item-list__checkbox {
  list-style: none;
  padding: 0;
}

input[type="checkbox"]:not(.form-checkbox) + label {
  position: relative;
  padding-left: 1.75rem;
}

label[for] {
  cursor: pointer;
}

label {
  display: table;
  margin-bottom: 0.25rem;
  font-weight: normal;
}

input[type="checkbox"]:not(.form-checkbox) + label::before {
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 1rem;
  height: 1rem;
  content: " ";
  display: inline-block;
  border: 2px solid;
}

input[type="checkbox"] {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}