/*
Theme Name: Shutterfly Inc
Theme URI: 
Author: Siege Media
Author URI: https://www.siegemedia.com
Template: twentysixteen
Description: A Twenty Sixteen child theme for Shutterfly Inc
Version: 1.1
License: GNU General Public License v2 or later
Tags: 
Text Domain: twentysixteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body {font-family: 'Avenir LT W01 55 Roman', Verdana, Arial, sans-serif;}

a {
	color: #000;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #F05323;
}

.content-area-wide {
 float: left;
 margin-right: -100%;
 width: 100%;
 }

.site-header {
    padding: 0 4.5455% 28px;
}

footer {
	padding: 0 4.5455%;
	line-height: 1;
}

.site-main {
	margin-bottom: 0;
}

.site-inner {
    width: 1200px;
}

.site-header .social-navigation {
	display: block;
}

.site-header .social-navigation a {
	border: none;
	color: #fff;
	text-decoration: none;
	background: #909193;
	height: 22px;
	width: 22px;
}

.site-header .social-navigation a:hover, .site-header .social-navigation a:hover:before {
	color: #fff;
}

.site-header .social-navigation li {
	float: left;
	margin: 0 0.4375em 0.4375em 0;
	text-align: center;
}

.social-navigation a::before {
    content: "\f415";
    height: 22px;
    line-height: 22px;
    text-align: center;
    width: 22px;
}

.social-navigation a[href*="facebook.com"]::before {
    content: "\f204";
}
.social-navigation a[href*="linkedin.com"]::before {
    content: "\f207";
}

.main-navigation {margin: 0;}

#site-nav-menu.site-nav-menu {width: 100%; display: block;}

#site-nav-menu.site-nav-menu ul li {
	list-style: none;
	float: left;
	background-color: #b4b3b2;
	margin-right: 2px;
	width: 216px;
	height: 48px;
}

#site-nav-menu.site-nav-menu ul li:last-of-type { margin-right: 0; }

#site-nav-menu.site-nav-menu ul li a {
	display: block;
	padding: 17px 0 17px 20px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	font: 14px 'Avenir LT W01 65 Medium', Verdana, Arial, sans-serif;
	letter-spacing: 1px;
}

#site-nav-menu.site-nav-menu ul li ul li {
	list-style: none;
	display: inline-block; 
	float: left; 
	background-color: #909193; 		    
}

#site-nav-menu.site-nav-menu ul li ul li a {
	font-size: 12px;
}

#site-nav-menu.site-nav-menu .sub-navigation ul {
	list-style: none;
	margin: 0;
	height: 45px;
	padding: 15px 0 5px 0;
	width: calc(100% - 2px);
}

#site-nav-menu.site-nav-menu .sub-navigation li {
	border-top: none;
	position: relative;
	margin-right: 0;
}

#site-nav-menu.site-nav-menu .sub-navigation a {
	color: #fff;
	display: block;
	line-height: 1;
	outline-offset: -1px;
	padding: 0;
}

#site-nav-menu.site-nav-menu .sub-navigation a:hover,
#site-nav-menu.site-nav-menu .sub-navigation a:focus {
	color: #fff;
}

#site-nav-menu.site-nav-menu .sub-navigation .current-menu-item > a,
#site-nav-menu.site-nav-menu .sub-navigation .current-menu-ancestor > a, #site-nav-menu.site-nav-menu .sub-navigation a:hover {
	border-bottom: 3px solid #fff;
	padding-bottom: 3px;
}

#site-nav-menu.site-nav-menu .sub-navigation ul li {
	width: auto;
	height: auto;
	margin-left: 58px;
}
#site-nav-menu.site-nav-menu .sub-navigation ul li:first-of-type {
	margin-left: 20px;
}
#site-nav-menu.site-nav-menu .sub-navigation ul.investor-menu {
	height: 55px;
}
#site-nav-menu.site-nav-menu .sub-navigation ul.investor-menu li {
	margin-left: 30px;
	text-align: center;
}

#site-nav-menu.site-nav-menu .sub-navigation ul li a {
	display: block;
    font: 12px 'Avenir LT W01 65 Medium', Verdana, Arial, sans-serif;
    letter-spacing: 1px;
}



#site-nav-menu.site-nav-menu ul li#menu-item-26:hover, #site-nav-menu.site-nav-menu ul li#menu-item-26.current_page_item, #site-nav-menu.site-nav-menu ul li#menu-item-26 ul li {
	background-color: #F05323;
}

#site-nav-menu.site-nav-menu ul li#menu-item-36:hover, #site-nav-menu.site-nav-menu ul li#menu-item-36.current_page_item, #site-nav-menu.site-nav-menu ul li#menu-item-36 ul li {
	background-color: #00c0d6;
}

#site-nav-menu.site-nav-menu ul li#menu-item-32:hover, #site-nav-menu.site-nav-menu ul li#menu-item-32.current_page_item, #site-nav-menu.site-nav-menu ul li#menu-item-32 ul li {
	background-color: #d9c822;
}

#site-nav-menu.site-nav-menu ul li#menu-item-40:hover, #site-nav-menu.site-nav-menu ul li#menu-item-40.current_page_item, #site-nav-menu.site-nav-menu ul li#menu-item-40 ul li {
	background-color: #8d3c66;
}

#site-nav-menu.site-nav-menu ul li#menu-item-30:hover, #site-nav-menu.site-nav-menu ul li#menu-item-30.current_page_item, #site-nav-menu.site-nav-menu ul li#menu-item-30 ul li {
	background-color: #2e5597;
}

#about-navigation, #careers-navigation, #inv-navigation {display: none;}

#site-nav-menu.site-nav-menu ul li#menu-item-524:hover, #site-nav-menu.site-nav-menu ul li#menu-item-524.current_page_item, #site-nav-menu.site-nav-menu ul li#menu-item-524 ul li, #site-nav-menu.site-nav-menu ul li#menu-item-524.active {
	background-color: #F05323;
}

#site-nav-menu.site-nav-menu ul li#menu-item-527:hover, #site-nav-menu.site-nav-menu ul li#menu-item-527.current_page_item, #site-nav-menu.site-nav-menu ul li#menu-item-527 ul li, #site-nav-menu.site-nav-menu ul#menu-about li, #about-navigation ul, #site-nav-menu.site-nav-menu ul li#menu-item-527.active {
	background-color: #00c0d6;
}

#site-nav-menu.site-nav-menu ul li#menu-item-526:hover, #site-nav-menu.site-nav-menu ul li#menu-item-526.current_page_item, #site-nav-menu.site-nav-menu ul li#menu-item-526 ul li, #site-nav-menu.site-nav-menu ul#menu-careers li, #careers-navigation ul, #site-nav-menu.site-nav-menu ul li#menu-item-526.active {
	background-color: #d9c822;
}
#site-nav-menu.site-nav-menu ul li#menu-item-1928:hover, #site-nav-menu.site-nav-menu ul li#menu-item-1928.current_page_item, #site-nav-menu.site-nav-menu ul li#menu-item-1928 ul li, #site-nav-menu.site-nav-menu ul#menu-careers li, #careers-navigation ul, #site-nav-menu.site-nav-menu ul li#menu-item-1928.active {
	background-color: #d9c822;
}

#site-nav-menu.site-nav-menu ul li#menu-item-528:hover, #site-nav-menu.site-nav-menu ul li#menu-item-528.current_page_item, #site-nav-menu.site-nav-menu ul li#menu-item-528 ul li, #site-nav-menu.site-nav-menu ul#menu-investors li,  #inv-navigation ul, #site-nav-menu.site-nav-menu ul li#menu-item-528.active {
	background-color: #8d3c66;
}

#site-nav-menu.site-nav-menu ul li#menu-item-525:hover, #site-nav-menu.site-nav-menu ul li#menu-item-525.current_page_item, #site-nav-menu.site-nav-menu ul li#menu-item-525 ul li, #site-nav-menu.site-nav-menu ul li#menu-item-525.active {
	background-color: #2e5597;
}

#about-navigation.active {display: block; }
#careers-navigation.active {display: block; }
#inv-navigation.active {display: block; }
#about-navigation:hover, #careers-navigation:hover, #inv-navigation:hover {display: block;}

/*
@media (max-width: 767px) {
	#site-nav-menu.site-nav-menu ul li {width: 100%;}
}
*/

.inc_jobs {width: calc(33% - 27px);}


header h1.entry-title, header h2.entry-title {
    font: 11px 'Avenir LT W01 65 Medium', Verdana, Arial, sans-serif;
    color: #656b7d;
    text-transform: uppercase;
    margin-bottom: 3px;
    letter-spacing: .06em;
}
header h2.entry-title {
    font: 18px 'Avenir LT W01 95 Black', Verdana, Arial, sans-serif;
    color: #F05323;
    margin-bottom: 15px;
}

.page-template-page-foundation blockquote {
	border: 0;
	border-left-width: none;
	color: #000;
	font-size: 21px;
	font-style: normal;
	line-height: 31px;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

/* Custom Login Page */
body.login div#login .login h1 a {background-size: 265px 34px; height: 40px; width: auto;}

/* Single Post */
.single .content-area {
    float: left;
    margin-right: 0;
    width: 80%;
}
body:not(.search-results) article:not(.type-page) .entry-content {
    float: none;
    width: 100%;
}

.single header h1.entry-title, 
.single header h2.entry-title {
    font: 2rem 'Avenir LT W01 85 Heavy', Verdana, Arial, sans-serif;
    color: #F05323;
    text-transform: uppercase;
    margin: 50px 0;
    letter-spacing: 0;
	hyphens: none;
}

.breadcrumb {
    font: 18px 'Avenir LT W01 95 Black', Verdana, Arial, sans-serif;
    color: #F05323;
	padding-bottom: 15px;
    border-bottom: 4px solid #181512;
    margin-bottom: 15px;
	display: block;
	text-transform: uppercase;
}

span.pr_date {
    font-size: 18px;
    color: #58595b;
}

.single .entry-content p {
	font-size: 1.125rem;
	color: #58595b;
}

.single .entry-content h2,
.single .entry-content h3 {
    font: 18px 'Avenir LT W01 85 Heavy', Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.6;
	color: #58595b;
}

h2.lede {
    margin-bottom: 70px;
    font: 18px 'Avenir LT W01 85 Heavy', Verdana, Arial, sans-serif;
}

.single .entry-content a {
	color: #F05323;
}

.single figure {
    margin: 50px auto;
}

.single .wp-caption .wp-caption-text {
    font-size: 1rem;
    text-align: center;
    line-height: 1.5;
    color: #58595b;
    font-family: 'Avenir LT W01 55 Roman', Verdana, Arial, sans-serif;
}

.post-navigation a, .post-navigation .post-title {
	text-transform: uppercase;
	hyphens: none;
}

.post-navigation a:hover .post-title, .post-navigation a:focus .post-title {
    color: #F0531B;
}

.entry-content b, .entry-content strong {
    font-family: 'Avenir LT W01 85 Heavy', Verdana, Arial, sans-serif;
}

.entry-title a:hover, .entry-title a:focus {
    color: #F0531B;
}

body:not(.single) .site-main > article {
    margin-bottom: 3em;
    border-bottom: solid 4px #000;
    padding-bottom: 2em;
}

body:not(.single) aside#secondary {
    padding-top: 2.3em;
}

body:not(.single) h1.page-title {
    font: 18px 'Avenir LT W01 95 Black', Verdana, Arial, sans-serif;
    color: #F05323;
	padding-bottom: 15px;
    border-bottom: 4px solid #181512;
    margin-bottom: 3em;
	display: block;
	text-transform: uppercase;
}

body:not(.single) header h2.entry-title {
    margin-bottom: 1em;
}

p.pr_date {
    text-transform: uppercase;
    font-size: .875rem;
    padding-bottom: 1em;
}

body:not(.single) .entry-content p {
    margin: 0;
}

body:not(.single) .pr_thumb .post-thumbnail {
	margin-bottom: 1em;
}

body:not(.single) a.read-more {
    display: block;
    font-style: italic;
    padding: .5em 0 0 0;
    box-shadow: 0 0 0 0;
    color: #f05323;
}

body:not(.single) a.read-more:hover {
	text-decoration: underline;
}

/* Archives Widget 3-Column Layout */
.Annual_Archive_Widget ul {
    display: flex;
    flex-wrap: wrap;
	flex-direction: column;
	max-height: 250px;
    list-style-type: none;
    margin: 0;
    justify-content: space-between;
}

.Annual_Archive_Widget ul li {
    width: calc(33% - 5px);
    margin-bottom: 10px;
}

.Annual_Archive_Widget ul li:nth-child(n+9) {
    text-align: center;
}

.Annual_Archive_Widget ul li:nth-child(n+17) {
    text-align: right;
}

.entry-content ul,
.entry-summary ul,
.comment-content ul,
.entry-content ol,
.entry-summary ol,
.comment-content ol {
	margin: 1.25em 0 1.75em 1.25em;
    padding: 0;
}

/* JOB LISTINGS */
.jv-wrapper { 
	font: 14px Arial, Helvetica, sans-serif;
	letter-spacing: 0.03em;
}

.jv-wrapper a, .jv-wrapper a:active, .jv-wrapper a:visited { color: #369; }

.jv-wrapper a:hover { color: #F05323; }

.jv-wrapper h1.jv-logo {
	border-bottom: none;
	text-transform: uppercase;
	font: bold 18px Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
}

.jv-wrapper h1.jv-logo, .jv-wrapper h1.jv-logo a, 
.jv-wrapper h1.jv-logo a:visited, 
.jv-wrapper h1.jv-logo a:active { color: #F05323; }
    

.jv-wrapper h2 {
	color: #F05323;
	border-bottom: 4px solid #181512;
	margin-bottom: 25px;
	text-transform: uppercase;
	font: bold 18px Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
	letter-spacing: 0.05em;
}

.jv-wrapper h2.jv-header { 
	color: #181512; 
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 25px; 
	border-top: 4px solid #181512;
}

.jv-wrapper h3 {  
	font: bold 17px Arial, Helvetica, sans-serif;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.jv-wrapper h3.h2 {  
	margin: 35px 0 10px;
	font-size: 17px;
	color: #555;
  padding-top: 20px;
  border-top: 1px dotted #555;
}

.jv-wrapper h3.h2:first-of-type { border-top: none; }

.jv-job-detail-top-actions { top: 30px; }

.jv-button-primary {
	background-image: none;
  font-weight: 700;
  background-color: #F05323;
  border-color: #F05323;
  color: #fff;
  text-shadow: -1px -1px 1px rgba(0,0,0,0.1);
	text-transform: uppercase;
}

.jv-wrapper li { margin-bottom: 8px; }

.jv-job-detail-description { max-width: 800px; }

.jv-job-list {
    color: #999;
    width: 100%
}

.jv-wrapper table {
    border-collapse: collapse;
    border-spacing: 0;
	border: none;
}

.jv-job-list tr {
	border: none;
}

.jv-job-list td {
	border: none;
    border-bottom: solid 1px #f2f2f2;
    padding: 0.5em 0 0.35em 10px;
    vertical-align: top
}

.jv-job-list-name {
    width: 50%
}

.jv-job-list-location {
    text-align: right
}

.jv-job-list+hr {
    margin-top: -1px
}