/*************************************
Main sass file used for imports
*************************************/
/*************************************
Variables used across the website
*************************************/
/*************************************
Header styling
*************************************/
/*************************************
Footer styling
*************************************/
/*************************************
Main layout styling
*************************************/

 /*  For Desktop: */

@media only screen and (min-width: 480px) {
.accordianDirectory.box.box-center.full-color a {
    width: 100%;
    display: block;
    font-family: "Open Sans", "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
    text-align: center;
    position: relative;
    color: #222;
    padding-right: 15px;
    font-size: 16px;
    margin-bottom: 10px;
}
.accordianDirectory.box.box-center.full-color h4.the-icons-directory i {
    font-size: 43px;
    display: block;
    line-height: 60px;
  /*  transition: all .3s ease-in-out;*/
}
}
/* line 5, ../sass/partials/layouts/_layout.scss */
section.row {
    margin-right: 0;
    margin-left: 0;
}
/* line 11, ../sass/partials/layouts/_layout.scss */
.icon.large {
    font-size: 40px;
}
/*************************************
Ribbon styling
*************************************/
/* line 4, ../sass/partials/layouts/_ribbon.scss */
.ribbon {
    margin: 5px 0px 25px 0px; /* Adjusted */
    padding: 12px 6px;
}
/* line 7, ../sass/partials/layouts/_ribbon.scss */
.ribbon h1 {
    font-size: 28px;
    font-weight: 400;
    font-family: 'Open Sans', "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
    letter-spacing: -0.2px;
    color: #ffffff;
    margin: 0;
    
}
/* line 17, ../sass/partials/layouts/_ribbon.scss */
.ribbon h1.the-icons-directory:before {
    height: 26px;
    position: relative;
    top: 2px;
	padding-left: 10px;
}
/* line 24, ../sass/partials/layouts/_ribbon.scss */
.ribbon .the-icons-directory:before {
    color: #ffffff;
}
/* line 27, ../sass/partials/layouts/_ribbon.scss */
.ribbon.dark-grey {
    background-color: #373a3b;
}
/* line 30, ../sass/partials/layouts/_ribbon.scss */
.ribbon.blue {
    background-color: #4794cc;
}
/* line 33, ../sass/partials/layouts/_ribbon.scss */
.ribbon.dark-blue {
    background-color: #23547b;
}
/* line 33, ../sass/partials/layouts/_ribbon.scss */
.ribbon.endeavour {
    background-color: #205493;
}
/* line 36, ../sass/partials/layouts/_ribbon.scss */
.ribbon.grey-blue {
    background-color: #718899;
}
.ribbon.white {
    background-color: #FFFFFF;
	padding: 0px 0px;
}
.ribbon.white h1 {
    color: #000000 !important;
}
.ribbon.white .the-icons-directory:before {
    color: #000000 !important;
}
/*************************************
Box styling
*************************************/

/* line 5, ../sass/partials/layouts/_boxes.scss */
.listdiv .box {
    padding-bottom: 5px; /* Changed Padding */
    margin-bottom: 14px; /* Changed Margin */
}

@media (max-width:480px) {
.listdiv .box {
    padding-bottom: 0px; /* Changed Padding in Mobile */
    margin-bottom: 1px; /* Changed Margin */
}
}
/* line 8, ../sass/partials/layouts/_boxes.scss */
.listdiv .box h4 {
    font-family: 'Open Sans', "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    border-top: none;
    padding-top: 14px;
    padding-left: 15px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
}
/* line 19, ../sass/partials/layouts/_boxes.scss */
.listdiv .box h4 .accordian:after {
    color: #ffffff;
}
/* line 23, ../sass/partials/layouts/_boxes.scss */
.listdiv .box .the-icons-directory:before {
    left: 0;
    height: auto;
    margin-left: 0;
    font-size: 21px;
    width: 37px;
    top: -2px;
}
/* line 31, ../sass/partials/layouts/_boxes.scss */
.listdiv .box h4, .listdiv .box p, .listdiv .box .icon, .listdiv .box .the-icons-directory:before {
    color: #ffffff;
}
/* line 34, ../sass/partials/layouts/_boxes.scss */
.listdiv .box ul {
    padding-top: 10px;
}
/* line 37, ../sass/partials/layouts/_boxes.scss */
.listdiv .box.box-center {
    /*padding-top: 30px;*/
    background-color: red;
}
/* line 39, ../sass/partials/layouts/_boxes.scss */
.listdiv .box.box-center p {
    margin-top: 20px;
    text-align: center;
    font-size: 13px;
}
/* line 44, ../sass/partials/layouts/_boxes.scss */
.listdiv .box.box-center .icon.large {
    text-align: center;
}
/* line 50, ../sass/partials/layouts/_boxes.scss */
.listdiv .box.grey {
    background-color: #edeef0;
}
/* line 52, ../sass/partials/layouts/_boxes.scss */
.listdiv .box.grey h4 {
    background-color: #718899;
}
/* line 55, ../sass/partials/layouts/_boxes.scss */
.listdiv .box.grey.full-color {
    background-color: #718899;
}
/* line 59, ../sass/partials/layouts/_boxes.scss */
.listdiv .box.blue {
    background-color: #e1e8ed;
}
/* line 61, ../sass/partials/layouts/_boxes.scss */
.listdiv .box.blue h4 {
    background-color: #4794cc;
}
/* line 64, ../sass/partials/layouts/_boxes.scss */

.listdiv .box.full-color {
/* padding-top: 15px; */
}
.listdiv .box.blue.full-color {
    background-color: #4794cc;
}
/* line 68, ../sass/partials/layouts/_boxes.scss */
.listdiv .box.dark-blue {
    background-color: #e1e8ed;
}
/* line 70, ../sass/partials/layouts/_boxes.scss */
.listdiv .box.dark-blue h4 {
    background-color: #23547b;
}
/* line 73, ../sass/partials/layouts/_boxes.scss */
.listdiv .box.dark-blue.full-color {
    background-color: #23547b;
}
/* line 68, ../sass/partials/layouts/_boxes.scss */
.listdiv .box.endeavour {
    background-color: #e9ecef;
}
/* line 70, ../sass/partials/layouts/_boxes.scss */
.listdiv .box.endeavour h4 {
    background-color: #205493;
}
/* line 73, ../sass/partials/layouts/_boxes.scss */
.listdiv .box.endeavour.full-color {
    background-color: #205493;
}
/* line 77, ../sass/partials/layouts/_boxes.scss */
.listdiv .box.grey-blue {
    background-color: #aeaaa8;
}
/* line 79, ../sass/partials/layouts/_boxes.scss */
.listdiv .box.grey-blue h4 {
    background-color: #373a3b;
}
/* line 82, ../sass/partials/layouts/_boxes.scss */
.listdiv .box.grey-blue ul a {
    color: #ffffff;
}
/* line 85, ../sass/partials/layouts/_boxes.scss */
.listdiv .box.grey-blue.full-color {
    background-color: #373a3b;
}
.listdiv .box.white .the-icons-directory:before {
    color: #000000;
}
.listdiv .box.white h4 {
    color: #000000;
}
.listdiv .accordianDirectory.white {
    border-top: 1px solid #cccccc;
}
.listdiv .grey-blue .accordian, 
.listdiv .grey .accordian, 
.listdiv .dark-blue .accordian, 
.listdiv .blue .accordian, 
.listdiv .white .accordian, 
.listdiv .endeavour .accordian  {
    height: 0 !important;
}
.listdiv .grey-blue h4, 
.listdiv .grey h4, 
.listdiv .dark-blue h4, 
.listdiv .blue h4,
.listdiv .white h4,
.listdiv .endeavour h4 {
    padding-bottom: 10px;
}
.full-color ul {
    margin-left: 0;
    text-align: center;
}
.full-color ul li a:link {
    color: #ffffff;
    text-decoration: none;
}
.full-color ul li a:link:hover {
    text-decoration: none;
}
/***************** Link has no underline Hover test *************
}
@media (max-width: 480px)
.directory-section .listdiv:nth-child(1) .accordianDirectory:first-child h4, .directory-section .listdiv:nth-child(2) .accordianDirectory:first-child h4, .directory-section .listdiv:nth-child(3) .accordianDirectory:first-child h4 {
	**/

 /***************** Link has no underline *************/

.accordianDirectory.box.box-center.full-color.dark-grey,
.accordianDirectory.box.box-center.full-color.dark-blue, 
.accordianDirectory.box.box-center.full-color.blue, 
.accordianDirectory.box.box-center.full-color.grey-blue, 
.accordianDirectory.box.box-center.full-color.grey, 
.accordianDirectory.box.box-center.full-color.endeavour {
    text-decoration: none;
    -webkit-transition: color .500ms ease;
    -moz-transition: color .500ms ease;
    -o-transition: color .500ms ease;
    -ms-transition: color .500ms ease;
    transition: color .500ms ease;
}
/***************** Link has no underline ************/

.accordianDirectory.box.box-center.full-color.dark-grey a:link, 
.accordianDirectory.box.box-center.full-color.dark-blue a:link, 
.accordianDirectory.box.box-center.full-color.blue a:link, 
.accordianDirectory.box.box-center.full-color.grey-blue a:link, 
.accordianDirectory.box.box-center.full-color.grey a:link, 
.accordianDirectory.box.box-center.full-color.endeavour a:link {
    text-decoration: none;
    color: white;/***************** Link has no underline *************/
	
}
/***************** Single Panel *************/

span.singlePanel, span.singlePanel a:hover {
    font-family: 'Open Sans', "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #FFF;
}
/***************** Single Box Hover *************/



.accordianDirectory.box.box-center.full-dark-grey:hover, 
.accordianDirectory.box.box-center.full-color.blue:hover, 
.accordianDirectory.box.box-center.full-color.grey:hover, 
.accordianDirectory.box.box-center.full-color.dark-blue:hover, 
.accordianDirectory.box.box-center.full-color.grey-blue:hover, 
.accordianDirectory.box.box-center.full-color.endeavour:hover {
    opacity: 0.8;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    text-decoration: none;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
}
/***************** Denton County Hover Class Style Fixes Desktop *************/

.accordianDirectory.box.box-center.full-color.blue ul li, .accordianDirectory.box.box-center.full-color.grey ul li {
    color: #ffffff;
}
/***************************************************************** Set Hover underline to to None - Joe */
.accordianDirectory.box.box-center.full-color.dark-grey ul li:hover, 
.accordianDirectory.box.box-center.full-color.dark-blue ul li:hover, 
.accordianDirectory.box.box-center.full-color.blue ul li:hover, 
.accordianDirectory.box.box-center.full-color.grey-blue ul li:hover, 
.accordianDirectory.box.box-center.full-color.grey ul li:hover, 
.accordianDirectory.box.box-center.full-color.endeavour ul li:hover {
    text-decoration: none;
    border: 0px solid red;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
}
.accordianDirectory.box.box-center.full-color.blue a:visited ul li, 
.accordianDirectory.box.box-center.full-color.grey a:visited ul li {
    color: #333;
}
#as_slideshow, img.bgM {
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -9999;
}

/***************** Denton County Hover Class Style Fixes Mobile *************/

@media all and (max-width: 480px) {
	
/* line 91, ../sass/partials/layouts/_boxes.scss */

	
	.directory-footer {
	border-top: 0px solid #ccc;
	margin-top: 24px;
	margin-bottom: 35px !important;
}
	
.icon.large {
    left: 0;
    height: auto;
    margin-left: 0;
    font-size: 21px;
    width: 37px;
    top: -2px;
}
.unfancy-li ul li:hover {
    background-color: #bcd8ec;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
}
.listdiv .box.dark-blue h4:hover,
.listdiv .box.endeavour h4:hover {
    padding-bottom: 0px;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
}
.accordianDirectory box box-center full-color dark-blue:hover,
.accordianDirectory box box-center full-color endeavour:hover
	{
    padding-bottom: 0px;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -ms-transition: all 500ms;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}
.directory-section .listdiv {
    padding-top: 0;
    margin-bottom: 0px;
}
/* line 96, ../sass/partials/layouts/_boxes.scss */
.listdiv .box.accordianDirectory {
    padding-bottom: 0px;
}
/* line 99, ../sass/partials/layouts/_boxes.scss */
.listdiv .box h4.active {
    border-top: 0;
    padding-bottom: 0px;
}
/* line 102, ../sass/partials/layouts/_boxes.scss */
.listdiv .box h4.active + ul {
    padding-bottom: 20px;
}
.listdiv .grey-blue .accordian, 
.listdiv .grey .accordian, 
.listdiv .dark-blue .accordian, 
.listdiv .blue .accordian, 
.listdiv .white .accordian,
.listdiv .endeavour .accordian {
    height: 35px !important;
}
.listdiv .grey-blue h4, 
.listdiv .grey h4, 
.listdiv .dark-blue h4,
.listdiv .blue h4,
.listdiv .endeavour h4,
.listdiv .white h4 {
    padding-bottom: 0;
}
.listdiv .box.white h4 .accordian:after {
    color: #000000;
}
/*.listdiv .box.full-color ul {
        display: block !important;
    }*/

.listdiv .box.full-color ul li {
    padding-left: 0;
}
.listdiv .box.full-color ul li:last-child {
    padding-bottom: 25px;
}
.listdiv .box.white h4.active {
    color: #ffffff !important;
}
.listdiv .box.white h4.active.the-icons-directory:before {
    color: #6FA4C4 !important;
}
.directory-section {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.listdiv .box.box-center {
/*.   padding-top: 15px;*/
   /*. padding-bottom: 15px;*/
}
.listdiv .box.box-center .icon.large {
    text-align: unset;
    font-size: 20px;
    margin-left: 20px;
    display: inline;
}
.listdiv .box.full-color ul, .listdiv .box.full-color ul li {
    display: inline;
}
.listdiv .box.full-color ul li span.singlePanel {
    font-weight: 400;
    font-size: 16px !important;
    margin-left: 2px;
    font-family: 'Open Sans', "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
}
.accordianDirectory.box.box-center.full-color.blue a:visited ul li, 
.accordianDirectory.box.box-center.full-color.grey a:visited ul li {
    color: #fff;
}
	
	h4 > i {
	padding-right: 3px;
	}
}