/*
Theme Name:     Broker Child
Theme URI:      http://www.commercegurus.com/themes/broker-theme/
Description:    Child theme for Broker
Author:         CommerceGurus
Author URI:     http://www.commercegurus.com
Template:       broker
Version:        1.0
*/


/* Your css goes here */

/* %%%%%%%%%% */

/*** сhange COMPOSER css element and block bottom*/
.wpb_content_element, .vc_icon_element {
	margin-bottom: 0px;
}

/*** footer */
.footer-copyright, .footer-copyright a, .footer-copyright a:visited {
    color: #cccccc;
}

.footer-copyright a:hover {
    color: #ffffff !important;
}

.footer {
	padding: 0px 0px 20px 0px;
}
.first-footer {
    font-size: 15px;
    padding: 20px 0px 20px 0px;
	background-color: #5a5d67 !important;
}
.second-footer {
	font-size: 14px;
}

.second-footer li a {
	color: #cccccc;
}

/* stripe left */
.borderleft {
    border-left: 1px dotted rgba(255, 255, 255, 0.15);
    padding-left: 15px; 
}

/*** head menu sticker – shadow bigger and darker */
.cg-header-fixed {
    height: 72px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}

/*** page title H!  background */
.cg-hero-bg {
    background-position: top center;
    background-image: url(/wp-content/uploads/brokerage-head.jpg);
}
.projects-container .cg-hero-bg {
    background-image: url(/wp-content/uploads/brokerage-head.jpg) !important;
}*

/*** header buildings image */
/***
@media only screen and (min-width: 1100px) {
    .rightnav {
        background-image: url(/wp-content/uploads/buildings-g.png);
        background-size: auto 80%;
        background-position: right bottom;
        background-repeat: no-repeat;
    }
}
*/

/*** head bkg */
	.cg-menu-below {
	background-image: url(/wp-content/uploads/brokerage-head_land3.jpg);
	background-position: right;
	background-size: auto 118px;
	background-repeat: no-repeat;
}	

/*** correct theme –– header 1px line delete */
.cg-primary-menu-below-wrapper {
	border-top: none;
}

/*** top stripe for text */
.cg-announcements {
    padding: 0px 0px;
    font-size: 15px;
    /*border-bottom: 0;*/
    height: 10px;
}

/*** slogan format */

.cg-header-details {
    top: 5px;
}

.mobile-header-details {
    display: block;
    padding: 3px 15px 13px 15px;
    border-bottom: 1px solid #eee;
    background-color: #f5f5f5;
}

@media only screen and (min-width: 760px) {
  .mobile-header-details {
    display: block;
  }
}

@media only screen and (min-width: 1100px) {
  .mobile-header-details {
    display: none;
  }
}

.slogan-top {
    color: #333;
	text-shadow: 1px 1px 1px #fff;
    font-size: 16px;
    font-style: italic;
    /*font-variant: small-caps;*/
    font-family: "PT Serif",'Times New Roman', Times, serif;
}

/*** H1 height */
.header-wrapper {
	padding: 25px 0px;
}

/*** Reset container when it in template project sidebar */
body.project-template-page-project .content-area .container {
  width: auto;
  padding: 0px;
  margin: 0px -15px;
}

/*** current page link in advanced sidebar menu */

/* page level2 */
.sidebar #secondary .advanced-sidebar-menu ul li.current_page_item.has_children ul.children li.current_page_item a, 
.sidebar #secondary .advanced-sidebar-menu ul li.current_page_ancestor ul.children li.current_page_item a {
     color: #a00000;
}

/* page level3 */
.sidebar #secondary .advanced-sidebar-menu ul.child-sidebar-menu li.current_page_item a {
    color: #a00000; 
}

/* project level2-3 */
.sidebar #secondary .advanced-sidebar-menu ul.parent-sidebar-menu li.current_page_item a {
    color: #a00000;
}

/* project level3 unactive */
.sidebar #secondary .advanced-sidebar-menu ul li.current_page_item.has_children ul.child-sidebar-menu li a {
    color: #666;
}

/*** widget project categories */
.sidebar_project_categories.widget.boxed {
    padding: 15px 15px 15px 15px;
}

.sidebar_project_categories .widget-title {
    color: #888;
    font-size: 15px;
}

/*** links underline */
.entry-content a, .cg-blog-article footer a:hover {
    padding-bottom: 0px; 
    border-bottom: 1px solid #6BC3F0;
}

/*** links titles underline fnd color */
.content-area h2 a, .content-area h3 a, .content-area h4 a, .content-area h5 a, .content-area h6 a {
    border-bottom: 1px solid #a00000;
    color: #a00000;
    margin-top: 0.5em;
}

/*** close top for lines */
.content-area h2, .content-area h3, .content-area h4, .content-area h5 {
    margin-top: 0.6em;
}

/*** lists style */
.content-area ul {
    list-style-type: disc;
    margin-left: 5px;
}

/*** fix image bottom mistake cut shadow */
.vc_figure, .vc_box_shadow_border {
    padding-bottom: 5px !important;
}


/*** for branches*/
/* box shadow for branches*/
.boxshadowbr img {
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    margin: 5px 3px !important;
}
/* link box hover gray background */
a.greybkg {
    display: inline-block;
    border-bottom: 0;
    border-radius: 5px;
} 
a.greybkg:hover {
    background-color: #f2f2f2;
} 
/* widget box ...for branches */
.widgbox {
    border: 1px solid #eee;
    padding: 10px 3px 10px 10px;
    background-color: #fff;
    margin-bottom: -36px;
}
/* title widget ...for branches */
.widgtitle {
    font-size: 15px;
    font-weight: normal;
    color: #777;
    padding-left: 3px;
}
/* box tile for branches */
.boxtilebranch {
    /*max-width: 280px; 
    float: left;*/
} 

/*** content sitemap */
.content-sitemap li {
    font-size: 14px;
    text-align: left;
}

/*** backup buttion */
.cd-top {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
    box-shadow: 0 0 5px rgba(0,0,0,.2);
}


/*** bordeaux color button */
.bordeaux a.vc_btn3 {
    color: #a00000 !important;
} 
.bordeaux a:hover.vc_btn3 {
    color: #d00000 !important;
} 

/*** shadow for button*/
.boxshadow .vc_btn3 {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}


/*** box tile for side */
.brsidebkg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 70px;
    padding-left: 15px;
}
.brsidecanvas {
    min-height: 250px;
    background-color: #f7f7f7;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px 0 0 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
} 
.brsidecontent {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.85); 
    text-shadow: 0 0 1px rgba(160, 0, 0, 0.2);
}

/*** box side picture widget menu */
.boxsidemenu {
    padding-left: 10px;
    padding-bottom: 5px;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.85); 
    margin-left: -10px;
    text-align: left;
    text-shadow: 0 0 1px rgba(160, 0, 0, 0.2);
}
/*** #OLD box side picture widget menu */
.boxsidepic {
    height: 250px;
    margin-right: -15px;
    margin-top: 35px;
    padding-left: 10px;
    background-color: #f7f7f7;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px 0 0 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
} 


/*** project tiles styles*/
@media (min-width: 600px) and (max-width: 992px) {
    .project-item {
        width: 50% !important;
    }
}
.project-item .project-container .title {
    font-family: Roboto,'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-weight: 300;
    font-size: 18px;
}
.project-item .overlay {
    opacity: 0.7; 
}
/* categories */
#filters {
    margin: 20px 0 10px 0;
    padding: 10px 0;
    background-color: #f3f3f3;
}
#filters li a.selected {
    border-bottom: 1px solid #aaaaaa;
}
#filters li a {
    color: #888888;
}


/*** main page styles*/
.underlineoff a, a.underlineoff {
    border-bottom: 0 !important;
}
.keytile h2, .brtile h2 {
    font-family: "PT Sans",'Lucida Sans Unicode', 'Lucida Grande', sans-serif !important;
    font-size: 13px !important;
    line-height: 0px !important;
    color: #777777 !important;
    text-shadow: 0 0 2px #bbbbbb;
}
.keytile {
    float: left;
    min-width: 50%;
    margin-bottom: 0px;
    padding: 15px;
}
.brtile {
    float: left;
    width: 33%;
    min-width: 150px;
    margin-bottom: 0px;
    padding: 10px 10px 0px 10px;
}
.brtile img {
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
}
.projtile {
    float: left;
    width: 50%;
    min-width: 150px;
    margin-bottom: 0px;
    padding: 10px 10px 0px 10px;
}
.projtile img {
    border-radius: 0px !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
}


/*** partner logo carousel*/
.cg-logos img {
    max-width: 150px;
}
.cg-logos .item {
    text-align: center;
}


/*** max width 
.maxwide {
    max-width: 250px;
    float: left;
} */



/*** float left */
.floatleft {
    float: left;
}

/*** rounded image */
.boxround img {
    border-radius: 5px;
} 

/*** glow */
.whiteshadow {
    height: 100%;
    -webkit-box-shadow: 0 0 10px rgba(255,255,255,.8);    
    box-shadow: 0 0 10px rgba(255,255,255,.8);
}

/*** background align top */
.columnbkgtop {/* !!! need to be registered this style*/}
.columnbkgtop .vc_column-inner {
    background-position: center top !important;
}

/*** table cells padding smaller */
.content-area table td, .content-area table th {
    padding: 0.1em 0.3em;
}

/*** image slider navigation */
.vc_images_carousel .vc_carousel-control {
    text-shadow: 1px 0px 1px #fff !important; 
    font-weight: bold;
    color: #d00 !important;
}

/*** hide objects */
.hide {
    visibility: hidden; 
    height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

/*** fast navigation */
.fastnav {  
	font-size: 13px;
	width: 100%; 
	padding: 0px 10px;
	margin: 2px 0px;
	background-color: #fafafa;
    border-radius: 3px;
    border: 1px solid #eee;
	display: inline-block;
}
.fastnav::after {
	content: "⌵";
	display: block;
	float: right;
	color: #bbb;
	font-weight: 700;
}

/*** head plots */
.hplus {
	font-size: 24px;
	color: #333;
	font-weight: 400;
	/***text-shadow: #aaa 0px 0px 5px;*/
	text-align: left;
	background-color: #eee;
	padding: 10px 5px 5px 5px;
}
.hnav {
	font-size: 16px;
	font-style: italic;
	color: #888;
	margin-left: 20px;
	white-space: nowrap;
}

/*** prev-next navigation on project */
a .prnextname {
	color: #999;
}
a:hover .prnextname {
	color: inherit;
}