body {
color: #333333;
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: normal;
background: url(//atascaderoglass.com/wp-content/themes/atascaderoglass/images/shale-oak.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#page-container{
bottom:0px;
margin:0px;
}
#header-article {
background-color: #efefef;
}
h1, h2, h3 {
color: #333333;
font-family: 'Rokkitt', serif;
}
h1 {
font-size: 24px;
}
h2 {
font-size: 20px;
}
h2.aligntop {
margin-top: -16px;
}
h3 {
font-size: 18px;
}
h3.aligntop {
margin-top: 0;
}
p, div {
color: #333333;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: normal;
}
a {
font-family: 'Rokkitt', serif;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #000;
}
h1 a, h2 a, h3 a,
h1 a:visited, h2 a:visited, h3 a:visited {
color:#000;
}
.full-width {	
width: 100%;
min-width: 1024px;
}
.container {
width: 1024px;
display: block;
margin-left: auto;
margin-right: auto;
}
.group:after {
content: "";
display: table;
clear: both;
}
.right {
float: right;	
}
.center {
text-align: center;
}
.button {
display: inline-block;
clear: both;	
margin-top: 10px;
}
.button a, input.button {
padding: 10px 25px;
border-radius: 25px;
text-decoration: none;
font-family: 'Open Sans', sans-serif; font-size: 14px;
}
.button.noborder a,.button.noborder a:active,.button.noborder a:hover, input.button.noborder {
border: 0 !important;
}
.button.blue-white a, .button.blue-gray a, input.button.blue-gray, input.button.blue-white {
background: #076eb1;
border: 2px solid #ffffff;
color: #ffffff;
}
.button.blue-white a:hover,.button.blue-white a:active, input.button.blue-white:hover {
background: #ffffff;
border: 0;
color: #076eb1;
}
.button.white-gray a, input.button.white-gray {
background: #efefef;
border: 2px solid #333333;
color: #000000;
}
.button.white-gray a:hover,.button.white-gray a:active,
.button.blue-gray a:hover,.button.blue-gray a:active,
input.button.white-gray:hover, input.button.blue-gray:hover {
background: #333333;
border: 0;
color: #efefef;
}
.button-blue.small,.button-white.small {
display: block;
clear: both;
margin-top: 15px;
}
.button-blue.small a,.button-white.small a {
font-size: 12px;
border-radius: 20px;
}
.button.dist-top {
padding-top: 15px;
}
.ngg-galleryoverview {
margin-top: -50px !important;
}
.ngg-navigation {
padding-bottom: 5px !important;
font-family: 'Rokkitt', serif;
}
.ngg-navigation a.page-numbers, 
.ngg-navigation a.next, 
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers, 
.ngg-navigation span.next, 
.ngg-navigation span.prev {
background-color: #ccc;
color: #666;
}
.ngg-navigation a.page-numbers:hover, 
.ngg-navigation a.next:hover, 
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover, 
.ngg-navigation span.next:hover, 
.ngg-navigation span.prev:hover {
background-color: #666 !important;
color: #fff;
} #top-area {
background: #2e1d01;
white-space: nowrap;
}
#top-line {
border-bottom: 1px solid #413014;
}
#top-line-inner {
color: #fff;
font-size: 11px;
font-weight: bold;
text-align: right;
width: 994px;
padding: 0px 15px;
}
#blog-description {
margin-top: 5px;
}
a#request-quote, a#request-quote:visited {
display: inline-block;
margin: 0 0 0 20px;
padding: 5px 12px;
background-color: #fff;
color: #2e1d01;
text-decoration: none;
text-transform: uppercase;
}
a#request-quote:hover, a#request-quote:active {
background-color: #1c0c01;
color: #fff;
text-decoration: none;
}
#logo-menu {
padding: 15px 15px 15px 0;
display: inline-block;
width: 1009px; }
#logo-top {
width: 323px;
display: inline-block;
clear: none;
vertical-align: middle;
}
#logo-top img {
height: 40px;
width: auto;
border: 0;
}
#main-menu, #main-menu ul.menu, #main-menu ul.menu>li, #search-form, #search-form form {
display: inline;
}
#main-menu ul.menu>li {
position: relative;
}
#main-menu {
vertical-align: middle;
clear: none;
width: 670px;
}
#main-menu a{
color: #ffffff;
text-decoration: none;
padding: 15px 10px 10px;
}
#main-menu a:hover {
background: #1c0c01;
}
#main-menu .menu li:hover a{
background: #1c0c01;
text-decoration: none;
}
#main-menu ul.menu {
list-style-type: none;
margin: 10px 0 0;
padding: 5px 0;
float: right;
vertical-align: middle;
}
#main-menu ul li {
font-family: 'Rokkitt', serif;
color: #ffffff;
font-size: 16px;
text-transform: uppercase;
}
#main-menu ul.menu {
display: inline-block;
}
#main-menu ul.sub-menu {    
list-style-type: none;
padding: 23px 0 0;
position: absolute;
left: -9999px;
z-index: 999;
background: url(//atascaderoglass.com/wp-content/themes/atascaderoglass/images/small-triangle.png) no-repeat center top;
display: block;
width: 228px;
}
#main-menu ul.menu li:hover ul {
left: 0;
}
#main-menu ul.sub-menu a {
display: block;
}
#main-menu ul.sub-menu a:hover {
background-color: #2e1d01;
}
#search-form {
white-space: nowrap;
}
#search-form .search-text {
border: 0;
height: 26px;
width: 150px;
padding-left: 10px;
}
#search-form .submit {
float: right;
border: 0;
background: url(//atascaderoglass.com/wp-content/themes/atascaderoglass/images/icon-search.png) 50% 50% no-repeat;
height: 26px;
width: 30px;
font-size: 0;
margin-left: -30px;
position: relative;
z-index: 1;
} #slider div#rev_slider_2_1 {
min-width: 1024px;
background-color: #efefef;
} #slider-text-outer-container {
position: relative;
width: 0;
height: 0;
width: 1024px;
margin-left: auto;
margin-right: auto;
}
#slider-text-container {
position: absolute;
top: -300px;
}
#slider-text-container>div {
margin-right: 100px;
}
.slider-text {
background: #ffffff;
color: #000000 !important; font-family: 'Rokkitt', serif !important;
font-size: 20px !important;
line-height: 25px !important;
font-weight: bold !important;
text-transform: uppercase;
float: right;
width: 470px !important;
display: inline-block;
padding: 20px 30px !important;
margin-bottom: 20px !important;
}
#slider {
background-color: #efefef; padding-bottom: 20px;
}
#slider-nav {
text-align: center;
padding: 20px;
display: block;
width: 984px;
margin-left: auto;
margin-right: auto;
} .tp-bullets.simplebullets.round .bullet {
background-image: url(//atascaderoglass.com/wp-content/themes/atascaderoglass/images/bullet.png) !important;
}
.tp-leftarrow.round {
background-image: url(//atascaderoglass.com/wp-content/themes/atascaderoglass/images/left2.png) !important;
height: 20px !important;
}
.tp-rightarrow.round {
background-image: url(//atascaderoglass.com/wp-content/themes/atascaderoglass/images/right2.png) !important;
height: 20px !important;
} article {
background-color: #efefef;
text-align: center;
}
article>div {
text-align: left;
} #tabs {
border: 1px solid #cecece;
width: 1022px;
}
#tab-titles {
width: 1022px;
border-bottom: 1px solid #cecece;
}
#tab-titles ul {
display: block;
margin: 0;
padding: 0;
white-space: nowrap;
font-size: 0px;
}
#tab-titles ul li {
display: inline-block;
width: 33%;
margin: 0 0 -1px;
padding: 15px 0 15px;
border-left: 1px solid #cecece;
text-align: center;
}
#tab-titles ul li.first {
border-left: none;
width: 33.8%;
}
#tab-titles ul li.active {
background: #ffffff;
border-bottom: 1px solid #ffffff;
}
#tab-titles ul li.hover {
background: #ffffff;
}
#tab-titles a {
font-family: 'Rokkitt', serif;
font-size: 16px;
color: #333333;
text-transform: uppercase;
text-decoration: none;
}
#tab-content {
background: #ffffff;
padding: 30px;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
}
div.all-tabs {
white-space: nowrap;
display: none;
}
div.all-tabs>div {
white-space: normal;
}
#tab-content p, #tab-content h1 {
white-space: normal;
}
div.half {
display: inline-block;
width: 50%;
vertical-align: top;
}
div.half a img {
width: 450px;
height: auto;
border: 5px solid #efefef;
} #inner-contents {
padding: 30px;
margin-bottom: 20px;
clear: both;
width: 800px;
display: block;
margin-left: auto;
margin-right: auto;
white-space: nowrap;
}
#inner-thumbnail {
width: 180px;
display: inline-block;
padding: 20px;
vertical-align: top;
margin-top: 20px;
}
#inner-text {
width: 550px;
white-space: normal;
display: inline-block;
} .career-container {
display: table-row;
}
.job-description,
.jobs-available {
display: table-cell;
padding: 0;
vertical-align: top;
}
.job-description {
width: 600px;
padding-bottom: 20px;
}
.jobs-available {
width: 314px;
padding-left: 30px;
}
.job-description h1,
.jobs-available h2 {
margin-top: 0;
margin-bottom: 20px;
}
.jobs-available h3 {
margin: 0;
}
.jobs-available a:hover,
.jobs-available a:active {
color: #076eb1;
}
#article-content > .job-list h3 {
position: relative;
padding-right: 150px;
}
.job-list .button {
position: absolute;
top: 0;
right: 0;
} #footer-slide {
opacity: 0;
}
#footer-slide img {
width: 100%;
min-width: 1024px;
border-bottom: 7px solid #efefef;
}
#footer-details-full {
background: #ffffff;
}
#footer-details {
clear: both;
white-space: nowrap;
padding: 20px 0 40px;
}
.one-third {
display: inline-block;
vertical-align: top;
width: 250px;
white-space: normal;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
text-align: left;
padding: 0 30px 0 30px;
margin-right: 0;
}
.one-third.links {
width: 350px;
padding-right: 0;
}
.one-third h2 {
font-family: 'Rokkitt', serif;
font-size: 20px;
text-transform: uppercase;
}
.one-third h3, .one-third p {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
margin: 0;
}
.one-third img.thumb {
float: left;
margin: 0 10px 10px;
max-width: 100px;
}
#social-media-buttons {
margin: 10px 0;
}
#footer-details .email {
border: 0;
height: 20px;
width: 200px;
padding-left: 10px;
background: #efefef;
margin-bottom: 10px;
}
#footer-bar {
background: #2e1d01;
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
white-space: nowrap;
}
#footer-bar.fixed {
position: fixed;
top:0;
z-index: 10;
}
#footer-bar .container div {
display: inline-block;
vertical-align: middle;
text-align: right;
padding: 5px;
}
#logo-footer {
width: 20%;
}
#footer-menu {
width: 50%;
}
#footer-menu li {
display: inline;
}
#footer-menu a {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #ffffff;
text-decoration: none;
padding: 10px;
}
#footer-menu a:hover,#footer-menu a:active {
color: #2e1d01;
background: #fff;
}
#copyright {
width: 10%;
margin-left: 20px;
color: #ffffff;
font-size: 12px;
font-weight: normal;
}
.footer-bg {
background: url(https://atascaderoglass.com/wp-content/uploads/2015/12/deckers-76-footer-bg.jpg);
background-attachment: fixed;
background-size: cover;
width: 100%;
height: 300px;
} .clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } *:first-child+html .clearfix { zoom: 1; } footer .fb-feed {
padding: 140px 40px 0;
box-sizing: border-box;
position: relative;
font-size: 12px;
}
footer .fb-feed h2 {
display: inline-block;
position: absolute;
right: 200px;
top: 35px;
}
footer .fb-feed div,
footer .fb-feed p {
font-size: 12px;
}
footer #cff .cff-item:first-child {
padding-top: 20px;
}
footer .fb-feed .fb-col {
display: inline-block;
width: 30%;
margin-right: 3%;
float: left;
clear: none;
}
footer .cff-bottom {
position: absolute;
top: 0;
margin: 0;
} .nowrap {
white-space: nowrap; 
}
.nowrap>div {
white-space: normal;
}
div.page-content {
width: 1022px;
margin-bottom: 20px; 
background-color: #fff;
border: 1px solid #cecece;
padding: 0;
display: inline-block;
margin-left: auto;
margin-right: auto;
}
#content-container {
padding: 0;
}
#article-content {
background-color: #fff;
width: 944px;
float: left;
display: inline-block;
margin: 20px 40px;
}
#article-content h1{
font-size: 32px;
padding: 0;
margin-bottom: 5px;
}
#article-content h2{
font-size: 26px;
}
#article-content h3{
font-size: 24px;
}
#breadcrumbs {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
padding-bottom: 10px;
}
#breadcrumbs a {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #595959;
text-decoration: none;
}
#breadcrumbs a:hover, #breadcrumbs a:active {
color: #000;
text-decoration: none;
}
#featured-img img {
width: 1024px;
height: auto;
position: relative;
left: -41px;
}
#featured-img {
padding-bottom: 40px;
}
img.alignleft {
float: left;
margin-right: 10px;
}
img.alignright {
float: right;
margin-left: 10px;
}
div.cell {
display: inline;
}
div.cell:after {
content: "";
display: table;
clear: both;
}
div.article-section {
display: table-cell;
vertical-align: middle;
padding: 0 0 20px;
width: 944px;
}
div.article-section img {
vertical-align: middle;
}
div.article-section.left img {
float: left;
margin: 0 40px 10px 0;    
}
div.article-section.right img {
float: right;
margin: 0 0 10px 40px;
}
div.article-divider {
padding: 5px;
}
.article-date {
background-color: #efefef;
width: 100%;
}
#map-div {
display: inline-block;
width: 480px;
text-align: center;    
} #article-content h2.wsp-pages-title, #article-content h2.wsp-posts-list {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
text-transform: uppercase; 
margin-bottom: 0;
padding-bottom: 5px;
}
ul.wsp-pages-list, ul.wsp-posts-list, ul.wsp-pages-list ul, 
ul.wsp-posts-list ul {
list-style-type: none;
}
ul.wsp-pages-list li, ul.wsp-posts-list li {
text-transform: uppercase;
padding-bottom: 5px;
}
ul.wsp-pages-list a, ul.wsp-posts-list a {
color: #000;
} div.slideshowlink a {
color: #595959;
font-size: 10px;
}
.ngg-gallery-thumbnail img {
background-color: #efefef !important;
border-color: #efefef !important;
width: 130px !important;
} .review-container {
width: 942px;
float: left;
display: inline-block;
padding: 10px 40px 20px;
}
.review-container.odd {
background-color: #fff;
}
.review-container.even {
background-color: #efefef;
}
.ranking {
background: url(//atascaderoglass.com/wp-content/themes/atascaderoglass/images/ranking.png) no-repeat left;
padding: 7px 175px;
height: 30px;
}
.ranking.star1 {
background-position: 0px -135px;
}
.ranking.star2 {
background-position: 0px -189px;
}
.ranking.star3 {
background-position: 0px -243px;
}
.ranking.star4 {
background-position: 0px -297px;
}
.ranking.star5 {
background-position: 0px -351px;
}
.review {
display: table-row;
}
.review-auth {
display: table-cell;
padding: 10px;
width: 400px;
}
.review-auth h3 {
margin: 0;
font-size: 26px;
text-transform: uppercase;
}
.review-content {
display: table-cell;
}
.review-text {
padding: 15px 30px 0 0;
width: 742px;
} .slider2-text p {
font-family: 'Rokkitt', serif !important;
font-size: 20px !important;
line-height: 25px !important;
font-weight: bold !important;
text-transform: uppercase;
}
div#n2-ss-2 .button.blue-white a {
padding: 10px 25px;
border-radius: 25px;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
background: #076eb1;
border: 2px solid #ffffff;
color: #ffffff;    
}
div#n2-ss-2 .button.blue-white a:hover {
color: #076eb1;
background: #fff;
}
@media screen {
.screenreader {
display: none;
}
}
#page-container .ngg-navigation a.page-numbers {
background: darkblue;
}
#page-container .ngg-navigation a.next, 
#page-container .ngg-navigation a.prev, 
#page-container .ngg-navigation span.next, 
#page-container .ngg-navigation span.prev {
color: darkblue;
}