/*
Theme Name:     Nimble Child
Description:    Child theme for Nimble
Author:         Web Guys
Template:       Nimble

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../Nimble/style.css");

#top-area { padding-top: 70px; }
#top-area a { position: relative;}
#top-area span#logo { max-height: 59px; border-radius: 5px; margin-left: 44px; padding-left: 0; position: absolute; top: -20px; }
/*#main-header { background: #999; }

ul.nav li ul, .et_mobile_menu { background: #666; border: 1px solid #333; }
ul.nav > li.current-menu-item > a, a.mobile_nav { background: #666; border: 1px solid #333; }

a { color: #111; }
a.learn-more:hover, .blog-post a.learn-more:hover, .comment-reply-link:hover, #home-section-news a.more-info:hover, #home-section-projects a.more-info:hover, #home-section-pricing a.more-info:hover { border: 1px solid #444; -webkit-box-shadow: 1px 1px 0 #333333 inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #333333 inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #333333 inset, 0 1px 2px rgba(0,0,0,0.1); background: rgb(68,68,68); /* Old browsers */ /*background: -moz-linear-gradient(top,  rgba(68,68,68,1) 0%, rgba(34,34,34,1) 100%); /* FF3.6+ */ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(68,68,68,1)), color-stop(100%,rgba(34,34,34,1))); /* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(top,  rgba(68,68,68,1) 0%,rgba(34,34,34,1) 100%); /* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(top,  rgba(68,68,68,1) 0%,rgba(34,34,34,1) 100%); /* Opera 11.10+ */ /*background: -ms-linear-gradient(top,  rgba(68,68,68,1) 0%,rgba(34,34,34,1) 100%); /* IE10+ */ /*background: linear-gradient(to bottom,  rgba(68,68,68,1) 0%,rgba(34,34,34,1) 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#333333',GradientType=0 ); /* IE6-9 */

#header-phone { position: absolute; top: 24px; right: 0; color: #FFF; font-size: 24px; }
#header-phone span { font-size: 14px; text-transform: uppercase; }

#services { padding-bottom: 0; }
.service { padding-top: 0; background: none; }

#home-section-info h2 { color: #555e58; text-shadow: 1px 1px 1px rgba(0,0,0,1); }
#home-section-info .section-subtitle { text-shadow: 1px 1px 0px #eee; }
#home-section-info a.more-info:hover { color: #ffffff; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); border: 1px solid #dd6141; -webkit-box-shadow: 1px 1px 0 #f89e68 inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #f89e68 inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #f89e68 inset, 0 1px 2px rgba(0,0,0,0.1); background: rgb(240,123,73); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(240,123,73,1) 0%, rgba(230,104,71,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,123,73,1)), color-stop(100%,rgba(230,104,71,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  rgba(240,123,73,1) 0%,rgba(230,104,71,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  rgba(240,123,73,1) 0%,rgba(230,104,71,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  rgba(240,123,73,1) 0%,rgba(230,104,71,1) 100%); /* IE10+ */ background: linear-gradient(to bottom,  rgba(240,123,73,1) 0%,rgba(230,104,71,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f07b49', endColorstr='#e66847',GradientType=0 ); /* IE6-9 */
-webkit-animation: bounceIn_custom 0.7s ease-in-out; -moz-animation: bounceIn_custom 0.7s ease-in-out; -o-animation: bounceIn_custom 0.7s ease-in-out; animation: bounceIn_custom 0.7s ease-in-out; }
#home-section-info a.more-info { background: rgb(249,249,249); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(249,249,249,1) 1%, rgba(242,242,242,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(249,249,249,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 1%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  rgba(249,249,249,1) 1%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  rgba(249,249,249,1) 1%,rgba(242,242,242,1) 100%); /* IE10+ */ background: linear-gradient(to bottom,  rgba(249,249,249,1) 1%,rgba(242,242,242,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ border: 1px solid #e0dddd; -webkit-box-shadow: 0 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); color: #636b66; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); }
.et_color_scheme_gray #home-section-info a.more-info:hover { border: 1px solid #292e2b; -webkit-box-shadow: 1px 1px 0 #6d7c72 inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #6d7c72 inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #6d7c72 inset, 0 1px 2px rgba(0,0,0,0.1); background: rgb(85,94,87); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(85,94,87,1) 0%, rgba(71,80,74,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,94,87,1)), color-stop(100%,rgba(71,80,74,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  rgba(85,94,87,1) 0%,rgba(71,80,74,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  rgba(85,94,87,1) 0%,rgba(71,80,74,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  rgba(85,94,87,1) 0%,rgba(71,80,74,1) 100%); /* IE10+ */ background: linear-gradient(to bottom,  rgba(85,94,87,1) 0%,rgba(71,80,74,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555e57', endColorstr='#47504a',GradientType=0 ); /* IE6-9 */ }
#home-section-info .service { margin-bottom: 60px; }

p.portfolio_small_date { font-weight: 600; }

#post-588 .et-box { display: none; }

#page-name .section-title .section-subtitle { line-height: 100%; font-size: 23px; }
#page-name .section-title .section-subtitle span { font-size: 80%; display: block; text-align: right; }

/* temp logo */
img#logo { display: none; }
#top-area span#logo { color: white; font-size: 59px; top: -13px; text-shadow: 2px 2px 0 rgba(0,0,0,0.2); margin-left: 64px; }

@media only screen and ( max-width: 960px ) {
	#top-area span#logo { position: relative; text-align: center; width: 100%; margin-left: 0; }
}

@media only screen and ( max-width: 768px ) {
	#top-area span#logo { top: 0px; margin-bottom: 30px; }
	#header-phone { position: relative; top: auto; right: auto; text-align: center; padding: 30px 0 0 0; }
}

#fancybox-loading div { background-position: 0 -119px; }

#social-icons a:hover { text-decoration: none;  opacity: 0.8; }
#social-icons a i.icon-facebook-sign { color: #3b5998; }
#social-icons a i.icon-twitter-sign { color: #55acee; }
#social-icons a i.icon-instagram { color: #3f729b; }

a.soundcloud { display: block; background: #ffa300; color: white; text-align: center; padding: 0 15px 5px; margin: 10px auto; width: 260px; }
a.soundcloud i { padding-left: 3px; position: relative; top: 4px; }
a.soundcloud:hover { text-decoration: none; opacity: 0.8; }