/******************************************************************/ /*** /*** Website Designed and developed by IsItVivid.com /*** Author: Michael Grissinger & Justin Nipper /*** /******************************************************************/ /** 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;}.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} @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}} /** Global Styles *************************************************/ /******************************************************************/ body { font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.4; } .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;} /** Buttons **/ .bttn { background-color: #a5561c; color: #fff; padding: 10px 25px; font-size: 14px; line-height: 19px; text-decoration: none; display: inline-block; margin: 15px 0; position: relative; transition: all .2s ease;} .bttn.primary { background: #1b1363; color: #fff !important; } .bttn.secondary { background: #555; color: #fff !important; } /* 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: #a3550e; } .bttn.left:hover:before, .bttn.right:hover:after { background: #555; } .bttn.primary:hover { background: #2D3092; } .bttn.secondary:hover { background: #444; } .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: #231346; color:#fff; text-shadow: none; } ::selection { background:#231346; color:#fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: #231346; } @media only screen and (max-width:767px){ .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 { background: #44479d; height: 100%; width: 200px; position: fixed; top: 0; right: -200px; z-index: 1; box-shadow: inset 1px 1px 9px 0px #1b1363; } @media only screen and (min-width:768px){ #mobileNav { display: none; } } #mobileNav ul { padding: 20px; } #mobileNav ul li { padding: 7px 0 13px 2px; border-bottom: 1px solid rgba(29, 21, 108, 0.12); text-align: center; } #mobileNav ul li a { color: #fff; text-decoration: none; font-size: 18px; font-weight: 300; } /* Hiding Children Pages */ #mobileNav ul li ul { display: none; } /** Header Styles *************************************************/ /******************************************************************/ header { position: relative; box-shadow: 0px 1px 0px 0px #333; background-color: #e6e7e8; } #logo { padding: 10px; } @media screen and (min-width: 1024px) { #logo { padding: 20px 0; } } header nav { font-size: 16px; } @media screen and (min-width:1024px) { header nav { font-size: 18px; } header nav ul li.nav-last { margin-right: 20px; } } /* Primary */ header nav ul { float: right; padding-top: 37.5px; } header nav ul li { position: relative; display: inline; box-sizing: border-box; margin: 0 12px 0 0; } header nav ul li:hover { color: #1b1363; padding: 0 0 10px 0; } header nav ul li a { text-decoration: none; color: #6a696b; transition: .2s ease all; } header nav ul li>a:hover, header nav ul li.nav-selected>a, header nav ul li.nav-path-selected>a, header nav ul li>a.nav-selected { color: #1b1363!important; border-bottom: 2px solid #1b1363; box-sizing: border-box; padding: 0 0 10px 0; } @media screen and (min-width: 767px) and (max-width: 1023px) { header nav ul { position: relative; left: -14px; } } /* Secondary */ header nav ul ul { display: none; position: absolute; z-index: 9; top: 34px; left: 0; width: 200px; padding: 0; } header nav ul li:hover ul { display: block; } header nav ul ul li { float: none; display: block; background: #fff; margin: 0; padding: 0; } header nav ul ul li:hover { padding: 0; } header nav ul ul li.nav-last { margin-right: 0; } header nav ul ul li a { display: block; color: #666; padding: 5px 10px;border-bottom: 1px solid #eee; } header nav ul ul li a:hover, header nav ul ul li.nav-selected a, header nav ul ul li.nav-path-selected a, header nav ul ul li a.nav-selected { border-bottom: 1px solid #eee; padding: 5px 10px;} #hamburger { margin: 33px 0 0 0; float: right; } #marketingShell { float: right; margin-top: 15px; } #marketingShell .icoSocial { margin-right: 15px; } #marketingShell .icoSocial:nth-child(2) img { margin-top: 2px; } #marketingShell .bttn { font-size: 16px; color: #fff; background-color: #a5561c; border-radius: 5px; letter-spacing: .45px; padding: 10px 17px; } #marketingShell .bttn:hover { background: #b47633; } @media screen and (min-width: 768px){ #marketingShell { visibility: visible; } } #numberText { } #number { } /** Hero Shell Styles *********************************************/ /******************************************************************/ #sliderShell { position: relative; background-image: url('/themes/vivid/img/sliderBackground.jpg'); background-repeat: no-repeat; background-size: auto; background-position: 44% 45%; } #sliderShell .pageTitle { font-family: "Antic Slab", Arial, Helvetica, sans-serif; color: #fff!important; font-size: 30px; letter-spacing: 1.2px; display: block; margin: 40px 10px; font-weight: 500; } @media only screen and (min-width: 768px) { #sliderShell { } #sliderShell .pageTitle { border-left: 1px solid #b47633; padding: 8px 12px; font-size: 48px; margin-left: 30px; } } @media only screen and (min-width: 1024px) { #sliderShell .pageTitle { border-left: 1px solid #b47633; margin: 80px 0; padding: 0 0 0 30px; font-size: 48px; } } #sliderShell .sliderTextWrap { color: #fff!important; font-weight: 300; margin: 60px 15px 45px 10px; line-height: 1.25; } #sliderShell .sliderTextWrap h1 { font-weight: 300; font-size: 22px; color:#fff!important; } #sliderShell .sliderTextWrap .sliderBigText { display: block; font-size: 36px; padding: 10px 0; font-family: "Antic Slab", Arial, Helvetica, sans-serif; font-weight: 400; } #sliderShell .sliderTextWrap .sliderDate { font-size: 16px; display: inline-block; background-color: #395eb5; padding: 15px 12px; margin-bottom: 5px; } #sliderShell .sliderTextWrap .sliderLocation { font-size: 16px; display: inline-block; background-color: #5879c8; padding: 15px 12px; } .simpleSliderShell { width: 100%; } .simpleSliderContainer { margin: 0 -20px -20px; height: 100%; } .simpleSlide { position: relative; width: 100%; height: 100%; } .simpleSliderPagination { } .simpleSliderPagination span { } .simpleSliderPagination span.cycle-pager-active { } .simpleSliderArrows { } .simpleSliderPrev { } .simpleSliderNext { } @media only screen and (min-width:768px){ #sliderShell { background-position: center 10% } #sliderShell .sliderTextWrap { margin: 160px 15px 200px 30px; padding: 0 0 0 15px; border-left: 2px solid #b47633; } #sliderShell .sliderTextWrap .sliderTitle { font-size: 28px; } #sliderShell .sliderTextWrap .sliderBigText { padding: 20px 0 30px 0; font-size: 44px; } #sliderShell .sliderTextWrap .sliderDate { display: table; font-size: 20px; } #sliderShell .sliderTextWrap .sliderLocation { font-size: 20px; } .simpleSliderContainer { margin: 0 20px 0; } } @media only screen and (min-width:1024px){ #sliderShell { } #sliderShell .sliderTextWrap { } #sliderShell .sliderTextWrap .sliderTitle { font-size: 30px; } #sliderShell .sliderTextWrap .sliderBigText { padding: 20px 0 40px 0; font-size: 60px; line-height: 1; } #sliderShell .sliderTextWrap .sliderDate { } #sliderShell .sliderTextWrap .sliderLocation { } .whiteBlock .simpleSliderShell { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: absolute; margin: 0; top: -25px; height: 100%; right: 0%; width: auto; max-width: 50%; padding-bottom: 25px; } .whiteBlock .simpleSliderShell .simpleSliderContainer { margin: 0; } .whiteBlock .simpleSliderShell img { height: 100% !important; } } @media only screen and (min-width:1200px){ .whiteBlock .simpleSliderShell { left: 60%; max-width: 54.6%; } .simpleSliderShell .simpleSliderContainer { } } /** CTA Styles ****************************************************/ /******************************************************************/ #ctaShell { position: relative; background-color: #b47633; line-height: 1.1; padding-left: 20px; } #ctaShell .cta { } #ctaShell .cta .registerTitle { color: #fff; font-size: 24px; font-weight: 400; font-family: "Antic Slab", Arial, Helvetica, sans-serif; margin: 10px 0 5px 0; } #ctaShell .cta .registerDesc { color: #fff; font-size: 16px; padding: 5px 0 10px 0; margin: 10px 0 5px 0; } #ctaShell .cta img { } #ctaShell .cta .registerBtn { color: #fff; text-decoration: none; background-color: #a5561c; display: block; margin: 0px -10px 0 -20px; font-size: 30px; text-transform: uppercase; padding: 20px; font-weight: 600; background-image: url('../img/orange_chevron.png'); background-repeat: no-repeat; background-position: 170px 50%; } @media only screen and (min-width:768px){ #ctaShell { position: relative; top: -101px; padding-left: 40px; } #ctaShell .cta .registerTitle { margin: 20px 0 5px 0; font-size: 30px; } #ctaShell .cta .registerDesc { margin: 5px 0 8px 0; padding: 0; } #ctaShell .cta .registerBtn {float: right; transition: .2s ease all; padding: 34px 46px 34px 29px; margin: -20px -10px 0 0; background-position-x: 92%; } #ctaShell .cta .registerBtn:hover { background-position: 94%; } body.full_width #ctaShell { top: 10px; } body.right_sidebar #ctaShell { top: 10px; } body.default #ctaShell { top: 10px; } } @media only screen and (min-width:1024px){ #ctaShell { border-radius: 20px 0 0 0; } } @media only screen and (min-width:1200px){ #ctaShell .cta .registerBtn { margin-right: 0px; } } /** Body/Content Styles *******************************************/ /******************************************************************/ #mainShell { font-size: 16px; font-weight: 300; } @media only screen and (min-width:768px){ #mainShell { position: relative; margin-top: 10px; font-size: 18px; padding: 80px 15px; } .homepage #mainShell { padding: 0; } } @media only screen and (min-width:768px){ #mainShell { padding: 80px 15px; } } /** General Content Elements ******************************/ /**********************************************************/ #mainShell p { } #mainShell a { color: #7892d1; } #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 { } #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 .pageList { margin: 0; padding: 0; } #mainShell .pageList li { list-style: none; } /** Form Elements ******************************************/ /***********************************************************/ #mainShell form { color: #414042; padding: 5px 20px 0 0px; } #mainShell fieldset { border: 1px solid #ccc; padding: 20px; } #mainShell fieldset legend { padding: 0 15px; } #mainShell label { display: inline; margin-bottom: 5px; } #mainShell label.checkbox, #mainShell label.radio { display: block; font-size: 14px; padding-left: 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 { padding: 5px 10px; width: 100%; background-color: #ebebec; border: none; border-radius: 1px; width: 100%; height: 50px; box-sizing: border-box; font-size: 16px; font-family: "proxima-nova", Arial, Helvetica, sans-serif; margin-bottom: 15px; } #mainShell select { border: none; font-family: "proxima-nova", Arial, Helvetica, sans-serif; height: 50px; -webkit-appearance: none; background-color: #ebebec; background-image: url('../img/dropdownArrow.png'); background-repeat: no-repeat; background-position: 96% 50%; width: 100%; font-size: 16px; margin-bottom: 15px; } #mainShell input { } #mainShell .controls { margin: 10px 0 5px; } #mainShell input[type="submit"] { border: none; font-family: Arial, Helvetica, sans-serif; } #mainShell .controls input[type="submit"] { margin: 0; } #mainShell .ccm-search-block-form input[type="submit"] { margin: 0; } #mainShell input[type="checkbox"] { margin-right: 5px; } #mainShell .checkboxList { margin-bottom: 10px; } #mainShell .checkboxPair { margin-left: 5px; } #mainShell textarea { min-height: 100px; } #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; } /** 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; color: #231346; font-family: "Antic Slab", Arial, Helvetica, sans-serif; font-weight: 400; } main h1, main h3, main h5 { color: #231346; font-family: "Antic Slab", Arial, Helvetica, sans-serif; } main h2, main h4, main h6 { color: #231346; font-family: "Antic Slab", Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: "Antic Slab", Arial, Helvetica, sans-serif; color: #231346; } h1 { font-size: 36px; margin: 0 0 30px; } h2 { font-size: 28px; margin: 0 0 20px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } @media screen and (min-width: 768px) { main h1 { font-size: 30px; } main h2 { font-size: } } @media screen and (min-width: 1024px){ main h1 { } main h2 { font-size: 36px; } h2 { font-size: 36px; } } /** Sidebar *************************************************/ /************************************************************/ #sidebar { } #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 { padding-left: 0; text-align: center; } #sidebar ul li { list-style: none; background-color: rgba(88,121,199,0.8); border-bottom: 2px solid #fff; } #sidebar ul li a { transition: .2s ease all; text-decoration: none; font-size: 18px; text-decoration: none; color: #fff; font-weight: 300; padding: 20px; display: block; } #sidebar ul li a:hover, #sidebar ul li a.nav-selected { background-color: rgba(88,121,199,1); } @media only screen and (min-width: 768px){ #sidebar ul { padding-left: 30px; text-align: left; } #sidebar ul li { } #sidebar ul li a { border-radius: 4px; } } /** Footer Styles *************************************************/ /******************************************************************/ footer { position: relative; background-color: #1b1363; font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size: 14px; color:#5879c8; padding: 10px 0 20px 0; margin-top: 10px;} footer p { display: inline; } footer p a { text-decoration: none; color: #597ac9; transition: .2s ease all; } footer p a:hover { color: #fff; } footer nav { float: left; } footer nav ul { } footer nav ul li { float: left; } footer nav ul li a { } footer nav ul li a:hover { } #info { } #copyright p { float: left; } #etc { padding-top: 12px; } #etc span a img { padding-right: 5px; } @media only screen and (min-width:768px){ footer { font-size: 16px; } footer nav { padding-top: 16px !important; } } .modalOverlay { position: fixed; overflow: scroll; z-index: 999; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255,255,255,0.7); } .modalShell { width: 600px; padding: 40px; max-width: 100%; margin: 10% auto 0; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.2); } .modalHeader { } .modalHeader h1 { float: left; } .modalHeader .btnExit { float: right; cursor: pointer; background: #eee; padding: 6px 20px; font-size: 18px; color: #666; } .modalHeader .btnExit:hover { background: box-shadow: inset 0 0 10px #ddd; } .modalHeader .btnExit:before { content: "Exit x"; } .modalBody { } /** Page Specific Styles ******************************************/ /******************************************************************/ /** Home Page *************************************************/ /**************************************************************/ #page1 #mainShell .grayBlock { background-color: #e6e7e8; } #mainShell .whiteBlock { padding: 0 10px; margin-top: 30px; position: relative; z-index: 1; } @media (min-width: 1024px){ #mainShell .whiteBlock { padding: 110px 0 80px; margin-top: 0; } } #page1 #mainShell .sponsorsWrap { background-color: #5879c8; padding: 0 0 45px 0; position: relative; z-index: 2; } @media (min-width: 1024px){ .sponsorsWrap { margin-top: -25px; } } .sponsorsWrap .sponsors p.sponsorThanks { font-size: 36px!important; font-family: "Antic Slab", Arial, Helvetica, sans-serif; color: #fff; font-weight: 400; margin-bottom: 20px; padding-left: 10px; } .sponsorImageWrap img { padding-right: 0px; } .sponsorImageWrap img:first-child { padding-left: 28px; padding-right: 15px; } .sponsorImageWrap img:nth-child(3) { padding-right: 15px; } .sponsorImageWrap img:nth-child(5) { padding-right: 15px; } .sponsorImageWrap img:nth-child(11) { padding-right: 15px; } .sponsorImageWrap img:nth-child(10) { padding-right: 0px; } .aboutSection { margin: 40px 0; } .aboutSectionWrapper .aboutSectionContent .simpleButton { margin-right: 10px; } .venueWrap { overflow: hidden; } .venueWrap h3 { font-family: "proxima-nova", Arial, Helvetica, sans-serif; color: #231346; font-weight: 700; color: #414042; font-size: 14px; padding-bottom: 10px; } img.locationPhoto { max-width: 100%; } .venueWrap .venue { margin-top: 50px; } .venueWrap .simpleButton { margin: -3px 0 20px -25px; } @media screen and (min-width: 768px){ #page1 #mainShell { margin-top: -101px; } .sponsorsWrap .sponsorImageWrap img { padding-right: 22px; } .sponsorsWrap .sponsorImageWrap img:first-child { padding-left: 28px; } .sponsorImageWrap img:nth-child(13) { padding-right: 0px; } .venueWrap .venue h3 { margin-left: -15%; } .venueWrap .venue a.simpleButton { font-size: 18px; margin-top: 15px; } } @media screen and (min-width: 1024px){ .venueWrap .venue { margin-bottom: 60px; } .venueWrap .venue h3 { margin-left: 0px; } .venueWrap .venue a.simpleButton { padding-left: 20px; margin-left: -20px; } img.locationPhoto { right: 60%; position: absolute; margin-top: -25px; max-width: 80%; } } @media screen and (min-width: 1200px){ article.venue { width: 50%; } img.locationPhoto { max-width: 56%; margin-top: -22px; } } /** Login Page ************************************************/ /**************************************************************/ #page111 #loginShell { background: #f5f5f5; padding: 20px; } #page111 #ctaShell { display: none; } #page111 #mainShell article { margin: 20px 0; } /** Register Page *********************************************/ /**************************************************************/ #page138 .pageTitle { } #page138 #ctaShell { display: none; } #page138 article { padding-left: 10px; } #page138 h1 { margin: 40px 0 18px 0px; } #page138 article h3 { margin: 40px 0px 10px 0px; } #page138 article h4 { font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 18px; color: #414042; } @media screen and (max-width:768px) { #page138 .ccm-layout-col-2 { padding-top: 15px; } } /** Partners Page *********************************************/ /**************************************************************/ .insidePageList li.insidePage:last-child { margin-right: 0 !important; } .insidePageList li.insidePage h2 { text-align: center; margin: 12px 0 40px 0; } .insidePageList li.insidePage a { text-align: center; text-decoration: none; } @media only screen and (min-width:768px){ .insidePageList li.insidePage { width: 32.33%; margin-right: 1.5%; } .insidePageList li.insidePage:last-child { margin-right: 0px; } .insidePageList li.insidePage h2 { font-size: 16px; text-align: left; } } @media only screen and (min-width:768px){ .insidePageList li.insidePage h2 { font-size: 26px; } } /** Agenda Page ***********************************************/ /**************************************************************/ #mainShell ul.sessionList { padding-left: 0px; } ul.sessionList li { width: auto!important; max-width: none!important; float:none!important; padding-left: 10px; } ul.sessionList li.session { list-style: none!important; margin-bottom: 8px; } ul.sessionList li.session .sessionContainer { background-color: #ebebec; } ul.sessionList li.session .sessionContainer .session { border-top: 10px solid #fff; padding: 10px 10px 10px 20px; } .session .timeSlot { font-size: 18px; color: #2d3092; margin: 18px 0 10px; } .session h3 { font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 14px; color: #414042; margin-bottom: 10px; margin-top: 10px; } .session p { margin: 0; font-size: 14px; } .session .speakerThumb { width: 100px; float: left; } .session .fourcol-medium .speakerThumb { width: 70px; display: none; } .session .speakerThumb img { border-radius: 50%; border: 1px solid #2d3092; } .session .speakerOverview { font-weight: 500; margin-bottom: 10px; cursor: pointer; color: #a5561c; } .session .speakerOffset { margin-left: 110px;} .session .fourcol-medium .speakerOffset { margin-left: 0px; } .session .agendaSpeakerName { font-weight: bold; } .session .speakerOverview:hover { } .session .speakerDetail { display: none; } .session .speakerDetail p { } @media screen and (min-width: 768px){ ul.sessionList li.session { padding-left: 40px; margin-bottom: 12px; } ul.sessionList li.session .sessionContainer { background-color: transparent; overflow: hidden; } ul.sessionList li.session .sessionContainer .session { border-top: none; background-color: #ebebec; padding: 10px 10px 10000px 20px; margin-bottom: -9990px; } .session .timeSlot { font-size: 20px; } .session h3 { font-size: 20px; } #mainShell .session p { font-size: 18px; } } @media screen and (min-width: 1024px){ ul.sessionList li.session { padding-right: 40px; } .session .timeSlot { font-size: 24px; padding-left: 40px; } .session h3 { font-size: 24px; } } /** Sponsor Page **************************************************/ /******************************************************************/ #page137 .sponsorList { padding-left: 0; } #page137 .sponsorLevel { margin: 20px 0; text-align: center; font-size: 40px; } #page137 .sponsorList { border-top: 1px solid rgba(189, 195, 199,.3); padding-top: 20px } #page137 .sponsorList .sponsorItem { list-style: none; border-bottom: 1px solid rgba(189, 195, 199,.3); padding: 20px 0; } #page134 .sponsorList li.sponsorItem:last-child { padding-bottom: 40px; } #page137 .sponsorItem .sponsorThumb img { display: block; margin-left: auto; margin-right: auto; } @media only screen and (min-width:768px) { #page137 .sponsorLevel { margin: 20px 0; text-align: left; } #page137 .sponsorItem .sponsorThumb img { float: left; } #page137 .sponsorItem .sponsorDesc { padding: 0 40px; } } /** Block Styles **************************************************/ /******************************************************************/ /** Team Members ***********************************************/ /***************************************************************/ ul.teamMemberList { padding-left: 0 !important; margin-bottom: 40px; } li.teamMember { list-style: none !important; margin-bottom: 15px; } .memberInfo { background: #efefef; padding: 9px 15px; } .memberInfo h3 { font-size: 24px !important; float: left; color: #231346; margin: 0 !important; } .memberInfo h4 { float: right; color: #777; font-size: 22px !important; padding-top: 2px; font-weight: 300; font-family: "proxima-nova", Arial, Helvetica, sans-serif; margin: 0 !important; } .memberDetails { background: #dcdcdc; padding: 5px 15px; color: #555; font-size: 14px; } .memberDetails span { display: block; float: left; } .memberDetails .bar { margin: 0 7px; } .memberDetails .origin { } .memberDetails .field { } .memberDetails .year { } .memberDetails .email { } /** Speaker List ***********************************************/ /***************************************************************/ #mainShell .speakerWrap { margin: 40px 0; } .speakerHeaderWrap { position: relative; } #mainShell .speakerHeader { font-family: "Antic Slab", Arial, Helvetica, sans-serif; font-size: 36px; color: #231346; } .speakerButtons { float: right; transition: .2s ease all; cursor: pointer; margin-left: 8px; top: 0; background: #aaa; padding: 7px 15px; border-radius: 50%; color: #fff;} @media only screen and (min-width:768px) { .speakerButtons { position: absolute; } } .speakerButtons:hover { background: #231346; } .speakerButtons.next { right: 0;} .speakerButtons.next:before{ content: ">"; } .speakerButtons.prev { right: 60px; } .speakerButtons.prev:before{ content: "<"; } #mainShell ul.speakerList { padding: 0; overflow-x: hidden; } .speakerList .overflowWrap { width: 10000px; position: relative; transition: .2s ease all;} #mainShell ul.speakerList li { list-style: none; float: left; padding-top: 10px; padding-right: 10px;} #mainShell ul.speakerList li:last-child { margin-right: 0; } #mainShell ul.speakerList .speakerThumb img { background-color: #ccc; } #mainShell ul.speakerList li .speakerName { font-weight: 600; padding: 5px 0 0 0; } #mainShell ul.speakerList li .speakerThumb, .speakerName, .speakerTitle, .speakerCompany { display: block; font-size: 16px; color: #414042; } /*** Make Speakers Look Nice Mobile **************/ @media screen and (min-width: 768px){ #mainShell .speakerWrap { padding-left: 30px; margin: 40px 0 0 0; } #mainShell ul.speakerList li { } #mainShell ul.speakerList li .speakerName, .speakerTitle, .speakerCompany { font-size: 16px; } #mainShell ul.speakerList .speakerThumb img { } } @media only screen and (min-width:1024px){ #mainShell .speakerWrap { margin: 60px 0 80px 0; } #mainShell ul.speakerList li { } } @media screen and (min-width: 1200px){ } /** Partner Block Page ********************************************/ /******************************************************************/ #mainShell .partnerShell .partnerType { font-size: 40px; text-align: center; margin-top: 40px; } #mainShell .partnerShell ul.partnerList { padding-left: 0; } #mainShell .partnerShell ul.partnerList { border-top: 1px solid rgba(189, 195, 199,.3); padding: 20px 0; } #mainShell .partnerShell ul.partnerList li.partnerItem { list-style: none; border-bottom: 1px solid rgba(189, 195, 199,.3); padding: 20px 0;} #mainShell .partnerShell ul.partnerList li.partnerItem:last-child { border-bottom: none; } .partnerShell ul.partnerList li:last-child { padding-bottom: 40px; } .partnerShell ul.partnerList li img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 15px; } @media only screen and (min-width:768px){ #mainShell .partnerShell .partnerType { text-align: left; } .partnerShell .partnerList .partnerItem .partnerThumb img { float: left !important; } .partnerShell .partnerList .partnerItem .partnerDesc { margin: 0 0 10px; padding: 0 0 0 20px; } } /** Autonav - Sitemap *****************************************/ /**************************************************************/ #mainShell ul.nav.sitemap { margin-left: 0; padding-left: 0; } #mainShell ul.nav.sitemap li { list-style: none !important; margin-bottom: 1px; } #mainShell ul.nav.sitemap a { transition: .2s ease all; font-size: 18px; padding: 4px 25px; text-decoration: none; display: block; background: #231346; color: #fff; } #mainShell ul.nav.sitemap a:hover { background: #b47633; color: #fff; } #mainShell ul.nav.sitemap li li a { background: #ccc; color: #231346; } #mainShell ul.nav.sitemap li li li a { background: #eee; color: #231346; } /** ProBlog List - Vivid_Clean ********************************/ /**************************************************************/ .blogList.vividClean { } .blogList.vividClean article.entry { } .blogList.vividClean article.entry header { } .blogList.vividClean article.entry h2 { } .blogList.vividClean article.entry time.cal { } .blogList.vividClean article.entry time.cal .day { } .blogList.vividClean article.entry time.cal .month { } .blogList.vividClean article.entry .comments { } .blogList.vividClean article.entry .blogSocialIcons { } .blogList.vividClean article.entry .description { } .blogList.vividClean article.entry .readmore { } /** Social Icons **********************************************/ /**************************************************************/ .socialIcons { } .icoSocial { display: inline-block; } /** Simple Button *********************************************/ /**************************************************************/ .simpleButton { } .simpleButton.bttn.cleanButton { text-transform: uppercase; background-image:url('../img/blueChevron.png'); background-repeat: no-repeat; background-color: transparent; color: #5879c8; font-size: 16px; background-position: 135px 12px; margin-left: -25px; } @media only screen and (min-width: 768px){ .simpleButton.bttn.cleanButton { font-size: 18px; background-position-x: 95%; } .simpleButton.bttn.cleanButton:hover { background-position-x: 98%; } .simpleButton.bttn { font-size: 18px; } } /** Simple Tabs ***********************************************/ /**************************************************************/ ul.simpleTabs { margin: 30px 0 0 0 !important; padding: 0 0 0 10px !important; } ul.simpleTabs li { background: #fff; list-style: none !important; float: left; padding: 15px 0px; margin: 0px 2% 0 0; text-align: center; position: relative; border: 4px solid #5879c8; } ul.simpleTabs li:last-child { margin-right: 0!important; } ul.simpleTabs li span { display: block; } ul.simpleTabs li.active { padding: 19px 0px; margin: 0 2% 0 0; background-color: #5879c8; border: none; background-position: 50% 90%; background-repeat: no-repeat; } ul.simpleTabs li.active span.downArrow { display: block; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #5879c8; position: absolute; bottom: -12px; right: 43%; } ul.simpleTabs li a { display: block; font-size: 14px; text-decoration: none !important; font-weight: normal; color: #5879c8; } ul.simpleTabs li.active a { color: #fff !important; font-weight: 300; } @media only screen and (min-width:768px){ ul.simpleTabs { display: block; padding: 0 15px 0 40px !important; } ul.simpleTabs li { text-align: left; padding: 17px 25px; } ul.simpleTabs li.active { padding: 21px 25px; } ul.simpleTabs li:first-child { } ul.simpleTabs li a { font-size: 33px; } ul.simpleTabs li.active span.downArrow { border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #5879c8; right: 50%; bottom: -20px;} .simpleTabsContainer { margin-top: 25px; } } .simpleTabsContainer { } .simpleTabsContent { display: none; } .simpleTabsContent:first-child { display: block; } @media only screen and (min-width:1024px){ ul.simpleTabs { padding: 0 !important; margin-top: 0 !important; } ul.simpleTabs li { text-align: left; padding-left: 35px !important; } ul.simpleTabs a { font-size: 36px; } ul.simpleTabs li span { font-size: 24px; } ul.simpleTabs li.active span.downArrow { right: 50%; } .simpleTabsContainer { margin-top: 25px; } .simpleTabsContent { } .simpleTabsContent:first-child { } } @media only screen and (min-width: 1200px){ ul.simpleTabs { margin: 0px 0 50px 0 !important; } } /** C5 Cols ***************************************************/ /**************************************************************/ @media only screen and (max-width:768px){ .ccm-layout-col, .ccm-layout-col-spacing { width: auto !important; margin: 10px 0 !important; float: none !important; } } @media only screen and (min-width:1024px){ .ccm-layout-col, .ccm-layout-col-spacing { padding-right: 20px; } }