/**
Theme Name: tsnet-astra
Author: Beelineweb
Author URI: https://www.beelineweb.com/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tsnet-astra
Template: astra
*/


#wpadminbar a {color: white !important}
#wpadminbar a:hover {color: yellow !important}

/* Styling the container with CSS Grid */

/* Typography */

a, a:focus  {
	text-decoration: underline !important;
	color: #023373 !important;
}

a:hover {
	color: #9c0 !important;
}

p {
	color: #212529;
}

p, a, span, ul, label {
	font-family: Arial, sans-serif;
}

h1,h2,h3,h4, h5, h6 {
    font-family: Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #023373;
	clear: none !important
}

h1 {
    font-size: 19.36px!important;
    line-height: 1.3;
}

h2 {
    font-size: 18.15px!important;
    line-height: 1.3;
	color: #023373 !important;
}

h3 {
    font-size: 17.01px!important;
    line-height: 1.3;
	color: #023373 !important;
}

h4 {
    font-size: 16px!important;
    line-height: 1.3;
	color: #023373 !important;
}

.wp-block-list {
	color: #212529;
	margin-left: 40px !important;
}

.menu-link {
	text-decoration: none !important;
}

.d-none {
    display: none !important;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

@media (min-width: 768px) {
    .d-md-block {
        display: block !important;
    }
}

[data-tsnetad="square"], [data-tsnetad="banner"] {
	display: block;
margin-bottom: 1.5em
}

@media (min-width: 767px) {
    h1,h2,h3,h4 {
        font-weight:700;
    }

    h1 {
        font-size: 30px!important;
        line-height: 1.3;
    }

    h2 {
        font-size: 25.63px!important;
        line-height: 1.3;
		color: #023373 !important;
    }

    h3 {
        font-size: 22.78px!important;
        line-height: 1.3;
		color: #023373 !important;
    }

    h4 {
        font-size: 20.25px!important;
        line-height: 1.3;
		color: #023373 !important;
    }
}

/*Breadcrumbs*/

.ast-breadcrumbs {
	font-size: 12px;
}

@media (min-width: 767px) {
	.ast-breadcrumbs {
		font-size: 14px;
	}	
}

.trail-item a {
	color: #6c757d !important;
}

.trail-item a:hover {
	color: #545b62 !important;
}

/* End of typography */

.as-seen-on-brand-container {
    display: grid;
    grid-gap: 16px; /* Space between images */
    padding: 16px;
    justify-items: center; /* Center images horizontally within grid cells */
    align-items: center; /* Center images vertically within grid cells */
  }
  
  /* Mobile: 2 images per row */
  @media (max-width: 767px) {
    .as-seen-on-brand-container {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  /* Tablet: 4 images per row */
  @media (min-width: 768px) and (max-width: 1023px) {
    .as-seen-on-brand-container {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  
  /* Desktop: 8 images per row */
  @media (min-width: 1024px) {
    .as-seen-on-brand-container {
      grid-template-columns: repeat(8, 1fr);
    }
  }
  
  /* Ensure images are centered and scale nicely */
  .as-seen-on-brand img {
    max-width: 100%; /* Ensure images don't overflow their grid cell */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Remove any inline spacing issues */
    margin: 0 auto; /* Center images horizontally within their grid cell */
  }
  
  .footer-beeline-img {
    width: 150px;
    height: auto;
    margin-bottom: 20px;
  }

  .footer-list {
    list-style-type: none;
    padding-left: 0px !important;
    margin-left: 0px;
  }

    .home-page-locations-list {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

  @media (min-width: 768px) {
    .home-page-locations-list {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }
}

@media (min-width: 992px) {
    .home-page-locations-list {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
    }
}

/* headers */
.blue-container h1 {
	text-shadow: 0 1px 5px #023373, 0 3px 5px #023373;
    /* Font-size clamp (from previous example, adjust values as needed) */
    font-size: clamp(1rem, 4vw + 1rem, 1.6rem) !important; 

    /* Line-height clamp for responsive vertical spacing */
    line-height: clamp(1.2, 0.05em + 1.2, 1.5) !important; 
    /* For reference on line-height clamp:
       - MIN: 1.2 (no unit means it's a multiplier of the font-size)
       - PREFERRED: 0.05em + 1.2 (scales slightly with font-size, maintaining a base)
       - MAX: 1.5
    */
}

@media (min-width: 768px) {
	.blue-container h1 {
    /* Font-size clamp (from previous example, adjust values as needed) */
    font-size: clamp(1.45rem, 4vw + 1rem, 2.5rem) !important; 

    /* Line-height clamp for responsive vertical spacing */
    line-height: clamp(1.2, 0.05em + 1.2, 1.5) !important; 
    /* For reference on line-height clamp:
       - MIN: 1.2 (no unit means it's a multiplier of the font-size)
       - PREFERRED: 0.05em + 1.2 (scales slightly with font-size, maintaining a base)
       - MAX: 1.5
    */
}
}

@media (min-width: 992px) {
	.blue-container h1 {
    /* Font-size clamp (from previous example, adjust values as needed) */
    font-size: clamp(1.45rem, 4vw + 1rem, 3.25rem) !important; 

    /* Line-height clamp for responsive vertical spacing */
    line-height: clamp(1.2, 0.05em + 1.2, 1.5) !important; 
    /* For reference on line-height clamp:
       - MIN: 1.2 (no unit means it's a multiplier of the font-size)
       - PREFERRED: 0.05em + 1.2 (scales slightly with font-size, maintaining a base)
       - MAX: 1.5
    */
}
}

/* zip widgets
general zip widget */
.blue-container {
	/*background:rgba(5, 131, 242, 1); 
	border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
	background: #0583F2;
	background: radial-gradient(circle, rgba(5, 131, 242, 1) 0%, rgba(2, 51, 115, 1) 100%); */
	
/*	background-image: linear-gradient(to bottom, #023373, #084189, #0d4fa1, #0f5eb9, #0f6ed1, #0f6ed1, #0f6ed1, #0f6ed1, #0f5eb9, #0d4fa1, #084189, #023373);  */
	
	background: #0583F2;
	background: linear-gradient(180deg, rgba(5, 131, 242, 1) 0%, rgba(2, 51, 115, 1) 100%);
/*	border-bottom: 1px solid #0583F2 !important; */
	border-bottom: 1px solid rgba(5, 131, 242, 0.5) !important;
}

.blue-header-zip-container {
	background-color: #023373;
}

[id^="tsnet-widget-"] * {
	font-family: Arial, Helvetica, sans-serif !important;
}

[id^="tsnet-widget-"] input {
	line-height: 1;
}

.sticky-zip-widget-container {
	-webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.zip-widget-container, .sticky-zip-widget-container, .trade-school-search-widget.header-widget {
  background: #ffcf0d;
    background: -moz-linear-gradient(204deg,#ffcf0d 0,#f90 100%);
    background: -webkit-linear-gradient(204deg, #ffcf0d 0, #f90 100%);
    background: linear-gradient(204deg, #ffcf0d 0, #f90 100%);
}

.invalid-zip-code {
  position: absolute;
  display: none;
  background: none repeat scroll 0 0 #ee0101;
  border-radius: 6px;
  color: #fff;
  font-family: Verdana,Arial,Helvetica,sans-serif !important;
  font-size: 11px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 4px 6px;
  text-align: center;
  z-index: 49;
  line-height: 1.9 !important;
  height: 35px;
  z-index: 98;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  pointer-events: none;
	width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -40px;
}

.displayerror {
  display: block !important;
}

@media (min-width: 992px) {
	.trade-school-sticky-widget__grid .invalid-zip-code {
	 width: 100%; 
     max-width: unset; 
     left: unset; 
     right: unset;
	 top: 50px;
}
}

.sticky-zip-widget-container:not(.stuck) {
	position: relative;
	display: block;
}

.sticky-zip-widget-container.stuck {
	visibility: visible;
  display: block;
  position: sticky;
	opacity: 1;
	pointer-events: auto !important;
  top: 0px;
  left: 0px;
  right: 0px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  z-index:1000
}


  /* Main widget container */
/* Grid layout for the widget - stacked on mobile */
.trade-school-search-widget__grid,
.trade-school-sticky-widget__grid {
display: grid;
grid-template-columns: 1fr; /* Single column for mobile */
grid-gap: 15px;
}

.trade-school-search-widget.header-widget form {
	display: grid;
	position: relative;
	 grid-template-columns: calc(50% - 5px) calc(50% - 5px); /* Two columns */
  	grid-template-areas:
		"title title"
		"zip zip"
		"location location"
		"headerSelect1 headerSelect2"
		"button button";
	grid-gap: 8px;
	box-sizing: border-box;
}

.trade-school-search-widget.header-widget form .desktop-header-zip-label {
	 grid-area: title;
}

.trade-school-search-widget.header-widget form .trade-school-search-widget__zip-wrapper {
	 grid-area: zip;
}

.trade-school-search-widget.header-widget form .trade-school-search-widget__location-buttons {
	 grid-area: location;
	word-wrap: normal
}

.trade-school-search-widget.header-widget form .trade-school-search-widget__select--area {
	grid-area: headerSelect1;
	overflow: hidden;
}

.trade-school-search-widget.header-widget form .trade-school-search-widget__select--program {
	 grid-area: headerSelect2;
	overflow: hidden;
}

.trade-school-search-widget.header-widget form .trade-school-search-widget__search-button {
	 grid-area: button;
}

.trade-school-search-widget__grid .title {
  text-align:left;
  font-weight: bold;
  color: #000;
}

.trade-school-search-widget__location-buttons, .trade-school-search-widget__zip-wrapper {
  width: 100%;
	position: relative
}

.trade-school-search-widget__zip-wrapper {
  display: flex;
  align-items: stretch;
}

.trade-school-search-widget__zip-wrapper input {
  text-align: center;
  font-weight: bold;
  flex: 1 1 auto;
  border-radius: 0 4px 4px 0;
}

.trade-school-search-widget__zip-wrapper input::placeholder {
  text-align: center;
}


.trade-school-search-widget__zip-wrapper .input-group-text {
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius:  .25rem 0 0 .25rem;
}

.trade-school-search-widget__location-buttons button {
  width: 33.333%;
}

.trade-school-search-widget__location-buttons button:nth-child(1) {
  border-radius: 4px 0 0 4px;
  border-right: solid 1px rgba(0,0,0,0.15)
}

.trade-school-search-widget__location-buttons button:nth-child(2) {
  border-radius: 0;
}

.trade-school-search-widget__location-buttons button:nth-child(3) {
  border-radius: 0 4px 4px 0;
  border-left: solid 1px rgba(0,0,0,0.15)
}

/* Sticky widget  */
#tsnet-sticky-widget-container {
  transition: height 0.3s ease; /* Transition only the height property */
}

.trade-school-sticky-widget__grid .trade-school-search-widget__select--area select,
.trade-school-sticky-widget__grid .trade-school-search-widget__select--program select
 {
  width: 100%;
  border-radius: 4px;
}

#tsnet-sticky-widget-container {
  overflow: hidden;
}

#tsnet-sticky-widget-container:not(.tsnet-sticky-widget-has-focus) {
        height: 110px !important;
    }

    #tsnet-sticky-widget-container.tsnet-sticky-widget-has-focus {
        height: 350px !important;
    }

  #tsnet-sticky-widget-container {
    padding: 0px 20px;
  }

    #tsnet-sticky-widget-container .title {
      text-align: left;
      font-weight: bold;
      color: #000;
		margin-top: 10px;
    }

.trade-school-search-widget.header-widget {
	display: none;
}

@media (min-width: 768px) {
	.sticky-zip-widget-container:not(.stuck) {
		visibility: none;
		pointer-events: none; 
		position: fixed;
		opacity: 0;
		  top: 0px;
		  left: 0px;
		  right: 0px;
		transition: all 250ms ease-in-out;
	}
	
	.trade-school-search-widget.header-widget {
		display: block;
	}
}

.blue-header-zip-container .trade-school-search-widget.general-widget {
	display: none
}

@media (min-width: 768px) {
	.blue-header-zip-container, .blue-container {
		min-height: 187px
	}
	
	.blue-header-zip-container .trade-school-search-widget.general-widget {
		display: block
	}
}

@media (min-width: 992px) {
	.blue-header-zip-container, .blue-container {
		min-height: 133px;
	}
}

.blue-header-zip-container form .title {
	color: #fff;
	font-weight: normal !important;
}

.blue-header-zip-container .trade-school-search-widget__grid .zip-search-search-button {
	background:: #ffcf0d;
    background: -moz-linear-gradient(180deg,#ffcf0d 0,#f90 100%);
    background: -webkit-linear-gradient(180deg, #ffcf0d 0, #f90 100%);
    background: linear-gradient(180deg, #ffcf0d 0, #f90 100%);
    text-shadow: unset;
    border: 1px solid #D4840B;
    border-bottom-color: #FF9E0D;
    box-shadow: unset !important;
	color: #000;
	transition: all 250ms ease-in-out;
}

.blue-header-zip-container .trade-school-search-widget__grid .zip-search-search-button:hover {
  background: #ffcf0d; /* Fallback */
  background: -moz-linear-gradient(180deg, #ffcf0d 0, #f90 100%) !important;
  background: -webkit-linear-gradient(180deg, #ffcf0d 0, #f90 100%) !important;
  background: linear-gradient(180deg, #ffcf0d 0, #f90 100%) !important;
  box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.7) !important; /* Inner white glow */
}


@media (min-width: 992px) {
/* Two-column layout for screens >= 992px */
.trade-school-search-widget__grid:not(.invalid) {
  grid-template-columns: 1fr 1fr; /* Two columns */
  grid-template-areas:
    "title ."
    "zip select1"
    "location select2"
    "button button";
}

.trade-school-search-widget__grid.invalid {
  grid-template-columns: 1fr 1fr; 
  grid-template-areas:
    "title ."
    "zip button"
}

	.trade-school-search-widget__grid.invalid .trade-school-search-widget__location-buttons {
		display:none
	}
	
.trade-school-search-widget__title {
  grid-area: title;
}

.trade-school-search-widget__zip-wrapper {
  grid-area: zip;
	position: relative;
}

.trade-school-search-widget__location-buttons {
  grid-area: location;
}

.trade-school-search-widget__select--area {
  grid-area: select1;
  border-radius: 4px;
}

.trade-school-search-widget__select--program {
  grid-area: select2;
  border-radius: 4px;
}

.trade-school-search-widget__search-button {
  grid-area: button;
}

/* Sticky widget */

  .trade-school-sticky-widget__grid {
    display: grid;
    grid-template-columns: 4fr;
    /* Single column for mobile */
    grid-gap: 15px;
    grid-template-columns: 15% 30% 30% 22%;
    grid-template-areas:
      "title zip select1 button"
      ". location select2 .";
  }

  .trade-school-sticky-widget__grid .trade-school-search-widget__title {
    grid-area: title;
    grid-column: 1 / 1;
    /* Title spans all four columns */
	  text-align: left;
  }

 #tsnet-sticky-widget-container:not(.tsnet-sticky-widget-has-focus) {
        height: 80px !important;
    }

    #tsnet-sticky-widget-container.tsnet-sticky-widget-has-focus {
        height: 145px !important;
    }

    #tsnet-sticky-widget-container.tsnet-sticky-widget-has-focus .trade-school-sticky-widget__grid {
    display: grid;
    grid-template-columns: 4fr;
    /* Single column for mobile */
    grid-gap: 15px;
    grid-template-columns: 15% 30% 30% 22%;
    grid-template-areas:
      "title zip select1 button"
      ". location select2 button";
  }

}

.classroomtype {
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: 0 0 4px #fff;
    color: #444;
    background-color: rgba(255, 255, 255, .65) !important;
    z-index: 1;
	padding-left: 0px;
	padding-right: 0px;
}

.selectedclassroom {
  text-shadow: 0 0 4px #fff;
  color: #444;
  background-color: rgba(255, 255, 255, .85) !important;
  z-index: 1;
}

/* Search button styles */
.zip-search-search-button {
  color: #fff;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 3px;
  background: #6a1;
  background: linear-gradient(to bottom, #6a1 0, #360 100%);
  text-shadow: #062 1px 1px 0;
  border: 1px solid #480;
  border-bottom-color: #005822;
  box-shadow: inset #072 0 -5px 15px, inset #8e8 0 1px 1px, rgba(0, 0, 0, .15) 0 1px 1px;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.zip-search-search-button:disabled {
  opacity: 0.75;
  background: #efefef;
  background: linear-gradient(to bottom, #6a1 0, #360 100%);
  cursor:not-allowed
}

/* Prevent hover effect when disabled 
.zip-search-search-button:disabled:hover {
  color: #fff; 
  background: #efefef; 
  background: linear-gradient(to bottom, #6a1 0, #360 100%);
  box-shadow: inset #072 0 -5px 15px, inset #8e8 0 1px 1px, rgba(0, 0, 0, .15) 0 1px 1px; /* Revert to the disabled box-shadow */
}
*/
@media (hover: hover) {
  .zip-search-search-button:hover {
    color: #fff;
    background: #6d4;
    background: linear-gradient(to bottom, #6d4 0, #360 100%);
    box-shadow: inset #064 0 -5px 15px, inset #8e8 0 1px 1px, rgba(0 255 75 50%) 0 0 10px, rgba(0 0 0 15%) 0 1px 1px;
  }
}

.header-search .zip-search-search-button {
  background: #D98825 !important;
  background: linear-gradient(to bottom, #D99923 0%, #D98825 100%) !important;
  border-color: #B36B1C !important;
  border-bottom-color: #A65F1A !important;
  box-shadow: none;
  text-shadow: #B36B1C 1px 1px 0 !important;
}

.blue-header-zip-container .zip-search-search-button:disabled {
  opacity: 1 !important;
}

/*
@media (hover: hover) {
  .header-search .zip-search-search-button:disabled:hover {
    color: #fff !important;
    background: linear-gradient(to bottom, #D98825 0%, #D99923 100%) !important;
    border: 1px solid white !important;
    border-bottom-color: white !important;
    box-shadow: inset #D47F23 0 -5px 15px, inset #F1C27B 0 1px 1px, rgba(0, 0, 0, 0.15) 0 1px 1px !important;
    cursor: not-allowed !important;
  }
}
*/
.trade-school-search-widget {
  padding: 20px;
}

.trade-school-search-widget.header-widget {
  padding: 15px 10px 10px 10px;
}

.trade-school-search-widget.header-widget {
	border-radius: 8px;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}

@media (min-width: 992px) {
  .trade-school-search-widget, #tsnet-sticky-widget-container {
    padding: 20px 0px;
  }
	
}

.sticky-zip-widget-container.stuck.hide {
    opacity: 0;
}

/*Online schools*/

.archademy-item {
  display: flex;
  padding: 16px;
  border: 1px solid;
  border-radius: 4px;
  transition: 0.3s;
}

.archademy-item .child-40 {
  flex: 0 0 40%;
}

.archademy-item .child-60 {
  flex: 0 0 60%;
  padding-left: 32px;
}

.archademy-item .collapsible {
    list-style: none;
    padding: 0;
    margin-left: 20px;
}


.archademy-item .collapsible label {
    display: flex;
    align-items: center;
    cursor: pointer;
	color: #023373;
	font-weight: 700;
}

.archademy-item .collapsible label:focus, 
.archademy-item .collapsible label:hover,
.archademy-item .collapsible label:visited {
	color: #9c0;
}

.archademy-item .collapsible .content li,
.archademy-item span {
	color: #212529;	
}

.archademy-item .collapsible input[type="checkbox"] {
    display: none;
}

.archademy-item .icon {
    transition: transform 0.3s ease-in-out;
    margin-right: 10px; /* Space between icon and title */
}

/* Rotate icon when checked */
.archademy-item .collapsible input[type="checkbox"]:checked + label .icon {
    transform: rotate(90deg);
}

.archademy-item .collapsible input:checked + .archademy-item label + .archademy-item .content {
  display: block;
}

.archademy-item .content {
    display: none; /* Hide content by default */
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.archademy-item .collapsible input[type="checkbox"]:checked ~ .content {
    display: block; /* Show content when checkbox is checked */
    max-height: 100%; /* Can be adjusted based on content size */
}

.archademy-item h3 {
  margin-bottom: unset;
}

.archademy-list {
  display: flex;
  flex-direction: column;
  grid-gap: 24px;
}

.archademy-item:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
}

.archademy-thumbnail {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

@media (max-width: 425px) {
  .archademy-item {
    flex-direction: column;
    grid-gap: 16px;
  }

  .archademy-item .child-40 {
    flex: unset;
  }

  .archademy-item .child-60 {
    flex: unset;
    padding: unset;
  }
}

.publisher-date {
	margin-bottom: unset !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0px, 0px, 0px, 0px);
  padding: 0px;
  margin: -1px;
  overflow: hidden;
  white-space: nowrap;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
}

.more-articles-link {
	text-decoration: none !important;
	font-family: Arial, san-serif;
}

.wp-block-separator {
border-top: 1px solid rgba(0, 0, 0, .1); !important;
	background-color: unset !important;
}

.trade-school-search-widget__grid .title:before {
    display: block;
    float: left;
    position: relative;
    top: 5px;
    visibility: visible;
    content: "";
    background-image: url(/wp-content/themes/astra-tsnet/graphics/tsnet-bw-grad.svg);
    background-size: 25px 25px;
    height: 25px;
    width: 25px;
    margin-right: 7px;
    margin-top: -5px;
    opacity: .5;
    vertical-align: text-top;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.blue-header-zip-container .trade-school-search-widget.general-widget .title:before {
	background-image: url(/wp-content/themes/astra-tsnet/graphics/tsnet-bw-grad-white.svg);
}

.trade-school-sticky-widget__grid .title:before {
    display: block;
    float: left;
    position: relative;
    top: 5px;
    visibility: visible;
    content: "";
    background-image: url(/wp-content/themes/astra-tsnet/graphics/tsnet-bw-grad.svg);
    background-size: 25px 25px;
    height: 25px;
    width: 25px;
    margin-right: 7px;
    margin-top: -5px;
    opacity: .5;
    vertical-align: text-top;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}


.trade-school-search-widget__grid:focus-within .title:before, .trade-school-sticky-widget__grid:focus-within .title:before {
    opacity: 1;
}


.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column !important;
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction: row!important;
        flex-direction: row !important;
    }
}