/* fort worth patterns */

/* bg-pattern-hatch-teal */

.bg-pattern-hatch-teal {
  position:relative;
}

.bg-pattern-hatch-teal::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-image:url('https://ctycms.com/tx-fort-worth/brick-teal-152x152.svg');
  background-position: center center;
  background-size:100px 100px;
  z-index: 0;
}
.bg-pattern-hatch-teal > .container-fluid {
  position: relative;
  z-index: 1;
}

/* bg-pattern-hatch-apricot */

.bg-pattern-hatch-apricot {
  position:relative;
}

.bg-pattern-hatch-apricot::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-image:url('https://ctycms.com/tx-fort-worth/brick-apricot-152x152.svg');
  background-position: center center;
  background-size:100px 100px;
  z-index: 0;
}
.bg-pattern-hatch-apricot > .container-fluid {
  position: relative;
  z-index: 1;
}


/* bg-pattern-blue-hatch (events) */

.bg-pattern-blue-hatch {
  position:relative;
}

.bg-pattern-blue-hatch::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-image:url('https://ctycms.com/tx-fort-worth/brick-blue-hatch-152x152.svg');
  background-position: center center;
  background-size:100px 100px;
  z-index: 0;
}
.bg-pattern-blue-hatch > .container-fluid {
  position: relative;
  z-index: 1;
}

/* bg-pattern-cream-hatch (events) */

.bg-pattern-cream-hatch {
  position:relative;
}

.bg-pattern-cream-hatch::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-image:url('https://ctycms.com/tx-fort-worth/brick-cream-hatch-152x152.svg');
  background-position: center center;
  background-size:100px 100px;
  z-index: 0;
}
.bg-pattern-cream-hatch > .container-fluid {
  position: relative;
  z-index: 1;
}







/* bg-pattern-hatch-medium */

.bg-pattern-hatch-teal-medium {
  position:relative;
}

.bg-pattern-hatch-teal-medium::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-image:url('https://ctycms.com/tx-fort-worth/brick-teal-medium-152x152.svg');
  background-position: center center;
  background-size:100px 100px;
  z-index: 0;
}
.bg-pattern-hatch-teal-medium > .container-fluid {
  position: relative;
  z-index: 1;
}

/* bg-pattern-large */

.bg-pattern-make-large::before {
  background-size:400px 400px;
  background-color:Red;
}


/* bg-pattern-big-blue-alt */

.bg-pattern-big-blue-alt {
  position:relative;
}

.bg-pattern-big-blue-alt::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-image:url('https://ctycms.com/tx-fort-worth/brick-blue-alt-400x400.svg');
  background-position: center center;
  background-size:400px 400px;
  z-index: 0;
}
.bg-pattern-big-blue-alt > .container-fluid {
  position: relative;
  z-index: 1;
}


/* bg-pattern-big-teal-medium */

.bg-pattern-big-teal-medium {
  position:relative;
}

.bg-pattern-big-teal-medium::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-image:url('https://ctycms.com/tx-fort-worth/brick-teal-medium-400x400.svg');
  background-position: center center;
  background-size:400px 400px;
  z-index: 0;
}
.bg-pattern-big-teal-medium > .container-fluid {
  position: relative;
  z-index: 1;
}






/* bg-large-diamonds */

.bg-large-diamonds {
  position:relative;
}

.bg-large-diamonds::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-image:url('https://ctycms.com/tx-fort-worth/home-getting-around-bg.svg');
  background-position: center center;
  background-size:auto 100%;
  background-repeat:no-repeat;
  z-index: 0;
}
.bg-large-diamonds > .container-fluid {
  position: relative;
  z-index: 1;
}





/* panel-pattern-edge */

.panel-pattern-edge { position:relative; overflow:hidden; padding-left:50px; }
.panel-pattern-edge::before {
  content:'';
  position:absolute;
  top:-40px;
  left:0;
  width:60px;
  height:900px;
  background-image:url('https://ctycms.com/tx-fort-worth/pattern-edge.svg');
  background-position: top left;
  background-size:contain;
  z-index: 0;
}
@media all and (min-width: 1200px) {

  .panel-pattern-edge { padding-left:120px; }
  .panel-pattern-edge::before { width:150px; }

}