/* ============================================================================
Ciena Corporation
Copyright, 2016 
Title: prx-french-styles.css
============================================================================ */

/* Header */

.no-results-title {
	font-size: 32px;
}

.alt-search-terms a {
	font-size: 21px;
}

.story-bar .story-item {
	height: 120px;
}

.insights-listing .cta-header .comp-title {
	width: 55%;
}

.sort-dropdown-container {
	width: 260px;
}

.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: 35px;
}

.slider-title {
	font-size: 38px;
}

.story-one {
	max-width: 75%;
}

.story-one .title {
	font-size: 50px;
}

.story-one.an-robot .left-title {
	font-size: 40px;
}

.story-one.an-robot .right-title {
	font-size: 37px;
}

@media only screen and (max-height: 650px) {
	.slider-title {
		font-size: 32px;
		margin: 0 0 20px;
	}

	.slider-subtitle {
		font-size: 17px;
		margin: 12px 0;
	}

	.pinned-slide .pin-content .btn-container {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 1599px) {

	#main-nav li {
		margin-right: 15px;
	}

	#main-nav span,
	#main-nav a {
		font-size: 15px;
	}

	.slider-title {
		font-size: 38px;
		margin: 0 0 15px;
	}

	.slider-subtitle {
		font-size: 17px;
	}

	.resize-bg .pin-content p:first-child::first-letter {
		font-size: 40px;
	}

	.pinned-slide .pin-content .btn-container {
		margin-top: 20px;
	}

	.story-one.an-robot .left-title {
		font-size: 33px;
	}

	.story-one.an-robot .right-title {
		font-size: 30px;
	}
}

@media screen and (max-width: 1360px) {
	.story-one .title {
		font-size: 45px;
	}

	.slider-title {
		font-size: 35px;
	}

	.slider-subtitle {
		font-size: 16px;
	}

	.story-one.an-robot .left-title {
		font-size: 29px;
	}

	.story-one.an-robot .right-title {
		font-size: 27px;
	}
}

@media screen and (max-width: 1360px) and (max-height: 650px) {
	.slider-subtitle {
		font-size: 16px;
	}
}

@media screen and (max-width: 1239px) {
	.pinned-slide .pin-content {
		padding: 30px;
	}

	.slider-title {
		font-size: 34px;
	}

	.story-one .title {
		font-size: 36px;
	}

	.story-one.an-robot .left-title {
		font-size: 26px;
	}

	.story-one.an-robot .right-title {
		font-size: 24px;
	}
}

@media screen and (max-width: 1239px) and (max-height: 650px) {
	.pinned-slide .pin-content {
		padding: 25px;
	}

	.slider-title {
		font-size: 32px;
	}

	.slider-subtitle {
		font-size: 15px;
	}
}

@media screen and (max-width: 1152px) {
	.slider-title {
		font-size: 30px;
	}

	.slider-subtitle {
		font-size: 15px;
	}

	.story-one.an-robot .left-title {
		font-size: 23px;
	}

	.story-one.an-robot .right-title {
		font-size: 21px;
	}
}

@media screen and (max-width: 1152px) and (max-height: 650px) {

	.pinned-slide .pin-content {
		padding: 0 25px;
	}

}

@media only screen and (max-width: 1024px) {

	.insights-listing .cta-header .comp-title {
		width: 60%;
	}

	.story-one {
		max-width: 85%;
	}

	.canvas-stories .story .title {
		font-size: 18px;
	}

	.slider-title {
		margin: 25px 0;
	}

	.story-one.an-robot .left-title {
		font-size: 18px;
	}

	.story-one.an-robot .right-title {
		font-size: 16px;
	}
}

@media only screen and (max-width: 767px) {
	
	.story-bar .story-item {
		height: 60px;
	}		

	.story-one {
		max-width: 95%;
	}

	.insights-listing .cta-header .comp-title,
	.sort-dropdown-container {
		width: 100%;
	}

	.sort-dropdown-container {
		max-width: 260px;
	}
}

@media only screen and (max-width: 440px) {

	#search-input input {
		font-size: 12px;
		padding: 10px 40px 8px 15px;
	}
}

@media only screen and (min-width: 1239px) {
	
	#site-search-container {
		width: 335px;
	}

	#search-input input {
		font-size: 14px;
		padding: 10px 55px 8px 20px;
	}
}

@media (min-width: 1240px) and (max-width: 1360px) {

	#site-search-container {
		margin-right: 15px;
	}

	#main-nav-container {
		padding-right: 10px;
	}

	#header-icons {
		min-width: 110px;
	}

	#header-icons a {
		margin-left: 12px;
	}

	#main-nav li {
		margin-right: 12px;
	}

	#main-nav span,
	#main-nav a {
		font-size: 14px;
	}
}

@media only screen and (min-width: 1239px) {

	#site-search-container {
		width: 270px;
	}

	#search-input input {
		padding: 10px 45px 8px 20px;
	}

	#site-search button {
		right: 10px;
	}
}

@media (min-width: 1025px) and (max-width: 1152px) {

	#main-nav span,
	#main-nav a {
		font-size: 14px;
	}

	#header-icons {
		min-width: 110px;
	}

	#header-icons a {
		margin-left: 12px;
	}
}