a {
    color: #22a7a4;
}
@media screen and (min-width: 767px) {
	.site-header {
		padding: 30px 0 80px 0;
		width: 840px;
		margin: auto;
		display: flex;
	}

	.site-branding {
		flex-basis: content;
	}
	.site-title{
		font-size: 25px;
		text-align: left;
	}
	.main-navigation {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: flex-end;
	}
}

@media screen and (min-width: 1220px){
	.site-header {
		width: 1100px;
	}
}

.site-logo-link {
	margin: 0;
}
.main-navigation ul .current_page_item > a, .main-navigation ul .current-menu-item > a {
    color: #22a7a4;
}

.main-navigation ul li a:hover, .main-navigation ul li a:focus, .main-navigation ul li a:active {
    color: #22a7a4;
}

.page-title a:hover, .page-title a:focus, .page-title a:active, .entry-title a:hover, .entry-title a:focus, .entry-title a:active {
    color: #22a7a4;
}

.page-header:after, .entry-header:after {
    background: #9DF3C4;
}

.entry-thumbnail a {
    background: #9DF3C4;
}

.entry-thumbnail a:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
    padding: 20px;
    height: 100%;
    width: 100%;
    background: #9DF3C4;
    opacity: 0;
    -webkit-background-clip: content-box;
    -moz-background-clip: content-box;
    background-clip: content-box;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

#secondary:after {
    border-bottom-color: #22a7a4;
}

#secondary.hover:after {
    border-bottom-color: #9DF3C4;
}

.widgets-wrapper {
	background: #22a7a4;
}

.widgets-area a {
    color: #ffffff;
}

.widgets-area input[type="text"], .widgets-area input[type="email"], .widgets-area input[type="url"], .widgets-area input[type="password"], .widgets-area input[type="search"], .widgets-area textarea {
    background: #fff;
    border-color: #fff;
}

.widgets-area button:hover, .widgets-area button:focus, .widgets-area button:active, .widgets-area input[type="button"]:hover, .widgets-area input[type="button"]:focus, .widgets-area input[type="button"]:active, .widgets-area input[type="reset"]:hover, .widgets-area input[type="reset"]:focus, .widgets-area input[type="reset"]:active, .widgets-area input[type="submit"]:hover, .widgets-area input[type="submit"]:focus, .widgets-area input[type="submit"]:active {
    color: #22a7a4;
}

.site-footer {
	border-top: 5px solid #22a7a4;
}

.site-footer a, .site-footer a:visited {
    color: #808080;
}

.footer-area .site-info a{
    font-size: 20px;
    font-weight: 600;
    color: #22a7a4;
}

.menu-social li a {
    border: none;
}

.menu-social li a:before {
    width: 26px;
    height: 26px;
    font-size: 26px;
}
.menu-social li a:hover, .menu-social li a:focus, .menu-social li a:active {
    color: #22a7a4;
}
.menu-social li a:hover, .menu-social li a:focus, .menu-social li a:active {
    border-color: #22a7a4;
}

::selection {
    background: #22a7a4;
    color: white;
}

.login-btn a {
    background: #22a7a4;
    color: #ffffff !important;
    padding: 10px 30px;
    border-radius: 5px;
}

.login-btn a:hover {
	background: #156968;
}