/*
Theme Name: PHS Development All All
Theme URI: http://phsdev.partners.org
Description: Theme for Partners HealthCare Development All All event website
Version: 1.0
Tags: responsive, white, bootstrap
 
License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/
 */

/* insert bootstrap CSS */
@import url('css/bootstrap.min.css');

/*insert TypeKit fonts */
@import url("https://use.typekit.net/iaa2qrm.css");

/* insert Google Fonts */
@import url(https://fonts.googleapis.com/css?family=Work+Sans:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,700italic,400italic);

body {
/*	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; */
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 23px;
	font-weight: 400;
	background-color: #eee;
}

.navbar {
	border: 0px;
    border-radius: 0px;
    margin-bottom: 0px;
}

a.navbar-brand, a.navbar-brand:hover {
color: #fff;
}

.navbar-toggle {
	border: none;
	border-radius: 0px;
}

.navbar-toggle .icon-bar {
	background-color: #fff;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background-color: #005268;
border-color: #fff;
text-align: center;
}


.rfr-logo {
	background-color: #008ab0;
	text-align: center;
	padding: 10px;
}

.rfr-logo p {
	color: #fff;
}

h1#logo {
	font-weight: bold;
	color: #fff;
	text-transform: none;
	display: none;
	margin: 20px 0px 10px 0px;
	font-size: 48px;
}

p.subtitle {
	display: none;
}

div.logo-left {
	float: right;
}

div.logo-right {
	float: left;
}

.race-logo {
	width: 100%;
	height: auto;
	max-width: 300px;
}

.rfr-nav {
	background-color: #005268;
	text-transform: uppercase;
	text-align: center; 
}

.navbar-brand {
	display: inline-block;
}

ul.rfr-main-nav li a {
	color: #fff;
}

ul.rfr-main-nav li a:hover{
	text-decoration: none;
	background-color: #000;
	color: #fff;
}

.dropdown-menu {
	background-color: #005268;
	border-radius: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.dropdown-menu>li>a {
	background-color: #005268;
	padding-top: 10px;
	padding-bottom: 10px;
/*	border-bottom: 1px solid #fff; */
}

.dropdown-menu>li.indent>a {
	padding-left: 40px;
}

@media (min-width: 768px){
	.navbar-nav{
	    margin: 0 auto;
	    display: table;
	    table-layout: fixed;
	    float: none;
	}
	.navbar-brand {
		display: none;
	}
	h1#logo {
		display: block;
	}
	p.subtitle {
		display: block;
	}
}  

@media (max-width: 768px){
.navbar-nav .open .dropdown-menu {
text-align: center;
}
.navbar-nav .open .dropdown-menu>li>a {
padding: 10px;
}
}

a {
	color: #008ab0;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
}

h1 {
	font-weight: 600;
	margin-bottom: 20px;
}

h1 a {
	color: #000;
}

h1.page-title {
	margin-top: 30px;
}

h2 {
margin-top: 40px;
font-weight: 600;
font-size: 24px;
}

a:hover {
text-decoration: none;
color: #005268;
}

div.rfr-page-content h1 {
margin-bottom: 20px;
}

div.rfr-page-content h3 {
text-transform: uppercase;
margin-top: 30px;
}

div.rfr-page-content {
margin-bottom: 30px;
}

.footer-wrap {
	border-top: 10px solid #005268;
	padding: 20px 0px 20px 0px;
	background-color: #008ab0;
	color: #fff;
	text-align: center;
}

@media (min-width: 992px){
	.footer-wrap {
		text-align: left;
	}
}  

.footer-wrap a {
	color: #fff;
	text-decoration: none;
}

.footer-wrap a:hover {
	text-decoration: underline;
}

.footer-logos {
	margin: 10px 0px;
}

.footer-right {
	text-align: center; 
	font-size: 0.8em;
	vertical-align: middle;
	margin: 10px 0px;
}

@media (min-width: 992px){
	.footer-right {
		text-align: right;
	}
}  

/***** customize sidebar widgets *****/
div.sidebar-widget {
background-color: #e3e3e3;
padding: 20px;
margin-top: 20px;
margin-bottom: 20px;
}

h2.sidebar-title {
text-transform: uppercase;
text-align: center;
font-size: 1.1em;
margin-top: 0px;
font-weight: 700;
}

/***** set background color on password protect login screen *****/
body.rfr-login-screen {
background-color: #008ab0;
}

/***** styles posts *****/
div.rfr-post {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #e3e3e3;
}

p.byline {
font-size: 0.75em;
margin-bottom: 15px;
color: #215871;
}

/***** styles calendar sidebar widget *****/
div#tribe-events-list-widget-2 h2.sidebar-title {
color: #337ab7;
}

div.homepage-box ol.tribe-list-widget {
list-style-type: disc;
margin: 20px;
padding: 0px;
}

div.homepage-box ol.tribe-list-widget li.tribe-events-list-widget-events {
margin-bottom: 0px;
}

.clearfix:after, .clearfix:before, .tribe-clearfix:after, .tribe-clearfix:before {
content: inherit;
display: table;
}

ol.tribe-list-widget {
list-style-type: none;
margin: 20px;
padding: 0px;
}

h4.tribe-event-title {
margin-bottom: 0px;
font-size: 16px;
}

div.tribe-event-duration {
font-size: 0.8em;
}

li.tribe-events-list-widget-events {
margin-bottom: 10px;
}

p.tribe-events-widget-link {
margin-left: 20px;
padding-bottom: 20px;
font-size: 0.8em;
}

li.ecs-event h4 {
margin-bottom: 0px;
}

/***** styles countdown widget *****/
div#uji_widget-3 {
background-color: #005268;
color: #fff;
padding-bottom: 20px;
}

div#uji_widget-3 h2.sidebar-title {
color: #fff;
}

div.ujic-hold {
text-align: center;
}

.ujic-classic span.countdown_amount {
font-size: 80px !important;
line-height: 1.0em !important;
font-family: 'Work Sans', Helvetica, Arial, sans-serif !important;
background-color: #005268 !important;
box-shadow: none !important;
text-shadow: none !important;
padding: 0px !important;
}

/***** styles tables *****/
td, th {
padding: 5px;
}

tr.even {
background-color: #eee;
}

/***** style WuFoo forms *****/
form.wufoo header.info {
	display: none;
}

/***** style Gravity forms *****/
div.ginput_container input, div.ginput_container textarea {
border-style: solid;
border-width: 1px;
border-color: #ccc;
}

/***** style homepage *****/
.homepage-body {
margin-top: 20px;
}

.homepage-box {
border: 10px solid #eee;
padding: 20px;
background-color: #fff;
}

.homepage-box h3 {
margin-top: 0px;
}

.page-content {
background-color: #fff;
}

.container>.navbar-collapse {
/* float: left !important; */
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
background-color: #000;
}

.pad-bottom {
padding-bottom: 40px;
}

.pad-top {
	padding-top: 40px;
}

/***** style homepage callouts *****/
.text-center {
	text-align: center;
}

.text-center a.btn {
	color: #fff;
	background-color: #005268;
	border: 0px;
}

.text-center a.btn:hover {
	color: #fff;
	background-color: #008ab0;
}

.btn {
	text-transform: uppercase;
	font-size: 16px;
    padding: 12px 20px;
    margin: 10px;
}

/***** style homepage slider *****/
.carousel-caption {
	padding: 20px;
	background-color: #008ab0;
	text-shadow: none;
}

.carousel-caption h1 {
	color: #fff;
}

.carousel-caption a.btn {
	background-color: #005268;
	border: 0px;
	margin-bottom: 10px;
}

.carousel-caption a.btn:hover {
	color: #005268;
	background-color: #fff;
}

/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

/***** style homepage hero *****/
.background-image {
	/* background-image: url('http://phsallall.staging.wpengine.com/wp-content/uploads/2017/01/allall-splash-02.jpg'); */
	background-image: url('http://allall.partners.org/wp-content/uploads/2018/05/allall-splash-2018.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	height: 500px;
	width: 100%;
	text-align: center;
	position: relative;
}

.text-float {
	display: block;
	padding: 20px 40px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	margin: auto;
	width: 65%;
	background-color: rgba(0, 138, 176, 0.9);
	color: #fff;
	text-align: center;
     text-shadow: 1px 1px #005268;

}

.text-float a.btn {
	color: #005268;
	background-color: #fff;
	border: 0px;
	margin-bottom: 10px;
text-shadow: none;
}

.text-float a.btn:hover {
	color: #fff;
	background-color: #005268;
}

.text-float h1 {
	color: #fff;
}

/***** style blog posts header *****/

div.planning-desk-splash {
display: block;
padding: 20px;
margin-top: 20px;
background-color: #e3e3e3;
}

div.planning-desk-splash p {
color: #005268;
font-style: italic;
font-weight: bold;
font-size: 16px;
margin: 0px;
padding: 0px;
}

/***** style gravity forms *****/

li.gfield_label {
margin-top: 20px;
}

body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
margin-top: 0px !important;
}

body .gform_wrapper ul li.gfield {
margin-top: 40px !important;
}

body .gform_wrapper ul li#field_2_8 {
margin-top: 15px !important;
}

.gform_wrapper ul.gfield_radio li label {
font-weight: normal !important;
}

table.gsurvey-likert th.gsurvey-likert-choice-label {
background-color: #005268 !important;
color: #fff !important;
font-size: 14px !important;
}

table.gsurvey-likert .gsurvey-likert-row-label {
font-size: 14px !important;
}

/***** style Ninja Tables *****/
.footable .btn {
	margin: 0px;
}

/***** style agenda *****/
.agenda-block {
	margin-bottom: 15px;
}