/*--Wisdom Teeth Feature--*/

.hideContent {display: none !important;} /* this class is given with jQuery and hides the content that is inactive. */

/* Wisdom Teeth Image - Added with jQuery */
#rpeImage {min-height: 200px;}

/*container sizing*/
#rpeWrapper {display:block; margin:0 auto; max-width:800px;}
#rpeWrapper * {box-sizing:border-box;}
 div.body > div {background-color:#fff; display:inline-block; padding:25px 0 0; width:100%;}
 div.rightCol > div.contentWrapper {margin:0; min-height:294px !important; min-width:100%; padding:0;}
div#image {display:inline-block; margin:0 auto; min-width:100%; padding:0; text-align:center;}
 div.rightCol {display:inline-block; display:inline;}
 div.rightCol .text {font-family:"Open Sans",Arial; margin:0 auto; max-width:100%; padding:0 10px;}
 div.contentWrapper p {color:#000; font-family:"Open Sans",Arial;}
 div.rpeImage,  div.rpeTitle {text-align:center;}
 div.rpeImage img {max-width:250px;}
.body {background-color:#687982; min-width:100%; position:relative; background-color: #fff;}

/*title*/
 div.featureTitle {background-color:#2d383f;}
 div.featureTitle > h2 {color:#fff; font-family:"Open Sans",Arial !important; font-size:2.6em; margin:0; padding:15px 20px;}
 div#rpeTitle h3 {color:#5e5e5e; margin:0; padding:10px 20px;}
 div.titleRow {background-color:rgba(217,217,217,0.25); border-bottom:1px solid #fff; padding:3px 12px;}
 #rpeTitle,  div.titleRow h2 {color:#7a7a7a; font-family:"Open Sans",Arial; font-size:1.8em; font-weight:normal; margin:0; padding:0;}

/*buttons*/
 ul.buttonCol {background-color:#687982; display:inline-block; float:left; font-family:inherit; font-family:"Open Sans",Arial; list-style-type:none; margin:0; max-width:20%; padding:0;}
 ul.buttonCol > .button {border-bottom:1px solid #fff; min-height:auto; min-width:160px; padding:10px 20px;}
 ul.buttonCol > .button:hover,  ul.buttonCol > .button:focus {background-color:rgb(124, 137, 144); cursor:pointer;}
 #rpeWrapper ul li span {color:#fff;}
 div.button:hover,  div.button:active,  div.button:focus {background-color:rgba(255, 255, 255, 0.25); border-right:rgba(0,0,0,0); cursor:pointer;}
 div.button:hover > span,  div.button:focus > span,  div.button:active > span {color:#000; left:15px; position:relative; text-shadow:none;}
 div.button,  div.button > span {-webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}

/* image */
 .contentWrapper img {max-width: 100%;}

/*footer*/
 div#footer {background-color:rgba(217,217,217,0.25); border-left:1px solid #fff; padding:4px 15px; text-align:right;}
 div.footer {display:table-cell; min-width:100%;}
 #footer > a {color:#292929; font-family:sans-serif; font-size:0.9em; padding:0;}

/*Responsive*/
@media screen and (max-width: 550px){
    div.rpeImage > video {min-width: 100%;}
}