/*------------------------------------*\
:    Variables
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Flexbox
\*------------------------------------*/
/*------------------------------------*\
:    Mixins
\*------------------------------------*/
/*------------------------------------*\
:    Media Queries

NOTE: we use mixin "@include mobile" (same as tablet-portait-down) for all things hidden/shown on mobile devices like mobile menu
\*------------------------------------*/
/*------------------------------------*\
:    Layout
\*------------------------------------*/
/* Structure */
/* line 11, ../../scss/dev/03-layout.scss */
#primary {
  float: left;
  margin: 0 -240px 0 0;
  width: 100%;
}

/* line 16, ../../scss/dev/03-layout.scss */
#secondary {
  float: left;
}

/* line 18, ../../scss/dev/03-layout.scss */
#main .widget-area {
  float: right;
  overflow: hidden;
  width: 220px;
}

/* line 23, ../../scss/dev/03-layout.scss */
#colophon {
  clear: both;
  display: block;
  width: 100%;
}

/* mobile visibility */
/* line 29, ../../scss/dev/03-layout.scss */
.show_mobile {
  display: none !important;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 29, ../../scss/dev/03-layout.scss */
  .show_mobile {
    display: block !important;
  }
}

/* line 39, ../../scss/dev/03-layout.scss */
.hide_mobile {
  display: block;
}
@media (min-width: 0px) and (max-width: 767px) {
  /* line 39, ../../scss/dev/03-layout.scss */
  .hide_mobile {
    display: none !important;
  }
}

/* Alignment */
/* line 50, ../../scss/dev/03-layout.scss */
.alignleft {
  display: inline;
  float: left;
}

/* line 54, ../../scss/dev/03-layout.scss */
.alignright {
  display: inline;
  float: right;
}

/* line 58, ../../scss/dev/03-layout.scss */
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 65, ../../scss/dev/03-layout.scss */
.float_left {
  float: left;
}

/* line 69, ../../scss/dev/03-layout.scss */
.float_right {
  float: right;
}

/*  IMAGES
+  ================================   
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
/* line 79, ../../scss/dev/03-layout.scss */
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
  max-width: 100%;
  /* When images are too wide for containing element, force them to fit. */
  height: auto;
  /* Override height to match resized width for correct aspect ratio. */
}

/* line 88, ../../scss/dev/03-layout.scss */
img.alignleft {
  margin: 0.7em 1em 0.7em 0;
}

/* line 91, ../../scss/dev/03-layout.scss */
img.alignright {
  margin-left: 0.7em 0 0.7em 1em;
}

/* line 94, ../../scss/dev/03-layout.scss */
.wp-caption {
  padding: .5em;
  text-align: center;
}

/* line 98, ../../scss/dev/03-layout.scss */
.wp-caption img {
  margin: .25em;
}

/* line 101, ../../scss/dev/03-layout.scss */
.wp-caption .wp-caption-text {
  margin: .5em;
}

/* line 105, ../../scss/dev/03-layout.scss */
.blog-post-detail .row-container ul li.swiper-slide {
  margin-left: 0;
  list-style-type: none;
}