/* CSS Fixes for GDBBS */

.educationInfo p {
    margin-bottom: 0em;
    }

.programNames p{
    margin-bottom: 0em;
}

#additional-content .accordion {
    margin-top: 1em;
}

/* Added for Faculty- List results, sometimes if 1 record the width was off */
#main-content table {
    max-width: 96%;
    width: 96%;
} 

/* Added for Faculty Detail page/ Graduates accordian*/
.accordion-inner p {
    margin-bottom: 0em;
    line-height: 1.5em;
}
 
 
/* Added for Faculty Detail page/ graduate programs  
.programNames p {
    margin-bottom: 0em;
    line-height: 1.5em;
}
*/



/* secton overview for news. */
.pages.thumbnail-pages section {
    background-color:#efefef;
    margin-bottom:1.25em;
	outline:4px solid #FFF;
	min-height:21.4545454545454em;
    padding: 0.25% !important;
	/* padding:1.730145431022% */
}

/* rigth column space between audience guides and the callouts */
#related .component
{
    margin-bottom:20px  !important;
}



/* LOGO FIX */
#header h1 img  {
    max-width:96%; /* Fix for wide logos */
}

@media (max-width: 480px){
    #header h1 a#emory-logo {
        height: auto; /* Fix display at mobile size */
    }
}

/* Search Form Fix */
.search-form .search-query {
    height:27px;
}

/* Faculty Search Fix */

#search-filter-form .control{
    margin-left: 180px;
}

#search-filter-form .control input {
    height: 27px;
}

/* Gallery Fix */

.galleria-thumbnails-container .galleria-thumb-nav-left, .galleria-thumbnails-container .galleria-thumb-nav-right { display:none;}

/* Homepage Fixes */

/* Span3 Span5 Span4 */
@media (max-width: 979px) and (min-width: 768px) {
    .home-row .span3 {
        width: 179px;
    }
}

/* Fix for guide list overflow height 0 */
@media (max-width: 979px) and (min-width: 768px) {
    #hero-row #hero-col.audience-guide ul.guides-list {
        overflow: hidden;
    }
}

/* Styling for additional callout */
@media (max-width: 979px) and (min-width: 768px) {
    #hero-row #hero-col ul.callouts-list.audience-supplemental {
        margin-top: 15px;
    }
    
    #hero-row .audience-supplemental .callout.dark h3.callout-caption {
        color: #fff;
    }
    
    #hero-row .audience-supplemental .callout h3.callout-caption {
        display: block;
        font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
        font-weight: bold;
        font-size: 18px;
        color: #fff;
        line-height: 21px;
        padding-bottom: 5px;
        margin: 0;
        text-transform: capitalize;
        text-align: right;
        max-width: 65%;
        padding-left: 3%;
    }
    
    
    .audience-supplemental .callout {
         max-width: 96%;
         padding: 2%;
         background-color: #a0c3da;
         background-image: url('https://template.emory.edu/assets/css/img/callout-mobile-arrow-lg.png');
         background-position: 96% center;
         background-repeat: no-repeat;
    }
    
    .audience-supplemental .callout p {
         background-position: center left;
         background-image: url('https://template.emory.edu/assets/css/img/callout-dots-crop.png');
         background-repeat: repeat-x;
         max-width: 65%;
         margin-left: 3%;
         text-align: right;
    }
    
    .audience-supplemental .callout img { display:none !important; }
    
    .audience-supplemental .callout h3.callout-caption { display:block !important;}
    
    .audience-supplemental .callout .learnMore{
        color: #C4ECF7;
        font-size: 11px;
        display: inline;
    }
    .audience-supplemental .callout.dark.blue, .audience-supplemental .callout.dark.blue .learnMore {
         background-color: #002878;
    }
     .audience-supplemental .callout.dark.purple, .audience-supplemental .callout.dark.purple .learnMore {
         background-color: #7c2b83;
    }
    .audience-supplemental .callout.dark.red, .audience-supplemental .callout.dark.red .learnMore {
         background-color: #8e302d;
    }
     .audience-supplemental .callout.dark.orange, .audience-supplemental .callout.dark.orange .learnMore {
         background-color: #935403;
    }
     .audience-supplemental .callout.dark.green, .audience-supplemental .callout.dark.green .learnMore {
         background-color: #566c11;
    }
    .audience-supplemental .callout.dark.gray, .audience-supplemental .callout.dark.gray .learnMore {
         background-color: #5b5c5e;
    }
    
}