@charset "utf-8";
/* CSS Document */
#sp-league-header {height: 80px!important;}
#sp-top1.col-lg-10, #sp-top2.col-lg-2 {margin-top: 20px!important;}

/* Social icons */
ul.social-icons {position: relative;font-size: 30px; position: relative; margin-top: 0px !important;}

ul.social-icons a:hover { color:#ffffff!important;}

#sp-header { height: 60px!important; width: 100%; position: relative;}
/*#sp-logo.col-lg-2, #sp-menu.col-lg-10 {margin-top: -20px!important;}*/

/*this styled the main menu*/
.sp-megamenu-parent { list-style: none; padding: 0 ; margin: 0 -20px; z-index: 99; display: block; float: right; position: relative;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {display: inline-block; padding: 0 12px;line-height: 60px;margin: 0; text-transform:uppercase!important;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { font-size: 18px!important; font-weight: 400!important;  text-transform:capitalize!important;}

/*this styled mega-menu dropdown columns*/
.sp-megamenu-parent .sp-mega-group>li>a {
    display: block;
    text-transform:capitalize!important;
    font-size: 16px;
    font-weight:500
    margin-bottom: 10px;
}

/* Top menu hover underline effect */
/* Reset parent link */
.sp-megamenu-parent > li > a {
    position: relative;
    text-decoration: none;
}

/* Add underline as pseudo-element on the li, not the a */
.sp-megamenu-parent > li::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px; /* thickness of line */
    width: 100%;
    background-color: #FFFFFF;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.3s ease-in-out;
    pointer-events: none;
}

/* Show the underline on hover */
.sp-megamenu-parent > li:hover::after { transform: scaleX(1);}

/* Ensure li is positioned relative for the pseudo-element */
.sp-megamenu-parent > li { position: relative;}

#sp-main-body {padding: 10px 0;}

h3.sp-module-title {background-color:#bd0101!important;color: #FFFFFF!important; padding:10px 0px 10px 10px!important; }

/*#sp-left .sp-module ul > li > a,*/ 
#sp-right .sp-module ul > li > a {display: block; padding: 5px 0;line-height: 20px; padding: 2px 0;}

/*#sp-left .sp-module .sp-module-title,*/ 
#sp-right .sp-module .sp-module-title {  /*margin: 0 0 30px;*//*padding-bottom: 10px;*/
	padding: 15px;    font-size: 22px; font-weight: bold; border-bottom: 0px solid #f3f3f3;background-color:#bd0101!important; 	color:#FFF!important;}
/*#sp-left .sp-module,*/ 
#sp-right .sp-module {margin-top:5px!important;border: 1px solid #f3f3f3;padding: 0px 0px 15px 0px!important; border-radius: 3px;}

/*this styled article heading and info along with social padding*/
.article-details .article-header h1, .article-details .article-header h2 {font-size: 22px;  margin-top: 10px;}
.article-info > span {font-size: 16px!important; font-weight:bold!important;}
.article-details .article-ratings-social-share { padding: 5px 0!important;  border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;  margin-bottom: 5px!important;}
/*-------------------------*/

#sp-links13.col-lg-12 {color:#000000!important; font-weight:bold!important; font-size:20pt!important;}

/*this disabled the images on the articles page*/
.article-details .article-full-image img { margin-bottom: 2rem; display: none!important;}

/* Remove extra space below logo */
#sp-bottom { padding-bottom: 0 !important;}

/* Vertically center menu with logo */
#sp-bottom .row { align-items: center !important;}

/* Remove menu module bottom spacing */
#sp-bottom2 .sp-module { margin-bottom: 0 !important;}

/* Raise social icons to align with menu */
.pifl-bottom-top2 #sp-top2 { position: relative; top: -22px;}

#sp-footer { background: #025c96!important; color: #fff; 
font-size: 20px!important; font-weight: 600!important; line-height: 50px;}


/* Regular Labs - Both tabs black */
[data-rlta-type="tabs"] [data-rlta-element="button"] {
background: #000 !important;  color: #fff !important; border-color: #000 !important;}


@media (max-width: 767px) {

    /* Keep column containing hamburger visible */
    #sp-logo {    display: block !important;    }

    /* Hide logo image only */
    #sp-logo img,   #sp-bottom1 img {   display: none !important;    }

    /* Show and vertically center hamburger */
    #offcanvas-toggler {
        display: inline-flex !important;
        align-items: center !important;
        height: 60px !important;
        position: relative;
        top: 20px !important;
        left: 0 !important;
    }

    /* Keep league heading small */
    #sp-top1 h3 { font-size: 16px !important; line-height: 1.2 !important; text-align: center!important; }
    #sp-league-header {height: 60px!important;}
}

#sp-footer3.col-lg-12{margin-top: 5px!important;}