/* ============================================================================
Ciena Corporation
Copyright, 2016	
Title: prx-brazilian-portuguese-styles.css
============================================================================ */

/* Adaptive Network
------------------------------------*/
.story-bar .story-item {
	height: 120px;
}

@media only screen and (max-width: 767px) {
	.story-bar .story-item {
		height: 60px;
	}		
}

.story-bar .story-item .story-title {
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}

.pinned-slide .pin-content {
	padding: 0 30px;
}

.pinned-slide .pin-content .btn-container {
	margin-top: 25px;
}

@media only screen and (max-height: 650px) {
	.slider-title {
		font-size: 35px;
	}

	.slider-subtitle {
		font-size: 18px;
	}
}

@media screen and (max-width: 1360px) and (max-height: 650px) {

	.pinned-slide .pin-content {
		padding: 0 30px;
	}

	.slider-title {
		font-size: 30px;
	}

	.slider-subtitle {
		font-size: 16px;
	}

	.pinned-slide .pin-content .btn-container {
		margin-top: 15px;
	}
}

/*------------------------------------*/

.story-one {
	max-width: 80%;
}

.story-one .title {
	font-size: 55px;
}

/* 1599 (max) */
@media only screen and (max-width: 1599px) {

	.slider-title {
		font-size: 40px;
	}

	.slider-subtitle {
		font-size: 18px;
	}

}

@media screen and (max-width: 1599px) and (max-height: 650px) {

	.slider-subtitle {
		font-size: 17px;
	}
}

/* 1360 (max) */
@media only screen and (max-width: 1360px) {

	#header-icons a {
		margin-left: 15px;
	}

	.story-one .title {
		font-size: 50px;
	}

	.story-one.an-robot .left-title {
		font-size: 42px;
	}

	.story-one.an-robot .right-title {
		font-size: 40px;
	}
}

@media screen and (max-width: 1360px) and (max-height: 650px) {
	.slider-title {
		font-size: 36px;
	}

	.slider-subtitle {
		font-size: 16px;
	}
}

/* 1239 (max) */
@media only screen and (max-width: 1239px) {

	.story-one {
		max-width: 60%;
	}

	.story-one .title {
		font-size: 38px;
	}

	.slider-title {
		font-size: 35px;
	}

	.slider-subtitle {
		font-size: 17px;
	}
}

/* 1239 (min) */
@media only screen and (min-width: 1239px) {

	#search-input input {
		font-size: 15px;
		padding: 10px 55px 9px 20px;
	}
}

@media screen and (max-width: 1239px) and (max-height: 650px) {
	
	.slider-subtitle {
		font-size: 16px;
	}
}

/* 1152 */
@media only screen and (max-width: 1152px) {
	.slide-in-hero-banner .slide-in-content {
		width: 80%;
	}

	.slider-title {
		font-size: 31px;
	}

	.slider-subtitle {
		font-size: 16px;
	}
}

@media screen and (max-width: 1152px) and (max-height: 650px) {
	
	.slider-subtitle {
		font-size: 15px;
	}
}

/* 1024 */
@media only screen and (max-width: 1024px) {

	.canvas-stories .story .title {
		font-size: 18px;
	}

	.story-one.an-robot .left-title {
		font-size: 26px;
	}

	.story-one.an-robot .right-title {
		font-size: 24px;
	}
}

/* 767 */
@media only screen and (max-width: 767px) {
	.story-one {
		max-width: 80%;
	}
}

/* 414 */
@media only screen and (max-width: 414px) {
	.story-one {
		max-width: 95%;
	}

	.story-one.an-robot .left-title {
		font-size: 20px;
	}

	.story-one.an-robot .right-title {
		font-size: 18px;
	}
}
