@charset "utf-8";
/* CSS Document */
/* ********* Styles for Commscope.com home page ********* */

[id=cmsc-LeadStory] { position: relative; background-size: auto; font-family: "HelveticaNeue-Light","Helvetica Neue Light",HelveticaNeueLight,HelveticaNeue,Helvetica,Arial,"Nimbus Sans L",sans-serif;
/* background: #000 url(/images/hp/hp-feature-bg-1.jpg) no-repeat center;*/  /* <- background image added inline in /widgets/CommScopeHomepageBanner.ascx so it can be changed by marketing */ }
	[id=cmsc-LeadStory] h2 { font-size: 28px; line-height: 30px;}
	[id=cmsc-LeadStory] p { font-size: 20px; }
	[id=cmsc-LeadStory] .container { height: 100%;}
	[id=cmsc-LeadStory] .cmsc-jumbotron { position: relative; bottom: 0; margin-bottom: 0; margin-left: 52%; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); }
	[id=cmsc-LeadStory] .cmsc-cta { margin-top: 20px;}
	
.cmsc-block {height: 465px;}
	.cmsc-block .container {padding-left: 30px; padding-right: 30px; }
	
.cmsc-txtlight {color: #fff;}

[id=cmsc-LeadStory] .cmsc-vcenter {position: relative; top: 45%; -ms-transform: translateY(-45%); -webkit-transform: translateY(-45%); transform: translateY(-45%); }
.cmsc-btn {font-weight: bold;font-size: 14px; color: #fff; background: #00aeef; border-color: #00aeef;}
.jumbotron { background-color: transparent;}

.btn {white-space: normal;}
.btn-lg {padding: 14px;}

.cmsc-btn-sec { background: #6e308f; text-align:center; font-size: 1.4em;}
	.cmsc-btn-sec:hover {background: #00aeef;border-color: transparent;}
	.cmsc-btn-sec:visited { background: #6e308f;}
.cmsc-btn-video { border: none; position: relative; text-align: left;  min-width: 200px; overflow: hidden;}
	.cmsc-btn-video b {margin: 0 0 0 5px; display: inline-block; background: rgba(255, 255, 255, 0.2); height: 100%; padding: 0 15px; position: absolute; right: 0; top: 0; }
	.cmsc-btn-video .glyphicon {-ms-transform: translateY(-50%) scale(1.75); -webkit-transform: translateY(-50%) scale(1.75); transform: translateY(-50%) scale(1.75); top: 50%; position: relative; text-align: center; }
.cmsc-btn-hilite { border: 1px solid #8B59A5; }
.cmsc-btn-hilite:hover {border-color: #33BEF2;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small {font-weight: bold;}
h2 small { color: inherit; display: block; margin-bottom: .5em; }


@media screen and (max-width: 767px){
	.blog-box { border-bottom: solid 3px #eee;}
	}
	
@media screen and (min-width: 450px), (max-width: 767px){
	.cmsc-btn-xwide {min-width: 390px; }
}
@media screen and (min-width: 768px){
	.container .jumbotron, .container-fluid .jumbotron {padding-left: 60px;padding-right: 60px;}	
	}
	
	
@media screen and (max-width: 991px){
	.cmsc-jumbotron small { font-size: 87%; }
	
	[id=cmsc-LeadStory] .cmsc-jumbotron { 
	/*background: -webkit-linear-gradient(top, transparent, black); 
	background: -moz-linear-gradient(top, transparent, black); 
	background: linear-gradient(to bottom, transparent, black); */
	
	
	/* 2016-01-22 applied new Day 2 MegaMenu;  remove main banner text reformating  on < ipad screen sizes */
	/*-ms-transform: none; 
	-webkit-transform: none; 
	position: absolute; 
	bottom: 0; 
	left:0;
	margin: 0 auto; 
	padding-left: 60px; 
	padding-right: 60px;*/
	/* End 2016-01-22 remove main banner text reformating  on < ipad screen sizes */
	}
	
	
	
	
	/*[id=cmsc-LeadStory] .cmsc-jumbotron {
    background: -webkit-linear-gradient(top, transparent, black);
    background: -moz-linear-gradient(top, transparent, black);
    background: linear-gradient(to bottom, transparent, black);
    -ms-transform: none;*/
    /* IE9 */
    /*-webkit-transform: none;*/
    /* Safari 8, Android 4.4 */
    /*transform: none;
    border-radius: 0;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    top: auto;
  }*/
	.cmsc-btn { display: block;}
	}
	
@media screen and (min-width: 992px){
	[id=cmsc-LeadStory] {background-size: cover;}
	.cmsc-cta { margin-top: 50px;}
	}
@media screen and (min-width: 1200px){
	.cmsc-block { height: 690px;}
	[id=cmsc-LeadStory] .cmsc-jumbotxt { margin-top: 15px; margin-bottom: 20px; }
	}
	
	
/* -------------------- Check it Out | Solutions | Products -------------------- */
.sect-2 {background: #efefef; padding: 4em 0; padding: 50px 0; color: #fff; border-bottom: 1px solid #ebebeb; }
.title-over {position: absolute; z-index: 100; margin: 4px 0 0px 4px; padding: 2px 12px; background-color: #555; background-color: rgba(56, 55, 55, 0.85); color: #fff; font-size: 16px;  }
 
.thumbnail { display: block; padding: 4px; line-height: 20px; border: 0px ; -webkit-border-radius: 4px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #fff; }
  
  .thumbnail .caption { /*color: #fff;*/ }
  .thumbnail p{  font-weight: 100; font-size: 14px; line-height: 24px; }
  .thumbnail h3 a{ font-weight: 600; letter-spacing: 1px; }
  .thumbnail h3 { font-size: 18px; }	
/* -------------------- END - Check it Out | Solutions | Products -------------------- */
  
  
/* -------------------- News -------------------- */ 
.sect-3 {background: #fff; border-top: 1px solid #efefef; padding: 2em 0 4em 0;}
.cmsc-jumbo-title {font-size: 26px;}
@media (max-width: 767px){.cmsc-jumbo-title {font-size: 18px; margin-left: 2%;}}
.news{ background: #fff; padding: 1em;}
.news p { font-size: 14px;}
.news-date{ font-size: 11px;}
.divide {border-bottom: 1px solid #efefef;}
/* -------------------- END - News -------------------- */ 


/* -------------------- Blogs -------------------- */ 
.sect-4{background-color:#f7f7f7; border-top: 1px solid #ebebeb; }
.sect-4 .container{padding: 50px 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.sect-4 .container row{margin-bottom: 25px; }
.blog-box {margin-bottom: 0px; }
.blog-box h4 {font-size: 16px;}
.blog-info {padding: 20px; }
	.blog-info img { float: left; width: 80px; height: auto; margin-right: 20px; border: 0; }
.blog-desc { overflow: hidden; }
.blog-desc p { margin-bottom: 15px; }
.round { border-radius: 50% !important; }

/* -------------------- END - Blogs -------------------- */