/* ------------------BACKGROUND BEHIND LOGO
header {
    background-color: #d2d127;
}
-------------------*/


/* ============================== LOGO SPRITE - NOT BEING USED
#logo {
display: block;
width:250px;
height: 27px;
background: url(http://www.studiob-design.com/wp-content/uploads/2017/03/logo-sbd-sprite.jpg);
overflow: hidden;
text-indent: -15000px;
font-size: 0px;
line-height: 0px;
cursor: pointer !important;
}
#logo a{
height: 27px;
}

.
#logo:hover { 
background-position: 0 -27px;
 }

=================================*/

/* ===================================== DON'T DISPLAY LOGO WHEN USING SPRITE - NOT BEING USED

#header.standard .header-wrapper #logo a img { max-height: 27px; display:  none; }

 ===================================*/

/* ====================================FONT STYLES & COLORS ===================================================*/

h1, h2, h3, h4, h5, h6 {
color: #333;
font-weight: 100;
}

h4 {
text-align: center;
}

strong {
color: #f846b1;
font-weight: 300;
}

strong-2 {
font-weight: 300;
color: #333;
}

p { font-size: 13px; line-height: 24px; letter-spacing: 1px; color: #333; margin-bottom: 15px; margin-top: 0; }

li { font-size: 13px; font-weight: 300; color: #333; margin-bottom: 10px; letter-spacing: 1px; }

/* =======================PORTFOLIO CSS =====================================================================*/

.project-title p {
color: #333;
}

.project-desc {
color: #333;
font-size: 13px;
line-height: 20px;
}

.project-meta li span, .project-meta li a span {
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
	color: #333;
	display: block;
}

.project-meta li {
font-size: 13px;
color: #333;
}

.project-title h1 {
font-weight: 300;
}

/*==========================BUTTON ON PROJECT PAGE ======================*/

.details-right .vc_btn3-container .vc_general.vc_btn3.vc_btn3-style-flat {
	color: #fff;
	background: #333;
	border: 1px solid transparent;
}

.vc_btn3-container .vc_general.vc_btn3.vc_btn3-size-md {
	padding: 8px 12px;
}

.vc_btn3.vc_btn3-size-md
 {
	font-size: 12px; 
}

.vc_btn3-container .vc_general.vc_btn3.vc_btn3-style-flat:hover 
{
    background: #333;
 }


/*==================BUTTON HOVER COLOR==============*/


/* ===================================== kraft carousel dot hover to pink ===================================*/

.kraft-carousel .owl-controls .owl-dots .owl-dot span
{
    background-color: #333;
}

.kraft-carousel .owl-controls .owl-dots .owl-dot:hover span 
{ 
     background-color: #e5529d;
}

.kraft-carousel .owl-controls {
  bottom:-50px;
}


/* =HOME PAGE =*/
/* =====================================TRANSPARENT HOVER OVER PORTFOLIO ITEMS ON HOME PAGE ===================================*/

.cbp-caption-minimal.cbp-caption-activeWrap
 {
    background-color: rgba(51,51,51, 0.25);
    background-color: rgba(229, 82, 157, 0.25);    
}

/* =====================================NAVIGATION ===================================*/

.portfolio-wrap .cbp-l-filters-text .cbp-filter-item {
color: #555;
}

.portfolio-wrap .cbp-l-filters-text .cbp-filter-item.cbp-filter-item:hover{
color: #333;
}

.portfolio-wrap .cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active{
color: #f846b1;
padding-top: 20px;
}

.cbp-l-filters-text {
    text-align: right;
    font: 400 12px/36px "Lato", sans-serif;
    color: #DADADA;
}

/* ================================================== project description color & size  ================================================================*/



/* ====== project nav bar width

.project-nav {
width: 650px;
{
 =========*/

/*=========================services image box text margin tighter
.img-box .box-content h4{
  margin-top:5px;
}

.img-box  h4{
font-weight: 300;
font-size: 13px;
}
================================*/

/* ===========================mail sent border around message===============================*/
div.wpcf7-mail-sent-ok{
  border-color : #e5529d;
}

.project-nav li, .project-nav li a {
    font-size: 12px;
    font-weight: 400;
    color: #555;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

.project-nav a {
    border-bottom: 1px solid rgba(44, 44, 44, 0.22);
}