/* 14.02.2020, Tumelo Mokoena - This latest update includes UI Updates for:
- package cards theming for valentines and such
- UI bugs issues for adaptation across multiple device screen sizes
- Updates to the whatsapp chat and live-chat icons
- In content font updates and color
*/

.NewDstvPage .lSAction a {width: 40px;height: 40px;display: block;background: #000;border-radius: 50%;text-align: center;line-height: 40px;}
.section.localSlider .card-img-overlay {top: auto;}
.section.localSlider .card-img-overlay {position: absolute;bottom: 0;left: 0;right: 0;padding: 0 1.25rem;background: rgba(10, 23, 39, 0.74);}
.lSSlideWrapper {max-width: 100%;overflow: hidden;position: relative;}
.lSSlideWrapper .lSSlide {-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);-webkit-transition: all 1s;-webkit-transition-property: -webkit-transform,height;-moz-transition-property: -moz-transform,height;transition-property: transform,height;-webkit-transition-duration: inherit!important;transition-duration: inherit!important;-webkit-transition-timing-function: inherit!important;transition-timing-function: inherit!important;}

.bottom-gradient::after, .theme-dark .bottom-gradient::after {background-image:linear-gradient(to bottom,rgba(0,0,0,0)0,#131722100%);}
.bottom-gradient::after {display: block;position:absolute;width:100%;content:'';bottom:0;background-image:linear-gradient(to bottom,rgba(0,0,0,0)0,#ecf0f5100%);margin-top:-600px;height:400px;}
.theme-dark.card{border-color: #0c101b!important;background-color: #131722;}
.has-bottom-gradient {position: relative;z-index: 1;}
.card-img.figure {overflow: hidden;display: block !important;width: 100% !important;margin: 0 auto;border-radius: 5px !important;position: relative;}
.card-img.figure .img-wrapper {overflow: hidden;border-radius: 5px;box-shadow: 0 20px 9px -12px rgba(0,0,0,.3);}
.card-img.figure .img-wrapper img {width: 100%;}
.card-img.figure .bottom-gradient {position: relative;}
.figure:hover .card-img.figure img {transform: scale3d(1.6,1.6,1);}
.figure:hover .img-overlay{opacity: 1;}
.card-img.figure .img-overlay, .card-img.figure .img-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 0;background: rgba(0, 0, 0, 0.73);opacity: 0;-webkit-transition: opacity .4s;transition: opacity .4s;display: none;}
.has-items-overlay figure .img-overlay, .masonry-container figure .img-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 10px;background: rgba(0,148,218,.8);opacity: 0;-webkit-transition: opacity .4s;transition: opacity .4s;} 
 
.control-sidebar .bottom-gradient::after, .theme-dark .bottom-gradient::after {background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,#131722 100%);}
.bottom-gradient::after {position: absolute;width: 100%;left: 0px;/* content: ''; */bottom: 0;/*background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,#131722 100%) !important;background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,#ecf0f5 100%); */margin-top: -600px;height: 75%;background: -moz-linear-gradient(180deg, rgba(30, 0, 35, 0) 2%,rgba(44, 70, 93, 0.92) 75%) !important;background: -webkit-linear-gradient(180deg, rgba(30, 0, 35, 0) 2%,rgba(0, 0, 0, 0.98) 75%) !important;background: linear-gradient(180deg, rgba(30, 0, 35, 0) 2%,rgba(0, 0, 0, 0.98) 75%) !important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e0023', endColorstr='#19142e',GradientType=1 ) !important;opacity: .98;border-radius: 5px;}

.section.localSlider .card-img-overlay h5, .section.localSlider .card-img-overlay p {letter-spacing: 0;font-size: medium;font-weight: 300 !important;color: #ffffff;padding: 0 15px;text-align: left;line-height: normal;margin: 0;/* margin-right: -35rem; */white-space: nowrap;width: 75%;overflow: hidden;text-overflow: ellipsis;margin-top: 22px;}

.section.localSlider .card-img-overlay h5 strong, .section.localSlider .card-img-overlay p strong {font-weight: 300;}
.card-img-overlay .icon-play.s-36:before {content: "\e9f6";font-family: lineicons!important;speak: none;font-size: 36px;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.section.localSlider .card-img-overlay {top: auto;}
.section.localSlider .pt-3, .py-3 {padding-top: 1rem!important;clear: both;padding-bottom: 2rem;}
.has-items-overlay figure, .masonry-container figure {margin-bottom: 20px;}
.section.localSlider .mr-3, .mx-3 {margin-right: 1rem!important;margin-bottom: 10px;margin-left: 10px;float: left;margin-top: 10px;font-size: x-large;color: #fff;}
.section.localSlider .mr-3 i {vertical-align: middle;}
.section.localSlider .img-wrapper img{transition: transform .4s;border-radius:3px;}

.img-globe .icon {font-size: 35px;color: #fff;}
.getMoreSection .ssContainer .card{text-align: center;color:#fff;padding: 10px;}
.getMoreSection .card .topContainer, .YouMayAlsoLikeSection .card .topContainer{position: relative;overflow: hidden;box-shadow: 0px 20px 12px -15px rgba(0,0,0,.4);}
.getMoreSection .card .topContainer .item, .YouMayAlsoLikeSection .card .topContainer .item {margin: 0px 0px;position: absolute;top: 0px;width: 100%;text-align: left;left: 0px;bottom: 0px;padding: 15px 0 0 15px;}
.getMoreSection .card .topContainer .item:hover, .YouMayAlsoLikeSection .card .topContainer .item:hover, .getMoreSection .card .topContainer .item:focus, .YouMayAlsoLikeSection .card .topContainer .item:focus {background:none;}
.getMoreSection .card .topContainer .item:hover {background: transparent;}
.getMoreSection .card .topContainer .item .smallText, .YouMayAlsoLikeSection .card .topContainer .item .smallText{margin: 7px 0px 0 !important;font-size: medium;text-align: left;font-weight: 300;}
.getMoreSection .card .topContainer .item img.logo{max-width: 140px;/*margin: 0 auto;*/margin-top: 0;float: none;margin-left: -4px;max-height: 32px;width: auto;}
.YouMayAlsoLikeSection .card .topContainer .item img.logo{max-width: 280px;/*margin: 0 auto;*/margin-top: 0px;float: none;margin-left: 0;max-height: 32px;width: auto;}
.getMoreSection .bottomText, .YouMayAlsoLikeSection .bottomText{font-size: large;text-align: left;font-weight: 300;margin: 0;padding: 10px 20px;position: absolute;left: 0;right: 0;bottom: 0;overflow: hidden;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.YouMayAlsoLikeSection .bottomText{font-size: large;text-align: center;font-weight: 300;margin: 0;padding: 10px 20px;position: absolute;left: 0;right: 0;bottom: 0;overflow: hidden;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.getMoreSection .bottomText:before, .YouMayAlsoLikeSection .bottomText:before {content:'';background: inherit;width: 122%;display:block;position: absolute;height: 198%;left: -15%;top: -26%;background-position: bottom;background-size: cover;filter: blur(9px);border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.getMoreSection .bottomText span.text, .YouMayAlsoLikeSection .bottomText span.text {position:relative;}
.getMoreSection .bottomText a {color: #fff;}     
.getMoreSection .card .topContainer img.card-img, .YouMayAlsoLikeSection .card .topContainer img.card-img {width: 100%;border-radius:5px;box-shadow: -3px -3px 17px #000;-moz-box-shadow: -3px -3px 17px #000;-webkit-box-shadow: -3px -3px 17px #000;}
.getMoreSection .card .topContainer .largeText, .YouMayAlsoLikeSection .card .topContainer .largeText {font-size: 20px;font-weight: 400;/*padding:0px 20px;*/text-align: left;line-height:20px;}
.section .smallText.thinFont p:first-of-type {margin-left: 0px;margin-bottom: 16px !important;}

@media only screen and (max-width: 320px) and (min-width: 667px) {
.section.localSlider .mr-3, .mx-3 {margin-left: 26px;}
}

@media only screen and (max-width: 667px) {
.NewDstvPage section {text-align: left;margin-top: 0;}
}

@media only screen and (max-width: 350px) and (min-width: 320px) {
.getMoreSection .card .topContainer .item img.logo {margin-top: 10px;} 
}

@media only screen and (max-width: 660px) and (min-width: 351px) {
.getMoreSection .card .topContainer .item img.logo {margin-top: 0;} 
.YouMayAlsoLikeSection .card .topContainer .item img.logo {margin-top: 0;max-width:200px} 
}

@media only screen and (max-width: 667px) and (min-width: 601px) {
.getMoreSection .card .topContainer .item img.logo {margin-top: 20px;width: 200px;} 
}

@media only screen and (max-width: 1280px) and (min-width: 668px) {
.getMoreSection .card .topContainer .item img.logo {margin-top: 0;max-width: 100px;max-height: 35px;} 
}

@media only screen and (max-width: 767px) {
.getMoreSection .card .get-more-wrapper, .card-img.figure, .YouMayAlsoLikeSection .card .youmayalso-wrapper {padding: 0 0 0 15px;}
}

@media only screen and (min-width: 768px) {
.NewDstvPage a#siteCulture {max-height: 25px !important;}
.getMoreSection .card .get-more-wrapper, .YouMayAlsoLikeSection .card .youmayalso-wrapper, .card-img.figure {padding: 0px 16px 0 0;}
}