/* accessible-helper-bootstrap.css */
/* BOOTSTRAP COMPONENTS */

/* Bootstrap CSS Updates Manual Accessibility */

/* GLOBAL FOCUS */
 :focus {
	 border: 1px solid #ffffff !important;
	 outline: #003fbb solid 3px !important;
}

footer a:focus {
    border: 0px solid #ffffff !important;
    outline: #ffffff solid 3px !important;
}

.orange-bg  a:focus {
      border: 2px solid #ffffff !important;
      outline: none !important;

}

/* Web form field border */
 
.form-control {
    border: 1px solid #000000;
}

/* Video Transcript */
#video-transcript {
  display: none;
}



/* Footer bottom row color contrast */
.ultra-dark-bg {
        background-color: #181a1d !important;
        color: #fff!important;
        
}

.js_year {
        background-color: #181a1d !important;
        color: #fff!important;
        
}

/* Web forms label margin fix for spacing when special instructions are added */
   #contact label {
        margin-bottom: 0rem;
    }

  #contact span {
        font-size: 0.9em; 
    }


/* Specifying color contrast on menu dropdown desc text and background */
.nav-description {
    /*color: #212529;*/
    /*background-color: #FFFFFF;*/
    
}


/* Increase accessibility of pre-footer links */
 .pre-footer a {
	 font-weight: 400;
}
 .pre-footer a:hover {
	 font-weight: normal;
	 color: #A43719;
}
 

/* Nextgen Accessibility Fixes */

.video-background, .video-background-banner {
    overflow: visible;
}


/* Calendar Event Focus */
 .event:focus {
	 border: 0 !important;
	 outline: #003fbb solid 3px !important;
}



/* Google maps, street view, and panoramas */
 .map:hover, .map:focus, .panorama:hover, .panorama:focus{
	 outline: 5px solid blue;
}

/* owl carousel styles */
 .owl-controls {
	 height: 60px;
	 position: relative;
	 padding: .8rem .5rem 
}
 .owl-auto, .owl-controls .owl-nav, .owl-dots {
	 position: absolute 
}
 .owl-controls .owl-nav button, .owl-controls .owl-nav button span {
	 border: 0;
	 background-color: transparent;
	 cursor: pointer 
}
 .owl-controls .owl-nav button span {
	 display: block;
	 width: 32px;
	 height: 32px;
	 margin: 0;
	 padding: 0;
	 text-indent: -9999px;
	 top: 95%;
	 background: url(//www.utrgv.edu/_files/images/accessibility/controls-w-pause.png) no-repeat 0 -32px 
}
 .owl-controls .owl-nav button.owl-prev span:hover, .owl-controls .owl-nav button.owl-prev:focus span {
	 background-position: 0 0 
}
 .owl-controls .owl-nav button.owl-next span {
	 background-position: -43px -32px 
}
 .owl-controls .owl-nav button.owl-next span:hover, .owl-controls .owl-nav button.owl-next:focus span {
	 background-position: -43px 0 
}
 .owl-dots {
	 visibility: hidden 
}
 .owl-item .item a:focus {
	 border: 5px solid #003fbb;
	/*  display: block  */
}
 @media screen and (min-width:960px) {
	 .owl-dots {
		 visibility: visible;
		 left: 50% 
	}
	 .owl-dots .owl-dot {
		 border: 2px solid #fff;
		 border-radius: 5px;
		 cursor: pointer;
		 height: 13px;
		 width: 13px;
		 padding: 0;
		 margin: 0 3px;
		 background: #575757; 
		 
		 
	width: 14px !important;
    height: 14px !important;
    margin: 0px 7px !important;
		 
	}
	 .owl-dots .owl-dot:focus {
		 border: 2px solid #0226ff;
		 margin: 0 3px 
	}
	 .owl-dots .owl-dot:hover {
		 background: #fff;
		 border: 2px solid #000;
		 margin: 0 3px 
	}
	 .owl-dots .owl-dot.active {
		 background: #cf4311;
		 border: 2px solid #cf4311;
		 margin: 0 3px 
	}
	 .owl-auto {
		 right: 1% 
	}
}
/* Owl carousel play and stop buttons */
 .owl-auto {
	 position: absolute;
	 right: .5rem;
}
 .owl-auto .button {
	 display: block;
	 text-indent: -9999px;
	 height: 32px;
	 width: 32px;
	 background: url(https://www.utrgv.edu/_files/images/accessibility/stop-button-inverse.png) transparent no-repeat 0 0;
}
 .owl-auto .play {
	 background: url(https://www.utrgv.edu/_files/images/accessibility/play-button-inverse.png);
}
 .owl-auto .play:focus, .owl-auto .play:hover {
     border: 0 !important;
	 background: url(https://www.utrgv.edu/_files/images/accessibility/play-button.png);
}
 .owl-auto .stop {
	 background: url(https://www.utrgv.edu/_files/images/accessibility/stop-button-inverse.png);
	 color: #000000 !important;
}
 .owl-auto .stop:focus, .owl-auto .stop:hover {
     border: 0 !important;
	 background: url(https://www.utrgv.edu/_files/images/accessibility/stop-button.png);
}
/* Owl carousel stop button second list of color to try and fix new issue on stage pages.  */
a.button.secondary.stop {
    color: #000000 !important;
}

/* Owl slider  dots default color */
 .owl-theme .owl-dots .owl-dot span {
	 background: #6b6a6a !important;
	/* defined in modern-business.css */
}
/* owl dots hover and span */
 .owl-theme .owl-dots .owl-dot span:hover, .owl-theme .owl-dots .owl-dot span:focus {
	 background: #ffffff !important;
	 border: 2px solid #000000 !important;
}

/* owl active dot */
 .utrgv-default .owl-dot.active span {
	 background: #cd451f !important;
	 border: 6px solid #cf4311 !important;
}

/* Owl slider hover and focus states */
 .owl-item:hover, .owl-item:focus {
	 outline: 2px solid #8a8a8a;
}
/* Owl slider next and prev arrows hover and focus states */
 .owl-prev span:hover, .owl-prev span:focus, .owl-prev next:hover, .owl-prev next:focus {
	 background: #cd451f;
}
 .owl-prev span:hover, .owl-prev span:focus {
	 background: #cd451f;
	} 
	 
/* Owl slider next and prev arrows hover and focus states - hover is on span */
.owl-prev span:hover,
.owl-prev span:focus,
.owl-prev next:hover,
.owl-prev next:focus
{
    background: #000000;
}	 
	 
/* Owl slider next and prev arrows hover and focus states - focus is on button */
.owl-prev:hover span,
.owl-prev:focus span,
.owl-next:hover span,
.owl-next:focus span {
    
    background: #000000;
} 

/* focus state retry of span on button focus*/
 .utrgv-default button.owl-prev:focus span, .utrgv-default button.owl-next:focus span, .utrgv-default button.owl-dot:focus span {
	/* outline: 2px solid blue;  */
	 background: #000000 !important;
	 border: 2px solid #ffffff !important;
	 color: #ffffff;
}


/* Owl Slide show next and prev arrow links - non-Safari browsers */
 .utrgv-default .owl-prev span, .utrgv-default .owl-next span {
	 padding-top: 13px;
}


/* Top menu */
 .nav-item a:hover, .nav-item a:focus, .accordion-nav-item.card a:focus {
	 text-decoration: none;
}
/* Left Menu */
 .accordion-nav-item.card a:hover, .accordion-nav-item.card a:focus {
	 text-decoration: none;
}

/* Left Menu Down button */
/*
a.arrows.accordion-btn.icon-right:hover,
a.arrows.accordion-btn.icon-right:focus {
    top: -5px;
}
*/

/* Left Menu Down button collapsed */
/*
a.arrows.accordion-btn.icon-right.collapsed:hover,
a.arrows.accordion-btn.icon-right.collapsed:focus
{
    top: -5px;
}
*/

/* Left Menu Down button arrow hover and focus */
    .level2:hover,
    .level2:focus,
    .level6:hover,
    .level6:focus,
    .level10:hover,
    .level10:focus,
    .level13:hover,
    .level13:focus
{
   top: -0.2em !important;
    background-color: #f3f3f3;
}



/* Bootstrap mobile hamburger menu icon */
 .navbar-toggler-icon:focus {
	 outline: #5690ed auto 1px;
}
 .navbar-toggler-icon:hover {
	 outline: #5690ed auto 1px;
}
 #pre-header-section .navbar-toggler:focus {
	 outline: #5690ed auto 1px;
}
 #pre-header-section .navbar-toggler:hover {
	 outline: #5690ed auto 1px;
}
/* Bootstrap global footer focus and hover styles */
 #globel-nav-footer li a {
	 text-decoration: inherit;
}
 #globel-nav-footer li a:hover {
	 text-decoration: underline;
}
 #globel-nav-footer li a:focus {
	 text-decoration: underline;
}

/* Breadcrumb */
 .breadcrumb-item a:hover, .breadcrumb-item a:focus .accordion-nav-item.card a:focus {
	 text-decoration: none;
}
/* Quick Links */
 .list-group-item a:hover, .list-group-item a:focus .accordion-nav-item.card a:hover, .accordion-nav-item.card a:focus{
	 text-decoration: none;
}
/* Pre Footer */
 .font-weight-light a:hover, .font-weight-light a:focus {
	 text-decoration: none;
}
/* Page Cards */
 .card-body a:hover, .card-body a:focus {
	 text-decoration: none;
}
/* Accordion */
 .accordion-item a {
	 text-decoration: underline;
}
 .accordion-item a:hover, .accordion-item a:focus{
	 text-decoration: none;
}
/* Owl Slide show next and prev arrow links - Safari 10.1+ */
 @media not all and (min-resolution:.001dpcm) {
	 @media {
		 .safari_only {
			 color:#0000FF;
			 background-color:#CCCCCC;
		}
		/* owl next and prev arrow links */
		 .utrgv-default .owl-prev span, .utrgv-default .owl-next span {
			 padding-top: 16px;
		}
	}
}
/* Search Button - make visible and enable a focus and hover style */
 label[for="search"] {
	 position: static;
	 color: #E3E3E3;
}

/* Mobile View */
@media only screen and (max-width: 992px) {
    #navbarResponsive * {
        font-size: inherit;
    }

    #navbarDropdownSearch+.dropdown-menu {
        border-radius: 0;
        background: #e3e3e3;
    }

    #navbarDropdownSearch+.dropdown-menu .search:before {
        left: -100px;
        height: 100%;
        width: 100px;
    }

    #navbarDropdownSearch+.dropdown-menu .search:after {
        top: 0;
        right: -99px;
        height: 100%;
        width: 100px;
        background: #ddd;
    }

    #navbarDropdownSearch+.dropdown-menu .search:before,
    #navbarDropdownSearch+.dropdown-menu .search:after {
        content: " ";
        display: block;
        position: absolute;
        background: #e3e3e3;
    }

    #navbarDropdownSearch+.dropdown-menu .search {
        position: relative;
        padding-bottom: 1.5em;
    }

    #navbarDropdownSearch+.dropdown-menu label[for="search"] {
        color: #E3E3E3;
        padding-top: .5em;
        position: static;
    }

    #navbarDropdownSearch+.dropdown-menu .search input[type=search] {
        border: 1px solid #515256;
    }

    #navbarDropdownSearch+.dropdown-menu .search input[type=submit] {
        border-radius: 0;
        color: #FFF;
        text-indent: revert;
        top: 2.5em;
        right: 0;
        height: auto;
        width: auto;
        padding: .45em;
        background: #515256;
    }
}
 /* Mobile View - very small and magnified */
 @media only screen and (max-width: 380px) {
	 .utrgv-icons-footer {
		 padding-top: 54px;
	}
	 .utrgv-logo-footer {
		 min-width: 150px;
	}
}


.hide_legend {
    display: none;
}

@media only screen and (min-width: 992px) {
    .show #navbarDropdownSearch+.dropdown-menu {
        border-radius: 0;
        display: block;
        padding: .8em 0 !important;
        width: 441px;
    }

    .show #navbarDropdownSearch+.dropdown-menu:before {
        left: -999999em;
        width: 999999em;
        border: 0;
    }

    .show #navbarDropdownSearch+.dropdown-menu:after {
        content: " ";
        position: absolute;
        top: 0px;
        right: -999999em;
        bottom: 0;
        border: 0;
        width: 999999em;
    }

    .show #navbarDropdownSearch+.dropdown-menu,
    .show #navbarDropdownSearch+.dropdown-menu:before,
    .show #navbarDropdownSearch+.dropdown-menu:after {
        background: #e3e3e3;
    }

    .show #navbarDropdownSearch+.dropdown-menu .search input[type=search] {
        display: inline-block;
        margin-left: 1em;
        border: 1px solid #515256;
        width: 83.8%;
    }

    .show #navbarDropdownSearch+.dropdown-menu .search input[type="submit"] {
        border-radius: 0;
        color: #fff;
        text-indent: 0;
        height: auto;
        width: auto;
        padding: .45em;
        top: .8em;
        background: #515256;
    }
}