/*
Theme Name: PD Play
Theme URI: http://underscores.me/
Version: 1.0.18
Author: Underscores.me
Author URI: http://underscores.me/
Description: The PD Play WordPress Theme is based on Underscores starter theme called _s, or underscores customized into awesome WordPress template.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pdplay
Tags: responsive-layout, translation-ready, custom-background, theme-options, custom-menu, post-formats, threaded-comments
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
PD Play WordPress Theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Accessibility
# Alignments
# Clearings
# Columns
# Defaults
# Header
## Top Bar
## Fixed Header
## Site Logo
## Navigation
## Homepage Slider
# Content
## Extension Contents + Custom Classes
## Product
## News
## Single Posts, Categories & Archives
## Content Gravity Form
## Simple Modal Popup
## Posts and Pages
## Sidebar
## WooCommerce
# Footer
# Comments & Entry Footer
# Infinite scroll
# Media
## Captions
## Galleries
## Google Map
# All Hidden
# Responsive Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
text-decoration: none;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
transition: all 0.5s;
color: inherit;
}
li.menu-item {
transition: all 0.5s;
}
a:visited {
/*color: inherit;*/
}
a:hover,
a:focus,
a:active {
text-decoration: none;
color: inherit;
}
a:focus {
outline: none;
}
a img:hover {
opacity: 0.92;
filter: alpha(opacity=92);
-moz-opacity: 0.92;
zoom: 1;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button:focus,
input:focus,
select:focus,
textarea:focus {
outline: none;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
font-size: 14px;
padding: 5px 15px;
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
width: 100%;
padding-left: 5px;
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: #FFF; /* Fallback for when there is no custom background color defined. */
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* 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. */
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft {
margin-right: 30px;
margin-bottom: 20px;
}
img.alignright {
margin-left: 30px;
margin-bottom: 20px;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear {
clear: both;
}
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
# Defaults
--------------------------------------------------------------*/
.divider {
width: 100%;
height: 1px;
background: #DDD;
margin: 40px 0;
padding: 0;
border: none;
clear: both;
}
div,
section,
ul, ul li,
ol, ol li {
margin: 0;
padding: 0;
}
/* Default Colors */
/* GREEN */
a {
color: #00A950;
}
a:hover {
color: #F26521;
}
/* ORANGE BUTTONS */
.submit,
.search-submit,
.read-more {
width: auto;
background: #F26522;
font: bold 16px 'Roboto Slab', serif;
text-align: center;
margin: 0;
padding: 10px 20px;
border: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #FFF;
}
.submit:hover,
.search-submit:hover,
.read-more:hover {
background: #00A950;
color: #FFF;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {
position: relative;
}
/*--------------------------------------------------------------
## Fixed Header
--------------------------------------------------------------*/
.site-header .fixed-header {
width: 100%;
position: fixed;
top: 0;
z-index: 10;
box-shadow: 0 2px 4px rgba(0,0,0,0.40);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.40);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.40);
}
.search-results .site-header .fixed-header{
background: #fff;
}
.home .site-header .fixed-header {
padding-top: 15px;
box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
-webkit-box-shadow: 0 0 0;
}
.admin-bar .site-header .fixed-header {
top: 15px /* Adjust when logged in the WP Admin */
}
.site-header .sticky-header,
.home .site-header .sticky-header {
background: rgba(255,255,255,1);
}
.home .site-header .sticky-header {
padding-top: 0;
box-shadow: 0 2px 4px rgba(0,0,0,0.40);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.40);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.40);
}
.home .site-header .sticky-header .site-logo a img {
max-width: 120px;
}
.home .site-header .sticky-header .main-navigation a {
color: #00A950;
}
.home .site-header .sticky-header .main-navigation ul ul a {
color: #FFF;
}
.btn:hover {
color:#FFF !important;
}
.fixed-header.fix .header_seach.home, .fixed-header.sticky-header .header_seach.home {
display: none;
}
.fixed-header.fix .header_seach.inner, .fixed-header.sticky-header .header_seach.inner {
display: block;
margin: 0 0 25px;
}
.fixed-header.fix .header_seach.inner input, .fixed-header.sticky-header .header_seach.inner input {
color: #333333;
}
.fixed-header .header_seach.inner {
display: none;
}
.fixed-header .header_seach {
float: right;
width: 196px;
position: relative;
margin-bottom: 15px;
}
.header_seach input {
background: transparent;
background: rgba(0, 0, 0, 0.20);
background-clip: padding-box;
border: none;
border-radius: 26px;
-moz-border-radius: 26px;
-o-border-radius: 26px;
-webkit-border-radius: 26px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1),
0 1px 0 rgba(255, 255, 255, 0.5),
inset 0 1px 2px rgba(0, 0, 0, 0.3),
0 0 40px rgba(255, 255, 255, 0.3);
-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1),
0 1px 0 rgba(255, 255, 255, 0.5),
inset 0 1px 2px rgba(0, 0, 0, 0.3),
0 0 40px rgba(255, 255, 255, 0.3);
-o-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1),
0 1px 0 rgba(255, 255, 255, 0.5),
inset 0 1px 2px rgba(0, 0, 0, 0.3),
0 0 40px rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1),
0 1px 0 rgba(255, 255, 255, 0.5),
inset 0 1px 2px rgba(0, 0, 0, 0.3),
0 0 40px rgba(255, 255, 255, 0.3);
outline: none;
transition: all .1s linear;
-moz-transition: all .1s linear;
-o-transition: all .1s linear;
-webkit-transition: all .1s linear;
padding: 0 0 0 32px;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 30px;
font-size:15px;
z-index: 1;
color: #FFF;
}
.header_seach input:focus {
background: transparent;
background: rgba(0, 0, 0, 0.10);
}
.header_seach button {
background: url(img/search-btn.png) no-repeat center center;
font-size: 0;
border: none;
padding: 0;
height: 15px;
position: relative;
text-shadow: none;
transition: all 0.3s ease 0s;
width: 15px;
left: 10px;
top: -2px;
z-index: 2;
}
.search-results p {
margin: 0 0 25px !important;
}
.search-results h3 {
color: #00a950;
font: bold 30px/120% "Roboto Slab",serif;
margin: 0;
padding: 0 0 20px;
}
/*--------------------------------------------------------------
## Site Logo
--------------------------------------------------------------*/
.site-logo {
margin-top: 10px;
margin-bottom: 5px; clear:right;
}
.site-logo a img {
max-width: 150px;
}
.site-logo img:hover {
opacity: 1;
filter: alpha(opacity=1);
-moz-opacity: 1;
}
/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/
.main-navigation {
margin: 0;
padding: 0;
float: right;
text-align: center;
}
.fixed-header.sticky-header .main-navigation,
.fixed-header.fix .main-navigation {
float: left;
margin-left: 25px;
}
.fixed-header.sticky-header .main-navigation a,
.fixed-header.fix .main-navigation a {
padding: 25px 14px;
}
.fixed-header.sticky-header .main-navigation ul ul a,
.fixed-header.fix .main-navigation ul ul a {
padding: 7px 28px 7px 14px;
}
.fixed-header.sticky-header .main-navigation li.menu-item-50 > a,
.fixed-header.fix .main-navigation li.menu-item-50 > a {
margin-top: 18px;
padding: 8px 20px;
}
.main-navigation li {
position: relative;
list-style-type: none;
float: left;
}
.main-navigation a {
text-decoration: none;
margin: 0;
padding: 27px 20px;
display: block;
white-space: nowrap;
}
.home .main-navigation a {
padding: 35px 11px 7px;
color: #FFF;
}
.main-navigation li a{ font-size:15px;}
.main-navigation li.menu-item-50 > a {
background: #F26522;
font: bold 16px 'Roboto Slab', serif;
text-align: center;
margin: 20px 0 0 20px;
padding: 8px 20px;
display: block;
border: 1px solid #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.50);
-moz-box-shadow: 1px 1px 2px (0,0,0,0.50);
-webkit-box-shadow: 1px 1px 2px (0,0,0,0.50);
color: #FFF !important;
}
.home .main-navigation li.menu-item-50 > a {
margin-top: 28px;
}
.main-navigation li.menu-item-50 > a:hover,
.main-navigation li.menu-item-50.current_page_item > a,
.main-navigation li.menu-item-50.current-menu-item > a,
.main-navigation li.menu-item-50.current_page_ancestor > a {
background: #00A950;
color: #FFF;
border: 1px solid #FFF;
}
.main-navigation ul ul {
background: #00A950;
position: absolute;
top: auto;
left: -999em;
text-align: left;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
z-index: 99999;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
}
.main-navigation ul ul li {
width: 100%;
margin: 0;
padding: 0;
}
.main-navigation ul ul ul {
top: 0;
left: -999em;
margin: 0;
padding-top: 0;
padding-bottom: 0;
}
.main-navigation ul ul li.menu-item-1660 ul,
.main-navigation ul ul li.menu-item-1661 ul,
.main-navigation ul ul ul li.menu-item-8763 ul,
.main-navigation ul ul ul li.menu-item-8772 ul {
height: 115px;
overflow-y: scroll;
}
.main-navigation ul ul ul li.menu-item-8719 ul,
.main-navigation ul ul ul li.menu-item-8744 ul,
.main-navigation ul ul ul li.menu-item-8745 ul {
height: 250px;
overflow-y: scroll;
}
.main-navigation ul ul ul li.menu-item-8798 ul,
.main-navigation ul ul ul li.menu-item-8799 ul,
.main-navigation ul ul ul li.menu-item-8800 ul,
.main-navigation ul ul ul li.menu-item-8801 ul {
height: 180px;
overflow-y: scroll;
}
.main-navigation ul ul a {
width: 100%;
font-size: 14px;
margin: 0;
padding: 7px 15px;
color: #FFF;
}
.home .main-navigation ul ul a {
padding: 7px 15px;
}
.main-navigation ul ul ul a {
padding: 7px 20px;
}
.home .main-navigation ul ul ul a {
padding: 7px 20px;
}
.main-navigation ul li:hover > ul {
left: 0;
}
.main-navigation ul li.menu-item-381:hover > ul {
left: -60%;
}
.main-navigation ul ul li:hover > ul {
left: 100%;
}
.main-navigation ul .cat-parent > a {
background-image: url('img/menu_item_right_arrow.png');
background-repeat: no-repeat;
background-position: 95% center;
}
.fixed-header .main-navigation ul .cat-parent > a {
padding-right: 30px;
}
.main-navigation .menu > li:hover > a,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
color: #F26520;
border-bottom: 3px solid #F26522;
}
.main-navigation li li:hover > a,
.main-navigation li .current_page_item > a,
.main-navigation li .current-menu-item > a,
.main-navigation li .current_page_ancestor > a {
background: #F26522;
border-bottom: none;
color: #FFF;
}
.main-navigation .sub-menu .menu-item-has-children > a,
.main-navigation .sub-menu .page_item_has_children > a,
.site-content .widget-area .cat-parent > a {
position: relative;
}
.main-navigation .sub-menu .menu-item-has-children > a:after,
.main-navigation .sub-menu .page_item_has_children > a:after,
.site-content .widget-area .cat-parent > a::after {
content: '';
position: absolute;
top: 0;
right: 15px;
width: 10px;
height: 100%;
background: url('img/menu_item_right_arrow.png') no-repeat center;
transition: all 0.2s ease;
}
.main-navigation .sub-menu .menu-item-has-children li.menu-item-has-children > a:after,
.main-navigation .sub-menu .menu-item-has-children li.page_item_has_children > a:after,
.main-navigation .sub-menu .page_item_has_children li.menu-item-has-children > a:after,
.main-navigation .sub-menu .page_item_has_children li.page_item_has_children > a:after,
.site-content .widget-area .cat-parent.open > a::after,
.site-content .widget-area .cat-parent.current-cat:not(.closed) > a::after,
.site-content .widget-area .cat-parent.current-cat-parent:not(.closed) > a::after,
.site-content .widget-area .cat-parent.current-menu-item > a::after,
.site-content .widget-area .cat-parent.current_page_item > a::after,
.site-content .widget-area ul li.current-menu-parent > a::after,
.site-content .widget-area ul li.current_page_parent > a::after {
transform: rotate(90deg);
}
/* Menu toggle */
.main-navigation .menu-toggle,
.main-navigation.toggled .nav-menu {
display: none;
}
.main-navigation .menu-toggle {
width: 100%;
height: 25px;
background: none;
position: relative;
font: 600 14px 'Open Sans', sans-serif;
text-transform: uppercase;
text-align: right;
padding: 0 50px 0 0;
line-height: 220%;
border: none;
color: #F26522;
}
.main-navigation .menu-toggle:before {
position: absolute;
right: 0;
top: 0;
font: bold 27px 'FontAwesome';
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f0c9";
color: #F26522;
}
.main-navigation .menu-toggle:active,
.main-navigation .menu-toggle:focus,
.main-navigation .menu-toggle:hover {
cursor: pointer;
outline: none;
}
/* Post Navigation */
.nav-links {
position: relative;
margin-bottom: 30px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
border-bottom: 1px solid #D6D6D6;
hyphens: auto;
word-wrap: break-word;
}
.posts-navigation .nav-links {
border-bottom: none;
}
.post-navigation .nav-previous,
.image-navigation .previous-image,
.post-navigation .nav-next,
.image-navigation .next-image {
float: left;
}
.post-navigation .nav-next,
.image-navigation .next-image {
text-align: right;
float: right;
}
.post-navigation a,
.posts-navigation a,
.image-navigation a {
background: #FFF;
font: bold 16px 'Roboto Slab', serif;
text-align: center;
margin: 20px 0;
padding: 10px 25px;
display: inline-block;
color: #A8A8A8;
border: 1px solid #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.40);
-moz-box-shadow: 1px 1px 2px (0,0,0,0.40);
-webkit-box-shadow: 1px 1px 2px (0,0,0,0.40);
}
.post-navigation a:hover,
.posts-navigation a:hover,
.image-navigation a:hover {
text-decoration: none;
color: #F26521;
}
.post-navigation .nav-previous a:hover,
.image-navigation .previous-image a:hover {
padding-left: 20px;
}
.post-navigation .nav-next a:hover,
.image-navigation .previous-image a:hover {
padding-right: 20px;
}
.post-navigation .nav-previous a:before,
.posts-navigation .nav-previous a:before,
.image-navigation .previous-image a:before,
.post-navigation .nav-next a:after,
.posts-navigation .nav-next a:after,
.image-navigation .next-image a:after {
font: normal 17px 'FontAwesome';
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
text-decoration: none;
}
.post-navigation .nav-previous a:before,
.posts-navigation .nav-previous a:before,
.image-navigation .previous-image a:before {
padding-right: 7px;
content: "\f100";
}
.post-navigation .nav-next a:after,
.posts-navigation .nav-next a:after,
.image-navigation .next-image a:after {
padding-left: 7px;
content: "\f101";
}
/*--------------------------------------------------------------
## Homepage Slider
--------------------------------------------------------------*/
.homepage-slider .slick-viewport {
position: relative;
top: 0;
}
.homepage-slider .slick-viewport .slick-slide {
position: relative;
}
.homepage-slider .slick-viewport .slick-slide:focus {
outline: none;
}
.homepage-slider .slick-viewport .slick-slide img,
.homepage-slider img.static-banner,
.homepage-slider img.default-banner {
width: 100%;
height: auto;
}
.homepage-slider .slick-viewport .slick-slide .slider-content {
width: 100%;
position: absolute;
top: 25%;
}
.homepage-slider .slick-viewport .slick-slide .slider-content .slider-content-info {
max-width: 520px;
line-height: 160%;
text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.homepage-slider .slick-viewport .slick-slide .slider-content h1 {
line-height: 120%;
}
.homepage-slider .slick-viewport .slick-slide .slider-content .slider-content-info a.slider-link {
max-width: 150px;
background: #FFF;
font: normal 15px 'Patua One', cursive;
text-align: center;
margin: 35px 0 0;
padding: 13px 0;
display: block;
color: #F26521;
border-radius: 5px;
}
.homepage-slider .slick-viewport .slick-slide .slider-content .slider-content-info a.slider-link:hover {
background: #F26522;
color: #FFF;
}
.homepage-slider .slick-viewport .slick-arrow {
display: none !important;
}
.homepage-slider .slick-viewport .slick-dots {
position: absolute;
width: 100%;
top: 75%;
left: 0;
text-align: center;
}
.homepage-slider .slick-viewport .slick-dots li {
height: 12px;
background: none;
margin: 0 7px;
padding: 0;
list-style-type: none;
display: inline-block;
}
.homepage-slider .slick-viewport .slick-dots li button {
width: 11px;
height: 11px;
background: #00A950;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.homepage-slider .slick-viewport .slick-dots li.slick-active button {
background: #F26522;
border: 1px solid #FFF;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site-content {
padding-top: 125px;
padding-bottom: 10px;
}
.home .site-content {
padding-bottom: 0;
}
.site-content h1 a,
.site-content h2 a,
.site-content h3 a,
.site-content h4 a,
.site-content h5 a,
.site-content h6 a {
color: inherit;
}
.site-content .content-area h1 {
margin: 13px 0 40px;
padding: 0;
line-height: 140%;
}
.site-content h2 {
font: bold 36px 'Roboto Slab', serif;
margin: 0;
padding: 0 0 20px;
line-height: 120%;
color: #00A950;
}
.site-content h3 {
font: bold 21px 'Roboto Slab', serif;
margin: 0;
padding: 25px 0 0;
line-height: 140%;
color: #00A950;
}
.site-content h4 {
font: bold 16px 'Roboto Slab', serif;
margin: 0;
padding: 20px 0 10px;
line-height: 120%;
color: #333;
}
.site-content .content-area p {
margin: 25px 0 0;
padding: 0;
line-height: 140%;
}
.site-content .content-area ol,
.site-content .content-area ul {
margin: 0 0 20px;
padding: 0;
}
.site-content .content-area ul li {
margin: 0;
padding: 4px 0 4px 10px;
line-height: normal;
list-style-type: none;
}
.site-content .content-area #map_sidebar {
padding: 20px 0 0;
}
.site-content .content-area #map_sidebar .results_entry .location_name {
color: #00A950;
}
.site-content .content-area #map_sidebar .results_entry .slp_result_directions a {
color: #F26522;
}
.site-content .content-area #map_sidebar .results_entry .slp_result_directions a:hover {
color: #00A950;
}
.page .site-content .entry-image {
max-width: 280px;
margin: 0 30px 20px 0;
float: left;
}
/*--------------------------------------------------------------
## Extension Contents + Custom Classes
--------------------------------------------------------------*/
.site-content .page-featured-video {
padding: 40px 0 0 0;
border-top: 1px solid #DDD;
}
.site-content .page-featured-video h3 {
padding-bottom: 40px;
}
.site-content .page-featured-video iframe,
.site-content .content-area iframe,
.site-content .content-area embed {
max-width: 100%;
max-height: 100%;
min-height: 450px;
margin: 0;
padding: 0;
display: block;
}
.site-content .product-subpages .product-subpage {
text-align: center;
margin-bottom: 20px;
}
.site-content .product-subpages .product-subpage:nth-child(3n+1) {
padding-left: 0;
clear: left;
}
.site-content .product-subpages .product-subpage:nth-child(3n+3) {
padding-right: 0;
clear: right;
}
.site-content .product-subpages .product-subpage .product-subpage-image {
margin-bottom: 20px;
line-height: 262px;
border: 1px solid #DDD;
}
.site-content .product-subpages .product-subpage .product-subpage-image img {
vertical-align: middle;
}
/*--------------------------------------------------------------
## Homepage
--------------------------------------------------------------*/
.homepage-product-categories {
margin: -24% 0 0 0;
padding: 0 0 50px;
}
.homepage-product-categories .product-category {
width: 48.5%;
position: relative;
margin: 0 0 30px;
padding: 0;
}
.homepage-product-categories .product-category:nth-child(even) { float: right;}
.homepage-product-categories .product-category .product-category-image img {
width: 100%;
height: 100%;
border: 1px solid #FFF;
}
.homepage-product-categories .product-category .product-category-content {
width: 50%;
height: 98.2%;
position: absolute;
top: 0;
padding: 32px 5% 30px;
color: #FFF;
border: 1px solid #FFF;
border-right: none;
}
.homepage-product-categories .product-category0 .product-category-content { background: rgba(31,154,113,0.90);}
.homepage-product-categories .product-category1 .product-category-content { background: rgba(213,145,19,0.90);}
.homepage-product-categories .product-category2 .product-category-content { background: rgba(6,113,166,0.90);}
.homepage-product-categories .product-category3 .product-category-content { background: rgba(172,21,59,0.90);}
.homepage-product-categories .product-category .product-category-content h2 {
font: bold 21px 'Roboto Slab', serif;
text-transform: uppercase;
text-shadow: 0 1px 1px rgba(0,0,0,0.50);
margin: 0;
padding: 0;
line-height: 120%;
color: #FFF;
}
.homepage-product-categories .product-category .product-category-content p {
margin-top: 17px;
}
.homepage-product-categories .product-category .product-category-content .view-details {
background: #FFF;
position: absolute;
bottom: 12%;
font: normal 15px 'Patua One', cursive;
padding: 10px 15px;
display: inline-block;
color: #F26521;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.50);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.50);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.50);
}
.homepage-product-categories .product-category .product-category-content .view-details:hover {
background: #F26521;
color: #FFF;
}
.homepage-product-categories .view-all-products,
.homepage-latest-articles .view-more-posts {
max-width: 100px;
background: #F26522;
position: absolute;
left: 45.5%;
bottom: -50px;
font: normal 15px 'Patua One', cursive;
text-align: center;
text-decoration: none;
padding: 10px 0 18px;
display: block;
line-height: 110%;
z-index: 2;
color: #FFF;
border: 11px solid #FFF;
border-radius: 70px;
-moz-border-radius: 70px;
-webkit-border-radius: 70px;
box-shadow: 0 0 5px #BBB;
-moz-box-shadow: 0 0 5px #BBB;
-webkit-box-shadow: 0 0 5px #BBB;
}
.homepage-latest-articles .view-more-posts {
padding: 12px 0 20px;
}
.homepage-product-categories .view-all-products:hover,
.homepage-latest-articles .view-more-posts:hover {
background: #00A950;
}
.homepage-latest-articles .view-more-posts {
bottom: -70px;
font-size: 14px;
}
.homepage-testimonials {
position: relative;
}
.homepage-testimonials .testimonials-background img {
width: 100%;
}
.homepage-testimonials .testimonials-content {
width: 100%;
position: absolute;
top: 0;
font-weight: 300;
font-style: italic;
font-weight: 300;
font-size: 25px;
font-family: 'Roboto Slab', serif;
text-align: center;
color: #FFF;
}
.homepage-testimonials .testimonials-content .slick-list {
margin-top: 8%;
}
.homepage-testimonials .testimonials-content .slick-list .testimonial:focus {
outline: none;
}
.homepage-testimonials .testimonials-content .slick-list .testimonial .author-info {
font-style: normal;
font-weight: 400;
font-size: 15px;
font-family: 'Roboto Slab', serif;
margin-top: 20px;
}
.homepage-testimonials .testimonials-slider .slick-arrow {
width: 20px;
height: 35px;
background: none;
position: absolute;
top: 45%;
text-indent: -999em;
z-index: 2;
border: none;
}
.homepage-testimonials .testimonials-slider .slick-arrow.slick-prev {
background: url('img/slick_prev.png') no-repeat center;
left: 3%;
}
.homepage-testimonials .testimonials-slider .slick-arrow.slick-next {
background: url('img/slick_next.png') no-repeat center;
right: 3%;
}
.homepage-testimonials .testimonials-slider .slick-arrow.slick-prev:hover{
background: url('img/slick_prev_hover.png') no-repeat center;
}
.homepage-testimonials .testimonials-slider .slick-arrow.slick-next:hover {
background: url('img/slick_next_hover.png') no-repeat center;
}
.homepage-middle-column-content {
background: #00A950;
margin: -6px 0;
padding: 0;
}
.homepage-middle-column-content .col-2 {
padding: 0;
}
.homepage-middle-column-content .col-featured-image img {
width: 100%;
min-height: 420px;
}
.homepage-middle-column-content .col-content {
min-height: 420px;
padding: 55px 7% 50px 5%;
color: #FFF;
}
.homepage-middle-column-content .col-content h3 {
padding-top: 0;
line-height: 130%;
color: #FFF;
}
.homepage-middle-column-content .col-content .online-product-catalog-view {
font: normal 15px 'Patua One', cursive;
display: block;
color: #FFF;
}
.homepage-middle-column-content .col-content .online-product-catalog-view:hover {
text-decoration: underline;
}
.homepage-latest-articles {
background: #EEE;
padding: 35px 0 20px;
}
.homepage-latest-articles h2 {
text-align: center;
padding-bottom: 30px;
}
.homepage-latest-articles h3 {
padding: 20px 0 7px;
color: #00A950;
}
.homepage-latest-articles h3 a:hover {
color: #F26522;
}
.homepage-latest-articles .articles-slider {
padding-right: 1em;
padding-left: 1em;
}
.homepage-latest-articles .articles-slider .article {
padding: 1em;
}
.homepage-latest-articles .articles-slider .entry-meta {
font-size: 14px;
padding-bottom: 8px;
color: #F26522;
}
.homepage-latest-articles .articles-slider a.read-more {
background: none;
padding: 5px 6px;
color: #F26522;
}
.homepage-latest-articles .articles-slider a.read-more:hover {
color: #00A950;
}
.homepage-latest-articles .articles-slider .slick-arrow {
width: 20px;
height: 35px;
background: none;
position: absolute;
top: 32%;
text-indent: -999em;
z-index: 2;
border: none;
}
.homepage-latest-articles .articles-slider .slick-arrow.slick-prev {
background: url('img/slick_prev_hover.png') no-repeat center;
left: -5%;
}
.homepage-latest-articles .articles-slider .slick-arrow.slick-next {
background: url('img/slick_next_hover.png') no-repeat center;
right: -4%;
}
/*--------------------------------------------------------------
## Articles/Blog
--------------------------------------------------------------*/
.blog .site-main,
.site-content .articles-container {
margin: 0;
padding: 0;
}
.blog .site-main .post,
.site-content .articles-container .article {
margin: 0 0 25px;
padding: 0;
clear: both;
}
.blog .site-main .post .wp-post-image,
.site-content .articles-container .article .article-image {
max-width: 420px;
margin: 0 30px 10px 0;
padding: 0;
float: left;
}
.blog .site-main .post h3.entry-title,
.site-content .articles-container .article h3.article-title {
padding: 7px 0;
clear: none;
}
.blog .site-main .post .entry-date,
.site-content .articles-container .article .entry-date {
font-size: 14px;
padding-top: 15px;
display: block;
}
.blog .site-main .post .entry-meta,
.site-content .articles-container .article .entry-meta {
font-size: 14px;
display: block;
}
.blog .site-main .post .entry-meta a,
.site-content .articles-container .article .entry-meta a {
color: inherit;
}
.blog .site-main .post .entry-meta a:hover,
.site-content .articles-container .article .entry-meta a:hover {
color: #F26522;
}
.blog .site-main .post .excerpt a.read-more,
.site-content .articles-container .article .excerpt a.read-more {
background: none;
padding: 5px;
color: #F26521;
}
.blog .site-main .post .excerpt a.read-more:hover,
.site-content .articles-container .article .excerpt a.read-more:hover {
color: #00A950;
}
/*--------------------------------------------------------------
## News
--------------------------------------------------------------*/
.site-content .content-area .news-container {
margin: 0;
padding: 0;
}
.site-content .content-area .news-container .news-category-press-releases {
padding-top: 20px;
}
.page-id-23 .site-content .content-area .news-container .news-category-news,
.page-id-23 .site-content .content-area .news-container .news-category h2.cat-title {
display: none;
}
.page-id-22 .site-content .content-area .news-container .news-category-press-releases,
.page-id-22 .site-content .content-area .news-container .news-category h2.cat-title {
display: none;
}
.site-content .content-area .news-container .news-category h2 {
font-size: 32px;
}
.site-content .content-area .news-container .news {
margin: 0;
padding: 0 0 25px;
}
.site-content .content-area .news-container .news h4.news-title {
padding: 10px 0 5px;
}
.site-content .content-area .news-container .news h4.news-title a {
color: #F26521;
}
.site-content .content-area .news-container .news h4.news-title a:hover {
color: #00A950;
}
.site-content .content-area .news-container .news .entry-meta {
font-size: 14px;
margin: 0;
padding: 0;
}
.site-content .content-area .news-container .news .entry-meta .entry-date,
.site-content .content-area .news-container .news .entry-meta .entry-author {
margin: 0;
padding: 0 10px 0 0;
color: #333;
}
/*--------------------------------------------------------------
## Product
--------------------------------------------------------------*/
/* Page Products */
.site-content .page-products {
padding: 40px 0 15px;
}
.site-content .page-products .product-list {
width: 31%;
margin: 0 3.5% 25px 0;
padding: 0;
display: block;
float: left;
}
.site-content .page-products .product-list:nth-child(3n+3) {
margin-right: 0;
}
.site-content .page-products .product-list h4 {
padding-top: 12px;
text-align: center;
}
.site-content .page-products .product-list img {
width: 100%;
}
/* Single Product Details */
.single-product .site-content .content-area h3 {
padding-top: 20px;
clear: none;
}
.site-content .product-subproducts .product-list {
width: 31%;
margin: 0 3.5% 25px 0;
padding: 0;
display: block;
float: left;
}
.site-content .product-subproducts .product-list:nth-child(3n+3) {
margin-right: 0;
}
.site-content .product-subproducts .product-list h4 {
padding-top: 12px;
text-align: center;
}
.site-content .product-subproducts .product-list img {
width: 100%;
}
.site-content .entry-content .product-image {
margin: 0 30px 10px 0;
padding: 0;
display: block;
float: left;
}
.site-content .product-gallery-container {
margin: 35px 0 0;
padding: 50px 0 0;
display: block;
border-top: 1px solid #DDD;
}
.site-content .product-gallery-container .product-gallery {
margin: 0 0 25px;
padding: 0;
}
.site-content .product-gallery-container .product-gallery:nth-child(odd) {
padding-right: 15px;
float:left;
clear: left;
}
.site-content .product-gallery-container .product-gallery:nth-child(even) {
padding-left: 15px;
float: right;
clear: right;
}
.site-content .product-gallery-container .product-gallery-meta {
background: #EEE;
margin: 0;
padding: 25px 30px;
}
.site-content .product-gallery-container .product-gallery-meta a.link-to-contact, .btn {
max-width: 185px;
background: #F26522;
font: bold 16px 'Roboto Slab', serif;
text-align: center;
padding: 9px 0;
display: block;
border: 1px solid #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.50);
-moz-box-shadow: 1px 1px 2px (0,0,0,0.50);
-webkit-box-shadow: 1px 1px 2px (0,0,0,0.50);
color: #FFF;
}
.site-content .product-gallery-container .product-gallery-meta a.link-to-contact:hover, .btn:hover {
background: #00A950;
}
/* Product Categories/Archives */
.site-content .content-area .taxonomy-header {
margin-bottom: 35px;
}
.site-content .content-area .taxonomy-header h1.taxonomy-title {
padding-bottom: 20px;
}
.site-content .content-area .products-container .product-thumbnail {
max-width: 220px;
margin-right: 20px;
margin-bottom: 10px;
display: block;
float: left;
}
.site-content .content-area .products-container .product-thumbnail img {
width: 100%;
}
.site-content .content-area .products-container h2.product-title {
padding-bottom: 15px;
line-height: 100%;
clear: none;
}
.site-content .content-area .products-container a.read-more {
max-width: 120px;
padding: 7px 0;
display: block;
}
.site-content .content-area .products-container a.read-more:hover {
color: #FFF;
}
/*--------------------------------------------------------------
## Single Posts, Categories & Archives
--------------------------------------------------------------*/
.single .site-content .entry-header,
.archive .site-content .entry-header {
font-size: 14px;
}
.single .site-content .entry-header h1 {
margin-bottom: 40px;
line-height: 120%;
}
.archive .site-content .entry-header h3 {
padding: 20px 0 10px;
}
.single .site-content .entry-header .entry-date {
margin-top: 20px;
display: block;
}
.single .site-content .entry-header .entry-meta a,
.archive .site-content .entry-header .entry-meta a {
color: inherit;
}
.single .site-content .entry-header .entry-meta a:hover,
.archive .site-content .entry-header .entry-meta a:hover {
color: #F26522;
}
.single .site-content .entry-header .entry-image,
.archive .site-content .entry-header .entry-image {
width: auto;
margin: 30px 0 0;
}
.single .site-content .entry-content {
margin-top: 0;
}
.single .site-content .entry-content a {
color: #F26521;
}
.single .site-content .entry-content a:hover {
color: #00A950;
}
.archive .site-content .entry-summary .entry-image {
max-width: 260px;
margin: 0 25px 0 0;
padding: 0;
display: block;
float: left;
}
.archive .site-content .entry-summary a.read-more {
background: none;
padding: 10px;
color: #F26522;
}
.archive .site-content .entry-summary a.read-more:hover {
color: #00A950;
}
.archive .site-content .entry-summary .divider {
margin-top: 30px;
margin-bottom: 0;
}
.single .site-content .entry-footer {
background: #EEE;
margin: 50px 0 0;
padding: 20px;
}
.single .site-content .entry-footer .tags-links a {
font: 500 14px 'Roboto', sans-serif;
margin: 0;
padding: 8px 0 8px 5px;
color: #F26522;
}
.single .site-content .entry-footer .tags-links a:hover,
.single .site-content .entry-footer .tags-links a:visited {
color: #00A950;
}
.single .site-content .content-area ul {
clear: both;
}
.single .site-content .content-area ul li {
background: url('img/list_check.png') no-repeat left 9px;
padding-left: 25px;
}
.woocommerce.single .site-content .content-area .products li,
.woocommerce.single .site-content .content-area .tabs li {
background: initial;
}
/*--------------------------------------------------------------
## Content Gravity Form
--------------------------------------------------------------*/
.site-content .gform_wrapper {
max-width: 100%;
}
.site-content .gform_wrapper form ul li:not(:first-child) .gfield_label {
margin-top: 10px;
}
.site-content .gform_wrapper form ul li .gfield_label {
font-weight: 500;
}
.site-content .gform_wrapper form input,
.site-content .gform_wrapper form select,
.site-content .gform_wrapper form textarea {
font-weight: normal;
font-size: 16px;
border: 1px solid #DDD;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.site-content .gform_wrapper form input.medium,
.site-content .gform_wrapper form select.medium,
.site-content .gform_wrapper form textarea.medium {
width: 65%;
}
.site-content .gform_wrapper form .left_label .ginput_complex,
.site-content .gform_wrapper form .right_label .ginput_complex {
width: 65.5%;
}
.site-content .gform_wrapper form .ginput_complex input,
.site-content .gform_wrapper form .ginput_complex select {
width: 100%;
}
.site-content .gform_wrapper form .ginput_complex .ginput_full input {
width: 99%;
}
.site-content form input.gform_button,
.popup3 form input.gform_button{
background: #00A950;
font: bold 16px 'Roboto Slab', serif;
text-align: center;
margin: 0;
padding: 9px 30px;
display: block;
border: 1px solid #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.50);
-moz-box-shadow: 1px 1px 2px (0,0,0,0.50);
-webkit-box-shadow: 1px 1px 2px (0,0,0,0.50);
color: #FFF;
}
.site-content .gform_wrapper form .gform_footer input.gform_button:hover,
.popup3 .gform_wrapper form .gform_footer input.gform_button:hover {
background: #F26522;
}
.site-content .gform_wrapper div.validation_error {
border-bottom: 2px solid #F26522;
border-top: 2px solid #F26522;
color: #F26522;
}
.site-content .gform_wrapper .gfield_error .gfield_label,
.site-content .gform_wrapper .validation_message {
color: #F26522;
}
.site-content .gform_wrapper form ul li.gfield_error input,
.site-content .gform_wrapper form ul li.gfield_error select,
.site-content .gform_wrapper form ul li.gfield_error textarea {
border: 1px solid #F26522;
}
.widget-area .gform_wrapper,
.widget-area .gform_confirmation_wrapper {
margin-bottom: 0;
padding: 30px;
background-color: #00A950;
}
.widget-area .ginput_complex label {
font-weight: normal;
}
.widget-area .gform_wrapper .gfield_required {
color: #F26520;
}
.widget-area .gform_wrapper ul li.gfield {
margin-top: 0;
padding: 0;
}
.widget-area .gform_wrapper label,
.widget-area .gform_wrapper input,
.widget-area .gform_wrapper select,
.widget-area .gform_wrapper textarea {
font-size: 16px !important;
}
.widget-area .gform_wrapper form textarea.medium {
width: 100%;
}
.widget-area .gform_wrapper form .gform_button {
background-color: #F26520;
}
.widget .gform_confirmation_message {
color: #fff;
font-weight: 500;
}
/*--------------------------------------------------------------
## Content Pagination
--------------------------------------------------------------*/
.posts-navigation,
.page_navigation {
background: #EEE;
text-align: right;
margin: 0;
padding: 25px;
vertical-align: middle;
display: block;
clear: both;
}
.posts-navigation {
margin-bottom: 1em;;
}
.posts-navigation .nav-links {
margin-bottom: 0;
}
.posts-navigation .nav-previous,
.posts-navigation .nav-next {
display: inline-block;
}
.posts-navigation a,
.page_navigation a {
background: #FFF;
font: bold 16px 'Roboto Slab', serif;
text-align: center;
margin: 0 5px;
padding: 7px 14px;
display: inline-block;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.40);
-moz-box-shadow: 1px 1px 2px (0,0,0,0.40);
-webkit-box-shadow: 1px 1px 2px (0,0,0,0.40);
color: #A8A8A8;
}
.page_navigation a.previous_link,
.page_navigation a.next_link {
}
.page_navigation a.first_link,
.page_navigation a.last_link,
.page_navigation a.first_link:link,
.page_navigation a.last_link:link {
display: none;
}
.page_navigation a:hover,
.page_navigation a:focus,
.page_navigation a.page_link.active_page {
color: #F26521;
outline: none;
}
/*--------------------------------------------------------------
## Posts and Pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Sidebar
--------------------------------------------------------------*/
.site-content .widget-area .widget,
.site-content .widget-area .sidebar-menu,
.site-content .widget-area .sidebar-testimonials {
width: 97%;
margin: 5px 0 50px 5px;
border: 1px solid #FFF;
box-shadow: 0 0 7px rgba(0,0,0,0.25);
-moz-box-shadow: 0 0 7px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.25);
}
.site-content .widget-area h3.widget-title {
background: none;
margin: 0;
padding: 20px;
}
.site-content .widget-area .sidebar-menu ul li.menu-item-82,
.site-content .widget-area .sidebar-menu ul li.menu-item-165,
.site-content .widget-area .sidebar-menu ul li.menu-item-408,
.site-content .widget-area .sidebar-menu ul li.menu-item-471 {
background: none;
}
.site-content .widget-area ul li,
.site-content .widget-area ol li {
background: #00A950;
font: bold 21px 'Roboto Slab', serif;
color: #FFF;
display: block;
}
.site-content .widget-area ul li a {
padding: 15px 22px 15px 32px;
display: block;
color: #FFF;
cursor: pointer;
}
.site-content .widget-area .sidebar-menu ul li.menu-item-82 a,
.site-content .widget-area .sidebar-menu ul li.menu-item-165 a,
.site-content .widget-area .sidebar-menu ul li.menu-item-408 a,
.site-content .widget-area .sidebar-menu ul li.menu-item-471 a {
color: #00A950;
}
.site-content .widget-area ul li a small {
font: 300 17px 'Roboto', sans-serif;
display: block;
}
.site-content .widget-area ul li ul.sub-menu,
.site-content .widget-area ul li ul.sub-menu li ul.sub-menu {
margin: 0;
padding: 0;
display: none;
}
.site-content .widget-area ul li.current-menu-item ul.sub-menu,
.site-content .widget-area ul li ul.sub-menu li.current-menu-item ul.sub-menu,
.site-content .widget-area ul li.current-menu-ancestor ul.sub-menu,
.site-content .widget-area ul li ul.sub-menu li.current-menu-ancestor ul.sub-menu {
display: block;
}
.site-content .widget-area ul li.menu-item:hover,
.site-content .widget-area ul li.current-cat:not(.closed),
.site-content .widget-area ul li.current-cat-parent:not(.closed),
.site-content .widget-area ul li.open,
.site-content .widget-area ul li.current-menu-item,
.site-content .widget-area ul li.current_page_item {
background-color: #F26522;
}
.site-content .widget-area ul li.current-cat,
.site-content .widget-area ul li.current-cat-parent,
.site-content .widget-area ul li.current-menu-item,
.site-content .widget-area ul li.current_page_item {
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}
.site-content .widget-area .children {
margin-left: 0;
}
.site-content .widget-area .children li {
font-weight: normal;
background: url('img/list_bullet.png') no-repeat 20px center #008841;
}
.site-content .widget-area .cat-parent > a {
position: relative;
}
.site-content .widget-area .cat-parent.current-menu-item > a,
.site-content .widget-area .cat-parent.current_page_item > a {
border-bottom: 1px solid #FFF;
}
.site-content .widget-area .cat-parent ul li.current-menu-item,
.site-content .widget-area .cat-parent ul li.current_page_item {
background: url('img/list_bullet.png') no-repeat 20px center #F26522;
}
.site-content .widget-area .cat-parent ul li ul li.current-menu-item,
.site-content .widget-area .cat-parent ul li ul li.current_page_item {
background: url('img/list_bullet.png') no-repeat 30px center #F26522;
}
.site-content .widget-area .cat-parent ul li.current-menu-item a,
.site-content .widget-area .cat-parent ul li.current_page_item a {
background-color: transparent;
}
.site-content .widget-area .children a {
font-size: 16px;
}
.site-content .widget-area .pdplay-image-ads img {
width: 100%;
}
.site-content .widget-area .pdplay-image-ads a{ display:block;}
.site-content .widget-area .pdplay-image-ads a.view-link, .site-content .widget-area .pdplay-image-ads span.view-link {
max-width: 185px;
background: #F26522;
font: bold 16px 'Roboto Slab', serif;
text-align: center;
margin: 25px auto;
padding: 9px 0;
display: block;
border: 1px solid #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.50);
-moz-box-shadow: 1px 1px 2px (0,0,0,0.50);
-webkit-box-shadow: 1px 1px 2px (0,0,0,0.50);
color: #FFF;
}
.site-content .widget-area .pdplay-image-ads a.view-link:hover, .site-content .widget-area .pdplay-image-ads a:hover span.view-link {
background: #00A950;
}
.site-content .widget-area .sidebar-testimonials {
min-height: 310px;
font-style: italic;
line-height: 140%;
}
.popup3 .gform_wrapper form{ padding-left:21px;}
.popup3 .gform_wrapper .top_label .gfield_label{ font-weight:400;}
.site-content .widget-area .sidebar-testimonials .testimonials-slider {
margin: 0;
padding: 0 20px 20px;
}
.site-content .widget-area .sidebar-testimonials .testimonials-slider .testimonial .author-info {
font-style: normal;
margin-top: 22px;
}
/*--------------------------------------------------------------
## WooCommerce
--------------------------------------------------------------*/
.content-area ul.products,
.content-area .woocommerce {
clear: both;
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #ccc;
}
.woocommerce .site #respond input#submit.alt,
.woocommerce .site a.button.alt,
.woocommerce .site button.button.alt,
.woocommerce .site input.button.alt {
background-color: #F26520;
border-radius: 5px;
border: 1px solid white;
-moz-box-shadow: 1px 1px 2px (0,0,0,0.50);
-webkit-box-shadow: 1px 1px 2px (0,0,0,0.50);
box-shadow: 1px 1px 2px rgba(0,0,0,0.50);
}
.woocommerce .site #respond input#submit.alt:hover,
.woocommerce .site #respond input#submit.alt:focus,
.woocommerce .site #respond input#submit.alt:active,
.woocommerce .site a.button.alt:hover,
.woocommerce .site a.button.alt:focus,
.woocommerce .site a.button.alt:active,
.woocommerce .site button.button.alt:hover,
.woocommerce .site button.button.alt:focus,
.woocommerce .site button.button.alt:active,
.woocommerce .site input.button.alt:hover,
.woocommerce .site input.button.alt:focus,
.woocommerce .site input.button.alt:active {
background-color: #00A950;
}
.woocommerce a.single_add_to_cart_button.button {
margin-top: 10px;
}
/* Request a quote */
#quote-li-icon.quote-li .dashicons-cart {
margin-top: 0;
}
.quote-li .totalitems {
width: unset;
float: none;
padding: 0.15em 0.5em;
background-color: orange;
border-radius: 3px;
color: white;
border: 2px solid white;
font-size: 85%;
}
@media screen and (min-width: 801px) {
.quote-li .totalitems {
position: absolute;
top: 0.2em;
right: 0;
}
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {
background: #00A950;
position: relative;
}
.site-footer a {
color: inherit;
}
.site-footer a:hover {
text-decoration: underline;
}
.site-footer .product-categories-container {
background: #EEE;
padding: 60px 0 40px;
}
.site-footer .product-categories-container .product-category {
width: 22%;
position: relative;
margin: 0 2.5% 20px 0;
padding: 0;
display: block;
float: left;
}
.site-footer .product-categories-container .product-category6 {
margin-right: 0;
}
.site-footer .product-categories-container .product-category .product-cat-image {
width: 100%;
}
.site-footer .product-categories-container .product-category .product-cat-image img {
border: 1px solid #FFF;
}
.site-footer .product-categories-container .product-category .product-cat-title {
width: 100%;
position: absolute;
bottom: 5px;
text-align: center;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}
.site-footer .product-categories-container .product-category .product-cat-title:before {
width: 100%;
height: 100%;
background: rgba(0,48,64,0.50);
position: absolute;
top: 0;
left: 0;
z-index: -1;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
content: "";
}
.site-footer .product-categories-container .product-category .product-cat-title a:hover:before,
.site-footer .product-categories-container .product-category .product-cat-title a:focus:before,
.site-footer .product-categories-container .product-category .product-cat-title a:active:before,
.site-footer .product-categories-container .product-category .product-cat-title a:hover {
background: rgba(0,48,64,0.70);
}
.site-footer .product-categories-container .product-category .product-cat-title a {
text-decoration: none;
margin: 0;
padding: 7px 20px;
display: block;
}
.site-footer .product-categories-container .product-category5 .product-cat-title a {
padding-left: 40px;
padding-right: 40px;
}
.site-footer .product-categories-container .product-category3 .product-cat-title a { background: rgba(31,154,113,0.90);}
.site-footer .product-categories-container .product-category4 .product-cat-title a { background: rgba(213,145,19,0.90);}
.site-footer .product-categories-container .product-category5 .product-cat-title a { background: rgba(6,113,166,0.90);}
.site-footer .product-categories-container .product-category6 .product-cat-title a { background: rgba(172,21,59,0.90);}
.site-footer .product-categories-container .product-category .product-cat-title h3 {
font: bold 21px 'Roboto Slab', serif;
text-transform: uppercase;
margin: 0;
padding: 0;
line-height: 110%;
}
.site-footer .product-categories-container .view-all-products {
max-width: 100px;
background: #F26522;
position: absolute;
left: 45.5%;
bottom: -95px;
font: normal 15px 'Patua One', cursive;
text-align: center;
text-decoration: none;
padding: 10px 0 18px;
display: block;
line-height: 110%;
color: #FFF;
border: 11px solid #FFF;
border-radius: 70px;
-moz-border-radius: 70px;
-webkit-border-radius: 70px;
box-shadow: 0 0 5px #BBB;
-moz-box-shadow: 0 0 5px #BBB;
-webkit-box-shadow: 0 0 5px #BBB;
}
.site-footer .product-categories-container .view-all-products:hover {
background: #00A950;
}
.site-footer .footer-top-area {
background: #FFF;
text-align: center;
padding-top: 80px;
padding-bottom: 30px;
}
.site-footer .footer-top-area .column-logo {
padding: 0 35px;
display: inline-block;
line-height: 100px;
}
.site-footer .footer-top-area .company-partner0 { padding-left: 0;}
.site-footer .footer-top-area .company-partner4 { padding-right: 0;}
.site-footer .alignleft,
.site-footer .alignright {
padding: 25px 0;
}
.site-footer .social-media {
padding: 10px 0;
display: inline-block;
}
.site-footer .social-media li a {
background-color: #FFF !important;
font-weight: bold;
font-size: 19px;
margin: 0 7px;
padding: 6.5px 7.5px;
color: #00A950;
}
.site-footer ol.social-media li a.fa-facebook {
padding-left: 11px;
padding-right: 11px;
}
.site-footer .social-media li a:hover {
text-decoration: none;
color: #FFF;
}
.site-footer address {
font-style: normal;
font-size: 25px;
display: inline-block;
vertical-align: middle;
}
.site-footer .container a.footer-logo {
margin: 0 0 15px 0;
display: block;
}
.site-footer .container cite {
font-style: normal;
margin: 0;
padding: 0;
display: block;
}
.site-footer #scroll-to-top {
width: 50px;
height: 50px;
position: absolute;
bottom: 35px;
right: 1%;
text-decoration: none;
display: block;
}
.site-footer #scroll-to-top:before {
font: normal 45px 'FontAwesome';
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
text-align: center;
vertical-align: central;
line-height: 45px;
display: block;
content: "\f106";
color: #FFF;
}
.site-footer #scroll-to-top:hover:before {
line-height: 40px;
}
#wp-live-chat {
height: 146px;
}
.wplc_close.wplc_right #wp-live-chat-header {
width: 45px;
height: 146px;
background: url('img/livechat_button.png') no-repeat left top;
background-color: transparent !important;
text-indent: -999em;
padding: 0 0 0 0;
display: block;
}
.wplc_close.wplc_right #wp-live-chat-header:hover {
background: url('img/livechat_button_hover.png') no-repeat left top;
background-color: transparent !important;
}
/*--------------------------------------------------------------
# Comments & Entry Footer
--------------------------------------------------------------*/
.comments-area {
padding: 80px 0 50px;
}
.comments-area .comment-form {
position: relative;
font-size: 14px;
padding-bottom: 320px;
}
.comments-area .comment-form p.comment-form-author,
.comments-area .comment-form p.comment-form-email,
.comments-area .comment-form p.comment-form-url {
width: 30.75%;
display: block;
float: left;
}
.comments-area .comment-form p.comment-form-email,
.comments-area .comment-form p.comment-form-url {
margin-left: 3.75%;
}
.comments-area .comment-form p.form-submit {
clear: both;
}
.comments-area .comment-form p.comment-form-comment {
width: 100%;
position: absolute;
bottom: 75px;
}
.comments-area .comment-form p.comment-form-comment textarea {
width: 100%;
height: 200px;
margin-top: 7px;
border: 1px solid #DDD;
}
.comments-area .comment-form p input {
width: 100%;
margin-top: 7px;
padding: 8px 10px;
display: block;
border: 1px solid #DDD;
}
.comments-area .comment-form input.submit {
width: auto;
background: #F26522;
font: bold 16px 'Roboto Slab', serif;
text-align: center;
position: absolute;
bottom: 0;
padding: 9px 50px;
display: block;
border: 1px solid #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.50);
-moz-box-shadow: 1px 1px 2px (0,0,0,0.50);
-webkit-box-shadow: 1px 1px 2px (0,0,0,0.50);
color: #FFF;
}
.comments-area .comment-form input.submit:hover {
background: #00A950;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
height: auto;
display: inline-block;
}
.post-image {
max-width: 550px;
margin: 10px 0;
}
.post-image img {
width: auto;
background-color: #FFF;
padding: 5px;
border: 1px solid #E2EAEF;
}
.post-thumbnail {
max-width: 130px;
margin: 5px 15px 5px 0;
float: left;
}
.post-thumbnail img {
width: 100%;
border: 1px solid #E2EAEF;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
clear: both;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
margin-left: 0;
margin-right: 0;
}
.gallery-columns-2 .gallery-item:nth-child(even) {
float: right;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
## Google Map
--------------------------------------------------------------*/
.acf-map {
width: 100%;
height: 270px;
margin: 0;
padding: 0;
}
/*--------------------------------------------------------------
## Social Media
--------------------------------------------------------------*/
ol.social-media {
margin: 0;
padding: 0;
}
ol.social-media li {
text-align: center;
margin-bottom: 10px;
display: inline-block;
list-style-type: none;
}
ol.social-media li a {
background-color: #323436;
position: relative;
font-size: 13px;
text-decoration: none;
margin: 0 3px;
padding: 6px 7px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
color: #FFFFFF;
}
ol.social-media li a:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
z-index: -1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
ol.social-media li a:hover:after,
ol.social-media li a:focus:after,
ol.social-media li a:active:after {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
/* Social Media theme backgrounds **/
ol.social-media li a.fa-facebook,
ol.social-media li a.fa-facebook:after { background-color: #204385; padding-left: 9.5px; padding-right: 9.5px;}
ol.social-media li a.fa-twitter,
ol.social-media li a.fa-twitter:after { background-color: #2AA9E0;}
ol.social-media li a.fa-google-plus,
ol.social-media li a.fa-google-plus:after { background-color: #D3492C;}
ol.social-media li a.fa-envelope,
ol.social-media li a.fa-envelope:after { background-color: #FF802C;}
ol.social-media li a.fa-book,
ol.social-media li a.fa-book:after { background-color: #024467;}
ol.social-media li a.fa-pinterest,
ol.social-media li a.fa-pinterest:after { background-color: #CA2128;}
ol.social-media li a.fa-instagram,
ol.social-media li a.fa-instagram:after { background-color: #2E6B94;}
ol.social-media li a.fa-linkedin,
ol.social-media li a.fa-linkedin:after { background-color: #02669A;}
ol.social-media li a.fa-user-times,
ol.social-media li a.fa-user-times:after { background-color: #003399;}
ol.social-media li a.fa-tumblr,
ol.social-media li a.fa-tumblr:after { background-color: #44546B;}
ol.social-media li a.fa-wordpress,
ol.social-media li a.fa-wordpress:after { background-color: #21759B;}
ol.social-media li a.fa-flickr,
ol.social-media li a.fa-flickr:after { background-color: #0063DB;}
ol.social-media li a.fa-tree,
ol.social-media li a.fa-tree:after { background-color: #3B7140;}
ol.social-media li a.fa-foursquare,
ol.social-media li a.fa-foursquare:after { background-color: #00AEEF; padding-left: 8px; padding-right: 8px;}
ol.social-media li a.fa-cloud,
ol.social-media li a.fa-cloud:after { background-color: #297DED; padding-left: 6.5px; padding-right: 6.5px;}
ol.social-media li a.fa-youtube-square,
ol.social-media li a.fa-youtube-square:after { background-color: #CF3427;}
ol.social-media li a.fa-vimeo-square,
ol.social-media li a.fa-vimeo-square:after { background-color: #17AEE1;}
ol.social-media li a.fa-dribbble,
ol.social-media li a.fa-dribbble:after { background-color: #EA4C89;}
ol.social-media li a.fa-delicious,
ol.social-media li a.fa-delicious:after { background-color: #0165CA;}
ol.social-media li a.fa-digg,
ol.social-media li a.fa-digg:after { background-color: #00618E;}
ol.social-media li a.fa-stumbleupon,
ol.social-media li a.fa-stumbleupon:after { background-color: #EB4823;}
ol.social-media li a.fa-reddit,
ol.social-media li a.fa-reddit:after { background-color: #EF4623;}
ol.social-media li a.fa-rss,
ol.social-media li a.fa-rss:after { background-color: #FF5B22;}
ol.social-media li a.fa-skype,
ol.social-media li a.fa-skype:after { background-color: #00AFF0;}
ol.social-media li a.fa-yahoo,
ol.social-media li a.fa-yahoo:after { background-color: #500095;}
ol.social-media li a.fa-yelp,
ol.social-media li a.fa-yelp:after { background-color: #CF2200;}
ol.social-media li a.fa-xing,
ol.social-media li a.fa-xing:after { background-color: #006567; padding-left: 8px; padding-right: 8px;}
/*--------------------------------------------------------------
# All Hidden
--------------------------------------------------------------*/
.row_container > br,
.form-allowed-tags {
display: none;
}
/*--------------------------------------------------------------
# LPJ REALY AWESOME POPUP
--------------------------------------------------------------*/
.lpj_dialog {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 999999;
top: 0;
left: 0;
}
.lpj_dialog .lpj_dialog_content_wrap {
max-width: 850px;
width: 90%;
height: 87%;
margin: 2.5% auto;
background: #FFFFFF;
position: relative;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
}
.lpj_dialog .lpj_dialog_content {
width: 100%;
height: 100%;
background-size: 100%;
overflow-y: auto;
position: relative;
padding: 20px 25px;
}
.lpj_dialog .lpj_dialog_content p {
font-size: 15px;
margin: 5px 0 15px;
}
.lpj_dialog .lpj_dialog_content a {
color: #0072B8;
}
.lpj_dialog .lpj_dialog_content a:hover {
text-decoration: underline;
color: #FF8000;
}
.lpj_dialog .close_btn_wrap {
width: 30px;
background: #008C9D;
position: absolute;
top: 0px;
right: -30px;
}
.lpj_dialog .lpj_dialog_close_btn {
background: #003366;
font-size: 30px;
display: block;
text-align: center;
padding: 0 0 2px;
line-height: 1;
color: #FFF;
}
.lpj_dialog .lpj_dialog_close_btn:hover {
background: #FF8000;
}
/* Popup Gravity Form */
.lpj_dialog .lpj_dialog_content .gform_wrapper {
max-width: 100%;
margin: 20px 0 0;
padding: 0;
border-top: 1px solid #D6D6D6;
}
.lpj_dialog .lpj_dialog_content .gform_wrapper form ul li label {
font: 600 13px 'Open Sans', sans-serif;
text-transform: uppercase;
margin-right: 15px;
color: #00193D;
}
.lpj_dialog .lpj_dialog_content .gform_wrapper form input,
.lpj_dialog .lpj_dialog_content .gform_wrapper form select,
.lpj_dialog .lpj_dialog_content .gform_wrapper form textarea {
border: 1px solid #D6D6D6;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.lpj_dialog .lpj_dialog_content .gform_wrapper form input.medium,
.lpj_dialog .lpj_dialog_content .gform_wrapper form select.medium {
width: 40%;
}
.lpj_dialog .lpj_dialog_content .gform_wrapper form .ginput_container_address .address_country {
width: 64.5%;
min-height: 0;
}
.lpj_dialog .lpj_dialog_content .gform_wrapper form .ginput_container_address .address_country label {
display: none;
}
.lpj_dialog .lpj_dialog_content .gform_wrapper form .gform_footer input.gform_button {
width: auto;
background: #FF8000;
font: normal 15px 'Oswald', sans-serif;
text-align: center;
text-transform: uppercase;
margin: 10px 0 30px;
padding: 12px 25px 10px;
float: right;
border: none;
clear: both;
color: #FFF;
}
.lpj_dialog .lpj_dialog_content .gform_wrapper form .gform_footer input.gform_button:hover {
background: #003366;
}
/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 1300px) {
.main-navigation ul li.menu-item-381:hover > ul { left: -127%;}
.homepage-latest-articles .articles-slider .slick-arrow.slick-prev { left: 0;}
.homepage-latest-articles .articles-slider .slick-arrow.slick-next { right: 0;}
.container { width: 100%; padding-right: 30px; padding-left: 30px;}
.homepage-product-categories .product-category .product-category-content { font-size: 16px;}
.homepage-middle-column-content .col-featured-image img { min-height: 0;}
.fixed-header.sticky-header .main-navigation a, .fixed-header.fix .main-navigation a{ padding-left:9px; padding-right:9px;}
.fixed-header.sticky-header .main-navigation li.menu-item-50 > a, .fixed-header.fix .main-navigation li.menu-item-50 > a {
margin-top: 18px;
padding: 8px 10px; margin-left:5px;
}
.site-header .fixed-header,
.home .site-header .fixed-header { padding-top: 10px;}
.site-logo { text-align: center; float: none;}
.main-navigation { float: left;}
.main-navigation a,
.home .main-navigation a { padding: 20px 20px; color: #00A950;}
.home .main-navigation ul ul a,
.home .site-header .sticky-header .main-navigation ul ul a { color: #FFF;}
.main-navigation li.menu-item-50 > a,
.home .main-navigation li.menu-item-50 > a { margin-top: 12px;}
.homepage-slider .slick-viewport { top: 265px;}
.site-content { padding-top: 220px;}
.homepage-product-categories { margin-top: -10%;}
.homepage-product-categories .product-category .product-category-content { width: 100%}
.main-navigation{ margin-left:50px;}
.home .main-navigation a, .main-navigation a{ padding-left:15px; padding-right:15px;}
}
@media (max-width:1210px){
.home .main-navigation a {
padding-left: 8px;
padding-right: 8px;
}
}
@media screen and (max-width: 1150px) {
.site-footer .footer-top-area .column-logo { padding-left: 30px; padding-right: 30px;}
.site-footer .footer-top-area .company-partner4 { padding-right: 30px;}
}
@media (max-width:1145px){
.main-navigation {
margin-left: 15px;
}
}
@media screen and (max-width: 1000px) {
.main-navigation ul ul a { font-size: 13px;}
.homepage-slider .slick-viewport .slick-slide .slider-content h1 { font-size: 35px;}
.homepage-slider .slick-viewport .slick-slide .slider-content .slider-content-info { font-size: 15px;}
.homepage-testimonials .testimonials-content { font-size: 20px;}
.homepage-testimonials .testimonials-content .slick-list { margin-top: 5%;}
.homepage-middle-column-content .col-2 { width: 100%; margin-bottom: -6px;}
.homepage-middle-column-content .col-2 img { width: 100%;}
}
@media (max-width:962px){
.main-navigation a{
padding-left: 8px;
padding-right: 8px;
}
}
@media screen and (max-width: 900px) {
.site-content .content-area,
.site-content .widget-area { width: 100% !important; padding-right: 0; padding-left: 0; float: none;}
.homepage-product-categories .product-category { width: 100%}
.homepage-product-categories .product-category .product-category-content { width: 50%; height: 98.7%;}
.site-content .widget-area .pdplay-image-ads { text-align: center;}
.site-content .widget-area .pdplay-image-ads img { width: auto;}
.site-footer .product-categories-container .product-category { width: 47.5%;}
}
@media screen and (max-width: 800px) {
.main-navigation { /*max-width: 350px;*/ max-width:none; width: 100%; position: absolute; top: 15px; right: 0; padding: 20px 0;}
.main-navigation.toggled { height: auto; background-color: #00A950; padding-right: 0;}
.main-navigation .menu-toggle,
.main-navigation.toggled ul.nav-menu,
.main-navigation.toggled ul.nav-menu li ul { display: block;}
.main-navigation ul.nav-menu { max-height: 500px; overflow-y: scroll; display: none; overflow-x:hidden;}
.main-navigation ul.nav-menu li { height: auto; text-align: left; margin: 0; display: block; float: none;}
.main-navigation ul.nav-menu ul li { text-align: left; text-indent: 7px; margin: 0; padding: 0;}
.main-navigation ul.nav-menu ul ul li { text-indent: 10px;}
.main-navigation ul.nav-menu ul ul ul li { text-indent: 22px;}
.main-navigation ul.nav-menu li a { margin: 0; padding: 7px 10px; color: #FFF;}
.home .site-header .sticky-header .main-navigation ul.nav-menu li a { color: #FFF;}
.main-navigation ul.nav-menu ul li a { font-size: 14px; padding-top: 10px; padding-bottom: 10px;}
.main-navigation ul.nav-menu ul ul li a { font-size: 13px;}
.main-navigation ul.nav-menu li > a:hover,
.main-navigation ul.nav-menu .current_page_item > a,
.main-navigation ul.nav-menu .current-menu-item > a,
.main-navigation ul.nav-menu .current_page_ancestor > a { background: #F26522; border: none;}
.main-navigation ul.nav-menu li.menu-item-50 > a:hover,
.main-navigation ul.nav-menu li.menu-item-50.current_page_item > a,
.main-navigation ul.nav-menu li.menu-item-50.current-menu-item > a,
.main-navigation ul.nav-menu li.menu-item-50.current_page_ancestor > a { border: 1px solid #FFF;}
.main-navigation ul.nav-menu ul { position: static; margin: 0; padding: 0; box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0;}
.main-navigation.toggled .menu-toggle { margin-bottom: 10px;}
.main-navigation.toggled .menu-toggle,
.main-navigation.toggled .menu-toggle:before{ color: #FFF;}
.main-navigation ul ul li.menu-item-1660 ul,
.main-navigation ul ul li.menu-item-1661 ul,
.main-navigation ul ul ul li.menu-item-8763 ul,
.main-navigation ul ul ul li.menu-item-8772 ul { height: auto; overflow: hidden;}
.main-navigation ul ul ul li.menu-item-8719 ul,
.main-navigation ul ul ul li.menu-item-8744 ul,
.main-navigation ul ul ul li.menu-item-8745 ul { height: auto; overflow: hidden;}
.main-navigation ul ul ul li.menu-item-8798 ul,
.main-navigation ul ul ul li.menu-item-8799 ul,
.main-navigation ul ul ul li.menu-item-8800 ul,
.main-navigation ul ul ul li.menu-item-8801 ul { height: auto; overflow: hidden;}
.homepage-slider .slick-viewport { top: 150px;}
.site-content { padding-top: 125px;}
.homepage-product-categories .product-category .product-category-content { width: 50%; height: 98.5%;}
.site-footer .footer-top-area .column-logo { padding-left: 20px; padding-right: 20px;}
.site-footer .footer-top-area .company-partner4 { padding-right: 20px;}
.site-footer .alignleft,
.site-footer .alignright { text-align: center; float: none;}
.site-footer .alignleft { padding-bottom: 0;}
.site-footer .alignright cite { text-align: center !important;}
.fixed-header .header_seach{ margin-bottom:15px;}
}
@media screen and (max-width: 700px) {
.container { padding-right: 20px; padding-left: 20px;}
.site-header .fixed-header { padding-bottom: 10px;}
.home .site-logo a img { max-width: 150px;}
.homepage-slider .slick-viewport .slick-slide .slider-content { background: #F26522; position: static; padding-bottom: 20px;}
.homepage-slider .slick-viewport .slick-dots { top: 50%;}
.homepage-product-categories { margin-top: 0;}
.site-content .page-products .product-list { width: 46.5%; margin-right: 3%; margin-left: 1.5%;}
.site-content .page-products .product-list:nth-child(2n+2) { margin-right: 0;}
.site-content .page-products .product-list:nth-child(3n+3) { margin-right: 3%;}
.homepage-product-categories .view-all-products,
.homepage-latest-articles .view-more-posts,
.site-footer .product-categories-container .view-all-products { max-width: 95px; left: 42%; font-size: 13px;}
.homepage-latest-articles .view-more-posts { padding: 10px 0 18px;}
}
@media screen and (max-width: 600px) {
.homepage-testimonials { display: none;}
.site-content .product-subpages .product-subpage { width: 50%;}
.site-content .product-subpages .product-subpage:nth-child(2n+1) { padding-left: 0; clear: left;}
.site-content .product-subpages .product-subpage:nth-child(2n+2) {padding-right: 0; clear: right;}
.site-content .product-subpages .product-subpage:nth-child(3n+1) { padding-left: 15px;}
.site-content .product-subpages .product-subpage:nth-child(3n+3) { padding-right: 15px;}
.homepage-product-categories .product-category .product-category-content { width: 100%; height: 98%;}
.site-footer .product-categories-container .product-category { width: 97.5%;}
}
@media screen and (max-width: 550px) {
.homepage-slider .slick-viewport .slick-dots { top: 43%;}
}
@media screen and (max-width: 500px) {
.main-navigation .menu-toggle .menu-toggle-label { display: none;}
.homepage-product-categories .product-category .product-category-content { height: 97.5%; padding: 22px 5% 20px;}
.site-content .page-products .product-list { width: 97%;}
.site-content .product-gallery-container .product-gallery { width: 100%;}
.site-content .product-gallery-container .product-gallery:nth-child(odd) { padding-left: 10px; padding-right: 10px; float: none;}
.site-content .product-gallery-container .product-gallery:nth-child(even) { padding-left: 10px; padding-right: 10px; float: none;}
.site-content .content-area .entry-content img.alignleft,
.site-content .content-area .entry-content img.alignright { margin-left: auto; margin-right: auto; margin-bottom: 0; display: block; float: none; clear: both;}
}
@media screen and (max-width: 450px) {
.homepage-slider .slick-viewport .slick-dots { top: 35%;}
.homepage-product-categories .product-category .product-category-content p { display: none;}
}
@media screen and (max-width: 400px) {
.homepage-slider .slick-viewport .slick-dots { top: 30%;}
.homepage-product-categories .product-category .product-category-content { height: 97%;}
}
@media screen and (max-width: 350px) {
.main-navigation { max-width: 290px; padding-left: 20px;}
.homepage-slider .slick-viewport .slick-dots { top: 25%;}
.site-footer .footer-top-area .column-logo { padding-left: 0; padding-right: 0; display: block;}
.site-footer .footer-top-area .company-partner4 { padding-right: 0;}
}
@media (max-width:1140px){
.fixed-header.fix .header_seach.inner, .fixed-header.sticky-header .header_seach.inner {
clear: both;
display: block;
float: none;
margin: 25px auto;
}
}
@media (max-width:420px){
.popup3 .gf_left_half, .popup3 .gf_right_half, .popup3 #input_3_1_6_container, .popup3 #input_3_1_3_container{ float:none !important; display:block !important; width:100% !important;}
}
@media (max-width:559px){
.popup3{ width:100% !important;}
}
@media (max-width:876px){
.main-navigation {
float: none;
margin-left: 0;
}
}
@media (max-width:1060px){
img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
}