/******************************************************************/ /*** /*** Website Designed and developed by IsItVivid.com /*** Author: Justin Nipper & Michael Grissinger /*** /******************************************************************/ /** More Event Styles *********************************************/ /******************************************************************/ #mainShell .locationHeader { text-align: center; font-weight: 700; } #mainShell .locationHeader .location { font-size: 30px; padding: 0 40px; background-color: #fff; color: #e76505; } #mainShell .locationHeader .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 .network_events h1 { margin-top: 55px; margin-bottom: 36px; } #mainShell .eventList { } #mainShell .eventList .eventListHeading { font-weight: 900; font-size: 12px; color: #929292; text-transform: uppercase; padding-bottom: 9px; border-bottom: 1px solid #d0d0d0; } #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; padding-left: 200px; } #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; } #mainShell .event { font-size: 15px; text-transform: uppercase; border-bottom: 1px solid #d0d0d0; } #mainShell .event .eventTitle { color: #302f2f; font-size: 15px; float: left; font-weight: 900; margin-bottom: 0; line-height: normal; } #mainShell .event .eventTime { font-size: 15px; float: left; font-weight: 700; color: #777; } #mainShell .event .eventLocation { font-size: 15px; float: right; font-weight: 700; color: #777; word-break: keep-all;} @media only screen and (min-width:768px){ #mainShell .locationHeader { 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; width: 14%; } #mainShell .locationsNav ul.nav li a { font-size: 14px; height: 100%; padding: 10px 0 0 0; } #mainShell .locationsNav ul.nav li a.nav-selected.nav-path-selected { background-image: url('/themes/vivid/img/orangeTriangle.png'); background-repeat: no-repeat; background-position: 50% 100%; padding-bottom: 40px; background-color: #e76505; color: #fff; } #mainShell .eventList .eventInnerWrap { padding: 7px 0; } #mainShell .eventList .eventInnerWrap:hover { background-color: #e76505; padding: 7px 15px; } #mainShell .eventList .eventInnerWrap:hover .eventTitle, #mainShell .eventList .eventInnerWrap:hover .eventTime, #mainShell .eventList .eventInnerWrap:hover .eventLocation { color: #fff; } #mainShell .eventList .eventListHeading .eventTitle { } #mainShell .eventList .eventListHeading .eventTime { padding-left: 320px; position: absolute; } #mainShell .eventList .eventListHeading .eventLocation { position: inherit; } #mainShell .event { padding: 7px 0; } #mainShell .event .eventTitle { } #mainShell .event .eventTime { padding-left: 320px; position: absolute; } #mainShell .event .eventLocation { position: inherit; } } @media only screen and (min-width:1024px){ #mainShell .locationsNav ul.nav li { border-left: 6px solid #fff; border-right: 6px solid #fff; } #mainShell .locationsNav ul.nav li a { font-size: 17px; } } @media only screen and (min-width:1200px){ } /** More Album Styles *********************************************/ /******************************************************************/ .albumWrap .album .albumRight .albumTitle { font-size: 36px; } @media only screen and (min-width:768px){ .albumWrap .album .albumRight .albumTitle { font-size: 46px; } } /** Network Events ************************************************/ /******************************************************************/ .network_events p.center_noteicon { display: none !important; } @media only screen and (min-width:768px){ .network_events p.center_noteicon { display: block !important; } } /** Contact Us ****************************************************/ /******************************************************************/ /** Catalog *******************************************************/ /******************************************************************/ .catalogSectionHeader .purchaseHeader { padding-right: 277px; } /** Store Front ***************************************************/ /******************************************************************/ .product-list-container { padding-top: 40px; border-top: 1px solid #d0d0d0; } .product-list-container .commerce-summary { display: none; } .product-list-container .list-product { text-align: center; border: 1px solid #d0d0d0; padding: 42px 0; margin-bottom: 30px; } .product-list-container .product-info-container .product-name { font-family: "Lato", Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.4; font-weight: 300; text-transform: uppercase; color: #302f2f; margin-bottom: 42px; } .product-list-container .add-to-cart input { font-size: 14px; margin-top: 30px; background-color: #9bea27; font-weight: 800; padding: 12px 25px; text-transform: uppercase; } @media only screen and (min-width: 768px) { .product-list-container .list-product { margin: 10px; } } /** Store Modal ***************************************************/ /******************************************************************/ /** Cart Dialog Box *******************************************/ /**************************************************************/ .ccm-core-commerce-cart-dialog { font-family: "Source Sans Pro"; font-size: 16px; border-radius: 0 !important; border: none !important; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) !important; width: 600px !important; } .ccm-core-commerce-cart-dialog .ui-dialog-titlebar { border: none; border-radius: 0 !important; background: #fff; font-family: 'Open Sans Condensed', sans-serif; } .ccm-core-commerce-cart-dialog .ui-dialog-titlebar .ui-dialog-title { font-weight: normal; color: #96a255; font-size: 28px; } .ccm-core-commerce-cart-dialog .ccm-core-commerce-cart-buttons { overflow: auto; margin: 10px 0 20px; } .ccm-core-commerce-cart-dialog .ccm-core-commerce-cart-buttons-checkout { background: #9bea27; color: #000; font-size: 16px; border: none; padding: 5px 15px; font-family: 'Open Sans Condensed', sans-serif; } .ccm-core-commerce-cart-dialog .ccm-core-commerce-cart th { font-size: 18px; } .cc-cart-links { padding: 10px 19px; font-size: 13px !important; color: #000; margin-bottom: 20px; text-align: center; } .cc-cart-links:hover a { color: #fff; } .cc-cart-links a { color: #000!important; font-size: 13px; text-decoration: none; text-align: center; display: inline; } .cc-cart-links:hover a { color: #fff !important; } #cc-cart-quantity { font-size: 13px; display: inline;} @media only screen and (max-width:768px) { .ccm-core-commerce-cart-dialog { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } .ccm-core-commerce-cart-dialog .ui-dialog-content { height: auto !important; } }