/*!
Blog Rider
Author: Shadow Themes
Author URI: https://shadowthemes.com
*/
/*--------------------------------------------------------------
#           RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 600px) {
  .contact-form p.name, 
  .contact-form p.email {
      width: 50%;
      float: left;
  }
  .contact-form p.email input {
    float: right;
  }
  .contact-form p.name input, 
  .contact-form p.email input {
    max-width: 388px;
  }
  .contact-form p.name {
    padding-right: 5px;
  }
  .contact-form p.email {
    padding-left: 5px;
  }
}
@media screen and (min-width: 767px) {
    .column-1 .column-wrapper {
        width: 100%;
    }
    .column-2 .column-wrapper {
        width: 50%;
        float: left;
    }
    .column-3 .column-wrapper {
        width: 33.33%;
        float: left;
    }
    
    .column-4 .column-wrapper {
        width: 50%;
        float: left;
    }
    .column-5 .column-wrapper {
        width: 20%;
        float: left;
    }
    .column-6 .column-wrapper {
        width: 16.66%;
        float: left;
    }
    .column-2 article {
      width: 50%;
        padding: 0 10px;
        float: left;
  }
    .column-3 article {
      width: 33.33%;
        padding: 0 10px;
        float: left;
  }
  .column-4 article {
      width: 25%;
        padding: 0 10px;
        float: left;
  }
  .column-5 article {
      width: 20%;
        padding: 0 10px;
        float: left;
  }
  .column-6 article {
      width: 16.66%;
      float: left;
  }
    .hentry {
      margin-bottom: 0;
    }
    #featured-posts .column-3 article {
        width: 33.33%;
        float: left;
    }
    #featured-posts .column-3 article:nth-child(3n+1) {
        clear: left;
    }
    #featured-posts .column-3 article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }
    #gallery-posts .featured-image,
    #gallery-posts .shadow-entry-container {
      width: 50%;
    }
    .column-2 .contact-address {
      width: 30%;
      float: left;
  }
  .column-2 .contact-form {
      width: 70%;
      float: left;
        padding-left: 28px;
  }
  .contact-information .contact-form {
    padding: 50px;
  }
  .contact-information .column-2 .contact-address {
      width: 42%;
        max-width: 464px;
      padding-right: 16px;
  }
  .contact-information .column-2 .contact-form {
      width: 58%;
        max-width: 681px;
      float: right;
  }
  .blog-posts-wrapper article {
      margin-top: 20px;
  }
  .blog-posts-wrapper article:nth-child(-n+3) {
      margin-top: 0;
  }
  .site-footer .column-5 .column-wrapper {
      padding-right: 16px;
  }
  .site-footer .column-5 .column-wrapper:nth-child(1) {
      padding-right: 25px;
  }
    .copyright {
      float: left;
  }
  .powered-by {
    float: right;
  }
  .blog-posts-wrapper.column-3 article:nth-child(3n+1) {
    clear: left;
  }
  .full-width.has-post-thumbnail .featured-image {
    padding: 0;
  }
  
}
@media screen and (min-width: 992px) {
  .column-4 .column-wrapper,
  #related-posts .column-4 article  {
        width: 25%;
        float: left;
    }
    .column-5 .column-wrapper {
        width: 20%;
        float: left;
    }
    .right-sidebar #primary {
        width: 69%;
        float: left;
    }
    .right-sidebar #secondary {
        width: 31%;
        float: right;
    }
    .right-sidebar #primary {
        padding-right: 16px;
    }
    .right-sidebar #secondary {
        padding-left: 16px;
    }

    .left-sidebar #primary {
        width: 69%;
        float: right;
    }
    .left-sidebar #secondary {
        width: 31%;
        float: left;
    }
    .left-sidebar #primary {
        padding-left: 16px;
    }
    .left-sidebar #secondary {
        padding-right: 16px;
    }
  .site-footer .column-5 .column-wrapper:nth-child(1) {
    width: 34%;
    padding-right: 60px;
  }
  .site-footer .column-5 .column-wrapper {
      padding-right: 25px;
      width: 16.5%;
  }
}
@media screen and (min-width: 1024px) {
  .main-navigation {
    text-align: center;
  }
  .main-navigation ul.nav-menu {
    display: block !important;
  }
  .main-navigation ul li:hover > ul,
  .main-navigation ul li.focus > ul,
  #top-menu ul li:hover > ul,
  #top-menu ul li.focus > ul {
    left: auto;
  }
  .main-navigation ul ul li:hover > ul,
  .main-navigation ul ul li.focus > ul,
  #top-menu ul ul li:hover > ul,
  #top-menu ul ul li.focus > ul {
    left: auto;
    left: 100%;
  }
  .main-navigation .menu-item-has-children > a:after,
  #top-menu .menu-item-has-children > a:after {
    float: none;
  }
  .main-navigation ul.sub-menu li:hover > a,
  .main-navigation ul.sub-menu li:focus > a,
  #top-menu ul.sub-menu li:hover > a,
  #top-menu ul.sub-menu li:focus > a {
    background-color: #0e5bd6;
    color: #fff;
  }
  .main-navigation ul.sub-menu li:hover > a svg,
  .main-navigation ul.sub-menu li:focus > a svg,
  #top-menu ul.sub-menu li:hover > a svg,
  #top-menu ul.sub-menu li:focus > a svg {
    fill: #fff;
  }
  #top-menu ul {
      display: none;
      list-style: none;
      margin: 0;
      padding-left: 0;
    }
  button.dropdown-toggle {
    display: none;
  }
  .menu-toggle {
    display: none;
  }
  .main-navigation ul,
  #top-menu ul {
    display: block;
  }
  .main-navigation li,
  #top-menu li {
      display: inline-block;
  }
  #search {
      position: fixed;
      left: 0;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      z-index: 300000;
      max-width: 800px;
      width: 90%;
      margin: auto;
  }
  #search form.search-form input {
      background-color: transparent;
      border: none;
      border-bottom: 1px solid #fff;
      color: #fff;
      font-size: 22px;
      font-family: 'Roboto', sans-serif;
  }
  #search form.search-form button.search-submit {
    background-color: transparent;
  }
  #search form.search-form input {
      padding: 0 40px 0 16px;
  }
  .popup-overlay {
    position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #000;
      opacity: 0.9;
      z-index: 3000;
      display: none;
  }
  .search-open .popup-overlay {
    display: block;
  }
  .search-open #masthead {
      position: initial;
  }
  #top-menu .wrapper {
    display: block !important;
    height: auto !important;
  }
  #top-menu.top-menu-active svg.icon-up {
    display: none;
  }
  #top-menu > svg.dropdown-icon.icon-up, 
  #top-menu > svg.dropdown-icon.icon-down {
    display: none;
  }
  .main-navigation ul ul svg.icon-down,
    #top-menu ul ul svg.icon-down { 
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}
}

@media screen and (min-width: 1024px) {
  .boxed-layout #page {
      max-width: 1200px;
      width: 90%;
      margin-left: auto;
      margin-right: auto;
  }
}
@media screen and (min-width: 1600px) {
  #page {
      box-shadow: 0 0 50px #ddd;
  }
  .page-section {
      padding:80px 0;
  }
  /*.wrapper {
    max-width: 1500px;
  }*/
  #featured-slider article {
      padding: 320px 0;
  }
  #latest-featured .full-width.has-post-thumbnail .shadow-entry-container {
      padding: 100px;
  }
  #latest-featured .full-width .shadow-entry-container .shadow-entry-title,
  .hero-wrapper .shadow-entry-title{
      font-size: 62px;
  }
  #hero-slider .has-post-thumbnail .featured-image {
      padding: 290px 0;
  }
  .boxed-layout #page {
      max-width: 1600px;
      width: 90%;
  }
  .boxed-layout #latest-featured .full-width .shadow-entry-container .shadow-entry-title,
  .boxed-layout .hero-wrapper .shadow-entry-title {
      font-size: 48px;
  }
  .sticky .featured-image img {
      width: 100%;
  }
  #inner-content-wrapper article.hentry:nth-child(2n+1) {
      clear: left;
  }
  #banner-image {
      padding: 225px 0;
  }
  #featured-slider .featured-content-wrapper{
    left: 250px;
  }
}

@media screen and (max-width: 1200px) {
  .main-navigation ul.nav-menu > li > a {
    padding: 20px 10px;
  }
  #instagram-section .shadow-entry-content {
      margin: 0;
  }
  #instagram-section .hentry {
      padding: 0;
  }
  #hero-slider .has-post-thumbnail .shadow-entry-container {
      padding: 50px 50px 0 0;
  }
}

@media screen and (max-width: 1023px) {
  body.home #masthead,
  #masthead {
      margin-bottom: 0;
  }
  .main-navigation {
      padding: 0;
      margin-bottom: 30px;
      background-color: transparent;
      border-top: 1px solid rgba(0, 0, 0, 0.10);
      border-bottom: 1px solid rgba(0, 0, 0, 0.10);
  }
  #masthead.site-header.sticky-menu.nav-shrink .main-navigation {
      position: relative;
  }
  .main-navigation a,
  #top-menu a {
      border-bottom: 1px solid rgba(52, 59, 61, 0.10);
  }
  .main-navigation ul ul a,
  #top-menu ul ul a {
      width: 100%;
  }
  .main-navigation ul ul,
  .main-navigation ul ul ul,
  #top-menu ul ul,
  #top-menu ul ul ul {
      box-shadow: none;
      float: none;
      position: relative;
      top: 0;
      left: 0;
      margin-bottom: 0;
      display: none;
  }
  #site-header-menu .wrapper {
      width: 100%;
  }
  .main-navigation ul.sub-menu li,
  #top-menu ul.sub-menu li {
      padding-right: 0;
  }
  .main-navigation .menu-item-has-children > a:before,
  #top-menu .menu-item-has-children > a:before {
      content: "";
      float: right;
      position: relative;
      right: 25px;
      background-color: #ccc;
      width: 1px;
      height: 25px;
  }
  .main-navigation .menu-item-has-children > a:after,
  #top-menu .menu-item-has-children > a:after {
      padding-top: 3px;
  }
  .main-navigation ul.nav-menu > li > a,
  .main-navigation ul.sub-menu li a,
  #top-menu .secondary-menu > ul > li > a,
  #top-menu ul.sub-menu li a {
      padding: 16px;
  }
  .main-navigation .menu-item-has-children a svg,
  #top-menu .menu-item-has-children a svg {
    display: none;
  }
  .main-navigation ul.sub-menu,
  #top-menu ul.sub-menu {
      background-color: #f2f2f2;
  }
  .main-navigation ul.nav-menu,
  #top-menu .secondary-menu > ul {
      margin-right: 0;
      background-color: #f2f2f2;
      margin-top: 25px;
  }
  .main-navigation a,
  #top-menu a  {
    color: #343b3d;
  }
  .main-navigation svg.icon-search,
  .main-navigation .search.search-open svg.icon-close,
  .main-navigation svg.icon-down {
    fill: #343b3d;
  }
  .main-navigation ul.sub-menu,
  #top-menu ul.sub-menu {
    border-top: 1px solid #0e5bd6;
  }
  .menu-open .menu-toggle .icon-close {
    display: block;
    fill: #343b3d;
    margin: auto;
    width: 20px;
      height: 20px;
  }
  .menu-open .menu-toggle {
    padding-top: 6px;
  }
  .site-branding {
    padding: 25px 0;
  }
  #masthead.site-header .main-navigation ul.nav-menu {
    margin-top: 0;
      position: relative;
      top: 0;
      left: 0;
      right: 0;
  }
  .menu-open ul.nav-menu {
      border-top: 1px solid rgba(52, 59, 61, 0.10);
  }
  #masthead.site-header.sticky-menu.nav-shrink .main-navigation ul.nav-menu {
    top: 0;
    overflow-y: auto;
      max-height: 480px;
  }
  #top-menu {
      padding: 10px 0;
  }
  #top-menu .secondary-menu ul li {
      float: none;
      text-align: center;
  }
  .secondary-menu {
      float: none;
      margin-bottom: 16px;
  }
  .social-menu {
      float: none;
      text-align: center;
  }
  #top-menu .social-menu ul li {
    float: none;
    display: inline-block;
  }
  .secondary-menu ul li:not(:last-child):after {
    display: none;
  }
  #top-menu .wrapper {
      display: none;
  }
  #top-menu:before {
      content: "";
      background-color: #ccc;
      position: absolute;
      top: 38px;
      width: 100%;
      left: 0;
      height: 1px;
  }
  .main-navigation li {
      text-align: center;
  }
  .site-branding img.custom-logo {
      max-width: 250px;
  }
  .main-navigation ul.sub-menu li a {
      color: #343b3d;
  }
  #search {
      display: block !important;
  }
  .main-navigation ul.nav-menu > li > a.search {
    display: none;
  }
  .single-post article blockquote {
    margin: 16px -40px; 
  }
}

@media screen and (max-width: 992px) {
  #secondary {
      clear: both;
        margin-top: 20px;
  }
  #latest-news.column-3 .hentry {
      width: 100%;
      margin-bottom: 20px;
  }
  #featured-slider .featured-content-wrapper{
    left: 50px;
  }
  #latest-featured.column-3 article.hentry:nth-child(5n+1) {
      clear: left;
  }
  #latest-featured.column-3 article.full-width.hentry {
      width: 100%;
  }
  #latest-featured.column-3 article.hentry {
      width: 50%;
  }
  #secondary .widget:not(:last-child) {
      margin-bottom: 20px;
  }
  #secondary .widget_google_ad {
      text-align: center;
  }
  .site-info {
    text-align: center;
  }
  #gallery-posts .shadow-entry-container {
      padding: 30px;
      text-align: center;
  }
  #gallery-posts .shadow-entry-container .shadow-entry-title {
      font-size: 22px;
  }
  .textwidget img {
      max-width: 100%;
      margin: 25px 0;
  }
  .single-post .post-wrapper {
      width: 90%;
  }
  .single-post article blockquote {
      margin: 16px 0;
  }
  .single-post article blockquote {
    padding: 50px;
  }
  .related-gallery-slider .slick-prev {
    left: 38%;
  }
  .related-gallery-slider .slick-next {
      right: 38%;
  }
  .gallery-columns-3 .gallery-item img {
    width: 100%;
  }
  #list-articles .shadow-entry-title {
      font-size: 20px;
  }
}
@media screen and (max-width: 800px) {
  .column-4 article {
    width: 50%;
    float: left;
    margin-top: 30px;
    margin-bottom: 0;
  }
  .column-4 article:nth-child(-n+2) {
    margin-top: 0;
  }
  #instagram-section .hentry {
      width: 50%;
  }
  #hero-slider .has-post-thumbnail .shadow-entry-container {
      width: 100%;
      float: none;
      padding: 0;
      margin-bottom: 30px;
        display: inherit;
  }
  #hero-slider .has-post-thumbnail .featured-image {
      width: 100%;
      float: none;
      display: inherit;
  }
  .hero-wrapper {
      flex-direction: row;
      display: table;
      width: 100%;
      position: relative;
      margin-bottom: 40px;
  }
  .slick-dots {
      -webkit-transform: translateY(-65%);
      -ms-transform: translateY(-65%);
      -o-transform: translateY(-65%);
      -moz-transform: translateY(-65%);
      transform: translateY(-65%);
  }

}
@media screen and (max-width: 767px) {
  .site-branding img.custom-logo {
      max-width: 250px;
      height: auto;
  }
  .custom-header-content {
    min-width: 75%;
    min-height: auto;
  }
  #latest-featured.column-3 article.hentry {
      width: 100%;
  }
  .contact-form {
      clear: both;
      display: table;
      width: 100%;
  }
  .full-width.has-post-thumbnail .featured-image {
      width: 100%;
      float: none;
      display: block;
      position: relative;
      top: 0;
      height: 100%;
      bottom: 0;
  }
  .full-width.has-post-thumbnail .shadow-entry-container {
      width: 100%;
      display: block;
      float: none;
      padding: 50px;
  }
  #gallery-posts .post-wrapper {
    display: block;
  }
  #gallery-posts .post-wrapper .featured-image img {
    width: 100%;
  }
  #gallery-posts .slick-next {
      right: 0;
  }
  #gallery-posts .hentry {
    margin-bottom: 0;
  }
  .hentry:last-child {
      margin-bottom: 0;
  }
  #colophon .widget, 
  #colophon .widget img {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
  }
  #colophon .column-wrapper:not(:last-child) {
      margin-bottom: 30px;
  }
  .footer-widgets-area {
      padding: 50px 0;
  }
  .textwidget img {
      max-width: 250px;
  }
  #recent-posts .share-this-post,
  #recent-posts article.full-width .entry-meta {
      float: none;
      display: block;
  }
  #recent-posts article.full-width .shadow-entry-container {
      margin-bottom: 0;
  }
  .contact-information .contact-address {
      margin-bottom: 30px;
  }
  .copyright {
      margin-bottom: 10px;
  }
  .blog-posts-wrapper.column-3 article {
      width: 50%;
      float: left;
      padding: 0 10px;
  }
  .blog-posts-wrapper.column-3 article:nth-child(2n+1) {
    clear: left;
  }
  .single-post article blockquote {
      padding: 25px;
  }
  .comment-navigation .nav-previous, 
  .posts-navigation .nav-previous, 
  .post-navigation .nav-previous,
  .comment-navigation .nav-next, 
  .posts-navigation .nav-next, 
  .post-navigation .nav-next {
      float: none;
      width: 100%;
      text-align: center;
  }
  #latest-video {
      padding: 100px 0;
  }
  #latest-featured .posts-wrapper article:nth-last-child(-n+3) {
      margin-bottom: 40px;
  }
  #latest-featured .posts-wrapper article:last-child {
      margin-bottom: 0px;
  }
  #comments ol.children {
      margin-left: 0;
  }
  #banner-image {
      padding: 100px 0;
  }
  #featured-slider .featured-content-wrapper{
    left: 40px;
  }

}
@media screen and (max-width: 600px) {
  .custom-header-content h2 {
      font-size: 28px;
      margin: 5px 0 10px;
  }
  #message-from-author .author-thumbnail:before, 
  #message-from-author .author-thumbnail:after {
    width: 150px;
  }
  #message-from-author .author-thumbnail:before {
    margin-right: 16px;
  }
  #message-from-author .author-thumbnail:after {
    margin-left: 16px;
  }
  .author-thumbnail img {
    max-width: 100px;
  }
  #message-from-author .author-thumbnail {
      max-width: 100px;
      max-height: 100px;
      border-radius: 100px;
  }
  #map {
      height: 400px;
  }
  #featured-slider .featured-content-wrapper{
    left: 0;
  }
  #featured-posts article .shadow-entry-content p {
        font-size: 20px;
        line-height: 35px;
    }
    .single .trail-item.trail-end {
    max-width: 230px;
    }
}
@media screen and (max-width: 550px) {
  .column-4 article {
    width: 100%;
    padding: 0;
  }
  .main-navigation form.search-form {
      min-width: 100%;
  }
  .wpcf7 input.wpcf7-form-control.wpcf7-submit,
  .wpcf7 input[type="submit"], 
  #respond input[type="submit"] {
      padding: 0 25px;
      height: 50px;
      min-height: 50px;
      line-height: 50px;
  }
  #comments ol.children {
      margin-left: 25px;
  }
  .comment-author.vcard b.fn {
      float: none;
      display: block;
  }
  .comment-meta img {
      float: none;
      margin-right: 0;
      margin-bottom: 25px;
  }
  .comment-metadata {
      padding-left: 0;
      display: block;
  }
  .reply {
      margin-left: 25px;
  }
  .comment-meta .fn:after {
    display: none;
  }
  #comments article {
      margin-bottom: 30px;
  }
  .slick-prev, 
  .slick-next {
      width: 40px;
      height: 40px;
  }
  .column-4 article:first-child {
    margin-bottom: 30px;
  }
  .blog-posts-wrapper.column-3 article {
      width: 100%;
      float: none;
      padding: 0;
  }
  #comments ol.comment-list:before {
    display: none;
  }
  ol.comment-list {
      border: none;
  }
  header.shadow-page-header {
    margin-bottom: 30px;
  }
  .related-gallery-slider .slick-prev {
    left: 30%;
  }
  .related-gallery-slider .slick-next {
      right: 30%;
  }
  #latest-featured .full-width .shadow-entry-container .shadow-entry-title,
  .hero-wrapper .shadow-entry-title {
      font-size: 32px;
  }
  .full-width.has-post-thumbnail .shadow-entry-container {
      padding: 30px;
  }
  .featured-content-wrapper h2.shadow-entry-title {
      font-size: 42px;
      color: #333;
      line-height: 55px;
  }
  .page-site-header .shadow-page-title {
      font-size: 32px;
  }
  #list-articles article {
      display: block;
  }
  #list-articles article.has-post-thumbnail .featured-image {
      width: 100%;
      float: none;
      display: block;
      position: initial;
      top: 0;
      left: 0;
      height: 0;
      padding: 190px 0;
  }
  #list-articles article.has-post-thumbnail .shadow-entry-container {
      width: 100%;
      padding: 20px;
      display: table-cell;
      float: none;
  }
  #list-articles article.has-post-thumbnail .shadow-entry-container:before {
     display: none;
  }
  #list-articles .shadow-entry-container .more-link {
      margin-top: 20px;
  }
}
@media screen and (max-width: 480px) {
  .custom-header-content {
    padding: 10px;
  }
  .custom-header-content h2,
  .shadow-entry-title,
  #reply-title, 
  .comments-title {
      font-size: 22px;
  }
  .custom-header-content span {
    font-size: 14px;
  }
  .widget_contact_info label,
  .comment-meta .url, 
  .comment-meta .fn {
    font-size: 18px;
  }
  #message-from-author .author-thumbnail:before, 
  #message-from-author .author-thumbnail:after {
    width: 100px;
  }
  #message-from-author .author-thumbnail:before {
    margin-right: 10px;
  }
  #message-from-author .author-thumbnail:after {
    margin-left: 10px;
  }
  #our-story .content-wrapper {
      padding: 25px;
  }
  #featured-posts article .shadow-entry-container, 
  #recent-posts article .shadow-entry-container, 
  .blog-posts-wrapper article .shadow-entry-container {
      padding: 30px 20px;
  }
  .pagination .page-numbers {
    margin: 5px 0;
  }
  .single-post article blockquote {
      padding: 25px 20px;
      font-size: 18px;
      line-height: 30px;
  }
}