/* Overrides for SFDC style conflicts */
/* Ashton is putting together a cleaned up version of the CSS for new C4BP pages using web-ux design system. Replace these with that when complete.  */

body{
    font-family: 'Overpass', Arial, Helvetica, sans-serif;
}

.header-band {
    background: #00496a url(/files/other/businesspartners/images/new-programs-header-banner.jpg) center center !important;
}

.header-band .ux-band-header-subheadline {
    color: #fff;
    font-weight: 400;
}

.header-wrapper, .red-hat-content footer{
    font-size: 14px;
}

.ux-quote-reference {
    margin-top: 20px;
}
/* End overrides for SFDC style conflicts */

.partner-ux-logo-wall li {
    list-style: none;
    width: 25%;
    float: left;
    padding: 10px;
}

[data-ux-align="reduced"] .ux-image-embed-container img{
    transform: scale(0.75);
}

.partner-ux-logo-wall img, .partner-ux-logo-wall svg{
    transition: all 200ms ease;
}
.partner-ux-logo-wall img:hover {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.partner-ux-form-wrapper h2 {
    color: #c00;
    text-align: center;
}

.partner-ux-form-wrapper p, .partner-ux-form-wrapper .ux-cta {
    text-align: center;
}

.ux-band[data-ux-band-background-color=RH-red] {
    background-color: #c00;
}

.ux-card[data-partner-ux-layout=border] {
    border-width: 0 2px;
    border-style: solid;
    border-color: #ddd;
}

.ux-cta-link[data-ux-cta-color=light-blue], .ux-cta-link[data-ux-cta-color=light-blue]:before {
    color: #24d1fd !important;
    border-color: #24d1fd !important;
    text-align: left;
}

.ux-cta-link[data-ux-cta-type=video-play]:before {
    padding: 10px 7px 8px 15px;
}

.ux-band[data-ux-band-background=bg-buildings] {
    background-image: url(https://www.redhat.com/files/webux/img/bandbg/testimonial_CajaDeValores_2000x538.jpg);
    background-repeat: no-repeat;
}

.ux-band [data-ux-band-border=border] {
    margin-top: 60px;
    border-top: 2px solid #eee;
    padding-top: 60px;
}

.ux-band[data-ux-band-background=dark-blue] {
    background-color: #03344d;
}

.ux-icon-panel [data-partner-ux-icon-panel-headline=dark] {
    color: #252527;
}

.partner-ux-form-wrapper-subheader {
    color: #252527;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.ux-form-section [data-ux-form-copy=legal] {
    font-size: 12px;
    text-align: left;
    line-height: 16px;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.ux-form-validation-mark {
    color: #c00;
    margin-right: 5px;
    margin-left: -5px;
    font-size: 18px;
}

.form-confirmation {
    display:none;
}

.icon-wrap[data-ux-card-icon=svg] img{
    height: 112%;
    margin: -4px auto 0;
}

.guide-dropdown-btn {
    margin-bottom: 0;
}

.guide-dropdown {
    background-color: #fff;
    display: none;
    border: 1px solid #252527;
    margin: -1px auto 0 auto;
    padding: 10px;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
}

.guide-dropdown-btn.active {
    background-color: #252527 !important;
    color: #fff !important;
}

.guide-dropdown li {
    list-style: none;
}

.guide-dropdown a{
    text-decoration: none;
    color: #252527 !important;
}

.guide-dropdown a:hover{
    text-decoration: underline;
}

.guide-dropdown-btn.active .fa{
    transform: rotateX(180deg);
}

#open-popup {
    padding:20px
}

.white-popup {
    position: relative;
    background: #eee;
    padding: 40px;
    width: auto;
    max-width: 200px;
    margin: 20px auto;
    text-align: center;
}

.grey-popup-block {
    background: #eee;
    padding: 20px 30px;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative;
}

.icon-wrap{
    width: 80px;
    height: 80px;
    background-color: #f0f0f0;
    border-radius: 50%;
    display: block;
    margin: 0 auto 15px;
    padding: 15px;
}

#ISV-form .error, #contact-form .error {
    background-color: #f2dede !important;
}

.validationMessages:not(:empty) {
    background-color: #f2dede !important;
    color: #c00;
    font-size: 14px;
    padding: 5px;
    text-align: center;
}

.successMessage:not(:empty){
    background-color: #dff0d8;
    font-size: 14px;
    padding: 5px;
    text-align: center;
}

/* bootstrap form styling */
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #999;
}
.form-control::-webkit-input-placeholder {
    color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}
textarea.form-control {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: none;
}
input[type="date"] {
    line-height: 34px;
}
.form-group {
    margin-bottom: 15px;
}
.radio,
.checkbox {
    display: block;
    min-height: 20px;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.radio label,
.checkbox label {
    display: inline;
    font-weight: normal;
    cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    float: left;
    margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

@media only screen and (max-width: 768px) {
    .ux-band-content[data-partner-ux-layout="custom-gallery3"] .ux-card {
        width: 65%;
        margin: 0 auto;
    }
    .ux-card[data-partner-ux-layout=border] {
        border-width: 2px 0;
        margin: 0px auto;
    }
}