/*
Theme Name: Accreon 2018
Theme URI: #
Author: Webstructure
Author URI: http://www.webstructure.ca
Description: This is a custom theme for Accreon.
Version: 3.0
License: Not licensed for use by anyone other than Accreon.
License URI: N/A
Text Domain: accreon2018
Tags: one-column, two-columns, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, threaded-comments

Contents
1.0 Global Declarations
	1.1 Resets
	1.2 Fonts Base
	1.3 Reusable Elements
	1.4 Wordpress Core Classes
2.0 Main Page Header
	2.1 Layout / Structure
	2.2 Primary Navigation
	2.3 Needs Navigation
	2.4 Search Field
	2.5 Header CTA
	2.6 Skip Nav links
	2.7 Breadcrumbs
3.0 Widgets
	3.1 Global Sidebar Drawer
4.0 Main Content
	4.1 Structure
	4.2 Header styles
	4.3 Link Styles
	4.4 Flexible Content Patterns
		Call to Action
		Cards
		Columns
		Full-Width Hero Banners
		Image with Text
		Testimonial Boxes
		Text Block
		Related Content
	4.5 Resource Centre / Post Functionality
	4.6 Comments (not active)
5.0 Main Page Footer
6.0 Template-specific styles
	6.1 Case Studies Page
	6.2 Search Results Template
7.0 Shortcodes
	7.1 [format] Text Styles
	7.2 [column] Column System
	7.3 [button]
*/




/************************************************************ 
1.0 GLOBAL DECLARATIONS
************************************************************/

/************************** 
1.1 Resets
**************************/

/* box layout (include padding in box size) */
*,
*:before, 
*:after {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
 }

html, 
body { 
	margin: 0; 
	padding: 0;
}

/* margins */
p, 
ul, 
ol, 
table { 
	margin-bottom: 1.25em;
	margin-top: 0; 
}

/* lists */
ul, 
ol { 
	margin-left: 2em; 
	padding-left: 0;
}
li {
	margin-bottom: .5em;
}

/* tables */
table { 
	border-collapse: collapse; 
	width: 100%; 
}
table th { 
	text-align: left;
}

/* responsive images */
img { 
	height: auto;
	max-width: 100%; 
}
 
/* lists within nav elements - display them horizontally */
nav ul { 
	list-style: none; 
	margin: 0; 
	padding: 0;
}
nav li { 
	display: inline;
}
nav li a { 
	display: inline-block;
	padding:0 5px;
}


/************************** 
1.2 Fonts Base
**************************/
body {
	font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
	font-size: 62.5%;
	line-height: 1.4;
}

/************************** 
1.3 Reusable Elements
**************************/
.wrapper { 
	margin: 0 auto;
	max-width: 1172px; 
	padding-top: 20px; 
	width: 100%; 
}

.screen-reader-text { 
	left: -10000px;
	position: absolute; 
}

/* other common HTML tags */
hr { 
	background-color: #ccc;
	border: 0;
	height: 1px; 
	margin: 1em 0;
	padding: 0;
}

.mobile-only,
.mobile-only-ib,
.mobile-only-i {
	display: none !important;
}


/************************** 
1.4 Wordpress Core Classes
**************************/
.wp-caption { 
	background-color: #f1f1f1; 
	margin-bottom: 1em;
	padding: 5px; 
}
.wp-caption-text { 
	font-size: 0.9em; 
	font-style: italic; 
	text-align: center;
}
.sticky { 
	border: 1px solid #ccc;
	padding: 10px; 
}
.gallery-caption {}
.bypostauthor { /* see comments section of stylesheet */ }

/* alignment */
.alignleft { 
	float: left; 
}
img.alignleft {	
	margin: 0 20px 5px 0; 
}
.wp-caption.alignleft {	
	margin: 0 20px 5px 0; 
}

.alignright { 
	float: right; 
}
img.alignright { 
	margin: 0 0 5px 20px; 
}
.wp-caption.alignright { 
	margin: 0 0 5px 10px; 
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.aligncenter { 
	margin: 0 auto; 
}

img.alignnone { 
	margin: 0; 
}

/************************************************************ 
2.0 MAIN PAGE HEADER
************************************************************/

/************************** 
2.1 Layout / Structure
**************************/
#pageheader { 
	font-size: 1.6em; 
	position: relative;
	z-index: 100; 
}
#pageheader .wrapper { 
	position: relative;
	padding:0 30px;
}

#brand {
	max-width:253px;
	height:157px;
}
#brand a {
	display:block;
	position:relative;
	height:100%;
}
#brand img {
	display:block;
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
			transform:translateY(-50%);
}

#pageheader .primary-nav { 
	padding: 0; 
	width: auto;
	display:inline-block;
	position:absolute;
	right:220px;
	top:70px
}
#pageheader .widgets {
	position:absolute;
	top:70px;
	right:0;
}
#pageheader .widget {
	display:inline-block;
}

#mobile-nav {
	display:none;
}



/**************************
2.2 Primary Navigation
**************************/
#nav-toggle {
	display: none;
}
#pageheader .primary-nav {
	z-index:200;
}
#pageheader .primary-nav li { 
	display: inline-block; 
	position: relative;
}
#pageheader .primary-nav a { 
	color: #004876;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	text-decoration: none;
}
#pageheader .primary-nav a:hover { 
	color: #fa8a3b;
}

#pageheader .primary-nav .current-menu-item > a,
#pageheader .primary-nav .current-menu-ancestor > a {
	font-weight:600;
	color:#fa8a3b;
}

#pageheader .primary-nav .sub-menu {
	position:absolute;
	top:100%;
	left:-10000px;
	border:1px solid #cacaca;
	width:200px;
	background:#fff;
	opacity:0;
	transition:opacity 0.2s linear
}
#pageheader .primary-nav li:hover .sub-menu {
	opacity:1;
	left:0;
}
#pageheader .primary-nav .sub-menu li {
	display:block;
}
#pageheader .primary-nav .sub-menu a {
	padding:5px 10px;
}


/**************************
2.3 Needs Navigation
**************************/
#needs-nav {
	background-color:#004876;
	position:relative;
	z-index:199;
	border-bottom:5px solid #fff;
}
#pageheader .needs-nav {
	display:inline-block;
	font-size: 1.125em;
	font-weight:600;
	position:relative;
	padding:20px 15px;
	left:50%;
	-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
			transform:translateX(-50%);
}
#pageheader .needs-nav a {
	color:#fff;
	line-height:20px;
	text-decoration:none;
	padding:0 12px;
	border-right:1px solid #fff;
}
#pageheader .needs-nav a:hover {
	color:#fa8a3b;
}
#pageheader .needs-nav a:hover,
#pageheader .needs-nav .current-menu-item a {
	text-decoration:underline;
}
#pageheader .needs-nav li:first-child a {
	padding-left:0;
}
#pageheader .needs-nav li:last-child a {
	border-right:0;
	padding-right:0;
}

/**************************
2.4 Search Field
**************************/
#pageheader .widgets .search {
	width:25px;
	height:44px;
	padding-right:25px;
	overflow:hidden;
	background: #fff url(img/search.svg) no-repeat center right;
	background-size: 25px;
	display:inline-block;
	vertical-align: middle;
	cursor:pointer;
	position:relative;
	transition:width 0.1s linear;
	z-index:1000;
}
#pageheader .widgets .search.active {
	width:305px;
}
#pageheader .widgets .search form {
	position:absolute;
	left:-305px;
	width:305px;
	top:4px;
	background:#fff;
	transition:left 0.1s linear;
}
#pageheader .widgets .search.active form {
	left:0;
}
#pageheader .widgets .search-toggle {
	width:25px;
	height:25px;
	/*display:inline-block;*/
	display:none;
	vertical-align:middle;
}

/*#pageheader .widgets .search {
	position: absolute;
    top: 4px;
    right: 175px;
    width: 305px;
	overflow:hidden;
	opacity:0;
	visibility:hidden;
	transition:opacity 0.1s linear;
	z-index:900;
}
#pageheader .widgets .search.active {
	opacity:1;
	visibility:visible;
}*/

#pageheader .widgets .search input.search-field {
	border: 1px solid #cacaca;
	border-radius:5px 0 0 5px;
	font-size: 0.8em;
	line-height: 35px;
	height:35px;
	padding:0 5px;
	width: 245px;
	float:left;
	outline:none !important;
	box-sizing: border-box;
}

#pageheader .widgets .search input.search-submit {
	background: #fff;
	border: 1px solid #cacaca;
	border-left:0;
	border-radius:0 5px 5px 0;
	font-size:0.8em;
	color:#000;
	height: 35px;
	float:left;
	line-height:35px;
	width:60px;
	padding:0;
	position: relative;
	outline:none !important;
}

/**************************
2.5 Header CTA
**************************/
#pageheader .cta {
	margin-left:15px;
}
#pageheader .cta p {
	margin:0
}
#pageheader .cta a {
	display:block;
	text-decoration:none;
	color:#1e252b;
	background-color:#f9be00;
	font-weight:600;
	line-height:40px;
	padding:0 45px;
	border-radius:20px;
}

/************************** 
2.6 Skip Nav links
**************************/
#skip-nav a:hover, 
#skip-nav a:active, 
#skip-nav a:focus { 
	left: 20px; 
	top: 20px;
}


/************************** 
2.7 Breadcrumbs
**************************/
#breadcrumbs {
	padding:15px 0 28px 0;
	font-size:0.7778em;
}
#breadcrumbs .breadcrumb_last {
	color:#fa8a3b;
}
#breadcrumbs a {
	color:#011c7b;
	text-decoration:none;
}


/************************************************************ 
3.0 WIDGETS
************************************************************/

/************************** 
3.1 Global Sidebar Drawer
**************************/
#side-drawer {
	width:266px;
	height:auto;
	position:fixed;
	right:-266px;
	top:50%;
	-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
			transform:translateY(-50%);
	background:#fff;
	border-radius:0 0 0 5px;
	padding:20px;
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	font-size:1.6em;
	font-weight:600;
	z-index:100;
	transition:right 0.9s ease;
}
#side-drawer.active {
	right:0;
}
#side-drawer .toggle-drawer {
	content:'';
	display:block;
	width:44px;
	height:38px;
	background-color:#f9be00;
	position:absolute;
	left:-44px;
	top:0;
	border-radius:5px 0 0 5px;
	-webkit-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.25);
	box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.25);
	z-index:9;
	background-image: url(img/arrow-left.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:22px;
	cursor:pointer;
}
#side-drawer.active .toggle-drawer {
	background-image: url(img/arrow-right.svg);
}
.page-blocker {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:none;
}
.page-blocker.active {
	display:block;
}

/* Drawer Contents */
#side-drawer h2 {
	font-size:1.5625em;
	font-weight:600;
}
#side-drawer ul {
	list-style:none;
	margin:0;
	padding:0;
}
#side-drawer li {
	margin:0;
	line-height:1;
}
#side-drawer .links a {
	display:inline-block;
	line-height:1;
	margin-bottom:12px;
	color:#6ba2b9;
}
#side-drawer .links a:after {
	content:'';
	display:inline-block;
	width:8px;
	height:12px;
	background:url(img/chevron_right.svg) no-repeat center;
	background-size:contain;
	margin-left:10px;
}
#side-drawer .links a:hover {
	color:#f9be00;
	text-decoration: underline;
}
#side-drawer .links a.more-link:after {
	display:none;
}
#side-drawer .featured img {
	margin-top:5px;
	display:block;
}
#side-drawer .featured h4 {
	margin:0.5em 0;
	color:#fa8a3b;
	font-size:1em;
}


/************************************************************ 
4.0 MAIN CONTENT
************************************************************/

/**************************
4.1 Structure
**************************/
#content { 
	font-size: 1.8em;
	line-height:1.38;
	width: 100%;
	min-height:90vh;
	color:#041e41;
}
#content:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}


/**************************
4.2 Header Styles
**************************/
h1, h2, h3, h4, h5, h6 { 
	margin-top: 0;
}
h1 {
	font-size:3.0556em;
	font-weight:400;
	line-height:0.964;
	color:#041e41;
}
h2 {
	font-size:3.0556em;
	font-weight:400;
	line-height:0.964;
	color:#004876;
	margin-bottom:30px;
}
h3 {
	font-size:1.3889em;
	font-weight:600;
	line-height:0.964;
	color:#fa8a3b;
	margin-bottom:0.75em;
}
h4 {
	font-size:1.19em;
	font-weight:600;
	line-height:0.964;
	margin-bottom:0;
}
h5 {
	font-size:1em;
	font-weight:600;
	line-height:0.964;
	margin-bottom:0;
}

a h2, a h3, a h4, a h5, a h6 {
	color:inherit;
}


/**************************
4.3 Link Styles
**************************/
a:link, 
a:visited {
	color: #004876;
	text-decoration: underline;
}
a:hover,
a:active {
	text-decoration: none;
}

.cta-link {
	display:inline-block;
}


.more-link a {
	display:inline-block;
	line-height:1;
	margin-bottom:12px;
	color:#004876;
}
.more-link a:after {
	content:'';
	display:inline-block;
	width:8px;
	height:12px;
	background:url(img/chevron_right.svg) no-repeat center;
	background-size:contain;
	margin-left:10px;
}
.more-link a:hover {
	text-decoration: none;
}


/**************************
4.4 Flexible Content Patterns
**************************/
.flexible-row {
	margin-bottom:5em;
}


/* Call to Action */
.cta-box {
	padding:45px 17%;
	text-align:center;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}
.cta-box * {
	color:inherit;
}
.cta-box p {
	opacity:0.75;
}
.cta-bg-bottom {
	margin-bottom:0px;
	background:url(img/bg_bottom_blue.png) repeat-x bottom;
}
.cta-bg-bottom .cta-box {
	margin-bottom:0;
}
.cta-box .button + .cta-link {
	margin-left:20px;
}
.cta-box .cta-link a {
	color:inherit;
}


/* Cards */
.cards {
	display:table;
	position:relative;
	overflow:hidden;
	border-collapse:separate;
	border-spacing:15px;
}
.cards .row {
	display:table-row;
}
.cards .card {
	background-color:#fff;
	display:table-cell;
	padding:40px;
	text-align:center;
	overflow:hidden;
	border-radius:5px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}
.cards.c2 .card { width:48%; }
.cards.c3 .card { width:31.33333%;}
.cards .card img {
	max-width:80px;
}
.card h3 {
	margin-top:0.75em;
}


/* Columns */
.columns .row {
	overflow:hidden;
}
.columns .column {
	float:left;
	margin-left:4%;
}
.columns .column:first-child {
	margin-left:0;
}
.columns.c2 .column {
	width: 48%;
}
.columns.c3 .column {
	width:30.66667%;
}
.columns.c4 .column {
	width:22%;
}
.columns .h3-ttl-spacer {
	font-size: 1.3889em;
    line-height: 0.964;
	margin-top:0;
    margin-bottom: 0.75em;
}



/* Full-Width Hero Banners */
.hero-banner {
	position:relative;
	background-size: cover;
	background-position:center;
	height: auto;
	min-height: 250px;
	overflow:hidden;
}
.flexible-home .hero-banner {
	min-height:670px;
	max-height:none;
	height:calc(100vh - 227px);
}

.hero-banner:after {
	display: none;
	content:'';
	vertical-align:middle;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
	background-color: #000000 /*#004876*/;
	opacity: .45;
}
.flexible-home .hero-banner:after {
	display:none;
}
.hero-banner .txt {
	color: #1e252b;
}
.hero-banner.internal .txt  {
    color: #1e252b; /*#041e41;
	opacity: .7;*/
}

.hero-banner .banner-text {
	margin:20px 0;
	display:inline-block;
	vertical-align:middle;
	width:100%;
	margin-right:-5px;
	position: relative;
	z-index: 6;
}
.home .hero-banner .banner-text {
	margin:80px 0;
	
}
.hero-banner .banner-text > .wrapper > * {
	max-width:58%;
	min-width:600px;
	padding-left:0px;
}
.hero-banner.internal .buttons {
	margin-bottom:20px;
	display: block;
}
.hero-banner .banner-text h1:only-child {
	margin:0;
}
.hero-banner .button a {
	color:#041e41;
}
.hero-banner .button + .cta-link {
	margin-left:20px;
}


/* Image with Text*/
.image-text {
	overflow:hidden;
	position:relative;
}
.image-text img.image,
.image-text .text-container {
	display:inline-block;
	vertical-align:middle;
}
.image-text img.image {
	width:58%;
}
.image-text .text-container {
	position:relative;
	width:41.3%;
	min-height:85%;
	top:7%;
}
.image-text .text {
	display:inline-block;
	vertical-align:middle;
}
.image-text .text > *:last-child {
	margin-bottom:0;
}

/* left aligned */
.image-text.image-left img.image {
	padding-right:20px;
}
.image-text.image-left .text-container {
	padding-left:40px;
	border-left:1px solid #cacaca;
}
/* right aligned */
.image-text.image-right img.image {
	padding-left:20px;
}
.image-text.image-right .text-container {
	text-align:right;
	border-right:1px solid #cacaca;
}
.image-text.image-right .text {
	padding-right:40px;
}



/* Testimonial Boxes */
.quote-bg {
	position:relative;
}
.quote-text {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);	
		-ms-transform:translateY(-50%);	
			transform:translateY(-50%);	
	width:100%;
}
.quote-box {
	color:#fff;
	margin:0 110px;
	padding:40px 10%;
	border-radius:5px;
	text-align:center;
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.quote-box .quote {
	font-size:1.3889em;
}
.quote-box .quote p:last-child {
	margin-bottom:0;
}
.quote-box .citation {
	font-weight:600;
	opacity:0.75;
	margin:1.5em 0;
}
.quote-box .citation:last-child {
	margin-bottom:0;
}


/* Text Block */
.text-block.centre-aligned {
	margin-left:10%;
	margin-right:10%;
	text-align:center;
}
.text-block.right-aligned {
	text-align:right;
}
.text-block * {
	text-align:inherit;
}


/* Related Content */
#related-content {
	border-top:1px solid #cacaca;
	padding-top:2em;
}
#related-content h3 {
	margin:0.5em 0;
}
#related-content .pre-meta {
	font-style: italic;
	margin-bottom:0.5em;
}


/**************************
4.5 Resource Center / Post Functionality
**************************/
.post-list article.post,
body.paged .post-list article.post,
body.archive .post-list article.post {
	float:left;
	width:30.6667%;
	margin-left:4%;
	clear:none;
}
.post-list article.postcount-1 {
	width:65.334%;
	margin-left:0;
}

.post-list article.post:nth-child(3n),
body.paged .post-list article.post:nth-child(3n+1),
body.paged .post-list article.postcount-1,
body.archive .post-list article.post:nth-child(3n+1),
body.archive .post-list article.postcount-1 {
	margin-left:0;
	clear:left;
}
.post-list article.post{
	border: 1px solid rgba(0, 72, 118, .05);
    background-color: #fff;
    border-radius: 5px;
    padding-bottom: 50px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

/* text formatting */
.post-list article.post h2 {
	font-size:1.3889em;
	line-height:1.3;
	margin:0.5em 0;
	padding-left: 20px;
}
.post-list article.post .pre-meta {
	margin-bottom:0.25em;
	font-style:italic;
}
.blog .post-list .entry-title, .pre-meta, .more-link, .excerpt-wrapper {
	padding-left: 20px;
    padding-right: 20px;
}
   

/* Post Filters (Search & Filter plugin */
#post-filter {
	background:#efefef;
	padding-top:20px;
	padding-bottom:40px;
	text-align:center;
	margin-bottom:2em;
}
#post-filter .filter-title, 
#post-filter form.searchandfilter {
	display:inline-block;
	margin:0;
}
#post-filter ul {
	margin-bottom:0;
	padding:0;
	margin-left:10px;
}
#post-filter select,
#post-filter input[type="text"] {
	padding:10px;
	border-radius:2px;
	border:1px solid #cacaca;
	-webkit-appearance: none;
}

.searchandfilter li {
    list-style: none;
    display: inline-block;
    padding-right: 10px;
    padding-bottom: 10px;
}

body.single-post article h1.entry-title {
	margin-top:36px;
}
/* post metas */
article.post {
	margin-bottom:2em;
}
.date { 
	font-style: italic; 
	margin-bottom: 0;
}
.post-meta { 
	clear: both; 
	margin-bottom: 1em; 
	padding: 5px; 
}
.post-meta p { 
	margin: 0;
}

/* paged navigation for post lists, search results and prev/next post links */
.post-navigation { 
	margin-top: 1em; 
	margin-bottom:2em;
	padding-top: 1em; 
	overflow: hidden; 
	text-align: center;
	clear:both;
}
.post-navigation span {
	padding:0 20px;
	width:49.5%;
}


/* page navigation for multi-page posts */
#page-links { 
	font-size: 0.8em;
	line-height: 1; 
	margin: 1em 0; 
	text-align: right; 
}
#page-links span { 
	border: 1px solid #ccc;
	display: inline-block; 
	font-weight: 700; 
	padding: 8px; 
}
#page-links a span { 
	border: 0;
	font-weight: 500; 
}

/************************** 
4.6 Comments - not active on this site
**************************/
#comments { 
	display:none !important;
}




/************************************************************
5.0 MAIN PAGE FOOTER
************************************************************/

#pagefooter { 
	clear: both; 
	font-size: 1.6em;
	margin-top: 0; 
	padding: 70px 20px 20px 20px;
	background-color:#041e41;
	color:#d1d3d3;
}
#ftr-brand {
	width:40%;
	display:inline-block;
	vertical-align: top;
}
#ftr-brand img {
	max-width:190px;
}
#ftr-widgets {
	width:59.5%;
	display:inline-block;
	vertical-align: top;
}
#ftr-widgets .widget {
	float:left;
}
#ftr-widgets .widget-1 {
	width:50%;
	padding-right:10%;
}
#ftr-widgets .widget-2 {
	width:30%;
}
#ftr-widgets .widget-3 {
	width:20%;
}
#pagefooter h3 {
	color:#fff;
	font-weight:600;
	margin-bottom:0.25em;
	margin-top:1em;
}
#pagefooter h3.widget-title {
	margin-top:0;
}
#pagefooter ul.menu {
	list-style:none;
	margin:0;
	padding:0;
}
#pagefooter a {
	color:inherit;
	text-decoration:none;
}
#pagefooter a:hover {
	color:#fff;
	text-decoration:underline;
}

#copyright {
	font-size:1.6em;
	text-align:center;
	padding:10px 20px;
	margin:0;
}



/************************************************************ 
6.0 TEMPLATE-SPECIFIC STYLES
************************************************************/

.entry-thumbnail img {
	border-bottom: 1px solid rgba(0, 72, 118, .05);
    width: 100%;
}
.blog .post-list article {
    position: relative;
}
.blog .post-list .entry-title, 
.blog .post-list .pre-meta, 
.blog .post-list .more-link,
.blog .post-list .excerpt-wrapper {
	padding-left:20px;
	padding-right: 20px;
}
.blog .post-list .more-link {
    position: absolute;
    bottom: 20px;
}
.blog .post-list article {
	border: 1px solid rgba(0, 72, 118, .05);
	background-color: #fff;
	border-radius: 5px;
	padding-bottom: 50px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

/**************************
6.1 Case Studies Page
**************************/
#featured-case {
	overflow:hidden;
	margin-bottom:3em;
}
#featured-case .entry-thumbnail,
#featured-case .text {
	float:left;
}
#featured-case .entry-thumbnail {
	width:360px;
}
#featured-case .text {
	width: calc(100% - 360px);
	padding-left:20px;
}

#case-studies {
	margin:0 10% 40px 10%;
}
#case-studies .case-study {
	overflow:hidden;
	margin-bottom:2em;
}
#case-studies .entry-thumbnail,
#case-studies .text {
	float:left;
}
#case-studies .entry-thumbnail {
	width:150px;
}
#case-studies .text {
	width:calc(100% - 150px);
	padding-left:20px;
}


/**************************
6.2 Search Results template
**************************/
body.search article {
	margin-bottom:40px;
	border-bottom:1px solid #cacaca;
	padding-bottom:40px;
}
.search-title {
	margin-top:80px;
}
body.search article .entry-title,
body.search article p {
	margin:0 0 0.5em 0;
}
body.search article .entry-thumbnail {
	width:220px;
	padding-right:20px;
	display:inline-block;
	vertical-align:top;
}
body.search article .entry-text {
	display:inline-block;
	width:calc(100% - 225px);
	vertical-align:top;
}
body.search article .entry-title {
	font-size:1.2em;
}

.in-page-search {
	padding-bottom:40px;
	border-bottom:1px solid #cacaca;
	margin-bottom:40px;
}
.in-page-search .pre-form {
	display:inline-block;
	vertical-align:middle;
}
.in-page-search form {
	display:inline-block;
	border: 1px solid #cacaca;
	border-radius:5px;
	overflow:hidden;
	vertical-align:middle;
	margin-left:10px;
}
.in-page-search input.search-field {
	line-height:35px;
	padding:0 10px;
	width:280px;
	border:0;
}
.in-page-search input.search-submit {
    background: #fff;
    border-left: 1px solid #cacaca;
    border-radius: 0 5px 5px 0;
    font-size: 0.8em;
    color: #000;
    height: 35px;
    line-height: 35px;
    width: 60px;
    padding: 0;
    position: relative;
    outline: none !important;
}
body.search #related-content {
	border-top:0;
	padding-top:0;
	margin-bottom:2em;
	overflow:hidden;
}
body.search #related-content article {
	margin-bottom:0;
	border-bottom:0;
	padding-bottom:0;
}
body.search #related-content article .entry-thumbnail {
	width:100%;
	padding-right:0;
	display:block;
}


/************************************************************ 
7.0 SHORTCODES
************************************************************/

/**************************
7.1 [format] text styles
**************************/
.introtext,
.callout { 
	font-size: 1.2em;
	font-weight: 700;
}

/************************** 
7.2 [column] Column system
**************************/
/* override the webstructure plugin css here */

/**************************
7.3 [button]
**************************/
.button {
	display:inline-block;
}
input[type="submit"],
.button a {
	line-height:40px;
	padding:0 40px;
	border-radius:22px;
	background:#f9be00;
	border:0;
	font-weight:600;
	color:#041e41;
	text-decoration:none !important;
	display:inline-block;
}
.button.white a {
	background:#fff;
}
.button a:hover {
	opacity:0.8;
}
.button.clear a {
	border:2px solid #f9be00;
	background:transparent;
}
.button.clear a:hover {
	background:#f9be00;
	opacity:1;
}



/*Landing page css */

/*banner section*/

.banner_section img {
    width: 100%;
    max-width: 100%;
    display: block;
}
.banner_section figure {
    width: 100%;
}
.banner_section {
    position: relative;
    min-height: 545px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
/*accreon-cloud*/
.accreon-cloud_type {
    width: 20%;
    float: left;
    text-align: center;
    padding: 0 20px;
    border-right: 1px solid #336d92;
}
.accron-cloud_wrapper {
    display: flex;
    margin: 30px 0;
}
.accreon-cloud {

    background: #004877;
    color: #fff;
    text-align: center;
    overflow: auto;
    padding: 25px 0 10px;
}
.accreon-cloud-title {
    color: #fab700;
    font-size: 18pt;
    font-weight: 600;
}
.accreon-cloud-title span {
	color: #fff;
}

/*healthcare section*/


.healthcare_title {

    overflow: auto;
    text-align: center;
    margin: 60px 0 50px;

}
.healthcare_content {

    max-width: 1000px;
    margin: 0 auto;
    padding: 0 30px;

}
.healthcare_content {

    max-width: 860px;
    margin: 0 auto;
    padding: 0 30px;

}
.healthcare_right {

    padding-left: 20px;
    float: right;
    width: 58%;

}
.healthcare_content figure {

    float: left;

}
.healthcare {
    overflow: auto;
}
/*cloud-service scetion*/

.cloud-service {
    overflow: auto;
    clear: both;
    margin: 50px 0;
}
.cloud-service-type {
    width: 16.66%;
    float: left;
    padding: 0 26px 0 19px;
		border-left: 1px solid #eaeaea;
}
.cloud-service .wrapper {

    display: flex;

}
form.form p.submit {

    margin: 0;
    padding: 0;

}
.banner_section iframe {
    position: absolute;
    top: 0;
    right: 356px;
    background: #f5f5f5;
    height: 100%;
    width: 302px;
    text-align: center;
    border: none;
}

.healthcare_title p {
    margin: 15px 0 0 0;
    color: #041e41;
    font-size: 17pt;
    font-weight: 600;

}
.banner_section iframe #pardot-form form.form input {
    font-weight: normal;
    padding: 11px;
    width: 100%;
}

.page-id-1189 #needs-nav{border:none;}
.accreon-cloud_type:last-child {
    border: none;
}
.accreon-cloud_type figure {
    margin-bottom: 20px;
}
.banener_contant h3 {

    color: #fff;
    font-weight: inherit;
    line-height: 30pt;

}
.banener_contant {
    max-width: 1170px;
    padding: 100px 30px;
    line-height: 1;
    font-size: 19pt;
    color: #fff;
    margin: 0 auto;
}
.banener_contant h3 span {

    color: #fab700;

}
.banener_contant .banner_inner {
    width: 49%;
}
.banner_inner p {
	font-size: 17px;
	letter-spacing: 0.7px;
	font-weight: normal;
	line-height: 22px;
}
@media (max-width: 1700px){
.banner_section iframe {
    right: 10%;
}
}

@media (max-width: 1140px){
.banner_section iframe {
    right: 30px;
}
.needs-nav {
    text-align: center;
}
}
@media (max-width: 820px){
	.accron-cloud_wrapper {
    display: block;
    margin: 30px 0;
}
.accreon-cloud_type {
    width: 30%;
    float: none;
    text-align: center;
    padding: 0 20px;
    border-right:none;
    display: inline-block;
    vertical-align: top;
    min-width: 243px;
    margin: 13px 0;
    
}
.healthcare_content figure {
    float: none;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.healthcare_right {
    padding-left: 20px;
    float: none;
    width: 100%;
}
.cloud-service .wrapper {
display: block;
    text-align: center;
    padding: 0 5%;
}
.cloud-service-type {

    width: 32.66%;
    float: none;
    padding: 11px;
    border-left: none;
    display: inline-block;
    vertical-align: top;
    min-width: 188px;
    margin: 0;
    text-align: justify;
}
.banner_section iframe {
	left:auto;
    position:relative;
    width:100%;
    min-height: 547px;
    margin:0 auto;
    right: auto;
}
.banener_contant .banner_inner {
    width: 100%;
}
	.cloud-service {
    overflow: auto;
    clear: both;
    margin: 0;
}
}

@media (max-width: 438px){
.cloud-service-type ,.accreon-cloud_type{
border:none;
}
.banner_section iframe {
    left: 0;
    min-height: 547px;
    width: 100%;
    position: relative;
    overflow: auto;
    clear: both;
}
.cloud-service-type {
    width: 32.66%;
    float: none;
    padding: 0 12px;
    border-left: none;
    display: inline-block;
    vertical-align: top;
    min-width: 223px;
    margin: 00;
    text-align: justify;
}
	.cloud-service {
	overflow: auto;
	clear: both;
	margin: 00;
}
	.cloud-service .wrapper {

	padding: 0;
}
	.cloud-service p {
    margin-bottom: 10px;
}
}