/*
	Theme Name: LouLou
	Theme URI: http://www.loulou.to
	Description: The LOULOU 2021 Custom WordPress Theme
	Version: 1.0
	Author: Nick Andrews 
	Author URI: http://websolutions.to
	Tags: Lifestyle Blog Toronto
*/
html,
body {
  background: #f6ece1;
  font: 100% "Oxygen", sans-serif;
  height: 100%;
  line-height: 1.6em;
  margin: 0;
  min-height: 100%;
  padding: 0;
  width: 100%; }
  html .postlink,
  body .postlink {
    text-decoration: none; }
  html .search .search-form .search-field,
  body .search .search-form .search-field {
    background: transparent;
    border: none;
    height: 40px;
    position: relative;
    width: 48px;
    background: url(images/icons/sprite.svg);
    background-position: -80px 9px;
    background-repeat: no-repeat;
    background-size: 129px 313px;
    display: block;
    width: 30px; }
  html .search .search-form .search-field:focus,
  html .search .search-form .search-field:hover,
  body .search .search-form .search-field:focus,
  body .search .search-form .search-field:hover {
    width: 90%; }
  html .search .search-form .search-submit,
  body .search .search-form .search-submit {
    display: none; }
  html .search:hover,
  html .search:focus,
  body .search:hover,
  body .search:focus {
    cursor: pointer; }
  html .snapper,
  body .snapper {
    position: fixed;
    top: 35px;
    left: 0px;
    background: #172937;
    color: #f6ece1;
    z-index: 99; }
  html .has-video,
  body .has-video {
    background-image: url(images/icons/sprite.svg) !important;
    background-position: -116px -395px;
    background-repeat: no-repeat;
    background-size: 216px 468px;
    height: 59px;
    width: 60px;
    position: absolute;
    top: 10px;
    right: -3px;
    z-index: +1; }
  html .hfeed .front-header,
  body .hfeed .front-header {
    background: #d78a5f;
    color: #172937;
    box-shadow: 0px 1px 10px #172937;
    min-height: 20px;
    padding: 0;
    position: relative; }
    html .hfeed .front-header .logo,
    body .hfeed .front-header .logo {
      border-bottom: 1px solid linear-gradient(to top, #f6ece1 27%, #9eb1da 54%);
      display: block;
      max-width: 100%;
      height: 140px;
      overflow: hidden;
      position: relative; }
    html .hfeed .front-header .logo_inner,
    body .hfeed .front-header .logo_inner {
      display: block;
      max-width: 100%;
      min-height: 80px;
      overflow: hidden;
      position: relative; }
  html .hfeed .page-header,
  body .hfeed .page-header {
    background: #172937;
    background-repeat: no-repeat;
    background-size: 1559px 155px;
    background-position: 50% 267%; }
    html .hfeed .page-header nav,
    body .hfeed .page-header nav {
      background: #d78a5f; }

nav ul .sub-menu {
  display: none;
  position: absolute; }
  nav ul .sub-menu li {
    background: #d78a5f;
    display: block;
    position: relative;
    margin: 0; }
    nav ul .sub-menu li a {
      color: #f6ece1; }
nav ul li,
nav ul a {
  position: relative;
  color: #172937;
  display: inline-block;
  flex-grow: 1;
  font: 100% "Oxygen", sans-serif;
  font-size: .9em;
  font-weight: 800;
  margin: 0;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .25s ease-out; }
nav ul li:hover,
nav ul li a:hover,
nav ul li:focus,
nav ul li a:focus {
  color: #f6ece1; }
  nav ul li:hover .sub-menu,
  nav ul li a:hover .sub-menu,
  nav ul li:focus .sub-menu,
  nav ul li a:focus .sub-menu {
    display: block;
    left: 0px;
    height: 120%;
    margin-top: 0px;
    padding-left: 0px;
    top: 20px;
    text-align: center;
    width: 100%;
    z-index: +3; }
    nav ul li:hover .sub-menu li,
    nav ul li a:hover .sub-menu li,
    nav ul li:focus .sub-menu li,
    nav ul li a:focus .sub-menu li {
      color: #976e32; }
      nav ul li:hover .sub-menu li a:hover,
      nav ul li a:hover .sub-menu li a:hover,
      nav ul li:focus .sub-menu li a:hover,
      nav ul li a:focus .sub-menu li a:hover {
        color: #f6ece1; }

.menu-wrapper {
  display: flex;
  min-height: 50px;
  position: relative; }

sup {
  font-size: .5em;
  font-weight: 100;
  margin-left: 5%; }

.footer-wrap {
  padding: 0;
  width: 99%; }

#loulou-footer {
  background: #172937;
  color: #f6ece1;
  font-size: 1em;
  margin-top: 4%;
  padding: 2%; }
  #loulou-footer span {
    display: block;
    margin: 0 auto;
    padding: 1px;
    text-align: center; }
  #loulou-footer .col0 {
    display: inline-block;
    margin: 0 auto; }
  #loulou-footer .col1,
  #loulou-footer .col2-wrap,
  #loulou-footer .col3 {
    display: inline-block;
    padding: 0 2%;
    width: 29%; }
  #loulou-footer .col1 {
    text-align: left;
    font-size: .85em;
    line-height: 1.5em; }
  #loulou-footer .col2,
  #loulou-footer .col2-wrap {
    text-align: center;
    font-size: .95em; }
    #loulou-footer .col2 h3,
    #loulou-footer .col2-wrap h3 {
      font-size: 0.7em;
      font-weight: 300; }
  #loulou-footer .col3 {
    text-align: left;
    font-size: .85em;
    line-height: 1.5em; }
    #loulou-footer .col3 strong {
      color: #d78a5f !important; }

.inlink_colophon {
  color: #976e32;
  display: inline; }

.inlink_row {
  display: flex;
  flex-flow: row wrap; }
  .inlink_row .inlink-wrap {
    width: 200px;
    height: 100%;
    display: inline-block;
    position: relative;
    margin: 1%; }
    .inlink_row .inlink-wrap a.inlink {
      max-height: 140px;
      overflow: hidden; }
      .inlink_row .inlink-wrap a.inlink span.searched_title {
        background: #172937;
        bottom: 0;
        color: #f6ece1;
        height: 30px;
        overflow: hidden;
        position: absolute;
        text-overflow: ellipsis;
        transform: rotate(4deg); }
      .inlink_row .inlink-wrap a.inlink span.has-video {
        bottom: 50%; }
      .inlink_row .inlink-wrap a.inlink img {
        height: auto;
        min-width: 200px; }

.lll-block-grid {
  width: 100%; }
  .lll-block-grid .lll-row {
    display: flex;
    flex-flow: row wrap; }
    .lll-block-grid .lll-row .lll_link .img-wrap {
      position: relative;
      overflow: hidden; }
      .lll-block-grid .lll-row .lll_link .img-wrap .searched_title {
        background: #eaabba;
        box-shadow: 1px 1px rgba(0, 0, 0, 0.64);
        border-top: 1px #9eb1da solid;
        color: #172937;
        font: 100% "Hind Siliguri", sans-serif;
        font-size: 1em;
        font-weight: 200;
        left: -10%;
        overflow: hidden;
        padding: 0 20% 0 30%;
        position: absolute;
        text-align: justify;
        text-align: left;
        top: 15%;
        transform: rotate(27deg);
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 75%;
        z-index: +1; }
      .lll-block-grid .lll-row .lll_link .img-wrap .searched_title_glow {
        background: rgba(137, 164, 209, 0.85);
        box-shadow: 1px 1px rgba(0, 0, 0, 0.64);
        color: #f6ece1;
        font: 100% "Hind Siliguri", sans-serif;
        font-weight: 600;
        left: -25%;
        overflow: hidden;
        padding: 0 10% 0 30%;
        position: absolute;
        text-align: justify;
        text-align: left;
        top: 15%;
        transform: rotate(6deg);
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        z-index: +1; }
    .lll-block-grid .lll-row .lll_link img {
      border: none !important;
      max-width: none;
      position: relative; }

.widget-container {
  list-style-type: none; }

.widget_blog_subscription {
  display: block; }

.home-icon {
  background: url(images/icons/sprite.svg);
  background-position: -98px -40px;
  background-repeat: no-repeat;
  background-size: 155px 375px;
  display: block;
  height: 40px;
  left: 5px;
  position: absolute;
  top: 9px;
  width: 40px; }

.home-icon:hover {
  cursor: pointer; }

.main {
  display: flex;
  flex-direction: column; }
  .main article.branding {
    margin-top: 15px;
    order: 1; }
  .main article.posts_feed {
    order: 2; }
  .main .header {
    display: block; }
    .main .header .logo {
      height: 20%; }
  .main .header-feature {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto; }
    .main .header-feature .trenders {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      height: 100%;
      width: 49%; }
      .main .header-feature .trenders .trend {
        border: 2px solid #172937;
        flex-basis: 46%;
        flex-grow: 1;
        overflow: hidden;
        position: relative; }
        .main .header-feature .trenders .trend img {
          position: absolute; }
      .main .header-feature .trenders .trend:nth-of-type(1n+0) {
        margin: 0 1% 1% 0; }
      .main .header-feature .trenders .trend:nth-of-type(2n+0) {
        margin: 0 0 1% 1%; }
      .main .header-feature .trenders .trend-title {
        position: absolute;
        text-align: left;
        text-transform: uppercase;
        min-height: 3.5em;
        transition: all .7s;
        width: 100%;
        z-index: +1; }
      .main .header-feature .trenders .trend-title:hover,
      .main .header-feature .trenders .trend-title:focus {
        background: #172937;
        color: #e43d65; }
      .main .header-feature .trenders .trend-title:visited {
        color: #576781; }
    .main .header-feature h2 {
      background: #172937;
      display: block;
      font: 100% "Hind Siliguri", sans-serif;
      font-size: 13px;
      height: 1px;
      margin-bottom: 13px;
      text-align: center;
      width: 100%; }
      .main .header-feature h2 span {
        background: none repeat scroll 0 0 #f6ece1;
        padding: 0 15px;
        position: relative;
        top: -8px; }
    .main .header-feature .recent {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin-left: 1%;
      width: 49%; }
    .main .header-feature .lt-slider {
      background: url("images/ajax-loader.gif");
      background-position: center center;
      background-repeat: no-repeat;
      height: 93%;
      overflow: hidden;
      position: relative;
      width: 100%; }
    .main .header-feature .lt-slide-wrap {
      display: none;
      left: 0;
      height: 100%;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 100%; }
      .main .header-feature .lt-slide-wrap img {
        position: absolute; }
      .main .header-feature .lt-slide-wrap a {
        display: none; }
      .main .header-feature .lt-slide-wrap .slider-title {
        color: #f6ece1;
        padding: 5px 2%;
        position: absolute;
        text-align: justify;
        top: 15px;
        transition: all .7s;
        width: 96%;
        z-index: +1; }
      .main .header-feature .lt-slide-wrap .slider-title:hover {
        background: #172937;
        color: #e43d65; }
    .main .header-feature .slida {
      display: inline-block;
      position: absolute; }
    .main .header-feature .slida:hover,
    .main .header-feature .slida:focus {
      cursor: pointer; }
    .main .header-feature .lt-slider-cntrl {
      bottom: 40px;
      display: none;
      flex-direction: row;
      height: 40px;
      margin: 0 auto;
      min-width: 100%;
      padding: 0;
      position: absolute;
      text-align: center;
      z-index: +1; }
    .main .header-feature .slider-dot {
      background-image: url("images/icons/sprite.svg");
      background-repeat: no-repeat;
      display: inline-flex;
      flex-grow: 1;
      margin: 0 4%;
      max-width: 40px;
      min-width: 32px;
      transition: all .2s; }
    .main .header-feature .slider-dot:hover,
    .main .header-feature .slider-dot:focus,
    .main .header-feature .hot-dot {
      transform: rotate(27deg); }

.posts_feed {
  margin: 0 auto; }
  .posts_feed .archived {
    background: rgba(0, 0, 0, 0.64);
    border: #976e32 1px solid;
    box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.64);
    color: #f6ece1;
    right: 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.64), 0 -1px 0 #172937; }
  .posts_feed .category-archived {
    background: #f6ece1;
    border: #576781 1px solid;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.64);
    color: #576781;
    display: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.64), 0 -1px 0 #172937; }
  .posts_feed .loulou-post-excerpt {
    margin-top: 5% 0; }
  .posts_feed .loulou-post-content {
    margin: 0 4px;
    flex-grow: 2; }
    .posts_feed .loulou-post-content p {
      margin-top: 2% !important; }
    .posts_feed .loulou-post-content .loulou-ellipsis {
      background-image: linear-gradient(to top, #f6ece1 27%, #9eb1da 54%);
      color: #f6ece1;
      font-size: 5em;
      line-height: .8em;
      margin-top: -1em;
      padding-bottom: .5em;
      position: relative;
      text-align: center;
      transition: all .4s;
      z-index: +1; }
      .posts_feed .loulou-post-content .loulou-ellipsis a {
        text-decoration: none; }
        .posts_feed .loulou-post-content .loulou-ellipsis a h2 {
          color: rgba(255, 255, 255, 0.5);
          font-size: .3em; }
        .posts_feed .loulou-post-content .loulou-ellipsis a h2::before {
          content: "\2191  "; }
        .posts_feed .loulou-post-content .loulou-ellipsis a h2::after {
          content: "  \2191"; }
    .posts_feed .loulou-post-content .loulou-ellipsis:hover,
    .posts_feed .loulou-post-content .loulou-ellipsis:focus {
      background-image: linear-gradient(to top, #f6ece1 40%, #9eb1da 50%, rgba(137, 164, 209, 0.85) 60%); }
      .posts_feed .loulou-post-content .loulou-ellipsis:hover a,
      .posts_feed .loulou-post-content .loulou-ellipsis:focus a {
        text-decoration: none; }
        .posts_feed .loulou-post-content .loulou-ellipsis:hover a h2,
        .posts_feed .loulou-post-content .loulou-ellipsis:focus a h2 {
          color: #976e32; }
  .posts_feed .the-loulou-post {
    display: flex;
    position: relative; }
    .posts_feed .the-loulou-post .post-excerpt-title:hover {
      cursor: pointer; }
    .posts_feed .the-loulou-post .post_img_wrap {
      background: rgba(0, 0, 0, 0.64);
      border: 2px solid #172937;
      line-height: 0em;
      margin: 0 auto;
      max-width: 640px !important;
      overflow: hidden;
      padding: 0px;
      position: relative;
      transition: all .2s; }
      .posts_feed .the-loulou-post .post_img_wrap img {
        width: 100%;
        height: auto; }
    .posts_feed .the-loulou-post .post_img_wrap_pre {
      /*  background: $basesmoke;
        border: $img-border;
        box-shadow: -1px -1px 2px $basesmoke,0px 1px 2px $basesmoke ;
        display: inline-block;
        margin: 10% auto 0 auto;
        max-width: 640px !important;
        overflow: hidden;
        padding: 0px;
        position: relative;
        transition: all .2s;
        width: 96%;*/ }
  .posts_feed .goback {
    color: #576781; }
    .posts_feed .goback a {
      background: #9eb1da;
      color: rgba(255, 255, 255, 0.5); }
  .posts_feed .loulou-category,
  .posts_feed .loulou-single {
    display: flex;
    flex-direction: row;
    width: 100%; }
    .posts_feed .loulou-category .loulou-post-content,
    .posts_feed .loulou-single .loulou-post-content {
      flex-grow: 2;
      position: relative; }
    .posts_feed .loulou-category .wp-block-image,
    .posts_feed .loulou-single .wp-block-image {
      text-align: center; }
    .posts_feed .loulou-category .loulou_sidebar,
    .posts_feed .loulou-single .loulou_sidebar {
      flex-grow: 1; }
    .posts_feed .loulou-category .dateline,
    .posts_feed .loulou-single .dateline {
      background: #172937;
      display: block;
      font-size: 13px;
      height: 1px;
      margin-bottom: 20px;
      text-align: center;
      width: 100%; }
      .posts_feed .loulou-category .dateline span,
      .posts_feed .loulou-single .dateline span {
        background: none repeat scroll 0 0 #f6ece1;
        font: 100% "Hind Siliguri", sans-serif;
        padding: 0 2%;
        position: relative;
        top: -8px; }
    .posts_feed .loulou-category .post_img_wrap,
    .posts_feed .loulou-single .post_img_wrap {
      margin: 0 auto;
      max-width: 100%;
      padding: 0px;
      position: relative;
      transition: all 2s; }

.loulou-post-attachment {
  margin: 0 auto;
  width: 640px; }

.search_result {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 0;
  position: relative; }
  .search_result .searched {
    flex-basis: 46%;
    flex-grow: 1;
    height: 25vh;
    margin: 5px;
    max-width: 46%;
    overflow: hidden;
    position: relative; }
    .search_result .searched img {
      position: absolute;
      min-width: 100%; }
  .search_result .searched_title {
    background: #172937;
    color: #eaabba;
    font: 100% "Hind Siliguri", sans-serif;
    font-size: 1em;
    font-weight: 200;
    min-height: 3em;
    padding: 5px;
    position: absolute;
    text-align: justify;
    top: 65%;
    width: 85%;
    z-index: +1; }
  .search_result img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }

.category_terms {
  position: absolute;
  bottom: 2%;
  z-index: +1;
  background: #f6ece1; }

.loulou-single-page {
  font: 100% "Hind Siliguri", sans-serif;
  margin-top: 30px; }
  .loulou-single-page .the-loulou-post img,
  .loulou-single-page .the-loulou-post .blk-brdr {
    border: 2px solid #172937;
    height: auto;
    max-width: 640px;
    width: 100%; }
  .loulou-single-page .useful-link {
    position: absolute;
    top: 0px; }
  .loulou-single-page .comments {
    margin-left: 4%; }

.hidden {
  display: none; }

.loulou-single-sidebar {
  flex-grow: 1;
  margin-top: 0; }
  .loulou-single-sidebar .loulou-cat-link {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: #976e32;
    display: block;
    font: 100% "Kanit", serif;
    font-size: 1.3em;
    padding-bottom: 2px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase; }
  .loulou-single-sidebar .loulou-cat-link:hover {
    background: rgba(255, 255, 255, 0.5);
    color: #e43d65;
    cursor: pointer; }
  .loulou-single-sidebar .loulou-cat-link:visited {
    color: #576781; }

.loulou-sidebar {
  flex-grow: 1;
  list-style-type: none;
  min-width: 30%; }
  .loulou-sidebar .adsbygoogle {
    margin-bottom: 0; }
  .loulou-sidebar .related-subjects {
    color: #e43d65;
    border-bottom: 1px solid #976e32;
    font-family: "Francois One", sans-serif;
    font-size: 2em;
    margin: 7% 0 0;
    min-height: 2em;
    text-align: center; }
  .loulou-sidebar .widget-area {
    overflow: hidden; }
  .loulou-sidebar .loulou-cat-link {
    border-bottom: 1px solid #172937;
    color: #976e32;
    display: block;
    font: 100% "Kanit", serif;
    font-size: 1.3em;
    min-height: 3em;
    padding-top: 8%;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%; }
  .loulou-sidebar .loulou-cat-link:hover {
    background: rgba(255, 255, 255, 0.5);
    color: #e43d65;
    cursor: pointer; }
  .loulou-sidebar .loulou-cat-link:visited {
    /*color: $baseblue;*/ }

.lll_row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 0;
  margin: 0 auto;
  max-width: 100%; }
  .lll_row a {
    flex-grow: 1;
    border: 2px solid #172937;
    min-height: 160px;
    margin: 2px 0;
    overflow: hidden;
    position: relative; }
    .lll_row a .thispost {
      color: #eaabba !important;
      background: #172937 !important; }
    .lll_row a img {
      border: none !important;
      min-width: 100%;
      width: auto !important;
      position: absolute;
      left: 50%;
      transform: translateX(-50%); }

#nav-below, #nav-above {
  display: inline-block; }

.LouLou-sidebar-xoxo {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 0;
  margin: 0 auto;
  max-width: 100%; }
  .LouLou-sidebar-xoxo .yt {
    color: #f6ece1;
    margin: 0 0 2% 0;
    background: rgba(0, 0, 0, 0.64);
    padding: 2% 0;
    display: block; }
  .LouLou-sidebar-xoxo .jetpack_subscription_widget {
    background: rgba(255, 255, 255, 0.5);
    padding: 2% 0; }
  .LouLou-sidebar-xoxo .jetpack_subscription_widget::before {
    content: "Subscribe to loulou.to"; }
  .LouLou-sidebar-xoxo a.LouLou_sidebar_post {
    border: 1px solid #172937;
    margin: 0;
    overflow: hidden;
    position: relative;
    min-width: 49%;
    min-height: 150px; }
    .LouLou-sidebar-xoxo a.LouLou_sidebar_post .thispost {
      color: #eaabba !important;
      background: #172937 !important; }
    .LouLou-sidebar-xoxo a.LouLou_sidebar_post img {
      min-width: 100%;
      position: absolute; }
    .LouLou-sidebar-xoxo a.LouLou_sidebar_post .searched_title {
      background: #eaabba;
      box-shadow: 1px 1px rgba(0, 0, 0, 0.64);
      border-top: 1px #9eb1da solid;
      color: #172937;
      font: 100% "Hind Siliguri", sans-serif;
      font-size: 1em;
      font-weight: 200;
      left: -25%;
      overflow: hidden;
      padding: 0 20% 0 30%;
      position: absolute;
      text-align: justify;
      text-align: left;
      top: 25%;
      transform: rotate(9deg);
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%;
      z-index: +1; }

.lll-row .lll_link {
  border: 1px solid #172937;
  margin: 0;
  overflow: hidden;
  position: relative; }
  .lll-row .lll_link .searched_title {
    background: rgba(0, 0, 0, 0.64);
    color: #f6ece1;
    font: 100% "Hind Siliguri", sans-serif;
    font-size: 1em;
    line-height: 1em;
    font-weight: 200;
    height: 50%;
    overflow: hidden;
    padding: 2px;
    position: absolute;
    text-align: left;
    top: 50%;
    white-space: normal;
    width: 100%;
    z-index: +1; }

#Search::-webkit-search-cancel-button {
  position: relative;
  right: 20px;
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: red; }

.dateline {
  background: #172937;
  color: #172937;
  display: block;
  font-size: 1em;
  height: 1px;
  margin-bottom: 20px;
  text-align: center; }
  .dateline span {
    background: none repeat scroll 0 0 #f6ece1;
    font: 100% "Hind Siliguri", sans-serif;
    padding: 0 45px;
    position: relative;
    top: -8px; }

.loulou-comments {
  font-size: 1.1em;
  margin: 0 auto;
  overflow: hidden;
  width: 68%;
  max-width: 75%; }

.cat-paged {
  min-height: 40px; }
  .cat-paged .nav-previous,
  .cat-paged .nav-next {
    max-width: 27%; }

.loulou-nav {
  min-height: 40px;
  position: relative;
  margin-bottom: 1em;
  width: 100%; }
  .loulou-nav .single-nav {
    width: 100% !important; }
  .loulou-nav .nav-previous {
    height: 45px;
    float: left;
    position: relative;
    width: 50%; }
    .loulou-nav .nav-previous .meta-nav {
      background: url(images/icons/sprite.svg);
      background-position: -147px -294px;
      background-repeat: no-repeat;
      height: 45px;
      opacity: 0.5;
      filter: alpha(opacity=50);
      padding-top: 1.2em;
      padding-left: 3em;
      position: absolute;
      left: -40px;
      top: -1.5em;
      width: 45px; }
    .loulou-nav .nav-previous a {
      border-radius: 5px;
      color: #576781;
      font-size: .8em;
      font-weight: 600;
      left: 40px;
      line-height: .95em;
      max-width: 50%;
      max-height: 5%;
      position: absolute;
      text-align: left;
      text-decoration: none;
      top: 13px;
      transition: all .5s; }
  .loulou-nav .nav-next {
    height: 45px;
    float: right;
    text-align: right;
    position: relative;
    width: 50%; }
    .loulou-nav .nav-next .meta-nav {
      background: url(images/icons/sprite.svg);
      background-position: -104px -239px;
      background-repeat: no-repeat;
      opacity: 0.5;
      filter: alpha(opacity=50);
      padding-top: 1.2em;
      padding-right: 3em;
      position: absolute;
      top: -1.5em;
      right: -40px;
      height: 45px;
      width: 40px; }
    .loulou-nav .nav-next a {
      border-radius: 5px;
      color: #576781;
      font-size: .8em;
      font-weight: 600;
      line-height: .95em;
      max-width: 50%;
      position: absolute;
      right: 54px;
      text-decoration: none;
      text-align: right;
      top: 13px;
      transition: all .5s; }
  .loulou-nav .nav-previous:hover {
    cursor: pointer; }
    .loulou-nav .nav-previous:hover a {
      display: block; }
    .loulou-nav .nav-previous:hover .meta-nav {
      opacity: 1;
      filter: alpha(opacity=100); }
  .loulou-nav .nav-next:hover {
    cursor: pointer; }
    .loulou-nav .nav-next:hover a {
      display: block; }
    .loulou-nav .nav-next:hover .meta-nav {
      opacity: 1;
      filter: alpha(opacity=100); }

.front-page-nav-above {
  height: 50px;
  top: -20px !important; }

.wp-block-embed__wrapper {
  text-align: center;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
  max-width: 640px; }
  .wp-block-embed__wrapper iframe {
    border: 1px solid #976e32;
    height: 100%;
    width: 100%; }

.social {
  flex-grow: 1;
  margin: 1% 0 0; }
  .social a {
    border: 0;
    display: inline-block;
    margin-right: 2%;
    margin-top: 9px;
    height: 100%;
    width: 30%; }
    .social a span.icon {
      background: url("images/icons/sprite.svg");
      background-repeat: no-repeat;
      height: 50px;
      width: 50px; }
  .social a:hover,
  .social a:focus {
    cursor: pointer; }
  .social .facebook span.icon {
    background-position: -29px -585px;
    background-size: 389px 842px; }
  .social .facebook span.icon:hover,
  .social .facebook span.icon:focus {
    background-position: -88px -585px; }
  .social .pinterest span.icon {
    background-position: -31px -686px;
    background-size: 389px 842px; }
  .social .pinterest span.icon:hover,
  .social .pinterest span.icon:focus {
    background-position: -100px -686px; }
  .social .youtube span.icon {
    background-position: -107px -350px;
    background-size: 238px 515px;
    height: 25px;
    width: 100px; }
  .social .youtube span.icon:hover,
  .social .youtube span.icon:focus {
    background-position: -107px -388px; }
  .social .instagram span.icon {
    background-position: -27px -774px;
    background-size: 389px 842px;
    height: 50px;
    width: 50px; }
  .social .instagram span.icon:hover,
  .social .instagram span.icon:focus {
    background-position: -101px -774px; }

@media only screen and (max-device-width: 520px) and (min-device-width: 320px) and (orientation: portrait), (max-device-width: 653px) and (min-device-width: 280px) and (orientation: portrait) {
  .home-icon {
    background: url(images/icons/sprite.svg);
    background-position: -176px -223px !important;
    background-repeat: no-repeat;
    background-size: 268px 948px !important;
    display: block;
    height: 60px !important;
    margin: 0px auto;
    position: relative;
    width: 60px !important; }

  .front-header {
    padding: 0 !important; }
    .front-header nav {
      padding-bottom: 30px; }

  .page-header {
    background-size: 1059px 105px !important;
    background-position: 50% -30% !important; }
    .page-header nav .mob-menu {
      padding-top: 16px !important; }

  nav {
    height: 100%; }
    nav .icon-menu-wrapper {
      display: block;
      width: 100%; }
    nav .mob-menu {
      color: #f8f7f4;
      display: block;
      font: 100% "Oxygen", sans-serif;
      font-size: 1.4em;
      font-weight: 600;
      height: 34px;
      margin: 0% auto;
      padding-top: 1%;
      width: 50%; }
    nav .mob-menu::before {
      content: 'MENU'; }
    nav .openmenu {
      color: #172937 !important; }
    nav div {
      display: block;
      margin: 5%  0;
      text-align: center; }
    nav .menu-wrapper {
      display: none; }
    nav .menu-main-container,
    nav .menu-menu-1-container {
      flex-direction: column;
      max-width: 100% !important;
      transition: all .25s ease-out;
      width: 100% !important; }
    nav .search {
      position: relative;
      text-align: center;
      width: 100%; }
      nav .search .search-form .search-field {
        background-size: 161px 391px;
        background-position: -90px 0px;
        border: 1px transparent solid;
        font: 100% "Oxygen", sans-serif;
        font-size: 1.3em;
        height: 40px;
        margin: 0 auto;
        padding-left: 40px;
        width: 40px;
        transition: all .5s ease-out;
        width: 20%; }
      nav .search .search-form .search-field:hover,
      nav .search .search-form .search-field:focus {
        color: #172937;
        padding-left: 90px;
        width: 92%; }
    nav ul {
      list-style-type: none;
      margin: 4px auto;
      padding: 0;
      width: 50%; }
      nav ul li {
        display: block !important; }
        nav ul li .sub-menu {
          display: none;
          flex-direction: column;
          position: relative; }
        nav ul li a {
          color: #f6ece1;
          display: block;
          flex-grow: 1;
          font: 100% "Oxygen", sans-serif;
          font-size: 1.5em;
          font-weight: 500;
          margin: 10px 0px;
          padding: 0;
          text-decoration: none;
          text-transform: uppercase;
          transition: all .25s ease-out; }
      nav ul li:hover .sub-menu,
      nav ul a:hover .sub-menu,
      nav ul li:focus .sub-menu,
      nav ul a:focus .sub-menu {
        display: flex !important;
        top: 0; }

  .main {
    display: flex;
    flex-direction: column; }
    .main .logo {
      height: 50%;
      margin: 0 auto;
      max-height: 250px;
      min-height: 150px;
      width: 100%; }
      .main .logo iframe,
      .main .logo img {
        transition: all 2s; }
    .main article.branding {
      order: 2 !important;
      margin-bottom: 5%; }
      .main article.branding .header-feature {
        background: #f6ece1;
        height: 150vh;
        margin: 0; }
        .main article.branding .header-feature h2 {
          background: #f6ece1;
          margin: 0;
          padding: 0; }
          .main article.branding .header-feature h2 span {
            display: none; }
        .main article.branding .header-feature div {
          display: block;
          height: 100%;
          margin: 0 0 50px 0 !important; }
        .main article.branding .header-feature .trenders,
        .main article.branding .header-feature .recent {
          display: block;
          width: 100%; }
        .main article.branding .header-feature .trenders {
          height: 75vh; }
          .main article.branding .header-feature .trenders .trend {
            height: 25vh;
            width: 100%;
            margin: 0 !important; }
          .main article.branding .header-feature .trenders .trend:first-of-type {
            margin-top: 0px !important; }
          .main article.branding .header-feature .trenders .trend-title {
            background: rgba(0, 0, 0, 0.64);
            color: #f6ece1;
            font: 100% "Hind Siliguri", sans-serif;
            font-size: 1em;
            font-weight: 200;
            padding: 5px;
            top: 55%; }
        .main article.branding .header-feature .recent {
          height: auto;
          min-height: 18vh;
          margin: 0; }
          .main article.branding .header-feature .recent .lt-slide-wrap .slider-title {
            background: rgba(0, 0, 0, 0.64);
            font: 100% "Hind Siliguri", sans-serif;
            font-size: 1.2em;
            font-weight: 200;
            top: 1vh; }
        .main article.branding .header-feature .lt-slider-cntrl {
          height: 54px; }
        .main article.branding .header-feature .slider-dot {
          background-position: -13px -189px;
          background-size: 212px 752px;
          height: 45px;
          margin: 0 2%;
          max-width: 75px;
          width: 10%; }
        .main article.branding .header-feature .hot-dot {
          background-position: -13px -253px; }
    .main .logo {
      height: 150px;
      margin: 0 auto;
      min-height: 150px;
      overflow: hidden;
      position: relative;
      width: 100%; }
      .main .logo img {
        transition: all .5s;
        max-height: 150px; }

  .posts_feed {
    order: 1 !important;
    margin: 5%  0 !important;
    max-width: 100%; }
    .posts_feed .dateline span {
      font-size: 1.1em !important;
      top: -.7em !important; }
    .posts_feed .the-loulou-post .loulou-post-content {
      max-width: 100% !important;
      padding: 4% !important; }
      .posts_feed .the-loulou-post .loulou-post-content .blk-brdr {
        max-width: 100%; }
      .posts_feed .the-loulou-post .loulou-post-content .wp-block-embed {
        max-width: 100%;
        overflow: hidden;
        margin-block-start: 0em;
        margin-block-end: 0em;
        margin-inline-start: 0em;
        margin-inline-end: 0em; }
        .posts_feed .the-loulou-post .loulou-post-content .wp-block-embed iframe {
          max-width: 100%; }
    .posts_feed .loulou-nav {
      font-size: 1.2em;
      margin: 8% 0;
      padding: 0 0 4% 0;
      top: 0 !important; }
      .posts_feed .loulou-nav .nav-previous {
        height: 70px;
        left: 30px;
        margin: 0px;
        max-width: 50%; }
        .posts_feed .loulou-nav .nav-previous a {
          background: #f6ece1; }
          .posts_feed .loulou-nav .nav-previous a super {
            font-size: .95em;
            font-weight: 700;
            position: relative;
            top: -1em;
            left: 0.35em;
            display: inline-block;
            max-height: 80px;
            overflow: hidden;
            text-overflow: ellipsis; }
        .posts_feed .loulou-nav .nav-previous .meta-nav {
          background-size: 330px 800px;
          background-position: -187px -379px;
          height: 60px;
          left: -65px;
          top: -20px;
          width: 70px;
          opacity: 0.5;
          filter: alpha(opacity=50); }
      .posts_feed .loulou-nav .nav-next {
        height: 70px;
        margin: 0px;
        max-width: 50%; }
        .posts_feed .loulou-nav .nav-next a {
          background: #f6ece1; }
          .posts_feed .loulou-nav .nav-next a super {
            font-size: .95em;
            font-weight: 700;
            position: relative;
            top: -1em;
            right: 0.35em;
            display: inline-block;
            max-height: 80px;
            overflow: hidden;
            text-overflow: ellipsis; }
        .posts_feed .loulou-nav .nav-next .meta-nav {
          background-size: 330px 800px;
          background-position: -114px -310px;
          height: 60px;
          right: -50px;
          top: -20px;
          width: 70px;
          opacity: 0.5;
          filter: alpha(opacity=50); }
      .posts_feed .loulou-nav .nav-next:hover .meta-nav {
        opacity: 1;
        filter: alpha(opacity=100); }
    .posts_feed h1 {
      color: #976e32;
      font: 100% "Francois One", sans-serif;
      font-size: 2em;
      font-weight: 500;
      line-height: 1.1em;
      margin: 0;
      padding: 10% 2% 0 2%;
      position: relative;
      text-align: left; }
      .posts_feed h1 .archived,
      .posts_feed h1 .category-archived {
        border-radius: 0 0% 6% 6%;
        display: block;
        font: 100% "Francois One", sans-serif;
        font-size: .9em;
        text-align: center;
        width: 100%;
        z-index: +2; }
      .posts_feed h1 .archived {
        left: 0;
        position: fixed; }
      .posts_feed h1 .category-archived {
        display: none;
        position: absolute; }
      .posts_feed h1 .noflag {
        display: none; }
      .posts_feed h1 sup {
        vertical-align: middle; }
    .posts_feed .the-loulou-post {
      display: block !important; }
      .posts_feed .the-loulou-post .loulou-sidebar {
        max-width: 100%; }
        .posts_feed .the-loulou-post .loulou-sidebar .related-subjects {
          font-size: 2em;
          margin-top: 5%; }
        .posts_feed .the-loulou-post .loulou-sidebar .loulou-cat-link {
          font-size: 1.2em;
          min-height: 2em; }
        .posts_feed .the-loulou-post .loulou-sidebar .widget-container #subscribe-email input {
          font-size: 2em;
          width: 94%; }
        .posts_feed .the-loulou-post .loulou-sidebar .widget-container #subscribe-submit input[type="submit"] {
          background: #976e32;
          color: #f6ece1;
          font-size: 2em;
          width: 94%; }
    .posts_feed .search_result {
      flex-direction: row; }
      .posts_feed .search_result .searched_title {
        font-size: 1em;
        text-align: left;
        top: 55%; }
      .posts_feed .search_result .searched {
        flex-basis: 100% !important;
        max-width: 100%;
        height: 40vh; }
    .posts_feed div {
      margin: 0; }
      .posts_feed div .page-numbers {
        font-size: 3em; }
    .posts_feed .LouLou-sidebar-xoxo {
      flex-direction: row; }
    .posts_feed .LouLou-sidebar-xoxo h2 {
      display: block;
      font: 100% "Francois One", sans-serif;
      font-size: 2em;
      font-weight: bold;
      text-align: center;
      width: 100%; }
    .posts_feed .LouLou-sidebar-xoxo a {
      margin: 1% 0; }
      .posts_feed .LouLou-sidebar-xoxo a .searched_title {
        font-size: .9em;
        left: -25%;
        padding: 0 30%;
        text-align: left;
        top: 30%;
        transform: rotate(9deg);
        width: 90%; }
    .posts_feed .LouLou-sidebar-xoxo li {
      width: 100%; }
      .posts_feed .LouLou-sidebar-xoxo li img {
        margin: 20px auto;
        width: 60%; }

  .lll_colophon {
    display: block;
    font: 100% "Francois One", sans-serif;
    font-size: 2em;
    width: 100%; }

  .lll_row {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: 1.6em;
    padding-left: 0;
    margin: 0 auto;
    min-height: 65vh; }
    .lll_row a {
      flex-grow: 1;
      max-height: 30%;
      min-height: 30vh !important;
      max-width: 98%;
      width: 49%;
      margin: 1px;
      overflow: hidden;
      position: relative; }
      .lll_row a .searched_title {
        height: 25% !important;
        top: 75% !important;
        font-size: .8em !important; }

  footer .col1,
  footer .col2-wrap,
  footer .col3 {
    display: block !important;
    font-size: 1.1em !important;
    padding: 2% !important;
    text-align: center !important;
    margin: 0 auto;
    width: 90% !important; } }
@media only screen and (max-device-width: 653px) and (min-device-width: 280px) and (orientation: portrait) {
  .dateline {
    font-size: 0.8em; }

  .posts_feed .loulou-nav .nav-previous a super,
  .posts_feed .loulou-nav .nav-next a super {
    font-size: .75em; } }
@media screen and (device-aspect-ratio: 40 / 71) and (orientation: portrait) {
  nav .mob-menu {
    display: block; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 780px) and (orientation: landscape), only screen and (device-width: 640px) and (orientation: landscape), screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape), screen and (min-device-width: 500px) and (max-device-width: 1024px) and (orientation: landscape) {
  body .hfeed .front-header .logo_inner {
    min-height: 60px; }
  body .loulou-post-content {
    max-width: 100%; }
    body .loulou-post-content img {
      height: auto; }
    body .loulou-post-content .wp-block-embed {
      max-width: 100%;
      overflow: hidden; }
  body .loulou-sidebar .loulou-cat-link {
    font-size: .9em;
    min-height: 4em; }
  body .loulou-sidebar .LouLou-sidebar-xoxo {
    width: 98%; }
    body .loulou-sidebar .LouLou-sidebar-xoxo a {
      width: 98%; }
    body .loulou-sidebar .LouLou-sidebar-xoxo h2 {
      text-align: center;
      width: 100%; }
  body nav .menu-wrapper .mob-menu {
    display: none; }
  body nav .menu-wrapper ul {
    margin: 0;
    padding: 0; }
  body nav .menu-wrapper .menu-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 50px;
    position: relative; }
  body nav .menu-wrapper .menu-main-container,
  body nav .menu-wrapper .menu-menu-1-container {
    display: block;
    flex-grow: 1;
    flex-direction: row;
    margin: 6px 0 0 30px;
    transition: all .25s ease-out; }
    body nav .menu-wrapper .menu-main-container li.menu-item,
    body nav .menu-wrapper .menu-menu-1-container li.menu-item {
      margin: 0 2%; }
  body nav .menu-wrapper .search {
    flex-grow: 1; }
    body nav .menu-wrapper .search .search-submit {
      position: absolute;
      right: 0px; }
    body nav .menu-wrapper .search input[type="search"] {
      font: 100% "Oxygen", sans-serif;
      font-size: 1.3em;
      height: 40px;
      padding-left: 40px;
      position: relative;
      transition: all .5s ease-out;
      width: 100%; }
    body nav .menu-wrapper .search input[type="search"]:hover,
    body nav .menu-wrapper .search input[type="search"]:focus {
      color: #172937; }

  .posts_feed {
    margin: 0; }
    .posts_feed .loulou-single .loulou-post-content .lll-block-grid,
    .posts_feed .loulou-category .loulou-post-content .lll-block-grid {
      width: 105%; }

  .search_result .searched {
    width: 100%;
    height: 50vh;
    max-width: 100%; }

  #loulou-footer .footer-wrap {
    display: flex;
    flex-direction: column; }
    #loulou-footer .footer-wrap div {
      width: 100%; }

  .lll_colophon {
    display: block;
    font: 100% "Francois One", sans-serif;
    font-size: 2em;
    width: 100%; }

  .lll_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 0 auto;
    max-width: 100%;
    min-height: 130px; }
    .lll_row a {
      flex-grow: 1;
      margin: 1px;
      overflow: hidden;
      position: relative;
      max-height: 130px;
      max-width: 49% !important; }
      .lll_row a .searched_title {
        background: rgba(0, 0, 0, 0.64);
        color: #f6ece1;
        font: 100% "Hind Siliguri", sans-serif;
        font-weight: 200;
        height: 50%;
        padding: 0 1%;
        position: absolute;
        text-align: left;
        text-transform: uppercase;
        top: 50%;
        transition: all .7s;
        white-space: normal;
        width: 100%;
        z-index: +1; }

  .search_title {
    font-size: 1em; }

  .loulou-nav .nav-previous {
    width: 45%; }
    .loulou-nav .nav-previous a {
      max-width: 100%; }
      .loulou-nav .nav-previous a super {
        position: relative;
        top: -1em; }
  .loulou-nav .nav-previous:hover {
    background-position: -15px -545px; }
  .loulou-nav .nav-next {
    background-position: -108px -263px !important;
    width: 45%; }
    .loulou-nav .nav-next a {
      max-width: 100%; }
      .loulou-nav .nav-next a super {
        position: relative;
        top: -1em; }
  .loulou-nav .nav-next:hover {
    background-position: -6px -468px; }

  .branding {
    margin-bottom: 5%; }
    .branding .header-feature {
      height: 56vh;
      width: 85%; }
      .branding .header-feature .trenders .trend {
        height: 44%; }
      .branding .header-feature .trenders .trend-title {
        background: #172937;
        color: #f6ece1;
        font: 100% "Hind Siliguri", sans-serif;
        font-size: .5em;
        font-weight: 200;
        padding: 5px;
        top: 62%; }
      .branding .header-feature .lt-slide-wrap .slider-title {
        background: #172937;
        font: 100% "Hind Siliguri", sans-serif;
        font-size: 1.1em;
        font-weight: 200; }
      .branding .header-feature .slider-dot {
        background-position: -3px -79px;
        background-size: 127px 391px;
        height: 34px;
        margin: 0 3px; }
      .branding .header-feature .slider-dot:hover,
      .branding .header-feature .slider-dot:focus,
      .branding .header-feature .hot-dot {
        background-position: -3px -119px; }

  .posts_feed {
    width: 100%;
    margin-top: 2% !important; }
    .posts_feed h1 {
      color: #976e32;
      font: 100% "Francois One", sans-serif;
      font-size: 3em;
      font-weight: 100;
      line-height: 1.1em;
      margin: 8% 0 5%;
      padding: 0 3% 0;
      position: relative;
      text-align: left; }
      .posts_feed h1 .archived,
      .posts_feed h1 .category-archived {
        border-radius: 0 0 6% 6%;
        font: 100% "Francois One", sans-serif;
        font-size: .5em;
        padding: 1% 2% 0 5%;
        text-transform: uppercase; }
      .posts_feed h1 .archived {
        bottom: -100%;
        left: 0;
        position: fixed;
        z-index: +2; }
      .posts_feed h1 .category-archived {
        left: 0%;
        top: -200%;
        position: absolute; }
      .posts_feed h1 .noflag {
        display: none; }
      .posts_feed h1 em {
        margin: 2% auto; }
      .posts_feed h1 sup {
        vertical-align: middle; }
    .posts_feed .the-loulou-post {
      width: 98%; }
      .posts_feed .the-loulou-post .loulou-post-content {
        margin-top: 0;
        max-width: 52%;
        min-width: 52%;
        top: -24px; }
        .posts_feed .the-loulou-post .loulou-post-content img.searched {
          max-width: 100% !important; }
        .posts_feed .the-loulou-post .loulou-post-content .searched img {
          max-width: none; }
        .posts_feed .the-loulou-post .loulou-post-content p {
          margin: 0px auto;
          width: 90%; }
    .posts_feed .loulou-single {
      min-width: 80%;
      max-width: 98%; }
    .posts_feed .loulou-category
    .loulou-single .loulou-post-content {
      max-width: 640px; }
    .posts_feed .loulou-category
    .loulou-single .loulou_sidebar {
      margin-left: 35px;
      margin-top: 65px; }
    .posts_feed .posts_feed {
      width: 100%;
      margin-top: 2% !important; }
      .posts_feed .posts_feed h1 {
        color: #976e32;
        font: 100% "Francois One", sans-serif;
        font-size: 3em;
        font-weight: 100;
        line-height: 1.1em;
        margin: 8% 0 5%;
        padding: 0 3% 0;
        position: relative;
        text-align: left; }
        .posts_feed .posts_feed h1 .archived,
        .posts_feed .posts_feed h1 .category-archived {
          border-radius: 0 0 6% 6%;
          font: 100% "Francois One", sans-serif;
          font-size: .5em;
          padding: 1% 2% 0 5%;
          text-transform: uppercase; }
        .posts_feed .posts_feed h1 .archived {
          bottom: -100%;
          left: 0;
          position: fixed;
          z-index: +2; }
        .posts_feed .posts_feed h1 .category-archived {
          left: 0%;
          top: -200%;
          position: absolute; }
        .posts_feed .posts_feed h1 .noflag {
          display: none; }
        .posts_feed .posts_feed h1 em {
          margin: 2% auto; }
        .posts_feed .posts_feed h1 sup {
          vertical-align: middle; }
      .posts_feed .posts_feed .the-loulou-post {
        width: 98%; }
        .posts_feed .posts_feed .the-loulou-post .loulou-post-content {
          margin-top: 0;
          max-width: 65%;
          min-width: 65%;
          top: -24px; }
          .posts_feed .posts_feed .the-loulou-post .loulou-post-content img.searched {
            max-width: 100% !important; }
          .posts_feed .posts_feed .the-loulou-post .loulou-post-content .searched img {
            max-width: none; }
          .posts_feed .posts_feed .the-loulou-post .loulou-post-content p {
            margin: 0px auto;
            width: 90%; }
      .posts_feed .posts_feed .loulou-single {
        min-width: 80%;
        max-width: 94%; }
    .posts_feed .wp-block-embed {
      max-width: 100%;
      overflow: hidden; }
    .posts_feed .loulou-sidebar {
      margin-left: 2%;
      margin-right: 2%;
      margin-top: 16px;
      max-width: 42%;
      position: relative;
      z-index: +2; }
      .posts_feed .loulou-sidebar .related-subjects {
        font-size: 1.4em !important; }
      .posts_feed .loulou-sidebar .loulou-cat-link {
        font-size: 1em !important; }
    .posts_feed .LouLou-sidebar-xoxo h2 {
      display: block;
      font: 100% "Francois One", sans-serif;
      font-size: 1.5em;
      font-weight: 700;
      text-align: center;
      width: 100%; }
    .posts_feed .LouLou-sidebar-xoxo a {
      height: 160px !important;
      max-width: 100%;
      width: 100%; }
    .posts_feed .LouLou-sidebar-xoxo .has-video {
      background-position: -116px -395px;
      background-repeat: no-repeat;
      background-size: 216px 468px;
      height: 59px;
      width: 60px;
      position: absolute;
      top: 10px;
      right: -3px; } }
@media screen and (device-aspect-ratio: 40 / 71) and (orientation: landscape) {
  nav .menu-wrapper {
    display: flex;
    flex-direction: column !important;
    flex-wrap: nowrap !important; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
  nav .mob-menu {
    display: block !important; } }
@media only screen and (min-width: 1024px) and (max-width: 1280px), screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .home-icon {
    display: inline-block; }

  .dateline {
    width: 94%;
    margin: 0 3%; }

  .hfeed .page-header {
    background: #976e32;
    background-size: 919px 90px !important;
    background-position: 50% -11% !important;
    min-height: 80px;
    padding: 20px 5px 5px; }

  nav .menu-wrapper .mob-menu {
    display: none; }
  nav .menu-wrapper .menu-menu-1-container {
    flex-grow: 2;
    transition: all .25s ease-out; }
  nav .menu-wrapper .icon-menu-wrapper {
    flex-grow: 1; }
  nav .menu-wrapper .search .search-form label,
  nav .menu-wrapper .search .search-form input[type="submit"] {
    display: none; }
  nav .menu-wrapper .search .search-form input[type="search"] {
    background-position: -80px -1px;
    border: 1px transparent solid;
    font: 100% "Oxygen", sans-serif;
    height: 30px;
    margin-top: 3px;
    margin-right: 20px;
    min-width: 30px;
    padding-left: 34px;
    padding-right: 2px;
    transition: all .5s ease-out;
    width: 30px; }
  nav .menu-wrapper .search .search-form input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    display: none; }
  nav .menu-wrapper .search .search-form input[type="search"]:hover,
  nav .menu-wrapper .search .search-form input[type="search"]:focus {
    border: 1px solid #f2a559;
    color: #172937;
    width: 90%; }
  nav .menu-wrapper ul {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    margin: 1% 0 0 5%;
    padding: 0 5%; }
    nav .menu-wrapper ul .sub-menu {
      background: #976e32;
      display: none;
      position: relative; }
      nav .menu-wrapper ul .sub-menu li {
        background: #976e32;
        display: block;
        position: relative;
        margin: 0; }
    nav .menu-wrapper ul li,
    nav .menu-wrapper ul a {
      font-size: 0.87em !important;
      margin: 0 2%; }
    nav .menu-wrapper ul li:focus,
    nav .menu-wrapper ul a:focus,
    nav .menu-wrapper ul li:hover,
    nav .menu-wrapper ul a:hover,
    nav .menu-wrapper ul li:active,
    nav .menu-wrapper ul a:active {
      color: #f2a559; }
      nav .menu-wrapper ul li:focus .sub-menu,
      nav .menu-wrapper ul a:focus .sub-menu,
      nav .menu-wrapper ul li:hover .sub-menu,
      nav .menu-wrapper ul a:hover .sub-menu,
      nav .menu-wrapper ul li:active .sub-menu,
      nav .menu-wrapper ul a:active .sub-menu {
        display: block;
        left: 0px;
        padding-left: 0px;
        position: absolute;
        top: 20px;
        text-align: center;
        min-width: 150px;
        z-index: +1; }

  .main .logo {
    height: 20%;
    margin: 0 auto;
    min-height: 150px;
    overflow: hidden;
    position: relative;
    width: 100%; }
    .main .logo img {
      transition: all 2s; }
  .main .header-feature {
    height: 25vh;
    width: 85%; }
    .main .header-feature .trenders .trend {
      height: 45%; }
    .main .header-feature .trenders .trend-title {
      background: #172937;
      color: #f6ece1;
      font: 100% "Hind Siliguri", sans-serif;
      font-size: .5em;
      font-weight: 200;
      padding: 5px;
      top: 62%; }
    .main .header-feature .lt-slider {
      height: 93%; }
    .main .header-feature .lt-slide-wrap .slider-title {
      background: #172937;
      font: 100% "Hind Siliguri", sans-serif;
      font-size: 1.1em;
      font-weight: 200; }
    .main .header-feature .slider-dot {
      background-position: -3px -79px;
      background-size: 127px 391px;
      height: 34px;
      margin: 0 3px; }
    .main .header-feature .slider-dot:hover,
    .main .header-feature .slider-dot:focus,
    .main .header-feature .hot-dot {
      background-position: -3px -119px; }

  .loulou-category
  .loulou-single .loulou-post-content {
    max-width: 640px; }

  .wp-block-jetpack-subscriptions__container form {
    flex-direction: column; }
    .wp-block-jetpack-subscriptions__container form p {
      display: inline-block;
      width: 100%; }
      .wp-block-jetpack-subscriptions__container form p button {
        width: 90%; }

  .posts_feed {
    width: 100%;
    margin-top: 2% !important; }
    .posts_feed h1 {
      color: #976e32;
      font: 100% "Francois One", sans-serif;
      font-size: 3em;
      font-weight: 100;
      line-height: 1.1em;
      margin: 8% 0 5%;
      padding: 0 3% 0;
      position: relative;
      text-align: left; }
      .posts_feed h1 .archived,
      .posts_feed h1 .category-archived {
        border-radius: 0 0 6% 6%;
        font: 100% "Francois One", sans-serif;
        font-size: .5em;
        padding: 1% 2% 0 5%;
        text-transform: uppercase; }
      .posts_feed h1 .archived {
        bottom: -100%;
        left: 0;
        position: fixed;
        z-index: +2; }
      .posts_feed h1 .category-archived {
        left: 0%;
        top: -200%;
        position: absolute; }
      .posts_feed h1 .noflag {
        display: none; }
      .posts_feed h1 em {
        margin: 2% auto; }
      .posts_feed h1 sup {
        vertical-align: middle; }
    .posts_feed .the-loulou-post {
      width: 98%; }
      .posts_feed .the-loulou-post .loulou-post-content {
        margin-top: 0;
        max-width: 640px;
        min-width: 65%;
        top: -24px; }
        .posts_feed .the-loulou-post .loulou-post-content img.searched {
          max-width: 100% !important; }
        .posts_feed .the-loulou-post .loulou-post-content .searched img {
          max-width: none; }
        .posts_feed .the-loulou-post .loulou-post-content p {
          margin: 0px auto;
          width: 90%; }
    .posts_feed .loulou-single {
      min-width: 80%;
      max-width: 94%; }

  .wp-block-embed {
    max-width: 100%;
    overflow: hidden; }

  .loulou-sidebar {
    margin: 1% 0 0 1%;
    min-width: 25%;
    position: relative; }
    .loulou-sidebar .related-subjects {
      font-size: 1.4em !important; }
    .loulou-sidebar .loulou-cat-link {
      font-size: 1em !important; }

  .LouLou-sidebar-xoxo h2 {
    display: block;
    font: 100% "Francois One", sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    width: 100%; }
  .LouLou-sidebar-xoxo a.LouLou_sidebar_post {
    width: 98%; }
  .LouLou-sidebar-xoxo .has-video {
    background-position: -116px -395px;
    background-repeat: no-repeat;
    background-size: 216px 468px;
    height: 59px;
    width: 60px;
    position: absolute;
    top: 10px;
    right: -3px; }

  .lll_colophon {
    display: block;
    font: 100% "Francois One", sans-serif;
    font-size: 1.5em;
    width: 100%; }

  .lll-block-grid .lll-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 0 auto;
    max-width: 100%; }
    .lll-block-grid .lll-row a {
      flex-grow: 1;
      overflow: hidden;
      position: relative; }
      .lll-block-grid .lll-row a .searched_title {
        box-shadow: 1px 1px rgba(0, 0, 0, 0.64);
        font-size: 1em !important; }

  .search_result .searched_title {
    font-size: 0.9em !important;
    top: 55% !important;
    width: 90%  !important;
    line-height: 1.2em !important; }
  .search_result .has-video {
    background-position: -116px -395px;
    background-repeat: no-repeat;
    background-size: 216px 468px;
    height: 59px;
    width: 60px;
    position: absolute;
    top: 10px;
    right: -3px; }

  .loulou-nav {
    z-index: +1; }
    .loulou-nav .nav-previous,
    .loulou-nav .nav-next {
      width: 45%; }
      .loulou-nav .nav-previous a,
      .loulou-nav .nav-next a {
        max-width: 100%; }

  #nav-below {
    margin-bottom: 25%;
    top: 0; }

  .branding {
    margin-bottom: 2%; }

  .wp-block-embed__wrapper {
    width: 60vw;
    height: 33vw; } }
@media only screen and (min-width: 1024px) and (max-width: 1280px), screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .main .header-feature {
    height: 50vh; }
    .main .header-feature .recent {
      height: 98%;
      width: 48%; }
  .main article.posts_feed {
    width: 100%; }

  .home-icon {
    top: 0px !important; }

  .dateline {
    width: 94%;
    margin: 0 3%; }

  .hfeed .page-header {
    background: #976e32;
    background-image: url("images/banner.jpg");
    background-repeat: no-repeat;
    background-size: 519px 50px !important;
    background-position: -17% 46%;
    min-height: 80px;
    padding: 20px 5px 5px; }

  .main .logo {
    height: 20%;
    margin: 0 auto;
    min-height: 150px;
    overflow: hidden;
    position: relative;
    width: 100%; }
    .main .logo img {
      transition: all .5s; }
  .main .header-feature {
    height: 50vh;
    width: 95%; }
    .main .header-feature .trenders .trend {
      height: 43%; }
    .main .header-feature .trenders .trend-title {
      background: #172937;
      color: #f6ece1;
      font: 100% "Hind Siliguri", sans-serif;
      font-size: .7em;
      font-weight: 200;
      padding: 5px;
      top: 50%; }
    .main .header-feature .lt-slider {
      height: 92%; }
    .main .header-feature .lt-slide-wrap .slider-title {
      background: #172937;
      font: 100% "Hind Siliguri", sans-serif;
      font-size: 1.3em;
      font-weight: 200; }
    .main .header-feature .slider-dot {
      background-position: -8px -94px;
      background-size: 143px 440px;
      height: 34px;
      margin: 0 2% !important; }
    .main .header-feature .slider-dot:hover,
    .main .header-feature .slider-dot:focus,
    .main .header-feature .hot-dot {
      background-position: -7px -140px; }

  .mainnav,
  .front-header {
    min-height: 34px;
    padding: 0; }
    .mainnav .mhead,
    .front-header .mhead {
      display: none; }
      .mainnav .mhead .brander,
      .front-header .mhead .brander {
        font-size: .8em; }

  nav ul li,
  nav ul a {
    font-size: 0.8em !important; }
  nav .mob-menu {
    display: none; }
  nav div {
    margin: 2px 5px 0 0;
    text-align: center; }
  nav .search label,
  nav .search input[type="submit"] {
    display: none; }
  nav .search input[type="search"] {
    background: url(images/icons/sprite.svg);
    background-position: -106px -5px;
    background-repeat: no-repeat;
    background-size: 155px 375px;
    border: 1px transparent solid;
    font: 100% "Oxygen", sans-serif;
    height: 30px;
    margin-top: 3px;
    min-width: 10%;
    padding-left: 60px;
    padding-right: 2px;
    transition: all .15s ease-out;
    width: 30px; }
  nav .search input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    display: none; }
  nav .search input[type="search"]:hover,
  nav .search input[type="search"]:focus {
    color: #172937;
    right: 0;
    width: 100%; }
  nav ul {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    margin: 8px 0;
    padding-left: 0px;
    width: 100%; }
    nav ul li,
    nav ul a {
      font-size: 0.8em !important;
      line-height: 1.2em !important;
      margin: 0 2% !important; }
    nav ul li:hover,
    nav ul a:hover {
      color: #f2a559; }

  .posts_feed .loulou-nav {
    margin-bottom: 20px; }
  .posts_feed #nav-below {
    top: 1%;
    margin-bottom: 25%; }
  .posts_feed h1 {
    color: #976e32;
    font: 100% "Francois One", sans-serif;
    font-size: 2.5em;
    font-weight: 100;
    line-height: 1.5em;
    margin: 0 0 .2em 0;
    padding: 1% 3% 0;
    position: relative;
    text-align: left; }
    .posts_feed h1 .archived,
    .posts_feed h1 .category-archived {
      border-radius: 0 0 6% 6%;
      font: 100% "Francois One", sans-serif;
      font-size: .6em;
      padding: 1% 2% 1% 5%;
      text-transform: uppercase;
      z-index: +2; }
    .posts_feed h1 .archived {
      left: 0;
      position: fixed; }
    .posts_feed h1 .category-archived {
      display: none;
      position: absolute; }
    .posts_feed h1 .noflag {
      display: none; }
    .posts_feed h1 em {
      margin: 2% auto; }
    .posts_feed h1 sup {
      vertical-align: middle; }
  .posts_feed .the-loulou-post {
    margin-top: 0; }
    .posts_feed .the-loulou-post .loulou-post-content {
      width: 65%;
      margin: 0 auto;
      max-width: 640px;
      min-width: 65%;
      padding: 3% 1% !important; }
    .posts_feed .the-loulou-post .loulou-sidebar {
      margin-top: 16px; }
      .posts_feed .the-loulou-post .loulou-sidebar .related-subjects {
        font-size: 1.4em !important; }
      .posts_feed .the-loulou-post .loulou-sidebar .loulou-cat-link {
        font-size: 1em !important;
        padding-top: 8%; }
  .posts_feed .loulou-single {
    max-width: 95%;
    min-width: 80%; }

  .LouLou-sidebar-xoxo h2 {
    display: block;
    font: 100% "Francois One", sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    width: 100%; }
  .LouLou-sidebar-xoxo a.LouLou_sidebar_post {
    width: 48%; }

  .lll_colophon {
    display: block;
    font: 100% "Francois One", sans-serif;
    font-size: 1em;
    width: 100%; }

  .LouLou-sidebar-xoxo a.LouLou_sidebar_post {
    min-width: 48%; }

  .lll_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 0 auto;
    max-width: 100%;
    min-height: 130px; }
    .lll_row a {
      flex-grow: 1;
      margin: 1px;
      overflow: hidden;
      position: relative;
      width: 33%; }
      .lll_row a .searched_title {
        background: rgba(0, 0, 0, 0.64);
        box-shadow: 1px 1px rgba(0, 0, 0, 0.64);
        color: #f6ece1;
        font: 100% "Hind Siliguri", sans-serif;
        font-size: 1em;
        font-weight: 200;
        height: 50%;
        overflow: hidden;
        padding: 2px;
        position: absolute;
        text-align: left;
        top: 50%;
        white-space: normal;
        width: 100%;
        z-index: +1; }
      .lll_row a .has-video {
        background-position: -87px -296px;
        background-repeat: no-repeat;
        background-size: 162px 351px;
        height: 40px;
        width: 45px;
        position: absolute;
        top: 20px;
        right: -3px; }

  .search_result .search {
    width: 46%; }
  .search_result .searched_title {
    font-size: .9em !important; }

  #loulou-footer .footer-wrap {
    flex-direction: row; }

  .wp-block-embed__wrapper {
    width: 60vw;
    height: 33vw; } }
/*****ipad mini*********/
@media only screen and (width: 1024px) and (height: 768px) {
  .search_result .searched {
    width: 100%;
    height: 35vh;
    max-width: 100%; }

  body .LouLou-sidebar-xoxo a.LouLou_sidebar_post {
    width: 48%; } }
@media only screen and (min-width: 1281px) {
  html {
    height: 100%; }

  body {
    font: 100% "Oxygen", sans-serif;
    line-height: 1.6em;
    min-height: 100%; }

  .mainnav,
  .front-header {
    min-height: 34px;
    padding: 0; }
    .mainnav .mhead,
    .front-header .mhead {
      display: none; }
      .mainnav .mhead .brander,
      .front-header .mhead .brander {
        font-size: .8em; }

  nav {
    display: flex;
    flex-direction: row; }
    nav .mob-menu {
      display: none; }
    nav div {
      display: inline-block;
      margin: 0;
      text-align: center;
      flex-grow: 1; }
    nav .menu-wrapper {
      display: flex;
      flex-direction: row;
      width: 100%; }
      nav .menu-wrapper div:first-of-type {
        flex-grow: 3;
        height: 100%;
        width: 100%; }
    nav .search {
      float: right;
      width: 80% !important; }
    nav .icon-menu-wrapper {
      width: 35%;
      flex-grow: 1; }
    nav .menu-main-container {
      flex-grow: 5;
      flex-shrink: 4; }
    nav .search {
      flex-grow: 2;
      min-height: 40px;
      position: relative;
      text-align: right; }
      nav .search form {
        height: 100%; }
      nav .search label,
      nav .search input[type="submit"] {
        display: none; }
      nav .search input[type="search"] {
        border: 1px transparent solid;
        font: 100% "Oxygen", sans-serif;
        height: 42px;
        margin-top: 7px;
        padding-left: 40px;
        padding-right: 2px;
        transition: all .5s ease-out;
        width: 42px; }
      nav .search input[type="search"]::-webkit-search-cancel-button {
        -webkit-appearance: none;
        display: none; }
    nav ul {
      display: block;
      height: 50%;
      list-style-type: none;
      margin: 2% auto;
      width: 95%; }
      nav ul .sub-menu {
        background: #976e32;
        display: none;
        position: absolute; }
        nav ul .sub-menu li {
          background: #976e32;
          display: block;
          position: relative;
          margin: 0; }
      nav ul li,
      nav ul a {
        position: relative;
        display: inline-block;
        flex-grow: 1;
        font: 100% "Oxygen", sans-serif;
        font-size: 0.92em;
        font-weight: 600;
        margin: 0;
        min-width: 150px;
        text-decoration: none;
        text-transform: uppercase;
        transition: all .075s ease-out; }

  .main .logo {
    height: 20%;
    margin: 0 auto;
    min-height: 150px;
    overflow: hidden;
    position: relative;
    width: 100%; }
  .main .header-feature {
    max-width: 1280px;
    max-height: 480px;
    width: 72%;
    height: 50vh; }
    .main .header-feature .trenders .trend {
      height: 45%; }
    .main .header-feature .trenders .trend-title {
      background: rgba(0, 0, 0, 0.64);
      color: #f6ece1;
      font: 100% "Hind Siliguri", sans-serif;
      font-size: .8em;
      font-weight: 200;
      padding: 5px;
      top: 55%; }
    .main .header-feature .lt-slide-wrap .slider-title {
      background: rgba(0, 0, 0, 0.64);
      font: 100% "Hind Siliguri", sans-serif;
      font-size: 1.6em;
      font-weight: 200; }
    .main .header-feature .slider-dot {
      background-position: -6px -105px;
      background-size: 159px 489px;
      height: 34px;
      margin: 0 3px; }
    .main .header-feature .slider-dot:hover,
    .main .header-feature .slider-dot:focus,
    .main .header-feature .hot-dot {
      background-position: -4px -152px; }

  .loulou-category .loulou-post-content,
  .loulou-single .loulou-post-content {
    max-width: 640px; }
  .loulou-category .loulou_sidebar,
  .loulou-single .loulou_sidebar {
    margin-left: 35px;
    margin-top: 65px; }

  .posts_feed {
    width: 90%; }
    .posts_feed h1 {
      color: #82792c;
      font: 100% "Francois One", sans-serif;
      font-size: 4em;
      font-weight: 100;
      line-height: 1.4em;
      margin-block-start: 0em;
      margin: 0.1em 0;
      padding: 0;
      position: relative;
      text-align: left; }
      .posts_feed h1 .archived,
      .posts_feed h1 .category-archived {
        border-radius: 6% 0 0 6%;
        font: 100% "Francois One", sans-serif;
        font-size: .5em;
        max-width: 10%;
        position: fixed;
        right: 0;
        padding: 1% 1% 1% 2%;
        text-transform: uppercase;
        z-index: +2; }
      .posts_feed h1 .noflag {
        display: none; }
      .posts_feed h1 em {
        margin: 2% auto; }
      .posts_feed h1 sup {
        vertical-align: middle; }
    .posts_feed .the-loulou-post .loulou-post-content {
      max-width: 640px;
      min-width: 60%;
      padding-top: 40px;
      width: 640px; }
      .posts_feed .the-loulou-post .loulou-post-content .loulou-nav {
        margin: 3em 0 5em; }
      .posts_feed .the-loulou-post .loulou-post-content .cat-paged {
        margin-top: 2em; }

  .loulou-sidebar {
    margin-left: 3%;
    margin-top: 2%;
    max-width: 40%; }

  .LouLou-sidebar-xoxo h2 {
    color: #e43d65;
    display: block;
    font: 100% "Francois One", sans-serif;
    font-size: 2em;
    font-weight: 700;
    text-align: center;
    width: 100%; }
  .LouLou-sidebar-xoxo a {
    /****  max-width: 47%;
      width: 47%;
      ****/ }
    .LouLou-sidebar-xoxo a .has-video {
      background-position: -116px -395px;
      background-repeat: no-repeat;
      background-size: 216px 468px;
      height: 59px;
      width: 60px;
      position: absolute;
      top: 10px;
      right: -3px; }

  .search_result .searched {
    height: 35vh !important; }

  .lll_colophon {
    display: block;
    font: 100% "Francois One", sans-serif;
    font-size: 2em;
    line-height: 1.4em;
    margin-bottom: 5%;
    margin-top: 15%;
    width: 100%; }

  .lll_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 0 auto;
    max-width: 100%;
    min-height: 150px; }
    .lll_row a {
      flex-grow: 1;
      margin: 1px;
      overflow: hidden;
      position: relative;
      max-height: 150px;
      max-width: 15%; }
      .lll_row a .searched_title {
        background: rgba(0, 0, 0, 0.64);
        color: #f6ece1;
        font: 100% "Hind Siliguri", sans-serif;
        font-size: .4em;
        line-height: 1em;
        font-weight: 200;
        height: 50%;
        overflow: hidden;
        padding: 2px;
        position: absolute;
        text-align: left;
        top: 50%;
        white-space: normal;
        width: 100%;
        z-index: +1; }
      .lll_row a .has-video {
        background-position: -87px -296px;
        background-repeat: no-repeat;
        background-size: 162px 351px;
        height: 40px;
        width: 45px;
        position: absolute;
        top: 20px;
        right: -3px; } }

/*# sourceMappingURL=style.css.map */