/* Main Container */
#cqs-results .cqs-wrapper{
    width: 100%;
    overflow: hidden;
    position: relative;
    display: none;
}

.cqs-wrapper{ 
	background-color: #ffffff;
	padding: 5px 15px 15px 15px;	
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-sizing: border-box;
    margin-bottom: 15px;	
}

.cqs-cat {
	color: #333333 !important;
}

.cqs-term{ 
    color: #2d72f1 !important;
}

/* Post Container */
#cqs-results .cqs-post-container{
    display: none;
    -webkit-transition: all 0.2s ease-in-out;  /* Safari */
    -moz-transition: all 0.2s ease-in-out; /* Firefox */
    -o-transition: all 0.2s ease-in-out; /* Opera */
    transition: all 0.2s ease-in-out;

    font-size: 0;
}

/* Posts */
#cqs-results .cqs-post{
    display: inline-block;
    vertical-align: top;
}
#cqs-results .cqs-post img{
    max-width: 400px;
    width: 100%;
    height: auto;
}
#cqs-results .cqs-post h1{
    margin-top: 5px;
}
#cqs-results .cqs-post a{
    color: #167ac6;
    font-size: 16px !important;
    line-height: 125%;
}
#cqs-results .cqs-post a:hover{
    color: black;
}

/* Buttons */
#cqs-results .cqs-button{
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: rgba(0,0,0,0.60);    
    color: white;
    margin: auto -10px;
    text-align: center;
    z-index: 50;

    -webkit-transition: all 0.2s linear;  /* Safari */
    -moz-transition: all 0.2s linear; /* Firefox */
    -o-transition: all 0.2s linear; /* Opera */
    transition: all 0.2s linear;
}
#cqs-results .cqs-button:hover{
    background-color: #2d72f1;
    cursor: pointer;
}
#cqs-results .cqs-button i{
    line-height: 34px;
    font-size: 28px;
}
#cqs-results .cqs-left-button{
    top: 0; left: 0; bottom: 0;
}
#cqs-results .cqs-right-button{
    top: 0; right: 0; bottom: 0;
}