@import url("components/accordion.min.css");
@import url("components/tooltip.min.css");
@import url("components/search.min.css");

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
html, body		{ color:#787878; font-family:"proxima-nova", "Proxima Nova"; }

* { -webkit-font-smoothing:auto !important; }

.aligncenter 	{ text-align:center; }
.alignleft		{ text-align:left; }
.alignright		{ text-align:center; }
	img.aligncenter { float:none; display:block; margin:0 auto 15px; }
	img.alignleft	{ float:left; margin-right:15px; }
	img.alignright	{ float:right; margin-left:15px; }

.upper			{ text-transform:uppercase; }

.w900 			{ font-weight:900; }
.w700			{ font-weight:700; }
.w400			{ font-weight:400; }
.w300			{ font-weight:300; }
.w100			{ font-weight:100; }

.pad10			{ padding:0 10px; }
.pad20			{ padding:0 20px; }
.pad30			{ padding:0 30px; }
.pad40			{ padding:0 40px; }
.pad50			{ padding:0 50px; }

.font12			{ font-size:14px; line-height:18px; }
.font14			{ font-size:16px; line-height:20px; }
.font16			{ font-size:18px; line-height:22px; }
.font18			{ font-size:20px; line-height:24px; }
.font20			{ font-size:20px; line-height:26px; }
.font24			{ font-size:24px; line-height:30px; }
.font28			{ font-size:28px; line-height:32px; }
.font32			{ font-size:32px; line-height:36px; }
.font40			{ font-size:40px; line-height:42px; }
.font50			{ font-size:50px; line-height:54px; }

h1, h2, h3, h4, h5, h6 { font-family:"proxima-nova", "Proxima Nova"; color:#000; }
h1				{ font-size:42px; font-weight:100; color:#000; position:relative; text-align:center; padding:0 0 10px; }
	h1:after	{ position:absolute; content:""; background:#f36f22; height:2px; width:150px; bottom:0; left:0; right:0; margin:0 auto; }


.uk-overlay-gradient {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); }


.uk-block-primary	{ background:#005496; color:#fff; }
.uk-block-secondary	{ background:#f6f6f6; color:#fff; }

.uk-button			{ box-shadow:0 0 10px rgba(0,0,0,0.2); border-radius:5px; border:1px solid #ccc; letter-spacing:2px; text-transform:uppercase; padding-left:25px; padding-right:25px; }
.uk-button-primary	{ background:#0a69b4; border-color:rgba(255,255,255,0.3); }
	.uk-button-primary:hover { background:#127ccf; }

/*.uk-button-secondary { background:none; border-radius:10px; border-color:#f36f22; box-shadow:none; padding:5px 30px; color:#f36f22; }
	.uk-button-secondary:hover { background:#f36f22; color:#fff; }*/
.uk-button-secondary { background:#f36f22; border-radius:10px; border-color:#f36f22; box-shadow:none; padding:5px 30px; color:#fff; }
	.uk-button-secondary:hover { background:none; color:#f36f22; }

.uk-button-alt { background:#f36f22; color:#fff; border-radius:10px; border-color:#f36f22; box-shadow:none; padding:5px 30px; }
	.uk-button-alt:hover { background:#dc631c; color:#fff; }

.uk-panel-box		{ border-radius:10px; border:1px solid #eee; background:none; color:#787878; }
.uk-panel-box-primary { background:#f7f7f7; border:1px solid #e8e8e8; color:#000; }
.uk-panel-box a:hover img { background:rgb(243,111,34) !important; opacity: .8; }



/* #Page Styles
================================================== */

.header.block { }
	.header .logo { width:100%; height:auto; }
	.header .uk-navbar-toggle { font-size:28px; }

	.header .uk-search { margin-top:-5px; margin-bottom:-5px; }

.welcome.block { background-image:url("https://onlinemasters.jou.ufl.edu/wp-content/uploads/2016/07/websitecoverNov2.jpg"); height:450px; }
	.welcome .title { background:rgba(255,255,255,0.7); border-top:1px solid #fff; border-bottom:1px solid #fff; width:100%; padding:15px 0; font-size:50px; font-weight:100; line-height:50px; text-transform:uppercase; color:#000; letter-spacing:4px; }
	.welcome .text { background:#f36f22; padding:10px 50px; color:#fff; font-size:16px; font-weight:400; text-transform:uppercase; letter-spacing:2px; display:inline-block; }

	.welcome .title { background:rgba(255,255,255,0.7); border-top:1px solid #fff; border-bottom:1px solid #fff; width:100%; padding:15px 0; font-size:50px; font-weight:100; line-height:50px; text-transform:uppercase; color:#000; letter-spacing:4px; }
	.welcome .text { background:#f36f22; padding:10px 50px; color:#fff; font-size:16px; font-weight:400; text-transform:uppercase; letter-spacing:2px; display:inline-block; }


.quick-select.block { text-align:center; background:#f3f3f3; padding:25px 0; border-top:1px solid #fff; border-bottom:1px solid #fff;
	-webkit-box-shadow: inset 0px -3px 15px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px -3px 15px 0px rgba(0,0,0,0.3);
	box-shadow: inset 0px -3px 15px 0px rgba(0,0,0,0.3); }
	.quick-select ul { margin:0; padding:0; list-style:none; }
	.quick-select ul li { display:inline-block; margin:0 15px; position:relative; }
	.quick-select ul li img { width:65px; height:auto; position:relative; z-index:1; }
	.quick-select ul li:hover:after { background:#e1dddd; border:1px solid #fff; position:absolute; top:-10%; left:5%; width:100%; height:115%; border-radius:10px; z-index:0; content:''; }

.offer.block { background-image:url("../images/bg-what.jpg"); padding:50px 0; }
	.offer ul { list-style:none; }
		.offer ul li { position:relative; margin:0 0 10px; padding:0 0 0 20px; line-height:18px; }
		.offer ul li a { color:#005496; font-size:16px; font-weight:600; text-decoration:none; }
		.offer ul li span { display:block; color:#878787; font-size:14px; font-weight:400; padding-left:15px; }
		.offer ul li:after { position:absolute; content:""; width:8px; height:8px; top:5px; left:0; background:#f36f22; }

.testimonial.block {
	/* background-image:url("https://onlinemasters.jou.ufl.edu/wp-content/uploads/2017/01/kim-devitt-test-01.png"); */
	background-image:url("https://onlinemasters.jou.ufl.edu/wp-content/uploads/2021/06/kim-devitt-test-02.png");
	padding:150px 0; }
	.testimonial blockquote { border:1px solid #000; border-radius:15px; padding:20px; font-size:20px; font-weight:300; color:#787878; line-height:26px; position:relative; text-align:center; }
	.testimonial blockquote cite { display:inline-block; position:absolute; bottom:-15px; background:#fff; padding:5px; color:#f36f22; font-size:15px; font-style:normal; font-weight:400; text-transform:uppercase; letter-spacing:4px; }

.cta.block { padding:15px 0; }

.content.block { padding:75px 0; }

.footer.block { background:#005496; padding:50px 0; color:#fff; }
	.footer a { color:#fff; }

#offcanvas .uk-nav-sub { margin-left:15px; }
#offcanvas .uk-parent > a { color:#fff; font-size:14px; letter-spacing:1px; text-transform:uppercase; }
#offcanvas .start-now { background-color:#f36f23; }
	#offcanvas .start-now > a { font-weight:400; font-size:12px; text-transform:uppercase; letter-spacing:4px; display:block; text-align:center; color:#fff; }
	#offcanvas .start-now > a:hover { background-color:#d55f1c; }

/* #Program Styles
================================================== */
.header .uk-subnav { position:relative; bottom:-10px; }
	.header .uk-subnav>* { margin-top:0; }
.header .program-title { background:#666; color:#fff; font-size:42px; line-height:50px; font-weight:100; padding:15px 30px; border-radius:10px; position:relative; z-index:2; bottom:-15px; box-shadow:0 0 5px rgba(0,0,0,0.3); }
.header .program-title img { max-height:50px; vertical-align:top; margin-right:10px; }

.nav.block { background:#343434; border-bottom:4px solid #909090; }
	.nav .uk-navbar { background:none; }
	.nav ul.uk-navbar-nav > li > a { color:#fff; font:100 22px "proxima-nova", "Proxima Nova"; line-height:40px; padding-top:15px; height:auto; padding-left:25px; padding-right:25px; }

	.nav ul.uk-navbar-nav > li.uk-open > a, .nav .uk-navbar-nav > li:hover > a, .nav .uk-navbar-nav > li > a:focus { color:#343434; }

	.nav ul.uk-navbar-nav > li.start-now { background-color:#fa4616; }
	.nav ul.uk-navbar-nav > li.start-now > a { font-weight:400; font-size:17px; text-transform:uppercase; letter-spacing:4px; display:inline-block; }
	.nav ul.uk-navbar-nav > li.start-now > a:hover { background-color:#d55f1c; color:#fff; }

	.nav .uk-dropdown { top:55px !important; }
	.nav ul.uk-navbar-nav ul .uk-dropdown { position:absolute; padding:0; top:0px !important; left:200px !important; border:0; background:#fff; z-index:1002; width:0 !important; overflow:hidden !important; opacity:0; -webkit-transform: translate3d(0,0,1px) !important; -webkit-transition:500ms; -moz-transition:500ms; -o-transition:500ms; transition:500ms;  }
	.nav ul.uk-navbar-nav ul li { position:relative; }
	.nav ul.uk-navbar-nav ul ul { margin:0; padding:5px 0; }
	.nav ul.uk-navbar-nav ul ul li a { font-size:13px; color:#fff; padding:2px 10px; -webkit-transition:500ms; -moz-transition:500ms; -o-transition:500ms; transition:500ms; opacity:0; }
	.nav ul.uk-navbar-nav ul ul li a:hover { background:#f5f5f5; color:#333; }
	.nav ul.uk-navbar-nav li:hover ul li:hover .uk-dropdown { display:block; opacity:1; width:175px !important; -webkit-transform: translate3d(0,0,1px) !important; overflow:visible !important; }
	.nav ul.uk-navbar-nav li:hover ul li:hover ul li a { opacity:1; }
	.nav ul.uk-navbar-nav ul > li:hover > a { color:#fff; }

	.nav .uk-navbar-content { padding-top:25px; width:100%; max-width:100px; }

	.nav .uk-navbar-toggle, .nav .uk-navbar-toggle:focus, .nav .uk-navbar-toggle:hover { color:#fff; }

	/*.sales .nav ul.uk-navbar-nav > li > a, .value .nav ul.uk-navbar-nav > li > a { padding-left:40px; padding-right:40px; }*/

.slideshow.block { overflow:hidden; }

.page-title.block { overflow:hidden; }
	.page-title .title { width:100%; max-width:1200px; position:absolute; z-index:2; margin:0 auto; left:0; right:0; bottom:0; color:#fff; padding:0 10px; }
		.page-title .title h1 { font-size:82px; font-weight:100; color:#fff; text-align:left; line-height:60px; }
		.page-title .title h1:after { display:none; }
		.page-title .title .uk-breadcrumb>li>a { color:#b9b9b9; }
	.page-title .title:before { position:absolute; content:''; top:0; left:0; width:100%; height:100%; z-index:0; display:none; }
	.page-title .tint { position:relative; }
	.page-title .tint:before { content:''; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.5); }

	.promo { position:absolute; bottom:-80px; right:0; z-index:3; }
		.promo .bg { background-color:#666; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); width:200px; height:200px; }
		.promo .bg:after { background-color:#666; width:200px; height:200px; opacity:.7; position:absolute; z-index:-1; top:-100px; right:-50px; content:''; }

		.promo .text { font-size:20px; font-weight:100; line-height:24px; color:#fff; width:200px; position:absolute; top:25px; left:0; z-index:2; text-align:center; text-transform:uppercase; }
		.promo .text em { color:#ecff81; font-size:18px; font-weight:700; font-style:normal; display:block; line-height:18px; margin-bottom:5px; }
		.promo .text small { display:block; font-size:70%; line-height:100%; }


.global { }
	.global .uk-block-primary, .global .header .program-title, .global .promo .bg, .global .promo .bg:after, .global .uk-nav-navbar>li>a:focus, .global .uk-nav-navbar>li>a:hover, .global .uk-nav-navbar>li:hover, .global .nav ul.uk-navbar-nav ul ul, .global h1:after, .global .page-title .title:before { background-color:#4f8031; }
	.global .uk-button-primary { background-color:#68a046; }

.relations { }
	.relations .uk-block-primary, .relations .header .program-title, .relations .promo .bg, .relations .promo .bg:after, .relations .uk-nav-navbar>li>a:focus, .relations .uk-nav-navbar>li>a:hover, .relations .uk-nav-navbar>li:hover, .relations .nav ul.uk-navbar-nav ul ul, .relations h1:after, .relations .page-title .title:before { background-color:#5688b7; }
	.relations .header .program-title { font-size:32px; }
	.relations .uk-button-primary { background-color:#6797c5; }

.analytics { }
	.analytics .uk-block-primary, .analytics .header .program-title, .analytics .promo .bg, .analytics .promo .bg:after, .analytics .uk-nav-navbar>li>a:focus, .analytics .uk-nav-navbar>li>a:hover, .analytics .uk-nav-navbar>li:hover, .analytics .nav ul.uk-navbar-nav ul ul, .analytics h1:after, .analytics .page-title .title:before { background-color:#ffa115; }
	.analytics .uk-button-primary { background-color:#ffb74d; }

.social	{ }
	.social .uk-block-primary, .social .header .program-title, .social .promo .bg, .social .promo .bg:after, .social .uk-nav-navbar>li>a:focus, .social .uk-nav-navbar>li>a:hover, .social .uk-nav-navbar>li:hover, .social .nav ul.uk-navbar-nav ul ul, .social h1:after, .social .page-title .title:before { background-color:#462461; }
	.social .uk-button-primary { background-color:#5f387d; }

.design	{ }
	.design .uk-block-primary, .design .header .program-title, .design .promo .bg, .design .promo .bg:after, .design .uk-nav-navbar>li>a:focus, .design .uk-nav-navbar>li>a:hover, .design .uk-nav-navbar>li:hover, .design .nav ul.uk-navbar-nav ul ul, .design h1:after, .design .page-title .title:before { background-color:#f94615; }
	.design .uk-button-primary { background-color:#ff6439; }


.strategy { }
	.strategy .uk-block-primary, .strategy .header .program-title, .strategy .promo .bg, .strategy .promo .bg:after, .strategy .uk-nav-navbar>li>a:focus, .strategy .uk-nav-navbar>li>a:hover, .strategy .uk-nav-navbar>li:hover, .strategy .nav ul.uk-navbar-nav ul ul, .strategy h1:after, .strategy .page-title .title:before { background-color:#6A53AF; }
	.strategy .uk-button-primary { background-color:#929292; }

.interest { }
	.interest .uk-block-primary, .interest .header .program-title, .interest .promo .bg, .interest .promo .bg:after, .interest .uk-nav-navbar>li>a:focus, .interest .uk-nav-navbar>li>a:hover, .interest .uk-nav-navbar>li:hover, .interest .nav ul.uk-navbar-nav ul ul, .interest h1:after, .interest .page-title .title:before { background-color:#089B9E; }
	.interest .uk-button-primary { background-color:#089B9E; }

.political { }
	.political .uk-block-primary, .political .header .program-title, .political .promo .bg, .political .promo .bg:after, .political .uk-nav-navbar>li>a:focus, .political .uk-nav-navbar>li>a:hover, .political .uk-nav-navbar>li:hover, .political .nav ul.uk-navbar-nav ul ul, .political h1:after, .political .page-title .title:before { background-color:#666666; }
	.political .uk-button-primary { background-color:#929292; }

.value	{ }
	.value .uk-block-primary, .value .header .program-title, .value .promo .bg, .value .promo .bg:after, .value .uk-nav-navbar>li>a:focus, .value .uk-nav-navbar>li>a:hover, .value .uk-nav-navbar>li:hover, .value .nav ul.uk-navbar-nav ul ul, .value h1:after, .value .page-title .title:before { background-color:#e07e35; }
	.value .uk-button-primary { background-color:#ec9859; }

.sales { }
	.sales .uk-block-primary, .sales .header .program-title, .sales .promo .bg, .sales .promo .bg:after, .sales .uk-nav-navbar>li>a:focus, .sales .uk-nav-navbar>li>a:hover, .sales .uk-nav-navbar>li:hover, .sales .nav ul.uk-navbar-nav ul ul, .sales h1:after, .sales .page-title .title:before { background-color:#d30022; }
	.sales .uk-button-primary { background-color:#e73754; }

.main { }
	.main .uk-block-primary, .main .header .program-title, .main .promo .bg, .main .promo .bg:after, .main .uk-nav-navbar>li>a:focus, .main .uk-nav-navbar>li>a:hover, .main .uk-nav-navbar>li:hover, .main .nav ul.uk-navbar-nav ul ul, .main h1:after, .main .page-title .title:before { background-color:#0021a5; }

	.main .nav ul.uk-navbar-nav > li > a { /*padding-left:20px; padding-right:20px;*/ }


/* #Media Queries
================================================== */
	/* Small Desktop */
	@media (min-width: 960px) and (max-width: 1219px)  {
		.header .uk-subnav { margin-top:-20px !important; }
		.header .uk-subnav a { font-size:12px; }
		.header .program-title { padding-top:12px; padding-bottom:12px; }
		.header .program-title img { max-height:40px; vertical-align:top; margin-right:5px; }
		.relations .header .program-title { font-size:24px; }

		.nav ul.uk-navbar-nav > li > a { padding-left:32px; padding-right:32px; padding-top:12px; }
		.nav .uk-navbar-content { padding-top:22px; }
		.nav .uk-dropdown { top:50px !important; }

		.main .nav ul.uk-navbar-nav > li > a { padding-left:20px; padding-right:20px; padding-top:12px; font-size:18px; }
		.sales .nav ul.uk-navbar-nav > li > a, .value .nav ul.uk-navbar-nav > li > a { padding-left:20px; padding-right:20px; }
	}


	/* Table & Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.testimonial.block { padding:50px 0px; }
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.quick-select ul li { margin:0 10px; }

		.header .uk-subnav { margin-top:-20px !important; }
		.header .uk-subnav a { font-size:9px; }
		.header .uk-subnav>* { margin-left:5px; padding-left:5px; }
		.header .uk-subnav-line>:nth-child(n+2):before { margin-right:5px; }
		.header .program-title { padding:15px; font-size:30px; line-height:30px; }
		.header .program-title img { max-height:30px; vertical-align:top; margin-right:2px; }
				.relations .header .program-title { font-size:22px; }
		.page-title .title h1 { font-size:52px; }

		.nav ul.uk-navbar-nav > li > a { font-size:18px; padding-left:22px; padding-right:22px; line-height:24px; }
		.nav ul.uk-navbar-nav > li.start-now > a { font-size:14px; letter-spacing:2px; line-height:24px; }
		.nav .uk-navbar-content { padding-top:12px; height:20px; }
		.nav .uk-dropdown { top:38px !important; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.pad10, .pad20, .pad30, .pad40, .pad50 { padding:0 10px; }

		.welcome { height:350px; }
		.welcome .title { font-size:32px; line-height:32px; }

		.testimonial.block, .offer.block { background:none !important; }

		.quick-select ul li { margin:0 5px 10px; }

		.header .logo { width:100%; }
		.header .uk-subnav { display:none; }
		.header .program-title { margin-top:-40px; padding:15px 15px; font-size:20px; line-height:20px; text-align:center; }
		.header .program-title img { display:none; }
		.relations .header .program-title { font-size:20px; }

		.nav .uk-navbar-toggle { margin-top:15px; }
		.nav .uk-navbar-content { padding-top:15px; float:right; }

		.page-title .title { position:relative; padding:10px 0; border-bottom:4px solid #909090; z-index:1000; }
		.page-title .title:before { display:block; }
		.page-title .title h1 { font-size:36px; line-height:46px; padding:0; margin:0; text-align:center; }
		.page-title .title .uk-breadcrumb { display:none; }
		.page-title .promo { bottom:-50px; }


		.promo .text { font-size:16px; line-height:18px; width:150px; }
		.promo .bg { width:150px; height:150px; }
		.promo .bg:after { width:150px; height:150px; top: -50px; right: -25px; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
.instructors .uk-row-first h1 {
	color: #593674;
}
.instructors .uk-row-first h3 {
	text-align: center;
}
.instructors .uk-row-first h2 {
	font-weight: bold;
}