/**
 * nc program finder css.
 *
 * NOTE: Program Finder is wrapped in ID: #nc-program-finder
 *
 * @package nc_program_finder
 *
 * @since    1.0.0
 */

/** :focus for accessiblity **/    
#nc-program-finder .nc-program-finder-terms li a.enable-hover:focus,
#nc-program-finder .selected-filters li a:focus,
#clear-all-filters:focus {
    background-color:#444;
    color:#fff !important; 
}

/* finder tabs and term lists inside tabs */
#nc-program-finder .tabs li a {
        text-decoration:none !important;
        background:none;
    }

    #nc-program-finder .tabs li a:hover,
    #nc-program-finder .tabs li a:focus{
        background-color:#969696;
        color:#fff;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    #nc-program-finder .tabs li.active a,
    #nc-program-finder .tabs li a:active, 
    #nc-program-finder .tabs li a:focus:active {
        background-color:#efefef; 
        border-top-right-radius:3px;
        border-top-left-radius:3px;
        color:#0077be;
    }

    #nc-program-finder .tabs-content {
        background-color:#efefef;
        border-radius:3px;
    }

#nc-program-finder .nc-program-finder-terms {
    margin-bottom: 0;
    margin-left: 1.1em;
}

#nc-program-finder .nc-program-finder-terms li{
    list-style: none;
    display:inline-block;
}

#nc-program-finder .nc-program-finder-terms li a {
    background-color:#969696;
    color:#fff;
    padding:7px 14px;
    margin-right:3px;
    text-decoration:none !important;
    border-radius:3px;
}

	#nc-program-finder .nc-program-finder-terms li a.active,
	#nc-program-finder .nc-program-finder-terms li a.enable-hover:hover {
		background-color:#0077be !important;
		color:#fff !important;   
	}

/* selected filters */
#nc-program-finder ul.selected-filter-list {
    margin: 0 !important;
}
#nc-program-finder .selected-filters li {
    list-style: none;
    display:inline-block;
}

    #nc-program-finder .selected-filters li a {
        padding:7px 14px;
        background-color:#0077be;
        color:#FFF !important;
        text-decoration:none !important;
        margin-right:3px;
        border-radius:3px;
        font-size: 0.9rem;
    }
    
        #nc-program-finder .selected-filters li a:focus {
            background-color:#444;
        }

        #nc-program-finder .selected-filters li a:after {
            font-family: FontAwesome;
            content: "\f057";
            display: inline-block;
            font-size: 1.3em;
            line-height:1.3em;
            text-align: right;
            padding-left:10px;
        }

/* filtered programs list */
#nc-program-finder .filtered-programs {
    margin:0;
}

    #nc-program-finder .filtered-programs li {
        list-style: none;
    }

    #nc-program-finder .filtered-programs li > a {
        background-color:#efefef;
        border-radius:3px;
        padding:0.5em 1em;
        transition: background-color 300ms ease-out 0s;
    }

        #nc-program-finder .filtered-programs li > a:after {
            font-family:FontAwesome;
            content: "\f0a9";
            font-size:1.3em;
            line-height: 1.3em;
            color:#0077be;
            float:right;
        }

        #nc-program-finder .filtered-programs li > a:hover, 
        #nc-program-finder .filtered-programs li > a:focus  {
            cursor: pointer;
            background-color:#0077be;
        }

            #nc-program-finder .filtered-programs li > a:hover, 
            #nc-program-finder .filtered-programs li > a:hover:after,
            #nc-program-finder .filtered-programs li > a:focus,
            #nc-program-finder .filtered-programs li > a:focus:after{
                color:#fff;   
             }

            #nc-program-finder .filtered-programs li a {
                text-decoration: none;
                display:inline-block;
                width:100%;
            }
            
                #nc-program-finder .filtered-programs li a span {
                    background-color:#969696;
                    color:#FFF;
                    text-transform: uppercase;
                    font-weight:700;
                    font-size:0.7em;
                    padding:0.2em 0.5em;
                    border-radius:3px;
                    margin: 0 0 0 0.25rem;
                }

                #nc-program-finder .filtered-programs li a span.new {
                    background-color:#e46b00;
                }

                #nc-program-finder .filtered-programs li:hover a span,
                #nc-program-finder .filtered-programs li a:focus span {
                    background-color:#fff;
                    color:#0077be;
                }

/* filter options AODA buttons and clear filters etc. */
#nc-program-finder .filter-options {
    top:1em;
    right:1em;
    position:absolute;
}

#nc-program-finder #clear-all-filters {
    padding:0.7em 1em;
    font-size: 0.75rem;
}

/* Search Programs */
#nc-program-finder #text-search-container {
    background: #0077be none repeat scroll 0 0;
    border-radius: 2px;
    padding: 1rem 1rem 1rem 3.5rem;
    margin: 0 0 0.5rem 0;
    position: relative;
}
    #nc-program-finder #text-search-container:before {
        font-family: "FontAwesome";
        content: "\f002";
        position: absolute;
        left: 1rem;
        font-size: 1.6rem;
        color: #fff;
        top: 1.25rem;
    }
    #nc-program-finder input#program_text_search {
        border-radius:2px;
        font-size:1em;
        padding:0.2em 0.8em;
        margin: 0;
    }

#nc-program-finder #program_text_search_done{
	float:left;
}

#nc-program-finder .selected-filters {
    background: #fffcea;
    border-radius: 3px;
    padding:1em;
    margin-bottom:1em;
}

    #nc-program-finder .selected-filters h4{
        text-transform: uppercase;
        font-weight:700;
        font-size: 1rem;
        margin: 0 0 0.5rem;
    }

	/*
 	 * Results Popup.
	 */
	#nc-program-finder .result-wrapper{
		position:relative;
	}

	#nc-program-finder #program-results {
		position: fixed;
		z-index: 9999; 
		bottom: 20px; 
		left: 30px;
		background-color:#7ec491;
		padding:1em 2em;
		border-radius:3px;
		text-transform: uppercase;
		font-weight:600;
		height:4.5em;
		width:50%;
	}

	#nc-program-finder #program-results p{
		margin:0;
		text-transform: uppercase;
		font-weight:600;
		color:#fff;
	}

	#nc-program-finder #program-results .button{
		font-size:1em;
		padding:0.5em 1em;
		background-color:#969696;
		border-radius:3px;
		margin:0 0 0 0.6em;
	}

/* custom message panels */
#nc-program-finder .single-message {
    margin-top:10px;
}

#nc-program-finder .single-message .panel ul {
    margin-left:1em;   
}

    #nc-program-finder .single-message h3 {
        color:#0077be;
    }

    #nc-program-finder .single-message .panel {
        background:none;
    }

    #nc-program-finder .single-message .panel ul li {
        font-size:1em;   
    }

    #nc-program-finder .single-message .button.small.radius {
        margin-top:1em;
    }


/* loader */
.loader,
.loader:before,
.loader:after {
  background: #fff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 0.7em;
  height: 1em;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader {
  text-indent: -9999em;
  margin: 20px 40px 5px 5px;
  float:left;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ffffff;
    height: 1.5em;
  }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 2em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ffffff;
    height: 1.5em;
  }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 2em;
  }
}


/* Medium screens down */
@media only screen and (max-width: 64.063em) { 

    #nc-program-finder .nc-program-finder-terms {  
		width:95%;
    }
	
		#nc-program-finder .nc-program-finder-terms li {
			margin:1.1em 0;	
		}

			#nc-program-finder .nc-program-finder-terms li a{
				padding:0.8em 1.3em;	
				margin-bottom:1em;
			}

        #nc-program-finder input#program_text_search {
            height:3.2rem;
            float:left;
            width:70%;
            border-bottom-right-radius: 0;
            border-top-right-radius: 0;
            border-right:none;
        }
	
	#nc-program-finder .text-search-button .button{
		padding:0.9rem 1.4rem 0.85rem;
		border-bottom-right-radius: 3px;
		border-top-right-radius: 3px;
        margin: 0;
        background: #01639D;
	}
    
    #nc-program-finder .filter-options {
        position:relative;  
        float:right;
        top:0;
        right:0;
    }
    
    #nc-program-finder .selected-filters {
        clear:both;   
    }

	#nc-program-finder #clear-all-filters {
		padding:0.9rem 1.4rem 0.85rem;
		font-size:1rem;
	}
	
		/* filtered programs list */
	#nc-program-finder .filtered-programs {
		margin:0;
		padding-top:20px;
	}
	
	#nc-program-finder .filtered-programs li a{
		padding:1em;
	}
	
}

/* portrait ipads/tablets */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	#nc-program-finder #program-results{
		width:70%;	
	}
	
}

/* Small screens down */
@media only screen and (max-width: 40.063em) {

    #nc-program-finder .tabs .tab-title > a {
        padding:0.5em !important;
    }
    
    #nc-program-finder .tabs li {
        display:inline-block;
        width:50%;
        float:left;
    }
    
    #nc-program-finder .tabs li.active a, #nc-program-finder .tabs li a:active, #nc-program-finder .tabs li a:focus:active {
        border-top-left-radius:0; 
        border-top-right-radius:0;   
    }
    
    #nc-program-finder #program_text_search {
        float:none;
        width:100%;
		border-bottom-right-radius: 3px;
		border-top-right-radius: 3px;
		border-right:1px solid #cccccc;
    
    }
    
    #nc-program-finder .filter-options {
        position:relative;  
        float:none;
        width:100%;
        top:0;
        right:0;
    }
    
    /* 
        MOBILE VERSION OF PROGRAM FINDER 
        These styles will only be available on mobile devices
        NOT on mobile sized browsers on a desktop.
    */
    
    /* clear all filters button */
    #nc-program-finder #clear-all-filters {
        width:100%;   
    }

    
    /* Select dropdown styling */
    #nc-program-finder #mobile-select .panel {
        background:#efefef;    
    }
    
        #nc-program-finder #mobile-select label {
            font-weight:bold;
            text-transform: uppercase;
        }

        #nc-program-finder select {
            font-size:16px;  
            display:inline-block;
        }

        #nc-program-finder #mobile-select hr {
            margin:0.5em 0;   
        }

            #nc-program-finder #mobile-select hr:last-of-type{
                display:none;   
            }

	#nc-program-finder #program-results {
		position: fixed;
		z-index: 9999; 
		bottom: 0; 
		left: 0;
		background-color:#7ec491;
		padding:0.5em;
		border-radius:3px;
		text-transform: uppercase;
		font-weight:600;
		height:5em;
		width:100%;
	}
	
	#nc-program-finder #program-results p{
		margin:0;
		text-transform: uppercase;
		font-weight:600;
		color:#fff;
		text-align:center;
	}

	#nc-program-finder #program-results .button{
		font-size:1em;
		padding:0.5em;
		background-color:#969696;
		border-radius:3px;
		margin:0;
	}
	
	/* loader */
.loader,
.loader:before,
.loader:after {
  background: #fff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 0.7em;
  height: 0.5em;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader {
  text-indent: -9999em;
  margin: 10px 40px 5px 5px;
  float:left;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ffffff;
    height: 1em;
  }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 1.5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ffffff;
    height: 1em;
  }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 1.5em;
  }
}
	

} 

/* Small screens down */