/* Theme Name: Stellar Theme Version: 1.5 Theme URI: http://stellarwebstudios.com/ Description: The Stellar Theme is an assemblage of awesome resources, put together to form an extremely flexible WordPress foundation. Author: Stellar Web Studios Author URI: http://www.stellarwebstudios.com/ */ /* CSS Document */ /* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } /* ************************************************************************************ HELPER CLASSES ************/ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; } /* for image replacement */ .hidden { display: none; visibility: hidden; } /* Hide for both screenreaders and browsers */ .visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } /* Hide only visually - available for screenreaders */ .invisible { visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */ .clear { clear: both; display: block; } .cf { /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } small { font-size: 0.6875em; } .left { float: left; } .right { float: right; } /************************************************************************************* FONTS ************/ html { text-align: center; } body { text-align: left; color: #434343; font: 19px/1.2 "Abel", sans-serif; background: #fff; background: url(images/bg_header.jpg) no-repeat fixed; background-size: 100% auto; min-width: 1168px; } h1, h2, h3, h4, h5, h6 { color: #444; font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #00b9ff; } .categoryPage h2 { font-size: 26px; } .categoryPage h2 a { color: #e06317; } .categoryPage article img.alignleft { width: 150px; height: auto; } img.loopPic { width: 150px; height: auto; background: none; } .rgba h1, .rgba #logo, .rgba h2, .rgba h3, .rgba h4, .rgba h5, .rgba h6 { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.95); } h1, .h1 { font-size: 50px; margin: 0 0 25px 0; } h2, .h2 { font-size: 36px; margin: 0 0 25px 0; } h3, .h3 { font-size: 25px; margin: 0 0 25px 0; } h4, .h4 { font-size: 20px; margin: 0 0 20px 0; } h5, .h5 { font-size: 18px; margin: 0 0 20px 0; } h6, .h6 { font-size: 16px; margin: 0 0 20px 0; } header h1, header h2, header h3, header h4, header h5, header h6, article h1, article h2, article h3, article h4, article h5, article h6 { margin-bottom: 13px; } article header { margin-bottom: 20px; } /* Main Content */ #main-content blockquote { font-style: italic; font-family: cambria, georgia, times, serif; } #main-content article { background: rgba(243, 243, 243, 0.7); padding: 20px 30px; } .postMeta { color: #999; font-size: 12px; } /************************************************************************************* LAYOUT ************/ html { height: 100%; /* Use this if the site has width 100% to prevent the background becoming smaller than the main container. Change 980px to the width of your main container min-width: 980px; */ } body { /*height:100%;*/ position: relative; padding: 0; } .container { width: 1168px; margin: 0 auto; } p, dl, blockquote, hr, pre, table, fieldset, article, article footer, nav, ul, ol, .mejs-audio { margin: 0 0 24px 0; } article ul, article ol { position: relative; left: 45px; padding-right: 25px; /*necessary to ensure content fits in page*/ } article ul li, article ol li { margin-bottom: 5px; } .nomineeLeft ol li { margin-bottom: 8px; } /********** IMAGES ************/ .wp-post-image, img.alignright, img.alignleft, img.aligncenter { background: #fff; border: 1px solid #eee; max-width: 100%; height: auto; } article img, article iframe { max-width: 100%; } .alignleft { float: left; clear: left; margin: 0 20px 20px 0; } .alignright { float: right; clear: right; margin: 0 0 20px 20px; } .aligncenter { margin: 15px auto; display: block; } div.wp-caption { text-align: center; background: #11161a; border: 1px solid #1a1f23; outline: 4px solid #0d1015; padding: 0 !important; text-align: center !important; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } div.wp-caption img { margin: 0; padding: 5px 5px 0; outline: 0; border: 0; } p.wp-caption-text { margin: 0 !important; padding: 0 3px 3px !important; font-weight: bold; clear: both; font-size: 12px; color: #eee; } /************************************************************************************* LINKS & BUTTONS **********/ a { color: #00b9ff; text-decoration: none; } a:hover, a:focus { color: #004f59; text-decoration: none; } .more-link { float: right; display: block; background: #00b9ff; color: #FFF; border-radius: 5px; padding: 5px 15px; line-height: 16px; } .more-link:hover, .more-link:active, .more-link:focus { background: #0077a5; color: #FFF; } /* Stellar Social Icons */ .socialDiv { float: right; line-height: 113px; } .socialDiv .socialList { list-style: none; margin: 0; } .socialDiv .socialList li { display: inline-block; margin: 0 2px; } .socialDiv .socialList li a { display: block; position: relative; height: 40px; width: 40px; border-radius: 50%; font-size: 24px; text-align: center; text-decoration: none !important; color: #fff; margin: 0; transition: all 0.4s ease-in-out; transform-style: preserve-3d; } .socialDiv .socialList li a .first, .socialDiv .socialList li a .second { display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; line-height: 40px; backface-visibility: hidden; background-color: #000; } .socialDiv .socialList li a .second { transform: rotate3d(0, 1, 0, 180deg); } .socialDiv .socialList li:hover a { transform: rotate3d(0, 1, 0, -180deg); } .socialDiv .socialList .facebook .second { background-color: #3b5998; } .socialDiv .socialList .twitter .second { background-color: #10dffd; } .socialDiv .socialList .youtube .second { background-color: #e52d27; } .socialDiv .socialList .vimeo .second { background-color: #1ab7ea; } .socialDiv .socialList .soundcloud .second { background: #fd5d23; } .socialDiv .socialList .instagram .second { background-color: #d63279; } /* END STELLAR SOCIAL ICONS */ /* Header */ #header { position: relative; padding: 50px 0 10px; min-height: 113px; } #header .contact { float: left; position: relative; width: 300px; text-align: center; font-size: 25px; min-height: 113px; } #header .contact > div { position: absolute; bottom: 20px; width: 100%; } #header .contact > div p { margin: 0; } #homeHead #header { background: none; } #logo { position: absolute; margin: auto; top: 10px; left: 0; right: 0; width: 301px; } #logo img { max-width: 280px; height: auto; } /* Nav */ /* Main Navigation */ #main-nav { background: #333333; margin: 0; text-align: center; } #main-nav .menu { margin: 0; padding: 0; display: inline-block; } #main-nav .menu > li { float: left; position: relative; margin: 0; } #main-nav .menu > li > a { color: #fff; text-transform: uppercase; padding: 14px 23px 13px; font-size: 18px; display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(0); transform: translateZ(0); position: relative; overflow: hidden; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } #main-nav .menu > li > a:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 10px; background: #fff; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } #main-nav .menu > li > a:hover:before, #main-nav .menu > li > a:focus:before, #main-nav .menu > li > a:active:before { left: 23px; right: 23px; } #main-nav .menu li.current-menu-item > a:before, #main-nav .menu li.current-menu-parent > a:before { left: 23px; right: 23px; } #main-nav .menu .sub-menu { position: absolute; top: 100%; z-index: 1000; float: left; min-width: 200px; list-style: none; text-align: left; border: 1px solid #434343; border-radius: 0; left: 0; padding: 0; margin: 0; background: #434343; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; right: auto; display: block; visibility: hidden; opacity: 0; -webkit-transform: translate(-10%, 0); -ms-transform: translate(-10%, 0); -o-transform: translate(-10%, 0); transform: translate(-10%, 0); } #main-nav .menu .sub-menu li { display: block; } #main-nav .menu .sub-menu li a { display: block; line-height: 1.3; color: #fff; text-transform: uppercase; font-size: 14px; padding: 8px 18px; margin: 0; font-weight: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #main-nav .menu .sub-menu li.current-menu-item > a, #main-nav .menu .sub-menu li:hover > a { background: #000; } #main-nav .menu .sub-menu ul { left: 100%; top: 0; } #main-nav .menu li:hover > .sub-menu { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); visibility: visible; opacity: 1; } /* Main Content */ #main { clear: both; padding-top: 30px; } #main #main-content { width: 748px; float: left; margin: 0 40px 20px 0; } #main #main-content.fullWidth { width: 100%; } #main #main-content blockquote { margin: 0 2.5em 1.25em 2.5em; border: 1px solid #eee; background: #f6f6f6; padding: 1.19em 1.25em 0; } .home #main-content { background: rgba(243, 243, 243, 0.7); padding: 20px 30px; width: 688px !important; } .home #main { padding: 0; } .blog .post { margin: 0 0 25px; padding: 0 0 25px; border-bottom: 1px solid #eee; } .blog .post:last-child { border-bottom: none; } .blog .post h2 { margin: 0 0 7px; } .blog .post .postMeta { margin: 0 0 12px; } /* Sidebar */ #sidebar { width: 380px; float: left; } #sidebar .sidebarBox { background: #f3f3f3; margin-bottom: 30px; padding: 20px 40px; } #sidebar .sidebarBox.spotlight { background-image: url(images/sidebar-image.png); background-position: 90% 0; background-repeat: no-repeat; } #sidebar .sidebarBox .sectionTitle { margin-bottom: 20px; } #sidebar .sidebarBox .sectionTitle h3, #sidebar .sidebarBox .sectionTitle h4 { text-transform: uppercase; margin-bottom: 0; } #sidebar .sidebarBox .imgLink { background: #ababab; display: block; } #sidebar .sidebarBox .imgLink img { opacity: 0.7; display: block; -webkit-transition: opacity .2s ease-in; -moz-transition: opacity .2s ease-in; -o-transition: opacity .2s ease-in; transition: opacity .2s ease-in; } #sidebar .sidebarBox .imgLink:hover img { opacity: 1; } #sidebar .sidebarBox .spotlightsCarousel h3 { color: #004a5b; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; } #sidebar .sidebarBox.sponsors { /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; padding-bottom: 0; } #sidebar .sidebarBox.sponsors:before, #sidebar .sidebarBox.sponsors:after { content: ""; display: table; } #sidebar .sidebarBox.sponsors:after { clear: both; } #sidebar .sidebarBox .sponsorsList { display: block; } #sidebar .sidebarBox .sponsorsList .item { height: auto; padding: 12px 12px; box-sizing: border-box; width: 290px; width: 100%; margin: 0 0px 10px 0; float: none !important; } #sidebar .sidebarBox .sponsorsList .item:nth-child(2n) { margin-right: 0; } #sidebar .sidebarBox.news .item { margin-bottom: 20px; position: relative; } #sidebar .sidebarBox.news .item .imgLink .newsCaption { position: absolute; width: 100%; bottom: 0; left: 0; padding: 10px 20px; text-transform: uppercase; font-weight: bold; font-size: 17px; letter-spacing: 1px; color: #fff; background: #000; background: rgba(0, 0, 0, 0.6); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background .2s ease-in; transition: background .2s ease-in; } #sidebar .sidebarBox.news .item .imgLink:hover .newsCaption { background: #000; } /********** WIDGETS ************/ .widget { margin: 0 0 30px 0; } .widget:last-child { margin-bottom: 0; } .widget .widget_search { overflow: hidden; zoom: 1; } .widget .widget_search input#s { float: left; width: 50%; } .widget .widget_search #searchsubmit { font-size: 0.875em; padding: 0 1em; border: 0; margin: 1px 0 0 0; line-height: 2.29em; } .widget .widget_search label { display: none; } .widget .widget_categories ul, .widget .widget_archive ul, .widget .widget_links ul, .widget .widget_recent_entries ul, .widget .widget_recent_comments ul, .widget .widget_meta ul, .widget .widget_pages ul, .widget .widget_rss ul, .widget .widget_pages ul, .widget .widget_nav_menu ul, .widget .widget_categories ul { padding: 0; list-style-type: none; } .widget .widget_categories ul li, .widget .widget_archive ul li, .widget .widget_links ul li, .widget .widget_recent_entries ul li, .widget .widget_recent_comments ul li, .widget .widget_meta ul li, .widget .widget_pages ul li, .widget .widget_rss ul li, .widget .widget_pages ul li, .widget .widget_nav_menu ul li, .widget .widget_categories ul li { display: block; } .widget .widget_categories ul li a, .widget .widget_archive ul li a, .widget .widget_links ul li a, .widget .widget_recent_entries ul li a, .widget .widget_recent_comments ul li a, .widget .widget_meta ul li a, .widget .widget_pages ul li a, .widget .widget_rss ul li a, .widget .widget_pages ul li a, .widget .widget_nav_menu ul li a, .widget .widget_categories ul li a { text-decoration: none; } .widget .widget_categories ul li a:hover, .widget .widget_categories ul li a:focus, .widget .widget_archive ul li a:hover, .widget .widget_archive ul li a:focus, .widget .widget_links ul li a:hover, .widget .widget_links ul li a:focus, .widget .widget_recent_entries ul li a:hover, .widget .widget_recent_entries ul li a:focus, .widget .widget_recent_comments ul li a:hover, .widget .widget_recent_comments ul li a:focus, .widget .widget_meta ul li a:hover, .widget .widget_meta ul li a:focus, .widget .widget_pages ul li a:hover, .widget .widget_pages ul li a:focus, .widget .widget_rss ul li a:hover, .widget .widget_rss ul li a:focus, .widget .widget_pages ul li a:hover, .widget .widget_pages ul li a:focus, .widget .widget_nav_menu ul li a:hover, .widget .widget_nav_menu ul li a:focus, .widget .widget_categories ul li a:hover, .widget .widget_categories ul li a:focus { text-decoration: underline; } .widget .widget_tag_cloud div { padding: 0; overflow: hidden; } .widget .widget_tag_cloud a { line-height: 1.62em; } .widget .widget_tag_cloud a:hover, .widget .widget_tag_cloud a:focus { text-decoration: underline; } /* Basic jQuery Slider essential styles */ ul.bjqs { position: relative; list-style: none; padding: 0; margin: 0; overflow: hidden; display: none; } li.bjqs-slide { position: absolute; display: none; } ul.bjqs-controls { list-style: none; margin: 0; padding: 0; z-index: 9999; } ul.bjqs-controls.v-centered li a { position: absolute; } ul.bjqs-controls.v-centered li.bjqs-next a { right: 0; } ul.bjqs-controls.v-centered li.bjqs-prev a { left: 0; } ol.bjqs-markers { list-style: none; padding: 0; margin: 0; width: 100%; } ol.bjqs-markers.h-centered { text-align: center; } ol.bjqs-markers li { display: inline; } ol.bjqs-markers li a { display: inline-block; } p.bjqs-caption { display: block; width: 96%; margin: 0; padding: 2%; position: absolute; bottom: 0; } /* Core Owl Carousel CSS File v1.3.3 */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel { display: none; position: relative; width: 100%; margin: 0 auto; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .grabbing { cursor: url(grabbing.png) 8 8, move; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /* Stellar Custom BJQS Styles */ .sliderWrap { padding: 0 0 13px; margin: 0 0 25px; background: url("../images/shadowBrandtile.png") no-repeat left bottom; } .sliderWrapSide { padding: 0 0 13px; margin: 0 0 25px; background: url("../images/shadow275px.png") no-repeat left bottom; } #StellarSlider { position: relative; margin: 0 auto; } #StellarSlider:hover .bjqs-controls { display: inherit !important; } .slideDivide { position: absolute; top: 160px; left: 257px; } /* Slides UL */ ul.slides { position: relative; list-style: none !important; padding: 0; margin: 0; overflow: hidden; left: 0; } ul.slides img { border: none !important; margin: 0 !important; border-radius: 0px !important; background: #ccc; float: right; } ul.slides h3 { color: #0b80ad !important; margin-bottom: 5px !important; font-weight: lighter; text-shadow: none; font-style: italic; } ul.bjqs { display: none; } /*Slides */ li.bjqs-slide { display: none; position: absolute; margin: 0; } /* Captions */ .caption { display: block; position: absolute; bottom: 30px; right: 30px; padding: 20px 27px; max-width: 350px; border-radius: 5px; border: 2px solid #355981; -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.39); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.39); box-shadow: 0 0 15px rgba(0, 0, 0, 0.39); background: url("../images/captionBG.png"); } .caption h2 { font-size: 20px; color: #464646; } .caption p { margin: 0; } /* Slider Nav Controls */ #portfolioSlider .bjqs-controls.v-centered { display: block; } ul.bjqs-controls { list-style: none !important; margin: 0; padding: 0; z-index: 9999; } ul.bjqs-controls li a { display: block; position: absolute; font-size: 14px; font-weight: normal; text-decoration: none; width: 35px; height: 52px; background: url("../images/sliderArrows.png") no-repeat; } ul.bjqs-controls li.bjqs-prev a { left: -24px !important; background-position: top left; } ul.bjqs-controls li.bjqs-prev a:hover { color: #4d4d4d; background-position: bottom left; } ul.bjqs-controls li.bjqs-next a { text-align: right; right: -24px !important; background-position: top right !important; } ul.bjqs-controls li.bjqs-next a:hover { color: #4d4d4d; background-position: bottom right !important; } /* Markers Below Slider */ ol.bjqs-markers { list-style: none; margin: 0; padding: 0; z-index: 9999; position: absolute; bottom: -50px; } ol.bjqs-markers li { float: left; margin: 0 3px; } ol.bjqs-markers li a { display: block; height: 10px; width: 10px; border: 4px solid #fff; overflow: hidden; text-indent: -9999px; background: #000; border-radius: 10px; box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); } ol.bjqs-markers li.active-marker a { background: #fd0100; } .sponsorsCarousel .owl-buttons div { position: absolute; display: block; top: 50%; margin-top: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } .sponsorsCarousel .owl-buttons div.owl-prev { left: -25px; border-right: 20px solid #666666; } .sponsorsCarousel .owl-buttons div.owl-prev:hover { border-right: 20px solid #f3f3f3; } .sponsorsCarousel .owl-buttons div.owl-next { right: -25px; border-left: 20px solid #666666; } .sponsorsCarousel .owl-buttons div.owl-next:hover { border-left: 20px solid #f3f3f3; } .spotlightsCarousel .owl-buttons div { position: absolute; display: block; width: 26px; height: 53px; bottom: 59px; overflow: hidden; } .spotlightsCarousel .owl-buttons div:before { content: ""; display: block; position: absolute; top: 0; width: 52px; height: 53px; border-radius: 100%; background: #e6e6e6; } .spotlightsCarousel .owl-buttons div:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .spotlightsCarousel .owl-buttons div.owl-prev { left: -40px; } .spotlightsCarousel .owl-buttons div.owl-prev:before { left: -26px; } .spotlightsCarousel .owl-buttons div.owl-prev:after { background: url("images/arrow-left.png") center center no-repeat; } .spotlightsCarousel .owl-buttons div.owl-next { right: -40px; } .spotlightsCarousel .owl-buttons div.owl-next:before { left: 0; } .spotlightsCarousel .owl-buttons div.owl-next:after { background: url("images/arrow-right.png") center center no-repeat; } .spotlightsCarousel .owl-buttons div:hover:before { background: #000; } /* Stellar Form Styles - Generic Styles for Sexy Forms */ input:not([type=submit]):not([type=file]), select, textarea { padding: 10px 15px !important; font: inherit; font-size: 18px !important; border: 1px solid #CCC !important; color: #4d4d4d !important; outline: none !important; background: #fafafa !important; } input:not([type=submit]):not([type=file]):focus, select:focus, textarea:focus { color: #1A1A1A !important; border: 1px solid #999 !important; background: #fff !important; } input[type="checkbox"] { width: auto !important; margin: 3px 8px 0 6px; } textarea { padding: 15px !important; } .gform_fields, .ginput_container ul { list-style: none; left: 0; } .gfield_label { font-size: 26px; } .gform_wrapper ul li.gfield { margin-bottom: 35px; } .ginput_container input:not([type=radio]) { width: 250px; } .gform_confirmation_wrapper { padding: 30px 50px; border: 3px dotted #00b9ff; } .submitNominee_wrapper { max-width: none !important; margin: 0 !important; } .submitNominee_wrapper .submitNominee .gform_heading { width: 100%; text-align: center; } .submitNominee_wrapper .submitNominee .gform_heading h3.gform_title { font-weight: normal; margin-top: 0; font-size: 36px; } .submitNominee_wrapper .submitNominee .right_label .gfield_label { width: 39%; font-weight: normal; padding-top: 10px; } .submitNominee_wrapper .submitNominee .gform_footer.right_label { width: 100%; padding: 0; text-align: center; margin-left: 0; } .submitNominee_wrapper .submitNominee .gform_footer.right_label .button { background: #004f59; border: none; } .submitNominee_wrapper .submitNominee .gform_footer.right_label .button:hover { background: #ceda28; } /* Uncomment to style placeholder text ::-webkit-input-placeholder { color: #8dc63f; } :-moz-placeholder { color: #8dc63f; } ::-moz-placeholder { color: #8dc63f; } :-ms-input-placeholder { color: #8dc63f; }*/ /************************************************************************************* COMMENTS ************/ #comment { width: 100%; height: 150px; } #respond { margin-top: 20px; margin-bottom: 15px; } #respond form { background: none !important; } #respond form textarea { width: 98%; margin-right: 0; } #respond form label { font-size: 1em; font-weight: bold; } .comment_container { position: relative; } ol.comment-list { margin: 0 0 15px !important; } ol.comment-list li { margin: 0; padding: 8px 0 8px 14px; list-style: none; overflow: hidden; position: relative; } ol.comment-list li ul { margin: 8px 0 0 !important; } ol.comment-list li ul li { border: 0; margin: 0 0 0 28px !important; padding: 0 0 8px; } ol.comment-list li header { margin: 0; line-height: 1.5em; } ol.comment-list li article nav { float: right; } ol.comment-list li .comment-text { border: 2px solid #ebebeb; overflow: hidden; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 10px 10px 0; } ol.comment-list li .comment-text p { margin: 0 0 10px !important; } ol.comment-list li .comment-text p.meta { font-weight: normal; background: transparent; padding: 0; font-style: italic; color: #777; font-size: 0.9em; margin: 0 0 10px !important; } ol.comment-list li .comment-text p.meta strong { font-weight: bold; } ol.comment-list li.bypostauthor .comment-text, ol.comment-list li.bypostauthor img.avatar { border-color: #D4E2EB; } ol.comment-list img.avatar { margin: 8px 10px 0 0; padding: 4px; float: left; border: 1px solid #1a1f23; } #respond input.text, #respond select, #respond textarea, .comment-form-author input, .comment-form-email input, .comment-form-url input, .widget_search input#s { border: 1px solid #eee; background: #f6f6f6; color: #777; font-size: 1em; line-height: 1em; padding: 0.375em; width: 50%; margin: 0 4px 0 0; outline: 0; display: block; } #respond input.text:focus, #respond select:focus, #respond textarea:focus, .comment-form-author input:focus, .comment-form-email input:focus, .comment-form-url input:focus, .widget_search input#s:focus { border: 1px solid #ccc; } .borderradius #respond input.text, .borderradius #respond select, .borderradius #respond textarea, .borderradius .comment-form-author input, .borderradius .comment-form-email input, .borderradius .comment-form-url input, .borderradius .widget_search input#s { -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; -khtml-border-radius: 0.5em; -o-border-radius: 0.5em; border-radius: 0.5em; } .button, #submit, input[type=submit] { padding: .65em 2em; background: #00b9ff; border: 1px solid #00b9ff; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; -khtml-border-radius: 0.5em; -o-border-radius: 0.5em; border-radius: 0.5em; cursor: pointer; text-decoration: none; font: inherit; font-size: 18px; color: #fff; } .button:hover, #submit:hover, input[type=submit]:hover { color: #fff; background: #0077a5; border: 1px solid #0077a5; } .button:active, #submit:active, input[type=submit]:active { position: relative; top: 1px; } .button.bigBtn, #submit.bigBtn, input[type=submit].bigBtn { display: block; text-align: center; text-transform: uppercase; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: none; background: #ceda28; background: #00b9ff; padding: .65em; } .button.bigBtn:hover, #submit.bigBtn:hover, input[type=submit].bigBtn:hover { background: #004f59; } .nomineeRight .bigBtn { margin: 0 auto; width: 181px; font-size: 25px; } #videoSection { background: rgba(255, 255, 255, 0.6); padding: 40px 0; } #videoSection .videoFeatured { float: left; margin-right: 40px; width: 635px; overflow: hidden; } #videoSection .videoFeatured iframe { max-width: 100%; max-height: 340px; } #videoSection .videoRight { overflow: hidden; } #videoSection .videoRight .description { padding-right: 5px; } #videoSection .videoRight .description h2 { margin: 0; } #videoSection .videoRight .videoList { max-height: 288px; margin: 0; overflow-y: auto; min-height: 275px; } #videoSection .videoRight .videoList li { display: inline-block; padding: 5px; cursor: pointer; } #videoSection .videoRight .videoList li.selected { background: #434343; } #videoSection .videoRight .videoList li .videoContainer { overflow: hidden; position: relative; } #videoSection .videoRight .videoList li .videoV { display: none; } #videoSection .videoRight .videoList li .videoButton { position: absolute; top: -20px; left: 0; right: 0; width: 51px; height: 36px; margin: -18px auto 0; background: url(images/youtube-hover.png) center no-repeat; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; } #videoSection .videoRight .videoList li img { opacity: 0.6; -webkit-transition: opacity .2s ease-in; -moz-transition: opacity .2s ease-in; -o-transition: opacity .2s ease-in; transition: opacity .2s ease-in; } #videoSection .videoRight .videoList li:hover .videoButton { top: 50%; } #videoSection .videoRight .videoList li:hover img { opacity: 1; } #nextEvent { background: url(images/next-event-bg.jpg); background-size: cover; padding: 40px 0; } #nextEvent .eventBlock { display: inline-block; vertical-align: middle; width: 33%; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #nextEvent .eventBlock.eventCenter { text-align: center; } #nextEvent .eventBlock * { color: #fff; } #nextEvent .eventBlock h1 { margin: 0; font-size: 60px; } #nextEvent .eventBlock h2 { margin: 0; font-size: 36px; } #countDown { text-align: center; padding: 10px 2px 0; margin-bottom: 30px; background: #2c4c61; } #countDown .hasCountdown { margin: 0; } #countDown .the-countdown, #countDown h2 { vertical-align: middle; margin: 0 10px; } #countDown .countdown_section { color: #607c8c; background: none; text-transform: uppercase; font-weight: bold; font-size: 10px; display: inline-block; float: none; } #countDown .countdown_section .countdown_amount { line-height: 50px; font-size: 40px; letter-spacing: 2px; color: #fff; margin-bottom: 5px; } #countDown .countdown_section:first-child .countdown_amount { background: #f38d24; } #countDown .countdown_section:nth-child(2) .countdown_amount { background: #7cbf58; } #countDown .countdown_section:nth-child(3) .countdown_amount { background: #be565d; } #countDown .countdown_section:nth-child(4) { display: none; } #countDown .countdown_section:nth-child(4) .countdown_amount { background: #a36aaa; } #sponsorsHome { background: #ddd url("images/bg_body.jpg") no-repeat fixed; background-size: 100% auto; padding-bottom: 30px; } #sponsorsHome .sponsorsHeader { text-align: center; font-size: 18px; margin-bottom: 0px; margin-top: 15px; } #sponsorsHome .sponsorsHeader h2 { margin-bottom: 15px; } .sponsorsList, .sponsorsCarousel { display: inline-block; } .sponsorsList .item, .sponsorsCarousel .item { height: 280px; box-sizing: border-box; background: #fff; margin: 0 auto; border: 2px solid #FFF; } .sponsorsList .item:hover, .sponsorsList .item:focus, .sponsorsCarousel .item:hover, .sponsorsCarousel .item:focus { border: 2px solid #ceda28; } .sponsorsList .item .imgContainer, .sponsorsCarousel .item .imgContainer { text-align: center; position: relative; } .sponsorsList .item .imgContainer a, .sponsorsCarousel .item .imgContainer a { display: block; max-width: 90%; margin-left: auto; margin-right: auto; } .sponsorsList .item .imgContainer img, .sponsorsCarousel .item .imgContainer img { border: none; max-height: 168px; width: inherit; } .sponsorsCarousel .item .imgContainer { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #sectionNominees { padding: 80px 0 40px; background: url("http://199.223.114.207/~nemusicawards/wp-content/uploads/2017/01/nema-gradient-map-bw.jpg") no-repeat; background-size: 100% auto; } #sectionNominees .nomineeLeft { float: left; width: 55%; height: 450px; background: #e6e6e6; position: relative; } #sectionNominees .nomineeLeft .tabMenu { position: absolute; left: 0; top: -44px; } #sectionNominees .nomineeLeft .tabMenu .tabMenuBtn { float: left; padding: 10px 20px; text-transform: uppercase; font-size: 20px; cursor: pointer; background: #9c9c9c; color: #efefef; } #sectionNominees .nomineeLeft .tabMenu .tabMenuBtn.selected { background: #e6e6e6; color: #2d2d2d; } #sectionNominees .nomineeLeft .tabsWrap { margin: 20px auto; width: 90%; } #sectionNominees .nomineeLeft .tabsWrap .tabsContent { padding: 21px; min-height: 370px; } #sectionNominees .nomineeLeft .tabsWrap .tabsContent.theProcess { display: none; } #sectionNominees .nomineeLeft .tabsWrap .tabsContent.theNominees { max-height: 365px; overflow-y: scroll; background: #fff; border: 1px solid #c0c0c0; } #sectionNominees .nomineeLeft .tabsWrap .tabsContent.theNominees .nomineeContent { margin-bottom: 25px; } #sectionNominees .nomineeLeft .tabsWrap .tabsContent.theNominees p { margin-bottom: 0; } #sectionNominees .nomineeLeft .tabsWrap .tabsContent .nomineeState { font-size: 20px; font-weight: bold; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px solid #dcdcdc; } #sectionNominees .nomineeLeft .tabsWrap .tabsContent .nomineeContent ul { list-style: none; /* For IE 6/7 (trigger hasLayout) */ *zoom: 1; } #sectionNominees .nomineeLeft .tabsWrap .tabsContent .nomineeContent ul:before, #sectionNominees .nomineeLeft .tabsWrap .tabsContent .nomineeContent ul:after { content: ""; display: table; } #sectionNominees .nomineeLeft .tabsWrap .tabsContent .nomineeContent ul:after { clear: both; } #sectionNominees .nomineeLeft .tabsWrap .tabsContent .nomineeContent ul li { float: left; width: 50%; } #sectionNominees .nomineeRight { float: right; width: 45%; height: 450px; background: #f3f3f3; padding: 80px 40px 40px; box-sizing: border-box; text-align: center; } #sectionNominees .nomineeRight .nomineeForm { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #sectionNominees .nomineeRight .nomineeForm .widget { max-width: 85%; margin: 0 auto; text-align: center; } #recentWinners { background: #d1d1d1 url("images/bg_body2.jpg") no-repeat; background-size: 100% auto; padding-top: 25px; } #recentWinners .recentWinnersHeader { text-align: center; } #recentWinners .recentWinnersHeader h2 { margin: 0; } #recentWinners .recentWinnersHeader .logoIcon { position: relative; left: -38px; top: 21px; } /* Footer */ #footer { zoom: 1; position: relative; clear: both; padding-bottom: 6px; border-bottom: 9px solid #00b9ff; /* Nav */ } #footer:after { content: ""; display: block; position: absolute; width: 100%; height: 6px; left: 0; bottom: 0; } #footer .container { position: relative; } #footer .footerLogo { float: left; margin: -20px 40px -6px 0; position: relative; z-index: 10; pointer-events: none; max-width: 310px; height: auto; } #footer .footerInfo { float: left; margin-top: 30px; } #footer .footerInfo .infoBlock { background: #ffffff; padding: 5px; margin: 0 0 2px 30px; position: relative; } #footer .footerInfo .infoBlock:before { display: block; width: 28px; text-align: center; padding: 5px 0; position: absolute; top: 0; left: -30px; background: #ffffff; font-family: FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #footer .footerInfo .infoBlock.footerMenu:before { content: "\f05a"; } #footer .footerInfo .infoBlock.emailBlock:before { content: "\f0e0"; } #footer .footerInfo .infoBlock.locationBlock:before { content: "\f041"; } #footer .copyright { font-size: 14px; z-index: 2; clear: both; width: 100%; text-align: center; padding: 0 0 30px 0; } #footer .codingLogos { width: 120px; clear: none; margin: 0 auto; text-align: center; } #footer .codingLogos img:first-child { margin-right: 20px; } #footer .menu { padding: 0; margin: 0; list-style: none; } #footer .menu li { float: left; margin: 0; } #footer .menu li:after { content: "|"; margin: 0 5px; color: #e4e4e4; } #footer .menu li:last-child:after { display: none; } #footer .menu li a { padding: 0; margin: 0; color: #434343; } #footer .menu li a:hover { color: #004f59; } #footer .siteBy ul { margin: 0; padding: 0; display: table; float: right; } #footer .siteBy ul li { list-style: none; height: 30px; padding: 6px 3px 0; display: table-cell; vertical-align: middle; float: left; margin: 0; margin-right: -1px; min-width: 35px; text-align: center; } #footer .siteBy a.stellar { margin-top: 5px; display: inline-block; } #footer .siteBy a.stellar:hover { text-decoration: none; } #footer #wpstats { display: none; visibility: hidden; } /*! * SlickNav Responsive Mobile Menu v1.0.3 * (c) 2015 Josh Cope * licensed under MIT */ .slicknav_btn { position: relative; display: block; vertical-align: middle; line-height: 1.125em; cursor: pointer; } .slicknav_menu { *zoom: 1; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: .188em 0 0 .438em; } .slicknav_menu .slicknav_no-text { margin: 0; } .slicknav_menu .slicknav_icon-bar { display: block; background: #434343; height: 3px; margin: 0 0 3px; outline: transparent solid 1px; -webkit-transition: all .45s; -moz-transition: all .45s; transition: all .45s; width: 26px; } .slicknav_open .slicknav_icon-bar:nth-child(1) { -webkit-transform: translateY(6px) rotate(-45deg); -ms-transform: translateY(6px) rotate(-45deg); transform: translateY(6px) rotate(-45deg); } .slicknav_open .slicknav_icon-bar:nth-child(2) { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .slicknav_open .slicknav_icon-bar:nth-child(3) { -webkit-transform: translateY(-6px) rotate(45deg); -ms-transform: translateY(-6px) rotate(45deg); transform: translateY(-6px) rotate(45deg); } .slicknav_menu:before { content: " "; display: table; } .slicknav_menu:after { content: " "; display: table; clear: both; } .slicknav_nav { clear: both; } .slicknav_nav ul { display: block; } .slicknav_nav li { display: block; } .slicknav_nav .slicknav_arrow { font-size: .8em; margin: 0 0 0 .4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_item a { display: inline; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block; } .slicknav_nav .slicknav_parent-link a { display: inline; } .slicknav_brand { float: left; } .slicknav_menu { font-size: 16px; box-sizing: border-box; position: absolute; top: 0; right: 0; padding: 30px; } .slicknav_menu * { box-sizing: border-box; } .slicknav_menu .slicknav_menutxt { color: #fff; font-weight: 700; text-shadow: 0 1px 3px #000; } .slicknav_btn.slicknav_open .slicknav_icon-bar { background-color: #fff; } .slicknav_btn { padding: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 20000; margin: 0; -webkit-transition: margin 400ms; transition: margin 400ms; } .slicknav_btn.slicknav_open { margin: -20px 0 0; } .slicknav_nav { color: #fff; margin: 0; padding: 40px 0 0; font-size: 18px; list-style: none; overflow: hidden; position: fixed; background: #000; background: rgba(0, 0, 0, 0.8); top: 0; right: 0; z-index: 10000; display: block !important; -webkit-transition: visibility 0 400ms,opacity 400ms,-webkit-transform 400ms; transition: visibility 0 400ms,opacity 400ms,transform 400ms; opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 0; transition-delay: 0; visibility: visible; } .slicknav_nav.slicknav_hidden { opacity: 0; visibility: hidden; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .slicknav_nav ul { list-style: none; overflow: hidden; padding: 0; margin: 10px 0; } .slicknav_nav .slicknav_row { padding: 5px 10px; margin: 2px 5px; -webkit-transition: color .25s; -moz-transition: color .25s; transition: color .25s; } .slicknav_nav .slicknav_row:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #ceda28; } .slicknav_nav a { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #fff; -webkit-transition: color .25s; -moz-transition: color .25s; transition: color .25s; } .slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #ceda28; } .slicknav_nav ul a { padding: 5px 10px; font-weight: 400; } .slicknav_nav .slicknav_txtnode { margin-left: 15px; } .slicknav_nav .slicknav_item a { padding: 0; margin: 0; } .slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; } .slicknav_brand { color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; } /************************************************************************************* RESPONSIVE **********/ .slicknav_menu { display: none; } html { margin-left: 0 !important; overflow-x: hidden; } @media only screen and (max-width: 1230px) { .sponsorsCarousel .owl-buttons div.owl-prev { left: -10px; } .sponsorsCarousel .owl-buttons div.owl-next { right: -10px; } } @media only screen and (max-width: 1210px) { body { min-width: 100%; } .container { width: auto; margin: 0 15px; } #nextEvent .eventBlock input[type=email] { width: 100%; display: block; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #nextEvent img { max-width: 100%; height: auto; } #main #main-content { width: 648px; } .home #main-content { width: 588px !important; } #main-content iframe { max-width: 100%; } * { word-wrap: break-word; } } @media only screen and (max-width: 1120px) { #main #main-content { width: 548px; } .home #main-content { width: 488px !important; } } @media only screen and (max-width: 1020px) { body { height: 100%; background-size: cover; } .slicknav_menu { display: block; } #main-nav { display: none; } #header { padding-top: 0; border-bottom: 3px solid #333333; min-height: 0; } #header #logo { position: relative; top: 0; width: 200px; margin: -25px 0 0 30px; } #header #logo img { max-width: 100%; height: auto; } #header .contact, #header .socialDiv { display: none; } #videoSection { text-align: center; } #videoSection .videoFeatured { float: none; width: 100%; box-sizing: border-box; margin: 0 0 40px; } #videoSection .videoFeatured iframe { max-width: 100%; } #videoSection .videoRight .description { padding: 0; } #videoSection .videoRight .videoList { max-height: none; overflow-y: visible; } #nextEvent { text-align: center; padding-bottom: 20px; } #nextEvent .eventBlock { width: 49%; margin-bottom: 40px; } #main #main-content { width: auto; margin-right: 0; float: none; } .home #main-content { width: auto !important; margin-right: 0 !important; float: none !important; } #sidebar { margin: 0 auto; float: none; } } @media only screen and (max-width: 940px) { .sponsorsList .item, .sponsorsCarousel .item { height: 200px; width: 200px; } #footer { text-align: center; } #footer .footerLogo { margin: -80px 0 0; max-width: 100%; height: auto; float: none; } #footer .footerInfo { float: none; text-align: left; } #footer .copyright { position: relative; top: 0; left: 0; margin-top: 20px; } #footer:after { display: none; } } @media only screen and (max-width: 720px) { #nextEvent .eventBlock { width: auto; display: block; } #sectionNominees { background-size: cover; } #sectionNominees .nomineeRight { float: none; width: auto; height: auto; padding: 30px; } #sectionNominees .nomineeRight .nomineeForm { top: 0; -webkit-transform: none; -ms-transform: none; transform: none; } #sectionNominees .nomineeRight .nomineeForm .widget { max-width: none; } #sectionNominees .nomineeLeft { float: none; width: auto; height: auto; padding-bottom: 20px; } } @media only screen and (max-width: 600px) { img.alignright, img.alignleft { float: none; display: block; } #sidebar { max-width: 380px; width: auto; } #sidebar .sidebarBox .sponsorsList .item { width: 100%; } .slicknav_menu { padding: 10px; } .slicknav_menu .slicknav_btn.slicknav_open { margin: 0; } #header #logo { margin: 0 auto; } } @media only screen and (max-width: 500px) { #main-content article { padding-left: 15px; padding-right: 15px; } h1 { font-size: 35px; } h2 { font-size: 30px; } #main-content .gform_wrapper input[type=text], #main-content .gform_wrapper input[type=url], #main-content .gform_wrapper input[type=email], #main-content .gform_wrapper input[type=tel], #main-content .gform_wrapper input[type=number], #main-content .gform_wrapper input[type=password], #main-content .gform_wrapper select, .gform_wrapper .gfield_list input, #main-content .gform_wrapper .top_label textarea { width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (max-width: 370px) { #sectionNominees .nomineeLeft .tabMenu { top: -41px; } #sectionNominees .nomineeLeft .tabMenu .tabMenuBtn { padding: 10px; font-size: 18px; } #footer .footerLogo { margin-top: -50px; } }