@charset "UTF-8"; /* CSS Document */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-font-smoothing: antialiased; } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; margin:20px 0 20px 0; } td, th { padding: 10px; } /** * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * contenteditable attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that are clearfixed. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .cf { *zoom: 1; } /**BEGIN SITE CSS**/ /****************************GENERAL RULES ********************/ /** HTML, *:before&After, and Body:position,min-height, & padding-bottom used to absolte position footer to bottom of page, no matter the window size ************/ html{ height: 100%; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { position: relative; min-height: 100%; padding-bottom: 6rem; background-color:white; color:#333; width:100%; } main { font-family:'Lato', Arial, Helvetica, sans-serif; width:100%; margin:auto; background-color:#fff; } article { max-width:1000px; margin:30px auto 30px auto; padding:20px 10%; } img { max-width:100%; } p { font-family:'Lato', Arial, Helvetica, sans-serif; color:#333; font-size:1em; line-height:1.8em; margin:0 0 20px 0; padding:0; } h1 { font-family:'Lato', Arial, Helvetica, sans-serif; font-size:3em; font-weight:300; color:#b52a79; margin:0 0 30px 0; text-transform:uppercase; text-align:center; } h2 { font-family:'Lato', Arial, Helvetica, sans-serif; font-size:2em; font-weight:300; color:#b52a79; margin:0 0 30px 0; text-transform:capitalize; } h3 { font-family:'Lato', Arial, Helvetica, sans-serif; font-size:1.75em; font-weight:400; color:#b52a79; margin:0 0 30px 0; } h4 { font-family:'Lato', Arial, Helvetica, sans-serif; font-size:1em; font-weight:400; color:#b52a79; margin:0 0 30px 0; } h5{ font-family:'Lato', Arial, Helvetica, sans-serif; font-size:1.05em; font-weight:bold; color:#b52a79; margin: 0; } li { font-family:'Lato', Arial, Helvetica, sans-serif; margin-bottom: 10px; line-height:1.5em; font-size:1em; } ul.live li{ margin-bottom: 25px; } a:link, a:visited { color:#b52a79; } a:hover, a:active { color:#D1C100; } .align_left { float:left; } img.align_left { margin-right:30px; margin-bottom:30px; } .align_right { float:right; } .clear { clear:both; } /*.half { width:48%; }*/ .options-slider{ text-align:center; } .style-options{ text-align:center; } .slidernav a{ text-decoration:none; } .litenav a{ text-decoration:none; } .shadow{ box-shadow: 2px 2px 10px 0 rgba(0,0,0,.2); } .extra-pad { padding:0 15%; } .top-pad{ padding-top:40px; } .center-up { text-align:center; } .text-left{ text-align:left; } .margin-auto{ margin-left:auto; margin-right:auto; } .set-block{ display:block; } .set-inline{ display:inline-block; } .border_top{ border-top:thin solid #b52a79; } .form-half-width{ } .button{ text-decoration:none; } .security{ width:50%; } .move-down { margin-top:40px; } .currentmain{ width: 100%; height: auto; text-align: center; } .currentimg{ width: 45%; height: auto; margin: 1%; background-color: #ffffff; border-radius: 10px; } .currentimgusa{ background-color: #ffffff; border-radius: 10px; } .fade:hover { opacity: .7; transition: opacity .5s ease-in-out; } .posrel{ position: relative; } .posabs{ position: absolute; } .comingsoon{ position: absolute; color: white; text-align: center; width: 100%; height: 67%; background-color: rgba(51,51,51,0.95); text-transform: uppercase; font-size: 2em; font-weight: bold; padding-top: 30%; } .fullwidth{ width: 100%; height: auto; } .fifty{ width: 50%; height: 50%; } .half{ width: 49.75%; margin: 0; display: inline-block; } .overflow { padding-bottom: 30px; overflow: visible; } .remTopMarg { padding-top: 0; margin-top: 0; } .remBotMarg { margin-bottom: 0; padding-bottom: 0; } .pinkBorder { border: 3px solid #C7438C; } .pad15{ padding: 15px; } .coupon{ border-left: 20px solid #b52a79; padding: 0 25px 0 5px; } .coupon h4{ margin: 0; padding: 0; font-size: 1.3em; text-transform: uppercase; font-weight: bold; } .coupon p{ line-height: 1.2em; font-size: 1em; font-weight: 300; } .couponCode { color:#b52a79; font-weight: bold; font-size: 1.2em; } .content{ padding: 7%; } /******************* NEW FEATURES MODEL CODE ************************/ article.features{ padding: 10px 0; max-width: 90%; margin: auto; text-align: center; } .feature { display: inline-block; margin: auto; position: relative; text-align: center; width: 48%; background-color: black; } .feature img { width: 100%; height: auto; background-color: black; margin: 0; padding: 0; } .feature h1{ font-size: 500%; font-weight: bolder; color: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: 2px 2px 4px black; } .feature img:hover{ opacity: .5; transition: all 500ms ease; } /************************************************************NAVIGATION**/ nav{ font-size:.875em; font-family:'Lato', Arial, Helvetica, sans-serif; text-align:center; width:100%; position:fixed; top:0; background: #b52a79; z-index:9999; box-shadow: 0 0 5px 0 rgba(0,0,0,.3); } nav ul li a:link, nav ul li a:visited{ height:40px; color:white; text-decoration:none; padding:20px 10px 0 10px; display:block; text-transform:capitalize; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } nav ul li a:hover, nav ul li a:active{ color:#FFEC00; } nav ul{ margin:0 auto 0 auto; padding:0; max-width:1000px; } nav ul li{ list-style:none; display:inline-block; height:60px; padding:0; transition: all .5s; margin-bottom:0; } nav ul li:hover{ background:#9F2065; } nav a#pull { display: none; } .end-logo{ text-align:center; width:30%; } /***************************************FOOTER**/ footer{ position: absolute; width: 100%; bottom: 0px; background:#b52a79; padding:20px 10%; margin-top: 15px; } footer p{ color:white; font-size:.8em; line-height:1em; max-width:1000px; margin:0 auto 0 auto; } .footnav{ font-size:.6em; font-family:'Lato', Arial, Helvetica, sans-serif; text-align:left; width:100%; background: #b52a79; } .footnav ul li a:link, .footnav ul li a:visited{ color:white; padding:0 3px; display:block; text-transform:capitalize; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .footnav ul li a:hover, .footnav ul li a:active{ color:#F9F90C; margin:0; } .footnav ul{ margin:0 auto 10px auto; padding:0; max-width:1000px; } .footnav ul li{ list-style:none; display:inline-block; padding:0; margin-bottom:0; } /*FORM STYLES***************************************************/ form { line-height:1em; } .remBotPad { padding-bottom: 0px; } .remTopPad { margin-top: 0px; padding-top:0px; } /***Video Styles******************************************************************************/ .reel { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; top: -30px; } .reel iframe{ left:0; top:0; height:100%; width:100%; position:absolute; } /***Event Box Styles******************************************************************************/ #currentevent{ width: 100%; height: auto; display: block; margin: 0; } .eventBox{ width: 100%; min-height: 350px; overflow: hidden; background: no-repeat center top; background-size: cover; display: inline-block; position: relative; } .eventPic{ } .eventLinks{ height: auto; width: 30%; display: block; margin-left: 3%; vertical-align: middle; text-align: center; position: absolute; top: 30%; font-size: 2.4em; } .eventButton{ width:94%; margin-left:auto; margin-right:auto; text-align: center; padding: 7px; text-decoration:none; font-weight:bold; text-transform:uppercase; display: block; } a.eventButton:link, a.eventButton:visited{ border: 3px solid #C7438C; background-color: #C7438C; color:#FFFFFF; border-radius: 10px; } a.eventButton:hover, a.eventButton:active{ border: 3px solid #C7438C; color: #C7438C; background-color: #fff; } .eventLinkWatch{ margin-bottom: 5%; } .eventLinkOrder{ margin-top: 5%; } .eventmain{ width: 100%; margin: 0 auto 1px; display: block; text-align: center; } .eventmain h2{ margin-bottom: 1px; text-align: center; } .homeevent{ display: inline-block; width: 22%; margin: 5px 1%; vertical-align: top; border: 3px solid #C7438C; padding: 0 0 0px; border-radius: 13px; } .homeevent img{ margin: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; } .homeevent p{ margin: 0 auto; text-align: center; } a.eventlink:link, a.eventlink:visited{ color: white; background-color: #C7438C; display: inline-block; width: 100%; text-align: center; text-decoration: none; font-size: 2vw; padding: 10px 0; margin: 1px auto 0px; border: 2px solid #c7438c; } a.eventlink:hover, a.eventlink:active { background-color: white; color: #c7438c; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .hide { display: none; } .bf-hdr{ display: inline-block; width: 40%; } ul.live{ margin: 0; padding: 0; } .live li{ list-style: none; border-left: solid 8px #C7438C; margin: 0; padding: 0 0 0 10px; } .coming-soon { background-color: #fff; padding: 1px 10px; color: #C7438C; font-weight: bold; } /********************* UPDATES *************************************/ .updates { padding: 2% 10%; color: #eeeeee; background-color: #c7438c; } .updates #drip-ef-190996129 h3 { text-align: center; font-size: 3em; color: #eee; font-weight: bold; letter-spacing: .1em; line-height: 1em; } .sms-subtext { font-size: .8em; font-style: italic; line-height: .8em; } .updates label { font-weight: bold; } .updates a { color: cornsilk; } .submit { display: inline; } .updates .submit { background-color: #eeeeee; color: #c7438c; } .updates input { color: #c7438c; } /************** FAQs ******************************/ .faq{ margin: 5px 10%; padding: 2% 3%; border: 1px solid #c7438c; border-radius: 10px; } .faqQ{ margin: 0; } .faqA, .faqA p{ margin: 0; } /**Responsive STUFF**************************************************************************** ************************************************************************************************/ @media screen and (max-width: 1366px) { .eventLinks{ margin-left: 3%; top: 20%; font-size: 1.75em; } .feature h1{ font-size: 3em; /* [disabled]color: black; */ } } @media screen and (max-width: 1024px) { .eventLinks{ margin-left: 3%; top: 20%; font-size: 1.25em; } .homeevent{ width: 45%; margin: 5px 1%; } } @media screen and (max-width: 860px) { .introduction { padding:70px 7%; } .eventLinks{ margin-left: 0%; top: 15%; font-size: 1.1em; } .feature h1{ font-size: 2em; /* [disabled]color: black; */ } } @media screen and (max-width: 770px){ .introduction { padding: 70px 6%; } .feature { display: block; width: 100%; margin: 10px 0; } } @media screen and (max-width: 750px) { .eventLinks{ height: auto; width: 100%; display: inline-block; margin-top: 10px; margin-left: 0%; text-align: center; position: relative; top: 10px; font-size: 2em; } a.eventButton:link, a.eventButton:visited{ color:#FFFFFF; } a.eventButton:hover, a.eventButton:active{ color: #C7438C; } .eventLinkWatch{ margin-bottom: 3%; } .eventLinkOrder{ margin-top: 3%; } nav ul { display: none; height: auto; } nav li { display: block; float: none; width: 100%; } nav li a { border-bottom: 1px solid #9F2065; } nav a#pull { text-decoration:none; color:white; font-family:'Lato', Arial, Helvetica, sans-serif; font-weight:bold; display: block; background-color: #b52a79; width: 100%; height: 60px; position: relative; text-align:right; padding:18px 60px 0 0; border-top:thin solid #9F2065; box-sizing:border-box; } nav a#pull:after { content:""; background: url('images/nav-icon.png') no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px; top: 17px; } /**GENERAL RULES**/ article { max-width:1000px; margin:30px auto 30px auto; padding:20px 7%; } p { font-family:'Lato', Arial, Helvetica, sans-serif; line-height:1.6em; } h1 { font-family:'Lato', Arial, Helvetica, sans-serif; font-size:2.7em; } h2 { font-family:'Lato', Arial, Helvetica, sans-serif; font-size:1.5em; } h3 { font-family:'Lato', Arial, Helvetica, sans-serif; font-size:1.5em; } h4 { font-family:'Lato', Arial, Helvetica, sans-serif; font-size:.8em; } img.align_left { margin-right:20px; margin-bottom:20px; } .eventmain h2{ font-size: 1.8em; } .homeevent{ display: inline-block; width: 95%; margin: 25px 1%; } a.eventlink:link, a.eventlink:visited{ font-size: 2em; margin: 2px 0; padding: 15px; } .bf-hdr{ display: inline-block; width: 95%; } } @media screen and (max-width: 580px) { .align_left{ float:none; } .align_right{ float:none; } /**GENERAL RULES**/ article { max-width:1000px; margin:30px auto 30px auto; padding:20px 5%; } p { font-family:'Lato', Arial, Helvetica, sans-serif; line-height:1.6em; } h1 { font-family:'Lato', Arial, Helvetica, sans-serif; font-size:2.7em; } h2 { font-family:'Lato', Arial, Helvetica, sans-serif; font-size:1.2em; margin-top:20px; } h3 { font-family:'Lato', Arial, Helvetica, sans-serif; font-size:1.5em; } h4 { font-family:'Lato', Arial, Helvetica, sans-serif; font-size:.8em; } img.align_left { margin-right:20px; margin-bottom:20px; } .half { width:100%; } .push{ clear:left; } .window-chart-individual{ width:48%; margin-top:20px; } .currentimg{ width:100%; height: auto; border-bottom: 10px solid rgba(199,67,140,1.00); border-top: 10px solid rgba(199,67,140,1.00); border-radius: 5px; margin: 10px 0; } .currentimgusa{ width:96%; height: auto; margin: 1%; background-color: #ffffff; } } @media screen and (max-width: 460px) { h1{ font-size:1.8em; } h2{ font-size:1.4em; } .extra-pad { padding:0 5%; } .smallcenter{ text-align:center; } .text-left{ text-align:center; } }