/*
Theme Name:   RuleML+RR
Theme URI:    http://example.com/ruleml+rr/
Description:  Child of Sparkling theme
Author:       wvw
Author URI:   http://example.com/wvw
Template:     sparkling
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         conference
Text Domain:  ruleml-rr
*/

/* anchor colors: 
	#6d87ba
	#000066
*/

h2 {
  font-size: 20px;
}

a:visited {
  color: #6d87ba; 
}

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

/* - site logo */
.site-logo {
	height: 70px;
	width: 145px;
	display: inline-block;
	margin-right: 20px;
	float: left;
}

/* - site title */
.site-name {
	float: left;
}

.small-site-name {
	display: none;
}

p.small-site-name {
	margin-bottom: 0 !important;
}

div.container {
	width: 100%;
}

div.row {
	margin: 0 auto;
}

a.navbar-brand {
	color: white !important;
}
	
a.navbar-brand:hover {
	color: #6d87ba !important;
}

.scroll-to-top:hover {
	background-color: #6d87ba;	
}

@media (max-width: 1555px) {
	.site-name {
		display: none;
	}
	
	.small-site-name {
		display: inline-block;
	}
}

@media (max-width: 1020px) {
	.small-site-name {
		display: none;
	}
}

/* - top menu */

#menu-top-menu a {
	color: white;
}

#menu-top-menu a:hover {
	color: #6d87ba;
}

#menu-top-menu .current-menu-item a {
	background-color: #6D87BA;
}

#menu-top-menu .current-menu-item a:hover {
	color: white;
}

/* - side bar */

.well {
	background-color: white;
}

#secondary .widget a {
	color: #6d87ba; 
}

#secondary .widget a:hover {
	color: #000066; 
}

ul.menu li:first-child {
	font-size: 16px;
	font-weight: bold;
}

/* - homepage */

.flex-caption {
	/* bottom: none;
	top: 50px; */
	bottom: 50px;
	margin-left: 215px;
}

.entry-header {
	margin: 0 !important;
}

.entry-header .entry-title {
	margin-bottom: 10px;
}

.flex-caption h2.entry-title {
	max-width: 660px;
	background-color: rgb(109, 135, 186) !important;
	background-color: rgba(109, 135, 186, 0.8) !important;
}

.flex-caption div.excerpt {
	background-color: rgba(59, 59, 59, 0.8) !important;
}

.conf-info {
  position: absolute;
  right: 250px;
  bottom: 50px;
  z-index: 999;
  width: 355px;
  /* width: 955px;
  margin: auto; */
}

.conf-register {
	text-transform: uppercase;
	width: 275px;
	height: 65px;
	background-color: #E83A56;
	color: white;
	font-size: 20px;
	padding-top: 20px;
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
}

.conf-date, .conf-venue {
  width: 350px;
  display: inline-block;
  background: rgb(109, 135, 186);
  background: rgba(109, 135, 186, 0.8);
  display: inline-block;
  padding: 12px 20px 12px 75px;
  margin-bottom: 0;
  color: #fff;
  border-radius: 5px;
  margin: 0 auto;
}

.conf-date {
  margin-top: 25px;
  background-repeat: no-repeat;
  background-image: url("img/calendar.png");
  background-position: 15px center;
}

.conf-venue {
  /* margin-left: 250px; */
  margin-top: 25px;
  background-repeat: no-repeat;
  background-image: url("img/location.png");
  background-position: 15px center;
  cursor: pointer;
}

.conf-info .title {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
}

.conf-info .content1 {
	font-size: 32px;
	font-weight: 300;
}

.conf-info .content2 {
	font-size: 18px;
	font-weight: 500;
}

@media (max-width: 1640px) {
	.flex-caption {
		/* top: 20px; */
		margin-left: 30px;
		bottom: 20px;
	}
	
	.conf-info {
		bottom: 20px;
		right: 50px;
	}
}

@media (max-width: 1520px) {
	.conf-register {
		display: none;		
	}
	/* .flex-caption {
		display: none;
	}
	
	.conf-info {
		left: 0;
		right: 0;
		width: 755px;
		margin: auto;
	}
	
	.conf-venue {
		margin-left: 50px;
	} */
}

@media (max-width: 1214px) {
	.flex-caption {
		display: none;
	}
		
	.conf-register {
		display: block;
	}
		
	.conf-info {
		left: 0;
		right: 0;
		bottom: 40px;
		width: 755px;
		margin: auto;
	}
	
	.conf-venue {
		margin-left: 50px;
	}
}

@media (max-width: 1100px) {
	.conf-register {
		display: none;
	}
}

@media (max-width: 844px) {
	.conf-info {
		display: none;
	}
}

/* - organization */

table.org td, table.org th {
	vertical-align: top;
	text-align: left;
}

table.org tr:first-child td, table.org tr:first-child th {
	border-top: none;
}

/* - challenge */

table.domains {
	width: 100%;
        border: 1px solid rgb(221, 221, 221);
}
table.domains tr:nth-child(odd) td {
	background-color: #eee;
}

table.domains td {
	vertical-align: top;
	padding: 15px;
	width: 33%;
}

table.domains td ul {
	padding-left: 15px;
}

table.domains td.yours {
	text-align: center;
}

table.domains td.yours b {
	font-size: 60px;
}

table.domains td.yours p {
	font-size: 20px; 
	font-weight: bold;
}