/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Navigation

  ## Menus

# Accessibility

# Alignments

# Clearings

# Widgets

# Content

  ## Posts and pages

  ## Comments

# Infinite scroll

# Media

  ## Captions

  ## Galleries

--------------------------------------------------------------*/



/*--------------------------------------------------------------

# Navigation

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Menus

--------------------------------------------------------------*/

.main-navigation {

  clear: both;

  display: block;

  float: left;

  width: 100%;

}



.main-navigation ul {

  display: none;

  list-style: none;

  margin: 0;

  padding-left: 0;

}



.main-navigation li {

  float: left;

  position: relative;

}



.main-navigation a {

  display: block;

  text-decoration: none;

}



.main-navigation ul ul {

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

  float: left;

  position: absolute;

  top: 1.5em;

  left: -999em;

  z-index: 99999;

}



.main-navigation ul ul ul {

  left: -999em;

  top: 0;

}



.main-navigation ul ul a {

  width: 200px;

}



.main-navigation ul ul li {



}



.main-navigation li:hover > a,

.main-navigation li.focus > a {

}



.main-navigation ul ul :hover > a,

.main-navigation ul ul .focus > a {

}



.main-navigation ul ul a:hover,

.main-navigation ul ul a.focus {

}



.main-navigation ul li:hover > ul,

.main-navigation ul li.focus > ul {

  left: auto;

}



.main-navigation ul ul li:hover > ul,

.main-navigation ul ul li.focus > ul {

  left: 100%;

}



.main-navigation .current_page_item > a,

.main-navigation .current-menu-item > a,

.main-navigation .current_page_ancestor > a,

.main-navigation .current-menu-ancestor > a {

}



/* Small menu. */

.menu-toggle,

.main-navigation.toggled ul {

  display: block;

}



@media screen and (min-width: 37.5em) {

  .menu-toggle {

    display: none;

  }

  .main-navigation ul {

    display: block;

  }

}



.site-main .comment-navigation,

.site-main .posts-navigation,

.site-main .post-navigation {

  margin: 0 0 1.5em;

  overflow: hidden;

}



.comment-navigation .nav-previous,

.posts-navigation .nav-previous,

.post-navigation .nav-previous {

  float: left;

  width: 50%;

}

.comment-navigation .nav-next,

.posts-navigation .nav-next,

.post-navigation .nav-next {

  float: right;

  text-align: right;

  width: 50%;

}



/*--------------------------------------------------------------

# Accessibility

--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {

  clip: rect(1px, 1px, 1px, 1px);

  position: absolute !important;

  height: 1px;

  width: 1px;

  overflow: hidden;

}



.screen-reader-text:focus {

  background-color: #f1f1f1;

  border-radius: 3px;

  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  clip: auto !important;

  color: #21759b;

  display: block;

  font-size: 14px;

  font-size: 0.875rem;

  font-weight: bold;

  height: auto;

  left: 5px;

  line-height: normal;

  padding: 15px 23px 14px;

  text-decoration: none;

  top: 5px;

  width: auto;

  z-index: 100000; /* Above WP toolbar. */

}



/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {

  outline: 0;

}



/*--------------------------------------------------------------

# Alignments

--------------------------------------------------------------*/

.alignleft {

  display: inline;

  float: left;

  margin-right: 1.5em;

}



.alignright {

  display: inline;

  float: right;

  margin-left: 1.5em;

}



.aligncenter {

  clear: both;

  display: block;

  margin-left: auto;

  margin-right: auto;

}



/*--------------------------------------------------------------

# Clearings

--------------------------------------------------------------*/

.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after {

  content: "";

  display: table;

  table-layout: fixed;

}



.clear:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after {

  clear: both;

}



/*--------------------------------------------------------------

# Widgets

--------------------------------------------------------------*/

.widget select {

    width: 100%;

    padding: 6px 10px;

}



/*--------------------------------------------------------------

# Content

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Posts and pages

--------------------------------------------------------------*/

.sticky {

  display: block;

}

.byline,

.updated:not(.published) {

  display: none;

}



.single .byline,

.group-blog .byline {

  display: inline;

}



.page-content,

.entry-content,

.entry-summary {

  margin: 1.5em 0 0;

}



.page-links {

  clear: both;

  margin: 0 0 1.5em;

}



/*--------------------------------------------------------------

## Comments

--------------------------------------------------------------*/

.comment-content a {

  word-wrap: break-word;

}



.bypostauthor {

  display: block;

}



/*--------------------------------------------------------------

# Infinite scroll

--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */

  display: none;

}



/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {

  display: block;

}



/*--------------------------------------------------------------

# Media

--------------------------------------------------------------*/

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

  border: none;

  margin-bottom: 0;

  margin-top: 0;

  padding: 0;

}



/* Make sure embeds and iframes fit their containers. */

embed,

iframe,

object {

  max-width: 100%;

}



/*--------------------------------------------------------------

## Captions

--------------------------------------------------------------*/

.wp-caption {

  margin-bottom: 1.5em;

  max-width: 100%;

}



.wp-caption img[class*="wp-image-"] {

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.wp-caption .wp-caption-text {

  margin: 0.8075em 0;

}



.wp-caption-text {

  text-align: center;

}



/*--------------------------------------------------------------

## Galleries

--------------------------------------------------------------*/

.gallery-columns-3 .gallery-item:nth-child(3n+1) {

    clear: left;

}

.blog-post .post-teaser .gallery-item{

  background-color: transparent;

}

.post-teaser img {

    max-width: 100%;

    height: auto;

}

.edit-link {

    color: #fff;

    display: inline-block;

    padding: 1px 10px;

    margin-left: 10px;

}

.edit-link a {

    color: #fff;

}

.wp-caption-text.gallery-caption {

    display: block;

    padding: 20px 20px 20px 0px;

    text-align: left;

}

 blockquote {

    margin-bottom: 60px;

}

.blog-post blockquote {

    position: relative;

    font-style: italic;

}

.post-teaser th {

  font-size: 17px !important;

}

.post-teaser a {

  font-size: 15px !important;

}

table {

  border-right: 1px solid hsl(0, 0%, 87%);

  border-collapse: separate;

  border-spacing: 0;

  margin: 0 0 1.75em;

  table-layout: fixed;

  width: 100%;

}

table > thead > tr > th, table > tbody > tr > th, table > tbody > tr > td {

  border-top: 1px solid hsl(0, 0%, 87%);

  line-height: 1.42857;

  padding: 8px;

  vertical-align: top;

}

table {

  border-collapse: separate;

  border-spacing: 0;

}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th, table > tbody > tr > td, table > tbody > tr > th, table > tfoot > tr > td, table > tfoot > tr > th, table > thead > tr > td, table > thead > tr > th, th, td {

  -moz-border-bottom-colors: none;

  -moz-border-left-colors: none;

  -moz-border-right-colors: none;

  -moz-border-top-colors: none;

  border-color: currentcolor currentcolor hsl(0, 0%, 82%) hsl(0, 0%, 82%);

  border-image: none;

  border-style: none none solid solid;

  border-width: medium medium 1px 1px;

  padding: 10px;

}

.post-teaser td {

  font-weight: 600;

}

.post-teaser img {

  height: auto;

  max-width: 100%;

}

.widget img {

  height: auto;

  max-width: 100%;

}

/*.side-block h3 {

  font-size: 40px;

  line-height: 1em;

  margin-bottom: 18px;

  margin-top: 10px;

  text-transform: none;

} */

.category-list > li {

  font-size: 16px;

  line-height: 20px;

}

.category-list > li {

    font-size: 18px;

    line-height: 20px;

    padding: 10px 0 10px 20px;

    position: relative;

    margin-top: 0;

}

.post-teaser ul li > span {

  font-size: 14px !important;

}

.category-list > li a {

  color: hsl(0, 0%, 27%);

  font-size: 16px !important;

  text-decoration: none;

}

.category-list > li {

  font-size: 16px !important;

}

 .post-teaser input[type="text"], .post-teaser input[type="password"] {

  border: 1px solid hsl(0, 0%, 60%);

  border-radius: 0px;

  padding: 13px 22px;

}

/*.nav-links > .page-numbers {

    border: 1px solid #ccc;

    display: inline-block;

    padding: 6px 15px;

}

.nav-links > .page-numbers.current,

.nav-links > .page-numbers:hover{

    border: 1px solid #4ba0e8;

    display: inline-block;

    padding: 6px 15px;

    background:#4ba0e8;

    color: #fff;

}*/

.blog-post > .inside {

  padding: 0;

}

.tags-links.tags-list > li {

  display: inline-block;

    margin-bottom: 7px;

    margin-right: 5px;

    padding: 0;

}

blockquote {

    border-left: none;

    position: relative;

    padding-left: 100px;

}

.blog-post .post-image img {

  height: auto;

  max-width: 100%;

  width: auto;

}

.sticky_post_icon {

    font-size: 30px;

    position: absolute;

    right: 0;

    background: rgba(256,256,256, 0.9);

    color: #333;

    border-top-left-radius: 40px;

    border-bottom-right-radius: 40px;

    border-bottom-left-radius: 40px;

    z-index: 1;

    padding: 4px;

    border: 3px solid;

}

pre {

    display: block;

    padding: 9.5px;

    margin: 0 0 10px;

    font-size: 13px;

    line-height: 1.42857143;

    color: #333;

    white-space: pre-wrap;

    word-wrap: break-word;

    background-color: #f5f5f5;

    border: 1px solid #ccc;

    border-radius: 4px;

    overflow: auto;

}

address {

    margin-bottom: 20px;

    line-height: 1.42857143;

    font-style: italic;

}

.category-list {

  list-style: outside none none;

  margin: 0;

  padding: 0;

}

.list-image > img {

  max-width: 100%;

  height: auto;

  width: auto;

} 

/* 13-02-2017 unite test */

 .widget_nav_menu ul>li>ul.sub-menu>li>ul.sub-menu ul.sub-menu {

    padding-left: 13px;

} 

.widget_nav_menu ul > li > ul.sub-menu li > ul.sub-menu li {

    padding-left: 0;

    padding-bottom: 0;

    margin-bottom: 0;

} 

.widget_nav_menu ul > li > ul.sub-menu li > ul.sub-menu.category-list > li>a{

  margin-left: 15px;

}

ol > li,ul li {

    margin-top: 8px;

}

.column-right ul {

    padding-bottom: 0;

} 

.post-image img {

    height: auto;

    max-width: 100%;

}

table {

    border-collapse: separate;

    border-spacing: 0;

    border-top: 1px solid #ccc;

    margin: 0 0 1.75em;

    table-layout: fixed;

    width: 100%;

}

.table>tbody>tr>td,

.table>tbody>tr>th,

.table>tfoot>tr>td,

.table>tfoot>tr>th,

.table>thead>tr>td,

.table>thead>tr>th {

    padding: 8px;

    line-height: 1.428571429;

    vertical-align: top;

    border-top: 1px solid #ddd;

    border-right: 1px solid #ddd;

}

.textwidget > form select option {

  width: 250px;

}

.comments .comment .comment {

    margin-left: 40px;

}

.comments .comment .comment {

    margin-left: 0px;

}

.entry-content img {

    max-width: 100%;

    height: auto;

}

.box-step .title span {

    color: #009cdc;

}

.comments-area .comment .comment {

    margin-left: 2em;

}

.comment-reply-title {

  font-size: 28px;

  font-weight: 600;

}

.blog #monster-widget-placeholder-1 {

    margin-top: 40px;

}

.post-teaser input[type=submit] {

    -webkit-appearance: button;

    cursor: pointer;

    border: 1px solid #333;

    background: #333;

    padding: 14px 22px 13px;

    display: inline-block;

    width: auto;

    font-size: 18px;

    line-height: 22px;

    color: #ffffff;

    margin: 0px 0;

}

ul, ol {

    margin: 0;

    padding: 0 0 0px 40px;

}

ol ol, ol ul, ul ol, ul ul,ul,ol {

    margin-bottom: 0;

}

.blog-post dd {

    margin-left: 0;

    margin: 5px 0px 20px 15px;

}

.side-block ul,.side-block ol {

    list-style: outside none none;

    margin: 0;

    padding: 0;

}

.list-inline {

    padding-left: 0;

    margin-left: -5px;

    list-style: none;

    display: inline-block;

}

blockquote{

  position: relative;

}

blockquote:before{

    font-size: 120px;

    line-height: 1em;

    font-style: normal;

    content: "“";

    position: absolute;

    left: 20px;

    top: -15px;

    color: #c7d5e1;

}

.blog-post .post-image img {

  height: auto;

  max-width: 100%;

  width: auto;

}

.post-teaser [class*="gallery-columns"] {

    display: inline-block;

}

.post-teaser .gallery-item img {

    max-width: 100%;

    height: auto;

    width: auto;

}

.blog-post .post-teaser .gallery-item {

    background-color: transparent;

}

.post-teaser h2 {

    margin-top: 15px;

}

.blog-post .post-teaser .gallery-item {

    float: left;

    overflow: hidden;

    width: 33.33%;

    margin-bottom: 20px;

    text-align: left;

}

.blog-post .gallery-item:nth-child(3n+1) {

    clear: left;

}

form.search-form input.search-field {

    border: 1px solid #ccc;

    padding: 5px 7px;

    height: 34px;

}

.search-submit {

    background: #4ba0e8;

    border: 1px solid #ccc;

    color: #fff;

    height: 34px;

}

.search-no-results .page-main,

.error404 .page-main {

  margin-top:60px;

} 

@media (max-width: 767px) {

.comment-list .comment .text {

    overflow: visible;

    padding-top: 4px;

}

.side-block{

    margin-bottom: 40px;

}

.comment-list .comment .text .meta {

    border-bottom: 0px solid #efefef;

    padding-bottom: 20px;

}

.comment-list ol {

    padding: 0px;

    padding-left: 15px;

}

.comment-list li.comment {

    margin-left: 0px !important;

}

h3 {

    font-size: 20px;

}

.comment-list .comment .text .meta-author {

    display: block;

}

}

.comment-list li {

    list-style: none;

}

.side-block ul.children {

    padding-left: 20px;

}

.side-block{

  margin-bottom: 30px;

}

@media (max-width: 767px){

body .page-header-top-off .logo {

    max-width: 200px;

    padding-left: 50px;

    padding-right: 45px;

}

.comment-list .comment .userpic {

    text-align: left !important;

}

}