/******************************************************************/ /*** /*** Website Designed and developed by IsItVivid.com /*** Author: Justin Nipper & Michael Grissinger /*** /******************************************************************/ /** 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;}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#ccm-page-controls-wrapper,#ccm-page-controls-wrapper *,.ui-dialog,.ui-dialog *{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.floatL{float:left}.floatR{float:right}.left{text-align:left}.right{text-align:right; margin: 16px;}.center{text-align:center}.justify{text-align:justify}.container{width:auto;margin:0 auto;padding-left:15px;padding-right:15px}.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%}.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-xsmall,.visible-large,.visible-medium,.visible-small{display:none}.hidden-large,.hidden-medium,.hidden-small,.visible-xsmall{display:block} #icoMobileNav:hover, #icoCloseNav:hover { cursor: pointer; opacity: .70;} @media only screen and (min-width:500px){.eightcol-small,.elevencol-small,.fivecol-small,.fourcol-small,.ninecol-small,.onecol-small,.sevencol-small,.sixcol-small,.tencol-small,.threecol-small,.twocol-small{min-height:1px;float:left;margin-right:3.8%;padding:0}.floatL-small{float:left}.floatR-small{float:right}.left-small{text-align:left}.right-small{text-align:right}.center-small{text-align:center}.justify-small{text-align:justify}.last-small{medium-right:0}.onecol-small{width:4.85%}.twocol-small{width:13.45%}.threecol-small{width:22.05%}.fourcol-small{width:30.75%}.fivecol-small{width:39.45%}.sixcol-small{width:48%}.sevencol-small{width:56.75%}.eightcol-small{width:65.4%}.ninecol-small{width:74.05%}.tencol-small{width:82.7%}.elevencol-small{width:91.35%}.twelvecol-small{width:100%}.pulleight-small,.pulleleven-small,.pullfive-small,.pullfour-small,.pullnine-small,.pullone-small,.pullseven-small,.pullsix-small,.pullten-small,.pullthree-small,.pulltwo-small,.pusheight-small,.pusheleven-small,.pushfive-small,.pushfour-small,.pushnine-small,.pushone-small,.pushseven-small,.pushsix-small,.pushten-small,.pushthree-small,.pushtwo-small{position:relative}.pushone-small{left:8.65%}.pushtwo-small{left:17.25%}.pushthree-small{left:25.85%}.pushfour-small{left:34.55%}.pushfive-small{left:43.25%}.pushsix-small{left:51.8%}.pushseven-small{left:60.55%}.pusheight-small{left:69.2%}.pushnine-small{left:77.85%}.pushten-small{left:86.5%}.pusheleven-small{left:95.15%}.pullone-small{right:8.65%}.pulltwo-small{right:17.25%}.pullthree-small{right:25.85%}.pullfour-small{right:34.55%}.pullfive-small{right:43.25%}.pullsix-small{right:51.8%}.pullseven-small{right:60.55%}.pulleight-small{right:69.2%}.pullnine-small{right:77.85%}.pullten-small{right:86.5%}.pulleleven-small{right:95.15%}.hidden-small,.visible-large,.visible-medium,.visible-xsmall{display:none}.hidden-large,.hidden-medium,.hidden-xsmall,.visible-small{display:block}} @media only screen and (min-width:768px){.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}.floatL-medium{float:left}.floatR-medium{float:right}.left-medium{text-align:left}.right-medium{text-align:right}.center-medium{text-align:center}.justify-medium{text-align:justify}.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%}.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%}.hidden-medium,.visible-large,.visible-small,.visible-xsmall{display:none}.hidden-large,.hidden-small,.hidden-xsmall,.visible-medium{display:block}} @media only screen and (min-width:1024px){.container{width:940px;padding-left:0;padding-right:0}.visible-medium,.visible-small,.visible-xsmall{display:none}.hidden-medium,.hidden-small,.hidden-xsmall{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}.floatL-large{float:left}.floatR-large{float:right}.left-large{text-align:left}.right-large{text-align:right}.center-large{text-align:center}.justify-large{text-align:justify}.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}}*/ .visible-desktop,.visible-mobile,.visible-tablet{display:none} @media only screen and (max-width:767px){.hidden-mobile{display:none!important}.visible-mobile{display:block!important}} @media only screen and (min-width:768px) and (max-width:1023px){.hidden-tablet{display:none!important}.visible-tablet{display:block!important}} @media only screen and (min-width:1024px){.hidden-desktop{display:none!important}.visible-desktop{display:block!important}} .visible-mobile+img { display: none; } /** Global Styles *************************************************/ /******************************************************************/ body { font-family: "Lato", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.4; font-weight: 300; /*overflow-x: hidden;*/ } @media only screen and (min-width:1024px) { body { overflow-x: hidden;} } .hidden { display: none; } .invisible { visibility: hidden; } .clearme {clear:both;} .clearL {clear:left;} .clearR {clear:right;} .error {color:#ff0000;} .image_left {float:left; margin: 0px 20px 20px 0px;} .image_right {float:right; margin:0px 0px 20px 20px;} /* LINKS */ ul.nav li a, ul.nav li ul, .cta, .cta img, .cta h1, .btnPrev, .btnNext, #logosShell a, a, .titlebar .w-col-2 a img, ul.nav li ul, .navPicture, .section input.submit, .staff, .staff img, .event .date, .event .location, .event .words, .event img, .ccm-remo-expand, .ccm-remo-expand-closed, .section .checkboxList label, .section .checkboxPair label input, .navSermon, .navSermon .overlay, .navSermon .overlay .text, .navMinistry a, .titlebar .w-col-4 img, .titlebar #logosShell a:hover img, .titlebar #logosShell a, .titlebar #logosShell a img, #pageid273 .content a img, .simpleSliderPrev, .simpleSliderNext , .featuredSongShell .purchaseOptions a .purchaseOptionOverlay, .asc-location-overlay .asc-location-overlay-close-button { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; } :hover, .featuredSongShell .purchaseOptions a:hover .purchaseOptionOverlay { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; } .purchaseOptions { display: none !important;} /** Buttons **/ .bttn { background: #999; /*background: #9bea27;*/ color: #fff !important; /*color: #000 !important;*/ padding: 7px 20px; font-size: 14px; line-height: 19px; text-decoration: none; display: inline-block; margin: 15px 0; position: relative; transition: all .2s ease; font-weight: 900; text-transform: uppercase; } /*.bttn:hover { background: #003466 !important; color: #fff !important;} */.bttn.primary { background-color: #9bea27; color: #050e3d !important; } .bttn.secondary { background: #ff6101; background: rgba(255,97,1,.8); color: #4e1e00 !important; } .bttn.large { padding: 12px 25px; font-size: 19px; font-weight: 800; } .bttn.large:hover { } /* Button Arrow */ .bttn.left:before, .bttn.right:after { color: #fff; background: #bbb; top: 9px; text-decoration: none; font-weight: bold; font-size: 16px; position: absolute; padding: 3px 6px 3px; 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 { background: #ccc; } .bttn.left:hover:before, .bttn.right:hover:after { background: #555; } .bttn.primary:hover { background: #050e3d; color: #fff !important; } .bttn.secondary:hover { background: #ff6101; } .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:#9bea27; color:#000; text-shadow: none; } ::selection { background:#9bea27; color:#000; text-shadow: none; } a:link { -webkit-tap-highlight-color: #9bea27; } @media only screen and (max-width:1023px){ .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); } .slide.slideDown { -webkit-transform: translate3d(0,320px,0); transform: translate3d(0,320px,0);} } /* C5 stuff */ #ccm-highlighter { z-index: 20 !important; } /** Mobile Nav Styles *********************************************/ /******************************************************************/ #mobileNav { background: #333; height: 320px; position: absolute; top: -320px; z-index: 10; background-image: url('../img/navBG.jpg'); background-size: cover; background-repeat: no-repeat; font-weight: 900; font-size: 19px; border-bottom: 3px solid rgba(40,40,40,0.85); box-shadow: 0px 1px 12px rgba(10, 10, 10, .5); text-align: right; width: 100%; border-bottom: 13px solid #9bea27; } #mobileNav ul { margin-top: 90px; text-transform: uppercase; } #mobileNav ul li { padding: 10px 0; } #mobileNav ul li:first-child, #mobileNav ul li:nth-child(2) { display: none; } #mobileNav ul li a { text-decoration: none; } #mobileNav #loginWrap { font-size: 16px; } #icoCloseNav { position: absolute; right: 18px; display: none; } #icoCloseNav:Hover { opacity: 1; background: #ddd; } @media only screen and (min-width:1024px){ #mobileNav { display: none; } } #mobileNav ul { padding: 20px; } #mobileNav ul li { } #mobileNav ul li a { color: #fff; display: block; } #mobileNav ul li a:hover { background: #9bea27; color: #000; padding-right: 20px;} /** #siteHeader Styles *************************************************/ /******************************************************************/ #siteHeader { position: absolute!important; z-index: 12!important; width: 100%!important; padding: 20px 15px 0 25px; color: #fff; } #logo { } #siteHeader nav { color: #fff; } /* Primary */ #siteHeader nav ul { font-weight: 700; font-size: 17px; float: right; padding-top: 15px; padding-top: 2%; } #siteHeader nav ul li { position: relative; float: left; padding-right: 16px; } #siteHeader nav ul li.nav-item-1, #siteHeader nav ul li.nav-item-491 { display: none; } #siteHeader nav ul li:hover { } #siteHeader nav ul li a { color: #fff; text-decoration: none; padding: 9px 21px; text-transform: uppercase; } #siteHeader nav ul li a:hover, #siteHeader nav ul li.nav-selected a/*, #siteHeader nav ul li.nav-selected, #siteHeader nav ul li.nav-path-selected*/ { background: #9bea27; color: #000; } /* Secondary */ #siteHeader nav ul ul { } #siteHeader nav ul ul li { } #siteHeader nav ul ul li a { } #siteHeader nav ul ul li a:hover, #siteHeader nav ul li.nav-selected { } #marketingShell { } #numberText { } #number { } #loginWrap { float: right; padding-right: 37px; color: #fff; } #loginWrap .loggedIn { font-style: italic; padding-right: 6px; } #loginWrap .username { font-weight: 900; } #loginWrap .loginStatus { text-decoration: none; font-weight: 700; color: #d75502; background-image: url('../img/loginIcon.png'); background-repeat: no-repeat; background-position: 1% 50%; padding-left: 20px; } #loginWrap .loginStatus:Hover { color: #9bea27; } #loginWrap .login { } @media only screen and (min-width:768px){ #siteHeader { padding: 20px 30px!important; } #siteHeader nav { float: right!important; margin-right: 0!important; } #logo img.fullLogo { padding-top: 6%; } #logo img.fullLogo:hover { opacity: .70; } } /** Intro Styles *************************************************/ /*****************************************************************/ #introShell { background-image: url('../img/introBG.jpg'); background-attachment: fixed; background-position: center top; /*background-size: cover;*/ background-repeat: no-repeat; text-align: center; text-transform: uppercase; color: #fff; min-height: 320px; position: relative; } #introShell #textWrap { padding: 0 35px 50px; position: absolute; bottom: 0; } #introShell h1 { font-size: 30px; font-weight: 900; z-index: 15; letter-spacing: -2.2px; } #introShell h2 { font-size: 20px; font-style: italic; font-weight: 500; z-index: 15; } @media only screen and (min-width: 768px){ #introShell h1 { font-size: 40px; } #introShell h2 { display: inline; } } @media only screen and (min-width: 1024px){ #introShell { min-height: 400px; } #introShell #textWrap { bottom: auto; top: 170px; } #introShell h1 { font-size: 60px; } } /* BATTERIES PAGE ********************************************* */ /* ON PAGE NAV ********************************************* */ #page716 #mainShell ul, #page716 #mainShell ol { padding-left: 0;} #page716 .intro_text+ul { text-align: center; } #page716 .intro_text+ul li { display: block; list-style: none; margin: 15px 0; } #page716 .intro_text+ul li a { background: #9bea27; color: #000; display: block; font-size: 12px; font-weight: bold; padding: 9px 20px; text-transform: uppercase; width: 100%; } #page716 .intro_text+ul li a:hover { background: #e76505; color: #fff; text-decoration: none; } /* CONTENT ELEMENTS ********************************************* */ #page716 main h1 { color: #302f2f; font-size: 29px; font-weight: 800; letter-spacing: -1px; margin-bottom: 0; text-align: center; } #page716 main h2 { margin-top: 5px; text-transform: capitalize; } /* PAYPAL BOX ********************************************* */ #paypalBox { background: #9bea27; padding: 40px 10px; text-align: center; width: 100%;} #paypalBox form { text-align: center;} #paypalBox table { width: 100% ;} #paypalBox .btn { background: #000; border: none; color: #fff; font-size: 18px; font-weight: bold; padding: 15px 10px; text-align: center; width: 100%; } #paypalBox .btn:hover { background: #E76505; color: #fff; } /* CALLS TO ACTION ********************************************* */ #page716 main h1+.cta { margin-top: 20px;} #page716 .cta { background: #9bea27; color: #302f2f; text-align: center; margin: 0 0 20px 0; padding: 20px;} #page716 .cta span.img { display: block; margin: 0 auto; max-width: 30%;} #page716 .cta span.h1 { display: block; font-size: 30px; font-weight: 800; letter-spacing: -1px; margin: 0 0 20px 0; padding-bottom: 15px; position: relative; text-transform: uppercase; } #page716 .cta span.h1:before { content: ""; border-bottom: 1px solid #302f2f; bottom: 0; left: 40%; position: absolute; width: 20%; } #page716 .cta span.h2 { } /* Expand/Collapse *************************************************************** */ .ccm-remo-expand { background: none; border-bottom: 1px solid #d0d0d0; padding: 0 0 8px 0; margin: 0 0 8px 0; } .ccm-remo-expand:hover { } .ccm-remo-expand-title { color: #302f2f; font-size: 17px; font-weight: 800; line-height: 100%; margin: 0; padding-right: 20px !important; text-transform: uppercase; } .ccm-remo-expand-closed:hover { color: #aac61d; background: url(../img/plus.gif) no-repeat right 4px; background-size: 12px;} .ccm-remo-expand-open, .ccm-remo-expand-closed { padding: 0; } .ccm-remo-expand-closed {background: url(../img/plus.gif) no-repeat right 4px; background-size: 12px; } .ccm-remo-expand-open { background: url(../img/minus.gif) no-repeat right 4px; background-size: 12px; color: #aac61d; } .ccm-remo-expand-content { margin: 0; padding: 0; } @media only screen and (min-width: 768px){ /* BATTERIES PAGE ********************************************* */ /* ON PAGE NAV ********************************************* */ #page716 #mainShell ul, #page716 #mainShell ol { } #page716 .intro_text+ul { } #page716 .intro_text+ul li { display: inline-block; } #page716 .intro_text+ul li a { font-size: 17px; } #page716 .intro_text+ul li a:hover { } /* CONTENT ELEMENTS ********************************************* */ #page716 main h1+.cta { } #page716 main h1 { font-size: 44px; } #page716 main h2 { } /* PAYPAL BOX ********************************************* */ #paypalBox { padding: 40px; } #paypalBox form { } #paypalBox table {} #paypalBox select { font-size: 14px;} #paypalBox .btn { } #paypalBox .btn:hover { } /* CALLS TO ACTION ********************************************* */ #page716 main h1+.cta { } #page716 .cta { /*display: inline-block;*/ display: block; float: left; height: 400px; margin: 20px 1px 20px 0; width: 33%; } #page716 .cta span.img { } #page716 .cta span.h1 { } #page716 .cta span.h1:before { } #page716 .cta span.h2 { } /* Expand/Collapse *************************************************************** */ .ccm-remo-expand { padding: 10px 0 15px; } .ccm-remo-expand:hover { } .ccm-remo-expand-title { } .ccm-remo-expand-closed:hover { background-size: 13px; } .ccm-remo-expand-open, .ccm-remo-expand-closed { background-size: 13px; } .ccm-remo-expand-closed { background-size: 13px; } .ccm-remo-expand-open { } } @media only screen and (min-width: 1024px){ /* BATTERIES PAGE ********************************************* */ /* ON PAGE NAV ********************************************* */ #page716 #mainShell ul, #page716 #mainShell ol { } #page716 .intro_text+ul { } #page716 .intro_text+ul li { } #page716 .intro_text+ul li a { } #page716 .intro_text+ul li a:hover { } /* CONTENT ELEMENTS ********************************************* */ #page716 main h1 { font-size: 53px; } #page716 main h2 { } /* PAYPAL BOX ********************************************* */ #paypalBox { } #paypalBox form { } #paypalBox table {} #page716 #mainShell select { font-size: 18px !important;} #paypalBox .btn { } #paypalBox .btn:hover { } /* CALLS TO ACTION ********************************************* */ #page716 main h1+.cta { } #page716 .cta { margin: 20px 11px 25px; padding: 30px 20px; width: 30%; } #page716 .cta span.img { } #page716 .cta span.h1 { font-size: 40px; } #page716 .cta span.h1:before { } #page716 .cta span.h2 { } /* Expand/Collapse *************************************************************** */ .ccm-remo-expand { } .ccm-remo-expand:hover { } .ccm-remo-expand-title { } .ccm-remo-expand-closed:hover { } .ccm-remo-expand-open, .ccm-remo-expand-closed { } .ccm-remo-expand-closed { } .ccm-remo-expand-open { } } /** Slider Styles *************************************************/ /******************************************************************/ #sliderShell { top: 0; } .simpleSliderShell { } .simpleSliderContainer { font-weight: 700; text-align: center; color: #fff; } .simpleSlide { position: relative; overflow: hidden; width: 100%; } .simpleSlide img { } .simpleSlideCaptionContainer { position: absolute; bottom: 0; padding: 0 35px 22px; margin-left: auto; margin-right: auto; left: 0; right: 0; } .slideText { text-transform: uppercase; font-size: 30px; display: block; font-weight: 900; letter-spacing: -2.2px; } .bigGreen { color: #9bea27; } .slideDesc { font-style: italic; font-weight: 300; display: none; margin-top: -4px; text-transform: uppercase; margin-bottom: 23px; } .simpleSliderContainer .btnShell { } .btnSlide.bttn { } .simpleSliderPagination { } .simpleSliderPagination span { } .simpleSliderPagination span.cycle-pager-active { } @media only screen and (min-width: 1024px){ .simpleSliderArrows { } .simpleSliderPrev, .simpleSliderNext { position: absolute; z-index: 11; width: 58px; height: 111px; top: 32%; cursor: pointer; opacity: .70 } .simpleSliderPrev:hover, .simpleSliderNext:hover { opacity: 1.0 } .simpleSliderPrev { background: url("../img/btnSliderPrev.png"); left: 60px; } .simpleSliderPrev:hover { left: 50px; } .simpleSliderNext { background: url("../img/btnSliderNext.png"); right: 60px; } .simpleSliderNext:hover { right: 50px; } } @media only screen and (min-width: 768px){ .simpleSlideCaptionContainer .slideText { font-size: 36px; } .slideDesc { display: block; font-size: 17px; } } @media only screen and (min-width: 1024px){ .simpleSliderShell { } .simpleSliderContainer { width: 1920px; position: relative; left: 50%; margin-left: -960px; } .simpleSlideCaptionContainer { bottom: initial; top: 30%; top: 35%; } .simpleSlideCaptionContainer .slideText { font-size: 58px; } .simpleSlideCaptionContainer .slideDesc { display: block; font-size: 20px; } .simpleSlideCaptionContainer .btnSlide.bttn { font-size: 19px; } .simpleSlideCaptionContainer .btnSlide.bttn:hover { color: #fff; margin-top: 12px;padding: 15px 28px } } @media only screen and (min-width: 1200px){ .simpleSlideCaptionContainer .slideText { font-size: 62px; } } /** CTA Styles ****************************************************/ /******************************************************************/ #ctaShell { position: relative; text-align: center; color: #fff; font-weight: 700; text-transform: uppercase; } #ctaShell .cta { display: block; background-color: rgb(80, 155, 0); border-top: 1px solid #fff; padding: 16px 40px 18px 40px; text-decoration: none; color: #fff; } #ctaShell .cta:hover { background-color: #5db302;} #ctaShell .cta .ctaTitle { font-size: 35px; font-weight: 900; } #ctaShell .cta:hover .ctaTitle { margin-top:-5px; position: relative; } #ctaShell .cta .ctaDesc { font-size: 14px; margin: -8px 0 8px 0px; } #ctaShell .cta img { display: none; } #ctaShell .cta .btnCta {display: none; } .cleanCtas { text-align: center; overflow: hidden; } .cleanCta { border-bottom: 1px solid #d8d8d8; padding: 12px 20px; } .cleanCta:last-child { border: none; } .cleanCta .ctaTitle { font-size: 21px; font-weight: 900; color: #e99a03; display: block; text-transform: uppercase; padding-bottom: 6px; } .cleanCta .ctaDesc { font-style: italic; color: #9a9a9a; font-size: 19px; display: block; padding-bottom: 6px; } .cleanCta .ctaTextShell a { margin-bottom: 0; } @media only screen and (min-width: 768px){ #ctaShell { max-width: 100%; margin-top: 0; z-index: 10; } #ctaShell .cta { display: inline-block; width: 100%; } .cleanCta { border-right: 1px solid #d8d8d8; padding: 12px 3.8% 10000px 0px; margin-bottom: -9980px; } .cleanCta:last-child { border-right: none; } .ctaTextShell a { } #ctaShell .cta .ctaDesc { font-size: 14px;} } @media only screen and (min-width: 1024px){ #ctaShell { max-width: 100%; margin-top: -110px; z-index: 10; } #ctaShell:hover { } #ctaShell .cta {width: 33%; transition: .2s ease all; margin: 0 -1px; padding: 22px 40px 22px 40px; background-color: rgba(80, 155, 0, .80); max-width: 28%; border-top: none; background-image: url(../img/halfCircle.png); background-position: 50% 100%; background-repeat: no-repeat; } #ctaShell .cta:hover { background-color: rgba(80,155,0,1); padding-top: 32px; margin-top: -123px;} #ctaShell .cta .ctaDesc { font-size: 12px;} } @media only screen and (min-width: 1114px){ #ctaShell { margin-top: -110px;} #ctaShell .cta { max-width: 29%;} } @media only screen and (min-width: 1199px){ #ctaShell { margin-top: -113px;} @media screen and (-webkit-min-device-pixel-ratio:0) { #ctaShell { margin-top: -112px;} } } @media only screen and (min-width: 1200px){ #ctaShell .cta { max-width: 26%;/* margin-top: -113px;*/ margin: 0 -1px;} #ctaShell .cta .ctaDesc { font-size: 14px;} } /** Body/Content Styles *******************************************/ /******************************************************************/ #mainShell { position: relative; font-size: 18px; color: #777; margin-top: 40px; padding-bottom: 50px; } body.homepage #mainShell { padding-bottom: 0; } .homepage #mainShell .intro_text { margin-bottom: 0; } /** General Content Elements ******************************/ /**********************************************************/ #mainShell p { } #mainShell a { color: #73a728; } #mainShell a:hover { color: #e76505; 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 { } #mainShell dl dt { } #mainShell dl dd { } #mainShell hr { } #mainShell img { } #mainShell .external { padding-right: 15px; background: url(../img/external.png) center right no-repeat } #mainShell .intro_text, #page716 main h2 { font-size: 20px; font-style: italic; font-weight: 300; margin-bottom: 2em; text-align: center; color: #727272; line-height: 1.2; } @media only screen and (min-width:768px){ #mainShell .intro_text, #page716 main h2 { font-size: 28px; } } #mainShell .eightcol-medium .intro_text { background: url(../img/flameHR.png) top center no-repeat; border-bottom: 1px solid #ccc; padding: 56px 0 34px;} #mainShell .hr:last-child { margin-bottom: 40px; } #mainShell .pageList { margin: 0; padding: 0; } #mainShell .pageList li { list-style: none; } .hr { background-image: url(../img/flameHR.png); background-repeat: no-repeat; background-position-x: 50%; background-position: center; height: 40px; margin: 20px 0; } .quick_blurb { font-size: 20px; color: #050e3d; font-style: italic; font-weight: 900; } /** Form Elements ******************************************/ /***********************************************************/ #mainShell form { } #mainShell .formblock { background: #dedede; padding: 55px 50px; } #mainShell fieldset { border: 1px solid #ccc; padding: 20px; } #mainShell fieldset legend { padding: 0 15px; } #mainShell label { display: inline-block; font-size: 18px; color: #003466; text-transform: uppercase; font-weight: bold; padding-bottom: 3px; padding-top: 10px;} #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 , .ccm-input-date { border: 1px solid #bdbdbd; font-family: "Lato", Arial, Helvetica, sans-serif; padding: 15px; margin-bottom: 15px; width: 100%; } #mainShell input:focus, #mainShell textarea:focus { background: #9bea27; border-color: #7cc116;color: #000; } #mainShell input[type="submit"] { border: none; font-family: "Lato", Arial, Helvetica, sans-serif; margin-top:40px;} .ccm-required { color: #ff0000 !important;} #mainShell .controls input[type="submit"] { margin: 0; } #mainShell .ccm-search-block-form input[type="submit"] { margin: 0; } #mainShell textarea { } #mainShell select { } #msg.success, #msg.error, main .ccm-error { background-repeat: no-repeat; background-position: 10px center; border: 1px solid; padding:15px 10px 15px 50px !important; margin: 15px 0; } #msg.success { color: #4F8A10; background-color: #DFF2BF; background-image:url('../img/success.png');} #msg.error, main .ccm-error { color: #a94442; background-color: #f2dede; background-image: url('../img/error.png'); } #mainShell .ccm-error li { list-style: none !important; } .ccm-input-date { width: 115px !important;} /** 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 { } main h1, main h2, main h3, main h4, main h5, main h6 { line-height: 1; margin: 0 0 15px; } main h1 { font-size: 46px; margin: 40px 0 30px; color: #e76505; text-transform: uppercase; font-weight: 300; } main h2 { color: #e99b00; font-size: 22px; margin: 0 0 20px; margin: 42px 0 20px; text-transform: uppercase; } main h3 { font-size: 24px; } main h4 { font-size: 20px; } main h5 { font-size: 18px; } main h6 { font-size: 16px; } @media only screen and (min-width:768px){ main h1 { font-size: 50px; } } /** Sidebar *************************************************/ /************************************************************/ #sidebar { display: block !important; } #sidebar h1, #sidebar h2, #sidebar h3 { line-height: 1; margin: 0 0 15px; } #sidebar h1 { font-size: 24px; } #sidebar h2 { font-size: 20px; } #sidebar h3 { font-size: 16px; } #sidebar ul.nav { font-weight: 400; font-size: 20px; color: #939393; text-align: center; } #sidebar ul.nav li { text-decoration: none; list-style-type: none; padding: 8px 0px; display: block; } #sidebar ul.nav li a { text-decoration: none; padding: 10px 0 8px 0px; color: #939393; text-transform: uppercase; } #sidebar ul.nav li a:hover { color: #e76505; } #sidebar ul.nav li.nav-selected.nav-path-selected a { color: #e76505; background-image: url('../img/blackFlameNav.png'); background-repeat: no-repeat; background-position: 0% 50%; } @media only screen and (min-width:768px){ #sidebar ul.nav { text-align: left; font-size: 24px; } #sidebar ul.nav li { display: block; } #sidebar ul.nav li a { display: block; padding: 6px 0 8px 40px; } #sidebar ul.nav li a:hover { background: #9bea27; color: #000; padding-left: 22px } #sidebar ul.nav li a.nav-selected:hover { background-color: #fff; padding-left: 40px } #sidebar ul.nav li.nav-selected.nav-path-selected { } } @media only screen and (min-width:1024px){ } /** Ankle Styles *************************************************/ /*****************************************************************/ #ankleShell { background-image: url('../img/ankleBG.jpg'); text-align: center; background-repeat: no-repeat; background-size: cover; min-height: 152px; background-position: 50% 50%; margin-bottom: 50px; font-weight: 900; text-transform: uppercase; position: relative; } #ankleShell .downArrow { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff; margin: 0 auto; } #ankleShell .ankleWrap { } #ankleShell h1 { color: #fff; font-size: 28px; display: block; } #ankleShell .spacer { border-bottom: 2px solid rgba(125,125,125,0.25); width: 25%; display: none; } @media only screen and (min-width: 768px){ #ankleShell .ankleWrap { margin-top: 20px; } #ankleShell h1 { display: inline; } #ankleShell .spacer { display: inline-block; margin: 0px 20px 8px 20px; } #ankleShell a { vertical-align: super; } } @media only screen and (min-width:1024px){ #ankleShell { text-align: left; } #ankleShell .ankleWrap { margin-top: 35px; } #ankleShell h1 { float: left; } #ankleShell .spacer { width: 40%; float: left; margin-top: 20px; } #ankleShell .bttn { margin-top: 0; float: right; } } /** Footer Styles *************************************************/ /******************************************************************/ footer { position: relative; color: #363636; overflow: hidden; font-size: 14px; font-weight: 300; color: #fff; } #footerNav ul li:first-child { display: none; } #footerNav ul li { font-weight: 900; display: block; } #footerNav ul li a { text-decoration: none; color: #363636; display: block; padding-bottom: 2px; } #footerNav ul li a:hover, #footerNav ul li a.nav-selected { border-left: 3px solid #9bea27; padding-left: 12px; } #footerNav ul li ul li:first-child { display: block; margin-top: 12px; } #footerNav ul li ul li:last-child { border-bottom: 1px solid #ccc; margin-bottom: 55px; } #footerNav ul li ul li { font-weight: 500; padding: 10px 0 10px 0; border-top: 1px solid #ccc; } #footerNav ul li ul li a { display: block; padding: 4px 0 6px 0; } #footerNav ul li ul li a:hover, #footerNav ul li ul li a.nav-selected { background: #9bea27; border: none; color: #000; padding-left: 15px; } footer nav { } footer nav ul { } footer nav ul li { } footer nav ul li a { } footer nav ul li a:hover { } #info { padding: 28px 0; text-align: center; } #copyright { } #etc { color: #fff; text-transform: uppercase; font-size: 12px; text-align: center; } #etc p { padding: 4px 0; } #etc a { color: #fff; text-transform: uppercase; float: 300;} #etc a:hover { text-decoration: none; } .footerBG { background: #444; } @media only screen and (min-width: 768px){ #footerNav ul li { float: left; margin-right: 4%; width: 22%; } #footerNav ul li:last-child { margin-right: 0; } #footerNav ul li ul li { float: initial; width: 100%; } footer #info { float: right; text-align: right; } footer #etc { float: left; margin-right: 0; margin-top: 3%; padding-left: 15px; padding-bottom: 5px; } footer #etc p { display: inline; display: block; text-align: left; margin-right: 53px; } } @media only screen and (min-width: 1024px){ footer .footerBG { padding-bottom: 25px; } footer #info { margin-top: 1%; } footer #etc { margin-top: 5%; margin-left: -12px; padding-left: 0; } footer #etc p { display: inline; } } @media only screen and (min-width: 1200px){ footer #etc { padding: 0; margin-top: 38px; } footer #info { margin-top: 26px; padding: 0; } } /** Page Specific Styles ******************************************/ /******************************************************************/ /** Home Page *************************************************/ /**************************************************************/ /** Catalog Page **********************************************/ /**************************************************************/ #page503 #mainShell { } .center_noteicon {} .center_noteicon { margin: -88px auto 0; text-align: center; } @media only screen and (min-width: 768px){ .center_noteicon { margin: -88px auto 0; text-align: center; } } @media only screen and (min-width: 1024px){ #page503 #mainShell .hr { margin-top: 40px !important; } .center_noteicon { margin: -145px auto 0; text-align: center; } } /** Right Sidebar Page ****************************************/ /**************************************************************/ .right_sidebar #mainShell p { font-size: 20px; } /** Event Page ************************************************/ /**************************************************************/ #mainShell .location#siteHeader { text-align: center; font-weight: 700; } #mainShell .location#siteHeader .location { font-size: 30px; padding: 0 40px; background-color: #fff; } #mainShell .location#siteHeader .ascensionLocation { font-size: 12px; color: #050e3d; display: block; padding-top: 9px; } #mainShell .locationsNav ul.nav { padding-left: 0 !important; text-align: center; } #mainShell .locationsNav ul.nav li { list-style: none; height: 42px; /*background-color: #9bea27;*/ border-bottom: 2px solid #fff; } #mainShell .locationsNav ul.nav li:hover { } #mainShell .locationsNav ul.nav li a { color: #000; font-size: 17px; font-weight: 700; text-decoration: none; display: block; padding-top: 10px; text-transform: uppercase; } #mainShell .eventList { } #mainShell .eventList .eventListHeading { font-weight: 900; font-size: 12px; color: #929292; text-transform: uppercase; } #mainShell .eventList .eventListHeading .eventTitle { float; left; } #mainShell .eventList .eventListHeading .eventTitle::before { content: url('/themes/vivid/img/orangeCircle.png'); padding-right: 4px; } #mainShell .eventList .eventListHeading .eventTime { float: left; } #mainShell .eventList .eventListHeading .eventTime::before { content: url('/themes/vivid/img/greenCircle.png'); padding-right: 4px; } #mainShell .eventList .eventListHeading .eventLocation { float: right; } #mainShell .eventList .eventListHeading .eventLocation::before { content: url('/themes/vivid/img/orangeCircle.png'); padding-right: 4px; } @media only screen and (min-width:768px){ #mainShell .location#siteHeader { font-size: 37px; background-image: url('/themes/vivid/img/greyHR.png'); background-repeat: repeat-x; background-position: 0 36%; } #mainShell .locationsNav ul.nav { margin-top: 37px; border-left: 8px solid #cfcfcf; border-right: 8px solid #cfcfcf; } #mainShell .locationsNav ul.nav li { display: inline-block; border-bottom: none; border-left: 4px solid #fff; border-right: 4px solid #fff; } #mainShell .locationsNav ul.nav li a { font-size: 14px; padding: 10px 14px 0; } } @media only screen and (min-width:1024px){ #mainShell .locationsNav ul.nav li a { background: #9bea27; font-size: 17px; padding: 10px 22px 8px; } #mainShell .locationsNav ul.nav li a:hover, #mainShell .locationsNav ul.nav li a.nav-selected { background: #e76505; color: #fff; } } @media only screen and (min-width:1200px){ } /** Login Page ************************************************/ /**************************************************************/ .loginFieldShell { background: #dedede; padding: 60px 30px; } main .loginFieldShell h2 { padding-top: 0; } #mainShell .loginFieldShell label.checkbox { font-size: 16px; font-weight: 300; color: #000; text-transform: none; display: block; } #mainShell .loginFieldShell input[type="text"], #mainShell .loginFieldShell input[type="password"] { } #loginShell { margin-bottom: 50px; } /** Block Styles **************************************************/ /******************************************************************/ /** Albums Block **********************************************/ /**************************************************************/ .albumShell { margin-top: 60px; } .albumWrap { margin-bottom: 40px; } .album { } .albumLeft { } .album img { display: block; } .album .bttn { width: 100%; text-align: center; } .albumRight { } #mainShell h1.albumTitle { display: inline; } .albumYear { font-size: 20px; color: #030d42; font-weight: 900; padding-left: 10px; display: inline-block; } #mainShell .album ul.trackList { padding-left: 0; } #mainShell .album ul.trackList li { list-style: none; border-top: 1px solid #ccc; text-transform: uppercase; font-size: 12px; font-weight: 900; padding: 8px 0; } .album ul.trackList li:last-child { border-bottom: 1px solid #ccc; } .album ul.trackList li .trackNumber { float: right; color: #aaa; padding-right: 5px; } @media only screen and (min-width:1024px){ .albumRight { padding-left: 70px; } } /** Featured Song Block ***************************************/ /**************************************************************/ .featuredSongShell h2 { font-size: 32px; text-align: center; background-image: url('/themes/vivid/img/greyHR.png'); background-repeat: repeat-x; background-position: 50%; } .featuredSongShell h2 span { background-color: #fff; padding: 0 3px; } .featuredSongShell .featuredSongPlayerShell { background-color: #9bea27; color: #000000; text-align: center; padding: 43px 23px 0 20px; margin-bottom: 30px;} .featuredSongPlayerShell .songTitle { font-size: 24px; font-weight: 700; font-style: italic; } .featuredSongPlayerShell .songLength, .featuredSongPlayerShell .songCredits { font-weight: 900; font-size: 13px; } .featuredSongPlayerShell .songLength { padding-right: 14px; border-right: 2px solid #000; } .featuredSongPlayerShell .songCredits { padding-left: 14px; } .featuredSongPlayerShell .songPlayer audio { margin-top: 30px; width: 100%; } .featuredSongPlayerShell .downloadOptions a { } .featuredSongShell ul.cwpLinks { padding: 0!important; text-align: center; margin: 60px 0 30px 0 !important; } .featuredSongShell ul.cwpLinks li { list-style: none!important; /*background-color: #9bea27; */float: left; width: 100%; margin-bottom: 2%; /*padding: 28px 0px;*/} .featuredSongShell ul.cwpLinks li:last-child { margin-bottom: 0; } .featuredSongShell ul.cwpLinks li a { background-color: #9bea27;font-size: 19px; color: #000!important; display: block; text-decoration: none; text-transform: uppercase; font-weight: 700; padding: 28px 0px; } .featuredSongShell ul.cwpLinks li a:hover { background: #e76505; color: #fff !important;} .featuredSongShell h3 { font-weight: 700; font-size: 26px; display: block; color: #e99a03; text-align: center; text-transform: uppercase; margin-bottom: 26px; } .featuredSongShell h3 span { font-weight: 300; font-size: 19px; display: block; color: #9a9a9a; font-style: italic; text-transform: none; margin-top: 4px;} .featuredSongShell .purchaseOptions { } .featuredSongShell .purchaseOptions a { width: 100%; float: left; text-align: center; margin: 0px -1px -5px 0; padding: 80px 40px; position: relative; border-bottom: 1px solid #ccc; } .featuredSongShell .purchaseOptions a:last-child { border-bottom: none; } .featuredSongShell .purchaseOptions .purchaseOptionOverlay { display: none; } .featuredSongShell .purchaseOptions a:hover .purchaseOptionOverlay { display: block; background-color: rgba(255, 97, 1, .9); padding: 80px 90px; position: absolute; margin: -175px -20px; width: 95%; } @media only screen and (min-width:768px){ .featuredSongPlayerShell .downloadOptions a { bottom: -30px; } .featuredSongPlayerShell .downloadOptions a:hover { background: #e76505;} .featuredSongShell ul.cwpLinks { padding: 0!important; text-align: center; margin: 60px 0 80px 0 !important; } .featuredSongShell ul.cwpLinks li { list-style: none!important; /*background-color: #9bea27;*/ float: left; width: 31.3%; margin: 0 3% 0 0; /*padding: 28px 0px;*/} .featuredSongShell ul.cwpLinks li:last-child { margin-right: 0; } .featuredSongShell h2 span { padding: 0 2%; } .featuredSongShell .featuredSongPlayerShell { background-color: #9bea27; color: #000000; text-align: center; padding: 43px 155px 0 155px; } .featuredSongShell .purchaseOptions { } .featuredSongShell .purchaseOptions a { width: 50%; float: left; text-align: center; margin: 0px -1px -4px 0; padding: 80px 40px; position: relative; border: none; } .featuredSongShell div.purchaseOptions a:nth-child(2) { border-bottom: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; } .featuredSongShell div.purchaseOptions a:last-child { border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; } .featuredSongShell .purchaseOptions a:nth-child(4) img { padding-top: 2px; } .featuredSongShell .purchaseOptions .purchaseOptionOverlay { display: block; } .featuredSongShell .purchaseOptions a:hover .purchaseOptionOverlay { padding: 80px 90px;margin: -175px -20px; } } @media only screen and (min-width: 837px){ .featuredSongShell .purchaseOptions a { margin: 0px -1px -5px 0; } } @media only screen and (min-width: 1024px){ .featuredSongShell .purchaseOptions .purchaseOptionOverlay { display: none; } .featuredSongShell .purchaseOptions a:hover .purchaseOptionOverlay { display: block; background-color: rgba(255, 97, 1, .9); padding: 80px 90px; position: absolute; margin: -170px -20px; } } /** Catalog Block *********************************************/ /**************************************************************/ .catalogSectionHeader { padding-left: 0; font-size: 12px; text-transform: uppercase; color: #929292; margin-bottom: -19px; } .catalogSectionHeader .songHeader { float: left; } .catalogSectionHeader .sampleHeader { float: left; position: absolute; padding-left: 180px; } .catalogSectionHeader .purchaseHeader { float: right; padding-right: 225px; } .catalogSectionHeader .songHeader::before { content: url('/themes/vivid/img/orangeCircle.png'); padding-right: 4px; } .catalogSectionHeader .sampleHeader::before { content: url('/themes/vivid/img/greenCircle.png'); padding-right: 4px; } .catalogSectionHeader .purchaseHeader::before { content: url('/themes/vivid/img/orangeCircle.png'); padding-right: 4px; } .songCatalogList { text-transform: uppercase; padding-left: 0px !important; border-top: 1px solid #d0d0d0; } .songCatalogList li.catalogSong { list-style: none !important; display: block; border-bottom: 1px solid #d0d0d0; padding: 0; position: relative; padding-top: 8px; } .songCatalogList li.catalogSong:last-child { border-bottom: none; } .songCatalogList li.catalogSong .songName, .songPreview, .songPurchase { display: block; } .songCatalogList li.catalogSong .songPreview audio { width: 100%; } .songCatalogList li.catalogSong .songPurchase a,.songCatalogList li.catalogSong .songPurchase span.inactive { padding: 5px 7px; background-color: #9bea27; color: #000 !important; margin: 10px 0px 10px 0; text-decoration: none; display: block; font-weight: 900; text-align: center; font-size: 11px; } .songCatalogList li.catalogSong .songPurchase span.inactive { background: #ccc; color: #999 !important; } .songCatalogList li.catalogSong .songPurchase a:hover { background-color: #e76505; color: #fff !important; } .songCatalogList li.catalogSong .songName { font-weight: 700; display: inline; font-size: 15px; color: #000; } @media only screen and (min-width: 768px){ .songCatalogList li.catalogSong { height: 50px; padding: 0; } .songCatalogList li.catalogSong .songName, .songPreview, .songPurchase { display: inline-block; } .songCatalogList li.catalogSong:last-child { border-bottom: 1px solid #d0d0d0; } .songCatalogList li.catalogSong .songName { float: left; position: absolute; padding-top: 14.5px; } .songCatalogList li.catalogSong .songPreview { display: inline-block; float: left; position: absolute; padding-left: 190px; padding-top: 10px; width: 100%; } .songCatalogList li.catalogSong .songPreview audio { width: 30%; } .songCatalogList li.catalogSong .songPurchase { display: inline-block; float: right; padding-top: 3px; } .songCatalogList li.catalogSong .songPurchase a,.songCatalogList li.catalogSong .songPurchase span.inactive { display: inline-block; position: relative; } .songCatalogList li.catalogSong .songPurchase a:last-child { margin-right: 0px; } .songCatalogList li.catalogSong .songPurchase a:hover { cursor: pointer; } } @media only screen and (min-width: 1024px){ .catalogSection#siteHeader .sample#siteHeader { padding-left: 270px; } .songCatalogList li.catalogSong .songPreview { padding-left: 270px; } .songCatalogList li.catalogSong .songPreview audio { width: 300px; } } /** ProBlog List - Vivid_Clean ********************************/ /**************************************************************/ #sidebar h3.sideBlogTitle { font-weight: 300; font-size: 34px; color: #939393; } #sidebar-archives h4 { display: none; } #sidebar-archives ul { padding-left: 0; margin-bottom: 0; margin-top: 0; } #sidebar-archives ul li { list-style: none; padding: 11px 0px 11px 0px; } #sidebar-archives ul li a:hover { background-image: url('../img/blackFlameNav.png'); background-repeat: no-repeat; background-position: 0% 50%; } #sidebar-archives ul li a { text-decoration: none; font-size: 18px; color: #939393; padding: 12px 0 12px 35px; } #sidebar-archives ul li a:hover { color: #e76505; } .blogList.vividClean { } .blogList.vividClean article.entry { } .blogList.vividClean article.entry p { color: #929292; } .blogList.vividClean article.entry iframe { max-width: 500px; width: 100%; } .blogList.vividClean article.entry .block_quote { font-style: italic; padding: 20px; } .blogList.vividClean article.entry header { } .blogList.vividClean article.entry h2 { font-weight: 900; margin-top: 0; } .blogList.vividClean article.entry h2 a { text-decoration: none; color: #302f2f !important; font-size: 28px; } .blogList.vividClean article.entry time.cal { font-weight: 900; font-size: 12px; text-transform: uppercase; color: #929292; background-image:url('../img/orangeCircle.png'); background-position: 0 50%; background-repeat: no-repeat; padding: 10px;} .blogList.vividClean article.entry time.cal .day { } .blogList.vividClean article.entry time.cal .month { } .blogList.vividClean article.entry .comments { display: none; } .blogList.vividClean article.entry .blogSocialIcons { display: none; } .blogList.vividClean article.entry .description { } .blogList.vividClean article.entry .readmore { margin-top: -20px; margin-bottom: 30px; } /** Filter/Blog Search Page **************/ /*****************************************/ #blogSearch { } #sidebar-archives ul li a.active { background-image:url('../img/blackFlameNav.png'); background-position: 0 50%; background-repeat: no-repeat; color: #e76505; } #blogSearch h1 { font-weight: 900; margin: 0 0 10px 0; line-height: 1.1; } #blogSearch .addthis_toolbox { margin: 0; width: 0; } #blogSearch h1 a { text-decoration: none; color: #302f2f !important; font-size: 28px; } #blogSearch .dateWrap { } #blogSearch .dateWrap .sbDate { font-weight: 900; font-size: 12px; text-transform: uppercase; color: #929292; background-image:url('../img/orangeCircle.png'); background-position: 0 50%; background-repeat: no-repeat; padding: 10px; display: block; } /** Blog Detail Page *********************/ /*****************************************/ .pb_post iframe { max-width: 500px; width: 100%; } .pb_post .blog-attributes h1 { font-size: 38px; } @media only screen and (min-width: 768px){ .pb_post .blog-attributes h1 { font-size: 46px; } .blogList.vividClean article.entry h2 a { font-size: 40px; } #blogSearch h1 a { font-size: 40px; } } /** ProBlog Page - Vivid_Clean ********************************/ /**************************************************************/ /** Social Icons **********************************************/ /**************************************************************/ .socialIcons { } .icoSocial { display: inline-block; padding: 10px; vertical-align: -webkit-baseline-middle; } #mainShell .icoSocial { width: 100px; height: 100px; background-color: #9bea27; margin-bottom: 6px; margin-left: -15px; text-align: center; } .icoSocial:hover { background: #9bea27;} #mainShell .icoSocial:hover { background: #e76505; } .icoSocial img { } #mainShell .icoSocial img { margin-top: 7px; } /** Simple Button *********************************************/ /**************************************************************/ .simpleButton { } /** Simple Tabs ***********************************************/ /**************************************************************/ ul.simpleTabs { margin: 0 !important; padding: 0 !important; display: none; } ul.simpleTabs li { background: #fff; list-style: none !important; border: 1px solid #ccc; border-bottom: none; float: left; padding: 8px 5px; margin: 14px 2px 0 0;} ul.simpleTabs li.active { padding: 15px 5px; margin: 0 2px 0 0; } ul.simpleTabs li a { font-size: 14px; color: #888 !important; text-decoration: none !important; font-weight: normal;} ul.simpleTabs li.active a { color: #333366 !important; font-weight: bold; } @media only screen and (min-width:768px){ ul.simpleTabs { display: block; } } .simpleTabsContainer { } .simpleTabsContent { } .simpleTabsContent:first-child { } @media only screen and (min-width:768px){ .simpleTabsContainer { } .simpleTabsContent { display: none; } .simpleTabsContent:first-child { display: block; } } #page495 #mainShell .eightcol-medium ul { border-top: 1px solid #d0d0d0; margin: 0 0 40px 0; padding: 0;} #page495 #mainShell .eightcol-medium ul li { border-bottom: 1px solid #d0d0d0; color: #000; font-size: 15px; font-weight: 700; display: block; list-style: none; padding: 14px 0; text-transform: uppercase; } #page495 #mainShell .eightcol-medium ul li em { color: #6F6F6F; display: block; font-style: normal; margin-top: 17px; text-transform: none; } #page495 #mainShell .eightcol-medium ul li strong { background: #9bea27; font-size: 11px; float: right; padding: 5px 7px;} #page495 #mainShell .eightcol-medium ul li span { color: #000; font-size: 18px; font-weight: bold; text-decoration: none !important;} #page500 main h1 { text-align: center !important;} /** CREATE ***********************************************/ /**************************************************************/ .utilityMenu { display: none;} table.ccm-discussion-message-list, table.ccm-discussion-category-list, table.ccm-discussion-category-list th, table.ccm-discussion-message-list th { border-color: #9bea27 !important;} table.ccm-discussion-category-list th, table.ccm-discussion-message-list th { background-color: #9bea27 !important; color: #000 !important; } table.ccm-discussion-category-list th a { color: #000 !important; } table tr.ccm-discussion-post-pinned td { background: #d1f995;} table.ccm-discussion-category-list tr:hover { background: #e8ffc6;} table.ccm-discussion-category-list td.ccm-discussion-category-last-post, table tr.ccm-discussion-post-pinned td, table.ccm-discussion-category-list td, table.ccm-discussion-message-list td { color: #000 !important; font-weight: 700; line-height: 110%; font-size: 13px;} .userPostThumb img { float: left; border: 1px solid #9bea27; margin-right: 15px;} div.ccm-pagination { margin: 40px 0;} div.ccm-pagination a { background-color: #9bea27; color: #050e3d !important; margin: 40px 0;} div.ccm-pagination a { background: #999; color: #fff !important; padding: 7px 20px; font-size: 14px; line-height: 19px; text-decoration: none; display: inline-block; margin: 15px 0; position: relative; transition: all .2s ease; font-weight: 900; text-transform: uppercase; } .numbers a { margin: 0 7px;} .currentPage a { background: #9bea27; color: #000; } ul.ccm-discussion-menu { margin-top: -20px; background: none;} ul.ccm-discussion-menu { text-align: center;} /** MAP ***********************************************/ /**************************************************************/ #asc-location-map { border-top: 4px solid #000; border-bottom: 10px solid #000; height: 470px !important} .asc-location-overlay { background: url(../img/bgMapOverlay.png); position: absolute; top: 0; left: 0; padding: 107px 161px; margin: 0; z-index: 2; height: 100%; width: 100%; } .asc-location-overlay .asc-location-overlay-close-button { background: #9bea27; display: inline-block; font-weight: 700; margin: 18px 18px 0 0; padding: 5px 10px; position: absolute; top: 0; right: 0; text-transform: uppercase; float: right; } .asc-location-overlay .asc-location-overlay-close-button:hover { background: #ff7200; color: #fff;} .popIcon { background: url(../img/overlayIcon.png); display: block; height: 112px; margin: -28px 0 0 -99px; position: absolute; width: 112px; } .asc-location-overlay h3 { font-size: 12px; color: #fff; margin: 10px 0 -38px; text-transform: uppercase;} .asc-location-overlay h1 { font-size: 37px; color: #fff; font-weight: 800; letter-spacing: -1px; text-transform: uppercase;} .networkManager { position: absolute; top: 110px; right: 80px; color: #fff; text-align: right; text-transform: uppercase; } .networkManager h4 { font-size: 12px !important; margin: 0 !important; } .networkManager img { } .networkManager .managerName { display: block; font-size: 12px; margin: 0 0 10px; } .asc-location-overlay-pages { width: 700px; } .asc-location-overlay h2 { border-bottom: 1px solid #cfcfcf;font-size: 17px; color: #9bea27; font-weight: 800; padding: 0 0 8px 0; margin: 0 0 11px; text-transform: capitalize; } #mainShell .asc-location-overlay ul { margin: 0; padding: 0;} #mainShell .asc-location-overlay ul li { list-style: none; display: inline-block; margin-right: 5px; margin-bottom: 9px; } #mainShell .asc-location-overlay ul li a { background: #9bea27; color: #000; font-size: 17px; font-weight: 600; display: inline-block; letter-spacing: -1px; padding: 20px; text-decoration: none; text-transform: uppercase; width: 163px; text-align: center; } #mainShell .asc-location-overlay ul li:first-child a { margin: 0; padding: 0;} #mainShell .asc-location-overlay ul li a:hover { background: #ff7200; color: #fff; } #mapWrap { position: relative; } body#page500 main { text-align: center; } @media only screen and (max-width:1024px){ .asc-location-overlay { padding: 68px 59px 0 141px; } .networkManager { top: 70px; right: 60px; } .asc-location-overlay h1 { font-size: 27px;} #mainShell .asc-location-overlay ul { width: 100%;} #mainShell .asc-location-overlay ul li { display: block; margin-bottom: 0;} #mainShell .asc-location-overlay ul li a { display: block; margin: 0 0 2px 0; padding: 5px 18px; width: 100%;} } @media only screen and (max-width:768px){ .networkManager { position: static; } .asc-location-overlay h1 { font-size: 21px;} } @media only screen and (max-width:480px){ .popIcon { display: none; } .asc-location-overlay { padding: 68px 35px 0 35px; width: 100%;} } /** MAP BUBBLE ***********************************************/ /**************************************************************/ #ascMapTextBubble { background: url(../img/bgMapBubble.png); border-bottom: 10px solid #000; right: 0; position: absolute; padding: 41px 0 26px; text-align: center;top: 108px; width: 329px; } #ascMapTextBubble .icoLocationsTextBubble { background: url(../img/overlayIcon.png); display: block; height: 111px; position: absolute; margin:-76px 0 0 120px; width: 112px;} #ascMapTextBubble h2 { color: #fff; font-size: 28px; font-weight: 800; text-transform: capitalize;} #ascMapTextBubble p { background: url(../img/bubbleDivs.png) top center no-repeat; color: #fff; font-size: 20px; font-style: italic; font-weight: 500; font-style: italic; font-weight: 100%; line-height: 100%; padding: 18px 38px 23px;} @media only screen and (max-width:1023px){ #ascMapTextBubble { display: none !important; } } #mapKey { background: #d8d8d8; padding: 16px 0 22px; text-align: center; } #mapKey span { color:#000; font-size: 15px; font-weight: 800; margin: 0 25px; text-transform: uppercase; } #mapKey span.ascension, #mapKey span.member { padding: 10px 0px 10px 45px;} #mapKey span.ascension { background: url(../img/key1.png) no-repeat; } #mapKey span.member { background: url(../img/key2.png) no-repeat; } #mainShell .videoList .event:first-child { border-top: 1px solid #ccc; } #mainShell .videoList .event { padding: 5px 0; } #mainShell .videoList .event .eventTitle { float: left; margin-top: 7px; } #mainShell .videoList .event a { float: right; margin: 0; }