/*
 Theme Name:     Bow Child
Theme URI: http://www.themesawesome.com
 Description:    Bow Child Theme
Author: Themes Awesome
Author URI: http://www.themesawesome.com
 Template:       bow
 Version:        1.0.0
*/

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

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

.header .menu {
    opacity: 1;
}

.homepage .discover {
    opacity: 1;
    font-size: 19px;
    background-image: url(chevron-down.svg);
    background-size: 30px;
    padding-bottom: 30px;
}

@media (min-width:480px) {
    .homepage .title {
        font-size: 104px;
    }
    .homepage .slogan, .homepage .discover {
        font-size: 1.75rem;
    }
}

@media (max-width:480px) {
    .homepage .slogan, .homepage .discover {
        font-size: 1.4rem !important;
    }
    .homepage .title {
        font-size: 3.25rem;
    }
}

.work-preview .frame {
    background-color: #FFFFFF !important;
}

.work-preview .data-description {
   bottom: 15px !important;
    background: none !important;
}

.page .content {
    top: 0;
}

.content-featured-image {
    float: left;
    width: 48%;
    position: fixed;
    bottom: 0px;
    top: 0px;
    background-size: cover;
    background-position: center center;   
}

.content-about {
    float:right;
    width: 44%;
}

.work-preview .meta {
    right: 0px;
    text-align: center;
}

.work-preview .meta .picture-title, .work-preview .meta .current {
    color: #000000 !important;
}

.work-preview .meta .album-title {
    display:  none;
}

.work-mansonry ul.sub-menu {
    margin: 10px 0 0 10px;
}

.menu-item-has-children:hover .sub-menu {
    margin: 10px 0 0 10px;
}

.work-mansonry .sub-menu li a {
    font-size: 14px;
}

.sub-menu li {
    line-height:20px;
}

.navigation .menu-item {
    opacity: 1 !important;
}

.navigation .menu-item a {
    color: #676767 !important;
}

.navigation .current-menu-item a, .navigation .menu li a:focus, .navigation .menu li a:hover, .work .navigate li:hover, .work .navigate li.active, .work-mansonry .navigate li a.selected, .work-mansonry .navigate li a:hover {
    color: #56b2bc !important;
}

.work-mansonry ul.sub-menu, .menu-item-has-children:hover .sub-menu {
    margin-top: 5px !important;
}

.work .navigate li, .work-mansonry .navigate li a {
    color: #676767 !important;
}

@media screen and (min-width: 768px) {
    .contact .content { bottom: 0; }
}

@media screen and (max-width: 767px) {
    .content-featured-image {display: none;}
    .content-about {width: 100%;}
    section.work-mansonry .navigate ul li {
        float: none;
        width: auto;
        text-align: left;
    }
    section.work-mansonry .navigate {
        height: auto;
    }
    
}