@charset "utf-8";

/*
Theme Name: SS Flat
Theme URI: Summitsoft.com
Author URI: https//:www.summitsoft.com
Description: SS Flat theme created for Wordpress exclusively for use by Summitsoft
Version 1.0
*/


/* Extra Small screens ----------- */
@import url("css/x-small.css") only screen and (max-width:549px);

/* Small screens ----------- */
@import url("css/small.css") only screen and (min-width:550px) and (max-width:979px);

/* Medium Large screens ----------- */
@import url("css/med-lg.css") only screen and (min-width:980px) and (max-width:1349px);

/* Large screens ----------- */
@import url('css/large.css') only screen and (min-width:1350px);


/* ---------- Embedded Fonts ---------- */
@font-face {
  font-family: 'Myriad Set Pro Thin';
  src: url('fonts/myriad-set-pro_thin-webfont.ttf') format('truetype'),
	   url('fonts/myriad-set-pro_thin-webfont.woff2') format('woff2'),
       url('fonts/myriad-set-pro_thin-webfont.woff') format('woff');
font-style: normal;
font-weight: normal;
}

@font-face {
  	font-family: 'Myriad Set Pro Ultra Thin';
  	src: url('fonts/myriad-set-pro_thin-webfont.ttf') format('truetype'),
	  	 url('fonts/myriad-set-pro_thin-webfont.woff2') format('woff2'),
       	 url('fonts/myriad-set-pro_thin-webfont.woff') format('woff');
	font-style: normal;
	font-weight: normal;
}

/* ---------- General Styles ---------- */
	
* html body { 
	margin-top: 28px !important; 
}


/*---------------------- march 2020 new home page css ---------------------------*/

body, html {
	height: 100%;
}

.display-in-column{
	display: flex; 
	flex-direction: column;
}

.display-in-line{
	/* This functions changes to flex-direction: column; when it resizes down;*/
	display: flex; 
	flex-direction: row;
}

.display-in-row{
	display: flex; 
	flex-direction: row;
}

.learn-more-blue-round{
	background-color:#0163e9; 
	border-radius:25px; 
	border: none; 
	color: #fff;
	cursor: pointer;
	max-width: 130px;
	padding: 0 20px;
	margin: 30px 10px 10px 10px;
}

.learn-more-blue-round:hover{
	color: #000;	
}

.learn-more-gray-round{
	background-color:gray; 
	border-radius:25px; 
	border: none; 
	color: white;
	cursor: pointer;
	max-width: 130px;
}

.align-item-at-position{
	display: flex; 
	align-items: center; 
	justify-content: flex-end;
	width: 32%;
}

.align-item-at-position-center{
	display: flex; 
	align-items: center; 
	justify-content: center;
}


.max-width-520{
	max-width: 520px;
}

.max-width-450{
	max-width: 450px;
}

.max-width-275{
	max-width: 275px;
}

.max-width-120{
	max-width: 120px;
}


.max-width-150{
	max-width: 150px;
}

.max-width-300{
	max-width: 300px;
}

.max-width-350{
	max-width: 350px;
}

.max-width-400{
	max-width: 400px;
}

.z-index-front {
	z-index: 1;
}

.background-color-with-opacity {
	background-color: rgba(0, 0, 0, 0.6);
}

.col-img-width{
	width: 32%;
}

.col-content-text{
	width:66%;
}

.col-content-text-sub-title{
	width:66%;
}

.col-45-perc{
	width: 45%;
}

.col-50-perc{
	width: 50%;
}

.margin-right-70{
	margin-right: 70px;
}

.text-sub-title{
	padding-left: 190px;
	padding-right: 75px;
}

.p-padding {
	padding: 0 50px 1px 41px;
}

.product-category {
	text-align: justify;
	background-color: #c8c8c8;;
}

.product-category-title {
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #fff;
	color: #000;
	padding-left: 10px;
	border-radius: 10px;	
}

.sub-product-category {
	margin-bottom: 35px;
}

.sub-product-category-title {
	text-align: left;
	margin-left: 30px;
}


.space-evently-flex{
	align-content: center; 
	justify-content: space-evenly;
}

.learn-more-button {
	border: 1px solid #2e6da4;
	color: #2e6da4;
	background: #fff;
	border-radius: 4px;	
	font-weight: bold;
	margin-left: 15px;
	padding: 8px;
}

.learn-more-button-black-letters {
	border: 1px solid #000;
	color: #000;
	background: #fff;
	border-radius: 4px;	
	font-weight: bold;
	margin-left: 15px;
	padding: 8px;
}


.background-img-gds {	
	background-image: url('https://summitsoft.com/wp-content/uploads/2020/03/GDS-Parallax-strip.jpg');
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;	
	height: 410px; 
	background-color: #e4e4e4;
}

.background-img-fonts {	
	background-image: url('https://summitsoft.com/wp-content/uploads/2020/03/Fonts-graphic-strip-Parallax.png');
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;	
}

.background-img-business-card {	
	background-image: url('https://summitsoft.com/wp-content/uploads/2020/03/BusCard-background-alternate.jpg');
	background-attachment: inherit;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	
}

.background-img-comic-creator {	
	background-image: url('https://summitsoft.com/wp-content/uploads/2020/03/comicCreator-email-animated-cape-cropped.gif');
	background-attachment: inherit;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	
}

.half-page-product-banner {
	width: 50%; 
	height: 400px;
}

.button-a-explore {
	width: 245px;
	height: 60px;
	background-color: #696969;	
    border-radius: 15px;
    margin: 10px 20px 0 0px;	
}

.a-text-color-bold {
	color: #fff;;
	font-weight: bold;
}

.a-text-color-white:hover {
	color: #D3D3D3;
}

.banner-text-home-page{
	height: 250px; 
	margin-bottom: 35px; 
	margin-top: 0px; 
	margin-left: -133px;
}

.font-size-regular-text{
	font-size: 20px;
}

.main-slider {
	height: 100%; 
	width: 100%;
}

.main-slider-no-margin {
	height: 100%; 
	width: 100%;
}

.hero-slider-format {
	text-align: center; 
	justify-content:center;
	align-items:center; 
	height: 604px; 
	background-color: black; 
	color: white;
}

.model-for-sub-sections{
	margin-top: 15px; 
	text-align: center; 
	justify-content: space-around;
}

.col-text {
	width: 32%;
}

.home-products-icon {
	max-width: 61px;
}

.margin-left-img{
	margin-left: 0px;
}

.no-padding {
	padding: 0px
}

.col-70-perc{
	width: 70%;
}

.col-50-perc{
	width: 50%;
}

.grid-display-4-in-row {
	display: grid; 
	grid-template-columns: repeat(4, auto); 
	width: 80%; 
	grid-auto-rows: minmax(100px, auto); 
	grid-gap: 25px;
}

.grid-display-3-in-row {
	display: grid; 
	grid-template-columns: repeat(3, auto); 
	width: 80%; 
	grid-auto-rows: minmax(100px, auto); 
	grid-gap: 25px;
}

.margin-left-7-perc{
	margin-left: 7%;
}

.padding-top-10 {
	padding-top: 10px;
}
	
#halloween-add-2020 {
	max-width: 800px;
}

#home-page-title{
	font-size: 40px;
	text-align:center; 
	font-weight: bold; 
	margin-left: 100px;
}

#exits-road-branding{
	width: auto;
}

#moreProductsHome{
	background-color: #bdbdbd; 
	margin-bottom: 30px; 
	padding-bottom: 20px; 
	height: 330px;
}

#homepagesummitsoft{
	margin: 0px 0px 0px 0px;
}

#moreProductsImgBoxes{
	margin: 0 155px 0 -515px;
}

@media only screen and (max-width: 800px){
	#halloween-add-2020 {
		max-width: 400px;
	}
}

@media only screen and (min-width: 1900px){
	.hero-slider-format{
		height: 800px;
	}
	
	.background-img-gds{
		background-size: contain;
	}
	
		
	.background-img-fonts{
		background-size: cover;
	}
}

@media only screen and (min-width: 2500px){
	.hero-slider-format{
		height: 1000px;
	}
}

@media only screen and (min-width: 3190px){
	.hero-slider-format{
		height: 1230px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 1210px) {	
	.main-slider {		
		height: 100%;
		margin-top: 20%;
	}
}

@media only screen and (min-width: 660px) and (max-width: 1210px) {	
	.hero-slider-format {
		height: 1015px;
	}	
}


@media only screen and (max-width: 905px) {
	.grid-display-4-in-row {
		grid-template-columns: repeat(2, auto);
	}

	.grid-display-3-in-row {
		grid-template-columns: repeat(1, auto); 	
	}

}

@media only screen and (max-width: 500px) {
	.grid-display-4-in-row {
		grid-template-columns: repeat(1, auto);
	}
}

@media only screen and (max-width: 659px){
	.hero-slider-format{
		height: 800px;
	}
}



@media only screen and (max-width: 1515px){
	.max-width-400{
		max-width: 300px;
	}
	
	.font-size-regular-text{
		font-size: 18px;
	}
	
	#home-page-title{
		font-size: 30px;
	}
}

@media only screen and (max-width: 1310px){
	.max-width-450{
		max-width: 300px;
	}
	
	.max-width-400{
		max-width: 310px;
	}
	
	.margin-left-img{
		margin-left: 50px;
	}
	
	.background-img-gds{
		height: 500px;
	}
	
	#moreProductsImgBoxes{
		margin: 0px 0px 0px 0px;
	}
}

@media only screen and (max-width: 1210px){
	.margin-left-7-perc{
		margin-left: 0;
	}
	
	.col-img-width{
		width: 100%;
	}
	
	.col-content-text{
		width:100%;
	}

	.col-content-text-sub-title{
		width: 100%;
	}
	
	.display-in-line{
		flex-direction: column;
	}
	
	.max-width-520{
		max-width: 350px;
	}
	
	.max-width-450{
		max-width: 380px;
	}
	
	.max-width-400{
		max-width: 330px;
	}
	
	.align-item-at-position{
		justify-content: center;
		width: 100%;
	}
		
	.banner-text-home-page{
		margin-left: 0;
		margin-top: 30px;
		height: 460px;
	}
	.text-sub-title{
		padding-left: 50px;
		padding-right: 40px;
	}

	.col-text {
		width: 100%;
	}
	
	.half-page-product-banner {
		width: 100%;
	}
	
	.background-img-gds {
		height: 610px;
	}
		
	.margin-left-img{
		margin-left: 0px;
	}
	
	.background-img-gds{
		background-size: inherit;
	}
			
	.background-img-fonts{
		background-size: inherit;
	}
	
	.col-70-perc{
		width: 97%;
	}
	
	.col-50-perc{
		width: 100%;
	}
	
	.col-45-perc{
		width: 100%;
	}

	.margin-right-70{
		margin-right: 0px;
	}
	
	#home-page-title{
		margin-left: 0;
	}
	
	#moreProductsHome{
		height: 530px;
	}
	
}

/*---------------------- end march 2020 new home page css ------------------------*/
body {
	/* background: #ffffff;  ** Set in Appearance Tab*/ 
	font-family: 'Myriad Set Pro Thin', 'Helvetica Neue', Helvetica, 'Open Sans', sans-serif;
	/* font-size: 24px; set in media queries */
	/* color: #11202a;   ** Set in Appearance Tab*/ 
	padding: 0;
	text-align: center;
	margin: 0;
	/* line-height: 1.5; set in media queries */
	border-bottom-color: #e1e1e1; /*standard color - will be overridden in shaded areas */
}

#content {	
	padding: 0px;
}

section {
	clear: both;
	/* padding-top: 2em; managed in media queries */
}

section.no-pad {
	padding-top: 0;
}

section.half-pad {
	padding-top: .5em;
}

section.no-marg {
	margin-top: 0;
}



h1, h2, h3, h4, h5, h6{
	font-weight: 500;
}

h1 {
	font-size: 2.5em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.25em;
	font-weight:600;
}

h4 {
	font-size: 1em;
	font-weight:600;
}

h5 {
	font-size: 1em;
}

p {
	margin-bottom: 0;
	padding:0 8px 1.1em;
}

a {
	text-decoration: none;
	/* color: #286090; ** Set in Appearance panel */
}

a:hover {
	text-decoration: underline;
}

a:visited {
	/* color: #286090; ** Set in Appearance panel */
}

a:link img, a:visited img {
	border: none;
}

ul, li {
	text-align: left;
}

img, video {
    max-width: 100%;
    height: auto;
}

blockquote {
	padding: 0 0 0 15px;
	margin: 0 0 20px;
	border-left: 5px solid #eee;
}

table, td {
	border: 1px #11202a solid;
}

.row-heading {
	font-weight: 700;
	text-align: left;
}

td {
	padding: 5px;
	text-align: center;
}

.clearfix {
	clear: both;
}

/* Font Styles */
.trademark {
	font-size: .3em;
	vertical-align: super;
}

.alt-font {
	font-family: 'Helvetica Neue', Helvetica, 'Open Sans', sans-serif;
}

.size-lg {
	font-size: 2em;
}

.size-extra-small{
	font-size: 9px;
}

.size-small{
	font-size: 15px;
}

.size-small-left {
	font-size: 15px;
	text-align: left;
}

.size-normal-left {
	font-size: 24px;
	text-align: left;
}

.size-normal-center {
	font-size: 24px;
	text-align: center;
}

/* Alignments */
.align-left {
	text-align: left;
	padding-right: 15px;
}
.align-right {
	text-align: right;
	padding-left: 15px;
}
.align-center {
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
}

.aligncenter {
	text-align: center;
}

.align-middle-figure {
	margin-top: 3em;
}

.leftalign {
	text-align: left;
}

.centered-title {
	text-align: center;
}

/* Colors */
	
.main-text-color{
	color: #11202a;
}

.minor-meta {
	color: #889095;
}

.emph {
	font-weight: bold;
	text-transform: uppercase;	
}

.color-white {
	color: #ffffff;
}

a.color-white, .color-white a {
	color: #cccccc;
}

.color-white a.button, .color-white a.button-no-border {
	color: #ffffff;
}

a.color-white:hover, .color-white a:hover {
	color: #ffffff;
}

.color-dark-primary {
	color:#1A3241;
}

.color-grey-light {
	color: #cccccc;
}

.color-wa-blue {
	color: #2361dd;
}

.color-email-green {
	color: #9dd015;
}
	
.color-email-green a {
	color: #9dd015;
	text-decoration: none;
}
	
.color-email-green a:hover {
	text-decoration: underline;
}	

.color-email-green a:visited {
	color: #9dd015;
}

.color-vip-green {
	color: #0c596d;
}
	
.color-vip-green a {
	color: #0c596d;
	text-decoration: none;
}
	
.color-vip-green a:hover {
	text-decoration: underline;
}	

.color-vip-green a:visited {
	color: #0c596d;
}

.color-orange {
	color: #e74a2d;
}
	
.color-orange a {
	color: #e74a2d;
	text-decoration: none;
}
	
.color-orange a:hover {
	text-decoration: underline;
}	

.color-orange a:visited {
	color: #e74a2d;
}

.color-pale-blue {
	color: #67adab;
}
	
.color-pale-blue a {
	color: #67adab;
	text-decoration: none;
}
	
.color-pale-blue a:hover {
	text-decoration: underline;
}	

.color-pale-blue a:visited {
	color: #67adab;
}

.sale-price {
	color: #ff0000;
	font-weight: 600;
}


.border-white {
	border-color:#ffffff;
}

.border-blue {
	border-color:#286090;
}

.border-email-green {
	border-color:#9dd015;
}

.border-vip-green {
	border-color:#0c596d;
}

.border-orange {
	border-color:#e74a2d;
}

.border-pale-blue {
	border-color:#67adab;
}

.highlight-grey {
	padding-top: 1em;
	padding-bottom: .5em;
	margin-top: 2em;
	background: #e1e1e1;
}

.highlight-grey > * {
	border-bottom-color:#286090; /* company color */
}	

.highlight-dk-grey {
	background: #434343;
	color: #ffffff;
	margin-top: 2em;
	padding-top: 1em;
	padding-bottom: .5em;
}

.highlight-dk-grey > * {
	border-bottom-color:#286090; /* company color */
}

.highlight-dk-grey a {
	color: #cccccc;
}

.highlight-dk-grey a:hover {
	color: #cccccc;
}

.highlight-blue {
	background: #286090 none repeat scroll 0% 0%;
	border: 2px solid #286090;
	color: #ffffff;
	padding: .75em .75em 1.25em;
}

.wide-section .highlight-blue {
	border-radius: 10px;
}

.highlight-blue a {
	color: #cccccc;
}

.highlight-blue a:hover {
	color: #ffffff;
}

.highlight-blue a:visited {
	color: #cccccc;
}

.highlight-blue figure {
	display: inline-block;
	width: 30%;
	/* margin-right: auto; set in media queries */
	margin-left: auto;
}

.highlight-blue p {
	display: inline-block;
	width: 60%;
	text-align: left;
	vertical-align:middle;
}

.bkg-img-home	 {
	background-image: url('https://s3.amazonaws.com/Summitsoft-Digital-Assets/home-page/summitsoft-bkg-img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.bkg-white {
	color:#11202a;
	background-color: #ffffff;
}

.bkg-white a {
	color: #11202a;
}

.bkg-white a:hover {
	color: #11202a;
	text-decoration: underline;
}

.bkg-white a:visited {
	color: #11202a;
}

.bkg-prime-dark {
	color: #ccc;
	background-color: #404852;
}

.bkg-prime-dark a {
	color: #fff;
}

.bkg-prime-dark a:hover {
	color: #ccc;
}

.bkg-grey-gradient {
     background: #ffffff; /* Old browsers */
     background: -moz-linear-gradient(top,  #ffffff 1%, #cccccc 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(top,  #ffffff 1%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom,  #ffffff 1%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

.bkg-opaque-aqua {
    background-color: rgba(1,109,121);
    background-color: rgba(1,109,121,.8);
}

.bkg-opaque-green {
    background-color: rgba(41,89, 103);
    background-color: rgba(41,89, 103, .85);
}

.bkg-opaque-black {
    background-color: rgba(0,0, 0);
    background-color: rgba(0,0, 0, .75);
	color: #ffffff;
}

.bkg-aqua {
    background-color: rgb(1, 109, 121);
}


.bkg-light-green {
    background-color: #74A345;
}

.bkg-lime {
    background-color: #8ee124;
}



.bkg-wa-blue {
	background-color: #2da5da;
	color: #ffffff;
	border-color: #ffffff;
}

.bkg-wa-blue a {
	color: #ffffff;
}

.bkg-wa-blue a:hover {
	color: #cccccc;
}

.bkg-wa-blue a:visited {
	color: #cccccc;
}

.bkg-grey-med {
	background-color: #888888;
}

.bkg-vip-green {
	background-color: #0c596d;
	border-color:#ffffff;
	color: #ffffff;
}

.bkg-vip-green a{
	color: #ffffff;
}

.bkg-vip-green a:hover {
	color: #cccccc;
}
.bkg-vip-green a:visited {
	color: #cccccc;
}

.bkg-grey-black {
	background-color: #1b1b1b;
	border-color:#ffffff;
	color: #ffffff;
}

.bkg-grey-black a{
	color: #ffffff;
}

.bkg-grey-black a:hover {
	color: #cccccc;
}
.bkg-grey-black a:visited {
	color: #cccccc;
}

.bkg-grey {
	background: #4e4e4e;
}

.bkg-grey a{
	color: #ffffff;
}

.bkg-grey a:hover {
	color: #cccccc;
}
.bkg-grey a:visited {
	color: #cccccc;
}

section.bkg-vip-green {
	padding-top:0;
}

.bkg-buy-green {
	background-color: #4DB401;
	color: #ffffff;
	border-color: #ffffff;
}

.bkg-buy-green a {
	color: #ffffff;
}

.bkg-buy-green a:hover {
	color: #cccccc;
}

.bkg-buy-green a:visited {
	color: #cccccc;
}

section.bkg-stp-green {
	padding-top:0;
}

.bkg-stp-green {
	background-color: #90c649;
	color: #ffffff;
	border-color: #ffffff;
}

.bkg-stp-green a {
	color: #ffffff;
}

.bkg-stp-green a:hover {
	color: #cccccc;
}

.bkg-stp-green a:visited {
	color: #cccccc;
}


section.bkg-stp-pink {
	padding-top:0;
}

.bkg-stp-pink {
	background-color: #ec1c7b;
	color: #ffffff;
	border-color: #ffffff;
}

.bkg-stp-pink a {
	color: #ffffff;
}

.bkg-stp-pink a:hover {
	color: #cccccc;
}

.bkg-stp-pink a:visited {
	color: #cccccc;
}

.features {
	text-align: left;
}

.feature-box {
	align-self: stretch;
	font-size: .85em;
    line-height: 1.75;
}


/* Margin Styles */

.margin-sm {
	margin-top: 1em;
	margin-bottom: 1em;
}

.margin-lg {
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}

.margin-xl {
	margin-top: 3.25em;
	margin-bottom: 3.25em;
}


/* Padding Styles */


.pad-lg {
	padding-top: 2.5em;
	padding-bottom: 2.5em;
}

/* List Styles */
.list-title {
	font-weight:700;
}

/* Link Button Styles */



.button {
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
}

.button-no-border {
	cursor: pointer;
}

a.button, a.button-no-border {
	text-decoration: none;
}
a:hover.button, a:hover.button-no-border{
	text-decoration: none;
}

.button-med {
	width: 60%;
	/* margin: 0 auto 1em; Set in media queries */
	/* padding: .75em 48px; Set in media queries */
	/* font-size: 1.35em; Set in media queries */
}
	
.button-lg {
	width: auto;
	margin: 0 auto;
	padding: .25em 24px;
	font-size: 1.75rem;
}

.designer-link {
	padding: .75em 2em;
	font-weight: 700;
	background: #fc1e67;
	text-transform: uppercase;
}

.wv-wrapper {
	margin-top: 3em;
	margin-bottom: 3em;
}

.watch-video {
	border: 2px solid #286090;
	padding: 15px 50px;
}

.trans-button {
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	max-width: 300px;
	padding: .25em 2em;
	text-align:center;
}


.trans-button-green {
	background-color: #4db401;
	border-width: 1px;
	border-radius: 5px;
	border-style: solid;
	max-width: 300px;
	padding: .3em 1.5em;
	text-align:center;
}

/* ---------- WordPress Core ---------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
	width: 96%;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    background: #fff;
    border: 1px solid #f0f0f0;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
	min-height: 2.5em;
    font-size: .75em;
    line-height: 17px;
    margin: .25em 0 0;
    padding: 0 4px 5px;
}


/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* ---------- Layout Styles ---------- */
* {
	box-sizing: border-box;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  float: left;
}

/* column and row grid layout
.col-1 {
	width: 8.33%;
	}
.col-2 {
	width: 16.66%;
	}
.col-3 {
	width: 25%;
	}
.col-4 {
	width: 32%;
	}
.col-5 {
	width: 41.66%;
	}
.col-6 {
	width: 46%;
	}
.col-7 {
	width: 58.33%;
	}
.col-8 {
	width: 66.66%;
	}
.col-9 {
	width: 75%;
	}
.col-10 {
	width: 83.33%;
	}
.col-11 {
	width: 91.66%;
	}
.col-12 {
	width: 100%;
	} */

[class*="col-"] {
    float: left;
    /* padding: 15px 0px; managed in media queries */
}

/*  .row {
	margin-right: -15px;
	margin-left: -15px;
} managed in media queries */

.row::after {
    content: "";
    clear: both;
    display: block;
}

/* column offsets
.col-offset-1 {
	margin-left: 8.33%;
	}
.col-offset-2 {
	margin-left: 16.66%;
	}
.col-offset-3 {
	margin-left: 25%;
	}
.col-offset-4 {
	margin-left: 32%;
	}
.col-offset-5 {
	margin-left: 41.66%;
	}
.col-offset-6 {
	margin-left: 46%;
	}
.col-offset-7 {
	margin-left: 58.33%;
	}
.col-offset-8 {
	margin-left: 66.66%;
	}
.col-offset-9 {
	margin-left: 75%;
	}
.col-offset-10 {
	margin-left: 83.33%;
	}
.col-offset-11 {
	margin-left: 91.66%;
	} managed in media queries */

:target:before {
	content:"";
	display:block;
	height:70px; /* fixed header height*/
	margin:-70px 0 0; /* negative fixed header height */
}


#header-main {
	/* background: #404852; ** Set in Appearance Tab*/ 
	width: 100%;
	/* color: #ffffff;  ** Set in Appearance Tab*/ 
	text-align: center;
}

main {
	min-height: 600px;
	font-family: 'Myriad Set Pro Thin', 'Helvetica Neue', Helvetica, 'Open Sans', sans-serif;
	/* color: #11202a;   ** Set in Appearance Tab*/ 
}

#content-wrapper {
	width: 100%;
	height: auto;
}

.container {
	max-width: 1300px;
	margin: 0 auto;
}

.full-section {
	margin-right: auto;
	margin-left: auto;
}

.wide-section, .half-section {
	/* max-width:1300px; set in media queries */
	/* width:80%; */
	margin-right: auto;
	margin-left: auto; 
}

.features {
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: center;
	justify-content: center;
}

.feature {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	justify-content: center;
	-webkit-justify-content: center;
}

.feature-text {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	font-weight: 600;
}

.feature-text a {
	line-height: 3;
}

.feature-text-right {
	/* margin-right: 8px; **styled in media query */
	/* margin-left: 16px; **styled in media query */
	text-align: left;
}

.feature-text-center {
	/* margin-right: 8px; **styled in media query */
	/* margin-left: 16px; **styled in media query */
	text-align: center;
}

.top-section {
	padding-top: 52px !important; /* position top section below fixed nav bar */
}

.two-thirds-section {
	width: 73%;
	float: left;
	clear: left;
	display: inline;
}

.page-header {
	margin: 4.25em 0 2em; /* must account for fixed menu */
	border-bottom: #e1e1e1 1px solid;
}

.page-title-wrapper {
	margin: 3em 0 4em;
}

.page-title-wrapper > h2 {
	font-weight: 700;
}

.page-title {
	font-size: 1.35em;
	font-weight: 700;
}

/* Depreciated */
/* .col-wrapper {
	width: 100%;
	display: flex;
	margin: 1em .5em 2em;
}

.col-wrapper > div {
	display: inline-block;
	margin: 0 auto;
}

.col-2-left {
	width: 45%;
	text-align: left;
}

.col-2-right {
	width: 45%;
	text-align: left;
}

.align-rt {
	text-align: right;
}

.align-lft {
	text-align: left;
} */


/* Grid Items */
.item-row-wrapper {
	align-items: center;
	display: inline-flex;
	justify-content: space-around;
	/* margin-top: 2em;*/
	width: 100%;
}

.item-row-wrapper .item figure {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
}

.item-10 {
	flex: .2 1 10%;
}
.item-20 {
	flex: .4 1 20%;
}
.item-30 {
	flex: .6 1 30%;
}
.item {
	flex: .6 1 30%;
}

.item-40-full {
	flex: 1 1 40%;
}

.item-50 {
	flex: 0 1 50%;
}
.item-60 {
	flex: 0 1 60%;
}
.item-60-full {
	flex: 1 1 60%;
}
.item-70 {
	flex: 0 1 70%;
}

.item-80 {
	flex: 0 1 80%;
}
.item-90 {
	flex: 0 1 90%;
}

 .item-img-sm {
	min-height:125px;
}

 .item-img-med {
	min-height:225px;
}

.deal-day .item-title {
	position: relative;
}

.deal-day .item-title figure {
	position: absolute;
    bottom: -1.75em;
}

.item-copy {
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	/* min-height: 225px;  **styled in media query */
}

.item-content {
	align-items: center;
	padding: 0 2em;
}

.deal-day .item-content, .deal-day .item-content p {
	padding: 0;
}


.item-foot {
	margin: 1.5em 0;
    text-transform: uppercase;
}

/* ---------- Navigation Styles ---------- */

.navbar {
  margin-bottom: 0px;
  min-height: 0 !important; /*bootstrap override */
  border-radius: 0 !important; /*bootstrap override */
}

.menu {
	margin: 0;
	/* padding: 0; **styled in media query */
}

nav ul, .menu ul{
	list-style: none;
}

.menu li {
	/* display: inline-block; duplicate ?*/
	position: relative;
}

div .logo {
	height: 90%;
}

#main-nav-wrapper {
	/* width: 80%; **styled in media query */
	/* max-width: 1300px; **styled in media query */
	/* display:flex; **styled in media query */
	margin: 0 auto;
}

#small-menu {
	line-height: 41px; /* same height as menu logo */
	float: left;
}

#small-menu:hover {
	cursor: pointer;
}

.menu-main-nav-container {
	width: 100%;
	/* max-width: 1300px; **styled in media query */
	/* display: inline-block; *styled in media query */
	
}

#main-nav-wrapper > li {
  	display: inline-block;
  	float: none;
}

#menu-main-nav {
  width: 100%;
  /* display: -webkit-flex; **styled in media query */
  /* display: flex; **styled in media query */
  /* -webkit-justify-content: space-around; **styled in media query */
  /* justify-content: space-around; **styled in media query */
  /* text-align: justify; **styled in media query */
  /* font-size: 0.1px; /* IE 9 & 10 don't like font-size: 0; */
} 

#menu-main-nav li {
  	/* display: inline-block; **styled in media query */
	/* min-width: 18%; **styled in media query */
	font-size: 18px;
	font-weight: 500;
	/* text-align:center; **styled in media query */
	/* padding: 17px 0 8px; **styled in media query */
}

#menu-main-nav ul:after {
  content: '';
  width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
  /* display: inline-block;  **styled in media query */
}


#menu-main-nav a {
	color:#cccccc;
	
}
#menu-main-nav a:hover {
	color: #ffffff;
	text-decoration: none;
	
}

.menu-highlight > a {
    display: flex;
    justify-content: space-around;
    align-items: center;
	color: #fcb040 !important;
    font-size: 1.25em;
}

.hide-menu {
display: none;
}

/* Search Menu styling */
#site-search-top {
	/* width: 40px; **styled in media query */
	/* height: 30px; **styled in media query */
	background-image: url(images/search-icon.png);
	/* background-size: 24px 24px; **styled in media query */
    background-repeat: no-repeat;
   	/* margin-top: .5em; **styled in media query */
}

#site-search-top:hover {
	background-image: url(images/search-icon-hover.png);
}
	
#site-search-tip {
	visibility: hidden;
    position: absolute;
    z-index: 999;
    top: 100%;
	right: 10%;
    width: 280px;
    padding: .5em 0;
    /* background-color: #404852; **styled in admin options */
    text-align: center;
	word-spacing: 6px;
	-webkit-box-shadow: 2px 3px 2px 0px #B0B0B0;
	box-shadow: 2px 3px 2px 0px #B0B0B0;
	-webkit-transition: visibility 400ms ease;
	transition:         visibility 400ms ease;
}

.search-form .search-field {
	position: relative;
	width: 250px;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	background-image: url(images/search-box-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-color: #fff;
	border: 2px solid #404852;
	cursor: pointer;
	color: #404852;
	font-size: .75em;
	font-weight: 500;
}

.search-form .search-field:focus {
	cursor: text;
}

.search-form .search-submit { 
display:none;
}

/* Translation Styles */
#trans {
    position: absolute;
	overflow: hidden;
}

/* Footer Navigation */

.footer-menu {
	text-align: left;
}

.footer-menu li {
	/* display: block; set in media queries */
	position: relative;
}

.footer-menu-title {
	margin-top: 0.85em;
	font-size: 1.25em;
	text-transform:uppercase;
	letter-spacing: 1px;
}


/* Post Navigation */

#nav-below {
	margin: 2rem 0;
	border-top: #ccc 1px solid;
}

#nav-below.post-navigation {
	font-size: .6em;
	padding: .5em 1em 0;
}

.nav-previous {
	width: 50%;
	display: inline-block;
	float: left;
	text-align: left;
}

.nav-next {    
	display: inline-block;
    width: 50%;
    float: right;
    padding-right: 2em;
	text-align: right;
}


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

.page-footer {
	margin: 0;
	/* background: #404852; **Set in Appearance Panel */
	font-family: 'Myriad Set Pro Thin', 'Helvetica Neue', Helvetica, 'Open Sans', sans-serif;
	/* color: #ffffff; **Set in Appearance Panel */
	text-align: center;
	clear: both;
}

.page-footer a {
	display: block;
	/*  color: #cccccc; **Set in Appearance Panel */
}

.page-footer a:hover {
	/* color: #ffffff; **Set in Appearance Panel */
	text-decoration: underline;
}

.page-footer a:visited {
	/* color: #ffffff; **Set in Appearance Panel */
	text-decoration: underline;
}

#foot-prime {
	color: #ffffff;
  	text-align: justify;
  	font-size: 0.1px; /* IE 9 & 10 don't like font-size: 0; */
	display: -webkit-flex;
	display: -moz-flex;
	display: inline-flex;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.foot-full {
	/* width: 98%; set in media queries */
	/* max-width: 1300px; set in media queries */
}

.wrapper:after {
	display: table;
	clear: both;
	content: " ";
}

.foot-col{
	display: inline-block;
	/* width: 20%; set in media queries */
	position: relative;
	font-size: 14px;
	text-align: center;
	vertical-align:top;
}

footer .widget{
	width:90%;
	padding: 0;
    margin: 2em auto;
    overflow: hidden;
	text-align: left;
}

.first-block {
	clear: left;
}

.after-first-block {
	margin-left:5%;
}

.last-block {
	width: auto;
	margin-left: 5%;
}

.foot-col:after {
	content: '';
	width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
	display: inline-block;
}

#top-foot {
	padding: 1em 0 .5em;
}

#bottom-foot{
	padding: .25em 0;
	color: #a7abb1;
	/* border-top: 2px solid #373E47;  **Set in Appearance Panel */
	border-top-width: 2px;
	border-top-style: solid;
}

#bottom-foot a {
	color: #a7abb1;
}


#copy-info {
	float: left;
	font-size: .65em;
	line-height: 46px;
	padding-left: 16px;
	vertical-align: middle;
}


/* ---------- Widget Styles ---------- */

.widget {    
	clear: both;
    position: relative;
    padding: 1.5em 0;
    float: none;
}

.widget:first-child {
	padding-top:0;
}

.widget h3 {
	font-size: 17px;
}

.widget-title {
	margin-top: 0.85em;
	text-transform:uppercase;
	letter-spacing: 1px;
}

#secondary {
	margin: 0;
}

#secondary h3 {
	color: #333333;
	font-weight: 600;
}

#secondary ul {
	padding: 0;
	list-style: none;
}

#secondary li {
	font-size: .95em;
	line-height: 1.5em;
}

#secondary li a {
	color: #889095;
}

#secondary li a:hover {
	padding: 7px 0;
	color: #286090;
	text-decoration: underline;
}

.recent-news li {
	border-top: #e1e1e1 3px solid;
	font-style: italic;
	padding: .4em 0;
}

.recent-news li:first-child {
	border: none;
}
	

/* ---------- Sidebar Styles ---------- */


.sidebar {
    float: none;
    width: auto;
    overflow: hidden;
    display: block;
    clear: none;
	padding: 2.5em 0 3.5em 3.5em;
	color: #889095;
    border-left-style: solid;
    border-left-width: 1px;
	border-left-color: #e1e1e1;
	text-align:left;
}

/* ---------- Post Styles ---------- */

#primary {
	padding-top: 2.25em;
}

.post {
	text-align: left;
	padding-right: 2em;
	padding-bottom: 2em;
}

.entry-title {
	font-size: .9em;
	font-weight: 600;
	line-height: 1.3;
	padding-left: 1.5em;
}

.entry-meta, .entry-content {
	display:block;
	font-size: .6em;
	padding-left: 2em;
	position: relative;
}

.entry-header {
	margin: .5em 0;
	font-size: 16px;
	border-bottom: #ccc 1px solid;
}

.entry-content {
	margin-right: 2em 3em 0 0;
}

.excerpt-decoration { 
	font-size: 16px;
}

/* ---------- Social Link Styles ---------- */

.social-icon-foot {
	height: 30px;
	width: 30px;
	background-color: transparent;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	color: #ccc;
	-webkit-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
}

#bottom-foot .social-links {
	float: right;
	text-align: center;
}

.social-links ul {
	list-style: none;
}

.social-links li {
	display: inline-block;
	margin: 0 10px;
}

.fb-icon:hover {
	background-color: #566fa2;
}

.tw-icon:hover {
	background-color: #26b2e7;
}


/*--------Display Object Styles ---------*/

.feat-banner {
	display: flex;
	margin-bottom: 2em;
}

.feat-sq {
	position: relative;
	display: inline-block;
	margin: 0px auto;
}

.feat-sq-img > span{
	width: inherit; /*must be same as feat-square */
	height: inherit; /*must be same as feat-square */
    display: -webkit-flex;
	display: flex; 
	-webkit-align-items:center;
	align-items: center;
	position: relative;
	left: 0;
	top: 0;
	text-align: center;
	opacity: 0;
	transition: opacity 2s;
}

.arrow-step {
  position: absolute;
  display: inline-block;
  /* top: 1em; 
  right:-73px; ** styled in media queries */
  z-index: 10;
  
}

.arrow-step img {
  /* width: 100%; ** styled in media queries */
  height: auto;
}

.video-letterbox {
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
	padding: 0px;
	margin-bottom: 2em;
}

.video-letterbox video {
	position: absolute;
	left: 0px;
	top: -60%;
}
	
.video-overlay:before{
  position: absolute;
  content:" ";
  width:100%;
  height:100%;
  display: block;
  z-index:0;
  background-image: repeating-linear-gradient(
  	-45deg, 
	#ccc,
	#ccc 10px,
	#8ee124 5px,
	#8ee124 15px);
  opacity: .5;
  background-color: rgba(142,225,36,0.5);
}

/*------------ Testemonials ----------*/

#testimonials {
	/*  margin-bottom: 2em; ** styled in media queries */
}
#testimonials .item {
	-moz-align-self: stretch;
	-ms-align-self: stretch;
	-webkit-align-self: stretch;
	align-self: stretch;
	-moz-flex-basis: 25%;
	-ms-flex-basis: 25%;
	-webkit-flex-basis: 25%;
	flex-basis: 25%;
	/* font-size: .85em; ** styled in media queries */
	/* margin-right: 20px; ** styled in media queries */
	/* margin-left: 20px; ** styled in media queries */
	/* padding-top: 1em; ** styled in media queries */
	/* padding-bottom: 1em; ** styled in media queries */
}


/* ---------- Home Pages Styles ---------- */

#prod-focus {
	padding-top: 0;
}

.full-button {
	width:98%;
	min-height: 1.5em;
	margin: .5em auto 1em;
	line-height: 1.5em;
}

#free-font-lnk {
	background-image: url('https://s3.amazonaws.com/Summitsoft-Digital-Assets/home-page/free-font-lnk-bkg.jpg');
}


#ss-edu {
	background-image: url('https://s3.amazonaws.com/Summitsoft-Digital-Assets/home-page/education-bkg.jpg');
}

#ss-kids {
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 3.5em;
	margin-bottom: 1.5em;
}

#ss-kids figure, #ss-kids p {
	display: inline-block;
}

#ss-kids p {
	margin-left: 24px;
	font-size:.75em;
}

#company-spot {
	width: 100%;
}

#company-image {
	background-image: url("https://s3.amazonaws.com/Summitsoft-Digital-Assets/home-page/omaha-skyline.jpg");
	height: 25%;
	padding: .5em 1em;
}


.bkg-shading-1{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #cccccc;
	opacity: .5;
}



#about-ss {
	-moz-align-items: center;
	-webkit-align-items: center; /* Safari 7.0+ */
	align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-around; /* Safari 7.0+ */
    display: flex;
	color: #ffffff;
	justify-content: space-around;
	position: relative;
	text-align: left;
}

.bkg-shading-1-half {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ffffff;
	opacity: .5;
}

.about-desc {
	background-image: url('https://s3.amazonaws.com/Summitsoft-Digital-Assets/home-page/about-summitsoft-bkg.png');
	background-repeat: repeat;
	display: inline-block;
	position: relative;
	height: 100%;
	padding: 1em 1.5em;
	width: 50%;
}

.about-desc h3 {
	margin-bottom: .5em;
	font-weight: 600;
}

/* .about-desc p {
	font-size: .75em;
	margin-bottom: .5em;
}  */

#about-lnk {
	/* position: absolute; depreciated
	bottom: 1.5em;
	right: 2em;
	font-size: .8em; */
	text-align: right;
	width: 100%;
}

#about-lnk a {
	color: #ffffff;
}

#about-lnk a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#ss-building {
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-webkit-inline-flex;
	display: -moz-webkit-inline-flex;
    display: inline-flex;
	margin-right: auto;
	margin-left: auto;
	padding: 1em 1.5em;
	text-align: center;
	width: 50%;
	
}

#ss-building img {
	margin-right: auto;
	margin-left: auto;
	max-height: 325px;
}

#retailers-slides {
	text-align:left;
}

#retailers-slides h3{
	font-size:.75em;
}

/* Mac Apps Styles */
#mac-apps .item {
	-moz-align-self: stretch;
	-ms-align-self: stretch;
	-webkit-align-self: stretch;
	align-self: stretch;
}

/* Free Fonts Lightbox Sign Up */
#mc-fonts {
	background:#5cb324; 
}


.font-lightboxcontainer {
	background:#5cb324;
	color: #ffffff;
	display: -webkit-flex;
	display: flex;
    text-align: center;
    width: 100%;
}

.font-lightboxleft {
  	/* float:left;
  	width: 72%;  */
}

.font-lightboxright {
	display: -webkit-flex;
	display: flex;
	flex-direction: -webkit-column;
	flex-direction: column;
	/* font-size: 1.1em; *** styled in media queries */
	font-weight: 600;
	/* margin-right: auto; ** styled in media queries */
	/* margin-left: auto; ** styled in media queries */
	/* max-width: 400px; ** styled in media queries */ 
	/* padding: 1.5em 2em 0 2em; ** styled in media queries */
	justify-content: space-around;
}

.font-lightboxright h3 {
	/* font-size: 1.2em; ** styled in media queries */
	/* margin-bottom: 1em; ** styled in media queries */
}

#font-signup{
	clear:left;
	color: #fff;
	/* font-size: 1em; ** styled in media queries */
	/* text-align: left; ** styled in media queries */
	/* width: 100%; ** styled in media queries */
}

#font-signup-form {
	clear: left;
}

#font-signup-form .email {
	color: #000;
	max-width: 400px;
	width: 100%;
}

#font-signup-form .button-wrapper {
	text-align: center;
}
#font-signup-form .button {
	margin-right: auto;
	margin-left: auto;
}


.os-logo{
	position: relative;
}

.os-logo figure {
	position: absolute;
    /* right: .75em; Set in Media Queries */
    /* bottom: -1em; Set in Media Queries */
}


.soft-solutions, .deal-day {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	align-self: stretch;
}

.deal-day {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.deal-day .item-foot {
	margin: 0;
	font-weight: 700;
}

.deal-day .item-title h2, .deal-day .item-foot p {
    font-size: 1.9em;
}

.deal-day .item-title h2 {
    margin: .5em 23px;
    text-align: left;
}

.deal-day .item-foot p {
    margin: .5em 2em .25em 0;
	padding: 0;
    text-align: right;
    line-height: 1;
}

.fonts-section {
	font-size: 1.25em;
	color: #ffffff;
}

.font-container {
    position: relative;
    display: flex;
    /* min-height: 18.75em; */
    justify-content: flex-end;
    align-items: center;
    margin: 1em 0;
    background-color: rgba(252,30,103, .8);
}

.font-sample {
	flex: 0 1 40%;
}

.font-icon-wrapper {
    position: absolute;
    /* right: 6em; Set in Media Queries */
    bottom: -1em;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /* max-width: 450px; Set in Media Queries */
    padding: 0 0 0 48px;
	font-size: 2em;
}

.font-copy-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
}

.font-title h2 {
    margin: 0;
	font-size: 1.35em;
}

.font-button {
    font-size: .75em;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.font-button a {
	padding: .55em .75em;
}

.font-sample {
	text-align: right;
}

/* ---------- Product List Styles ---------- */
#main-section {
	background: #ffffff;
	min-height: 700px;
}

.prod-list-wrapper {
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -webkit-inline-flex;
	display: inline-flex;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;	
	-webkit-justify-content: space-around;	
	justify-content: space-around;
	width: 100%;
}





.prod-list-cat {
	display: flex;
	justify-content: space-around;
	align-items: stretch;
	flex-wrap: wrap;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
}

h3.prod-list-title {
	flex: 1 1 100%;
	font-size: .75em;
	margin: 0 0 .5em 0;
	background: url(images/title-bkg.jpg) repeat-x center;
}

h3.prod-list-title span{
	margin: 0 0 .5em 0;
	background-color: #ffffff;
}
.prod-list {
	-moz-flex: .5 1 30%;
	-ms-flex: .5 1 30%;
	-webkit-flex: .5 1 30%;
	flex: .5 1 30%;
	/* margin: 1em 24px 2em; ** styled in media queries */
	text-align: left;
}

.prod-list img {
 /* old .prod-box { 
	vertical-align: top; */
	/* margin-right: 10px;** styled in media queries */
	max-width:150px;
	float: left;
}
/* old
.prod-details {
    -webkit-flex: 2;
	flex:2;
} */

.prod-list h3 {
/* old .prod-details h3 { */
	margin-top:0;
	font-size: .8em;
}

/* old .prod-desc {
	font-size: .65em;
} */

.prod-list p {
	margin-bottom: .5em;
	padding-bottom: 0;
	font-size: .65em;
}

.prod-list-price {
	margin-bottom: .5em;
}

/*.sing-prod-list {
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: inline-flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	margin: 1em .75em 2em;
	font-size: 24px;
	text-align: left;
}


/* ---------- Home Page Styles ---------- */

.callback-wrapper {
	position: relative;
}

.home-page-callout {
    position: absolute;
    border: #fc1e67 solid 2px;
    color: #fc1e67;
    font-weight: 700;
    transform: skewY(10deg);
}


/* ---------- Product Menu Styles ---------- */

#prod-menu-wrapper {
	width: 100%;
	background-color: #ffffff;
	border-bottom: #cccccc 1px solid;
	opacity: .95;
}

#prod-menu {
	/* width:80%; **styled in media query */
	/* max-width: 1300px; **styled in media query */
	/* margin: 0 auto; **styled in media query */
	/* padding: 0; **styled in media query */
	border-color:transparent;
	vertical-align: bottom;
	font-family:'Myriad Set Pro Thin', 'Helvetica Neue', Helvetica, 'Open Sans', sans-serif;
	color: #404852; /* matches color of header and footer background */
}

#prod-menu > ul > li {
	padding-bottom: 0;
}

#prod-name {
	/* margin: 1em 0 0; **styled in media query */
	/* font-size: .75em; **styled in media query */
	color: #404852; /* matches color of header and footer background */
	display: inline-block;
}

#prod-name a {
	color: #404852; /* matches color of header and footer background */
}

#prod-name a:hover {
	color: #286090; /* company color */
	text-decoration: none;
}

#prod-name .prod-price {
	font-family:'Myriad Set Pro Ultra Thin', 'Myriad Set Pro Thin', Helvetica, 'Open Sans', sans-serif;
	/* margin-left: 10px; **styled in media query */
}

#prod-nav li{
	/* font-size: .65em;  **styled in media query */
}

#prod-nav li > a {
	/* margin: 1em 0 0; **styled in media query */
	/* padding: 0 1.25em; **styled in media query */
	color: #404852; /* matches color of header and footer background */
}

#prod-nav li:last-child { /* buy button styling */
	padding: 0;
	/* margin: .25em 0 0 1em;  **styled in media query */
}

#prod-nav li:last-child > a {/* buy button styling */
	padding: 0;
	margin: 0;
}

.prod-platform {
	display: inline-block;
	margin-right: 8px;
	max-height: 38px;
}

.prod-platform img {
	vertical-align: bottom;
}

.dropdown-menu {
/*	font-size: 1.35em; */
}

/* buy button styling */
.buy-tip {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    visibility: hidden;
    width: 200px;
    padding: .75em 0;
    background-color: #ffffff;
    text-align: center;
	word-spacing: 6px;
	border: #ccc 1px solid;
    border-radius: 6px;
	-webkit-box-shadow: 2px 3px 2px 0px #B0B0B0;
	box-shadow: 2px 3px 2px 0px #B0B0B0;
	
    
    /* Position the tooltip */
    position: absolute;
    z-index: 999;
    top: 115%;
    left: 50%;
    margin-left: -100px;
}

.buy-tip:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -12px;
  width: 0; height: 0;
  border-bottom: 6px solid #ccc;
  border-right: 6px solid transparent;
  border-left: 13px solid transparent;
}

.buy-tip:after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
}

.ss-buy-btn {
	display: inline-block;
	/* padding: 4px 9px 2px; **styled in media query */
	margin-top: 0;
	margin-bottom: 0;
	/* font-size: 14px; **styled in media query */
	/* line-height: 1.42857143;  **styled in media query */
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 4px;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.ss-buy-btn span{
	/*color: #ffffff; */
}


.buy-enabled {
	/* border: 1px solid #2e6da4; */
	/* background: #3e9ae0; /* Old browsers */
	/* background: -moz-linear-gradient(top,  #3e9ae0 0%, #337ab7 40%, #337ab7 60%, #286491 100%); /* FF3.6-15 */
	/* background: -webkit-linear-gradient(top,  #3e9ae0 0%,#337ab7 40%,#337ab7 60%,#286491 100%); /* Chrome10-25,Safari5.1-6 */
	/* background: linear-gradient(to bottom,  #3e9ae0 0%,#337ab7 40%,#337ab7 60%,#286491 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e9ae0', endColorstr='#286491',GradientType=0 ); /* IE6-9 */
}

.buy-disabled {
	border: 1px solid #626C7C;
	background: #cccccc; /* Old browsers */
    background: -moz-linear-gradient(top,  #cccccc 0%, #757575 60%, #404852 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #cccccc 0%,#757575 60%,#404852 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #cccccc 0%,#757575 60%,#404852 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#404852',GradientType=0 ); /* IE6-9 */
}

#prod-nav li > a:hover {
	background-color: transparent;
	color: #286090; /* company color */
}

#prod-nav li > a:active {
	background-color: transparent;
	color: #286090; /* company color */
}

/* ---------- Product Sub-Menu Styles ---------- */
#prod-nav li ul li {
	list-style: none;
	font-size: 1em;
}

#prod-nav li ul li:last-child {
	padding:0;
	margin: 0;
}

#prod-nav li ul li:last-child a {    
	margin: 1em 0 0;
    padding: 0 1.25em;
}

/*---------- Bootstrap overrides --------- */
.affix-top {
	position: relative;
	z-index: 899;
}

.affix {
	top: 0px;
	z-index: 899 !important;
}
.container-fluid {
	padding-right: 0;
	padding-left: 0;
}

.navbar-right {
	-webkit-align-items: flex-end;
	align-items: flex-end;
	display: -webkit-inline-flex;
	display: inline-flex;
	margin-right: 0;
}

/*----------- Product page Styles ----------*/
#prod-container {
	position: relative;
	width: 100%;
	min-height: 600px;
	text-align: center;
}

#prod-container h1, #prod-container h2, #prod-container h3, #prod-container h4, #prod-container h5 {
	font-family:'Myriad Set Pro Thin', 'Helvetica Neue', Helvetica, 'Open Sans', sans-serif;
}

#prod-container h1 {
	font-size: 2.5em;
}

#prod-container h2 {
	font-size: 1.65em;
}

#prod-container ul {
	margin: 1em auto 2em;
}

#prod-container > li {
	text-align: left;
	padding: .5em 0 .5em;
}

#prod-container > section {
	/* height: auto; */
  	margin: 3em auto 2em;
  	clear:both;
	overflow: hidden;
}

#prod-container h3 {
	font-weight: bold;
	margin-bottom: .5em;
}

/*--------- Page Presentation Feature Styles ---------*/
.hero-img-wrapper {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

/* Depreciated */
 /*#lds-title-img {
	width: 100%;
	max-width: 1300px;
	height:auto;
	background-repeat: no-repeat;
	background-size: 100%; /* 300%; for spinning color wheel
	background-image: url(https://s3.amazonaws.com/Summitsoft/website/logo-design-studio-pro-1/logo-color-01.png);
	background-position: 0 0;
} */
 
 .title-tag {
	 text-align: center;
 }
  
  section:after{
	  clear: both;
  }
  
 #sect1-images, #sect2-images, #sect3-images, #sect4-images{
	 position: relative;
 }
 
 .scroll-img {
	 display: inline-block;
 }
 
 #logo-build-scroll {
	 /* display: -webkit-flex;
	 display: flex; **styled in media query */
 }
 
 #logo-build-scroll-images{
	height:100%;
	width: 100%;
	max-height:975px; /* height of hero image -- full screen */
	max-width: 1078px; /* width of hero image -- full screen */
	display: inline-block;
	/* margin-left: 2%; **styled in media query*/
 }
 
 #logo-build-scroll-images img {
	height: auto;
	width: 100%;
	max-height: 941px;
	max-width: 1078px;
 }
 
 .layered-img-wrapper {
	width: inherit;
 }
 
 .layered-img {
	position: absolute;
	margin: 1em 0;
	background-repeat: no-repeat;
 }
	 
 .layered-img-left {
	position: relative;
 	display:inline-block;
	float: left;
	margin-left:2%;
 }
 
 .layered-img-right {
 	display:inline-block;
	margin-right:2%;
	text-align: left;
 }
 
 /* Remove? */
 #logo-build-scroll-img-1 {
	height: 100%;
	width: 100%;
	max-height: 941px;
	max-width: 1078px;
	z-index:0;
	
 }
 
 /* Remove? */
 .sprout-img {
	width: 975px;
	height: 1078px;
}
 
 #logo-build-scroll-img-2 {
	position: absolute;
	/* left: 0;
	top: 0; **styled in media query */
	width: 100%;
	height: 100%;
	max-height: 941px;
	max-width: 1078px;
	/* margin: 4% 0 0 2%;
	background: url(https://s3.amazonaws.com/Summitsoft/website/logo-design-studio-pro-1/sprout-sprite2.png) no-repeat; **styled in media query */
	background-position: 0% 0%;
	background-size:400%;
	background-repeat: no-repeat;
	z-index:10;
	
} 


.ss-download-btn, .cta-btn {
	border: 1px solid #2e6da4;
	border-radius: 4px;
	background: #3e9ae0; /* Old browsers */
	background: -moz-linear-gradient(top,  #3e9ae0 0%, #337ab7 40%, #337ab7 60%, #286491 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #3e9ae0 0%,#337ab7 40%,#337ab7 60%,#286491 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #3e9ae0 0%,#337ab7 40%,#337ab7 60%,#286491 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e9ae0', endColorstr='#286491',GradientType=0 ); /* IE6-9 */
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.1em; 
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	padding: .25em;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.ss-download-btn span, .cta-btn span {
	color: #ffffff;
}

.ss-download-btn:hover, .cta-btn:hover {
	background: #2390dd; /* Old browsers */
    background: -webkit-linear-gradient(#2390dd 1%, #126bb5 40%, #126bb5 60%, #0f598e 100%);
    background: -o-linear-gradient(#2390dd 1%, #126bb5 40%, #126bb5 60%, #0f598e 100%);
    background: linear-gradient(#2390dd 1%, #126bb5 40%, #126bb5 60%, #0f598e 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2390dd', endColorstr='#0f598e',GradientType=0 ); /* IE6-9 */
}



/* ---------- Product Aside Styles ---------- */

.hero-img-aside{
	display: inline-block;
	/* width:30%;**styled in media query */
	/* max-width: 500px;**styled in media query */
	/* margin-top: 2em;**styled in media query */
	vertical-align: top;
}

hero-img-aside-right {
	/* margin-top: 2em; **styled in media query */
}

.prod-aside{
	width: 100%;
	/* min-width: 215px;**styled in media query */
	/* max-width: 300px;**styled in media query */
	margin: 0;
	position: relative;
	color: #cccccc;
	/*font-size: 16px; **styled in media query */
	/* padding: 2% 2.25% 1% 15%;**styled in media query */
	text-align: right;
	
}

.prod-aside-left {
	float:right;
}

.aside-active {
	background: #404852;
	color: #ffffff;
	border: #373E47 2px solid;
}

.aside-right {
	/* padding: 2% 2.25% 1% 15%; **styled in media query */
}

.aside-right .aside-title, .aside-right .aside-body {
	text-align: left;
}

.aside-left {
	/* padding: 8px 15% 3px 10px;**styled in media query */
	text-align: left;
	margin-right:0;
	margin-left:auto;
}

.aside-left .aside-title, .aside-left .aside-body {
	text-align: right;
}

.aside-title {
	/* margin-bottom: .6em;**styled in media query */
	/* font-size: 1.25em;**styled in media query */
	font-weight: bold;
	/* line-height: 1.25em;**styled in media query */
}

.aside-body{
	/* line-height: 1.55em; **styled in media query */
}

/* ---------- Product Sample Styles ---------- */

.quote {
	width: 75%;
	margin: 1.5em auto 3em;
	font-size: .85em;
	font-style: italic;
}


/* Parallax Scrolling */
.hero-parallax-section {
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	width: 100%;
}

.parallax-left-highlight {
	height:100%;
	padding: 1em 16px;
	position: relative;
	/* width: 30%;  managed in media queries */
}

.parallax-left-highlight img {
	position: relative;
}

.parallax-title {
	margin-bottom: 1em;
}

.parallax-badge-wrapper {
	align-content: space-around;
	display: flex;
	margin-bottom: 1em;
	width:100%;
}

.parallax-badge {
	margin: 0 8px;
}

.parallax-float-left {
	float: left;
	position: relative;
	width: 115%; /* must be wider than 100% to overhang opaque div */
	
}


/*  Flipping Tiles Styles */

/* entire container, keeps perspective */
/* #sect3 {
	width: 100%;
}

.flip-container {
	perspective: 1000;
  	width: 98%;
  	min-height: 480px;
  	margin: 0 auto;
}

/* flip the pane when hovered 
.flip-container:hover .flipper, .flip-container.hover .flipper {
	transform: rotateY(180deg);
}


/* flip speed goes here 
.flipper {
	transition: 0.9s;
	transform-style: preserve-3d;
	position: relative;
  	height: auto;
 	margin: 0 auto;
}

/* hide back of pane during swap 
.front, .back {
  	width: 100%;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
  	text-align: center;
}

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

/* back, initially hidden pane
.back {
	transform: rotateY(180deg);
}

.flipper-content-wrapper {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align:center;
} */


/*Mosaic Flipping Tiles */

.mosaic-row-wrapper {
	-webkit-display: flex;
	display: flex;
	justify-content: -webkit-space-around;
	justify-content: space-around;
}

.mosaic-row-wrapper img {
	margin: 0em 0px;
}

.mos-sq-lft, .mos-sq-rt {
	width: 49%;
	max-width: 480px; /* Same width as image */
	display: inline-block;
	/* vertical-align: top; */
}

.mos-sq-lft .mos-sq-img, .mos-sq-rt .mos-sq-img {
	vertical-align: top;
}

.mos-text-wrap {
	/* height: 480px; Same height as image */
	width: 70%;
	/* display: flex;
	justify-content: center;
	flex-direction: column;
	vertical-align: middle; */
	font-size: 1em;
	margin: 0 auto;
	padding: 5px;
}

.mos-text-wrap p {
	margin: 1em 0;
}

.mos-sq-img {
	width: 100%;
	max-height: 480px;
	max-width: 480px;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
}
.mos-sq-img span{
	position: absolute;
	top: 0;
	left: 0;
}

#mos-sq-img-1 {
  	background-image: url(https://s3.amazonaws.com/Summitsoft/website/graphic-design-studio-1/HotJava.gif);
	background-repeat: no-repeat;
	background-size: contain;
}

#mos-sq-img-1 img {
	opacity: 0;
  	/* background-image: url(https://s3.amazonaws.com/Summitsoft/website/graphic-design-studio-1/HotJava-hero-shot.jpg); */
	transition: opacity 2s;
}

#mos-sq-img-1 img:hover {
  	opacity:1;
}

#mos-sq-img-2 {
  	background: url(https://s3.amazonaws.com/Summitsoft/website/graphic-design-studio-1/Vinabella-wine-menu.gif);
	background-repeat: no-repeat;
	background-size: contain;
}

#mos-sq-img-2 img {
	opacity: 0;
  	/* background-image: url(https://s3.amazonaws.com/Summitsoft/website/graphic-design-studio-1/Vinabella-hero-shot.jpg);*/
	transition: opacity 2s;
}

#mos-sq-img-2 img:hover {
  	opacity:1;
}

#mos-sq-img-3 {
  	background: url('https://s3.amazonaws.com/Summitsoft/website/graphic-design-studio-1/FishJK-in-bag.gif');
	background-repeat: no-repeat;
	background-size: contain;
}

#mos-sq-img-3 img {
	opacity: 0;
  	/* background-image: url('https://s3.amazonaws.com/Summitsoft/website/graphic-design-studio-1/FishBowl-hero-shot.jpg'); */
	transition: opacity 2s;
}

#mos-sq-img-3 img:hover {
  	opacity:1;
}

/* Image Focus-Squares styling */

.img-sqrs-wrapper{
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	/* padding-top: 2em; **managed in media queries */
	/* padding-bottom: 2em; **managed in media queries */
	width:100%;
}

.img-sqrs {
	display: inline-block;
	height: auto;
	margin-right: 5px;
	margin-left: 5px;
	max-width:455px;
	width:23%;
}

.img-sqrs img{
	width: 100%;
	height: auto;
	max-width: 455px;
	margin:0 !important;
}

#img-sqrs-1, #img-sqrs-2, #img-sqrs-3, #img-sqrs-4 {
	background-repeat: no-repeat;
    background-size: contain;
	max-width:455px;
}
/* Depreciated
#img-sqrs-1 img, #img-sqrs-2 img, #img-sqrs-3 img, #img-sqrs-4 img {
	opacity: 0;
	transition: opacity .5s;
} */

/* Depreciated
#img-sqrs-1 img:hover, #img-sqrs-2 img:hover, #img-sqrs-3 img:hover, #img-sqrs-4 img:hover {
  	width:100%;
	opacity:1
} */

#img-sqrs-1 {
  	background-image: url(https://s3.amazonaws.com/Summitsoft-Digital-Assets/home-page/logo-design-studio-focus-grey-2-455.jpg);
}

#img-sqrs-2 {
  	background-image: url(https://s3.amazonaws.com/Summitsoft-Digital-Assets/home-page/creative-fonts-focus-grey-2-455.jpg);
}

#img-sqrs-3 {
  	background-image: url(https://s3.amazonaws.com/Summitsoft-Digital-Assets/home-page/graphic-design-studio-focus-grey-2-455.jpg);
}

#img-sqrs-4 {
  	background-image: url(https://s3.amazonaws.com/Summitsoft-Digital-Assets/home-page/summitsoft-other-products-focus-grey-455.jpg);
}

/* Testamonials */

.cust-logo {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.cust-logo img {
	border-radius: 100px;
	max-height: 200px;
	max-width: 200px;
}
.cust-test {
	padding-left: 8px;
}


/* ---------- Product Sample Styles ---------- */
#sample-wrapper { 
	margin: 1em auto; 
	position: relative;
	width: 100%;
	padding: 10px;
}

.lds-logo-sample { 
	position: relative;
	display: inline-block;
	
}

.lds-logo-sample img{ 
	height: 200px;
	width: auto;
	margin: 10px;
	
}

/* Product Features */
.prod-feat {
	align-items: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
    -webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	/* margin: 1em auto 1em; set in media queries */
	/* width: 95%; set in media queries */
}

/* .prod-feat-title {
	font-weight: 600;
}  set in media queries */

.prod-feat p {
	font-size: 1em;
	vertical-align: middle;
	display: block;
}
/* .feat-list-img {
	width: 25%;
}  managed in media queries */

.feat-list-desc {
	/* -webkit-order: 1;  managed in media queries */
	/* order: 1;  managed in media queries */
	/* padding: .5em 0 .5em 1em; managed in media queries */
	/* width: 70%; managed in media queries */
}

.feat-list-img figure {
	display: inline-block;
}

/*Product Checklist */
.prod-chcklst {
	margin-right: auto;
	margin-left: auto;
	/* width: 15%; manage in media queries*/
}

/* 2 col Product Feature  - Image & Description */
/* merge with .pro-feat ?*/

.prod-feat-2-col {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	margin-bottom: 1em;
}


.sect4-list-img {
	max-height: 250px;
	max-width: 250px;
	width: 25%;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	/* [disabled]float: left; */
}

.sect4-list-img-holder {
	/* for testing */
	height: 200px;
	width: 100%;
	margin: .5em;
}

.sect4-list-desc {
	width: 70%;
	display: inline-block;
	padding: .5em 0 .5em 1em;
	vertical-align: top;
	min-height: 250px;
}

#lds-screens {
	width: 98%;
	margin-right:auto;
	margin-left: auto;
}

.tabbed-gallery {
	margin: 2em 0;
}

.tabbed-gallery p {
	text-align: left;
}

.tabbed-gallery .col-sm-4 {
	padding-right:0;
	
}

.tabbed-gallery .align-lft {
	padding-left:0;
	
}

.tabbed-gallery .align-rt {
	padding-right:0;
	
}

.tabbed-gallery .nav > li > a {
	color:#286090;
}

.tabbed-gallery .nav-pills > li.active > a {
	background-color: #286090;
	color:#cccccc;
}

#lds-screen .tab-pane {
	text-align: left;
}

.tab-pane-desc-wrapper {
	position: relative;
	/* margin-top: 2.5em; styled in media queries */
	color:#286090;
	text-align: right;
	
}

.tab-pane-desc {
	position: absolute;
	top: 0;
	right:0;
	/* width:60%;
	margin-right: 5%;
	margin-left: auto;
	padding: 1em 0 1em 5%;
	font-size: .75em; styled in media queries */
}

.desc-inactive {
	display: none;
}


/* ---------- Tooltip Styles ---------- */
.lds-nl-tooltip {
	text-align: left;
	font-size: 1.25em;	
}

.lds-nl-tooltip p {
	font-size: 1.25em;	
}

.lds-nl-tooltip li{
	text-align: left;
}
/* ---------- Learn More Link Styles ---------- */

.learn-more, .learn-more-link {
	text-align:center;
	margin-top: 1em;
	font-size: .75em;
	font-decoration: none;
	clear: both;
	cursor: pointer;
}

.learn-more {
	color: #286090; /* company color */
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.class-a-prod-title, .class-a-prod-text{
	text-align: center;
}

.class-a-prod-text{
	width:100%;
}

.class-a-prod-text ul{
	text-align: center;
	list-style:outside;
	list-style-type:disc;
}

.class-a-prod-more{
	color: #286090; /* company color */
	width:100%;
	cursor: pointer;
	clear: both;
}

#sect1-learn-more {
	text-align:center;
}

#samp-learn-more {
	margin: 0 auto 2em;
}



.learn-more-link a{
	color: #286090; /* company color */
}

.learn-more > a:hover{
	color: #286090; /* company color */
	text-decoration: underline;
}

.learn-more-link > a:hover{
	color: #286090; /* company color */
	text-decoration: underline;
}

.prod-more-info {
	display:none;
	/*border-bottom: #e1e1e1 2px solid; */
	border-bottom-width: 2px;
	border-bottom-style: solid;
	padding-bottom: 15px;
}

.prod-more-info p, .prod-more-info li  {
	font-size: .65em;
	line-height: 1.75em;
	text-align: left;
}

.pro-services {
	width:75%;
}

/*--------- Modal styling ---------*/
.modal {
	top: 50px !important;
}

.modal-body {
	text-align: center;
}

#lds-video .modal-header {
	background-color:transparent;
}




/*--------- Comments styling ---------*/

#comments {
	margin: 1em 1em 1em 2em;
	padding: 1em;
	text-align: left;
}

.comments-title {
	text-align:left;
}

ul.commentlist {
	list-style: none;
}

ul.commentlist ul{
	list-style: none;
}


section.comment {
	margin: .5em 0;
	padding: .5em 1em;
	background: #ffffff;
}

.author-avatar {
	display: inline-block;
	position: relative;
	float: left;
	clear:left;
	margin: 0 2em;
}

.comment-date, .comment-author, .comment-meta {
	display: inline-block;
	width: auto;
}

.comment-content {
	display: block;
	width: 100%;
}

.comment-content p {
	margin-bottom: .75em
}

.reply {
	display: block;
	font-size: .75em;
	text-align: right;
}

.write-review-link {
	width: 100%;
	display: block;
	text-align: center;
}

#comment-nav-below .nav-previous {
	text-align: left;
}

#comment-nav-below .nav-next {
	text-align: right;
}

.rw-report-link, .rw-ui-info-container { 
	display: none;
}

/*--------- Category Archive Page styling ---------*/

.category-archive {
	margin-top: 2.5em;
	text-align: left;
}

.category-archive h3 {
	font-size: 1.2em;
}

.category-archive ul {
	padding-left: 1em;
	list-style: none;
}

/*--------- Form styling  ---------*/

#mc_embed_signup{
	background:#fff; 
	clear:left;
}

.sign-up-wrapper {
	border: #ccc 1px solid;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.indicates-required, .asterisk {
	color: red;
}

.asterisk {
	font-size: .75em;
}

.ss-form-button {
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 4px;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
}

.ss-form-button {
	border: 1px solid #2e6da4;
	background: #3e9ae0; /* Old browsers */
	background: -moz-linear-gradient(top,  #3e9ae0 0%, #337ab7 40%, #337ab7 60%, #286491 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #3e9ae0 0%,#337ab7 40%,#337ab7 60%,#286491 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #3e9ae0 0%,#337ab7 40%,#337ab7 60%,#286491 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e9ae0', endColorstr='#286491',GradientType=0 ); /* IE6-9 */
}

.ss-form-button:hover {
	border: 1px solid #2e6da4;
	background: #3e9ae0; /* Old browsers */
	background: -moz-linear-gradient(top,  #3e9ae0 0%, #337ab7 40%, #337ab7 60%, #286491 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #3e9ae0 0%,#337ab7 40%,#337ab7 60%,#286491 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #3e9ae0 0%,#337ab7 40%,#337ab7 60%,#286491 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e9ae0', endColorstr='#286491',GradientType=0 ); /* IE6-9 */
	
}
	

/*--------- Specific Product Pages styling  ---------*/

/* Logo Design Studio Pro */

#lds-intro {
	padding-top: 0 !important;
}

#lds-intro-parallax {
	/* background-image: url('https://s3.amazonaws.com/Summitsoft-Digital-Assets/logo-design-studio-pro/product-page/logo-design-studio-pro-small-business-banner-2-2000.jpg'); managed in media queries */
	/*height: 1200px; managed in media queries */
	background-position: top;
}

#pro-assist {
    background-image: url('https://s3.amazonaws.com/Summitsoft-Digital-Assets/logo-design-studio-pro/product-page/logo-design-assist-banner.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    font-size: .75em;
    padding-top: 0;
}

#pro-assist > div { 	
    display: -webkit-flex; 	
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 3.75% 1.75% 42.5% 1.75%;
	width: 100%;
}

#pro-assist > div > div {
	height: 54%;
    text-align: right;
    width: 35%;
}

#pro-assist h2 {
	margin-top: 0;
}

/* Logo Design Professional Assistance */
.assist-steps-wrapper {
	display: table;
	position: relative;
	width: 100%;	height: 150px; /* Same height as step image */
}

.assist-steps {
	position: absolute;
  	display: table-cell; 
}

.assist-steps h4 {
	text-align: left;
}

.assist-steps p {
  vertical-align: middle; 
  text-align: left; 
  padding-left: 5px;
}

/* GDS */

#gds-intro {
	margin-top: 0 !important;
}

#gds-intro > .hero-img-wrapper {
	max-width: none;
	position: relative;
}

@keyframes swatch-fan-2 {
    100% {
		transform: rotate(-21deg);
	}
}
@keyframes swatch-fan-3 {
    100% {
		transform: rotate(-34deg);
	}
}
@keyframes swatch-fan-4 {
    100% {
		transform: rotate(-47deg);
	}
}
@keyframes swatch-fan-5 {
    100% {
		transform: rotate(-60deg);
	}
}
@keyframes swatch-fan-6 {
    100% {
		transform: rotate(-73deg);
	}
}
@keyframes swatch-fan-7 {
    100% {
		transform: rotate(-86deg);
	}
}
@keyframes swatch-fan-8 {
    100% {
		transform: rotate(-99deg);
	}
}
@keyframes swatch-fan-9 {
    100% {
		transform: rotate(-113deg);
	}
}
@keyframes swatch-fan-10 {
    100% {
		transform: rotate(-126deg);
	}
}

@keyframes swatch-fan-11 {
    100% {
		transform: rotate(-139deg);
	}
}

@keyframes swatch-fan-12 {
    100% {
		transform: rotate(-152deg);
	}
}

@keyframes swatch-fan-13 {
    100% {
		transform: rotate(-165deg);
	}
}

#gds-title-img {
	/* width: 1300px; delete */
	height: 600px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	box-sizing:border-box;
	position: relative;
}

@keyframes gds-title-fadein {
    0% {
		opacity:0; 
		top: -200px;
		}
	
	100% {
		opacity:1; 
		top: 0;
	}
}

#gds-title {
	display:block;
	width:95%;
	position: relative;
	top: -200px;
	margin: 0 auto;
	padding-top: 1em;
	z-index: 799;
    animation-name: gds-title-fadein;
	opacity: 0;
	animation-fill-mode: forwards;
	transition-property: transform;
	transition-delay: 6s;
	transition-timing-function: ease-out;
    animation-duration: 2s;
}

#gds-title h1 {
	margin-top:0;
}

.gds-swatch {
	display: inline-block;
	position: absolute;
	top: 35%;
	right:50%;
	animation-fill-mode: forwards;
	transition-property: transform;
	transition-delay: 6s;
	transition-timing-function: ease-out;
  	transform-origin: 340px 20px;
	transform-style: preserve-3D;
    animation-duration: 3s;
}

.swatch-1 {
	z-index: 790;
}

.swatch-2 {
	z-index: 789;
    animation-name: swatch-fan-2;
}
.swatch-3 {
	z-index: 788;
    animation-name: swatch-fan-3;
}
.swatch-4 {
	z-index: 787;
    animation-name: swatch-fan-4;
}
.swatch-5 {
	z-index: 786;
    animation-name: swatch-fan-5;
}
.swatch-6 {
	z-index: 785;
    animation-name: swatch-fan-6;
}
.swatch-7 {
	z-index: 784;
    animation-name: swatch-fan-7;
}
.swatch-8 {
	z-index: 783;
    animation-name: swatch-fan-8;
}
.swatch-9 {
	z-index: 782;
    animation-name: swatch-fan-9;
}
.swatch-10 {
	z-index: 781;
    animation-name: swatch-fan-10;
}
.swatch-11 {
	z-index: 780;
    animation-name: swatch-fan-11;
}
.swatch-12 {
	z-index: 779;
    animation-name: swatch-fan-12;
}
.swatch-13 {
	z-index: 778;
    animation-name: swatch-fan-13;
}


#gds-workspace {
	display: flex;
	height: 975px;
}

#gds-sect2-img-1 {
	width: 1078px;
	height: 950px;
}

#gds-example-use .feat-sq-img {
	width: 100%;
	max-width: 441px;
	height:auto;
	max-height:438px;
}


#gds-sq-img-1 img, #gds-sq-img-2 img, #gds-sq-img-3 img {
	opacity: 0;
	transition: opacity 2s;
}

#gds-sq-img-1 img:hover, #gds-sq-img-2 img:hover, #gds-sq-img-3 img:hover {
  	opacity:1;
}

#gds-sq-img-1 {
  	background-image: url('https://s3.amazonaws.com/Summitsoft/website/graphic-design-studio-1/DeepSea-hero-shot.jpg');
}


#gds-sq-img-2 {
  	background: url('https://s3.amazonaws.com/Summitsoft/website/graphic-design-studio-1/IndependenceDay-hero-shot.jpg');
}

#gds-sq-img-3 {
  	background: url('https://s3.amazonaws.com/Summitsoft/website/graphic-design-studio-1/SummerParty-hero-shot.jpg');
}




/* Website Creator 10 */

#wc-scroll {
	padding-bottom: 1.5em;
}

#wc-scroll-images {
	width: 1080px;
	height: 898px;
	background-image : url('https://s3.amazonaws.com/Summitsoft/website/website-creator-10/wc-5steps-sprite.png');
	background-position: 0 0;
	padding-bottom: 1em;
}


#scroller {
  width: 500px;
  height: 227px;
  margin: 3em auto;
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  -o-perspective: 500px;
}

#scroller .item {
  width: 500px;
  display: block;
  position: absolute;
  border-radius: 10px;
  -webkit-box-shadow: 0px 10px 6px 0px rgba(153,153,153,0.67);
  -moz-box-shadow: 0px 10px 6px 0px rgba(153,153,153,0.67);
  box-shadow: 0px 10px 6px 0px rgba(153,153,153,0.67);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  z-index: 0;
}

/* Since inset shadows don't play nice with images, we'll create a pseudo element and apply our image styling to that instead */
#scroller .item:before {
	border-radius: 10px;
	width: 500px;
	display: block;
	content: '';
	position: absolute;
	height: 100%;
	box-shadow: 1px 1px 5px 1px #999999 inset;
	-webkit-box-shadow: 1px 1px 5px 1px #999999 inset;
}

.scroller-img-wrapper {
	position: absolute;
}

#scroller .item img {
  display: block;
  border-radius: 10px;
}

#scroller .left {
  -webkit-transform: rotateY(25deg) translateX(-320px) skewY(-5deg) scale(0.4, 0.6);
  -moz-transform: rotateY(25deg) translateX(-400px) skewY(-5deg) scale(0.5, .8);
  -o-transform: rotateY(25deg) translateX(-320px) skewY(-5deg) scale(0.4, 0.6);
}

#scroller .middle {
  z-index:1;
  -webkit-transform: rotateY(0deg) translateX(0) scale(1);
  -moz-transform: rotateY(0deg) translateX(0) scale(1);
  -o-transform: rotateY(0deg) translateX(0) scale(1);
}

#scroller .right {
  -webkit-transform: rotateY(-25deg) translateX(320px) skewY(5deg) scale(0.4, 0.6);
  -moz-transform: rotateY(-25deg) translateX(400px) skewY(5deg) scale(0.6, 0.8);
  -o-transform: rotateY(-25deg) translateX(320px) skewY(5deg) scale(0.4, 0.6);
}

#scroller .left-hidden {
  opacity: 0;
  z-index: -1;
  -webkit-transform: rotateY(25deg) translateX(-430px) skewY(-5deg) scale(0.3, 0.5);
  -moz-transform: rotateY(25deg) translateX(-430px) skewY(-5deg) scale(0.3, 0.5);
  -o-transform: rotateY(25deg) translateX(-430px) skewY(-5deg) scale(0.3, 0.5);
}

#scroller .right-hidden {
  opacity: 0;
  z-index: -1;
  -webkit-transform: rotateY(-25deg) translateX(430px) skewY(5deg) scale(0.3, 0.5);
  -moz-transform: rotateY(-25deg) translateX(430px) skewY(5deg) scale(0.3, 0.5);
  -o-transform: rotateY(-25deg) translateX(430px) skewY(5deg) scale(0.3, 0.5);
}

.scroller-nav {
  position: absolute;
  width: 500px;
  height: 30px;
  margin: 170px 0 0;
  z-index: 2;
  display: none;
}

.scroller-nav .prev, .scroller-nav .next {
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  background-color: rgba(0,0,0,0.85);
  border-radius:15px;
  color: #E4E4E4;
  bottom: 15px;
  left: 15px;
  text-align: center;
  line-height: 26px;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px rgba(204,204,204,0.5), 0 0 0 1px rgba(0,0,0,0.7);
}

.scroller-nav .next {
  left: inherit;
  right: 15px;
}

.scroller-nav .prev:hover, .scroller-nav .next:hover {
  box-shadow: inset 0 0 0 2px rgba(204,204,204,0.5), 0 0 0 1px rgba(0,0,0,0.7);                
}

/* Website Creator 12 Page */
#final-image {
	background-size: 100%;
	background-repeat: no-repeat;
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	width: 100%;
}


#final-text {
	background: rgba(0,0,0,.80);
	/* left: 10%;  managed with media queries */
	overflow: hidden;
	/* padding: 1em 30px 0; managed with media queries */
	position: absolute;
	top: 0;
	/* width: 45%;  managed with media queries */
}

#final-text-wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	height: 100%;
	/* padding-bottom: 10%;  managed with media queries */
}



/* Font Landing Page */
#font-intro {
	padding-top: 0;
	position: relative;
}

#font-video-overlay-wrapper {
	position: absolute;
	/* top:13%;
	left: 35%; ** styled in media queries */
	z-index: 10;
}


/* Creative Font Pages */

.font-banner {
	position: relative;
	width: 100%;
	/* height: 455px;
	margin-top: 2em; ** styled in media queries */
	background-size: contain;
	background-repeat: no-repeat;
}

.font-title-right {
    position: absolute;
    /* width: 35%;
    right: 0px;
	margin-right: 2%; ** styled in media queries */
    text-align: center;
}

.brand-sm {
	/* font-size: 0.5em; ** styled in media queries */
	display: block;
}

.font-features {
	display: flex;
	justify-content: space-between;
}

.font-feat-3 {
	width: 28%;
	margin: 0 auto;
}

.font-feat-3 img{
	max-width: 190px;
}

.font-feat-3 p {
	font-size: .75em;
}

/* WebsiteAnimator Page */

@keyframes sun-spin {
	from {
		-ms-transform: rotate(0);
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		transform: rotate(0);
	}
	to {
		-ms-transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

.spinning-sun {
	position: relative;
	max-width: 170%;
    /*-ms-transform: rotate(-360deg); /* IE 9 */
    /*-webkit-transform: rotate(-360deg); /* Safari */
    /*transform: rotate(360deg);*/
    -webkit-animation-name: sun-spin;
    -moz-animation-name: sun-spin;
    -o-animation-name: sun-spin;
    animation-name: sun-spin;
    animation-duration: 2.5s;
    animation-delay: .5s;
	animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}



span.checkmark-circle {
	color:#60BF00;
}


/* Promotional Landing Pages */
.promo-buy-btn {
	display: inline-block;
	/* padding: 4px 9px 2px; **styled in media query */
	margin-top: 0;
	margin-bottom: 0;
	/* font-size: 14px; **styled in media query */
	/* line-height: 1.42857143;  **styled in media query */
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 4px;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.promo-buy-btn span{
	color: #ffffff;
}

/* Lightbox Plugin Styles */
.lightboxcontainer {
  width:100%;
  text-align:left;
}
.lightboxleft {
  width: 40%;
  float:left;
}
.lightboxright {
  width: 60%;
  float:left;
}
.lightboxright iframe {
  min-height: 390px;
}
.divtext {
  margin: 36px;
}
@media (max-width: 800px) {
  .lightboxleft {
    width: 100%;
  }
  .lightboxright {
    width: 100%;
  }
  .divtext {
    margin: 12px;
  }
}

/* VIP Special Landing Page */
.hero-banner {
	/* background-image: url('https://s3.amazonaws.com/Summitsoft-Digital-Assets/emails/2017-04-13/2017-04-13-01.jpg'); set in media queries*/
	background-repeat: no-repeat;
	background-size: cover;
	/* min-height: 725px; set in media queries*/
}

.hero-banner h1 {
	/* padding-top: 1.5em;  set in media queries*/
}

.vip-header-banner {
	/* max-width: 550px; set in media queries */
	margin-right: auto;
	margin-left: auto;
	padding: 1em 16px;
	/* width: 50%;  set in media queries */
}

.vip-header-banner p {
	margin: 0;
	padding: 0;
}

.row-end {
	-webkit-align-items: flex-end;
	align-items: flex-end;
  	display: -webkit-inline-flex;
  	display: -ms-inline-flexbox;
  	display: inline-flex;
	-webkit-flex-direction: row;
	flex-direction: row;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
  	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	overflow: hidden;
}

.product-title {
	/* flex: 1 1 34%;  set in media queries*/
	margin: 10px;
}

.product-box, .product-sale-btn {
	-webkit-flex: 1 1 25%;
	-ms-flex: 1 1 25%;
	flex: 1 1 25%;
	
}

.product-sale-btn {
	margin-bottom: 1em;
	margin-left: 8px;
}

.product-listing {
	margin-bottom: 2em;
}

/* Flash Sale */
#flash-header {
	padding-top: 1em;
}

.offer-bar {
	padding: .5em 0;
	font-weight: 700;
}


/* Holiday Box Sale Landing Page */
.catalog-1 {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap
}


#left-catalog {
	display: inline-block;
	/* width: 70%;
	max-width: 2200px; */
}

#right-catalog{
	display: inline-flex;	
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	flex: 3 0 30%;
	justify-content: flex-start;
	max-width: 1300px;
    padding: 0 8px 0 32px;
	background-color: #ffffff;
	vertical-align: top;
}

.box-item {
	/* flex: 0 1 600px; */
}

.box-title {
	text-align: left;
}

.box-title h2 {
	font-size: 1.25em;
}

/* account for Wordpress wrapping in <p> */
.box-title p, .box-btns p  {
	padding: 0;
}

span.lettering {
	margin-right: 6px;
	padding: 0 .5em;
	color: #286090;
	text-align: center;
	border: 2px #286090 solid;
    border-radius: 25px;
	
}

.box-desc-wrapper {
	display: flex;
    justify-content: flex-end;
	align-items: flex-end;
    text-align: right;
}

.box-desc {
	flex: 1 2 75%;
	padding-right: 4px;
	font-weight: 700;
}

.box-desc p {
	padding: 0 24px 0 8px;
	font-size: .85em;
	text-align: left;
}

.box-sale-price {
	margin-left: 8px;
	font-size: 1.1em;
	color: #f00;
    font-weight: 800;
}

.box-btns {
	flex: 1 2 25%;
	text-align: center;
}

.add-btn {
	padding: 5px 15px;
	text-align: center;
}

.add-btn:hover {
	color: #cccccc;
}

.add-btn:visited {
	color: #ffffff;
}

.free-offer-wrapper {
	display: inline-flex;
	justify-content: space-around;
	margin: 2em auto;
}

.free-gift-title h2 {
	color: #ff0000;
	font-size: 1.25em;
	font-weight: 700;
}

.free-gift-desc {
	padding: 0 32px;
	color: #326c22;
	font-weight: 600;
}


.homepage-box-wrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.homepage-box{
    flex: 1 1 45%;
    padding: .25em;
}

/**************************************
* New Product Listing Grid
* TODO: Move to plugin stylesheet
**************************************/

.product-list-title h2 {
    font-size: 1.85em;
     text-align: left;
}

.grid-container {
    display: grid;
}

.product-listing-grid {
    grid-template-columns: repeat(4, 23%);
    grid-template-rows: repeat(2, 50%);
    grid-row-gap: 1em;
    justify-items: center;
    align-items: stretch;
    justify-content: space-around;
    align-content: space-around;
}

a.product-learn-lnk, a.product-learn-lnk:hover, 
a.product-learn-lnk:visited {
    color: #222222;
    text-decoration: none;
}

.product-list-item {
	position: relative;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 65% 35%;
    border: solid 1px #222222;
}


.product-list-item:hover {
    border: solid 1px #22496d;
}

.product-grid-box, .product-info {
    padding: 0 1.5em;
}

.sale-msg {
    align-self: start;
    padding-left: .5em;
    margin-bottom: .25em;
    font-weight: 700;
    text-align: left;
}

a:hover .sale-msg {
    text-decoration: none;
}

.on-sale .sale-msg {
    background-color: #91f206;
}

.product-info {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 30% 30% 40%;
    padding-top: .6em;
    padding-right: 1em;
    padding-bottom:  .75em;
    text-align: left;
    background-color: #e1e1e1;
}

.product-name h3 {
    margin-top: 0;
    font-size: 1em;
}

.product-tagline p {
    font-size: .75em;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    font-weight: 700;
}

.price-wrapper {
    align-self: flex-end;
}

.price-wrapper h4 {
    margin: 0;
}

.product-sale-price, .product-price {
    font-size: 1.15em;
}

.on-sale .product-price {
    text-decoration: line-through;
    font-size: .8em;
}

.product-sale-price {
    display: none;
}

.on-sale .product-sale-price {
    display: block;
}

.product-action-wrapper {
    position: absolute;
    top: 0;
    left: 0;
	display: none;
	grid-template-columns: 100%;
	grid-template-rows: 100%;
    justify-items: stretch;
    align-items: center;
    width: 100%;
	transition: display 2s;
}


.product-action-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    background-color: rgba(102,102,102, .9);
}

.product-action-container a, .product-action-container a:hover,
.product-action-container a:visited {
	color: #ffffff;
	text-decoration: none;
}

.product-action-btn {
	display: flex;
	align-items: center;
    margin: .25em 0;
    padding: .25em .5em;
	border: transparent 1px solid;
}

.product-action-btn:hover{
	background-color: #424242;
	border: #424242 1px solid;
	border-radius: 25px;
}

.product-action-text {
    font-size: .75em;
    margin-left: .25em;
    text-transform: lowercase;
}

/**************************************
* News Ticker Style Override
**************************************/

.mtphr-dnt-default-tick a {
color: #f10055;
}


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

/* For non-retina based devices that have a smaller screen */
@media only screen and (min-width: 550px) {

	.item-row-wrapper {
		flex-wrap: wrap;
	}

	.item-40, .item-60 {
		flex: 1 1 100%;
	}
	
}

@media only screen and (min-width: 980px) {

	/* Grid Items */
	.item-row-wrapper {
		flex-wrap: nowrap;
	}

	.item-40 {
		flex: .8 1 40%;
	}
	
	.item-60 {
		flex: 0 1 60%;
	}
}