@charset "UTF-8";
/* CSS Document */
body {padding:2em;}
/*.samplePlan .et-l .et_pb_module a { color: #222222 !important;}*/
	#toplogo{
	padding:0;
	margin:0;
	background-color:#1f1f1f;
	min-width:100%;}
	#toplogo{
	background-image:url('https://wou.edu/wp-content/themes/westernoregon-test/images/WOU-logo.jpg');
	background-size: contain;
	background-repeat:no-repeat;
	background-position: 5%;
	height:auto;
	min-height:90px;
	position:relative;
	top:0;
	left:0;
	margin:-2em;
	margin-bottom:1em;
	padding-left:1em;
	font-size: 14px;
	}
	/*hide the Textual WOU name*/
	 .print_only {display:none;}

	/*show the drop-down and buttons*/
	 .screen_only {display:block;}

	 /* the top disclaimer about it being a sample*/
	 .sample_text, .sample_text p {
	 display:inline-block;
		 font-size: 14px;
	 }
	/*this is where the approximate total credits live*/
	 /* keep the total credits from hiding behind the plan*/
	 #total_credits {
		 margin-bottom:.5em;
		 margin-top:.5em;
		 text-align:right !important;
		/*float:right;
		max-width:20em;*/
	 }
	.ui-tooltip {
		z-index: 1000 !important;
		background-color: white;
		border: solid 1px #CCC;
		padding: 1em;
	} 
        /* the divs that hold each year*/
        .year {
            border: solid 1px;
            padding: .2em;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
			display: flex;
			flex-direction: column;
			flex: 1 0 auto;
        }
		/* no padding on divs inside of year divs, please */
        .year div {padding:0;
			flex: 1 0 auto;}

		/*make sure the H3 goes all the way across*/
        h3 {
            width: 100%;
            float: left;
        }
        /*total credits should be a solid div to keep funky wrapping away*/
        .credits, .year_credits {
            width: 100%;
            margin-right: 1em;
            text-align: right !important;
            float: left;
        }
        /* same with the caveats at the bottom*/
		#caveats {
           display:inline-block;
        }
		#caveats ul, #caveats p
		{font-size:12px;
		margin:0;
		}
		#caveats ul li
		{font-size:12px;
		margin:0;
		}
		/*the indvidual line (or group) credits should line up ont he right*/
        .plan_item_credits {
            float: right;
            margin-left: 2em;
        }
        /*center our plan*/
        #major_plan, #caveats {
            width: 98%;
            margin-left: auto;
            margin-right: auto;
        }
		/*the buttons to expand/collapse*/
		#expand, #collapse, #pdf {
			float: right;
			display:none;
			size:auto;
		}
		/*put some padding between the pdf button and others*/
		#pdf {
			 margin-left:1em;
		}
		/*stuff under the gen ed heading needs to be indented*/
        .gened {
            margin-left: 1em;
        }
		/*the X for mobile dvices or when the tooltip hangs out too long*/
		.tooltip_close
		{
		 position:relative;
		 top:-10px;
		 padding:0;
		 padding-left:.2em;
		 padding-right:.2em;
		 margin-left:.3em;
		 margin-top:.2em;
		float:right;
		font-size:large;
		font-weight:bold;
		border:solid 1px #CCC;
		}
		/*unless we uncollapse, hide the year head*/
		.year_head  h3, .accord_year_head{
			display:none;
		}
		/*tooltip needs to be a bit wider than WOU default*/
		.tooltip, .ui-tooltip, .preview_tip {
 		width: auto;
		max-width: 500px;
		}
		label {
			color:#666;
			font-weight:700;
			font-family: "Open Sans",Arial,sans-serif;
		}
		/* for mobile*/
		@media screen and (max-device-width: 480px) and (orientation: portrait), screen and (max-width: 480px) {
			body {
					font-size:12px
			}
			#desc_holder2 {
					font-size:10px !important;
					}
		#major, #total_credits, h4, #desc_holder h2 {
			font-weight:bold !important;
					font-size:18px !important;
					}
		 /*plans-holder needs to be just shy of full width*/
		#plans_holder {
 		 max-width: 100%;
		}
		/*get the total credits out from behind*/
		#total_credits {
		float:none;
		 margin-bottom:.5em;
		 margin-top:0;
		max-width:20em;
	 }
		 /* make the width of the tabs fit on the screen*/
				.ui-tabs .ui-tabs-nav li
				{
					width:23%;
					word-wrap: break-word;
					font-size:12px;
				}
				 /* make the program drop-down fit on the screen*/
				#program-drop-down, .preview_tip
				{
					max-width:95%;
				}
		}
	@media print {
		/* don't show the ugly URLs after the plan items, since they are fake, anyway*/
  a[href].class_descrip:after {
    content: none !important;
  }
   a[href].class_descrip {text-decoration:none;}
  /*show the WOU name/logo*/
  .print_only, .year_head h3{display:block;}
  /*hide the drop-down, tab header and anything withthe screen_only class*/
	 .screen_only, #toplogo, ul.tab_years, .preview-tip, .accord_year_head {display:none;}
	 /*Set the font size to 12px and allow some padding inside the boxes*/
	 .year, .desc_holder2 { font-size:12px;
	 border:none;}
	 /*a bunch of formatting for printing*/
	 .credits {
	 padding:none;
	 margin:0;
	 margin-top:-1.25em;
	 display:block;}
	 .year_head h3, h4 {
	 font-size:14px;
	 padding:none;
	 margin:0;
	 font-weight:bold;
	 }
	  #total_credits {
		float:none;
	 }
	 h2 {font-size:20px;
	 padding:none;
	 margin:0;}
	 /*force the tabs to print their content, even when not showing*/
	 #major_plan {
	display: flex;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-align-content: stretch;
   align-content: stretch;
	border:none;
		border-bottom:solid 3px #CCC;
		border-bottom-right-radius:0;
		border-bottom-left-radius:0;
		margin-bottom:0;
	 }

	.year {
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex !important;
	/*width:50%;
	height:45%;
	max-height:47%;*/
	margin:0;
	margin-bottom: auto;
	float:left;
		}
		#y1, #y3 {
   -webkit-align-self: flex-start;
   align-self: flex-start;
   margin-right: auto;
}

		#plans_holder h2 {
			float:left;
			margin-top:.25em;
			margin-bottom:.25em;
		}

}

/* CSS from Danielle 9/13/2017*/
#desc_holder h2 {
	font-size: 30px;
    line-height: 1.5;
	font-weight:normal !important;
}
.ui-widget-header, .tab_years, .samplePlan .et_pb_tabs_controls {
	 border-bottom-left-radius: 0px;
	 border-bottom-right-radius: 0px;
	border: none;
    border-bottom: 5px solid #db0a29 !important;
    background: #ffffff;
    color: #ffffff !important;
    font-weight: bold;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	-moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -khtml-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	-moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -khtml-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	-moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -khtml-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	-moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -khtml-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	-moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -khtml-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
    font-weight: bold;
    color: #333333;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: none;
    background: #db0a29 !important;
    font-weight: bold;
    color: #ffffff !important;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .et_pb_tab_active {
    color: #ffffff;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}
.ui-state-hover a:hover {
	border:none;
}
/* added by CG 3/20/18 */
.caveats {font-size:smaller;}
.plan_subhead {
	font-weight: bold;
	color:#4B4B4B;
	}
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('sampleplans/FhHRx.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modal {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal, #plan_body.loading .modal {
    display: block;
}