/* Enter Your Custom CSS Here */

body { background: #FFF url(http://www.mydirt.ca/wp-content/themes/clarity-child/images/bg_website4.jpg) repeat top left; background-attachment: fixed; }

#clarityaboutboxwidget-2 img {
    border-radius: 50%;
    margin: 0 auto;
    display: block;
}

.widget h3 {
  	text-align: center;
}

#menu-categories { font-weight: 600; }

@media screen and (max-width: 580px) {
  .headwrap::after { display: none; }
  .sf-menu li.social { display: none !important; }
}

#mobnav-btn { background: url(http://www.mydirt.ca/wp-content/uploads/2016/11/mobile-nav.png) no-repeat top center; }

#mobnav-btn::after {
    content: 'Navigation';
    display: inline-block;
    margin-left: 35px;
    font-size: 18px;
  	color: #49b898;
  	line-height: 30px;
}

.sf-menu.xactive {
  	background: #FFF;
}

div.post,
div.page {
  	padding: 20px;
}

.headwrap { background: transparent; }

.col4.head-image img {
    border-radius: 50%;
}

.headwrap .textwidget {
    display: none;
}

.sf-menu li ul {
  	border: 1px solid #FFF;
}

.sf-menu li li {
    background: #FFF;
}

.sf-menu li li a,
.sf-menu li li a:visited {
    color: #710f10;
}

.sf-menu li li a:hover {
  	color: #49b898;
}