/* troty 17/11/2015 */
html {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a7fcb+0,64a0e5+100 */
background: rgb(74,127,203)!important; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRhN2ZjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NGEwZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(74,127,203,1) 0%, rgba(100,160,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(74,127,203,1) 0%,rgba(100,160,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(74,127,203,1) 0%,rgba(100,160,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a7fcb', endColorstr='#64a0e5',GradientType=0 ); /* IE6-8 */
}
.bg_santa {
background: #fff;
margin: 0 auto;
max-width: 980px;
z-index: 2;
position: relative;
}
body {
/* background-image: url("images/slider_bg_2015.png");
background-position: bottom center;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: transparent;
background-size: 100%; overflow-x: hidden */
}
.bg_santa:before{
/* position: absolute;
left: -482px;
top: 30px;
right: auto;
background: url("images/slider_bg_top_left_2015.png") no-repeat left top;
content: "";
z-index: -1;
width: 100%;
height: 290px;*/
}
.bg_santa:after {
/* position: absolute;
right: -482px;
top: 30px;
left: auto;
background: url("images/slider_bg_top_right_2015.png") no-repeat right top;
content: "";
z-index: -1;
width: 100%;
height: 290px;*/
}
canvas {
display: block;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append{ margin-top:10px; width:60%;}
h1{ font-size:20px;}
#searchbut{width:30%;}
.carousel-caption{ position: absolute;}
.carousel-caption .title{ font-size:16px;}
.span4 .top .offset2{ float:left;}
a#branding span{left:50px; }
.small_banner .span2 img{ position:relative;}
.small_banner .span2{ width:44%; float:left;}
.small_banner .span2 span.hover{padding-top:33%;}
.events_home , .span4.offers { margin-bottom:20px; width:96%;}
.events_home .last .box_blue{font-size:10px;}
.banners_home .span4 .box img{ width:100%;}
.small_banner.span4 { width:100%;}
.banners_home.span4
footer { padding:15px 0; font-size:11px;}
footer h4{ margin-top:20px; margin-bottom:5px;}
footer .span3.last{ padding-top:20px; width:176px;}
footer .span3{ width:156px;}
.stores_list .span4{ width:96%;}
.box_left a{ font-size:11px;}
.box_left.hours{ font-size:13px;}
.filter .span4{ width:215px;}
.banners_home .span4 .box{min-height:200px;}
.box_hover {height: 200px}
.desc_hover {top: 150px;}
.left_cookie{ width:513px;}
.left_cookie p{ font-size:12px;}
.clear {display: none;}
.date {
display: block;
margin-top: 35px;
}
.control-group.error input[type="checkbox"], .control-group input[type="checkbox"] {width: auto;margin-top: 0}
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 599px) {
.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append{ margin-top:10px; width:68%;}
#searchbut{width:30%;}
.carousel-caption{ position: absolute;}
.carousel-caption .title{ font-size:16px;}
.top span{ margin:12px 140px 0 0;}
.span4 .top .offset2{ float:left;}
a#branding span{left:65px; font-size:11px;}
.small_banner .span2 img{ position:relative;}
.small_banner .span2{ width:50%; float:left;}
.small_banner .span2 span.hover{padding-top:35%;}
.events_home{ margin-bottom:20px;}
.events_home .last .box_blue{font-size:10px;}
.banners_home .span4 .box img{ width:100%;}
footer { padding:15px 0;}
footer h4{ margin-top:20px; margin-bottom:5px;}
footer .span3.last{ padding-left:20px; padding-top:20px;}
.media img{ width:100%;}
.box_left.map{ display:none;}
.box_left.hours{ display:none;}
.box_left.banner{ display:none;}
.filter .span4{ width:278px;}
#store_search_term{ width:80%; margin-top:10px;}
.stores_list .span4{ width:100%;}
.filter .span4{ width:100%;}
.span4 select{ width:100%;}
.btn.btn-blue{ margin-top:10px;}
.stores_list .span4 img, .store_det{ max-width:85px;}
.thumbnails .span4{ width:100%;}
#logos{ width:106px; height:106px; }
#center img{max-width:67px; max-height:67px;}
.stores_list .span4 .intro{ font-size:12px;}
.stores_list p{ font-size:12px; margin:0 0 5px 0;}
.stores_list.btn.btn-blue p{ font-size:12px;}
.stores_list .span4{ min-height:120px;}
.desc_hover {width: 100%}
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 600px */
@media only screen and (min-width: 600px) and (max-width: 767px) {
.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append{ margin-top:10px; width:69%;}
#searchbut{width:30%;}
.carousel-caption{ position: absolute;}
.carousel-caption .title{ font-size:16px;}
.top span{ margin:12px 200px 0 0;}
a#branding span{left:63px;}
.small_banner .span2 img{ position:relative;}
.small_banner .span2{ width:50%; float:left;}
.small_banner .span2 span.hover{padding-top:33%;}
.events_home{ margin-bottom:20px;}
.events_home .last .box_blue{font-size:10px;}
.banners_home .span4 .box img{ width:100%;}
footer { padding:15px 0;}
footer h4{ margin-top:20px; margin-bottom:5px;}
footer .span3.last{ padding-left:20px; padding-top:20px;}
.box{ width:50%; float:left;}
.box.latest_news{ width:100%;}
.socil_net{ width:100%;}
.content span9{ width:60%;}
.content span3{ width:30%;}
#logos{ width:125px; height:125px; }
#center img{max-width:110px; max-height:110px;}
.stores_list .span4 .intro{ font-size:12px;}
.stores_list p{ font-size:12px; margin:0 0 5px 0;}
.stores_list.btn.btn-blue p{ font-size:12px;}
.stores_list .span4{ min-height:140px; width:100%;}
.filter .span4{ width:280px; float:left;}
.filter .btn.btn-blue{ float:right; margin-top:-29px; }
#store_search_term{ margin-right:10px;}
.filter select{ width:203px; }
#store_search_term{ width:188px;}
.left_cookie {width: 80%;}
.inner_cookies {width: 100%}
.right_cookie {width: auto; padding-left: 20px;}
.right_cookie a {margin-top: 0}
}
@media (max-width: 767px) {
#cookieNotice {position: static; padding: 5px; margin: 0 -20px; width: auto;}
#cookieNotice h2 {display: none;}
#cookieNotice .inner_cookies {width: 100%;}
#cookieNotice .left_cookie {padding: 0; margin: 0; width: 100%; font-size: 11px;}
#cookieNotice .left_cookie p {margin-bottom: 5px; font-size: 11px;}
#cookieNotice .right_cookie a {font-size: 11px; margin: 0; padding: 5px; height: auto; line-height: 1}
#mobile_stores a.visible-phone {
background: #fff;
border: 1px solid #ccc;
padding: 10px;
font-size: 16px;
font-weight: 700;
}
#mobile_stores .collapse {
padding: 0;
height: 0;
border: none;
background: none;
min-height: inherit;
}
#mobile_stores .collapse #logos {
border: none;
}
#mobile_stores .collapse.in{
background: #fff;
border: 1px solid #d2d2d2;
margin-top: -1px;
display: block;
margin: 0 0 19px;
width: 100%;
}
#mobile_stores .collapse.in #logos {
border-right:1px solid #d2d2d2
}
#mobile_stores .collapse.in .intro {
padding-top: 20px;
}
#center {
height: auto;
}
.collapse.span4 {
width: 100%;
}
#mobile_stores.accordion p a.btn.btn-blue {
font-size: 12px;
padding: 4px 6px;
}
.tab-content iframe {width: 100%!important}
#yunero {width: 100%!important}
#yuneroFeeds div {max-width: 100%!important}
.tab-content #tw.tab-pane.active iframe#twitter-widget-0.twitter-timeline.twitter-timeline-rendered {width: 100%!important;}
.tab-content #pi > span > span {width: 100%!important;}
.clear {display: none;}
.date {
display: block;
margin-top: 35px;
}
.control-group.error input[type="checkbox"], .control-group input[type="checkbox"] {width: auto;margin-top: 0}
.mobile_right {float: right; }
.mobile_left {float: left;}
}
/* #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px *//*
@media only screen and (max-width: 490px) {
.bg_santa {background: url("../images/bg_santa_mobile.png") no-repeat scroll center top rgba(0, 0, 0, 0);
display: block;
margin: 0 -20px;
padding: 100px 20px 0;
width: 100%;}
}
*/
@media only screen and (max-width: 480px) {
.events_home .hours .left {font-size:11px}
.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append{ margin-top:10px; width:68%;}
#searchbut{width:30%; margin-top:10px;}
.carousel-caption{ position: absolute;}
.carousel-caption .title{ font-size:16px;}
.top span{ margin:13px 1px -5px;}
a#branding span{left:40px; font-size:10px;}
.small_banner .span2{ width:49%; float:left;}
.small_banner .span2 span.hover{padding-top:35%;}
.events_home{ margin-bottom:20px;}
.events_home .last .box_blue{font-size:10px;}
.stores_list .span4 img, .store_det{ max-width:76px;}
.media img{ width:100%;}
.filter select{ width:100%;}
footer { padding:15px 0;}
footer h4{ margin-top:20px; margin-bottom:5px;}
footer .span3.last{ padding-left: 6px; padding-top:20px;}
footer img {margin: 0}
.box_left.map{ display:none;}
.box_left.hours{ display:none;}
.box_left.banner{ display:none;}
.filter .span4{ width:278px;}
#store_search_term{ width:69%; margin-top:10px;}
.btn.btn-blue{ margin-top:0;}
.thumbnails .span4{ width:285px;}
#contact_first_name{ width:100%;}
#logos{ width:136px; height:136px; }
#center img{max-width:95px; max-height:95px;}
.stores_list .span4 .intro{ font-size:12px;}
.stores_list p{ font-size:12px; margin:0 0 10px 0;}
.stores_list.btn.btn-blue p{ font-size:12px;}
.right_cookie a{ float:left; margin-top:0; margin-left:20px;}
.left_cookie{ float:none; width:276px;}
.left_cookie p{ font-size:12px;}
.left_cookie h2{ margin-bottom:5px;}
.tab-content iframe {width: 100%!important}
#yunero {max-width: 100%}
.tab-content #tw.tab-pane.active iframe#twitter-widget-0.twitter-timeline.twitter-timeline-rendered {width: 100%!important;}
.date {
display: block;
margin-top: 35px;
}
nav.primary ul li a {
font-size: 14px;
height: 30px;
line-height: 30px;
}
.box_sp_offer span a i {
font-size: 13px;
line-height: 13px;
}
#logos {
width: 110px;
height: 110px;
}
}
/* #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media (min-width: 960px) {
#logos {
border-top: none;
border-left: none;
border-right: none;
border-bottom: solid 1px #d2d2d2;
margin: 0 auto 10px;
width: 100%;
}
.stores_list .span4 {
min-height: 335px;
padding-bottom: 0;
}
.stores_list .span4 > p:last-child {
margin: 0 -5px !important;
display: block;
overflow: hidden;
}
.stores_list .span4 > p:nth-child(2n) {
height: 20px;
line-height: 16px;
color: #414040;
}
.stores_list .span4 .intro {
/* min-height: 40px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;*/
display: block !important;
margin: 6px 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
/*line-height: 40px;*/ /* fallback */
height: 33px; /* fallback */
line-height: 16px;
-webkit-line-clamp: 2; /* number of lines to show */
-webkit-box-orient: vertical;
}
.stores_list .span4 > p:last-child a {
width: 100%;
padding: 0;
text-align: center;
height: 47px;
line-height: 47px;
}
}
@media only screen and (max-width: 380px) {
nav.primary ul li a {
font-size: 11px;
line-height: 30px;
white-space: nowrap;
}
.isotope-item {
width: 100%;
}
}