/*
McDonalds FR Screen & max-width 1280px Stylesheet
Sitewidth: 928px
*/

.site {
	width: 					928px;
}


/* Header */

header[role=banner] nav ul li {
	padding-left: 			13px;
}
header[role=banner] nav ul li a,
header[role=banner] nav ul li a:link,
header[role=banner] nav ul li a:hover,
header[role=banner] nav ul li a:active,
header[role=banner] nav ul li a:visited {
	font-size: 				1.05em;
}

header[role=banner] nav ul li section.secondary div.middle section ul.rgt li {
	padding-left: 			20px;
}
header[role=banner] nav ul li section.secondary div.middle section ul li {
	line-height: 			18px;
	height: 				38px;
}
header[role=banner] nav ul li section.secondary div.middle section ul li.doubleLine {
	height: 				48px;
	padding-top: 			12px;
}
header[role=banner] nav ul li section.secondary div.middle section ul li a {
	font-size: 				1.5em;
}
header[role=banner] nav ul li section.secondary div.middle section ul li img {
	margin: 				-17px 8px 0 0;
	width: 					26%;
}
header[role=banner] nav ul li section.secondary div.middle aside ul li {
	margin-bottom: 			24px;
}
header[role=banner] nav ul li section.secondary div.middle aside ul li a {
	font-size: 				2em;
}

/* Main Page Header */

section[role=main] header.page h1,
section[role=main] header.page h2 {
	font-size: 				5.4em;
}
section[role=main] header.page h1.head-wide,
section[role=main] header.page h2.head-wide { font-size: 4.4em; }
section[role=main] header.page h1.head-wide.s,
section[role=main] header.page h2.head-wide.s { font-size: 4em; }
section[role=main] header.page h1.head-wide.xs,
section[role=main] header.page h2.head-wide.xs { font-size:	3.7em; }
section[role=main] header.page aside {
	padding-top: 			32px;
}
section[role=main] header.page aside.smaller {
	padding-top: 			28px;
}
section[role=main] header.page aside.full.smaller { padding-top: 0; }
section[role=main] header.page aside p em {
	font-size: 				1.6em;
}
section[role=main] header.page aside p a {
	font-size: 				1.8em;
}
section[role=main] header.page aside.smaller p a { font-size: 1.6em; }
section[role=main] header.page aside.social div.tweet-button,
section[role=main] header.page aside.social div.fb-button,
section[role=main] header.page aside.social div.gplus-button { margin-top: 10px; }


/* Pushbox Small */

#pushbox-small .holder ul li img {
	width: 					100%;
	margin-top: 			5%;
}

#pushbox-small div.nav div.nav-wrap {
	margin: 				0 5%;
}

#pushbox-small div.nav ul.buttons li {
	/*width: 					115px;*/
	display: 				inline;
}
#pushbox-small div.nav ul.buttons li a {
	padding: 				0 14px;
}


/* Allergenes */

#content.allergenes section.col-70,
#content.allergenes aside.col-26 {
	width: 					100%;
	margin-right: 			0;
}

#content.allergenes section.filter { margin-bottom: 6%; }

#content.allergenes section.filter div.col-result {
	width: 					77%;
}
#content .allergenes .viewport {
	width: 					668px;
}
#content .allergenes .products-wrapper .product-list-wrapper .product-list {
	width: 					222px;
}
#content .allergenes .products-wrapper .product-list-wrapper .product-list ul.products li {
	min-height: 			130px;
}

#content .products .products-wrapper .product-list-wrapper .product-list {
	width: 					170px;
}


#content.allergenes aside.col-26 div.block {
	width: 					46%;
	float: 					left;
	margin-bottom: 			4%;
}
#content.allergenes aside.col-26 div.apps-small {
	float: 					right;
	clear: 					none;
}


/* Simple Nav */

#content nav.sub ul li a { font-size: 2em; }


/* Products */

#content.products nav.products-main ul li a {
	font-size: 				1.2em;
	line-height: 			55px;
}


/* Product */

#content.product h1,
#content.product h2 { font-size: 5.4em; }

#content.product .moreinfo ul.accordion > li h4 a,
#content.product .moreinfo ul.accordion > li.noLink h4 {
	font-size: 				2.4em;
}

#content.product .info {
	width: 					48.2%;
}

#content.product .info h3 {
	font-size: 				4em;
}
#content.product .info h3 span { font-size: .116em; }
#content.product .info p {
	margin-right: 			20px;
}

#content.product_evian h2 {
	font-size: 				9em;
}


/* Sandwichs */

#content.sandwichs header hgroup h1,
#content.sandwichs header hgroup h2 {
	font-size: 				4.6em;
}
#content.sandwichs header hgroup h3 {
	font-size: 				1.6em;
}

#content.sandwichs ul.products li {
	height: 				160px;
}
#content.sandwichs ul.products li a {
	height: 				150px;
	padding-top: 			10px;
}
#content.sandwichs ul.products li h4 {
	font-size: 				1.3em;
}
#content.sandwichs ul.products li img { margin-bottom: 20px; }

#content.sandwichs.darkbrown ul.products li:nth-child(1) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(2) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(3) a:hover {
	background: 			#543823;
}
#content.sandwichs.darkbrown ul.products li:nth-child(4) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(5) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(6) a:hover {
	background: 			#5f4028;
}
#content.sandwichs.darkbrown ul.products li:nth-child(7) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(8) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(9) a:hover {
	background: 			#69472d;
}
#content.sandwichs.darkbrown ul.products li:nth-child(10) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(11) a:hover,
#content.sandwichs.darkbrown ul.products li:nth-child(12) a:hover {
	background: 			#724d30;
}


/* Content > McCafe Page */

#content.page_mccafe .info h4 {
	font-size: 				2.6em;
}
#content.page_mccafe .info h5 {
	font-size: 				1.8em;
}
#content.page_mccafe .info p {
	font-size: 				1.1em;
}

#content.page_mccafe .products ul li h3 {
	font-size: 				2em;
}


/* Content > Error Page */

#content.error header {
	width: 					780px;
	padding: 				160px 0;
}
#content.error header hgroup {
	 padding-top: 			10%;
}
#content.error header hgroup h1,
#content.error header hgroup h2 {
	font-size: 				5.6em;
}
#content.error header hgroup h3 {
	font-size: 				2.6em;
}


/* Content > Sub Page */

#content.sub_page .wrapper > h1,
#content.sub_page .wrapper > h2 {
	font-size: 				4.8em;
}
#content.sub_page ul.accordion li h4 a {
	font-size: 				1.8em;
}
#content.sub_page ul.accordion li p {
	font-size: 				1.5em;
	padding-top: 			6px;
}


/* FAQ */

#content.faq .col-70 h1,
#content.faq .col-70 h2 {
	font-size: 				10em;
}

#content.faq ul.accordion li h4 a {
	font-size: 				1.6em;
}


/* Recruitment */

#content.recruitment .col-70 h1,
#content.recruitment .col-70 h2 {
	font-size: 				3.6em;
}
#content.recruitment ul.list li h3 {
	font-size: 				1.8em;
}
#content.recruitment article div.text h3 {
	font-size: 				2.6em;
}
#content.recruitment article div.text h4 {
	font-size: 				1.4em;
}


/* Text Page */

#content.text_page .col-70 h1,
#content.text_page .col-70 h2 {
	font-size: 				3em;
}
#content.text_page .col-70 h3 {
	font-size: 				3em;
}

#content.text_page ul.full-list li h2 { font-size: 2.2em; }

#content.text_page ul.crew li h4 { font-size: 1em; }

#content.text_page div.trade h4 {
	font-size: 				2.8em;
	padding-top: 			6px;
}


/* Restaurant */

#content.restaurant ul.large-services li h3 {
	font-size: 				2.6em;
}
#content.restaurant form.findmcd-large fieldset.options label {
	width: 					7%;
}


/* Viewer */

#content.design section.pictures div.holder ul li { width: 928px; }


/* History */

#content.history div.slider-wrapper {
	padding: 				0 12% 0 13%;
}
#content.history div.slider-wrapper ul li {
	font-size: 				1.4em;
}
#content.history div.slider-wrapper .slider-range a div {
	width: 					78px;/*98px;*/
	left: 					-49px;
}
#content.history div.slider-wrapper .handle-visual {
	width: 					78px;/*98px;*/
}
#content.history .col-70 ul.result li h3 {
	font-size: 				1.4em;
}


/* Service */

#content.service_restaurant div.tabcontent div.option-slider { height: 105px; }
#content.service_restaurant div.tabcontent div.option-wrapper ul.option-nav li a {
	top: 					34px;
}

#content.service_restaurant div.tabcontent ul.option { height: 105px; }
#content.service_restaurant div.tabcontent ul.option li {
	width: 					93px;
	height: 				93px;
	background: 			url(../image/bg-sprite-option-small.gif) no-repeat left top;
}
#content.service_restaurant div.tabcontent ul.option li a {
	width: 					77px;
	height: 				93px;
	background: 			url(../image/bg-sprite-option-small.gif) no-repeat left top;
}
#content.service_restaurant div.tabcontent ul.option li a.active { background-position: left -93px; }

#content.service_restaurant div.tabcontent ul.option li a span { line-height: 1em; }

#content.service_restaurant.page_mccafe div.tabcontent {
	width: 					585px;
}
#content.service_restaurant.page_mccafe div.tabcontent ul.option li {
	background: 			url(../image/bg-sprite-option-small.png) no-repeat left top;
}
#content.service_restaurant.page_mccafe div.tabcontent ul.option li a {
	background: 			url(../image/bg-sprite-option-small.png) no-repeat left top;
}
#content.service_restaurant.page_mccafe div.tabcontent ul.option li a.active { background-position: left -93px; }


/* Content */

#content .block figure figcaption { left: 12px; }

#content .newsitem hgroup {
	padding: 				18px 20px 6px;
}

#content .newsitem hgroup h3 {
	font-size: 				3.3em;
}
#content .newsitem hgroup h4 {
	font-size: 				1.4em;
}
#content .newsitem p {
	font-size: 				1.2em;
}

#content .findmcd div.wrapper div.content figure {
	width: 					70px;
}
#content .findmcd div.wrapper div.content h3 {
	font-size: 				2.6em;
}
#content .findmcd div.wrapper div.content hgroup h4 {
	font-size: 				1.2em;
}
#content .findmcd div.wrapper div.content p {
	font-size: 				1.1em;
}
#content .findmcd div.wrapper div.happymeal h3 { margin-top: 16px; }

#content .energy h3 {
	font-size: 				10em;
}
#content .energy p {
	font-size: 				2em;
}

#content .apps figure {
	width: 					29%;
	margin-top: 			56px;
}
#content .apps figure figcaption {
	font-size: 				1.2em;
}
#content .apps div.text {
	width: 					70%;
	margin-top: 			38px;
}
#content .apps div.text h3 {
	font-size: 				1.3em;
	margin-bottom: 			0;
}
#content .apps div.text h3 span {
	font-size: 				2.6em;
}
#content .apps div.text p {
	font-size: 				1em;
}

#content .apps-small .wrapper img,
#content .findmcd-small .wrapper img {
	display: 				none;
}
#content.allergenes aside.col-26 div.apps-small .wrapper img { display: block; }

#content .findmcd-small.xsmall div.wrapper form { overflow: visible; }
#content .findmcd-small.xsmall h3 { font-size: 2.8em; padding-top: 38px; }

#content .employer hgroup {
	margin-left: 			12px;
	margin-top: 			29%;
}
#content .employer hgroup h3 {
	font-size: 				2.8em;
}
#content .employer hgroup h4 {
	font-size: 				1.4em;
}
#content .employer p {
	font-size: 				1em;
	margin-left: 			12px;
}

#content .findmcd-small h3 {
	font-size: 				1.8em;
	padding-bottom: 		4px;
}
#content .findmcd-small .wrapper form {
	padding-left: 			12px;
}

#content .apps-small h3 {
	margin-top: 			40px;
	padding: 				0 0 0 12px;
}

#content .all-news-small .wrapper figure {
	display: 				none;
}
#content .all-news-small .wrapper h3 {
	margin: 				0 0 10px;
}

#content .energy-small .wrapper {
	padding-top: 			28px;
}
#content .energy-small .wrapper h3 {
	font-size: 				8em;
}
#content .energy-small .wrapper h3 span {
	font-size: 				.26em;
}
#content .energy-small .wrapper hgroup h3 { font-size: 6em; }
#content .energy-small .wrapper p {
	font-size: 				1.7em;
}
#content .energy-small.whiteborder .wrapper p {
	font-size: 				1.1em;
}

#content .mccafe-small .wrapper h3 {
	font-size: 				1.6em;
}

#content .news-small hgroup {
	padding-left: 			12px;
}
#content .news-small hgroup h3 {
	font-size: 				2.5em;
}
#content .news-small hgroup h4 {
	font-size: 				1.1em;
}
#content .news-small p {
	font-size: 				1.2em;
	padding-left: 			12px;
	padding-right: 			12px;
}

#content .happymeal-small .wrapper hgroup h3 {
	font-size: 				4.5em;
}
#content .happymeal-small .wrapper hgroup h4 {
	font-size: 				1.2em;
	left: 					0;
	right: 					0;
}
#content .happymeal-small .wrapper img.img-over {
	margin: 				-85px 0 0 -65px;
}

#content .middle-link-small div.wrapper h3 {
	font-size: 				2.6em;
	margin-top: 			65px;
}
#content .middle-link-small.xsmall div.wrapper h3 { margin-top: 32px; font-size: 2.6em; }
#content .middle-link-small.services div.wrapper h3 { margin-top: 40px; }
#content .middle-link-small.xsmall figure { display: none; }
#content .middle-link-small.services div.wrapper p {
	font-size: 				1em;
	padding-left: 			12px;
}

#content .stores-small hgroup h3 {
	font-size: 				9.6em;
}
#content .stores-small hgroup h4 {
	font-size: 				1.5em;
}

#content .corporate-small .wrapper h3 {
	font-size: 				2.9em;
}


/* Footer */

footer[role=contentinfo] > nav .block {
	width: 					15.83%;
	display: 				inline;
	float: 					left;
	margin-right: 			1%;
}

footer[role=contentinfo] div.header section { margin-left: -168px; left: 31%; }

body.front .push-block-wrap { width: 656px; }
  #content .newsitem.col1, #content .block.col1.fullimg { width: 284px; }
    #content .newsitem.col1 figure img { width: 77px; }
  #content .block.col2 { width: 612px; }

body.front #content .right_side { width: 272px; }
  #content .findmcd div.wrapper div.content form fieldset p input { width: 127px; }
  #content aside .findmcd div.wrapper div.content form fieldset p input { width: 98px; }
  body.front #content .findmcd div.wrapper div.content form fieldset p input { width: 128px; }


#pushbox div.nav { background: url(../image/bg-pushbox-nav_tablet.png) no-repeat center bottom; }

#pushbox, #pushbox .holder, #pushbox .holder ul, #pushbox .holder ul li { height: auto; }
#pushbox { padding-bottom: 4px; }
  #pushbox div.nav ul li a { padding: 0 20px; }
  #pushbox .holder ul li img { max-width: 928px; }

.page-node-724 .col-40 form input, .page-node-724 .col-40 form .webform-component--privacy textarea { width: 207px; }
.page-node-724 .col-40 form .webform-component--letta-linformativa { width: 184px; }
.page-node-724 .col-40 form .dropdown-wrapper select, .page-node-724 .col-40 form textarea { width: 219px; }
.page-node-724 .col-40 form .webform-component--checkbox .form-item-submitted-checkbox-yes label { width: 184px; }
.page-node-724 .col-40 form .webform-component--checkbox .form-item-submitted-checkbox-yes input.error { margin-bottom: 60px; }
.page-node-724 .col-40 form .webform-component--checkbox .form-item-submitted-checkbox-yes label.error { font-size: 12px; position: absolute; top: 40px; padding-right: 0; }
.page-node-724 .col-40 form .form-submit { width: 221px }

.page-node-724 .col-40 form label.error { padding: 0; }
.page-node-724 .col-40 form .webform-component-checkboxes .form-type-checkbox label { width: 183px; }

#content.product .product-menu .product_list h3 { width: 255px; }
#content.product .product-menu .product_list { float: right; max-width: 295px; width: 100%; }
#content.product .product-menu .product_list .entity .commerce-product-title { font-size: 1em; }
#content.product .product-menu .product_list .entity { height: 120px; }

/*
 * Cookie policy
 */
#sliding-popup .popup-content { max-width: 928px; }
#sliding-popup .popup-content #popup-text { max-width: 80%; }
#sliding-popup .popup-content #popup-buttons button { margin: 25px 0; }

/*
 * Dropdown promo
 */
.ddmenu_wrapper { margin-left: -464px!important; width: 928px!important; }
