/*adds the shading behind the text on the home page banner*/
.header-info{
  background-color: rgba(1,1,1,0.2);
  padding: 20px 0 20px 0;
}

/*centers the Why Us banner image*/
#whyUsImage{
	text-align: center;
}

/*positions the learn more buttons under services*/
.servicesLearnMore{
	text-align: center;
  margin-top: 60px;
}

/*styles for buttons*/
.soButton{
	background-color: #ffffff;
  padding: 15px 30px;
  color: #f9a416;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
	transition: all 0.2s ease;
  border: 1px solid #f9a416;
}

.soButton:hover{
	background-color: #f9a416;
	color: #ffffff;
	text-decoration: none;
}

/*sets defined height on testimonials to keep everything under it from shifting*/
#panel-4-3-0-0{
	height: 400px;
}

/*removes the banner image from non-home pages*/
.blog .header-image,
.page-template-page_fullwidth .header-image,
.post-template-default .header-image,
.author .header-image,
.tag .header-image,
.search .header-image,
.category .header-image
{
    display: none;
}

/*remove default bullets from services page*/
.serviceBlock ul,
.orangeCheckmark{
	list-style-type: none;
	padding-left: 10px;
}

/*orange checkmarks for bullets*/
.serviceBlock li,
.orangeCheckmark li{    
/*font-family: 'FontAwesome';
content: '\f00c';
margin:0 5px 0 -15px;
color: #F9a416;*/
	background-image: url("https://smartoutput.com/assets/orange-checkmark.png");
	background-repeat: no-repeat;
	padding-left: 22px;
  background-position: 0 6px;
}

/*styles the h1s on full width pages*/
.page-template-page_fullwidth h1
{
	background-color: #002855;
  color: #fff;
  margin-left: -30px;
  margin-right: -30px;
  margin-top: -30px;
  padding: 30px;
}

/*styles the h4s in posts and pages*/
.post-template-default h4,
.page-template h4{
	margin-top: 40px;
  padding-top: 10px;
  border-top: 1px solid #eee;
}

/*styles the h5s in blog posts*/
.post-template-default h5,
.page-template h5{
	margin-top: 30px;
}

/*removes the go to top button*/
.go-top{
	visibility: hidden;
	display: none;
}

/*styles the quotes on the training, consulting, and authoring pages*/
.quoteBlock{
    background-color: #eee;
    padding: 30px 30px 10px 30px;
    border-left: 4px solid #F9A416;
    font-style: italic;
    margin-top: 60px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-radius: 20px;
}

/*styles the name in the quoteBox*/
.quoteGiver{
	text-align: right;
  font-style: normal;
  font-size: 14px;
  font-weight: bold;
}

/*left-aligns the label text*/
label{
	text-align: left;
}

/*orange box around intro on About page*/
#aboutIntro{
	border: 1px #F9A416 solid;
  padding: 20px;
	margin-bottom: 40px;
}

/*styles for two-colum layout in contact form*/

.one-half,
.one-third {
    position: relative;
    margin-right: 4%;
    float: left;
        margin-bottom: 20px;
 
}
 
.one-half { width: 48%; }
.one-third { width: 30.66%; }
 
.last {
    margin-right: 0 !important;
    clear: right;
}
 
@media only screen and (max-width: 767px) {
    .one-half, .one-third {
        width: 100%;
        margin-right: 0;
    }
}

/*end styles for two-colum layout in contact form*/

/*styles for the MadWorld 2019 page*/
.sessionBlock{
	list-style-type: none;	
}

.sessionBlock > a > li,
.sessionBlock > li
{
	border: 1px solid #f9a416;
	padding: 10px;
	margin-bottom: 20px;
	color: #002855;
}

.sessionBlock > a > li:hover{
	background-color: #f9a416;
	color: #fff;
}


/*end styles for MadWorld 2019 page*/

@media only screen and (max-width: 1199px) {

}

@media only screen and (max-width: 1024px) {

}

@media only screen and (min-width: 1025px) {

}

@media only screen and (max-width: 991px) {

}

@media only screen and (max-width: 780px) {

}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 460px) {

}