/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
.NoCap{text-transform:none !important;} .Error,.ErrorSummary,.IndexErrorSummary{color:#BC161A;font-weight:bold;} .Success{color:Green;font-weight:bold;text-align:center;font-size:14px;} /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles:opinionated defaults ========================================================================== */ html { color:#222; font-size:1em; line-height:1.4; } /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301
* * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background:#b3d4fc; text-shadow:none; } ::selection { background:#b3d4fc; text-shadow:none; } /* * A better looking default horizontal rule */ hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440
*/ audio, canvas, iframe, img, svg, video { vertical-align:middle; } /* * Remove default fieldset styles. */ fieldset { border:0; margin:0; padding:0; } /* * Allow only vertical resizing of textareas. */ textarea { resize:vertical; } /* ========================================================================== Browser Upgrade Prompt ========================================================================== */ .browserupgrade { margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ .visible--xs { display:none; } .btn:focus { outline:none !important; box-shadow:none !important; } h1 { margin-top:0px !important; } .dark-color { color:#1c1c1c !important; } .gold-color { color:#bf9b30; } .psg--callout { padding:0 1.25rem !important; margin-top:1.25rem; margin-bottom:1.25rem; border-left:#cf5e49 5px solid; border-radius:2px; } .psg--callout h5 { color:#cf5e49; } .psg--callout{ font-style:italic; } .psg--main--box--container p{ color:#999999; } .text--line{ width:100%; height:50px; text-align:center; position:relative; } .text--line:before { content:''; width:25%; border-bottom:solid 1px #ccc; position:absolute; left:37.5%; top:25%; z-index:1; } .text--line p { width:auto; background-color:#fff; display:inline-block; z-index:3; padding:0 20px 0 20px; position:relative; margin:0; } .psg--vl { border-left:1.5px solid #ccc; height:300px; border-radius:2px; } .psg--container { padding-top:50px; padding-bottom:50px; } .psg--navbar .psg--btn{ width:125px; font-size:21px; padding:0px; margin-right:0px; } .no--margin--row { margin-left:0px; margin-right:0px; } .psg--btn { width:175px; border-radius:2px; text-transform:uppercase; color:#fff !important; } .psg--btn--green { background-color:#73974e; } .psg--btn--grey { background-color:#999999; } .psg--btn--red { background-color:#cf5e49; } .psg--btn--gold { background-color:#bf9b30; } .psg--navbar { background-color:#2c4046; } .psg--navbar .navbar-toggler { border-color:transparent; } .psg--navbar .navbar-toggler-icon { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
} .psg--navbar .navbar-brand, .psg--navbar .navbar-nav .nav-link { color:#fff; } .psg--navbar .navbar-brand:hover, .psg--navbar .navbar-nav .nav-link:hover { color:#ccc; } .psg--navbar .psg--btn--green { color:#fff; } .psg--nav--login .input-group-text, .psg--nav--login input, .psg--nav--login .btn{ border-radius:2px; } .psg--nav--login a { font-size:smaller; } .psg--nav--login button { color:#fff; } .psg--home--first { background: /* top, transparent red */ linear-gradient( rgba(33, 33, 33, 0.85), rgba(33, 33, 33, 0.85) ), /* bottom, image */ url('../img/psg--home--image.jpg'); background-position:bottom right; background-repeat:no-repeat; background-size:cover; } .psg--home--first h1 { color:#fff; font-size:56px; margin-bottom:25px; } .psg--home--first h3 { color:#fff; margin-bottom:25px; font-size:46px; } .psg--home--first h3 span { color:#73974e; text-transform:uppercase; } .psg--home--second { background-color:#2b2b2b; } .psg--home--second h1 { color:#fff; } .psg--home--second p { color:#e6e6e6; } .psg--home--second img{ width:200px; margin:0.67em 0; } .psg--home--third h1 { color:#fff; margin-bottom:50px; } .psg--home--third { background-color:#2b2b2b; background-image:url(../img/psg--golfimage.jpg); background-position:0 350px; background-repeat:no-repeat; background-size:cover; } .psg--tile { background-color:#fff; margin:0 25px; padding:35px; border-radius:2px; text-align:center; } .psg--tile .tile--icon img { width:75px; } .psg--tile hr{ width:75px; display:inline-block; } .psg--tile p { color:#606060; } .psg--home--fourth h1 { color:#2b2b2b; } .psg--home--fourth p { color:#606060; } .psg--home--fourth span { color:#bf9b30; font-size:54px; } .psg--home--fifth { height:300px; background-image:url(../img/3-FrontView-Macbook.jpg); background-size:cover; background-position:center; } .psg--home--sixth { background-color:#2c4046; } .psg--home--sixth h1 { color:#fff; text-align:center; } .psg--home--sixth p{ color:#e6e6e6; } .psg--home--sixth h5 { color:#cf5e49; } .psg--home--sixth img { width:30px; } .submenu--backdrop.button-toggle { z-index:980; background-color:rgba(0,0,0,0.5)!important; } .submenu--backdrop { background-color:transparent; position:absolute; top:0; bottom:0; left:0; right:0; z-index:0; opacity:1; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; } .btn--group--inverse { width:100%; position:relative; display:inline-block; vertical-align:middle; } .btn--group--inverse .btn-submenu .icon-chevron-down { background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi4wNCA3LjE4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzIxMjEyMTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmRyb3AtZG93bi1jaGV2cm9uPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYsNy4xOEg2QS40OC40OCwwLDAsMSw1LjY2LDdMLjE1Ljk1YS41OS41OSwwLDAsMSwwLS43OC40Ny40NywwLDAsMSwuNzEsMEw2LDUuODQsMTEuMTguMTZhLjQ3LjQ3LDAsMCwxLC43MSwwLC41OS41OSwwLDAsMSwwLC43OEwxMC4xMywyLjg5LDYuMzcsN0EuNDguNDgsMCwwLDEsNiw3LjE4WiIvPjwvZz48L2c+PC9zdmc+); background-size:18px; display:inline-block; vertical-align:middle; width:24px; background-repeat:no-repeat; background-position:center; height:24px; float:right; -webkit-transform:rotateX(0); transform:rotateX(0); -webkit-transition:-webkit-transform .2s; transition:-webkit-transform .2s; transition:transform .2s; transition:transform .2s,-webkit-transform .2s; } .btn--group--inverse.show .btn-submenu .icon-chevron-down { -webkit-transform:rotateX(-180deg); transform:rotateX(-180deg); } .btn--group--inverse .btn-submenu.dropdown-toggle::after { display:none; } .btn--group--inverse svg { width:18px; height:18px; margin-right:1em; margin-bottom:.2em; } .btn--group--inverse>.btn:first-child { margin-left:0; } .btn--group--inverse .dropdown-toggle .badge { color:#fff; margin-top:4px; height:18px; background-color:#cf5e49; } .btn--group--inverse .btn-submenu { -webkit-perspective:2000px; perspective:2000px; background-color:#fff; letter-spacing:normal; z-index:990; } .btn--group--inverse .btn-submenu{ -webkit-perspective:2000px; perspective:2000px; -webkit-transition:none; transition:none; background-color:#fff; border:none; border-radius:4px; color:#222326; padding:12px 16px 8px; font-size:18px; font-weight:400; text-align:left; text-transform:capitalize; width:100%; letter-spacing:0; } .btn--group--inverse .btn { min-width:0; } .btn--group--inverse>.btn{ position:relative; float:left; } .btn--group--inverse .btn-submenu~.dropdown-menu { border:none; border-radius:0 0 4px 4px; -webkit-box-shadow:none; box-shadow:none; font-size:18px; margin:0; padding:0; width:100%; } .btn--group--inverse.show .btn-submenu { background-color:#fff; border-radius:4px 4px 0 0; } .btn--group--inverse .btn-submenu~.dropdown-menu>li:first-child { border-top:1px solid #efefef; } .btn--group--inverse .btn-submenu~.dropdown-menu>li { border-bottom:1px solid #efefef; padding:0; display:flex; } .btn--group--inverse .btn-submenu~.dropdown-menu>li:last-child { border-bottom:none; } .btn--group--inverse .btn-submenu~.dropdown-menu>li>a { padding:12px 16px 8px; width:100%; color:#222326; } .btn--group--inverse .btn-submenu~.dropdown-menu>li>a .badge { color:#fff; margin-top:4px; height:18px; background-color:#cf5e49; } .btn--group--inverse .btn-submenu~.dropdown-menu>li.active a { background-color:#f8f8f8; color:#222326; } .psg--page--wrapper { background-color:#f0f3f8; position:relative; } .psg--sidebar { background-color:#212121; position:fixed; z-index:100; padding:0; box-shadow:inset -1px 0 0 rgba(0, 0, 0, .1); } .psg--sidebar-sticky { position:-webkit-sticky; position:sticky; position:relative; top:0; height:calc(100vh - 63.63px); overflow-x:hidden; overflow-y:auto; } .psg--sidebar .nav-item.active .nav-link { color:#fff; } .psg--sidebar .nav-link { color:#999999; font-size:14px; padding:1rem 1rem; } .psg--sidebar .nav-link .badge { margin-top:2px; min-width:18px; height:18px; padding:.45em .4em; background-color:#cf5e49; color:#fff; } .psg--sidebar .nav-item { border-bottom:1px solid #1c1c1c; border-top:1px solid #2b2b2b; } .psg--sidebar .nav-item.active:before, .psg--sidebar .nav-item:hover:before { background-color:#cf5e49; content:''; height:57px; left:0; position:absolute; width:5px; } .psg--sidebar svg.psg--sidemenu--icon { width:22px; height:22px; margin-right:15px; } .psg--logo--grey--sidebar { width:100px; height:auto; } .psg--column--icon { margin-top:25px; } .psg--sidebar--ul { border-bottom:1px solid #2b2b2b; } .psg--main--box--container { background-color:#fff; border:1px solid #f8f8f8; padding-left:15px !important; padding-right:15px !important; border-radius:2px; } .membership--tee--box { background-color:#bf9b30; border-radius:2px; } .psg--scorecard h5 { margin-bottom:0px !important; line-height:2; } td[data-score=threeminuspar], .score--card--key--circle.three--minus--par { background-color:#73974e; } td[data-score=eagle], .score--card--key--circle.eagle { background-color:#c6e09d; } td[data-score=birdie], .score--card--key--circle.birdie { background-color:#7db0bc; } td[data-score=par], .score--card--key--circle.par { background-color:#cccccc; } td[data-score=bogey], .score--card--key--circle.bogey { background-color:#fbb03b; } td[data-score=doublebogey], .score--card--key--circle.double--bogey { background-color:#cb837a; } td[data-score=triplebogey], .score--card--key--circle.triple--bogey { background-color:#cf5e49; } td[data-score=quadruplebogey], .score--card--key--circle.quadruple--bogey { background-color:#a3211f; } .score--card--key--circle { border-radius:100%; height:15px; width:15px; display:inline-block; position:relative; margin-right:15px; } .score--card--key p { display:inline-block; } .psg--main--box--container h5 { color:#cf5e49; } .player--name { white-space:nowrap; } .psg--weeklypicks--table { counter-reset:rowNumber -1; } .psg--weeklypicks--table tr { counter-increment:rowNumber; } .psg--weeklypicks--table tr td:first-child::before { content:counter(rowNumber) "." ; min-width:1em; margin-right:0.5em; } .psg--weeklypicks--table tr[data-packsix=true] td:last-child { background:url("data:image/svg+xml;utf8,") no-repeat;
background-position-y:11px; background-position-x:40px; } .psg--nav--pills--leaderboard { background-color:#212121; border-radius:2px; } .psg--nav--pills--leaderboard .nav-link { border-radius:0px; color:#999999; padding:.5rem .1rem; } .psg--nav--pills--leaderboard .nav-link.active { background-color:transparent; border-bottom:5px solid #cf5e49; } .psg--scorechart--table thead tr th { text-align:center; border-top:none; border-bottom:none; } .psg--scorechart--table thead tr th:first-child, .psg--scorechart--table tbody tr td:first-child { width:20%; text-align:left !important; color:#666666 !important; } .psg--scorechart--table tbody tr td { width:10%; text-align:center; padding:.6rem .4rem; border-top:none; color:#73974e; } .psg--scorechart--table tbody tr td:nth-child(n+6){ color:#cf5e49 !important; } .membership--tee--box--row svg { width:55px; } .gold-background { background-color:#bf9b30; } .blue-background { background-color:#0071bc; } .white-background { background-color:#fff; border:2px solid #e6e6e6; } .membership--tee--box--row .tee { padding:.5em; border-radius:2px; } .membership--tee--box--row.prize .tee p { width:71px; text-align:center; position:relative; display:inline-block; } .membership--tee--box--row.prize .tee { padding:0; } .prize.first .tee p, .prize.pack--6 p, .prize.survivor p, .prize.perfect--game p{ font-size:30px; color:#73974e; } .prize.second .tee p, .prize.third .tee p{ color:#a0ad9f; } .prize.first .tee:first-child p:before { content:'1st'; position:absolute; left:-50px; top:12px; font-size:1rem; color:#999; } .prize.second .tee:first-child p:before { content:'2nd'; position:absolute; left:-50px; color:#999; font-size:1rem; } .prize.third .tee:first-child p:before { content:'3rd'; position:absolute; left:-50px; color:#999; font-size:1rem; } .prize.survivor .tee:nth-child(2) p,.prize.survivor .tee:nth-child(3) p { width:100px !important; } .survivor.subtitle .tee { padding:0; } .survivor.subtitle .tee p { border-top:1px solid #999; padding:10px 0 0 0; color:#999; font-size:16px; width:71px; text-align:center; } .card--message { background-color:#c6e09d; } .card.box--shadow { -webkit-box-shadow:0px 0px 41px -1px rgba(0,0,0,0.75); -moz-box-shadow:0px 0px 41px -1px rgba(0,0,0,0.75); box-shadow:0px 0px 41px -1px rgba(0,0,0,0.75); z-index:1; } .card--message p { color:#2b2b2b; text-transform:uppercase; } .divider-text { position:relative; text-align:center; margin-top:15px; margin-bottom:15px; } .divider-text span { padding:7px; font-size:12px; position:relative; z-index:2; } .divider-text:after { content:""; position:absolute; width:100%; border-bottom:1px solid #ddd; top:55%; left:0; z-index:1; } .btn-facebook { background-color:#405D9D; color:#fff; } .btn-twitter { background-color:#42AEEC; color:#fff; } .sign--up--main { background:linear-gradient(to bottom, #cf5e49 50%, #2c4046 50%); } .sign--up--main .pricing-header { color:#fff; } .sign--up--main .pricing-header span { color:#c6e09d; font-weight:bold; } .sign--up--main .card-header { color:#fff; text-transform:uppercase; border:none; } .sign--up--main .white-background { background-color:#ccc; border:none; } .sign--up--main .card-title:not(.membership--fee) { color:#73974e; } .sign--up--main .card button, .sign--up--main .card a.btn { color:#fff; text-transform:uppercase; } .sign--up--main.sign--up--1 .card:first-child { border-bottom-right-radius:0; border-top-right-radius:0; } .sign--up--main.sign--up--1 .card:first-child .card-header { border-top-right-radius:0; } .sign--up--main.sign--up--1 .card:nth-child(2) { border-bottom-right-radius:0; border-bottom-left-radius:0; } .sign--up--main.sign--up--1 .card:nth-child(3) { border-bottom-right-radius:0; border-bottom-left-radius:0; } .sign--up--main.sign--up--1 .card:nth-child(3) .card-header { border-top-left-radius:0; } .sign--up--main .email--popup--container h5,.sign--up--main .email--popup--container button{ color:#fff; } .green-background { background-color:#c6e09d; } .psg--footer { background-color:#212121; } .psg--footer p, .psg--footer .list-inline-item a { color:#ccc; } .sign--in--container { display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-align:center; -ms-flex-pack:center; -webkit-box-align:center; align-items:center; -webkit-box-pack:center; justify-content:center; padding-top:40px; padding-bottom:40px; height:100%; } .form--signin { width:100%; max-width:330px; padding:15px; margin:0 auto; } .form--signin input[type="password"] { margin-bottom:10px; border-top-left-radius:0; border-top-right-radius:0; } .form--signin input[type="email"] { margin-bottom:-1px; border-bottom-right-radius:0; border-bottom-left-radius:0; } .form--signin .form-control { position:relative; box-sizing:border-box; height:auto; padding:10px; font-size:16px; } /* ========================================================================== Helper classes ========================================================================== */ /* * Hide visually and from screen readers */ .hidden { display:none !important; } /* * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/ .visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638
*/ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility:hidden; } /* * Clearfix:contain floats * * 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 receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content:" ";/* 1 */ display:table;/* 2 */ } .clearfix:after { clear:both; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width:35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-webkit-min-device-pixel-ratio:1.25), (min-resolution:1.25dppx), (min-resolution:120dpi) { /* Style adjustments for high resolution devices */ } @media (max-width:767px){ .visible--xs { display:block!important; } .hidden--xs { display:none; } } /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */ @media print { *, *:before, *:after, *:first-letter, *:first-line { background:transparent !important; color:#000 !important;/* Black prints faster: http://www.sanbeiji.com/archives/953 */
box-shadow:none !important; text-shadow:none !important; } a, a:visited { text-decoration:underline; } a[href]:after { content:" (" attr(href) ")"; } abbr[title]:after { content:" (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content:""; } pre, blockquote { border:1px solid #999; page-break-inside:avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables
*/ thead { display:table-header-group; } tr, img { page-break-inside:avoid; } img { max-width:100% !important; } p, h2, h3 { orphans:3; widows:3; } h2, h3 { page-break-after:avoid; } }