|
Server : Apache System : Linux cs317.bluehost.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : andertr9 ( 1047) PHP Version : 8.2.18 Disable Function : NONE Directory : /home1/andertr9/public_html/wp-content/themes/anderson/css/ |
Upload File : |
/*
* SSP Starter v1.0.0
* Copyright 2015, Small Screen Producer
* www.smallscreenproducer.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/31/2015
*/
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
@charset "utf-8";
/* Fonts
--------------------------------------------------*/
@font-face {
font-family : 'Open Sans';
font-weight : 300;
font-style : normal;
src : url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Light.eot' );
src : url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Light.eot?#iefix' ) format( 'embedded-opentype' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Light.woff2' ) format( 'woff2' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Light.woff' ) format( 'woff' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Light.ttf' ) format( 'truetype' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Light.svg?opensanslight' ) format( 'truetype' );
}
@font-face {
font-family : 'Open Sans';
font-weight : 400;
font-style : normal;
src : url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Regular.eot' );
src : url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Regular.eot?#iefix' ) format( 'embedded-opentype' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Regular.woff2' ) format( 'woff2' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Regular.woff' ) format( 'woff' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Regular.ttf' ) format( 'truetype' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Regular.svg?opensansregular' ) format( 'truetype' );
}
@font-face {
font-family : 'Open Sans';
font-weight : 600;
font-style : normal;
src : url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Semibold.eot' );
src : url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Semibold.eot?#iefix' ) format( 'embedded-opentype' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Semibold.woff2' ) format( 'woff2' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Semibold.woff' ) format( 'woff' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Semibold.ttf' ) format( 'truetype' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Semibold.svg?opensanssemibold' ) format( 'truetype' );
}
@font-face {
font-family : 'Open Sans';
font-weight : 700;
font-style : normal;
src : url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Bold.eot' );
src : url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Bold.eot?#iefix' ) format( 'embedded-opentype' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Bold.woff2' ) format( 'woff2' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Bold.woff' ) format( 'woff' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Bold.ttf' ) format( 'truetype' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Bold.svg?opensansbold' ) format( 'truetype' );
}
@font-face {
font-family : 'Open Sans';
font-weight : 300;
font-style : italic;
src : url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-LightItalic.eot' );
src : url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-LightItalic.eot?#iefix' ) format( 'embedded-opentype' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-LightItalic.woff2' ) format( 'woff2' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-LightItalic.woff' ) format( 'woff' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-LightItalic.ttf' ) format( 'truetype' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-LightItalic.svg?opensanslightitalic' ) format( 'truetype' );
}
@font-face {
font-family : 'Open Sans';
font-weight : 400;
font-style : italic;
src : url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Italic.eot' );
src : url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Italic.eot?#iefix' ) format( 'embedded-opentype' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Italic.woff2' ) format( 'woff2' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Italic.woff' ) format( 'woff' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Italic.ttf' ) format( 'truetype' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-Italic.svg?opensansitalic' ) format( 'truetype' );
}
@font-face {
font-family : 'Open Sans';
font-weight : 600;
font-style : italic;
src : url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-SemiboldItalic.eot' );
src : url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-SemiboldItalic.eot?#iefix' ) format( 'embedded-opentype' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-SemiboldItalic.woff2' ) format( 'woff2' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-SemiboldItalic.woff' ) format( 'woff' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-SemiboldItalic.ttf' ) format( 'truetype' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-SemiboldItalic.svg?opensanssemibolditalic' ) format( 'truetype' );
}
@font-face {
font-family : 'Open Sans';
font-weight : 700;
font-style : italic;
src : url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-BoldItalic.eot' );
src : url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-BoldItalic.eot?#iefix' ) format( 'embedded-opentype' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-BoldItalic.woff2' ) format( 'woff2' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-BoldItalic.woff' ) format( 'woff' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-BoldItalic.ttf' ) format( 'truetype' ),
url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/fonts/OpenSans-BoldItalic.svg?opensansbolditalic' ) format( 'truetype' );
}
/* General
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html ,
body {
font-family : 'Open Sans' , Arial, Helvetica, sans-serif;
}
p , h5 {
font-family : 'Open Sans' , Arial , Helvetica , sans-serif;
}
ul > li {
font-family : 'Open Sans' , Arial , Helvetica , sans-serif;
}
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button ,
.button:visited {
-webkit-border-radius : 4px;
-moz-border-radius : 4px;
border-radius : 4px;
line-height : 43px;
background : #028db9;
height : 43px;
}
.button:hover ,
.button:focus ,
.button:active {
-webkit-border-radius : 4px;
-moz-border-radius : 4px;
border-radius : 4px;
background : #309abe;
}
/* Header : Widgets
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-header > .widgets {
background : #1589b2;
background : -moz-linear-gradient(top, #1589b2 0%, #40bce5 100%);
background : -webkit-linear-gradient(top, #1589b2 0%,#40bce5 100%);
background : linear-gradient(to bottom, #1589b2 0%,#40bce5 100%);
filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#1589b2', endColorstr='#40bce5',GradientType=0 );
padding : 18px 0px;
}
/* Header : Branding
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-header .site-branding {
text-align : center;
}
.site-header .site-branding .logo {
display : inline-block;
margin : 5px 0px;
}
/* Header : Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-header .site-navigation ul.menu > li.menu-item {
margin : 0px 0px 0px 1px;
}
.site-header .site-navigation ul.menu > li.menu-item:hover ,
.site-header .site-navigation ul.menu > li.current-menu-item {
background : #178cb5;
}
.site-header .site-navigation ul.menu > li.menu-item > a {
text-transform : uppercase;
line-height : 90px;
font-size : 1.6rem;
padding : 0px 5px;
color : #fff;
}
.site-header .site-navigation ul.menu > li.home-menu-item {
width : 42px;
}
.site-header .site-navigation ul.menu > li.home-menu-item > a {
text-indent : -999999px;
}
.site-header .site-navigation ul.menu > li.home-menu-item > a:after {
background : url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/css/images/icons.png' ) no-repeat right center;
position : absolute;
display : block;
content : '';
margin : -12px;
height : 24px;
width : 24px;
left : 50%;
top : 50%;
}
.site-header .site-navigation ul.menu > li.menu-item:last-child > ul.sub-menu {
left : auto;
right : 0px;
}.site-header .site-navigation ul.menu > li.menu-item > ul.sub-menu {
background : #178cb5;
}
.site-header .site-navigation ul.menu > li.menu-item > ul.sub-menu > li.menu-item > a:hover {
background : #31abd4;
}
.site-header .site-navigation ul.menu > li.about-menu-item > ul.sub-menu {
width : 136px;
}
.site-header .site-navigation ul.menu > li.about-menu-item > ul.sub-menu {
width : 136px;
}
.site-header .site-navigation ul.menu > li.pools-spas-menu-item > ul.sub-menu {
width : 242px;
}
/* Header : Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-header .site-branding .buttons {
margin : 15px 0px 18px 0px;
}
.site-header .site-branding .buttons > .button {
margin : 0px 10px;
width : 118px;
}
.site-header .site-branding .buttons > .button:hover ,
.site-header .site-branding .buttons > .button:focus ,
.site-header .site-branding .buttons > .button:active {
background : #016a8b;
}
/* Header : Bar
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-header > .header-bar {
border-bottom : 1px solid #dfe0e1;
border-top : 1px solid #dfe0e1;
background : #f8f8f8;
text-align : center;
font-size : 1.8rem;
color : #198eb7;
}
.site-header > .header-bar .widget-title {
display : none;
}
.site-header > .header-bar .company-phone ,
.site-header > .header-bar .company-address {
line-height : 55px;
}
.site-header > .header-bar .company-phone {
display : none;
float : right;
}
.front-page > .site > .site-header {
/*
position : fixed;
z-index : 999;
width : 940px;
top : 0px;
*/
}
/* Content
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-content {
padding : 24px 0px 39px 0px;
}
.single-post .site-content {
padding : 24px 0px 32px 0px;
}
.page-template-blog .site-content {
padding : 24px 0px 46px 0px;
}
.front-page .site-content {
padding : 0px;
}
.page-template-contact .site-content {
padding : 0px 0px 43px 0px;
}
#google-map > .ssp-google-map {
height : 232px !important;
}
#google-map {
margin : 0px 0px 28px 0px;
}
.input-control > .wpcf7-form-control-wrap > input ,
.input-control > .wpcf7-form-control-wrap > select {
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
line-height : 18px;
border : 1px solid #d3d3d3;
line-height:18px;
height:auto;
margin-bottom:5px;
color:#737373;
border-radius: 5px;
padding: 8px 18px 8px;
margin-bottom: 9px;
outline: none;
width : 100%;
}
.input-control > .wpcf7-form-control-wrap > textarea {
border : 1px solid #d3d3d3;
margin-bottom : 9px;
width : 100%;
height : 155px;
display: block;
}
.contact-us > .input-control {
margin : 0px 0px 11px 0px;
}
.contact-us > p {
margin : 0px;
}
.contact-us > p > label {
font-weight : 400;
display : block;
margin : 0px 0px 11px 0px;;
}
.input-control > .wpcf7-form-control-wrap > select {
background : #ebebeb;
background : -moz-linear-gradient(top, #ebebeb 0%, #ffffff 78%);
background : -webkit-linear-gradient(top, #ebebeb 0%,#ffffff 78%);
background : linear-gradient(to bottom, #ebebeb 0%,#ffffff 78%);
filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 );
}
.input-control > .wpcf7-submit {
line-height : 43px;
background : #028db9;
height : 43px;
border : none;
margin : 3px 0px 0px 0px;
width : 148px;
color : #fff;
}
.contact-content {
text-align : center;
padding : 21px 0px 0px 0px;
}
.contact-content > p {
margin : 0px;
}
.contact-content a.logo {
display:inline-block;
margin: 0px 0px 15px 0px;
}
.contact-content .featured-image {
display : none;
width : 100%;
}
.contact-content .button {
margin : 23px 0px 0px 0px;
}
.gglcptch_recaptcha > div > div {
width : 100% !important;
}
/* Content : Home : Slider
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.home-slider > .tablet ,
.home-slider > .desktop {
display : none;
}
.home-slider .ls-nav-prev , .home-slider .ls-nav-next {
background : rgba( 0 , 0 , 0 , 0.58 ) !important;
margin-top : -49px !important;
height : 54px !important;
width : 20px !important;
display:block !important;
}
.home-slider .ls-nav-prev:hover , .home-slider .ls-nav-next:hover {
background:#000 !important;
}
.home-slider .ls-nav-prev {
left : 0px !important;
}
.home-slider .ls-nav-next {
right : 0px !important;
}
.home-slider .ls-nav-prev:after , .home-slider .ls-nav-next:after {
background-repeat : no-repeat;
background-image : url( 'http://ssproducer.com/design-b/wp-content/themes/images/icon-slider-nav.png' );
position : absolute;
display : block;
content : '';
margin : -5px -3px;
height : 11px;
width : 6px;
left : 50%;
top : 50%;
}
.home-slider .ls-nav-prev:after {
background-position : left center;
}
.home-slider .ls-nav-next:after {
background-position : right center;
}
.home-slider .ls-l {
text-align : center;
margin-top : 0px !important;
width : 100% !important;
top : auto !important;
bottom:0px !important;
}
.home-slider .ls-gpuhack {
background:url('http://ssproducer.com/design-b/wp-content/themes/template-b/css/images/banner-bg.png') repeat-x bottom center;
}
.home-slider .ls-l > h2 {
text-shadow : 3px 4px 13px rgba(1, 2, 2, 0.75);
line-height : 40px;
font-style:italic;
font-weight : 600;
font-size : 2.1rem;
margin : 0px;
color : #fff;
}
.home-slider .ls-l > h3 {
text-shadow : 3px 4px 13px rgba(1, 2, 2, 0.75);
line-height : 15px;
font-weight : 600;
font-size : 1.5rem;
margin : 0px;
color : #32b7e4;
}
/* Content : Home : What We Do
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.flip{
position: relative;
}
.section-title {
/*
background : #29d3ea;
background : -moz-linear-gradient(top, #29d3ea 0%, #008ab6 100%);
background : -webkit-linear-gradient(top, #29d3ea 0%,#008ab6 100%);
background : linear-gradient(to bottom, #29d3ea 0%,#008ab6 100%);
filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#29d3ea', endColorstr='#008ab6',GradientType=0 );
*/
line-height : 68px;
text-align : center;
font-size : 2.8rem;
color : #028db9;
}
.what-we-do .service {
position:relative;
margin:0px 0px 17px 0px;
}
.what-we-do .service > .title {
background:#028db9;
color : #fff;
font-size : 2.3rem;
line-height : 52px;
margin:0px 0px 2px 0px;
text-align:center;
}
.what-we-do .service > .image > img {
display:block;
width:100%;
}
.what-we-do .service > .link {
position:absolute;
left:0px;
bottom:0px;
height:50px;
width:100%;
background:#000;
text-align:center;
padding:13px 0px;
}
.what-we-do .service > .link a {
font-size: 18px;
font-weight: 700;
color: #fff;
}
.what-we-do .service:hover > .link {
display:block;
}
.what-we-do .service > .link > .button {
background : none;
border:1px solid #fff;
color:#fff;
width:142px;
}
.our-resources {
border-top : 1px solid #dfe0e1;
padding : 41px 0px 18px 0px;
}
.what-we-do {
/*padding : 10px 0px 17px 0px;*/
}
.what-we-do .section-title {
margin: 0px 0px 0px 0px;
color: #fff;
background: #000;
font-size:34px;
border-radius:0px !important;
font-weight:400;
}
.new-what-we-do .section-title {
margin: 0px 0px 0px 0px;
color: #fff;
font-size:34px;
border-radius:0px !important;
font-weight:400;
}
.what-we-do .flip ,
.our-resources .flip ,
.new-what-we-do .flip {
-webkit-border-radius : 10px;
-moz-border-radius : 10px;
border-radius : 10px;
position: relative;
padding-top : 273px;
overflow : hidden;
margin : 20px auto;
width : 100%;
}
.new-what-we-do .flip {
margin : 23px auto;
}
.new-what-we-do .row > .column:first-child > .flip {
margin : 9px auto 23px auto;
}
.new-what-we-do {
padding : 13px 0px 25px 0px;
}
.new-what-we-do .flip {
padding-top : 311px;
}
.our-resources .flip {
margin : 24px auto;
}
.our-resources .row > .column:first-child > .flip {
margin-top : 27px;
}
.what-we-do .flip > .front ,
.our-resources .flip > .front {
padding : 5px 6px;
background : #198eb7;
-webkit-border-radius : 10px;
-moz-border-radius : 10px;
border-radius : 10px;
}
.new-what-we-do .flip > .front {
padding : 5px;
background : #198eb7;
-webkit-border-radius : 10px;
-moz-border-radius : 10px;
border-radius : 10px;
}
.what-we-do .flip > .front > img ,
.our-resources .flip > .front > img ,
.new-what-we-do .flip > .front > img {
-webkit-border-radius : 10px;
-moz-border-radius : 10px;
border-radius : 10px;
display : block;
height : 100%;
width : 100%;
}
.what-we-do .flip > .front > h3 ,
.our-resources .flip > .front > h3 ,
.new-what-we-do .flip > .front > h3 {
line-height : 24px;
font-weight : 600;
text-align : center;
font-size : 2.4rem;
padding : 11px 0px 16px 0px;
margin : 0px;
color : #fff;
}
.what-we-do .flip > .back ,
.our-resources .flip > .back ,
.new-what-we-do .flip > .back {
text-align : center;
padding : 0px 20px;
background : #198eb7;
color : #fff;
-webkit-border-radius : 10px;
-moz-border-radius : 10px;
border-radius : 10px;
}
.what-we-do .flip > .back h3 ,
.our-resources .flip > .back h3 ,
.new-what-we-do .flip > .back h3 ,
.new-what-we-do .flip > .back h1 {
line-height : 24px;
font-weight : 600;
text-align : center;
font-size : 2.4rem;
margin : 0px 0px 21px 0px;
}
.what-we-do .flip > .back .button ,
.our-resources .flip > .back .button ,
.new-what-we-do .flip > .back .button {
line-height : 43px;
background : none;
margin : 4px 0px 0px 0px;
border : 1px solid #fff;
height : 43px;
width : 148px;
}
.new-what-we-do .flip > .back .button:hover {
background : #fff;
color : #198eb7;
}
.what-we-do .flip > .back .table-cell > p:last-child ,
.our-resources .flip > .back .table-cell > p:last-child ,
.new-what-we-do .flip > .back .table-cell > p:last-child {
margin : 0px;
}
.what-we-do .flip > .back .table-cell > p,
.our-resources .flip > .back .table-cell > p,
.new-what-we-do .flip > .back .table-cell > p{
margin: 10px 0px;
}
/* Content : Home
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.home-content {
padding : 31px 0px 45px 0px;
position:relative;
}
.home-content:before {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0088b4+0,35bbe7+100 */
content:'';
display:block;
position:absolute;
top:0px;
left:0px;
width:100%;
height:340px;
}
.home-content h1 {
line-height : 34px;
font-size : 3.4rem;
margin : 0px 0px 15px 0px;
color : #198eb7;
font-weight:400;
}
.home-content h2 {
line-height : 24px;
font-size : 2.4rem;
margin : 15px 0px 15px 0px;
color : #000;
font-weight:400;
}
.home-content img {
display : block;
width : 100%;
border:3px solid #fff;
}
.home-content .button {
width : 148px;
}
/* Content : Parallax
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.parallax {
background-position : center center;
background-repeat : no-repeat;
background-size : cover;
border-bottom : solid 1px #dfe0e1;
height : 569px;
}
.parallax .parallax-content {
padding : 8px 20px 23px 20px;
}
.parallax .parallax-content img {
display:block;
width:100%;
}
.parallax .parallax-content > h2 {
line-height : 42px;
font-size : 3.4rem;
margin : 0px 0px 21px 0px;
color : #fff;
}
.parallax .parallax-content > p:last-child {
margin-bottom : 0px;
}
.parallax .parallax-content > p:first-child {
margin-top : 0px;
}
.parallax .parallax-content .button {
background : none;
border : 1px solid #fff;
}
/* Content : Pool Chemical Services
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pool-chemical-services,
.why-choose-us {
padding:18px 0px 32px 0px;
}
.pool-chemical-services .section-title,
.why-choose-us .section-title{
margin : 0px 0px 5px 0px;
}
.pool-chemical-services .section-content ,
.why-choose-us .section-content {
}
.pool-chemical-services .section-content > .service.table ,
.why-choose-us .section-content > .service.table {
margin : 14px 0px;
height : 95px;
}
.pool-chemical-services .section-content > .service.table:first-child ,
.why-choose-us .section-content > .service.table:first-child {
margin-top : 0px;
}
.pool-chemical-services .section-content > .service.table:last-child {
margin-bottom : 0px;
}
.pool-chemical-services .service.table > .table-cell {
position : relative;
padding : 0px 0px 0px 117px;
}
.pool-chemical-services .service.table > .table-cell > *:first-child {
margin-top : 0px;
}
.pool-chemical-services .service.table > .table-cell > *:last-child {
margin-bottom : 0px;
}
.pool-chemical-services .service.table > .table-cell > p {
margin : 0px;
}
.pool-service-icon {
-webkit-border-radius : 50%;
-moz-border-radius : 50%;
border-radius : 50%;
background : url( 'http://ssproducer.com/design-b/wp-content/themes/images/icon-pool-service.png' ) no-repeat center center;
margin-top : -47px;
position : absolute;
display : block;
border : 3px solid #028db9;
height : 94px;
width : 94px;
left : 0px;
top : 50%;
}
.pool-chemical-services h4 ,
.why-choose-us h4 {
line-height : 16px;
font-size : 1.6rem;
margin : 0px 0px 3px 0px;
color : #000;
}
/* Content : Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.page-template-blog .post-links {
padding : 19px 0px 0px 0px;
}
.blogs {
margin : 0px 0px 25px 0px;
}
.blogs > article {
margin : 0px 0px 8px 0px;
}
.blogs > article:last-child {
margin : 0px;
}
.site-content .blogs .entry-header>.entry-title {
border-bottom : 1px solid #028db8;
line-height : 20px;
font-size : 2.0rem;
position : relative;
padding : 13px 0px;
margin : 0px;
color : #028db9;
}
.site-content .blogs .entry-header>.entry-title > a {
color : #028db9;
}
.site-content .blogs .entry-header>.entry-title > a:hover {
color : #178cb5;
}
.site-content .blogs .entry-header>.entry-title:after ,
.site-content .blogs .entry-header>.entry-title:before {
background : #1595bd;
position : absolute;
display : block;
content : '';
height : 1px;
width : 100%;
left : 0px;
}
.site-content .blogs .entry-header>.entry-title:after {
bottom : -2px;
}
.site-content .blogs .entry-header>.entry-title:before {
bottom : 0px;
}
.site-content .entry-header > .post-meta {
margin : 27px 0px 15px 0px;
}
.site-content .blogs .entry-header > .post-meta {
margin : 10px 0px 16px 0px;
}
.site-content .post-content > .entry-header > .post-thumbnail {
border : none;
margin : 0px;
}
.site-content .entry-header > .post-meta > ul.post-categories > li > a {
color : #028db9;
}
/* Content : Pool Equipments
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pool-equipments {
padding : 10px 0px 0px 0px;
}
.pool-equipments > .table {
display : none;
}
.pool-equipments .equipment {
margin : 0px 0px 28px 0px;
}
.pool-equipments .equipment > .image > img {
display : block;
border : 3px solid #028db9;
height : 100%;
width : 100%;
}
.pool-equipments .equipment > .title {
line-height : 21px;
font-weight : 600;
font-size : 2.1rem;
margin : 18px 0px 14px 0px;
color : #028db9;
}
.pool-equipments .equipment > .description > p:last-child ,
.pool-equipments .equipment > .description > .readmore-slider > p:last-child ,
.pool-equipments .equipment > .description > p:first-child ,
.pool-equipments .equipment > .description > .readmore-slider > p:first-child {
margin : 0px;
}
.pool-equipments .equipment > .description > .readmore-slider > .readmore-content > p:last-child {
margin-bottom : 0px;
}
.pool-equipments .equipment > .description > .readmore-slider .slide-button {
margin : 18px 0px 0px 0px;
width : 148px;
}
/* Shortcode : Testimonials
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.testimonials {
padding : 6px 0px 0px 0px;
}
.testimonials > .testimonial {
padding : 20px 0px 18px 0px;
}
.testimonials > .testimonial {
border-top : 1px solid #dfe0e1;
}
.testimonials > .testimonial > .client-address {
color : #198eb7;
}
.testimonial-slider.theme-1 .bx-wrapper .bx-prev:hover ,
.testimonial-slider.theme-1 .bx-wrapper .bx-next:hover {
border : 3px solid #198eb7;
}
.testimonial-slider.theme-1 .bx-wrapper .bx-prev:hover:after ,
.testimonial-slider.theme-1 .bx-wrapper .bx-prev:hover:before ,
.testimonial-slider.theme-1 .bx-wrapper .bx-next:hover:after ,
.testimonial-slider.theme-1 .bx-wrapper .bx-next:hover:before {
border-top : 2px solid #198eb7;
}
border-top : 2px solid #198eb7;
}
/* Shortcode : Testimonial Slider
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.testimonial-slider.theme-1 .testimonial > .client-address {
color : #028db9;
}
/* Sidebar :
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.primary-sidebar > .page-sidebar {
padding : 12px 0px;
}
.primary-sidebar > .post-sidebar {
padding : 16px 0px 0px 0px;
}
/* Sidebar : Widget Title
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.primary-sidebar .widget-title {
border-bottom : 1px solid #028db8;
padding : 13px 0px;
color : #028db9;
}
.primary-sidebar .widget-title:after ,
.primary-sidebar .widget-title:before {
background : #1595bd;
position : absolute;
display : block;
content : '';
height : 1px;
width : 100%;
left : 0px;
}
.primary-sidebar .widget-title:after {
bottom : -2px;
}
.primary-sidebar .widget-title:before {
bottom : 0px;
}
.single-post .primary-sidebar > .widget-area > .widget.widget_search {
margin : 0px 0px 29px 0px;
}
.page-template-blog .primary-sidebar > .widget-area > .widget.widget_search {
margin : 6px 0px 14px 0px;
}
#searchform > .input-control {
position : relative;
padding : 0px 58px 0px 0px;
}
#searchform > .input-control > input[type=text] ,
#searchform > .input-control > input[type=text]:visited {
-webkit-border-radius : 6px 0px 0px 6px;
-moz-border-radius : 6px 0px 0px 6px;
border-radius : 6px 0px 0px 6px;
line-height : 46px;
padding : 0px 10px;
display : block;
margin : 0px;
height : 46px;
width : 100%;
color : #737373;
}
#searchform > .input-control > input[type=text]:focus ,
#searchform > .input-control > input[type=text]:active {
border : 1px solid #198eb7;
}
#searchform > .input-control > input[type=submit] {
-webkit-border-radius : 0px 6px 6px 0px;
-moz-border-radius : 0px 6px 6px 0px;
border-radius : 0px 6px 6px 0px;
background : #198eb7 url( 'http://ssproducer.com/design-b/wp-content/themes/images/icon-search.png' ) no-repeat center center;
position : absolute;
padding : 0px;
border : none;
height : 46px;
margin : 0px;
right : 0px;
width : 59px;
top : 0px;
}
#searchform > .input-control > input[type=submit]:hover ,
#searchform > .input-control > input[type=submit]:focus ,
#searchform > .input-control > input[type=submit]:active {
background : #309abe url( 'http://ssproducer.com/design-b/wp-content/themes/images/icon-search.png' ) no-repeat center center;
}
/* Sidebar : Areas Served
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.areas-served > ul > li {
border-bottom : 1px solid #dfe0e1;
}
.areas-served > ul > li > a {
padding : 16px 0px;
display : block;
}
.areas-served > ul > li > a:hover {
color : #028db9;
}
/* Footer : Testimonials
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-footer .footer-testimonials {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1589b2+0,40bce5+100 */
background: #1589b2; /* Old browsers */
background: -moz-linear-gradient(top, #1589b2 0%, #40bce5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1589b2 0%,#40bce5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1589b2 0%,#40bce5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1589b2', endColorstr='#40bce5',GradientType=0 ); /* IE6-9 */
color : #fff;
border-top : 1px solid #dfe0e1;
padding : 34px 0px 33px 0px;
}
.site-footer .footer-testimonials .widget-title {
line-height : 28px;
text-align : center;
font-size : 2.8rem;
margin : 0px 0px 28px 0px;
color : #fff;
font-weight:400;
}
.testimonial-slider.theme-1 .bx-wrapper .bx-prev, .testimonial-slider.theme-1 .bx-wrapper .bx-next {
border : 3px solid #fff;
}
.testimonial-slider.theme-1 .bx-wrapper .bx-prev:hover, .testimonial-slider.theme-1 .bx-wrapper .bx-next:hover {
border : 3px solid #dcdcdc;
}
.testimonial-slider.theme-1 .bx-wrapper .bx-prev:after, .testimonial-slider.theme-1 .bx-wrapper .bx-prev:before ,
.testimonial-slider.theme-1 .bx-wrapper .bx-next:after, .testimonial-slider.theme-1 .bx-wrapper .bx-next:before {
border-top : 2px solid #fff;
}
.testimonial-slider.theme-1 .bx-wrapper .bx-prev:hover:after, .testimonial-slider.theme-1 .bx-wrapper .bx-prev:hover:before ,
.testimonial-slider.theme-1 .bx-wrapper .bx-next:hover:after, .testimonial-slider.theme-1 .bx-wrapper .bx-next:hover:before {
border-top : 2px solid #dcdcdc;
}
.testimonial-slider.theme-1 .testimonial > .client-address {
color : #dcdcdc;
}
/* Footer : Carecraft
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-footer > .carecraft {
border-top : 1px solid #dfe0e1;
padding : 18px 0px 13px 0px;
}
.site-footer > .carecraft .widget-title {
display : none;
}
.site-footer > .carecraft .textwidget {
text-align : center;
}
.site-footer > .carecraft .logo {
display : inline-block;
margin : 6px 0px;
}
.site-footer > .carecraft .social-likes {
margin : 22px 0px 18px 0px;
}
.site-footer > .carecraft .social-buttons > a {
line-height : 49px;
margin : 0px 1px;
height : 48px;
width : 44px;
}
.site-footer > .carecraft .social-buttons > a:before {
line-height : 49px;
height : 49px;
width : 49px;
}
/* Footer : Widgets
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-footer > .footer-widgets {
background : #000;
padding : 35px 0px 34px 0px;
color : #fff;
}
.site-footer > .footer-widgets .quick-links {
padding : 0px 10px 0px 46px;
display : none;
}
.site-footer > .footer-widgets .widget-title {
font-family : 'Open Sans' , Arial, Helvetica, sans-serif;
line-height : 24px;
font-weight : 600;
font-size : 2.4rem;
margin : 0px 0px 10px 0px;
}
/* Footer : Widgets : Quick Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-footer > .footer-widgets .quick-links > .widget-title {
margin : 0px 0px 14px 0px;
}
.site-footer > .footer-widgets .quick-links > .widget {
width : 33.333333%;
float : left;
}
.site-footer > .footer-widgets .quick-links > .widget > .widget-title {
display : none;
}
.site-footer > .footer-widgets .quick-links .menu > li.menu-item:hover > a ,
.site-footer > .footer-widgets .quick-links .menu > li.current-menu-item > a {
color : #fff;
}
/* Footer : Widgets : Best Pools
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-footer > .footer-widgets .best-pools {
max-width : 252px;
padding : 0px;
margin : 0px auto;
float : none;
}
.site-footer > .footer-widgets .best-pools > .widget > .widget-title {
display : none;
}
.site-footer > .footer-widgets .best-pools .company-phone ,
.site-footer > .footer-widgets .best-pools .company-email ,
.site-footer > .footer-widgets .best-pools .company-address {
font-family : 'Open Sans' , Arial, Helvetica, sans-serif;
line-height : 28px;
font-weight : 400;
font-size : 1.4rem;
position : relative;
}
.site-footer > .footer-widgets .best-pools .company-phone ,
.site-footer > .footer-widgets .best-pools .company-email {
padding : 0px 0px 0px 32px;
}
.site-footer > .footer-widgets .best-pools .company-phone > span ,
.site-footer > .footer-widgets .best-pools .company-email > span {
font-weight : 600;
color : #028db9;
}
.site-footer > .footer-widgets .best-pools .company-phone:before ,
.site-footer > .footer-widgets .best-pools .company-email:before {
position : absolute;
display : block;
content : '';
height : 28px;
width : 24px;
left : 0px;
top : 0px;
}
.site-footer > .footer-widgets .best-pools .company-phone:before {
background : url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/css/images/icons.png' ) no-repeat left center;
}
.site-footer > .footer-widgets .best-pools .company-email:before {
background : url( 'http://ssproducer.com/design-b/wp-content/themes/template-b/css/images/icons.png' ) no-repeat -24px center;
}
.site-footer > .footer-widgets .best-pools .company-address {
margin : 0px 0px 12px 0px;
}
/* Footer : Copyright
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-footer > .copyright {
padding : 24px 0px 0px 0px;
}
.site-footer > .copyright p {
margin : 0px;
}
/* Footer : Scroll Top
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.site-footer > .scroll-top {
padding : 15px 0px;
}
.site-footer > .scroll-top > a {
height : 29px;
width : 29px;
}
.footer-resources {
background:#f8f8f8;
color:#fff;
text-align:center;
padding:33px 0px 56px 0px;
display:none;
}
.front-page .footer-resources {
display:block;
}
.footer-resources .widget-title {
font-size:3.4rem;
line-height:34px;
margin:0px 0px 29px 0px;
font-weight:400;
}
.footer-resources .textwidget {
background : #f8f8f8;
/*-webkit-box-shadow:0px 4px 38px 0px rgba(0, 0, 0, 0.8);
-moz-box-shadow:0px 4px 38px 0px rgba(0, 0, 0, 0.8);
box-shadow: 0px 4px 38px 0px rgba(0, 0, 0, 0.8); */
}
.footer-resources .icon-resource {
-webkit-border-radius : 50%;
-moz-border-radius : 50%;
border-radius : 50%;
height:155px;
width:155px;
display:block;
margin:0px auto;
border:6px solid #d0d0d0;
position:relative;
}
.footer-resources .icon-resource:hover {
border:6px solid #198eb7;
}
/*.footer-resources .icon-resource:before {
background-repeat:no-repeat;
display:block;
height:93px;
width:93px;
content:'';
background-image:url( 'images/icon-resources.png' );
position:absolute;
top:50%;
left:50%;
margin:-46.5px;
}*/
.footer-resources .icon-resource.icon-latest-news {
background:url('http://ssproducer.com/design-b/wp-content/themes/template-b/css/images/latest-news.png') no-repeat center center;
}
.footer-resources .icon-resource.icon-financing {
background:url('http://ssproducer.com/design-b/wp-content/themes/template-b/css/images/financing.png') no-repeat center center;
}
.footer-resources .icon-resource.icon-certifications {
background:url('http://ssproducer.com/design-b/wp-content/themes/template-b/css/images/certification.png') no-repeat center center;
}
.footer-resources .icon-resource.icon-special-promos {
background:url('http://ssproducer.com/design-b/wp-content/themes/template-b/css/images/specials-promos.png') no-repeat center center;
}
.footer-resources .resources {
padding : 27px 0px;
}
/*.footer-resources .resources:hover {
background : #198eb7;
}
.footer-resources .resources:hover .icon-resource {
border:8px solid #fff;
}*/
.footer-resources .resources > h4 {
margin: 15px 0px 5px 0px;
font-weight : 600;
font-size:2.4rem;
line-height:24px;
color:#198eb7;
}
.footer-resources .resources > p {
margin : 0px;
color:#737373;
}
.front-page #sticky .contact-us > .handle ,
.front-page #sticky .contact-us > .content {
top : 700px;
}
.front-page #sticky .social-buttons {
top : 856px;
}
.what-we-do-content h1 {
font-size:34px;
margin-bottom:15px;
color:#198eb7;
font-weight:400;
}
.what-we-do-content p {
margin:15px 0px;
}
.section-content {
padding-top: 35px;
padding-bottom: 30px;
}
.footer-resources .widget-title {
color:#198eb7;
}
#sticky .social-buttons > a.fa-facebook:before {
background-position: left center;
}
#sticky .social-buttons > a.fa-google-plus:before {
background-position: -40px center;
}
#sticky .social-buttons > a.fa-youtube:before {
background-position: -80px center;
}
#sticky .social-buttons > a.fa-rss:before {
background-position: -120px center;
}
#sticky .social-buttons > a.fa-share-alt:before {
background-position: -160px center;
}
#sticky .social-buttons > a:before {
background-repeat: no-repeat;
background-image: url('http://ssproducer.com/design-b/wp-content/themes/template-b/css/images/icon-social-media.png');
position: absolute;
content: '';
height: 40px;
width: 40px;
left: 0px;
top: 0px;
}
.site-footer .social-buttons > a.fa-facebook:before {
background-position: left center;
}
.site-footer .social-buttons > a.fa-google-plus:before {
background-position: -40px center;
}
.site-footer .social-buttons > a.fa-youtube:before {
background-position: -80px center;
}
.site-footer .social-buttons > a.fa-rss:before {
background-position: -120px center;
}
.site-footer .social-buttons > a.fa-share-alt:before {
background-position: -160px center;
}
.site-footer .social-buttons > a:before {
background-repeat: no-repeat;
background-image: url('http://ssproducer.com/design-b/wp-content/themes/template-b/css/images/icon-social-media.png');
position: absolute;
content: '';
height: 40px;
width: 40px;
left: 0px;
top: 0px;
}
a.slide-button.button {
font-weight:400;
}
#sticky .social-buttons.active, .front-page #sticky.scroll .social-buttons.active {
top : 720px;
}
#sticky .input-control > .wpcf7-form-control-wrap > input ,
#sticky .input-control > .wpcf7-form-control-wrap > select {
line-height : 28px;
padding : 0px 10px;
height : 32px;
}
#sticky .contact-us > .content .input-control > .wpcf7-form-control-wrap > textarea {
height:65px;
}
#sticky .contact-us input[type=submit]:hover {
background : #fff !important;
color : #028db9;
}
#sticky .input-control > label {
margin : 0px;
display:block;
line-height:32px;
}
.input-control > .wpcf7-form-control-wrap > select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url('http://ssproducer.com/design-b/wp-content/themes/template-b/images/wpcf7-select.png'), url('http://ssproducer.com/design-b/wp-content/themes/template-b/images/select_menu.png');
background-position: right 10px center, left top;
background-repeat: no-repeat, repeat;
color:#737373;
}
#sticky .column.six p {
margin-top:5px;
margin-bottom:10px;
}
a.blog-readmore {
color: #198eb7;
font-weight: 600;
background: url('http://ssproducer.com/design-b/wp-content/themes/template-b/css/images/arrow-blue.png') no-repeat right 4px;
padding-right: 12px;
}
#sticky .contact-us > .handle.active {
right: 684px;
}
#sticky .contact-us > .content {
width:685px;
right: -685px;
}
a.close-btn img {
float:right;
}
.inline {
display: inline !important;
}
button.readmore_inline {
border: none;
padding-top: 0px;
padding-bottom: 0px;
height: auto;
text-transform: initial;
font-size: 14px;
padding-left: 3px;
padding-right: 3px;
color: #028db9;
font-weight: 600;
}
.readmore-inline-wrap span {
font-size:14px;
font-weight:400;
color:#737373;
}
li.testimonial a {
color:#dcdcdc;
}
li.testimonial a:hover {
color:#fff;
}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder { color: #737373 !important; }
.contact-us > .content .input-control > .wpcf7-form-control-wrap > textarea {
color:#737373;
}
.home-content .post-video-slider {
margin-right:20px;
margin-bottom:10px;
float:left;
}
.pool-equipments .equipment > .title a {
color:#028db9;
}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
.testimonial-slider h2.title a {
line-height: 34px;
font-size: 3.4rem;
margin: 0px 0px 27px 0px;
color:#fff;
text-align:center;
font-weight:400;
}
.testimonial-slider h2.title {
text-align:center;
}
.site-footer .footer-testimonials .widget-title {
display:none;
}
.social-likes iframe {
max-width:inherit !important;
}
.contact-content h3 {
font-weight: 400;
font-size: 2.4rem;
margin: 22px 0px 17px 0px;
color: #000;
}
#sticky .contact-us > .handle {
background: url('http://ssproducer.com/design-b/wp-content/themes/template-b/css/images/sticky-handle2.jpg') no-repeat center center;
}
.pool-equipments .equipment > .image > a > img {
display: block;
border: 3px solid #028db9;
height: 100%;
width: 100%;
}
.t-center {
text-align:center;
}
.site-header.fixed > .widgets {
position:fixed;
width: 100%;
z-index:999999;
}
.site-header.fixed > .header-bar {
padding-top:90px;
}
.new-what-we-do {
background: #1589b2; /* Old browsers */
background: -moz-linear-gradient(top, #1589b2 0%, #40bce5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1589b2 0%,#40bce5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1589b2 0%,#40bce5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1589b2', endColorstr='#40bce5',GradientType=0 ); /* IE6-9 */
}