@charset "UTF-8";
/* CSS Document */

	html, body {width: auto!important; /* overflow-x: hidden!important;*/} 
			
	* { scroll-behavior: auto !important; }

	@media (min-width: 900px) and (max-width: 1200px) {	#site-heading a, #uark-t2-container a {	 line-height: 1em;	}	}
	
	#main-container { 
			transition-timing-function: ease;
			max-width:1860px;
   			margin-left:auto;
   			margin-right:auto;
			border-left: 1px solid white;
   			border-right: 1px solid white;
   			overflow:hidden !important;
			-webkit-box-shadow: -10px 0px 13px -7px #aaaaaa, 10px 0px 13px -7px #c7c7c7, 0px 0px 7px -3px rgba(199,199,199,0.84); 
            box-shadow: -10px 0px 13px -7px #aaaaaa, 10px 0px 13px -7px #c7c7c7, 0px 0px 7px -3px rgba(199,199,199,0.84);
		}

	strong { font-weight: bold !important; }
			
	.breathe { padding-top: 130px; padding-bottom: 80px; }	
			
	.breathe-light { padding-top: 20px; padding-bottom: 20px; }
			
	.split-breathe { min-height: 800px; padding-top: 200px; padding-bottom: 100px; }
			
	.program-homey h1 { font-size: 66px; color: white; font-weight: 800; }
	
	.program-homey .program-intro { font-weight: 200; margin-top: 58px; color: white; font-size: 23px !important; max-width: 480px;}
			
			@media only screen and (min-width : 992px) { .program-intro {margin-bottom: 50px; }   }
			
			@media only screen and (max-width : 768px) { #decision-tool { margin-top: 140px; } .program-homey {padding-bottom: 100px; }  }

	.secondary-intro { 
		background:                          
		url(https://walton.uark.edu/graduate-programs/images/homepage/hatch3-white.png) repeat,                         
		url('/graduate-programs/supply-chain-masters-degree/images/walker-building.jpg') bottom center / cover no-repeat;
		padding-bottom: 140px;
		padding-top: 110px;
		border-top: 12px solid #2a61a1;
	}
			
	@media only screen and (max-width : 768px) {  .secondary-intro { padding-top: 50px; padding-bottom: 0px; }  }
	@media only screen and (max-width : 990px) {  .secondary-intro { padding-bottom: 0px; }  }
	               
	.secondary-intro h2 { font-size: 48px; font-weight: 600; }
	.pointylink { white-space: nowrap; margin-top: 12px; font-size: 16px; font-weight: 800; }
	.pointylink img {  width: 24px; display: inline; margin-top: -4px; margin-right: 4px }
			
	@media only screen and (max-width : 1200px) { .onlydesktop { display: none;}	}	
	@media only screen and (max-width : 768px) {	.hidemobile { display: none;}  .program-homey h1 {font-size: 42px;	} .breathe { padding-top: 40px; padding-bottom: 0px; }	  }
			
	#dostuff .somestuff p a { color: white; font-size: 19px; margin-top: 17px; line-height: 1; display: inline-block; text-decoration: none;  }
	#dostuff .somestuff p a:hover { text-decoration: underline; }
	#dostuff .somestuff p small { font-size: 14px; font-weight: 300; }
	#dostuff .somestuff img { padding-right: 10px; margin-top: -3px; }

	.program-descriptor { color: black; font-weight: 200; font-size: 33px !important; margin-bottom: 50px; padding-right: 80px; }

	.thetopiks { padding-left: 100px; padding-top: 168px; padding-bottom: 20px; }
	@media only screen and (max-width : 1200px) { .thetopiks { padding-left: 0px; } }
	@media only screen and (max-width : 990px) { .thetopiks { padding-top: 86px; } .program-descriptor { font-size: 26px !important; padding-right: 2px; } #dostuff .somestuff img { margin-bottom: 28px; } }

	.program-topiks { overflow: visible; }
	.program-topiks img { width: 40px; }
	.program-topiks .pull-left { margin-right: -3px; margin-top: -4px; }
	.topiclinky { font-size: 34px; font-weight: 700; color: #303030; }
	.thetopiks a { text-decoration: none; color: #303030;  }
	.topiclinky:hover { color: #aa0000; }
	.media-body .topiclinkysub { color: black; font-weight: 200; margin-bottom: 46px; font-size: 17px !important; color: grey; }
			
	.skinnytopic h3, .skinnytopic h3 a, .thintopic h3, .thintopic h3 a, #schedule-flexible h3, #fourPlusone h3, #careeroutlook h3, #newsupdates h3, #financial-aid h3, #academics h3, #those-courses h3, #featured-podcast h3, #featured-videos h3, .careerdevelopment h3, .careerdevelopment2 h3, #employer-survey h3, #nwa-community h3, #healthcare h3, #news-and-social h3 { color: #444444; font-weight: bold; font-size: 38px; margin-bottom: 16px; text-decoration: none; }

	#nwa-community h3, #healthcare h3 { font-size: 42px; margin-top: 0px; margin-bottom: 16px;}			

	#schedule-flexible h4, #schedule-flexible h4 a { font-weight: bold; }
	
	.thintopic .padder  { padding-right: 7%; padding-bottom: 10%; }	

	.selective { min-height: 256px; background: url(/graduate-programs/images/homepage/that-hatch.png) repeat, url('/graduate-programs/supply-chain-masters-degree/images/centered-back-selective.jpg') top center / cover no-repeat; }
	@media only screen and (max-width : 660px) { .selective  { background: url('/graduate-programs/supply-chain-masters-degree/images/walton-college-arkansas.gif') 92% 46% / auto no-repeat; } }			

	@media only screen and (max-width : 660px) { .current-students  { background: url('/graduate-programs/supply-chain-masters-degree/images/view-class.jpg') 92% 46% / auto no-repeat; } }	
	@media only screen and (max-width : 768px) { .thintopic .padder  { padding-right: 2%; padding-bottom: 5% } }
		
	.careerdevelopment { padding: 60px 0px 60px 0px; min-height: 800px; background: url('/graduate-programs/supply-chain-masters-degree/images/career-services-help-full.jpg') top center / cover no-repeat; }
	.careerdevelopment2 { padding: 60px 0px 60px 0px; min-height: 800px; background: url('/graduate-programs/images/homepage/career-services-help-full2.jpg') top center / cover no-repeat; }

	@media only screen and (max-width : 768px) { .careerdevelopment, .careerdevelopment2 { background: #f7eedf; min-height: 480px; padding: 20px 0px 10px 0px; } }

	.career-button	{ background: #ee6b61; color: white !important; padding: 28px 38px 28px 38px; }
	
	.skinnytopic { background: url(https://walton.uark.edu/graduate-programs/images/homepage/hatch3-white.png) repeat, #f3f2ef; }	
	.skinnytopic .contain-yourself { max-width: 516px; float: right; margin-right: 54px;  }	
	.skinnytopic p { font-size: 18px !important; }
	.skinnytopic-tracks { padding-top: 50px; }
	.skinnytopic-tracks ul li { font-size: 13.5px !important; display: inline-block; letter-spacing: 0.4px; text-transform: uppercase; background: #cac1c3; border-radius: 8px; padding: 10px 19px 10px 19px; margin: 0px 8px 8px 0px; }
	.skinnytopic-tracks ul li a  { color: white; }

	@media only screen and (max-width : 1200px) { .skinnytopic .contain-yourself { max-width: 100%; float: none; margin-right: 14px; padding-left: 15px; margin-bottom: 25px;  } }				
		
	.contain-yourself h4 { font-weight: 600; font-size: 26px; margin-top: 26px; }		

	@media only screen and (max-width : 1200px) { .onlydesktop { display: none;}	}	
			
	#schedule-flexible, #employer-survey { background: url(https://walton.uark.edu/graduate-programs/images/homepage/hatch3-white.png) repeat, #f3f2ef; padding: 70px 0px 120px 0px; border-top: 16px solid white; }						
	#schedule-flexible .row { padding-top: 40px; }
					
	#justfacts { background-color: #f3e8e9; padding: 100px 0px 120px 0px; border-top: 16px solid white; }
	#justfacts .row { padding-top: 40px; padding-bottom: 20px; }
	@media only screen and (max-width : 900px) { #justfacts	{ padding: 50px 0px 60px 0px;} }
	@media only screen and (max-width : 768px) { #justfacts .factoid { margin-bottom: 60px; }  #justfacts .row { padding-top: 0px; padding-bottom: 0px; max-width: 450px;  } }			
	#justfacts h3 { color: #98a7bc; font-size: 42px; font-weight: bold; }	
	#justfacts h4 { letter-spacing: 1px; text-transform: uppercase; font-size: 14px; color: #768699; font-weight: 700; }
	#justfacts .answer { color: #354554; font-weight: 400; font-size: 20px; }	
	#justfacts .sub-answer, #justfacts p, #justfacts p span { color: #484848; font-size: 14px; font-weight: 200;}
	#justfacts .facts-name { color: #2d3d4b; font-size: 30px; display: block; margin-bottom: 80px; }
	#justfacts .stemrow { padding-top: 70px; }
	@media only screen and (max-width : 900px) { #justfacts .facts-name { color: #526575; font-size: 22px;  } #justfacts .stemrow { padding-top: 30px; } }
			
	.promo-button2 {
		display: inline-block;
		position: relative;
		padding: .75em;
		margin: 25px 0;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		font-size: 13.5px;
		text-decoration: none !important;
		text-align: center;
		white-space: nowrap;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		background: #333333;
		color: #ffffff !important;
		text-transform: uppercase;
		word-spacing: 3px;
	}
	
	.icon-arrow-right:before {
		font-family: 'FontAwesome';
		content: "\f054";
	}
			
	.promo-button2:before {
		position: absolute;
		line-height: 2.35;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
			
	.promo-button2:before {
		right: 20%;
		opacity: 0;
		top: 5px;
	}

	.promo-button2:active:before,
	.promo-button2:focus:before,
	.promo-button2:hover:before { right: 8%; opacity: 1; }	
			
	#careeroutlook, #financial-aid, #employer-survey, #newsupdates h3  {  padding-top: 120px; padding-bottom: 96px;  }				
	#career-stats  {
		background-color: #f4f4f4; 
		-webkit-border-radius: 8px; 
		-moz-border-radius: 8px; 
		border-radius: 8px; 
		padding: 20px;
		margin-bottom: 60px;
	}
	#career-stats  h3 {
		font-size: 26px; 
		margin-top: 0px; 
		line-height: 1; 
		color: white;
		background: #aa0000;
		padding: 8px; 
		border-radius: 4px;
		margin-bottom: 4px;
	}
	#career-stats h4  {
		font-size: 36px; 
		font-weight: 800;
		margin-top: 50px;
		margin-bottom: 10px; 
		color: #b20837;
	}
	#career-stats p {
		line-height: 1.3; 
		margin-bottom: 30px; 
		color: #606060; 
		font-size: 17px;
	}	
	.pullquote {
		margin: 80px 0;
		padding: 0.25em 40px;
		line-height: 1.5;
		position: relative;
	}
		
	.pullquote img {width: 220px; padding-left: 24px; }		
	.pullquote cite {
	    text-align: left;
    	color: #999999;
 	   font-size: 14px;
 	   display: block;  
	}		
	.pullquote:before {
		display: block;
		content: "\201C";
		font-size: 80px;
		position: absolute;
		left: 0px;
		top: -20px;
		color: #008ac2;
	}		
	.pullquote p {
		font-size: 1.36rem !important;
		font-style: italic;
		font-weight: 200;
		}

	.corp-logo { display: block; margin: auto; mix-blend-mode: multiply;}
	.yo30 { font-size: 30px; font-weight: bold; }				
	#career-tracks p, #career-tracks ul li, #professional-development p, #professional-development ul li {
	font-weight: 200 !important;  }
	#academics, #featured-podcast, #featured-videos, #newsfeatures, #news-and-social  {  padding-top: 120px; padding-bottom: 96px;  }	
			
	@media only screen and (max-width : 768px)  {  #schedule-flexible, #careeroutlook,  #newsupdates h3, #newsfeatures, #featured-podcast, #featured-videos  {   padding-top: 40px; padding-bottom: 40px;   }    }
				
	.iframe-container {
	  	overflow: hidden;
	  	padding-top: 185%;
		position: relative;
	}
					
	@media only screen and (max-width : 1200px) { .iframe-container { padding-top: 230%; }}	
	@media only screen and (max-width : 990px) { .iframe-container { padding-top: 146%; margin-top: 65px; }   .program-homey .program-intro { margin-bottom: 30px; }	 }		
	@media only screen and (max-width : 650px) { .iframe-container { padding-top: 180%; }}
	@media only screen and (max-width : 468px) { .iframe-container { padding-top: 220%; }  #dostuff { margin-left: -40px;  } }
	
	.iframe-container iframe {
		border: 0;
		background: white;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		padding: 40px 60px 40px 60px;
		max-width: 440px;
		-webkit-box-shadow: 4px 4px 9px -3px rgba(0,0,0,0.79); 
		box-shadow: 4px 4px 9px -3px rgba(0,0,0,0.79);
		border-radius: 3px;
	}		
			
	@media only screen and (max-width : 468px) { .iframe-container iframe { padding: 10px 20px 0px 20px; }  }		

	#pardot-form .submit input	{ -webkit-appearance: none !important; }	
	.get-started-wow { position:absolute; top:98px; left:-100px; }	

	@media only screen and (max-width : 945px) {	.get-started-wow { top:-10px; left:-10px; }    }			

	#section-footer { margin-top: 0px; }	
	#style-for-courses h3  { font-size: 18px; line-height: 1.25; }
			
	#academics summary, #faq summary {
		display: list-item;
		font-size: 18px;
		border: 1px solid lightgrey;
		border-radius: 5px;
		margin-bottom: 10px;
		padding: 8px;
		cursor: pointer;
		background: #f3eaea;
	}				
	#academics details, #faq details { margin-bottom: 10px; max-width: 900px;  }
	#academics details[open], #faq details[open] { margin-bottom: 40px; }
    #academics details[open] summary,  #faq details[open] summary { background: #f4f3f3; border: 1px solid #ababab; }		
			
	#linkedin-container { width: 100%; height: auto; overflow: auto; border-radius: 8px; margin-top: 36px; padding: 36px; background: #eeeeee;	}			
	#linkedin-container iframe  { display: inline; vertical-align: top; max-width: 33%; }
	@media only screen and (max-width : 990px) { #linkedin-container  { padding: 0px; background: #ffffff; }  #linkedin-container iframe  { max-width: 49%; } }
	@media only screen and (max-width : 768px) { #linkedin-container iframe  { max-width: 100%; } }
						
	#featured-video-section { padding: 80px; background: #eceae2; background-image: url(https://walton.uark.edu/graduate-programs/supply-chain-masters-degree/images/that-hatch.png); border-top: 16px solid white;	}	
	@media only screen and (max-width : 768px) { #featured-video-section { padding: 10px; } .flex-video { margin-bottom: 0px; } }
	#featured-podcast {  background: #ede7f3; background-image: url(https://walton.uark.edu/graduate-programs/supply-chain-masters-degree/images/that-hatch.png); border-top: 16px solid white;  }
	#featured-videos {  background: #685d5d; border-top: 16px solid white; padding-bottom: 128px;  }
	#featured-videos h3, #featured-videos h4, #featured-videos p  { color: white; }

	/* Video Thumbnail with Play Icon - class applied to anchor */
	#videosets h4 { margin-top: 40px !important; margin-bottom: 16px;  }			
	.video-thumbnail {
		position: relative;
		display: inline-block;
		cursor: pointer;
	}			
	.video-thumbnail img { border: 2px solid #e5a4a4; }					
	.video-thumbnail:before {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		content: "\f144";
		font-family: 'Font Awesome 6 Pro';
		font-size: 55px;
		color: #fbbab6 !important;
		opacity: 0.5;
		text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		transition: all 0.2s;
	}
	.video-thumbnail-white:before {
		color: #ffffff;
	}
	.video-thumbnail:hover:before {
		opacity: 0.9;	
	}
	@media (min-width: 300px) { .modal.modal-wide .modal-dialog { width: 90%; }	}
			
	/* Simple fade transition */
	.mfp-fade.mfp-bg {
		opacity: 0;
		-webkit-transition: all 0.15s ease-out; 
		-moz-transition: all 0.15s ease-out; 
		transition: all 0.15s ease-out;
	}
	.mfp-fade.mfp-bg.mfp-ready {
		opacity: 0.8;
	}
	.mfp-fade.mfp-bg.mfp-removing {
		opacity: 0;
	}
	.mfp-fade.mfp-wrap .mfp-content {
		opacity: 0;
		-webkit-transition: all 0.15s ease-out; 
		-moz-transition: all 0.15s ease-out; 
		transition: all 0.15s ease-out;
	}
	.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
		opacity: 1;
	}
	.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
		opacity: 0;
	}
			
	/* END of Video Thumbnail Styles */
	.calbutton { margin-top: 4px; }
	.thefirst3 .option1 .thestory img { width: 330px; }			
	.hide3posts  { padding-left: 36px; }
	@media only screen and (max-width : 990px) {  .hide3posts  { padding-left: 12px; padding-top: 30px; }   }
