/*
 * dark teal #1a748e
 * light teal #55c4d7
 * sand #fedb73
 * sun #d38e31
 * blood #992915
 * light sand #faf8eb
 */

/* colors */
.dark-teal { background-color: #1a748e; }
.light-teal { background-color: #55c4d7; }
.sand { background-color: #fedb73; }
.sun { background-color: #d38e31; }
.blood { background-color: #bb7d00; }
.light-sand { background-color: #faf8eb; }

/* colors */
.dark-teal-text { color: #1a748e; }
.light-teal-text { color: #55c4d7; }
.sand-text { color: #fedb73; }
.sun-text { color: #d38e31; }
.blood-text,.blood-text h2,.blood-text h3 { color: #bb7d00; }
.light-sand-text { color: #faf8eb; }

/* custom */
body { font-family: 'Montserrat', sans-serif; font-size:16px; }
body.single, .single #footer { background-color:#fbfbfb; }
h1,h2,h3,h4,h5,h6,
.titles,
.navbar-default .navbar-nav > li > a { font-family: 'Roboto Slab', cursive; }
.navbar-default .navbar-nav > li > a { font-size: 18px!important; }
.navbar-default .navbar-nav > .active > a { background-color: #fedb73; }
.navbar-default { box-shadow:none; margin-bottom: 120px; }
.custom-logo { -webkit-transform: translate3d(0,0,0); height: 80px; }
.titles,
.category-description { color: #1a748e; }
.hidden { display:none; }

/* scroll */
.header-slant { -webkit-transform: translate3d(0,0,0); background-image: url('https://www.socialmotion.co.za/wp-content/uploads/2019/10/header-1.png'); background-repeat:no-repeat; background-size: contain; }
.navbar-scroll { background-color: #fedb73; }
.header-margin { margin: 90px 0 0 0; }
.custom-logo-small { height: 40px!important; }

/* who icons */
.menu-social-menu-container { display:table;margin: 0px auto; }
.menu-social-menu-container ul {list-style:none; text-align: center; padding:0px; }
li.social-icon {  display:inline; }
li.social-icon a { font-size: 18px; padding: 10px; color:#fff; }
li.social-icon a:hover { color:#1a748e; }
.white-bg li.social-icon a { font-size: 18px; padding: 10px; color:#55c4d7; }
.white-bg li.social-icon a:hover { font-size: 18px; padding: 10px; color:#1a748e; }

/* page sections */
#intro .btn-secondary { margin-top:20px; }
#blog .btn-primary { margin-top:20px; }
#contact .blood-text a { color:#fff; }

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl .vc_icon_element-icon { font-size: 4em !important; }
.dropset { margin-top: 35px; }

#who-we-are,
#what-we-do,
#how-we-grow-business,
#blog,
#our-clients,
#testimonials,
#contact { background-size: 100% 100% !important; }
.section-padding { padding-top:100px !important; padding-bottom:150px !important; }
#instagram_feed_section { margin-top:100px; margin-bottom:100px; }
.sbi_bio {  color: #1a748e; }

/* pages */
#page-header { margin-top:100px; }

/* blog */
.basic-bootstrap-posts h4 { margin:10px 0; }
.post-excerpt { min-height: 140px; }
.share-icons { display:inline; }
.share-icons a { font-size: 12px;padding: 3px 10px;color: #1a748e;display: inline-block; }
.share-icons a:hover { color:#55c4d7;}
.tagged { display:inline; color:#888; }

/* forms */
.wpcf7-text, .wpcf7-textarea { border: 1px solid #bb7d00; color:#bb7d00; }
.wpcf7-submit { background-color:#bb7d00; border: 1px solid #bb7d00; }
.wpcf7-submit:hover { color:#bb7d00!important; border: 1px solid #bb7d00!important; }


/* tabs */
.ui-tabs-nav { padding: 0; list-style: none;  margin-bottom:50px; }
.ui-tabs-nav li { display: inline-block; }
.ui-tabs-nav li a { display: block; padding: 10px 15px; margin-bottom:10px; background-color: #55c4d7; color:#fff; }
.ui-tabs-nav li a:hover { padding: 10px 15px; background-color: #1a748e; }
.ui-tabs-nav li.ui-state-active a { background-color: #1a748e; }
#tabs .wpcf7-textarea,
#tabs .wpcf7-text { max-height: 100px; border: 1px solid #1a748e; color:#1a748e; }
.wpcf7-select { padding:5px; border: 1px solid #1a748e; color:#1a748e;  }
div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { color:#992915; border: 2px solid #992915; }
span.wpcf7-not-valid-tip { display: inline-block; background-color: #992915; color: #fff; padding: 5px;}

/* footer */
#footer h3 { color:#ffffff; }
#widget-nav_menu-4 { margin-top:80px; margin-bottom:50px; }
#widget-custom_html-4 { margin-top:50px; margin-bottom:50px; }
.footer-logo { width: 100%; max-width:200px; height:auto; float:right; margin-top:50px; margin-bottom: 50px; }
#footer { padding-top:100px;  background-image: url('https://www.socialmotion.co.za/wp-content/uploads/2019/10/footer.png'); background-repeat:no-repeat; background-size: cover; }
.scrollup { bottom:20px; right:20px; }

/* Large Devices, Wide Screens above 1198px wide */
@media only screen and (min-width : 1367px) {	
	body { font-size:18px; }
}

/* Large Devices, Wide Screens above 1198px wide */
@media only screen and (min-width : 1198px) {
	.navbar-default { box-shadow:none; margin-bottom: 200px; }
}

/* Custom, iPhone Retina below 768px wide */ 
@media only screen and (max-width : 1198px) {
	.navbar-default a span { display:none; }	
}

/* Tablet Devices, Wide Screens above 768px wide */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	body { font-size:16px; }
	.navbar-default .navbar-nav > li > a { font-size: 16px!important; }
	.navbar-default { box-shadow:none; margin-bottom: 60px; }
	.header-margin { margin: 30px 0 0 0; }
	.custom-logo { height: 60px!important; }
	.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl.vc_icon_element-have-style-inner { width: 4em !important; height: 4em !important; }
}


/* Custom, iPhone Retina below 768px wide */ 
@media only screen and (max-width : 768px) {
	.navbar-default { box-shadow:none; margin-bottom: 60px; }
	.custom-logo { height: 60px!important; }
	.header-margin { margin: 30px 0 0 0; }	
	.vc_col-sm-4,
	.col-md-4 { margin-bottom:20px; }
	.wpb_text_column { margin-top:20px; }
	.post-excerpt { min-height: unset;font-size:14px;  }
	#footer { background-color: #1a748e; }
	#widget-nav_menu-4, #widget-custom_html-4 { margin-top: 20px; margin-bottom: 20px; }
	.footer-logo { max-width:200px; height:auto; float:none; margin-top:0px; margin-bottom: 0px; margin-left:auto; margin-right:auto; }
	.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl.vc_icon_element-have-style-inner { width: 4em !important; height: 4em !important; }
}	

/* Custom, iPhone Retina below 668px wide */ 
@media only screen and (max-width : 668px) {	
	.custom-logo { height: 40px!important; }
	.header-margin { margin: 10px 0 0 10px!important; }
	.navbar-default { box-shadow:none; margin-bottom: 80px; }
	#navbar-mobile { margin-top: 10px; }
	.dropset { margin-top: 0px; margin-bottom: 0px; }
}

/* Custom, iPhone Retina below 668px wide */ 
@media only screen and (max-width : 468px) {	
	
	
}