/*
Red Hat Global partner styles
*/

/*
Overrides for UX ctas
*/

.ux-generic sup, .ux-generic sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  font-size: 0.8rem;
}
.ux-generic sub {
  top: 0.4em;
}

.ux-cta [rhg-partner-cta-color="light-blue"], .ux-cta a[rhg-partner-cta-color="light-blue"] {
  background-color: #00B9E4 !important;
  border-color: #00B9E4;
  color: #fff;
}

.ux-cta [rhg-partner-cta-color="light-blue"]:hover, .ux-cta a[rhg-partner-cta-color="light-blue"]:hover {
  background-color: #00ACD5 !important;
  border-color: #00B9E4;
  color: #fff;
}

footer.ux-band-footer{
    background: none;
    padding: 0;
}
.hero .ux-band-header-subheadline{
    color: #fff;
    font-size: 22px;
    padding-bottom: 0;
}
.red-hat-content .header-wrapper{
    font-size: 14px;
}
.header-band{
    background: #00496a url("/files/other/businesspartners/images/new-programs-header-banner.jpg") center center ;
}
.red-hat-content footer{
   font-size: 14px;
}
.ux-band footer{
    background: none;
    padding: 0;
}

/* end rh.com overrides */
hr{
    margin: 30px 0;
}
.ux-video-embed hr{
    margin: 60px 0;
}
.ux-video-embed .ux-generic .logo-wall li{
    width: 25%;
    float: left;
    list-style: none;
}

[data-ux-layout="gallery3"] .ux-card:nth-child(2){
    border-width: 0 2px;
    border-style: solid;
    border-color: #ddd;
}
.ux-cta-link[data-ux-cta-type='video-play'], .ux-cta-link[data-ux-cta-type='video-play']:before {
    color: #24d1fd;
    border-color: #24d1fd;
}

[data-partner-flex="center"]{
  align-items: center;
  justify-content: center;
}

/*
Themes and backgrounds for bands
*/
[data-rhg-theme="dark"] {
  color: #fff;
}

[data-rhg-band-bg="blue"]{
  background-color: #004080;
}

[data-rhg-theme~="dark"] .rhg-cta-3, [data-rhg-theme~="dark"] .partner-cta-4{
  color: #00B9E4;
  /* light blue global link */
}

[data-ux-theme~=dark] .ux-social-icon--component svg path{
  fill: #fff;
}

[data-ux-theme~=dark] .ux-social-icon--component svg:hover path{
  fill: #00B9E4;
}

[data-rhg-band-bg="blue-globe"]{
  background-color: #0088CE;
  background-image: url("/files/webux/campaign/bp-migration/img/homepage_support_bg.svg");
  background-position: 80% 50%;
  background-size: 50%;
  background-repeat: no-repeat;
}

[data-rhg-band-bg="blue-grad"]{
  /* Rectangle 6: */
  background-image: -webkit-linear-gradient(#034B78 0%, #01376D 100%);
  background-image: -o-linear-gradient(#034B78 0%, #01376D 100%);
  background-image: linear-gradient(#034B78 0%, #01376D 100%);
}
[data-rhg-band-bg="blue-black-grad"]{
  background-image: -webkit-linear-gradient(89deg, #081A25 1%, #1C1C1C 53%, #000000 100%);
  background-image: -o-linear-gradient(89deg, #081A25 1%, #1C1C1C 53%, #000000 100%);
  background-image: linear-gradient(179deg, #081A25 1%, #1C1C1C 53%, #000000 100%);
}
[data-rhg-band-bg="partner-summit"]{
      background: #1f3648 url("/files/other/businesspartners/images/star-sky.jpg") no-repeat scroll center center/cover !important;
}

[data-rhg-theme="white-shadow"]{
  /* card bgs: */
    background: #FFFFFF;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
}

[data-rhg-card-bg="dark-alpha"]{
  background: rgba(0,0,0,0.30);
  color: #fff;
}

@media screen and (max-width:767px){
  .ux-card[data-rhg-card-bg="dark-alpha"]{
    margin-top: 30px;
  }
}

[data-ux-band-background="partner-teal"] {
  background-color: #4E7A86;
}

[data-ux-theme="dark blue"] .ux-cta-link[data-ux-cta-type="secondary"]{
  color: #00B9E4;
}

[data-ux-theme="dark blue"] .ux-icon-panel .ux-icon-panel-image{
  color: #00B9E4;
}

[data-rhg-theme~="dark"] .ux-icon-panel-image, [data-rhg-theme~="dark"] a, [data-rhg-theme~="dark"] .cta-3, {
  color: #00B9E4;
}


/*
Padding and Margin modifiers
*/

.rhg-band--sm{
  padding: 40px 0;
}
.partner-svg svg{
  max-width: 100%;
}

/*
Layouts
*/

[data-ux-layout="flex-left-end"] > *{
  margin-right: 12px;
}
[data-ux-layout="flex-left-end"] > *:last-child{
  margin-right: 0;
}

[data-rhg-gallery~="center"]{
  display: flex;
  justify-content: center;
  align-items: center;
}
[data-rhg-gallery~="logo"] img, [data-rhg-gallery~="logo"] svg{
  max-height: 80px;
  margin: auto;
}

/*
Utilities
*/

[data-partner-pos="flt-right"]{
  float: right;
  flex-grow: 0;
  margin: 0 0 0 auto;
  padding: 0 0 0 4%;
}

[data-rhg-text-util="uppercase"]{
  text-transform: uppercase;
}
.partner-generic-title{
  font-size: 22px;
}

.partner-band-title--sm, h2.partner-band-title--sm{
  font-size: 24px;
  font-weight: 800;
}

.rhg-body-text--lg{
  /* Come explore the end: */
  font-family: Overpass,Helvetica,helvetica,arial,sans-serif;
  font-size: 22px;
  color: #FFFFFF;
  line-height: 37px;
  margin-bottom: .5em;
}

/*
CTAs (buttons) and links
*/

.rhg-cta-3--blue{
    color: #00B9E4;
}
.rhg-cta-3{
  font-weight: 800;
  font-size: 1.2rem;
  font-family: "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif;
  text-decoration: none;
}
.rhg-cta-3:after{
  content: "";
  font-family: "rh-web-iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}


[rhg-partner-cta="ghost"]{
    background-color: transparent;
    color: #fff;
    display: inline-block;
    border: 1px solid #fff;
    font-size: .9em;
    padding: .5em 2em;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}

[rhg-partner-cta="primary"]{
  background-color: #c00;
  color: #fff;
  display: inline-block;
  font-family: Overpass,Helvetica,helvetica,arial,sans-serif;
  border: 1px solid #c00;
  font-size: .8888888889em;
  padding: .5em 2.2222222222em;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 0;
  transition: background .2s ease-in 0s;
  cursor: pointer;
}




/*
RHG Band Modal Styles
*/

[data-rhg-modal-content]{
  background: rgba(255,255,255, 0.8);
  height: 100%;
  width:100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 300;
}
[data-rhg-modal-content]>*{
  margin: 1em auto;
  z-index: 500;
  position: relative;
  width: 60%;
  max-width: 700px;
}
@media screen and (max-width:768px) and (min-width:500px){
  [data-rhg-modal-content]>*{
    width: 80%;
  }
}
@media screen and (max-width:500px){
  [data-rhg-modal-content]>*{
    width: 90%;
  }
}

[data-rhg-modal-link]{
  cursor: pointer;
}
[data-rhg-band-modal-container]{
  width:100%;
  height: 100%;
  position: relative;
}
.rhg-band-modal__item .ux-image-embed-img{
  max-width: 100%;
  max-height: 200px;
}
@media screen and (min-width: 960px){
  .rhg-band-modal__item .ux-image-embed-img{
    max-width: 500px;
    max-height: 200px;
  }
}



/* Override default a from bootstrap */
a.rhg-btn__modal__close, .rhg-btn__modal__close {
  position: absolute;
  top: 0;
  right: 0;
  text-transform: uppercase;
  font-weight: 800;
  color: gray;
  font-size: .85em;
  padding: 0.65em;
  text-decoration: none;
}
a.rhg-btn__modal__close:hover, .rhg-btn__modal__close:hover{
  text-decoration: none;
}

.rhg-band-modal__item{
  flex-direction: column;
  display: block;
  padding: 35px 30px 30px;
  display: none;
}