/*Theme Name: Okie LLC
Theme URI: http://goldenwavesng.com/
Description: This theme was designed by Ossai Emmanuel, a core developer and CEO at GoldenWaves Innovations.
Version: 1.0.0
Author: Ossai Emmanuel C
Author URI: http://goldenwavesng.com/
Tags: 
*/
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/yQiAaD56cjx1AooMTSghGfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v11/Li18TEFObx_yGdzKDoI_ciEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v11/CcKI4k9un7TZVWzRVT-T8_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/WmVKXVcOuffP_qmCpFuyzSEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaI_k_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Raleway';
	color: #666;
	font-size: 16px;
}
a, a:hover {
	text-decoration: none;
}
.banner {
	background:url(img/slider3.png) bottom fixed no-repeat;
	background-size:cover;
	height:500px;
	width:auto;
	overflow:auto;
	font-family: 'Raleway';
}

.banner h1 {
	text-align:center;
	font-weight:bold;
	color:#fff;
	font-size:36px;
	text-transform:capitalize;
	margin-top:30px;
	text-shadow:#333 2px 2px 2px;
}

#navbar-inverse {
	background: #fff;
	color: #FFF;
	border: none;
	font-family: 'Raleway';
	font-size:14px;
	margin-top:40px;
	padding:10px 5px;
	box-shadow:#999 2px 2px 2px;
	border-radius: 5px;
	text-transform:uppercase;
	font-weight:bold;
}

#navbar-inverse a {
	color: #333;
}

#navbar-inverse ul {
	margin-top:5px;
	margin-right:30px;
}

#navbar-inverse ul li {
	background: none;
	border: 3px solid;
	border-color:transparent;
}

#navbar-inverse ul li a:focus {
	background:none;
}

#navbar-inverse ul li:hover {
	background: none;
	border-bottom: 3px #2aa145 solid;
}
#navbar-inverse li li a {
	color: #333;
}


.main {
	background: #fff;
	overflow:auto;
	width: auto;
	font-family: 'Raleway';
	padding:30px 20px;
	line-height:30px;
	font-size:18px;
}

.main hr {
	border-top: 3px #2aa145 solid;
	margin-top:15px;
}

.main h2 {
	text-align:center;
	margin:0;
}

.contact {
	color: #333;
}

.contact input[type="text"], .contact textarea {
	width: 100%;
	padding:5px;
	border:#ddd solid thin;
	color: #333;
}

.contact textarea {
	margin-bottom:20px;
}

.contact label {
	width: 100%;
	padding:5px 0;
	color:#333;
}

.footer {
	background:url(img/parallax01.jpg) center no-repeat fixed;
	background-size:cover;
	overflow:auto;
	width: auto;
	padding:30px;
	font-family: 'Raleway';
	color:#fff;
}

.footer input[type="text"], .contact textarea {
	width: 100%;
	padding:8px 5px;
	border:#ddd solid thin;
}

.footer textarea {
	margin-bottom:20px;
	width:100%;
	height:150px;
}

.footer label {
	width: 100%;
	padding:5px 0;
	color:#fff;
}

.footer p {
	line-height:30px;
	font-size:18px;
}

.foot {
	background:#0a1219;
	padding:20px;
	overflow:auto;
	width:auto;
	font-family: 'Raleway';
	color:#fff;
}

.foot a, .foot a:hover {
	color:#fff;
	text-decoration:none;
}

.pages-top {
	background:url(img/111313.jpg) no-repeat bottom;
	background-size:cover;
	padding-bottom:50px;
	overflow:auto;
	width:auto;
}

/* comments */

.comment-con {
	background: #fff;
	padding: 20px 10px;
}
#respond {
	background: #fff;
	padding: 0;
	margin: 10px 0;
	overflow: auto;
}
/* Highlight active form field */
	 
#respond input[type=text], textarea {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	padding: 7px 5px;
	margin: 5px 0px 3px 0px;
	display: block;
	border: 1px solid #DDDDDD;
	width: 100%;
	border-radius: 5px;
}
#respond input[type=text]:focus, textarea:focus {
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	margin: 5px 1px 3px 0px;
	border: 1px solid rgba(81, 203, 238, 1);
}
#author {
	font-size: 16px;
	color: #1d1d1d;
	letter-spacing: .1em;
}
#url {
	color: #f05424;
}
#respond a, .comment  a {
	color: #f05424;
}
.reply a {
	font-size:16px;
}
#submit {
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	padding: 10px;
	text-decoration: none;
	border: none;
	background: #108cb5;
}
#submit:hover {
	background: #222;
}
.commentlist .even .comment {
	background: none;
	padding: 10px;
	margin: 5px 0;
}
.commentlist .odd .comment {
	background:none;
	padding:0;
}
.commentlist > li.comment {
	background: none;
	border-bottom: dashed #ddd thin;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 10px 0;
	padding-bottom:20px;
	position: relative;
	font-size: 14px;
	line-height: 25px;
}
.commentlist ol, .commentlist li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.commentlist li p {
	background:#f9f9f9;
	padding:10px;
	border:#eee solid thin;
}
.avatar {
	border-radius:360px;
	border:4px #eee solid;
	width:60px;
	height:60px;
}


.post-list {
	width:auto;
	overflow:auto;
	border: thin #ddd solid;
	padding:0;
	color:#666;
	background:#fff;
	min-height:550px;
}

a {
	color:#e20612;
}

.post-list img {
	width:100%;
	height:200px;
}

.post-list p {
	line-height:35px;
	font-size:16px;
	padding:10px 20px;
}

.post-list h3 {
	padding:10px 20px;
}