/*
Theme Name: Clean Waterways 2019
Author: Access Intelligence
*/

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700');

html { height: 100%; font-size: 0.875em; /* 14px / 16px (browser default font-size) */ }
body { height: 100%;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;font-size: 1rem;line-height: 1.42857143;color: #2c2c2c;
  font-weight:300;
  background-color: #ffffff;
	position: relative;
}
a {color:#0174ee; transition:all .3s}
a:hover {color:#165ec0; text-decoration:none;}
section { background:#fff; position:relative;}

h1,h2,h3,h4,h5,h6 {font-weight:bold;}
h1 {font-size: 2.441rem; margin: 0 0 0.5em;}
h2 {font-size: 1.953rem; margin:.5em 0}
h3 {font-size: 1.953rem; font-weight:100}
h4 {font-size: 1.7rem; }
h5 {font-size: 1.5rem;border-bottom: 2px solid #518b04;margin: auto; display: table;}
h6 {font-size: 1.25rem; }
p {font-size: 1rem; margin: 0.5em 0 1.5em;}
img {max-width: 100%; height: auto;}

/* Footer Styles ___________________________*/
footer {background:#212426; position:relative; color:#fff;}
footer a {color:#42a506;}
footer a:hover {color:#91f702;}
footer h5 {color:#918d84; font-size:1.1rem; border: none;}
footer h6 {font-weight:300; margin-top:0}
.social_icons a {font-size:1.5rem; padding:0 1rem;}
input[type=email].getupdates-input {width:250px; margin:auto; text-align:center; border:none; border-bottom:1px solid #000; border-radius:0; box-shadow:none; font-size:1rem;transition: all .4s ease-in-out;}
input[type=email].getupdates-input:focus {outline: none; width: 300px}

.cohostedby img {margin:0 1rem}
.cleanevents span {font-size:14px; color:#024b79;}
.divider {display:block; opacity:0; line-height:0}

/* Navigation Styles ___________________________*/
button.navbar-toggle {padding: 0.5em; line-height: 1; border-radius:0; margin-top:18px; color:#042471; background: #fff;}
.navbar {background:#002b2a; background:rgba(0,43,42,.9); border:none; border-radius:0; margin-bottom:0; box-shadow:0 5px rgba(0,0,0,.2)}
.nav > li > a {color:#fff; text-align: center;}
.nav >li >a:hover { background: #014b4a }
.nav > li.active > a {background:#013c3b;}
.navbar-nav > .open > a:focus {background:#292929;}
.dropdown-menu {background:#393939;}
.dropdown-menu > li > a {color:#fff; font-size:16px; font-weight:300; line-height:1.5rem}
.navbar-header {margin-left:0 !important}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {max-height:none !important;}

/* Topbar Nav ___________________________*/
#menu-topbar {padding-left: 0; margin-bottom:0}
#menu-topbar li {background: #032cfe;list-style:none; display:inline-block; transition:all .3s}
#menu-topbar li a {line-height:40px; padding: 0 .5rem; font-size: .8rem;display:inline-block; color: #fff;}
#menu-topbar li:hover {background: #0325d1;}

/* Topbar Styles ___________________________*/
.topbar {background:rgba(0,0,0,.7); color:#fff;}
.topbar .left {display:inline-block; line-height:40px; height:40px;}
.social-menu a {color:#fff; margin:0 5px; font-size:13px}
.social-menu a:hover {color:#4ea2fc;}

/* Inner page Styles ___________________________*/
.pageheader {background: url(images/header-bg2.jpg) center / cover; color:#fff; padding:0;}
.pageheader h2 {color:#fff !important; text-shadow:2px 2px 2px #000; position:relative; z-index:10}
.pageheader2 {position:relative; padding:8.5rem 0 2.3rem}
.pageheader2:after { content:""; position:absolute; display:block; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:1}

/* Inner page: Anchorpage ___________________________*/
.affix {top: 110px; }
.affix-bottom {position: absolute;}
.nav-side { z-index:9;}
.nav-side > li {display: inline-block;}
.nav-side > li > a {color:#0075ef; background: #ecf3f8; display: inline-block; line-height: 35px; font-size: 12px; margin-bottom: 1px; margin-right:2px; padding: 0 15px}
.nav-side > li > a:hover { background:#d8eefe; border-left-:2px solid #a1c9fe;}
.nav-side > li.active > a { border-left:2px solid #032cfe; background: #e3edf4; }


.side_nav { margin-bottom:30px !important; z-index:9}
.nav-pills > li > a {border-bottom:1px #ddd solid; color:#0075ef !important; background: #fff; display: inline-block !important; line-height: 20px; font-size: 12px; padding: 7px 5px; margin-bottom: 1px; border-radius:0;}
.nav-pills > li > a:before {content: "\f0da  "; font-family: FontAwesome;}
.nav-pills > li.active > a {background:#f1f3f4 !important;}
.nav-pills > li > a:hover {background:none-;}

.quick_info {background:#ecf0f2; padding:10px 15px; text-align: center}
.quick_info h6 {font-size: 1rem; color: #0063a8;}
.quick_info p {font-size: .9rem; margin-bottom: 10px}
.quick_info .btn-primary {background-color: #0174ee;}
hr {border-color:#ccc;}
.exh_content_section h5 {border-bottom:2px solid #518b04; display:inline-block;}
.exh_content_section p, ul { text-align: left;}
ul.attend-list {list-style:outside none none; text-align:center; margin-bottom:1.5rem; padding-left:0;}
.attend-list li {display: inline-block;background: #f8fcdf; color:#5e3001; font-weight: 400;text-align: center;font-size: .8rem;padding: 10px 20px;margin: 2px;}
ul.cg_team {text-align: center;padding:10px 0;background:#f7f7f7;}
.cg_team li {display: inline-block;font-weight: 400;text-align: center;padding: 20px 30px;margin: 2px;vertical-align:top;}
.cg_team li strong {display: inline-block;border-bottom:1px solid #fb9999;margin-bottom:5px}
.textcenter {text-align: center !important; margin-bottom: 10px}

.anchor {display: block; position: relative; top: -180px;}


/* btn color ___________________________*/
.btn-main {background:#e00202; padding:10px 2rem;box-shadow: 0px 5px 10px rgba(0,0,0,.75);color:#fff; display:inline-block;}
.btn-main:hover {background: #ff0000; color:#300000;}
.btn {border:none; border-radius:0; white-space: normal;}
.btn-primary {background:#0174ee;}
.btn-primary:hover {background:#165ec0;}
.btn-primary:after {content: " \f138"; font-family: FontAwesome;}

/* Utility Styles ___________________________*/
.section-wrapper {padding-bottom: 3rem; padding-top: 3rem;}
.flexcontainer {display:flex; flex-wrap: wrap; align-self:center}
.vcenter {align-self:center}
.bg-main {background:#e00202 !important; color:#fff !important; }
.bg-main:hover {background:#ff0000 !important;}
.margin-leftright {margin:.5rem 1.3rem;}
.margin-topbottom {margin-top: 3rem; margin-bottom: 3rem;}
.padding-topbottom {padding-top: 3rem; padding-bottom: 3rem;}
.outline-white {outline: #fff 3rem solid}
.tr-stripe {font-size:.85rem}
.tr-stripe tr:nth-of-type(2n+1) { background:#f8fcdf}
.tr-stripe tr td:first-child { font-weight:bold; text-align:left;}
.tr-stripe tr.first-child  { background:#ffc300; text-align:left}

/* Homepage sections: How to Exhibit, Messaging area ___________________________*/
/* Event Info section */
.eventinfo {color:#fff;background:url(images/bg-1.png) no-repeat -250px 0 / 60%, url(images/bg-2.png) no-repeat 120% 50px / 40%, url(images/bg.png) #006360; padding:9rem 0 3rem}
.splash  {background:rgba(0,0,0,.4); padding:1rem 2rem;}
.splash p {line-height:1.6rem;}
.venue { margin:-15px auto 1.5rem; font-weight:400; border: none}
.eventinfo-spacer {opacity:0; z-index:-1;padding:9rem 0 3rem}

/* Homepage Announcement section */
.message {font-size: 1.5rem; font-weight:bold; color:#015990; line-height:1.8rem; padding-top:3rem;}
.message p {margin: 0; font-size: 1.5rem; }
.message a {text-decoration:underline}
/* Homepage: 728x90 section*/
.leaderboard_section {background:linear-gradient(180deg, #fff, #e8f4fe)}
/* Video section */
.video_section {background: url(images/video-bg.jpg) fixed}
.video_section .fa {font-size:6rem;margin: 6rem auto;background:rgba(0, 21, 255, 0.7);color:#fff;padding:2.4rem 2.6rem 2.4rem 3.2rem;border-radius:100%; transition:all .3s}
.video_section .fa:hover {background: rgba(256,0,0,.75);}
/* 2 column style: Conference, Exhibt, Network */
.coltwo {color:#0f385b;background:#e8f4fe;}
.coltwo .row { margin-bottom:3rem}
.coltwo  img { box-shadow:10px 10px 0px rgba(0,0,0,.1)}
.coltwo p {font-size: 1.3rem}
/* Homepage sections END ___________________________*/



/*********** Media Queries *****************/
@media (min-width: 540px) {
	html {font-size: 1em; /* 16px / 16px (browser default font-size) */}
	.first-td td:first-child {width:250px}
}
@media (min-width: 768px) {
/* Navigation Styles */
	.nav>li>a { line-height:70px; padding-top:0; padding-bottom:0;  font-size:18px;}
/* Navigation Styles END*/
  #menu-topbar li a {padding: 0 .7rem; font-size: 1rem;}

	.aboutus {
	background: url(images/bg-section-aboutus.jpg) no-repeat right / 60% 100%;
	}

	.alignleft {float: left; margin: 0 30px 0 0;}
	.alignright {float: right; margin: 0 0 30px 30px;}

	.social-menu a {margin:0 27px; font-size:20px}
	.register  {padding:0 15px; font-size:18px;}
	.divider {display:inline; opacity:1;}

}

@media (min-width: 992px) {
	html {font-size: 1.125em; /* 18px / 16px (browser default font-size) */}
	.border-right {border-right:1px solid #ccc;}
	.floatright{float: right;}
	.floatright .quick_info {width: 300px;}

/** Exhibit page **/
  .nav-side > li > a {font-size:1rem; float:none; width:200px; line-height:20px; padding: .9rem; text-align: left}
  .affix {width:300px; top:140px; position: fixed;}
	.affix-top,.affix-bottom {width: 300px;}
  .anchor {top: -120px;}
  .box150 {width: 150px;}

	.nav-pills > li > a {
  border-bottom:1px #ddd solid;
  line-height:20px ;
  padding: 15px 3px;
  min-width:184px;
  border-radius:0;
  display: block ;
  }
	/* Event Info */
	.eventinfo {position: fixed; width: 100%; }

}

@media (min-width: 1200px) {

}
@media (max-width: 992px) {
	.nav-side {text-align: center;}
	.flexcontainer { display:inherit;}
	.eventinfo-spacer {display: none}
}

.panel-heading a {
  cursor: pointer;
}

.planning-commitee.container {
    font-size: 14px;
    padding: 0;
}
.session {
	width: 150px !important;
}
.info, .time {
	font-size: 12px !important;
	line-height: 1.2em !important;
}
.nav-tabs > li > a {
    background: #fff none repeat scroll 0 0 !important;
    color: #000;
    font-size: 0.9rem;
}
