/*****************************************************************
 Montana Tech Client Styles 
******************************************************************/

/* buttons */
p a.button, a.button, a#button {
    padding: 12px 22px 12px 22px;
    margin:8px 8px 20px 1px;
    white-space: nowrap;
    background-color:#215330;
    color:#fff;
    font-weight:bold;
    font-size:20px;
    border-radius:10px;
    text-decoration:none;
    float:left;
}

.columns a.button, .columns a#button {
    color:#fff;
}

a.button:hover, a#button:hover {
    color:#925223;
}

a.button-small, a#button-small {
    padding: 6px 12px 6px 12px;
    margin:8px 8px 10px 1px;
    white-space: nowrap;
    background-color:#215330;
    color:#fff;
    font-weight:bold;
    font-size:14px;
    border-radius:10px;
    text-decoration:none;
    float:left;
}

a.button-small:hover, a#button-small:hover {
    color:#925223;
}

/* admissions widgets */
div.col3.row.left-column p {
    font-size:12px;
}
div.col3.row.left-column h6 {
    font-size:16px;
}
div.col3.row.left-column a {
    text-decoration: none;
}

/* smaller font */
.smaller {
    font-size:.8em;
}

/* admissions - quick facts boxes */
.quick-facts {
    background-color: #ccc;
    color:#000;
    float:right;
    width: 175px;
    padding: 5px 10px 5px 10px;
    margin: 0px 0px 10px 10px;
    font-size:.8em;
}

table.data { width: 100%; border-collapse: collapse; }
table.data tr th { background-color: #215530; color: #fff; text-align: center; border: 1px solid #000; font-weight: bold; }
table.data tr { vertical-align: top; }
table.data tr td { border: 1px solid #000; margin-left: 0px; margin-right: 0px; }
table.data tr td.left { text-align: left; }
table.data tr td.right { text-align: right; }
table.data tr td.center { text-align: center; }
table.data tr th, table.data tr td { padding: 0.3em; border: 1px solid #000; margin-left: 0px; margin-right: 0px; }
table.data tr.odd td { background-color: #c8cfc8; }
table.data tr.dkgreen td { background-color: #215530; color: #fff; font-weight: bold; }
table.data tr.ltg td { background-color: #658A71; color: #fff; font-weight: bold; }
table.data tr.copper td { background-color: #963; color: #fff; font-weight: bold; }
table.data tr.even td { background-color: #ccc; }
.half { width: 46%; float: left; margin-right: 21px; }
@media screen and (max-width:900px) {
	.half { float: none; margin-right: 0; width: auto; }
}
.columns .light-gray-bg ul li a, .columns .white-bg ul li a { color: #215330; }
.columns a { color: #215330; }
.columns h1 a, .columns h2 a, .columns h3 a, .columns h4 a, .columns h5 a { color: #215330; text-decoration: none; }
hr { color: #215530; height: 2px; clear: both; display: block; width: 100%; margin: 20px 0; }
div.columns div.col6.light-gray-bg h2 { color: #215330; }

div.columns div.col6.White h2 {
    color:#215330;
}

img.right { 
    float: right; 
    margin-left: 2%; 
}

a img.right { 
    float: right; 
    margin-left: 2%; 
}

img.left { 
    float: left; 
    margin-right: 2%; 
}

a img.left  { 
    float: left; 
    margin-right: 2%; 
}

/* gray box */
.gray, #gray {
    background-color: #f6f1ef;
    border: 1px solid #CCCCCC; 
    margin: 15px 0px; 
    padding: 15px;
}

/* columns */
.one-third, #one-third {
    width: 31%;
    margin:3px;
}

/* call to action buttons - manually created */
.call-to-action {
	 background: #8d5023;
	 font-size: 1.250rem;
	 line-height: 1;
	 font-weight: bold;
	 color: #FFF;
	 text-align: center;
	 text-decoration: none;
	 text-transform: uppercase;
	 padding: 0 24px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 height: 60px;
	 -webkit-transition: background 0.5s ease;
	 transition: background 0.5s ease;
}
.call-to-action a {
	 color: #FFF;
	 text-decoration: none;
}
.call-to-action:hover {
	 background: rgba(0, 0, 0, 0.5);
}
div.full-wrapper.wysiwyg.${color} div.wrapper a.call-to-action {
	 color: #FFF;
	 text-decoration: none;
}

/* beacon buttons */
.wysiwyg .btn.btn-green {
    float: none;
}

/* headline within ul and ol */
ul li h6, ol li h6 {
    display:inline;
}
ul li h5, ol li h5 {
    display:inline;
}
ul li h4, ol li h4 {
    display:inline;
}

/* class alt with links */
h6.alt a, h5.alt a, h4.alt a, h3.alt a, h2.alt a, h1.alt a { 
    color:#8d5023;
}


h5 a {
    color:#215330;
}
h5.alt a  {
    color:#945023;
}

/* headlines on home page */
.wrapper.row h4 a {
    color:#215330;
}
.wrapper.row h4.alt a {
    color:#945023;
}

/* widget link */
.image h4 div.wysiwyg-content a {
    color:#215530;
}

/* footer links */
.links-footer ul li a:hover {
    color:#679786;
}

/* very top (black background) links */
.header-utility ul li a:hover {
    color:#679786;
} 

 /********************************* Slideshows ******************************************/
 #academics-slideshow {
	padding-bottom: 40px;
	 position: relative;
	 float:left;
	 width:600px;
	 height: 450px;
}
 #academics-slideshow-sm {
	position: relative;
	 float:left;
	 width:300px;
	 height: 300px;
}
 #academics-slideshow-med {
	padding: 0 10px;
	 position: relative;
	 float:right;
	 width:400px;
	 height: 320px;
}
 #academics-slideshow img {
	border: 1px solid #ececec;
}
 #academics-slideshow-400 div {
	 position: relative;
	 height: 500px;
	 width:400px;
	 z-index: 10;
}
 #academics-slideshow-400 div .description {
	background-color:#000;
	 bottom: 20px;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	 height: 60px;
	 filter: alpha(opacity=60);
	 opacity:.6;
	 padding: 8px 20px;
	 position: absolute;
	 z-index: 30px;
}
 #academics-slideshow-400 div div p {
	color:#fff;
	 font-size: 12px;
	 line-height: 18px;
	 position: relative;
	 text-shadow: 3px 3px 3px #000;
}
 #academics-slideshow-600 div {
	 position: relative;
	 width:600px;
	 height: 500px;
	 z-index: 10;
}
 #academics-slideshow-600 div .description {
	background-color:#000;
	 bottom: 20px;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	 height: 60px;
	 filter: alpha(opacity=60);
	 opacity:.6;
	 padding: 8px 20px;
	 position: absolute;
	 z-index: 30px;
}
 #academics-slideshow-600 div div p {
	color:#fff;
	 font-size: 12px;
	 line-height: 18px;
	 position: relative;
	 text-shadow: 3px 3px 3px #000;
}
 #academics-slideshow-300 div {
	 position: relative;
	 width:300px;
	 height: 300px;
	 z-index: 10;
}
 #academics-slideshow-300 div .description {
	background-color:#000;
	 bottom: 0px;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	 height: 60px;
	 filter: alpha(opacity=85);
	 opacity:.6;
	 padding: 8px 20px;
	 position: absolute;
	 z-index: 30px;
}
 #academics-slideshow-300 div div p {
	color:#fff;
	 font-size: 12px;
	 line-height: 18px;
	 position: relative;
	 text-shadow: 3px 3px 3px #000;
}
 #academics-slideshow .nav a#prev, #academics-slideshow-sm .nav a#prev {
	left: 50px;
}
 #academics-slideshow .nav a#next, #academics-slideshow-sm .nav a#next {
	background-position: -30px 0;
	 right: 50px;
}
 #academics-slideshow .nav a, #academics-slideshow-sm .nav a {
	 background: url("http://www.mtech.edu/global/images/slider-arrows.png") no-repeat scroll 0 0 transparent;
	 border: 0 none;
	 display: block;
	 height: 30px;
	 position: absolute;
	 text-indent: -9999px;
	 top:200px;
	 width: 30px;
	 z-index: 50;
}
 #academics-slideshow-med .nav a#prev {
	left: 20px;
}
 #academics-slideshow-med .nav a#next {
	background-position: -30px 0;
	 right: 20px;
}
 #academics-slideshow-med .nav a {
	 background: url("http://www.mtech.edu/global/images/slider-arrows-white.png") no-repeat scroll 0 0 transparent;
	 border: 0 none;
	 display: block;
	 height: 30px;
	 position: absolute;
	 text-indent: -9999px;
	 top:130px;
	 width: 30px;
	 z-index: 50;
}
 #academics-slideshow-random {
	 margin: auto;
	 height: 602px;
	 width: 602px;
}
 #academics-slideshow-random .description {
	 color: #333333;
	 font-size: 16px;
	 line-height: 22px;
	 text-align: center;
}
 #academics-slideshow-random img {
	 padding: 15px;
	 border: 1px solid #ccc;
	 background-color: #eee;
}
 #academics-slideshow-random-600 {
	 height: 430px;
	 width: 615px;
}
 #academics-slideshow-random-600 .description {
	 color: #333333;
	 font-size: 16px;
	 line-height: 22px;
	 margin-left: 12px;
	 text-align: center;
}
 #academics-slideshow-random-600 img {
	 padding-left: 15px;
}
 #academics-slideshow-random-400 {
	 margin: auto;
	 height: 380px;
	 width: 415px;
	 float: right;
}
 #academics-slideshow-random-400 .description {
	 color: #333333;
	 font-size: 16px;
	 line-height: 22px;
	 margin-left: 12px;
	 text-align: center;
}
 #academics-slideshow-random-400 img {
	 padding-left: 15px;
}
 #academics-slideshow-random-350 {
	 margin: auto;
	 height: 330px;
	 width: 350px;
	 float: right;
}
 #academics-slideshow-random-350 .description {
	 color: #333333;
	 font-size: 16px;
	 line-height: 22px;
	 margin-left: 12px;
	 text-align: center;
}
 #academics-slideshow-random-350 img {
	 padding-left: 15px;
}
 #academics-slideshow-random-responsive {
	 margin: auto;
	 height: 100%;
	 width: 100%;
}
/************************************ RESPONSIVE CONTAINER *******************************************/

 .img-container {
	position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 text-align:center;
	/* Align center inline elements */
	 font: 0/0 a;
}
 .img-container .centerer {
	display: inline-block;
	 vertical-align: middle;
	 height: 100%;
}
 .img-container img {
	vertical-align: middle;
	 display: inline-block;
}
 .online-button {
	width: 16%;
	 margin-top: -24%;
	 left: 12%;
	 position: relative;
	 float: left;
}
 .online-button-business {
	width: 16%;
	 margin-top: -16%;
	 left: 12%;
	 position: relative;
	 float: left;
}
 .online-button-2 {
	width: 16%;
	 margin-top: -25%;
	 left: 10%;
	 position: relative;
	 float: left;
	 margin-top: 43%\0;
	/* ie8, ie9, ie10, ie11 only */
	 position:absolute\0;
	/* ie8, ie9, ie10, ie11 only */
	;
	 float:none\0;
	/* ie8, ie9, ie10, ie11 only */
	;
}
 .online-button-3 {
	width: 16%;
	 margin-top: -37%;
	 left: 9%;
	 position: relative;
	 float: left;
	 margin-top: 32%\0;
	/* ie8, ie9, ie10, ie11 only */
	 position:absolute\0;
	/* ie8, ie9, ie10, ie11 only */
	;
	 float:none\0;
	/* ie8, ie9, ie10, ie11 only */
	;
}
 .online-arrow {
	width: 4%;
	 margin-top: -14%;
	 left: 50%;
	 position: relative;
	 float: left;
}

/* ***** begin responsive iframe display ***** */

.responsive-container {
    position: relative; 
    overflow: hidden;
	width: 100%;
	height: 100%;
  }

.responsive-iframe {
  /*  position: absolute;   */
    top: 0;
    left: 0;
    width: 100%;
    border: 0;
}
@media only screen and (max-width: 800px) {
.responsive-iframe {
        height: 100%;
  }
}
@media only screen and (min-width: 801px) {
.responsive-iframe {
        height: 720px;
  }
}



/* ***** end responsive iframe display ***** */