/* Extra small devices (default styles, portrait phones, less than 576px) */

	/* OIT Homepage hero section */
	.homepage.jumbotron { text-align:center; color:#fff; background:#000 url(/oit/files/homepage-hero.jpg) left top no-repeat; background-size: cover; padding:0; }
	.homepage.jumbotron .wrapper { background: url(/oit/files/transluscent-bg-dark.png) repeat; padding:30px 0; }
	.homepage.jumbotron h1 { font-family:din-2014, sans-serif; font-size: 2rem }
	.homepage.jumbotron p { font-family:minion-pro, serif; font-size: 1.1rem }
	.homepage.jumbotron a { color: white; border-bottom:1px solid #e98300; }
	.homepage.jumbotron a:hover { text-decoration: none; border-bottom:1px solid #fff; color:#ddd; }
	.homepage.jumbotron.jumbotron-fluid:hover .jumbotron-hover-state { display:none; } 

	/* OIT Help Desk hero section */
	.help-desk.jumbotron { color:#fff; background:#000 url(/oit/files/students-02.jpg) center top no-repeat; background-size: cover; }
	.help-desk.jumbotron h1 { font-family:din-2014, sans-serif; font-size: 2rem }
	.help-desk.jumbotron p { font-family:minion-pro, serif; font-size: 1.1rem }
	.help-desk.jumbotron a, .help-desk.jumbotron a:visited { color: white; border-bottom:1px solid #e98300; }
	.help-desk.jumbotron a:hover { text-decoration: none; border-bottom:1px solid #C9DD03; color:#ddd; }
	.help-desk-short {padding:30px !important; }
	.help-desk-short p {display:none !important; }
	.help-desk-short h1 { font-size:2rem !important; }
	.result-response span { font-family:minion-pro, serif; }
	.result-response a span, .result-response a:visited span { color:#c95100}

	/* OIT Help Desk Hours */
	table.hours { margin-bottom:20px; width:100%; }
	table.hours td, table.hours th { border-top:1px solid #ddd; padding:10px; }
	.nextOpen { font-style: italic; color:#154734}

	/* OIT Homepage's UTD Strategic Plan banner */
	.strategic-plan { text-align:left; color:#fff; background:#000 url(/oit/files/campus-mister.jpg) center center no-repeat fixed; background-size: cover; padding:80px 18px; }
	.strategic-plan h2 { font-family:din-2014, sans-serif;}
	.strategic-plan p { font-family:minion-pro, serif; font-size:1.2rem; }

	/* OIT status updates */
	.status-update-Off{display:none;}
	.status-update table { margin:0; color:#fff; width:100%; }
	.status-update tr:nth-child(odd) { background:#555; background: linear-gradient(to bottom, #555 1%,#333 100%); }
	.status-update tr:nth-child(even) { background:#222; background: linear-gradient(to bottom, #222 1%,#111 100%); }
	.status-update td {vertical-align: text-top; }
	.status-update td:first-child { width:66px; }
	.status-update img { width:30px; height:30px; margin:15px 10px 15px 18px; }
	.status-update p { margin:0 30px 20px 0; }
	.status-update a, .status-update a:visited { color:#fff; border-bottom:1px solid #e98300; }
	.status-update a:hover { border-bottom:1px solid #fff; color:#ddd; }

	/* OIT critical status updates */
	.critical.status-update {background: #8a0000; background:linear-gradient(to bottom, #8a0000 1%, #600000 100%); }
	.critical.status-update h2, .critical.status-update h3, .critical.status-update h4 {margin:20px 30px 0 0; }
	.critical.status-update table { margin:0; color:#fff; width:100%; }
	.critical.status-update { margin:0;}
	.critical.status-update tr:nth-child(odd){ background:none; }

	/* Nav pills style */
	.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: #e87500; }

	/* Notes Box */
	.box-note { margin:0 0 16px 0; /*padding:18px;*/ }
	.box-note table { margin:0; color:#fff; width:100%; }
	.box-note tr:nth-child(odd) { background: #888; background: linear-gradient(to bottom, #888 1%, #555 100%); }
	.box-note tr:nth-child(even) { background:#222; background: linear-gradient(to bottom, #333 1%, #666 100%); }
	.box-note td {vertical-align: middle; }
	.box-note td:first-child { width:66px; }
	.box-note img { width:30px; height:30px; margin:15px 10px 15px 18px; }
	.box-note p { margin:0 30px 20px 0; }
	.box-note a, .box-note a:visited { color:#fff; border-bottom:1px solid #e98300; }
	.box-note a:hover { border-bottom:1px solid #fff; color:#ddd; }
	.box-note h1, .box-note h2, .box-note h3, .box-note h4, .box-note h5 { margin-top: 20px; margin-bottom: 0; font-weight: bold; text-transform: uppercase; }

	/* Developer Notes Box */
	.box-note-dev { margin:0 0 16px 0; /*padding:18px;*/ }
	.box-note-dev table { margin:0; /*color:#fff;*/ width:100%; }
	/*.box-note-dev tr:nth-child(odd) { background: #5EE0B7; background: linear-gradient(to bottom, #5EE0B7 1%, #54C7A2 100%); }
	.box-note-dev tr:nth-child(even) { background:#54C7A2; background: linear-gradient(to bottom, #54C7A2 1%, #43A183 100%); }*/
	.box-note-dev td {vertical-align: middle; }
	.box-note-dev td:first-child { width:66px; }
	.box-note-dev img { width:30px; height:30px; margin:15px 10px 15px 18px; }
	.box-note-dev p { margin:0 30px 20px 0; }
	.box-note-dev a, .box-note-dev a:visited { color:#fff; border-bottom:1px solid #e98300; }
	.box-note-dev a:hover { border-bottom:1px solid #fff; color:#ddd; }
	.box-note-dev h1, .box-note-dev h2, .box-note-dev h3, .box-note-dev h4, .box-note-dev h5 { margin-top: 20px; margin-bottom: 0; font-weight: bold; text-transform: uppercase; }

	/* OIT News & Events */
	.lcp_catlist li { list-style: none; margin:0 0 20px -40px; border-bottom:1px solid #ddd; padding-bottom:20px; }
	.lcp_catlist a { display:block; font-size:1.45rem; font-family:din-2014, sans-serif;  }
	.lcp_catlist a, .lcp_catlist a:visited, .lcp_catlist a:hover { border-bottom:none; }
	.lcp_catlist img { display:block; width:100%; height:auto; margin:5px 10px 5px 0; }
	.lcp_catlist a:last-child {font-size:1rem; text-transform: uppercase;  margin-top:10px; text-align:right; }
	.lcp_catlist a:last-child:after { content: " »"; } 
	.subpage-title { background-size: cover !important; }

	/* Comet Calendar (Localist) widget */
	.localist_widget_container li.lw_event_item { margin-bottom:30px !important; border-left:none !important; border-right:none !important; border-bottom:none !important; background:none !important; }
	.lw_event_item_title, .lw_event_item_description, .lw_event_meta { font-family:din-2014, sans-serif;}
	.lw_event_meta { width:100% !important; }
	.localist_widget_container .action_button a { background:#154734 !important; border-radius: .25rem; font-weight:normal !important; }
	.localist_widget_container .action_button a:hover { border-bottom:1px solid #e87500; background:#e87500 !important; color:#fff; }
	.localist_widget_container li a:hover {text-decoration: none !important; }
	div.lw_event_item_title { line-height:24px !important; }
	.lw_view_all_cta a { border-bottom:none; font-size:1.1rem !important; }


	/* OIT "Thoughts from the ROC" blockquote */
	.quote-of-the-week { margin:0 0 16px 0; padding:18px; background: #fff; }
	.quote-of-the-week p { font-size:1.3rem; margin:0 0 5px 0; line-height: 1.9rem; }
	.quote-of-the-week small { display:block; border-top:1px solid #ddd; font-style: italic; font-size:1.2rem; color:#666; margin:20px 0 0 0; padding-top:10px; }

	/* OIT Help Icons */
	.help-icons-large { margin:15px 0 30px 0; }
	.help-icons-large img { max-width:50px; display:block; margin:0 auto 5px auto; }
	.help-icons-small { margin:10px 0;}
	.help-icons-small img { width:36px; height:36px; margin: 12px 12px 12px 0; }
	.help-icons-small p { margin:5px 0 0 0; }

	/* Service Catalog */
	.service-buttons { margin-top:15px; margin-bottom:5px; }
	.service-buttons .btn { margin-bottom:10px; }

	/* eForms */
	.accepted { background:linear-gradient(to right,#5fe0b7,#fff); font-family: din-2014, sans-serif; border-radius:.25rem; padding:6px 10px; font-weight: bold; }

	/* Sticky Column */
	.col-sticky {position: -webkit-sticky; position: sticky; width: 100%; min-width: 110px; max-width: 230px; left:0;} 
	.col-sticky-fill-white {background-color: #ffffff; } 
	.table-hover tbody tr:hover > .col-sticky-fill-white {background-color: #ececec;}

	/* Table Row - Grayed Out */
	tr.completed {background-color:#eee; color:#bbb;} 


	/* Search Results Styles */
	.gs-result .gs-title, .gs-result .gs-title * { text-decoration: none !important; }


	/* Responsive iFrames for videos */
	.iframe-container { position: relative; width: 100%; overflow: hidden; padding-top: 56.25%; margin-bottom: 1.25rem; }
	.iframe-responsive { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; }

	/* Badges */
	.badge { font-family: din-2014, sans-serif !important; }



	@media (min-width: 576px) { /* Small devices (landscape phones, 576px and up) */
	.strategic-plan {  padding:100px 0; text-align: center; }
	.status-update { margin:0 0 30px 0; }
	.status-update td:first-child { width:66px; }
	.status-update img {  margin:15px 10px 15px 30px; }
	.quote-of-the-week { margin: 0 0 30px 0; padding:25px 30px; }
	.box-note { margin:0 0 30px 0; /*padding:25px 30px;*/ }
	.hide-on-sm {display: none;}
	}



	@media (min-width: 768px) { /* Medium devices (tablets, 768px and up) */
	.homepage.jumbotron p { font-size: 1.2rem }
	.help-desk.jumbotron { padding:7rem; }
	.help-desk.jumbotron h1 { font-size: 3.5rem }
	.help-icons-large img { max-width:60px; }

	.subpage-title { background-size: cover !important;}

	.lcp_catlist img { float:left; width:224px; height:auto; margin:8px 16px 8px 0; }
	.hide-on-md {display: none;}
	}



	@media (min-width: 992px) { /* Large devices (desktops, 992px and up) */
	.homepage.jumbotron { text-align: left; padding-top:350px; }
	.homepage.jumbotron .wrapper {padding:20px 0; }
	.homepage.jumbotron h1 { font-size: 2.2rem }
	.homepage.jumbotron.jumbotron-fluid { position: relative; overflow:hidden; }
	.jumbotron-hover-state { position: absolute; top:0; display:none; min-width:1780px; width:100%; }
	.homepage.jumbotron.jumbotron-fluid:hover .jumbotron-hover-state { display:block; }
	.help-desk.jumbotron { padding:9rem; }
	.help-desk.jumbotron h1 { font-size: 4rem }
	.service-buttons { margin-top:10px; margin-bottom:30px; }
	.service-buttons .btn { margin-bottom:0; }
	.hide-on-lg {display: none;}
	}



	@media (min-width: 1200px) { /* Extra large devices (large desktops, 1200px and up) */
	.homepage.jumbotron { padding-top:390px;}
	.homepage.jumbotron h1 { font-size: 2.7rem }
	.jumbotron-hover-state { min-width:1860px; }
	.hide-on-xl {display: none;}
	}



	@media (min-width: 2000px) { 
	.jumbotron-hover-state { min-width:100%; margin-top:-50px; }
	}