/*
PRO-MIC Corporation Search Engine CSS
Extended By: John Barclay Walsh
Author Website: http://www.barclaywalsh.com/
Version: 1.0
Description: Format Google CSE results for PRO-MIC.com
*/


/* Results
================================================== */

/* Use a different font family for search results */
.gs-title, .gs-snippet {
    font-family: 'Raleway', Helvetica, Arial, sans-serif !important;
}

.gsc-control-cse, .gsc-table-result {
	background-color: transparent !important;
}

/* Remove background color */
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
    border-color: transparent !important;
    background-color: transparent !important;
}

/* Spacing between top divider and first result */
.gsc-above-wrapper-area {
    margin-bottom: 20px !important;
}

/* Style override for search term text in title */
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    font-size: 22px !important;
    font-family: 'Raleway', Helvetica, Arial, sans-serif !important;
    text-decoration: none !important;
    color: #20A5E8 !important;
    font-variant: normal !important;
    font-weight: 300 !important;
}

/* Spacing between number of results and top divider */
.gsc-result-info {
    padding-bottom: 5px !important;
}

/* Font styling for number of results */
.gsc-result-info {
    color: #848494 !important;
    font-size: 22px !important;
    font-family: 'Raleway',Helvetica,Arial,sans-serif !important;
    font-weight: 200 !important;
}

/* Styling for pagination (current page) */
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #20A5E8 !important;
    background-color: #20A5E8 !important;
    color: #FFFFFF !important;
    font-family: 'Raleway', Helvetica, Arial, sans-serif !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    padding: 7px 10px !important;
    position: relative !important;
    margin-right: 0px !important;
    z-index: 3 !important;
}

/* Styling for pagination (other pages) */
.gsc-cursor-page {
    border-color: #E5E5E5 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #DDDDDD !important;
    color: #20A5E8 !important;
    font-family: 'Raleway', Helvetica, Arial, sans-serif !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    line-height: 1.428571429 !important;
    padding: 7px 10px !important;
    position: relative !important;
    margin-right: 0px !important;
    margin-left: -1px !important;
}
.gsc-cursor-page a:hover .gsc-cursor-page a:focus {
    background-color: #EEEEEE !important;
}

/* Center pagination buttons */
.gsc-cursor-box {
    text-align: center !important;
}

/* Remove overall border */
.gsc-control-cse {
    border-color: transparent !important;
    border: none !important;
    background-color: transparent !important;
}

/* File format font styling */
.gsc-control-cse .gsc-table-result .gs-fileFormat {
    font-family: 'Raleway', Helvetica, Arial, sans-serif !important;
}

/* Title text styling */
.gsc-result .gs-title {
    overflow: hidden !important;
    height: auto !important;
    text-decoration: none !important;
}

/* Hide the Google branding in search results */
.gcsc-branding {
    display: none !important; 
}

/* Hide the thumbnail images in search results */
.gsc-thumbnail {
    display: none !important;
}

/* Change the font size of the title of search results */
.gs-title a { 
    font-size: 28px !important;  
    font-weight: 300 !important;
    line-height: 100% !important;
    color:#20A5E8 !important;
}

/* Change the font size of snippets inside search results */
.gs-snippet {
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 1.5 !important;
    color: #848494 !important;
}

/* Highlight the pagination buttons at the bottom of search results */
.gsc-cursor-page {
    font-size: 1.5em;
    padding: 4px 8px;
    border: 2px solid #CCCCCC;
}

/* No results message styling */
.gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {
    border: none !important;
    background-color: #993333 !important;
    color: #FEFEFE !important;
    border-radius: 4px !important;
    padding: 8px !important;
}