/* 
Theme Name: sdcstores
Author: SMSC Marketing
Author URI: http://smscmarketing.org/
Description: A theme for Shakopee Dakota Convenience Stores Wordpress Website.
Version: 1.0.0
Text Domain: sdcstores
*/

/*********/
/* RESET */
/*********/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	overflow-x: hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

input:focus {
    outline: -webkit-focus-ring-color auto 0px;
}


/***************/
/* Transitions */
/***************/

.transition75  {
-moz-transition: all 75ms ease;  /* FF4+ */
-o-transition: all 75ms ease;  /* Opera 10.5+ */
-webkit-transition: all 75ms ease;  /* Saf3.2+, Chrome */
-ms-transition: all 75ms ease;  /* IE10 */
transition: all 75ms ease; 
}

.transition100 {
-moz-transition: all 100ms ease;  /* FF4+ */
-o-transition: all 100ms ease;  /* Opera 10.5+ */
-webkit-transition: all 100ms ease;  /* Saf3.2+, Chrome */
-ms-transition: all 100ms ease;  /* IE10 */
transition: all 100ms ease; 
}

.transition250 {
-moz-transition: all 250ms ease;  /* FF4+ */
-o-transition: all 250ms ease;  /* Opera 10.5+ */
-webkit-transition: all 250ms ease;  /* Saf3.2+, Chrome */
-ms-transition: all 250ms ease;  /* IE10 */
transition: all 250ms ease; 
}

.transition500 {
-moz-transition: all 500ms ease;  /* FF4+ */
-o-transition: all 500ms ease;  /* Opera 10.5+ */
-webkit-transition: all 500ms ease;  /* Saf3.2+, Chrome */
-ms-transition: all 500ms ease;  /* IE10 */
transition: all 500ms ease; 
}

.transition750 {
-moz-transition: all 750ms ease;  /* FF4+ */
-o-transition: all 750ms ease;  /* Opera 10.5+ */
-webkit-transition: all 750ms ease;  /* Saf3.2+, Chrome */
-ms-transition: all 750ms ease;  /* IE10 */
transition: all 750ms ease; 
}

.transition1000 {
-moz-transition: all 1000ms ease;  /* FF4+ */
-o-transition: all 1000ms ease;  /* Opera 10.5+ */
-webkit-transition: all 1000ms ease;  /* Saf3.2+, Chrome */
-ms-transition: all 1000ms ease;  /* IE10 */
transition: all 1000ms ease; 
}
.transition1500 {
-moz-transition: all 1500ms ease;  /* FF4+ */
-o-transition: all 1500ms ease;  /* Opera 10.5+ */
-webkit-transition: all 1500ms ease;  /* Saf3.2+, Chrome */
-ms-transition: all 1500ms ease;  /* IE10 */
transition: all 1500ms ease; 
}

.no-transition {
-moz-transition: all 0ms ease;  /* FF4+ */
-o-transition: all 0ms ease;  /* Opera 10.5+ */
-webkit-transition: all 0ms ease;  /* Saf3.2+, Chrome */
-ms-transition: all 0ms ease;  /* IE10 */
transition: all 0ms ease; 
}

.delay250 {
-webkit-transition-delay: 250ms;
-moz-transition-delay: 250ms;
-o-transition-delay: 250ms;
transition-delay: 250ms;	
}

.delay500 {
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;	
}
.delay750 {
-webkit-transition-delay: 750ms;
-moz-transition-delay: 750ms;
-o-transition-delay: 750ms;
transition-delay: 750ms;	
}
.delay1000 {
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;	
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:  border-box;
}


/*************/
/*** OOCSS ***/
/*************/

/* Widths */

.full-width { width:100%; }
.half-width { width:50%; }
.one-qtr-width { width:25%; }
.three-qtr-width { width:75%; }
.one-third-width { width:33.33333%; }
.two-third-width { width:66.66666%; }
.one-fifth-width { width:20%; }
.two-fifth-width { width:40%; }
.three-fifth-width { width:60%; }
.four-fifth-width { width:80%; }
/* END Widths */

.full-height { height: 100%; }

/* Contain width */
.contain-width-medium { max-width:1000px; margin:0 auto; }
.contain-width-medium p { margin-bottom:0px; }
.contain-width-small { max-width:800px; margin:0 auto; }


/* Margins Padding Borders */
.padding-sml { padding:5px; }
.padding-med { padding:10px; }
.padding-lrg { padding:20px; }
.padding-xlrg { padding: 40px; }
.padding-top-lrg { padding-top: 20px; }
.padding-top-xlrg { padding-top: 40px; }
.padding-bottom-lrg { padding-bottom: 20px; }
.padding-left-med { padding-left: 10px; }
.padding-left-lrg { padding-left: 20px; }
.padding-left-xlrg { padding-left: 40px; }
.padding-right-med { padding-right: 10px; }
.padding-right-lrg { padding-right: 20px; }
.padding-right-xlrg { padding-right: 40px; }
.padding-horizontal-med { padding-left: 10px; padding-right: 10px; }
.padding-horizontal-lrg { padding-left: 20px; padding-right: 20px; }
.padding-horizontal-xlrg { padding-left: 40px; padding-right: 40px; }
.padding-vertical-med { padding-top: 10px; padding-bottom: 10px; }
.padding-vertical-lrg { padding-top: 20px; padding-bottom: 20px; }
.no-padding { padding:0; }
.margin-sml { margin:5px; }
.margin-med { margin:10px; }
.margin-lrg { margin:20px; }
.margin-bottom-sml { margin-bottom:5px; }
.margin-bottom-med { margin-bottom:10px; }
.margin-bottom-lrg { margin-bottom:20px; }
.margin-bottom-xlrg { margin-bottom:40px; }
.margin-horizontal-sml { margin-left:5px; margin-right:5px; }
.margin-horizontal-med { margin-left:10px; margin-right:10px; }
.margin-horizontal-lrg { margin-left:20px; margin-right:20px; }
.margin-horizontal-xlrg { margin-left:40px; margin-right:40px; }
.margin-vert-sml { margin-top:5px; margin-bottom:5px; }
.margin-vert-med { margin-top:10px; margin-bottom:10px; }
.margin-vert-lrg { margin-top:20px; margin-bottom:20px; }
.margin-vert-xlrg { margin-top:40px; margin-bottom:40px; }
.margin-center { margin:0 auto; }
.no-margin { margin:0 !important; }
.border-top-thick { border-top-style: solid; border-top-width: 10px; }
.border-top { border-top-style: solid; border-top-width: 5px; }
.border-bottom-thin { border-bottom-style: solid; border-bottom-width: 1px; }
.border-bottom-thick { border-bottom-style: solid; border-bottom-width: 10px; }
.border-right-thin { border-right-style: solid; border-right-width: 1px; }
.border-left-thin { border-left-style: solid; border-left-width: 1px; }
.border-left-thick { border-left-style: solid; border-left-width: 10px; }
.border-thin { border-style: solid; border-width: 1px; }
.border-thick { border-style: solid; border-width: 10px; }
.round-corners { border-radius: 10px; }

/* Positioning */
.relative { position:relative; }
.absolute { position:absolute; }
.fixed { position:fixed; }
.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

/* ~ Flex Positioning ~ */
.flex-row { flex-direction: row; }
.flex-wrap { flex-wrap: wrap; }
.flex-top { align-items: flex-start; }
.flex-justify-center { justify-content: center; }
.flex-justify-right { justify-content: flex-end; }
.flex-justify-space { justify-content: space-between; }
.flex-align-stretch { align-items: stretch; }
.flex-align-center { align-items: center; }
.flex-align-bottom { align-items: flex-end; }
.flex-self-top { align-self: flex-start; }
.flex-self-center { align-self: center; }
.flex-self-bottom { align-self: flex-end; }
.flex-grow { flex-grow: 1; }

/* Background Properties */
.bg-cover { background-size: cover; }
.bg-contain { background-size: contain; }
.bg-left-top { background-position: left top; }
.bg-center-top { background-position: center top; }
.bg-right-top { background-position: right top; }
.bg-left-center { background-position: left center; }
.bg-center-center { background-position: center center; }
.bg-right-center { background-position: right center; }
.bg-left-bottom { background-position: left bottom; }
.bg-center-bottom { background-position: center bottom; }
.bg-right-bottom { background-position: right bottom; }

/* Display Properties */
.alignleft { float: left; margin-right: 20px; }
.align-center { margin: auto auto; }
.display-block { display: block; }
.display-flex { display: flex; }
.display-inline { display: inline; }
.display-inline-block { display: inline-block; }
.display-table { display:table; table-layout: fixed; }
.display-table-cell { display:table-cell; }
.inherit-height { height:inherit; }
.inherit-width { width:inherit; }
.vertical-top { height: inherit; display: table-cell; vertical-align: top; } 
.vertical-middle { height: inherit; display: table-cell; vertical-align: middle; }
.vertical-bottom { height: inherit; display: table-cell; vertical-align: bottom; }
.overflow-hidden { overflow:hidden; }
.rotate-90 { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); }
.hide { display:none; }
.show { display:block; }
.mobile-show, .tablet-show { display: none; }
.no-list-style { list-style-type:none; list-style:none; margin: 0; padding: 0; }
.no-break { white-space: nowrap; }
.mobile-break { display: none; }

@media only screen and (max-width: 480px) {
	.rotate-90 { -ms-transform: inherit; /* IE 9 */ -webkit-transform: inherit; /* Chrome, Safari, Opera */ transform: inherit; }
}

/* Font Attributes */
.uppercase { text-transform:uppercase; }
.lowercase { text-transform:none; }
.text-right { text-align:right; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.underline { text-decoration:underline; }
.no-underline { text-decoration:none; }
.italic { font-style:italic; }
.font-light { font-weight:300; }
.font-normal { font-weight:400; }
.font-bold { font-weight:700; }
.font-xsml { font-size: 12px; line-height: 1.3; }
.font-sml { font-size: 15px; line-height: 1.5; }
.font-med { font-size: 20px; line-height: 1.5; }
.font-lrg { font-size: 30px; line-height: 1.3; }
.font-xlrg { font-size: 60px; line-height: 1; }
.no-wrap { white-space: nowrap; }

/* css columns --- do not work >= IE8 */
.columns-1 { columns: 1; -webkit-columns: 1; -moz-columns: 1; }
.columns-2 { columns: 2; -webkit-columns: 2; -moz-columns: 2; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; }
.columns-3 { columns: 3; -webkit-columns: 3; -moz-columns: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; }
.columns-4 { columns: 4; -webkit-columns: 4; -moz-columns: 4; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }
.columns-5 { columns: 5; -webkit-columns: 5; -moz-columns: 5; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; }

/* misc */
.pointer { cursor:pointer; } /* finger pointer on hover */
.help { cursor:help; } /* question mark on hover */
ul.horizontal { list-style: none; margin: 0px; }
ul.horizontal li { float:left; }

/* OOCSS Media Queries */
@media only screen and (max-width:1000px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.padding-xlrg { padding: 20px; }
	.font-med { font-size: 18px; }
	.font-lrg { font-size: 35px; }
	.font-xlrg { font-size: 40px; }
	.flex-mobile-nowrap { flex-wrap: nowrap; }
	.mobile-break { display: initial; }

    .lrg-tablet-show, .lrg-tablet-block { display: block; }
    .lrg-tablet-hide { display: none; }
    .lrg-tablet-full { width: 100%; display: block; }
    .lrg-tablet-half { width: 50%; }
}
@media only screen and (max-width: 768px) {
	.tablet-padding-sml { padding:5px; }
	.tablet-padding-med { padding:10px; }
	.tablet-padding-lrg { padding:20px; }
	.bg-mobile-hide { background-image: none !important; }
	.tablet-show, .tablet-block { display:block; }
	.tablet-hide { display: none; }
	.tablet-full { width: 100%; display:block; }
	.tablet-half { width: 50%; }
	.tablet-hide-border { border: 0px !important; }
	.tablet-text-center { text-align: center; }
	.tablet-relative { position: relative; }
	.tablet-margin-bottom-med { margin-bottom: 10px; }
	.contain-width { padding-left: 0; padding-right: 0; }
	.padding-horizontal-xlrg { padding-left: 20px; padding-right: 20px; }
	.tablet-full.padding-horizontal-xlrg { padding-left: 0px; padding-right: 0px; }
	.tablet-no-margin { margin: 0 !important; }
	.tablet-no-padding { padding: 0 !important; }
}
@media only screen and (max-width: 640px) {
	.mobile-padding-sml { padding:5px; }
	.mobile-padding-med { padding:10px; }
	.mobile-padding-lrg { padding:20px; }
	.font-med { font-size: 17px; }
	.font-lrg { font-size: 20px; }
	.font-xlrg { font-size: 34px; }
	.mobile-hide { display: none !important; }
	.mobile-show { display:block; }
	.mobile-full { width: 100%; display:block; }
	.mobile-half { width: 50%; display:block; }
	.mobile-text-center { text-align: center; }
	.flex-mobile-full { width: 100%; }
	.mobile-no-margin { margin: 0 !important; }
	.mobile-no-padding { padding: 0 !important; }
}
@media only screen and (max-width: 480px) {

}
@media only screen and (max-width: 330px) {

}

/*************************/
/* TinyMCE Custom Styles */
/*************************/

/* Note: These styles should also be put in the css/editor-style.css so you can see in WYSIWYG */
.span-example { background-color:blue; color:#fff; padding:10px; border:2px solid black; cursor:pointer; text-decoration:none; display: inline-block; overflow:hidden; }
.link-example { background-color:red; color:#fff; padding:10px; border:2px solid black; cursor:pointer; text-decoration:none; display: inline-block; overflow:hidden; }
.link-example:hover { background-color:#9C2E2E; }



/*****************/
/* Media Queries */
/*****************/

@media only screen and (max-width:1000px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}
@media only screen and (max-width: 768px) {

}
@media only screen and (max-width: 640px) {

}
@media only screen and (max-width: 480px) {

}
@media only screen and (max-width: 330px) {

}

/********************/
/* Template Builder */
/********************/

.page-template-template-builder .site-content { padding-top:0px; }
.template-builder-part { margin: 40px 0px; padding: 0 20px; overflow: hidden; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing: border-box;}
.template-builder-part.gallery-slider { margin: 0px; padding: 0px; }
.template-builder p { margin-top:0px; margin-bottom: 10px; line-height: 1.4; }
.col-wysiwyg { padding:0 20px; }
.col-inner { padding:20px; } 
.full-width-wysiwyg img, img.size-full { max-width:100%; height: inherit; }

/* Template Builder: gallery_slider.php */
.gallery-slider .slider { display:none; }
.gallery-slider .slider.slick-initialized { display:block; }
.gallery-caption { position:absolute; bottom:-200px;  width:100%; padding:10px; opacity:0; font-size:12px; }
.caption-inner { background: #fff; padding:10px; }
.gallery-image:hover .gallery-caption { bottom:10px; opacity:1; }
.gallery-slider .slick-slide img { width: 100%; padding: 20px 10px; }

/* Template Builder: two_column_wysiwyg.php */
.match-height .col-wysiwyg { height: 100%; }
.match-height .col-inner { height: 100%; display: inline-table; }

/* Template Builder: accordion.php */
.accordion-item { margin-bottom:10px; }
.accordion-title { padding:20px 80px 20px 40px; position:relative; font-size: 20px; }
.accordion-content { padding: 40px; display:none; }
.accordion-title::after { content: ''; position: absolute; right: 40px; top: 35%; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #e8e8e8; clear: both; }
.accordion-title.active::after { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } 
.accordion-item table td { vertical-align:top; }

@media only screen and (max-width: 768px) {
	.template-builder { padding-top:20px; }
	.template-builder-part { margin:10px 0px;padding:0px; }
	.col-wysiwyg { display:block; padding:10px 0; }
	.gallery-slider { margin:0px; }
	.match-height .col-wysiwyg { display:table; }
	.accordion-item table td { display:block; }
	.full-width-wysiwyg img, img.size-full { margin-bottom: 20px; }
}

@media only screen and (max-width: 480px) {
	.col-inner { padding: 10px; }
	.template-builder p { font-size:14px; }
	.gallery-slider .slider.slick-slider { padding: 0 5px; }
	.gallery-slider .slick-slide img { padding:10px 5px; }
	.gallery-caption { padding:5px; }
	.gallery-image:hover .gallery-caption { bottom: 5px; }
	.accordion-title { font-size:16px; padding: 20px 60px 20px 20px; }
	.accordion-title::after { right:20px; }
	.accordion-content { padding: 20px; font-size:12px; }
}

/********************/
/* Theme Specific Styles --- SDCSTORES.COM */
/********************/

/* ==== GENERAL ==== */
body { font-family: Roboto; font-weight: 400; font-size: 18px; color: #555; line-height: 1.5; }
html, body { height: 100%; }
#page { min-height: 100%; }
h1, h2, p { margin-bottom:20px; }
h1, h2, h3, h4, h5, h6, .font-montserrat {  font-family: montserrat; }
h1, h2, h3 { line-height:1.5; }
h4, h5, h6 {  line-height:1.2; }
h1 { font-size:40px; }
h2 { font-size:35px; }
h3 { font-size:28px; }
h4 { font-size:22px; }
h5 { font-size:16px; }
h6 { font-size:10px; }
a { text-decoration: none; }
p { margin-bottom:30px; line-height: 1.6; }
strong, b { font-weight: 700; }
sub { font-size: .8em; }
img { vertical-align: bottom; }
#page { background-attachment: initial; background-position: left top; }
#main { padding-top: 20px; padding-bottom: 20px; }
.row { margin-bottom: 20px; }
.section-title { border-bottom: solid 2px; padding: 10px; }

@media only screen and (max-width:1000px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#main { padding-left: 20px; padding-right: 20px; }
	h2 { margin-bottom:0; }
}
@media only screen and (max-width: 480px) {
	h1 { font-size: 34px; }
	h2 { font-size: 25px; }
	h3 { font-size: 20px; }
}

.contain-width, .entry-footer { width:100%; max-width:1300px; margin:0 auto; } /* content-width = global max width of content area */
.contain-break > .contain-width { max-width: 100%; }

/* ==== COLORS ==== */
a { color: rgba(28,151,212,1); }
a:hover { color: rgba(28,151,212,.5);
-moz-transition: all 250ms ease;  /* FF4+ */
-o-transition: all 250ms ease;  /* Opera 10.5+ */
-webkit-transition: all 250ms ease;  /* Saf3.2+, Chrome */
-ms-transition: all 250ms ease;  /* IE10 */
transition: all 250ms ease;  }
hr { border-top: none; border-bottom: 3px solid #ccc; margin: 30px 0; }
.light-blue-bg { background-color: #c5dce7; }
.blue-bg { background-color: #1c97d4; }
.blue-color, h1, h3 { color: #1c97d4; }
.dark-blue-bg { background-color: #244b7d; }
.dark-blue-color, h2 { color: #244b7d; }
.black-bg { background-color: #000; }
.black-color, .black-color a { color: #000; }
.light-gray-bg { background-color: #eee; }
.light-gray-color { color: #eee; }
.dark-gray-color { color: #333; }
.dark-gray-bg { background-color: #6c6c6c; }
.gray-color { color: #a6a6a6; }
.gray-bg { background-color: #a6a6a6; }
.green-bg { background-color: #8dc225; }
.light-green-bg { background-color: #fffed1; }
.maroon-bg { background-color: #7e2816; }
.dark-pink-bg { background-color: #d7015b; }
.light-red-bg { background-color: #ef4233; }
.light-red-color { color: #ef4233; }
.red-bg { background-color: #dd0202; }
.red-color { color: #dd0202; }
.dark-red-bg { background-color: #831700; }
.dark-red-color { color: #831700; }
.white-bg { background-color: #fff; }
.white-color, .white-color a, .tile-entry .white-color h2, .tile-entry .white-color h3 { color: rgba(255,255,255,1); }
.white-color a:hover { color: rgba(255,255,255,.5); }
.orange-bg { background-color: #ffb400; }
.orange-color { color: #ffb400; }
.yellow-bg { background-color: #ffe000; }
.yellow-color { color: #ffe000; }

.light-gray-gradient-bg { background: #f5f5f5;
	background: linear-gradient(#eeeeee 0%, #fdfdfd 75%);
	background: -webkit-linear-gradient(#eeeeee 0%, #fdfdfd 75%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#eeeeee 0%, #fdfdfd 75%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#eeeeee 0%, #fdfdfd 75%); /* For Firefox 3.6 to 15 */ 
}

[class*="border-"] { border-color: #eee; }
.border-white { border-color: #fff; }
.border-gray { border-color: #a6a6a6; }
.border-light-blue { border-color: #b9def9; }
.border-dark-blue { border-color: #244b7d; }
.border-blue { border-color: #1c97d4; }
.border-red { border-color: #dd0202; }

/* button */
.button { font-family: montserrat; display: inline-block; padding: 15px 25px; margin-bottom: 20px; background-color: #1c97d4;  font-size: 16px; overflow: hidden; position: relative; text-align: center; text-transform: uppercase; color: #fff; }

.button, .button:before, .button span { 
display: inline-block;
-moz-transition: all 250ms ease;  /* FF4+ */
-o-transition: all 250ms ease;  /* Opera 10.5+ */
-webkit-transition: all 250ms ease;  /* Saf3.2+, Chrome */
-ms-transition: all 250ms ease;  /* IE10 */
transition: all 250ms ease; 
}
.button:active { padding: 10px 0; }
.button:hover span, .button:focus span { 
-webkit-transform: translateX(200%);
-moz-transform: translateX(200%);
-ms-transform: translateX(200%);
transform: translateX(200%);
}
.button:before { left: -100%; content: ">>>"; position: absolute; width: 100%; height: 100%; }
.button:hover:before, .white-color .button:hover:before { left: 0; color: #fff; }
.button:focus:before { left: 100%; -webkit-transition-delay: 250ms; /* Safari */ transition-delay: 250ms; }
input.button:hover { cursor: pointer; background-color: #00aaff;  }

/* ==== HEADER ==== */
#masthead { z-index: 100; background-image: url(/wp-content/themes/sdcstores/images/slider-bg.svg); background-size: cover; background-position: center center; background-repeat: no-repeat; font-family: roboto; }
.home #masthead { padding-bottom: 0; }
#site-branding { margin-bottom: 0; left: 0; z-index: 100; }
#site-branding:before { content: ""; display: inline-block; width: 80px; margin-right: -55px; position: relative; z-index: 0; background: #eee; transform: skewX(25deg); -moz-transform: skewX(25deg); -webkit-transform: skewX(25deg); -o-transform: skewX(25deg);  }
#site-branding:after { content: ""; display: inline-block; width: 80px; margin-left: -55px; position: relative; z-index: 0; background: #eee; transform: skewX(-25deg); -moz-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); -o-transform: skewX(-25deg);  }
#site-branding span { width: 100px; }
#site-branding img { width: 100%; height: inherit; vertical-align: top; position: relative; z-index: 1; }
#site-navigation { padding-top: 20px; padding-bottom: 20px;  }
.menu-primary-menu-container { display: flex; width: 100%; font-size: 1.2em; }
#primary-menu a { padding: 5px 40px 5px 20px; background-image: url(/wp-content/themes/sdcstores/images/primary-nav-item-bar.svg); background-position: right center; background-repeat: no-repeat; color: rgba(60,95,140,1);
-moz-transition: all 250ms ease;  /* FF4+ */
-o-transition: all 250ms ease;  /* Opera 10.5+ */
-webkit-transition: all 250ms ease;  /* Saf3.2+, Chrome */
-ms-transition: all 250ms ease;  /* IE10 */
transition: all 250ms ease; }
#primary-menu li:last-child a { background-image: none; padding-right: 0; }
#primary-menu .current-menu-item a { color: rgba(28,151,212,1); }
#primary-menu a:hover { color: rgba(60,95,140,.5); }
#site-navigation-toggle { padding: 5px; }
#site-navigation-toggle .toggle-button div { width: 25px; margin: 5px; height: 4px; }

/* ~ header shrink ~ */
#masthead.shrink, #masthead.active { padding-bottom: 5px; }
.shrink #site-branding:before { width: 70px; margin-right: -45px; }
.shrink #site-branding:after { width: 70px; margin-left: -45px; }
.shrink .menu-primary-menu-container { font-size: 15px;  }
.shrink #site-branding span { width: 60px; padding: 10px; }
.shrink #site-navigation { padding-top: 10px; padding-bottom: 10px; }

@media only screen and (max-width:1000px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}
@media only screen and (max-width:768px) {
	#site-navigation { font-size: 13px; }
	.menu-primary-menu-container { font-size: 1em; }
	#primary-menu a { padding: 5px 20px 5px 5px; }
	.shrink #site-navigation { padding-top: 0; padding-bottom: 0; }
	
	#site-branding-container { width: 100%; }
	#site-branding span { width: 70px; padding: 10px; }
	#masthead.active #site-navigation-toggle { margin-bottom: 5px; }
	#site-navigation { padding: 0; max-height: 0; font-size: 20px; }
	#site-navigation.active { max-height: 500px; }
	.menu-primary-menu-container { padding: 10px; }
	#primary-menu { display: block; }
	#primary-menu li { padding: 5px; }
	#primary-menu a, #primary-menu li:last-child a { padding: 0; background-image: none; }
}
@media only screen and (max-width:640px) {

}
@media only screen and (max-width:480px) {
	#site-branding:before { width: 70px; margin-right: -45px; }
	#site-branding:after { width: 70px; margin-left: -45px; }
	#site-branding span { width: 60px; padding: 10px; }
	#site-branding-container { max-height: 100px; justify-content: center; }	
}

/* ~ navigation-toggle animation ~ */
.toggle-button div { -webkit-animation-duration:500ms; animation-duration: 500ms; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

/* _top */
.toggle-button.active .top { -webkit-animation-name: toggle-top; animation-name: toggle-top; }
.toggle-button.animation-reverse .top { -webkit-animation-name: toggle-top-reverse; animation-name: toggle-top-reverse; }
@-webkit-keyframes toggle-top { 
	0% 		{ left: 0px; top: 0px; -webkit-transform:rotate(0deg); }
	25% 	{ left: -20px; top: 10px; } 
	50% 	{ transform: rotate(310deg);  } 
	100% 	{ left: 0px; top: 9px; -webkit-transform: rotate(310deg); } 
}
@keyframes toggle-top { 
	0% 		{ left: 0px; top: 0px; transform:rotate(0deg); } 
	25% 	{ left: -20px; top: 10px; }
	75%		{ transform: rotate(310deg); } 
	100% 	{ left: 0px; top: 9px; transform: rotate(310deg); } 
}
@-webkit-keyframes toggle-top-reverse { 
	0% 		{ top: 9px; -webkit-transform: rotate(-230deg); }
	100% 	{ top: 0px; -webkit-transform:rotate(0deg); }
}
@keyframes toggle-top-reverse { 
	0% 		{ top: 9px; transform: rotate(-230deg); }
	100% 	{ top: 0px; transform:rotate(0deg); } 
}

/* _middle */
.toggle-button.active .middle { -webkit-animation-name: toggle-middle; animation-name: toggle-middle; -webkit-animation-delay: 150ms; animation-delay: 150ms; }
.toggle-button.animation-reverse .middle { -webkit-animation-name: toggle-middle-reverse; animation-name: toggle-middle-reverse; }
@-webkit-keyframes toggle-middle { 
	0% 		{ -webkit-transform:rotate(0deg); }
	50% 	{ -webkit-transform: rotate(-230deg); } 
	100% 	{ -webkit-transform: rotate(-310deg); } 
}
@keyframes toggle-middle { 
	0% 		{ transform:rotate(0deg); } 
	50% 	{ transform: rotate(-230deg) } 
	100% 	{ transform: rotate(-310deg); } 
}

@-webkit-keyframes toggle-middle-reverse { 
	0% 		{ -webkit-transform:rotate(-310deg); }
	100% 	{ -webkit-transform: rotate( 0deg); } 
}
@keyframes toggle-middle-reverse { 
	0% 		{ transform:rotate(-310deg); }
	100% 	{ transform: rotate( 0deg); } 
}

/* _bottom */
.toggle-button.active .bottom { -webkit-animation-name: toggle-bottom; animation-name: toggle-bottom; -webkit-animation-delay: 175ms; animation-delay: 175ms;     display: none; }
.toggle-button.animation-reverse .bottom { -webkit-animation-name: toggle-bottom-reverse; animation-name: toggle-bottom-reverse; }
@-webkit-keyframes toggle-bottom { 
	0% 		{ left: 0; }
	50% 	{ left: 50px; }
	100% 	{ left: 50px; }
}
@keyframes toggle-bottom { 
	0% 		{ left: 0; }
	50% 	{ left: 50px; }
	100% 	{ left: 50px; }
}

@-webkit-keyframes toggle-bottom-reverse { 
	0% 		{ left: 50px; }
	25% 	{ left: 0; }
}
@keyframes toggle-bottom-reverse { 
	0% 		{ left: 50px; }
	25% 	{ left: 0; } 
}

/* ==== CONTENT ==== */
#primary { background-color: #fff; }
#content { min-height: 100%; padding-bottom: 200px; overflow: hidden; }
.entry-title {  font-weight: 400; margin: 20px; z-index: 1; background-color: rgba(255,255,255,.8); position: absolute; padding: 10px 30px; }
.page-id-467 .entry-title { position: initial; }

/* _loading transitions */
[class*="scroll-"] {
	-webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
	
	-webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
	
	-webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}
.preload .scroll-left-right { margin-left: -40px; margin-right: 40px; opacity: 0; }
.preload .scroll-right-left  { margin-left: 40px; margin-right: -40px; opacity: 0; }
.preload .scroll-bottom-top { margin-bottom: -40px; margin-top: 40px; opacity: 0; }
.preload .scroll-top-bottom { margin-bottom: 40px; margin-top: -40px; opacity: 0; }

/* _tiles */
#tiles, .tile-image, .tile-image-left , .tile-image-right { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; }
.tile-entry .dim-image { background-color: rgba(0,40,30,.3); }
.tile-entry .light-image { background-color: rgba(255,255,255,.3); }
.tile-bg-image { background-repeat: no-repeat; }
.tile-image-left { padding-right: 10px; }
.tile-image-right { padding-left: 10px; }
.tile-heading { text-transform: uppercase; margin-bottom: 10px; }
.tile-content .call-to-action { font-family: montserrat; line-height: 1.25; }
.white-color .tile-heading { color: #fff; }
.tile-entry { position: relative; }
.tile-content.text-center img { margin: 0 auto; }
.tile-content.text-right img { margin: 0 0 0 auto; }
.tile-image { padding: 15px; }
.tile-entry a.edit-link { position: absolute; left: 0; bottom: 0; padding: 10px; background-color: rgba(100,100,100,.3); }
.tile-entry a.edit-link { color: rgba(255,255,255,.8); }
.tile-entry a.edit-link:hover { color: rgba(255,255,255,1); background-color: rgba(100,100,100,.8); }
.tile-height-normal { min-height: 250px; }
.tile-height-donuts { min-height: 420px; }
.tile-bg-image.transition { background-size: auto 105%; }
.tile-bg-image.preload { background-position: top !important; }

@media only screen and (max-width: 768px) {
	.page-id-463 .entry-title, .page-id-458 .entry-title, .page-id-227 .entry-title, .page-id-470 .entry-title, .page-id-1471 .entry-title { position: relative; }
	.tile-content { text-align: center; }
	.tile-entry.white-bg .white-color { color: #a6a6a6; font-weight: 700; }
	.tile-entry .bg-mobile-hide, .bg-mobile-hide .tile-inner { min-height: auto; padding: 0; }
	.tile-height-tall { min-height: initial!important; }
	.tile-bg-image.transition { background-size: cover; }
}
@media only screen and (max-width: 480px) {
	.entry-title { position: relative; margin: 0; }
	.tile-entry.padding-lrg, .column-content.padding-lrg, .vip-specials.padding-lrg, .monthly-specials.padding-lrg, .deli-specials.padding-lrg { padding: 10px 0; }
}

/* _tabs */
#tabs-menu .tab-link:hover { background-color: #eee; }
#tabs-menu .tab-link.current { background-color: #eee; }
.tab-content { -webkit-perspective: 1300px; perspective: 1300px; max-height: 0px; opacity: 0; }
.tab-content.current { max-height: 1500px; opacity: 1; }

@media only screen and (max-width:480px) {
	.tabs { text-align: center; }
	.tab-link { font-size: 14px; }
}

@-webkit-keyframes skew { 100% { -webkit-transform: rotatex(90deg); } }
@keyframes skew { 100% { transform: rotatex(90deg); } }

/* ==== PAGE SPECIFIC STYLES ==== */

/* Front Page */ 
.home #catchphrase-1 { margin: -40px; min-height: 300px; }
.home #primary { border-top: none; }
.entry-title.disabled { height: 0; overflow: hidden; margin: 0; padding: 0!important; }
@media only screen and (max-width:1500px) {
	.home #catchphrase-1 { margin: -40px -40px -30px; min-height: 250px; font-size: 28px; }
}
@media only screen and (max-width:1000px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.home #catchphrase-1 { margin: -20px -20px -10px; min-height: 180px; align-items: initial; font-size: 25px; }
}
@media only screen and (max-width:768px) {
	.home #catchphrase-1 { margin: -20px -20px -50px; align-items: initial; font-size: 35px; padding-bottom: 40px; }
}
@media only screen and (max-width:480px) {
	.home #catchphrase-1 { font-size: 28px; padding-bottom: 65px; }
}

/* _slogan slider */
#slogan-slider { background-image: url(/wp-content/themes/sdcstores/images/slider-bg.svg); background-size: cover; background-position: right center; background-repeat: no-repeat; min-height: 200px; }
#slogan .line-1 { font-size: 1.3em; }
#slogan .line-2 { margin: 0; font-size: 2.7em; font-weight: bold; }
#slogan .row-inner { padding: 40px 20px 20px; }
#specials-slider .slide-entry { padding: 10px 0; line-height: 1; }
#specials-slider .special-price { font-size: 50px; margin-bottom: 10px; line-height: 1; }
#specials-slider .slider-inner { padding-bottom: 0px;  }
#specials-slider .slide-content { opacity: 0; }
#specials-slider .item-image { min-height: 180px; z-index: 1; background-size: contain; background-repeat: no-repeat; background-position: center center; left: 50%; opacity: 0;
	-moz-transition: left 1000ms ease, opacity 500ms ease;  /* FF4+ */
	-o-transition: left 1000ms ease, opacity 500ms ease;  /* Opera 10.5+ */
	-webkit-transition: left 1000ms ease, opacity 500ms ease;  /* Saf3.2+, Chrome */
	-ms-transition: left 1000ms ease, opacity 500ms ease;  /* IE10 */
	transition: left 1000ms ease, opacity 500ms ease;
}
#specials-slider .slick-current .slide-content, #specials-slider .slick-cloned.transition .slide-content { opacity: 1; }
#specials-slider .slick-current .item-image, #specials-slider .slick-cloned.transition .item-image { left: 0; opacity: 1; }
#specials-slider .item-name { font-size: 19px; margin-bottom: 8px; }
#specials-slider .item-disclaimers { font-size: 14px; }
@media only screen and (max-width:1000px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#specials-slider .special-price { font-size: 35px; }
	#slogan-slider .slide-content { width: 45%; }
}
@media only screen and (max-width:768px) {
	#slogan-slider { background-image: none; }
	#slogan-slider .slide-content { padding-right: 0; }
	#specials-slider .slider-inner { padding-left: 0; }
	#specials-slider .item-image { background-position: center center; }
}
@media only screen and (max-width:480px) {
	#specials-slider .slide-entry { padding: 15px 0; }
	#slogan-slider .slide-content { padding-right: 0; }
	#specials-slider .special-price { font-size: 30px; white-space: normal; }
	#specials-slider .item-name  { font-size: 14px; }
	#specials-slider .item-disclaimers { font-size: 12px; }
}

/* _specials menu */
.specials-menu .item-image { background-repeat: no-repeat; background-position: center center; background-size: contain;  }
.specials-menu .item-content
.specials-menu .entry-container { margin: -10px; }
.specials-menu .item-image { height: 200px; }
.page-id-1471.specials-menu .item-image { height: 150px; }

@media only screen and (max-width:1000px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.specials-menu .wp-image-1000 { max-width: 100%; }
	.specials-menu .button { margin-bottom: 0; }
	.specials-menu  .item-image { height: 100px; }
	.specials-menu  .item-disclaimers { font-size: 10px; font-weight: 700; }
	.specials-menu .entry-container { padding: 10px; }
	.specials-menu .vip-specials .entry-content { width: 50%; padding: 5px; }
}
/*
#specials-slider .slick-arrow { border: solid 2px #1c97d4; z-index: 100; width: 40px; height: 40px;  border-radius: 50%; bottom: 0; top: auto; }
#specials-slider .slick-prev { left: 0; }
#specials-slider .slick-next { right: 0; }
#specials-slider .slick-prev:before { content: "<"; }
#specials-slider .slick-next:before { content: ">"; }
#specials-slider .slick-prev:before, #specials-slider .slick-next:before { color: #1c97d4; font-weight: 700; }
*/

/* VIP Page .page-id-458 */


/* Specials Page .page-id-1471 */
.page-id-1471 .vip-tile { background-color: #fce66e; }
.page-id-1471 .monthly-specials .entry-container { margin: 0 -10px; }

/* Deli Page .page-id-227 */
.page-id-227 .entree-image { width: 120px; background-size: cover; }
.page-id-227 .entree-name { font-size: 15px; }
.page-id-227 .deli-specials { padding-top: 0; }
.page-id-227 .entree-day h3 { font-size: 20px; font-size: 1.5vw; }
@media only screen and (min-width: 1920px) {
	.page-id-227 .entree-day h3 { font-size: 30px; }
}
@media only screen and (max-width: 768px) {
	.page-id-227 .entree-day h3 { font-size: 20px; }
}
@media only screen and (max-width: 480px) {
	.page-id-227 .entry-content { padding: 10px 0; }
	.page-id-227 .entree-image { width: 90px; }
	.page-id-227 .entree-name { font-size: 14px; }
}
/* About Page */
.nf-form-title { display: none; }
.ninja-forms-field { border: none; padding: 15px; font-size: 16px; }

/* Carwash Page */
.carwash-table tr:nth-child(even) { background-color: #fff; }
.carwash-table td { vertical-align: middle; padding: 10px; font-family: roboto; }
.page-id-470 .carwash-table td img { width: 35px; }
#video-cta { max-height: 1000px; opacity: 1; }
#video-cta.collapse { max-height: 0; opacity: 0; }
#video-cta .fa { font-size: 60px; margin-bottom: 20px;  }
#video-cta.collapse .fa { font-size: 0px; }
#carwash-video #control { width: 100%; height: 100%; top: 0; background-color: rgba(25,151,212,.8); border: solid 3px rgba(255,255,255,1); }
#carwash-video #control.playing { background-color: rgba(25,151,212,0); border: solid 3px rgba(255,255,255,0); }
#carwash-video #play-pause { border-radius: 50%; text-align: center; opacity: 1; }
#carwash-video #play-pause:hover { cursor: pointer; }
#carwash-video #play-pause .fa { font-size: 25px; }
#carwash-video #control.playing #play-pause { opacity: 0; }
#carwash-video #control.playing:hover #play-pause { opacity: 1; }

@media only screen and (max-width: 480px) {
	.page-id-470 #post-1441, .page-id-470 #post-1442 { margin: 10px 0; }
	.page-id-470 .carwash-table td .font-sml { font-size: 10px; }
	.page-id-470 .carwash-table td { font-size: 10px; }
	.page-id-470 .carwash-table td img { width: 20px; }
}

/* FOOTER */
#colophon { margin-top: -210px; min-height: 200px; }
#address-locations { margin-bottom: -30px; z-index: 1; position: relative; font-size: 14px; }
#address-locations:before { content: ""; width: 50px; margin-right: -30px; position: relative; z-index: 0; background: #eee; transform: skewX(-25deg); -moz-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); -o-transform: skewX(-13deg); }
#address-locations:after { content: ""; width: 50px; margin-left: -30px; position: relative; z-index: 0; background: #eee; transform: skewX(25deg); -moz-transform: skewX(25deg); -webkit-transform: skewX(25deg); -o-transform: skewX(13deg); }
#address-inner { z-index: 1; }
#enterprises-navigation { background-color: #244b7d; border-top: 30px #57749d solid; }
.footer-copyright { background-color: #57749d; }
#store1-address, #store2-address { white-space: nowrap; }
#social-media { font-size: 32px; }
#social-media a { color: rgba(36,75,125,1); }
#social-media a:hover { color: rgba(36,75,125,.5); }
#menu-social-footer li { padding: 0 10px; }
.fontawesome-text { display: none; }
.store:after { content: " - "; }
@media only screen and (max-width:1000px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#address-locations { margin-bottom: 0; font-size: 12px }
	#address-inner { width: 90%; }
	#enterprises-navigation { border-top: none;}
}
@media only screen and (max-width:768px) {
	#address-locations { font-size: 10px; }
}
@media only screen and (max-width:640px) {
	#address-locations { text-align: center; }
	#address-inner { width: 100%; }
	#address-locations:before, #address-locations:after { display: none; }
	#store1-address, #store2-address { white-space: initial; border-bottom: solid #ddd 5px; }
}

/* _enterprises navigation */
#enterprises-menu li.menu-item { width: 100px; margin: 0 5px; color: rgba(255,255,255,1); }
#enterprises-menu li.menu-item:hover { width: 110px; margin: 0; }
#enterprises-menu li.menu-item a { display: block; text-indent: -9999px; overflow: hidden; background-position: center center; background-repeat: no-repeat; width: 100%; height: 120px; }
#enterprises-menu .smsc a { background-image: url(/wp-content/themes/sdcstores/images/logo-smsc.svg); background-size: 65%; }
#enterprises-menu .dakotah-sport a { background-image: url(/wp-content/themes/sdcstores/images/logo-dsf.svg); background-size: 85%; }
#enterprises-menu .golf-meadows a { background-image: url(/wp-content/themes/sdcstores/images/logo-meadowsgolf-rev.svg); background-size: 80%; }
#enterprises-menu .wozupi a { background-image: url(/wp-content/themes/sdcstores/images/logo-woz.svg); background-size: 85%; }
#enterprises-menu .mystic-lake a { background-image: url(/wp-content/themes/sdcstores/images/logo-mysticlake.svg); background-size: 90%; }
#enterprises-menu .little-six a { background-image: url(/wp-content/themes/sdcstores/images/logo-littlesix.svg); background-size: 90%; }
#enterprises-menu .mazopiya a { background-image: url(/wp-content/themes/sdcstores/images/logo-maz.svg); background-size: 85%; }
#enterprises-menu .dakotah-meadows a { background-image: url(/wp-content/themes/sdcstores/images/logo-dm.svg); background-size: 50%; }
#enterprises-menu .playworks a { background-image: url(/wp-content/themes/sdcstores/images/logo-pw.svg); background-size: 85%; }
#enterprises-menu .sdcs a { background-image: url(/wp-content/themes/sdcstores/images/logo-sdcs.svg); background-size: 70%; }
#enterprises-menu .public-safety a { background-image: url(/wp-content/themes/sdcstores/images/logo-mps.svg); background-size: 60%; }
#enterprises-menu .playworks-link a { background-image: url(/wp-content/themes/sdcstores/images/logo-pwl.svg); background-size: 85%; }
#enterprises-menu .organics-recycling a { background-image: url(/wp-content/themes/sdcstores/images/logo-orf-2.png); background-size: 70%; }
#enterprises-menu .smsc-water a { background-image: url(/wp-content/themes/sdcstores/images/logo-water-new.png); background-size: 80%; }
@media only screen and (max-width:1500px) {
	#enterprises-menu li.menu-item { width: 80px; }
	#enterprises-menu li.menu-item:hover { width: 90px; }
}
@media only screen and (max-width:1300px) {
	#enterprises-menu li.menu-item { width: 60px; }
	#enterprises-menu li.menu-item:hover { width: 70px; }
}
@media only screen and (max-width:1000px),
only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#enterprises-menu li.menu-item { width: 90px; }
	#enterprises-menu li.menu-item:hover { width: 100px; }
	footer { margin-top: 0; font-size: 80%; min-height: initial; }
	.store:after { content: ""; }
}
@media only screen and (max-width: 640px) {
	#enterprises-menu { padding: 10px; }
	#enterprises-menu li.menu-item { width: 100%; margin: 0; }
	#enterprises-menu li.menu-item:hover { width: 100%; margin: 0; color: rgba(255,255,255,.8);  }
	#enterprises-menu li.menu-item a { text-indent: inherit; background-image: none; height: inherit; padding: 10px; }
}

/* === MISC === */

/* Customer Appreciation 2017 .page-id-2067 */
.font-oswald { font-family: 'Oswald', sans-serif; font-weight: 500; }
.zigzag-1 { background-image: url(/wp-content/themes/sdcstores/images/cust-appreciation/ca-zigzag-1.png); }
.zigzag-2 { background-image: url(/wp-content/themes/sdcstores/images/cust-appreciation/ca-zigzag-2.png); }
[class^="zigzag-"] { background-size: 400px auto; background-repeat: repeat-x; background-position: center;  }
.zigzag-lrg { background-size: 600px auto; padding: 25px; }
.page-id-2067 .slick-track { display: flex; flex-wrap: wrap; align-items: center;  }

.page-id-2067 #cust-appr-slick1 .slick-track .slick-slide { margin-bottom: 20px; }
.page-id-2067 .slick-track .slick-slide span { color: #666; display: block; }
.ca-green-color, .page-id-2067 .items-list div:nth-child(5n+1) { color: #7ac943; }
.ca-cyan-color, .page-id-2067 .items-list div:nth-child(5n+2) { color: #3fa9f5; }
.ca-pink-color, .page-id-2067 .items-list div:nth-child(5n+3) { color: #ed1e79; }
.ca-purple-color, .page-id-2067 .items-list div:nth-child(5n+4) { color: #93278f; }
.ca-orange-color, .page-id-2067 .items-list:nth-child(5n+5) { color: #ff931e; }
@media only screen and (min-width: 1000px) {
	.page-id-2067 #cust-appr-slick1 .slick-track { font-size: 1.25vw; }
	.page-id-2067 #cust-appr-slick2 .slick-track { font-size: 1.75vw; }
	.page-id-2067 .slick-track .slick-slide span { font-size: 1.3vw; }
	.page-id-2067 .zigzag-lrg { background-size: 800px auto; padding: 30px; }
}

/* Customer Survey */ 
.smcx-widget { margin: 0 auto !important; }
.smcx-widget, .smcx-iframe-container { min-height: 800px; }

/* Santa Stocking */
.page-id-2531 #main { background-image: url(/wp-content/uploads/2017/11/santa-stocking-crayons.png);  background-size: 500px; background-position: top; background-repeat: repeat-x; padding-top: 100px; }

/* NEW Deli Menu Page */
ul.deli-product-list { min-height:100px; }

/* Grand Reveal Page */
.page-id-2758 #main { padding-top: 0; }
.page-id-2758 #main article .row:first-child { background-image: url(/wp-content/uploads/2018/01/grand-opening.jpg);  background-size: cover; background-position: top; background-repeat: no-repeat; background-attachment: fixed; }
#post-2748 .tablet-full.half-width { padding: 10px; }
#post-2748 .tablet-full.half-width:first-child img { width: 100%; height: auto; margin: 0; }
#post-2748 .tablet-full.half-width img { width: 100%; height: auto;}
@media only screen and (max-width: 768px) {
	#post-2748 .tablet-full.half-width:first-child { padding-bottom: 0;}
	#post-2748 .tablet-full.half-width:first-child img { padding: 10px 0 0;}
}


/* Holiday Bow */
#masthead .holiday-popup { display: none; }
#masthead.holiday { position:relative; padding-right: 80px; background:none; background-color: #fff; }
#masthead .holiday-bow { display: block; position: absolute; right: 0px; top: 0px; width: 107px; height: 120px; background: url(https://www.mazopiya.com/wp-content/themes/maz/images/bow-200.gif); background-size: 100%; cursor:pointer; background-position: center;  }
#masthead .holiday-bow:hover { background-size: 110%;   }
#masthead .holiday-popup .holiday-bow { background: url(https://www.mazopiya.com/wp-content/themes/maz/images/bow-200.png); background-size: cover;  }

#masthead.holiday #nav-icon { /* right: 70px; */ }
#masthead .holiday-popup button { position: absolute; right: 35px; top: 35px; font-size: 100px; font-weight: bold; line-height: 0; height: 50px; width: 50px;padding: 0; margin: 0; background: none; border: none; display: block; cursor: pointer; }
#masthead .holiday-popup.active { display: block; position: fixed; background: rgba(255, 255, 255, 0.65); padding: 30px; z-index: 1000; height: 100%; width: 100%; }
#masthead .holiday-popup.active .falling-snow { max-width: 900px; margin: 12% auto 0; display: block; -webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2); box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2); }
#masthead .holiday-popup.active .popup-content { z-index: 1000; position: relative; }
#masthead .holiday-popup.active h3 { font-size: 50px; line-height: 1.2; margin-bottom: 20px; font-weight: bold; }
#masthead .holiday-popup.active p { font-size: 28px; text-align:left; }
#masthead .holiday-popup.active .gift-card-img { float:right; padding-left:10px; }

#alert { background-color:#d33647; }

@media only screen and (max-width: 768px) {
	#masthead.holiday { padding-right: 60px; }
	#masthead .holiday-bow { width: 80px; height: 90px; }
	#masthead .holiday-popup button { right: 10px; top: 10px; }
	#masthead .holiday-popup.active h3 { font-size: 30px; }
	#masthead .holiday-popup.active p { font-size: 20px; text-align:center; line-height:1.2; }
	#masthead .holiday-popup.active .gift-card-img { float:none; max-width: 175px; margin:10px auto;  padding-left:10px; padding-right:10px; }
}

.falling-snow { position: relative; display: inline-block; max-width: 100%; }
.falling-snow img { max-width: 100%; height: auto; display: block; }
.falling-snow i:after, .falling-snow i:before { content: ""; }
.falling-snow i:after, .falling-snow i:before, .falling-snow i { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .5; }
.falling-snow i:after { background: url("images/snowballs-lg.png") repeat 0px 0px; animation: falling-down-snow 4s linear infinite; }
.falling-snow i:before { background: url("images/snowballs-md.png") repeat 0px 0px; animation: falling-down-snow 8s linear infinite; }
.falling-snow i { background: url("images/snowballs-sm.png") repeat 0px 0px; animation: falling-down-snow 20s linear infinite; }

@keyframes falling-down-snow {
  from { background-position: 0 0; }
  to { background-position: 0px 280px; }
}

.page-id-5930 .column-content { height: 100%; }

/* Careers page */
.store-listings { background-color: #eee; padding: 0 40px 20px; margin: 40px 0px; }
.store-listings .store-listings__heading { margin-bottom: 40px; }
.listing { display: flex; justify-content: space-between; background-color: #fff; margin: 40px 0px; }
.listing:hover { background-color: rgb(251 251 251); }
.listing__link { min-width: 150px; display: flex; align-items: center; justify-content: center; }
.listing__link > a { padding: 20px; }
.listing__link > a:hover { color: #244b7d; background-color: rgb(255,255,255); border: solid 2px #244b7d; }
.listing p { margin-bottom: 20px; }
.listing__details-container { display: flex; margin: 2px 0px 10px; }
.listing__detail { padding: 2px 10px; margin: 0 5px; border-radius: 100px; border: 1px solid black; }
.listing__detail:nth-of-type(1) { margin-left: 0px; }

@media only screen and (max-width: 768px) {
	#post-6796 { display: none; }
	.store-listings { background-color: #fff; padding: 0px; }
	.store-listings__heading { width: 100%; font-size: 24px; }
	.listing { flex-direction: column; border: 1px solid black; border-radius: 10px; }
	.listing__link { min-width: 150px; justify-content: flex-end; }

}

@media only screen and (max-width: 480px) {
	header > h2 { font-size: 28px; margin-top: -10px; }
	.store-listings .store-listings__heading { font-size: 26px; margin-bottom: 20px; }
	.store-listings { margin: 20px 0px; }
	.listing { margin: 20px 0px; }
	.listing__link > a { width: 100%; text-align: center; }
	.listing__info h3 { font-size: 24px; }
	.listing__details-container { flex-direction: column; align-items: start; }
	.listing__detail { font-size: 14px; margin-top: 6px; margin-left: 0px; }
}