/*
Theme Name: iWin
*/
/* orange: #f47836 */

/* resets */
li {
	margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #666;
    background: none;
}

/*Wordpress editor styles start*/
body{
	height:100%;
	background: #fff;
	color:#6d6e71;
	font-family: 'Open Sans', sans-serif;
}
.container{
  margin-left:auto;
  margin-right:auto;
	padding-left:0;
	padding-right:0;
}
.content { background-color: #fff; }
article { background-color: #fff; }
.row {
	margin-left:0px;
	margin-right:0px;
}
footer { background-color: #fff; }

@media (max-width: 420px){
	.header-link{
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	.header-link img {
			width: 100%;
	}
	.header-link-not-home{
    display: block;
		width: 90%;
		margin: 0 auto;
	}
	.header-link-not-home img {
			width: 100%;
	}
		h1.entry-title{
		color:#f47836;
		margin-bottom: 1em;
	}
	.entry-content h2{
		color:#f47836;
		font-size:1.8em;
	}
	.content-area{
/* 		padding-left: 10px;
		padding-right: 10px; */
	}
	#main-container {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (max-width:991px){
	.container {
    background-color: #fff;
	}
	#main-container {
		padding-left: 10px;
		padding-right: 10px;
	}
	/*.home-header-title-box {
			width: 90%;
			margin: 0 auto;
			padding: 0 0 20px 0;
			position: relative;
			background-image: url('img/iwin-header.jpg');
			background-size: cover;
			height: 100%;
	}*/
	.home-header-title-box img{
		margin: 0 auto;
		width:100%;
	}
}
@media (min-width:992px){
	.container {
/*     background-color: none; */
	}
	/*.home-header-title-box {
			margin: 0 auto;
			padding: 0 0 20px 0;
			position: relative;
			background-image: url('img/iwin-header.jpg');
			background-size: cover;
			height:100%;
	}*/
	.home-header-title-box img{
		margin: 0 auto;
		width:100%;
	}
}

@media (max-width:991px){
	.header-link{
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	.header-link-not-home{
    display: block;
		width: 90%;
		margin: 0 auto;
	}
	.header-paragraph {
		color: #fff;
    font-size: 12px;
	}
}
@media (min-width:992px) and (max-width:1199px){
	.header-link{
		display: block;
		position: relative;
		bottom: -22em;
		left: 50%;
		width: 600px;
	}
	.header-link-not-home{
    display: block;
    position: relative;
    bottom: 0em;
    left: 50%;
    width: 600px;
	}
	.header-paragraph {
		color: #fff;
    font-size: 14px;
	}
}
@media (min-width:1200px){
	.header-link {
		display: block;
		position: relative;
		bottom: -22em;
		left: 50%;
		width: 600px;
	}
	.header-link-not-home{
    display: block;
    position: relative;
    bottom: 0em;
    left: 50%;
    width: 600px;
	}
	.header-paragraph {
    color: #fff;
    font-size: 16px;
	}
}

.header-link a {
	color:#000;
	text-decoration:none;
}

.header-link a:hover {
	text-decoration:underline;
}

/* override */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 20px;
padding-left: 20px;
}
h1,h2,h3,h4,h5,h6{ color: #f47836; }

h2{ font-size: 22px;}

article h2{
	font-size: 1.25em;
/* 	padding-bottom: 0.25em; */
	border-bottom: none;
	margin-bottom: 1em;
	margin-top:2em;
}
.entry-header{ margin-top:5em; }
.entry-content img { margin: 0 0 1.5em 0; }
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}

/*Wordpress editor styles end*/

.masthead {
	background: #fff;
	text-align: center;
	/*height:330px;*/
}
.masthead h1 {
	font-size: 1.3em;
	color: #999;
	font-weight: 200;
	margin: 0;
	text-decoration: none;
}
.navbar{ min-height:0; }
body .navbar {
	height: 3.9em;
}
@media (max-width:1199px){
	.navbar .nav, .navbar .nav > li {
		float:none;
		display:block;
		vertical-align:middle;
		background-color:#fff;
		font-size:1.1em;
		z-index:9999;
		text-align:center;
	}
	.navbar > li {
	}
	.navbar .nav > li:hover {
/* 		color: #666; */
	}
	.navbar .nav > li.active { background-color:#fff; }
	.navbar .navbar-nav > .active > a,
	.navbar .navbar-nav > .active > a:hover,
	.navbar .navbar-nav > .active > a:focus{ background-color:#fff; }
	.nav > li > a {
		font-size: 16px;
		padding: 10px;
		line-height:4em;
		color: #f47836;
		font-weight: 300;
	}
	.nav-pills > li > a{ font-size:12px !important; }
}
@media (min-width:1200px){
	/*.navbar .nav, .navbar .nav > li {
		float:none;
		display:inline-table;
		vertical-align:middle;
		background-size:contain;
	}*/
	nav.navbar {
		display: flex;
		justify-content: center;
	}

	.navbar > li {
		border-right:1px solid #fff;
		/*width: 100px;*/
	}
	.navbar > li:last-child{
		border-right:none;
	}
	.navbar .nav > li:hover,
	.navbar-inverse .nav > li:hover{
	}
	body .navbar .nav > li.active.current-menu-item,
	body .navbar .nav > li.active.current-menu-item{
		color: #f47836;
		font-size: 16px
	}
	body .navbar .navbar-nav > .active > a,
	body .navbar .navbar-nav > .active > a:hover,
	body .navbar .navbar-nav > .active > a:focus {
    color: #f47836;
		font-weight:300;
		font-size: 16px
}
	body .navbar .navbar-nav > a {
		color: #f47836;
		font-weight:400;
	}
	body .navbar .navbar-nav > a:hover,
	body .navbar .navbar-nav > a:focus {
		color: #f47836;
		font-weight:300;
		font-size: 16px
}
	.nav > li > a {
		font-size: 16px;
		max-width: 150px;
		width: 150px;
		line-height: 1em;
		padding: 0;
		display: table-cell;
		height: 4.6em;
		vertical-align: middle;
		color: #f47836;
		font-weight: 400;
		/*text-transform: uppercase;*/
	}
}
.navbar-inner {
    text-align:center;
}

.active > a{ }

#main-container { }

#main-container b{
	color:#f47836;
}


/* nav tabs override */
.nav-tabs {
  border-bottom: none;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  background-color: #eee;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
}
.nav-tabs > li > a:hover {
/*   border-color: #eee #eee #ddd; */
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #555;
}
/*  */
@media (max-width: 420px){
		h1.entry-title{
		color:#f47836;
		margin-bottom: 1em;
	}
	.entry-content h2{
		color:#f47836;
		font-size:1.8em;
	}
}
@media (min-width:421px){
	h1.entry-title{
		color:#f47836;
		margin-bottom: 1em;
	}
	.entry-content h2{
		color:#f47836;
		font-size:2.2em;
	}
	h2.child-title {
		color:#f47836;
		font-size:2.2em;
		text-decoration: none;
	}
}
.child-title{
	text-transform:uppercase;
	text-decoration: none;
}

.home-top-paragraph {
	font-size: 1.3em;
	color: #f47836;
	margin:1em 0 2em 0;
}

.home-highlighted-questions ul {
	list-style: none;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0;
}

ul.home-key-features {
	list-style-type: none;
	text-align: center;
}
ul.about-key-features {
	list-style-type: none;
	text-align: left;
	-webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
}

ul.home-key-features li {
	line-height: 2em;
}

.homepage-next-forum, .homepage-latest-news{
	background-color:#eee;
	height:420px;
}
.homepage-next-forum-inner{
	height: 90%;
	padding: 2em;
	overflow: hidden;
	margin-bottom: 1em;
}
.forum-calendar-row{
	margin-left:0px !important;
	margin-right:0px !important;
}
.forum-time-date{
		font-size: 14px;
	color: #f47836;
	font-weight: bold;
}
.forum-sub-title{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.homepage-latest-news-inner{
	height:99%;
	padding: 2em;
	overflow-y:auto;
	margin-bottom: 1em;
}
.homepage-link-area {
	padding:2em;
}
.nav-shadow {
	margin: -22px auto;
	width: 100%;
	z-index: -1;
	position: relative;
	background: #fff;
	margin-top: -23px;
}

.slice-shadow{
	margin:0 auto;
}
ul.child-pages{
	list-style:none;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0;
	margin-top:2em;
	margin-bottom:2em;
}

.page_item.current_page_item a {
	font-weight:bold;
}
.page_item.current_page_item a:hover {
	font-weight:bold;
	text-decoration:none;
	cursor:default;
	color:#428bca;
}

/* icon links */

a.red {	color: #8F0506; }
a.yellow { color: goldenrod; }
a.blue { color:#f47836; }

.file-link, .file-link-red, .file-link-gold{
	padding:1em;
	margin-bottom:1em;
}
.file-link img, .file-link-def img, .file-link-red img, .file-link-gold img, .file-link-pub img {
	float: left;
	margin-right: 1em;
	margin-top: -0.4em;
}
.file-link a, .file-link-def a{
	color:#f47836;
	text-decoration:none;
}
.file-link-red a{
	color: #8F0506;
	text-decoration:none;
}
.file-link-gold a{
	color: goldenrod;
	text-decoration:none;
}
.file-link-grey a{
	color: #6d6e71;
	text-decoration:none;
}
.file-link a:hover, .file-link-def a:hover, .file-link-red a:hover, .file-link-gold a:hover, .file-link-grey a:hover{
	text-decoration:underline;
}

.row .forum-calendar-list{
	background-color: #fde4d7;
}
.forum-calendar-list{
	padding:0.5em 0 0.5em 1em;
 	height: 6em;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	display:table;
}
.forum-calendar-list-text{
	vertical-align:middle;
	display:table-cell;
}
.forum-calendar-list-link{
	background-image: url('img/calendar-link-bg.png');
	background-size: contain;
 	height: 6em;
	border-bottom: 2px solid #fff;
	display:table;
}
.forum-calendar-list-link a{
	color:#fff;
	vertical-align:middle;
	display:table-cell;
}
.forum-calendar-list-link a:hover{
	text-decoration:none;
}

footer{
	margin: 0 0 2em 0;
}

@media (max-width:1200px){

	.homepage-next-forum, .homepage-latest-news{
		background-color:#eee;
		height:110%;
	}
	.homepage-next-forum-inner{
		height: 100%;
		padding: 2em;
		overflow: hidden;
		margin-bottom: 1em;
	}
	.homepage-latest-news-inner{
		height:100%;
		padding: 2em;
		overflow:hidden;
		margin-bottom: 1em;
	}

	.footer-middle{
		padding:3em 1em 1em 1em;
		height: 3em;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		display:table;
		text-align:center;
	}
	.footer-middle-text{
		vertical-align:middle;
		display:table-cell;
	}
	.footer-small-center{
		text-align:center;
	}
}


@media (min-width:1200px){
	.footer-middle{
		padding:0.5em 0 0.5em 1em;
		height: 9em;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		display:table;
	}
	.footer-middle-text{
		vertical-align:middle;
		display:table-cell;
	}
	.footer-small-center{
		text-align:center;
	}
}

.child-pages-header {
  margin: 0 0 -1em 0;
}

.bottom-footer{
	display: flex;
	justify-content: space-between;
}
.bottom-footer div {
	line-height: 4em;
}

.navbar-toggle {
    background-color: #f47836;
}
.navbar-toggle .icon-bar {
    color: #fff;
    border: 1px solid;
}
.navbar-collapse.in {
    overflow-y: visible;
}

a.twitter-link{
	color: #666 !important;
}
a.twitter-link:hover{
	color: #666 !important;
	text-decoration: none !important;
}


/* helpers */

p.larger { font-size: 15px; }
.orange { color: #f47836 }

body .slice-shadow { width: 90%; margin: 0 auto; }

h1.serif,
h2.serif { font-family: 'Libre Baskerville', serif; }

.white{ color: #fff; }
.white a { color: #fff; }
.no-border{
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
.color-white { color: #fff; }
.background-blue		{ background-color: #002a5c; }
.background-orange		{ background-color: #f47836; }
.background-yellow	{ background-color: #febe10; }
.background-grey	{ background-color: #6a737a; }
.row .background-yellow	{ background-color: #febe10; }
.file-link.background-yellow	{ border-radius: 5px; }
.underlined { text-decoration:underline; }
.background-light-grey { background-color:#eee; }
.centered	{ text-align:center; }
.img-left	{ float:left; padding-right:1em; }
img .img-responsive .img-centered{ margin: 0 auto; }
.img-centered { margin: 0 auto; }
.margin-bottom-2			{ margin-bottom:2em; }
.margin-top-bottom-2	{ margin:2em 0; }
.margin-top-none			{ margin-top:0; }
.margin-top-2					{ margin-top:2em; }
.margin-top-bottom-4	{ margin:4em 0; }
.margin-top-8					{ margin-top:8em; }
.padding-top-1				{ padding-top:1em; }
.padding-top-2				{ padding-top:2em; }
.padding-top-8				{ padding-top:8em; }
.padding-bottom-4			{ padding-bottom:4em; }
.no-padding						{ padding-left:0; padding-right:0; }
.transparent					{ background:none; }
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
/* helpers:END */
