/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

/* Load Font families */

@font-face {
    font-family: 'TeXGyreAdventorRegular';
    src: url('/sites/all/themes/Heinz/fonts/texgyreadventor_regular_webfont.eot');
    src: url('/sites/all/themes/Heinz/fonts/texgyreadventor_regular_webfont.eot') format('embedded-opentype'),
         url('/sites/all/themes/Heinz/fonts/texgyreadventor_regular_webfont.woff') format('woff'),
         url('/sites/all/themes/Heinz/fonts/texgyreadventor_regular_webfont.ttf') format('truetype'),
         url('/sites/all/themes/Heinz/fonts/texgyreadventor_regular_webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorItalic';
    src: url('/sites/all/themes/Heinz/fonts/texgyreadventor_italic_webfont.eot');
    src: url('/sites/all/themes/Heinz/fonts/texgyreadventor_italic_webfont.eot') format('embedded-opentype'),
         url('/sites/all/themes/Heinz/fonts/texgyreadventor_italic_webfont.woff') format('woff'),
         url('/sites/all/themes/Heinz/fonts/texgyreadventor_italic_webfont.ttf') format('truetype'),
         url('/sites/all/themes/Heinz/fonts/texgyreadventor_italic_webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBold';
    src: url('/sites/all/themes/Heinz/fonts/texgyreadventor_bold_webfont.eot');
    src: url('/sites/all/themes/Heinz/fonts/texgyreadventor_bold_webfont.eot') format('embedded-opentype'),
         url('/sites/all/themes/Heinz/fonts/texgyreadventor_bold_webfont.woff') format('woff'),
         url('/sites/all/themes/Heinz/fonts/texgyreadventor_bold_webfont.ttf') format('truetype'),
         url('/sites/all/themes/Heinz/fonts/texgyreadventor_bold_webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBoldItalic';
    src: url('/sites/all/themes/Heinz/fonts/texgyreadventor_bolditalic_webfont.eot');
    src: url('/sites/all/themes/Heinz/fonts/texgyreadventor_bolditalic_webfont.eot') format('embedded-opentype'),
         url('/sites/all/themes/Heinz/fonts/texgyreadventor_bolditalic_webfont.woff') format('woff'),
         url('/sites/all/themes/Heinz/fonts/texgyreadventor_bolditalic_webfont.ttf') format('truetype'),
         url('/sites/all/themes/Heinz/fonts/texgyreadventor_bolditalic_webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Typography */

body {
	color: #382513;
}

h1, h2, h3 {
	font-family: 'TeXGyreAdventorRegular',"Trebuchet MS", Verdana, Arial;
	color: #333;
}

h4, h5 {
	font-family: Verdana, Arial;
}

h5 {
	font-size: 15px;
}

.block-title {
	padding-left: 10px;
	text-transform: uppercase;
}

.recentwork li {
	margin-bottom: 20px;
}

.ss-required-asterisk {
	font-size: x-small;
	color: red;
}

/* Links */

a:link, a:visited {
	color: #333;
}

a.colorbox-biglink:link, a.colorbox-biglink:visited {
	color: white;
	text-decoration: none;
	
}

a.colorbox-biglink:hover {
	color: white;
	text-decoration: underline;
	
}

a.morelink { 
	
	text-decoration:none; 
	text-transform:uppercase; 
	font-weight: normal;
}

a.morelink:hover { 
	
	text-decoration:underline; 
}

a.facebook {
	display: block;
	width: 40px;
	height: 40px;
	background: url(/sites/all/themes/Heinz/images/FaceBook_icon.png) no-repeat top left;
	margin: 0 10px;
	float: left;
}

a.twitter {
	display: block;
	width: 40px;
	height: 40px;
	background: url(/sites/all/themes/Heinz/images/twitter_icon.png) no-repeat top left;
	margin: 0 10px;
	float: left;
}

a.youtube {
	display: block;
	width: 40px;
	height: 40px;
	background: url(/sites/all/themes/Heinz/images/Youtube_icon.png) no-repeat top left;
	margin: 0 10px;
	float: left;
}


/* Body elements */

#zone-header-wrapper {
	background: #eff1f4;
}   

/* Branding box (Navigation elements are in nice_menus.heinz.css file) */

#region-branding  {
	margin-bottom: 5px;
}

#region-branding .logo-img img {
	width:120px;
	height: 120px;
}

.site-slogan {
	font-family: 'TeXGyreAdventorRegular',"Trebuchet MS", Verdana, Arial;
	color: black;
	font-size: 30px;
	

}

.region-menu-inner { 
	background:url(/sites/all/themes/Heinz/images/bg_menu.gif) top repeat-x;
}


#block-search-form .form-submit { 

border:none;
width:82px;
height:32px;
vertical-align:middle;
}

#block-search-form .form-text { width:225px; font-size:13px; color:#999999; background:url(/sites/all/themes/Heinz/images/bg_search_input.gif) no-repeat 0 0; border:0px solid #8c8c8c; padding:8px 0px 8px 5px; line-height:normal; margin-right:9px; height: 32px;}

/* content region */

.breadcrumb {
	padding-top: 4px;
	padding-bottom: 0px;
}

.region-content-inner {
	background: white;
}

.region-content img {
	max-width: 100%;
}

.region-content .content ul li {
	margin-bottom: 5px;
}

.contentbox-homepage h1.title {
	
}

.contentbox-homepage h2 {
	margin-bottom: 0px;
	font-size:22px; 
	
}

.contentbox-homepage h3 {
	font-size: 1.2em;
	
}

#block-block-7 {
	
}
	
.icons {
	width: 180px;
	padding-top: 20px;
	margin: 0 auto;
}

.img-landingpages {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

/* Node Styles */

.video-teaser-view h2.title {
	font-size: 21px;
}

.field-name-field-video-image img {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;	
}

.field-name-field-slideshow-images {
	margin-bottom: 35px;
}


.field-slideshow-pager {
	margin-top: 10px;
}



.field-slideshow-pager a {
	background: url('/sites/all/themes/Heinz/images/pagedot_light2.png') no-repeat top left;
	display: block;
	width: 16px;
	height: 16px;
	text-indent:-9999px;
	float:left;
	padding-left: 6px;
	
}

.field-slideshow-pager a.activeSlide {
	background: url('/sites/all/themes/Heinz/images/pagedot_dark2.png') no-repeat top left;
	
}


/* home page sidebars */

.sidebar1-homepage { 
	background:url(/sites/all/themes/Heinz/images/bg_border.gif) repeat-y top right;
	min-height: 400px;
	}

.sidebar1-homepage .content { 
	padding:20px 10px 0px 10px; 
	font-size:12px; 
	line-height:16px;
	}
	
.sidebar1-homepage h2.block-title { 
	font-size:22px; 
	text-transform: none;
	}	

.sidebar1-homepage .content img { 
	padding:0px 6px 6px 0px; 
	float: right;
	}	
	
	
.sidebar2-homepage { 
	background:url(/sites/all/themes/Heinz/images/bg_border.gif) repeat-y top left;
	min-height: 400px;
	}

.sidebar2-homepage .content { 
	padding:0px 0px 0px 10px; 
	font-size:12px; 
	text-align: center;
	}	

#twitter-feed {
	width: 220px;
	margin: 0 auto;
}
	
/* colored boxes */


/* sub page boxes */	
.sidebar2-subpage .content { 
	color:#333; 
	padding:16px;  
	font-size:12px; 
	line-height:16px;
	}
	
.sidebar2-subpage .content h2 { 
	text-transform: uppercase;
	line-height: normal;
	margin-bottom: 10px;
	color: white;
	}

.sidebar2-subpage .content p { 
	margin-bottom: 10px;
	}
	
.sidebar2-subpage .content ul { 
	margin-top: 0px;
	margin-left: 18px;
	margin-bottom: 12px;
	}
	
	

/* Home page boxes */	

.zone-preface {
	margin-bottom: 20px;
}

.zone-preface  .content { 
	color:#333; 
	padding:10px 16px 0 16px; 
	font-size:12px; 
	line-height:16px;
	}
	
.zone-preface .content h2 { 
	text-transform: uppercase;
	line-height: normal;
	margin-bottom: 10px;
	color: white;

	}

.zone-preface .content p { 
	margin-bottom: 0px;
	}
	
.zone-preface .content ul { 
	margin-top: 10px;
	margin-left: 18px;
	margin-bottom: 12px;
	}

	
.region-preface-first-inner,
.region-preface-second-inner,
.region-preface-third-inner {
	min-height: 225px;
    height: 100%;
}

.region-preface-third-inner {
	background-color: #fc6700;
}

#block-block-1 { 
	background:url(/sites/all/themes/Heinz/images/bg_block.gif) top repeat-x #7db610;
	margin-bottom: 20px;	
	height: 100%;
		}
#block-block-1 .readmore { 
	background:url(/sites/all/themes/Heinz/images/bg_more.gif) no-repeat 0 0; 
	display:block; 
	float:left; 
	padding:8px 10px 7px 6px; 
	font-size:14px; 
	text-decoration:none; 
	color:#fff; 
	text-transform:uppercase; 
	margin-top:0px;}
#block-block-1 .readmore:hover { background:url(/sites/all/themes/Heinz/images/bg_more_act.gif) no-repeat 0 0}

#block-block-2 { 
	background:url(/sites/all/themes/Heinz/images/bg_block2.gif) top repeat-x #ffb60d;
	margin-bottom: 20px;
	height: 100%;
	}
#block-block-2 .readmore { 
	background:url(/sites/all/themes/Heinz/images/bg_more2.gif) no-repeat 0 0; 
	display:block; 
	float:left; 
	padding:8px 10px 7px 6px; 
	font-size:14px; 
	text-decoration:none; 
	color:#fff; 
	text-transform:uppercase; 
	margin-top:0px;}
#block-block-2 .readmore:hover { background:url(/sites/all/themes/Heinz/images/bg_more2_act.gif) no-repeat 0 0}

#block-block-3 { 
	background:url(/sites/all/themes/Heinz/images/bg_block3.gif) top repeat-x #fc6700;
	margin-bottom: 20px;
	height: 100%;
	}
#block-block-3 .readmore { 
	background:url(/sites/all/themes/Heinz/images/bg_more3.gif) no-repeat 0 0; 
	display:block; 
	float:left; 
	padding:8px 10px 7px 6px; 
	font-size:14px; 
	text-decoration:none; 
	color:#fff; 
	text-transform:uppercase; 
	margin-top:0px;}
#block-block-3 .readmore:hover { background:url(/sites/all/themes/Heinz/images/bg_more3_act.gif) no-repeat 0 0}

/* footer */

#zone-footer-wrapper {
	margin-top: 10px;
	border-top:1px solid #e6e6e6;
}

.region-footer-second-inner {
	text-align: center;
	color:#919191; 
	font-size:12px; 
	font-weight:normal;
}

.region-footer-second-inner p {
	padding-top: 20px;
}

.region-footer-second-inner a { color:#919191 !important; text-decoration:none;}
.region-footer-second-inner a:hover{ text-decoration:underline;}




/*********Add Logo to Home page Bendy slideshow ***********/

#block-delta-blocks-logo {
	position: absolute;
	top: 24px;
	left: 24px;
	z-index: 200;
}



/*********Bendy Module CSS. ***********/

/*Block*/

.view-bendy-featured-content-rotating-banner {
  background: #ffffff;
  font-family: 'TeXGyreAdventorRegular',"Trebuchet MS", Verdana, Arial;
  text-align: center;
}

.view-bendy-featured-content-rotating-banner .views_slideshow_cycle_main {
  border: 0px;	
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 0px;
}

.view-bendy-featured-content-rotating-banner .views-slideshow-cycle-main-frame-row {
  width: 100%;
}


/*Title*/

.view-bendy-featured-content-rotating-banner .views-field-title {
  font-size: 32px;
  line-height: 32px;
  width: 100%;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.55);
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 10px 0;
  text-align: left;
}



/*Subtitle*/

.view-bendy-featured-content-rotating-banner .views-field-title .field-content,
.view-bendy-featured-content-rotating-banner .views-field-field-bendy-subtitle .field-content {
  padding: 10px;
}


/*Read More*/

.view-bendy-featured-content-rotating-banner .views-field-field-bendy-subtitle {
  color: #919191;
  margin-bottom: 10px;
}

.view-bendy-featured-content-rotating-banner .views-field-nothing {
  float: left;
  width: 33%;
}

.view-bendy-featured-content-rotating-banner .views-field-title a:link,
.view-bendy-featured-content-rotating-banner .views-field-title a:visited {
  color: #333;
  text-decoration: none;
}

.view-bendy-featured-content-rotating-banner .views-field-nothing a:link,
.view-bendy-featured-content-rotating-banner .views-field-nothing a:visited {
  color: #919191;
  font-size: 12px;
  text-decoration: none;
}

.view-bendy-featured-content-rotating-banner .views-field-nothing .field-content {
  background: url("/sites/all/themes/Heinz/css/images/bendy_button.png");
  border: 1px solid #c7c7c7;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  padding: 5px 10px 7px 10px;
}

.view-bendy-featured-content-rotating-banner .views-field-nothing .field-content:active {
 /* background: url("/sites/all/themes/Heinz/css/images/bendy_button_active.png") no-repeat; */
}


/*Image*/

.view-bendy-featured-content-rotating-banner img {
  height: auto;
  max-width: 100%;
  width: auto\9; /* Fix for IE 8 */
}

.view-bendy-featured-content-rotating-banner .views-field-field-bendy-image {
  float: right;
  width: 100%;
}


/*Previous/Next Controls*/

.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-previous,
.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-pause,
.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-play,
.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-next {
  display:block;
	width:30px;
	height:30px;
	background:url(/sites/all/themes/Heinz/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	bottom: 42%;
}

.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-previous {
  background:url(/sites/all/themes/Heinz/images/arrows.png) no-repeat;
  left:15px;
}

.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-previous:active {
 background:url(/sites/all/themes/Heinz/images/arrows.png) no-repeat;
}

.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-pause {
  display: none;
}

.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-next {
  background-position:-30px 0;
  right:15px;
}

.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-next:active {
 background:url(/sites/all/themes/Heinz/images/arrows.png) no-repeat;
 background-position:-30px 0;
}


/*Pager*/

.view-bendy-featured-content-rotating-banner .views-slideshow-controls-bottom {
  clear: both;
  margin-top: 10px;
  padding-bottom: 10px;
}

.view-bendy-featured-content-rotating-banner .views-slideshow-pager-field-item {
  /* background: url("/sites/all/themes/Heinz/css/images/bendy_button.png"); */
  border: 1px solid #c7c7c7;
  color: #919191;
  display: inline-block;
  *display: inline; /*Fix for IE 7 */
  height: 22px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  margin-right: 2px;
  width: 22px;
  zoom: 1; /*Fix for IE 7 */
}

.view-bendy-featured-content-rotating-banner .views-slideshow-pager-field-item:hover {
  cursor: pointer;
}

.view-bendy-featured-content-rotating-banner .active {
 /* background: url("/sites/all/themes/Heinz/images/bendy_button_active.png") no-repeat bottom left; */
}


/*Global (i.e. "Mobile")*/

@media screen and (max-width: 739px) {
  .view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-previous {
    bottom: 35px;
    left: 5px;
  }

  .view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-next {
    bottom: 35px;
    right: 5px;
  }

  .view-bendy-featured-content-rotating-banner .views-field-title {
    font-size: 18px;
    line-height: 18px;
    width: 100%;
  }

  .view-bendy-featured-content-rotating-banner .views-field-nothing {
    width: 100%;
  }

  .view-bendy-featured-content-rotating-banner .views-field-field-bendy-image {
    width: 100%;
  }

}


/*Narrow*/

@media (min-width: 740px) {
  .view-bendy-featured-content-rotating-banner .views-field-title {
    font-size: 24px;
    line-height: 24px;
  }
}


/*Normal*/

@media (min-width: 980px) {
  .view-bendy-featured-content-rotating-banner .views-field-title {
    font-size: 30px;
    line-height: 30px;
  }
}


/*Wide*/

@media (min-width: 1220px) {
  .view-bendy-featured-content-rotating-banner .views-field-title {
    font-size: 34px;
    line-height: 34px;
  }
}

