@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

/******************************************
[Table of contents]

Author: Joseph Goddard

1. Body / Typography
2. Header
3. Nav
4. Slideshow - Media
5. Footer
6. OmegaNet Specific
7. Misc
8. Media Queries

[Color codes]
Gray: #666
Blue: #3f78b9

[Typography]

Body copy:    ;
Headers:      ;

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

/***********
1.) Body / Typography
************/
/*Sticky Footer*/
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  /*padding-top: 70px;*/
}

#outerWrapper { width:100%}

h1, h2, h3, h4, h5 {font-family: 'Century Gothic', Arial, Helvetica, sans serif;font-weight:bold}

p {font-family: Questrial, 'Century Gothic', Arial, Helvetica, sans serif;font-size:18px}

/***********
2. Header
************/

header {}

/***********
3. Nav
************/

#pubNav.navbar, .navbar-default {
	padding-right:0;padding-left:0;
	background-color:#666;
}

.navbar-brand { width:350px}
.navbar-brand img {width:100%;margin-top:-10px}

.navbar-default .navbar-nav { 
	font-size:16px;
	font-family: 'Century Gothic', Arial, Helvetica, sans serif;
	text-transform:uppercase;
}

.navbar-default .navbar-nav>li>a:link, .navbar-default .navbar-nav>li>a:visited { 
	color:#fff; 
}

.navbar-default .navbar-nav>li>a:hover { 
	color:#ccc; 
}



/***********
4. Slideshow - Media
************/

.parallax_classic_text_line {font-size:200%}

/****home page 2020*****/
#homeHero {
  position:relative;
  background-size:cover;
  height:550px;
  background-image: url('../../images/slider/StoreFronts-Cropped.jpg');
}

#homeHero p {
  color:#ffffff;
  font-size:30px;
  font-weight:bold;
  position:absolute;
  top:285px;
  left:37%;
  width:475px;
}

#homeLogo {
  position:absolute;
  top:150px;
  left:20%;
  width:800px;
  height:166px;
}

/***********
5. Footer
************/

.sub_ftr {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

.branding {
	padding-top: 20px;
}

.rep {
	min-height: 160px;
}

.shows {
	min-height: 200px;
}
/*************************from WP site***/
h2.sec-head {
        color:#fff;
        font-size:15pt;
        font-weight:bolder;
        text-transform:uppercase;
        width:281px;
}

#footer {
        background:#666;/*#393939;*/
        overflow:hidden;
        border-top:#fff 1px solid;
        height:360px;
        margin:0 auto;
        padding:0;
}

.footer-content {
        padding:15px 5% 10px 5%;
        height:50px;
	width:100%;
}

.footer-content h2 {
        margin-bottom:17px;
}

.links,.social,.contact {
        float:left;
 /*       margin-right:2%;*//*70px;*/
 /*       width:30%;/*250px;*/
*/	height: 310px;
}

.links ul,.social ul,.contact ul {
        border-top:1px #fff solid;
}

.links li {
        margin:0;
        padding:5px 0 0;
        list-style:none;
}

.links li a {
        color:#fff;
        font-size:11pt;
        font-weight:bold;
        line-height:29px;
        text-decoration:none;
}

.social a img {
        float:left;
        margin-right:5px;
        vertical-align:middle;
}

.social li {
        display:block;
        height:62px;
        list-style:none;
        margin:0;
        padding:15px 0;
}

.social li a {
        color:#fff;
        font-size:11pt;
        font-weight:bold;
        line-height:29px;
        text-decoration:none;
}

.contact li {
        display:block;
        list-style:none;
        margin:0;
        padding:10px 0 5px;
}

.contact li {
        color:#fff;
        font-size:11pt;
        font-weight:normal;
}

/* ----------------- Bottom ----------------  */
#bottom {
/*      height:70px; */
        overflow:hidden;
        padding:0;
}



.bottom-content ul {
        width:960px;
        margin:0 auto;
        text-align:center;
        padding:5px;
}

.bottom-content li {
        display:inline;
        list-style:none;
        margin-right:35px;
}

.bottom-content li a {
        font-family:"Trebuchet MS", Helvetica, sans-serif;
        color:#ffffff;
        font-size:10pt;
        text-decoration:none;
        text-transform:uppercase;
        font-style:normal;
}

.bottom-content li.selected a,.bottom-content li a:hover,.bottom-content p a {
        color:#2d2d2d;
        text-decoration:none;
        text-transform:uppercase;
        font-style:normal;


/*      font-weight: bold; */
        font-size:10pt;
}

.bottom-content p {
        text-align:center;
        width:960px;
/*      display:inline; */
                vertical-align:top;
                padding-top:5px;

}

.bottom-content p img {
        border:none;
        box-shadow:none;
        float:none;
        vertical-align:top;
        margin-top:-7px;
}


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


/***********
6. OmegaNet Specific
************/

/*tr.itemList:nth-child(even) {
    background-color: #eee;
}*/

.cat_content_bottom {
	padding-bottom: 20px;
}

.catCell {
	text-align: center;
}

header.col-md-12 {padding-left:0;padding-right:0}

.main-container {
	padding-left: 15px;
    padding-right: 15px;
	position:relative;
}

#homeVideoHero {width:100%;height:85vh}

#homePageContent { margin-bottom:50px }

.btn.btn-default { 
	background-color:#3f78b9;
	font-weight:bold;
	color:#fff;
}


#GetStartedBtn.btn.btn-default { 
	/*margin-left:45%;*/
	margin: 0 auto;
	background-color:#3f78b9;
	font-weight:bold;
}

#GetStartedBtn.btn.btn-default a {
	color:#fff;
	text-decoration:none;
	font-size:24px;
}
#GetStartedBtn.btn.btn-default a:hover {
	color:#cbcbcb;
	text-decoration:none;
}

.getStartedInfo {
        width:80%;
/*        float:left;*/
        margin:1%;
        padding:1%;
        min-height:200px;
        text-align:left;
        position:relative;
	margin:auto;
      background-color:#eee;
	color: #666;
}


.getStartedInfo {display:none}

/***********Main Page*************/
.mainPageBoxes {
	height: 600px;
	padding:15px;
	float:left;
	/*width:30%;*/
	/*margin:30px 1% 20px 0;*/
	color:#fff;	
}

.mainPageBoxes a:link, .mainPageBoxes a:visited {
	color:#fff;
	text-decoration:underline;
}

/***************Directory and Cat Search **********************/
#Benefits {
	background-color: #3f78b9;	
}
#Directory	{
	background-color: #bf783b;
}

.activeSitesWrapper	{ 
	position:relative;
	width:24%; /*225px;*/
	height:250px;
	min-height:40px;
	float:left;
	text-align:center;
	font-size:10pt;
	border:1 solid #ddd;
	margin:0.5%;

	overflow:hidden;
	background-color:#eee;
}

.activeSitesWrapper img {width:100%}

.activeSites, .activeSitesCatSearch {
	position:absolute;
	top:200px;
	z-index:1000;
	padding:0 2% 0 2%;
	width:100%;
/*	overflow:hidden;*/
 	background-color: #fff;
	filter:alpha(opacity=70);
	-html-opacity:0.7;
	-moz-opacity:0.7;
	opacity:0.7;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
/*	margin-top: 200px;*/
	height:250px;
}

.activeSites:hover {
	top:30px;
	filter:alpha(opacity=90);
	-html-opacity:0.9;
	-moz-opacity:0.9;
	opacity:0.9;
}

.activeSites h3 {font-size:18px}
.activeSites h3:link {color:#fff}


.activeSites p {font-size:14px}


.CatList {
	font-family:'Century Gothic';
	width:250px;
	height:40px;
	float:left;
	padding:10px;
	font-size:12pt;
	margin-bottom:10px;
}

/***********************END Directory & Cat Search********************/
#Account	{
 	background-color: #78b93f;	
}

#RegSites th { font-size: 24px;}

#RegSites td {
	font-size:18px;
}

#orderList ul {list-style:none}

#orderList li {
	width:30%;
	float:left;
}

/***********
7. Misc
************/


/***********
8. Media Queries
************/
@media (max-width: 1024px) {
#homeLogo {width:85%;top:150px;left:7%;height:auto}
#homeHero p {width:80%;top:350px;left:10%;}

}

@media (max-width: 900px) {
#homeLogo {width:85%;top:150px;left:7%;height:auto}
#homeHero p {width:80%;left:10%;}

}

@media (max-width: 768px) {

.navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color:#ccc;}

#homeLogo {width:85%;left:7%;height:auto}
#homeHero p {width:80%;left:10%;}

#footer { height:1000px }

.activeSitesWrapper	{ 
	width:48%;height:220px;
}

.activeSites, .activeSitesCatSearch {top:170px;}

.activeSites h3, .activeSitesCatSearch h3 {font-size:16px}

.CatList a {font-size:14px}

#orderList li {width:47%;}


.hideOnMobile {display:none}
}

@media (min-width: 768px) {
	.main-container {
	     width: 100%; 
	}
}
@media (max-width: 768px) {
#homeVideoHero {width:100%;height:60vh}
#homeVideoHero video {width:115%;overflow:hidden;margin:0 auto;position:absolute;left:-15%}

}

@media (max-width: 600px) {
#homeLogo {width:85%;top:100px;left:7%;height:auto}
#homeVideoHero {width:100%;height:50vh}
#homeVideoHero video {width:125%;overflow:hidden;margin:0 auto;position:absolute;left:-25%}
}

@media (max-width: 360px) {
#homeLogo {width:85%;top:100px;left:7%;height:auto}
#homeHero p {width:80%;top:225px;left:10%;}
#homeVideoHero {position:relative;width:100%;height:35vh;text-align:center}
#homeVideoHero video {width:150%;overflow:hidden;margin:0 auto;position:absolute;left:-25%}
h1 {font-size:26px}
}