.tg-slider-widget .btn-wrapper a {
    border: 1px solid #24939b;
    display: inline-block;
    font-size: 20px;
    padding: 7px 26px;
  	text-shadow:none!important;
  	color: #FFFFFF !important;
}
.tg-slider-widget.slider-light .slider-image .overlay {
    background-color: #ffffff85;
}
.module-component.component-base-footer-navigation .tg-column-wrapper {
 	flex-wrap: wrap; 
}
.header-bottom .tg-container {
  margin: 0 auto;
}
.header-top [show-if="account_has_address"]{
 	display:none; 
}
.gallery .cell {
 padding-top:15px; 
  padding-bottom:15px;
}
#DFTU8, #N6AYS {
  display:none;
}
#SMEAK {
 width:100%; 
}
#top-footer #SMEAK .widget ul li {
 float:left; 
}
#top-footer #SMEAK .widget ul li:after {
  left:10px;
}

.tg-client-widget .client-slide.swiper-slide img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
}
.tg-client-widget .client-slide.swiper-slide:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}
.swiper-button-next, .swiper-button-prev {
      color: #30afb8;
}
a.custom-logo-link{
  display: flex;
  text-decoration: none;
  align-items: center;
}
.custom-logo-link::after {
    content: "Stellenbosch Optometrist";
    font-size: 25px;
    font-weight: bold;
    line-height: 25px;
    vertical-align: middle;
  	margin-left:10px;
}
#NQV1W.header-action-container {
 display:none; 
}

.blog-section .tg-blog-widget-layout-1 .tg-blog-widget:hover, #scroll-up, .header-bottom .search-wrap .search-box .searchform .btn:hover, .header-bottom .cart-wrap .flash-cart-views a span, body.transparent #masthead .header-bottom #site-navigation ul li a::before, .tg-slider-widget.slider-dark .btn-wrapper a:hover, .section-title:after, .about-section .about-content-wrapper .btn-wrapper a, .tg-service-widget .service-icon-wrap, .team-wrapper .team-content-wrapper .team-designation:after, .call-to-action-section .btn-wrapper a:hover, .blog-section .tg-blog-widget-layout-1:hover, .blog-section .tg-blog-widget-layout-2 .post-image .entry-date, .blog-section .tg-blog-widget-layout-2 .blog-content .post-readmore, .pricing-table-section .tg-pricing-table-widget:hover, .pricing-table-section .tg-pricing-table-widget.tg-pricing-table-layout-2 .pricing, .pricing-table-section .tg-pricing-table-widget.tg-pricing-table-layout-2 .btn-wrapper a, footer.footer-layout #top-footer .widget_tag_cloud .tagcloud a:hover, #secondary .widget-title:after, #secondary .searchform .btn:hover, #primary .searchform .btn:hover, #respond #commentform .form-submit input, .woocommerce span.onsale, .woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .added_to_cart.wc-forward, .testimonial-container .swiper-pagination.testimonial-pager .swiper-pagination-bullet:hover, .testimonial-container .swiper-pagination.testimonial-pager .swiper-pagination-bullet.swiper-pagination-bullet-active, .header-bottom .searchform .btn, .navigation .nav-links a:hover, .bttn:hover, button, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .tg-slider-widget .btn-wrapper a:hover {
  background: #8c9780;
}
.section-title:after {
  background: #8c9780 none repeat scroll 0 0 !important;
}
#site-navigation ul li:hover>a, #site-navigation ul li.current-menu-item>a, #site-navigation ul li.current_page_item>a, #site-navigation ul li.current_page_ancestor>a, #site-navigation ul li.current-menu-ancestor>a {
  color: #819171;
}
#top-footer .widget-title:first-letter {
  color: #819171 !important;
}
.feature-product-section .tg-feature-product-widget .featured-image-desc::before, .blog-section .row:nth-child(odd) .tg-blog-widget:hover .post-image::before, footer.footer-layout #top-footer .widget-title, .blog-section .row:nth-child(2n) .tg-blog-widget:hover .post-image::before {
  border-left-color: #8c9780;
}
.tg-service-widget .service-icon-wrap:after {
  color: #8c9780;
  border-top: 10px solid #8c9780;
}
.swiper-button-next, .swiper-button-prev {
  color: #8c9780;
}
.testimonial-container .testimonial-icon {
  color: #8c9780;
}
#site-navigation ul li:hover>a, #site-navigation ul li.current-menu-item>a, #site-navigation ul li.current_page_item>a, #site-navigation ul li.current_page_ancestor>a, #site-navigation ul li.current-menu-ancestor>a, #site-navigation ul.sub-menu li:hover>a, #site-navigation ul li ul.sub-menu li.menu-item-has-children ul li:hover>a, #site-navigation ul li ul.sub-menu li.menu-item-has-children:hover>.menu-item, body.transparent #masthead .header-bottom #site-navigation ul li:hover>.menu-item, body.transparent #masthead .header-bottom #site-navigation ul li:hover>a, body.transparent #masthead .header-bottom #site-navigation ul.sub-menu li:hover>a, body.transparent #masthead .header-bottom #site-navigation ul.sub-menu li.menu-item-has-children ul li:hover>a, body.transparent.header-sticky #masthead-sticky-wrapper #masthead .header-bottom #site-navigation ul.sub-menu li>a:hover, .tg-service-widget .service-title-wrap a:hover, .tg-service-widget .service-more, .feature-product-section .button-group button:hover, .fun-facts-section .fun-facts-icon-wrap, .fun-facts-section .tg-fun-facts-widget.tg-fun-facts-layout-2 .counter-wrapper, .blog-section .tg-blog-widget-layout-2 .blog-content .read-more-container .read-more a, footer.footer-layout #top-footer .widget-title::first-letter, footer.footer-layout #top-footer .widget ul li a:hover, footer.footer-layout #bottom-footer .copyright .copyright-text a:hover, footer.footer-layout #bottom-footer .footer-menu ul li a:hover, .archive #primary .entry-content-block h2.entry-title a:hover, .blog #primary .entry-content-block h2.entry-title a:hover, #secondary .widget ul li a:hover, .woocommerce-Price-amount.amount, .team-wrapper .team-content-wrapper .team-social a:hover, .testimonial-container .testimonial-wrapper .testimonial-slide .testominial-content-wrapper .testimonial-icon, .footer-menu li a:hover, .tg-feature-product-filter-layout .button.is-checked:hover, .testimonial-container .testimonial-icon, #site-navigation ul li.menu-item-has-children:hover>.sub-toggle, .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before, #primary .post .entry-content-block .entry-meta a:hover, #primary .post .entry-content-block .entry-meta span:hover, .entry-meta span:hover a, .post .entry-content-block .entry-footer span a:hover, #secondary .widget ul li a, #comments .comment-list article.comment-body .reply a, .tg-slider-widget .btn-wrapper a, .entry-content a, .related-posts-wrapper .entry-title a:hover, .related-posts-wrapper .entry-meta>span a:hover {
  color: #8c9780 !important;
}
.tg-slider-widget .btn-wrapper a {
  color: #FFFFFF !important;
}
.module-blog .blog .sidebar .search-form form button {
  background-color: #819171;
}
.module-blog .blog .sidebar .search-form form button:hover {
    background-color: #8c9780;
}
.module-blog .blog .sidebar .categories ul a:hover {
  color: #819171;
}
#top-footer .widget ul li a:hover, #bottom-footer .copyright-text a:hover {
  color: #8c9780 !important;
}
#top-footer .widget-title {
  border-left: 3px solid #8c9780 !important;
}
.btn-primary {
  background-color: #819171;
  border-color: #819171;
  color: #FFFFFF;
}
.btn-primary:hover {
    background: #8c9780;
    border-color: #8c9780;
  	color: #FFFFFF;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: #819171;
    border-color: #819171;
  	color: #FFFFFF;
}
.tg-slider-widget .btn-wrapper a:hover {
    background: #8c9780;
    border-color: #8c9780;
  	color: #FFFFFF;
}
.tg-slider-widget .btn-wrapper a {
  border-color: #819171;
}
.tg-slider-widget .btn-wrapper a {
  color: #FFFFFF;
}
input[type="button"], input[type="reset"], input[type="submit"] {
  background: #819171;
}
#pg-643-8>.panel-row-style {
    background-color: #758467;
}
.home.service-offered {
    display: flex;
    flex-direction: column;
}
.home.service-offered .item {
    color: rgb(255, 255, 255);
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    line-height: 31px;
    font-weight: 400;
    font-size: 15px;
}
@media (max-width: 480px) {
	.center-logo-below-menu .logo, .logo {
      	width: 90%;
      	padding:0px;
	}
}
@media (max-width: 980px){
	#site-navigation, .center-logo-below-menu #site-navigation {
      padding: 20px 5px;
  	}
}