/*==============================================================================
*  FILE -                             Copyright(c) Conquest Consulting LLC, 2017
*     testimonials.css
*
*  DESCRIPTION -
*     This script is used to display/rotate testimonials on a page.
*
*  CONSTRAINTS/DESIGN NOTES -
*     -- None.
*
* ------------------------------------------------------------------------------
*
*  REVISION HISTORY -
*  Rev    Date        Changes
*  -----  ----------  ------------------
*  1.0    2017-06-16  Initial Revision. (DAC)
*
*=============================================================================*/
#testimonials.section_container {
    display:block;
	 width: 100%;
	 height:auto;
    padding: 35px 0;
}

#testimonials {
	background: #000;
	height:300px;
}

#testimonials .content_container_right {
	position:relative;
	height:100%;
   width:90%;
   max-width:1300px;
   margin:20px auto 0 auto;
   padding:0;
   clear:both;
}

#testimonials h2 {
	color:#fff;
	width:100%;
	text-align:center;
	font-weight: bold;
	font-size: 1.8em;
	text-transform: uppercase;
	padding: 4px 0px;
	line-height: 1.3;

	margin-bottom:30px;
}

#testimonials h2 span {
	display:block;
	width:100%;
	text-align:center;
}

#testimonials .testimonialrotator {
    position:relative;
    width: 90%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:15px;
}

#testimonials .testimonialrotator .testimonial {
    position:absolute;
    top:0;
    left:0;
    display:none;
    text-align:justify;
	 width:100%;
}

#testimonials .testimonialrotator .testimonial:first-child {
	display:block;
}

#testimonials .testimonial span {
    font-size:1em;
    font-style:italic;
    line-height:1.2;
    color:#fff;
    font-weight:bold;
	 text-align:center;
	 display:block;
	 width:100%;
	 margin:auto;
	 padding-bottom:20px;
}

#testimonials .testimonial .the-author {
    font-size: 1em;
    font-family: "Courier New", Arial;
    font-style: italic;
    color:#fff;
    margin:10px 0px;
    font-weight: bold;
	 display:block;
	 width:100%;
	 text-align:center;
}

#testimonials .testimonial img {
    width:75px;
	 border-radius: 50%;
	 box-shadow: 5px 5px 7px #000;
	 /* display:block; */
	 display:none;
	 margin:auto;
}

#testimonials button {
  display:block;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border:none;
  background:transparent;
  color:#fff;
  font-size:2em;
}

#btn_previous {
	position:absolute;
	left:10%;
	top:70%;
}

#btn_next {
	position:absolute;
	right:10%;
	top:70%;
}

@media (min-width: 650px) {

	#testimonials h2 span {
		display:inline;
		width:auto;
		text-align:inherit;
	}

}

@media (min-width: 850px) {

	#testimonials {
		height:380px;
	}

	#testimonials h2 {
		font-size:1.8em;
		padding-top:30px;
	}

	#testimonials .content_container_right {
		position:relative;
		height:100%;
	   width: calc(86% - 480px);
	   max-width:1300px;
	   margin:0 5% 0 0;
		padding:35px 0;
	   clear:none;
	   float: right;
	}

	#testimonials .testimonial span {
		padding-bottom:20px;
		font-size:1.5em;
		font-weight:normal;
	}

	#testimonials .testimonial .the-author {
		padding-bottom:20px;
		font-size:1.3em;
	}

	#btn_previous {
		position:absolute;
		left:0%;
		top:60%;
	}

	#btn_next {
		position:absolute;
		right:0%;
		top:60%;
	}

} /* End  @media (min-width: 850px) */