/******************************************************************/ /*** /*** Website Designed and developed by IsItVivid.com /*** Author: Michael Grissinger /*** Version: 1.0.2 /*** /******************************************************************/ /** Reset Minimized ***********************************************/ /******************************************************************/ @charset"utf-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,button{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,main,nav,section{display:block}button{cursor:pointer}hr{margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{background-color: #ff9; color: #000; text-decoration: none;}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /** Additional CSS Love - Minimized *******************************/ /******************************************************************/ html{overflow-y:scroll}ul,ol{margin-left:2em}ol{list-style-type:decimal}nav ul,nav li{margin:0;list-style:none;list-style-image:none}strong,th{font-weight:bold}label,input[type=button],input[type=submit],button{cursor:pointer}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:15px}textarea{overflow:auto}.ie6 legend,.ie7 legend{margin-left:-7px}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}img,td{vertical-align:top;} /** 1140 Grid - Minimized *****************************************/ /******************************************************************/ img{max-width:100%;height:auto!important;vertical-align:top}.container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-width:320px;position:relative;width:auto;margin:0 auto;padding-left:10px;padding-right:10px}.container:after,.container:before{content:" ";display:table}.container:after{clear:both}.container{*zoom:1}.eightcol,.elevencol,.fivecol,.fourcol,.ninecol,.onecol,.sevencol,.sixcol,.tencol,.threecol,.twocol{min-height:1px;float:left;margin-right:3.8%;padding:0}.last{margin-right:0}.onecol{width:4.85%}.twocol{width:13.45%}.threecol{width:22.05%}.fourcol{width:30.75%}.fivecol{width:39.45%}.sixcol{width:48%}.sevencol{width:56.75%}.eightcol{width:65.4%}.ninecol{width:74.05%}.tencol{width:82.7%}.elevencol{width:91.35%}.twelvecol{width:100%}[class*=col]{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.pulleight,.pulleleven,.pullfive,.pullfour,.pullnine,.pullone,.pullseven,.pullsix,.pullten,.pullthree,.pulltwo,.pusheight,.pusheleven,.pushfive,.pushfour,.pushnine,.pushone,.pushseven,.pushsix,.pushten,.pushthree,.pushtwo{position:relative}.pushone{left:8.65%}.pushtwo{left:17.25%}.pushthree{left:25.85%}.pushfour{left:34.55%}.pushfive{left:43.25%}.pushsix{left:51.8%}.pushseven{left:60.55%}.pusheight{left:69.2%}.pushnine{left:77.85%}.pushten{left:86.5%}.pusheleven{left:95.15%}.pullone{right:8.65%}.pulltwo{right:17.25%}.pullthree{right:25.85%}.pullfour{right:34.55%}.pullfive{right:43.25%}.pullsix{right:51.8%}.pullseven{right:60.55%}.pulleight{right:69.2%}.pullnine{right:77.85%}.pullten{right:86.5%}.pulleleven{right:95.15%}.hidden-small,.visible-large,.visible-medium{display:none}@media only screen and (min-width:768px){.hidden-medium,.visible-small{display:none}.hidden-large,.hidden-small,.visible-medium{display:block}.eightcol-medium,.elevencol-medium,.fivecol-medium,.fourcol-medium,.ninecol-medium,.onecol-medium,.sevencol-medium,.sixcol-medium,.tencol-medium,.threecol-medium,.twocol-medium{min-height:1px;float:left;margin-right:3.8%;padding:0}.last-medium{margin-right:0}.onecol-medium{width:4.85%}.twocol-medium{width:13.45%}.threecol-medium{width:22.05%}.fourcol-medium{width:30.75%}.fivecol-medium{width:39.45%}.sixcol-medium{width:48%}.sevencol-medium{width:56.75%}.eightcol-medium{width:65.4%}.ninecol-medium{width:74.05%}.tencol-medium{width:82.7%}.elevencol-medium{width:91.35%}.twelvecol-medium{width:100%}.visible-medium{display:block}.hidden-medium{display:none}.pulleight-medium,.pulleleven-medium,.pullfive-medium,.pullfour-medium,.pullnine-medium,.pullone-medium,.pullseven-medium,.pullsix-medium,.pullten-medium,.pullthree-medium,.pulltwo-medium,.pusheight-medium,.pusheleven-medium,.pushfive-medium,.pushfour-medium,.pushnine-medium,.pushone-medium,.pushseven-medium,.pushsix-medium,.pushten-medium,.pushthree-medium,.pushtwo-medium{position:relative}.pushone-medium{left:8.65%}.pushtwo-medium{left:17.25%}.pushthree-medium{left:25.85%}.pushfour-medium{left:34.55%}.pushfive-medium{left:43.25%}.pushsix-medium{left:51.8%}.pushseven-medium{left:60.55%}.pusheight-medium{left:69.2%}.pushnine-medium{left:77.85%}.pushten-medium{left:86.5%}.pusheleven-medium{left:95.15%}.pullone-medium{right:8.65%}.pulltwo-medium{right:17.25%}.pullthree-medium{right:25.85%}.pullfour-medium{right:34.55%}.pullfive-medium{right:43.25%}.pullsix-medium{right:51.8%}.pullseven-medium{right:60.55%}.pulleight-medium{right:69.2%}.pullnine-medium{right:77.85%}.pullten-medium{right:86.5%}.pulleleven-medium{right:95.15%}}@media only screen and (min-width:1024px){.container{width:990px;padding-left:0;padding-right:0}.visible-medium,.visible-small{display:none}.hidden-large,.hidden-medium,.hidden-small{display:block}.eightcol-large,.elevencol-large,.fivecol-large,.fourcol-large,.ninecol-large,.onecol-large,.sevencol-large,.sixcol-large,.tencol-large,.threecol-large,.twocol-large{min-height:1px;float:left;margin-right:3.8%;padding:0}.last-large{margin-right:0}.onecol-large{width:4.85%}.twocol-large{width:13.45%}.threecol-large{width:22.05%}.fourcol-large{width:30.75%}.fivecol-large{width:39.45%}.sixcol-large{width:48%}.sevencol-large{width:56.75%}.eightcol-large{width:65.4%}.ninecol-large{width:74.05%}.tencol-large{width:82.7%}.elevencol-large{width:91.35%}.twelvecol-large{width:100%}.visible-large{display:block}.hidden-large{display:none}.pulleight-large,.pulleleven-large,.pullfive-large,.pullfour-large,.pullnine-large,.pullone-large,.pullseven-large,.pullsix-large,.pullten-large,.pullthree-large,.pulltwo-large,.pusheight-large,.pusheleven-large,.pushfive-large,.pushfour-large,.pushnine-large,.pushone-large,.pushseven-large,.pushsix-large,.pushten-large,.pushthree-large,.pushtwo-large{position:relative}.pushone-large{left:8.65%}.pushtwo-large{left:17.25%}.pushthree-large{left:25.85%}.pushfour-large{left:34.55%}.pushfive-large{left:43.25%}.pushsix-large{left:51.8%}.pushseven-large{left:60.55%}.pusheight-large{left:69.2%}.pushnine-large{left:77.85%}.pushten-large{left:86.5%}.pusheleven-large{left:95.15%}.pullone-large{right:8.65%}.pulltwo-large{right:17.25%}.pullthree-large{right:25.85%}.pullfour-large{right:34.55%}.pullfive-large{right:43.25%}.pullsix-large{right:51.8%}.pullseven-large{right:60.55%}.pulleight-large{right:69.2%}.pullnine-large{right:77.85%}.pullten-large{right:86.5%}.pulleleven-large{right:95.15%}}@media only screen and (min-width:1200px){.container{width:1140px}} /** Global Styles *************************************************/ /******************************************************************/ body { font: 16px/1.4 'Muli', Arial, sans-serif; font-weight: 400; } .hidden { display: none; visibility: hidden; } .invisible { visibility: hidden; } .clearme {clear:both;} .clearL {clear:left;} .clearR {clear:right;} .floatL {float:left;} .floatR {float:right;} .left {text-align:left;} .right {text-align:right;} .center {text-align:center;} .justify {text-align:justify;} .error {color:#ff0000;} .image_left {float:left; margin: 0px 20px 20px 0px;} .image_right {float:right; margin:0px 0px 20px 20px;} .condensed { font-family: 'Muli', sans-serif; } .circleImage img { border-radius: 50%; } .borderedImage img { background: #fff; padding: 5px; border: 1px solid #eee; margin: 20px 0; -moz-box-sizing: border-box; box-sizing: border-box; } /** Buttons **/ .bttn, .ccm-core-commerce-checkout-button-next, .ccm-core-commerce-checkout-button-previous, .guestBook-formBlock .button { font-family: 'Muli', sans-serif; border: none; background: #E37230; font-size: 18px; border-radius: 3px; color: #fff !important; padding: 7px 25px; text-decoration: none !important; display: inline-block; margin: 15px 0; position: relative; transition: all .2s ease; } /* Button Arrow */ .bttn.left:before, .bttn.right:after { color: #fff; background: #E37230; top: 9px; text-decoration: none; font-weight: bold; font-size: 16px; position: absolute; padding: 2px 6px 4px; line-height:1; border-radius: 50px; transition: all .2s ease; } .bttn.left { padding-left: 40px; } .bttn.right { padding-right: 40px;} .bttn.left:before { left:7px; content: "<"; } .bttn.right:after { right:7px; content: ">"; } /** Button Hover **/ .bttn:hover, .ccm-core-commerce-checkout-button-next:hover, .ccm-core-commerce-checkout-button-previous:hover, .guestBook-formBlock .button:hover { background: #e08b5a; } .bttn.left:hover:before, .bttn.right:hover:after { background: #5a6723; } .clearfix:before, .colContainer:before, .clearfix:after,.colContainer:after {content: " "; display: table;} .clearfix:after,.colContainer:after { clear: both;} .clearfix,.colContainer {*zoom: 1;} ::-webkit-input-placeholder { color: #444444; } :-moz-placeholder { color: #444444; } ::-moz-selection{ background: #939f52; color:#fff; text-shadow: none; } ::selection { background:#939f52; color:#fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: #939f52; } .slide { position: relative; z-index: 2; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; position: relative; -webkit-transform: translate3d(0px,0,0); transform: translate3d(0,0,0); } .slide.slideOver { -webkit-transform: translate3d(-200px,0,0); transform: translate3d(-200px,0,0); } /* C5 stuff */ #ccm-highlighter { z-index: 20 !important; } /** Mobile Nav Styles *********************************************/ /******************************************************************/ #mobileNav { width: 200px; height: 100%; position: fixed; top: 0; right: 0; background: #E37230; overflow: scroll; } #mobileNav ul { padding: 30px; } #mobileNav ul li { margin: 0 0 10px; } #mobileNav ul li a { font-family: 'Muli', sans-serif; color: #fff; text-decoration: none; font-size: 24px; } #mobileNav ul ul { padding: 0 0 0 15px; } #mobileNav ul ul li a { font-size: 18px; } /** Header Styles *************************************************/ /******************************************************************/ body>header { position: relative; background: #4B413D; border-top: 5px solid #E37230; z-index: 15 !important; } @media only screen and (max-width:768px){ body>header { height: 60px; } #logo { width: 150px; hight: auto; padding: 0px 10px; margin-bottom: -110px;} } @media only screen and (min-width:768px){ body>header { height: 92px; } } #logo { padding: 0px 0; margin-bottom: -110px;} #logo a { text-decoration: none !important; } .simpleLogo { line-height: 1; } .simpleLogo span { display: block; } .simpleLogo .logoTitle { font-size: 32px; color: #96a255; font-weight: 700; text-transform: uppercase; } .simpleLogo .logoDesc { font-size: 22px; color: #fff; font-weight: 300; } @media only screen and (min-width:1024px){ .simpleLogo .logoTitle { font-size: 34px; color: #96a255; font-weight: 700; } .simpleLogo .logoDesc { font-size: 24px; color: #fff; font-weight: 300; } } #mobileAssets { padding: 20px 0 0; } body>header nav { height: 92px; position: relative; top: -5px; } /* Primary */ body>header nav ul { float: right; border-top: 5px solid #E37230; height: 100%; } body>header nav ul li { position: relative; float: left; height: 92px; padding: 0 10px; } body>header nav ul li:hover { } body>header nav ul li a { transition: .1s ease all; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Muli', sans-serif; color: #fff; font-size: 18px; text-decoration: none; display: block; padding: 30px 0px 2px; } body>header nav ul li a:hover { color: #E37230; border-bottom: 5px solid #E37230; } body>header nav ul li:hover a { } body>header nav ul li.nav-selected, body>header nav ul li.nav-path-selected { background: #E37230; } body>header nav ul li.nav-selected a:hover, body>header nav ul li.nav-path-selected a:hover { color: #fff; border-bottom: 5px solid #fff; } @media only screen and (min-width:1024px){ body>header nav ul li { padding: 0 20px; } body>header nav ul li a { letter-spacing: .5px; } } /* Secondary */ body>header nav ul ul { display: none; z-index: 11; padding: 15px; height: auto; background: #4B413D; border: none; position: absolute; top: 82px; left: 0px; width: 140px; } body>header nav>ul>li.nav-last ul { left: auto; right: 0; } body>header nav ul li:hover ul { } body>header nav ul li ul li { border: none; float: none; height: auto; padding: 0; } body>header nav ul li ul li a { padding: 0; border: none !important; } body>header nav ul li.nav-selected ul li a:hover, body>header nav ul li.nav-path-selected ul li a:hover { color: #96a255; } body>header nav ul li.nav-path-selected ul li.nav-selected { background: none !important; } body>header nav ul li.nav-path-selected ul li.nav-selected a { color: #96a255; } #cartLinksShell { background: #2e2519; } #cartLinksShell .cc-cart-links { text-align: right; font-size: 14px; color: #fff; padding: 3px 0; } #cartLinksShell .cc-cart-links a { color: #96A255; text-decoration: none; } #sliderShell { background: #ffffff; border-bottom: 5px solid #E37230; } /** CTA Styles ****************************************************/ /******************************************************************/ #ctaShell { position: relative; background: #4B413D; } #ctaShell .container { padding: 0; } /** Body/Content Styles *******************************************/ /******************************************************************/ #mainShell { background: #fff; position: relative; padding: 40px 0; color: #4B413D; } /** General Content Elements ******************************/ /**********************************************************/ #mainShell p { margin: 0 0 1.5em; } #mainShell a { color: #E37230; text-decoration: underline; } #mainShell a:hover { text-decoration: none; } #mainShell strong { } #mainShell em { } #mainShell ul, #mainShell ol { margin: 1.5em 0; padding: 0 0 0 30px; } #mainShell ul ul, #mainShell ol ol { margin: .3em 0; } #mainShell ul { } #mainShell ul li { list-style: disc; } #mainShell ul li a { } #mainShell ol { } #mainShell ol li { } #mainShell dl { margin: 1.5em 0; } #mainShell dl dt { } #mainShell dl dd { padding: 0 15px; } #mainShell hr { } #mainShell img { } #mainShell table { margin: 1.5em 0; } #mainShell td, #mainShell th { padding: 0 5px; } #mainShell blockquote { border-left: 5px solid; padding-left: 40px;} #mainShell blockquote p { font-size: 22px; } #mainShell .external { /* padding-right: 15px; background: url(../img/external.png) center right no-repeat */ } #mainShell .green_subtext { font-family: "Muli", Arial !important; font-style: italic; color: #96a255 !important; font-size: 18px !important; } #mainShell . _body_text { font-size: 22px; line-height: 1.3; } #mainShell .simpleHr { height: 1px; background: #ddd; margin: 60px 0; } #mainShell .pageList { margin: 0; padding: 0; } #mainShell .pageList li { list-style: none; } /** Form Elements ******************************************/ /***********************************************************/ #mainShell form { } #mainShell fieldset { border: 1px solid #ccc; padding: 20px; } #mainShell fieldset legend { padding: 0 15px; } #mainShell label { display: block; } #mainShell input[type="text"], #mainShell input[type="password"],#mainShell input[type="search"], #mainShell input[type="file"],#mainShell input[type="date"],#mainShell input[type="datetime"], #mainShell input[type="datetime-local"],#mainShell input[type="email"],#mainShell input[type="month"], #mainShell input[type="tel"],#mainShell input[type="time"],#mainShell input[type="url"], #mainShell input[type="week"], #mainShell textarea, #mainShell select, #mainShell .field input.ccm-input-date { margin-bottom: 10px; border: 1px solid #ccc; font-family: "Muli", Arial; max-width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; padding: 5px 10px; border-radius: 3px; -webkit-appearance: none; } #mainShell input[type="submit"] { margin: 0; border: none; } #mainShell .ccm-search-block-form input[type="submit"] { margin: 0; } #mainShell .ccm-input-time-wrapper select { width: auto !important; } #mainShell textarea { } #mainShell select { } @media only screen and (min-width:768px){ #mainShell label { width: 150px; padding-right: 20px; display: inline-block; text-align: right; vertical-align: top; } #mainShell .ccm-core-commerce-checkout-form label { text-align: left; width: auto; } #mainShell .radioPair label, #mainShell .checkboxPair label, #mainShell .guestBook-formBlock label { text-align: left; } #mainShell input[type="text"], #mainShell input[type="password"],#mainShell input[type="search"], #mainShell input[type="file"],#mainShell input[type="date"],#mainShell input[type="datetime"], #mainShell input[type="datetime-local"],#mainShell input[type="email"],#mainShell input[type="month"], #mainShell input[type="tel"],#mainShell input[type="time"],#mainShell input[type="url"], #mainShell input[type="week"], #mainShell textarea, #mainShell select { } #mainShell input { margin-bottom: 10px; } #mainShell .checkboxList, #mainShell .radioList { display: inline-block; } #mainShell .formblock input[type="submit"] { margin-left: 175px; } } #msg.success, #msg.error { padding: 10px 20px; background-repeat: no-repeat; background-position: 10px center; border: 1px solid; padding:15px 10px 15px 50px; margin: 15px 0; } #msg.success { color: #4F8A10; background-color: #DFF2BF; background-image:url('../img/success.png');} #msg.error { color: #9F6000; background-color: #feefb3; background-image: url('../img/warning.png'); } /** VCARD **************************************************/ /***********************************************************/ #mainShell .vcard { } #mainShell .fn { font-weight: bold; } #mainShell .adr { } #mainShell .street-address { } #mainShell .locality { } #mainShell .region { } #mainShell .postal-code { } #mainShell .tel { } #mainShell .type { font-weight: bold; } #mainShell .val { } /** Main Area ***********************************************/ /************************************************************/ main { margin-bottom: 50px; } @media only screen and (min-width:768px){ .sidebar main { margin-bottom: 0; background: url("../img/bgMainBorder.gif") repeat-y; padding-left: 100px; } } main h1, main h2, main h3, main h4, main h5, main h6 { line-height: 1; font-family: 'Muli', sans-serif; font-weight: 400; } main h1, main h3, main h5 { color: #E37230; } main h2, main h4, main h6 { color: #E37230; } main h1 { font-size: 42px; margin: 0 0 40px; } main h2 { font-size: 34px; margin: 0 0 30px; } main h3 { font-size: 24px; margin: 0 0 20px; } main h4 { font-size: 20px; margin: 0 0 15px; } main h5 { font-size: 18px; margin: 0 0 15px; } main h6 { font-size: 16px; margin: 0 0 15px;} /** Sidebar *************************************************/ /************************************************************/ #sidebar { } #sidebar h1, #sidebar h2, #sidebar h3 { line-height: 1; margin: 0 0 15px; font-family: 'Muli', sans-serif; font-weight: 400; } #sidebar h1 a, #sidebar h2 a, #sidebar h3 a { text-decoration: none;} #sidebar h1 { font-size: 42px; color: #E37230; margin: 0 0 40px; } #sidebar h2 { font-size: 30px; color: #E37230; } #sidebar h3 { font-size: 22px; color: #E37230; } /** Sidebar *************************************************/ /************************************************************/ #ankle { padding-top: 100px; } #ankle h1, #ankle h2, #ankle h3 { line-height: 1; color: #2e2519; margin: 0 0 15px; font-family: 'Muli', sans-serif; font-weight: 400; } #ankle h2 a, #ankle h3 a { text-decoration: none; } #ankle h1 { font-size: 42px; margin: 0 0 40px; } #ankle h2 { font-size: 30px; } #ankle h3 { font-size: 22px; } /** Footer Styles *************************************************/ /******************************************************************/ body>footer { position: relative; font-size: 14px; color: #fff; background: #E37230; border-top: 5px solid #4B413D; padding: 45px 0; } body>footer nav { } body>footer nav ul { } body>footer nav ul li { float: none; } body>footer nav ul li a { font-family: 'Muli', sans-serif; text-decoration: none; color: #4d392e; font-size: 18px; line-height: 26px; font-weight: bold; } body>footer nav ul li a:hover { } body>footer a { color: #fff; } #info { margin-bottom: 20px; } /** Block Styles **************************************************/ /******************************************************************/ /** Simple Locations ******************************************/ /**************************************************************/ footer .simpleLocationsShell { } footer .locationsTitle { display: block; font-size: 26px; padding: 0 0 8px; border-bottom: 1px solid; margin-bottom: 10px; } footer .simpleLocationsShell .vcard { line-height: 1; margin-bottom: 8px; } footer .simpleLocationsShell .vcard span { display: inline-block;} footer .simpleLocationsShell .vcard .fn { color: #4d392e; } footer .simpleLocationsShell .vcard .adr { border-left: 1px solid;padding: 0 0 0 7px; margin: 0 0 0 5px; } footer .simpleLocationsShell .vcard .locality { border-left: 1px solid; padding: 0 0 0 7px; margin: 0 0 0 5px; } footer .simpleLocationsShell .vcard .tel { border-left: 1px solid; padding: 0 0 0 7px; margin: 0 0 0 5px;} #mainShell .simpleLocationsShell { } #mainShell .locationsTitle { display: block; font-size: 26px; padding: 0 0 8px; border-bottom: 1px solid; margin-bottom: 10px; } #mainShell .simpleLocationsShell .vcard { line-height: 1; margin-bottom: 12px; } #mainShell .simpleLocationsShell .vcard .fn { color: #4d392e; display: block; } #mainShell .simpleLocationsShell .vcard .adr { } #mainShell .simpleLocationsShell .vcard .street-address { display: block; } #mainShell .simpleLocationsShell .vcard .locality { } #mainShell .simpleLocationsShell .vcard .tel { display: block;} /** Simple Slider *********************************************/ /**************************************************************/ .simpleSliderShell { position: relative; max-height: 350px; } .simpleSliderContainer { max-height: 350px; width: 100%; opacity: 0; position: static !important; -webkit-transition: opacity .5s ease-in; -moz-transition: opacity .5s ease-in; -ms-transition: opacity .5s ease-in; -o-transition: opacity .5s ease-in; transition: opacity .5s ease-in; } .simpleSliderContainer.ready { opacity: 1; } .simpleSlide { width: 100%; min-height: 220px; background-position: center center; } .simpleSlide img { } .simpleSlideCaptionContainer { position: absolute; top: 30px; left: 10px; } .slideText { display: block; font-weight: 600; color: #E37230; font-size: 30px; line-height: 30px; text-shadow: 1px 2px 0 #4B413D; } .btnSlide { clear: both; } @media only screen and (min-width:768px){ .simpleSlide { background-size: 100% 100%; background-position: center top; } .simpleSlide img { } .simpleSlideCaptionContainer { top: 200px; } .slideText { font-size: 36px; line-height: 40px; margin-bottom: 40px; } .btnSlide { } } @media only screen and (min-width:1024px){ .simpleSlide { } .simpleSlide img { } .simpleSlideCaptionContainer { top: 150px; left: 30px; } .slideText { font-size: 36px; line-height: 40px; } .btnSlide { font-size: 20px; } } .simpleSliderPagination { position: absolute; bottom: 30px; left: 30px; z-index: 11; } .simpleSliderPagination.right { left: auto; right: 30px; } @media only screen and (min-width:1024px){ .simpleSliderPagination {left: 0px; bottom: 50px; } .simpleSliderPagination.right { left: auto; right: 0; } } .simpleSliderPagination span { transition: .3s ease all; cursor: pointer; background: #d8c9b9; color: #fff; display: inline-block; text-indent: -9999px; width: 20px; height: 20px; border-radius: 50%; margin-right: 10px; } .simpleSliderPagination span:hover { background: #4f392d; } .simpleSliderPagination span.cycle-pager-active { background: #96a255; } /** Homepage CTAs *********************************************/ /**************************************************************/ /** Intro CTA *********************************************/ /**********************************************************/ .ctaIntroShell { background: #E37230; padding: 15px; } .introText { color: #ffffff; font-size: 25px; text-shadow: #4B413D; padding-top: 20px;} .introBtnShell { } .introBtnShell .bttn { background: #efefef; color: #E37230 !important; font-size: 18px; } .introBtnShell .bttn:hover { background: #4B413D; } @media only screen and (min-width:768px){ .introText { width: 80%; float: left; } .introBtnShell { width: 20%; float: left; text-align: right; } .introBtnShell .bttn { } } @media only screen and (min-width:1024px){ .ctaIntroShell { margin-top: -30px; padding: 10px 20px; } .introText { width: 80%; float: left; } .introBtnShell { width: 20%; float: left; text-align: right; } .introBtnShell .bttn { } } @media only screen and (min-width:1200px){ .ctaIntroShell { padding: 10px 0; } .introText { width: 60%; margin: 0 7%; float: left; } } /** CTAs **************************************************/ /**********************************************************/ .homepageCtas { padding: 0 10px; } @media only screen and (min-width:1024px){ .homepageCtas { padding: 0; } } .homepageCta { padding: 35px 0; } @media only screen and (min-width:1024px){ .homepageCta { padding: 55px 0; } } .homepageCta .ctaImg { } .homepageCta .ctaImg img { border-radius: 50%; } .homepageCta .ctaTextShell { } .homepageCta span { display: block; line-height: 1.3; } .homepageCta .ctaTitle { color: #E37230; font-size: 26px; font-weight: 500; } .homepageCta .ctaDesc { color: #ffffff; font-size: 14px; margin: 10px 0 0; } .homepageCta .bttn { font-size: 14px;} /** AutoNav - Sidebar_Subnav **********************************/ /**************************************************************/ #sidebar .nav { background: #96a255; padding: 20px; margin: 0 0 1.5em; } #sidebar .nav li { list-style: none; padding: 0; } #sidebar .nav li a { color: #fff; text-decoration: none; font-size: 24px; } #sidebar .nav ul { padding: 0 0 0 20px; } #sidebar .nav ul li { } #sidebar .nav ul li a { font-size: 18px; color: #e6e8d5; } #sidebar .nav ul li a:hover { color: #fff; } /** Expand/Collapse *******************************************/ /**************************************************************/ .ccm-remo-expand { } .ccm-remo-expand-title { margin: 0 0 15px; background-position: 10px 9px !important; padding: 3px 10px 3px 30px !important; background-color: #eee !important; } .ccm-remo-expand-content { margin: 0; padding: 0 0 20px 30px; word-wrap: break-word; } /** ProBlog List - Grounds_Homepage ***************************/ /**************************************************************/ .blogList.groundsHomepage { } .blogList.groundsHomepage article.entry { margin: 0 0 20px; } .blogList.groundsHomepage article.entry time.cal { line-height: 1; color: #2e2519; text-align: center; } .blogList.groundsHomepage article.entry time.cal .month { display: block; font-size: 19px; } .blogList.groundsHomepage article.entry time.cal .day { display: block; font-size: 44px; } .blogList.groundsHomepage article.entry .entryContent { } .blogList.groundsHomepage article.entry h2 a { color: #2E2519; font-size: 20px; line-height: 1.2; } .blogList.groundsHomepage article.entry .description { color: #a48e71; font-size: 14px; line-height: 1.5; } /** ProBlog List - Grounds_Blog_list **************************/ /**************************************************************/ .blogList.groundsBlogList { } .blogList.groundsBlogList article.entry { border-top: 1px solid #eaeaea; padding-top: 20px; margin-bottom: 40px; } .blogList.groundsBlogList article.entry header { } .blogList.groundsBlogList article.entry h2 { line-height: 26px !important; } .blogList.groundsBlogList article.entry h2 a { text-decoration: none !important; color: #2e2519 !important; font-size: 26px !important; line-height: 26px !important; } .blogList.groundsBlogList article.entry time.cal { color: #aaa; } .blogList.groundsBlogList article.entry time.cal .day { } .blogList.groundsBlogList article.entry time.cal .month { } .blogList.groundsBlogList article.entry .contentShell { } .blogList.groundsBlogList article.entry .description { } .blogList.groundsBlogList article.entry .readmore { } .blogList.groundsBlogList article.entry footer { background: #eee; padding: 2px 7px; margin: 15px 0; } .blogList.groundsBlogList article.entry .category { } .blogList.groundsBlogList article.entry .comments { } /** Product List - Grounds_Teaser *****************************/ /**************************************************************/ /* This is the product list we have on the home page **********/ .groundsTeaserShell { } .groundsTeaserProduct { margin-bottom: 30px; } @media only screen and (min-width:768px){ .groundsTeaserProduct { margin-bottom: 30px; } } .groundsTeaserProduct .photo { margin: 0 0 30px; } .groundsTeaserProduct .fn { margin: 0 0 4px; } .groundsTeaserProduct .fn a { font-size: 26px; line-height: 1; color: #886869 !important; margin: 0 0 10px; text-decoration: none !important; font-weight: 400; } .groundsTeaserProduct .price { color: #96a255; font-size: 22px; } .groundsTeaserProduct .price strike { display: block; font-size: 14px;} .groundsTeaserProduct .price strong { font-weight: 400; } .groundsTeaserProduct .addToCart { } @media only screen and (min-width:768px){ .groundsTeaserProduct .addToCart { text-align: right; } } .groundsTeaserProduct .addToCart input { font-family: 'Muli', sans-serif; margin-left: 0 !important; background: none; border: none; padding: 0; border-bottom: 1px solid #96a255; color: #96a255; font-size: 22px; } /** Product List - Grounds_Product_List ***********************/ /**************************************************************/ /* This is the product list we have on the shop page **********/ .groundsProductList { } .groundsProductListProduct { margin-bottom: 30px; padding: 15px; background: #eee; } @media only screen and (min-width:768px){ .groundsProductListProduct { margin-bottom: 30px; } } .groundsProductListProduct .photo { margin: 0 0 20px; } .groundsProductListProduct .fn { margin: 0 0 4px; } .groundsProductListProduct .fn a { font-size: 20px; line-height: 1; color: #886869 !important; margin: 0 0 10px; text-decoration: none !important; font-weight: 700; } .groundsProductListProduct .price { color: #96a255; font-size: 22px; } .groundsProductListProduct .price strike { display: block; font-size: 14px;} .groundsProductListProduct .price strong { font-weight: 400; } .groundsProductListProduct .addToCart { } @media only screen and (min-width:768px){ .groundsProductListProduct .addToCart { text-align: right; } } .groundsProductListProduct .addToCart input { font-family: 'Muli', sans-serif; margin-left: 0 !important; padding: 3px 12px; background: #96a255; border: none; color: #fff; font-size: 18px; } /** Product Detail - Grounds_Product_Detail *******************/ /**************************************************************/ .productDetail { } .productDetail .price { color: #fff; background: #96a255; font-size: 28px; padding: 5px 15px; text-align: center; } .productDetail .addToCart input { transition: .2s ease all; background: #2E2519; color: #fff; padding: 5px 15px; margin: 0 !important; display: block; width: 100%; font-size: 28px; font-family: 'Muli', sans-serif; } .productDetail .addToCart input:hover { background: #4f3d2e; } /** Cart Dialog Box *******************************************/ /**************************************************************/ .ccm-core-commerce-cart-dialog { font-family: "Muli"; font-size: 16px; border-radius: 0 !important; border: none !important; box-shadow: 0 0 10px 3px rgba(0,0,0,0.2) !important; width: 600px !important; } .ccm-core-commerce-cart-dialog .ui-dialog-titlebar { border: none; border-radius: 0 !important; background: #fff; font-family: 'Muli', sans-serif; } .ccm-core-commerce-cart-dialog .ui-dialog-titlebar .ui-dialog-title { font-weight: normal; color: #96a255; font-size: 28px; } .ccm-core-commerce-cart-dialog .ccm-core-commerce-cart-buttons { overflow: auto; margin: 10px 0 20px; } .ccm-core-commerce-cart-dialog .ccm-core-commerce-cart-buttons-checkout { background: #96A255; color: #fff; font-size: 16px; border: none; padding: 5px 15px; font-family: 'Muli', sans-serif; } .ccm-core-commerce-cart-dialog .ccm-core-commerce-cart th { font-size: 18px; } @media only screen and (max-width:768px){ .ccm-core-commerce-cart-dialog { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } .ccm-core-commerce-cart-dialog .ui-dialog-content { height: auto !important; } } /** C5 Cols **/ @media only screen and (max-width:768px){ .ccm-layout-col, .ccm-layout-col-spacing { width: auto !important; margin: 10px 0 !important; } }