/*
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 */

.clear { 
	clear: both;
}


/** HEADER **/
.top-number {
font-weight: 600;
font-size: 18px;
	line-height: 35px;
}

.top-bar-right input.search-field {
  height: 15px !important;
	margin-top: 5px;
	padding:13px;
}

.top-bar-right .search-form input.search-submit {
	height:30px;
}

.top-bar-right .search-form:before {
	top:10px;
	right:10px;
}
	
.top-icon {
   margin-top: -12px !important;
  }


/** Top Icons **/


.cg-header-details .top-icon {
	font-weight: 500;
	text-align: center;
	color: #1e1b21;
	font-size: 12px;
	float: right;
	padding-right: 35px;
	text-transform:uppercase;
}
.cg-header-details a {
	color: #1e1b21;
}

.cg-header-details a img.over {
	display:none;
}

.cg-header-details a:hover img.active {
	display:none;
}

.cg-header-details a:hover .over {
	display:initial;
}

.top-icon a:hover {
	color: #777575 !important;
}

.top-icon img:hover {
  opacity: .7 !important;
}

/* main menu
----------------------------------------*/
.cg-primary-menu-below-wrapper .menu > li {
	margin-left:0;
	margin-right:0;
	padding: 8px 15px;
	border-top:0;
}

.cg-primary-menu .menu > li a:before {  
	right: -15px;
}


.cg-primary-menu .menu > li:hover {
	background:#FFB20D;
	background: rgb(255,216,13);
	background: linear-gradient(180deg, rgba(255,216,13,1) 0%, rgba(255,179,13,1) 100%);
}

.cg-primary-menu .menu > li:first-child {
    margin-left: 0;
}

.cg-primary-menu .menu > li > a {
	font-size:16px !important;
}

.cg-primary-menu .menu > li:hover > a {
	color:#333;
}

.cg-submenu-ddown {
	margin-left: -15px;
}

/** HOMEPAGE **/

.home-product-call img:hover {
  opacity: .7 !important;
}
.home-product-call a:hover {
  opacity: .7 !important;
}

.mobile-show {
		display: none;
	}

.home-image-left {
	float: left;
	width: 50%;
}

.home-image-right {
	float: right;
	width: 50%;
}

.home-image-left-2 {
	float: left;
	width: 50%;
}

.home-image-right-2 {
	float: right;
	width: 50%;
}


.home-gray-sep {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
	height: 1px;
	background-color: #e2e2e2;
	max-width: 20%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}


.white-button .vc_btn3-style-custom {
 font-size: 17px !important;
font-weight: 500 !important;
}

.white-button .vc_btn3-style-custom:hover {
  opacity: .7 !important;
}


/** CONTENT **/

.header-wrapper {
	padding: 25px 0px;
  position: relative;
}

.home .header-wrapper {
display: none;
}

.yellow-button .vc_btn3-style-custom {
 font-size: 20px !important;
font-weight: 500 !important;
}

.yellow-button .vc_btn3-style-custom:hover {
  opacity: .7 !important;
}


.header-wrapper .overlay {
  background: #e4e4e3 !important;
  opacity: 100%;
}


.testimonial-image {
 margin-bottom: 25px;
}

.callout-text {
	font-size: 24px;
	line-height: 38px;
	text-align: right;
	font-weight: 500;
}

.site-divider{
	background: #1e1b21;
	height: 1px;
	width: 5%;
	margin: 0 auto;
}


.content-area .entry-content p.wp-caption-text,
.content-area .wpb_single_image .vc_figure-caption {
  color: #1e1b21;
  padding: 10px 10px 12px 10px;
  background: #e4e4e3;
  font-size: 15px;
  position:static !important;
  text-align: center;
  line-height: 22px;
  margin-top: 0px;
}


.content-area .entry-content p.wp-caption-text:before,
.content-area .wpb_single_image .vc_figure-caption:before {
  content: none;
}



/** CASE STUDIES **/

.case-studies-intro {
  margin-top: -15px;
  margin-bottom: 20px;
	margin-right: 15px;
	margin-left: 15px;
}

.case-studies-intro a:hover {
  opacity: .7 !important;
}
.case-studies-intro a {
 border-bottom: none !important;
}



/** FORMS **/

.gform_wrapper .form-margin-fix {
  margin-bottom: -20px;
}
.gform_wrapper .form-margin-fix-2 {
  margin-top: -8px;
  margin-bottom: -20px;
}

.gform_wrapper .gform_fields .gfield input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
  color: #000;
	font-weight: 500;
}
.gform_wrapper .gform_fields .gfield input::-moz-placeholder { 
	/* Firefox 19+ */
  color: #000;
	font-weight: 500;
}
.gform_wrapper .gform_fields .gfield input:-ms-input-placeholder {
	/* IE 10+ */
  color: #000;
	font-weight: 500;
}
.gform_wrapper .gform_fields .gfield input:-moz-placeholder {
	/* Firefox 18- */
  color: #000;
	font-weight: 500;
}


.gform_wrapper .gform_fields .gfield textarea::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
  color: #000;
	font-weight: 500;
}
.gform_wrapper .gform_fields .gfield textarea::-moz-placeholder { 
	/* Firefox 19+ */
  color: #000;
	font-weight: 500;
}
.gform_wrapper .gform_fields .gfield textarea:-ms-input-placeholder {
	/* IE 10+ */
  color: #000;
	font-weight: 500;
}
.gform_wrapper .gform_fields .gfield textarea:-moz-placeholder {
	/* Firefox 18- */
  color: #000;
	font-weight: 500;
}

body .gform_wrapper .gform_footer input[type=submit] {
   color: #fff;
    background-color: #1e1b21;
}

body .gform_wrapper .gform_footer input[type=submit]:hover {
   color: #fff;
    background-color: #444444;
}

/** FOOTER **/


.first-footer ul.footer-social {
  font-size: 30px;
  }


.first-footer ul.footer-social a {
  color: #fff;
  }

.first-footer ul.footer-social a:hover {
  opacity: .7 !important;
  }

.first-footer ul li {
  float: left;
	padding-left: 5px;
	padding-right: 5px;
  }


.footercontainer .col-lg-3 {
	width: 33.3%;
}

.col-lg-6 {
	float: none;
	width: 100%;
}


/* woocommerce
----------------------------------------*/
.apmc-spec-table tr:nth-child(even) {
	background-color: #f3f3f3;
}

.apmc-spec-table td {
	padding:10px;
}

.apmc-spec-table td.spec-name {
	font-weight:bold;
}

/* products
----------------------------------------*/
.single-product .header-wrapper{
	display:none;
}

.single-product  .summary h2 {
  display: none;   
}

.single-product  .summary h3 .fa {
  display: none;   
  font-size:.8em;
}

h3.apmc-accordian-toggle {
  cursor:pointer;
}

.single-product  .summary h3 .fa.active {
  display: initial;   
}


.related.products.wt-related-products:before {
	content: "";
  display: table;
  clear: both;
}

.apmc-accordian {
	display:none;
}

.apmc-accordian.active {
	display:block;
}

.related.products.wt-related-products .products img {
	max-width:200px;
}

body.woocommerce .related.products.wt-related-products ul.products li.product h2.woocommerce-loop-product__title {
	padding-bottom:.5em;
}

body.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
    line-height: 1.5em;
    padding-bottom: 10px;
    font-family: inherit;
    font-weight: bold;
}

li.quote-li .mini-quote-dropdown {
    
    left: auto !important;
    right:0 !important;
   
}

.woocommerce div.product form.cart .button {
    width: auto !important;
    height:  auto !important;
    padding: .618em 1em  !important;
}

.mini-quote-dropdown li.addify-rfq-mini-cart-item a.quote-remove {
    font-size: 18px !important;
}

.mini-quote-dropdown li.addify-rfq-mini-cart-item img {
    width:50px !important;
    height:auto !important;
    margin-right:10px !important;
    float:none !important;
}

.mini-quote-dropdown li.addify-rfq-mini-cart-item {
    
   width: 300px !important;
    
}

.mini-quote-dropdown li.addify-rfq-mini-cart-item a {
    padding: 10px 0 10px 10px!important;
    
    border-bottom:1px solid #ccc;
    line-height:1em;
    font-size:12px !important;
    font-family:arial, helvetica, sans-serif !important;
}

.mini-quote-dropdown p.buttons {
    padding: 10px !important;
}

.cg-header-fixed .menu, .cg-primary-menu .menu {
    position:relative;
    display:flex;
    
}
ul li#quote-li {
    float: none;
    width: auto;
    flex-grow: 1;
    margin-right:0 !important;
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

.cg-primary-menu .menu > li#quote-li a:before {
    display:none;
}

.cg-header-fixed .cg-primary-menu .menu > li > a .dashiconsc{
    vertical-align:middle;
    float:none !important;
    margin-top:0;
}


/* request a quote
----------------------------------------*/
.af_quote_fields::after {
  content: "";
  clear: both;
  display: table;
}

@media (min-width: 1200px) {
	.woocommerce ul.products li.product a img {
    width: auto;
    height: 333px;
    display: block;
    margin: 0 auto 1em;
	}
}

@media (min-width: 992px) {
	.woocommerce ul.products li.product a img {
    height: 287px;
	}
}

@media (min-width: 768px) {
	.woocommerce ul.products li.product a img {
    height: 178px;
	}
}
@media only screen and (max-width: 1100px) {

	.mobile-header-details {
    display: block !important;
    position: static !important;
  }
	
	.cg-header-details .top-icon {
		text-align: center;
		padding-right: 5px;
	    display: block;
			width: 20%;
			line-height: 14px;
	}
		
	.top-icon {
	   margin-top: 0 !important;
	    padding-bottom: 10px !important;
	  }
		
		
	.first-footer ul.footer-social {
	  font-size: 25px;
  }


}

@media (max-width: 1199px) and (min-width: 992px) {
	.cg-primary-menu .menu > li > a {
    font-size: 13px !important;
	}
}

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

 
  .cg-announcements {
    display: block !important;
  }
	
	
  .mobile-header-details .cg-header-details {
    padding-left: 0;
    position: static;
  }

	
.top-number {
font-weight: 600;
font-size: 18px;
	line-height: 25px;
	text-align: center;
}
		
	
.top-icon {
    padding-bottom: 5px !important;
  }
	
	
.home-image-left {
	float: none;
	width: 100%;
	padding-top: 40px;
}

.home-image-right {
	float: none;
	width: 100%;
}

	
.mobile-space-fix{
	margin-top: -25px;
}
	
.home-image-left-2 {
	display: none;
}

.home-image-right-2 {
	display: none;
}



	
.home-gray-sep {
	margin-top: 40px !important;
	margin-bottom: -30px !important;
}

.mobile-hide {
		display: none;
	}
.mobile-show {
		display: block;
	}
	
	
.col-lg-3 {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}
	
	
.testimonial-image {
 margin-bottom: 0;
}


.callout-text {
	line-height: 30px;
	text-align: left;
	padding-left: 2%;
}

	.callout-button {
		margin-top: -20px;
		padding-bottom: 10px;
	}	
}


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

img.alignleft, img.alignright {
	margin-bottom: 20px !important;
}
}


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


.converting-icon {
	padding-top: 6px;
}
}

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

.cg-header-details .top-icon {
	text-align: center;
	font-size: 10px;
}
	

}


/* mini cart
----------------------------------------*/
#menu-main-menu .menu-item.yith-mini-quote {
	margin:0 0 0 auto;
}

#menu-main-menu .menu-item.yith-mini-quote:hover {
	background:transparent !important;
}

.widget_ywraq_mini_list_quote {
    margin: 0 !important;
    vertical-align: middle;
}

.header-12 .header-top .widget_ywraq_mini_list_quote,
.header-13 .header-top .widget_ywraq_mini_list_quote,
.header-14 .header-top .widget_ywraq_mini_list_quote,
.header-15 .header-top .widget_ywraq_mini_list_quote,
.header-16 .header-top .widget_ywraq_mini_list_quote{
display: none!important;}

.yith-ywraq-list-widget-wrapper .raq-info {
    border: none;
    margin: 3px 0 0 0;
    padding: 0;
}

ul.yith-ywraq-list {
	margin:0;
	padding:0;
}

.handler-label {
    display:none;
}

.raq-tip-counter {
    position: relative;
    color:#fff;
}

.raq-tip-counter:after {
    content: "\f07a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    color:#fff;
}

span.raq-items-number {
    position: absolute;
    line-height: 11px;
    top: -10px;
    right: -10px;
    padding: 3px;
    border-radius: 50%;
    font-size: 11px;
    min-width: 17px;
    display: block;
    text-align: center;
    color: #333;
    background-color: #fff;
}

.yith-ywraq-list-wrapper {
    right: 0;
    line-height: normal;
}

.yith-ywraq-list-wrapper .button {
    padding: 11px 23px;
    line-height: 16px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    clear: both;
}

.yith-ywraq-list-wrapper ul li {
    float: none
}

.yith-ywraq-list-wrapper ul li span.quantity {
    display: inline;
    border: 0;
}

a.yith-ywraq-item-remove.remove {
    font-size: 16px;
}

@media only screen and (max-width: 1100px) {
	.raq-tip-counter {
   
    color:#333;
	}

	.raq-tip-counter:after {
	   
	    color:#333;
	}
	
	span.raq-items-number {
	    color: #333;
	    background-color: #ccc;
	}
}