/*This CSS file alters the look of a Mindbreeze search app to better match fishbowlsolutions.com*/


/*------BEGIN STYLES TO FIX CORE FISHBOWL WEBSITE CSS------*/

	/*Topmost small menu color*/
	div#et-secondary-menu a {
        color: #5a87c6;
    }

	/*Restore padding*/
    @media (max-width: 767px){
        body {
            padding-right: 0px;
            padding-left: 0px;
        }
        header#main-header {
            padding-left: 50px;
            padding-right: 50px;
        }
        div.et_pb_fullwidth_code.et_pb_module {
            padding-left: 20px;
            padding-right: 20px;
 	    }
      
       .container.clearfix.et_menu_container {
            /*width: 80%;*/
        }
		
      #fb-mb-search-form.et_search_form_container input {
		    position: relative;
            margin-left: 40px;
            width: calc(100% - 160px);
            padding-left: 10px;
        }
      
      span.et_close_search_field {
           position: relative;
           margin-right: 117px;
 	       margin-top: -32px;
      }
    }
	/*Fix visibility of main site menu*/
    .nav{
	    overflow: visible;
    }
    #et-top-navigation .nav li a{
        text-overflow: initial;
    }
    .nav>li>a:hover{
	    background-color: rgba(0, 0, 0, 0);
    }

	/*Fix side of search box on mobile*/
    @media only screen and (max-width: 400px) {
        input.et-search-field {
            padding-left: 0px;
        }
    }

/*------END STYLES TO FIX CORE FISHBOWL WEBSITE CSS------*/


/*------BEGIN STYLES FOR SEARCH RESULTS CONTAINER AND GENERAL ELEMENTS------*/

    /*Style top info bar*/
    .fb-mb-results-title{
        font-size: 16px;
    }
    /*Top spacing*/
    div[role="status"] {
        margin-top:30px;
    }
    
    .mb-stack {
        padding: 0px !important;margin: 0px !important;
    }

    #main-content .container {
        padding-top: 0px;
    }

    /*Style progress/loading bar*/
    .mb-progress-bar:before {
        border-top: 4px solid #5a87c6 !important;
    }

    /*Style preview stack window*/
    .mb-stack-element {
        border-color: #5a87c6;
        border-top-width: 2px;
    }

    /*Start adjust link and focus behavior*/
	  input[type=search], input[type=search]:focus, input[type=search]:active{
          /*border: none !important;*/
          outline: none !important;
          box-shadow: none;
      }
      a:hover{
          text-decoration:none !important;
      }
    /*End adjust link and focus behavior*/

    /*Align Columns on Desktop*/
    @media (min-width: 1200px){
        div.row-fluid div.span3{
            padding-right: 30px;  
        }
    }

    /*Begin Styles for "no results" display*/
        .mb-stack .hide[role="status"] {
             display: block;
        }
        .mb-stack-content>div>div>.mb-dont-serialize>h2{
               display:none;
        }
        .fb-mb-noresults{
            font-size: 20px;
            line-height: 27px;
        }
    /*End Styles for "no results" display*/

    /*style 'Did you mean' text*/
    [data-template=searchinfo] a{
        color: #5a87c6;
    }

    [data-template=searchinfo] {
        padding-top: 5px;
    }

/*------END STYLES FOR SEARCH RESULTS CONTAINER AND GENERAL ELEMENTS------*/


/*------BEGIN STYLES FOR MAIN RESULTS COLUMN------*/

    /*Align main results on the right*/
    .mb-stack .span9 {
        float:right;
        margin-top: 20px;
    }

    /*Remove default dotted separater*/
    .media {
        border: none;
    }

    /*Start Result Headings*/
    .mb-stack h2{
        font-size: 26px;
        display: flex;
        line-height: 1.2em;
        font-family: "Interstate Ex Lt",Arial,sans-serif;
        font-weight: normal;
        margin: 0px;
        padding-top: 0px;
        padding-left: 2px;
        padding-bottom: 6px;
    }
    .mb-stack h2 a{
        text-overflow: ellipsis; 
        overflow: hidden;
        white-space: nowrap;
        color: #5a87c6;
    }
    /*End Result Headings*/

    /*Style keywords*/
    .mb-stack em {
        background-color: #fff;
        margin-left: 0;
        margin-right: 0;
        font-family: "Interstate Lt",Arial,sans-serif;
        font-weight: normal;
        padding: 0px;
    }

    /*Style snippet keywords*/
    .mb-stack p.mb-content em {
        color: #404040;
        font-family: "Interstate Reg",Arial,sans-serif;
    }

    /*Style snippets*/
    p.mb-content {
        font-size: 16px;
        line-height: 1.7em;
    }

    /*Style datasource callouts (e.g. Blog Post, Featured)*/
    .fb-mb-datasource-type{
        height: 17px; 
        background-color: #eee;
        color: #5a87c6;
        font-size: 9px;
        font-family: "Interstate Reg";
        text-transform: uppercase;
        letter-spacing: .1em;
        padding: 4px;
        margin-top: 7px;
        margin-left: 5px;
        white-space: nowrap;
        vertical-align: top;
        line-height: 1em;
        border-radius: 3px;
    }

    /*Add space below "load more" button*/
    .span9 ul.pager {
        width: 270px;
		margin: auto;
        margin-bottom: 60px;
    }

    /*Style result Thumbnails*/
    img.mb-thumbnail {
        border: 1px solid #ddd;
        max-width: 125px;
    }

    /*Mobile Formats*/
    @media (max-width: 480px){
        /*Hide Thumbnails*/
        .media .pull-left, .media .pull-right {
            display: none;
        }
        /*Reduce space between pager and filters*/
        .span9 ul.pager {
            margin-bottom: 5px;
        }
        /*Hide datasource callouts (e.g. Blog Post, Featured)*/
        .fb-mb-datasource-type {
            display: none;
        }
        /*Result headings*/
       .mb-stack h2 {
  			font-size: 20px;
        }
       .mb-stack h2 a {
            text-overflow: initial;
            overflow: initial;
            white-space: initial;
            color: #5a87c6;
            line-height: 1.4em;
        }
    }
    /*Style Actions*/
    .span9 a[data-action-object] {
        color: #fff;
        font-family: "Interstate Reg";
        text-transform: uppercase;
        background: #5a87c6;
        padding: 3px 6px;
        font-size: 9px;
        border-radius: 3px;
        letter-spacing: .1em;
        vertical-align: top;
    }
    .span9 a[data-action-object]:hover {
        background: #497cc1;
    }
    .span9 a[data-action-object]:focus {
        outline: none;
    }

/*------END STYLES FOR MAIN RESULTS COLUMN------*/


/*------BEGIN FILTER STYLES SECTION------*/

    /*Align Nav Column*/
    #main > div.mb-stack > div.mb-stack-content > div:nth-child(2) > div > div:nth-child(2) > div.span3 {
        margin-bottom: 50px;
        /*margin-top: -30px;*/
    }
    .mb-stack .span3 {
        float:left;
        margin-left:0;
        padding-bottom: 60px;
    }

    /*Style filter headings*/
    .mb-stack div[data-template='filteredfacet'] h3{
        color: #5a87c6;
        font-weight: normal;
        font-family: "Interstate Reg",Arial,sans-serif;
        margin-top: 30px;
        margin-bottom: 5px;
        line-height: 1.7em;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: .1em;
    }

    /*Align and style filter values*/
    .mb-stack ul.nav-pills{
        list-style:none;
        padding-left: 5px;
        padding-bottom: 0px;
        padding-top: 3px;
        font-size: 16px;
    }
    .mb-stack label {
        margin-bottom: 8px;
    }

    /*Start style show more/show less filter labels*/
    a.action.mb-center.mb-toggle.hidden-phone.mb-action-sheet-visible.mb-more-available , a.action.mb-center.mb-toggle.hidden-phone.mb-action-sheet-visible.mb-more-available-is-open{
        font-size: 12px;
        text-align: left;
        padding-left: 25px;
      	padding-top: 2px;
        color: #5a87c6;
        text-transform: uppercase;
        letter-spacing: .1em;
    }
    a.action.mb-center.mb-toggle.hidden-phone.mb-action-sheet-visible.mb-more-available::after{
        content: " \25bc";
        font-size: smaller;
        color: #5a87c6;
    }
    a.action.mb-center.mb-toggle.hidden-phone.mb-action-sheet-visible.mb-more-available-is-open::after{
        content: " \25b2";
        font-size: smaller;
        color: #5a87c6;
    }
    /*End style show more/show less labels*/

/*------END FILTER STYLES SECTION------*/

/*------BEGIN STYLE PREVIEW BOX------*/

.mb-stack-element[role="document"] h2 {
    font-size: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.mb-stack-element[role="document"] h2 small{
    color: #666;
    font-family: "Interstate Reg";
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 4px;
    margin-right: 6px;
}

button.mb-stack-close.btn-link.pull-right.mb-clickable.mb-no-print {
    padding-top: 10px;
    font-size: 12px;
    text-transform: uppercase;
    color: #5a87c6;
}
.mb-stack.mb-has-child {
    background: none;
}

/*------END STYLE PREVIEW BOX------*/

/*------Hide footer until page is loaded------*/
div.et_pb_section.et_pb_section_2.et_pb_with_background.et_section_regular, #footer-bottom, ul.pager {
 /*display:none;*/
}

.mb-stack .pager, .mb-stack-title,.fb-mb-call-to-action,.fb-mb-contact {
    display:none;
}

.container.mb-role{
	min-height:700px;
}

.fb_et_pb_more_button {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: white!important;    
    font-family: "Interstate Bd",sans-serif;
    margin: 20px 0px 0px 0px;
    text-shadow: none;
    position: relative;
    line-height: 1.7em!important;
    transition: all .2s;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #000000;
    padding: .3em 1em!important;
    border: 4px solid transparent!important;
}

.fb_et_pb_more_button:hover{
    background: #5a87c6!important;
    border-radius: 0px;
}