/*
Theme Name: Foxy Theme Improved
Theme URI: 
Description: Child Theme based on Foxy theme
Author: <a href="http://www.elegantthemes.com" title="Visit author homepage">Elegant Themes</a>
Author URI: http://orbisius.com
Template: Foxy
Version: 1.4.1
*/

/* Generated by Orbisius Child Theme Creator (http://club.orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Sun, 09 Jun 2013 17:32:42 +0000 */

@import url('../Foxy/style.css');
#copyright {
    color: #B7B7B7;
    font-size: 14px;
    padding: 25px 0;
    text-align: right;
    text-shadow: inherit;
}

/* We have disabled */

.home #home-info {
    display: none;
    _margin-top: 10px;
    _border: 1px solid red;
}

#main-header {
    padding: 10px;
}

#section-area, .et-carousel-wrapper, #home-info, #main-footer, #content {
    padding-top: 0;
}

/* make the current item have the hover box too. It is way better to have the box
for the current element */

#top-navigation #menu-main_menu li.current-menu-item>a, #top-navigation #menu-main_menu li.current-page-ancestor>a {
    color: #fff;
    background-color: #646F7A;
    -webkit-box-shadow: inset 0 0 30px #646F7A;
    -moz-box-shadow: inset 0 0 30px #646F7A;
    box-shadow: inset 0 0 30px #646F7A;
}

/* top nav colour change to a gray */

#top-navigation>ul>li.sfHover>a, #top-navigation>ul>li>a:hover, .mobile_nav {
    color: #fff;
    background-color: #646F7A !important;
    -webkit-box-shadow: inset 0 0 30px #646F7A !important;
    -moz-box-shadow: inset 0 0 30px #646F7A !important;
    box-shadow: inset 0 0 30px #646F7A !important;
}

#footer-bottom {
    background: #646F7A;
}

#footer-bottom li a:hover {
    text-decoration: none;
    background-color: #646F7A !important;
    color: #fff;
    -moz-box-shadow: inset 0 0 30px #646F7A !important;
    -webkit-box-shadow: inset 0 0 30px #646F7A !important;
    box-shadow: inset 0 0 30px #646F7A !important;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
}

#featured {
    background: inherit !important;
    box-shadow: inherit !important;
    text-align: center;
    padding-top: 104px;
    position: relative;
    padding-bottom: 30px;
}

/* reduce the padding in the content area */

#section-area, .et-carousel-wrapper, #home-info, #main-footer, #content {
    padding: 30px;
}

/* aligns nicely title of the site with the info below it */

#main-header h2 {
    margin-left: 12px;
}

#content {
    min-height: 450px;
}

.slide .description h2, .post-description h2 {
    color: #000;
}

.entry-post .meta-info, .et_pt_blogentry .et_pt_blogmeta {
    display: none;
}

#breadcrumbs {
    padding-left: 25px;
}

.entry-post {
    background: #eee;
    padding: 20px;
    border: 1px solid #ccc;
    margin-top: 20px;
    margin-bottom: 40px;
}

/* Bodies of Work Page */

.app_site_gallery_container {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.app_site_gallery_container .app_site_gallery_item {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    width: 100%;
    clear: both;
    overflow: hidden;
    padding: 10px;
    display: block;
}

.app_site_gallery_container .app_site_gallery_item_image {
    float: left;
    margin-right: 25px;
}

.app_site_gallery_container .app_site_gallery_item_description {
    float: left;
}

.app_site_gallery_container .app_site_gallery_item_title {
    float: right;
}

.app_hide {
    display: none;
}

.app_site_image_extra_info_container {
    margin-top: 20px;
    margin-bottom: 20px;
    min-height: 100px;
}

.app_site_image_extra_info {
    clear: both;
}

.app_site_video_wrapper {
    margin: 20px 0;
    padding-top: 10px;
}

.app_clear_both {
    clear: both;
}

/* B didn't want the author info to be shown */

.post-heading .meta-info {
    display: none;
}

#reply-title {
    font-size: inherit;
    letter-spacing: 1px;
}

/* B wanted square thumbnail images */

.pikachoose ul#pikame .pika-thumbs li, .pika-thumbs li {
    height: 150px !important;
    width: 150px !important;
    border: 0 !important;
}

.home_page_featured .slide .description {
    padding-bottom: 0px;
}

.home #content {
    padding-top: 0px !important;
}

/* fix to keep aspect ratio of img gallery */

.pika-stage img {
    height: auto;
    max-height: 100%;
    object-fit: contain;
}

.clip img {
    object-fit: contain;
}

/* For some weird reason the theme hides the slider if there's is no enough space */

@media only screen and ( max-width: 479px) {
    #featured .slide img {
        display: block !important;
        width: auto;
    }
}

/* fix to move move caption to bottom on mobile devices*/

@media only screen and ( max-width: 768px) {
    .pika-stage .caption {
        text-align: center!important;
        bottom: 0!important;
        right: 0!important;
        padding: 10px 5px!important;
        left: 0;
    }
}

@media only screen and ( max-width: 767px) {
    .container {
        width: 100%!important;
    }
    #featured .slide img {
        max-width: 100%!important;
    }
}