/*
  99Lime.com HTML KickStart by Joshua Gatcke
  style.css
*/

/*---------------------------------
  IMPORTS
-----------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,600,600italic);

/*---------------------------------
  OVERRIDES
-----------------------------------*/

thead th,
tbody th{
font-family:'Open Sans',arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family:'Open Sans',arial, verdana, sans-serif;}

.menu{
font-family:'Open Sans',arial, verdana, sans-serif;
}

blockquote{
font-family:'Open Sans',arial, verdana, sans-serif;
}

/*  Grid Setting */
.grid {max-width:960px; background:#fff; padding:0;}

/*  Headers */
h1,h2,h3,h4,h5,h6{
font-family:'Open Sans',arial, verdana, sans-serif;
font-weight:normal;
}

h1{font-size:24px; }
h2 {font-size:15px; color:#004278; font-weight: bold; margin-top: 18px; padding: 0px; line-height:1.3em;}
h2.headline {font-size:17px; }
h2.reg, h3.reg {font-weight:normal; margin-left:35px; text-indent:-13px;}
h2.reg .fa {font-size:150%; color:#004278;} /* ChangeH - Use shade of main color */
h3 {font-size:14px; color: #333; font-weight: bold; padding: 0px; line-height:1.3em;}
h3.pink {color:#004278; margin-left:50px; font-size:16px;} /* ChangeH - Use shade of main color */
h4 {font-size: 11px; color: #fff; margin-top: 5px; padding: 0px; line-height:1.3em;}

/* Links */
a { color: #004477; } /* ChangeH - Use either accent or main color */
a:hover { text-decoration: none; } 
a:active { color: #0064b0; } /* ChangeH - Use tint of link color */

/*  Paragraph */
p {margin:10px 0 0 0;}

/*  Buttons */
.reg-btn {
  display: inline-block;
  background: #9e0e32; /* ChangeH - Use shade of main color */
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px;  
  border-radius: 4px; 
  color: #fff; 
  text-transform: uppercase; 
  border-bottom: 4px solid #690921; /* ChangeH - Use darker shade of main color */
  padding: 8px 20px 5px;
  text-decoration: none; 
  font-weight: 600; 
  font-size: 16px; 
  font-family: Verdana, Sans-serif;
}

.reg-btn:hover {
  color: #ffffff;
  background: #d21242; /* ChangeH - main color */
  border-color: #9e0e32; /* ChangeH - Use shade of main color */
}

.reg-btn:active {
  color: #ffffff;
  background: #9e0e32;
  border-color: #690921;
}

/*  HR Line */
hr {height:0; border-top: solid 1px #777; color:#fff;  margin: 0 auto;}

/*  List */
ol, ul {margin:0 0 5px 20px;}
li {margin-top: 0px;}
ol.register {margin-left:28px;}
ol.register li {list-style:none; text-indent:-13px;}
ol.register .fa {font-size:150%; margin-right:6px;}
ol.register .fa-phone {font-size:180%;}
dt {margin-bottom:5px;}

/*---------------------------------
  LAYOUT
-----------------------------------*/

body{
margin:0;
padding:0 0 0 0;
color:#333;
background:#eee;
font:13px 'Open Sans',arial, verdana, sans-serif;
text-shadow: 0 0 1px transparent; /* google font pixelation fix */
line-height:1.7;
}

#wrap{
width:100%;
background:#fff;
margin:30px auto 30px auto;
padding:0 2%;
border:1px solid #ccc;
}

/* Header */
header {
position: relative;
background:#8a8a8a url(http://www.decisionhealth.com/images/conferences/PBN_Header_BG2.png)  no-repeat; /* ChangeH - Header background Image */
background-size:cover;
padding:5px 25px 15px;
}

.header_text {color: #fff;}
.header_text h1{font-weight:bold; line-height: 1.2em; letter-spacing:1px; color:#fff; margin-top:15px; max-width: 470px;}
.header_text h4.sponsor{font-size: 11px; font-weight: normal; }

#date {margin: 5px 0 0 0; font-size: 13px; letter-spacing: 1px; color:#fff; font-weight:bold;}

@media only screen and (min-width:768px){
  .header_text h1, .header_text h4 {
    max-width: 580px;
  }
}


footer{
text-align:left;
padding:10px;
margin:20px 0 0 0;
clear:both;
color:#666;
font-size:10px;
text-shadow:0px 1px 1px #fff;
position: relative;
top:0;
left:0;
background:#fff;
border-top:1px solid #ccc;
}

footer p {margin:10px 0;}
footer .leftlogo{margin:0 10px 0 0;}
  #link-top{
  display:none;
  }

/* Navigation */
nav {
  background: #406889; /* ChangeH - Main Color */
  border-top: 2px solid #d21242; /* ChangeH - Either accent or Tint color of background */
  height: 26px;
}

nav .col_12 {
  margin: 0;
}

nav ul {margin:0; width: 100%; text-align: center;}
nav ul li {display: inline;}

nav ul li a {
  float: left; 
  color: #fff; 
  padding: 0px 15px; 
  text-align:center; 
  text-decoration: none;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

nav a:hover {
  color: #ffffff;
  background: #809ab0; /* ChangeH - Use tint of main color + img fallback*/
  background: -moz-linear-gradient(top, #809ab0 0%, #809ab0 50%, #8da5b9 51%, #8da5b9 100%), url(http://www.decisionhealth.com/images/conferences/opc_nav2.gif); /* ChangeH - Use shade & tint of main color + img fallback*/
  background: -webkit-linear-gradient(top, #809ab0 0%, #809ab0 50%, #8da5b9 51%, #8da5b9 100%), url(http://www.decisionhealth.com/images/conferences/opc_nav2.gif); /* ChangeH - Use shade & tint of main color + img fallback*/
  background: linear-gradient(to bottom, #809ab0 0%, #809ab0 50%, #8da5b9 51%, #8da5b9 100%), url(http://www.decisionhealth.com/images/conferences/opc_nav2.gif); /* ChangeH - Use shade & tint of main color + img fallback*/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#809ab0', endColorstr='#8da5b9',GradientType=0 ); /* ChangeH - Use shade & tint of main color + img fallback*/
}

.nav a:active {
  color: #f1f1f1;
}

nav a.current:link, nav a.current:visited, nav a.current:active {
  background: #809ab0; /* ChangeH - Use tint of main color + img fallback*/
  background: -moz-linear-gradient(top, #809ab0 0%, #809ab0 50%, #8da5b9 51%, #8da5b9 100%), url(http://www.decisionhealth.com/images/conferences/opc_nav2.gif); /* ChangeH - Use shade & tint of main color + img fallback*/
  background: -webkit-linear-gradient(top, #809ab0 0%, #809ab0 50%, #8da5b9 51%, #8da5b9 100%), url(http://www.decisionhealth.com/images/conferences/opc_nav2.gif); /* ChangeH - Use shade & tint of main color + img fallback*/
  background: linear-gradient(to bottom, #809ab0 0%, #809ab0 50%, #8da5b9 51%, #8da5b9 100%), url(http://www.decisionhealth.com/images/conferences/opc_nav2.gif); /* ChangeH - Use shade & tint of main color + img fallback*/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#809ab0', endColorstr='#8da5b9',GradientType=0 ); /* ChangeH - Use shade & tint of main color + img fallback*/
  background-repeat: repeat-x;
}

nav a.current:hover {
  opacity: .85;
}

.menutext {font-size:12px; font-weight:bold; color: #fff; line-height:24px; letter-spacing:1px;}

/* sidebar styles */
#right_text{
background-color: #efefef;
border: 1px solid #ccc;
padding:10px;
}
#right_text .presenter {
font-size:13px; 
color: #004278; /* ChangeH - Use shade of main color */
font-weight: bold; 
text-transform:uppercase; 
border-bottom:1px solid #ccc; 
}
.speaker {margin: 0 10px 10px 0; border: solid 1px #ccc; padding:3px; background:#fff;}
.sidebar-hr { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0)); margin:20px auto; }
#right_text h2.name {color:#000; font-size:14px;}
#right_text h3, h3.pink {color:#004278;} /* ChangeH - Use shade of main color */
#sponsors {line-height:1.4; margin-top: 15px; color: #333333;}
#sponsors.logo {margin-top: 30px;}

/*back to top */
a.back-to-top {
  background:#9e0e32; /* ChangeH - Use accent of main color */
  border: 1px solid #690921; /* ChangeH - Use shade of accent color */
  border-radius:22px;
  bottom: 100px;
  color: #fff;
  display: none;
  font-size: 12px;
  font-weight: 800;
  height: 45px;
  line-height:.7;
  padding-top: 5px;
  position: fixed;
  right: 10px;
  text-align: center;
  width: 45px;
  z-index: 999;
  text-decoration:none;
}

a.back-to-top:hover {background:#d21242;} /* ChangeH - Use tint of accent color */


/* Banner */
.ribbon-wrapper-pink {
  width:350px;
  height:150px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
  display: none;
}

@media only screen and (min-width:930px){
  .ribbon-wrapper-pink {
    display: block;
  }
}

.ribbon-pink {
  font-weight: bold;
  font-size:16px;
  color: #fff;
  text-align: center;
  text-shadow: rgba(255,255,255,0.3) 0px 1px 0px;
  -webkit-transform: rotate(12deg);
  -moz-transform:    rotate(12deg);
  -ms-transform:     rotate(12deg);
  -o-transform:      rotate(12deg);
  position: relative;
  padding: 14px 0;
  left: 10px;
  top: 35px;
  width:350px;
  background-color: #9e0e32; /* ChangeH - Use tint of accent color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9e0e32), to(#d21242)); /* ChangeH - Use tint and shade of accent color */
  background-image: -webkit-linear-gradient(top, #9e0e32, #d21242); /* ChangeH - Use tint and shade of accent color */
  background-image:    -moz-linear-gradient(top, #9e0e32, #d21242); /* ChangeH - Use tint and shade of accent color */
  background-image:     -ms-linear-gradient(top, #9e0e32, #d21242); /* ChangeH - Use tint and shade of accent color */
  background-image:      -o-linear-gradient(top, #9e0e32, #d21242); /* ChangeH - Use tint and shade of accent color */
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-pink:before, .ribbon-pink:after {
  content: "";
  border-top:   3px solid #9e0e32 ;  /* ChangeH - Use shade of accent color */
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-pink:before {
  left: 0;
}
.ribbon-pink:after {
  right: 0;
}​

/* Callout */
.callout{
background:#4598ef;/*#86dc00;*/
padding:3em 0;
color:#fff;
box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
text-align: center;
text-shadow:0px 1px 3px rgba(0,0,0,0.2);
display:block;
}
  .callout + div.grid{margin-top:50px;}
   a.callout{cursor:pointer;}
   .callout i.icon-4x{font-size:6em;}
   .callout h4{margin-bottom:30px;}
   .callout-top{margin:50px 0 0 0;}
   .callout p{margin-bottom:0;}
   .callout .button{margin-top:10px;}
   .callout.green{background:#19ad0b;/*#86dc00;*/}

.small {font-size:90%;}
.bigger {font-size:120%;}
.margin {margin-left:20px;}