/* stop overlap on mobile. */
h3,.h3 {
  height: auto;
}

@media (min-width: 759px) {
  h3,.h3 { min-height: 40px; }
}

.navbar-brand img {
    height: 100px;
    margin-bottom: -16px;
    margin-top: -16px;
}
/* form */
.pagination li {
    list-style: none;
}
/* classes */
.lead {
    font-size: 1.325rem;
    font-weight: 400;
}
.content {
    min-height: 300px;
}
.large-icon {
    font-size: 13em !important;
}
.contact .contact-address {
    padding: 0 1.5rem;
}
.navbar .mod-languages {
    padding-bottom: 0.425rem;
    padding-top: 0.425rem;
}
.lang-inline {
    list-style: outside none none;
    margin: 0;
}
.lang-inline > li {
    display: inline;
    margin-left: 8px;
}
.login {
    margin: 0 auto;
    max-width: 330px;
    padding-top: 1em;
}
.tags.inline {
    padding-left: 0;
}
.tags.inline li {
    display: inline;
}
.item-image {
    margin-bottom: 20px;
}

.autocomplete-suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.autocomplete-suggestion {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.autocomplete-suggestion:hover, .autocomplete-suggestion:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.autocomplete-suggestion.active, .autocomplete-suggestion:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

/* oneM2M */

/* featured image banner */

#pageFeature {
    max-width: 1800px;
    background-repeat: no-repeat;
    background-size: 63.75% 420px;
    background-position: right center;
    position: relative;
}

@media (max-width: 991.98px) {
    #pageFeature {
        background-size:cover;
        background-position: center bottom;
    }
}

@media (min-width: 992px) {
  /***
  #pageFeatureBig::before,
  */
  #pageFeature::before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 10%;
    height: 100%;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, #3c3e41 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, #3c3e41 100%);
    background: linear-gradient(to 0deg, rgba(0,0,0,0) 0%, #3c3e41 100%);
 }
 #pageFeature {
    background-size: 57.75% 420px;
 }
}

@media (min-width: 1200px) {
 #pageFeature {
    background-size: 63.75% 420px;
 }
}

@media (min-width: 1300px) {
 #pageFeature {
    background-size: 60.75% 420px;
 }
}


/* tweak the banners - width on small and hide on desktop */
/***
#pageFeature {
  background-size: cover;
}

@media all and (min-width: 1000px){
  #pageFeature {
      background-size: 0;
      background-repeat: no-repeat;
  }
}

#pageFeatureBig {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    position: relative;
}
*/
/* content */
	/* author on article */
.published time,
.field-entry .field-label,
.field-entry .field-value {
    font-style: italic;
}

dl.article-info {
    margin-bottom: 0;
}
dd.published {
    margin-bottom: 0.1rem;
}
/* "using oneM2M" mobile menu allways on - CHANGED to fixed menu on desktop */
/*
#using_onem2m #sidebarCollapse {
    display: inline-block !important;
}
*/
/* deployments map */
.jqvmap-label {
    background: rgb(181 18 27 / 1);
}
.jqvmap-zoomin, .jqvmap-zoomout {
    color: #fff;
    background-color: rgb(181,18,27);
    border-color: rgba(181,18,27);
}

.jqvmap-zoomin:hover, .jqvmap-zoomout:hover {
    color: #fff;
    background-color: rgba(131,18,27, 1);
    border-color: rgba(131,18,27, 1);
}

/* deployments table */
.table-alt th {
    width: 16%;
}
.deployments thead tr td {
    height: 100px;
    width: 131px;
    padding-left: 5px;
}

.deployments tbody tr td {
    height: 100px;
    width: 131px;
    padding-left: 5px;
}

/* @media only screen and (max-width: 460px)  { */

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.deployments thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.deployments tbody tr {border: 1px solid #ccc;}
	
	.deployments tbody tr td { 
		/* Behave  like a "row" */
		height: auto;
		width: auto;
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}


	.deployments tbody td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 11px;
        left: 0px;
		padding-left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		font-style: italic;
	}
	
	/*
	Label the data
	*/
	.deployments tbody td:nth-of-type(1):before { content: "Name"; }
	.deployments tbody td:nth-of-type(2):before { content: "Type"; }
	.deployments tbody td:nth-of-type(3):before { content: "Location"; }
	.deployments tbody td:nth-of-type(4):before { content: "Offering Name"; }
	.deployments tbody td:nth-of-type(5):before { content: "Offering Classification"; }
	.deployments tbody td:nth-of-type(6):before { content: "Offering Type"; }
	.deployments tbody td:nth-of-type(7):before { content: "Supported oneM2M Functionality"; }
	.deployments tbody td:nth-of-type(8):before { content: "-"; }
	.deployments tbody td:nth-of-type(9):before { content: "-"; }
	.deployments tbody td:nth-of-type(10):before { content: "-"; }
  
    /* Hide the cols on mobile, (diff nth for head) just show Org, Offering Type, Name */
    thead tr th:nth-of-type(3),  
  	thead tr th:nth-of-type(5), 
  	thead tr th:nth-of-type(6), 
  	thead tr th:nth-of-type(7) {
      display: none;
  	}
  	tr.table-group-item td:nth-of-type(2), 
  	tr.table-group-item td:nth-of-type(4), 
  	tr.table-group-item td:nth-of-type(5), 
  	tr.table-group-item td:nth-of-type(6) {
    	display: none;
	}
  	.table-alt th, .table-alt .table-group-item th {
    	width: auto;
    	background-color: white;
	}
}


/* END deployments table */


/* START links */
a.text-light:hover, a.text-light:focus {
  color: #616161 !important;
  text-decoration: underline;
}
#twitterFeed a:hover {
  color: #85868a;
  text-decoration: underline;
}
/* END links */

#sidebar2 a.sibebar-sub-link {
    padding-left: 15px;
    border-left: 5px solid #495057
}

#sidebar2 a.sibebar-sub-link.active {
    color: #04a7ba !important;
    border-left: 5px solid #04a7ba
}

#sidebar2.show .sidebar-content {
    opacity: 1
}

/* table right links */
.table-striped td a {
  hyphens: auto;
}
@media (min-width: 759px) {
 .link-right td {
  max-height: 11rem;
 }
 .link-right td a {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  /*   max-height: 6rem; */
  hyphens: auto;
 }
 .link-right td a.icon-file {
  writing-mode: inherit;
  text-orientation: initial;
 }
}

/* Movies slots carosel : Rok module */

.sprocket-strips-s {
    margin-bottom: 3rem;
}


@media only screen and (max-device-width: 1024px)  {
  .sprocket-strips-s-block {
      margin-bottom: 3rem;
  }
}
@media (max-width: 1199.98px) {
  #homeCarousel .owl-item .item-content {
      height: 110px;
  }
}

/* Movies slots carosel */

    
.carousel-indicators li {
    list-style-type: none;
}  
.carousel-indicators .active {
    background-color: #65bf8d;
}
.carousel-indicators {
  bottom: -30px;
}

.carousel-control-prev, .carousel-control-next {
    top: unset;
    bottom: -10px;
}
.carousel-control-prev, .carousel-control-next {
  width: 5%;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  padding: 3px;
  background-color: #2365bf8d;
}

.carousel-control-prev-icon {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2365bf8d' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E);
}
.carousel-control-next-icon {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2365bf8d' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E);
}

/* Media lib videos */
.sprocket-strips-s-block {
    height: 24rem;
}

button.btn.btn-primary.js-video-btn {
    position: absolute;
    bottom: 0;
}

/* Cookie banner button */
#cookieMessageContainer .cookie_button {
    background: none !important;
    text-shadow: none !important;
    color: #000;
    background-color: white !important;
    padding: 5px 12px;
    height: auto !important;
    float: left;
}
/* slide Using menu */
/* give #side2 to the black div  */
div#sidebar2 {
    overflow: hidden;
}
.sticky {
  position: fixed;
  top: 0px;
  width: 23%;
}

/* .sticky + .content {
  padding-top: 60px;
} */

#topBtn {
    display: none;
    position: fixed;
    bottom: 12px;
    left: 30px;
    z-index: 99;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 5px 15px;
}

/* images news */
.thumbnail img.img-fluid,
.thumbnail p,
.post .thumbnail p,
.post .thumbnail img.img-fluid {
   /* max-width: 300px; */
    max-height: 300px;
	max-width: 300px;  
	width: auto !important; 
	width: 300px;  
}

/* IE FIXES */
.ie-col {
  max-width: 300px; 
}

.ie-col-4 {
  max-width: 380px; 
}
.ie-banner-height {
  min-height: 420px; 
}
/* IE only media - home banner and search page */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#homeCarousel .item-content .item-content-details, #homeCarousel .item-content p { font-size: 24px; }
	#homeCarousel .owl-item .item-content { bottom: 20px; }
	#searchForm { width: 100%; }
}