/*
Theme Name: Bonno Child
Description: A child theme of Bonno Theme
Author: the Aisconverse team
Author URI: http://aisconverse.com
Version: 1
Template: bonno
*/

@import url("../bonno/style.css");

html, body{font-weight:300}
a{font-weight:400}
header .span_4_of_12:first-child {margin-top: 23px}
header .logo,
#menu-top-menu > li > a{
	font-size: 16px;
	line-height: 26px;
	font-size: 16px;
    font-weight: 300;
    text-decoration: none
    }
     
#menu-top-menu > li > a{text-transform: uppercase;}
          
   
/*
header .logo {background-color: #e7543d;color:white;padding:12px 16px;font-size: 19px;font-weight: 500}   
header .logo {background-color: transparent;color:#e7543d;padding:12px 16px;font-size: 23px;font-weight: 700;white-space: nowrap;text-transform: none;letter-spacing: -.02em;}   
*/

header .logo {color:#e7543d;font-size: 32px;text-transform: uppercase;font-weight: 100}

header .logo a:hover {color:white}
     
#menu-top-menu a:hover {cursor: pointer;}
.gplus {position: relative;top:7px}

/*  body {border:30px solid #ddd}  */
footer {clear:both}
/* .fpadding {padding-bottom:0}
.footer {min-height:0px!important;margin-top:0} */
.wrapper .content ul {margin-bottom: 0;padding-left: 0!important}
.wrapper .content ul li {margin-top:.5em;padding-left: 0!important;margin-left:0}
/*lw mar 15
 .home .wrapper .content ul li {white-space: nowrap;} */
.wrapper .content  ul li:before {display:none!important;content: none!important}
.wrapper .content  ul li b {color:#e7543d;font-weight: normal}
.wrapper .content  ul li:first-child {margin-top:0}
 h3 {font-size: 33px;}
.mainmenu .menu-item-has-children > a {border-bottom: none}
.mainmenu li.current-menu-item > a {color: #e7543d!important;}
.wrapper h1+h3 {margin-top:.65em;color:#999;font-weight: 300;padding-bottom: .5em;font-size:23px;}
hr {margin-top:10px;margin-bottom:20px;
	height: 1px;
	border: 0;
	background-color: #D6D6D6;
	overflow: hidden;
}



.home-cta span {font-size:18px;display:block;font-weight:500;margin-bottom: 8px}
.home-cta span + br{display: none}
.emmy {opacity: .1;position:absolute;right:0px;top:30px;width:700px;height:1700px;z-index: -1;overflow:hidden}
.emmy .inner {position: relative;}
.emmy .inner img {position: absolute;right:-100px;width: 100%}



.page-id-11 .section,
.page-id-6689 .section
 {margin-bottom:20px; font-weight:300!important}
.page-id-11 .section:first-child,
.page-id-6689 .header
{margin-bottom:59px}
.page-id-11 .section h3,
.page-id-6689 .section h3
{font-weight:300!important}
.page-id-11 .section img,
.page-id-6689 .section img
{margin-top:32px;margin-bottom:0}
.page-id-11 .content .section .col:first-child h3,
.page-id-6689 .content .section .col:first-child h3
{text-align:right}
.page-id-11 hr,
.page-id-6689 hr
	{height: 1px;
	border: 0;
	background-color: #D6D6D6;
	overflow: hidden;
	width: 100%;
	clear: both;
	margin-bottom:35px}


p.featured-blog-image {z-index:5}

.mainmenu > li:first-child {margin-left:0}	

h3 {font-weight:300;line-height:1.2em;margin-top: -.05em;}
h3 + h4, h4 + h4, h4+h4+p {margin-top:1em}
	
@media only screen and (max-width: 1025px) and (min-width: 861px)  {
.header .col{width:100%;text-align:center}
}	
	
@media only screen and (max-width: 860px) {.page-id-11 .content .section .col:first-child h3{text-align:left}}	
#menu-top-menu{}

/* PREVIEWS */
 
.mask a {font-size:17px;padding:20px;}
.portfolio div {min-height:200px;background-color:#333}

/* STEPS: ACCENT COLORS */
.page-id-21 .content .col em {color: #e7543d!important;font-style:normal}

/* STEPS: SAMPLES PAGE */

.endorser {color:#000;font-size:19px}

.page-id-1022 .content {text-align:center}
.page-id-294  .content {text-align:center}
.page-id-294  .content .section *{text-align:left}
.page-id-294 .footer .section * {text-align: center;}
table.sample td img {max-width:none!important}
.page-id-1022 table.sample tr:first-child img {margin-top:-10px}
table.sample, table.sampletop {border-collapse:collapse;max-width:700px;text-align:left;margin-right:auto;margin-left:auto;margin-bottom:40px}
table.sample td {vertical-align:top;padding-top:20px;padding-bottom:20px;min-width:200px}
table.sample td {border-top:1px solid  #D6D6D6; }
table.sample tr:first-child td {border-top:0px solid  #D6D6D6; }
table.sample td p{padding-bottom: 0;padding-top:15px}
table.sample td p:first-child{padding-top:0}
table.sample td  strong {color:#555;display:inline-block;*display:inline;zoom:1;padding-bottom:.7em;width:100%;font-weight:300!important;font-size:26px}
table.sample td  i, table.sample td  em{display:inline-block;*display:inline;zoom:1;padding-top:1.2em;width:100%;font-weight:300;font-style:normal!important}
table.sample td  i a, table.sample td  em a{white-space:nowrap}


.page-id-13 .section h4 a {font-weight:300;color:inherit}
.page-id-13 .section h4 a:hover {color: #e7543d!important;}

.page-id-13 .col em {
color: #e7543d!important;
font-style: normal;
}

 .mask {background-size:cover!important;background-position: center top!important}
 .mask a {background-color:rgba(0,0,0,.5);
/*  text-transform: uppercase; */
 text-shadow: 0px 0px 5px rgba(0,0,0,.5)}
  .mask a b{display: inline-block;*display:inline;zoom:1;padding-bottom:.3em}

 .mask  {opacity: 1}
 .caroufredsel_wrapper img{margin-right:28px;margin-left: 28px;float:none}
 .header {padding-right:0}
 .work {height:220px}
/* .single-work .content > .section {margin-bottom: -170px} */

.single-work .caroufredsel_wrapper img {margin:0!important;width:100%}
 .col img.wp-image-971,
.col img.wp-image-905,
.col img.wp-image-910
 {height:55px!important}
 .big-quote {color:#e7543d;font-size:32px;line-height: 1;vertical-align: text-top;font-family: serif}
 p {position: relative}
 p >  .big-quote{}
.big-quote {position:inline!important;padding-left:2px}
p >  .big-quote:first-child {position: absolute!important;top:0;left:-17px;bottom:auto;top:auto;height:24px;width:24px}

 .endorser {color:#e7543d;font-style: italic;font-size: 17px}
 img.socialbugs {height:216px!important;position:relative;top:7px;margin-left:0px!important}
 
 .single-work .content .section:first-child {margin-bottom:0;padding-bottom:0;}
  .single-work .content .section:first-child .col{margin-bottom:0;padding-bottom:0;}
.logos li img {opacity: 1!important}
.single-post .back {display: none}

.nav-blog {display: none}
 .blogroll h4, .archive .blogroll h4 a {font-weight: 300!important;}
 
  .blogroll .circle, 
 .blogroll .circle:after, 
  .blogroll .featured-blog-image img {width:33%;min-width:224px;float:right;margin-left:40px;margin-bottom:43px;margin-top:20px}
 .blogroll .col{width:100%!important;padding-left:0!important}
 .blog .blog-entry-inner {padding-bottom:40px;margin-top:-12px}
 
 @media only screen and (max-width: 860px) {
	 .blogroll .circle, 
 .blogroll .circle:after, 
  .blogroll img {float:none;margin-left:auto} 
 
  .featured-blog-image img {width:100%!important} 
 }
@media only screen and (max-width: 600px) {
.heading .title {padding:0!important}
.header{padding-left:20px!important;padding-right:20px!important}
.header .span_4_of_12 { white-space: normal!important }
.sample td {display:block!important;;width:100%!important;;border: 0px solid #D6D6D6!important;}
.sample tr {box-sizing: border-box;padding:20px;border-top: 1px solid #D6D6D6;border-bottom: 0px solid #D6D6D6;}
.sample > tbody:nth-child(1) > tr > td:nth-child(1) {padding-bottom:10px!important;padding-top:30px!important}
.sample > tbody:nth-child(1) > tr > td:nth-child(2) {padding-top:0!important;padding-bottom:30px!important}

}
  .blog .posts-list {padding-left:15%;padding-right:15%}
 .blogroll .circle img {border-radius: 0!important}
 .blogroll p.lwdate {font-size: 17px!important;color: #e7543d!important;}
  .blogroll  p {font-size: 26px!important;line-height: 1.3em!important;font-weight:300!important}
.blog .heading {margin-bottom: 0!important}
.header .span_4_of_12 {margin-right:0;white-space: nowrap }

div.bullhorn {padding-left: 35px;
padding-right: 35px;display:block!important;text-align: center;margin-bottom: 75px!important;margin-top: -65px!important;width:216px;margin-left:auto;margin-right:auto;background-color: white;position: relative;z-index: 4}
@media only screen and (max-width: 1060px) {
	.mask a  {
		font-size:15px
	}
}
/* lw mar 15
@media only screen and (max-width: 1030px) {
	.work {
		width: 25%;
	}
}
*/
.blog .heading hr {position: relative;top:20px}
.event li {color:#e7543d;font-weight: normal}
.attachment .heading {display: none}

/*color social*/
.fa-twitter:before {color:#00aced}
.fa-linkedin:before {color:#0077B5}

/*border-link*/
a.ul {border-bottom:1px solid #D6D6D6}

/*slider*/
.wrapper .content .sliderwrap .caroufredsel_wrapper li {margin-bottom:.5em;}  
.logos li img {-webkit-filter: grayscale(1);filter: grayscale(1);}

/*fast facts*/
.fastfacts {      list-style: none;
	
    margin-left: 35px;
	margin-block-start: 0;
    margin-block-end: 0;
	padding-inline-start: 0px;
	list-style-position:outside;
	
	}
.fastfacts li {
	padding-left:11px;
	counter-increment: my-awesome-counter;
	padding-bottom:15px;position:relative;
	list-style-type: none!important;
}
	.fastfacts li::before {
		content: counter(my-awesome-counter);
		color: rgba(231, 84, 61, 1); 
		font-size: 1.2rem;
		font-weight: 300;
		position: absolute;
		--size: 28px;
		left: calc(-1 * var(--size) - 10px);
		line-height: var(--size);
		width: var(--size);
		height: var(--size);
		top: 5px;
		/* transform: rotate(-10deg); */
		background: rgba(0, 0, 0, .03); 
		border-radius: 50%;
		text-align: center;
		 box-shadow: 0px 0px 3px #999; 
	  }