﻿
.Layout_Column_NoPadding
{
    padding-left: 0;
    padding-right: 0;
}
.Layout_Row_Competitions
{
    /*margin-top: 75px;*/
}
.DIV_CompetitionsLabel_Homepage
{
    width: 100%;
    text-align: center;
    color: white;
    font-size: 18px;
    padding: 20px 0 10px 0;
    font-weight: 300;
}
.DIV_CompetitionsLabel_Homepage.dark{color:#000;}

.DIV_Competitions_Homepage
{
    overflow: hidden; 
    height: 250px; 
    margin: 0 auto;
    position: relative; 
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px; 
}
.DIV_Competitions_Homepage_MainImage, .DIV_Competitions_Homepage_MainImage_Live
{ 
    background-repeat: no-repeat;
    /*display: table-cell;*/
    vertical-align: bottom;
    overflow: hidden; 
    /*background-size: cover;*/
    background-position: center center;
    height: 180px;
    width: 95%;
    margin: 0 auto;
    position: relative;
    /*background-color: #ffffff;*/
    background-color: #f5f5f5;
}
.DIV_Competitions_Homepage_MainImage_Live {
    box-shadow: 0px 8px 14px #333;
    /*background-color: #fffdd0;*/
    background-color: #ffc61c;
}
.DIV_Competitions_Homepage_Description 
/*.DIV_Competitions_Homepage_Date*/ { 
    bottom: 0px;
    box-sizing: border-box;
    font-family: 'Open Sans', serif;
    font-weight: bold; 
    position: absolute;
    text-align: center;
    width: 100%; 
    padding: 0 5px;
    font-size: 12px; 
    font-weight: 300;
}
.DIV_Competitions_Homepage_Description
{
    color: #ffffff;
    background-color: rgba(10, 10, 10, 0.90);
    /*height: 45px;*/ 
    height: 60px; 
}
.DIV_Competitions_Homepage_Description span{
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 36px;
    display: block;
}
/*.DIV_Competitions_Homepage_Date
{
    background-color: transparent;
    height: 30px; 
    color:#fff;
}*/
/*.DIV_Competitions_Homepage_Date.dark { 
    color: #000;
    font-weight:700;
}*/
.DIV_Competitions_Homepage_Date_Live {
    font-size: 16px;
    color: #ffc61c;
    font-weight: 400;
    text-shadow: 0px 2px 1px #333333;
    text-transform: uppercase;
}
.LYR_Competitions_Homepage{
    background-color: rgba(10, 10, 10, 0.45) !important;

}
.owl-theme .owl-controls .owl-page span{background-color: #000 !important;}
.owl-theme .owl-controls .owl-page.active span{background-color: #ffffff!important;border:1px solid #333;}

.SliderHeader_Buttons
{
    position: relative !important;
    margin-top: -75px !important;
}
.SliderHeader_Buttons_Prev, .SliderHeader_Buttons_Next
{
    position: absolute !important; 
    background-position: center center !important;
    background-repeat: no-repeat !important;
    height: 25px;
    background-color: transparent !important;
    filter: Alpha(Opacity=100) !important; /*IE7 fix*/
    opacity: 1 !important;
}
.SliderHeader_Buttons_Prev:hover, .SliderHeader_Buttons_Next:hover
{
    filter: Alpha(Opacity=70) !important; /*IE7 fix*/
    opacity: 0.7 !important;
}
.SliderHeader_Buttons_Prev {
    background-image: url('/Images/MainHome/arrow-left.png') !important;
    left: 20px !important;
}
.SliderHeader_Buttons_Next {
    background-image: url('/Images/MainHome/arrow-right.png') !important;
    right: 20px !important;
}
.MainSite_SocialFeedContainer {
    background-color: rgba(10, 10, 10, 0.45);
    /*background-color: rgba(68, 68, 68, 0.7);*/
    /*height: 1065px;*/
    height: 100%;
    text-align: center;
    width: 100%;
    margin-top: 20px;
    position: relative;
}
.twitter-tweet
{
    width: 88% !important;
    display: inline-flex !important;
}


.competition-backgroundimage-wrapper{
    position:absolute;
    width:100%;margin:0 auto;text-align:center;
    height:315px;
    background-color:#e4e4e4;
    overflow:hidden;
}

.competition-backgroundimage{
    /*width:100%; max-width:1200px;*/
    height: 315px;
}

/*.competition-backgroundimage-wrapper::before {
    position: absolute;top:0;left: 0;right: 0;bottom: 0;
    content: '';display: block;
    background-image:
    linear-gradient(90deg, rgb(255 255 255) 1%, rgb(255 255 255 / 0%) 40%, rgba(255,255,255,0) 60%, rgb(255 255 255) 99%);
  }*/


/*---------------------------------------------------------------------------*/
@media screen and (min-width: 769px) and (max-width: 1024px) /*Md*/
{
}
@media screen and (min-width: 361px) and (max-width: 768px) /*Sm*/
{
    .DIV_CompetitionsLabel_Homepage{ font-size: 18px;}
    .FederationsFlapHidden_sm_xs{visibility: hidden;}
}
@media screen and (max-width: 360px) /*Xs*/
{
    /*.Layout_Row_Competitions
    {
    margin-top: 0;
    }*/
    .DIV_CompetitionsLabel_Homepage{ font-size: 18px;}
    .FederationsFlapHidden_sm_xs{visibility: hidden;}
}

/*********************************************************  NEWLY ADDED BY BRENDA - 26/08/2019 ************************************************************/
.main-content{font-family:Roboto,'Open Sans',serif;color:#555;}
.MainHome_HeaderBar{width: 100%;display:flex;flex-direction:row;flex-wrap:wrap;padding:10px;margin:0;}
.MainHome_HeaderBar_Full{flex:0 1 100%;text-align:center;font-size:2.8em;}
.MainHome_HeaderBar_Center{flex:0 1 79%;text-align:center;font-size:2.8em;}
.MainHome_HeaderBar_Side{flex:0 1 10%;text-align:center;display:flex;}
.MainHome_HeaderBar_Side{justify-content:flex-start;align-items:center;}
.MainHome_HeaderBar_Side{justify-content:flex-end;align-items:center;}
.logo-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;}
.logo-wrapper > a {padding:10px;}

.homeTile {box-shadow: 0px 2px 6px #444;margin: 5px;display: inline-block;height: 210px;position: relative;text-align: center;width: 48%;overflow: hidden;}
.TileTitle {bottom: -5px;box-sizing: border-box;text-align: center;align-items: center;position: absolute;width: 100%;background-color: rgba(0, 0, 0, 0.6);color:#fff;line-height: 30px;vertical-align: middle;font-size:14px;}

.footer-wide{
    background-color:#f2f2f2;margin:0;
    display: flex;align-items: center;flex-wrap: wrap;
}
.social{display: flex; flex-direction: row; justify-content:center;align-items:center;}
.social-wrapper{display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap;height:70px;}
.powerby-wrapper{display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap;/*height:70px;*/min-height:40px;align-items:center;}

@media screen and (min-width: 1025px) /*Md*/ {
    #DIV_Social_FED{display:none;}
    .fed-hassocial{display:none;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) /*Md*/ {
    .fed-hassocial{display:none;}
}

@media screen and (min-width: 401px) and (max-width: 767px) /*Sm*/ {
    .fed-hassocial{display:none;}
    .MainHome_HeaderBar_Center{flex:0 1 60%;}
    .MainHome_HeaderBar_Side{flex:0 1 20%;}
    .MainHome_HeaderBar_Center #A_Federation {display: none;}
    .MainHome_HeaderBar_Center{flex:0 1 70%;}
    .logo-wrapper{justify-content:flex-start;}
    .language-wrapper{margin:0 0 0 auto;}
    .MainHome_HeaderBar_Side_Right{flex:0 1 30%;align-self:flex-end;text-align:right;}
    .MainHome_HeaderBar_Side_Left{display:none;}
}

@media screen and (max-width: 400px) /*Xs*/ {
    .MainHome_HeaderBar {padding: 10px;justify-content:space-between;}
    .MainHome_HeaderBar_Center{flex:0 1 70%;}
    .logo-wrapper{justify-content:flex-start;}
    .language-wrapper{margin:0 0 0 auto;}
    .MainHome_HeaderBar_Side_Right{flex:0 1 30%;align-self:flex-end;text-align:right;}
    .MainHome_HeaderBar_Side_Left{display:none;}
    .fed-hassocial{display:none;}
    .MainHome_HeaderBar_Center #A_Federation {display: none;}
    .MainHome_HeaderBar_Full #A_Federation {display: none;}
}


/* MAIN HOME */
.main-content .match-main-wrapper{width: 100%;background-color:#fff;height:unset; margin:0 0 10px 0;border:0;border-bottom:1px solid #efefef;word-break:break-all;}
/*#hour {margin-left: 20px;display: inline-block;}
#hour:before {content: " ";background: url("/Images/Icons/time.svg") no-repeat center;width: 22px;height: 22px;display: inline;position: absolute;margin-left: -20px;}
.ora-today {margin-left: 30px;}
.ora-today:before {content: " ";background: url("/Images/Icons/time.svg") no-repeat center;width: 30px;height: 30px;display: inline;position: absolute;margin-left: -30px;margin-top: -1px;}*/
.livescore-match-header-wrapper {display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;padding: 10px; background-color:#f2f2f2;color:#aaa;font-size:1.6em;}
.livescore-match-header-wrapper .livescore-match-side{flex: 0 0 30%;}
.livescore-match-header-wrapper .livescore-match-right{text-align:right;}
.livescore-match-header-wrapper .livescore-match-center{flex: 0 0 40%;}
.stadium-time{font-size:0.8em;}
.livescore-match-content-wrapper {display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center;}
.livescore-match-content-wrapper .livescore-match-side{flex: 0 0 30%;}
.livescore-match-content-wrapper .livescore-match-center{flex: 0 0 40%;}
.RadComboBox_Default{font-size:1.2em!important;width:300px!important;color:#999!important;cursor:pointer!important;}
.DropDownCssClass, .LabelCssClass{font-size:1.4em!important;width:300px!important;}
.RadComboBoxDropDown .rcbScroll{height:100%!important;}
.RadComboBoxDropDown .rcbCheckAllItems label, .RadComboBoxDropDown .rcbCheckAllItemsHovered label{font-weight:700!important;}
.RadComboBoxDropDown .rcbCheckAllItems, .RadComboBoxDropDown .rcbCheckAllItemsHovered{border-bottom:1px solid #999!important;}
.btn.btn-search {
    box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.175);
    background: url(../../Images/Icons/search.svg) no-repeat 100% 100% !important;
    -webkit-mask: url(../../Images/Icons/search.svg) no-repeat 100% 100%;mask: url(../../Images/Icons/search.svg) no-repeat 100% 100%;
    background-color: #666666;outline: none;font-size: 1rem;line-height: 1.5;border-radius: .25rem;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;
    width: 40px;height: 40px;cursor: pointer;margin: 0 0 0 10px;padding: 0;border: 0;transition: all 0.3s ease;-ms-touch-action: manipulation;touch-action: manipulation;
    display: inline-block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: .375rem .75rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.set-results-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;margin-top:10px;}
.team-name{font-size:1.6em;font-weight: bold; margin:10px 0 0 0;text-transform:uppercase;}
.match-status-wrapper{border-radius:5px;padding:0 20px;font-size:1.6em;cursor: pointer;width: 100px;display:inline;}
.match-status-wrapper-live {background-color: #ffc61c;color:#fff;}
/*.match-status-wrapper-final{background-color: #ff5353;color:#fff;}*/
.match-status-wrapper-final{background-color: #004d99;color:#fff;}
.slider-text{font-size:2em;text-shadow: 0px 1px 1px #111; color: #fff;max-width:calc(100% - 100px);}


@media screen and (min-width: 1025px) /*Md*/ {
}
@media screen and (min-width: 768px) and (max-width: 1024px) /*Md*/ {
}

@media screen and (min-width: 401px) and (max-width: 767px) /*Sm*/ {
    /*.slider-text{font-size:1em;}*/
    .set-results-wrapper{flex-wrap:wrap;}
    .slider-text{font-size:1.8em;}
}

@media screen and (max-width: 400px) /*Xs*/ {
    /*.stadium-time{font-size:1.0em;}*/
    .set-results-wrapper{flex-direction:column;align-items:center;}
    .team-name{font-size:1.1em;}
    .match-status-wrapper{width:80px;font-size:1.2em;}
    .RadComboBox_Default{margin-bottom:10px!important;}
    .livescore-match-header-wrapper {flex-wrap:wrap;font-size:1.4em;}
    .livescore-match-header-wrapper .livescore-match-left {flex:0 1 50%; order:1;}
    .livescore-match-header-wrapper .livescore-match-center {flex:0 1 100%; order:3;}
    .livescore-match-header-wrapper .livescore-match-right {flex:0 1 50%; order:2;}
    .slider-text{font-size:1.6em;}
}
