/* Theme Name: Cal Spas Theme URI: http://www.firstscribe.com Author: First Scribe Author URI: http://www.firstscribe.com Description: Custom responsive theme for Cal Spas Version: 1.0 */ /* Open Sans Light: 300 Regular: 400 */ /* Preloader */ #preloader { position: fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:99999; } #status { width: 317px; height:108px; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); background-image:url(images/cal_spas.png); background-repeat:no-repeat; background-position:center; background-size: cover; } .schema_block {display:none;} /**************************************************************************************************************/ /*******************************************Reset**************************************************************/ /**************************************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit;font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block;} audio, canvas, video { display: inline-block;} html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} html.ie8, html.ie8 body { min-width: 1300px;} body, button,input, select,textarea { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400; color: #6C757D; font-size: 20px; font-size: 1rem;line-height: 1.7; } body { background-color:#fff; overflow: hidden;} h1, h2, h3, h4, h5, h6 {clear: both; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 700; margin: 30px 0 15px 0; line-height: 1.1; color: #212529; } h1 { font-size: 38px; } h2 { font-size: 32px; } h3 { font-size: 30px; } h4 { font-size: 28px; } h5 { font-size: 20px; } h6 { font-size: 18px; } a {color: #3D7EDE; text-decoration: none;} a:hover, a:active {color: #000; text-decoration: none;} p {margin-bottom: 24px;} address {font-style: italic;margin-bottom: 24px;} abbr[title] { border-bottom: 1px dotted #2b2b2b; cursor: help;} b, strong { font-weight: 700;} cite,dfn,em,i { font-style: italic;} mark, ins { background: #fff9c0; text-decoration: none;} code,kbd,tt,var,samp,pre { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none;hyphens: none;line-height: 1.6;} pre { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word;} blockquote,q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none;} blockquote { font-size: 19px; font-size: 1.1875rem; font-style: italic; line-height: 1.2631578947; margin-bottom: 24px;} blockquote cite, blockquote small { font-size: 16px; font-size: 1rem; line-height: 1.5;} blockquote em,blockquote i, blockquote cite { font-style: normal;} blockquote strong, blockquote b { font-weight: 700;} small { font-size: smaller;} big { font-size: 125%;} sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline;} sup { bottom: 1ex;} sub { top: .5ex;} dl { margin-bottom: 24px;} dt { font-weight: 700;} dd { margin-bottom: 24px;} ul { list-style: none; } ol { list-style-position: inside; } .site-content ol li { padding-bottom: 10px; } .site-content ul li, .single-product .description ul li { padding-left: 20px; position: relative; } .site-content ul li:before, .single-product .description ul li:before { content: "■ "; color: #0051A5; font-size: 14px; position: absolute; top: 0px; left: 0; } .schema_block {display:none;} img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle;} figure { margin: 0;} fieldset { border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 24px; padding: 11px 12px 0;} legend { white-space: normal;} button, input,select,textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline;} button, input { line-height: normal;} input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));} input, textarea { background-image: none; border: 2px solid #cccccc; } button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer;} button[disabled],input[disabled] { cursor: default;} input[type="checkbox"], input[type="radio"] { padding: 0;} input[type="search"] { -webkit-appearance: textfield;} input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0;} textarea { overflow: auto; vertical-align: top;} table,th,td { border: none;} table { table-layout: fixed; width: 100%; border: none; margin-bottom: 24px; width: 100%; border-bottom: 1px solid #d8d6d6; border-spacing: 0px;} table thead th { padding: 15px 25px; word-break: break-word;} table thead th.fs { background-color: #ed1f24;} table thead th.com { background-color: #231f20;} table td.first { border-left: 10px solid #484848;} table td { padding: 35px 25px; border-right: 1px solid #d8d6d6; word-break: break-word;} table tr.even { background-color: #f4f4f4;} table tr.odd { background-color: white;} del { color: #767676;} hr { display: block; height: 2px; width: 100%; background-color: #dad3cc; margin: 20px 0; position: relative; border: none;} ::selection { background: #0051A5; color: #fff; text-shadow: none;} ::-moz-selection { background: #0051A5; color: #fff; text-shadow: none;} ::-webkit-input-placeholder { color: #909090;} :-moz-placeholder { color: #909090;} ::-moz-placeholder { color: #909090;} :-ms-input-placeholder { color: #909090;} * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /****OOCSS****/ .schema_block {display:none;} .column-wrapper, .columns-wrapper { overflow: hidden; } .alignleft, .left { float: left; } .alignright, .right { float: right; } .no-float, .float-none { float: none; } .one-column, .one-columns { width: 100%; } .two-column, .two-columns { width: 50%; } .three-column, .three-columns { width: 33.333%; } .four-column, .four-columns { width: 25%; } .five-column, .five-columns { width: 20%; } .six-column, .six-columns { width: 16.6%; } .five { width: 5%; } .ten { width: 10%; } .fifteen { width: 15%; } .twenty { width: 20%; } .thirty { width: 30%; } .fourty, .forty { width: 40%; } .fifty { width: 50%; } .sixty { width: 60%; } .sixtysix, .sixty-six { width: 66.666%; } .seventy { width: 70%; } .seventyfive, .seventy-five { width: 75%; } .eighty { width: 80%; } .ninety { width: 90%; } .hundred { width: 100%; } .table { display: table; table-layout: fixed; width: 100%; height: 100%; } .table-cell { display: table-cell; } .relative { position: relative; } .absolute { position: absolute; } .fixed { position: fixed; } .absolute.full { left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; } .relative.full { width: 100%; height: 100%; } .vertical-mid, .vert-mid { vertical-align: middle; } .vertical-top, .vert-top { vertical-align: top; } .vertical-bottom, .vert-bottom { vertical-align: bottom; } .textleft, .text-left { text-align: left; } .textright, .text-right { text-align: right; } .textcenter, .text-center { text-align: center; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } .line-height-1 { line-height: 1; } .line-height-1-1 { line-height: 1.1; } .line-height-1-2 { line-height: 1.2; } .line-height-1-3 { line-height: 1.3; } .line-height-1-4 { line-height: 1.4; } .line-height-1-5 { line-height: 1.5; } .line-height-1-6 { line-height: 1.6; } .line-height-1-7 { line-height: 1.7; } .line-height-1-8 { line-height: 1.8; } .line-height-1-9 { line-height: 1.9; } .line-height-2 { line-height: 2; } .white { color: white; } .black { color: black; } .pointer:hover { cursor: pointer; } .hide { display: none; } .responsive { width: 100%; height: auto; } .max-image { max-width: 100%; height: auto; } .margin-auto { margin: auto; } .uppercase, .caps { text-transform: uppercase; } .lowercase, .lower { text-transform: lowercase; } .capitalize {text-transform: capitalize;} .transition { transition: all 0.5s; -webkit-transition: all 0.5s; } .pre-animated, .no-visible, .not-visible { visibility: hidden; } .mobile .pre-animated, .mobile .no-visible, .mobile .not-visible { visibility: visible; } .animated { visibility: visible; } .italic { font-style: italic; font-weight: 300;} .weight-bold { font-weight: 700;} .parallax { background-size: cover; background-attachment: fixed; background-repeat: no-repeat; } .no-list { list-style: none; list-style-type: none; margin: 0; padding: 0; } .h1 { font-size: 55px; } .h2 { font-size: 32px; } .h3 { font-size: 30px; } .h4 { font-size: 28px; } .h5 { font-size: 20px; } .h6 { font-size: 18px; } .p { font-size: 16px; font-size: 1rem; margin-bottom: 0; } .f9 { font-size: 9px; font-size: 0.5625rem; } .f10 { font-size: 10px; font-size: 0.625rem; } .f11 { font-size: 11px; font-size: 0.6875rem; } .f12 { font-size: 12px; font-size: 0.75rem; } .f13 { font-size: 13px; font-size: 0.8125rem; } .f14 { font-size: 14px; font-size: 0.875rem; } .f15 { font-size: 15px; font-size: 0.9375rem; } .f16 { font-size: 16px; font-size: 1rem; } .f17 { font-size: 17px; font-size: 1.0625rem; } .f18 { font-size: 18px; font-size: 1.125rem; } .f19 { font-size: 19px; font-size: 1.1875rem; } .f20 { font-size: 20px; font-size: 1.25rem; } .f21 { font-size: 21px; font-size: 1.3125rem; } .f22 { font-size: 22px; font-size: 1.375rem; } .f23 { font-size: 23px; font-size: 1.4375rem; } .f24 { font-size: 24px; font-size: 1.5rem; } .f25 { font-size: 25px; font-size: 1.5625rem; } .overlay { background-color: rgba(1, 3, 50, 0.5); z-index: 1; } .ie-8 .overlay {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80010332', endColorstr='#80010332',GradientType=0 );} .text-two-column, .text-two-columns, .css-two-column, .css-two-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .header-blue, .dark-blue, .darkblue {color:#212529;} .sub-head-blue, .blue {color:#212529;} .link-blue{color:#00AEEF;} .grey{color:#F7F7F7;} .header-black{color:#212529;} .clear {clear:both;} .green{color:#0051A5; } .z-index-1 { z-index: 1; } .z-index-2 { z-index: 2; } .z-index-3 { z-index: 3; } .z-index-4 { z-index: 4; } .z-index-5 { z-index: 5; } .background-cover, .backgroundcover { background-size: cover; } .ie-8 .background-cover, .ie-8 .backgroundcover { -ms-behavior: url(/wp-content/themes/calspa/js/backgroundsize.min.htc); } .clearfix:before, .clearfix:after {content: " "; display: table; } .clearfix:after { clear: both; } /* Flexbox Classes */ .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-column { -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-grow-1 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .flex-grow-2 { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .flex-grow-3 { -webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3; } .justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .align-items-center {-webkit-box-align: center; -ms-flex-align: center; align-items: center;} .space-between { -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; } .order--1 {-webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1;} .order-0 {-webkit-box-ordinal-group:1; -ms-flex-order:0; order:0;} .order-1 {-webkit-box-ordinal-group:2; -ms-flex-order:1; order:1;} .order-2 {-webkit-box-ordinal-group:3; -ms-flex-order:2; order:2;} .order-3 {-webkit-box-ordinal-group:4; -ms-flex-order:3; order:3;} .order-4 {-webkit-box-ordinal-group:5; -ms-flex-order:4; order:4;} .order-5 {-webkit-box-ordinal-group:6; -ms-flex-order:5; order:5;} .align-self-end {.align-self(flex-end);} .full-height { height: 100%; } @media(max-width: 1200px) { .lg-tablet-block { display: block; } .lg-tablet-one-column, .lg-tablet-one-columns { width: 100%; } .lg-tablet-two-column, .lg-tablet-two-columns { width: 50%; } .lg-tablet-three-column, .lg-tablet-three-columns { width: 33.33333%; } .lg-tablet-four-column, .lg-tablet-four-columns { width: 25%; } .lg-tablet-five-column, .lg-tablet-five-columns { width: 20%; } .lg-tablet-six-column, .lg-tablet-six-columns { width: 16.6%; } .lg-tablet-five { width: 5%; } .lg-tablet-ten { width: 10%; } .lg-tablet-fifteen { width: 15%; } .lg-tablet-twenty { width: 20%; } .lg-tablet-thirty { width: 30%; } .lg-tablet-fourty, .lg-tablet-forty { width: 40%; } .lg-tablet-fifty { width: 50%; } .lg-tablet-sixty { width: 60%; } .lg-tablet-sixtysix, .lg-tablet-sixty-six { width: 66.666%; } .lg-tablet-seventy { width: 70%; } .lg-tablet-seventyfive, .lg-tablet-seventy-five { width: 75%; } .lg-tablet-eighty { width: 80%; } .lg-tablet-ninety { width: 90%; } .lg-tablet-hundred { width: 100%; } .lg-tablet-hide { display: none; } .lg-tablet-no-float, .lg-tablet-float-none { float: none; } .gform_wrapper .left-column.lg-tablet-one-column { padding-right: 0px; } .gform_wrapper .right-column.lg-tablet-one-column { padding-left: 0px; } } @media(max-width: 999px) { .tablet-block { display: block; } .tablet-one-column, .tablet-one-columns { width: 100%; } .tablet-two-column, .tablet-two-columns { width: 50%; } .tablet-three-column, .tablet-three-columns { width: 33.33333%; } .tablet-four-column, .tablet-four-columns { width: 25%; } .tablet-five-column, .tablet-five-columns { width: 20%; } .tablet-six-column, .tablet-six-columns { width: 16.6%; } .tablet-five { width: 5%; } .tablet-ten { width: 10%; } .tablet-fifteen { width: 15%; } .tablet-twenty { width: 20%; } .tablet-thirty { width: 30%; } .tablet-fourty, .tablet-forty { width: 40%; } .tablet-fourty-five, .tablet-forty-five { width: 45%; } .tablet-fifty { width: 50%; } .tablet-sixty { width: 60%; } .tablet-sixtysix, .tablet-sixty-six { width: 66.666%; } .tablet-seventy { width: 70%; } .tablet-seventyfive, .tablet-seventy-five { width: 75%; } .tablet-eighty { width: 80%; } .tablet-ninety { width: 90%; } .tablet-hundred { width: 100%; } .tablet-hide { display: none; } .tablet-no-float, .tablet-float-none { float: none; } .gform_wrapper .left-column.tablet-one-column { padding-right: 0px; } .gform_wrapper .right-column.tablet-one-column { padding-left: 0px; } .tablet-text-center { text-align: center; } } @media(max-width: 767px) { .sm-tablet-block { display: block; } .sm-tablet-one-column, .sm-tablet-one-columns { width: 100%; } .sm-tablet-two-column, .sm-tablet-two-columns { width: 50%; } .sm-tablet-three-column, .sm-tablet-three-columns { width: 33.33333%; } .sm-tablet-four-column, .sm-tablet-four-columns { width: 25%; } .sm-tablet-five-column, .sm-tablet-five-columns { width: 20%; } .sm-tablet-six-column, .sm-tablet-six-columns { width: 16.6%; } .sm-tablet-five { width: 5%; } .sm-tablet-ten { width: 10%; } .sm-tablet-fifteen { width: 15%; } .sm-tablet-twenty { width: 20%; } .sm-tablet-thirty { width: 30%; } .sm-tablet-fourty, .sm-tablet-forty { width: 40%; } .sm-tablet-fifty { width: 50%; } .sm-tablet-sixty { width: 60%; } .sm-tablet-sixtysix, .sm-tablet-sixty-six { width: 66.666%; } .sm-tablet-seventy { width: 70%; } .sm-tablet-seventyfive, .sm-tablet-seventy-five { width: 75%; } .sm-tablet-eighty { width: 80%; } .sm-tablet-ninety { width: 90%; } .sm-tablet-hundred { width: 100%; } .sm-tablet-hide { display: none; } .sm-tablet-no-float, .sm-tablet-float-none { float: none; } .gform_wrapper .left-column.sm-tablet-one-column { padding-right: 0px; } .gform_wrapper .right-column.sm-tablet-one-column { padding-left: 0px; } } @media(max-width: 500px) { .mobile-block { display: block; } .mobile-one-column, .mobile-one-columns { width: 100%; } .mobile-two-column, .mobile-two-columns { width: 50%; } .mobile-three-column, .mobile-three-columns { width: 33.33333%; } .mobile-four-column, .mobile-four-columns { width: 25%; } .mobile-five-column, .mobile-five-columns { width: 20%; } .mobile-six-column, .mobile-six-columns { width: 16.6%; } .mobile-five { width: 5%; } .mobile-ten { width: 10%; } .mobile-fifteen { width: 15%; } .mobile-twenty { width: 20%; } .mobile-thirty { width: 30%; } .mobile-fourty, .mobile-forty { width: 40%; } .mobile-fifty { width: 50%; } .mobile-sixty { width: 60%; } .mobile-sixtysix, .mobile-sixty-six { width: 66.666%; } .mobile-seventy { width: 70%; } .mobile-seventyfive, .mobile-seventy-five { width: 75%; } .mobile-eighty { width: 80%; } .mobile-ninety { width: 90%; } .mobile-hundred { width: 100%; } .mobile-hide { display: none; } .mobile-no-float, .mobile-float-none { float: none; } .gform_wrapper .left-column.mobile-one-column { padding-right: 0px; } .gform_wrapper .right-column.mobile-one-column { padding-left: 0px; } } .gform_wrapper ul { overflow: hidden; } .gform_wrapper ul, .gform_wrapper ul li { list-style: none; list-style-type: none; padding: 0; margin: 0; } .gform_wrapper ul li:before { display: none; } .gform_wrapper ul li { margin-bottom: 15px; } .gform_wrapper fieldset { border: none; margin: 0; padding: 0; overflow: hidden; } .gform_wrapper input[type="text"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="email"], .gform_wrapper textarea { min-height: 32px; width: 100%; border: 1px solid #cbcbcb; } .gform_wrapper select { min-height: 30px; width: 100%; border: 1px solid #cbcbcb; } .gform_wrapper .left-column { padding-right: 4px; position: relative; } .gform_wrapper .right-column { padding-left: 4px; position: relative; } .gform_wrapper .ginput_left { float: left; width: 50%; padding-right: 2px; margin-bottom: 15px; } .gform_wrapper .ginput_right { float: left; width: 50%; padding-left: 2px; margin-bottom: 15px; } .gform_wrapper .gfield_list { border: none; } .gform_wrapper .gfield_list td, .gform_wrapper .gfield_list th { border: none; padding: 0; padding-right: 4px; padding-bottom: 10px; } .gform_wrapper .gfield_list th { padding-top: 10px; } .gform_wrapper .gfield_radio input[type="radio"] { position: relative; top: 2px; } .gform_wrapper .gfield_radio label { padding-left: 5px; } .ie8 .gform_wrapper input[type="text"], .ie8 .gform_wrapper input[type="tel"], .ie8 .gform_wrapper input[type="email"], .ie8 .gform_wrapper select { height: 32px; padding-top: 0; padding-bottom: 0; line-height: 32px; } /*****************************************************************************************************************************/ /**************************************************Repeatable Patterns********************************************************/ /*****************************************************************************************************************************/ html.ie8, html.ie8 body { min-width: 1650px; } .site-width{ max-width: 1600px; width: 100%; margin: auto;} .small-site-width { width: 100%; max-width: 1350px; margin: auto; } .smaller-site-width { width: 100%; max-width: 1000px; margin: auto; } .smallest-site-width { width: 100%; max-width: 430px; margin: auto; } .large-site-width{max-width: 1900px; width: 100%; margin: auto;} /*.button { background: none; border: none; padding: 0; margin: 0; font-weight: normal; color: #3D7EDE; border-radius: 0px; } .button.reverse:after { display: none; } .button:after{font-family: FontAwesome; content: '\f138'; padding-left:10px; } .button.reverse:before{font-family: FontAwesome; content: '\f137'; padding-right:10px; } */ .schema_block {display:none;} .big-button { font-size: 21px; font-weight: 700; display: inline-block; color: white; padding: 17px 70px 15px 70px; background-color: #0051A5; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; } .button { font-size: 21px; font-weight: 700; display: inline-block; color: white; padding: 17px 30px 15px 30px; background-color: #0051A5; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; } /*.button:after, .big-button:after { font-family: FontAwesome; content: '\f138'; padding-left:10px; }*/ .button.green, .big-button.green { background-color: #0051A5; } .button:hover, .big-button:hover, .button.green:hover, .big-button.green:hover { color: white; background-color: #3D7EDE; } .button.white, .big-button.white { background-color: #FFF; color: #0051A5; } .button.white:hover, .big-button.white:hover { color: #black; } @media(max-width: 768px) { .big-button { font-size: 16px; padding: 15px 35px 13px 35px; } .button { font-size: 16px; padding: 15px 25px 13px 25px; } } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background: none; border: none; padding: 0; margin: 0; font-weight: normal; color: #3D7EDE; border-radius: 0px; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background: none; color: #3D7EDE; text-decoration: none; } hr { border:none; border-top:1px dotted white; height:1px; width:100%;margin:1px auto; background-color:#A2A4A6;} hr.header-blue {background-color:#0065E7; display: none; } hr.header-gray {background-color: #a8a8aa; display: none; } hr.sub-head-blue {background-color:#0051A5; margin:5px, auto; display: none; } sup{font-size: 60%;} /************************************************HEADER***********************************************************/ .site-header { box-shadow: 0 3px 6px 0px rgba(0,0,0,.16); } .header-main .header-logo a img{display: block; width: 160px;} .header-main .header-logo { margin-right:70px; position: relative; z-index:1001; margin-top: 15px; } .header-main .header-caa-logo { margin-right:20px; position: relative; z-index:1001; } .header-main{margin-top:20px; height: 108px;} .primary-navigation{ padding-top: 30px;} .primary-navigation ul { margin:0; } .mobile-head{display:none; z-index: 5000;} /*first level*/ .site-header .primary-navigation .nav-menu>li { display: inline-block; position: relative;} .site-header .primary-navigation .nav-menu>li>a { color: #212529; padding: 0 9px 24px 9px; position:relative; display:block; font-size: 16px; font-weight: 600; } .site-header .primary-navigation .nav-menu>li>a .green { color: #0065E7; } .site-header .primary-navigation .nav-menu>li:not(.menu-item-has-children)>a:after { position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background: #3D7EDE; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); -webkit-backface-visibility: hidden; } .site-header .primary-navigation .nav-menu>li>a:hover::after, .site-header .primary-navigation .nav-menu>li>a:focus::after { height: 4px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); -webkit-backface-visibility: hidden; } .site-header .primary-navigation .nav-menu>li.menu-item-has-children>a::before { content:''; position: absolute; left:0; right:0; margin:auto; opacity: 0; bottom: 0px; width: 0; height: 0; border-style: solid; border-width: 0 18px 20px 18px; border-color: transparent transparent #0051A5 transparent; -webkit-transition: border-bottom 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: border-bottom 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: border-bottom 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); -webkit-backface-visibility: hidden; } .site-header .primary-navigation .nav-menu>li.menu-item-has-children:hover>a::before { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); -webkit-backface-visibility: hidden; } .ie8 .site-header .primary-navigation .nav-menu>li>a:hover { border-bottom: 4px solid #3D7EDE;} .site-header .primary-navigation .nav-menu>li ul>li:hover { background-color: #00a048; border-top: 1px solid #009442; border-bottom: 1px solid #009442; } .site-header .primary-navigation .nav-menu>li ul>li:hover a { color: #ffffff; } /*second level*/ .site-header .primary-navigation .nav-menu>li>fieldset{top: 48px; left:0; right: 0; background-color: #0051A5; width:260px; display:none; border:0; padding:0; margin:0; z-index: 1000;} .site-header .primary-navigation .nav-menu>li:hover>fieldset{display:block;} .site-header .primary-navigation .nav-menu>li ul { max-width:1600px; width: 100%; margin:auto; text-align: left; height:auto; padding-top:13px; padding-bottom: 13px; } .site-header .primary-navigation .nav-menu>li ul>li{ display: block; border-top: 1px solid transparent; border-bottom: 1px solid transparent;} .site-header .primary-navigation .nav-menu>li ul>li>a{color:white; text-transform: uppercase; display: block; padding: 11px 25px;} .site-header .primary-navigation .nav-menu>li ul>li>a .green { color: white; } .site-header .primary-navigation .nav-menu>li ul>li>a:hover {color:#ffffff;} /*Aux Area*/ .aux-area { top: -120px; right: 0; } @media(max-width: 1650px) { .aux-area { right: 15px; } } .aux-area .aux-menu>li { display: inline-block; position: relative; padding-top:5px;} .aux-area .aux-menu>li.button { border-radius: 3px; } .aux-area .aux-menu>li.button>a { display: inline-block; padding: 8px 10px; line-height: 1; } .aux-area .aux-menu>li.button>a:after { display: none; } .aux-area .aux-menu>li>a { -webkit-backface-visibility: hidden; color:#212529; padding: 0 10px; font-size: 14px; } .aux-area .aux-menu>li.button { margin-left: 20px; } .aux-area .aux-menu>li.button>a { color: #ffffff; } .aux-area .aux-menu>li.button:hover>a { color: #000; } .aux-area .aux-menu>li.social-icons>a { padding: 0 7px; } .aux-area .aux-menu>li>a .green { color: #A2A4A6; } .aux-area .aux-menu>li.green>a { color: #3D7EDE; } .aux-area .aux-menu>li>a:hover { color:#3D7EDE;} .aux-area .aux-menu>li>a:hover .green { color:#3D7EDE; } .aux-area .social-icon { position: relative; top: -7px; } header .social-icon img { height: 35px; width: 35px; max-width: none;} .social-icon { padding: 0 10px;} /*MOBILE MENU*/ .mobile-bars{width:50px; color: white; top: -64px; right: 10px; background-color:#0051A5; height: 50px; padding:6px;} .mobile-bars .fa{font-size:39px; font-size: 2.4375rem;} .mobile-menu{display:none; width:100%; right:0;} .mobile-menu .mobile-nav{width:290px; float:right; background-color: white;} .mobile-menu .mobile-nav>li>a:not(.button) { display: block; color:#0051A5; text-transform: uppercase; padding: 10px 50px 10px 20px; background: white;} .mobile-menu .mobile-nav .social-icons a { padding: 10px 20px; } .mobile-menu .mobile-nav>li>a .green { color: #0065E7; } .mobile-menu .mobile-nav>li.social-icons>a { display: inline-block; } .mobile-menu .mobile-nav>li>ul { display: none;} .mobile-menu .mobile-nav>li {position: relative; } .mobile-menu .mobile-plus{ top: 8px; right: 12px; font-size: 18px; font-size: 1.125rem; width: 50px; text-align: center;} .mobile-menu .mobile-nav>li>a.mobile-li-active{background-color:#0065E7; color:white; } .mobile-menu .mobile-nav>li>a.mobile-li-active .green { color: white; } .mobile-menu .mobile-nav>li.button { border-radius: 0; padding-left: 0; width: 100%; } .mobile-menu .mobile-nav>li.button:after { display: none; } /*second level*/ .mobile-menu .mobile-nav>li>ul>li>a { display: block; color:white; text-transform: uppercase; padding: 10px 20px; background: #0051A5; border-bottom: 1px solid white;} .mobile-menu .mobile-nav>li>ul li:nth-child(odd) a {background: #0051A5;} .mobile-menu .mobile-nav>li>ul li:nth-child(odd) a .green{color: white;} .mobile-menu hr{width:290px; margin:1px 0; text-align: left;} .mobile-menu .hr-container{background: white; width:290px; float:right;} .mobile-menu .social-icons {float: none; margin: 20px; text-align: center;} /***********************************************************************************************************************************/ /************************************************************HOME PAGE**************************************************************/ /***********************************************************************************************************************************/ /* Hero */ .home-hero .bg-srcset { background-position: center center; } .home-hero .hero-contents { position: relative; top: auto; left: auto; width: 100%; padding: 0% 20px; } .home-hero .hero-contents .inner { padding: 200px 70px 200px; text-align: center; color: #0065e7; width: 100%; max-width: 1000px; margin: auto; } /*.home-hero .hero-contents .inner a.button { line-height: 1.2; padding: 15px 25px; display: inline-block; border-radius: 3px; font-size: 18px; }*/ .home-hero .hero-contents div.hero-title > h1 { margin: auto; left: 0; max-width: 850px; width: 100%; } .home-hero .wrapper { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center; } .home-hero .wrapper .overlay { background-color: rgba(0,0,0,0.15); } .home-hero .wrapper .hero-title { margin-bottom: 10px; } .home-hero .wrapper .subtitle { color: #fff; margin-bottom: 20px; text-transform: none; font-size: 20px; max-width: 500px; margin: auto; margin-bottom: 35px; font-weight: 400; } .home-hero .wrapper .buttons-row { gap: 10px; } .home-hero .wrapper .big-button { padding: 22px 30px 20px 30px } @media (max-width: 1024px) { .home-hero .hero-contents .inner { padding: 150px 70px 150px; } } @media (max-width: 767px) { .home-hero .wrapper .hero-title { font-size: 35px; } .home-hero .hero-contents .inner { padding: 100px 30px; } .home-hero .wrapper .big-button { padding: 17px 30px 15px 30px } } @media (max-width: 643px) { .home-hero .wrapper .hero-title { font-size: 30px; } } @media (max-width: 500px) { .home-hero .hero-contents .inner { padding: 70px 20px; } .home-hero .wrapper .big-button { padding: 15px 25px 13px 25px; font-size: 16px; } } /*Slideshow*/ .home-slideshow .slide-contents {top:33%; width:70%; left:8%; line-height: 1.1;} .home-slideshow .side-text { bottom: 10px; right: 10px; color: #fff; z-index: 3;} .home-slideshow .overlay { background-color: rgba(2,9,58,.55); } .home-slideshow .slick-slide { max-height: 600px; } /*.home-slideshow .slide:before{ content:''; display:block; position: absolute; width:100%; height:100%; background: rgba(2,9,58,.55); prior-events: none;}*/ .ie-8 .home-slideshow .overlay { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c02093a', endColorstr='#8c02093a',GradientType=1 ); } /*SlideShow Pulls */ .ss-pulls .ss-pull-0{background-image: url('images/hot_tub_bg.jpg'); width: 33.4%} .ss-pulls .ss-pull-1{background-image: url('images/swim_spas_bg.jpg'); width: 33.33333%} .ss-pulls .ss-pull-2{background-image: url('images/pre_owned_bg.jpg'); width: 33.33333%} .ss-pulls .ss-pull{ background-repeat: no-repeat; margin-right:-5px; padding-top: 55px; height: 150px; } .ss-pulls .ss-pull:hover span{color:#3D7EDE;} .ss-pulls .ss-pull .fa{padding-left:10px; color:transparent;} .ss-pulls .ss-pull:hover .fa{color:#3D7EDE;} .ss-pulls .ss-pull .overlay { opacity: 0; } .ie-8 .ss-pulls .ss-pull .overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .ss-pulls .ss-pull:hover .overlay { opacity: 1; } .ie-8 .ss-pulls .ss-pull:hover .overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /*Featured Specials */ .featured-specials .fs-title{ margin: 70px 0;} .featured-specials .featured-pulls{ width: 87.5%; margin-bottom: 100px;} .fs-pull .pull-title { padding-right: 100px; margin-bottom: 20px; line-height: 1; } .fs-pull .pull-title hr { margin-top: 15px; } .featured-specials .fs-pull .img-container {max-height: 288px; max-width: 510px;} .featured-specials .fs-pull .img-container:after { content:''; position: absolute; top: 40px; right: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 25px solid white;} .featured-specials .fs-pull .text-container {padding: 40px 0 0 40px; } .featured-specials .fs-pull .pull-teaser { padding-right: 100px; } .slick-prev:before, .slick-next:before { display: none;} .featured-pulls .slick-prev { position: absolute; left: 0; top: 50%; border: none; font-size: 0px; text-indent: -99999px; text-decoration: none; outline: none; background: none; background: url('images/L.png') no-repeat center; height: 58px; width: 32px; left: -6%;} .featured-pulls .slick-next { position: absolute; right: 0; top: 50%; border: none; font-size: 0px; text-indent: -99999px; text-decoration: none; outline: none; background: none; background: url('images/R.png') no-repeat center; height: 58px; width: 32px; right: -6%;} .featured-pulls .slick-dots li { display: inline-block; margin-right: 10px; height:15px; width:15px;} .featured-pulls .slick-dots li button { height:15px; width: 15px; border: 3px solid white; background-color: #A0A1A3; font-size: 0px; text-indent: -9999px; appearance: none; -webkit-appearance: none; padding: 0px; margin: 0px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -webkit-box-shadow: 0 0 0 1px #A0A1A3;-moz-box-shadow: 0 0 0 1px #A0A1A3; box-shadow: 0 0 0 1px #A0A1A3;} .ie8 .featured-pulls .slick-dots li button { background-color: #A0A1A3; } .featured-pulls .slick-dots li.slick-active button { -webkit-box-shadow: 0 0 0 1px #3D7EDE; -moz-box-shadow: 0 0 0 1px #3D7EDE; box-shadow: 0 0 0 1px #3D7EDE; background-color: #3D7EDE;} .featured-pulls .slick-dots { margin-top: 20px; width: 100%; text-align: center; } .featured-specials .slick-dots li button:focus { outline: none; } /*testimonial home pull*/ .testimonial-pull{ background-image: url('images/testimonial_bg-2024.png'); background-repeat: no-repeat; padding:40px;} .testimonial-pull p {margin: 40px auto 24px auto; max-width: 1600px;} .quote-circle { text-align: center; line-height: 1; position: relative; margin: auto; padding-top: 13px; height:100px; width: 100px; border: 2px solid white; background-color: transparent; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px;} .quote-circle .quote-circle-inner { margin: auto; background: url(images/quote-2024.png) no-repeat center; background-color: white; width: 70px; height: 70px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; } .ie-8 .quote-circle, .ie-8 .quote-circle .quote-circle-inner { behavior: url('/wp-content/themes/calspa/js/PIE/PIE.htc'); } /*News and Events home page*/ .news .news-main-title { margin-bottom: 80px; } .news .news-title {margin: 70px 0;} .news .news-container {width: 87.5%;} /*.news .post-container {padding: 20px; }*/ .news .post-container { padding-left: 20px; } .news .post-container .news-img { min-height: 60px; } .news .post-container:first-child { padding-right: 20px; padding-left: 0; } .news .post-container .post-title {margin-top: 20px; margin-bottom: 20px; } .news .post-container .post-categories {margin-bottom: 10px; } .news .post-container .read-more-link { margin-top:30px; font-weight: 700; } .news .post-container .news-img img{width: 100%; height: auto;} .news .view-all{ margin: 80px 0 80px 0; } .date-bubble {left:15px; bottom:-15px; width: 140px; height: 70px; padding-top: 20px; background-color:#0065E7; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: 2px solid #0065E7;} .ie-8 .date-bubble { behavior: url('/wp-content/themes/calspa/js/PIE/PIE.htc'); } .date-bubble:after {content:''; position: absolute; top: 60px; right: 40px; border-left: 4px solid transparent; border-right: 16px solid transparent; border-top: 28px solid #0065E7;} @media(max-width: 600px) { .news .news-container {width: 100%;} } /***********************************************************************************************************************************/ /******************************************************Default Template*************************************************************/ /***********************************************************************************************************************************/ .entry-content { margin-top: 60px; margin-bottom: 60px; } .page-template-default .entry-content.left { padding-right: 50px; } .side-image { margin-top: 60px; margin-bottom: 60px; } .side-image:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; height: 0; width: 0; border-left: 100px solid white; border-bottom: 500px solid transparent; } /*.header-image.large .inner { padding: 50px 0; }*/ .header-image .inner { background-repeat: no-repeat; background-size: cover; text-align: center; } .header-image .inner .sub-head-blue { color: white; } .header-image .overlay { background-color: rgba(2,9,58,.55); } .ie-8 .header-image .overlay { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c02093a', endColorstr='#8c02093a',GradientType=1 ); } .header-image.small .inner .entry-title { padding-top: 70px; padding-bottom: 70px; } .header-image .header-contents { line-height: 1.1; } .page-template-default .testimonial-pull { margin-bottom: 70px; } /***Search Results***/ .search article { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid gray; } /***********************************************************************************************************************************/ /*********************************************Our Spas Page and Spa Category Template***********************************************/ /***********************************************************************************************************************************/ .page-template-spa-category .intro-content { margin-bottom: 120px; max-width: 890px; padding-left: 40px; padding-right: 40px; margin-left: auto; margin-right: auto; text-align: center; } .page-template-spa-category .intro-content h1 { font-size: 32px; } .spa-category .entry-title a { color: #0065E7; } .spa-ribbon .subtitle { margin-bottom: 20px; } .spa-ribbon .contents {margin: 80px 0 130px 0; } .spa-ribbon .content.right { padding-left: 30px; } .spa-ribbon .content.left { padding-right: 30px; } .spa-ribbon .image.left:after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; height: 0; width: 0; border-right: 100px solid white; border-bottom: 500px solid transparent; } .spa-ribbon .image.right:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; height: 0; width: 0; border-left: 100px solid white; border-bottom: 500px solid transparent; } .spa-ribbon .content a { margin-bottom: 10px; display: inline-block; font-size: 18px; font-size: 1.125rem; } @media(max-width: 600px) { .page-template-spa-category .intro-content { margin-bottom: 60px; } } /***********************************************************************************************************************************/ /*********************************************Series Single Template***********************************************/ /***********************************************************************************************************************************/ .single-series .intro-content, .page-template-swim-spa-page .intro-content { margin-bottom: 120px; max-width: 890px; padding-left: 40px; padding-right: 40px; margin-left: auto; margin-right: auto; text-align: center; } .single-series .intro-content h1, .page-template-swim-spa-page .intro-content h1 { font-size: 32px; } .series-video-container { margin-bottom: 120px; } .series-video-container .svc-inner { max-width: 1350px; margin-left: auto; margin-right: auto; } .series-seo-text-area { padding-top: 32px; } .series-products-container { } .series-products-container .series-product-col { width: 33.33%; padding: 35px; } .series-products-container .spc-image { margin-bottom: 40px; } .series-products-container h4 { font-size: 24px; margin: 0 0 5px; } .series-products-container .spc-subheading { margin-bottom: 15px; } .series-products-container .spc-features, .series-products-container .spc-dimensions { margin-bottom: 20px; } .series-h2 h2 { margin: 32px 0; } .series-faqs { padding: 32px 0; } @media(max-width: 1024px) { .series-products-container .series-product-col { width: 50%; } .series-faqs { padding: 24px 0; } } @media(max-width: 600px) { .series-products-container .series-product-col { width: 100%; padding: 25px 0; } .series-faqs { padding: 16px 0; } } .series-product-main { margin-top: 80px; } .series-product-main .spm-inner { margin-bottom: 85px; } .series-product-main .spm-inner .image-col { width: 45%; } .series-product-main .spm-inner .image-col .image-disclaimer { margin-top: 40px; font-size: 14px; max-width: 560px; margin-left: auto; margin-right: auto; text-align: center; } .series-product-main .spm-inner .details-col { width: 45%; } .series-product-main .spm-inner .details-col p { margin-bottom: 15px; } .series-product-main .spm-inner .details-col h1 { margin: 0 0 25px; } .series-product-main .spm-inner .details-col .spm-features, .series-product-main .spm-inner .details-col .spm-dimensions { margin-top: 15px; } .series-product-main .spm-inner .details-col .spm-available-seats-jet-count { gap: 30px; margin-top: 35px; } .series-product-main .spm-inner .details-col .spm-available-seats, .series-product-main .spm-inner .details-col .spm-jet-count { border: 1px solid #BFBFBF; border-radius: 10px; padding: 10px 12px; text-align: center; min-width: 160px; } .series-product-main .spm-inner .details-col .spm-asjc-value { font-size: 54px; line-height: 1; } .series-product-main .spm-inner .details-col .spm-contact-dealer { margin-top: 35px; } .series-product-main .spm-inner .details-col .spm-contact-dealer .spm-store-row { margin-top: 20px; } .series-product-main .spm-inner .details-col .spm-contact-dealer .spm-store-row a { color: #0051A5; font-weight: 700; } .series-product-main .spm-inner .details-col .spm-contact-dealer .spm-store-col { padding-left: 40px; padding-right: 40px; border-left: 1px solid #DBDBDB; } .series-product-main .spm-inner .details-col .spm-contact-dealer .spm-store-col:first-of-type { padding-left: 0; padding-top: 5px; padding-bottom: 5px; border-left: none; } .series-product-main .spm-inner .details-col .main-action { margin-top: 35px; } @media(max-width: 1024px) { .series-product-main { margin-top: 50px; } .series-product-main .spm-inner .desktop-title { display: none; } .series-product-main .spm-inner .mobile-title { display: block; margin-bottom: 30px; } .series-product-main .spm-inner .image-col { width: 100%; } .series-product-main .spm-inner .details-col { width: 100%; margin-top: 50px; } } .series-product-information { margin-bottom: 100px; } .series-product-information .spi-inner { max-width: 950px; margin-left: auto; margin-right: auto; } .series-product-information .main-label { } .series-product-information .tab-labels { gap: 30px; border-bottom: 1px solid #BFBFBF; } .series-product-information .tab-labels .tab { font-size: 20px; font-weight: 600; color: #A2A4A6; padding: 25px; display: block; cursor: pointer; } .series-product-information .tab-labels .tab:first-of-type { padding-left: 0; } .series-product-information .tab-labels .tab:hover, .series-product-information .tab-labels .tab.active { color: #212529; } .series-product-information .tab-bodies { margin-top: 25px; } .series-product-information .tab-bodies .tab-body.active { display: block; } .series-product-information .color-guide-popup { text-decoration: underline; font-weight: 700; } @media(max-width: 500px) { .series-product-information .tab-labels { gap: 10px; } .series-product-information .tab-labels .tab { font-size: 16px; padding: 25px 10px; } } @media(max-width: 350px) { .series-product-information .tab-labels { gap: 5px; } .series-product-information .tab-labels .tab { font-size: 15px; padding: 25px 5px; } } .email-dealer-popup { max-width: 800px; margin: 50px auto; background-color: #FFF; padding: 20px 50px 50px; position: relative; } .email-dealer-popup .gform_validation_container { display: none; } .email-dealer-popup .button:hover { background-color: #0051A5; } /***********************************************************************************************************************************/ /*******************************************************Shop Pages******************************************************************/ /***********************************************************************************************************************************/ .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { border-top-color: #3D7EDE; } .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before { color: #3D7EDE; } /*******Chemicals and Accessories Page*********/ .product-category-list-wrapper { padding-top: 85px; padding-bottom: 85px; } .product-category-list { padding-left: 120px; } .product-category-list .category-title { margin-top: 0; } .product-category-list .products { margin-top: 50px; } .product-category-list .view-all { margin-top: 15px; } .product-category-list .product { margin-bottom: 80px; } .product-category-list .product .inner { margin: 0 40px; border: 2px solid #f7f7f7; } .product-category-list .product .product-image { padding: 10px; } .product-category-list .product .product-title { padding-right: 50px; padding-bottom: 10px; } .product-category-list .product .product-title .fa-chevron-circle-right { right: 0px; top: 0px; } .product-category-list .product .details { padding: 15px 10px; background-color: #f7f7f7; } .product-category-list .product .price { color: #808080; font-size: 16px; } .product-category-list .slick-prev { display: block; position: absolute; left: 0; top: 40%; border: none; font-size: 0px; text-indent: -99999px; text-decoration: none; outline: none; background: none; background: url('images/L.png') no-repeat center; height: 58px; width: 32px; } .product-category-list .slick-next { display: block; position: absolute; right: 0; top: 40%; border: none; font-size: 0px; text-indent: -99999px; text-decoration: none; outline: none; background: none; background: url('images/R.png') no-repeat center; height: 58px; width: 32px; } .product-category-list .slick-dots { list-style: none; } .product-category-list .slick-dots li { padding: 0; display: inline-block; width: 18px; height: 18px; margin: 0 2px; border: 1px solid #a0a1a3; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; } .product-category-list .slick-dots li:before { display: none; } .product-category-list .slick-dots li button { outline:none; margin: 2px 0 0 2px; font-size: 0px; display: block; background-color: #a0a1a3; width: 12px; height: 12px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 0; } .product-category-list .slick-dots li.slick-active { border: 1px solid #00b551; } .product-category-list .slick-dots li.slick-active button { background-color: #00b551; } /******Shop Sidebar******/ .shop-sidebar-wrapper { background-color: #f7f7f7; padding: 30px 0; } .shop-sidebar-wrapper ul { list-style: none; margin-bottom: 30px; } .shop-sidebar-wrapper ol li { padding-bottom: 0px; } .shop-sidebar-wrapper ul li { padding-left: 0px; } .shop-sidebar-wrapper ul li:before { display: none; } .shop-sidebar-wrapper ul li.current-cat>a, .woocommerce .shop-sidebar-wrapper ul li.current-cat>a { color: #3D7EDE; background: url(images/active-category.png) no-repeat 15px center; } .shop-sidebar-wrapper ul li a, .woocommerce .shop-sidebar-wrapper ul li a { position: relative; text-transform: uppercase; color: #98999b; display: inline-block; padding: 5px 40px; } .woocommerce .shop-sidebar-wrapper .widget_layered_nav ul li a { padding-right: 0; } .woocommerce .shop-sidebar-wrapper .widget_layered_nav ul li .count { padding-right: 40px; } .shop-sidebar-wrapper .widget-title { color: #0065e7; text-transform: uppercase; font-size: 25px; margin: 0; padding: 15px 40px; background-color: white; margin-bottom: 15px; } .shop-sidebar-wrapper .widget-title:hover { cursor: pointer; } .shop-sidebar-wrapper .widget-title .fa-chevron-circle-right { display: none; right: 40px; top: 20px; -webkit-transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; } .shop-sidebar-wrapper .widget-title.open .fa-chevron-circle-right { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /*******Product Lists*********/ .product-list-wrapper { padding-top: 85px; padding-bottom: 85px; } .product-list { padding-left: 120px; } .upsells-list.product-list { padding-left: 0; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: none; } /*.woocommerce img { width: auto; height: auto; }*/ .woocommerce .product-list img, .woocommerce-page .product-list img { width: 100%; height: auto; } .product-list .products { overflow: hidden; margin-left: -40px; margin-right: -40px; } .product-list .product { padding: 0 40px; } .product-list .product .inner { border: 2px solid #f7f7f7; } .product-list .product .product-image { text-align: center; } .product-list .product a img { margin: 0 auto 0 auto; } .product-list .product, .woocommerce div.product { margin-bottom: 80px; } .product-list .product .product-image { padding: 10px; } .product-list .product .product-title { padding-right: 50px; padding-bottom: 10px; } .product-list .product .product-title .fa-chevron-circle-right { right: 0px; top: 0px; } .product-list .product .details { padding: 15px 10px; background-color: #f7f7f7; } .archive .product-list .product .price, .single-product .upsells .products .product .price { color: #808080; font-size: 16px; } .product-list .add_to_cart_button { display: none !important; } .product-list.upsells-list .products { margin-top: 80px; } .woocommerce .upsells .add_to_cart_button { display: none; } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { color: #0065e7; } .woocommerce .woocommerce-ordering, .woocommerce-breadcrumb { display: none; } .woocommerce ul#shipping_method>li { padding: 0; } .woocommerce ul#shipping_method>li:before { display: none; } .woocommerce nav.woocommerce-pagination { text-align: left; padding-left: 40px; } .woocommerce nav.woocommerce-pagination a { color: #0051A5; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul { background: none; border: none; } /*******Single Product********/ .single-product .shop-sidebar-wrapper ul li.current-cat>a { color: #98999b; background: none; } .single-product .price { font-weight: 300; padding-left: 5px; display: block; } .single-product .woocommerce-tabs, .single-product .product_meta { display: none; } .single-product .quantity:before { content: 'QTY: '; padding-right: 10px; } .woocommerce div.product form.cart div.quantity, .woocommerce div.product form.cart .button { float: none; } .upsells .slick-prev { display: block; position: absolute; left: 0; top: 30%; border: none; font-size: 0px; text-indent: -99999px; text-decoration: none; outline: none; background: none; background: url('images/L.png') no-repeat center; height: 58px; width: 32px; } .upsells .slick-next { display: block; position: absolute; right: 0; top: 30%; border: none; font-size: 0px; text-indent: -99999px; text-decoration: none; outline: none; background: none; background: url('images/R.png') no-repeat center; height: 58px; width: 32px; } .upsells .slick-dots { list-style: none; text-align: center; } .upsells .slick-dots li { padding: 0; display: inline-block; width: 18px; height: 18px; margin: 0 2px; border: 1px solid #a0a1a3; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; } .upsells .slick-dots li:before { display: none; } .upsells .slick-dots li button { outline:none; margin: 2px 0 0 2px; font-size: 0px; display: block; background-color: #a0a1a3; width: 12px; height: 12px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 0; } .upsells .slick-dots li.slick-active { border: 1px solid #00b551; } .upsells .slick-dots li.slick-active button { background-color: #00b551; } .product-page {padding-left: 120px;} .woocommerce .product-page .back-btn { margin-bottom: 35px; } .product-page-wrapper {padding: 85px 0; } .woocommerce div.product .product_title { font-size: 26px; color: #0051A5; } .woocommerce div.product p.price, .woocommerce div.product span.price {font-size: 28px; color: #0051A5; margin-top: 10px; } .woocommerce div.product .product_title { padding-bottom: 30px; } .single-product .description ul li {font-size: 20px; padding-bottom: 10px; } .woocommerce div.product form.cart .button {font-size: 20px; text-transform: uppercase; } .woocommerce div.product form.cart .button:active, .woocommerce div.product form.cart .button:focus, .woocommerce div.product form.cart .button:disabled, .woocommerce div.product form.cart .button:disabled:hover { outline: none; color: #3D7EDE; background: none; } .woocommerce div.product form.cart .button {margin-top: 30px; } .woocommerce div.product form.cart .button:after { font-family: FontAwesome; content: '\f07a'; } .woocommerce div.product div.images img {border: 2px solid #f7f7f7; } .product-page input[type="number"] {color: #3D7EDE; } /*******Checkout/Cart*********/ .woocommerce .cart-collaterals .cart_totals h2 { color: #0051A5; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: left; } .woocommerce-checkout #payment ul.payment_methods li { padding-left: 0; } .woocommerce-checkout #payment ul.payment_methods li:before { display: none; } .woocommerce-cart .product-subtotal, .woocommerce-cart .cart-subtotal .amount, .woocommerce .quantity .qty { font-weight: bold; } .woocommerce table.cart td.actions .input-text#coupon_code { width: 140px; } .woocommerce-page .order_details li:before { display: none; } /***********************************************************************************************************************************/ /******************************************************Gazebos Page*****************************************************************/ /***********************************************************************************************************************************/ .gazebo-navigator { margin-top: 65px; } .gazebo-navigator .caption { right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.8); padding: 20px 55px; } .ie-8 .gazebo-navigator .caption { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccffffff',GradientType=1 ); } .gazebo-navigator .main-body { padding-right: 85px; margin-bottom: 70px; } .gazebo-navigator .thumbs .inner { padding-left: 75px; } .gazebo-navigator .thumbs .slick-list { max-height: 300px; padding-left: 10px !important; } .ie-8 .gazebo-navigator .thumbs .slick-list { height: 350px !important; max-height: 100%; } .gazebo-navigator .thumbs .slide { position: relative; margin-bottom: 10px; border: 2px solid #cccccc; } .gazebo-navigator .thumbs .slide.slick-active.slick-center { border: 2px solid #0065e7; } .gazebo-navigator .thumbs .slide.slick-active.slick-center:before { content: ''; position: absolute; left: -7px; top: 45%; width: 0; height: 0; border-right: 5px solid #0065e7; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .gazebo-navigator .thumbs .slider-nav { text-align: center; } .gazebo-navigator .thumbs .slick-prev { margin-left: 10px; margin-top: 10px; text-align: center; position: relative; background: none; width: 30px; height: 30px; font-size: 0px; border: none; outline: none; text-decoration: none; } .gazebo-navigator .thumbs .slick-prev:after { position: absolute; left: 0; top: 0; width: 30px; height: 30px; color: #7c868d; font-size: 25px; font-family: FontAwesome; content: '\f13a'; } .gazebo-navigator .thumbs .slick-next { margin-top: 10px; text-align: center; position: relative; background: none; width: 30px; height: 30px; font-size: 0px; border: none; outline: none; text-decoration: none; } .gazebo-navigator .thumbs .slick-next:after { position: absolute; left: 0; top: 0; width: 30px; height: 30px; color: #3D7EDE; font-size: 25px; font-family: FontAwesome; content: '\f139'; } .ie-8 .gazebo-navigator .thumbs .slick-prev, .ie-8 .gazebo-navigator .thumbs .slick-next { margin-top: 0; top: -3px; line-height: 1; padding: 0; } .ie-8 .gazebo-navigator .thumbs .slick-prev:after, .ie-8 .gazebo-navigator .thumbs .slick-next:after { top: -8px; } .gazebo-tabs { margin-top: -67px; } .gazebo-tabs .tab-body { padding: 55px 85px; background-color: #f7f7f7; } .gazebo-tabs .tab-body .spec-sheet { padding-right: 40px; background: url(images/pdf-icon.png) no-repeat right center; margin: 8px 0; } .gazebo-tabs .tab-titles { position: relative; } .gazebo-tabs .tab-titles .tab-title { border-right: 2px solid #fff; } .gazebo-tabs .tab-titles .tab-title:last-of-type { border-right: none; } /*.gazebo-tabs .tab-titles:after { z-index: 20; content: ''; position: absolute; top: 0; bottom: 0; width: 18px; height: 100%; left: 0; right: 0; margin: auto; background-color: white; -ms-transform: skewX(-30deg); -webkit-transform: skewX(-30deg); transform: skewX(-30deg); }*/ .gazebo-tabs .tab-title .inner { background-color: #0065e7; padding: 15px 10px; } /*.gazebo-tabs .tab-title .inner:before { content: ''; position: absolute; left: -14px; bottom: 0; right: auto; width: 18px; height: 20px; background-color: inherit; }*/ /*.gazebo-tabs .tab-title:first-child .inner:before { z-index: 1; content: ''; position: absolute; right: -14px; left: auto; top: 0; width: 18px; height: 20px; background-color: inherit; }*/ .gazebo-tabs .tab-title.active .inner { background-color: #00b5f7; } /*.gazebo-tabs .tab-title.active:before { content: ''; position: absolute; left: 0; right: 0; bottom: -9px; width: 0; height: 0; border-top: 9px solid #00b5f7; border-left: 7px solid transparent; border-right: 7px solid transparent; margin: auto; }*/ .gazebo-tabs .tab-body .gazebo { margin-bottom: 40px; padding-right: 20px; } .ie-8 .gazebo-tabs .tab-titles:after, .ie-8 .gazebo-tabs .tab-title .inner:before, .ie-8 .gazebo-tabs .tab-title:first-child .inner:before, .ie-8 .gazebo-tabs .tab-title.active:before { display: none; } .covana-navigator { margin-top: 65px; } .covana-navigator .caption { left: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.8); padding: 20px 55px; } .covana-navigator .thumbs .inner { padding-right: 75px; } .covana-navigator .thumbs .slick-list { max-height: 300px; padding-right: 10px !important; } .covana-navigator .thumbs .slide { position: relative; margin-bottom: 10px; border: 2px solid #cccccc; } .covana-navigator .thumbs .slide.slick-active.slick-center { border: 2px solid #0065e7; } .covana-navigator .thumbs .slide.slick-active.slick-center:before { content: ''; position: absolute; right: -7px; top: 45%; width: 0; height: 0; border-left: 5px solid #0065e7; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .covana-navigator .thumbs .slider-nav { text-align: center; } .covana-navigator .thumbs .slick-prev { margin-top: 10px; text-align: center; position: relative; background: none; width: 30px; height: 30px; font-size: 0px; border: none; outline: none; text-decoration: none; } .covana-navigator .thumbs .slick-prev:after { position: absolute; left: 0; top: 0; width: 30px; height: 30px; color: #7c868d; font-size: 25px; font-family: FontAwesome; content: '\f13a'; } .covana-navigator .thumbs .slick-next { margin-left: 10px; margin-top: 10px; text-align: center; position: relative; background: none; width: 30px; height: 30px; font-size: 0px; border: none; outline: none; text-decoration: none; } .covana-navigator .thumbs .slick-next:after { position: absolute; left: 0; top: 0; width: 30px; height: 30px; color: #3D7EDE; font-size: 25px; font-family: FontAwesome; content: '\f139'; } .covana-navigator .main-body { padding-left: 85px; } .covana-navigator .main-body .popup-youtube { font-size: 21px; font-weight: 700; display: inline-block; color: white; padding: 17px 30px 15px 30px; background-color: #0051A5; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; } .covana-navigator .main-body .popup-youtube:hover { color: white; background-color: #3D7EDE; } .covana-navigator .main-body .popup-youtube i { display: none; } /***********************************************************************************************************************************/ /*********************************************************Contact Page**************************************************************/ /***********************************************************************************************************************************/ .small-map { height: 350px; } .gform_body ul li {list-style-type: none; overflow:hidden;} .gfield_required {color: red;} button, input[type="submit"] {background-color: transparent; color: #3D7EDE; border: none; text-decoration: none;} button:hover, input[type="submit"] {background-color: transparent; color: #000; border: none; text-decoration: none;} .gfield_label {color:#0051A5;} .contact .column-wrapper {margin-top: 60px;} .contact .map-1 {padding-left: 150px;} .contact .locations {margin-bottom: 150px;} .contact .locations .contact-details {padding-right: 20px;} .contact .locations .hours {margin-bottom: 30px;} /***********************************************************************************************************************************/ /*************************************************Meet the Team Page****************************************************************/ /***********************************************************************************************************************************/ .main-employee {margin-bottom: 50px;} .employee .inner { margin: 0 2px 4px 2px; } .employee .name { background-color: rgba(255, 255, 255, .9); width: 100%; bottom: 0; left: 0px; right: 0px; padding: 15px; font-size: 25px; font-size: 1.5625rem;} .employee:hover .name { color: black; } .ie-8 .employee .name {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#e6ffffff',GradientType=1 ); } .main-employee .image:after {content: ''; position: absolute; right: 0; top: 30px; bottom: 0; height: 0; width: 0; border-right: 20px solid white; border-top: 15px solid transparent; border-bottom: 15px solid transparent;} .main-employee .contents {padding-left: 50px;} .main-employee .position {font-size: 25px;} .main-employee .close-btn {right: 0; top: 0; padding-top: 15px;} .main-employee .bio {padding-top: 20px;} /***********************************************************************************************************************************/ /********************************************************Spa Services***************************************************************/ /***********************************************************************************************************************************/ .spa-services .section { padding-bottom: 50px; } .spa-services .section .eighty { padding-right: 250px; } .spa-services .section-2 {background-image: url(images/spa_services_bg.jpg); background-repeat: no-repeat; } .ctas {max-width: 1360px; margin: 0 auto; margin-top: 60px; padding-bottom: 100px;} .cta .inner {background-color: rgba(1,3,50,0.75); padding: 50px; margin: 0 5px; } .cta .inner .title { word-spacing: 5px; padding-bottom: 15px; } .cta .inner .subtitle { padding-bottom: 15px; font-size: 25px; font-size: 1.5625rem; } .ie-8 .cta .inner {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf011e32', endColorstr='#bf011e32',GradientType=0 );} .spa-services-content ul {margin-top: 30px;} .spa-services-content ul li {margin-bottom: 20px;} .backgroundcover {padding-top: 10px;} .spa-services-content .section-1 .two-column {padding: 0 0 80px 50px;} .spa-services-content .section-1 .column-wrapper, .spa-services-content .section-3 .column-wrapper {padding: 30px 0; } /***********************************************************************************************************************************/ /********************************************************Maintenance & Repairs******************************************************/ /***********************************************************************************************************************************/ #gform_5 .gform_heading {display: none !important;} /*#gform_5-wrapper {padding-left: 200px; } #gform_5 {display: block; margin-left: auto; margin-right: auto; } #gform_5 .one-column {margin: 0 auto;}*/ /***********************************************************************************************************************************/ /*************************************************Testimonials Page*****************************************************************/ /***********************************************************************************************************************************/ .testimonial.dark .inner { background-image: url(images/testimonial-dark-2024.png); background-repeat: no-repeat; } .testimonial.light .inner { background-image: url(images/testimonial-light-2024.png); background-repeat: no-repeat; } .quote p, .author {text-align: center;} .testimonial {color: #fff; margin-bottom: 20px; } .testimonial .inner {margin: 0 10px; padding: 20px 10px;} .quote-circle {margin-top: 30px;} .quote p {margin-top: 30px;} .author {margin-bottom: 50px;} /***********************************************************************************************************************************/ /******************************************************Blog Page********************************************************************/ /***********************************************************************************************************************************/ .index-content article img { width: 100%; height: auto; } .index-content-inner { margin-top: 80px; margin-right: -15px; margin-left: -15px; } .index-content-inner article { padding-left: 15px; padding-right: 15px; margin-bottom: 60px; } .index-content-inner article .image { min-height: 60px; } .single-post .wp-post-image { margin: 60px auto 0 auto; max-width: 1000px; width: 100%; height: auto; } /***********************************************************************************************************************************/ /************************************************************Why Calspas Page*******************************************************/ /***********************************************************************************************************************************/ .quote-ribbon .contents .right.quote-wrapper { background-image: url(images/testimonial-dark-2024.png); background-repeat: no-repeat; } .quote-ribbon .contents .left.quote-wrapper { background-image: url(images/testimonial-light-2024.png); background-repeat: no-repeat; } .quote-ribbon .column-wrapper {margin: 20px 0;} .quote-ribbon .content.left {padding: 0 50px 0 40px;} .quote-ribbon .content.right {padding: 0 50px;} .quote-ribbon .quote-wrapper.left {padding: 0 100px 0 40px;} .quote-ribbon .quote-wrapper.right {padding: 0 40px 0 100px;} .quote-ribbon .title {margin-bottom: 25px;} .quote-ribbon .left.quote-wrapper:after {content: ''; position: absolute; right: 0; top: 0; bottom: 0; height: 0; width: 0; border-right: 100px solid white; border-bottom: 500px solid transparent;} .quote-ribbon .right.quote-wrapper:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; height: 0; width: 0; border-left: 100px solid white; border-bottom: 500px solid transparent; } /***********************************************************************************************************************************/ /********************************************************Pre-owned Spas*************************************************************/ /***********************************************************************************************************************************/ .pre-owned ul {margin-bottom: 30px; } .pre-owned .title {margin-bottom: 30px; } .pre-owned-product { padding: 30px 0; max-width: 600px; margin-left: auto; margin-right: auto; } .pre-owned-product a .button {margin-bottom: 20px;} .pre-owned-product .title { margin-bottom: 10px; } .pre-owned-product img { margin: 0 20px 20px 0; } /***********************************************************************************************************************************/ /************************************************************Footer*****************************************************************/ /***********************************************************************************************************************************/ .to-top-btn { opacity: 0; visibility: hidden; position: fixed; z-index: 400; bottom: 20px; right: 20px; width: 36px; height: 36px; background-image: url(/wp-content/themes/calspa/images/to-top-btn.png); background-repeat: no-repeat; background-position: 0 0; transition: opacity 0.5s, visibility 0.5s; -webkit-transition: opacity 0.5s, visibility 0.5s; filter: brightness(0) saturate(100%) invert(17%) sepia(94%) saturate(2540%) hue-rotate(199deg) brightness(95%) contrast(101%); } .to-top-btn.active { visibility: visible; opacity: 1; } footer .email-container { width: 87.5%; margin: auto; } footer form { overflow: hidden; } body.page-template-template-request_a_quote footer form input[type="submit"], footer form input[type="submit"]{ background-color: white; color: #0051A5; font-weight: 700; } body.page-template-template-request_a_quote footer form input[type="submit"]:hover, footer form input[type="submit"]:hover { background-color: #3D7EDE; color: white; } body.page-template-template-request_a_quote footer .email-signup, footer .email-signup { background-color:#0051A5; padding: 7.5px; } body.page-template-template-request_a_quote footer .email-form, footer .email-form {border: 2px solid white; } body.page-template-template-request_a_quote footer form .your-email, footer form .your-email { height: 50px; } body.page-template-template-request_a_quote footer input, footer input {background-image: none; color: white; background-color: #0051A5; height: 50px; border: none; } body.page-template-template-request_a_quote footer input[type="text"], footer input[type="text"]{ padding-left:65px; width: 100%; line-height: 50px;} body.page-template-template-request_a_quote footer input[type="text"]::-webkit-input-placeholder { color: white;} body.page-template-template-request_a_quote footer input[type="text"]:-moz-placeholder { color: white;} body.page-template-template-request_a_quote footer input[type="text"]::-moz-placeholder { color: white;} body.page-template-template-request_a_quote footer input[type="text"]:-ms-input-placeholder { color: white;} body.page-template-template-request_a_quote footer .email-info-inner {margin-left: 60px; } footer input[type="text"]::-webkit-input-placeholder { color: white;} footer input[type="text"]:-moz-placeholder { color: white;} footer input[type="text"]::-moz-placeholder { color: white;} footer input[type="text"]:-ms-input-placeholder { color: white;} footer .email-info-inner {margin-left: 100px; } @media(max-width: 643px) { footer form .your-email { width: 100%; padding-right: 20px; } footer form input[type="submit"]{ width: 100%; } } body.page-template-template-request_a_quote footer span.your-email:before{font-family: FontAwesome; content: '\f003'; font-size:40px; position: absolute; top:-7px; left: 15px;} body.page-template-template-request_a_quote footer .map-container #map_canvas{height: 590px; width: 100%; } body.page-template-template-request_a_quote footer .map-container .store-info { height: 590px; background-color: rgba(255, 255, 255, 0.9); width: 600px; top: 0; right: 50px;} body.page-template-template-request_a_quote footer .map-container .schedule { margin: 20px 0;} body.page-template-template-request_a_quote footer .map-container .store-title { margin-top: 40px;} body.page-template-template-request_a_quote footer .map-container .store-container { margin-top: 50px; } body.page-template-template-request_a_quote footer .map-container .store-container-1 { border-right: 1px dotted #A2A4A6; padding-right: 25px; } body.page-template-template-request_a_quote footer .map-container .store-container-2 { /*border-left: 1px dotted #A2A4A6;*/ padding-left: 25px; } body.page-template-template-request_a_quote footer .map-container .phone { margin: 5px 0; } footer span.your-email:before{font-family: FontAwesome; content: '\f003'; font-size:30px; position: absolute; top:-2px; left: 15px;} footer .map-container #map_canvas{height: 700px; width: 100%; } footer .map-container .store-info { height: 700px; background-color: rgba(255, 255, 255, 0.9); width: 700px; top: 0; right: 50px;} footer .map-container .store-info .inner { padding-left: 60px; padding-right: 60px; } .ie-8 footer .map-container .store-info {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#e6ffffff',GradientType=1 ); } footer .map-container .schedule { margin: 20px 0;} footer .map-container .store-title { margin-top: 80px; margin-bottom: 50px; } footer .map-container .store-container { margin-top: 80px; line-height: 1.5; } footer .map-container .store-container-1 { border-right: 1px solid #F0F0F0; padding-right: 50px; } footer .map-container .store-container-2 { /*border-left: 1px dotted #A2A4A6;*/ padding-left: 50px; } footer .map-container .phone { margin: 5px 0; color: #3d7ede; } footer .map-container .phone:hover { color: #3d7ede; text-decoration: underline; } @media(max-width: 1024px) { footer .map-container .store-title { margin-top: 60px; } footer .map-container .store-info .inner { padding-left: 40px; padding-right: 40px; padding-bottom: 40px; } } body.page-template-template-request_a_quote footer .footer-bottom {height: 110px; } body.page-template-template-request_a_quote footer .footer-bottom a {color: #A2A4A6;} body.page-template-template-request_a_quote footer .footer-bottom a:hover {color: #000;} body.page-template-template-request_a_quote footer .footer-social{ padding-top: 37px; padding-bottom: 37px; margin-right: 40px; } body.page-template-template-request_a_quote footer .footer-details{ padding: 37px 0 0 260px; } body.page-template-template-request_a_quote footer .footer-bottom .footer-menu > li {display:inline-block; padding-right: 20px;} body.page-template-template-request_a_quote footer .footer-bottom .footer-details > span {padding-right: 20px;} body.page-template-template-request_a_quote footer .footer-bottom .footer-logo{top:-110px; left: 50px;} body.page-template-template-request_a_quote footer .footer-bottom .footer-logo img{height: 215px; width: 200px; } footer .footer-bottom {height: 110px; } footer .footer-bottom a {color: #A2A4A6;} footer .footer-bottom a:hover {color: #000;} footer .footer-social{ padding-top: 37px; padding-bottom: 37px; margin-right: 40px; } footer .footer-social a img { filter: brightness(0) saturate(100%) invert(17%) sepia(94%) saturate(2540%) hue-rotate(199deg) brightness(95%) contrast(101%); } footer .footer-details{ padding: 37px 0 0 260px; } footer .footer-bottom .footer-menu > li {display:inline-block; padding-right: 20px;} footer .footer-bottom .footer-details > span {padding-right: 20px;} footer .footer-bottom .footer-logo{top:-110px; left: 50px;} footer .footer-bottom .footer-logo img{height: 215px; width: 200px; } /***********************************************************************************************************************************/ /*********************************************************LANDING PAGE**************************************************************/ /***********************************************************************************************************************************/ /* GLOBAL RULES */ body.page-template-template-landing_page, body.page-template-template-landing_page button, body.page-template-template-landing_page input, body.page-template-template-landing_page select, body.page-template-template-landing_page textarea { color: #24262a; } body.page-template-template-landing_page input, body.page-template-template-landing_page select, body.page-template-template-landing_page textarea { padding: 0px 10px; border: 2px solid #e5e5e6; border-radius: 5px; height: 40px; background-color: #fafafb; } body.page-template-template-landing_page button:not(.mfp-close), body.page-template-template-landing_page .btn-landing { text-align: center; background-color: #40ce46; color: #fff; font-size: 20px; font-weight: 700; width: auto; padding: 15px 80px; text-transform: none; -webkit-transition: all, 0.3s;-o-transition: all, 0.3s;transition: all, 0.3s; border-radius: 5px; display: inline-block; margin-top: 10px; } body.page-template-template-landing_page .btn-landing:hover, body.page-template-template-landing_page button:not(.mfp-close):hover { background-color: #35b43a; } body.page-template-template-landing_page button:not(.mfp-close):after { display: none; } body.page-template-template-landing_page .gform_wrapper .gform_footer button, body.page-template-template-landing_page .gform_wrapper .gform_footer button { width: 100%; margin-top: 20px; padding: 25px 20px; font-size: 24px; } body.page-template-template-landing_page .gform_wrapper .gform_footer button:hover { color: #fff; } body.page-template-template-landing_page .headline { font-size: 48px; font-weight: 700; color: #24262a; padding-bottom: 15px; line-height: 1.2; } body.page-template-template-landing_page .site-width { width: 100%; max-width: 1500px; margin: auto; } body.page-template-template-landing_page .gform_confirmation_message { font-size: 20px; font-weight: 700; } .landing-page .hero, .landing-page .hero .banner, .landing-page .dual-image, .landing-page .image-content, .landing-page .LP-testimonials, .landing-page .pre-footer { padding-bottom: 7%; } .landing-page .dual-image, .landing-page .image-content, .landing-page .pre-footer { padding-top: 7%; } /* FORMS */ .landing-page .form .headline, .landing-page .form .description, #modal-form .headline, #modal-form .description { width: 100%; max-width: 460px; margin: auto; padding-bottom: 40px; } .landing-page .gform_wrapper ul, #modal-form .gform_wrapper ul { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .landing-page .gform_wrapper ul li:nth-child(1), #modal-form .gform_wrapper ul li:nth-child(1) { padding-right: 10px; } .landing-page .gform_wrapper ul li.required-text, #modal-form .gform_wrapper ul li.required-text { font-size: 14px; color: #ff0000; } .landing-page .gform_wrapper .gfield_label, #modal-form .gform_wrapper .gfield_label { color: #24262a; } #modal-form { margin: auto; position: relative; padding: 70px 30px; width: 100%; max-width: 650px; background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0px 4px 29px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 4px 29px 0px rgba(0,0,0,0.4); box-shadow: 0px 4px 29px 0px rgba(0,0,0,0.4); } /* HEADER */ .landing-page .header-main { margin-top: 0; padding-top: 30px; position: absolute; top: 0; left: 0; right: 0; width: 100%; } .landing-page .header-main .header-logo { margin: 0; } .landing-page .header-main .header-logo > a { display: inline-block; } .landing-page .header-main .header-logo > a img { width: 100%; height: 100%; } .landing-page .header-main .phone-wrapper { position: relative; z-index: 10; padding-top: 10px; } .landing-page .header-main .phone-link { font-weight: 700; font-size: 18px; padding: 5px 40px; border-radius: 30px; background-color: rgba(0,0,0,0.5); -webkit-transition: all, 0.3s;-o-transition: all, 0.3s;transition: all, 0.3s; } .landing-page .header-main .phone-link:hover { color: #35b43a; } .landing-page .header-main .phone-link > span { color: #fff; } /* HERO - BANNER */ .landing-page .hero .banner { height: auto; background-size: cover; background-position: center; background-repeat: no-repeat; } .landing-page .hero .banner .overlay { display: none; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 45%, rgba(255,255,255,0.24) 58%, rgba(255,255,255,0.51) 73%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(45%, rgba(255,255,255,0)), color-stop(58%, rgba(255,255,255,0.24)), color-stop(73%, rgba(255,255,255,0.51)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 45%, rgba(255,255,255,0.24) 58%, rgba(255,255,255,0.51) 73%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 45%, rgba(255,255,255,0.24) 58%, rgba(255,255,255,0.51) 73%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 45%, rgba(255,255,255,0.24) 58%, rgba(255,255,255,0.51) 73%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 45%, rgba(255,255,255,0.24) 58%, rgba(255,255,255,0.51) 73%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); } .landing-page .hero .form { padding-top: 85px; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; } .landing-page .hero .form-wrapper { margin-left: auto; position: relative; z-index: 10; padding: 70px 30px; width: 100%; max-width: 650px; background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0px 4px 29px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 4px 29px 0px rgba(0,0,0,0.4); box-shadow: 0px 4px 29px 0px rgba(0,0,0,0.4); } /* CONTENT - VIDEO PANEL */ .landing-page .content-video { padding-bottom: calc(7% + 30px); /*padding-top: calc(7% + 30px);*/ } .landing-page .content-video .text-wrap { max-width: 650px; } .landing-page .content-video .col-text { padding-right: 30px; } .landing-page .content-video .col-video { padding-left: 30px; } .landing-page .content-video .col-video .img-wrap { text-align: right; } .landing-page .content-video .col-video .img-wrap .icon-wrapper { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); height: 100px; width: 100px; border-radius: 50%; -webkit-transition: all, 0.3s;-o-transition: all, 0.3s;transition: all, 0.3s; background-color: rgba(0,0,0,0.5); } .landing-page .content-video .col-video .img-wrap .icon-wrapper:after { font-family: FontAwesome; content: '\f04b'; color: #fff; font-size: 40px; position: absolute; top: 50%; left: 50%; transform: translate(calc(-50% + 3px), -50%); } .landing-page .content-video .col-video .media:hover .img-wrap .icon-wrapper { background-color: rgba(0,0,0,1); } /* DUAL IMAGE PANEL */ .landing-page .dual-image { background-color: #f4f6f9; } .landing-page .dual-image .location { text-transform: uppercase; font-size: 16px; color: #40ce46; } .landing-page .dual-image .category { text-transform: uppercase; padding-bottom: 20px; } .landing-page .dual-image div.block:nth-child(1) { padding-right: 30px; } .landing-page .dual-image div.block:nth-child(2) { padding-left: 30px; } .landing-page .dual-image .content { padding: 50px 25px 0px; } /* IMAGE - CONTENT PANEL */ .landing-page .image-content .col-text { padding-left: 30px; max-width: 650px; margin-left: auto; } .landing-page .image-content .col-image { padding-right: 30px; } /* TESTIMONIALS */ .landing-page .LP-testimonials .headline { padding-bottom: 60px; } .landing-page .LP-testimonials .masonry { -webkit-column-count: 2;column-count: 2; column-gap: 30px; } .landing-page .LP-testimonials .LP-testimonial { padding-bottom: 30px; display: inline-block; } .landing-page .LP-testimonials .LP-testimonial .content > p:before, .landing-page .LP-testimonials .LP-testimonial .content > p:after { content: '"'; } .landing-page .LP-testimonials .LP-testimonial .text-wrap { padding: 60px 45px; background-color: #f4f6f9; border-radius: 5px; } .landing-page .LP-testimonials .LP-testimonial .title { text-transform: uppercase; color: #0065e7; font-size: 16px; padding-bottom: 15px; } .landing-page .LP-testimonials .LP-testimonial .LP-author { font-weight: 700; color: #0065e7; font-size: 16px; text-align: right; } /* PRE - FOOTER */ .landing-page .pre-footer { background-color: #f4f6f9; } .landing-page .pre-footer .form { max-width: 640px; margin: auto; padding-left: 20px; padding-right: 20px; } /* FOOTER */ .landing-page footer { padding-top: 25px; padding-bottom: 25px; } .landing-page footer .phone-link { font-size: 30px; font-weight: 700; -webkit-transition: all, 0.3s;-o-transition: all, 0.3s;transition: all, 0.3s; } .landing-page footer .phone-link:hover { color: #35b43a; } .landing-page footer .phone-link > span { color: #24262a; } /* MEDIA QUERIES */ @media (min-width: 1921px) { .landing-page .hero, .landing-page .hero .banner, .landing-page .dual-image, .landing-page .image-content, .landing-page .LP-testimonials, .landing-page .pre-footer { padding-bottom: 135px; } .landing-page .dual-image, .landing-page .image-content, .landing-page .pre-footer { padding-top: 135px; } } @media (min-width: 1840px) { .landing-page .hero .banner .overlay { display: block; } } @media (max-width: 1540px) { body.page-template-template-landing_page .site-width { padding-left: 20px; padding-right: 20px; } } @media (max-width: 1300px) { .landing-page .hero .banner { background-position: -500px 0px; } } @media (max-width: 1024px) { .landing-page .hero .form-wrapper { margin-left: 0; } .landing-page .header-main { padding-top: 15px; } .landing-page .header-main .phone-wrapper { padding-top: 5px; } .landing-page .hero .banner { background-position: 0px 0px; } .landing-page .hero .form { padding-top: 200px; } .landing-page .tablet-block { display: block; } .landing-page .content-video .col-video .img-wrap { text-align: center; } .landing-page .tablet-one-column, .tablet-one-columns { width: 100%; } .landing-page .tablet-two-column, .tablet-two-columns { width: 50%; } .landing-page .tablet-three-column, .tablet-three-columns { width: 33.33333%; } .landing-page .tablet-four-column, .tablet-four-columns { width: 25%; } .landing-page .tablet-five-column, .tablet-five-columns { width: 20%; } .landing-page .tablet-six-column, .tablet-six-columns { width: 16.6%; } .landing-page .tablet-five { width: 5%; } .landing-page .tablet-ten { width: 10%; } .landing-page .tablet-fifteen { width: 15%; } .landing-page .tablet-twenty { width: 20%; } .landing-page .tablet-thirty { width: 30%; } .landing-page .tablet-fourty, .tablet-forty { width: 40%; } .landing-page .tablet-fifty { width: 50%; } .landing-page .tablet-sixty { width: 60%; } .landing-page .tablet-sixtysix, .tablet-sixty-six { width: 66.666%; } .landing-page .tablet-seventy { width: 70%; } .landing-page .tablet-seventyfive, .tablet-seventy-five { width: 75%; } .landing-page .tablet-eighty { width: 80%; } .landing-page .tablet-ninety { width: 90%; } .landing-page .tablet-hundred { width: 100%; } .landing-page .tablet-hide { display: none; } .landing-page .tablet-no-float, .tablet-float-none { float: none; } body.page-template-template-landing_page .headline { font-size: 40px; } .landing-page .dual-image .content { padding-left: 0; padding-right: 0px; } } @media(max-width: 767px) { .landing-page .sm-tablet-block { display: block; } .landing-page .sm-tablet-one-column, .sm-tablet-one-columns { width: 100%; } .landing-page .sm-tablet-two-column, .sm-tablet-two-columns { width: 50%; } .landing-page .sm-tablet-three-column, .sm-tablet-three-columns { width: 33.33333%; } .landing-page .sm-tablet-four-column, .sm-tablet-four-columns { width: 25%; } .landing-page .sm-tablet-five-column, .sm-tablet-five-columns { width: 20%; } .landing-page .sm-tablet-six-column, .sm-tablet-six-columns { width: 16.6%; } .landing-page .sm-tablet-five { width: 5%; } .landing-page .sm-tablet-ten { width: 10%; } .landing-page .sm-tablet-fifteen { width: 15%; } .landing-page .sm-tablet-twenty { width: 20%; } .landing-page .sm-tablet-thirty { width: 30%; } .landing-page .sm-tablet-fourty, .sm-tablet-forty { width: 40%; } .landing-page .sm-tablet-fifty { width: 50%; } .landing-page .sm-tablet-sixty { width: 60%; } .landing-page .sm-tablet-sixtysix, .sm-tablet-sixty-six { width: 66.666%; } .landing-page .sm-tablet-seventy { width: 70%; } .landing-page .sm-tablet-seventyfive, .sm-tablet-seventy-five { width: 75%; } .landing-page .sm-tablet-eighty { width: 80%; } .landing-page .sm-tablet-ninety { width: 90%; } .landing-page .sm-tablet-hundred { width: 100%; } .landing-page .sm-tablet-hide { display: none; } .landing-page .sm-tablet-no-float, .sm-tablet-float-none { float: none; } .landing-page .gform_wrapper .left-column.sm-tablet-one-column { padding-right: 0px; } .landing-page .gform_wrapper .right-column.sm-tablet-one-column { padding-left: 0px; } .landing-page .content-video .col-video { padding-left: 0; -webkit-box-ordinal-group: 0;-webkit-order: -1;-ms-flex-order: -1;order: -1; padding-bottom: 40px; } .landing-page .gform_wrapper .left-column.tablet-one-column, .landing-page .content-video .col-text, .landing-page .image-content .col-image, .landing-page .dual-image div.block:nth-child(1) { padding-right: 0px; } .landing-page .gform_wrapper .right-column.tablet-one-column, .landing-page .dual-image div.block:nth-child(2) { padding-left: 0px; } .landing-page .image-content .col-image { padding-bottom: 40px; } .landing-page .dual-image .location { text-align: center; } .landing-page .dual-image div.block { padding-bottom: 40px; } .landing-page .btn-wrapper, body.page-template-template-landing_page .headline { text-align: center; } .landing-page .dual-image div.block:nth-child(2) { padding-bottom: 0; } .landing-page .image-content .col-text { padding-left: 0px; max-width: 100%; margin-left: 0; } .landing-page footer .phone-link { font-size: 20px; } .landing-page .LP-testimonials .headline { padding-bottom: 40px; } .landing-page .LP-testimonials .masonry { -webkit-column-count: 1;column-count: 1; } .landing-page .LP-testimonials .LP-testimonial .text-wrap { padding: 50px 30px; } .landing-page footer .footer-logo { width: 170px; } } @media (max-width: 500px) { .landing-page .hero .banner { background-size: 100%; } .landing-page .header-main .header-logo > a img { width: 250px; } .landing-page .header-main .phone-link { padding: 5px 20px; } .landing-page .hero .form { padding-top: 280px; } body.page-template-template-landing_page .headline { font-size: 30px; } .landing-page .gform_wrapper ul li:nth-child(1), #modal-form .gform_wrapper ul li:nth-child(1), .landing-page .gform_wrapper ul li:nth-child(2), #modal-form .gform_wrapper ul li:nth-child(2) { width: 100%; padding-right: 0; } .landing-page .hero .form-wrapper { padding: 30px 20px; } .landing-page .form .headline, .landing-page .form .description, #modal-form .headline, #modal-form .description { padding-bottom: 20px; } .landing-page .content-video .col-video .img-wrap:after { font-size: 24px; height: 60px; width: 60px; line-height: 60px; } .landing-page .LP-testimonials .LP-testimonial { padding-bottom: 20px; } .landing-page footer .footer-logo, .landing-page footer .phone-wrapper { width: 100%; text-align: center; } .landing-page footer .phone-wrapper { padding-top: 10px; } .landing-page footer .phone-link { font-size: 24px; } .landing-page .hero, .landing-page .hero .banner, .landing-page .dual-image, .landing-page .image-content, .landing-page .LP-testimonials, .landing-page .pre-footer { padding-bottom: 50px; } .landing-page .dual-image, .landing-page .image-content, .landing-page .pre-footer { padding-top: 50px; } } @media (max-width: 400px) { .landing-page .hero .form { padding-top: 200px; } .landing-page .LP-testimonials .LP-testimonial .text-wrap { padding: 40px 20px; } .landing-page .content-video { padding-top: 10px; } .landing-page footer .phone-link { font-size: 20px; } } .site-header .primary-navigation.scotts .nav-menu>li ul { text-align: left; height: auto; padding-bottom: 13px; } .site-header .primary-navigation.scotts .nav-menu>li { position: relative; } .site-header .primary-navigation.scotts .nav-menu>li>fieldset { width: 260px; top: 48px; } .site-header .primary-navigation.scotts .nav-menu>li.menu-item-has-children:not(.nav-button):hover>a::before { bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 0 18px 20px 18px; border-color: transparent transparent #0051A5 transparent; } .site-header .primary-navigation.scotts .nav-menu>li ul>li { display: block; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .site-header .primary-navigation.scotts .nav-menu>li ul>li>a { display: block; padding: 11px 25px; } .site-header .primary-navigation.scotts .nav-menu>li ul>li:hover { background-color: #3D7EDE; border-top: 1px solid #3D7EDE; border-bottom: 1px solid #3D7EDE; } .site-header .primary-navigation.scotts .nav-menu>li ul>li:hover a { color: #ffffff; } .site-header .primary-navigation.scotts .nav-menu>li.menu-item-39>fieldset>ul, .site-header .primary-navigation.scotts .nav-menu>li.menu-item-40>fieldset>ul { padding-right: 0; text-align: left; } .site-header .primary-navigation.scotts .nav-menu>li:not(.nav-button)>a { padding-bottom: 24px; } .site-header .primary-navigation.scotts .nav-menu>li.nav-button { margin-left: 15px; } .site-header .primary-navigation.scotts .nav-menu>li.nav-button a { font-size: 16px; font-weight: 600; display: inline-block; color: white; padding: 12px 30px 12px 30px; background-color: #0051A5; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; } .site-header .primary-navigation.scotts .nav-menu>li.nav-button a:hover { background-color: #3D7EDE; } .site-header .primary-navigation.scotts .nav-menu>li.nav-button a:after { display: none; } /***********************************************************************************************************************************/ /******************************************************Request A Quote Form*********************************************************/ /***********************************************************************************************************************************/ #rfq-modal .headline, #rfq-modal .description { width: 100%; max-width: 460px; margin: auto; padding-bottom: 20px; } #rfq-modal .gform_wrapper ul { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } #rfq-modal .gform_wrapper ul li:nth-child(1) { padding-right: 10px; } #rfq-modal .gform_wrapper ul li.required-text { font-size: 14px; color: #ff0000; } #rfq-modal .gform_wrapper .gfield_label { color: #24262a; } #rfq-modal { margin: auto; position: relative; padding: 50px 30px; width: 100%; max-width: 650px; background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0px 4px 29px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 4px 29px 0px rgba(0,0,0,0.4); box-shadow: 0px 4px 29px 0px rgba(0,0,0,0.4); transition: all, 0.4s; } #rfq-modal .gform_body ul li.gfield:last-child { margin-bottom: 0; } #rfq-modal .gform_body ul li.gfield:last-child li { margin-bottom: 0; } #rfq-modal, #rfq-modal button, #rfq-modal input, #rfq-modal select, #rfq-modal textarea { color: #24262a; } #rfq-modal textarea, .rfq-page textarea { min-height: 120px; } #rfq-modal input:not([type=checkbox]):not([type=radio]), #rfq-modal select, #rfq-modal textarea { padding: 0px 10px; border: 2px solid #e5e5e6; border-radius: 5px; height: 40px; background-color: #fafafb; } #rfq-modal button:not(.mfp-close), #rfq-modal .btn-landing { text-align: center; background-color: #40ce46; color: #fff; font-size: 20px; font-weight: 700; width: auto; padding: 15px 80px; text-transform: none; -webkit-transition: all, 0.3s;-o-transition: all, 0.3s;transition: all, 0.3s; border-radius: 5px; display: inline-block; margin-top: 10px; } #rfq-modal .btn-landing:hover, #rfq-modal button:not(.mfp-close):hover { background-color: #35b43a; } #rfq-modal button:not(.mfp-close):after { display: none; } #rfq-modal .gform_wrapper .gform_footer button { width: 100%; padding: 25px 20px; font-size: 24px; } #rfq-modal .gform_wrapper .gform_footer button:hover { color: #fff; } #rfq-modal .gform_wrapper input[type=checkbox], #rfq-modal .gform_wrapper input[type=radio] { padding: 0px 10px; border: 2px solid #e5e5e6; border-radius: 5px; background-color: #fafafb; } #rfq-modal .headline { font-size: 42px; font-weight: 700; color: #24262a; padding-bottom: 15px; line-height: 1.2; } #rfq-modal .site-width { width: 100%; max-width: 1500px; margin: auto; } #rfq-modal ul.gfield_radio > li { margin-bottom: 0; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; } #rfq-modal .gform_confirmation_message .ss-pulls { overflow: hidden; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #rfq-modal .gform_confirmation_message .ss-pulls .ss-pull { margin-right: 0; height: 100px; padding: 35px 10px; } #rfq-modal .gform_confirmation_message .ss-pulls .ss-pull span { top: 0; } #rfq-modal .gform_confirmation_message .ss-pulls .ss-pull-1 .overlay, #rfq-modal .gform_confirmation_message .ss-pulls .ss-pull-2 .overlay { border-bottom-left-radius: 20px; } #rfq-modal .button:after, #rfq-modal .big-button:after { display: none; } /* Thank you -- Successful submission */ .gform-success #rfq-modal { max-width: 1340px; padding: 70px 30px 170px; } .gform-success #rfq-modal > .form { text-align: center; } .gform-success #rfq-modal > .form > .headline, .gform-success #rfq-modal > .form > .description { display: none; } .gform-success #rfq-modal .headline { color: #0065e7; } .gform-success #rfq-modal .description { font-size: 18px; font-weight: 400; max-width: 700px; } .gform-success #rfq-modal .headline, .gform-success #rfq-modal .description { padding-bottom: 30px; } .gform-success #rfq-modal .button { font-size: 18px; font-weight: 700; padding: 5px 40px; cursor: pointer; } /***********************************************************************************************************************************/ /******************************************************Request A Quote Page*********************************************************/ /***********************************************************************************************************************************/ /* GLOBAL RULES */ body.page-template-template-request_a_quote, body.page-template-template-request_a_quote button, body.page-template-template-request_a_quote input, body.page-template-template-request_a_quote select, body.page-template-template-request_a_quote textarea { color: #24262a; } body.page-template-template-request_a_quote input, body.page-template-template-request_a_quote select, body.page-template-template-request_a_quote textarea { padding: 0px 10px; border: 2px solid #e5e5e6; border-radius: 5px; height: 40px; background-color: #fafafb; } body.page-template-template-request_a_quote input[type="submit"] { border-radius: 0; } body.page-template-template-request_a_quote button:not(.mfp-close), body.page-template-template-request_a_quote .btn-landing { text-align: center; background-color: #40ce46; color: #fff; font-size: 20px; font-weight: 700; width: auto; padding: 15px 80px; text-transform: none; -webkit-transition: all, 0.3s;-o-transition: all, 0.3s;transition: all, 0.3s; border-radius: 5px; display: inline-block; margin-top: 10px; } body.page-template-template-request_a_quote .btn-landing:hover, body.page-template-template-request_a_quote button:not(.mfp-close):hover { background-color: #35b43a; } body.page-template-template-request_a_quote button:not(.mfp-close):after { display: none; } body.page-template-template-request_a_quote .gform_wrapper .gform_footer button, body.page-template-template-request_a_quote .gform_wrapper .gform_footer button { width: 100%; margin-top: 20px; padding: 25px 20px; font-size: 24px; } body.page-template-template-request_a_quote .gform_wrapper .gform_footer button:hover { color: #fff; } body.page-template-template-request_a_quote .headline { font-size: 48px; font-weight: 700; color: #24262a; padding-bottom: 15px; line-height: 1.2; } body.page-template-template-request_a_quote .site-width { width: 100%; max-width: 1500px; margin: auto; } body.page-template-template-request_a_quote .site-width.header-main { margin-top: 20px; } body.page-template-template-request_a_quote .gform_confirmation_message { font-size: 20px; font-weight: 700; } .rfq-page .hero, .rfq-page .hero .banner, .rfq-page .dual-image, .rfq-page .image-content, .rfq-page .LP-testimonials, .rfq-page .pre-footer { padding-bottom: 7%; } .rfq-page .dual-image, .rfq-page .image-content, .rfq-page .pre-footer { padding-top: 7%; } /* FORMS */ .rfq-page .form .headline, .rfq-page .form .description, #modal-form .headline, #modal-form .description { width: 100%; max-width: 460px; margin: auto; padding-bottom: 40px; } .rfq-page .gform_wrapper ul, #modal-form .gform_wrapper ul { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; } .rfq-page .gform_wrapper ul li:nth-child(1), #modal-form .gform_wrapper ul li:nth-child(1) { padding-right: 10px; } .rfq-page .gform_wrapper ul li.required-text, #modal-form .gform_wrapper ul li.required-text { font-size: 14px; color: #ff0000; } .rfq-page .gform_wrapper .gfield_label, #modal-form .gform_wrapper .gfield_label { color: #24262a; } #modal-form { margin: auto; position: relative; padding: 70px 30px; width: 100%; max-width: 650px; background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0px 4px 29px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 4px 29px 0px rgba(0,0,0,0.4); box-shadow: 0px 4px 29px 0px rgba(0,0,0,0.4); } /* PRE - FOOTER */ .rfq-page .pre-footer { background-color: #f4f6f9; } .rfq-page .pre-footer .form { max-width: 640px; margin: auto; padding-left: 20px; padding-right: 20px; } /* MEDIA QUERIES */ @media (min-width: 1921px) { .rfq-page .hero, .rfq-page .hero .banner, .rfq-page .dual-image, .rfq-page .image-content, .rfq-page .LP-testimonials, .rfq-page .pre-footer { padding-bottom: 135px; } .rfq-page .dual-image, .rfq-page .image-content, .rfq-page .pre-footer { padding-top: 135px; } } @media (max-width: 1540px) { body.page-template-template-request_a_quote .site-width { padding-left: 20px; padding-right: 20px; } } @media (max-width: 1024px) { .rfq-page .tablet-block { display: block; } .rfq-page .content-video .col-video .img-wrap { text-align: center; } .rfq-page .tablet-one-column, .tablet-one-columns { width: 100%; } .rfq-page .tablet-two-column, .tablet-two-columns { width: 50%; } .rfq-page .tablet-three-column, .tablet-three-columns { width: 33.33333%; } .rfq-page .tablet-four-column, .tablet-four-columns { width: 25%; } .rfq-page .tablet-five-column, .tablet-five-columns { width: 20%; } .rfq-page .tablet-six-column, .tablet-six-columns { width: 16.6%; } .rfq-page .tablet-five { width: 5%; } .rfq-page .tablet-ten { width: 10%; } .rfq-page .tablet-fifteen { width: 15%; } .rfq-page .tablet-twenty { width: 20%; } .rfq-page .tablet-thirty { width: 30%; } .rfq-page .tablet-fourty, .tablet-forty { width: 40%; } .rfq-page .tablet-fifty { width: 50%; } .rfq-page .tablet-sixty { width: 60%; } .rfq-page .tablet-sixtysix, .tablet-sixty-six { width: 66.666%; } .rfq-page .tablet-seventy { width: 70%; } .rfq-page .tablet-seventyfive, .tablet-seventy-five { width: 75%; } .rfq-page .tablet-eighty { width: 80%; } .rfq-page .tablet-ninety { width: 90%; } .rfq-page .tablet-hundred { width: 100%; } .rfq-page .tablet-hide { display: none; } .rfq-page .tablet-no-float, .tablet-float-none { float: none; } body.page-template-template-request_a_quote .headline { font-size: 40px; } .rfq-page .dual-image .content { padding-left: 0; padding-right: 0px; } } @media(max-width: 767px) { .rfq-page .sm-tablet-block { display: block; } .rfq-page .sm-tablet-one-column, .sm-tablet-one-columns { width: 100%; } .rfq-page .sm-tablet-two-column, .sm-tablet-two-columns { width: 50%; } .rfq-page .sm-tablet-three-column, .sm-tablet-three-columns { width: 33.33333%; } .rfq-page .sm-tablet-four-column, .sm-tablet-four-columns { width: 25%; } .rfq-page .sm-tablet-five-column, .sm-tablet-five-columns { width: 20%; } .rfq-page .sm-tablet-six-column, .sm-tablet-six-columns { width: 16.6%; } .rfq-page .sm-tablet-five { width: 5%; } .rfq-page .sm-tablet-ten { width: 10%; } .rfq-page .sm-tablet-fifteen { width: 15%; } .rfq-page .sm-tablet-twenty { width: 20%; } .rfq-page .sm-tablet-thirty { width: 30%; } .rfq-page .sm-tablet-fourty, .sm-tablet-forty { width: 40%; } .rfq-page .sm-tablet-fifty { width: 50%; } .rfq-page .sm-tablet-sixty { width: 60%; } .rfq-page .sm-tablet-sixtysix, .sm-tablet-sixty-six { width: 66.666%; } .rfq-page .sm-tablet-seventy { width: 70%; } .rfq-page .sm-tablet-seventyfive, .sm-tablet-seventy-five { width: 75%; } .rfq-page .sm-tablet-eighty { width: 80%; } .rfq-page .sm-tablet-ninety { width: 90%; } .rfq-page .sm-tablet-hundred { width: 100%; } .rfq-page .sm-tablet-hide { display: none; } .rfq-page .sm-tablet-no-float, .sm-tablet-float-none { float: none; } .rfq-page .gform_wrapper .left-column.sm-tablet-one-column { padding-right: 0px; } .rfq-page .gform_wrapper .right-column.sm-tablet-one-column { padding-left: 0px; } .rfq-page .content-video .col-video { padding-left: 0; -webkit-box-ordinal-group: 0;-webkit-order: -1;-ms-flex-order: -1;order: -1; padding-bottom: 40px; } .rfq-page .gform_wrapper .left-column.tablet-one-column, .rfq-page .content-video .col-text, .rfq-page .image-content .col-image, .rfq-page .dual-image div.block:nth-child(1) { padding-right: 0px; } .rfq-page .gform_wrapper .right-column.tablet-one-column, .rfq-page .dual-image div.block:nth-child(2) { padding-left: 0px; } .rfq-page .image-content .col-image { padding-bottom: 40px; } .rfq-page .dual-image .location { text-align: center; } .rfq-page .dual-image div.block { padding-bottom: 40px; } .rfq-page .btn-wrapper, body.page-template-template-request_a_quote .headline { text-align: center; } .rfq-page .dual-image div.block:nth-child(2) { padding-bottom: 0; } .rfq-page .image-content .col-text { padding-left: 0px; max-width: 100%; margin-left: 0; } .rfq-page footer .phone-link { font-size: 20px; } .rfq-page .LP-testimonials .headline { padding-bottom: 40px; } .rfq-page .LP-testimonials .masonry { -webkit-column-count: 1;column-count: 1; } .rfq-page .LP-testimonials .LP-testimonial .text-wrap { padding: 50px 30px; } .rfq-page footer .footer-logo { width: 170px; } } @media (max-width: 500px) { body.page-template-template-request_a_quote .headline { font-size: 30px; } .rfq-page .gform_wrapper ul li:nth-child(1), #modal-form .gform_wrapper ul li:nth-child(1), .rfq-page .gform_wrapper ul li:nth-child(2), #modal-form .gform_wrapper ul li:nth-child(2) { width: 100%; padding-right: 0; } .rfq-page .hero .form-wrapper { padding: 30px 20px; } .rfq-page .form .headline, .rfq-page .form .description, #modal-form .headline, #modal-form .description { padding-bottom: 20px; } .rfq-page .hero, .rfq-page .hero .banner, .rfq-page .dual-image, .rfq-page .image-content, .rfq-page .LP-testimonials, .rfq-page .pre-footer { padding-bottom: 50px; } .rfq-page .dual-image, .rfq-page .image-content, .rfq-page .pre-footer { padding-top: 50px; } } .hero-pulls { padding-top: 45px; padding-bottom: 90px; } .hero-pulls .hero-pulls-slider .slide-col { padding: 7px; } .hero-pulls .hero-pulls-slider .overlay { background: linear-gradient(to bottom, transparent 0%, transparent 50%, transparent 50%, #000 100%); border-radius: 20px; } .hero-pulls .hero-pulls-slider a { aspect-ratio: 1.66; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px 20px; border-radius: 20px; } .hero-pulls .hero-pulls-slider .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; } .hero-pulls .hero-pulls-slider .slick-dots li { margin: 0 8px; width: 8px; height: 8px; border-radius: 999px; transition: all .3s; overflow: hidden; position: relative; cursor: pointer; } .hero-pulls .hero-pulls-slider .slick-dots li:before { content: ''; background-color: #A7A7A7; position: absolute; border-radius: 999px; top: 0; left: 0; width: 100%; height: 100%; transition: all .3s; } .hero-pulls .hero-pulls-slider .slick-dots button { width: 8px; height: 8px; border-radius: 999px; overflow: hidden; position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer; transition: all .3s; } .hero-pulls .hero-pulls-slider .slick-dots li.slick-active, .hero-pulls .hero-pulls-slider .slick-dots li.slick-active button { width: 28px; } .hero-pulls .hero-pulls-slider .slick-dots li.slick-active:before { background-color: #0051A3; } @media(max-width: 600px) { .hero-pulls { padding-bottom: 40px; } } .two-column-image-text .top-section { max-width: 820px; margin-left: auto; margin-right: auto; margin-bottom: 40px; } .two-column-image-text .top-section .tcit-title { margin-bottom: 70px; } .two-column-image-text .top-section .tcit-content { margin-bottom: 120px; } .two-column-image-text .tcit-row { margin-bottom: 100px; } .two-column-image-text .image-col, .two-column-image-text .image-col img { border-radius: 5px; } .two-column-image-text .tcit-row.image-on-left .image-col { padding-right: 50px; } .two-column-image-text .tcit-row.image-on-right .image-col { padding-left: 50px; order: 2; } .two-column-image-text .tcit-row.image-on-right .text-col { order: 1; } .two-column-image-text .tcit-row .text-col h2 { margin-top: 0; margin-bottom: 25px; } .two-column-image-text .tcit-row .text-col h2 a { color: #212529; } .two-column-image-text .tcit-row .text-col h2 a:hover, .two-column-image-text .tcit-row .text-col h2 a:focus { text-decoration: underline; } .two-column-image-text .tcit-row .action { margin-top: 30px; } @media(max-width: 1024px) { .two-column-image-text .tcit-row.image-on-left .image-col, .two-column-image-text .tcit-row.image-on-right .image-col { padding-left: 0; padding-right: 0; order: 1; width: 100%; text-align: center; margin-bottom: 40px; } .two-column-image-text .tcit-row.image-on-left .text-col, .two-column-image-text .tcit-row.image-on-right .text-col { padding-left: 40px; padding-right: 40px; order: 2; width: 100%; text-align: center; } } @media(max-width: 600px) { .two-column-image-text .top-section .tcit-title { margin-bottom: 50px; } .two-column-image-text .top-section .tcit-content { margin-bottom: 70px; } .two-column-image-text .tcit-row { margin-bottom: 60px; } .two-column-image-text .tcit-row.image-on-left .text-col, .two-column-image-text .tcit-row.image-on-right .text-col { padding-left: 0; padding-right: 0; } } .text-on-blue-background { background-color: #0051A5; color: #FFF; } .text-on-blue-background .tobb-inner { max-width: 1446px; padding: 130px 40px 65px; margin-left: auto; margin-right: auto; } .text-on-blue-background .title { margin-top: 50px; margin-bottom: 30px; } .text-on-blue-background .action { margin-top: 30px; } @media(max-width: 1024px) { .text-on-blue-background .tobb-inner { padding: 70px 40px 65px; } } @media(max-width: 600px) { .text-on-blue-background .tobb-inner { padding: 70px 20px 65px; } } .testimonial-slider { padding-top: 220px; padding-bottom: 200px; } .testimonial-slider .testimonial-col-inner { max-width: 1150px; margin-left: auto; margin-right: auto; } .testimonial-slider h3 p { display: inline; } .testimonial-slider .testimonial-name { margin-top: 30px; } @media(max-width: 1024px) { .testimonial-slider { padding-top: 150px; padding-bottom: 140px; } } @media(max-width: 600px) { .testimonial-slider { padding-top: 50px; padding-bottom: 40px; } } .single-post .site-content.site-width { max-width: 1000px; } .gazebo-main-container .spm-contact-dealer { margin-top: 35px; margin-bottom: 40px; } .gazebo-main-container .spm-contact-dealer .spm-store-row { margin-top: 20px; } .gazebo-main-container .spm-contact-dealer .spm-store-row a { color: #0051A5; font-weight: 700; } .gazebo-main-container .spm-contact-dealer .spm-store-col { padding-left: 40px; padding-right: 40px; border-left: 1px solid #DBDBDB; } .gazebo-main-container .spm-contact-dealer .spm-store-col:first-of-type { padding-left: 0; padding-top: 5px; padding-bottom: 5px; border-left: none; } .gazebo-video-container { margin-top: 100px; } .gazebo-video-container .svc-inner { max-width: 1350px; margin-left: auto; margin-right: auto; } .page-id-16030 .gform_validation_container { display: none; }