/*
 Theme Name: Supermacs Theme
 Theme URI: http://www.studiopress.com/themes/sample
 Description: The Supermacs Theme
 Author: Armour Interactive
 Author URI: http://www.armour.ie

 License: GNU General Public License v2.0 (or later)
 License URI: http://www.opensource.org/licenses/gpl-license.php
 */

/* Import Fonts
 ------------------------------------------------------------ */

@import url(css/normalize.css);
@import url(css/genesis-layout.css);
@import url(css/media.css);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin);

body {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

p {
	line-height: 150%;
}

/* Fonts */

h1, h2, h3, h4, #location-search label, #location-search .btn, .store-link, .opening-hours table, .menu-product .product-title, #post-listings .post-read-more, #responsive-location-link, #select-menu-display, #menu-item-4768 .wpmega-link-title, .order-online-btn {
	font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h3 {
	font-size: 180%;
}

.red-word {
	color: #E21C11;
}

/* Navigation Menu
 ------------------------------------------------------------ */

#menu-logo {
	float: left;
}

.uberClearfix:before, .uberClearfix:after, #megaMenu.megaClear ul.megaMenu:before, #megaMenu.megaClear ul.megaMenu:after {
	display: inline !important;
}

#megaUber {
	float: left;
}

#megaMenu-sticky-wrapper {
	margin-top: -40px !important;
}

#megaMenu {
	box-shadow: 0px 1px 5px #c5c5c5 !important;
	border-radius: 0 0 5px 5px !important;
	background: #fff !important;
}

#megaMenu ul li {
	font-weight: normal
}
#megaMenu ul.megaMenu .ss-nav-menu-item-depth-0 a {
	height: 67px;
	padding: 3px 11px !important;
}

#megaMenu ul.megaMenu li.ss-nav-menu-item-depth-0 a:hover, #megaMenu ul.megaMenu li.ss-nav-menu-item-depth-0 a:focus, #megaMenu ul.megaMenu li.current-menu-item {
	background: #ffffff; 
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 44%, #dddddd 100%) !important; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(44%,#eeeeee), color-stop(100%,#dddddd)) !important; 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 44%,#dddddd 100%) !important; 
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 44%,#dddddd 100%) !important; 
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 44%,#dddddd 100%) !important; 
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 44%,#dddddd 100%) !important; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); 
	box-shadow: 0px 1px 5px #c5c5c5 inset !important;
}

#megaMenu ul.megaMenu li ul li.current-menu-item 
{
	background:none !important;
	box-shadow:none !important;
}



#megaMenu ul.megaMenu li.ss-nav-menu-item-depth-1 a:hover {
	background: none !important; /* Old browsers */
	box-shadow: none !important;
}

#megaMenu ul.megaMenu .wpmega-link-title {
	font-weight: normal;
	padding-top: 20px;
}

#megaMenu .ss-nav-menu-with-img img {
	display: block;
	float: left;
	height: 100%;
	width: 100%;
}
#menu-item-4767 a {
	height: 52px !important;
	padding-top: 10px;
}
#menu-item-4767 a  img {
	padding-top: 10px !important;
}
#menu-item-4767 .wpmega-link-title {
	display: none !important;
}
#menu-item-4767 a:hover, #menu-item-4768 a:hover
#menu-item-4767 li.menu-item, #menu-item-4768 li {
	background: none !important;
	box-shadow: none !important;
}
#menu-item-4768 a {
	height: 45px !important;
	width: 170px !important;
	padding: 3px 0px 3px 12px !important;
}
#menu-item-4768 .wpmega-link-title {
	background: #e01b13 !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #e01b13 0%, #c41710 55%, #c41710 55%, #b0160e 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e01b13), color-stop(55%,#c41710), color-stop(55%,#c41710), color-stop(100%,#b0160e)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e01b13 0%,#c41710 55%,#c41710 55%,#b0160e 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e01b13 0%,#c41710 55%,#c41710 55%,#b0160e 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e01b13 0%,#c41710 55%,#c41710 55%,#b0160e 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  #e01b13 0%,#c41710 55%,#c41710 55%,#b0160e 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e01b13', endColorstr='#b0160e',GradientType=0 ) !important; /* IE6-9 */
	padding: 13px 18px !important;
	color: #ffffff !important;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-shadow: 2px 2px 5px #000000 !important;
	margin-top: 7px !important;
	font-weight: bold !important;
	font-size: 18px !important;
	text-align: center;
}

/*

#menu-item-4768 .wpmega-link-title {
  background: linear-gradient(to bottom, #E01B13 0%, #C41710 55%, #C41710 55%, #B0160E 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  border-radius: 8px;
  color: #FFFFFF !important;
  font-size: 18px !important;
  font-weight: bold !important;
  margin-top: 7px !important;
  padding: 13px 18px !important;
  text-align: center;
  text-shadow: 1px 2px 6px #333333 !important;
}
*/
/* Responsive Menu Elements */

#responsive-menu {

}

#responsive-menu a {
	font-size: 175%;
	line-height: 100%;
}

#responsive-location-link {
	color: #818181;
}
#select-menu-display {
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #f4f4f4 51%, #ececec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(51%,#f4f4f4), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f4f4f4 51%,#ececec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfd 0%,#f4f4f4 51%,#ececec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#f4f4f4 51%,#ececec 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdfdfd 0%,#f4f4f4 51%,#ececec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
	height:76px;
	font-size: 175%;
	border:0px;
	text-align: center;
	line-height: 100%;
	/*min-height:80px;*/
}

#select-menu-display {
	color: #666666;
	cursor: pointer
}

#select-menu-display {
	padding: 20px 23px;
}

#responsive-location-link {
	padding: 15px 0;
}

#responsive-location-link:hover, #select-menu-display:hover {
	text-decoration: none;
}

/* Location Search */
#location-search {
	position: fixed;
	z-index: 1;
	top: 73px;
}

#location-search {
	background: #CD1811;
	padding: 10px;
	border-radius: 0 0 5px 5px;
}
#location-search .form-element {
	float: left;
	display: block;
}
#location-search label {
	float: left;
}
#location-search input, #location-search select {
	padding: 5px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555555;
	font-size: 14px;
	height: 34px;
	line-height: 1.42857;	
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

#location-search label {
	color: #fff;
	font-size: 16px;
	padding: 5px 15px 0px 5px;
}

.infobox-title {
	padding: 2.5% 2.5% 0;
}

.infobox-info {
	width: 100%;
}
.infobox-info td {
	padding: 0 5%;
}

.store-link {
	width: 95%;
	margin: 2.5%;
}

/* Order Online Floating Button */

.order-online-btn {
	background: #104e8b;
	padding: 3px 0px;
	border-radius: 15px 15px 0 0;
	text-transform: uppercase;
}

.order-online-btn a {
	color: #fff;
	display: block;
}

.order-online-btn a:hover {
	text-decoration: none;
}

.order-online-btn i {
	padding: 0 5px;
}


/* Slider and Banner Area
 ------------------------------------------------------------ */

#feature-banner-area img.feature-image {
	max-width: 100%;
}

#feature-banner-area #default-banner {
	height: 80px;
	background: #EDEDED;
}

.contentHolderVisibleWrapper {
	max-height: 750px;
}
.parallax_mouseinteraction {
	max-height: 750px;
}

/* Maps
 ------------------------------------------------------------ */

#map-canvas {
	height: 800px;
	width: 100%;
}

/* Store Single Page
 ------------------------------------------------------------ */

.store-section-header {
	width: 100%;
	background: #EDEDED;
	color: #444444;
	clear: left;
	margin: 5% 0 0;
	padding: 2%;
}

.store-facilities .facility {
	display: block;
	float: left;
	text-align: center;
	margin: 3% 0 0;
}

.store-facilities h4 {
	font-size: 12px;
	color: #B0B0B0;
	padding: 5% 0;
}

.opening-hours table {
	width: 100%;
	font-size: 16px;
	margin: 2% 0 0;
}

.opening-hours table td {
	font-size: 14px;
}

.opening-hours .center {
	text-align: center;
}

.non-transposed tr:first-child {
	color: #A0A0A0;
}

.non-transposed td {
	color: #A0A0A0;
}

.transposed td:first-child {
	color: #434343;
	text-align: left;
}

.transposed td {
	color: #454545;
	padding: 2%;
	text-align: center;
}

/* Sub Content Panels
 ------------------------------------------------------------ */

.sub-content-panel {
	/*box-shadow: 0 8px 8px #bebfbe;*/
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
}

.narrow-panel {
	padding: 10px 0;
}

.red-gradient {
	background: #E41B13;
	color: #fff;
}

.bricks {
	background: url("./images/brickwall.png") repeat;
	color: #818181;
}

.white {
	color: #818181;
}

.grey {
	background: #EDEDED;
}

.green {
	background: #00622F;
}

/* Triangles */
.arrow-down {
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	left: 48.5%;
	position: absolute;
	z-index: 10;
}

.sub-content-panel .btn {
	display: block;
	margin: 3% 0;
	text-align: left;
}

.red-triangle {
	border-top: 20px solid #E41B13;
}
.white-triangle {
	border-top: 20px solid #ffffff;
}
.grey-triangle {
	border-top: 20px solid #EDEDED;
}

.green-triangle {
	border-top: 20px solid #00622F;
}

/* Product Menu Related Content */

.product-category-title {
	margin: 0 0 2%;
	color: #E21C11;
	font-size: 36px;
}

.menu-product-category {
	clear: left;
	overflow: hidden;
	margin: 0 0 3%;
}

.menu-product {
	display: block;
	float: left;
	cursor: pointer;
}

.menu-product .display-image:hover {
	background-color: #E0E0E0;
	border-radius: 5px 5px 0 0;
}

.menu-product .display-image img {
	position: absolute;
	bottom: 10px;
}

.menu-product .product-title {
	background: #fff;
	color: #414141;
	text-align: center;
	padding: 5px 0;
}

/* Main Content
 ------------------------------------------------------------ */

/* Page Content Sections */
.post {
	margin: 0 0 0px;
}

.page-content-section {

	color: #444444;
	margin: 0 0 1%;
	overflow: hidden;
	min-height: 350px;
}

#content .sub-title {
	border-top: 2px solid #ededed;
	padding: 5% 0 0;
}

/* Post Listings */
#post-listings {
	overflow: hidden;
}
#post-listings .post {
	margin: 0 0 20px;
	clear: left;
	overflow: hidden;
}
#post-listings .post-image {
	float: left;
	background: none;
	border: none;
}
#post-listings .post-title {
	margin: 1% 0;
}
#post-listings .post-date-info {
	color: #9A9A9A;
	background: #EDEDED;
	padding: 0 5px;
}
#post-listings .post-date-info h4 {
	font-size: 16px;
}
#post-listings .post-title a {
	color: #444444;
}
#post-listings .post-read-more a {
	color: #fff;
}
#post-listings .post-read-more {
	background: #444444;
	width: 84px;
	text-align: center;
}
#post-listings .post-title a:hover {
	text-decoration: none;
}

/* Social Media
 ------------------------------------------------------------ */

#social-media-banner {
	clear: left;
	display: block;
	float: left;
	width: 100%;
	z-index: 0;
}

#social-media-banner .inner{
	position: relative;
}

.social-media-header {
	color: #FFFFFF;
	text-shadow: 1px 2px 5px #666666;
	text-transform: uppercase;
	font-size: 60px;
}

/* Footer Widgets
 ------------------------------------------------------------ */

#footer-widgets {
	background: #e21c13; /* Old browsers */
	background: -moz-linear-gradient(top,  #e21c13 0%, #cb0e0a 50%, #b30101  100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e21c13), color-stop(50%,#cb0e0a), color-stop(100%,#b30101 )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e21c13 0%,#cb0e0a 50%,#b30101  100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e21c13 0%,#cb0e0a 50%,#b30101  100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e21c13 0%,#cb0e0a 50%,#b30101  100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e21c13 0%,#cb0e0a 50%,#b30101  100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e21c13', endColorstr='#b30101 ',GradientType=0 ); /* IE6-9 */
        display:none;
}

#footer-widgets .widget {
	float: left;
	display: block;
	color: #fff;
	text-shadow: 0px 1px #444;
	margin: 0 1% 0 0;
}





/* Footer
 ------------------------------------------------------------ */

#footer {
	background-color: #444444;
	color: #fff;
	font-size: 11px;
}





@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.arrow {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=");
  background-size: contain;
  float: left;
  height: 40px;
  margin-left: 20px;
  margin-right: 20px;
  width: 40px;
}

.bounce {
  -webkit-animation: bounce 2s infinite;
  -moz-animation: bounce 2s infinite;
  -ms-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}


#scroll_down_text
{
    float:left;
}

.scroll-back-to-top-wrapper {

  bottom: 0 !important;
 
}

.page-id-5701 #sidebar
{
    width:100%;
}


.store-description
{
    padding: 1%;
    display:none;
    
}

.expandable
{
    cursor:pointer;
}

.expandable:after
{
   
    float:right;
    cursor:pointer;
}

.open:after
{
     content: "-";
}

.closed:after
{
     content: "+";
}