/*Fix log in card padding */
.login-frame .md-frame-footer a{
    padding-bottom: 16px;
}
.login-frame .md-frame-footer a:hover{
    color: #06c !important;
}

.create-account-frame .md-frame-body{
    padding-bottom: 74px;
}

/* Fix Card Styling */

.rf-headline.mini{
	padding: 0px;
}

.card .card-body{
	padding: 20px;
}

/* The below changes all button colors to RedHat Red */
.mdBtnR-primary, a.mdBtnR-primary {
    color: #fff;
    background-color: #EE0000 !important;
    border-color: #EE0000 !important;
}


.mdBtnR-outline-primary, a.mdBtnR-outline-primary {
    border-color: #EE0000 !important;
}


.mdBtnR-outline-primary .mdBtnR-text, a.mdBtnR-outline-primary .mdBtnR-text {
    color: #EE0000 !important;
}

/*=============================================*/
/*
/*  # Header
/*  
/*
/*=============================================*/
.rf-org-header-container {
  height: auto;
}
.rf-org-header-container header {
  background-size: cover;
}
.rf-org-header-container header img {
  width: 100%;
}

/*=============================================*/
/*
/*  # END Header
/*  
/*
/*=============================================*/


/* This hides the checkbox image on the confirmation page */
#special-div > div > div > div:nth-child(1) > div > h1 > img {
display: none;
  
}

/* This hides the participant section on the confirmation page */
#special-div > div > div.confirmation-page > div:nth-child(3) {
  display: none;
}

/* This changes the color of the task header background */
.md-frame.md-frame-primary .md-frame-header {
    background-color: #EE0000;
    border-bottom-color: #EE0000;
}


/* This changes the Proposal text at the bottom of the page from blue to black */
.rf-table-container .rf-table .table-body .table-row.table-header>div {
    border-bottom: 1px solid #3e82e0 !important;
    border-top: 1px solid #ccc;
    color: #000000;
    text-transform: uppercase;
    font-weight: 700;
}


/* This changes the font size of a few questions that were still showing as 16px */
.rf-admin-content, .rfComp-canvas, .rf-default-modal, [id*='rf-'].rf-widget {
    font-size: 14px;

 
}


.rf-label-only>label span:first-of-type, .rf-label-only>label .label-text, .rf-label-only .rf-label span:first-of-type, .rf-label-only .rf-label .label-text, .rf-input>label span:first-of-type, .rf-input>label .label-text, .rf-input .rf-label span:first-of-type, .rf-input .rf-label .label-text, .rf-search-input>label span:first-of-type, .rf-search-input>label .label-text, .rf-search-input .rf-label span:first-of-type, .rf-search-input .rf-label .label-text, .rf-icon-input>label span:first-of-type, .rf-icon-input>label .label-text, .rf-icon-input .rf-label span:first-of-type, .rf-icon-input .rf-label .label-text, .rf-single-select>label span:first-of-type, .rf-single-select>label .label-text, .rf-single-select .rf-label span:first-of-type, .rf-single-select .rf-label .label-text, .rf-multi-select>label span:first-of-type, .rf-multi-select>label .label-text, .rf-multi-select .rf-label span:first-of-type, .rf-multi-select .rf-label .label-text, .rf-select2-override>label span:first-of-type, .rf-select2-override>label .label-text, .rf-select2-override .rf-label span:first-of-type, .rf-select2-override .rf-label .label-text, .rf-toggle>label span:first-of-type, .rf-toggle>label .label-text, .rf-toggle .rf-label span:first-of-type, .rf-toggle .rf-label .label-text, .rf-textarea>label span:first-of-type, .rf-textarea>label .label-text, .rf-textarea .rf-label span:first-of-type, .rf-textarea .rf-label .label-text, .rf-day-picker>label span:first-of-type, .rf-day-picker>label .label-text, .rf-day-picker .rf-label span:first-of-type, .rf-day-picker .rf-label .label-text, .rf-scale-matrix>label span:first-of-type, .rf-scale-matrix>label .label-text, .rf-scale-matrix .rf-label span:first-of-type, .rf-scale-matrix .rf-label .label-text, .rf-survey-scale>label span:first-of-type, .rf-survey-scale>label .label-text, .rf-survey-scale .rf-label span:first-of-type, .rf-survey-scale .rf-label .label-text, .rf-star-selector>label span:first-of-type, .rf-star-selector>label .label-text, .rf-star-selector .rf-label span:first-of-type, .rf-star-selector .rf-label .label-text, .rf-date-picker>label span:first-of-type, .rf-date-picker>label .label-text, .rf-date-picker .rf-label span:first-of-type, .rf-date-picker .rf-label .label-text, .rf-read-only>label span:first-of-type, .rf-read-only>label .label-text, .rf-read-only .rf-label span:first-of-type, .rf-read-only .rf-label .label-text, .rf-button-link>label span:first-of-type, .rf-button-link>label .label-text, .rf-button-link .rf-label span:first-of-type, .rf-button-link .rf-label .label-text, .rf-nps-question>label span:first-of-type, .rf-nps-question>label .label-text, .rf-nps-question .rf-label span:first-of-type, .rf-nps-question .rf-label .label-text, .rf-upload-file>label span:first-of-type, .rf-upload-file>label .label-text, .rf-upload-file .rf-label span:first-of-type, .rf-upload-file .rf-label .label-text, .rf-horizontal-label>label span:first-of-type, .rf-horizontal-label>label .label-text, .rf-horizontal-label .rf-label span:first-of-type, .rf-horizontal-label .rf-label .label-text {
    
    font-size: 14px;
    
}


/* This hide the participant requirements message on the CFP participants page */
#participantPage > section > div.rfwf-full-panel.rfwf-header > div > span {
display: none;
  
}


/* This hides the ">" image for the continue button on the CFP participants page */
#participantPage > div > div > button.mdBtnR.mdBtnR-primary.pull-right.mdBtnR-adv > span.rfSI > svg {
display: none;
  
}


/* Marcus' Changes Start */

/* New font updates from RH team from summit styles*/
body * {
  font-family: 'RedHatText', 'Red Hat Text', 'Overpass', Overpass, 'Helvetica Neue', Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400 !important;

  font-family:'RedHatDisplay', 'Red Hat Display', 'Overpass', Overpass, 'Helvetica Neue', Arial, sans-serif !important;
}

  p { font-size:16px !important; }
  h1, .xl { font-size:29px !important; }
.xxl { font-size: 35px !important; }
  h2 { font-size: 24px !important; }
  h3 { font-size: 20px !important; }
  h4 { font-size: 20px !important;}
  h5 { font-size: 18px !important;}

@media (min-width: 992px) {

  p { font-size:18px !important; }
  h1, .xl { font-size:40px !important; }
  .xxl { font-size: 48px !important; }
  h2 { font-size: 28px !important; }
  h3 { font-size: 24px !important; }
}


/* RA-39944 */
/* Red Hat is importing a stylesheet (styles.min.css) that shares classnames with
RainFocus default styles, and is causing conflicts with our modals. This over-rides
those conflicting styles*/
.fade.in {
  opacity: 1 !important;
}
/*** MW - removed as it is causing issues 
.modal-dialog {
  top: 0;
  left: 0;
}
***/
.modal-backdrop.in {
  opacity: .5 !important;
}

.modal.in .modal-dialog {
  transform: translateY(50%) !important;
}
.modal-dialog {
  position:inherit !important;
}



/* RA-38171 */

header {
  /*background: #131313;*/
  height: auto;
}

header .rh-header-container {
  max-width: 1200px;
  margin: 0 auto;
  color: white;
}

.rh-summit-nav {
  padding: 0;
}

.rh-summit-logo {
  width: 92px;
}

.rh-summit-logo img {
  width: 100%;
}

.rh-header-container {
  padding: 20px 0;
  display: flex;
  flex-direction: row;
  color: white;
}

.rh-summit-nav ul {
  padding: 0;
}

.rh-summit-nav ul li {
  display: inline-block;
}

.red-hat-header-logo {
  margin-left: auto;
  margin-top: -14px;
}

.rh-header-container > p {
  font-size: .75em;
  margin: 10px 30px 0px 15px;
  padding-right: 30px;
  height: 30px;
  border-right: 1px solid white;
}

.rh-summit-nav ul li a {
  display: inline-block;
  color: white;
}

/***
.hero-banner {
  background-image: url("https://static.rainfocus.com/redhat/ansible21/static/staticfile/staticfile/rh-ansiblefest-cfp-banners-us295703wg-202105_1666x170_1622572781439001ZiWv.png");
  background-position: center;
  background-size: cover;
  height: 330px;
  width: 100vw;
}
***/

footer {
  background: #f2f2f2!important;
}

.footer-social-card {
  background: white;
  border: 1px solid #ccc;
  padding: 10px;
  padding-left: 30px !important;
  padding-right: 30px !important
}

footer ul {
  padding: 0;
  list-style: none;
}

footer ul li {
  margin-bottom: 10px !important;
}

footer ul:not(.social-links) li a {
  color: #131313 !important;
  text-decoration: underline !important;
}

footer h6 {
  font-size: 16px;
  margin: 16px 0;
}

footer ul.social-links li {
  margin-right: 10px;
  display: inline;
}

footer ul.social-links img {
  width: 28px;
}

footer h5 {
  font-size: 14px !important;
  font-weight: 500;
}

footer em {
  font-weight: 100;
}

.rh-sub-footer {
  padding: 25px 0;
  background: #1a1a1a;
}

.rh-sub-footer * {
  text-align: center;
  color: #aaa !important;
}

.rh-sub-footer ul {
  padding: 0;
  list-style: none;
}

.rh-sub-footer ul li {
  text-decoration: underline;
  display: inline-block;
}

.rh-sub-footer ul li:not(:last-of-type) {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #aaa;
}

/* Marcus' Changes End */


/**** Small Global footer styles ****/

.rc-footer-traditional {
    background-color: #1a1a1a;
}

.rc-footer-traditional .row {
  	display: inherit !important;
}

.rc-footer-traditional li {
    display: inline-block;
    zoom:1;
    *display:inline;
}

.rc-footer-traditional-container {
    margin: 0 auto;
    padding: 1rem 15px;
}

@media (min-width:768px) {
    .rc-footer-traditional-container {
        padding: 1rem 0;
    }
}

.rc-footer-traditional-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: -1.5rem;
}

.rc-footer-traditional-section > * {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-top: 1.5rem;
}

@media (min-width:768px) {
    .rc-footer-traditional-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.rc-footer-traditional-legal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #aaa;
}

@media (min-width:768px) {
    .rc-footer-traditional-legal {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
    }
}

@media (min-width:1200px) {
    .rc-footer-traditional-legal {
        line-height: 2;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 60%;
        flex: 1 0 60%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .rc-footer-traditional-legal .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.rc-footer-traditional-legal .menu {
    float: left;
    clear: left;
    margin: 5px 0 0;
    padding: 0;
}

@media (min-width:1200px) {
    .rc-footer-traditional-legal .menu {
        clear: none;
    }
}

.rc-footer-traditional-legal .menu li {
    font-size: 1.2rem;
    display: list-item;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 6px 10px 0 0;
    padding: 0;
}

.rc-footer-traditional-legal .menu li:last-child {
    font-size: 0;
    margin-top: 6px;
}

.rc-footer-traditional-legal .menu li a {
    line-height: 1;
    display: inline-block;
    margin: 0;
    text-decoration: underline;
    color: #aaa;
}

    .rc-footer-traditional-legal .menu li a:hover {
    color: #fff;
}

.rc-footer-traditional-legal .menu li:nth-child(-n+2) a {
    padding-right: 1rem;
    border-right: 1px solid #858585;
}

.rc-footer-traditional-legal .menu li:nth-child(4) a {
    font-size: 12px;
    padding-left: 1rem;
    border-left: 1px solid #858585;
}

.rc-footer-traditional-legal .copyright {
    font-size: 1.2rem;
    float: left;
    margin-top: 5px;
    margin-bottom: 1rem;
}

@media (min-width:480px) {
    .rc-footer-traditional-legal .copyright {
        margin-bottom: 0;
    }
}

@media (max-width:1199px) {
    .rc-footer-traditional-legal .copyright {
        clear: both;
    }
}

@media (min-width:1200px) {
    .rc-footer-traditional-legal .copyright {
        margin-right: 3rem;
    }
}

.rc-footer-traditional-legal .row {
    padding: 0 3rem 0;
}

@media (min-width:992px) {
    .rc-footer-traditional-legal .row {
        padding: 2rem 3rem 0;
    }
}

.rc-footer-traditional-logo a {
    display: inline-block;
}

.rc-footer-traditional-logo img {
    width: 138px;
    height: 39px;
}

.rc-footer-traditional-event-logo img {
    margin-top: 0.4rem;
}

@media (max-width:767px) {
    .rc-footer-traditional-event-logo img {
        float: left !important;
        margin-top: 0;
    }
}

.rc-footer-traditional .row {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-right: 0;
    margin-bottom: 0.25rem;
    margin-left: 0;
    padding: 0;
}

@media (min-width:1200px) {
    .rc-footer-traditional .row {
        margin-bottom: 0;
    }
}

.rc-footer-traditional-privacy-statement {
    display: none;
}

.front .rc-footer-traditional-privacy-statement {
    font-size: 1.2rem;
    display: block;
}

@media (min-width:768px) and (max-width:991px) {
    .front .rc-footer-traditional-privacy-statement {
        max-width: 280px;
    }
}

.front .rc-footer-traditional-privacy-statement a {
    padding-left: 1ch;
}

.front .rc-footer-traditional-privacy-change .menu .first::after {
    display: inline-block;
    padding-left: 0.25ch;
    content: '*';
}

/*15282*/
.rf-survey-page .form-footer-actions .mdBtnR{ 
  text-transform: none; 
}
/*end 15282*/
