/*
Theme Name: Sonbroers 2022
Theme URI: https://sherpa.co.za/clients/sonbroers/wp-content/themes/sonbroers2022
Description: The Sonbroers Website (Salient Child Theme)
Author: Sherpa Business Communications
Author URI: https://sherpa.co.za
Version: 1.0
Template: salient
*/




h1 {
	font-family: 'Cabin', sans-serif;
}

h2 {
	font-family: 'Cabin', sans-serif;
	font-size: 28px;
}

h3 {
	font-family: 'Cabin', sans-serif;
	color: #ff8700;
	line-height: 1px;
}

h4 {
	font-family: 'Cabin', sans-serif;
}

a {
	font-family: 'Cabin', sans-serif;
	line-height: 19px !important;
}

a.sonbroers-anchor-tag {
	color: #535353;
}

a.sonbroers-anchor-tag:hover {
	color: #ff8700;
	text-decoration: underline;
}

p {
	font-size: 15px;
	color: #535353;
	font-family: 'Cabin', sans-serif;
}

p.sonbroers-subtitle {
	color: #535353;
	font-family: 'Cabin', sans-serif;
	font-size: 34px;
	line-height: 40px;
}

.white-text {
	color: #fff;
	font-family: 'Cabin', sans-serif;
}

.orange-text {
	color: #ff8700;
	font-family: 'Cabin', sans-serif;
}

span.sonbroers-quote-text {
	color: #ff8700;
	font-family: 'Cabin', sans-serif;
	font-size: 16px;
	font-weight: 700;
}

body.single-post.material[data-bg-header="true"] .container-wrap {
  	padding-top: 30px !important;
}

div.comment-wrap {
	display: none;
}

.post .content-inner {
  	padding-bottom: 30px;
}

a.news {
	display: none !important;
}

.single .heading-title[data-header-style="default_minimal"] h1, body[data-ext-responsive="true"].single-post #page-header-bg[data-post-hs="default_minimal"] h1 {
  	padding: 20px 0 20px 0;
  	text-align: left !important;
}

#footer-outer .widget {
  	text-align: center;
}

body #footer-outer .row {
  padding: 40px 0 10px 0 !important;
}

.nectar-post-grid-wrap:not([data-style="content_overlaid"]) .nectar-post-grid-item .inner {
  	box-shadow: 2px 4px 4px 2px rgba(0,0,0,0.13) !important;
	-webkit-box-shadow: 2px 4px 4px 2px rgba(0,0,0,0.13) !important;
	-moz-box-shadow: 2px 4px 4px 2px rgba(0,0,0,0.13) !important;
}

#project-meta ul .n-shortcode a, #project-meta ul li > a, #sidebar #project-meta ul .project-date, .ascend #sidebar #project-meta ul .project-date, .blog-title #single-meta .nectar-social.hover .share-btn, .blog-title #single-meta .nectar-social.hover > div a, .single .blog-title #single-meta div .n-shortcode a, .single .blog-title #single-meta > div > a, .single-product #single-meta > div > a {
  	border: none !important;
}

#project-meta .meta-comment-count a, #project-meta ul .meta-share-count .nectar-social a, #project-meta ul .n-shortcode span, #project-meta ul .project-date, #project-meta ul li i, #project-meta ul li span, .single #single-meta .meta-comment-count a, .single #single-meta ul .meta-share-count .nectar-social a, .single .blog-title #single-meta div i {
  	color: #535353 !important;
}

#header-outer.transparent header#top nav > ul > li > a{
    color: #535353 !important;
}

.toggle > .toggle-title a {
  	background-color: rgba(0,0,0,0) !important;
}

div[data-style="default"] .toggle > .toggle-title a, div[data-style="default"] .toggle > .toggle-title {
  	color: #535353 !important;
}

.toggle.open > .toggle-title a i {
  	color: #ff8700 !important;
}

#header-outer[data-lhe="animated_underline"].transparent #top nav > ul > li > a .menu-title-text::after, #header-outer.transparent #top nav > ul > li[class*="button_bordered"] > a::before, #header-outer.transparent .nectar-mobile-only.mobile-header li a .menu-title-text::after {
  	border-color: #ff8700 !important;
}

#header-outer[data-lhe="animated_underline"].transparent.dark-slide #top nav > ul > li > a .menu-title-text::after, #header-outer.dark-slide.transparent:not(.side-widget-open) #top nav > ul > li[class*="button_bordered"] > a::before, #header-outer.dark-slide .nectar-mobile-only.mobile-header li a .menu-title-text::after {
  	border-color: #ff8700 !important;
}

div.textwidget.custom-html-widget {
	padding-top: 20px !important;
}

div#media_image-2.widget.widget_media_image {
	width: 80% !important;
}

.single .heading-title[data-header-style="default_minimal"] h1, body[data-ext-responsive="true"].single-post #page-header-bg[data-post-hs="default_minimal"] h1 {
  padding: 20px 0 20px 0;
  text-align: left !important;
  margin: 0 10px !important;
}

span.rpwwt-post-title {
	color: #ff8700 !important;
	font-size: 15px !important;
}

div.rpwwt-post-date {
	font-size: 11px !important;
}

#rpwwt-recent-posts-widget-with-thumbnails-2 img {
	box-shadow: 6px 7px 13px -6px rgba(0,0,0,0.41) !important;
	-webkit-box-shadow: 6px 7px 13px -6px rgba(0,0,0,0.41) !important;
	-moz-box-shadow: 6px 7px 13px -6px rgba(0,0,0,0.41) !important;
}

.fa-plus-circle::before {
    content: "\f107" !important;
}

.fa-minus-circle::before {
  	content: "\f106" !important;
}

.toggle > .toggle-title a i {
  	position: absolute;
  	left: 13px;
  	background-color: transparent;
  	color: #ff8700 !important;
  	top: 13px;
  	width: 18px;
  	height: 16px;
  	line-height: 18px;
  	font-size: 18px !important;
  	transition: all .2s linear;
  	-webkit-transition: all .2s linear;
}

#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a .menu-title-text::after, body.material #header-outer #search-outer #search input[type="text"], body[data-header-format="left-header"].material #search-outer #search input[type="text"] {
  	border-color: #ff8700 !important;
}



/*============================ Home Page Styles ============================*/
.iwithtext i.icon-default-style {
    font-size: 55px !important;
}
.iwithtext .iwt-icon {
    left: -20px !important;
}

.iwithtext .iwt-text {
  	padding-left: 50px !important;
  	padding-right: 50px !important;
}

h1.sonbroers-services-title {
	font-size: 20px !important;
	text-align: left !important;
	line-height: 26px !important;
}

p.sonbroers-services-subtitle {
	font-size: 16px !important;
	text-align: left !important;
}

h1.sonbroers-subtitle2 {
	font-family: 'Cabin', sans-serif;
	font-size: 28px;
	line-height: 40px;
}

.row .col .iwithtext .iwt-icon img:not([srcset]) {
  	width: 60px !important;
}

div[data-style="minimal"] .toggle > .toggle-title a {
  	padding: 20px 70px 20px 0 !important;
}

div.toggle.default {
	border: 2px solid #ff8700 !important;
}

a.toggle-heading {
	font-size: 16px;
}

div[data-style="default"] .toggle > .toggle-title a, div[data-style="default"] .toggle > .toggle-title {
  	font-size: 17px;
}

h3.post-heading a span {
	color: #ff8700 !important;
	font-size: 20px !important;
	text-transform: uppercase !important;
}
/*========================== Home Page Styles End ==========================*/




/*============================ Portfolio Page Styles ============================*/
.portfolio-items .work-meta h4 {
 	color: #ff8700 !important;
}

.portfolio-items .col .work-item .work-info .default-link {
  	background-color: transparent !important;
  	border: 2px solid #fff !important;
  	font-family: 'Cabin', sans-serif;
  	padding: 9px 15px;
  	color: #fff;
  	font-size: 14px;
  	margin: 5px;
  	-webkit-border-radius: 20px;
  	border-radius: 20px;
}

body.single .project-title .section-title {
  	padding: 0 10px 0 10px !important;
    padding-bottom: 0px;
}

#page-header-bg h1, .nectar-box-roll .overlaid-content h1 {
  	font-family: 'Cabin', sans-serif !important;
  	text-align: left !important;
}

.portfolio-items[data-ps="7"] .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg, .portfolio-items[data-ps="8"] .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg {
 	background-color: #ff8700 !important;
}
/*========================== Portfolio Page Styles End ==========================*/




/*============================ Contact Page Styles ============================*/
h1.sonbroers-contact-title {
	text-shadow: 13px 5px 4px rgba(0,0,0,0.3);
}

.nectar-highlighted-text[data-style="regular_underline"][data-underline-thickness="4px"] em.animated {
  	background-size: 100% 22px;
  	padding-right: 22px;
  	margin-left: auto;
}
/*========================== Contact Page Styles End ==========================*/




/*============================ Contact Form Styles ============================*/
form#gform_1 {
	font-family: 'Cabin', sans-serif;
}

body .gform_wrapper .top_label .gfield_label {
  	margin-top: 2px;
  	font-family: 'Cabin', sans-serif;
  	font-weight: 400;
  	font-size: 14px;
}

.gform_wrapper .gfield_required {
  	color: #ff8700;
}

input#gform_submit_button_1.gform_button.button {
	background-color: #fff;
	color: #ff8700;
	border: 2px solid #ff8700;
	padding: 6px 30px !important;
  	border-radius: 30px !important;
}

p.gform_required_legend {
	display: none;
}
/*========================== Contact Form Styles End ==========================*/





/*============================ Laptop Non-Retina Screens ============================*/
@media (min-width: 1200px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) { 

}


/*============================ Laptop Retina Screens ============================*/
@media (min-width: 1200px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) { 

}


/*============================ iPad 3 and 4 - Portrait ============================*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { 

}


/*============================ iPad 3 and 4 - Landscape ============================*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { 


}


/*============================ iPad Mini - Portrait ============================*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { 

}


/*============================ iPad Mini - Landscape ============================*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { 

}

/*============================ Mobile Retina Media Queries ============================*/
@media (min-width: 414px) and (max-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3) {
	#ajax-content-wrap .container-wrap .font_size_phone_42px.nectar-highlighted-text[data-style] > * {
		font-size: 42px;
		line-height: 46px;
	}
}

@media (min-width: 414px) and (max-width: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) {
	#ajax-content-wrap .container-wrap .font_size_phone_42px.nectar-highlighted-text[data-style] > * {
		font-size: 42px;
		line-height: 46px;
	}
}


/*============================ Mobile Non-Retina Media Queries ============================*/
@media (min-width: 320px) and (max-width: 667px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	#ajax-content-wrap .container-wrap .font_size_phone_42px.nectar-highlighted-text[data-style] > * {
		font-size: 42px;
		line-height: 46px;
	}
}

@media (min-width: 320px) and (max-width: 667px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	#ajax-content-wrap .container-wrap .font_size_phone_42px.nectar-highlighted-text[data-style] > * {
		font-size: 42px;
		line-height: 46px;
	}
}