/* MEDIA QUERIES */

@media screen and (min-width: 1880px) {


}

@media screen and (max-width: 1680px) {
  .site-ray-tiles {
    flex-direction: column;
  }
  .header-inner-contain{
    flex-direction: column;
  }
}

@media screen and (min-width: 1330px) and (max-width: 1680px) {
  *{
    .scroll-margin-top: 200px;
  }
  .logo-contain{
    margin-top: 25px !important;
  }
}

@media screen and (min-width: 1330px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){
    display: block;
    position: relative;
    width: 100%;
    z-index: auto;
  }
  #process{
    flex-wrap: nowrap;
  }
  .single-post-content-contain{
    max-width: 60%;
  }
}

@media screen and (max-width: 1329px) {

/*------------------------- Home Page ------------------------*/

  #fp-main-container{
    flex-direction: column;
    gap: unset;
  }
  #fp-left-col-inner-stack{
    flex-direction: row;
    display: flex;
  }
  #fp-feaure{
    min-height: 100%;
    flex-basis: 60%;
    flex-shrink: 0;
  }
  #fp-latest-articles{
    min-height: 100%;
    align-items: flex-start;
    flex-basis: 40%;
    flex-shrink: 0;
  }
  #fp-right-col{
    display: flex;
    flex-direction: row-reverse;
  }
  #fp-featured-articles-contain{
    flex-basis: 40%;
    flex-shrink: 0;
  }
  #fp-featured-articles{
    flex-direction: column;
  }
  #fp-events-contain-outer{
    flex-basis: 60%;
    flex-shrink: 0;
  }
  #fp-events-contain-inner{
    flex-basis: 60%;
    flex-shrink: 0;
  }
  #tribe-events-widget-events-list__header-title{
    color: var(--wp--preset--color--contrast);
    font-size: clamp(1.182em, 1.182rem + ((1vw - 0.2em) * 0.86), 1.87em);
    line-height: 1.15;
    font-family: var(--wp--preset--font-family--heading);
    font-style: normal;
    font-weight: 700;
  }

}

/*---------------------Mobile Nav Specific - DO NOT CHANGE-----------------------*/

@media screen and (min-width: 600px) and (max-width: 1329px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){
    display: none;
  }
}
/*-------------------------------------------------------------------------------*/

@media screen and (min-width: 782px) and (max-width: 1329px) {

  .wp-block-column {
    width: initial;
  }
  .facop-row-1, .facop-row-2, .facop-row-3{
    flex-direction: row;
  }
  .facop-row-1{
    width: 100%;
  }

  #process > .wp-block-column{
    flex-basis: 50%;
  }

  .main-content-columns{
    flex-direction: column;
  }
  #documentation-col{
    flex-direction: column;
  }
  #ttr-title-block{
    grid-area: title;
  }
  #meet-pg-grid{
    grid-template-areas: 'title title';
    grid-template-columns: auto auto;
  }
  #meet-pg-left-col-inner{
    flex-direction: column;
  }
  #priv-util-examples-inner{
    flex-direction: column;
  }
  #pro-ex-inner-contain{
    flex-direction: column;
  }
  #training-columns{
    flex-direction: column;
  }
  #training-ill{
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
  #marks-content-inner{
    flex-direction: column;
  }
  #homeowner-inner-contain{
    flex-direction: column;
  }
  #core-values-grid{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #about-columns{
    flex-direction: column;
  }
  #brand-colors-811{
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

}

@media screen and (max-width: 1329px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown){
    display: flex;
  }
  .header-inner-contain{
    flex-direction: row;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .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-page-list{
    align-items: flex-start;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
    align-items: flex-start;
  }
  #site-x-ray-contain {
    flex-direction: column;
  }
  .contain {
    flex-direction: row;
  }
  .col-to-row{
    flex-direction: row;
  }
  .row-to-col{
    flex-direction: column;
  }
  #apwa-intro{
    gap: 10px;
  }
  #bod-content-columns{
    flex-direction: column;
  }

  #facop-feature{
    grid-column: span 4;
    grid-row: span 2;
  }
  #facop-contact-info, #positive-response {
    grid-column: span 2;
  }
  #specialty-row{
    flex-direction: column-reverse;
    grid-column: span 2;
  }
  #facop-specialty-cases{
    padding-right: 20px !important;
    padding-bottom: 40px !important;
  }
  #specialty-cases-columns{
    flex-direction: column;
  }
  #my-tickets{
    min-height: unset !important;
    min-height: 400px !important;
  }
  #my-tickets > div{
    min-height: unset !important;
    min-height: 400px !important;
  }
  #guidelines-row{
    flex-direction: column-reverse;
    min-height: auto;
    grid-column: span 2;
  }
  #guidelines-for-marking{
    padding-top: 40px !important;
    padding-left: 20px !important;
    flex-grow: 1;
    flex-basis: auto;
  }
  #guidelines-for-marking > div{
    flex-grow: 1;
  }
  #guidelines-columns > div{
    flex-direction: column;
  }
  #guidelines-stack{
    padding-top: 40px !important;
    padding-left: 20px;
    flex-basis: unset;
    flex-grow: 1;
  }
  #guidelines-stack-inner{
    min-height: 100% !important;
    padding-top: 40px;
  }
  #imap{
    min-height: unset !important;
    min-height: 400px !important;
  }
	.ami-ewl-grid{
	   grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	
	.ami-video-grid{
		grid-area: 2/1;
	}
	
	.ami-ewl-training-grid{
		margin-top: 40px !important;
	}



/*-------------- Ticketing Page -------------*/

  .wide-bar, .side-bar{
    flex-basis: 50%;
  }
  /*.wide-bar > div{
    max-width: 50%;
  }*/
  #ticketing-pg-contain{
      flex-direction: row;
      display: flex;
  }
  #process-contain{
    flex-basis: 33.33%
  }
  #process{
    flex-direction: column;
    /*flex-wrap: nowrap !important;*/
  }
  #how-tos-contain{
    flex-basis: 67%;
  }
  #how-tos{
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 1040px) and (max-width: 1329px) {
  #our-team-contacts{
    flex-direction: row;
    display: flex;
    gap: 40px;
  }
	.ewl-grid{
		flex-direction: column;
	}
	.ami-ewl-faq-grid{
		flex-direction: column;
	}
}

@media screen and (max-width: 1039px) {
  #ticketing-pg-contain{
    flex-direction: column;
  }
  #process{
    flex-direction: row;
    flex-wrap: wrap !important;
  }
  #process > div{
    flex-basis: 50%;
    flex-shrink: 0;
    flex-wrap: nowrap !important;
  }
  #fp-latest-articles-inner > ul{
    flex-direction: column;
  }
  #wp-block-latest-posts.columns-3 li{
    width: 100% !important;
  }
  #ticket-types-contain-inner{
    flex-direction: column;
  }
  #ticket-types-side-bar-inner{
    flex-direction: row;
    flex-wrap: nowrap;
  }
  #ticket-types, #extended-start-time, #meet-tickets{
    flex-basis: 33.33%;
    flex-shrink: 0;
  }
  #excavtion-tix-inner{
    flex-direction: column;
  }
  #emergency-tix-inner{
    flex-direction: column;
  }
  #non-excavation-inner{
    flex-direction: column;
  }
  #reporcess-tix-inner{
    flex-direction: column;
  }
  #update-tix-inner{
    flex-direction: column;
  }
  #what-does-not-get-marked-inner{
    flex-direction:column;
  }
  #pld-col-contain{
    flex-direction: column-reverse;
  }
}

@media screen and (min-width: 783px) and (max-width: 1029px) {
  #prep-cols{
    flex-direction: column;
  }
  #damage-cols{
    flex-direction: column;
  }
  #ticket-responses{
    flex-direction: column;
  }
  #core-values-columns{
    flex-direction: column;
  }
  #our-team-contacts{
    flex-direction: column;
    min-width: 100%;
  }
  #core-values-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  #about-us-heads{
    justify-content: center;
  }

}

@media screen and (max-width: 782px) {
  .wp-block-column {
    max-width: 100%;
  }
  .site-x-ray-tiles {
    flex-direction: column;
  }
  .site-x-ray-benefits {
    flex-direction: column;
  }
  .post-title-block{
    flex-direction: column;
  }
  .post-title-stack{
    padding: 40px !important;
  }
  #fp-right-col{
    flex-direction: row-reverse;
  }
  #fp-featured-articles{
    flex-direction: initial;
  }
  #ticket-types-side-bar-inner{
    flex-direction: column;
  }
  #apwa-intro h2{
    text-align: left;
  }
  #apwa-title-columns-left h2{
    text-align: left;
  }
  #positive-response-columns{
    flex-direction: column-reverse;
  }
  #bod-page-columns{
    flex-direction: column-reverse;
    flex-wrap: nowrap !important;
  }
  #bod-content-columns{
    flex-wrap: nowrap !important;
  }
  #specialty-cases-columns{
    flex-direction: column;
  }
	.itic-resources-columns{
		flex-direction: column-reverse;
   		flex-wrap: nowrap !important;
	}

}

@media screen and (max-width: 600px) {
  #fp-left-col-inner-stack{
    flex-direction: column;
  }
  #fp-left-col-inner-row{
    align-items: flex-start;
  }
  #fp-right-col{
    flex-direction: column;
  }
  #meet-pg-grid{
    grid-template-areas: '.';
    grid-template-columns: auto;
  }
  #marking-symbols-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #marking-symbols-grid > div{
    margin-top: 25px;
    gap: 10px;
  }
  #core-values-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 400px) {
  .gsoc-header-tagline{
    font-size: .8em !important;
  }
  #marking-symbols-grid{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  #core-values-grid{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

}