@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@200;300;400;600;700;900&display=swap');

html body {
    margin: 0;
    padding: 0;
    font-family: 'sofia_proregular';
}

.text-secondary {
    color: #222222 !important;
}

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

label {

    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #222222;
}

input.form-control {
    padding: 16px;
    background: transparent;
    border: 2px solid #222222;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 21px;
    font-family: 'sofia_proregular';
    line-height: 24px;
    color: #222222;
    height: 56px;
}

::-webkit-input-placeholder {
    color: #8F8F8F;
}

::-moz-placeholder {
    color: #8F8F8F;
}

:-ms-input-placeholder {
    color: #8F8F8F;
}

:-moz-placeholder {
    color: #8F8F8F;
}

input.form-control:focus {
    background: #fff;
}

select.form-select {
    font-family: 'sofia_proregular';
    padding: 16px;
    border: 2px solid #222222;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 21px;
    line-height: 24px;
    color: #222222;
    height: 56px;
}

/* ------------------------------------------------------------- */


header.py-4.mainHeader {
    position: unset;
    width: 100%;
    background: blue !important;
    top: 0;
}

.mainHeader li a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    /* or 100% */
    font-family: 'sofia_proregular';
    text-align: right;

    color: #FFFFFF;
}

.signUpBtn {
    background: #ffb049;
    border: 0px solid #222222;
    box-sizing: border-box;
    padding: 5px 21px;
    color: #ffffff;
    transition: 0.5s;
    font-weight: 700;
    border-radius: 6px !important;
}

.signUpBtn:hover {
    background: #222222;
}

.mainHeader li a {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.04em;
    color: #ffffff;
    padding: 12px 40px !important;
    font-weight: 700;
}

.mainHeader li a:hover {
    color: #cdcdcd;
}

.mainHeader .navbar-nav a span {
    margin-right: 10px;
}

form.g-4 {
    --bs-gutter-x: 2.5rem !important;
}

section.dottedBg,
.indentity__section {
    background: url(../images/baner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 640px;
    background-color: #f0ede5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-success.signUpBtn {
    background: #50CEA4;
}

/* ------------------------------ */


footer {
    background: #121416;
}
.footerMenuRow {
    padding: 52px 0 65px;
}
.footerMenuRow .col-md-4:first-child {
    padding-right: 147px;
}
footer h5, footer h5 button, footer h5 button span {
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    text-decoration: none !important;
    margin-bottom: 12px;
}
footer p {
    font-size: 12px;
    line-height: 17px;
    color: #7D7C7C;
}

.subscriptionForm input {
    background: #212122;
    border: 1px solid #3D3D3D;
    border-radius: 4px;
    margin-bottom: 9px;
    padding: 12px 15px;
    font-size: 12px;
    line-height: 14px;
    color: #B6B6B6;
}
.subscriptionForm button {
    background: #FF4037;
    border-radius: 4px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 140px;
    height: 40px;
}

.footer-grid .accordion-header button {
    pointer-events: none !important;
    background: transparent;
}
.accordion-button:not(.collapsed) {
    background-color: transparent;
}

.accordion-button:not(.collapsed)::after {
    background-image: none;
}

.footerSection .collapse {
    display: block;
    /* pointer-events: none; */
}

/* .footer-menu li {
    list-style: none;
    display: inline-flex;
} */
footer li a {
    font-size: 12px;
    line-height: 26px;
    color: #7D7C7C;
}
.copyright {
    font-size: 12px;
    line-height: 26px;
    color: #575757;
    padding: 12px 0;
    border-top: 1px solid rgba(233, 233, 233, 0.1);
}

/* footer p {
    color: #cccccc;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
    position: relative;
    left: 18px;
} */

.aps-btn {
    background: #5A341F;
    border: 0px solid #222222;
    box-sizing: border-box;
    padding: 15px 34px;
    color: #ffffff;
    transition: 0.5s;
    margin-left: 20px;
    font-weight: 700;
    border-radius: 24.3043px !important;
}

.social-icon span {
    width: 34px;
    height: 34px;
    background: #d5d5d5;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 10px;
}

.app-icos {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}


.header-ad.add-bg {
    height: 60px;
    background: #dfdfdf;
    color: #8c8787;
    font-weight: bold;
    align-items: center;
    margin-bottom: 7px;
}

.add-bg {
    height: 60px;
    background: #dfdfdf;
    color: #8c8787;
    font-weight: bold;
    align-items: center;
}

.nav-bg {
    background: #323334;
}

.cmpny-nfo h3 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 0;
}

.cmpny-nfo p {
    font-size: 14px;
    font-weight: 400;
    color: #8c8787;
    margin-bottom: 0;
    line-height: 16px;
}

.cmpny-nfo tel {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #8c8787;
    margin-bottom: 0;
}

.newsletter h5 {
    font-size: 20px;
    line-height: 19px;
    color: #222;
    text-decoration: none !important;
    margin-bottom: 12px;
}

.newsletter p,
.tabSwitchLabel {
    font-size: 12px;
    line-height: 17px;
    color: #7D7C7C;
}

.subscriptionForm input {
    background: #efefef;
    border: 1px solid #d3cfcf;
    border-radius: 4px;
    margin-bottom: 15px;
    padding: 12px 15px;
    font-size: 12px;
    line-height: 14px;
    color: #222222;
}

input.c-code {
    width: 50px;
    padding: 0;
    text-align: center;
    margin-right: 16px;
    color: #222222;
}

input::placeholder {
    color: #222222;
}

.subscriptionForm button {
    background: #FF4037;
    border-radius: 4px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 140px;
    height: 40px;
}


.slide-social {
    display: inline-block;
    overflow: hidden;
    margin: 0 10px 10px 0;
    width: 100%;
    height: 48px;
    background: #F1F1F1;
}

.slide-social .button {
    position: absolute;
    margin: 15px 0 0 140px;
}

.slide-social a {
    display: none;
    /* hide flash of unstyled tweet button */
}

.icon {
    float: left;
    padding-top: 15px;
    width: 25%;
    height: 100%;
    text-align: center;
}

.icon i {
    color: #FFF;
    font-size: 1.2em;
}

.slide {
    position: relative;
    float: left;
    width: 75%;
    height: 100%;
}

.slide p {
    position: relative;
    top: 15px;
    margin: 0;
    border-left: 1px solid rgb(255, 255, 255);
    /* IE < 9 Fallback Colour */
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    color: #FFF;
    text-align: center;
    font-weight: 600;
}

/* Brand Colours */

.facebook {
    background: #3b5998;
}

.twitter {
    background: #00acee;
}

.google-plus {
    background: #db4a39;
}

.linkedin {
    background: #0e76a8;
}

.pinterest {
    background: #c8232c;
}

/* Slide Animation */

.slide-social:hover .slide {
    -webkit-transform: translate(101%, 0);
    -moz-transform: translate(101%, 0);
    -ms-transform: translate(101%, 0);
    -o-transform: translate(101%, 0);
    transform: translate(101%, 0);
}

.no-cssanimations .slide {
    display: none;
    /* hide in IE 8-9 */
}

.touch .slide {
    display: none;
    /* hide on touch devices */
}

/* Transition */

.slide {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

/* Example Media Queries */

@media only screen and (max-width : 30em) {
    /* 480px/16px = 30em */

    .slide-social {
        width: 100%;
    }

    .slide-social .button {
        position: absolute;
        margin-left: 50%;
    }
}

.side-ad {
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

figure img {
    width: 100%;
}

.post-title {
    font-size: 20px;
    line-height: 26px;
    color: #212122;
    transition: 0.7s;
}

.title-14 {
    font-size: 16px;
    line-height: 16px;
    color: #212122;
    margin-bottom: 20px;
}



@media only screen and (min-width: 320px) and (max-width: 767px) {



    header .col-sm-6 {
        width: 50%;
    }

}

h4.card-title {
    font-size: 20px;
}

h3.fw-bolder.mb-1 {
    color: #222222;
}

ul.quick-links {
    margin-bottom: 0;
    padding: 0 0 0 22px;
}

ul.quick-links li {
    text-decoration: none;
    margin-bottom: 10px;
    color: #000;
}

ul.quick-links li a {
    text-decoration: none;
    margin-bottom: 10px;
    color: #7D7C7C;
}

ul.quick-links li a:hover {
    text-decoration: none;
    margin-bottom: 10px;
    color: blueviolet;
}

ul.results {
    padding-left: 19px;
}

ul.results li {
    margin-bottom: 10px;
}

ul.results li a {
    font-size: 14px;
    color: #222222;
    text-decoration: none;
}

a.btn.btn-info:hover {
    color: #fff;
    cursor: pointer;
}

.card {
    cursor: pointer;
}

figure img {
    transition: 0.7s;
}

.card img {
    transition: 0.7s;
}

.card {
    overflow: hidden;
}

figure {
    overflow: hidden;
    transition: transform .2s;
}

figure img:hover {
    transform: scale(1.2);
    overflow: hidden;
    transition: transform .2s;
    transition-delay: 0.5s ease-out;
    transition-delay: 0.5s ease-in;
}

.insta {
    background: #ED494B;
}

.ticket {
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    width: 100%;
}

.ticket h5 {
    font-size: 14px;
    line-height: 16px;
    color: #212122;
    padding: 20px 26px;
    border-bottom: 1px solid #E9E9E9;
}

.ticket-box {
    padding: 50px 25px 30px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ticket-box p {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #212122;
    margin-top: 20px;
}

.ticket-box button {
    width: 100%;
    background: #FF4037;
    border-radius: 4px;
    font-size: 12px;
    padding: 15px 0;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.loginSuperfanCol li:first-child {
    padding-right: 6px;
    margin-right: 7px;
    position: relative;
}

.loginSuperfanCol li a {
    font-size: 13px;
    line-height: 16px;
    color: rgba(255, 255, 255, 0.5);
}

.loginSuperfanCol li:first-child::after {
    position: absolute;
    content: "";
    background: rgba(255, 255, 255, 0.1);
    width: 1px;
    height: 21px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.loginSuperfanCol li a.Superfan-item {
    color: #FF4037;
}

ul.loginSuperfanCol li {
    list-style: none;
}

ul.loginSuperfanCol li a {
    padding: 0 10px !important;
    text-decoration: none;
}

.c-logo h6 {
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 0;
    color: #212122;
}

.c-logo p {
    font-size: 10px;
    line-height: 15px;
    margin-bottom: 0;
    color: #888888;
}

.team-leaders {
    border: 1px solid #E9E9E9;
    padding: 15px;
    margin-bottom: 30px;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 15px;
}

.team-leaders li {
    width: 50%;
    text-align: center;
}

.team-leaders li.nav-item button.active {
    border: 0;
    border-bottom: 3px solid #FF4037 !important;
    font-size: 13px;
    line-height: 15px;
    color: #212122;
}

.team-leaders li.nav-item button {
    border: 0;
    font-size: 13px;
    line-height: 15px;
    padding: 10px 0;
    width: 100%;
    color: #505050;
}


.switch {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 26px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 8px;
    bottom: 5px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #2196F3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}


.navbar {
    padding: 8px 25px;
}

.navbar-dark .navbar-brand {
    color: #fff;
}

.navbar-brand img {
    width: 106px;
}

.searchInputCol input {
    width: 210px;
    height: 34px;
    padding: 0 12px;
    font-size: 13px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.5);
    background: #fff;
}

.searchInputCol button {
    position: absolute;
    top: 50%;
    right: 12px;
    border: 0;
    padding: 0;
    line-height: 0;
    transform: translateY(-50%);
}

.infoCardMedia {
    padding: 12px 25px;
}

.infoLogo {
    margin-right: 18px;
}

.infoDiscription h5 {
    font-size: 22px;
    line-height: 26px;
    color: #12284b;
    font-weight: 600;
}

.infoDiscription p {
    font-size: 12px;
    line-height: 14px;
    color: #212122;
}

.subNavbar {
    border-top: 1px solid #E9E9E9;
}

.subNavbar {
    padding: 0 25px !important;
}

.subNavbar li a.active {
    border-bottom: 2px solid #FF4037;
}

.subNavbar li {
    margin-right: 15px;
}

.subNavbar li a {
    font-size: 13px;
    line-height: 16px;
    color: #212121;
    padding: 12px 5px !important;
}

.cubsSlides {
    border-bottom: 1px solid #E9E9E9;
    border-top: 1px solid #E9E9E9;
}


.cubsSlidesItem {
    /* width: 123px; */
    height: 82px;
    border-right: 1px solid #D5D5D5;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 12px 10px 20px;
    flex: 1;
    position: relative;
    transition: 0.5s;
    cursor: pointer;
}

.cubsSlidesItem p {
    font-size: 12px;
    line-height: 16px;
    color: #212122;
    margin-bottom: 5px;
}

.cubsSlidesArrow {
    background: #F4F4F4;
    border-right: 1px solid #E9E9E9;
    width: 65px;
    height: 82px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    cursor: pointer;
}

.cubsSlidesItem button:hover {
    background-color: transparent;
    color: #212122;
}

button#dropdownMenuButton1 {
    background: transparent;
    color: #222;
    border: 0;
}

.infoLogo img {
    max-width: 55px;
}

.allInfoModal {
    max-width: 1170px;
}

.allInfoModal .modal-content {
    padding: 28px 15px !important;
}

.allInfoModal .modal-header {
    justify-content: space-evenly;
    padding: 0 0 20px;
}

.teamInfoHeader h5,
.teamInfoHeader p {

    font-size: 18px;
    line-height: 16px;
    text-align: right;
    color: #212122;
}

.teamInfoHeader p {
    font-size: 13px;
}

.teamImgDisc {
    display: flex;
    align-items: center;
}

.teamInfoHeader h1 {
    font-size: 34px;
    line-height: 40px;
    color: #000000;
}

.teamInfoHeader h1 {
    font-size: 34px;
    line-height: 40px;
    color: #000000;
}

.matchStatus {
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}

.allInfoModal .modal-header {
    justify-content: space-evenly;
    padding: 0 0 20px;
}

.allInfoModal .modal-header .btn-close {
    position: absolute;
    right: 14px;
    top: 12px;
    font-size: 10px;
}

.table {
    border-color: #E9E9E9;
}

.winLossTable th {
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #212122;
}

.modalContentCol {
    border: 1px solid #e9e9e9;
    padding: 16px 11px 30px;
    border-radius: 6px;
    position: relative;
}

.modalContentCol::before {
    position: absolute;
    content: "";
    background: #e9e9e9;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    transform: translateX(-50%);


}

.BrewHitCol h6 {
    font-size: 14px;
    line-height: 16px;
    color: #212122;
    padding: 15px 0;
    margin-bottom: 0 !important;
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
}

.table {
    border-color: #E9E9E9;
}

.battingContentCol:last-child {
    border-bottom: 0;
    padding-bottom: 20px;
}

.battingContentCol h5 {
    font-size: 14px;
    line-height: 16px;
    color: #212122;
}

.modalContentCol table th,
.modalContentCol table td {
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #000000;
    text-align: left;
}

.BrewHitCol table th {
    font-size: 11px;
    color: #000000;
}

.winLossTable th {
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #212122;
}

.modalContentCol table th,
.modalContentCol table td {
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    color: #000000;
    text-align: left;
}

.battingContentCol ul li {
    font-size: 12px;
    line-height: 16px;
    color: rgba(33, 33, 34, 0.7);
}

.battingContentCol ul li span {
    font-size: 14px;
    line-height: 16px;
    color: #212122;
    font-family: 'AvertaStd-Semibold';
}

.cubsSlidesItem:hover {
    background: #1d4a9f;
    color: #fff;
}

.min-arr-col svg {
    position: absolute;
    right: -1px;
}

.cubsSlidesItem .min-arr-col {
    color: rgba(33, 33, 34, 0.5);
}

.cubsSlidesItem p {
    font-size: 12px;
    line-height: 16px;
    color: #212122;
    margin-bottom: 5px;
}

.cubsSlidesItem p:last-child {
    margin-bottom: 0px;
}

.cubsSlidesItem:hover p {
    color: #fff;
}

.cubsSlidesItem:first-child {
    background: #F4F4F4;
}

.md-outer {
    background: #fff8f8;
}

.tab-pane h3 {
    font-size: 13px;
    margin: 13px 0 20px 0px;
    line-height: 15px;
    color: #212122;
}

.l-name {
    margin-left: 15px;
}

.l-name p {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px;
    color: #212122;
}

.l-name h2 {
    font-size: 30px;
    line-height: 35px;
    color: #212122;
}

.color-light {
    color: rgba(33, 33, 34, 0.5) !important;
}

.slugs p {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0;
    color: #212122;
}

.teams h5 {
    font-size: 15px;
    line-height: 18px;
    color: #212122;
}

.teams p a {
    font-size: 13px;
    line-height: 15px;
    text-decoration-line: underline;
    color: #FF4037;
}

.team-list table {
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    padding: 15px;
}

.team-list table th:first-child {
    text-align: left;
}

.team-list table th {
    font-size: 11px;
    line-height: 16px;
    color: #505050 !important;
}

.team-list table th:first-child {
    text-align: left;
}

.team-list table tbody th {
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    color: #FF4037;
}

.team-list table th {
    font-size: 11px;
    line-height: 16px;
    color: #505050 !important;
}

.md-outer {
    border: 1px solid #ddd;
}

.mainNavBar li {
    margin-right: 10px;
}

.mainNavBar li:last-child {
    margin-right: 10px;
}

.mainNavBar li .nav-link {
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #fff !important;
    padding: 0 8px !important;
}

input.form-control.customInput {
    width: 210px;
    height: 34px;
    padding: 0 12px;
    font-size: 13px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.5);
    border: 1px solid #E9E9E9;
    border-radius: 4px;
}
.cardHover .card-body h4{
    transition: 0.5s;
}
.cardHover:hover .card-body h4{
    color: #FF4037;
    stroke: #FF4037;
}
.submitBtn {
    font-size: 12px;
    background: #ED494B !important;
    width: 70px !important;
    padding: 0;
    height: 32px !important;
}
.cubsSlidesItem img {
    width: 14px;
    height: 14px;
    object-fit: contain;
}
.clubs-two .c-logo img{
    width: 57px;
}
.blog-cards img.card-img {
    height: 200px;
    object-fit: cover;
}


.podcast-cards{
    margin-bottom: 40px;
}
.podcast-cards .card-title{
    font-size: 14px;
    line-height: 16px;   
    color: #212122;
}
.podcast-cards .card-body {
    margin: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 0;
}
.podcastUser{
    font-size: 12px;
    line-height: 14px;
    color: #A3A3A3;
}
.playButtonTimer {
    font-size: 13px;
    line-height: 18px;
    color: #212121;
}
.podcast-cards-row h5{
    font-size: 25px;
    line-height: 29px;
    color: #212122;
}

.podcast-cards-row a{
    font-size: 13px;
    line-height: 15px;
    text-decoration-line: underline;
    color: #FF4037;
}
.podcast-feature {
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    padding: 10px 22px 10px 10px;
    margin-bottom: 66px;
}
.dodgersContent{
    padding-left: 30px;
}

.dodgersContent h5{
    font-size: 20px;
    line-height: 26px;
    color: #212122;
    padding-right: 70px;
}
.dodgersContent .podcastUser {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-bottom: 14px;
    margin-bottom: 16px;
}
.dodgersContent .podcastUser span {
    font-size: 13px;
}
.groupPodcastsTitle {
    font-size: 2vw;
    line-height: 10vh;
    color: #fff;
    background: #192c3e;
    text-align: center;
    border-radius: 4px;
    padding: 30px 0;
    margin-bottom: 40px;
}
.mainNavBar .newLInk a{
    color: rgba(255, 255, 255, 0.5) !important
 }