/*

 * Globals

 */



body {

  word-wrap: break-word;

  color: #555;

}



h1,

.h1,

h2,

.h2,

h3,

.h3,

h4,

.h4,

h5,

.h5,

h6,

.h6 {

  margin-top: 0;

  font-weight: normal;

  color: #333 !important;

}





/*

 * Masthead for nav

 */



.main-navigation {

  background-color: #428bca;

  -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);

  box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);

}

.nav-menu {

  list-style-type: none;

  margin: 0;

  padding: 0;

  overflow: hidden;

  background-color: #428bca;

}



/* Nav links */

.nav-menu li {

  float: right;

}

.nav-menu > li > a {

  position: relative;

  display: inline-block;

  padding: 10px;

  font-weight: 500;

  color: #cdddeb;

}

.nav-menu > li > a:hover {

  color: #fff;

  text-decoration: none;

}



/* Active state gets a caret at the bottom */

.current-menu-item > a {

  color: #fff;

}

.current-menu-item > a:after {

  position: absolute;

  bottom: 0;

  right: 50%;

  width: 0;

  height: 0;

  margin-right: -5px;

  vertical-align: middle;

  content: " ";

  border-left: 5px solid transparent;

  border-bottom: 5px solid;

  border-right: 5px solid transparent;

}

.nav-menu .menu-toggle {

  display: none;

}

@media screen and (max-width:768px) {

  .nav-menu li:not(:first-child) {

    display: none;

  }

  .nav-menu li.menu-toggle {

    float: left;

    display: block;

  }

.current-menu-item > a:before {

    position: absolute;

    top: 15px;

    right: 0;

    width: 0;

    height: 0;

    margin: 0;

    vertical-align: middle;

    content: " ";

    border-top: 5px solid transparent;

    border-right: 5px solid;

    border-bottom: 5px solid transparent;

  }

.current-menu-item > a:after {

    display: none;

  }

}

@media screen and (max-width:768px) {

  .nav-menu.responsive {

    position: relative;

  }

  .nav-menu.responsive .menu-toggle {

  	position: absolute;

  	left: 0;

  	top: 0;

  }

  .nav-menu.responsive li {

  	float: none;

  	display: inline;

  }

  .nav-menu.responsive li a {

	display: block;

  	text-align: right;

  }

}

.sub-menu {

  width: 100%;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  list-style: none;

  padding: 0;

}

.sub-menu ul,

.children ul {


  box-shadow: -8px 8px 16px 0px rgba(0,0,0,0.2);

  right: 100%;

  top: 0;

}

.sub-menu > li {

  position: relative;

}

.sub-menu > li > a {

  color: black;

  padding: 10px 15px;

  text-decoration: none;

  display: block;

  width: 160px;

}

.sub-menu > li > a:hover {

  background-color: #f1f1f1;

}

.menu-item-has-children:hover > .sub-menu {

  display: block;

}

@media screen and (max-width:768px) {

  .sub-menu {

  	position: relative;

  	width: 100%;

  }

  .sub-menu > li > a {

    width: 100%;

  }

  .sub-menu ul,

  .children ul {

  	display: none;

  	right: 0;

  	top: 0;

  }

}





/*

 * Blog name and description

 */



.blog-header {

  padding-top: 20px;

  padding-bottom: 20px;

}

.blog-title {

  margin-top: 30px;

  margin-bottom: 0;

  font-size: 60px;

  font-weight: normal;

}

.blog-description {

  font-size: 20px;

  color: #333;

}

.custom-logo {

    float: right;

    margin: 30px 0 0 30px;

}





/*

 * Main column and sidebar layout

 */



.blog-main,

.blog-main-left {

  float: right !important;

  font-size: 18px;

  line-height: 1.5;

}

.blog-main-right {

  float: left !important;

  font-size: 18px;

  line-height: 1.5;

}



/* Sidebar modules for boxing content */

.blog-sidebar-left {

  float: right !important;

  margin-left: 8.33333333% !important;

  margin-right: 0 !important;

}

.blog-sidebar,

.blog-sidebar-right {

  float: left !important;

  margin-right: 8.33333333% !important;

  margin-left: 0 !important;

}

@media screen and (max-width: 767px) {

  .blog-sidebar-left,

  .blog-sidebar,

  .blog-sidebar-right {

    margin-right: 0 !important;

    margin-left: 0 !important;

	width: 100%;

  }

}

.sidebar-module {

  padding: 15px;

  margin: 0 -15px 15px;

}





/* Pagination */

.pager {

  margin-bottom: 55px !important;

  padding: 0 !important;

  text-align: inherit !important;

}

.blog-post .pager {

  margin-bottom: 20px;

}

.pager > li > a {

  min-width: 140px;

  width: auto;

  max-width: 100%;

  margin: 0 0 5px 4px !important;

  padding: 10px 20px !important;

  text-align: center;

  border-radius: 30px !important;

}

nav > .pager > li > a {

  margin: 0 0 5px 0;

}





/*

 * Blog posts

 */



.blog-post {

  margin-bottom: 60px;

}

.blog-post-title {

  margin-bottom: 5px;

  font-size: 40px;

}

.blog-post-meta {

  margin-bottom: 20px;

  color: #999;

}

.blog-post-meta:nth-child(n+3) {

  margin-bottom: 10px;

}





/*

 * Comment posts

 */



.comment-meta {

  margin-bottom: 10px;

  color: #999;

}





/*

 * Footer

 */



.blog-footer {

  padding: 40px 0;

  color: #999;

  text-align: center;

  background-color: #f9f9f9;

  border-top: 1px solid #e5e5e5;

}

.blog-footer a {

  color: #428bca;

}

.blog-footer a:hover,

.blog-footer a:focus {

  color: #23527c;

  text-decoration: underline;

}

.blog-footer p:last-child {

  margin-bottom: 0;

}



/* Footer modules for boxing content */

.footer-module {

  padding: 15px;

  margin: 0 0 15px;

}

.footet-module-inset {

  padding: 15px;

  background-color: #f5f5f5;

  border-radius: 4px;

}

.footer-module-inset p:last-child,

.footer-module-inset ul:last-child,

.footer-module-inset ol:last-child {

  margin-bottom: 0;

}