/*STYLE CHANGES TO MTWOBUIDLING WEBSITE*/



/*Tab navigation styles*/

.sppb-nav-lines > li.active > a {
  color:#00aeef !important;
  border-bottom-color: #00aeef !important;
}

.sppb-nav-lines {
    border-bottom: none !important;
}


/*TEXT STYLES*/

/*Change h5 style*/
h5 {
	color: #00aeef !important;
	margin: 20px 0 10px 0 !important;
	text-transform: uppercase !important;
}

/*Bullet point styles*/

.wf-column ul {
  padding-inline-start:20px;
  list-style: none !important; /* Remove default bullets */
}

.wf-column ul li::before {
  content: "\25AA";  /* Add content: \25AA is the CSS Code/unicode for a square bullet */
  color: #00aeef; /* Change the color */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

/*Remove background colour override from Category Blog*/
.view-category .body-wrapper {
background-color: inherit !important;
}

/*Remove background colour override from Page Titles*/
.sp-page-title {
background: inherit !important;
}

/*align feature icons correctly*/
.sppb-icon-container > i {
    width: inherit !important;
}

/*button style for within the text*/
.inline-button {
	color: #fffff !important;
	background-color: #00aeef;
	padding: 8px 12px;
	margin: 10px 0 10px 0;
	font-size: 16px;
	font-weight: 500;
}

.inline-button:hover {
	background-color: #00539f !important;
	color: #00aeef !important;
}

/*ARTICLES*/

/*adjust article title spacing*/
.article-details .article-info {
margin-bottom: 40px;
}

/*adjust article date colour*/
.article-info > span {
color: #ffffff !important;
}

/*adjust article category colour*/
.article-info > span a {
color: #00aeef !important;
}

.article-info > span a:hover {
color: #ffffff !important;
}

/*adjust article blog intro text colour*/
.article-introtext p {
	color: #ffffff !important;
}

/*adjust article blog read more text colour*/
.readmore a {
	color: #00aeef !important;
}

.readmore a:hover {
	color: #ffffff !important;
}

/*remove comma from between category and date*/
.article-info > span + span::before {
    padding-left: 0rem;
    content: "";
}

/*remove rounded corners from main image on article page*/
.article-details .article-full-image img {
    display: inline-block;
    border-radius: 0;
}

/*remove width restriction on article header*/
.article-details .article-header h1, .article-details .article-header h2 {
    width: 100%;
}


/*ADD-ONS*/

/*adjust image layout add-on styles*/
.sppb-addon-image-layout-content {
    padding: 10px 24px 10px 24px !important;
}


/*CATEGORY BLOG*/

/*adjust category blog module space between categories & rule colour*/
.categories-module li {
	padding: 7px 0;
	border-bottom: 1px solid #ffffff24 !important;
}

/*adjust border around category blog module*/
#sp-left .sp-module {
border: 1px solid #ffffff24 !important;
border-radius: 0;
}

/*adjust category blog module active category*/
.categories-module li.active a {
	color: #ffffff !important;
}

.categories-module a:hover {
	color: #ffffff !important;
}

/*add chevron before active category*/
.categories-module li.active a::before {
    content: ">";
}


/*adjust styling of social share*/
.article-details .article-ratings-social-share {
	border-top: none;
	border-bottom: none;
	padding: 0;
	margin-bottom: 40px;
}

/*move article info to next to social share*/
.article-details .article-info {
	float: left;
	margin-bottom: 23px;
	margin-top: 17px;
}

/*adjust social share icons*/
.article-social-share .social-share-icon ul li a {
    border: 1px solid #ffffff;
	color: #fff;
}

/*remove Google+ social share icon*/
.google-plus, .google-plus a, .gplus, .gplus a, .fa.fa-google-plus {
	display: none !important;
	visibility: hidden !important;
}

/*remove right margin from social share icons*/
.article-social-share .social-share-icon ul li:not(:last-child) {
    margin-right: 0;
}

/*put right margin back on Facebook social share icon*/
.article-social-share .social-share-icon ul li:not(:last-child) .facebook {
    margin-right: 10px;
}

/*put right margin back on Twitter social share icon – This is smaller than Facebook to counteract the whitespace left by the Google+ icon*/
.article-social-share .social-share-icon ul li:not(:last-child) .twitter {
    margin-right: 6px;
}

/*adjustments to heading style for category navigation box*/
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
margin: 0 0 20px !important;
border-bottom: 1px solid #ffffff24 !important;
color: #ffffff;
text-transform: uppercase;
}


/*FORM ELEMENTS*/

/*adjust colour of checkboxes*/
.form-builder-checkbox-item label::before, .form-builder-radio-item label::before, .sppb-addon-form-builder .sppb-form-check-label::before {
border: 2px solid #00aeef !important;
}

/*adjust colour of inside checkboxes when selected*/
.form-builder-checkbox-item input:checked + label::before, .form-builder-radio-item input:checked + label::before, .sppb-addon-form-builder .sppb-form-check-input:checked + label::before {
    background: #00539f !important;
}
/*adjust colour of success text when form is submitted*/
.sppb-text-success {
color: #00aeef !important;
}

/*adjust colour of button text*/
.sppb-btn-primary.sppb-btn-outline {
    color: #a3a3a3 !important;
}
.sppb-btn-primary.sppb-btn-outline:hover {
    color: #ffffff !important;
}


/*SITE MAP*/

/*adjust site map sub headings*/
.osmap-items h2 {
	color: #00aeef !important;
	font-size: 28px;
	margin-top: 30px;
}

/*adjust position & colour of bullet points*/
.osmap-items ul {
	margin: 0 0 9px 0;
	padding-inline-start: 20px;
	color: #ffffff;
}

/*adjust colour of bullet text*/
.osmap-items ul a {
	color: #ffffff;
}
.osmap-items ul a:hover {
	color: #00aeef;
}

/*adjust styling of secondary bullet text*/
.osmap-items .level_1 {
	font-size: 15px;
	margin-top: 5px;
	text-transform: uppercase;
}

/*adjust styling of third bullet text*/
.osmap-items .level_2, .osmap-items .level_2 a {
	font-size: 15px;
	text-transform: initial;
	color: #a3a3a3;
}


/*WHAT WE DO*/

.sppb-decoraproject .sppb-nav-tabs > li > a {
    font-size: 18px;
}


/*INSTAGRAM FEED*/

/*changes styling of 'load more' button*/
#jux_social_instagram_feed .eapps-instagram-feed-posts-grid-load-more {
	background: #0000 !important;
	color: #a3a3a3;
	border: 1px solid #00aeef;
	padding: 10px 30px;
	border-radius: 0;
	height: auto;
	font-weight: 500;
	font-size: 16px;
}

#jux_social_instagram_feed .eapps-instagram-feed-posts-grid-load-more:hover {
	color: #fff !important;
	background-color: #00aeef !important;
	border-color: #00aeef;
	box-shadow: none;
}

#jux_social_instagram_feed .eapps-instagram-feed-posts-grid-load-more-text:hover:before {
    opacity: 0 !important;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}


	

/*MEDIA QUERIES*/

@media only screen and (max-width: 768px) {
  
/*clear float on article info on a mobile so social share moves underneath*/
.article-details .article-info {
	float: none;
  }
	
/*clear justify on social share so that it floats on the left*/
.justify-content-end {
    justify-content: flex-start !important;
}
	
}