/******************************************************************
Theme Name: Beanworks 2015
Theme URI: http://www.beanworks.com
Description: Beanworks Theme
Author URI: http://www.beanworks.com
Version: 1.0
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support


------------------------------------------------------------------


******************************************************************/

.sticky {}          /* DO NOT EDIT THIS */
.gallery-caption {} /* THESE ARE USELESS */
.bypostauthor {}    /* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */

/******************************************************************
Beanworks Edits
Hey Beanworks team,
You can edit this file for any overriding CSS that you want.
If you want to get all crazy on the edits, you'll have to edit the scss files and run compass to generate the actual css files.
If its small, use this file instead as it should be unlikely that anyone will overwrite it and have your changes lost.
******************************************************************/

/******----OVERRIDES----******/

/*----Blog Post Links----*/
.entry-content p a {
	text-decoration: underline;
}

/*----Blog Button Links----*/
.entry-content p a.green-button {
	text-decoration: none;
}

/*----Ordered List----*/
.entry-content ol{
	margin-left: 3em;
}

.entry-content ol li {
	padding-left: 1em;
}


/*----Blog Byline----*/
.byline {
	font-style: normal;
}


/*-------About Page-------*/


.about-four-col{
	width: 22%;
	height: 350px;
	padding: 40px 20px;
	float: left;
	text-align: center;
	background-color: #f2f2f2;
	margin: 0 10px;
}

.about-four-col-last{
	margin: 0 0 0 10px;
}

@media only screen and (max-width: 1029px) and (min-width: 481px) {
	.about-four-col{
		width: 47%;
		margin-bottom: 30px;
	}

	.about-four-col-second-last{
		margin: 0 0 30px 10px;
	}
	
}

@media only screen and (max-width: 480px) {
	.about-four-col{
		width: 100%;
		margin: 0 0 30px 0;
		float: none;
		text-align: center;
	}
}

.div-events h2{
	color: #7d7e82;
}

.career-intro{
	background-color: #f2f2f2;
}

.about-grid-col ul{
	padding-top: 1.5em;
	margin: 0 auto;
	width: 100%;
	height: 300px;
	list-style-type: none;
	text-align: center;
	font-weight: bold;
	line-height: 1.4;
}

.about-grid-col ul li{
	float: left;
	width: 33%;
	height: 170px;
}

.about-grid-col ul li img{
	width: 70px;
	clear: both;
}

@media only screen and (max-width: 1029px) {
	.about-grid-col{	
		width: 100%;
		clear: both;
		float: none;
		margin: 0;
	}

	.about-grid-col ul{
		margin-left: 0;
		list-style-type: none;
		text-align: center;
	}
	
	.about-grid-col-test ul li{
		font-size: 80%;
	}

}

@media only screen and (max-width: 480px){
	.about-grid-col{	
		width: 100%;
		clear: both;
		float: none;
		margin: 0;
	}

	.about-grid-col ul{
		margin-left: 0;
		list-style-type: none;
		text-align: center;
	}
	
	.about-grid-col ul li{
		width: 100%;
		font-size: 100%;
	}

}

.div-job-postings{
	background-color: #f2f2f2;
}

.div-job-postings .job-postings-container .job-posting.accordion {
    background-color: #ffffff;
}

.div-job-postings .page-heading{
	color: #7d7e82;
}

#seeCareers {
    display: block;
    width: 300px;
    text-align: center;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;}


/** Color Changes **/

a.header-button, .header-button{
	background-color: #F38020;
}

a.header-button:hover, a.header-button:focus, .header-button:hover, .header-button:focus, .home .header #inner-header .right-side .upper-bar a:hover, .home .header #inner-header .right-side .upper-bar a:focus{
	background-color: #4d7581;
}

.footer a.footer-button, .footer a.footer-button{
	background-color: #41AD49;
}

.footer a.footer-button:hover, .footer a.footer-button:hover, .footer a.footer-button:focus, .footer a.footer-button:focus{
	background-color: #4d7581;
}

a.green-hover, .green-hover{
	border-color: #41AD49;
}

a.green-hover:hover, .green-hover:hover, a.green-hover:focus, .green-hover:focus{
	background-color: #41AD49;
	border-color: #41AD49;
}

green-button, a.green-button{
	background-color: #41AD49;
}

.div-events h1, .div-events h2, .div-events h3, .div-events h4, .div-events h5, .div-events h6, .div-events .h1, .div-events .h2, .div-events .h3, .div-events .h4, .div-events .h5, .div-events .h6, .div-testimonies h1, .div-testimonies h2, .div-testimonies h3, .div-testimonies h4, .div-testimonies h5, .div-testimonies h6, .div-testimonies .h1, .div-testimonies .h2, .div-testimonies .h3, .div-testimonies .h4, .div-testimonies .h5, .div-testimonies .h6 {
	color: #41AD49;
}

.div-future h1, .div-future h2, .div-future h3, .div-future h4, .div-future h5, .div-future h6, .div-future .h1, .div-future .h2, .div-future .h3, .div-future .h4, .div-future .h5, .div-future .h6 {
	color: #00AEEF;
}

.div-contact, .div-contact-form{
	background-color: #4D7581;
}

.div-contact input.wpcf7-form-control.wpcf7-submit, .div-contact-form input.wpcf7-form-control.wpcf7-submit{
	background-color: #41AD49;
}

a.white-hover, a.white-hover, .white-hover, .white-hover{
	background-color: #41AD49;
}

/** About Page - Staff Photos Section **/


ul.staff-list{
	text-align: center;	
	width: 800px;
	margin: 0 auto;
}

ul.staff-list-big{
	text-align: center;	
	width: 1000px;
	margin: 0 auto;
}

ul.staff-list li, ul.staff-list-big li {
	display: inline-block;
	vertical-align: top;
	margin: 0 40px 40px 40px;
	width: 150px;
}

p.staff-name{
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

p.staff-title{
	font-size: 12px;
	line-height: 1.3;
	margin: 0;
}	

.management-team h2{
	margin-top: 40px;
	margin-bottom: 40px;
}

ul.staff-list li img, .staff-list-big img{
	padding: 0 13.5px;
	width: 140px;
}

@media only screen and (max-width: 768px) and (min-width: 481px) {
	ul.staff-list{
		text-align: center;	
		width: 500px;
		margin: 0 auto;
	}
		
	ul.staff-list-big{
		text-align: center;	
		width: 500px;
		margin: 0 auto;
	}
	
	ul.staff-list li, ul.staff-list-big li {
		display: inline-block;
		vertical-align: top;
		margin: 0 10px 40px 10px;
		width: 100px;
	}
}

@media only screen and (max-width: 480px) {
	ul.staff-list{
		width: 250px;
	}
		
	ul.staff-list-big{
		width: 250px;
	}
		
	ul.staff-list li, ul.staff-list-big li {
		margin: 0 10px 40px 10px;
		width: 100px;
	}
}

/** Solutions Page **/

#actual-content .internal-menu-band#solutionsMenu {
	background-color: #00AEEF;
}

#approveMenuItem a, #codeMenuItem a, #payMenuItem a{
	background-color: #00AEEF;
}

.guarantee-container{
	background-color: #4D7581;
}

.guarantee-container p{
	width: 700px;
	text-align: left;
	margin: 0 auto;
	padding: 10px 0 40px 0;
	font-size: 12px;
	color: #ffffff;
}

@media only screen and (max-width: 768px) and (min-width: 481px) {
	.guarantee-container p{
		width: 100%;
		padding: 20px 20px;
	}
}

@media only screen and (max-width: 480px) {
	.guarantee-container p{
		width: 100%;
		padding: 20px 20px;
	}
}




/******----END OF OVERRIDES----******/


/***** Banners ***********
When creating new Banners in the Wordpress backend, there is a 'box class' field for the classes that the banner should have.
These classes should correspond to the background color and the classes specified here.

blue example
|		|
|		class used below   (.example)
|
color of banner (blue and green)

*/

@media only screen and (min-width: 481px) {
	.home .banner-content h1
	{
		text-transform: capitalize;
		font-family:"museo-sans",Arial,serif;
		font-size: 40px;
		line-height: 50px;
		margin-top: 10px;
	}

	.expense-notification {
		display: none;
	}
}

@media only screen and (max-width: 481px) {
	.div-integrates-update .logo-container img {
		width: 100%;
	}

	.div-integrates-update .swiper-container {
	    margin-left: 30px;
	    margin-right: 30px;
	}

	.expense-notification {
		display: none;
	}
}


@media only screen and (min-width: 768px) {
	.page.page-template-page-solutions .banner-solutions
	{
		max-height: 425px;
	}

	.page .background-image .banner-content {
		width: auto;
		max-width: none;
	}

	.page .colored-image,
	.blog .colored-image
	{
		max-height: 350px;
	   	background: #13b4ec;
	}

	.std-pricing {
		margin-top: 0;
	}

	.std-pricing .pricepackage-container {
	    margin-top: 40px;
	}

	.single-integrations .single-solution .solution .upper-content .image-container {
		align-self: flex-start;
	}

	.div-integrates-update .logo-container img {
		width: 60%;
	}

	.expense-notification {
		display: none;
	}

	.contact-info > div:first-child {
    		margin-left: 15%;
	}
}

@media only screen and (min-width: 1029px) {
	.div-integrates-update .logo-container img {
		width: 75%;
	}

	.expense-notification {
		display: block;
	}
}

@media only screen and (max-width: 1029px) {
	#solutionsMenu 
	{
		display: none !important;
	}

	.page .colored-image,
	.blog .colored-image
	{
    	background: #13b4ec;
	}
}

@media only screen and (max-width: 1029px) {
	.page .banner-image,
	.blog .banner-image
	{
		display: none;
	}

	.page .banner-content,
	.blog .banner-content
	{
		width: 100%;
		max-width: 800px;
		text-align: center;
	}

	.page .colored-image,
	.blog .colored-image
	{
    	background: #13b4ec;
	}

	#contactSpecialist {
		margin: 0 auto;
	}

	.div-integrates-update {
		padding-top: 40px;
		padding-bottom: 20px;
	}

	.div-integrates-update .logo-container {
		border: 0;
		padding: 20px;
	}

	.div-integrates-update .logo-container :after {
		padding: 0;
	}

	.div-integrates-update .h1 {
		font-size: 18px;
	}

	.div-integrates-update .swiper-slide {
		width: 850px;
		padding: 10px 0;
	}

	.div-integrates-update .swiper-container {
		margin-left: 75px;
		margin-right: 75px;
	}
}

.page {
	font-family: font-family:"museo-sans",Arial,serif !important;
}

.page.page-template-page-solutions .div-contact .contact-form-wrapper,
.page.page-template-page-integrations .div-contact .contact-form-wrapper,
.single-integrations .div-contact .contact-form-wrapper {
	transform: translate(0, 0);
}

.page.page-template-page-solutions .div-contact,
.page.page-template-page-integrations .div-contact,
.single-integrations .div-contact
{
	padding: 30px 0;
}

.page.page-template-page-solutions h1 {
	font-size: 32px;
}

.page.page-template-page-solutions h4 {
	margin-bottom: 10px;
	color: #4d7581;
}

.page.page-template-page-integrations h4 {
	margin: 0;
}

.page.page-template-page-solutions .div-solutions,
.page.page-template-page-integrations .div-solutions {
	padding: 0;
	color: #7d7e82;
}

.page.page-template-page-solutions .learn-more {
	margin-top: 40px;
}

.page.page-template-page-solutions .video-container {
	display: block;
}

#contactSpecialist {
	display: block;
	width: 300px;
	text-align: center;
	margin-top: 40px;
}

.solution {
	padding: 60px 0;
}

.banner .breadcrumbs {
	display: none;
}

.banner .banner-title {
	text-transform: capitalize;
	font-family:"museo-sans",Arial,serif;
	font-size: 40px;
	line-height: 50px;
	margin-top: 10px;
}

.banner .banner-title p {
	text-transform: none;
}

.banner-solutions,
.banner.colored-image {
	overflow: hidden;
}

.banner-solutions {
	background: #5dae26;
}

.banner-inner {
	overflow: hidden;
}

.banner-content {
	position: relative;
}

.banner-image {
	text-align: right;
	margin-right: 10%;
}

.page.page-template-page-solutions .banner-image {
	margin-right: 0;
	position: relative;
	margin-top: -465px;
	background: #5dae26;
}

.page.page-template-page-integrations .banner-image {
	margin-top: -410px;
}

.page.page-template-page-integrations .banner-image img {
	margin-bottom: -10px;
    max-height: 460px;
    margin-left: 8%;
}

.page.page-template-page-integrations .features-menu-header {
	background: #f5f5f5;
    padding-bottom: 20px;
    margin: 0;
}

.page .banner-image,
.blog .banner-image {
	max-height: 400px;
    background: #13b4ec;
    float: right;
}

.page .banner-image {
	margin-top: -270px;
}

.blog .banner-image {
	margin-top: -300px;
}

.page .banner.background-image {
	background: #00AEEF;
	overflow: hidden;
}

.page .background-image .banner-image {
	max-height: 400px;
	width: 100%;
	text-align: center;
	position: relative;
	overflow: hidden;
	background: #00AEEF;
	margin-top: -340px;
}

.page .background-image .banner-inner {
	text-align: center;
}

.page .background-image .banner-image img {
	max-height: 400px;
}

.page .banner.background-image .banner-title {
	font-size: 50px;
}

.page.page-template-page-partners .banner-image {
}

.page.custom-page-template-page-pricing .banner-image {
	margin-top: -340px;
}

.page .colored-image .banner-image img,
.blog .banner-image img {
	margin-bottom: -10px;
    max-height: 380px;
    margin-left: 15%;
}

.custom-page-template-page-pricing .banner-image img {
    max-height: 345px;
}

.single-integrations .solution {
	padding: 0;
}

.banner-solutions .breadcrumbs,
.banner.colored-image .breadcrumbs {
	display: none;
}

.banner-solutions .sub-title,
.banner.colored-image .sub-title {
	font-size: 25px;
	font-weight: 400;
	display: block;
}

.banner .banner-content p {
	font-weight: 500;
	font-size: 19px;
	line-height: 34px;
}

#simpleSteps {
	margin-top: 25px;
	text-align: center;
}

#solutionsMenu {
	width: 100%;
	z-index: 900;
	border-bottom: 10px solid #e0e0e0;
}

#solutionsMenu.floating {
	display: none;
}

#solutionsMenu .nav {
	width: 100%;
}

#solutionsMenu li {
	display: block;
	float: left;
	width: 33%;
	margin: 0;
	border-right: 2px solid #6c9fb0;
}

#solutionsMenu li:last-child {
	border-right: none;
}

#solutionsMenu a {
	width: 100%;
	padding: 18px 0;
	font-size: 26px;
	font-weight: 700;
	color: #ffffff;
	text-transform: capitalize;
	display: inline-block;
	border-right: 20px solid #00AEEF;
}

#solutionsMenu a:hover {
	background-color: #0096cc;
	border-right: 20px solid #0096cc;
}

#codeMenuItem a {
	background: url("../bw/images/Pages/Solutions/Icons/laptop-white.svg") no-repeat right center;
	background-size: 70px auto !important;
}

#approveMenuItem a {
	background: url("../bw/images/Pages/Solutions/Icons/thumbs26-white.svg") no-repeat right center;
	background-size: 60px auto !important;
}

#payMenuItem a {
	background: url("../bw/images/Pages/Solutions/Icons/cheque-white.svg") no-repeat right center;
	background-size: 80px auto !important;
}

#solutionsMenu .step-number {
	background: #00AEEF;
	color: #ffffff;
	border: 3px solid #ffffff;
	border-radius: 26px;
	left: 30px;
	top: 18px;
	line-height: 40px;
	position: absolute;
	padding: 0px 13px;
}

#solutionsMenu .step-number.active {
	background: #41AD49;
}

.solutions-container:nth-child(2) {
	background: #f5f5f5;
}

.solution .demi-div {
	padding: 20px 0;
	flex: auto;
}

.solution .demi-div li {
    padding-right: 10px;
}

.solution p {
	margin-top: 0;
}

.solution ul {
	margin-top: 0;
	list-style-type: disc;
	padding-left: 17px;
}

.step-heading {
	overflow: hidden;
	text-align: center;
}

.step-icon {
	width: 60px;
	border-radius: 40px;
	display: inline-block;
	line-height: 0px;
	padding: 10px 10px;
	background: #41AD49;
	vertical-align: sub;
}

.step-text {
	margin: 12px;
	color: #41AD49;
}

.step-testimony {
	margin-top: 20px;
	text-align: center;
}

.temp-container {
	text-align: center;
}

.step-testimony .testimony p {
	font-size: 16px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.step-testimony .quote-logo{
	width: 125px;
	margin: 20px auto;
}

#beanworksPayScreenshot {
	margin-top: -40px;
}

.mobile-app-icon {
	background-image:url("../bw/images/Pages/Solutions/Icons/tablet.svg");
	background-repeat: no-repeat;
	height: 2.5em;
	width: 2.5em;
	background-position: center center;
	display: block;
	background-size: contain;
}

.features-menu-header {
	color: #4d7581;
	text-align: center;
}

.page.page-template-page-pricing .page-heading
{
	display: none;
}
.page.page-template-page-roi .page-heading,
.page.page-template-page-instaquote .page-heading {
	padding-top: 30px;
    padding-bottom: 20px;
}

#container {
	margin-bottom: -30px;
}

.home-banner .button {
    background: #000000;
}

.div-integrates-update {
	padding-top: 40px;
	padding-bottom: 20px;
}

.page.page-template-page-home .logo-container:after {
	padding: 0;
}

.div-integrates-update .logo-container {
	border: 0;
}

.div-integrates-update .logo-container :after {
	padding: 0;
}

.div-integrates-update .h1 {
	font-size: 18px;
}

.div-integrates-update .swiper-slide {
	width: 850px;
	padding: 10px 0;
}

.div-integrates-update .swiper-container {
	margin-left: 75px;
	margin-right: 75px;
}

.job-posting .bullets {
	padding-left: 16px;
	list-style-type: disc;
	margin-bottom: 40px;
}


/* Pricing */

.pricepackage-container .row-headings li {
	line-height: 1.5;
}

@media only screen and (min-width: 768px) {
	.pricepackage-container .row-headings {
		margin-top: 88px !important;
	}
}

@media only screen and (min-width: 768px) {
	.pricepackage-container li {
		height: 70px !important;
	}

	.pricepackage-container li.checked-benefits {
		height: 110px !important;
	}
}

.pricepackage li:first-child {
	height: 90px !important;
	padding-top: 30px;
}

.pricepackage-container .row-headings {
	flex: 0 0 12em;
}

.medium-business li:first-child {
	overflow: hidden;
	position: relative;
}

.corner-ribbon {
    width: 200px;
    background: #ffde1b;
    text-align: center;
	right: -78px;
    top: 12px;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    color: #006e91;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    overflow: none;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.checked-benefits {

}

/* Documents */

.page.page-template-page-documents h3 {
	margin: 50px 0 10px 0;
	text-align: center;
}

.page.page-template-page-documents .webinar .title {
	font-weight: 500 !important; 
}

.page.page-template-page-documents .resources-container {
	padding-bottom: 60px;
}


/* ROI */

.div-instaquote-questions .quote-question input {
	padding-right: 0;
	width: auto;
}

.div-instaquote-questions .wpcf7-not-valid-tip {
	text-align: right;
}

.estimated-roi-table .notification {
	color: #0d8a50;
	font-weight: bold;
	font-size: .8em;
}

/* About Us */

.custom-page-template-page-about .colored-image .banner-image {
	margin-top: -330px;
}

.custom-page-template-page-about .banner-image {
	margin-right: 0;
}

.photostack {
	background: #a5cb75;
}

.photostack figure {
	padding: 20px;
}

.photostack-img {
    width: 280px;
    height: 280px;
}

.photostack nav span {
	background: #438258;
}

#photostack-1 nav span.current {
	background: #216039;
}

.stats-container {
	background: #00AEEF;
	color: #ffffff;
	padding-bottom: 40px;
}

.stats-container h2 {
	margin: 10px 0;
}

.stats-container .page-heading p {
	margin: 0;
}

.stats-container h3 {
	font-size: 2em;
	font-family: "museo-sans",Arial,serif;
}

.stat span {
	height: 5em;
	width: auto;
    vertical-align: middle;
    display: inline-block;
}

.stat .fa-bars {
	margin-top: 6px;
	font-size: 3.3em;
}

.stat .fa-futbol-o {
	margin-top: 5px;
	font-size: 3.3em;
}

.stat p {
	font-size: .9em;
}

.stat i {
	font-size: 3.8em;
	margin-bottom: 15px;
}

.stat-1 i,
.stat-4 i {
	color: #ffffff;
}

.stat-2 i,
.stat-5 i {
	color: #ffffff;
}

.stat-3 i,
.stat-6 i {
	color: #ffffff;
}

.div-benefits {
	padding-top: 30px;
	padding-bottom: 60px;
	text-align: center;
}

.div-benefits .page-heading {
	padding-top: 20px;
	padding-bottom: 0;
}

.div-events .event .title {
	font-size: 1.3em;
	font-weight: 600;
}

.div-events p {
	font-size: 1em;
}

/* Resources Page */

.page-template-page-resources .banner {
	max-height: 200px;
}

.page-template-page-resources .banner .banner-content p {
	padding-top: 0;
}

.page-template-page-resources .banner-content {
	padding-top: 20px;
	padding-bottom: 20px;
}

.page-template-page-resources .banner-image {
	display: none;
}

.page-template-page-resources .banner-content {
	width: 100% !important;
	max-width: 100%;
}

.page-template-page-resources .banner .banner-title{
	margin-bottom: 0;
}

.page-template-page-resources .banner .banner-content p{
	margin-top: 1em;
}

@media only screen and (max-width: 481px) {
	.page-template-page-resources .banner {
	max-height: 400px;
	}
}