/*
Theme Name: Capati Dental 2.2
Theme URI: http://www.capatidental.com
Version: 2.2
Author: Aaron Stanley
*/


ul#menu-main-menu a {
    color: #FFF;
    font-weight: bold !important;
	font-size: 1.25em !important;
}
#header {
    padding: 1em 0 0 0 !important;
    background: linear-gradient( rgba(242, 132, 158, 0.45), rgba(0, 142, 194, 0.28) ), url(/wp-content/themes/Capati2/images/header.jpg) center left no-repeat !important;
    height: 325px !important;
}
#header .logo .symbol img {
    width: auto !important;
    height: 10em !important;
}
#main {
    padding: 2em 0 2em 0 !important;
}
#main .inner h1 {
    position: relative !important;
    z-index: 100 !important;
    color: #FFF !important;
    margin-top: -100px !important;
    text-align: center;
    font-size: 2.25em !important;
}
#footer > .inner section {
    text-align: center !important;
	width: 33%;
}
section.tiles article:nth-child(6n+1) span.image:before {
    background-color: #f2849e !important;
}
section.tiles article:nth-child(6n+2) span.image:before {
    background-color: #7ecaf6 !important;
}
section.tiles article:nth-child(6n+3) span.image:before {
    background-color: #7bd0c1 !important;
}
section.tiles article:nth-child(6n+4) span.image:before {
    background-color: #c75b9b !important;
}
section.tiles article:nth-child(6n+5) span.image:before {
    background-color: #ae85ca !important;
}
section.tiles article:nth-child(6n+6) span.image:before {
    background-color: #8499e7 !important;
}
.socialwidget a {
    border: 0;
}
.socialwidget svg {
    width: 35px;
    fill: #FFF;
    color: #FFF;
	margin: 0 5px;
	transition: 0.5s;
}
.socialwidget svg:hover {
	fill: #f2849e;
	color: #f2849e;
	transition: 0.5s;
}
#footer {
    background-color: #415968 !important;
    color: #FFF !important;
}
section.tiles.blogposts article span.image:before {
    background-color: rgba(0, 0, 0, 0.84) !important;
}
.homepage-servicesmore {
    text-align: center;
}
.homepage-sectiontitle {
    text-align: center;
    margin-top: 40px;
}
.homepage-sectiontitle h2, 
section.tiles.blogposts,
section.tiles.servicetiles {
    margin-top: 0;
    margin-bottom: 0;
}
.tiles.blogposts article > .image img,
.tiles.servicetiles article > .image img {
	height: auto !important;
}
ul.menu {
    list-style: none !important;
    margin: 0 0 2em 0 !important;
    padding-left: 0em !important;
}
img.alignright {
    float: right;
    margin: 10px 0 10px 10px;
    max-width: 100%;
    height: auto;
}
.socialwidget {
    margin-top: 30px;
}
header p {
    margin-top: 0 !important;
}
.tiles article > .image img {
    height: auto !important;
}

@media screen and (max-width: 736px) {
	#footer > .inner section {
		width: 100% !important;
		margin-right: 0 !important;
	}
	#main .inner h1 {
		margin-top: -140px !important;
		padding-bottom: 40px !important;
	}
}