/* LICENSE & DETAILS
   ==================================================

	Theme Name: Dante Child Theme
	Theme URI: http://dante.swiftideas.net
	Description: A Retina Responsive Multi-Purpose WordPress Theme - Designed & Developed by Swift Ideas ( www.swiftideas.net )
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Template: dante
	Version: 1.0
	Author: Swift Ideas
	Author URI: www.swiftideas.net

	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

   ==================================================
*/

.page-heading.page-heading-hidden {
  display: none!important;
}

.wpcf7 textarea {
	  max-height: 130px;
}

#base-promo.footer-promo-arrow > a, #base-promo.footer-promo-text > a {
  font-size: 32px;
}
#base-promo.footer-promo-arrow:hover > *,
#base-promo.footer-promo-text:hover > * {
  color: #ffffff;
  background-color: #5a1c76;
}
#base-promo.footer-promo-arrow > a > i {
  vertical-align: -6px;
}
/* --------------------------------------------
	CHILD THEME CSS
-------------------------------------------- */


#top-bar {
  padding: 5px 0px 0px 0px;
  background: transparent !important;
}
@media only screen and (max-width: 991px) { 
	#top-bar {
  	padding: 5px 0px 0px 0px;
		background: transparent !important;
	}
	div#logo img.light-logo {display: block!important;}
}

@media only screen and (max-width: 767px) { 
	#top-bar {
		display: none!important;
	}
}

.single-post #top-bar,
.page-id-77 #top-bar {
	background: #222222!important;
}


@media only screen and (max-width: 991px) {
	.naked-header #header-section, .naked-header #header-section:before, .naked-header #header .is-sticky .sticky-header, .naked-header .is-sticky #header.sticky-header {
	  background-color: transparent!important;
	  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(transparent))!important;
	  background: -webkit-linear-gradient(top, transparent, transparent);
	  background: -moz-linear-gradient(top, transparent, transparent);
	  background: -ms-linear-gradient(top, transparent, transparent);
	  background: -o-linear-gradient(top, transparent, transparent);
	}
}
.naked-header #top-bar, .naked-header #top-header {
  display: block;
}
.naked-header .header-wrap {
  top: 0;
}
@media only screen and (max-width: 991px) {
	.naked-header .header-wrap {
	  position: absolute!important;
	}
}
.naked-header .is-sticky #header.sticky-header {
  background: #222222!important;
}

#logo a.mobile-menu-show i {
  vertical-align: 0;
  color: #fff;
}

.pgtitle {
  color: #ffffff;
  font-size: 40px;
  letter-spacing: 2px;
  line-height: 30px;
}
h2.service-desc {
  color: white;
  font-size: 18px;
  margin-top: 0px;
  font-family: "source_sans_proregular", Arial, Helvetica, Tahoma, sans-serif;
}
h2.service-desc.visible-xs {
	color: #000;
}
@media (min-width:768px) {
	.services-header {
	  width: 70%;
	}
}

.full-width-text:after {
  display: none;
}
.spb_parallax_asset {
  margin-top: 0;
}

.full-width-text {
  padding-top: 0px;
}

.full-width-text {
  padding-bottom: 50px;
  position: relative;
}
/* ==================================================
	START - Todd Classes
================================================== */

/*********** START -  Blog Category Squares ***********/
@media (min-width:768px) {
	.masonry-items .blog-item {
 	 min-height: 450px; /* this is the hight overide so all posts line up */
	}
}

/* Direct Mail */
.blog-item.category-direct-mail:before {
  position: absolute;
  top: 0;
  left: 15px;
  padding: 6px;
  content: "Direct Mail";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  background-color: #ffc603;
  display: block;
  z-index: 6;
}
article.category-direct-mail figure.media-wrap:before  {
position: absolute;
  top: 0;
  left: 0;
  padding: 6px;
  content: "Direct Mail";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  background-color: #ffc603;
  display: block;
  z-index: 1;
}
/* Sandy Spice */
.blog-item.category-sandy-spice:before  {
  position: absolute;
  top: 0;
  left: 15px;
  padding: 6px;
  
  content: "";
  background-image: url('https://sandyinc.com/wp-content/uploads/2014/02/sandy-spice-logo.png');
  background-size: 60px 36px;
	background-position:10px 10px;
	background-repeat: no-repeat;
	
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  background-color: #000;
  display: block;
  z-index: 6;
}
article.category-sandy-spice figure.media-wrap:before  {
position: absolute;
  top: 0;
  left: 0;
  padding: 6px;
  content: "";
  background-image: url('https://sandyinc.com/wp-content/uploads/2014/02/sandy-spice-logo.png');
  background-size: 60px 36px;
	background-position:10px 10px;
	background-repeat: no-repeat;
	
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  background-color: #000;
  display: block;
  z-index: 1;
}

/* Studio / CG */
.blog-item.category-studio:before,
.blog-item.category-cg:before {
  position: absolute;
  top: 0;
  left: 15px;
  padding: 6px;
  content: "Salt Studios";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  background-color: #ec008c;
  display: block;
  z-index: 6;
}
article.category-studio figure.media-wrap:before,
article.category-cg figure.media-wrap:before {
position: absolute;
  top: 0;
  left: 0;
  padding: 6px;
  content: "Salt Studios";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  background-color: #ec008c;
  display: block;
  z-index: 1;
}

/* direct marketing */
.blog-item.category-direct-marketing:before {
  position: absolute;
  top: 0;
  left: 15px;
  padding: 6px;
  content: "Direct Marketing";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  background-color: #0070db;
  display: block;
  z-index: 6;
}
article.category-direct-marketing figure.media-wrap:before  {
position: absolute;
  top: 0;
  left: 0;
  padding: 6px;
  content: "Direct Marketing";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  background-color: #0070db;
  display: block;
  z-index: 1;
}

/* retail visual merchandising */
.blog-item.category-retail-visual-merchandising:before {
  position: absolute;
  top: 0;
  left: 15px;
  padding: 6px;
  content: "Retail Visual";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  /*background-color: #0070db;*/
  background-color: #5a1c76;
  display: block;
  z-index: 6;
}
article.category-retail-visual-merchandising figure.media-wrap:before  {
  position: absolute;
  top: 0;
  left: 0;
  padding: 6px;
  content: "Retail Visual";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  /*background-color: #0070db;*/
  background-color: #5a1c76;
  display: block;
  z-index: 1;
}

/* print */
.blog-item.category-print:before {
 position: absolute;
  top: 0;
  left: 15px;
  padding: 6px;
  content: "Print";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  background-color: #ae2c2a;
  display: block;
  z-index: 6;
}
article.category-print figure.media-wrap:before  {
position: absolute;
  top: 0;
  left: 0;
  padding: 6px;
  content: "Print";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
   background-color: #ae2c2a;
  display: block;
  z-index: 1;
}

/* In The Press */
.blog-item.category-in-the-press:before {
  position: absolute;
  top: 0;
  left: 15px;
  padding: 6px;
  content: "Press";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  background-color: #007096;
  display: block;
  z-index: 6;
}
article.category-in-the-press figure.media-wrap:before  {
position: absolute;
  top: 0;
  left: 0;
  padding: 6px;
  content: "Press";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  background-color: #007096;
  display: block;
  z-index: 1;
}

/* environment */
.blog-item.category-environment:before {
  position: absolute;
  top: 0;
  left: 15px;
  padding: 6px;
  content: "Green";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  background-color: #00450f;
  display: block;
  z-index: 6;
}
article.category-environment figure.media-wrap:before  {
position: absolute;
  top: 0;
  left: 0;
  padding: 6px;
  content: "Green";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  background-color: #00450f;
  display: block;
  z-index: 1;
}

/* sandy social */
.blog-item.category-sandy-social:before {
  position: absolute;
  top: 0;
  left: 15px;
  padding: 6px;
  content: "Sandy Social";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  background-color: #002f5b;
  display: block;
  z-index: 6;
}
article.category-sandy-social figure.media-wrap:before  {
position: absolute;
  top: 0;
  left: 0;
  padding: 6px;
  content: "Sandy Social";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  background-color: #002f5b;
  display: block;
  z-index: 1;
}

/* General */
.blog-item.category-general:before {
  position: absolute;
  top: 0;
  left: 15px;
  padding: 6px;
  content: "General";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  background-color: #888;
  display: block;
  z-index: 6;
}
article.category-general figure.media-wrap:before  {
position: absolute;
  top: 0;
  left: 0;
  padding: 6px;
  content: "General";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  background-color: #888;
  display: block;
  z-index: 1;
}

/* Sandy Essence */
.blog-item.category-sandy-essence:before {
  position: absolute;
  top: 0;
  left: 15px;
  padding: 6px;
  content: "Essence";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  background-color: #55527f;
  display: block;
  z-index: 6;
}
article.category-sandy-essence figure.media-wrap:before  {
position: absolute;
  top: 0;
  left: 0;
  padding: 6px;
  content: "Essence";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  background-color: #55527f;
  display: block;
  z-index: 1;
}

/* dinetec */
.blog-item.category-dinetec:before {
  position: absolute;
  top: 0;
  left: 15px;
  padding: 6px;
  content: "dinetec";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  /*background-color: #440099;*/
  background-color: #9fa1a6;
  display: block;
  z-index: 6;
}
article.category-dinetec figure.media-wrap:before  {
position: absolute;
  top: 0;
  left: 0;
  padding: 6px;
  content: "dinetec";
  font-size: 13px;
  line-height: 14px;
  font-weight: 600;
  color: #fff;
  max-width: 70px;
  max-height: 70px;
  min-width: 70px;
  min-height: 70px;
  /*background-color: #440099;*/
  background-color: #9fa1a6;
  display: block;
  z-index: 1;
}

/*********** END -  Blog Category Squares ***********/

/*********** START -  Blog aux bar ***********/
ul.bar-styling li:not(.selected) > a:hover,
.blog-aux-options li.selected a,
.blog-filter-wrap .aux-list li:hover a {
  color: #ffffff!important;
  background: #39b54a;
  border-color: #39b54a;
}
.blog-filter-wrap .aux-list li a {
  color: #ffffff;
  background: #61c46e;
}
ul.blog-aux-options li a.blog-slideout-trigger[data-aux="categories"] {
  font-size: 20px;
  text-transform: uppercase;
  padding: 20px;
}
ul.blog-aux-options li a.blog-slideout-trigger[data-aux="tags"],
ul.blog-aux-options li a.blog-slideout-trigger[data-aux="archives"],
ul.blog-aux-options li a.rss-link,
ul.blog-aux-options li.search {
display:none
}
ul.bar-styling li > form input {
  padding: 10px 14px;
  height: 44px;
}
/*********** END -  Blog aux bar ***********/

.sandyspice .page-heading.fancy-heading {
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  text-align: center;
height:50vh;
  padding-top: 0px;
  padding-bottom:0px;
  background-position: center center!important;
}
.tp-caption .btn-primary.sandyspice-btn,
.sandyspice-btn {
  background-color: #006838 /* was #39b54a */;
  border-color: #006838 /* was 39b54a */;
color:#fff!important;
}

nav .menu ul.sub-menu li.menu-item.yellow:hover > a {
	background: #ffc603 !important;
}

.ui-accordion-content {
color:#007096
}

.salt-studios {
margin-top:0px;
margin-bottom:0px;
}
a.sf-button.pink {
  background-color: #e21683;
}
a.sf-button.pink:hover {
  background-color: #e8459c;
}

.case-study-button.outline {
margin-right:10px;
  text-align: left;
  color: #ffffff;
  background: transparent;
  padding: 8px 16px;
border:1px solid #fff;
}
.case-study-button.outline:hover {
  color: #000;
  background: #fff;
border:1px solid #fff;
}
.spb_accordion .spb_accordion_section > h3 a {
  border: 1px solid #000;
}
.case-studies-box a {
color:#fff;
}
.no-margin-top {
margin-top:0px!important;
}
.no-margin-bottom {
  margin-bottom: 0px!important;
}
.no-padding {
  padding-top: 0px;
  padding-bottom: 0px;
}
.padding-bottom20 {
padding-bottom:20px !important;
}
ul.social-icons li {
  height: auto !important;
}

ul.social-icons li:not(.sf-love) a {
  padding: 20px 10px 20px 10px !important;
  width: 50px !important;
  height: 50px !important;
  line-height: 50px !important;
  font-size: 20px !important;
}

.spb_text_column ul, .box-content-wrap u,
.case-studies-box ul {
  list-style: disc outside none;
  padding-left: 20px;
}

.spb_text_column ul li, .box-content-wrap ul li,
.case-studies-box ul li {
  line-height: 22px;
  margin-bottom: 10px;
}

.impact-text-large {
	font-size: 28px;
  line-height: 30px;
}

.leadin {
  color: white;
  font-size: 15px;
  line-height: 0px;
  background: rgba(40, 95, 51, 0.7);
  padding: 5px 10px 5px 10px;
  letter-spacing: 1px;
  font-family: "source_sans_proregular", Arial, Helvetica, Tahoma, sans-serif;
}


.case-in-point,
.case-study-button {
background: #99cc01;
}

.header-links {
  background: rgba(88,28,117,0.85);
}

.callout-text {
   font-family: "Raleway", sans-serif;
}

#footer {
  padding-top: 60px;
  padding-bottom: 100px;
}
#footer h6 {
  margin-bottom: 15px;
}

.tp-caption .btn-primary {
  color: #fff;
  background-color: rgba(0,106,181,0.85) /* #006ab6 */;
  border-color: #006ab6;
  padding: 18px 24px !important;
  text-transform: uppercase;
}
.tp-caption .btn-primary:hover {
  background-color: rgba(88,28,117,0.85) /* #5a1c76 */;
  border-color: #5a1c76;
}

/*********** START -  form ***********/
.subjects-interests span.wpcf7-list-item {
	  margin-left: 0;
	  display: block;
}
@media (min-width:767px) {
	.subjects-interests span.wpcf7-list-item {
	  margin-left: 0;
	  width: 50%;
	  display: inline-block;
	}
}

input[type="text"], input[type="email"], input[type="password"], textarea, select, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 select, .ginput_container input[type="text"], .ginput_container input[type="email"], .ginput_container textarea, .ginput_container select, .mymail-form input[type="text"], .mymail-form input[type="email"], .mymail-form textarea, .mymail-form select {
  width: 100%;
  margin-bottom: 10px;
}
input[type="tel"] {
width: 100%;
  margin-top: 6px;
  margin-bottom: 10px;
  padding: 6px;
  border: 1px solid #e3e3e3;
  font-size: 14px!important;
}
input[type="submit"], .wpcf7 input.wpcf7-submit[type="submit"] {
  background-color: #79AA35 !important;
  margin-bottom: 0;
}

.newsletter-btn {
    background-color: #5a1c76; 
    color:#fff; 
    padding: 10px 20px 10px 20px;
}

.newsletter-btn:hover{
    color: #fff !important;
  background-color: #002f5b !important;
}

.sandyspice .wpcf7 input.wpcf7-submit[type="submit"].btn-block {
font-size:20px;
  background-color: #39b54a !important;
}
.sandyspice .wpcf7 input.wpcf7-submit[type="submit"].btn-block:hover {
  background-color: #5a1c76 !important;
}
div.wpcf7-mail-sent-ok {
  padding: 30px!important;
  font-size: 21px!important;
  font-weight: 600;
  background: #39b54a !important;
  border-color: #39b54a !important;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
/*********** END - form ***********/

/*********** START -  custom form ***********/
#responsive-form {
	max-width:100%;
	margin:0 auto;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}

#custom-form .wpcf7 input[type="text"],
#custom-form .wpcf7 input[type="email"],
#custom-form .wpcf7 textarea {
	width: 100%;
	  padding: 2px 2px 2px 10px;
color: #fff;  
  background-color: transparent !important;
  border: 1px solid rgba(255,255,255,0.5) !important;
  border-radius: 0;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box;
  margin-bottom: 0;
}
.wpcf7 input[type="text"]:focus{
	background: transparent;
}
.wpcf7-submit{
	float: right;
	color: #fff;
	text-transform: uppercase;
	border: none;
	padding: 8px 20px;
	cursor: pointer;
}

.wpcf7-submit:hover{
	background: #ff0000;
}

span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: transparent;
	padding: 5px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}
#custom-form .wpcf7 textarea {
  max-width: 100%;
height: 100px;
 border: 0px !important ; 
}

.wpcf7-form-control-wrap.your-message {
border:1px solid rgba(255,255,255,0.5) !important;
}
input[type="submit"], .wpcf7 input.wpcf7-submit[type="submit"] {
background-color: #79AA35 !important;
margin-bottom: 0;
}
input[type="submit"]:hover, .wpcf7 input.wpcf7-submit[type="submit"]:hover {
background-color:#5a1c76 !important;
}
/*********** END -  custom form ***********/



/* ==================================================
	Start - New 3D hover Classes
================================================== */
/* entire container, keeps perspective */
.flip-container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	-o-perspective: 1000;
	perspective: 1000;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}


.flip-container, .front, .back {
	width: 100%;
	height: auto;
	min-height: 456px;
}

/* flip speed goes here */
.flipper {
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-ms-transition: 0.6s;
-o-transition: 0.6s;
	transition: 0.6s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.flip-container .front, .flip-container .back {
	backface-visibility: hidden;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	position: absolute;
	top: 0;
	left: 0;
}


/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  padding: 30px;
color:#fff;
}
.back.purple {
background-color:#5b1c77;
}
.back.blue {
background-color:#006ab6;
}
.back.green {
background-color:#79aa35;
}
.back.red {
background-color:#bf1e2e;
}
.back.gold {
background-color:#FBA919;
}
.flip-container:hover .flipper, .flip-container.hover .flipper, .flip-container.flip .flipper {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* ==================================================
	End - Todd Classes
================================================== */

/*----------------------
	Banner Gradient
----------------------*/

.home #top-bar, .page-id-103 #top-bar, .page-id-7702 #top-bar {
	background: #222222!important;
    background: -webkit-linear-gradient(#222222, rgba(34,34,34,.7))!important;
    background: -o-linear-gradient(#222222, rgba(34,34,34,.7))!important;
    background: -moz-linear-gradient(#222222, rgba(34,34,34,.7))!important;
    background: linear-gradient(#222222, rgba(34,34,34,.7))!important;
}
.home #header-section, .page-id-103 #header-section, .page-id-7702 #header-section {
	background: #222222!important;
    background: -webkit-linear-gradient(rgba(34,34,34,.7), transparent)!important;
    background: -o-linear-gradient(rgba(34,34,34,.7), transparent)!important;
    background: -moz-linear-gradient(rgba(34,34,34,.7), transparent)!important;
    background: linear-gradient(rgba(34,34,34,.7), transparent)!important;
}

.banner-shadow {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

.jobs-template-default #header-section, .jobs-template-default #top-bar, .page-id-13730 #top-bar {
	background: #222222!important;
}



.alt-eleven {
	background-color: #d2d3d5!important;
}
.alt-eleven .whitepaper-button {
	width: 100%;
	display: block;
	text-align: center;
}
@media (max-width: 990px) {
	.alt-eleven img {
		max-width: 300px;
	}
}
.alt-eleven .whitepaper-button a {
	background-color: #0070db;
	display: block;
	width: 100%;
	padding: 10px;
	margin: 0;
	color: #ffffff; 
}
.alt-eleven .whitepaper-button a:hover, .alt-eleven .whitepaper-button a:focus {
	background-color: #007096;
}
.page-id-2090 .spb_portfolio_showcase_widget.no-bg {
	padding-top: 0;
}

h1.home-slider {
	font-size: 48px;
	line-height: 48px!important;
	color: white;
}
p.home-slider { font-size: 24px; }

/* BULLETS FOR HOME SLIDER */
.custom.tp-bullets {
	margin-left: -205px;
}
.custom .tp-bullet {
	cursor: pointer;
    position: relative;
    background: white;
    width: 30px;
    height: 6px;
    margin-right: -20px;
    float: none;
    display: inline-block;
    margin-top: 0;
    webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    margin-bottom: 5px;
}
.custom .tp-bullet:hover, .custom .tp-bullet.selected {
	background: #fff;
	opacity: 1;
}

nav .menu ul.sub-menu li.menu-item.page-item-6895:hover > a {
	background-color: #0070db;
}

.services-page .spb_parallax_asset {
	margin-bottom: 0;
}
.services-page .full-width-text {
	padding-bottom: 20px;
	padding-top: 20px;
	margin-bottom: 0;
}
.services-page .case-study-button.outline {
	display: inline-block;
	padding: 8px 80px;
}
.services-page .services-bars .full-width-text .spb_wrapper {
	display: flex;
}
.services-page .services-bars .full-width-text .col-md-5 {
	margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    flex-direction: column;
    background-position: center;
	text-align: center;
	min-height: 270px;
}
.services-page .services-bars .full-width-text .col-md-7 {
	display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 60px;
}
.services-page .services-bars .pgtitle {
	font-size: 34px;
}
.services-page .services-bars > .fw-row:nth-child(1) .full-width-text .col-md-5 {
	background-image: url(/wp-content/uploads/2014/02/1-print.jpg);
}
.services-page .services-bars > .fw-row:nth-child(2) .full-width-text .col-md-5 {
	background-image: url(/wp-content/uploads/2014/02/2-Direct-Marketing.jpg);
}
.services-page .services-bars > .fw-row:nth-child(3) .full-width-text .col-md-5 {
	background-image: url(/wp-content/uploads/2014/02/3-Direct-Mail.jpg);
}
.services-page .services-bars > .fw-row:nth-child(4) .full-width-text .col-md-5 {
	background-image: url(/wp-content/uploads/2014/02/4-Retail-Visual-Merchandising.jpg);
}
.services-page .services-bars > .fw-row:nth-child(5) .full-width-text .col-md-5 {
	background-image: url(/wp-content/uploads/2014/02/5-Salt-Studios.jpg);
}
.services-page .services-bars > .fw-row:nth-child(5) {
	margin-bottom: -10px;
}
.services-page .services-bars .col-md-5 h4 {
	max-width: 100%;
}
nav .menu ul.sub-menu li.menu-item.red:hover > a {
	background: #ae2c2a;
}
nav .menu ul.sub-menu li.menu-item.blue:hover > a {
	background: #0070db;
}
nav .menu ul.sub-menu li.menu-item.purple:hover > a {
	background: #5a1c76;
}
nav .menu ul.sub-menu li.menu-item.pink:hover > a {
	background: #ec008c;
}
@media (max-width: 991px) and (min-width: 768px) {
	.services-page .services-bars .full-width-text .col-md-5 {
		min-width: 45%;
	}
}
@media (max-width: 767px) {
	.services-page .services-bars .full-width-text .spb_wrapper {
		display: block;
	}
	.services-page .services-bars .full-width-text .col-md-5 {
		padding: 0 10px;
		min-height: 25vw;
		margin-bottom: 20px;
	}
	.services-page .services-bars .full-width-text .col-md-7 {
		display: block;
		padding-left: 15px;
	}
	.services-page .services-bars > .row {
		margin-left: -15px;
	}
}
@media (max-width: 480px) {
	.services-page .services-bars .full-width-text .col-md-5 {
		min-height: 130px;
	}
	.services-page .case-study-button.outline {
		padding: 8px 50px;
	}
	.services-page .services-bars .col-md-5 h4:first-of-type {
		font-size: 24px!important;
		line-height: 28px!important;
	}
}

.jobs-template-default .post-info, .jobs-template-default .curved-bar-styling, .jobs-template-default .tags-link-wrap {
	display: none;
}
.jobs-template-default .body-text, .jobs-template-default .article-body-wrap {
	margin-bottom: 0;
}
.jobs-template-default .full-width-text {
	padding-bottom: 0;
}
.flex-wrap {
	display: flex;
	flex-wrap: wrap;
}
@media (max-width: 767px) and (min-width: 499px) {
	.mw450re {
		max-width: 450px!important;
	}
}
.ceo-message .ceo-quote {
	font-size: 2.2em;
    line-height: 1.3;
}
.ceo-message .ceo-quote:before {
	content: "\201C";
	position: relative;
	left:-.5%;
	margin-left: -14px;
}
.ceo-message .full-width-text .ceo {
	text-align: right;
	font-size: 1.5em;
	margin-bottom: 30px;
}
.ceo-message .full-width-text {
	margin-bottom: 0;
	padding-bottom: 0;
}
.ceo-message img {
	margin: 0;
}
.ceo-message .row {
	margin: 0;
	display: flex;
    align-items: center;
}
.jobs-template-default #base-promo {
	display: none;
}
.job-details .job-date {
	display: none;
}
@media (max-width: 1199px) {
	.ceo-message .row {
		align-items: flex-end;
	}
}
@media (max-width: 991px) {
	.ceo-message .row {
		display: block;
	}
	.ceo-message .col-md-4 {
		display: none;
	}
	h1.home-slider {
		font-size: 36px;
		line-height: 36px!important;
	}
	p.home-slider { font-size: 18px; }
}
@media (max-width: 599px) {
	.ceo-message .ceo-quote {
		font-size: 1.4em;
	}
	.ceo-message .full-width-text, .ceo-message .full-width-text .spb_wrapper, .ceo-message .col-md-6 {
		padding: 0;
	}
	.ceo-message .ceo-quote:before {
		margin-left: -9px;
	}
	.ceo-message .full-width-text .ceo {
		font-size: 1.2em;
	}
}

/* Target Sustainability anchor text */
.page-id-2143 a  {font-weight: bold}

.covid-h3 {
	color: #3366ff;
	font-weight: bold;
	margin-bottom: 5px;
}
.covid-blue {
	color: #3366ff;
}
.covid-button {
	font-size: 12px;
	line-height: 18px;
	height: auto;
	padding: 14px 16px;
	border: 1px solid #e4e4e4;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
	color: white;
	background-color: #3366ff;
}

.covid-button:hover {
	color: black;
	background-color: white;
}

.sitemap {
        margin-left: auto;
        margin-right: auto;
        display: block;
        max-width: 600px;
}
.sitemap ul {
	padding-left: 30px;
	list-style: disc;
}
.sitemap ul ul { list-style: circle; }
.sitemap ul ul ul { list-style: square; }
.sitemap-posts { padding-top: 30px; }

div#logo img.standard {display: none!important;}

@media (max-width: 480px) {
	h1.home-slider {
		font-size: 20px;
		line-height: 20px!important;
		font-weight: bold!important;
		text-align: center!important;
	}
	p.home-slider {
		font-size: 16px!important;
		text-align: center!important;
	}
}