/* Responsive CSS For all Bootstrap Breakpoints */

/* XS-MD ----------- */
@media
only screen and (max-width : 991px) {
/* Styles */
body { max-width: 100vw; overflow-x: hidden; overflow-y: visible; }

#main-nav { transform: translateX(-15px); }
#main-nav .nav-link { padding-left: 15px; padding-right: 15px; }
#menu-blog-menu { justify-content: flex-start !important; }
.main-nav .nav-right { transform: translateX(15px); }
.main-nav .nav-right .search-trigger { margin-left: 15px; }
.main-nav .nav-right .dropdown-menu { right: 0; left: auto !important; }

.cta_widget .widget-image { margin-left: -15%; }
.cta_widget .widget-content { padding: 30px 40px; }
#sticky-cta .widget-content { flex-direction: column; }
#sticky-cta .title { margin-right: 0; margin-bottom: 5px; }
#sticky-cta .sticky-cta-inner .btn { align-self: flex-end; }

#posts-feed .items .item:first-child .post .image { flex: 0 0 50%; max-width: 50%; transform: translateX(-39px); }
#posts-feed .items .item:first-child .post .content { padding-left: 2%; }
#posts-feed .items .item:first-child .post .post-title { font-size: 24px; }
.post .content .meta, .wtr-time-wrap { font-size: 14px !important; }
#posts-feed .items .item:first-child .post .image, #posts-feed .items .item:first-child .post .image img { height: 335px; }
#posts-feed .items .item:nth-child(6) { flex: 1 0 100%; max-width: 100%; }
#posts-feed .items .item:nth-child(6) .post .image, #posts-feed .items .item:nth-child(6) .post .image img { height: 320px; }

.top-articles-mod .trending { padding-left: 0; margin-top: 50px; }
.top-articles-mod .wpp-list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.top-articles-mod .wpp-list li { flex: 0 0 48%; max-width: 48%; }

/*.featured-authors-mod .author { flex: 0 0 244px; max-width: 244px; margin-right: 60px; }*/
.featured-authors-mod .items::before { display: none; }

.post .content .meta { flex-wrap: wrap; }
.post .content .meta .author { flex: 1 0 100%; max-width: 100%; }
.post .content .meta .date { padding-left: 0; margin-left: 0; }
.post .content .meta .date::before { display: none; }

.items .item article .post { margin-bottom: 30px; }

.blog-sidebar .sticky-sidebar, .blog-sidebar .sticky-sidebar .content-inner { position: static !important; }

}

/* SM - Small Devices ----------- */
@media
only screen and (max-width : 767px) {
/* Styles */
#sticky-cta .container { max-width: 100%; padding: 0; }

#main-header { top: 88px; }
#wtr-progress.top, #wtr-progress.top.shown { top: 58px !important; }
#blog-wrapper { padding-top: 141px; }
.single-authors #blog-wrapper { padding-top: 88px; }

.post .entry-header .content { padding: 30px 0; text-align: center; }
.post .content .categories, .post .content .meta { justify-content: center; }
.post .content .meta .author { text-align: center; }
.post .entry-header .image { transform: none !important; margin: 0 -30px; }
.post .entry-header .image, .post .entry-header .image img { height: 240px; }
.post .entry-content .content-wrapper { padding: 0; }

.shifting-left-mod { padding: 80px 0 0 0; }
.shifting-left-mod .content, .shifting-left-mod .block { padding: 0; }
.shifting-left-mod .content { margin-bottom: 40px; }
.shifting-left-mod .block { margin-bottom: 20px; }
.shifting-left-mod .block:nth-child(odd) { flex: 0 0 100%; max-width: 100%; }
.shifting-left-mod .block:nth-child(2n) .block-wrapper, .shifting-left-mod .block:nth-child(2n+1) .block-wrapper { transform: translateY(0); }

.featured-article-mod { padding: 20px 0 0 0; }

.recent-articles-mod .intro .col-12 { margin-bottom: 25px; }
.recent-articles-mod .items .item:first-child .post .image, .recent-articles-mod .items .item:first-child .post .image img { height: 232px; }

.top-articles-mod .wpp-list { padding-left: 0 !important; }
.top-articles-mod .wpp-list li { flex: 1 0 100%; max-width: 100%; }
.top-articles-mod .items .item:nth-child(3n+4) .post .image, .top-articles-mod .items .item:nth-child(3n+4) .post .image img { height: 232px; }

#posts-feed { padding: 45px 0; }
#posts-feed .page-title { margin-bottom: 25px; }
#posts-feed .items .item article { height: auto; }

}

/* XS - Small Devices ----------- */
@media
only screen and (max-width : 767px) {

.pagination > li { margin: 0; }

#nav-icon {
  width: 18px;
  height: 16px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  display: inline-block;
}
#nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #000;
  border-radius: 1px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {
  top: 0px;
}
#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
  top: 7px;
  width: 80%;
  left: 10%;
}
#nav-icon span:nth-child(4) {
  top: 14px;
  width: 60%;
  left: 20%;
}
#nav-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.navbar-toggler { padding: 20px; border-radius: 0; background: none; display: block; }
.navbar-toggler:hover, .navbar-toggler:focus, .navbar-toggler.open { background: none; }
.navbar-toggler-icon { color: #000; display: flex; width: auto; height: auto; }
.navbar-toggler-icon em { display: inline-block; font-size: 13px; margin-right: 10px; line-height: 20px; font-style: normal; }
.navbar-toggler:hover #nav-icon span, .navbar-toggler:focus #nav-icon span, .navbar-toggler.open #nav-icon span { background: #4e3eb1; }

#blog-wrapper { padding-top: 140px; position: relative; }
.menu-open #blog-wrapper:before { content: ""; display: block; position: absolute; z-index: 98; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.5); }
#blog-wrapper .row { margin-left: 0; margin-right: 0; }
#blog-wrapper p { font-size: 1.4rem; }
#blog-header {  }
#blog-header .container { padding: 0; }
.main-nav .nav-right { display: block; flex: 0 0 20%; max-width: 20%; transform: none; text-align: right; }
.main-nav .nav-right #mobileMenu { position: absolute; left: 0; right: 0; display: none; text-align: left; background-color: #f8f9fc; padding: 20px 30px; height: 155px; }
.main-nav .nav-right #mobileMenu.show { display: flex; flex-direction: column-reverse; }
.main-nav .nav-right #mobileMenu .btn { width: 100%; text-align: left; background-color: #FFF; border: solid 1px rgba(140, 144, 149, 0.2); padding: 11px 24px; border-radius: 24px; }
.main-nav .nav-right #mobileMenu .dropdown-toggle { display: flex; align-items: center; justify-content: space-between; }
.main-nav .nav-right .search-trigger { margin-left: 0; margin-bottom: 16px; display: none !important; }
.main-nav .nav-right #mobileMenu .dropdown { width: 100%; }
.main-nav .nav-right #mobileMenu .dropdown-menu.show { transform: none !important; left: 0 !important; top: 100% !important; }
.main-nav .nav-right .search-trigger + .dropdown-menu { display: block; position: static; border: solid 1px rgba(140, 144, 149, 0.2); padding: 6px 24px; border-radius: 24px; margin-bottom: 16px; }
.main-nav .nav-right .search-form .input-group { flex-direction: row-reverse; }
.main-nav .nav-right .search-trigger + .dropdown-menu .form-control { font-size: 16px; padding: 6px 10px; }
.main-nav .nav-right .search-trigger + .dropdown-menu .input-group-text { background: none; font-size: 16px; }
.main-nav .nav-right .search-trigger + .dropdown-menu .search-submit { padding: 0; }

#main-nav { overflow: scroll; max-width: 80%; flex: 0 0 80%; transform: none; }
#main-nav:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0; width: 30px; pointer-events: none; z-index: 2;
background: -moz-linear-gradient(-45deg,  rgba(248,249,252,0) 0%, rgba(248,249,252,1) 75%, rgba(248,249,252,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(248,249,252,0) 0%,rgba(248,249,252,1) 75%,rgba(248,249,252,1) 100%);
background: linear-gradient(135deg,  rgba(248,249,252,0) 0%,rgba(248,249,252,1) 75%,rgba(248,249,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f8f9fc', endColorstr='#f8f9fc',GradientType=1 ); }
#menu-blog-menu { flex-wrap: nowrap; position: relative; z-index: 1; }

#author-info { padding-bottom: 40px; }
#author-info .image { text-align: left !important; margin-bottom: 30px; }
#author-info .image::before, #author-info::before { display: none; }
#author-info .image::after { bottom: 15px; }
.authors .item { border: none; padding-bottom: 0; }

.cta_widget .cta-inner { flex-direction: column; }
.cta_widget .widget-image { flex: 1 0 120%; max-width: 120%; margin: -35% -5% 0 -5%; }
.cta_widget .widget-content { padding: 30px; }
#sticky-cta .sticky-cta-inner { flex-direction: column; }
#sticky-cta .sticky-cta-inner .btn { align-self: flex-start; margin-top: 10px; min-width: 1px; }
#sticky-cta .widget-content { margin: 0; }
#sticky-cta .title h3 { font-size: 18px; }
#sticky-cta .text p { font-size: 12px; }

#posts-feed .items .item:first-child div.post { flex-direction: column; }
#posts-feed .items .item:first-child .post .content { padding-left: 0; }
#posts-feed .items .item:first-child .post .image { flex: 1 0 120%; max-width: calc(100% + 30px); margin: 0 -15px; transform: none; margin-top: 20px; }
#posts-feed .items .item:first-child .post .image, #posts-feed .items .item:first-child .post .image img { height: 256px; width: 110%; }
#posts-feed .items .item:first-child div.post { border: none; padding-bottom: 0; }
#posts-feed .items .item:nth-child(6) .post .post-title { font-size: 20px; line-height: 1.5; }
#posts-feed .items .item:nth-child(6) .post .post-header, #posts-feed .items .item:nth-child(6) .post .text { flex: 1 0 100%; max-width: 100%; }
#posts-feed .items .item:nth-child(6) .post .text { padding-top: 0; }
#posts-feed .items .item:nth-child(6) .post .image, #posts-feed .items .item:nth-child(6) .post .image img { height: 256px; }
#posts-feed .items .item:nth-child(7), #posts-feed .items .item:nth-child(8), #posts-feed .items .item:nth-child(9), #posts-feed .items .item:nth-child(10) { flex: 1 0 100%; max-width: 100%; }
#posts-feed .items .item:not(:first-child) .post .content { min-height: 1px !important; flex-wrap: wrap; }

}

/* SM - Small Devices ----------- */
@media only screen
and (min-width : 576px)
and (max-width : 767px) {
/* Styles */



}

/* MD - Small Devices ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 991px) {
/* Styles */

.post .entry-header .content { padding-left: 25px; }
.post .entry-content .content-wrapper { padding-right: 55px; }
.post .entry-header .content .entry-title { font-size: 3.2rem; }
.post .entry-header .image, .post .entry-header .image img { height: 335px; }
.post .entry-content .blog-sidebar .content-inner { padding: 0 55px; }

}

@media
only screen and (max-width : 899px) {
/* Styles */

#blog-wrapper .container, #blog-wrapper .container-fluid, #blog-wrapper .container-lg, #blog-wrapper .container-md, #blog-wrapper .container-sm, #blog-wrapper .container-xl { max-width: 100%; }

}
@media
only screen and (min-width : 900px) and (max-width : 1199px) {
/* Styles */

#blog-wrapper .container, #blog-wrapper .container-fluid, #blog-wrapper .container-lg, #blog-wrapper .container-md, #blog-wrapper .container-sm, #blog-wrapper .container-xl { max-width: 100%; }

#main-header { top: 96px; }
#wtr-progress.top, #wtr-progress.top.shown { top: 39px !important; transition: all 1s !important; }
#blog-wrapper { padding-top: 149px; }
.single-authors #blog-wrapper { padding-top: 96px; }

}

/* > Tablet */
@media
only screen and (min-width : 992px) {
/* Styles */



}


/* LG - Medium Devices ----------- */
@media only screen
and (min-width : 992px)
and (max-width : 1199px) {
/* Styles */

/*.featured-authors-mod .author { flex: 0 0 244px; max-width: 244px; }*/
.featured-authors-mod .items::before { display: none; }

.recent-articles-mod { padding-top: 120px; }

}


/* XL - Large Devices */
@media
only screen and (min-width : 1200px) {
/* Styles */

#blog-wrapper .container, #blog-wrapper .container-fluid, #blog-wrapper .container-lg, #blog-wrapper .container-md, #blog-wrapper .container-sm, #blog-wrapper .container-xl { max-width: 100%; }
.nav-right { margin-right: 25px; }

}

@media
only screen and (max-width : 1499px) {
/* Styles */

.post .entry-header .image { -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px); }

}