/*
Theme Name: Mayo Child
Template: mayo
Theme URI: http://www.pxltheme.online/demo/mayowp
Author: PxlSolutions
Author URI: http://www.pxltheme.online/
Description: Portfolio Theme for Creative Professionals
Version: 1.0
License: GNU General Public License
License URI: http://themeforest.net/wiki/support/legal-terms/licensing-terms/
*/
/*@import url("../mayo/css/style.css");*/

/* =Theme customization starts here
------------------------------------------------------- */

@font-face {
	font-family: 'proxima-nova';
	src: url('fonts/ProximaNova.eot');
	src: local('☺'), url('fonts/ProximaNova.woff') format('woff'), url('fonts/ProximaNova.ttf') format('truetype'), url('fonts/ProximaNova.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	padding-top: 91px;
}

a {
	color: rgb(43, 214, 203);
}

h1, h2, h3, h4, h5, h6 {
	font-family: proxima-nova, sans-serif;
	color: rgb(43, 214, 203);
	font-weight: 500;
}

h1 {
    color: #15d7cc;
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 6px;
    text-transform: uppercase;
}

h2 {
    color: #2bd6cb;
    font-size: 21px;
    line-height: 31px;
    font-weight: 500;
    letter-spacing: 8px;
    text-transform: uppercase;
}

li {
    font-size: 16px;
}

blockquote {
	border-left: 5px solid rgb(43, 214, 203);
}

.header {
    padding: 20px 0 20px;
	background: #f7f7f7;
	position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999999;
}

.nav {
	font-family: proxima-nova, sans-serif;
	text-transform: uppercase;
}

.nav li a {
	letter-spacing: 2px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: #15d7cc;
}

.navbar-default .navbar-nav>li>a._mPS2id-h {
	color: #777 !important;
}

.navbar-default .navbar-nav>li>a._mPS2id-h:hover, .navbar-default .navbar-nav>li>a.mPS2id-highlight-first {
	color: #15d7cc !important;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: transparent;
}

.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #888;
}

/*.home .navbar-default .navbar-nav > .active > a {
	color: #777;
}

.home .navbar-default .navbar-nav > .active > a:focus,
.home .navbar-default .navbar-nav > .active > a:hover,
.home .navbar-default .navbar-nav>li>a:focus,
.home .navbar-default .navbar-nav>li>a:hover {
	color: #15d7cc;
}*/

.page-header {
	padding: 0;
}

.page-header h1 {
    margin: 20px 0;
}

.blog-post h1 a, .blog-post h2 a, .blog-post h3 a, .blog-post h4 a, .blog-post h5 a, .blog-post h6 a {
	color: #15d7cc;
	text-transform: uppercase;
    letter-spacing: 6px;
    line-height: 30px;
}

.btn-default, .comment-reply-link, html input[type=button], input[type=reset], input[type=submit] {
	border: 1px solid rgb(43, 214, 203);
    color: rgb(43, 214, 203);
    background-color: transparent;
	font-family: proxima-nova, sans-serif;
	text-transform: uppercase;
	letter-spacing: 6px;
}

.btn-default:hover, .comment-reply-link:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
	border: 1px solid rgb(43, 214, 203);
	background-color: transparent;
	color: rgb(43, 214, 203);
}

.btn-default:before, .comment-reply-link:before, html input[type=button]:before, input[type=reset]:before, input[type=submit]:before {
	/*background-color: rgb(43, 214, 203);*/
	background-color: transparent;
}

.btn-light-alt {
	border: solid 1px #15d7cc;
    color: #15d7cc;
}

.vc_btn3-container button, .vc_btn3-container a {
    font-family: proxima-nova, sans-serif;
    font-weight: 500;
    letter-spacing: 7px;
	text-transform: uppercase;
}

.vc_btn3.vc_btn3-size-lg, .vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-lg {
	font-size: 14px;
}

.btn-light-alt:hover {
	color: #fff;
}

.btn-light-alt:before {
	background: #15d7cc;
}

.single-portfolio .single-navigation ul li {
	visibility: hidden;
}

.single-portfolio .single-navigation ul li.pull-left, .single-portfolio .single-navigation ul li.pull-right {
	visibility: visible;
}

.single-portfolio .page-header h1 {
	margin: 35px 0 5px;
}

.single-portfolio .content {
	padding: 10px 0;
}

.widget .widget-header {
	background: transparent;
    color: #15d7cc;
    font-size: 22px;
    text-transform: uppercase;
    padding-top: 0;
    border-bottom: 1px solid #15d7cc;
}

.pagination > li > span.current, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: rgb(43, 214, 203);
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	background-color: rgb(43, 214, 203);
}

.single-post .comments-area .head-title:before {
	background: rgb(43, 214, 203);
	width: 100%;
}

.single-post .comments-area .head-title:after {
	display: none;
}

.project-detail {
	background: transparent;
	border: 1px solid #15d7cc;
}

.project-detail li {
	border-bottom: solid 1px #15d7cc;
}

.project-detail span.title {
	font-family: proxima-nova, sans-serif;
	color: #15d7cc;
	text-transform: uppercase;
}

.social-share ul li {
	padding-right: 10px;
}

.social-share ul li a, .social-share ul li a.tw, .social-share ul li a.fb, .social-share ul li a.gp {
	background: transparent;
	padding-right: 0;
}

.social-share ul li a i {
	margin-right: 0;
    padding: 11px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
}

.social-share ul li a.fb i {
	background: #3b5998;
}

.social-share ul li a.tw i {
	background: #55acee;
}

.social-share ul li a.gp i {
	background: #dd4b39;
}

.social-share ul li a.in i {
	background: #0077b5;
}

.return-to-top-container {
	width: 100%;
	text-align: center;
	margin-bottom: 55px;
}

.return-to-top-container #return-to-top {
	position: relative;
	bottom: inherit;
    right: inherit;
    background: transparent;
    width: auto;
    height: auto;
}

.footer {
	border-top: none;
}

/************************************
Contact Form 7
*************************************/

div.wpcf7 .ajax-loader {
	display: block;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #2bd6cb;
}


/************************************
Media Query
*************************************/

@media screen and (min-width: 1410px) {
    .navbar>.container .navbar-brand {
        margin-left: -174px;
    }
}

@media only screen and (min-width: 1024px) {
/**Start: Makes the whole image block clickable on portfolio gallery**/
.portfolio-item .title {
	top: 0;
	padding-top: calc(50% - 25px);
	height: 100%;
}
/**End: Makes the whole image block clickable on portfolio gallery**/
}

@media only screen and (min-width: 767px) {
.navbar-nav > li > a {
    padding-top: 8px;
    padding-bottom: 9px;
}
.navbar-nav > li:last-child > a {
	padding-right: 0;
	padding-top: 6px;
}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
.container {
    width: 100%;
}
.navbar .container {
    padding-left: 10px;
	padding-right: 10px;
}
.navbar-nav > li > a {
    padding: 10px 6px;
	letter-spacing: 1px;
}
}

@media only screen and (max-width: 767px) {
.hide-on-mobile {
	display: none;
}
.navbar-default .navbar-toggle {
	padding-top: 15px;
	padding-right: 0;
}
}

@media only screen and (max-width: 419px) {
body {
	padding-top: 66px;
}
.header .navbar .container {
	padding-right: 20px;
    padding-left: 20px;
}
}

@media only screen and (max-width: 354px) {
.navbar-default .navbar-toggle {
	padding: 13px 0 0;
}
.navbar-brand img {
	max-width: 240px;
}
}