/*
Theme Name: Twenty Twenty-Three Child
Theme URI: https://en-ca.wordpress.org/themes/twentytwentythree/
Author: the WordPress team
Author URI: 
Description: Child theme of Twenty Twenty-Three
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.7
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentythree
Text Domain: twentytwentythreechild
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/

:root {
  --box-shadow: 0px 2px 8px rgba(7, 16, 51, 0.08);
}


/**
* Base Elements
*
*/

/* Caption */
h2 sup,
h3 sup,
h4 sup,
h5 sup,
h6 sup {
  font-size: var(--wp--preset--font-size--medium);
}

figure figcaption {
  text-align: center;
  font-style: italic;
  font-size: smaller;
}

a:where(:not(.wp-element-button)):focus {
  text-underline-offset: 0.25em;
}

/* External links */
.wp-block-post-content a[href]:not(:where(
  /* exclude hash only links */
  [href^="#"],
  /* exclude relative but not double slash only links */
  [href^="/"]:not([href^="//"]),
  /* domains to exclude */
  [href*="https://workpack.abvma.ca/"],
)):after {
  content: " \f504";
  font-family: dashicons;
  transform: translateY(-0.2em);
  display: inline-block;
  font-size: .83em;
  text-decoration: none;
}


/**
* WordPress Elements
*
*/

/** Buttons **/
.wp-block-button__link { position: relative; }
.wp-block-button__link::before {
  content: "";
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 0;
  background-color: var(--wp--preset--color--primary);
  border-radius: inherit;
  transition: all 0.1s ease-in-out;
  opacity: 0;
  z-index: 0;
}
/* .wp-block-button__link:hover { color: #fff !important; } */
.wp-block-button__link:hover::before {
  height: 100%;
  opacity: 0.2;
}

/** Login Button **/
.abvma-login-button {
  position: fixed;
  z-index: 999;
  padding: calc(0.333em + 2px) calc(0.667em + 2px);
}

  @media screen and (max-width: 980px) {
    .abvma-login-button {
      font-size: 12px;
      color:#fff !important;
      bottom:50%;
      right:0;
      -webkit-transform: rotate(90deg) translate(-50%, 100%);
          -ms-transform: rotate(90deg) translate(-50%, 100%);
              transform: rotate(90deg) translate(-50%, 100%);
      -webkit-transform-origin: bottom right;
          -ms-transform-origin: bottom right;
              transform-origin: bottom right;
      padding: calc(0.333em + 2px) calc(0.667em + 2px);
    }

    /* .abvma-login-button.abvma-login-button--logout {
      opacity: 0.5;
    }
    .abvma-login-button.abvma-login-button--logout:hover {
      opacity: 1;
    } */
  }

  @media screen and (min-width: 981px) and (max-width: 1499px) {
    .abvma-login-button {
      color:#fff !important;
      bottom:0;
      left:0;
      -webkit-transform: rotate(90deg) translate(-120%, 0%);
          -ms-transform: rotate(90deg) translate(-120%, 0%);
              transform: rotate(90deg) translate(-120%, 0%);
      -webkit-transform-origin: bottom left;
          -ms-transform-origin: bottom left;
              transform-origin: bottom left;
    }
  }

  @media screen and (min-width: 1500px) {
    .abvma-login-button {
      color:#fff !important;
      top: 0;
      left:0;
    }
  }

/** Post Nav **/
.wp-block-group .wp-block-post-navigation-link {
  width: 46%;
}
.post-navigation-link__label {
  display: block;
  font-size: 0.83em;
}

/**
* Template CSS
*
*/

.wp-site-blocks {
  padding-top: 0;
  padding-bottom: 0;
}

footer.wp-block-template-part { margin-top: 0; }

/**
  * Header
**/

/** Header - Default **/
/* .header--default {
  padding-top: clamp(1.5rem, 5vw, 2rem);
  padding-bottom: clamp(1.5rem, 5vw, 2rem);
} */

@media (max-width: 820px) {
  /** Header Logo's **/
  .header--default .wp-block-group.wp-container-1 {
    gap: 10px;
  }
  .header--default .site-logo {
    width: 50px;
  }
}

/** Header - Transparent **/
.header--transparent {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
}

  /* give transparent nav temp background for readability in editor */
  .edit-site-block-editor__block-list .header--transparent {
    background-image: linear-gradient(
      45deg,
      rgba(0, 0, 0, 0.2) 25%,
      rgba(0, 0, 0, 0.25) 25%,
      rgba(0, 0, 0, 0.25) 50%,
      rgba(0, 0, 0, 0.2) 50%,
      rgba(0, 0, 0, 0.2) 75%,
      rgba(0, 0, 0, 0.25) 75%,
      rgba(0, 0, 0, 0.25) 100%
    );
    background-size: 56.57px 56.57px;
    background-color: rgba(0, 0, 0, 0.25);
  }

  .admin-bar .header--transparent {
    top: 46px;
  }

  @media screen and (min-width: 821px) {
    .admin-bar .header--transparent {
      top: 32px;
    }
  }

.header--transparent   .wp-block-navigation .wp-block-navigation-link.current-menu-item {
  color: inherit;
}

.header--transparent .wp-block-group.group--search-container {
  margin-left: auto;
}


@media screen and (max-width: 820px) {
  /** Homepage Navigation **/
  .header--transparent .navigation--primary {
    order: 3;
  }

  .header--transparent .wp-block-group.group--search-container {
    order: 2;
    margin-left: 0;
    flex-grow: 1;
  }

  .header--transparent .site-logo {
    width: 50px;
  }

  .header--transparent .wp-block-group.wp-container-5,
  .header--transparent .wp-block-group.wp-container-1 {
    gap: 5px;
  }

  .header--transparent .asl_w_container {
    width: 100% !important;
    min-width: 0;
  }

}


/**
* Navigation
*
*/

/** Modal Nav Styles **/   
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
  gap: 0;
}

/** Navigation : Primary **/

/** Navigation - Primary : Toggle
  *
  * change mobile toggle display breakpoint
  * customize display
**/
.navigation--primary:not(.navigation--pages) .wp-block-navigation__responsive-container-open:not(.always-shown) {
  display: flex;
}
.navigation--primary:not(.navigation--pages) .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
  display: none;
  position: fixed;
}

@media (min-width: 821px) {
  .navigation--primary:not(.navigation--pages) .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: none;
  }
  .navigation--primary:not(.navigation--pages) .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block;
    width: 100%;
    position: relative;
    z-index: auto;
    background-color: inherit;
  }
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
  padding: 0.6rem;
  border-radius: 50%;
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
  background-color: #fff;
  color: var(--wp--preset--color--primary);
}

.page-template-wp-custom-template-chapter-page .wp-block-navigation__responsive-container-close,
.page-template-wp-custom-template-chapter-page .wp-block-navigation__responsive-container-open {
  background-color:var(--wp--preset--color--primary);
  color: #fff;
}


header
  .wp-block-navigation
  .wp-block-navigation__container
  > .wp-block-navigation-item
  > .wp-block-navigation-item__content {
  padding: 1rem;
}

  header .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {
    padding-right: 1.5rem !important;
  }

  /* Nav Item Icon */
  header
    .wp-block-navigation
    .has-child
    .wp-block-navigation-submenu__toggle
    + .wp-block-navigation__submenu-icon {
    height: auto;
  }

  header .wp-block-navigation .has-child > .wp-block-navigation__submenu-icon svg {
    width: 14px;
    height: 14px;
  }

  header
    .wp-block-navigation
    .has-child
    .wp-block-navigation-submenu__toggle
    + .wp-block-navigation__submenu-icon
    svg {
    margin-top: 0;
    transform: translate(0px);
    transition: transform 0.3s ease-in;
  }

  header
    .wp-block-navigation
    .has-child:hover
    .wp-block-navigation-submenu__toggle
    + .wp-block-navigation__submenu-icon
    svg,
  header
    .wp-block-navigation
    .has-child
    .wp-block-navigation-submenu__toggle[aria-expanded="true"]
    ~ .wp-block-navigation__submenu-icon
    svg {
    /* transform-origin: center; */
    transform: scale(1.4);
  }

  /* Nav - Subnav */
  header
    .wp-block-navigation
    .has-child
    .wp-block-navigation-submenu__toggle[aria-expanded="true"]
    ~ .wp-block-navigation__submenu-container {
    border: 0;
    border-top: 0.3em solid var(--wp--preset--color--custom-green);
    box-shadow: var(--box-shadow);
  }

  header
  .wp-block-navigation
  .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    font-size: var(--wp--preset--font-size--small);
  }

  header .wp-block-navigation .wp-block-navigation-item__label > em {
    display: block;
    font-size: 14px;
    font-weight: 400;
  }

  header
    .wp-block-navigation
    .has-child
    .wp-block-navigation-submenu__toggle[aria-expanded="true"]
    ~ .wp-block-navigation__submenu-container
    > li
    + li {
    border-top: 1px solid var(--wp--preset--color--tertiary);
  }

  /* Nav - Current Page Highlight */
  .wp-block-navigation .wp-block-navigation-link.current-menu-item {
    color: var(--wp--preset--color--secondary);
  }

  @media screen and (min-width: 768px) {
    header
      .wp-block-navigation
      .has-child
      .wp-block-navigation-submenu__toggle[aria-expanded="true"]
      ~ .wp-block-navigation__submenu-container {
        min-width: 300px;
    }
  }

  @media screen and (max-width: 1100px) {
    /** Homepage Navigation **/
    header .navigation--primary {
      gap: 0;
    }

    /** Have dropdown align right on smaller screens **/
    header .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
      left: auto;
      right:-1px;
    }

  }

/** Navigation - Chapters **/

.navigation--chapters:not(.navigation--pages) .wp-block-navigation__responsive-container-open:not(.always-shown) {
  display: flex;
}
.navigation--chapters:not(.navigation--pages) .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
  display: none;
  position: fixed;
}

@media (min-width: 1100px) {
  .navigation--chapters:not(.navigation--pages) .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: none;
  }
  .navigation--chapters:not(.navigation--pages) .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block;
    width: 100%;
    position: relative;
    z-index: auto;
    background-color: inherit;
  }
}

.wp-block-navigation.navigation--chapters ul.wp-block-navigation__container {
  list-style: decimal;
  padding-inline-start: 20px;
}
.wp-block-navigation.navigation--chapters ul.wp-block-navigation__container li {
  counter-increment: chapter;
  display: list-item;
  list-style-type: inherit;
  list-style-position: outside;
}
.wp-block-navigation.navigation--chapters ul.wp-block-navigation__container li::marker {
  content: counter(chapter) ". ";
  color: initial;
}
.wp-block-navigation.navigation--chapters ul.wp-block-navigation__container li > .wp-block-navigation-item__content {
  display: inline-block;
  vertical-align: top;
}


/* AIOSEO Breadcrumbs */

.aioseo-breadcrumbs {
  font-size: var(--wp--preset--font-size--small);
}

.aioseo-breadcrumb a:hover {
  color: var(--wp--preset--color--secondary);
}

/**
* Layout
*
*/

/* Page Header Title */
.page-title-header,
.page-title-header > div {
  position: relative;
}

.page-title-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/wp-content/uploads/2023/02/pets-bg-pattern.svg");
}

/* Page Structure */

/* Small Devices */
@media (max-width: 781px) {
  .wp-block-columns.page--columns > .wp-block-column.page--sidebar-left {
    display: none;
  }

  .wp-block-columns.page--columns > .wp-block-column.page--sidebar-right {
    display: none;
  }

  /* .wp-block-columns.page--columns > .wp-block-column.page--content {
    order: 2;
  } */

  /* .wp-block-columns.page--columns
    > .wp-block-column.page--sidebar-right {
    order: 1;
    padding-left: 0 !important;
  } */

  /* .wp-block-columns.page--columns
  > .wp-block-column.page--sidebar-left {
    padding-right: 0 !important;
  } */
}

/* Medium Devices */
@media (min-width: 782px) and (max-width: 1100px) {
  .wp-block-columns.page--columns {
    flex-wrap: wrap !important;
    /* justify-content: space-between !important; */
  }

  .wp-block-columns.page--columns > .wp-block-column.page--sidebar-left {
    display: none;
  }

  /* .wp-block-columns.page--columns > .wp-block-column.page--sidebar-right {
    display: none;
  } */

  .wp-block-columns.page--columns > .wp-block-column.page--content {
    flex-basis: 63.3333% !important;
  }

  .wp-block-columns.page--columns
    > .wp-block-column.page--sidebar-right {
    flex-basis: 27% !important;
  }
}

@media (max-width: 1100px) {

  .wp-site-blocks > .has-global-padding.wp-block-group {
    /* padding-right: var(--wp--preset--spacing--50) !important; */
    /* padding-right: 55px !important; */
  }


  .wp-block-columns.page--columns > .wp-block-column.page--content .wp-block-post-content {
    max-width: 38rem;
  }
}

/* Large Devices */
@media (min-width: 1101px) {}

/**
* Layout - Page Specific
*
*/

/**
 * Home Page
 */
.page .wp-site-blocks {
  padding-top: 0;
  padding-bottom: 0;
}

.list--extra-spacing  li {
  margin-bottom:0.75em;
}

.list--extra-spacing  li ul {
  margin-top:0.75rem;
}

/** Hero Header **/
@media (max-width: 1100px) {
  .wp-block-cover.hero--home {
    padding-top: clamp(10.5rem, 16vw, 15rem) !important;
  }

  .wp-block-cover.hero--home .wp-block-columns.wp-container-11 {
    flex-wrap: wrap!important;
    gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--30);
  }

  .wp-block-cover.hero--home .wp-block-column {
    flex-basis: 100%;
  }

  .wp-block-cover.hero--home .wp-block-column > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 768px;
    margin-left: 0 !important;
  }

  .wp-block-cover.hero--home .wp-block-column .group--boxed {
    padding: 20px;
  }

}

/** Homepage Hero **/

.hero--title {
  line-height: 0.5;
}

.hero--title > strong {
  display: block;
}

.hero--title > mark {
  font-size: var(--wp--preset--font-size--medium);
  padding: 0.1em 0.25em;
}

/** Toolkit Section **/
.section--toolkit {
  background-image: url('/wp-content/uploads/2023/02/LightRGB_Green_bottom-right-1.png');
  background-repeat: no-repeat;
  background-position: 95% 100%;
  background-size: 53% auto;
}

/**
 * Chapter Page
 */
@media (max-width: 820px) {

  /* Stack Header */
  .page-template-wp-custom-template-chapter-page header.wp-block-template-part .wp-block-group.wp-container-4,
  .page-template-wp-custom-template-chapter-page header.wp-block-template-part .wp-block-group.wp-container-2 {
    justify-content: center;
    flex-direction: column;
    gap: 15px;
  }
}


/**
* Block Styles
*
*/

/**
 * Base Blocks
 */

/** Lists **/

/* Reference List */
.list--footnotes {
  /* list-style-type: none; */
  font-size: 0.8em;
  margin: 1em 0;
  /* padding-left: 0; */
}

.list--footnotes li {
  /* display: flex; */
  margin-bottom: 0.3em;
}

/** Blockquote **/
.wp-block-quote {
  border-left: 5px solid var(--wp--preset--color--custom-green);
}

blockquote:before {
  content: "\201C";
  position: absolute;
  color: var(--wp--preset--color--custom-green);
  color: #ccc;
  font-family: serif;
  font-size: 6em;
  line-height: 0.1em;
  vertical-align: -0.4em;
  opacity: 0.2;
  transform: translate(-1.25rem, 1.5rem);
}

.wp-block-quote cite::before {
  content: "\2014 ";
  color: var(--wp--preset--color--custom-green);
  font-weight: bold;
  margin-right: 0.4em;
}

/**
 * Base Block Custom Stylings
 */

/** Group - Callout Block **/
.wp-block-group.block--callout {
  background-color: #eaf6fb !important;
  border-radius: 5px;
}

/** Group - Chapter Icon Box **/
.wp-block-group.chapter-box {
  min-height: 150px;
  height: 100%;
}

.wp-block-group.chapter-box a {
  text-decoration: none;
}

.wp-block-group.chapter-box h3 > a > em {
  display: block;
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 400;
}

.wp-block-group.chapter-box {
  perspective: 1000px;
  backface-visibility: hidden;
  transition: transform 0.2s ease-in-out;
  transform:translateY(0px) scale(1) rotate(0.001deg);
}

.wp-block-group.chapter-box:hover{
  transform:translateY(0px) scale(1.025) rotate(0.001deg);;
}



/* .wp-block-group.chapter-box figure {
  width: 70px;
  flex-shrink: 0;
}

.wp-block-group.chapter-box figure > img {
  width: 100%;
} */


/**
 * Plugin Blocks
 */

/** Easy TOC **/
#ez-toc-container {
  border: 0;
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  line-height: 1.2;
}

.ez-toc-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#ez-toc-container p.ez-toc-title {
  margin: 0;
  font-size: var(--wp--preset--font-size--medium);
  line-height: 1.2;
  font-weight: 700;
  color: var(--wp--preset--color--primary);
}

.ez-toc-list a { color: inherit; }

.ez-toc-list a:not(:focus) { text-decoration: none; }

.ez-toc-list a:hover {
  text-decoration: underline;
}

.ez-toc-list a.mPS2id-highlight,
.ez-toc-list a.mPS2id-highlight-first {
  color: var(--wp--preset--color--secondary);
}

.ez-toc-list {
  padding-inline-start: 20px;
}

.ez-toc-list ul {
  padding-inline-start: 30px;
}

.ez-toc-list,
.ez-toc-list ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  /* flex-wrap: var(--navigation-layout-wrap,wrap); */
  /* justify-content: var(--navigation-layout-justify,initial);
  align-items: var(--navigation-layout-align,initial); */
}

.ez-toc-list a + ul {
  margin-top: 8px;
}

/* .ez-toc-list li {
  display: list-item;
  list-style-type: inherit;
  list-style-position: outside;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.ez-toc-list li.ez-toc-heading-level-2 {
  counter-increment: level2;
}

.ez-toc-list li.ez-toc-heading-level-2::marker {
  content: counter(level2, lower-latin) ". ";
  color: initial;
}

.ez-toc-list li.ez-toc-heading-level-3 {
  counter-increment: level3;
}

.ez-toc-list li.ez-toc-heading-level-3::marker {
  content: counter(level3, lower-roman) ". ";
  color: initial;
} */

.ez-toc-list .ez-toc-link {
  display: inline-block;
  vertical-align: top;
}

/** TOC Sticky **/
.ez-toc-sticky-fixed .ez-toc-sidebar .ez-toc-sticky-title-container {
  padding: 10px 15px 5px;
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--tertiary);
}

.ez-toc-sticky-fixed .ez-toc-sidebar #ez-toc-sticky-container {
  margin-top: 45px;
  box-shadow: none;
}

.ez-toc-sticky-fixed .ez-toc-sidebar .ez-toc-sticky-title-container .ez-toc-sticky-title {
  font-size: 0.83em;
  color: inherit;
  font-weight: bold;
}

.ez-toc-sticky-fixed .ez-toc-close-icon {
  width: 50px;
  color: inherit;
}

#ez-toc-sticky-container a {
  font-size: 0.83em;
}

#ez-toc-sticky-container a:visited { color: inherit; }

#ez-toc-sticky-container li + li {
  margin-top: 0.2em;
}

#ez-toc-sticky-container li, #ez-toc-sticky-container ul, #ez-toc-sticky-container ul li, div.ez-toc-sticky-widget-container, div.ez-toc-sticky-widget-container li {
  line-height: 1.3;
}

/* Toggle */
.ez-toc-open-icon { display: none; }
/* .ez-toc-open-icon {
  top: calc(100% - 168px);
  left: auto;
  right: 0;
  box-shadow: var(--box-shadow);
  width: 20px;
  padding: 5px 8px 15px;
  text-align: center;
  line-height: 20px;
  border-radius: 10px 0px 0px 10px;
}

.ez-toc-open-icon span.arrow {
  transform: rotate(180deg);
} */

.ez-toc-sticky-fixed.hide {
  left: auto;
  -webkit-transition: opacity 0.3s linear, right 0.3s cubic-bezier(0.4, 0, 1, 1);
  -ms-transition: opacity 0.3s linear, right 0.3s cubic-bezier(0.4, 0, 1, 1);
  -o-transition: opacity 0.3s linear, right 0.3s cubic-bezier(0.4, 0, 1, 1);
  transition: opacity 0.3s linear, right 0.3s cubic-bezier(0.4, 0, 1, 1);
  right: calc(-100% - 10px);
}

.ez-toc-sticky-fixed.show {
  left: auto;
  -webkit-transition: right 0.3s linear, right 0.3s easy-out;
  -moz-transition: right 0.3s linear;
  -o-transition: right 0.3s linear;
  transition: right 0.3s linear;
  right: 0;
}

.ez-toc-sticky-fixed .ez-toc-sidebar {
  padding: 15px 20px;
}

/* Custom Toggle */
.wp-block-senff-sticky-block.ez-toc-open--custom:not(.block-is-not-sticky) {
  top: auto !important;
  bottom: 0;
  left: 0 !important;
  right: 0;
  width: 100% !important;
}

.ez-toc-open--custom > a {
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  padding: 8px 15px;
  font-weight: bold;
  /* border-radius: 10px; */
  background-color: var(--wp--preset--color--primary);
  color: #fff;
}

@media (min-width: 782px) {
  .ez-toc-sticky { display: none;}
  .ez-toc-open--custom { display: none; }
}

/** Accessibility **/
/* #pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle { top:  } */
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { padding: 8px; }
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a > svg { width:28px; }

/** AJAX Search Lite */
#ajaxsearchlite1 .probox .proinput input,
div.asl_w .probox .proinput input {
  font-size: 0.875rem;
}

/** Scroll To Link */
/* .mPS2id-target {margin: 0!important;} */


/**
* Block Utilities
*
*/

/* Cover Block */
@media screen and (min-width: 1200px) {
  .wp-block-cover--contain .wp-block-cover__image-background {
    object-fit: none;
    /* height: auto; */
  }
}

/**
  * Utilities 
  *
  */

/* Display Utilities */
.box-shadow {
  box-shadow: var(--box-shadow);
}

/** Format Utilities **/

/* Columns */
@media (max-width: 768px) {
  .reverse-mobile {
    flex-direction: column-reverse;
  }
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

@media (min-width: 576px) {
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
}

@media (min-width: 768px) {
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
}

@media (min-width: 992px) {
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
}

@media (min-width: 1200px) {
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
}