/************
Colors:
Blue: #337ab7
Red: #aa0000
Green: #007700
***************/

/**********ADA****************/
.sr-only {
position: absolute; left: -10000px;
}
.skip-link {
color: black; background-color: white; padding: 12px; border: 2px solid black; border-radius: 5px; z-index: 999;
}
.skip-link:focus-visible {
left: 0px;
}
/*******************************/


a:link, a:visited {color:#007700;/*#aa0000*/}
/*
	AD SPACE
*/
#company-space { display: flex; flex-direction: column; flex-flow: row wrap; clear: both; float: right; background-color:#ffffff}
#company-space:after { content: ""; display: table; clear: both; }

/*
	AD SPOTS
*/
.company-spot { float: left; /*left is alpha*/ padding: 2%; height: 625px; position: relative; font-family: Arial, Helvetica, sans-serif; overflow: hidden; line-height: 1.25; }
.company-spot h2 { font-size: 16px; font-weight: bold;text-align:center }
.company-spot p { font-size: 15px; margin: 0  0 1em 0; }
.company-spot ul {padding:0 0 0 10%;text-indent:-5%}
.company-spot ul li {font-size:14px;list-style:none}

/* Logo for ad spots */
.company-spot h1 { font-size: 14px; /*1.16666666666667em;*/ /* 14 / 12 */ font-weight: normal; }

.logo { width: 100%; height: auto; margin: 10px;text-align:center; padding: 0; float: left; }
.logo img { max-width: 100%; max-height:auto;text-align:center; margin:0 auto; }

ul.sincere li {margin-left:-20px}
.footer-container { min-height: 50px; padding: 1em 0; text-align: center; color: #dfdfdf;margin-top:100px }
.footer-container a, .footer-container a:link, .footer-container a:visited, .footer-container a:active { color: #fff; }

a:focus, a:active{
    outline:0; 
}

.videoWrapper {text-align:center}
.videoInfo {text-align:left;width:50%;margin-left:25%}
.videoImgWrapper, .videoInfoColumn {width:100%;float:left;text-align:center}
p.videoPage, ul.videoPage li {font-size:20px}


/**************************Reorder Companies on page************************/
/*June 6 Alpha order - as in TPL "A" */

/*June 13 SUMMER "B"
div#AlbertL {-webkit-order: 40;order:40}
div#CrownSpices {-webkit-order: 36;order:36}
div#Fairhope {-webkit-order: 33;order:33}
div#FancyThat {-webkit-order: 31;order:31}
div#FestiveFinds {-webkit-order: 30;order:30}
div#FGSquareVillage {-webkit-order: 28;order:28}
div#Gage {-webkit-order: 26;order:26}
div#GinaB {-webkit-order: 25;order:25}
div#HerbalRose {-webkit-order: 21;order:21}
div#JAG {-webkit-order: 20;order:20}
div#MichaelGrace {-webkit-order: 17;order:17}
div#OrnamentCentral {-webkit-order: 16;order:16}
div#OrnamentKing {-webkit-order: 15;order:15}
div#PainPod {-webkit-order: 13;order:13}
div#PocketPlus {-webkit-order: 11;order:11}
div#PureMana {-webkit-order: 10;order:10}
div#Quintessential {-webkit-order: 9;order:9}
div#SerenitySol {-webkit-order: 8;order:8}
div#SparkJump {-webkit-order: 7;order:7}
div#Spoontiques {-webkit-order: 6;order:6}
div#SunsetVista {-webkit-order: 5;order:5}
div#WildHare {-webkit-order: 1;order: 1}
 */

/*June 20 SUMMER "C" 
div#AlbertL {-webkit-order: 25;order:25}
div#CrownSpices {-webkit-order: 29;order:29}
div#Fairhope {-webkit-order: 33;order:33}
div#FancyThat {-webkit-order: 37;order:37}
div#FestiveFinds {-webkit-order: 40;order:40}
div#FGSquareVillage {-webkit-order: 42;order:42}
div#Gage {-webkit-order: 43;order:43}
div#GinaB {-webkit-order: 44;order:44}
div#HerbalRose {-webkit-order: 46;order:46}
div#JAG {-webkit-order: 48;order:48}
div#MichaelGrace {-webkit-order: 3;order:3}
div#OrnamentCentral {-webkit-order: 4;order:4}
div#OrnamentKing {-webkit-order: 5;order:5}
div#PainPod {-webkit-order: 7;order:7}
div#PocketPlus {-webkit-order: 11;order:11}
div#PureMana {-webkit-order: 15;order:15}
div#Quintessential {-webkit-order: 17;order:17}
div#SerenitySol {-webkit-order: 18;order:18}
div#SparkJump {-webkit-order: 19;order:19}
div#Spoontiques {-webkit-order: 20;order:20}
div#SunsetVista {-webkit-order: 21;order:21}
div#WildHare {-webkit-order: 23;order: 23}
 */

/*June 27 SUMMER "D" */
div#AlbertL {-webkit-order: 11;order:11}
div#CrownSpices {-webkit-order: 5;order:5}
div#FancyThat {-webkit-order: 1;order:1}
div#FestiveFinds {-webkit-order: 0;order:0}
div#FGSquareVillage {-webkit-order: 42;order:42}
div#Gage {-webkit-order: 43;order:43}
div#GinaB {-webkit-order: 42;order:42}
div#HerbalRose {-webkit-order: 41;order:41}
div#JAG {-webkit-order: 38;order:38}
div#MichaelGrace {-webkit-order: 36;order:36}
div#OrnamentCentral {-webkit-order: 28;order:28}
div#OrnamentKing {-webkit-order: 25;order:25}
div#PainPod {-webkit-order: 23;order:23}
div#PocketPlus {-webkit-order: 21;order:21}
div#PureMana {-webkit-order: 20;order:20}
div#Quintessential {-webkit-order: 19;order:19}
div#SerenitySol {-webkit-order: 18;order:18}
div#SparkJump {-webkit-order: 17;order:17}
div#Spoontiques {-webkit-order: 15;order:15}
div#SunsetVista {-webkit-order: 13;order:13}
div#WildHare {-webkit-order: 12;order: 12}
/* */

/*July 3 SUMMER "E"
div#AlbertL {-webkit-order: 19;order:19}
div#CrownSpices {-webkit-order: 24;order:24}
div#FancyThat {-webkit-order: 30;order:30}
div#FestiveFinds {-webkit-order: 33;order:33}
div#FGSquareVillage {-webkit-order: 32;order:32}
div#Gage {-webkit-order: 34;order:34}
div#GinaB {-webkit-order: 35;order:35}
div#HerbalRose {-webkit-order: 36;order:36}
div#JAG {-webkit-order: 40;order:40}
div#MichaelGrace {-webkit-order: 42;order:42}
div#OrnamentCentral {-webkit-order: 48;order:48}
div#OrnamentKing {-webkit-order: 50;order:50}
div#PainPod {-webkit-order: 52;order:52}
div#PocketPlus {-webkit-order: 53;order:53}
div#PureMana {-webkit-order: 1;order:1}
div#Quintessential {-webkit-order: 13;order:13}
div#SerenitySol {-webkit-order: 15;order:15}
div#Spoontiques {-webkit-order: 15;order:15}
div#SparkJump {-webkit-order: 7;order:7}
div#SunsetVista {-webkit-order: 9;order:9}
div#WildHare {-webkit-order: 11;order: 11}
 */

/*Jan 10 WINTER "F"
div#AlaCarteAlice {-webkit-order: 4;order:4}
div#CJBellaco {-webkit-order: 26;order:26}
div#FancyThat {-webkit-order: 2;order:2}
div#FirstAndMain {-webkit-order: 33;order:33}
div#GinaB {-webkit-order: 0;order:0}
div#GreatPecans {-webkit-order: 36;order:36}
div#JAG {-webkit-order: 14;order:14}
div#JohnHenrys {-webkit-order: 42;order:42}
div#MagicalUnderland {-webkit-order: 17;order:17}
div#OrnamentCentral {-webkit-order: 14;order:14}
div#PureMana {-webkit-order: 46;order:46}
div#SamuelLamont {-webkit-order: 13;order:13}
div#GetSassys {-webkit-order: 31;order:31}
div#Spoontiques {-webkit-order: 9;order:9}
div#SunsetVista {-webkit-order: 25;order:25}
div#ViBella {-webkit-order: 24;order: 24}
div#Whitehurst {-webkit-order: 4;order: 4}
div#WildHare {-webkit-order: 23;order: 23}
*/

/*Jan 17 WINTER "G"
div#AlaCarteAlice {-webkit-order: 25;order:25}
div#BillyJoe {-webkit-order: 03;order:03}
div#CJBellaco {-webkit-order: 10;order:10}
div#FancyThat {-webkit-order: 37;order:37}
div#FirstAndMain {-webkit-order: 13;order:13}
div#GinaB {-webkit-order: 42;order:42}
div#GreatPecans {-webkit-order: 16;order:16}
div#JAG {-webkit-order: 44;order:44}
div#JohnHenrys {-webkit-order: 22;order:22}
div#MagicalUnderland {-webkit-order: 0;order:0}
div#OrnamentCentral {-webkit-order: 23;order:23}
div#PureMana {-webkit-order: 4;order:4}
div#SamuelLamont {-webkit-order: 24;order:24}
div#GetSassys {-webkit-order: 6;order:6}
div#Spoontiques {-webkit-order: 31;order:31}
div#SunsetVista {-webkit-order: 8;order:8}
div#ViBella {-webkit-order:5 ;order: 5}
div#Whitehurst {-webkit-order: 34;order: 34}
div#WildHare {-webkit-order: 2;order: 2}
 */

/*Jan 24 WINTER "H"
div#AlaCarteAlice {-webkit-order: 8;order:8}
div#BillyJoe {-webkit-order: 33;order:33}
div#CJBellaco {-webkit-order: 21;order:21}
div#FancyThat {-webkit-order: 6;order:6}
div#FirstAndMain {-webkit-order: 23;order:23}
div#GinaB {-webkit-order: 2;order:2}
div#GreatPecans {-webkit-order: 26;order:26}
div#JAG {-webkit-order: 1;order:1}
div#JohnHenrys {-webkit-order: 28;order:28}
div#MagicalUnderland {-webkit-order: 44;order:44}
div#OrnamentCentral {-webkit-order: 24;order:24}
div#PureMana {-webkit-order: 30;order:30}
div#SamuelLamont {-webkit-order: 23;order:23}
div#GetSassys {-webkit-order: 31;order:31}
div#Spoontiques {-webkit-order: 17;order:17}
div#SunsetVista {-webkit-order: 35;order:35}
div#ViBella {-webkit-order: 20;order: 20}
div#Whitehurst {-webkit-order: 14;order: 14}
div#WildHare {-webkit-order: 42;order: 42}
*/

/*July 28 SUMMER "I"
div#GreenRhino {-webkit-order: 30;order:30}
div#CrownSpices {-webkit-order: 2;order:2}
div#DrewDeRose {-webkit-order: 29;order:29}
div#FancyThat {-webkit-order: 2;order:2}
div#GinaB {-webkit-order: 28;order:28}
div#Grandparent {-webkit-order: 6;order:6}
div#HotRuby {-webkit-order: 7;order:7}
div#HuggyBox {-webkit-order: 8;order:8}
div#JTPWholesale {-webkit-order: 1;order:1}
div#Malden {-webkit-order: 5;order:5}
div#ManaMandala {-webkit-order: 4;order:4}
div#Nebibo  {-webkit-order: 9;order:9}
div#Oatmeal {-webkit-order: 0;order:0}
div#PocketPlus {-webkit-order: 27;order:27}
div#PureMana {-webkit-order: 10;order:10}
div#SmithAmish {-webkit-order: 2;order:2}
div#Staywell {-webkit-order: 10;order:10}
div#SunsetVista {-webkit-order: 20;order:20}
div#TedDailey {-webkit-order: 26;order:26}
div#BillyJoe {-webkit-order: 30;order:30}
 */


/***************************************************************************/


@media screen and (max-width: 1367px) {
.company-spot { height:625px; }

}

@media screen and (max-width: 995px) {
.header-spacer {height:75px}
.header-container {height:300px}
header.wrapper {height:300px}
.gss-logo {height:200px;padding-top:1px}
.company-spot { height:auto;/*725px;*/ }
.company-spot h2 {font-size:24px}
.company-spot p {font-size:20px;}
.company-spot ul li {font-size:20px;}
.logo img {max-width:80%}
}

@media screen and (max-width: 769px) {
html {margin-top:0}
h1 {font-size:40px}
h3 {font-size:30px}
.company-spot { height:auto; }
.company-spot h2 {font-size:36px;}
.company-spot p {font-size:24px;}
.company-spot ul li {font-size:24px}
.logo {font-size:18px}
.logo img {width:auto;height:450px;max-height:450px}
.header-container {height:350px}
.header.wrapper {height:300px} 
.header-spacer {height:5px}
.gss-logo {height:auto}
.company-logo-container {height:100px}
.company-logo {top:0}
}

@media screen and (max-width: 480px) {
html {margin-top:0}
.company-spot { height:auto;border-bottom:1 solid #bbbbbb }
.company-spot h2 {font-size:24px;}
.company-spot p {font-size:20px;}
.company-spot ul li {font-size:18px}
}
