@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,600italic,700,700italic,800,800italic);
/* ==================================================
   COMMON
================================================== */
body { background-color: #fff; font-family: "Open Sans"; font-size: 14px; color: #444444; line-height: 24px; }
a { color: #444444; cursor: pointer; text-decoration: none; }
a:hover { color: #222222; }
a:visited, a:focus, a:link { outline: none; background: none; text-decoration: none; }
menu .menuWrapper .menu .open > a, menu .menuWrapper .menu .open > a:hover, menu .menuWrapper .menu .open > a:focus { background-color: transparent; }
h1, h2, h3, h4, h5, h6 { color: #444444; text-transform: uppercase; margin-top: 0px; }
ul { margin: 0px; padding: 0px; list-style: none; }
.brd { background-color: #888888; height: 1px; margin-top: 15px; margin-bottom: 15px; }
.btn { background-color: #222222 !important; padding: 15px; border: 1px solid #888888; color: #ffffff !important; }
.btn:hover { background-color: #888888 !important; border: 1px solid #222222; }
.btn.btn-small { padding: 5px; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto; }
.bypostauthor { }
.sticky { }
/* ==================================================
   LOGO
================================================== */
header .logoWrapper { padding-top: 15px; padding-bottom: 15px; }
/* ==================================================
   MENU
================================================== */

menu { border-top: 1px solid #888888; border-bottom: 1px solid #888888; margin: 0px; padding: 0px; }
menu .menuWrapper .navbar { margin: 0px; border: none; min-height: inherit; }
menu .menuWrapper .navbar-header { float: none; }
menu .menuWrapper .navbar-header .menu-text { display: inline-block; float: right; font-weight: 700; margin-left: 15px; margin-top: 12px; text-transform: uppercase; margin-right: 15px; }
menu .menuWrapper .navbar-default { background: none; box-shadow: none; border-radius: 0px; }
menu .menuWrapper .navbar .navbar-collapse { padding-left: 0px; padding-right: 0px; border-color: #888888; }
@media only screen and (min-width: 992px) {
menu .menuWrapper .menu { margin: 0px; padding: 0px; border: none; }
menu .menuWrapper .menu a { display: block; color: #222222; font-weight: 600; padding: 15px; text-transform: uppercase; font-size: 100%; position: relative; }
menu .menuWrapper .menu li.menu-item-has-children > a { padding-right: 25px; }
menu .menuWrapper .menu li { position: relative; }
menu .menuWrapper .menu > li { float: left; border-left: 1px solid #888888; }
menu .menuWrapper .menu > li:hover, menu .menuWrapper .menu > li:hover >a { border-bottom-color: orange; background-color: #222222; }
menu .menuWrapper .menu li:hover > a { color: orange; background-color: #222222; color: #ffffff; }
menu .menuWrapper .menu > li:last-child { border-right: 1px solid #888888; }
menu .menuWrapper .menu li li a { margin-top: 1px; background-color: #222222; color: #ffffff; }
menu .menuWrapper .menu li a:first-child:nth-last-child(2):before { content: ""; position: absolute; height: 0; width: 0; border: 5px solid transparent; top: 45%; right: 5px; }
/* submenu positioning*/
menu .menuWrapper .menu ul { position: absolute; white-space: nowrap; border-bottom: 5px solid #F00; z-index: 1; left: -99999em; }
menu .menuWrapper .menu > li:hover > ul { left: auto; min-width: 100%; }
menu .menuWrapper .menu > li li ul { border-left: 1px solid #fff; }
menu .menuWrapper .menu > li li:hover > ul { /* margin-left: 1px */
left: 100%; top: -1px; }
/* arrow hover styling */
menu .menuWrapper .menu > li > a:first-child:nth-last-child(2):before { border-top-color: #222222; }
menu .menuWrapper .menu > li:hover > a:first-child:nth-last-child(2):before { border: 5px solid transparent; border-bottom-color: #F00; margin-top: -5px }
menu .menuWrapper .menu li li > a:first-child:nth-last-child(2):before { border-left-color: #ffffff; margin-top: -5px }
menu .menuWrapper .menu li li:hover > a:first-child:nth-last-child(2):before { border: 5px solid transparent; border-right-color: #F00; right: 10px; }
}
.searchWrapper { border-left: 1px solid #222222; border-right: 1px solid #222222; }
.searchWrapper form { position: relative; }
.searchWrapper form .text { border: medium none; padding: 15px; width: 90%; }
.searchWrapper form .submit { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; bottom: 0; color: #888888; margin: auto; position: absolute; right: 0; top: 0; }
/* ==================================================
   CONTENT
================================================== */
#content { padding-top: 30px; padding-bottom: 30px; }
#content .page-header { border-bottom: 1px solid #888888; margin-top: 0px; }
#content a { color: #F00; }
#content figure img { width: 100%; border: 1px solid #888888; }
#content article { border-bottom: 1px solid #888888; clear: both; margin-bottom: 15px; padding-bottom: 15px; }
#content article:last-child { border-bottom: none; }
#content article .entry-footer > span { border-right: 1px solid #888888; margin-right: 15px; padding-right: 15px; }
#content article .entry-footer > span i { margin-right: 5px; }
#content article .entry-footer > span:last-child { border-right: none; }
#content #posts-navigation { border-top: 1px solid #888888; margin-top: 15px; padding-top: 25px; }
#content article .entry-content img { width: 100%; }
#content .sidebar aside { border-bottom: 1px solid #888888; margin-bottom: 15px; padding-bottom: 15px; }
#content .sidebar aside:last-child { border-bottom: none; }
#content .grid .item article { border: 1px solid #888888; padding: 15px; margin-bottom: 30px; }
#content .grid .item article h2 { line-height: 14px }
#content .grid .item article h2 a { font-size: 14px; font-weight: 600; }
/* ==================================================
   FOOTER
================================================== */
#copyRight, #footer-parts { border-top: 1px solid #888888; padding-top: 15px; padding-bottom: 15px; }
.sociallinks { margin-top: 15px; }
.sociallinks li { display: inline-block; margin-right: 15px; }
.sociallinks li:last-child { margin-right: 0px; }
.sociallinks li a { border: 1px solid #888888; border-radius: 5px; display: inline-block; min-width: 40px; padding: 5px; text-align: center; }
.sociallinks li a:hover { background-color: #222222; color: #ffffff; }
/* ==================================================
   PAGINTATION
================================================== */
#pagination { width: 100%; clear: both; }
#pagination ul { border: 1px solid #888888; text-align: center; display: inline-block; }
#pagination ul li { border-right: 1px solid #888888; float: left; padding: 5px; }
#pagination ul li:last-child { border-right: none; }
#pagination ul li.active { background-color: #222222; }
#pagination ul li.active a { color: #fff; font-weight: 600; }
/* ==================================================
   IMAGE FADE EFFECT
================================================== */
figure { width: 100%; height: 100%; overflow: hidden; position: relative; text-align: center; box-shadow: 0px 0px 5px #aaa; cursor: default; }
figure .mask, figure .content { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; }
figure img { display: block; position: relative; }
figure a.post-thumbnail { background: url(../images/link.png) center no-repeat; display: inline-block; text-decoration: none; padding: 0; text-indent: -9999px; width: 20px; height: 20px; }
figure .mask { background-color:rgba(0,0,0,0.7);opacity: 0; overflow: visible; border: inherit solid rgba(0,0,0,0.7); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
figure a.post-thumbnail { position: relative; left: -10px; top: -35px; opacity: 0; -webkit-transition: opacity 0.5s 0s ease-in-out; -moz-transition: opacity 0.5s 0s ease-in-out; -o-transition: opacity 0.5s 0s ease-in-out; -ms-transition: opacity 0.5s 0s ease-in-out; transition: opacity 0.5s 0s ease-in-out; }
figure:hover .mask { opacity: 1; border: inherit solid rgba(0,0,0,0.7);width:100%;height:100%; }
figure:hover a.post-thumbnail { opacity: 1; -moz-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; }
/* ==================================================
	BOOTSTRAP OVERWRITE
================================================== */
.row-centered { text-align: center; }
.col-centered { display: inline-block; float: none; /* reset the text-align */
text-align: left;/* inline-block space fix */ }
.col-fixed { /* custom width */
width: 320px; }
.col-min { /* custom min width */
min-width: 320px; }
.col-max { /* custom max width */
max-width: 320px; }
/* ==================================================
	COMMENTS
================================================== */
#comments .comment-list { border-bottom: 1px solid #888888; list-style: outside none none; margin: 0 0 15px; padding: 0 0 15px; }
#comments .comment-list li .comment-body { border: 1px solid #888888; margin-bottom: 15px; padding: 15px; }
#comments .comment-list li .children { list-style: none; margin-left: 30px; padding: 0px; }
/* ==================================================
	FORMS
================================================== */

form input[type=text], form input[type=email], form input[type=number], form input[type=search], form textarea { width: 100%; border: 1px solid #888888; padding: 5px; }
form input[type=submit] { padding: 15px; background-color: #222222; color: #fff; border: none; margin-top: 15px; }
form input[type=submit]:hover { background-color: #888888; }
/* ==================================================
	BACK TO TOP
================================================== */
#back-to-top { background-color: #222222; border-radius: 10px; bottom: 15px; color: #ffffff; left: 15px; padding: 15px; position: fixed; }