/*
Theme Name: 	Asset Library  __DEV__
Theme URI: 	https://assets.allcampus.com
Description: 	AllCampus Sandbox Framework.
Version: 	2.1.1
Author: 	AllCampus Design Team
Author URI: 	https://assets.allcampus.com
Tags: 		online-u, starkers, bootstrap
*/

@import url('css/reset.css');

/*******************************************
:--- Defaults ---:
*******************************************/

div, article, section, header, footer, nav, li {
	position: relative; 
}

.group:after {
	display: block;
	height: 0;
	clear: both;
	content: ".";
	visibility: hidden; /* For clearing */ 
}

body {
	background: #fff;
	font-size: 16px;
}

::-moz-selection { 
	background: #ff0;
	color: #333;
}
::selection {
	background: #ff0;
	color: #333;
}

* {
  text-rendering: optimizeLegibility;
	outline: none!important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*******************************************
:--- Typography ---:
*******************************************/

body {
	font: 18px/30px 'Neue Helvetica W01';
	font-weight: 300;
  color:#565e5f;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ 
}

h1 {
	font: 60px/70px 'Rockwell W02';
	padding: 15px 0;	
	font-weight: 100;
	text-transform: uppercase;
}

.bg-catalina-blue h1 {text-align: right;}

h2 {
  font: 40px/50px 'Rockwell W02';
  padding: 10px 0;
	font-weight: 100;	
}

h3 {
	font: 26px/36px 'Rockwell W02';
	font-weight:100;	
	padding: 10px 0;
  color: #565e5f;
}

h4 {
	font: bold 20px/28px 'Neue Helvetica W01';
  padding: 5px 0 10px 0;  
}

/*******************************************
:--- Colors ---:
*******************************************/

/* Primary Palaette */
.ac-blue {color:#44a9cc}
.ac-gray {color:#565e5f}
.ac-green {color:#bed065}
.ac-light-gray {color:#fafafa}
.ac-blue-highlight {color:#3198bb}
.ac-gray-highlight {color:#404748}

/* Secondary Palaette */
.ac-green-highlight {color:#acc143}
.ac-light-gray-highlight {color:#d7d8d4}
.catalina-blue {color:#2B4162}
.jagged-ice {color:#C0E0DE}
.summer-green {color:#92BDA3}
.metallic-orange {color: #e47911}

/* backgrounds */

/* Primary Palaette */
.bg-ac-blue {background:#44a9cc;color:#fff;}
.bg-ac-gray {background:#565e5f}
.bg-ac-green {background:#bed065}
.bg-ac-light-gray {background:#e9eae5}
.bg-ac-blue-highlight {background:#3198bb}
.bg-ac-gray-highlight {background:#404748}

/* Secondary Palaette */
.bg-ac-green-highlight {background:#acc143}
.bg-ac-light-gray-highlight {background:#d7d8d4}
.bg-catalina-blue {background:#2B4162;color:#92BDA3;}
.bg-jagged-ice {background:#C0E0DE}
.bg-summer-green {background:#92BDA3}
.bg-metallic-orange {background:#e47911}

/* Rows */
.bg-light-gray {background:#fafafa}
.bg-light-gray-highlight {background:#eee}

/*******************************************
:--- Structure ---:
*******************************************/

.asset-row {padding-bottom: 20px;}

/*******************************************
:--- Boxes ---:
*******************************************/

.box {
	background: #FFF;
	border-radius: 10px; 
	border: 1px solid #cfcfcf;
	padding: 10px;
	margin: 20px 0px;
	cursor:default;
	transition: all 0.5s ease-out;
}

.box.box-image {
	background: #fff;
	border-radius: 0; 
	padding: 10px;
	margin: 20px 0px;
	cursor:default;
	transition: all 0.5s ease-out;
	border: 1px solid #cfcfcf;
}

.box:hover{
	border-color: #44a9cc;
	box-shadow: 0 0 6px #44a9cc;
	border: 1px solid transparent;
}

.box .box-text {
	margin: 20px 10px;
	font-size: 15px;
	line-height: 30px;
	padding:10px;
}

.box-logo {padding: 30px 50px;}
.client-box-logo {padding: 30px 50px;}

.box-links {font-size:14px;}
.box-links .modal-link {color:#3597b9!important;text-decoration:underline!important;cursor:pointer;}
.box-links .modal-link:hover {color:#3597b9!important;text-decoration:none!important;}

/* buttons */

.btn {
	display: inline-block;
	cursor: pointer;
	font-family: 'Neue Helvetica W01';
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 0.5px;
	font-weight: 700;
	padding: 8px 25px;
	text-decoration: none;
	border: 2px solid transparent;
	border-radius: 1px;
	overflow: hidden;
	position: relative;
	margin-bottom: 5px;
}

.btn-outline {
	background: none;
	color: #565e5f;
	border-color: #565e5f;
}

.btn-outline:hover {
	background: #44a9cc;	
	color: #fff;
	border-color: #44a9cc;	
	-webkit-transition: background 500ms ease-out 0s;
	-moz-transition: background 500ms ease-out 0s;
	-o-transition: background 500ms ease-out 0s;
	transition: background 500ms ease-out 0s;
}

.btn-outline:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f061";
	font-weight: 900;
	position: absolute;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
	right: 30px;
	font-size: 18px;
	color: #fff;
}

/*******************************************
:--- General ---:
*******************************************/

p {
	margin: 0 0 1.5em;
}

blockquote {
	background: #f6f6f6;
	padding: 2em;
}

blockquote p {
	margin: 0;
}

a {color:#3597b9;text-decoration:underline;}
a:hover {color:#3597b9;text-decoration:none;}
a, a:active {outline: none;}

.highlight {background:#44a9cc;color:#fff;border-radius: 4px;font-weight:500;}

a.bypass-block {
	background: #000;
	color: #fff;
	display: block;
	text-align: center;
	width: 100%;
}

.post-edit-link {
	background: #0a0;
	border: 1px solid #080;
	border-radius: 3px;
	clear: both;
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 14px;
	margin: 20px 0;
	padding: 6px 10px;
}

.post-edit-link:hover {
	background: #080;
	color: #fff;
	text-decoration: none;
}


/*******************************************
:--- Reusable ---:
*******************************************/

.live-chat, 
.download, 
.focus {
	cursor: pointer; 
}

.hide {
	display: none;
}

/*******************************************
:--- Structure ---:
*******************************************/

#breadcrumbs {
	overflow: hidden;
	width: 100%;
}
 
#breadcrumbs li {
	display: inline;
	list-style: none;
	margin: 0 0.5em 0 0;
}
 
#breadcrumbs .separator {

}

/*******************************************
:--- Header ---:
*******************************************/

header.site-header {
	background: #fff;
	padding: 40px 0 0;
	position: relative;
}

header.site-header .site-logo {
	display: block;
	max-width: 250px;
	margin: 10px 0 20px 30px;
}

header.site-header .site-logo img {
	width: 100%;
}

.navbar .site-logo-sticky {
	display: none;
	right: 30px;
	position: absolute;
	bottom: 2px;
	width: 100px;
	z-index: 10000;
	transition: all 0.5s ease-out;	
}

.navbar .site-logo-sticky.sticky {
	display: block;
	transition: all 0.5s ease-in;	
}

.navbar .site-logo-sticky img {
	width: 100%;
}

/*******************************************
:--- Navigation ---:
*******************************************/

.navbar {padding: 0;}

/* Desktop Menu & Hover States */
nav.site-nav .menu-item {
	float: left; 
}

nav.site-nav .menu-item a {padding: 15px 35px;display:inline-block;text-decoration: none;width:100%;}
nav.site-nav .menu-item a:hover {text-decoration: underline;transition: all 0.5s ease-out;}
nav.site-nav .menu-item:hover {background:#3198bb;transition: all 0.5s ease-out;}

nav.site-nav ul.sub-menu {
  position: absolute;
	left: -999em;
}

nav.site-nav .menu-item.menu-item-has-children[aria-expanded="true"] ul.sub-menu {
	left: auto;
}

nav.site-nav .menu-item.menu-item-has-children[aria-expanded="true"] ul.sub-menu li ul.sub-menu {
  position: absolute;
	left: -999em;
}

nav.site-nav .menu-item.menu-item-has-children[aria-expanded="true"] ul.sub-menu .menu-item.menu-item-has-children[aria-expanded="true"] ul.sub-menu {
	left: auto;
}

nav.site-nav ul.sub-menu {
	background: #3198bb; 
	color:#fff;
	margin-top: 0;
	position: absolute; 
	z-index: 1;
}

nav.site-nav a {color:#fff;}

nav.site-nav ul.sub-menu .menu-item {
	float: none;
}

/*******************************************
:--- Top Arrow ---:
*******************************************/

#back2Top {
	width: 50px;
	line-height: 50px;
	overflow: hidden;
	z-index: 999;
	display: none;
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 30px;
	background-color: #44a9cc;
	color: #C0E0DE;
	text-align: center;
	font-size: 30px;
	text-decoration: none;
	border-radius: 50%;	
	box-shadow: 0 0 6px #44a9cc;	
	-webkit-transition:  500ms ease-out 0s;
	-moz-transition:  500ms ease-out 0s;
	-o-transition:  500ms ease-out 0s;
	transition:  500ms ease-out 0s;		
}

#back2Top:hover {
	background-color: #3198bb;
	color:#fff;	

}

/*******************************************
:--- Footer Dark ---:
*******************************************/

footer.site-footer {
  clear:both;  
  font: 13px/200% 'Neue Helvetica W01';
	background: #404748;
  color:#fff;
  padding: 40px 0;
	text-align: center;
}

/*******************************************
:--- Media Queries ---:
*******************************************/

/* Large Displays */
@media (min-width: 1440px) {
	.container {
		max-width: 1280px;
	}
}

@media (min-width: 1200px) {

}

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {
	
}

@media (min-width: 768px) {
	
	/* Desktop Navigation */

	nav.site-nav ul.sub-menu {
		width: 300px;
	}

	nav.site-nav .menu-item.menu-item-has-children:hover ul.sub-menu {
		left: auto;
	}

	nav.site-nav .menu-item.menu-item-has-children:hover ul.sub-menu li ul.sub-menu {
		position: absolute;
		left: -999em;
	}

	nav.site-nav .menu-item.menu-item-has-children:hover ul.sub-menu .menu-item.menu-item-has-children:hover ul.sub-menu {
		left: auto;
	}
	
}
 
@media (max-width: 767px) { 
	
	header.site-header .container {max-width:100%!important;}
	
	header.site-header {
		background: #fff;
		padding: 0;
		position: relative;
	}	
	
	header.site-header .site-logo {
    display: inline-block;
    max-width: 250px;
		margin: 10px auto 20px auto;
	}
	
	h1 {
		font: 42px/54px 'Rockwell W02';
		padding: 15px 0;	
		font-weight: 100;
		text-transform: uppercase;
	}

	.bg-catalina-blue h1 {text-align: center;}
	
}

@media (max-width: 640px) { 

}

@media (max-width: 480px) { 

}

@media (max-width: 320px) { 

}

/*******************************************
:--- IE Fixes ---:
*******************************************/

.ie7 .tooltip, .ie8 .tooltip {
	display: none!important
}

.ie7 label, .ie8 label, .ie9 label {
	display: block!important;
}

.ie7 .required-ast-nolabel, .ie8 .required-ast-nolabel, .ie9 .required-ast-nolabel {
	display: none;
}