-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.css.map
1 lines (1 loc) · 88.6 KB
/
main.css.map
1
{"version":3,"sources":["main.scss","partials/_reset.scss","main.css","base.scss","partials/_variables.scss","partials/_mixins.scss","pages/_phone.scss","pages/_tablet.scss","pages/_desktop.scss"],"names":[],"mappings":"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","file":"main.css","sourcesContent":["// Main SCSS, there should be no CSS in this page!\nmain {\n\tdisplay: block;\n}\n// CSS Reset\n@import 'partials/reset.scss';\n\n// Global Specificity\n@import 'partials/variables.scss';\n\n// Site Specificity\n@import 'partials/mixins.scss'; \n\n// WordPress Plugins Partial\n// @import 'partials/wp-plugins.scss';\n@import 'base.scss';\n// Page Specificity\n@import 'pages/phone.scss';\n@import 'pages/tablet.scss';\n@import 'pages/desktop.scss';\n@import 'pages/infoPg.scss';","/* \nhtml5doctor.com Reset Stylesheet\nv1.6.1\nLast Updated: 2010-09-17\nAuthor: Richard Clark - http://richclarkdesign.com \nTwitter: @rich_clark\n*/\n\nhtml, body, div, span, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\nabbr, address, cite, code,\ndel, dfn, em, img, ins, kbd, q, samp,\nsmall, strong, sub, sup, var,\nb, i,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, figcaption, figure, \nfooter, header, hgroup, menu, nav, section, summary,\ntime, mark, audio, video {\n margin:0;\n padding:0;\n border:0;\n outline:0;\n font-size:100%;\n vertical-align:baseline;\n background:transparent;\n}\n\nbody {\n line-height:1;\n}\n\narticle,aside,details,figcaption,figure,\nfooter,header,hgroup,menu,nav,section { \n\tdisplay:block;\n}\n\nnav ul {\n list-style:none;\n}\n\nblockquote, q {\n quotes:none;\n}\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n content:'';\n content:none;\n}\n\na {\n margin:0;\n padding:0;\n font-size:100%;\n vertical-align:baseline;\n background:transparent;\n}\n\n/* change colours to suit your needs */\nins {\n background-color:#ff9;\n color:#000;\n text-decoration:none;\n}\n\n/* change colours to suit your needs */\nmark {\n background-color:#ff9;\n color:#000; \n font-style:italic;\n font-weight:bold;\n}\n\ndel {\n text-decoration: line-through;\n}\n\nabbr[title], dfn[title] {\n border-bottom:1px dotted;\n cursor:help;\n}\n\ntable {\n border-collapse:collapse;\n border-spacing:0;\n}\n\n/* change border colour to suit your needs */\nhr {\n display:block;\n height:1px;\n border:0; \n border-top:1px solid #cccccc;\n margin:1em 0;\n padding:0;\n}\n\ninput, select {\n vertical-align:middle;\n}\n\n// MY RESET\n/* clears the 'X' from Internet Explorer */\ninput[type=search]::-ms-clear { display: none; width : 0; height: 0; }\ninput[type=search]::-ms-reveal { display: none; width : 0; height: 0; }\n\n/* clears the 'X' from Chrome */\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration { display: none; }","main {\n display: block; }\n\n/* \nhtml5doctor.com Reset Stylesheet\nv1.6.1\nLast Updated: 2010-09-17\nAuthor: Richard Clark - http://richclarkdesign.com \nTwitter: @rich_clark\n*/\nhtml, body, div, span, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\nabbr, address, cite, code,\ndel, dfn, em, img, ins, kbd, q, samp,\nsmall, strong, sub, sup, var,\nb, i,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section, summary,\ntime, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n font-size: 100%;\n vertical-align: baseline;\n background: transparent; }\n\nbody {\n line-height: 1; }\n\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n display: block; }\n\nnav ul {\n list-style: none; }\n\nblockquote, q {\n quotes: none; }\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n content: '';\n content: none; }\n\na {\n margin: 0;\n padding: 0;\n font-size: 100%;\n vertical-align: baseline;\n background: transparent; }\n\n/* change colours to suit your needs */\nins {\n background-color: #ff9;\n color: #000;\n text-decoration: none; }\n\n/* change colours to suit your needs */\nmark {\n background-color: #ff9;\n color: #000;\n font-style: italic;\n font-weight: bold; }\n\ndel {\n text-decoration: line-through; }\n\nabbr[title], dfn[title] {\n border-bottom: 1px dotted;\n cursor: help; }\n\ntable {\n border-collapse: collapse;\n border-spacing: 0; }\n\n/* change border colour to suit your needs */\nhr {\n display: block;\n height: 1px;\n border: 0;\n border-top: 1px solid #cccccc;\n margin: 1em 0;\n padding: 0; }\n\ninput, select {\n vertical-align: middle; }\n\n/* clears the 'X' from Internet Explorer */\ninput[type=search]::-ms-clear {\n display: none;\n width: 0;\n height: 0; }\n\ninput[type=search]::-ms-reveal {\n display: none;\n width: 0;\n height: 0; }\n\n/* clears the 'X' from Chrome */\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration {\n display: none; }\n\n/*Prevents iphone from resizing in landscape mode*/\n/*Apply a natural box layout model to all elements*/\n* {\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n appearance: none;\n -webkit-appearance: none; }\n\n*:focus {\n outline: 0 !important; }\n\n/*-----MAIN BODY STYLES-----*/\nbody {\n font-family: 'Open Sans', sans-serif;\n font-weight: 400;\n /*also loaded 600,700 for bold*/\n margin: 0;\n font-size: 14px; }\n body.logged-in .myNavbar {\n position: static; }\n\np {\n line-height: 24px; }\n\n.behindNav {\n background-color: #2699FB;\n height: 56px; }\n\n.container {\n max-width: 1200px;\n margin: 0 16px;\n padding-bottom: 60px; }\n\n.removePad {\n padding: 0; }\n\ni.icoLgPlus {\n font-size: 1.7em; }\n\ni.fa-ticket-alt {\n transform: rotate(-45deg);\n font-size: 1.6em; }\n\n/*-------COLUMN LAYOUT------*/\n.row {\n clear: both;\n margin: 0 -8px; }\n\n.column {\n padding: 0 8px; }\n\n.small-1 {\n width: 25%;\n float: left; }\n\n.small-2 {\n width: 50%;\n float: left; }\n\n.small-3 {\n width: 75%;\n float: left; }\n\n.small-4 {\n width: 100%;\n float: left; }\n\n/*----- Clearfix: Force an Element not to collapse -----*/\n.clearfix:after {\n content: \"\";\n display: table;\n clear: both; }\n\n/*-----HEADER STYLES-----*/\n.navCol {\n display: inline-block; }\n .navCol.navL {\n width: 32%;\n padding-left: 16px; }\n .navCol.navM {\n width: 33%;\n vertical-align: top;\n text-align: center;\n color: white;\n font-weight: 700;\n font-size: 1.4em; }\n .navCol.navM .navLogo {\n padding-top: 15px; }\n .navCol.navR {\n width: 32%;\n vertical-align: top; }\n .navCol.navR .icons {\n padding-top: 17px;\n text-align: right; }\n .navCol.navR .icons .icon {\n display: inline-block;\n color: white;\n margin: 0;\n border: none;\n margin-right: 16px;\n padding: 0; }\n\n.navWrap2 {\n height: 53px; }\n\n/*-------------NAV------------*/\nnav.myNavbar {\n background-color: #2699FB;\n z-index: 60;\n padding: 3px 0 0 0;\n min-height: 56px;\n position: fixed;\n top: 0;\n width: 100%; }\n nav.myNavbar ul li {\n list-style-type: none;\n margin: 0 48px;\n padding: 14px 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.5); }\n nav.myNavbar ul li ul.subNav {\n margin-top: 16px;\n background-color: #7FC4FD; }\n nav.myNavbar ul li a {\n color: white;\n text-decoration: none;\n font-size: 1.5em; }\n nav.myNavbar ul li:hover a {\n color: white; }\n nav.myNavbar ul li:hover ul.subNav li a {\n color: rgba(255, 255, 255, 0.7); }\n nav.myNavbar ul li:hover ul.subNav li:hover a {\n color: white; }\n nav.myNavbar ul li.current-menu-item a {\n color: white; }\n nav.myNavbar ul li:last-child {\n border: none; }\n\n.topNav {\n display: none;\n margin: 0;\n height: 100vh; }\n\n.hbMenuWrap {\n padding-left: 0;\n padding-right: 0; }\n\n.hbMenu {\n display: inline-block;\n cursor: pointer;\n padding: 10px 2% 0 2%; }\n\n.bar1, .bar2, .bar3 {\n background-color: white;\n margin: 6px 0px;\n width: 30px;\n height: 3px;\n transition: 0.4s; }\n\n.bar3 {\n width: 15px;\n transition: .1s; }\n\n.change .bar1 {\n transform: translate(0px, 9px) rotate(-45deg); }\n\n.change .bar2 {\n transform: rotate(45deg); }\n\n.change .bar3 {\n width: 0px; }\n\n.subNav {\n background-color: rgba(134, 4, 9, 0.7);\n border: none;\n display: none; }\n\n.pagination {\n margin-top: 20px;\n justify-content: center; }\n\n.searchWrap {\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.5); }\n .searchWrap .searchArea {\n color: #2699FB; }\n .searchWrap .searchArea input {\n font-size: 14px;\n width: 96%;\n margin: 0 8px;\n margin-right: -18px;\n padding: 17px 16px;\n padding-bottom: 15px;\n border: 1px solid #F1F9FF;\n border-radius: 5px; }\n .searchWrap .searchArea input::placeholder {\n color: #2699FB;\n font-size: 14px; }\n .searchWrap .searchArea i {\n margin-left: -18px;\n transform: translateY(3px); }\n\n/*-----CONTENT STYLES-----*/\nh1 {\n font-size: 2em;\n margin: 25px 0 10px; }\n\nh2 {\n font-size: 1.5em;\n margin: 15px 0 10px; }\n\nh3 {\n font-size: 1.2em;\n margin: 10px 0 0 0;\n font-weight: 400; }\n\n.homeImg {\n width: 100%; }\n\np.altText {\n color: #666;\n background-color: #999;\n padding: 50px 20px; }\n\n.subHead {\n font-weight: 600;\n margin-top: 10px; }\n\n.testSq {\n width: 150px;\n height: 50px;\n background-color: gray;\n margin: 0 auto; }\n\n.homeSection {\n margin: 0 -16px;\n padding: 50px 0;\n text-align: center; }\n .homeSection h2 {\n margin: 0;\n padding-bottom: 20px;\n font-size: 30px;\n font-weight: 700;\n color: #2699FB; }\n .homeSection .content {\n margin: 0 16px; }\n .homeSection.events {\n background-color: #F1F9FF; }\n .homeSection.events .content {\n margin: 0 8px; }\n .homeSection.events .content h2 {\n padding: 0; }\n .homeSection.events .content .event {\n margin-top: 16px;\n display: inline-block;\n width: 50%;\n padding: 0 8px; }\n .homeSection.events .content .event .eventImg {\n background-color: #BCE0FD;\n width: 100%;\n height: 164px; }\n .homeSection.events .content .event .eventImg i {\n margin-top: 60px;\n color: white; }\n .homeSection.events .content .event .caption i {\n float: right;\n margin: 10px 5px;\n color: #2699FB; }\n .homeSection.events .content .event .caption .title {\n margin: 0;\n text-align: left;\n font-weight: 700;\n color: #2699FB; }\n .homeSection.events .content .event .caption .dates {\n text-align: left;\n line-height: 1em;\n font-size: 12px; }\n .homeSection.events .content .audition {\n margin: 0 auto;\n margin-top: 50px;\n max-width: 50%; }\n .homeSection.events .content .audition p {\n color: #2699FB;\n font-size: 20px;\n font-weight: 700; }\n .homeSection.events .content .audition p i {\n font-size: 18px; }\n .homeSection.features .ctaBtn {\n text-decoration: none;\n background-color: transparent;\n color: #2699FB;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid #2699FB;\n border-radius: 4px;\n padding: 20px 60px;\n margin-top: 30px; }\n .homeSection.features .ctaBtn:hover {\n cursor: pointer;\n background-color: #7FC4FD; }\n .homeSection.features button {\n text-decoration: none;\n background-color: transparent;\n color: #2699FB;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid #2699FB;\n border-radius: 4px;\n padding: 20px 60px;\n margin-top: 30px; }\n .homeSection.features button:hover {\n cursor: pointer;\n background-color: #7FC4FD; }\n .homeSection.venues {\n background-color: #2699FB; }\n .homeSection.venues .venue {\n margin: 0 auto;\n width: 50%; }\n .homeSection.venues .venue .venueImg {\n background-color: #BCE0FD;\n width: 100%;\n height: 164px; }\n .homeSection.venues .venue .venueImg i {\n margin-top: 60px; }\n .homeSection.venues .venue p {\n font-size: 1.4em;\n margin: 8px 0 16px 0; }\n .homeSection.venues h2, .homeSection.venues p, .homeSection.venues i {\n color: white; }\n .homeSection.sponsors .sliderWrap {\n width: 100%;\n margin: 0 auto;\n overflow: hidden;\n position: relative; }\n .homeSection.sponsors .sponsorsSlider {\n width: 2280px; }\n .homeSection.sponsors .sponsorsSlider .sponsorImg {\n background-color: #BCE0FD;\n width: 80px;\n height: 80px;\n display: inline-block;\n margin-right: 15px; }\n .homeSection.sponsors .sponsorsSlider .sponsorImg i {\n margin-top: 20px;\n color: white; }\n .homeSection.sponsors .sponsorsSlider .first {\n -webkit-animation: bannermove 25.33333s linear infinite;\n -moz-animation: bannermove 25.33333s linear infinite;\n -o-animation: bannermove 25.33333s linear infinite;\n -ms-animation: bannermove 25.33333s linear infinite;\n animation: bannermove 25.33333s linear infinite; }\n\n@keyframes \"bannermove\" {\n 0% {\n margin-left: 0px; }\n 100% {\n margin-left: -2280px; } }\n\n@-moz-keyframes bannermove {\n 0% {\n margin-left: 0px; }\n 100% {\n margin-left: -2280px; } }\n\n@-webkit-keyframes \"bannermove\" {\n 0% {\n margin-left: 0px; }\n 100% {\n margin-left: -2280px; } }\n\n@-ms-keyframes \"bannermove\" {\n .homeSection.sponsors .sponsorsSlider 0% {\n margin-left: 0px; }\n .homeSection.sponsors .sponsorsSlider 100% {\n margin-left: -2280px; } }\n\n@-o-keyframes \"bannermove\" {\n 0% {\n margin-left: 0px; }\n 100% {\n margin-left: -2280px; } }\n\n.movieRow {\n padding-top: 10px;\n margin-top: 30px;\n border-top: 1px solid rgba(0, 0, 0, 0.5); }\n .movieRow h2 {\n margin: 0; }\n .movieRow .movieImgWrap {\n float: right;\n max-width: 50%; }\n .movieRow .movieImgWrap img {\n width: 100%;\n height: 100%; }\n .movieRow .showTimesTitle {\n margin-top: 20px;\n font-size: 1.1em;\n font-weight: 600; }\n\n.templateLink {\n text-decoration: none;\n color: inherit; }\n\n.singlePost {\n margin-top: 20px; }\n .singlePost .movieImgWrap {\n float: right;\n max-width: 40%; }\n .singlePost .movieImgWrap img {\n width: 100%;\n height: 100%; }\n .singlePost .showTimesTitle {\n margin-top: 20px;\n font-size: 1.1em;\n font-weight: 600; }\n\n.readMore {\n text-decoration: none;\n background-color: #437DAB;\n color: #efefef;\n font-weight: 600;\n border: none;\n -webkit-border-radius: 15px;\n -moz-border-radius: 15px;\n -ms-border-radius: 15px;\n border-radius: 15px;\n padding: 10px;\n cursor: pointer;\n font-size: .8em;\n float: right;\n margin-top: 10px; }\n .readMore:hover {\n box-shadow: 0 2px 5px black; }\n\n.cards img {\n width: 100%;\n height: 150px;\n object-fit: cover; }\n\n.cardSubTitle {\n font-size: 1em;\n font-weight: 600; }\n\n.eventPage img {\n width: 100%; }\n\n.galFlex {\n display: flex;\n display: -webkit-box;\n /* OLD - iOS 6-, Safari 3.1-6 */\n display: -moz-box;\n /* OLD - Firefox 19- (buggy but mostly works) */\n display: -ms-flexbox;\n /* TWEENER - IE 10 */\n display: -webkit-flex;\n /* NEW - Chrome */\n flex-wrap: wrap; }\n .galFlex figure {\n flex-basis: 50%;\n padding: 10px 2%; }\n .galFlex figure img {\n width: 100%; }\n\nlegend {\n font-size: 1em;\n margin: 0; }\n\n.fullWidthImg {\n width: 100%; }\n .fullWidthImg img {\n width: 100%; }\n\n/*-----FOOTER STYLES-----*/\n.footerWrap {\n position: fixed;\n bottom: 0;\n width: 100%;\n padding: 20px 0 16px 0;\n background-color: #2699FB;\n color: white; }\n .footerWrap a {\n text-decoration: none;\n color: #efefef;\n opacity: .8; }\n .footerWrap a:hover {\n opacity: 1; }\n .footerWrap .newsLetterForm .emailInputG input {\n border-radius: 15px 0 0 15px;\n border: none; }\n .footerWrap .newsLetterForm .emailInputG .inputBtn {\n text-decoration: none;\n background-color: #860409;\n color: #efefef;\n font-family: 'Oswald',sans-serif;\n border: none;\n -webkit-border-radius: 15px;\n -moz-border-radius: 15px;\n -ms-border-radius: 15px;\n border-radius: 15px;\n cursor: pointer;\n border-radius: 0 15px 15px 0; }\n .footerWrap .newsLetterForm .emailInputG .inputBtn:hover {\n box-shadow: 0 2px 5px black; }\n\n.socialIcons {\n text-align: center; }\n\n.socialIcons i {\n padding: 0 15px;\n opacity: 1;\n cursor: pointer; }\n\n.fa-twitter-square:hover {\n opacity: 1;\n color: #38A1F3; }\n\n.fa-facebook-square:hover {\n opacity: 1;\n color: #3b5998; }\n\n.fa-instagram:hover {\n opacity: 1;\n color: #e95950; }\n\n.fa-google-plus-square:hover {\n opacity: 1;\n color: #DD4B39; }\n\n.fa-youtube-square:hover {\n opacity: 1;\n color: #ff0000; }\n\nfooter {\n text-align: center;\n padding-top: 16px;\n font-size: 12px; }\n\n.footLogo {\n display: none; }\n\n/*------OTHER------*/\n.keepOpen {\n clear: both;\n content: \"\";\n display: table; }\n\n/*Prevents iphone from resizing in landscape mode*/\n/*Apply a natural box layout model to all elements*/\n* {\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n appearance: none;\n -webkit-appearance: none; }\n\n*:focus {\n outline: 0 !important; }\n\n/*-----MAIN BODY STYLES-----*/\nbody {\n font-family: 'Open Sans', sans-serif;\n font-weight: 400;\n /*also loaded 600,700 for bold*/\n margin: 0;\n font-size: 14px; }\n body.logged-in .myNavbar {\n position: static; }\n\np {\n line-height: 24px; }\n\n.behindNav {\n background-color: #2699FB;\n height: 56px; }\n\n.container {\n max-width: 1200px;\n margin: 0 16px;\n padding-bottom: 60px; }\n\n.removePad {\n padding: 0; }\n\ni.icoLgPlus {\n font-size: 1.7em; }\n\ni.fa-ticket-alt {\n transform: rotate(-45deg);\n font-size: 1.6em; }\n\n/*-------COLUMN LAYOUT------*/\n.row {\n clear: both;\n margin: 0 -8px; }\n\n.column {\n padding: 0 8px; }\n\n.small-1 {\n width: 25%;\n float: left; }\n\n.small-2 {\n width: 50%;\n float: left; }\n\n.small-3 {\n width: 75%;\n float: left; }\n\n.small-4 {\n width: 100%;\n float: left; }\n\n/*----- Clearfix: Force an Element not to collapse -----*/\n.clearfix:after {\n content: \"\";\n display: table;\n clear: both; }\n\n/*-----HEADER STYLES-----*/\n.navCol {\n display: inline-block; }\n .navCol.navL {\n width: 32%;\n padding-left: 16px; }\n .navCol.navM {\n width: 33%;\n vertical-align: top;\n text-align: center;\n color: white;\n font-weight: 700;\n font-size: 1.4em; }\n .navCol.navM .navLogo {\n padding-top: 15px; }\n .navCol.navR {\n width: 32%;\n vertical-align: top; }\n .navCol.navR .icons {\n padding-top: 17px;\n text-align: right; }\n .navCol.navR .icons .icon {\n display: inline-block;\n color: white;\n margin: 0;\n border: none;\n margin-right: 16px;\n padding: 0; }\n\n.navWrap2 {\n height: 53px; }\n\n/*-------------NAV------------*/\nnav.myNavbar {\n background-color: #2699FB;\n z-index: 60;\n padding: 3px 0 0 0;\n min-height: 56px;\n position: fixed;\n top: 0;\n width: 100%; }\n nav.myNavbar ul li {\n list-style-type: none;\n margin: 0 48px;\n padding: 14px 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.5); }\n nav.myNavbar ul li ul.subNav {\n margin-top: 16px;\n background-color: #7FC4FD; }\n nav.myNavbar ul li a {\n color: white;\n text-decoration: none;\n font-size: 1.5em; }\n nav.myNavbar ul li:hover a {\n color: white; }\n nav.myNavbar ul li:hover ul.subNav li a {\n color: rgba(255, 255, 255, 0.7); }\n nav.myNavbar ul li:hover ul.subNav li:hover a {\n color: white; }\n nav.myNavbar ul li.current-menu-item a {\n color: white; }\n nav.myNavbar ul li:last-child {\n border: none; }\n\n.topNav {\n display: none;\n margin: 0;\n height: 100vh; }\n\n.hbMenuWrap {\n padding-left: 0;\n padding-right: 0; }\n\n.hbMenu {\n display: inline-block;\n cursor: pointer;\n padding: 10px 2% 0 2%; }\n\n.bar1, .bar2, .bar3 {\n background-color: white;\n margin: 6px 0px;\n width: 30px;\n height: 3px;\n transition: 0.4s; }\n\n.bar3 {\n width: 15px;\n transition: .1s; }\n\n.change .bar1 {\n transform: translate(0px, 9px) rotate(-45deg); }\n\n.change .bar2 {\n transform: rotate(45deg); }\n\n.change .bar3 {\n width: 0px; }\n\n.subNav {\n background-color: rgba(134, 4, 9, 0.7);\n border: none;\n display: none; }\n\n.pagination {\n margin-top: 20px;\n justify-content: center; }\n\n.searchWrap {\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.5); }\n .searchWrap .searchArea {\n color: #2699FB; }\n .searchWrap .searchArea input {\n font-size: 14px;\n width: 96%;\n margin: 0 8px;\n margin-right: -18px;\n padding: 17px 16px;\n padding-bottom: 15px;\n border: 1px solid #F1F9FF;\n border-radius: 5px; }\n .searchWrap .searchArea input::placeholder {\n color: #2699FB;\n font-size: 14px; }\n .searchWrap .searchArea i {\n margin-left: -18px;\n transform: translateY(3px); }\n\n/*-----CONTENT STYLES-----*/\nh1 {\n font-size: 2em;\n margin: 25px 0 10px; }\n\nh2 {\n font-size: 1.5em;\n margin: 15px 0 10px; }\n\nh3 {\n font-size: 1.2em;\n margin: 10px 0 0 0;\n font-weight: 400; }\n\n.homeImg {\n width: 100%; }\n\np.altText {\n color: #666;\n background-color: #999;\n padding: 50px 20px; }\n\n.subHead {\n font-weight: 600;\n margin-top: 10px; }\n\n.testSq {\n width: 150px;\n height: 50px;\n background-color: gray;\n margin: 0 auto; }\n\n.homeSection {\n margin: 0 -16px;\n padding: 50px 0;\n text-align: center; }\n .homeSection h2 {\n margin: 0;\n padding-bottom: 20px;\n font-size: 30px;\n font-weight: 700;\n color: #2699FB; }\n .homeSection .content {\n margin: 0 16px; }\n .homeSection.events {\n background-color: #F1F9FF; }\n .homeSection.events .content {\n margin: 0 8px; }\n .homeSection.events .content h2 {\n padding: 0; }\n .homeSection.events .content .event {\n margin-top: 16px;\n display: inline-block;\n width: 50%;\n padding: 0 8px; }\n .homeSection.events .content .event .eventImg {\n background-color: #BCE0FD;\n width: 100%;\n height: 164px; }\n .homeSection.events .content .event .eventImg i {\n margin-top: 60px;\n color: white; }\n .homeSection.events .content .event .caption i {\n float: right;\n margin: 10px 5px;\n color: #2699FB; }\n .homeSection.events .content .event .caption .title {\n margin: 0;\n text-align: left;\n font-weight: 700;\n color: #2699FB; }\n .homeSection.events .content .event .caption .dates {\n text-align: left;\n line-height: 1em;\n font-size: 12px; }\n .homeSection.events .content .audition {\n margin: 0 auto;\n margin-top: 50px;\n max-width: 50%; }\n .homeSection.events .content .audition p {\n color: #2699FB;\n font-size: 20px;\n font-weight: 700; }\n .homeSection.events .content .audition p i {\n font-size: 18px; }\n .homeSection.features .ctaBtn {\n text-decoration: none;\n background-color: transparent;\n color: #2699FB;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid #2699FB;\n border-radius: 4px;\n padding: 20px 60px;\n margin-top: 30px; }\n .homeSection.features .ctaBtn:hover {\n cursor: pointer;\n background-color: #7FC4FD; }\n .homeSection.features button {\n text-decoration: none;\n background-color: transparent;\n color: #2699FB;\n font-size: 12px;\n font-weight: 700;\n border: 2px solid #2699FB;\n border-radius: 4px;\n padding: 20px 60px;\n margin-top: 30px; }\n .homeSection.features button:hover {\n cursor: pointer;\n background-color: #7FC4FD; }\n .homeSection.venues {\n background-color: #2699FB; }\n .homeSection.venues .venue {\n margin: 0 auto;\n width: 50%; }\n .homeSection.venues .venue .venueImg {\n background-color: #BCE0FD;\n width: 100%;\n height: 164px; }\n .homeSection.venues .venue .venueImg i {\n margin-top: 60px; }\n .homeSection.venues .venue p {\n font-size: 1.4em;\n margin: 8px 0 16px 0; }\n .homeSection.venues h2, .homeSection.venues p, .homeSection.venues i {\n color: white; }\n .homeSection.sponsors .sliderWrap {\n width: 100%;\n margin: 0 auto;\n overflow: hidden;\n position: relative; }\n .homeSection.sponsors .sponsorsSlider {\n width: 2280px; }\n .homeSection.sponsors .sponsorsSlider .sponsorImg {\n background-color: #BCE0FD;\n width: 80px;\n height: 80px;\n display: inline-block;\n margin-right: 15px; }\n .homeSection.sponsors .sponsorsSlider .sponsorImg i {\n margin-top: 20px;\n color: white; }\n .homeSection.sponsors .sponsorsSlider .first {\n -webkit-animation: bannermove 25.33333s linear infinite;\n -moz-animation: bannermove 25.33333s linear infinite;\n -o-animation: bannermove 25.33333s linear infinite;\n -ms-animation: bannermove 25.33333s linear infinite;\n animation: bannermove 25.33333s linear infinite; }\n\n@keyframes \"bannermove\" {\n 0% {\n margin-left: 0px; }\n 100% {\n margin-left: -2280px; } }\n\n@-moz-keyframes bannermove {\n 0% {\n margin-left: 0px; }\n 100% {\n margin-left: -2280px; } }\n\n@-webkit-keyframes \"bannermove\" {\n 0% {\n margin-left: 0px; }\n 100% {\n margin-left: -2280px; } }\n\n@-ms-keyframes \"bannermove\" {\n .homeSection.sponsors .sponsorsSlider 0% {\n margin-left: 0px; }\n .homeSection.sponsors .sponsorsSlider 100% {\n margin-left: -2280px; } }\n\n@-o-keyframes \"bannermove\" {\n 0% {\n margin-left: 0px; }\n 100% {\n margin-left: -2280px; } }\n\n.movieRow {\n padding-top: 10px;\n margin-top: 30px;\n border-top: 1px solid rgba(0, 0, 0, 0.5); }\n .movieRow h2 {\n margin: 0; }\n .movieRow .movieImgWrap {\n float: right;\n max-width: 50%; }\n .movieRow .movieImgWrap img {\n width: 100%;\n height: 100%; }\n .movieRow .showTimesTitle {\n margin-top: 20px;\n font-size: 1.1em;\n font-weight: 600; }\n\n.templateLink {\n text-decoration: none;\n color: inherit; }\n\n.singlePost {\n margin-top: 20px; }\n .singlePost .movieImgWrap {\n float: right;\n max-width: 40%; }\n .singlePost .movieImgWrap img {\n width: 100%;\n height: 100%; }\n .singlePost .showTimesTitle {\n margin-top: 20px;\n font-size: 1.1em;\n font-weight: 600; }\n\n.readMore {\n text-decoration: none;\n background-color: #437DAB;\n color: #efefef;\n font-weight: 600;\n border: none;\n -webkit-border-radius: 15px;\n -moz-border-radius: 15px;\n -ms-border-radius: 15px;\n border-radius: 15px;\n padding: 10px;\n cursor: pointer;\n font-size: .8em;\n float: right;\n margin-top: 10px; }\n .readMore:hover {\n box-shadow: 0 2px 5px black; }\n\n.cards img {\n width: 100%;\n height: 150px;\n object-fit: cover; }\n\n.cardSubTitle {\n font-size: 1em;\n font-weight: 600; }\n\n.eventPage img {\n width: 100%; }\n\n.galFlex {\n display: flex;\n display: -webkit-box;\n /* OLD - iOS 6-, Safari 3.1-6 */\n display: -moz-box;\n /* OLD - Firefox 19- (buggy but mostly works) */\n display: -ms-flexbox;\n /* TWEENER - IE 10 */\n display: -webkit-flex;\n /* NEW - Chrome */\n flex-wrap: wrap; }\n .galFlex figure {\n flex-basis: 50%;\n padding: 10px 2%; }\n .galFlex figure img {\n width: 100%; }\n\nlegend {\n font-size: 1em;\n margin: 0; }\n\n.fullWidthImg {\n width: 100%; }\n .fullWidthImg img {\n width: 100%; }\n\n/*-----FOOTER STYLES-----*/\n.footerWrap {\n position: fixed;\n bottom: 0;\n width: 100%;\n padding: 20px 0 16px 0;\n background-color: #2699FB;\n color: white; }\n .footerWrap a {\n text-decoration: none;\n color: #efefef;\n opacity: .8; }\n .footerWrap a:hover {\n opacity: 1; }\n .footerWrap .newsLetterForm .emailInputG input {\n border-radius: 15px 0 0 15px;\n border: none; }\n .footerWrap .newsLetterForm .emailInputG .inputBtn {\n text-decoration: none;\n background-color: #860409;\n color: #efefef;\n font-family: 'Oswald',sans-serif;\n border: none;\n -webkit-border-radius: 15px;\n -moz-border-radius: 15px;\n -ms-border-radius: 15px;\n border-radius: 15px;\n cursor: pointer;\n border-radius: 0 15px 15px 0; }\n .footerWrap .newsLetterForm .emailInputG .inputBtn:hover {\n box-shadow: 0 2px 5px black; }\n\n.socialIcons {\n text-align: center; }\n\n.socialIcons i {\n padding: 0 15px;\n opacity: 1;\n cursor: pointer; }\n\n.fa-twitter-square:hover {\n opacity: 1;\n color: #38A1F3; }\n\n.fa-facebook-square:hover {\n opacity: 1;\n color: #3b5998; }\n\n.fa-instagram:hover {\n opacity: 1;\n color: #e95950; }\n\n.fa-google-plus-square:hover {\n opacity: 1;\n color: #DD4B39; }\n\n.fa-youtube-square:hover {\n opacity: 1;\n color: #ff0000; }\n\nfooter {\n text-align: center;\n padding-top: 16px;\n font-size: 12px; }\n\n.footLogo {\n display: none; }\n\n/*------OTHER------*/\n.keepOpen {\n clear: both;\n content: \"\";\n display: table; }\n\n@media only screen and (min-width: 600px) {\n /*-----MAIN BODY STYLES-----*/\n .container {\n margin: 0 24px; }\n /*-------COLUMN LAYOUT------*/\n .row {\n clear: both;\n margin: 0 -12px; }\n .column {\n padding: 0 12px; }\n .medium-1 {\n width: 12.5%;\n float: left; }\n .medium-2 {\n width: 25%;\n float: left; }\n .medium-3 {\n width: 37.5%;\n float: left; }\n .medium-4 {\n width: 50%;\n float: left; }\n .medium-5 {\n width: 62.5%;\n float: left; }\n .medium-6 {\n width: 75%;\n float: left; }\n .medium-7 {\n width: 87.5%;\n float: left; }\n .medium-8 {\n width: 100%;\n float: left; }\n /*-----HEADER STYLES-----*/\n /*-----------NAV----------*/\n /*-----CONTENT STYLES-----*/\n /*-----sliders--------*/\n .carousel-inner .caro1 img {\n object-position: center 80%; }\n .carousel-inner .caro2 img {\n object-position: center 50%; }\n .carousel-inner .caro3 img {\n object-position: center 20%; }\n /*-----MOVIES ARCHIVE-------*/\n .movieRow {\n padding-top: 10px;\n border-left: 1px solid rgba(0, 0, 0, 0.5); }\n .movieRow.movieRow:first-child {\n border-left: none; }\n /*-----FOOTER STYLES-----*/ }\n\n@media only screen and (min-width: 1366px) {\n /*-----MAIN BODY STYLES-----*/\n /*-------COLUMN LAYOUT------*/\n .large-1 {\n width: 8.33333%;\n float: left; }\n .large-2 {\n width: 16.66667%;\n float: left; }\n .large-3 {\n width: 25%;\n float: left; }\n .large-4 {\n width: 33.33333%;\n float: left; }\n .large-5 {\n width: 41.66667%;\n float: left; }\n .large-6 {\n width: 50%;\n float: left; }\n .large-7 {\n width: 58.33333%;\n float: left; }\n .large-8 {\n width: 66.66667%;\n float: left; }\n .large-9 {\n width: 75%;\n float: left; }\n .large-10 {\n width: 83.33333%;\n float: left; }\n .large-11 {\n width: 91.66667%;\n float: left; }\n .large-12 {\n width: 100%;\n float: left; }\n /*-----HEADER STYLES-----*/\n /*-----------NAV----------*/\n /*-----CONTENT STYLES-----*/\n /*-----CRUISES PAGE------*/\n .post {\n height: 200px;\n margin: 40px 0; }\n .cruisePosts p {\n min-height: 100px; }\n .cruisePosts img {\n height: 200px; }\n /*---------book page---------*/\n .bookPage input, .bookPage select {\n width: 40%; }\n .galFlex {\n display: flex;\n display: -webkit-box;\n /* OLD - iOS 6-, Safari 3.1-6 */\n display: -moz-box;\n /* OLD - Firefox 19- (buggy but mostly works) */\n display: -ms-flexbox;\n /* TWEENER - IE 10 */\n display: -webkit-flex;\n /* NEW - Chrome */\n flex-wrap: wrap; }\n .galFlex figure {\n flex-basis: 25%; }\n .galFlex figure img {\n width: 100%; }\n /*-----FOOTER STYLES-----*/\n .foot1, .foot2, .foot3 {\n width: 33.33333%;\n margin: 0;\n padding: 0 .5%; } }\n","// HOME PAGE SCSS\n\n/*Prevents iphone from resizing in landscape mode*/\n// html {-webkit-text-size-adjust: none;}\n\n/*Apply a natural box layout model to all elements*/\n* {\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n\n appearance:none;\n -webkit-appearance:none;\n}\n\n*:focus{\n outline:0 !important;\n}\n\n/*-----MAIN BODY STYLES-----*/\nbody{\n // font-size: 16px;\n // font-family: 'Raleway', sans-serif;\n font-family: 'Open Sans', sans-serif;\n // font-family: 'Arial', sans-serif;\n font-weight: 400; /*also loaded 600,700 for bold*/\n margin: 0;\n font-size: 14px;\n &.logged-in {\n .myNavbar {\n position: static;\n }\n }\n}\np{\n // line-height: 1.4em;\n line-height: 24px;\n}\n.behindNav{\n background-color: $accBlue;\n height:56px;\n}\n.container{\n max-width: 1200px;\n margin:0 $smMargin;\n padding-bottom: 60px;\n // margin-top: 56px;\n // margin-top: 30px;\n}\n.removePad{\n padding:0;\n}\ni.icoLgPlus{\n font-size: 1.7em;\n}\ni.fa-ticket-alt{\n transform:rotate(-45deg);\n font-size: 1.6em;\n}\n\n/*-------COLUMN LAYOUT------*/\n.row {\n clear: both;\n margin: 0 (-$gutter);\n}\n.column {\n padding: 0 $gutter;\n // display: inline-block;\n}\n// .column:first-child{\n// \tpadding-left:0;\n// }\n// .column:last-child{\n// \tpadding-right:0;\n// }\n\n@for $i from 1 through 4 {\n $w:($i / 4)*100%;\n .small-#{$i} {width: $w; float:left;}\n // @if $i / 4 == 1{\n // \t.small-#{$i}{padding:0;}\n // }\n // @else{\n // \t.small-#{$i}:first-child{padding-left:0;}\n // }\n}\n\n/*----- Clearfix: Force an Element not to collapse -----*/\n.clearfix:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n/*-----HEADER STYLES-----*/\n\n// header{\n// font-weight: 600;\n// max-height: 100px;\n// position:relative;\n// .logoWrap{\n// \theight: 80px;\n// \tpadding: 5px 0;\n// \t.logoDiv{\n// \t\t// background: url('../img/logo.png') no-repeat center;\n// \t\tbackground: url(https://scera.org/wp-content/themes/scera/images/logo.png) no-repeat center;\n// \t\theight: 100%;\n// \t\tbackground-size: contain;\n// \t}\n// \t.logoImg{\n// \t\theight: 100%;\n// \t}\n// }\n\n// .icons{\n// \tposition: absolute;\n// \tbottom: 5px;\n// \tright: 15px;\n// \t// margin-bottom: 0;\n// \t.icon{\n// \t\tmargin-left: 10px;\n// \t\tcolor: #efefef;\n// \t\tfont-size: 1.3em;\n// \t\tdisplay: inline-block;\n// \t\t.searchArea{\n// \t\t\t// display: none;\n// \t\t\t// width: 0px;\n// \t\t\t// position: absolute;\n// \t\t\t// right:0;\n// \t\t\t// float:right;\n// \t\t\tinput{\n// \t\t\t\tborder:solid 1px black;\n// \t\t\t\tborder-radius: 10em;\n// \t\t\t\twidth:0px;\n// \t\t\t\ttransition: .5s;\n// \t\t\t\tfont-size: .8em;\n// \t\t\t\t// padding:5px 30px 5px 10px;\n// \t\t\t\tpadding:5px 0 5px 0;\n// \t\t\t\t// margin-right: -12px;\n// \t\t\t\tvisibility: hidden;\n// \t\t\t\t&.show{\n// \t\t\t\t\tvisibility: visible;\n// \t\t\t\t\twidth: 180px;\n// \t\t\t\t\tpadding:5px 30px 5px 10px;\n// \t\t\t\t\tmargin-right: -12px;\n// \t\t\t\t}\n// \t\t\t}\n// \t\t\ti{\n// \t\t\t\tmargin-left:-20px;\n// \t\t\t\ttransition:.5s;\n// \t\t\t\t&.show{\n// \t\t\t\t\tcolor:black;\n// \t\t\t\t}\n// \t\t\t}\n// \t\t}\n// \t\tul.accDD{\n// \t\t\tdisplay: block;\n// \t\t\tposition: absolute;\n// \t\t\tz-index: 90;\n// \t\t\tfont-size: .8em;\n// \t\t\tbackground-color: white;\n// \t\t\tpadding: 10px;\n// \t\t\tborder-radius: 2px;\n// \t\t\tbox-shadow: 1px 1px 5px black;\n// \t\t\tmargin-left:-15%;\n// \t\t\tli{\n// \t\t\t\tlist-style-type: none;\n// \t\t\t\tmargin-top: 10px;\n// \t\t\t\ta{\n// \t\t\t\t\tcolor:black;\n// \t\t\t\t}\n// \t\t\t\t&:first-child{\n// \t\t\t\t\tmargin-top: 0;\n// \t\t\t\t}\n// \t\t\t}\n// \t\t\t&.hide{\n// \t\t\t\tdisplay:none;\n// \t\t\t}\n// \t\t}\n// \t\t.activeIco{\n// \t\t\topacity:0.7;\n// \t\t}\n// \t\t&:hover{\n// \t\t\tcursor: pointer;\n// \t\t\t// background-color: red;\n// \t\t}\n// \t}\n// }\n// // .phoneNum{\n// // \tposition: absolute;\n// // \tbottom: 5px;\n// // \tright: 15px;\n// // \ttext-decoration: none;\n// // \tcolor: #efefef;\n// // }\n// // &.headerBG{\n// // \tbackground-image: url(../img/vertical_cloth.png);\n// // }\n// }\n\n.navCol{\n display:inline-block;\n // height:100%;\n &.navL{\n width:32%;\n padding-left:16px;\n }\n &.navM{\n width:33%;\n vertical-align: top;\n text-align: center;\n color:white;\n font-weight: $bold;\n font-size: 1.4em;\n .navLogo{\n // width: 50%;\n // margin:0 auto;\n padding-top:15px;\n // z-index: 70;\n }\n }\n &.navR{\n width:32%;\n vertical-align: top;\n .icons{\n // float:right;\n padding-top:17px;\n text-align: right;\n .icon{\n display:inline-block;\n color:white;\n margin:0;\n border:none;\n margin-right: 16px;\n padding:0;\n }\n }\n }\n}\n.navWrap2{\n // margin-top: -34px;\n height:53px;\n}\n\n\n/*-------------NAV------------*/\nnav.myNavbar{\n // background-color: $mainRed;\n background-color: $accBlue;\n z-index: 60;\n // padding-top: 0;\n // padding-bottom: 0;\n padding: 3px 0 0 0;\n min-height:56px;\n position: fixed;\n top:0;\n width:100%;\n ul{\n // padding-top:10px;\n li{\n list-style-type: none;\n margin: 0 48px;\n padding: 14px 0;\n border-bottom: 1px solid rgba(255,255,255,0.5);\n ul.subNav{\n // margin-left: -20px;\n // padding: 10px 0 0 40px;\n margin-top:$smMargin;\n background-color: $bgBlue;\n }\n a{\n // color: rgba(255,255,255,0.7);\n color: white;\n text-decoration: none;\n font-size: 1.5em;\n // font-weight: 700;\n // font-family: 'Oswald', sans-serif;\n }\n &:hover{\n a{\n color: rgba(255,255,255,1);\n }\n ul.subNav li{\n a{\n color: rgba(255,255,255,0.7);\n }\n &:hover a{\n // background-color: $mainRed;\n color: white;\n }\n }\n }\n &.current-menu-item{\n a{\n color: rgba(255,255,255,1);\n }\n }\n &:last-child{\n border:none;\n }\n }\n }\n}\n\n.topNav{\n display:none;\n // padding-top: 10px;\n margin: 0;\n // margin-top:16px;\n // padding: 0px 0 10px 20px;\n height: 100vh;\n}\n\n.hbMenuWrap{\n padding-left:0;\n padding-right:0;\n}\n.hbMenu{\n display:inline-block;\n cursor: pointer;\n // padding: 5px 2%;\n padding: 10px 2% 0 2%;\n}\n.bar1, .bar2, .bar3{\n // background-color: #E5E5E5;\n background-color: white;\n // width: 35px;\n // height: 5px;\n margin: 6px 0px;\n width: 30px;\n height: 3px;\n transition: 0.4s;\n // @include radius(2px);\n}\n.bar3{\n width:15px;\n transition: .1s;\n}\n.change{\n .bar1{\n // transform: translate(0px, 11px) rotate(-45deg);\n transform: translate(0px, 9px) rotate(-45deg);\n }\n .bar2{\n // opacity: 0;\n transform:rotate(45deg);\n }\n .bar3{\n // transform: translate(0px, -11px) rotate(45deg);\n // transform: translate(0px, -9px) rotate(45deg);\n // width:30px;\n width:0px;\n }\n}\n.subNav{\n @include mainRedOpacity(.7);\n border: none;\n display:none;\n}\n\n.pagination{\n margin-top: 20px;\n justify-content: center;\n}\n.searchWrap{\n // margin-left: -20px;\n padding-bottom:20px;\n border-bottom:1px solid rgba(255,255,255,0.5);\n .searchArea{\n // font-size:14px;\n // display:none;\n color:$accBlue;\n input{\n font-size: 14px;\n width:96%;\n margin:0 $smMargin/2;\n margin-right:-18px;\n padding:17px 16px;\n padding-bottom: 15px;\n // height:48px;\n // padding: 0 16px;\n border: 1px solid $lightBlue;\n border-radius: 5px;\n &::placeholder{\n color: $accBlue;\n font-size: 14px;\n }\n }\n i{\n margin-left:-18px;\n transform:translateY(3px);\n }\n }\n}\n\n\n/*-----CONTENT STYLES-----*/\nh1{\n font-size: 2em;\n margin:25px 0 10px;\n // font-family: 'Oswald', sans-serif;\n}\nh2{\n font-size: 1.5em;\n margin: 15px 0 10px;\n // font-family: 'Oswald', sans-serif;\n}\nh3{\n font-size: 1.2em;\n // font-family: 'Oswald', sans-serif;\n margin: 10px 0 0 0;\n font-weight:400;\n}\n\n.homeImg{\n width:100%;\n}\n// .calWrap{\n// \t// display:none;\n// }\np{\n // margin:5px 0;\n &.altText{\n color: #666;\n background-color: #999;\n padding: 50px 20px;\n\n }\n}\n.subHead{\n // font-size: 1.1em;\n font-weight: 600;\n margin-top: 10px;\n}\n.testSq{\n width:150px;\n height: 50px;\n background-color: gray;\n margin:0 auto;\n}\n\n// --------- HOME ELEMENTS -----------\n.homeSection{\n margin: 0 (-$smMargin);\n padding: 50px 0;\n text-align: center;\n h2{\n margin:0;\n padding-bottom: 20px;\n font-size: 30px;\n font-weight: $bold;\n color: $accBlue;\n }\n .content{\n margin: 0 $smMargin;\n }\n &.events{\n background-color: $lightBlue;\n .content{\n margin: 0 $smMargin/2;\n h2{\n padding:0;\n }\n .event{\n margin-top: 16px;\n display:inline-block;\n width:50%;\n padding: 0 $smMargin/2;\n .eventImg{\n background-color: $medBlue;\n width:100%;\n height:164px;\n i{\n margin-top: 60px;\n color:white;\n }\n }\n .caption{\n i{\n float:right;\n margin: 10px 5px;\n color:$accBlue;\n }\n .title{\n margin:0;\n text-align:left;\n font-weight: $bold;\n color:$accBlue;\n }\n .dates{\n text-align:left;\n line-height: 1em;\n font-size: 12px;\n\n }\n }\n }\n .audition{\n margin: 0 auto;\n margin-top: 50px;\n max-width: 50%;\n p{\n color: $accBlue;\n font-size: 20px;\n font-weight: $bold;\n i{\n font-size: 18px;\n }\n }\n }\n }\n }\n &.features{\n .ctaBtn{\n @include defBtn;\n margin-top: 30px;\n }\n button{\n @include defBtn;\n margin-top:30px;\n }\n }\n &.venues{\n background-color: $accBlue;\n .venue{\n margin:0 auto;\n width:50%;\n .venueImg{\n background-color: $medBlue;\n width:100%;\n height:164px;\n i{\n // margin-top: 37%;\n margin-top: 60px;\n }\n }\n p{\n font-size: 1.4em;\n margin: 8px 0 16px 0;\n }\n }\n h2,p,i{\n color:white;\n }\n }\n &.sponsors{\n .sliderWrap{\n // max-width: 800px;\n // width: 800px;\n width: 100%;\n margin:0 auto;\n overflow: hidden;\n position: relative;\n }\n .sponsorsSlider{\n // width:1330px;\n // $sponsWidth: 1330px;\n $sponsWidth: 2280px;\n width:$sponsWidth;\n .sponsorImg{\n background-color: $medBlue;\n width: 80px;\n height: 80px;\n display: inline-block;\n margin-right: 15px;\n i{\n // margin-top:30%;\n margin-top: 20px;\n color: white;\n }\n }\n @include slider($sponsWidth);\n }\n }\n}\n\n.movieRow{\n padding-top: 10px;\n margin-top: 30px;\n border-top: 1px solid rgba(0,0,0,0.5);\n h2{\n margin:0;\n }\n .movieImgWrap{\n float:right;\n max-width: 50%;\n img{\n width:100%;\n height:100%;\n }\n }\n .showTimesTitle{\n margin-top:20px;\n font-size: 1.1em;\n font-weight: 600;\n }\n}\n.templateLink{\n text-decoration: none;\n color:inherit;\n}\n.singlePost{\n margin-top: 20px;\n .movieImgWrap{\n float:right;\n max-width: 40%;\n img{\n width:100%;\n height:100%;\n }\n }\n .showTimesTitle{\n margin-top:20px;\n font-size: 1.1em;\n font-weight: 600;\n }\n}\n// .content{\n// \tmargin: 20px 2%;\n// }\n\n// .quadTile{\n// \twidth: 46%;\n// \tfloat: left;\n// \tmargin: 10px 2%;\n// \tposition: relative;\n// }\n// .quadTile img{\n// \twidth: 100%;\n// \tmargin-bottom: -3px;\n// \topacity: .75;\n// }\n// .quadTile:hover img{\n// \topacity: 1;\n// }\n\n// .overlay{\n// \tposition: absolute;\n// \ttop:0;\n// \tleft:0;\n// \twidth:100%;\n// \theight:100%;\n\n// \t.overTop{\n// \t\ttext-align: center;\n// \t\tposition: absolute;\n// \t\twidth: 100%;\n// \t\ttop: 0;\n// \t\tbackground-color: rgba(0,0,0,0.5);\n// \t\tcolor: #efefef;\n// \t\tpadding: 5px 0;\n// \t\tmargin: 0;\n// \t}\n// \t.overBtm{\n// \t\ttext-align: center;\n// \t\tposition: absolute;\n// \t\twidth: 100%;\n// \t\tbottom: 0;\n// \t\tbackground-color: rgba(0,0,0,0.5);\n// \t\tcolor: #efefef;\n// \t\tpadding: 5px 0;\n// \t\tfont-size: .8em;\n// \t\tmargin: 0;\n// \t}\n// }\n// .quadTile figcaption{\n// \tdisplay:none;\n// }\n// .title{\n// \tmargin-left: 2%;\n// \tmargin-bottom: 20px\n// }\n.readMore{\n @include phoneBtn();\n font-size: .8em;\n float: right;\n margin-top:10px;\n}\n\n// .colTopImg{\n// \tmargin-top: 20px;\n// }\n\n// .woocommerce-MyAccount-navigation-link a{\n// \tcolor:red;\n// }\n\n// /*---slider---- */\n// .homeCaro{\n// \t// max-width: 992px;\n// \tmargin: 0 -15px;\n// \t.carousel-indicators{\n// \t\tmargin-bottom: 0;\n// \t\tli{\n// \t\t\twidth: 10px;\n// \t\t\theight: 10px;\n// \t\t\tborder-radius: 100%;\n// \t\t}\n// \t}\n// \t.carousel-inner{\n// \t\tbackground-color: #333;\n// \t\t.caroOverlay{\n// \t\t\tposition: absolute;\n// \t\t\ttop:0;\n// \t\t\tleft:0;\n// \t\t\twidth: 100%;\n// \t\t\t// height: 250px;\n// \t\t\t// background-color: rgba(0,0,0,0.3);\n// \t\t\tbackground-image: linear-gradient(to top right, rgba(0,0,0,0.7), rgba(0,0,0,0.1));\n// \t\t}\n// \t\t.carousel-caption{\n// \t\t\ttext-align: left;\n// \t\t\th3{\n// \t\t\t\ttext-shadow: 0 0 15px black;\n// \t\t\t\tfont-size: 1.6em;\n// \t\t\t}\n// \t\t}\n// \t\timg{\n// \t\t\twidth: 100%;\n// \t\t\theight: 250px;\n// \t\t\tobject-fit: cover;\n// \t\t}\n\n// \t}\n// .caro1{\n// \t\tbackground: url(\"../img/stageCurtain.jpg\") no-repeat center;\n// }\n// .caro2{\n// \t\tbackground: url(\"../img/screenTheatre.jpg\") no-repeat center;\n// }\n// .caro3{\n// \t\tbackground: url(\"../img/educationPaint.jpg\") no-repeat center;\n// }\n// }\n\n.card{\n\n}\n.cards img{\n width: 100%;\n height: 150px;\n object-fit: cover;\n}\n.cardSubTitle{\n font-size: 1em;\n font-weight: 600;\n}\n.eventPage img{\n width: 100%;\n}\n\n\n\n// ~~~GALLERY~~~~~~~~\n.galFlex{\n @include flex;\n flex-wrap: wrap;\n figure{\n flex-basis: 50%;\n padding: 10px 2%;\n img{\n width:100%;\n }\n }\n}\nlegend{\n font-size: 1em;\n margin: 0;\n}\n\n// LAZY GAL\n.fullWidthImg{\n width: 100%;\n img{\n width: 100%;\n // opacity: 0;\n // @include fadeIn(.5s);\n }\n}\n\n/*-----FOOTER STYLES-----*/\n.footerWrap{\n position:fixed;\n bottom:0;\n width: 100%;\n // margin-top: 20px;\n padding: 20px 0 16px 0;\n // background-image: url(../img/vertical_cloth.png);\n background-color: $accBlue;\n color: white;\n a{\n @include textLink();\n }\n .newsLetterForm{\n .emailInputG{\n input{\n border-radius: 15px 0 0 15px;\n border: none;\n }\n .inputBtn{\n @include btn();\n border-radius: 0 15px 15px 0;\n }\n }\n }\n}\n\n.socialIcons{\n // margin: 10px 0;\n text-align: center;\n // margin-top: 16px;\n}\n.socialIcons i{\n padding: 0 15px;\n // opacity: .8;\n opacity: 1;\n cursor: pointer;\n}\n.fa-twitter-square:hover{\n opacity:1;\n color:#38A1F3;\n}\n.fa-facebook-square:hover{\n opacity:1;\n color:#3b5998;\n}\n.fa-instagram:hover{\n opacity:1;\n color:#e95950;\n}\n.fa-google-plus-square:hover{\n opacity:1;\n color:#DD4B39;\n}\n.fa-youtube-square:hover{\n opacity:1;\n color:#ff0000;\n}\n\nfooter {\n text-align: center;\n padding-top: 16px;\n font-size: 12px;\n}\n.footLogo{\n display:none;\n}\n/*------OTHER------*/\n.keepOpen{\n clear:both;\n content: \"\";\n display:table;\n}\n\n\n","// VARIABLES\n\n// MEDIA QUERIES\n$tabletSz: 600px;\n$deskSz: 1366px;\n\n// COLORS\n$mainBlue: #437DAB;\n$blackO2: rgba(0,0,0,0.2);\n$whiteO7:rgba(255,255,255,0.7); \n$whiteO8:rgba(255,255,255,0.8);\n$mainRed: #860409; // rgba(134,4,9)\n$darkRed: #6E0307;\n$offWhite: #efefef;\n$link: rgba(255,255,255,0.7);\n$accBlue: #2699FB;\n$bgBlue: #7FC4FD;\n$medBlue: #BCE0FD;\n$lightBlue: #F1F9FF;\n\n// SIZES\n// assume 12 column grid\n$widthHalf: 6 / 12 * 100%;\n$widthQuarter: 3 / 12 * 100%;\n$widthThird: 4 / 12 * 100%;\n\n// $cols: 4;\n// @media screen and (min-width: $tabletSz) {\n// \t$cols: 8;\n// }\n// @media screen and (min-width: $deskSz) {\n// \t$cols: 12;\n// }\n\n$gutter: 16px/2;\n$tabGutter: 24px/2;\n\n$smMargin: 16px;\n$semiBold: 600;\n$bold:700;\n\n\n// OTHER\n$radius: 15px;","// MIXINS\n\n@mixin fadeIn($time){\n\t-webkit-transition: opacity $time ease-in;\n\t-moz-transition: opacity $time ease-in;\n\t-o-transition: opacity $time ease-in;\n\t-ms-transition: opacity $time ease-in;\n\ttransition: opacity $time ease-in;\t\n}\n\n@mixin slider($sponsWidth){\n\t// $sliderGutter: -1330px;\n\t// $sliderTime:15s;\t\n\t// $sliderTime: 5s;\t\n\t$sliderGutter: (-$sponsWidth);\t\n\t$sliderTime: ($sponsWidth/1px)/90 +s;\t\n\t.first{\t\t\n\t -webkit-animation: bannermove $sliderTime linear infinite;\n \t-moz-animation: bannermove $sliderTime linear infinite;\n \t-o-animation: bannermove $sliderTime linear infinite;\n \t-ms-animation: bannermove $sliderTime linear infinite;\n \tanimation: bannermove $sliderTime linear infinite;\t\n\t}\n\t@keyframes \"bannermove\" {\n\t 0% {\n\t margin-left: 0px;\n\t }\n\t 100% {\n\t margin-left: $sliderGutter;\n\t }\t \n\t}\t \n\t@-moz-keyframes bannermove {\n\t 0% {\n\t margin-left: 0px;\n\t }\n\t 100% {\n\t margin-left: $sliderGutter;\n\t }\t \n\t}\t \n\t@-webkit-keyframes \"bannermove\" {\n\t 0% {\n\t margin-left: 0px;\n\t }\n\t 100% {\n\t margin-left: $sliderGutter;\n\t }\t \n\t}\t \n\t@-ms-keyframes \"bannermove\" {\n\t 0% {\n\t margin-left: 0px;\n\t }\n\t 100% {\n\t margin-left: $sliderGutter;\n\t }\t \n\t}\t \n\t@-o-keyframes \"bannermove\" {\n\t 0% {\n\t margin-left: 0px;\n\t }\n\t 100% {\n\t margin-left: $sliderGutter;\n\t }\t \n\t}\n}\n\n@mixin radius($radius) {\n -webkit-border-radius: $radius;\n -moz-border-radius: $radius;\n -ms-border-radius: $radius;\n border-radius: $radius;\n}\n\n@mixin flex{\n\tdisplay: flex;\n\tdisplay: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */\n\tdisplay: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */\n\tdisplay: -ms-flexbox; /* TWEENER - IE 10 */\n\tdisplay: -webkit-flex; /* NEW - Chrome */\n}\n\n@mixin gradient($from, $to) {\n\t/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b2e3e3+0,8fd2d6+100 */\nbackground: $from; /* Old browsers */\nbackground: -moz-linear-gradient(top, $from 0%, $to 100%); /* FF3.6-15 */\nbackground: -webkit-linear-gradient(top, $from 0%, $to 100%); /* Chrome10-25,Safari5.1-6 */\nbackground: linear-gradient(to bottom, $from 0%, $to 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\n// filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=0 ); /* IE6-9 */\n}\n\n@mixin partialGradient($from, $to){\n\tbackground: $from; /* Old browsers */\nbackground: -moz-linear-gradient(top, $from 0%, $from 63%, $to 100%); /* FF3.6-15 */\nbackground: -webkit-linear-gradient(top, $from 0%, $from 63%, $to 100%); /* Chrome10-25,Safari5.1-6 */\nbackground: linear-gradient(to bottom, $from 0%, $from 63%, $to 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\n}\n\n@mixin textLink{\n\ttext-decoration: none;\n\t// color: $mainBlue;\n\tcolor: #efefef;\n\topacity: .8;\n\t&:hover{\n\t\topacity: 1;\n\t}\n}\n\n@mixin mainRedOpacity($opacity){\n\tbackground-color: rgba(134,4,9,$opacity);\n}\n\n@mixin btn{\n\ttext-decoration: none;\n\tbackground-color: $mainRed;\n\tcolor: #efefef;\n\t// font-weight: 600;\n\tfont-family:'Oswald',sans-serif;\n\tborder: none;\n\t@include radius($radius);\n\t// padding: 10px;\n\tcursor: pointer;\n\t&:hover{\n\t\tbox-shadow: 0 2px 5px black;\n\t}\n}\n\n@mixin defBtn{\n\ttext-decoration: none;\n\tbackground-color: transparent;\n\tcolor: $accBlue;\n\tfont-size: 12px;\n\tfont-weight:$bold;\n\tborder: 2px solid $accBlue;\n\tborder-radius: 4px;\n\tpadding: 20px 60px;\n\t&:hover{\n\t\tcursor: pointer;\n\t\tbackground-color: $bgBlue;\n\t}\n}\n\n@mixin phoneBtn{\n\ttext-decoration: none;\n\tbackground-color: #437DAB;\n\tcolor: #efefef;\n\tfont-weight: 600;\n\tborder: none;\n\t@include radius($radius);\n\tpadding: 10px;\n\tcursor: pointer;\n\t&:hover{\n\t\tbox-shadow: 0 2px 5px black;\n\t}\n}\n\n@mixin tabletBtn{\n\ttext-decoration: none;\n\tbackground-color: #437DAB;\n\tborder: none;\n\t@include radius($radius);\n\tpadding: 10px;\n\tcursor: pointer;\n\tcolor:rgba(255,255,255,0.8);\n\tfont-weight: 600;\n\twidth: 30%;\n\t&:hover{\n\t\tcolor:rgba(255,255,255,1);\n\t\tbox-shadow: 0px 2px 5px black;\n\t}\n}\n\n// columns: take margin as percent, do not include %\n@mixin fourCols($margin){\n\t$qtrWidth: (100 - $margin * 8) / 4;\n\twidth: percentage($qtrWidth / 100);\n\tmargin-left: percentage($margin / 100);\n\tmargin-right: percentage($margin / 100);\n}\n\n@mixin threeCols($margin){\n\t$qtrWidth: (100 - $margin * 6) / 3;\n\twidth: percentage($qtrWidth / 100);\n\tmargin-left: percentage($margin / 100);\n\tmargin-right: percentage($margin / 100);\n}","// HOME PAGE SCSS\n\n/*Prevents iphone from resizing in landscape mode*/\n// html {-webkit-text-size-adjust: none;}\n\n/*Apply a natural box layout model to all elements*/\n* {\n\tbox-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\t-webkit-box-sizing: border-box;\n\n\tappearance:none;\n\t-webkit-appearance:none;\n}\n\n*:focus{\n\toutline:0 !important;\n}\n\n/*-----MAIN BODY STYLES-----*/\nbody{\n\t// font-size: 16px; \n\t// font-family: 'Raleway', sans-serif;\n\tfont-family: 'Open Sans', sans-serif;\n\t// font-family: 'Arial', sans-serif;\n\tfont-weight: 400; /*also loaded 600,700 for bold*/\n\tmargin: 0;\n\tfont-size: 14px;\n\t&.logged-in {\n\t\t.myNavbar {\n\t\t\tposition: static;\n\t\t}\n\t}\n}\np{\n\t// line-height: 1.4em;\n\tline-height: 24px;\n}\n.behindNav{\n\tbackground-color: $accBlue;\n\theight:56px;\n}\n.container{\n\tmax-width: 1200px;\n\tmargin:0 $smMargin;\n\tpadding-bottom: 60px;\n\t// margin-top: 56px;\n\t// margin-top: 30px;\n}\n.removePad{\n\tpadding:0;\n}\ni.icoLgPlus{\n\tfont-size: 1.7em;\n}\ni.fa-ticket-alt{\n\ttransform:rotate(-45deg);\n\tfont-size: 1.6em;\n}\n\n/*-------COLUMN LAYOUT------*/\n.row {\n\tclear: both;\n\tmargin: 0 (-$gutter);\n}\n.column {\n\tpadding: 0 $gutter;\n\t// display: inline-block;\n}\n// .column:first-child{\n// \tpadding-left:0;\n// }\n// .column:last-child{\n// \tpadding-right:0;\n// }\n\n@for $i from 1 through 4 {\n\t$w:($i / 4)*100%;\n\t.small-#{$i} {width: $w; float:left;}\n\t// @if $i / 4 == 1{\n\t// \t.small-#{$i}{padding:0;}\n\t// }\n\t// @else{\n\t// \t.small-#{$i}:first-child{padding-left:0;}\n\t// }\n}\n\n/*----- Clearfix: Force an Element not to collapse -----*/\n.clearfix:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n/*-----HEADER STYLES-----*/\n\n// header{\n\t// font-weight: 600;\n\t// max-height: 100px;\n\t// position:relative;\n\t// .logoWrap{\n\t// \theight: 80px;\n\t// \tpadding: 5px 0;\n\t// \t.logoDiv{\n\t// \t\t// background: url('../img/logo.png') no-repeat center;\n\t// \t\tbackground: url(https://scera.org/wp-content/themes/scera/images/logo.png) no-repeat center;\n\t// \t\theight: 100%;\n\t// \t\tbackground-size: contain;\n\t// \t}\n\t// \t.logoImg{\n\t// \t\theight: 100%;\n\t// \t}\n\t// }\n\t\n\t// .icons{\n\t// \tposition: absolute;\n\t// \tbottom: 5px; \n\t// \tright: 15px;\n\t// \t// margin-bottom: 0;\n\t// \t.icon{\n\t// \t\tmargin-left: 10px;\n\t// \t\tcolor: #efefef; \n\t// \t\tfont-size: 1.3em;\n\t// \t\tdisplay: inline-block; \n\t// \t\t.searchArea{\n\t// \t\t\t// display: none;\n\t// \t\t\t// width: 0px;\n\t// \t\t\t// position: absolute;\n\t// \t\t\t// right:0;\n\t// \t\t\t// float:right;\t\t\t\t\n\t// \t\t\tinput{\n\t// \t\t\t\tborder:solid 1px black;\n\t// \t\t\t\tborder-radius: 10em;\n\t// \t\t\t\twidth:0px;\n\t// \t\t\t\ttransition: .5s;\n\t// \t\t\t\tfont-size: .8em;\n\t// \t\t\t\t// padding:5px 30px 5px 10px;\n\t// \t\t\t\tpadding:5px 0 5px 0;\t\t\t\t\t\n\t// \t\t\t\t// margin-right: -12px;\n\t// \t\t\t\tvisibility: hidden;\n\t// \t\t\t\t&.show{\n\t// \t\t\t\t\tvisibility: visible;\n\t// \t\t\t\t\twidth: 180px;\n\t// \t\t\t\t\tpadding:5px 30px 5px 10px;\n\t// \t\t\t\t\tmargin-right: -12px;\n\t// \t\t\t\t}\n\t// \t\t\t}\n\t// \t\t\ti{\n\t// \t\t\t\tmargin-left:-20px;\n\t// \t\t\t\ttransition:.5s;\n\t// \t\t\t\t&.show{\n\t// \t\t\t\t\tcolor:black;\n\t// \t\t\t\t}\n\t// \t\t\t}\n\t// \t\t}\n\t// \t\tul.accDD{\n\t// \t\t\tdisplay: block;\n\t// \t\t\tposition: absolute;\n\t// \t\t\tz-index: 90;\n\t// \t\t\tfont-size: .8em;\t\n\t// \t\t\tbackground-color: white;\n\t// \t\t\tpadding: 10px;\n\t// \t\t\tborder-radius: 2px;\n\t// \t\t\tbox-shadow: 1px 1px 5px black;\n\t// \t\t\tmargin-left:-15%;\n\t// \t\t\tli{\n\t// \t\t\t\tlist-style-type: none;\n\t// \t\t\t\tmargin-top: 10px;\n\t// \t\t\t\ta{\n\t// \t\t\t\t\tcolor:black;\n\t// \t\t\t\t}\n\t// \t\t\t\t&:first-child{\n\t// \t\t\t\t\tmargin-top: 0;\n\t// \t\t\t\t}\n\t// \t\t\t}\t\n\t// \t\t\t&.hide{\n\t// \t\t\t\tdisplay:none;\n\t// \t\t\t}\t\n\t// \t\t}\n\t// \t\t.activeIco{\t\t\t\t\n\t// \t\t\topacity:0.7;\n\t// \t\t}\n\t// \t\t&:hover{\n\t// \t\t\tcursor: pointer;\n\t// \t\t\t// background-color: red;\t\t\t\t\n\t// \t\t}\n\t// \t}\n\t// }\t\n\t// // .phoneNum{\n\t// // \tposition: absolute;\n\t// // \tbottom: 5px; \n\t// // \tright: 15px;\n\t// // \ttext-decoration: none;\n\t// // \tcolor: #efefef;\n\t// // }\n\t// // &.headerBG{\n\t// // \tbackground-image: url(../img/vertical_cloth.png);\n\t// // }\n// }\n\n.navCol{\n\tdisplay:inline-block;\n\t// height:100%;\n\t&.navL{\n\t\twidth:32%;\n\t\tpadding-left:16px;\n\t}\n\t&.navM{\n\t\twidth:33%;\n\t\tvertical-align: top;\t\t\n\t\ttext-align: center;\n\t\tcolor:white;\n\t\tfont-weight: $bold;\n\t\tfont-size: 1.4em;\n\t\t.navLogo{\n\t\t\t// width: 50%;\n\t\t\t// margin:0 auto;\n\t\t\tpadding-top:15px;\n\t\t\t// z-index: 70;\n\t\t}\n\t}\n\t&.navR{\n\t\twidth:32%;\n\t\tvertical-align: top;\n\t\t.icons{\n\t\t\t// float:right;\n\t\t\tpadding-top:17px;\n\t\t\ttext-align: right;\n\t\t\t.icon{\n\t\t\t\tdisplay:inline-block;\n\t\t\t\tcolor:white;\n\t\t\t\tmargin:0;\n\t\t\t\tborder:none;\n\t\t\t\tmargin-right: 16px;\n\t\t\t\tpadding:0;\n\t\t\t}\n\t\t}\n\t}\n}\n.navWrap2{\n\t// margin-top: -34px;\n\theight:53px;\n}\n\n\n/*-------------NAV------------*/\nnav.myNavbar{\n\t// background-color: $mainRed;\n\tbackground-color: $accBlue;\n\tz-index: 60;\n\t// padding-top: 0;\n\t// padding-bottom: 0;\n\tpadding: 3px 0 0 0;\n\tmin-height:56px;\n\tposition: fixed;\n\ttop:0;\n\twidth:100%;\n\tul{\n\t\t// padding-top:10px;\n\t\tli{\n\t\t\tlist-style-type: none;\n\t\t\tmargin: 0 48px;\n\t\t\tpadding: 14px 0;\n\t\t\tborder-bottom: 1px solid rgba(255,255,255,0.5);\n\t\t\tul.subNav{\n\t\t\t\t// margin-left: -20px;\n\t\t\t\t// padding: 10px 0 0 40px;\n\t\t\t\tmargin-top:$smMargin;\n\t\t\t\tbackground-color: $bgBlue;\n\t\t\t}\n\t\t\ta{\n\t\t\t\t// color: rgba(255,255,255,0.7);\n\t\t\t\tcolor: white;\n\t\t\t\ttext-decoration: none;\n\t\t\t\tfont-size: 1.5em;\n\t\t\t\t// font-weight: 700;\t\n\t\t\t\t// font-family: 'Oswald', sans-serif;\n\t\t\t}\n\t\t\t&:hover{\n\t\t\t\ta{\n\t\t\t\t\tcolor: rgba(255,255,255,1);\n\t\t\t\t}\n\t\t\t\tul.subNav li{\n\t\t\t\t\ta{\n\t\t\t\t\t\tcolor: rgba(255,255,255,0.7);\n\t\t\t\t\t}\n\t\t\t\t\t&:hover a{\n\t\t\t\t\t\t// background-color: $mainRed;\n\t\t\t\t\t\tcolor: white;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.current-menu-item{\n\t\t\t\ta{\n\t\t\t\t\tcolor: rgba(255,255,255,1);\n\t\t\t\t}\n\t\t\t}\n\t\t\t&:last-child{\n\t\t\t\tborder:none;\n\t\t\t}\n\t\t}\n\t} \n}\n\n.topNav{\n\tdisplay:none;\n\t// padding-top: 10px;\n\tmargin: 0;\n\t// margin-top:16px;\n\t// padding: 0px 0 10px 20px;\n\theight: 100vh;\n}\n\n.hbMenuWrap{\n\tpadding-left:0;\n\tpadding-right:0;\n}\n.hbMenu{\n\tdisplay:inline-block;\n\tcursor: pointer;\n\t// padding: 5px 2%;\n\tpadding: 10px 2% 0 2%;\n}\n.bar1, .bar2, .bar3{\n\t// background-color: #E5E5E5;\n\tbackground-color: white;\t\n\t// width: 35px;\n\t// height: 5px;\n\tmargin: 6px 0px;\t\n\twidth: 30px;\n\theight: 3px;\t\n\ttransition: 0.4s;\n\t// @include radius(2px);\n}\n.bar3{\n\twidth:15px;\n\ttransition: .1s;\n}\n.change{\n\t.bar1{\n\t\t// transform: translate(0px, 11px) rotate(-45deg);\n\t\ttransform: translate(0px, 9px) rotate(-45deg);\t\t\n\t}\n\t.bar2{\n\t\t// opacity: 0;\n\t\ttransform:rotate(45deg);\n\t}\n\t.bar3{\n\t\t// transform: translate(0px, -11px) rotate(45deg);\n\t\t// transform: translate(0px, -9px) rotate(45deg);\t\n\t\t// width:30px;\n\t\twidth:0px;\t\n\t}\n}\n.subNav{\n\t@include mainRedOpacity(.7);\n\tborder: none;\n\tdisplay:none;\n}\n\n.pagination{\n\tmargin-top: 20px;\n\tjustify-content: center;\n}\n.searchWrap{\n\t// margin-left: -20px;\n\tpadding-bottom:20px;\n\tborder-bottom:1px solid rgba(255,255,255,0.5);\n\t.searchArea{\n\t\t// font-size:14px;\n\t\t// display:none;\n\t\tcolor:$accBlue;\n\t\tinput{\n\t\t\tfont-size: 14px;\n\t\t\twidth:96%;\n\t\t\tmargin:0 $smMargin/2;\n\t\t\tmargin-right:-18px;\n\t\t\tpadding:17px 16px;\n\t\t\tpadding-bottom: 15px;\n\t\t\t// height:48px;\t\t\t\n\t\t\t// padding: 0 16px;\n\t\t\tborder: 1px solid $lightBlue;\n\t\t\tborder-radius: 5px;\n\t\t\t&::placeholder{\n\t\t\t\tcolor: $accBlue;\n\t\t\t\tfont-size: 14px;\n\t\t\t}\n\t\t}\n\t\ti{\n\t\t\tmargin-left:-18px;\n\t\t\ttransform:translateY(3px);\n\t\t}\n\t}\n}\n\n\n/*-----CONTENT STYLES-----*/\nh1{\n\tfont-size: 2em;\n\tmargin:25px 0 10px;\n\t// font-family: 'Oswald', sans-serif;\n}\nh2{\n\tfont-size: 1.5em;\n\tmargin: 15px 0 10px;\n\t// font-family: 'Oswald', sans-serif;\n}\nh3{\n\tfont-size: 1.2em;\n\t// font-family: 'Oswald', sans-serif;\n\tmargin: 10px 0 0 0;\n\tfont-weight:400;\n}\n\n.homeImg{\n\twidth:100%;\n} \n// .calWrap{\n// \t// display:none;\n// }\np{\n\t// margin:5px 0;\n\t&.altText{\n\t\tcolor: #666;\n\t\tbackground-color: #999;\n\t\tpadding: 50px 20px;\n\n\t} \n}\n.subHead{\n\t// font-size: 1.1em;\n\tfont-weight: 600;\n\tmargin-top: 10px;\n}\n.testSq{\n\twidth:150px;\n\theight: 50px;\n\tbackground-color: gray;\n\tmargin:0 auto;\n}\n\n// --------- HOME ELEMENTS -----------\n.homeSection{\n\tmargin: 0 (-$smMargin);\n\tpadding: 50px 0;\t\n\ttext-align: center;\n\th2{\n\t\tmargin:0;\n\t\tpadding-bottom: 20px;\n\t\tfont-size: 30px;\n\t\tfont-weight: $bold;\n\t\tcolor: $accBlue;\n\t}\n\t.content{\n\t\tmargin: 0 $smMargin; \n\t}\n\t&.events{\n\t\tbackground-color: $lightBlue;\n\t\t.content{\n\t\t\tmargin: 0 $smMargin/2;\n\t\t\th2{\n\t\t\t\tpadding:0;\n\t\t\t}\t\n\t\t\t.event{\n\t\t\t\tmargin-top: 16px;\n\t\t\t\tdisplay:inline-block;\n\t\t\t\twidth:50%;\n\t\t\t\tpadding: 0 $smMargin/2;\n\t\t\t\t.eventImg{\n\t\t\t\t\tbackground-color: $medBlue;\n\t\t\t\t\twidth:100%;\n\t\t\t\t\theight:164px;\n\t\t\t\t\ti{\n\t\t\t\t\t\tmargin-top: 60px;\n\t\t\t\t\t\tcolor:white;\n\t\t\t\t\t} \n\t\t\t\t}\n\t\t\t\t.caption{\n\t\t\t\t\ti{\n\t\t\t\t\t\tfloat:right;\n\t\t\t\t\t\tmargin: 10px 5px;\n\t\t\t\t\t\tcolor:$accBlue;\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t\t.title{\n\t\t\t\t\t\tmargin:0;\n\t\t\t\t\t\ttext-align:left;\n\t\t\t\t\t\tfont-weight: $bold; \n\t\t\t\t\t\tcolor:$accBlue;\n\t\t\t\t\t}\n\t\t\t\t\t.dates{\n\t\t\t\t\t\ttext-align:left;\n\t\t\t\t\t\tline-height: 1em;\n\t\t\t\t\t\tfont-size: 12px;\n\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.audition{\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tmargin-top: 50px;\n\t\t\t\tmax-width: 50%;\n\t\t\t\tp{\n\t\t\t\t\tcolor: $accBlue;\n\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\tfont-weight: $bold;\n\t\t\t\t\ti{\n\t\t\t\t\t\tfont-size: 18px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} \n\t\t}\n\t}\n\t&.features{\n\t\t.ctaBtn{\n\t\t\t@include defBtn;\n\t\t\tmargin-top: 30px;\n\t\t}\n\t\tbutton{\n\t\t\t@include defBtn;\n\t\t\tmargin-top:30px;\n\t\t}\n\t}\n\t&.venues{\n\t\tbackground-color: $accBlue;\n\t\t.venue{\n\t\t\tmargin:0 auto;\n\t\t\twidth:50%;\n\t\t\t.venueImg{\n\t\t\t\tbackground-color: $medBlue;\n\t\t\t\twidth:100%;\n\t\t\t\theight:164px;\n\t\t\t\ti{\n\t\t\t\t\t// margin-top: 37%;\n\t\t\t\t\tmargin-top: 60px;\t\t\t\t\t\n\t\t\t\t}\n\t\t\t}\n\t\t\tp{\n\t\t\t\tfont-size: 1.4em;\n\t\t\t\tmargin: 8px 0 16px 0;\n\t\t\t}\n\t\t}\n\t\th2,p,i{\n\t\t\tcolor:white;\n\t\t}\n\t}\n\t&.sponsors{\n\t\t.sliderWrap{\n\t\t\t// max-width: 800px;\n\t\t\t// width: 800px;\n\t\t\twidth: 100%;\n\t\t\tmargin:0 auto;\n\t\t\toverflow: hidden;\n\t\t\tposition: relative;\t\t\t\n\t\t}\n\t\t.sponsorsSlider{\n\t\t\t// width:1330px;\t\n\t\t\t// $sponsWidth: 1330px;\t\n\t\t\t$sponsWidth: 2280px;\t\t\n\t\t\twidth:$sponsWidth; \n\t\t\t.sponsorImg{\n\t\t\t\tbackground-color: $medBlue;\n\t\t\t\twidth: 80px;\n\t\t\t\theight: 80px;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmargin-right: 15px;\n\t\t\t\ti{\n\t\t\t\t\t// margin-top:30%;\n\t\t\t\t\tmargin-top: 20px;\n\t\t\t\t\tcolor: white;\n\t\t\t\t}\n\t\t\t}\n\t\t\t@include slider($sponsWidth);\n\t\t}\n\t}\n}\n\n.movieRow{\n\tpadding-top: 10px;\n\tmargin-top: 30px;\n\tborder-top: 1px solid rgba(0,0,0,0.5);\t\n\th2{\n\t\tmargin:0;\n\t}\n\t.movieImgWrap{\n\t\tfloat:right;\n\t\tmax-width: 50%;\n\t\timg{\n\t\t\twidth:100%;\n\t\t\theight:100%;\n\t\t}\n\t}\n\t.showTimesTitle{\n\t\tmargin-top:20px;\n\t\tfont-size: 1.1em;\n\t\tfont-weight: 600;\n\t}\n}\n.templateLink{\n\ttext-decoration: none;\n\tcolor:inherit;\n}\n.singlePost{\n\tmargin-top: 20px;\n\t.movieImgWrap{\n\t\tfloat:right;\n\t\tmax-width: 40%;\n\t\timg{\n\t\t\twidth:100%;\n\t\t\theight:100%;\n\t\t}\n\t}\n\t.showTimesTitle{\n\t\tmargin-top:20px;\n\t\tfont-size: 1.1em;\n\t\tfont-weight: 600;\n\t}\n}\n// .content{\n// \tmargin: 20px 2%;\n// }\n\n// .quadTile{\n// \twidth: 46%;\n// \tfloat: left;\n// \tmargin: 10px 2%;\n// \tposition: relative;\n// }\n// .quadTile img{\n// \twidth: 100%;\n// \tmargin-bottom: -3px;\n// \topacity: .75;\n// }\n// .quadTile:hover img{\n// \topacity: 1;\n// }\n\n// .overlay{\n// \tposition: absolute;\n// \ttop:0;\n// \tleft:0;\n// \twidth:100%;\n// \theight:100%;\n\n// \t.overTop{\n// \t\ttext-align: center;\n// \t\tposition: absolute;\n// \t\twidth: 100%;\n// \t\ttop: 0;\n// \t\tbackground-color: rgba(0,0,0,0.5);\n// \t\tcolor: #efefef;\n// \t\tpadding: 5px 0;\n// \t\tmargin: 0;\n// \t}\n// \t.overBtm{\n// \t\ttext-align: center;\n// \t\tposition: absolute;\n// \t\twidth: 100%;\n// \t\tbottom: 0;\n// \t\tbackground-color: rgba(0,0,0,0.5);\t\n// \t\tcolor: #efefef;\n// \t\tpadding: 5px 0;\n// \t\tfont-size: .8em;\n// \t\tmargin: 0;\n// \t}\n// }\n// .quadTile figcaption{\n// \tdisplay:none;\n// }\n// .title{\n// \tmargin-left: 2%;\n// \tmargin-bottom: 20px \n// }\n.readMore{\n\t@include phoneBtn();\n\tfont-size: .8em;\n\tfloat: right;\n\tmargin-top:10px;\n}\n\n// .colTopImg{\n// \tmargin-top: 20px;\n// }\n\n// .woocommerce-MyAccount-navigation-link a{\n// \tcolor:red;\n// }\n\n// /*---slider---- */\n// .homeCaro{\n// \t// max-width: 992px;\n// \tmargin: 0 -15px;\n// \t.carousel-indicators{\n// \t\tmargin-bottom: 0;\n// \t\tli{\n// \t\t\twidth: 10px;\n// \t\t\theight: 10px;\n// \t\t\tborder-radius: 100%;\n// \t\t}\n// \t}\n// \t.carousel-inner{\n// \t\tbackground-color: #333;\n// \t\t.caroOverlay{\n// \t\t\tposition: absolute;\n// \t\t\ttop:0;\n// \t\t\tleft:0;\n// \t\t\twidth: 100%;\n// \t\t\t// height: 250px;\n// \t\t\t// background-color: rgba(0,0,0,0.3);\n// \t\t\tbackground-image: linear-gradient(to top right, rgba(0,0,0,0.7), rgba(0,0,0,0.1));\n// \t\t}\n// \t\t.carousel-caption{\n// \t\t\ttext-align: left;\n// \t\t\th3{\n// \t\t\t\ttext-shadow: 0 0 15px black;\n// \t\t\t\tfont-size: 1.6em;\n// \t\t\t}\n// \t\t}\n// \t\timg{\n// \t\t\twidth: 100%;\n// \t\t\theight: 250px;\n// \t\t\tobject-fit: cover;\n// \t\t}\n\t\t\n// \t}\n\t// .caro1{\n // \t\tbackground: url(\"../img/stageCurtain.jpg\") no-repeat center;\n\t// }\n\t// .caro2{\n // \t\tbackground: url(\"../img/screenTheatre.jpg\") no-repeat center;\n\t// }\n\t// .caro3{\n // \t\tbackground: url(\"../img/educationPaint.jpg\") no-repeat center;\n\t// }\n// }\n\n.card{\n\n}\n.cards img{\n\twidth: 100%;\n\theight: 150px; \n\tobject-fit: cover;\n}\n.cardSubTitle{\n\tfont-size: 1em;\n\tfont-weight: 600;\n}\n.eventPage img{\n\twidth: 100%;\n}\n\n\n\n// ~~~GALLERY~~~~~~~~\n.galFlex{\n\t@include flex;\n\tflex-wrap: wrap;\n\tfigure{\n\t\tflex-basis: 50%;\n\t\tpadding: 10px 2%;\n\t\timg{\n\t\t\twidth:100%;\n\t\t}\n\t}\n}\nlegend{\n\tfont-size: 1em;\n\tmargin: 0;\n}\n\n// LAZY GAL\n.fullWidthImg{\n\twidth: 100%;\n\timg{\n\t\twidth: 100%;\n\t\t// opacity: 0;\n\t\t// @include fadeIn(.5s);\n\t}\n}\n\n/*-----FOOTER STYLES-----*/\n.footerWrap{\n\tposition:fixed;\n\tbottom:0;\n\twidth: 100%;\n\t// margin-top: 20px;\n\tpadding: 20px 0 16px 0;\n\t// background-image: url(../img/vertical_cloth.png);\n\tbackground-color: $accBlue;\n\tcolor: white;\n\ta{\n\t\t@include textLink();\n\t}\n\t.newsLetterForm{\n\t\t.emailInputG{\n\t\t\tinput{\n\t\t\t\tborder-radius: 15px 0 0 15px;\n\t\t\t\tborder: none;\n\t\t\t}\n\t\t\t.inputBtn{\n\t\t\t\t@include btn();\n\t\t\t\tborder-radius: 0 15px 15px 0;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.socialIcons{\n\t// margin: 10px 0;\n\ttext-align: center;\n\t// margin-top: 16px;\t\n}\n.socialIcons i{\n\tpadding: 0 15px;\n\t// opacity: .8;\n\topacity: 1;\t\n\tcursor: pointer;\n}\n.fa-twitter-square:hover{\n\topacity:1;\n\tcolor:#38A1F3;\n}\n.fa-facebook-square:hover{\n\topacity:1;\n\tcolor:#3b5998;\n}\n.fa-instagram:hover{\n\topacity:1;\n\tcolor:#e95950;\n}\n.fa-google-plus-square:hover{\n\topacity:1;\n\tcolor:#DD4B39;\n}\n.fa-youtube-square:hover{\n\topacity:1;\n\tcolor:#ff0000;\n}\n\nfooter {\n\ttext-align: center;\n\tpadding-top: 16px;\n\tfont-size: 12px;\n}\n.footLogo{\n\tdisplay:none;\n}\n/*------OTHER------*/\n.keepOpen{\n\tclear:both;\n\tcontent: \"\";\n\tdisplay:table;\n}\n\n\n","// @media only screen and (min-width: 576px) {\n@media only screen and (min-width: $tabletSz) {\n\n \n/*-----MAIN BODY STYLES-----*/\n.container{\n\tmargin:0 24px;\n}\n\n\n/*-------COLUMN LAYOUT------*/\n.row {\n\tclear: both;\n\t// margin: 0 -12px;\n\tmargin: 0 (-$tabGutter);\n\n}\n.column {\n\tpadding: 0 $tabGutter;\n\t// display: inline-block;\n}\n\n@for $i from 1 through 8 {\n\t$w:($i / 8)*100%;\n\t.medium-#{$i} {width: $w; float:left;}\n\t// @if $i / 8 == 1{\n\t// \t.medium-#{$i}{padding:0;}\n\t// }\n\t// @else{\n\t// \t.medium-#{$i}:first-child{padding-left:0;}\n\t// }\n}\n\n/*-----HEADER STYLES-----*/\n// header{\n// \tmargin: 0;\n// }\n// .logoWrap{\n// \t/*margin-top: 10px;*/\n// \theight: 100%;\n// }\n// .logoDiv{\n// \tbackground: url('../img/logo.png') no-repeat;\n// \tbackground-size:contain;\n// \theight: 80px;\n// \twidth: 80%;\n// \tbottom: 0;\n// }\n// .phoneNum{\n// \tfont-size: 1.3em;\n// }\n// .phoneNum i{\n// \tmargin-right: 10px;\n// }\n\n/*-----------NAV----------*/\n// nav{\t\n// \tposition: relative;\n// \tbackground-color: #437DAB;\n// \twidth: 100%;\n// }\n// nav ul li{\n// \tdisplay: inline-block;\n// \tpadding: 15px;\n// \tborder: none;\n// \tmargin: 0;\n// \tcursor: pointer;\n// \tcolor: rgba(255,255,255,0.7);\n// }\n// nav ul li a{\n// \tcolor: #e5e5e5;\n// \ttext-decoration: none;\n// \tpadding: 0;\n// }\n\n// .navWrap{\n// \tmax-width: 1200px;\n// \tmargin: 0 auto;\n// } \n// .hbMenu{\n// \tdisplay: none;\n// }\n// .navWrap .topNav{\n// \tdisplay:block !important;\n// \tpadding-top: 0;\n// }\n// .topNav{\n// \tdisplay: block;\n// \tpadding-top: 0;\n// }\n// nav.myNavbar{\n// \t// background-color: $mainRed;\n// \t// background-color: blue;\n// }\n// .subNav li{\n// \tdisplay: block;\n// \t/*margin:0 10px;*/\n// \tpadding: 10px 0;\n// \tbackground-color: transparent;\n// \t&:first-child{\n// \t\tmargin-top: 0;\n// \t}\n// \t&:last-child{\n// \t\tmargin:0;\n// \t}\n// \ta{\n// \t\tmargin: 10px 0;\n// \t\tpadding: 10px;\n// \t}\n// }\n// .subNav .subLi a{\n// \tcolor: rgba(255,255,255,0.7);\n// }\n// .subNav .active a{\n// \tcolor: rgba(255,255,255,0.9);\n// }\n// nav ul li:hover a{\n// \tcolor: white;\n// }\n// .subLi:hover a{\n// \tcolor: rgba(255,255,255,1);\n// }\n// .show{\n// \tdisplay:block;\n// }\n\n\n/*-----CONTENT STYLES-----*/\n\n\n// .quadTile{\n// \twidth: 29.333%;\n// }\n\n\n/*-----sliders--------*/\n// .homeSlider .slider1{\n// \tbackground: url(\"../img/slider1.jpeg\") no-repeat center;\n// }\n// .homeSlider .slider2{\n// \tbackground: url(\"../img/slider2.jpg\") no-repeat center;\n// }\n// .homeSlider .slider3{\n// \tbackground: url(\"../img/slider3.jpg\") no-repeat center;\n// }\n// .homeSlider .slider4{\n// \tbackground: url(\"../img/slider4.jpg\") no-repeat center;\n// }\n\n.carousel-inner{\n\t.caro1{\n\t\timg{\n\t\t\tobject-position: center 80%;\n\t\t}\n\t}\n\t.caro2{\n\t\timg{\n\t\t\tobject-position: center 50%;\n\t\t}\n\t}\n\t.caro3{\n\t\timg{\n\t\t\tobject-position: center 20%;\n\t\t}\n\t}\n\n}\n\n/*-----MOVIES ARCHIVE-------*/\n.movieRow{\n\tpadding-top: 10px;\t\n\tborder-left:1px solid rgba(0,0,0,0.5);\t\t\n\t&.movieRow:first-child{\n\t\tborder-left:none;\n\t}\n}\n\n/*-----FOOTER STYLES-----*/\n// .footCol{\n// \tfloat: left;\n// }\n// .foot1, .foot2{\n// \twidth: 48%;\n// \tmargin: 0 1%;\n// }\n\n\n\n\n} // end media query","// DESKTOP PAGE\n// @media only screen and (min-width: 992px) {\n@media only screen and (min-width: $deskSz) {\n\n\t\n/*-----MAIN BODY STYLES-----*/\n// .container{\n\n// }\n\n/*-------COLUMN LAYOUT------*/\n@for $i from 1 through 12{\n\t$w:($i/12)*100%;\n\t.large-#{$i}{\n\t\twidth: $w; \n\t\tfloat:left;\n\t}\n} // end loop\n\n/*-----HEADER STYLES-----*/\n\n// .logoDiv{\n// \tbackground: url('../img/logo.png') no-repeat;\n// \tbackground-size:contain;\n// \theight: 100px;\n// \twidth: 80%;\n// \tbottom: 0;\n// \tmargin-bottom: -10px;\n// }\n\n/*-----------NAV----------*/\n// nav{\t\n// \tposition: relative;\n// \tbackground-color: #437DAB;\n// \twidth: 100%;\n// \tul.topNav{\n// \t\tdisplay: block;\n// \t\tpadding-top: 0;\n// \t\tpadding-bottom:0;\n// \t\tli{\n// \t\t\tdisplay: inline-block;\n// \t\t\tpadding: 15px;\n// \t\t\tborder: none;\n// \t\t\tmargin: 0;\n// \t\t\tcursor: pointer;\n// \t\t\tcolor: rgba(255,255,255,0.7);\n// \t\t\ta{\n// \t\t\t\tcolor: #e5e5e5;\n// \t\t\t\ttext-decoration: none;\n// \t\t\t\tpadding: 0;\n// \t\t\t}\n// \t\t\tul.subNav{\n// \t\t\t\tposition: absolute;\n// \t\t\t\tmargin-top:15px;\n// \t\t\t\tmargin-left:-15px;\n// \t\t\t\tpadding:0;\n// \t\t\t\tli{\n// \t\t\t\t\tposition: relative;\n// \t\t\t\t\tdisplay: block;\n// \t\t\t\t\t/*margin:0 10px;*/\n// \t\t\t\t\tpadding: 10px 0;\n// \t\t\t\t\tbackground-color: transparent;\n// \t\t\t\t\t&:first-child{\n// \t\t\t\t\t\tmargin-top: 0;\n// \t\t\t\t\t}\n// \t\t\t\t\t&:last-child{\n// \t\t\t\t\t\tmargin:0;\n// \t\t\t\t\t}\n// \t\t\t\t\ta{\n// \t\t\t\t\t\tmargin: 10px 0;\n// \t\t\t\t\t\tpadding: 10px;\n// \t\t\t\t\t}\n// \t\t\t\t}\n// \t\t\t}\n// \t\t\t&:hover{\n// \t\t\t\tbackground-color: $darkRed;\n// \t\t\t}\n// \t\t}\t\n// \t}\n// }\n \n// .navWrap{\n// \tmax-width: 1200px;\n// \tmargin: 0 auto;\n// } \n// .hbMenu{\n// \tdisplay: none;\n// }\n// .subNav .subLi a{\n// \tcolor: rgba(255,255,255,0.7);\n// }\n// .subNav .active a{\n// \tcolor: rgba(255,255,255,0.9);\n// }\n// nav ul li:hover a{\n// \tcolor: white;\n// }\n// .subLi:hover a{\n// \tcolor: rgba(255,255,255,1);\n// }\n// .show{\n// \tdisplay:block;\n// }\n\n/*-----CONTENT STYLES-----*/\n// .quadTile{\n// \t// width: 21%;\n// \t@include fourCols(2);\n// }\n\n\n\n/*-----CRUISES PAGE------*/\n.post{\n\theight:200px;\n\tmargin: 40px 0;\n}\n.cruisePosts{\n\tp{\n\t\tmin-height: 100px\n\t}\n\timg{\n\t\theight: 200px;\n\t}\n} \n\n/*---------book page---------*/\n.bookPage{\n\tinput, select{\n\t\twidth: 40%;\n\t}\n} \n\n// ~~~GALLERY~~~~~~~~\n.galFlex{\n\t@include flex;\n\tflex-wrap: wrap;\n\tfigure{\n\t\tflex-basis: 25%;\n\t\timg{\n\t\t\twidth:100%;\n\t\t}\n\t}\n}\n\n/*-----FOOTER STYLES-----*/\n.foot1, .foot2, .foot3{\n\t// width: 31%;\n\twidth: $widthThird;\n\tmargin: 0;\n\tpadding:0 .5%;\n}\n\n\n\n\n\n} // end media query"]}