/* --- global --- */
.text .relatedTopics ul, .relatedTopics ul, ul.relatedTopics {
    border-left: none;
    margin-bottom: 2em;
}


#back-to-top ul li:first-child {
    display: none; /* hides first menu item (the arrow) */
}


.intro p{
    font-size:1.5em;
}

h2{
    margin-bottom:1em;
    }

.contact-info {
    border-top: 12px solid #3d3935;
    box-shadow: 0 0 5px #cccccc;
    margin-bottom: 1em;
    padding: 1em 2em;
}

.framed{
    border:1px solid #efefef;
}


.medium-size img{
    width:13%;
    padding:0;
    margin:0;
    }

.medium-size p{
    padding:0;
    margin:0;
}

.address-info{
    margin-top:0em;
    margin-bottom:1em;
    }

.address-info h4 {
    background: none repeat scroll 0 0 #F7f7f7;
    color: #3d3935;
    padding: 2.5em 2em 1.5em 2em;
    margin: 0;
    }
    
.address-info p {
    background: none repeat scroll 0 0 #F7F7F7;
    font-size: 85%;
    line-height: 1.45em;
    margin: 0;
    padding:0 2em 2em;
    }	

.address-info ul{
    background:#f7f7f7;
    padding:0 2em 2em; 
    margin-top:0;
    }
    

.side-info h4 {
    font-size:0.85em;
    background: none repeat scroll 0 0 #FFFBEB;
    color:#291400;
    padding: 2em 1.5em 1.5em 1.5em;
    margin: 0;
    }
    
.side-info p {
    background: none repeat scroll 0 0 #FFFBEB;
    font-size: 85%;
    line-height: 1.45em;
    margin: 0;
    padding:0 1.5em 1.5em;
    }	
    

.newTable table {
    background: none repeat scroll 0 0 #fafafa;
    }

.newTable table th, .table-header {
    background: none repeat scroll 0 0 #6e6e6e;
    color: #fff;
    font-family: "DINWebMedium",sans-serif;
    font-size: 0.8em;
    padding: 0.25em 1.25em;
    text-transform: uppercase;
    }
    
.newTable tr {
    border-bottom: 4px solid #fff;
    padding: 0.5em;
    }

.marginTop{
	margin-top:4em;
}

.thinRuled{
    border-top:1px solid #e1e2e4;
}
/* ----------------------- homepage styles ------------------------------- -- */    

.resourceButton img {
    width:42px;
    padding:1em;
    background: #6d6b6c;
    margin-right:1.2em;
    vertical-align:middle;
}


.resourceButton p{
    font-family:"dinWebMedium", sans-serif;
    background:#efefef;
    margin-bottom:1em;
    line-height:0;

    }

.resourceButton p a{
    color: #3a3837;
    text-transform:uppercase;
    font-size:0.8em;
    letter-spacing:0.03em;
}

.featureStory .image{
	width:100%;
	padding:1em 0em;
}

.featureStory{
    border: 1px solid #e1e2e4;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    padding: 1em 1.5em;
}
.featureStory .text{
	font-size:1.2em;
    line-height:1.5em;
}

.mr--30{
    margin-right:30px;
}

.finance-btn, .admission-btn, .career-btn, .advise-btn, .planDegree-btn, .campusLife-btn{
    border:1px solid #e1e2e4;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.1);
    padding:1em 1.5em;
    font-size: 1.25em;
    font-family:"DinWebMedium", sans-serif;
    margin-top:1em;
}

.finance-btn a, .admission-btn a, .career-btn a, .advise-btn a, .planDegree-btn a, .campusLife-btn a{
    display:block;
    color:#3b3c3d;
}

.finance-btn a:hover, .admission-btn:hover a, .career-btn:hover a, .advise-btn:hover a, .planDegree-btn:hover a, .campusLife-btn:hover a{
    opacity:0.5;
    }

 
svg{
    vertical-align:bottom;
    }
 
.bulletin-list h4{
    border-top:1px solid #e1e2e4;
    border-right:1px solid #e1e2e4;
    border-left:1px solid #e1e2e4;
    margin:0;
    padding:1.5em 1em;
    background:#d9dada;
    color:#000;
}    

.bulletin-list ul{
    margin:0;
    padding:0;
}

.bulletin-list ul li{
	padding:2em 1em;
    list-style: none;
    background:none;
    background:#f9f9f9;
}

.bulletin-list li:last-child{
    border-bottom:1px solid #e1e2e4;
}  


/* ---- image and text treatment for call of actions ---- */

.link a{
    color:#fff;
    font-family:"DinWebMedium", sans-serif;
    text-transform:uppercase;
    font-size:0.7em;
    letter-spacing:0.055em;
    padding-left:0;
    display:block;
    }

.link a:hover{
    opacity:0.8;
    }

.link a img{
    margin-right:1em;
    width:14%;
    padding:0.75em;
    vertical-align:middle;
    }

.orange a{
    background:#ca7327;
    }

.orange a img{
    background:#a85114;
    }

.sage a{
	background: #95A794;
	}

.sage a img{
	background:#596459;
	}

.red a{
	background:#CB4746;
	}

.red a img{
	background:#8E3231;
	}

.blue a{
	background:#24547c;
	}

.blue a img{
	background:#193B57;
	}

.olive a{
	background:#C3AF36;
	}

.olive a img{
	background:#887A26;
	}

.purple a{
	background:#5E447A;
}

.purple a img{
	background:#382949;
	}

.grey a{
	background:#f6f6f6;
    color:#3d3935;
    }

.grey a img{
	background:#616161;
	}	

/* --- custom columns --- */
.custom-3col .cq-colctrl-lt2-c0,.custom-3col .cq-colctrl-lt2-c1, .custom-3col .cq-colctrl-lt2-c2{
    margin-top:1.5em;
    margin-bottom:0.5em;

    }
    
.custom-3col .cq-colctrl-lt2-c2{
    padding-right:0;
    padding-left:3%;
    }


.custom-2col .cq-colctrl-lt5-c0, .custom-2col .cq-colctrl-lt5-c1{
    margin-top:1.5em;
}

.custom-2col .cq-colctrl-lt5-c1 {
    padding-right:0;
    padding-left:3%;
}


/* ---- text and image component treatment for child pages ---- */
.page-title .image{
    width:100%;
    }

.page-title .text{
    position:absolute;
    bottom:0;
    padding:2.5em 1.5em 2.5em 1.25em;
    margin-bottom:2em;
    width:40%;
    }

.page-title h1{
    color:#fff;
    margin:0;
    font-family:"DinWebLight", sans-serif;
    text-transform:uppercase;
    line-height:1.20em;
    font-size:2.45em;
    letter-spacing:0.025em;
    }

.orange-gradient .text{
    background: #ca7327; /* Old browsers */
    background: -moz-linear-gradient(top,  #ca7327 62%, #a85114 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(62%,#ca7327), color-stop(100%,#a85114)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ca7327 62%,#a85114 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top,  #ca7327 62%,#a85114 100%); /* IE10+ */
	}

.sage-gradient .text{
	background: #95a794; /* Old browsers */
	background: -moz-linear-gradient(top,  #95a794 52%, #738273 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,#95a794), color-stop(100%,#738273)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #95a794 52%,#738273 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #95a794 52%,#738273 100%); /* IE10+ */
	}

.red-gradient .text{
	background: #ca4746; /* Old browsers */
	background: -moz-linear-gradient(top,  #ca4746 52%, #961c1c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(52%,#ca4746), color-stop(100%,#961c1c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ca4746 52%,#961c1c 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ca4746 52%,#961c1c 100%); /* IE10+ */
	}

.blue-gradient .text{
	background: #24547c; /* Old browsers */
	background: -moz-linear-gradient(top,  #24547c 27%, #193b57 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#24547c), color-stop(100%,#193b57)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #24547c 27%,#193b57 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #24547c 27%,#193b57 100%); /* IE10+ */
	}

.olive-gradient .text{
	background: #c3af36; /* Old browsers */
	background: -moz-linear-gradient(top,  #c3af36 31%, #887a26 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#c3af36), color-stop(100%,#887a26)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c3af36 31%,#887a26 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #c3af36 31%,#887a26 100%); /* IE10+ */
	}

.purple-gradient .text{
	background: #5e447a; /* Old browsers */
	background: -moz-linear-gradient(top,  #5e447a 31%, #382949 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,#5e447a), color-stop(100%,#382949)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5e447a 31%,#382949 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #5e447a 31%,#382949 100%); /* IE10+ */
	}

.student-list ul li {
    background:none;
    border-bottom: 1px solid #ddd;
    font-family: "DinWeb",sans-serif;
    font-size: 1.09em;
    margin-top: 0.65em;
    padding-bottom: 0.35em;
    padding-left: 0;
    }

.student-list ul li:last-child {
    border-bottom: medium none;
    }
    
.student-list h3{
    text-transform:uppercase;
    font-family:"DinWebMedium", sans-serif;
    color:#3d3935;
    font-size:1.35em;
    margin-top:0;
    }    

/* Scroll to top - circle & arrow*/
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

	.containerReplacement {
    	width: 100%;
    	margin-left: auto;
    	margin-right: auto; 
	}

	/* Parallax scrolling menu - "Don't touch... don't even look at it" This works with HTML component on the page and parallax.js*/
	
	#back-to-top {    
		width: 0%;
    	height: 0em;
    	}

	#back-to-top li {
    	display: none;
	}

	#back-to-top.fixed {
        padding: 0px;
	}	

	#back-to-top.fixed ul {
		position: fixed;
		bottom: 3%;
		right: 7%;
	}
	
	#back-to-top.fixed li {
		display: none; /* hide all <li> items */
	}

	#back-to-top.fixed .current {
		display: block; /* show only current <li> item */
	}







/* --- tablet landscape --- */
@media (max-width:1024px){

	.custom-3col .cq-colctrl-lt2-c2{    
	    padding-right:3%;
	    padding-left:0;
	    width:50%;
	    }
	  
    .page-title .text{
        position:static;
        padding:0 0 0 1em;
        margin-bottom:2em;
        width:100%;
        }

    .page-title .text h1{
        margin:0;
        text-transform:uppercase;
        font-size:2em;
        line-height:1.5em;
        } 
  
	}
	
/* --- iphone 6 landscape --- */
@media (max-width:667px){

	.custom-2col .cq-colctrl-lt5-c0{
		width:100%;
	}
	
	
	.custom-2col .cq-colctrl-lt5-c1{
		width:50%;
		padding-left:0;
	}

	.custom-3col .cq-colctrl-lt2-c2{    
	    padding-right:0;
	    width:50%;
	   	}
	  
	  .link a{
	      font-size:0.8em;
	      }
	   	
	  .link a img{
	      width:15%;
	    }
	    
	}
	   
    
/* --- iphone 6 portriat ---*/
@media (max-width:480px){
	
	.custom-2col .cq-colctrl-lt5-c1{
		width:100%;
		padding-left:0;
	}
	
	.custom-3col .cq-colctrl-lt2-c2{
		width:100%;
	}
	
  
}