/*
 Theme Name: Sultry Suburbia V2
 Template: twentythirteen
 */

.header-ad {
    margin-left: auto;
    margin-right: auto;
}

.home-logo {
    margin-bottom: 10px;
}

a {
    color: #3FBABC;
}

a:visited {
    color: #3FBABC;
}

a:hover {
    color: #3FBABC;
}

h1 {
    font-size: 30px;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #333;
	font-size: 15px;
	margin: 0 0 0px;
}

.site-header {
    background: none !important;
}

.site-header .home-link {
    color: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    min-height: 80px;
}

.site-header .home-logo {
    margin-top: 45px;
}

ul.nav-menu {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.nav-menu li a {
    padding: 7px 20px;
}

.nav-menu li:hover > a,
.nav-menu li a:hover {
    color: #3FBABC;
}

.nav-menu .sub-menu,
.nav-menu .children {
    display: none;
}

.nav-menu ul li:hover > ul {
    display: block;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
    color: #3FBABC;
}


.navbar {
    background: url(images/menu-background.png) center top repeat-x !important;
}

.site-header .search-field {
    height: 28px;
    margin: 0 0;
}

.site-header .search-field:focus {
    height: 28px;
	border: 2px solid #3FBABC;
}

.site-header .search-form {
    height: 28px;
    margin: 0px 0;
}

.entry-header {
    margin-bottom: 15px;
}

.entry-title {
    color: #3FBABC;
}

.entry-title a {
    color: #3FBABC;
}

.entry-title a:hover {
    color: #3FBABC;
}

.entry-meta a {
    color: #3FBABC;
}

.entry-meta a:hover {
    color: #3FBABC;
}

.entry-content a,
.comment-content a {
    color: #3FBABC;
}

.entry-content a:hover,
.comment-content a:hover {
    color: #3FBABC;
}

.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
    background: #EEE;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #e41f64;
}

.format-link .entry-title a {
    color: #3FBABC;
}

.format-video .entry-meta {
    color: #3FBABC;
}

.attachment .hentry {
    background-color: #FFF;
}

.navigation a {
    color: #3FBABC;
}

.navigation a:hover {
    color: #3FBABC;
}

.paging-navigation {
    color: #3FBABC;
}

.paging-navigation a:hover .meta-nav {
    background-color: #e31f64;
}

.paging-navigation .meta-nav {
    background-color: black;
}

.paging-navigation a:hover .meta-nav  {
    background-color: #3FBABC;
}

.archive-header {
    background-color: #FFF;
}

.page-header {
    background-color: #FFF;
}

.error404 .page-title:before {
    color: #FFF;
}

.error404 .page-wrapper {
    background-color: #FFF;
}

.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login {
    color: #3FBABC;
}

.comment-meta a:hover {
    color: #3FBABC;
}

.site-main .widget-area {
    width: 320px; 
}

.widget {
    background-color: #FFF;
    border: 1px solid #DDD;
}

.widget a {
    color: #3FBABC;
}

.widget a:hover {
    color: #3FBABC;
}

.site-footer a {
    color: #3FBABC;
}

.site-footer .sidebar-container {
    background-color: #EEE;
}

.site-footer .widget a {
    color: #3FBABC;
}

.site-footer .widget-title,
.site-footer .widget-title a,
.site-footer .wp-caption-text {
    color: #000;
}

button,
input,
textarea {
    border: 2px solid #3FBABC;
}

button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #3FBABC; /* Old browsers */
	background: -webkit-linear-gradient(top, #3FBABC 0%, #3FBABC 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #3FBABC 0%, #3FBABC 100%); /* W3C */
	border-bottom: 3px solid #3FBABC;
}

.comment-respond {
    border: 1px solid #DDD;
    background-color: #FFF;
}

@media (max-width: 643px) {
     .menu-toggle,
     .menu-toggle:hover,
     .menu-toggle:focus,
     .menu-toggle:active {
         background: none;
         border: none;
         color: #141412;
         padding: 7px 0 12px 20px;
     }
}

@media (max-width: 667px) {
    .home-logo {
        width: 75%;
    }
}


@media (max-width: 359px) {
    .home-logo {
        width: 75%;
    }
}