/* ===============================================
	Base styles for Angus PW base template
	 template generated via initializr.com
	 Bootstrap + HTML5 Boilerplate
================================================== */
/* Table of contents
==================================================
1.  General
2.  Layout
3.  Fonts
4.  Headings
5.  .headline
6.  Colors
7.  #topbar
8.  #header
9.  nav
10. nav dropdowns
11. #breadcrumb
12. #content
13. Home page
14. Sliders

00. Forms
00. Elements
00. Blog & article
00. Aside, sidebar
00. Footer
00. Divider, Line & Misc
00. Position & alignment
00. More icons from custom font icon
00. Spacer, margin
00. Media queries
================================================== */
/* ===============================================
1. General
================================================== */
html, body {height:100%; min-height:100%}

body {
	/* defined by bootstrap - override in typography.css for editor
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
	color: #333;
	background-color: #fff;
 */
}

.page-header {
    padding-bottom: 0;
    margin: 0;
    border-bottom: none;
}
.page-header img {
		margin-top: 20px;
		max-width: 100%;
		height: auto;
		display: block;
}

/* ===============================================
2. Layout
================================================== */
#wrap {
	background-color: #fff;
}
/* ===============================================
3. Fonts
================================================== */


/* ===============================================
4. Headings
================================================== */


/* ===============================================
4b. Concrete5 Overrides
================================================== */
/* ccm.app.css overrides - hide poweredby message and intelligent search */
#ccm-white-label-message {display:none}
#ccm-nav-intelligent-search-wrapper {display:none}
/* override bootstrap css that messes up Dashboard overlay */
#ccm-page-controls-wrapper *,
#ccm-page-controls-wrapper *:after,
#ccm-page-controls-wrapper *:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}
/* Edit Mode - hide selected add blocks */
.edit-mode .home-block div.ccm-add-block {display:none}
.edit-mode .home-block div:empty + script + div.ccm-add-block {display:block}
.edit-mode .intro-block div.ccm-add-block {display:none}
.edit-mode .intro-block div:empty + script + div.ccm-add-block {display:block}

@media screen and (max-width: 768px) {
  /* remove column float and make columns full-width */
  .ccm-layout-col {float: none !important; width: 100% !important;}
  /* remove column "spacing" */
  .ccm-layout-col-spacing {margin: 0 !important;}
}

/* ===============================================
5. .headline
================================================== */

/* ===============================================
6. Colors
================================================== */

/* ===============================================
8. #header
================================================== */
#header .container {position: relative}
#header-content {}
#logo {max-width:70%}
#logo p {margin:0}

/* ===============================================
9. nav
================================================== */
#navbar {
	z-index: 4;
}
.nav .caret {
	border-top-color: #666;
	border-bottom-color: #666;
}
.navbar-toggle .icon-bar {
	background: #333;
}

/* ===============================================
10. nav dropdowns
================================================== */


/* ===============================================
11. #breadcrumb
================================================== */
.noty_message {
    font-size: inherit !important;
    line-height: inherit !important;
    text-align: center;
    padding: 8px 10px 9px;
    width: auto;
    position: relative;
}

/* ===============================================
12. #content
================================================== */
#content {
	min-height: 580px;
	padding-bottom: 40px;
  word-wrap: break-word;
}
#content img {
	/* make content images responsive so they don't overflow their parent */
	max-width: 100%;
	height: auto;
	display: inline-block;
}
/* accessibility fix - see http://v4-alpha.getbootstrap.com/getting-started/accessibility/ */
#content:focus {outline: none}

/* ===============================================
13. Home page
================================================== */
/* home page
================================================== */
#intro {
	margin-top: 20px;
	margin-bottom: 20px;
}
.home .row {
	margin-right: 0;
	margin-left: 0;
}
#intro .intro-block {
    padding-right: 0;
    padding-left: 0;
    overflow: hidden;
}
#intro h2 {
	margin-top:0;
	color: #fff;
}
.home-block ul {
	padding-left: 25px;
}
.home-block img {
	display: block;
	height: auto;
	width: 100%;
	/*  -webkit-transition: all .2s ease-in-out;*/
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.home-block p {
	margin: 0;
}
.home-block .button {
  padding: 4px 10px;
	text-transform: none;
	background: #fff;
	border: 1px solid #d0d0d0;
	color: #555;
}
.home-block-btn:hover, .home-block:hover .home-block-btn, .home-block div:hover .home-block-btn {
	opacity: 1;
	background-color: rgba(255, 255, 255, .2);
	color: #fff;
	text-decoration: none;
}
.home-block-text {
	position: absolute;
	z-index: 10;
	top: 20px;
	left: 30px;
}
.home-block-text-black {
	position: absolute;
	height: 100px;
	left: 0;
	right: 0;
	background-color: #000;
	opacity: .6;
	bottom: 0;
	z-index: 5;
	padding-left: 40px;
	padding-top: 10px;
	line-height: 30px;
	cursor: pointer;
	color: #fff;
}
.home-block-text h3, .home-block-text-black h3 {
	margin: 0;
	padding: 0;
	font-size: 22px;
	line-height: 34px;
	color: #fff;
	text-transform: uppercase;
}
.home-block-text-black a {
	color: #fff;
	text-decoration: underline;
}
.red {color: #d00;}
.button {
  background: #003483;
  background-image: -webkit-linear-gradient(top, #ACBDD6, #003483);
  background-image: -moz-linear-gradient(top, #ACBDD6, #003483);
  background-image: -ms-linear-gradient(top, #ACBDD6, #003483);
  background-image: -o-linear-gradient(top, #ACBDD6, #003483);
  background-image: linear-gradient(to bottom, #ACBDD6, #003483);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 14px;
  text-decoration: none;
	text-transform: uppercase;
}

.button:hover {
  background: #7171C4;
  background-image: -webkit-linear-gradient(top, #BCCADE, #0043A8);
  background-image: -moz-linear-gradient(top, #BCCADE, #0043A8);
  background-image: -ms-linear-gradient(top, #BCCADE, #0043A8);
  background-image: -o-linear-gradient(top, #BCCADE, #0043A8);
  background-image: linear-gradient(to bottom, #BCCADE, #0043A8);
  text-decoration: none;
	color: #fff;
}

/* ===============================================
14. Sliders
================================================== */

/* ===============================================
13. thumbnail (bootstrap)
================================================== */

/* ===============================================
??. blockquote
================================================== */

/* ===============================================
??. Custom .btn (bootstrap)
================================================== */

/* ===============================================
??. #sidebar
================================================== */

/* ===============================================
??. footer
================================================== */
#footer {
	clear: both;
  margin-top: 30px;
	padding: 30px 0;
}
body.layout-boxed #footer .container:before {
	border-top: none;
	padding: 0;
}
#footer a, #footer a:link, #footer a:visited {
    color: #999;
}
#footer a:hover, #footer a:active {
    color: #369;
}


/* Sidenav (affix)
================================================== */
/* Affix */
.sidenav.affix {
	top: 0;
}
.sidenav.affix-bottom {
	position: absolute;
	top: auto;
	bottom: 0;
}

.nav-list {
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
}

.nav-list > li > a {
  color: #333333;
  padding: 3px 5px;
}

.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  background-color: #7eb216;
  color: white;
}

.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  margin-right: 2px;
}
.sidenav .icon-chevron-right {
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
	color: #ccc;
	margin: 0 6px 0 4px;
}
.sidenav > li:hover .icon-chevron-right, .sidenav .active .icon-chevron-right {
color: inherit;
}

/* Packages Overrides
================================================== */
/* Problog */
.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {height:28px !important}
.stButton .stArrow {height:28px !important}
.stButton .stButton_gradient {height: 22px !important}
ul#ccm-main-nav a.ccm-header-nav-package-item, ul#ccm-system-nav a.ccm-header-nav-package-item {
	background-position: 8px 16px !important;
}
/* Discussion */
table.ccm-discussion-category-list th, table.ccm-discussion-message-list th {
	background-color: #f6f6f9;
}

/* Margins and spacing
================================================== */
.margin-top-5, .margin-top-10, .margin-top-20,.margin-top-30, .margin-top-40, .margin-top-50 {clear:both}
.margin-top-5 {margin-top:5px}
.margin-top-10 {margin-top:10px}
.margin-top-20 {margin-top:20px}
.margin-top-30 {margin-top:30px}
.margin-top-40 {margin-top:40px}
.margin-top-50 {margin-top:50px}
.margin-bottom-5, .margin-bottom-10, .margin-bottom-20,.margin-bottom-30, .margin-bottom-40, .margin-bottom-50 {clear:both}
.margin-bottom-5 {margin-bottom:5px}
.margin-bottom-10 {margin-bottom:10px}
.margin-bottom-20 {margin-bottom:20px}
.margin-bottom-30 {margin-bottom:30px}
.margin-bottom-40 {margin-bottom:40px}
.margin-bottom-50 {margin-bottom:50px}

/* CSS3 Hover Effects
================================================== */
.hover-effect {
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
.hover-effect-kenburn {
	left:10px;
	margin-left:-10px;
	position:relative;
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}
.hover-effect-kenburn:hover {
	-webkit-transform: scale(2) rotate(5deg);
	-moz-transform: scale(2) rotate(5deg);
	-o-transform: scale(2) rotate(5deg);
	-ms-transform: scale(2) rotate(5deg);
	transform: scale(2) rotate(5deg);
}

/* Selection
================================================== */
/* Don't collapse these into one ruleset. When a browser doesn't
recognise a selector it discards the whole ruleset. */
::-webkit-selection {background-color:#758694; color:#fff}
::-moz-selection {background-color:#758694; color:#fff}
::selection {background-color:#758694; color:#fff}

/*	ccm gallery
================================================== */
.ccm-gallery {width:auto; margin:0; border:none; padding:0}
.ccm-gallery tbody tr td {text-align:left}
.ccm-gallery tbody tr td img {border:1px solid #6d767e; margin-right:10px}

/* ==========================================================================
   HTML5 Boilerplate Helper classes
============================================================================= */

/* For image replacement */
.ir { display: block; border: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0000); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Extras
================================================== */
.group:before, .group:after {content:" "; display:table}
.group:after {clear:both}
.group {zoom:1/* For IE 6/7 (trigger hasLayout) */}

/* ==============================================================
   Media Queries for Responsive Design.
   These override the primary default styles
================================================================= */
@media only screen and (max-width:767px) {
	/* make c5 layout responsive */
  .ccm-layout-col {
      width: 100% !important;
      float: none !important;
  }
  .ccm-layout-col-spacing{
      margin:0 !important;
  }
}
@media (min-width: 768px) {
	body.layout-boxed #wrap {
		width: 768px;
		margin: 0 auto;
		-webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.3);
			-moz-box-shadow: 0 10px 30px rgba(0,0,0,0.3);
				  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
	}
}
@media (min-width: 992px) {
	body.layout-boxed #wrap {width:980px}
}
@media (min-width: 1200px) {
	body.layout-boxed #wrap {width:1170px}
	/* home page */
	#intro .intro-block:first:child {
		height: 293px;
	}
	.home .gmap_canvas {
		height: 293px;
	}
	#home-blocks .row {
		margin-right: -4px;
		margin-left: -4px;
		margin-bottom: 0;
	}
	#home-blocks .home-block {
		padding-left: 4px;
		padding-right: 4px;
	}
}

.navbar-nav>li>a.search {
  padding: 3px 10px;
  border-bottom: 3px solid #999;
}
.navbar-nav>li>a i.search {
  color: #999;
  cursor: pointer;
  font-size: 15px;
  text-align: center;
  line-height: 28px;
  padding: 0;
}
@media (max-width: 991px) {
  .navbar-nav>li>a.search {
    display: inline-block;
    text-align: center;
    background: #ddd;
    line-height: 12px;
    margin: 5px 10px 0 10px;
    border-bottom: none;
  }
}
@media (min-width: 992px) {
  .navbar-nav>li>a.search {
    position: relative;
  }
}
.navbar-nav .search-open {
    right: 0;
    display: none;
    padding: 14px;
    position: absolute;
    background: #fcfcfc;
    border-top: solid 2px #eee;
    box-shadow: 0 1px 3px #ddd;
}
@media (max-width: 991px) {
  .navbar-nav .search-open {
    top: 5px;
    padding: 0;
    left: 48px;
    border-top: none;
    box-shadow: none;
    background: none;
    margin-right: 10px;
  }
}
@media (min-width: 992px) {
  .navbar-nav .search-open {
    width: 330px;
  }
}
.search-open .form-control {
    display: table-cell;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.btn-u {
    border: 0;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    padding: 6px 13px;
    position: relative;
    background: #003483;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
    line-height: 1.6;
}