/*
Theme Name: Brian Epstein
Theme URI: http://epstein.org/
Description: A child theme of Bridge Theme
Author: Mike Auteri 
Author URI: http://www.mikeauteri.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");


/* color fixes */
    a:hover,
    p a:hover,
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
        color : #0072CB;
    }

    .qbutton:hover, .load_more a:hover, .blog_load_more_button a:hover, #submit_comment:hover, .drop_down .wide .second ul li .qbutton:hover, .drop_down .wide .second ul li ul li .qbutton:hover {
        background-color: #0072cb;
        border-color: #0072cb;
    }


/* Menu tweaks */
nav.main_menu>ul>li>a {
    padding : 0 15px;
}

/* general */
    p {
        margin-bottom: 10px;
        line-height: 22px;
    }

    .content .container .container_inner.page_container_inner {
        padding: 0;
    }

    .side_menu_button a:last-child {
        display: none;
    }

    .q_accordion_holder.accordion .ui-accordion-header:hover {
        color : #0072c8;
    }

/* make active menu item have an underline */
    nav.main_menu>ul>li.active>a {
        color : #0072C8;
    }
    nav.main_menu>ul>li.active>a span {
        border-bottom: 2px solid #0072C8;
    }

/* fix for filter on publication page */
    .filter_outer {
        margin: 0 0 10px;
        height : auto;
    }

/* Filter Text Colors - Didn't work 100% in the customizer */
    .filter_holder ul li.active span,
    .filter_holder ul li:hover span {
        color: #0072C8!important;
    }

/* fix for publication page */
    .projects_holder article {
        margin-bottom : 20px;
        width : 100%;
    }

    .projects_holder article .portfolio_description {
        text-align : left;
        padding : 0;
    }

    .projects_holder article .portfolio_excerpt {
      text-align : left;
      font-size : 14px;
      line-height: 18px;
    }

/* fix blockquote h5 text size */
    blockquote h5 {
        font-size : 14px;
    }

/* Add padding for when we removed the title from the page template */
    .no-title {
        padding-top : 120px;
    }

/* fix up portfolio layout */
    .projects_holder article {
        background-color : #fff;
        border-color     : #fefefe;
        border-style     : none;
        border-top       : none!important;
        border-width     : 1px;
        padding          : 20px 20px 22px;
        text-align       : center;
    }

/* fix the image on the portfolio page */
    .projects_holder article .image_holder {
        float : left;
        margin-right : 20px;
        width : 200px;
    }

    .image_holder + .portfolio_description {
        margin-left : 200px;
    }

    .projects_holder article .portfolio_description {
        padding-right : 20px;
    }

    .projects_holder article .portfolio_download {
        margin-top : 10px;
    }

/* blockquotes */
    .wpb_wrapper blockquote, .wpb_wrapper blockquote:last-child {
        margin-bottom : 20px;
        padding: 0 0 0 40px;
        color : #303030;
    }
    .wpb_wrapper blockquote:before {
        -moz-osx-font-smoothing : grayscale;
        -webkit-font-smoothing  : antialiased;
        color                   : #0072C8;
        content                 : "\f10e";
        display                 : inline-block;
        float                   : left;
        font                    : normal normal normal 14px/1 FontAwesome;
        font-size               : 22px;
        margin                  : 6px 0 0 -40px !important;
        text-rendering          : auto;
    }

/* News fixes - hide the date of the post */
    .blog_holder article .post_info,
    .blog_holder article .post_text h2 .date {
        display : none;
    }

    @media only screen and (max-width: 1110px){
        nav.main_menu > ul > li > a {
            font-size: 10px;
        }
    }

    @media only screen and (max-width: 750px){
        .projects_holder article .image_holder {
            display : none;
        }
        .image_holder + .portfolio_description {
            margin-left : 0;
        }
    }

    .mobile_menu_button i.fa.fa-bars {
        color : #303030;
    }

/* Menu on iPad landscape */
    @media only screen and (min-width:768px) and (max-width:1023px) {
        .mobile_menu_button i.fa.fa-bars {
          border: 1px solid #303030;
          border-radius: 1px;
          padding: 5px;
          color: #303030;
        }
        .mobile_menu_button i.fa.fa-bars:after {
          content: "Menu";
          padding-left: 5px;
        }
    }


/* Carousel Fixes */
    .carousel-control {
        width : 5%;
    }

    .carousel.slide .carousel-inner .item .image {
        background-position-x: 0; 
    }
    @media only screen and (max-width: 800px) {
        .carousel .carousel-inner .slider_content {
          top: inherit!important;
          bottom: 5px!important;
          position: absolute;
        }
    }

/* Fix padding on mobile pages */
    @media only screen and (max-width: 991px) {
        .no-title {
            padding-top : 10px;
        }
    }

    @media only screen and (max-width: 480px) {
        .container_inner, .boxed div.section .section_inner, div.grid_section .section_inner, .full_width .parallax_content, .steps_holder_inner, .carousel-inner .slider_content_outer, nav.content_menu {
            width: 90%;
        }
        .projects_holder article {
            width : auto;
        }
    }

/* Fix Logo disappearing on mobile */
	@media only screen and (max-width: 1000px) {
		header .logo_wrapper .q_logo img.normal {
		    display: block!important;
			margin-left : -144px;
		}

		.q_logo img {
			top : auto;
		}
	}