/**
Theme Name: astra child theme
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child-theme
Template: astra
*/

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
/*.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(https://res.cloudinary.com/go2-online-marketing/image/upload/v1566381436/Favicon_ahdlu9.gif) center no-repeat #fff;
	background-size: 150px 150px;
}*/

.share {
	color: #f16421 !important;
}
a {
	outline: none !important;
}

.ast-footer-overlay {
    padding-top: 30px !important;
    padding-bottom: 10px !important;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    display: none !important;
}

.title-header .slideInLeft {
	animation-duration: 9s ease-in-out !important;
}
.pen-tool {
	margin-top: -100px;
	/*margin-right: -125px;*/
	margin-left: 200px;
	box-shadow: none !important;
}
.pen-tool.wpb_single_image img {
	box-shadow: none !important;
}

.pen-tool-header {
	margin-top: -105px;
	/*margin-right: -125px;*/
	margin-left: 200px;
	box-shadow: none !important;
    z-index: 1 !important;
}

.pen-tool-header.wpb_single_image img {
	box-shadow: none !important;
}

.pen-tool2.wpb_single_image img {
	box-shadow: none !important;
}

.wpb_single_image .vc_single_image-wrapper {
	box-shadow: none !important;
}
.pen-tool2 {
	margin-top: -100px;
	/*margin-right: -125px;*/
	margin-left: 190px;
	margin-right: -10px;
	box-shadow: none !important;
}
.wpb_single_image.wpb_content_element.vc_align_left.wpb_animate_when_almost_visible.wpb_zoomIn.zoomIn.pen-tool.wpb_start_animation.animated {
	box-shadow: none !important;
}

.wpb_text_column.wpb_content_element.wpb_animate_when_almost_visible.wpb_slideInLeft.slideInLeft.title-header.wpb_start_animation.animated {
	animation-delay: 0.5s !important; 
	animation-duration: 3s !important;
}

.wpb_single_image.wpb_content_element.vc_align_left.wpb_animate_when_almost_visible.wpb_fadeInRight.fadeInRight.pen-tool-header.wpb_start_animation.animated {
	animation-delay: 4s !important; 
	animation-duration: 2s !important;
	z-index: 1 !important;
}

.wpb_single_image.wpb_content_element.vc_align_left.wpb_animate_when_almost_visible.wpb_fadeInRight.fadeInRight.pen-tool2.wpb_start_animation.animated {
	animation-delay: 1s !important; 
	animation-duration: 1s !important;
	z-index: -999 !important;
}

pen-tool2

pen-tool-header

.wpb_single_image.wpb_content_element.vc_align_left.wpb_animate_when_almost_visible.wpb_fadeInRight.fadeInRight.pen-tool.wpb_start_animation.animated {
	animation-delay: 1s !important; 
	animation-duration: 1s !important;
	z-index: 1 !important;
}

.wpb_text_column.wpb_content_element.wpb_animate_when_almost_visible.wpb_fadeInDown.fadeInDown.vc_custom_1542114469808.tagline-title.wpb_start_animation.animated {
	animation-delay: 0.2s !important;
}

/*Header Section___________________________________________________________________START*/
@media (max-width: 8000px) and (min-width: 1080px) {
#header-section {
	background-image: url('https://icandesign.co.za/wp-content/uploads/2018/12/Hero-Image-New-1.svg') !important;
}
}
@media (max-width: 1080px) and (min-width: 150px) {
#header-section {
	background-image: url('https://icandesign.co.za/wp-content/uploads/2018/12/Home-Page-Mobile.svg') !important;
}
}
/*.main-header-bar {
	background-color: transparent !important;
}*/

.vc_btn3.vc_btn3-style-custom {
	background-image: none !important;
}

.main-header-menu > .menu-item > a {
	color: #000 !important;
	font-weight: 400 !important;
	outline: none !important;
}

.main-header-menu > .menu-item > a:hover {
	color: #f16421 !important;
}

a:active {
	color: #f16421 !important;
}

.menu-toggle.main-header-menu-toggle.ast-mobile-menu-buttons-minimal.toggled {
	color: #679640 !important;
}

.social {
	width: 50%;
	max-width: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding: 0;
}

#social-buttons {
	width: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: auto;
	display: block;
}

.facebook {
	float: left;
	width: 50px;
	padding: 10px;
}
.twitter {
	float: left;
	width: 50px;
	padding: 10px;
}
.google {
	float: left;
	width: 50px;
	padding: 10px;
}
.linked {
	float: left;
	width: 50px;
	padding: 10px;
}

li.ast-masthead-custom-menu-items a {
	color: #f16421 !important;
}
li.ast-masthead-custom-menu-items a:hover {
	color: #f16421 !important;
}
/*Header Section___________________________________________________________________END*/

/*Body Section 1__________________________________________________________________START*/

.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
	border: none !important;
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover {
	border: none !important;
	background-color: transparent!important;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-icon {
	color: #f16421 !important;
}

/*.fadeInDown {
}

.fadeInUp {
}
*/

@keyframes fadeInDown {
  from {
    opacity: 0 !important;
    transform: translate3d(-100%, 0, 0) !important;
  }

  to {
    opacity: 1 !important;
    transform: none !important;
  }
}

.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-lg.home-page-button {
	box-shadow: 0px 6px 20px 0px rgba(201,201,201,0.90) !important;
}
.shadow {
 filter: drop-shadow( 0px 10px 10px rgba(201,201,201,0.20));
}

/*Body Section______________________________________________________________________END*/

/*About Us___________________________________________________________________________START*/

.tlp-team * {
	text-align:center !important;
}

.tlp-team .round-img img {
	border-radius: 0 !important;
}

.tlp-team .img-responsive {
	width: 220px !important;
}

blockquote {
	border-left: none !important;
}

/*Services Page__________________________________________________________________________________________START*/

.wpb-js-composer .vc_tta.vc_tta-style-outline .vc_tta-tab {
	width: 24% !important;
}

.wpb-js-composer .vc_tta-color-black.vc_tta-style-outline .vc_tta-tab>a {
	color: #fff !important;
	border-color: #679640 !important;
}
.wpb-js-composer .vc_tta-color-black.vc_tta-style-outline .vc_tta-tab.vc_active>a {
	background-color: #679640 !important;
}

.wpb-js-composer .vc_tta-color-black.vc_tta-style-outline .vc_tta-tab>a:hover {
	color: #fff !important;
	background-color: #679640 !important;
}
.wpb-js-composer .vc_tta-color-black.vc_tta-style-modern .vc_tta-tab {
	width: 24% !important;
}
.wpb-js-composer .vc_tta-color-black.vc_tta-style-modern .vc_tta-tab>a {
	color: #000 !important;
	background-color: #fff !important;
}
.wpb-js-composer .vc_tta-color-black.vc_tta-style-modern .vc_tta-tab>a:hover {
	color: #fff !important;
	background-color: #000 !important;
}
.wpb-js-composer .vc_tta-color-black.vc_tta-style-modern .vc_tta-tab.vc_active>a {
	color: #fff !important;
	background-color: #000 !important;
	background-image: none !important;
}

/*About Us Page__________________________________________________________________________________________START*/

div.tpl-social {
	display: none !important;
}

.tlp-team h3 {
	margin-top: 15px !important;
	pointer-events: none !important;
	font-weight: 600 !important;
}

.tlp-team a {
	color: #f16421 !important;
}
.tlp-team .designation {
	color: #679640 !important;
}

/*Footer Contact Form_________________________________________________________________________________________START*/

input.wpcf7-form-control.wpcf7-submit.submit-button,
.wpcf7-form-control.wpcf7-submit{
	width: 50% !important;
	max-width: 100% !important;
	background-color: #c40f0f !important;
	color: #fff !important;
}

input.wpcf7-form-control.wpcf7-submit.submit-button:hover
{
	color: #fff !important;
}

/*Mobile Screens___________________________________________________________________________________________START*/

@media (max-width:1080px) and (min-width:50px) {
	#we-offer-section {
		display: none !important;
	}
	.main-header-menu > .menu-item > a {
	color: #1a1a1a !important;
}
.wpb-js-composer .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #ffffff !important;
    background-color: #679640 !important;
    border-color: #679640 !important;
}
	.wpb-js-composer .vc_tta.vc_tta-style-outline .vc_tta-panel.vc_active+.vc_tta-panel .vc_tta-panel-heading, .wpb-js-composer .vc_tta.vc_tta-style-outline .vc_tta-panel:not(:first-child) .vc_tta-panel-heading {
		border-color: #679640 !important;

	}
	.wpb-js-composer .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title>a {
				color: #fff !important;
	}
	
	.wpb-js-composer .vc_tta-color-black.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading {
		border-color: #679640 !important;
	}
	.column {
	  float: left;
	  width: 100% !important;
	  padding: 5px;
	}
}


/*Gallery_______________________________________________________________________________________________________START*/


.ms-slide .ms-slide-bgcont img {
	width: 100% !important;
	max-width: 100% !important;
	height:auto !important;
	align-content: center !important;
	margin: 0px !important;
}

/*Contact Page___________________________________________________________________________________________________________START*/

/*--- 2 Column Form Styles Start ---*/
 
#left {
    width: 47%;
    float: left;
    margin-right:6%;
}
 
#right {
    width: 47%;
    float: left;
}
 
.clearfix:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    margin-bottom:10px;
}
 
.clearfix {
    display:block;
}
 
/*--- 2 Column Form Styles End ---*/

/*Mobile Menu___________________________________________________________________________________________________*/

.ast-button-wrap .menu-toggle .mobile-menu-wrap {
    float: left !important;
}

* {
  box-sizing: border-box;
}

.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

#sgpb-popup-dialog-main-div.sg-popup-content {
	margin: 0 auto !important;
}

.sgpb-main-html-content-wrapper {
	margin: 0 auto !important;
	padding-right: 20px;
	padding-left: 20px;
}
.sgpb-popup-close-button-2 {
	margin-right: 20px !important;
}