/*-=Desktop screens=-*/
@media only screen and (max-width: 1199px) {
  /*max-width 992px, tablet screens*/
}
/*-=Tablet screens=-*/
@media only screen and (max-width: 991px) {
  /*max-width 992px, tablet screens*/
  .container {
    max-width: 800px;
  }

  .navbar .navbar-nav {
    padding: 8px 0 8px !important;
  }

  #composer-wrapper .resources-block__bottom h2, #composer-wrapper .resources-block__bottom h3, #composer-wrapper .resources-block__bottom h4, #composer-wrapper .resources-block__bottom h5, #composer-wrapper .resources-block__bottom h6 {
    font-size: 20px;
    min-height: 120px;
  }
}
/*-=Small screens=-*/
@media only screen and (max-width: 767px) {
  #composer-wrapper .vc_btn3-right,
  #composer-wrapper .vc_btn3-left {
    margin: 10px auto;
    text-align: center;
  }

  .header .container {
    max-width: 100%;
  }

  /* FOOTER */
  .sign-up .gfield:not(.sign-up__radio) {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-socials {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 20px 0;
  }

  .logo {
    text-align: center;
  }

  /* TOP BAR Mobile STYLING */
  .no-gutter-sm {
    padding-left: 0;
    padding-right: 0;
  }
  .no-gutter-sm .row {
    margin-right: 0;
    margin-left: 0;
  }
  .no-gutter-sm .row > .col,
  .no-gutter-sm .row > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }

  .header-menu {
    border-top: 1px solid #beb2a8;
    background-color: #fef4f2;
    padding-bottom: 8px;
  }

  .navbar {
    background-color: transparent;
    padding: 0;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
  .navbar .navbar-header {
    position: absolute;
    top: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .navbar .nav-item.current-menu-item > a, .navbar .nav-item.current_page_ancestor > a {
    color: #3c0733;
    background-color: #fee6e1;
  }
  .navbar .nav-link, .navbar .dropdown-item {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    border-top: 1px solid #fbb7a9;
    text-transform: uppercase;
    background: transparent;
    /* menu item background color */
    line-height: 45px;
    padding: 0 15px;
    color: #8c857e;
  }
  .navbar .nav-link:hover, .navbar .dropdown-item:hover {
    color: #3c0733;
    background-color: #fee6e1;
  }
  .navbar .dropdown-menu {
    display: block;
    margin-top: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    border-radius: 0;
  }
  .navbar .dropdown-menu .dropdown-item {
    padding-left: 25px;
  }
  .navbar .dropdown-menu .nav-link, .navbar .dropdown-menu .dropdown-item {
    padding-left: 3.5rem;
  }

  .navbar-toggler {
    position: relative;
    top: -70px;
    display: inline-block;
    margin-right: 15px;
    height: 30px;
    background-color: rgba(190, 178, 168, 0.1);
    vertical-align: top;
    cursor: pointer;
    outline: none;
    border: 1px solid #fcc5ba;
    color: #1D1C19;
  }
  .navbar-toggler:hover, .navbar-toggler:focus {
    color: #1D1C19;
    background-color: rgba(190, 178, 168, 0.25);
    outline-color: transparent;
  }

  .alignright, .alignleft, .aligncenter, .alignnone {
    float: none;
    margin: 0 0 1em;
  }

  .sidebar {
    margin-top: 30px;
  }

  .dropdown-toggle::after {
    display: none;
  }
}
@media only screen and (max-width: 575px) {
  /* Small screens */
  .logo {
    text-align: left;
  }
  .logo img {
    max-width: 215px;
    object-fit: fill;
  }

  .page-title-container .page-title {
    font-size: 25px;
  }
  .page-title-container--mod {
    min-height: 215px;
  }
}
/* max-width 640px and lower. Use this for mobiles only */
/*-=Medium screens=-*/
@media only screen and (min-width: 768px) {
  /* TOP BAR STYLING */
  .dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
  }

  .dropdown-menu li:hover .sub-menu {
    visibility: visible;
  }

  .dropdown:hover .dropdown-menu {
    display: block;
  }

  .nav-tabs .dropdown-menu,
  .nav-pills .dropdown-menu,
  .navbar .dropdown-menu {
    margin-top: 0;
  }

  .navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
  }

  .navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
  }

  .dropdown-toggle:after {
    display: none;
  }

  .navbar {
    padding-bottom: 0;
  }
  .navbar .navbar-nav {
    padding: 80px 0 0;
    width: 100%;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .navbar .navbar-nav .nav-item-home {
    display: none;
  }
  .navbar .navbar-nav li {
    border-right: 1px solid #fbb7a9;
  }
  .navbar .navbar-nav li:last-child {
    border: none;
  }
  .navbar .navbar-nav .nav-link {
    /* Regular menu item style */
    display: block;
    padding: .2rem .8rem .5rem;
    font-size: .85rem;
    line-height: .95rem;
    font-weight: 400;
    text-align: center;
    letter-spacing: 1px;
    background: transparent;
    color: #8c857e;
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
  }
  .navbar .navbar-nav .nav-link:hover {
    /* menu item style on hover */
    background: initial;
    color: #1D1C19;
  }
  .navbar .navbar-nav .current-menu-item > a, .navbar .navbar-nav .current_page_ancestor > a, .navbar .navbar-nav .current_page_parent > a {
    /* Style of Current page and Ancestor page */
    background: initial;
    color: #2d7b80;
  }
  .navbar .navbar-nav .dropdown-menu {
    margin-top: 0;
    border: none;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
  }
  .navbar .navbar-nav .dropdown-menu a {
    color: #fff;
    padding: .8rem .5rem;
    background-color: rgba(0, 71, 81, 0.88);
  }
  .navbar .navbar-nav .dropdown-menu a:hover, .navbar .navbar-nav .dropdown-menu a:focus {
    background-color: #004751;
    color: #FAE8D0;
  }
  .navbar .navbar-nav .dropdown-item {
    /* Regular link in dropdown */
  }
  .navbar .navbar-nav .dropdown-item:hover {
    /* Dropdown link on hover */
    background: #3a9fa6;
    color: white;
  }

  /* Dropdown item styling */
  .navbar .nav-item:hover > .nav-link {
    /* Parent link style on dropdown hover */
  }

  /* Align Menu to the right
  	 #main-menu-links { justify-content: flex-end; } */
  /* Align Menu to the center
  	 #main-menu-links { justify-content: center; } */
}
@media (min-width: 620px) {
  .blog-grid__item {
    width: 100%;
  }
}
@media (min-width: 820px) {
  .blog-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .blog-grid__item {
    width: 49%;
    margin-bottom: 2%;
  }
  .blog-grid__item:nth-child(3n+1) {
    width: 100%;
  }
  .blog-grid__item:nth-child(3n+1) article {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .blog-grid__item:nth-child(3n+1) .post-img {
    -webkit-flex: 2.5;
        -ms-flex: 2.5;
            flex: 2.5;
    padding-bottom: 0;
    height: inherit;
  }
  .blog-grid__item:nth-child(3n+1) .post-info {
    -webkit-flex: 3;
        -ms-flex: 3;
            flex: 3;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .blog-grid__item:nth-child(4n) .post-info {
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .blog-grid__item article {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
  .blog-grid__item .post-img {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-bottom: 60%;
  }

  .post-img {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-bottom: 60%;
  }
}
@media (min-width: 960px) {
  .blog-grid__item {
    width: 48%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* min-width 641px and max-width 1024px, use when QAing tablet-only issues*/
}
@media only screen and (min-width: 992px) {
  .mission {
    -webkit-flex-flow: row;
        -ms-flex-flow: row;
            flex-flow: row;
  }
  .mission__img {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-bottom: 50%;
  }
  .mission__text {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 2.4rem;
    line-height: 2.2;
  }
}
/*-=Large screens=-*/
@media only screen and (min-width: 992px) {
  /*min-width 1025px, large screens*/
}
@media only screen and (min-width: 1200px) {
  /* min-width 1201px, large screens*/
  .container {
    max-width: 1100px;
  }

  .sign-up .gform_footer {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 290px;
    width: 100%;
  }
  .sign-up .gfield:not(.sign-up__radio) {
    display: inline-block;
    width: 33.333%;
    margin: 0 10px;
  }

  .quick-sort-buttons {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media only screen and (min-width: 769px) {
  .navbar .navbar-nav .dropdown-menu {
    top: 100%;
    right: 0;
    min-width: 0;
  }
  .navbar .navbar-nav .dropdown-menu li {
    border-right: none;
  }
  .navbar .navbar-nav .dropdown-menu:not(:first-child) li a {
    border-top: 1px solid #3AB4B9;
  }
}

/*# sourceMappingURL=media-screens.css.map */
