/* ----------- FOR RESPONSIVE CSS TABS -----MOVE TO BETTER LOCATION WHEN YOU CAN---------*/
/* Inserts the icons - see how they do this... */
/* @import url('http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css'); */
.youtubevideowrap{
   max-width:100%;
   margin-right: auto;
   margin-left: auto;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
    box-shadow:10px 13px 9px rgba(0, 0, 0, 0.77)
    z-index:0;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#tabContainer {
    margin: 0 auto;
    max-width: 100%;
    min-width: 320px;
    padding: 0;
    position:relative;
    top:12px;

}

.tabSection {
  display: none;
  float:left;
  height:auto;
  position:relative;
  top:0;
  width:100%;
}
.tabSubHeader{
    background: #000000 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font-family: arial;
    font-weight: 600;
    font-size:28px;
    height:35px;
    height: 1em;
    position: relative;
    text-align: center;
    z-index:4000;
    top:-6px;
    height:auto;
}
.tabSubHdContent{
   overflow:hidden;

 }

.tabRadioButton {
  display: none !important;
}
.tabsHeaderBar{ /* inserted by CM to create a separate background to the tabs themselves */

    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.tabLabel {
    background: #CCCCCC none repeat scroll 0 0;
    color:#999999;
    display: inline-block;
    font-weight: 600;
    margin-left: 8%;
    margin-right: 0;
    margin-top: 0;
    max-width: 23%;
    padding-top: 6px;
    position: relative;
    text-align: center;
    width: 23%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border:solid 1px black;
    border-bottom:solid 5px #666666;
}

.tabLabel:before {
  font-family: arial;
  font-weight: normal;
  margin-right: 10px;
}

/* BELIEVE DEPRECATED FROM OLD TAB DESIGN 4.21.17
.tabLabel[for*='1']:before {
  vertical-align: -29%;
  content:url(/wp-content/cm-webcore/images/icons/images-20-white.png);
}
.tabLabel[for*='2']:before {
  vertical-align: -29%;
  content:url(/wp-content/cm-webcore/images/icons/description-20-white.png);
}
.tabLabel[for*='3']:before {
  vertical-align: -29%;
  content:url(/wp-content/cm-webcore/images/icons/video-20-white.png);
}
*/
.tabLabel[for*='4']:before { content: '\f1a9'; }

.tabLabel:hover {
  color: yellow;
  cursor: pointer;
}

.tabRadioButton:checked + .tabLabel {
  color: white;
  background:#880000;
  border-bottom: 5px solid orange;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}

@media screen and (max-width: 650px) {
  .tabLabel {
    font-size: 0;
  }
  .tabLabel:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {

}
/* ------------------- END OF RESPONSIVE CSS TABS ----------------*/