/*   
Theme Name: RLSS
Description: Custom made WordPress theme for RLSS.
Version: 1
*/

/*
* CSS reset
*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: sans-serif;
	margin: 0;
	padding: 0;
}

main {
	display: block;
}

img {
	border: none;
	height: auto;
	max-width: 100%;
}


/*
* WordPress alignment
*/
.alignnone,.alignleft {
		margin:5px 20px 5px 0;
}

.aligncenter {
	display:block;
	margin:5px auto;
}

.alignright {
	float:right;
	margin:5px 0 5px 20px;
}

.alignleft {
	float:left;
}


/*
* typography
*/
body {
	background: #efefef;
	font: 400 14px/18px Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, sans-serif;
	font-weight: 700;
	margin-bottom: 10px;
}

h1 {
	font-size: 28px;
	line-height: 38px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

h2 {
	font-size: 18px;
	line-height: 24px;
}

h3 {
	font-size: 24px;
	line-height: 30px;
}

h4 {
	font-size: 30px;
	line-height: 35px;
}

h5 {
	font-size: 25px;
	line-height: 30px;
}

h6 {
	font-size: 18px;
	line-height: 23px;
	text-transform: uppercase;
}

p {
	font: 400 14px/18px Arial, sans-serif;
	margin-bottom: 19px;
}

#content ul,
#content ol {
	margin: 0 0 20px 13px;
}

a {
	color: #0053a1;
	text-decoration: none;
}

hr {
	border-color: #eee;
	border-width: 1px 0 0;
	clear: both;
	margin: 25px 0;
}


/*
* layout
*/
.container {
	margin: 0 auto;
	width: 996px;
}

.container:after {
	content:"";
	clear: both;
	display: block;
}

.col-12, .col-8, .col-6, .col-4, .col-3, .col-2 {
	float: left;
	margin: 0 18px;
}

.col-12 {
	width: 960px;
}

.col-8 {
	width: 628px;
}

.col-6 {
	width: 462px;
}

.col-4 {
	width: 296px;
}

.col-3 {
	width: 213px;
}

.col-2 {
	width: 130px;
}

.nested {
	margin: 0 -18px;
	overflow: hidden;
}

.n-col-4 {
	float: left;
	padding: 0 18px;
	width: 33.33333333%;
}


/*
* general
*/
header {
	border-top: 10px solid #0053a1;
	position: relative;
	z-index: 100;
}

#logo {
	padding: 13px 0 9px 11px;
}

#logo img {
	display: block;
}

.connect {
	display: block;
	margin: 25px 8px 19px 0;
	text-align: right;
}

.connect li {
	display: inline-block;
	margin-left: 6px;
}

.connect a {
	display: block;
	height: 38px;
	width: 38px;
}

.fb {
	background: url('img/icon-fb.png') center center no-repeat;
}

.tw {
	background: url('img/icon-tw.png') center center no-repeat;
}

.gp {
	background: url('img/icon-gp.png') center center no-repeat;
}

.yt {
	background: url('img/icon-yt.png') center center no-repeat;
}

header form {
	float: right;
}

header input {
	border: none;
	display: block;
	float: left;
	height: 35px;
	line-height: 33px;
	padding: 0 15px;
}

header input[type="text"] {
	border: 1px solid #d2d2d2;
	width: 163px;
}

header input[type="submit"] {
	background: #2c2c2c url('img/icon-search.png') center center no-repeat;
	cursor: pointer;
	width: 35px;
}

/* navigation */
#mobile-nav {
	display: none;
}

#nav {
	border-bottom: 3px solid #e41c39;
	margin: 3px 0;
	padding-bottom: 2px;
}

#nav:after {
	content:"";
	clear: both;
	display: block;
}

#nav li {
	display: block;
	float: left;
	height: 56px;
	width: 158px;
}

#nav > li:last-child {
	width: 160px;
}

#nav li:not(:last-child) {
	margin-right: 2px;
}

#nav > li > a {
	background: #e3334c;
	color: #fff;
	display: block;
	font: 700 16px/56px Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;
}

#nav .two-lines a {
	line-height: 17px;
	padding: 11px 0;
}

#nav > li > a:hover,
#nav > li.current-menu-item > a {
	background: #0053a1;
	transition: all .2s ease-in-out;
}

.sub-menu {
	display: none; 
	padding-top: 8px;
	position: absolute;
}

#nav .sub-menu li {
	background: #333;
	float: none;
	height: auto;
	padding: 0 5px;
}

#nav .sub-menu li:hover {
	background: #0053a1;
	transition: all .2s ease-in-out;
}

.sub-menu a {
	color: #fff;
	font-weight: 12;
	display: block;
	line-height: 30px;
	padding: 0 5px;
}

.sub-menu li:not(:last-child) a {
	border-bottom: 1px solid #3b3b3b;
}

#nav li:hover .sub-menu {
	display: block;
}

#content {
	padding-bottom: 15px;
}

#footer {
	background: #161f26 url('img/bg_footer.png') 0 0 ;
	color: #999;
	padding: 11px 0 0;
}

#footer .col-12 {
	border-bottom: 1px solid #222c38;
	margin-bottom: 14px;
}

#footer-nav {
	border-bottom: 1px solid #0e1319;
	padding-bottom: 15px;
	text-align: center;
}

#footer-nav li,
#footer-nav-2 li {
	display: inline-block;
	line-height: 12px;
}

#footer-nav li:not(:last-child) {
	border-right: 1px solid #999;
	margin-right: 4px;
	padding-right: 5px;
}

#footer-nav a,
#footer-nav-2 a {
	color: #999;
	font-size: 12px;
	line-height: 12px;
}

#copyright p {
	color: #999;
	font-size: 12px;
	padding-top: 5px;
}

#footer-nav-2 {
	text-align: right;
}

#footer-nav-2 li {
	margin-left: 6px;
}


/*
* home page
*/
.home {
	/* background:  url('img/bg.jpg') center 0 no-repeat;  */
}

#slider-container {
	margin-bottom: 25px;
	position: relative;
}

.slide {
	position: relative;
}

.slide-content {
	color: #fff;
	text-shadow: 0 3px 3px rgba(0,0,0,.6);
	position: absolute;
	top: 127px;
	left: 56px;
}

.slide-content h2 {
	font-size: 48px;
	font-weight: 700;
	line-height: 56px;
	margin-bottom: 0;
}

.slide-content p {
	color: #fff;
	font: 700 32px/36px Arial, sans-serif;
}

.slide-content p a {
	background: #e41c39;
	border: 1px solid #fff;
	color: #fff;
	display: block;
	font: 700 18px/44px Arial, sans-serif;
	outline: 2px solid #e41c39;
	text-align: center;
	text-shadow: none;
	width: 172px;
}

.bx-controls {
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 100;
}

.bx-pager-item {
	display: inline-block;
	height: 18px;
	margin: 3px;
	overflow: hidden;
	width: 18px;
}

.bx-controls a {
	background: #cdcdcd;
	border: 3px solid #fff;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	display: block;
	height: 18px;
	width: 18px;
}

.bx-controls a.active {
	background: #5e5e5e;
	display: block;
	height: 18px;
}

#recent-news {
	padding: 18px 0 52px;
}

#recent-news h2 {
	margin-bottom: 0;
}

.date {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 16px;
}

.read-more {
	display: block;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 19px;
}

#pagination {
	overflow: hidden;
}

.next-posts {
	float: left;
}

.prev-posts {
	float: right;
}

.widget {
	margin-bottom: 23px;
}

#sidebar .menu li {
	border-bottom: 1px solid #2c2c2c;
	display: block;
	height: 46px;
} 

#sidebar .menu a {
	color: #2c2c2c;
	display: block;
	font: 700 16px/31px Arial, sans-serif;
	padding: 6px 0 8px;
	text-transform: uppercase;
}

#sidebar .menu a:after {
	background: #e41c39 url('img/icon-arrow.png') center center no-repeat;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	content:"";
	display: block;
	float: right;
	height: 31px;
	width: 31px;
}

#sidebar .menu li:hover a:after {
	background-color: #0053A1;
	transition: all .2s ease-in-out;
}

#sidebar h2 {
	font: 700 23px/30px Arial, sans-serif;
	margin-bottom: 16px;
}


/*
* single post
*/
#comments {
	margin-bottom: 20px;
}

#content ol.commentlist {
	margin-left: 0;
}

.commentlist li {
	display: block;
}

.comment-body {
	padding-bottom: 15px;
}

.avatar {
	float: left;
	margin: 0 35px 35px 0;
}

.comment-metadata {
	border-top: 1px solid #ccc;
	margin: 2px 0 10px 85px;
}

.comment-metadata a {
	color: #2c2c2c;
}

.comment-content {
	padding-left: 85px;
}

.comment-reply-link {
	display: none;
}


/*
* default page
*/
.page-id-9 {
	/* background:  url('img/bg_p.jpg') center 0 no-repeat; */
}

#breadcrumbs {
	background: #a8ccee;
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 10px;
	padding: 2px 9px ;
}

#breadcrumbs a {
	color: #2c2c2c;
}

article#content h1 {
	line-height: 51px;
}

.attachment-large {
	margin-bottom: 11px;
}


/*
* news page
*/
#content label,
#content input,
#content textarea {
	display: block;
	margin-bottom: 10px;
	padding: 5px 10px;
}


#content input[type="submit"] {
	background: #e41c39;
	border: none;
	color: #fff;
	clear: both;
	display: block;
	float: left;
	padding: 5px 25px;
}

.cptch_block {
	clear: both;
}


/*
* events page
*/
.post-type-archive-events {
	/* background: url('img/bg_e.jpg') center -17px no-repeat; */
}

#events #content h1 {
	line-height: 52px;
}

#events-filter {
	margin-bottom: 25px;
	overflow: hidden;
}

#events-filter label {
	margin-bottom: 7px;
}

#events-filter select,
#events-filter input {
	border: 1px solid #ccc;
	color: #2c2c2c;
	display: block;
	font: 14px/18px Arial,sans-serif;
	padding: 5px 10px;
	width: 100%;
}

#events-filter input[type="submit"] {
	margin-top: 35px;
}

#events-filter option {
	background-color: transparent;
	display: block;
}

table {
	border-collapse: collapse;
	margin-bottom: 30px;
	width: 100%;
}

table tr {
	border-bottom: 1px solid #ccc;
}

th {
	padding: 7px 10px;
	text-align: left;
}

td {
	padding: 4px 10px;
}

tbody tr td:first-child {
	width: 100px;
}

tbody tr:nth-child(odd) {
	background: #fff;
}

#rlss-members tbody tr td:first-child {
	width: 150px;
}