/* Theme Name: Infinity Pro Theme URI: http://my.studiopress.com/themes/infinity/ Description: This is the Infinity Pro theme created for the Genesis Framework. Author: StudioPress Author URI: http://www.studiopress.com/ Version: 1.1.3 Tags: one-column, two-columns, left-sidebar, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, e-commerce, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready Template: genesis Template Version: 2.4 License: GPL-2.0+ License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: infinity-pro */ /* Table of Contents - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Gallery - Forms - Tables - Screen Reader Text - Structure and Layout - Site Containers - Column Widths and Positions - Column Classes - Common Classes - Avatar - Genesis - Search Form - Titles - WordPress - Widgets - Featured Content - Plugins - Genesis eNews Extended - Jetpack - Skip Links - Site Header - Title Area - Site Navigation - Accessible Menu - Site Header Navigation - Primary Navigation - Footer Navigation - Content Area - Entries - Entry Meta - Pagination - Comments - Team Page - Sidebar - Offscreen Content - Footer Wodgets - Site Footer - Fadein Effect - Media Queries - Max-width: 1340px - Max-width: 1200px - Max-width: 1023px - Max-width: 860px */ /* HTML5 Reset ---------------------------------------------------------------------------------------------------- */ @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap'); /* Baseline Normalize --------------------------------------------- */ /* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} /* Box Sizing --------------------------------------------- */ html, input[type="search"]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* Float Clearing --------------------------------------------- */ .author-box:before, .clearfix:before, .entry:before, .entry-content:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .widget:before, .wrap:before, .more-articles:before { content: " "; display: table; } .author-box:after, .clearfix:after, .entry:after, .entry-content:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .widget:after, .wrap:after, .more-articles:after { clear: both; content: " "; display: table; } /* Defaults ---------------------------------------------------------------------------------------------------- */ *{outline:none;outline:0;} a, .site-header, .site-title, .title-area, .blogblock .infowrap, .blogmenuwrap, .contentwrap { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .socialicons, button:hover,input:hover[type="button"],input:hover[type="reset"],input:hover[type="submit"],.button:hover, .xbtn, .exit, .mobile-menu { -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .theimage, .blogblock .theimage, .blog-nav, .sub-menu, #mosaic_list .wrapit img, #mosaic_list .wrapit { -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); } .button.edged, .symbol, .articleinfo, .articleimage { -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .infowrap, .playwrap, #videobanner .videoWrapper:after, .epkblock .play-btn, .epkblock .play-btn:before, .epkblock .play-btn:after { -webkit-transition: all 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition:all 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: all 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .infowrap, .infowrap > div { -webkit-transition: transform 1.5s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition: transform 1.5s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition: transform 1.5s cubic-bezier(0.25, 1, 0.5, 1); -o-transition: transform 1.5s cubic-bezier(0.25, 1, 0.5, 1); transition: transform 1.5s cubic-bezier(0.25, 1, 0.5, 1); } video, iframe { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } #videobanner .bannercontent { -webkit-transition: all 2.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition:all 2.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: all 2.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 2.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 2.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); } /* Typographical Elements --------------------------------------------- */ body { background-color: #FFF; color: #231e22; font-family: 'Quicksand', 'Helvetica', Arial, sans-serif; font-size: 18px; font-weight: normal; line-height: 34px; letter-spacing: 1px; margin: 0; } html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .site-container {overflow: hidden;} a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .front-page .overlay, .gallery img, .site-header { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a { color: #FFF; text-decoration: none; outline: 0; } a:hover, a:focus { color: #231e22; text-decoration: none; outline: 0; } p { margin: 0 0 40px; padding: 0; z-index: 5; position: relative; } ol, ul { margin: 0; padding: 0; } li { list-style-type: none; } hr { border: 0; border-collapse: collapse; border-top: 1px solid #eee; clear: both; margin-bottom: 40px; } b, strong { font-weight: 700; } blockquote, cite, em, i { font-style: italic; } mark { background: #ddd; color: #231e22; } blockquote { margin: 40px; } blockquote, blockquote p {font-weight: 700;} blockquote::before { content: "\201C"; display: block; font-size: 30px; height: 0; left: -20px; position: relative; top: -10px; } /* Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-family: 'Quicksand', sans-serif; line-height: 1.2; font-weight:normal; } h1,h2,h3 {font-weight:normal;} h1 { font-size: 60px; } h2 { font-size: 50px; } h3 { font-size: 45px; } .comment-respond h3, .entry-comments h3, .entry-pings h3 { margin-bottom: 10px; } h4 { font-size: 32px; } .media h4 {color:#FFF;} .entry-content h3 { margin-bottom:20px; } .landing-page .entry-content h4, .lead-capture-page .entry-content h4 { margin-bottom: 40px; text-align: center; } h5 { font-size: 32px; } h6 { font-size: 28px; } /* Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; } img.vertical { vertical-align: top; } figure { margin: 0; } /* Gallery --------------------------------------------- */ .gallery { overflow: hidden; } .gallery-item { float: left; margin: 0 0 30px; text-align: center; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6666%; } .gallery-columns-7 .gallery-item { width: 14.2857%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1111%; } .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: left; } .gallery img { border: 1px solid #eee; height: auto; padding: 4px; } .gallery img:hover, .gallery img:focus { border: 1px solid #999; } /* Forms --------------------------------------------- */ input, select, textarea { color: #231e22; font-size: 20px; -webkit-font-smoothing: antialiased; font-family: 'Quicksand'; line-height: 1.5; padding: 20px; width: 100%; border: 1px solid; border-color: #231e22; padding: 2% 2%; font-weight: 400; background-color: transparent; letter-spacing: 1px; } textarea {font-family: 'Quicksand', sans-serif;} input:focus, textarea:focus { background-color: #eee; outline: none; } input[type="email"], input[type="search"], input[type="submit"], input[type="text"], input[type="url"], textarea { -webkit-appearance: none; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } ::-moz-placeholder { color: #231e22; opacity: 1; } ::-webkit-input-placeholder { color: #231e22; } #about form input::-moz-placeholder, #about form textarea::-moz-placeholder { color: #ea971f; opacity: 1; } #about form input::-webkit-input-placeholder, #about form textarea::-webkit-input-placeholder { color: #ea971f; } button, input[type="button"], input[type="reset"], input[type="select"], input[type="submit"], .button, .pagination a { padding: 10px; font-size: 12px; font-family:'Quicksand', sans-serif; font-weight:normal; letter-spacing: 3px; color:#231e22; background-clip: padding-box; line-height: 1.2; margin-bottom:2.5%; text-decoration: none; text-transform: uppercase; white-space: normal; width: auto; opacity: 1; position: relative; border: 1px solid #231e22; padding:1.5% 5%; background-color: transparent; } button.flip, input[type="button"].flip, input[type="reset"].flip, input[type="select"].flip, input[type="submit"].flip, .button.flip, .pagination a.flip { border: 1px solid #231e22; } button:after, input:after[type="button"], input:after[type="reset"], input:after[type="select"], input:after[type="submit"], .button:after {} .entry-content button, .entry-content input[type="button"], .entry-content input[type="reset"], .entry-content input[type="select"], .entry-content input[type="submit"], .comment-respond input[type="submit"], .entry-content .button { border-color:#231e22; } .entry-content button:hover, .entry-content input[type="button"]:hover, .entry-content input[type="reset"]:hover, .entry-content input[type="select"]:hover, .entry-content input[type="submit"]:hover, .comment-respond input[type="submit"]:hover, .entry-content .button:hover { transform:scale(1.05); opacity:0.8; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover { transform:scale(1.05); opacity:0.8; } button:focus, input:focus[type="button"], input:focus[type="reset"], input:focus[type="submit"], .button:focus {} .entry-content .button:hover, .entry-content .button:focus { } .button { display: inline-block; } a.button.small, button.small, input[type="button"].small, input[type="reset"].small, input[type="submit"].small { padding: 8px 16px; } .site-container button:disabled, .site-container button:disabled:hover, .site-container input:disabled, .site-container input:disabled:hover, .site-container input[type="button"]:disabled, .site-container input[type="button"]:disabled:hover, .site-container input[type="reset"]:disabled, .site-container input[type="reset"]:disabled:hover, .site-container input[type="submit"]:disabled, .site-container input[type="submit"]:disabled:hover { } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } .invert button, .invert input[type="button"], .invert input[type="reset"], .invert input[type="select"], .invert input[type="submit"], .invert .button { background-color:#231e22; color:#FFF; } .invert .button {color:#c4752b;} /* Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; word-break: break-all; } tbody { border-bottom: 1px solid #eee; } td, th { text-align: left; } td { border-top: 1px solid #eee; padding: 6px; } th { font-weight: 400; padding: 0 6px; } td:first-child, th:first-child { padding-left: 0; } /* Screen Reader Text --------------------------------------------- */ .screen-reader-text, .screen-reader-text span, .screen-reader-shortcut { border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus, .screen-reader-shortcut:focus, .genesis-nav-menu .search input[type="submit"]:focus, .widget_search input[type="submit"]:focus { clip: auto !important; display: block; height: auto; padding: 20px 20px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar. */ } .more-link { position: relative; } /* Structure and Layout ---------------------------------------------------------------------------------------------------- */ /* Site Containers --------------------------------------------- */ .site-inner { clear: both; margin: 100px auto 0; word-wrap: break-word; position: relative; z-index: 2; } .landing-page .site-inner, .lead-capture-page .site-inner { margin-top: 0; max-width: 840px; } /* Column Widths and Positions --------------------------------------------- */ /* Content*/ .content { margin:0 auto; padding: 80px 60px; width: 65%; } .content-sidebar .content { border-right: 1px solid #eee; float: left; } .sidebar-content .content { border-left: 1px solid #eee; } .full-width-content .content { border-right: none; float: none; margin-left: auto; margin-right: auto; max-width: 840px; width: 100%; } .archive.full-width-content .content {max-width: 1400px;} .full.full-width-content .content, .full.landing-page .site-inner, .full.lead-capture-page .site-inner { max-width: 100%; } /* Primary Sidebar */ .sidebar-primary { float: right; width: 35%; } .sidebar-content .sidebar-primary { float: left; } /* Column Classes --------------------------------------------- */ /* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */ .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 2.564102564102564%; } .one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; } .one-third, .two-sixths { width: 31.623931623931625%; } .four-sixths, .two-thirds { width: 65.81196581196582%; } .one-fourth { width: 23.076923076923077%; } .three-fourths { width: 74.35897435897436%; } .one-sixth { width: 14.52991452991453%; } .five-sixths { width: 82.90598290598291%; } .first { clear: both; margin-left: 0; } /* Common Classes ---------------------------------------------------------------------------------------------------- */ /* Avatar --------------------------------------------- */ .avatar { border-radius: 50%; float: left; } .author-box .avatar, .alignleft .avatar { margin-right: 24px; } .alignright .avatar { margin-left: 24px; } .comment .avatar { margin: 0 16px 24px 0; } /* Genesis --------------------------------------------- */ .after-entry, .archive-description, .breadcrumb { text-align: center; } .after-entry { padding-bottom: 60px; } .author-box { line-height: 1.5; padding-bottom: 20px; } .breadcrumb { font-size: 18px; padding-bottom: 10px; } .after-entry, .archive-description, .author-box, .breadcrumb { border-bottom: 1px solid #eee; margin-bottom: 60px; } /* Search Form --------------------------------------------- */ .search-form { overflow: hidden; position: relative; } .entry-content .search-form { margin-bottom: 40px; width: 50%; } .search-form input[type="search"] { } .post-password-form input[type="submit"], .search-form input[type="submit"] { margin-top: 10px; } .widget_search input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; right: 0; top: 0; width: 1px; } /* Titles --------------------------------------------- */ .archive-description .entry-title, .archive-title, .author-box-title { font-size: 24px; margin-bottom: 10px; } .entry-title { font-size: 48px; margin-bottom:10%; } .entry-title a, .sidebar .widget-title a { color: #231e22; text-decoration: none; } .entry-title a:hover, .entry-title a:focus { color: #FFF; } .widget-title { font-size: 12px; letter-spacing: 2px; margin-bottom: 20px; text-align: center; } /* WordPress --------------------------------------------- */ a.aligncenter img { display: block; margin: 0 auto; } a.alignnone { display: inline-block; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignnone, a.alignright { max-width: 100%; } img.centered, .aligncenter { display: block; margin: 0 auto 30px; } img.alignnone, .alignnone { margin-bottom: 12px; } a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 20px 20px 0; } a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 20px 20px; } .gallery-caption, .wp-caption-text { font-size: 18px; margin-bottom: 40px; margin-left: 0; text-align: center; } .entry-content p.gallery-caption, .entry-content p.wp-caption-text { margin-bottom: 0; } .entry-content .wp-audio-shortcode, .entry-content .wp-playlist, .entry-content .wp-video { margin: 0 0 30px; } /* Widgets ---------------------------------------------------------------------------------------------------- */ .widget { word-wrap: break-word; } .widget p:last-child, .widget ul > li:last-of-type, .widget-area .widget:last-of-type { margin-bottom: 0; } .widget ul > li { margin-bottom: 10px; padding-bottom: 10px; } .widget ul > li:last-of-type { padding-bottom: 0; } .widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; } .widget li li { border: 0; margin: 0 0 0 30px; padding: 0; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* Featured Content --------------------------------------------- */ .featured-content .widget-title { margin-bottom: 30px; } .footer-widgets .featured-content .entry, .sidebar .featured-content .entry { margin-bottom: 15px; padding-bottom: 15px; } .footer-widgets .featured-content .entry-header, .sidebar .featured-content .entry-header { text-align: left; } .footer-widgets .featured-content .entry-header::after, .sidebar .featured-content .entry-header::after { display: none; } .footer-widgets .featured-content .entry-title, .sidebar .featured-content .entry-title { font-size: 18px; line-height: 1.25; margin-bottom: 10px; margin-top: 10px; } .footer-widgets .featured-content .entry-meta, .sidebar .featured-content .entry-meta { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; } .footer-widgets .featured-content .entry-meta a, .sidebar .featured-content .entry-meta a { color: #231e22; text-decoration: none; } .footer-widgets .featured-content .entry-meta a:hover, .footer-widgets .featured-content .entry-meta a:focus, .sidebar .featured-content .entry-meta a:hover, .sidebar .featured-content .entry-meta a:focus { color: #FFF; } .footer-widgets .featured-content .entry-image, .sidebar .featured-content .entry-image { vertical-align: top; } .featured-content a.alignleft, .featured-content a.alignright, .featured-content .entry:last-of-type { margin-bottom: 0; } .featured-content a.aligncenter, .featured-content a.alignleft, .featured-content a.alignnone, .featured-content a.alignright { border-bottom-width: 0; } .featured-content .entry:last-of-type { border-bottom: none; padding-bottom: 0; } .featured-content .more-posts-title { display: block; padding-top: 30px; } /* Plugins ---------------------------------------------------------------------------------------------------- */ /* Genesis eNews Extended --------------------------------------------- */ .enews-widget, .enews-widget input { text-align: center; } .after-entry .enews-widget, .landing-page .enews-widget, .lead-capture-page .enews-widget { margin-left: auto; margin-right: auto; width: 80%; } .landing-page .enews-widget, .lead-capture-page .enews-widget, .offscreen-content .enews-widget { background-color: #f5f5f5; padding: 60px; } .enews-widget form { margin-left: 20px; margin-right: 20px; } .offscreen-content .enews-widget form { margin-left: 60px; margin-right: 60px; } .enews-widget p { margin-bottom: 20px; } .enews-widget form + p { margin-top: 20px; } .enews-widget input { font-size: 16px; margin-bottom: 15px; padding-bottom: 10px; padding-top: 10px; } .landing-page .enews-widget input, .lead-capture-page .enews-widget input, .offscreen-content .enews-widget input { background-color: #FFF; } .enews-widget input[type="submit"] { background-color: #231e22; color: #FFF; font-size: 10px; margin: 0; width: auto !important; } .enews-widget input:hover[type="submit"] { background-color: #FFF; } /* Jetpack --------------------------------------------- */ #wpstats { display: none; } /* Skip Links ---------------------------------------------------------------------------------------------------- */ .genesis-skip-link { margin: 0; } .genesis-skip-link li { height: 0; width: 0; list-style: none; } .genesis-skip-link a { background: #FFF; } /* Display outline on focus */ :focus { outline:0; outline:none; } /* Site Header ---------------------------------------------------------------------------------------------------- */ .site-header { padding-left: 30px; padding-right: 30px; position: fixed; width: 100%; z-index: 9990; } /* Title Area --------------------------------------------- */ .title-area { } .header-image .title-area { margin-bottom: 4px; margin-top: 3px; min-height: 65px; padding:0; width: 200px; } .site-title { font-size: 18px; letter-spacing: 1px; line-height: 1.2; text-transform: uppercase; } .site-title a, .site-title a:hover, .site-title a:focus { color: #231e22; text-decoration: none; } .header-image .site-title > a { background-size: contain !important; float: left; min-height: 65px; width: 200px; } .site-description, .site-title { margin-bottom: 0; } .header-image .site-title, .site-description { display: block; height: 0; text-indent: -9999px; } /* Site Navigation ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; line-height: 1; } .genesis-nav-menu .menu-item { display: inline-block; margin-bottom: 0; padding-bottom: 0; text-align: left; } .genesis-nav-menu a { color: #FFF; display: inline; font-size: 12px; line-height: 3; font-family:'Quicksand', sans-serif; font-weight:normal; padding: 10px 9px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; } .leftnav .genesis-nav-menu li:first-of-type a {padding-left:0;} .leftnav .genesis-nav-menu li:last-of-type a {padding-right:0;} .genesis-nav-menu .sub-menu a {color:#231e22;} .genesis-nav-menu a:hover, /*.genesis-nav-menu a:focus,*/ .genesis-nav-menu .menu-item-object-page.current_page_item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu .menu-item-object-page.sub-menu .current_page_item > a:focus, .genesis-nav-menu .sub-menu a:hover { color: #FFF; opacity: .6; text-decoration: none; } .genesis-nav-menu .sub-menu { border-top:none; left: -9999px; opacity: 0; position: absolute; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 200px; z-index: 99; background-color: rgba(17,17,17,.8); padding-top:35px; } .genesis-nav-menu .sub-menu a { border: none; border-top: 0; padding: 20px; position: relative; width: 200px; word-wrap: break-word; color:#cfd6eb; } .genesis-nav-menu .sub-menu .sub-menu { margin: -52px 0 0 199px; } .genesis-nav-menu .sub-menu > .menu-item {margin:0 0 20px;} .genesis-nav-menu .menu-item:hover { position: static; } .genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; } /* Accessible Menu --------------------------------------------- */ .menu .menu-item:focus { position: static; } .menu .menu-item > a:focus + ul.sub-menu, .menu .menu-item.sfHover > ul.sub-menu { left: auto; opacity: 1; } .menu-toggle, .sub-menu-toggle { display: none; visibility: hidden; } /* Site Header Navigation --------------------------------------------- */ .site-header .genesis-nav-menu li li { margin-left: 0; } /* Primary Navigation --------------------------------------------- */ .nav-primary { margin-top: 0; text-align: center; } /* Footer Navigation --------------------------------------------- */ .site-footer .genesis-nav-menu { padding-bottom: 30px; } .site-footer .genesis-nav-menu a { padding: 0 20px; } /* Content Area ---------------------------------------------------------------------------------------------------- */ /* Entries --------------------------------------------- */ .entry, .page.page-template-page_blog .content .entry { padding-bottom: 30px; } .page .content .entry { border-bottom: none; } .lead-capture-page .entry { margin-bottom: 0; } .page .content .entry, .single .content .entry { padding-bottom: 0; } .entry-content ol, .entry-content ul { margin-bottom: 40px; margin-left: 40px; font-weight:300; font-size:22px; } .entry-content ol > li { list-style-type: decimal; } .entry-content ul > li { position: relative; line-height: 30px; margin-bottom: 3%; } .entry-content ul > li:before {content:'';width:12px;height:12px;display:inline-block;margin-right: 0;background-color:#FFF;border-radius:100%;position: absolute;top: 8px;left: -25px;transform: translate(0%, 0%);} .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-content code { background-color: #231e22; color: #eee; } .center { text-align: center; } .intro { font-size: 24px; font-style: italic; margin-bottom: 40px; text-align: center; } /* Entry Meta --------------------------------------------- */ .entry-header { text-align: center; } .entry-header::after { border-bottom: 1px solid #231e22; content: ""; display: block; margin: 0 auto 40px; padding-bottom: 10px; width: 2.5%; } p.entry-meta { font-size: 20px; } .entry-categories, .entry-tags { display: block; } .entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px; } /* Pagination --------------------------------------------- */ .pagination { clear: both; margin: 40px 0; } .adjacent-entry-pagination { margin-bottom: 0; } .archive-pagination a { color: #231e22; font-size: 18px; } .archive-pagination a:hover, .archive-pagination a:focus { color: #FFF; } .archive-pagination li { display: inline; } .archive-pagination li a { background-color: #f5f5f5; color: #231e22; cursor: pointer; display: inline-block; font-size: 10px; letter-spacing: 2px; padding: 8px 12px; text-decoration: none; text-transform: uppercase; } .archive-pagination li a:hover, .archive-pagination li a:focus, .archive-pagination li.active a { background-color: #231e22; color: #FFF; } /* Comments --------------------------------------------- */ .comment-respond, .entry-comments, .entry-pings { background-color: #FFF; font-size: 20px; margin-bottom: 40px; } .comment-list li { padding: 40px 0 0 30px; } .comment-list .depth-1 { padding-left: 0; } .comment-header { line-height: 1.5; margin-bottom: 30px; } .comment-content { clear: both; } .comment-content ul > li { list-style-type: disc; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 50%; } .comment-respond label { display: block; margin-right: 12px; } .comment-header p { margin-bottom: 0; } .entry-pings .reply { display: none; } /* Team Page ---------------------------------------------------------------------------------------------------- */ .team-page .content { max-width: 100%; } .team-page .content .entry { margin-bottom: 40px; } .team-page h2.entry-title { font-size: 24px; margin-bottom: 0; margin-top: 20px; } .team-page .one-fourth .entry { margin-bottom: 40px; } .team-page .one-fourth .entry-header::after { display: none; } .team-page .entry-content p:last-child, .team-page .one-fourth .team-title { margin-bottom: 0; } /* Sidebar ---------------------------------------------------------------------------------------------------- */ .sidebar { font-size: 20px; } .sidebar .widget { border-bottom: 1px solid #eee; padding: 50px 60px 60px; } /* Offscreen Content ---------------------------------------------------------------------------------------------------- */ .no-scroll { overflow: hidden; } .offscreen-content { background-color: rgba( 255, 255, 255, 1.0); display: none; height: 100%; left: 0; overflow-y: scroll; padding: 20px; position: fixed; text-align: center; top: 0; width: 100%; z-index: 9998; } .offscreen-content .wrap { margin-left: auto; margin-right: auto; max-width: 720px; } .offscreen-container { display: table; height: 100vh; overflow: hidden; table-layout: fixed; text-align: center; width: 100%; } .offscreen-container .widget-area { display: table-cell; padding-bottom: 20px; vertical-align: middle; width: 100%; } /* Offscreen Content Icon --------------------------------------------- */ .ion-ios-close-empty, .ion-ios-more { font-size: 36px; } .ion-ios-close-empty { margin-right: 10px; } .offscreen-content-icon, .offscreen-content-toggle { position: fixed; right: 20px; top: 18px; z-index: 9998; } .admin-bar .offscreen-content-icon, .admin-bar .offscreen-content-toggle { top: 52px; } .offscreen-content button, .offscreen-content-icon button { background-color: #FFF; color: #231e22; font-size: 20px; padding: 2px 10px 2px 12px; } .offscreen-content button:hover, .offscreen-content-icon button:hover { color: #FFF; } /* Footer Widgets ---------------------------------------------------------------------------------------------------- */ .footer-widgets { border-top: 1px solid #eee; font-size: 20px; clear: both; } .footer-widgets .wrap { margin: 0 auto; max-width: 1280px; padding-left: 60px; padding-right: 60px; } .footer-widgets .widget-area { float: left; padding-bottom: 60px; padding-top: 60px; } .footer-widgets .widget { margin-bottom: 40px; } .footer-widgets-1, .footer-widgets-3 { width: 30%; } .footer-widgets-2 { padding-left: 4%; padding-right: 4%; width: 40%; } .footer-widgets p { margin-bottom: 20px; } .footer-widgets .button { background-color: #231e22; color: #FFF; margin-top: 10px; } .footer-widgets .button:hover { background-color: #FFF; } /* Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { background-color:#231e22; line-height: 1; padding: 0; text-align: center; color:#FFF; position: relative; } .site-footer .wrap { margin: 0 auto; max-width: 1280px; padding-left: 60px; padding-right: 60px; } .site-footer p { font-size: 18px; margin-bottom: 0; } .site-footer a { color: #FFF; } .site-footer a:hover, .site-footer a:focus { color: #FFF; } /* Fadein Effect ---------------------------------------------------------------------------------------------------- */ .site-container { -webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* placeholder text ---------------------------------------------------------------------------------------------------- */ ::placeholder {color: #666;} ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #666; } ::-moz-placeholder { /* Firefox 19+ */ color: #666; } :-ms-input-placeholder { /* IE 10+ */ color: #666; } :-moz-placeholder { /* Firefox 18- */ color: #666; } .newsletterblock input::placeholder, .search-bar input::placeholder {color: #eee;} .newsletterblock input::-webkit-input-placeholder, .search-bar input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #eee; } .newsletterblock input::-moz-placeholder, .search-bar input::-moz-input-placeholder { /* Firefox 19+ */ color: #eee; } .newsletterblock input::-ms-input-placeholder, .search-bar input::-ms-input-placeholder { /* IE 10+ */ color: #eee; } .newsletterblock input:-moz-placeholder, .search-bar input:-moz-input-placeholder { /* Firefox 18- */ color: #eee; } /* Navigation Hacks ---------------------------------------------------------------------------------------------------- */ .site-title {font-size:0;background-image:url('/wp-content/uploads/soluna-logo-nashville-horz.svg');background-repeat:no-repeat;background-position:center left;background-size: contain;} .site-title:after{content:none;display:inline-block;background-repeat:no-repeat;background-size:100% auto;width: 160px;height: 50px;margin-left: 50px;background-position: right center;} .shrink .site-title {background-size: contain;} .shrink .site-title:after{content:'';} .site-title a {width: 100%;height: 100%;padding: 100px 0 0 0;position: absolute;left: 0;} .site-header.shrink .site-title a {padding: 50px 0 0 0;} .page .site-header, .archive .site-header {background-color: #231e22;} .banneron .site-header {background-color:transparent;} .menu-item.button {padding: 0;border: none;background: none;float: right; border: 1px solid #FFF; padding: 0px 5px; margin: 0 10px;} .menu-item.button a {color:#FFF;padding-right: 0;margin:0 10px;font-family:'Quicksand', sans-serif;letter-spacing: 2px;} .shrink .menu-item.button a {} .menu-item.button a span {border-radius: 3px;border: 1px solid #FFF;padding: 10px 25px;} .menu-item.telephone {float:right;} .menu-item.telephone a {font-size:18px;color:#FFF;} .menu-item.telephone a:before {content:'Call:';color:#FFF;display:inline-block;margin-right:5px;} .home .site-header {background-color:transparent;} .genesis-nav-menu {transform: translateY(2px);} .genesis-nav-menu a:hover{opacity: .55;} .genesis-nav-menu a:focus:not() {color:inherit;} .site-header.shrink {height: 50px; background:#231e22;box-shadow: 0 0 8px rgba(0,0,0,0.6);} .site-header {text-align:center;} .site-header .wrap {white-space: nowrap;position: relative;} .site-header .nav-primary, .site-header .title-area, .site-header .genesis-nav-menu {white-space: normal;display:inline-block;vertical-align: middle;} .nav-primary {width:80%;z-index: 1;position: relative;text-align:right;} .title-area {width:20%;z-index: 1;position: relative;top:20%;text-align: left;} .site-title {height:100px;} .shrink .title-area {top:0;} .shrink .site-title {height:50px;background-position: left center;} .leftnav {text-align: right;} .rightnav {text-align: left;} .genesis-nav-menu .menu-item, .genesis-nav-menu a {cursor: pointer;} .menu-left-menu li:first-of-type a {padding-left:0;} .menu-left-menu li:last-of-type a {padding-right:0;} .menu .dropdown { color: #999; content: ""; padding-right: 15px; background-position: right 5px center; background-repeat: no-repeat; background-size: auto 40%; background-image: url('/wp-content/uploads/icon-down_arrow.svg'); } .arrowdown {position:relative;cursor: pointer;} .mobile-menu .menu .arrowdown > a:after { content: ''; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(/wp-content/uploads/icon-down_arrow.svg); width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-left:5px; } .mobile-menu .menu .sub-menu .arrowdown a:after {height: 10px;} .mobile-menu, .mobile-menu a, .mobile-menu li{-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0,0,0,0); } .mobile-menu, .site-header .wrap .mobile-icon {display:none;} .mobile-menu {padding: 75px 5% 5% 5%;text-align: center;height: 100%;width: 100%;position: fixed;background-color: rgba(250,250,250,0.98);top: inherit;left: 0;z-index: 999; animation:menuin forwards 0.5s ease;} @keyframes menuin{0%{opacity:0;}100%{opacity:1;}} .mobile-icon {position:absolute;top:0;right:0%;background:url('/wp-content/uploads/icon-mobile-nav.svg') no-repeat right center; background-size: 70%;width: 50px;height: 50px;} #menu-mobile-menu a {font-size: 30px;line-height: 6vh; color:#353946;text-transform: uppercase;letter-spacing: 5px;} #menu-mobile-menu a:hover {opacity:.7;} .social-mobile {margin-top:2vh;} .social-mobile .menu .socialicons {width: 5vh;height: 5vh;margin:0 3%;} .social-mobile .menu .socialicons:first-of-type {margin-left:0;} .social-mobile .menu .socialicons:last-of-type {margin-right:0;} @media only screen and (max-width: 900px) { .home .site-header, .site-header, .banneron .site-header, .page .site-header, .archive .site-header {background:#231e22} .site-header {text-align: left;height: 0px; ;box-shadow: 0 0 5px #231e22;} .site-header .title-area {top:0; width:75%;} .site-header .site-title {height:50px;background-position:left center;background-size: 30vw auto;} .site-title a {width: 100%;height: 100%;padding: 50px 0 0 0;position: absolute;left: 0;} .site-header .wrap .mobile-icon {display:block;} .mobile-menu.active {display:block;} .site-header .wrap .leftnav, .site-header .wrap .rightnav, .site-header .nav-primary {display:none;} .site-title:after {content:'';} .mobile-menu a {color:#FFF;font-size:36px;line-break: 42px;} .mobile-menu a:hover {color:#FFF;} .mobile-menu li {margin-bottom:30px;} .mobile-menu .menu-item.button {float:none;} .menu-item.telephone a, .menu-item.button a {font-size:24px;line-height:28px;} } .mobile-menu .sub-menu {overflow: hidden;height: 0;opacity:0;background-color: #111;padding: 0;} .mobile-menu .sub-menu.active {height:inherit;padding: 2vh 0;opacity:1;} #menu-mobile-menu .sub-menu a {font-size:3.5vh;line-height:4.5vh;} #menu-mobile-menu .sub-menu .sub-menu.active {background-color: #231e22;margin-bottom: 10px;} #menu-mobile-menu .sub-menu .sub-menu a {font-size:3.0vh;line-height:9vh;position:relative;width: 100%;display: block;} /* Articles Page/Styles ---------------------------------------------------------------------------------------------------- */ .archive h1.entry-title {margin-bottom:5%;text-align:center;} .home .articleswrap.articlesblock {padding:10%;} .articleswrap { width: 90%; max-width: 600px; margin: 5% auto 10%; } .articleblock {padding-bottom: 60px;border-bottom: 1px solid rgba(239,239,239,.3);margin-bottom:60px;} .articleblock:last-of-type {margin-bottom: 0;border-bottom:none;padding-bottom: 0;} .articleswrap h1 {margin: 0 auto;} .articleswrap h1 span {color:#FFF;} .headscroll {margin-bottom:15%;font-style: italic;display: block;font-size:16px;} .articleswrap h2 {margin-bottom: 10%;} .articleswrap img {width:75%;max-width:300px;margin-bottom:3%;} .articleswrap .button {color:#231e22;} /* Articles on Home Page/Styles ---------------------------------------------------------------------------------------------------- */ .articlesblock {color:#231e22;} .articlesblock a {color:#231e22;} .articleswrap.articlesblock {max-width: none; padding:5%;margin: 0 auto;width: 100%;max-width:1600px;} .archive .articleswrap.articlesblock {padding-top:0;margin-top:5%;} .articlesblock .articleblock {display:block;width:100%;vertical-align: top; border:none;margin-bottom:15%;white-space: nowrap;} .articlesblock:last-of-type .articleblock {margin-bottom:0;} .articlesblock .articleblock img{height: 90px;width: auto;} .more-articles {text-align: center;margin-top:10%;} .articlesblock .button.end {} .articlesblock .button.end:hover {} .articlesblock h2 {margin:0 0 20px 0;color:#231e22;} .articlesblock a h2 {color:#231e22;line-height: 45px;font-size:40px;} .articlesblock h3 {font-size: 35px;margin-bottom:10%;} .talentsubject {font-family: 'Quicksand', sans-serif;font-weight: normal;font-size:34px;margin-bottom:5%;color:#231e22;} .talentstyle {font-family: 'Quicksand', sans-serif;font-weight: normal;font-size:20px;line-height:24px;margin-bottom:5%;text-transform:uppercase;color:#231e22;} .articleinfo .opener {font-weight:300;font-size:22px;} .articleimage {overflow: hidden;} .articleimage, .articleinfo {width:50%;display:inline-block;vertical-align: middle;white-space: normal;} .articleinfo {width:50%;} .articleinfo {padding:3vw;text-align: left;} /*.articlesblock:nth-of-type(2n+2) .articleimage{} .articlesblock:nth-of-type(2n+2) .articleinfo{text-align:left;padding-left:1%;} .articlesblock:nth-of-type(2n+2) .articleblock { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .articlesblock:nth-of-type(2n+2) .articleimage{ -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .articlesblock:nth-of-type(2n+2) .articleinfo{ -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } */ .articleimage .theimage {width: 45vw;height: 45vw;} .articleimage .theimage {background-size: cover;background-repeat: no-repeat;background-position: center;transform-origin:center;} .articleblock:hover .articleimage .theimage {transform:scale(1.1);} .archive.category-talent .articleblock:hover .articleimage .theimage {transform:scale(1);} .articlesblock a .articleblock {width:100%;} .articledate {font-size:18px;font-style: italic;text-transform: uppercase;color: #b3b3b3;letter-spacing: 3px;margin-bottom:20px;} .articledate b:last-of-type {display:none;} .articledate span {font-style: normal;} .articlesblock:nth-of-type(2n+2) .articleinfo, .articleimage {transform: translate(-10%, 0);opacity: 0;} .articlesblock:nth-of-type(2n+2) .articleimage, .articleinfo {transform: translate(10%, 0);opacity: 0;} .articlesblock:nth-of-type(2n+2) .active .articleinfo, .articleblock.active .articleimage, .articleblock.active .articleinfo, .articlesblock:nth-of-type(2n+2) .active .articleimage, .archive .articlesblock:first-of-type .articleimage, .archive .articlesblock:first-of-type .articleinfo, .archive .articlesblock:nth-of-type(2) .articleimage, .archive .articlesblock:nth-of-type(2) .articleinfo {transform: translate(0, 0);opacity: 1;} @media screen and (max-width: 1200px){.articlesblock a h2 {}} @media screen and (max-width: 900px){ .home .articleswrap.articlesblock {padding:10% 5%;} .articlesblock .articleblock {width: 100% !important;} .articleimage, .articleinfo, .articlesblock:nth-of-type(2n+2) .articleblock {width:100%;display: block;} .articleinfo {padding: 0;text-align: right;} .articlesblock:nth-of-type(2n+2) .active .articleinfo, .articleblock.active .articleimage, .articleblock.active .articleinfo, .articlesblock:nth-of-type(2n+2) .active .articleimage {transform: translate(0, 0);opacity: 1;text-align:left;} .articlesblock a h2 {text-align:left;} .articleimage {margin-bottom:5%;} .articleblock:hover .articleimage .theimage {transform:scale(1);} } /* New Home Page/Styles ---------------------------------------------------------------------------------------------------- */ .entry-header::after{content:none;} .home .entry {margin-bottom:0;} .home .content > div, .home #contact, .home footer, .home #pr-block {position: relative;z-index: 2;} .home #video-banner {z-index: 0;background-color:#2a263f;} /* InfoBlock Styles ---------------------------------------------------------------------------------------------------- */ .blockwrap {position: relative;} .blockwrapper { width:100%; color:#FFF; position: relative; background-repeat: no-repeat; background-size:cover; z-index: 2; } .blockwrapper.blend {background-blend-mode: multiply; -webkit-background-blend-mode: multiply; -moz-background-blend-mode: multiply; -khtml-background-blend-mode: multiply; -o-background-blend-mode: multiply; } .blockwrapper:after {content:'';position: absolute; top:0;left:0;height:100%;width:100%;opacity:0.9;z-index: 1;} .blockwrapper:before {content:'';position: absolute; top:0;left:0;height:100%;width:100%;opacity:0;z-index: 1;} .profile.blockwrapper:before, .profile.blockwrapper:after, .profile.blockwrapper.gradient:after {opacity:0;} .blockwrapper.gradient:after {opacity:1;} .credit {position: absolute;bottom: -15%;right: 0;display:block;font-size:13px;font-style: italic;} #video-banner .credit, .banner .credit {position: absolute; right:2%;bottom:2%;z-index: 3;color:#FFF;} #video-banner .credit {position: fixed;} .profile.blockwrapper .credit {margin-top:60px;} .infowrap .credit {position:absolute;bottom:-25px;left:0;} .meat-poems-videos-and-live-performance-by-bradley-chris .button {display:none;} .blockwrapper .button, .articleblock .button {font-size:18px;border-color: #231e22;color: #231e22;padding: 15px 20px;} .blockwrapper.black .button, .articleblock.black .button {border-color: #FFF;color: #FFF;} .blockwrapper.black, .blockwrapper.black:after {background-color:#231e22;} .blockwrapper.black:before {background-color:#231e22;} .blockwrapper.black.gradient:after { background: -moz-linear-gradient(left, rgba(35,30,34,1) 30%, rgba(35,30,34,0) 90%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(35,30,34,1) 30%,rgba(35,30,34,0) 90%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(35,30,34,1) 30%,rgba(35,30,34,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231e22', endColorstr='#00231e22',GradientType=1 ); /* IE6-9 */ } .blockwrapper.black.gradient.right:after { background: -moz-linear-gradient(left, rgba(35,30,34,0) 10%, rgba(35,30,34,1) 70%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(35,30,34,0) 10%,rgba(35,30,34,1) 70%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(35,30,34,0) 10%,rgba(35,30,34,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00231e22', endColorstr='#231e22',GradientType=1 ); /* IE6-9 */ } .blockwrapper.grey, .blockwrapper.grey:after {background-color:#f8f8f8;} .blockwrapper.grey.gradient:after { background: -moz-linear-gradient(left, rgba(248,248,248,1) 30%, rgba(248,248,248,0) 90%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(248,248,248,1) 30%,rgba(248,248,248,0) 90%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(248,248,248,1) 30%,rgba(248,248,248,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#00f8f8f8',GradientType=1 ); /* IE6-9 */ } .blockwrapper.grey.gradient.right:after { background: -moz-linear-gradient(left, rgba(248,248,248,0) 10%, rgba(248,248,248,1) 70%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(248,248,248,0) 10%,rgba(248,248,248,1) 70%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(248,248,248,0) 10%,rgba(248,248,248,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f8f8f8', endColorstr='#f8f8f8',GradientType=1 ); /* IE6-9 */ } .blockwrapper.white, .blockwrapper.white:after {background-color:#FFF;color:#231e22;} .blockwrapper.white .thecontent p, .blockwrapper.white .thecontent h3, .blockwrapper.white .thecontent p {color:#231e22;} .blockwrapper.white .button {border-color: #231e22;color: #231e22;} .blockwrapper.white.gradient:after { background: -moz-linear-gradient(left, rgba(239,239,239,1) 30%, rgba(239,239,239,0) 90%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(239,239,239,1) 30%,rgba(239,239,239,0) 90%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(239,239,239,1) 30%,rgba(239,239,239,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#00efefef',GradientType=1 ); /* IE6-9 */ } .blockwrapper.white.gradient.right:after { background: -moz-linear-gradient(left, rgba(239,239,239,0) 10%, rgba(239,239,239,1) 70%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(239,239,239,0) 10%,rgba(239,239,239,1) 70%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(239,239,239,0) 10%,rgba(239,239,239,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efefef', endColorstr='#FFF',GradientType=1 ); /* IE6-9 */ } .blockwrapper.day, .blockwrapper.day:after {background-color:#f8d8aa;color:#231e22;} .blockwrapper.day .thecontent p, .blockwrapper.day .thecontent h3, .blockwrapper.day .thecontent p {color:#231e22;} .blockwrapper.day .button {border-color: #da501e;color: #FFF;background-color:#da501e;} .blockwrapper.day .button:hover {border-color: #FFF;color:#da501e;background-color:#FFF;} .blockwrapper.day .button.flip {border-color: #882910;color: #882910;background-color:transparent;} .blockwrapper.day .button.flip:hover {color:#FFF;background-color:#882910;} .blockwrapper.day .thecontent h3 {color:#882910;} .blockwrapper.day .thecontent h4 {color:#da501e;} .blockwrapper.day.gradient:after { background: -moz-linear-gradient(left, rgba(248,216,170,1) 30%, rgba(248,216,170,0) 90%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(248,216,170,1) 30%,rgba(248,216,170,0) 90%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(248,216,170,1) 30%,rgba(248,216,170,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8d8aa', endColorstr='#00f8d8aa',GradientType=1 ); /* IE6-9 */ } .blockwrapper.day.gradient.right:after { background: -moz-linear-gradient(left, rgba(248,216,170,0) 10%, rgba(248,216,170,1) 70%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(248,216,170,0) 10%,rgba(248,216,170,1) 70%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(248,216,170,0) 10%,rgba(248,216,170,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f8d8aa', endColorstr='#f8d8aa',GradientType=1 ); /* IE6-9 */ } .blockwrapper.dark.gradient.right:after { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3e4764+0,3e4764+100&0+1,1+99 */ background: -moz-linear-gradient(left, rgba(47,79,79,0) 10%, rgba(47,79,79,1) 70%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(47,79,79,0) 10%, rgba(47,79,79,1) 70%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(47,79,79,0) 10%, rgba(47,79,79,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4f4f', endColorstr='#2f4f4f',GradientType=1 ); /* IE6-9 */ } .blockwrapper.night, .blockwrapper.night:after {background-color:#4d373f;color:#FFF;} .blockwrapper.night .thecontent p, .blockwrapper.night .thecontent h3, .blockwrapper.night .thecontent p {color:#FFF;} .blockwrapper.night .button {border-color: #FFF;color: #2a263f;background-color:#FFF;} .blockwrapper.night .button:hover {border-color: #2a263f;color:#FFF;background-color:#2a263f;} .blockwrapper.night .button.flip {border-color: #FFF;color: #FFF;background-color:transparent;} .blockwrapper.night .button.flip:hover {color:#2a263f;background-color:#FFF;} .blockwrapper.night.gradient:after { background: -moz-linear-gradient(left, rgba(77,55,63,1) 30%, rgba(77,55,63,0) 90%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(77,55,63,1) 30%,rgba(77,55,63,0) 90%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(77,55,63,1) 30%,rgba(77,55,63,0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d373f', endColorstr='#004d373f',GradientType=1 ); /* IE6-9 */ } .blockwrapper.night.gradient.right:after { background: -moz-linear-gradient(left, rgba(77,55,63,0) 10%, rgba(77,55,63,1) 70%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(77,55,63,0) 10%,rgba(77,55,63,1) 70%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(77,55,63,0) 10%,rgba(77,55,63,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004d373f', endColorstr='#4d373f',GradientType=1 ); /* IE6-9 */ } .blockwrapper.none {background-color:transparent;} .blockwrapper.showimage.left {background-position:right 40% center;} #about .blockwrapper {background-attachment: fixed;} #about form input, #about form select, #about form textarea {color:#FFF;border-color:#FFF;margin-bottom:2%;} #about form input:focus, #about form select:focus, #about form textarea:focus {background-color:#4d373f;} #about form input::placeholder, #about form textarea::placeholder, #about form input::-webkit-input-placeholder, #about form textarea::-webkit-input-placeholder, #about form input::-moz-placeholder, #about form textarea::-moz-placeholder, #about form input:-ms-input-placeholder, #about form textarea:-ms-input-placeholder, #about form input:-moz-placeholder, #about form textarea:-moz-placeholder {color: #da501e;} @media only screen and (max-width: 1100px) { .blockwrapper.dark.gradient.right:after { opacity: 1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3e4764+0,3e4764+100&0+1,1+99 */ background: -moz-linear-gradient(left, rgba(47,79,79,0.5) 0%, rgba(47,79,79,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(47,79,79,0.5) 0%, rgba(47,79,79,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(47,79,79,0.5) 0%, rgba(47,79,79,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#083e4764', endColorstr='#3e4764',GradientType=1 ); /* IE6-9 */ } } .blockwrapper.dark.gradient.profile:after {opacity:0.7;} @media only screen and (max-width: 900px) { .bannercontent h2 {font-size:10vw;line-height:9vw;margin-bottom: 2vw;} .bannercontent p.subtitle {line-height: 6vw;} #events-cta {background-attachment:inherit;} .blockwrapper.white.gradient.right:after { background: -webkit-linear-gradient(left, rgba(239, 239, 239, 1) 50%, rgba(239, 239, 239, 0) 100%); background: linear-gradient(to right, rgba(239, 239, 239, 1) 50%, rgba(239, 239, 239, 0) 100%); opacity: 1; } .blockwrapper.black.gradient:after { background: -webkit-linear-gradient(left, rgba(35,30,34, 1) 50%, rgba(35,30,34, 0) 100%); background: linear-gradient(to right, rgba(35,30,34, 1) 50%, rgba(35,30,34, 0) 100%); opacity:1;} #video-banner .credit {position: absolute;} } .blockwrapper {position: relative;z-index: 1;} .innerwrapper {padding:10% 0; width:100%;margin:0 auto;} .innercolumnwrapper {max-width:1800px;margin:0 auto;} .innercontent {max-width:1200px; width:80%;margin:0 auto;position: relative;z-index: 3;text-align:left;} .right .innercontent {text-align: right;} .latest.right .innercontent {text-align: left;} .latest .thecontent {padding:0 0 0 5%;} .latest .innerwrapper {padding:5% 0;} .thecontent {width:65%;max-width:700px;display:inline-block;vertical-align: middle;} .posterwrap {display: inline-block;position: relative;z-index: 2;width: 50%;vertical-align: middle;} .thecontent p {font-size: 20px;color: #FFF;margin-bottom:5%;} .thecontent p.opener {font-size: 26px;line-height: 40px;font-family: 'Quicksand', sans-serif;font-weight: 300;} .profile .thecontent h3 {font-size: 86px;line-height: 92px;margin-bottom: 5%;} .profile .innerwrapper {padding:12% 0 15%;} .profile .thecontent {text-align: left;max-width:450px;} .profile .button {border-right:2px solid;border-color:#FFF;color:#FFF;position: absolute;right: 0;} .cinematography .introbanner .button {display:none;} .dark .thecontent a {color:#FFF;} .dark .thecontent a.button {border-color:#FFF;} .blockwrapper h5 {font-size: 14px;line-height: 20px;text-transform: uppercase;color: #b3b3b3;letter-spacing: 3px;} .blockwrapper h4 b {} .blockwrapper.media h4 {font-size: 28px;line-height: 40px;text-transform: lowercase;} .blockwrapper.media .button {border-left:none;} .blockwrapper.testimonial h4 {margin-bottom:0;} .blockwrapper.testimonial h5 {margin-bottom:10%;} .introblocks .opener, .smallbg.blockwrapper {background-size:500px;background-position:bottom -300% right;} .opener h4 {margin-bottom:0;} .opener p {font-weight:300;font-size: 28px;line-height: 42px;} @media only screen and (max-width: 1100px) { .profile .thecontent h3 {font-size: 7vw;line-height: 7.2vw;} } @media only screen and (max-width: 900px) { .blockwrapper {padding:5%;} .blockwrapper.profile {background-position: left 30% center;} .blockwrapper.gradient {} .blockwrapper.gradient.left {background-position: right 25% bottom;} .blockwrapper.gradient.right {background-position: left 25% bottom;} .blockwrapper.gradient.right.profile {background-position: left 80% bottom;} .blockwrapper.gradient:after{opacity:0.9;} .innercontent, .thecontent {width:100%;} .right .innercontent {text-align: left;} .opener p, .thecontent p, .blockwrapper p {font-size: 22px;line-height: 36px;} .thecontent {opacity:1 !important;} .introblocks .opener, .smallbg.blockwrapper {height:auto !important;min-height: auto;background-size: 200px;background-position: bottom -15% right;} .blockwrapper.testimonial .button, .blockwrapper.storyblocks .button {margin-left:0;margin-bottom:20px;} .profile.right .innercontent {text-align:right;} .profile .thecontent {max-width: 400px;} .latest .thecontent {padding:0;} .latest .innerwrapper {padding:0;} .blockwrapper.latest {background-position:right 50% center;} .posterwrap {margin-bottom:5%;width:65%;margin-left:auto;margin-right:auto;display:block;} } @media only screen and (max-width: 700px) { .profile.right .innerwrapper {padding:80% 0 20%;} .profile .thecontent p {color: #FFF;text-shadow: 0 2px 3px rgba(0,0,0,.5);font-size: 22px;line-height: 40px;} .profile .thecontent h3 {font-size: 9vw;line-height: 9.2vw;text-shadow: 0 0 10px #231e22;} .blockwrapper h5 {text-shadow: 0 0 4px #231e22;} .blockwrapper.dark.gradient.right:after {background: -moz-linear-gradient(left, rgba(47,79,79,0.5) 0%, rgba(47,79,79,1) 50%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(47,79,79,0.5) 0%, rgba(47,79,79,1) 50%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(47,79,79,0.5) 0%, rgba(47,79,79,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#083e4764', endColorstr='#3e4764',GradientType=1 ); /* IE6-9 */} .blockwrapper.gradient.right.profile {background-position: left 50% bottom;} } @media only screen and (max-width: 600px) { .blockwrapper.profile {background-position: left 20% center;} .profile.blockwrapper:before {top:inherit;bottom:0;opacity:1;height:80%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } .profile.right .innerwrapper { padding: 120% 0 0%;} .opener p, .thecontent p, .blockwrapper p {font-size: 17px;line-height: 32px;} .thecontent h3 {font-size: 11vw;line-height: 10vw;} .thecontent h4 {font-size: 5vw;line-height: 6vw;margin:5% 0;} .credit {bottom: 0;position: relative;text-align: right;transform: translateY(75%);} } .blockwrapper.featuredimage {max-height: 300px;height: 300px;background-position:top 10% center;margin-bottom:40px;} /*.blockwrapper.simple.orange:before{content:'';width:100%;height:100px;display: block;position: absolute;margin-top: -100px; background: -moz-linear-gradient(top, rgba(246,146,30,0) 0%, rgba(246,146,30,1) 100%); background: -webkit-linear-gradient(top, rgba(246,146,30,0) 0%,rgba(246,146,30,1) 100%); background: linear-gradient(to bottom, rgba(246,146,30,0) 0%,rgba(246,146,30,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6921e', endColorstr='#f6921e',GradientType=0 ); }*/ .storyblocks, .blockinfo, .blockimage{min-height: 500px;} .storyblocks.blockwrapper:after {content:none;} .storyblocks .innerwrapper {white-space: nowrap;padding:0;/*font-size:0;*/} .blockinfo {padding:5% 8%;position: relative;max-width:700px;} #thespace .blockinfo {padding-top:8%;} #charity-cta .blockinfo {padding-bottom:8%;} .blockwrapper.media .theinfo {/*max-width:600px;margin:0 auto;*/position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width:68%;} .blockinfo h3 {font-size: 45px;line-height: 50px;width: 80%;} .blockinfo h4 {margin-bottom:0;} .blockinfo p {font-size:18px;line-height: 30px;} .blockinfo, .imagewrapper {width:50%;display: inline-block;vertical-align: middle;white-space: normal;position: relative;z-index: 2;} .imagewrapper {} .imagewrapper .caption {position: absolute;z-index: 10;bottom: 2%;left: 2%;text-shadow: 1px 1px 0px #444;color: #eee;} .left .imagewrapper .caption {right: 2%;} .logo .imagewrapper {padding-top:0;} .blockimage {position:relative;background-size: cover;background-repeat: no-repeat; background-position:top center;} .storyblocks .blockimage {background-position:center;} .logo .blockimage {background-size: 80%; background-position:top center; } .blockwrapper.overview .imagewrapper, .overview .blockinfo {padding:5%;} .story .imagewrapper {margin-top:0 !important;} .overview .imagewrapper, .innerview .imagewrapper {vertical-align: top;} .blockwrapper.innerview .imagewrapper {padding:5%;} .innerview .blockinfo {width:60%; padding:5%;} .innerview .imagewrapper {width:40%;} .titleblock {padding: 5% 5% 0;max-width: 800px;text-transform: uppercase;} .titleblock h1 {margin-bottom:0;color: #17629D;line-height: 45px;} .socialblocks {} .socialblocks:after, .socialblocks:before {content:none;} .socialblocks .innerwrapper {margin:0 auto;max-width:1200px;} .socialblocks .blockinfo {padding:2%;width:65%;} .socialblocks .imagewrapper {padding:2%;text-align: center;width:35%;} .socialblocks .imagewrapper img {margin-bottom:10%;width: 100%;max-width:400px;} .socialblocks.black .button {color:#FFF;border-color:#FFF;} .socialblocks.white .button {color:#FFF;border-color:#FFF;} .socialblocks .btnwrap {text-align: center;} @media only screen and (max-width: 900px) { .storyblocks .innerwrapper {white-space: normal;} .blockinfo, .imagewrapper, .innerview .blockinfo, .overview .blockinfo, .innerview .imagewrapper, .overview .imagewrapper {width:100%;padding:0;} .socialblocks .blockinfo, .socialblocks .imagewrapper {width:100%;} .storyblocks, .blockinfo {min-height: inherit;} .right .imagewrapper {margin-bottom:40px;} .blockinfo {padding:5% !important;} .blockwrapper.media .theinfo {position: relative;top:inherit;left: inherit;transform: none;width:100%;} } /* VideoBlock Styles ---------------------------------------------------------------------------------------------------- */ .videoblock {background-color:#0c0e1a;padding:5% 10%;text-align: center;} .videoblock h2 {margin-bottom:0;} .videoblock p:first-of-type {color:#FFF;} /* Video ---------------------------------------------------------------------------------------------------- */ video {display: block;max-width: none;width: 100%;opacity: 0;} .videoarea .playing video, .home .videoWrapper.playing {opacity:1;} .videoarea .videoWrapper {background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;z-index: 1;background-color:#231e22;} #video-banner #videobanner {position:fixed;} .thevideo, #videobanner {overflow: hidden;} .thevideo {min-height: 550px;position: relative;} #video-banner #videobanner .videoWrapper:after {content:'';opacity:0;position:absolute;width:100%;height: 100%;top:0;left:0; z-index: 2;background-color:rgba(63,63,63,0.60); } #video-banner #videobanner.bgfade .videoWrapper:after {opacity:1;} #video-banner #videobanner .videoWrapper:before {content:none;position:absolute;width:100%;height: 30%; z-index: 2;top:0;left:0; /*background-color: rgba(48,50,55,.5);*/ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000+0,212121+100&1+0,0+100 */ background: -moz-linear-gradient(top, rgba(63,63,63,1) 0%, rgba(63,63,63,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(63,63,63,1) 0%,rgba(63,63,63,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(63,63,63,1) 0%,rgba(63,63,63,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231e22', endColorstr='#00171717',GradientType=0 ); /* IE6-9 */ } .bannercontent {position:absolute;top:50%;max-width:1200px;width:90%;z-index: 2;left: 50%;transform: translate(-50%, -50%);color:#FFF;text-align: left;} .bannercontent h1 {font-size:70px;margin: 0;color: #FFF;font-weight: 300;letter-spacing: 0;line-height: 75px;font-family: 'Quicksand', sans-serif;text-transform: uppercase;} .bannercontent img {max-width:600px;width:75%;margin:0 auto 2%;display:block;} .bannercontent p {font-size: 22px;color:#FFF;} .bannercontent h2 {font-size:30px;line-height:35px;text-transform: uppercase;} .subtitle .bannercontent h2 {margin-bottom:0;margin-top:2%;} .bannercontent p.subtitle {font-size: 22px;} .bannercontent .button {margin:0 2%;} .bannercontent .button {border-color:#FFF;color: #231e22;background-color:#FFF;} .bannercontent .button:hover {background-color:#231e22;border-color:#231e22;opacity:1;color:#FFF;} .bannercontent .button:first-of-type {margin-left:0;} .bannercontent .button:last-of-type {margin-right:0;} .bannercontent .button.flip {border-color:#FFF;color:#FFF;background-color:transparent;} .bannercontent .button.flip:hover {color:#231e22;background-color:#FFF;} #video-banner .thevideo:before {content:none;display:block;width:50px;height:20%;background-size:contain;bottom:0;z-index: 2;position: absolute;left: 50%;background-position:bottom -20px center; /*background-image:url('/wp-content/uploads/scotthypnosis-opening-line.svg'); */ background-repeat:no-repeat; } #video-banner #videobanner .bannercontent {opacity:1;transform: translate(-50%, -50%)scale(1.2); filter: blur(10px); -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); } #video-banner #videobanner.bgfade .bannercontent {opacity:1;transform: translate(-50%, -50%)scale(1); filter: blur(0px); -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); } .playme {width:300px; position:absolute; left:50%; margin-left:-150px; text-align:center;z-index: 2;margin-top: 30%; text-shadow:1px 1px 1px #231e22;color:#FFF;cursor:pointer;} .playme:hover {opacity:0.6;} .home .playme {display:none;} .playme p {letter-spacing: 0.1em; font-size:22px;} .playme img, .category-films .entry-content .playme img {max-width:100px;margin:0 auto;} p.buffer {position: absolute;margin-top: 20%;left: 47%;} .videowrapper {height: auto !important;} .entry-content .videoWrapper {margin-bottom:5%;} .home .entry-content .videoWrapper, .filmlander .entry-content .videoWrapper {margin-bottom:0;} .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0; height: 0; z-index: 2; } .youtube.videoWrapper, .vimeo.videoWrapper {overflow: hidden;} .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform:scale(1.01); } .wide.videoWrapper { position: relative; padding-bottom: 42.15%; padding-top: 0; height: 0; overflow:hidden; } .wide video {margin-top: -6.85%} @media screen and (max-width: 900px){ video, .epkblock.playing video {opacity: 1;} .cinemablock video, .epkblock video {opacity:0;} .flashme {display: none;} #video-banner {margin-top:0;} #video-banner #videobanner {width: 100vw !important;margin-left: 0 !important;height: 100vh !important;} .thevideo {} .thevideo:before {content:none;background-color: rgba(33,33,33,.0);position: absolute;width:100%;height: 100%; z-index: 2;} #videobanner .videoWrapper {background-image:none !important;} #videobanner .videoWrapper:before {content:none;} #video-banner .thevideo:before {height:20%;content:none;} .bannercontent h1 {font-size: 8.5vw;line-height: 8vw;} .bannercontent img {max-width: 65vw;} .bannercontent {transform: translate(-50%, -50%);} #video-banner #videobanner {} .bannercontent p {font-size: 18px;line-height: 22px;margin-bottom:5%;} } @media screen and (max-width: 700px){ .bannercontent h1 {font-size: 11.5vw;line-height: 10vw;} .bannercontent h2 {font-size: 4vw;line-height: 8vw;text-transform: uppercase;font-weight: 600;} button, input[type="button"], input[type="reset"], input[type="select"], input[type="submit"], .button, .pagination a {padding:15px 30px;} .bannercontent .button {padding: 3vw 7vw;} } @media screen and (max-width: 600px){ .bannercontent p {} #contact .bannercontent p.extra {display:block;} .bannercontent .button {padding: 3vw 6vw;} } @media screen and (max-width: 420px){ .btn-segment {margin:10% auto;} #contact .bannercontent .button:first-of-type {margin-bottom:5%;} #contact .bannercontent .button {padding:5% 10%;} } .introbanner {position: relative; overflow: hidden; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0; height: 0;color:#FFF; white-space: nowrap;} .introbanner h5 {color:#231e22;font-size: 14px;font-family: 'Quicksand', sans-serif;text-transform: uppercase;letter-spacing: 5px;} .introbanner h6 {margin: 0 0 2%;font-family: 'Quicksand', sans-serif;font-weight: 700;} .introbanner #videoplayer.videoarea {margin-bottom:0;} .introbanner .thevideo {position: absolute;top: 0;left: 0;z-index: 0;width: 100%;height: 100%;} .introbanner .contentwrap {position:absolute;white-space: nowrap;z-index: 1;width:100%;height:100%;padding:10%;text-align: left;} .introbanner .contentwrap:after {content:'';position:absolute;z-index: 0;width:100%;height:100%;left:0;top:0;opacity:1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6a436d+0,6a436d+100&1+0,0+100 */ background: -moz-linear-gradient(left, rgba(58,40,61,1) 0%, rgba(58,40,61,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(58,40,61,1) 0%,rgba(58,40,61,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(58,40,61,1) 0%,rgba(58,40,61,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a283d', endColorstr='#003a283d',GradientType=1 ); /* IE6-9 */ } .contentwrap .posterart {background-position: center;background-size: contain;background-repeat: no-repeat;width: 30%;height: 60%;right: 10%;top:50%;transform: translateY(-50%);position: absolute;} .introbanner.active .contentwrap .posterart .playwrap {padding: 0;transform: translate(-50%,-50%);right: inherit;left: 50%;top: 50%;} .projectinfo {max-width:1200px;width:80%;margin:0 auto;color:#FFF;padding:5% 0;} body.projects .site-inner{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3b7e7d+38,1d2020+100 */ background: rgb(59,126,125); /* Old browsers */ background: -moz-linear-gradient(top, rgba(59,126,125,1) 40%, rgba(29,32,32,1) 80%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(59,126,125,1) 40%,rgba(29,32,32,1) 80%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(59,126,125,1) 40%,rgba(29,32,32,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b7e7d', endColorstr='#1d2020',GradientType=0 ); /* IE6-9 */ } body.projects.orange .site-inner{background: rgb(148,63,26); background: -moz-linear-gradient(top, rgba(148,63,26,1) 40%, rgba(64,27,11,1) 80%); background: -webkit-linear-gradient(top, rgba(148,63,26,1) 40%,rgba(64,27,11,1) 80%); background: linear-gradient(to bottom, rgba(148,63,26,1) 40%,rgba(64,27,11,1) 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#943f1a', endColorstr='#401b0b',GradientType=0 ); } body.projects.army .site-inner{background: rgb(72,65,40); background: -moz-linear-gradient(top, rgba(72,65,40,1) 40%, rgba(18,17,10,1) 80%); background: -webkit-linear-gradient(top, rgba(72,65,40,1) 40%,rgba(18,17,10,1) 80%); background: linear-gradient(to bottom, rgba(72,65,40,1) 40%,rgba(18,17,10,1) 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484128', endColorstr='#12110a',GradientType=0 ); } body.projects.blue .site-inner{background: rgb(37,97,147); background: -moz-linear-gradient(top, rgba(37,97,147,1) 40%, rgba(21,55,84,1) 80%); background: -webkit-linear-gradient(top, rgba(37,97,147,1) 40%,rgba(21,55,84,1) 80%); background: linear-gradient(to bottom, rgba(37,97,147,1) 40%,rgba(21,55,84,1) 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#256193', endColorstr='#153754',GradientType=0 ); } body.projects .button {border-color:#FFF;color:#FFF;} .projectcredits {max-width:600px;margin-bottom: 10%;position: relative;z-index: 2;} .projectcredits:last-of-type {margin-bottom: 0;} .projectcredits.right {margin-right: 0;margin-left: auto;} .projectcredits h3 {font-size: 70px;line-height: 82px;letter-spacing: 8px;margin: 0 0 2%;} .projectcredits h5 {font-family: 'Quicksand';font-size: 16px;font-weight: 700;text-transform: uppercase;letter-spacing: 5px;margin: 0 0 2%;} .projectcredits a:first-of-type{margin-right:20px;} .projectdetails {margin:0 auto;padding:5% 0;max-width:600px;width:80%;color:#FFF;} #epk-cta, #thespace {background-color:#231e22;} #news-area { background-color:#e4e4e4;background-size:cover;background-position: center;} #news-area .blockwrap {padding-top: 5%;} #news-area .blockwrapper {} #news-area .articleimage .theimage {background-position: right top; transform-origin: right top;} #shows-area {background-color:#FFF;background-size:cover;background-position: center;background-attachment: fixed;} #shows-area .articlesblock, #shows-area .articlesblock a, #shows-area .articlesblock h2, #shows-area .articlesblock h5, #shows-area .articlesblock p, #shows-area .articleinfo {color:#231e22;text-align: left;} #shows-area .articleblock { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #shows-area .articleblock:last-of-type {margin-bottom:5%;} #shows-area .articleblock:nth-of-type(2n+2) .articleimage { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } #shows-area .articlesblock:nth-of-type(2n+2) .articleinfo { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } #shows-area .articlesblock h5 {color:#b3b3b3;margin:0 0 5%;font-size:18px;text-transform: uppercase;letter-spacing: 5px;} #shows-area .articlesblock p {margin-bottom:5%;} #shows-area .articledate {text-align: left;} #shows-area .articleimage {overflow: visible;} #shows-area .articleimage .theimage {width: 40vw;height: 40vw;min-height: 0;max-height: 700px;max-width: 700px;background-position: center;transform-origin: center;margin: 0 auto;} #shows-area .articleblock:hover .articleimage .theimage {transform: scale(1.0);} #shows-area .articleblock, #shows-area .articleblock a, #shows-area .articleimage .theimage {cursor: default;} #blog-area { background-color:#202020;background-size:cover;background-position: center;background-attachment: fixed;} #blog-area .blockwrap {max-width: 1400px;margin: 0 auto;padding-top: 5%;} #blog-area .articleblock, #blog-area .articlesblock:nth-of-type(2n+2) .articleblock {width:80%;white-space: normal;display: block;} #blog-area .articlesblock:nth-of-type(2n+2) .articleblock {margin-left:auto;} #blog-area .articleimage, #blog-area .articleinfo, #blog-area .articlesblock:nth-of-type(2n+2) .articleimage, #blog-area .articlesblock:nth-of-type(2n+2) .articleinfo {width:100%;text-align: left;white-space: normal;display: block;} #blog-area .articleimage .theimage {height: 25vw;min-height: 450px;max-height: 550px;} #blog-area .articlesblock, #blog-area .articlesblock a, #blog-area .articlesblock h2, #blog-area .articlesblock h5 {} #blog-area .button {border-color:;} body.archive.category-talent {background-color:#232323;} body.archive.category-talent .entry-content {} .archive.category-talent .articleswrap.articlesblock {background-color:#232323;color:#FFF;margin-top:0;} .archive.category-talent .articlesblock h2, .archive.category-talent .infowrap, .archive.category-talent .talentsubject, .archive.category-talent .talentstyle {color:#FFF;} .archive.category-talent .articleblock .button {border-color: #FFF;color: #FFF;} .archive.category-talent .articleblock .button:hover {background-color: #FFF;color: #231e22;} .archive.category-talent .articleimage .theimage {border-radius:100%;} .archive.category-chronicles .articleswrap.articlesblock {background-color:#FFF;color:#232323;margin-top:0;} .archive.category-chronicles .articlesblock h2, .archive.category-chronicles .infowrap > div {color:#232323;} .archive.category-chronicles .articleblock .button {border-color: #232323;color: #232323;} .archive.category-chronicles .articleblock .button:hover {background-color: #232323;color: #FFF;} #curators-area .blockwrapper.left {background-position:right 40% center;} .archive.fullwidth .content > div {padding-top:0px;} .archive.fullwidth .content > div .articlesblock {margin-top:0;} .full-width-content.category-events.single .content {max-width: 1400px;padding:0;} @media only screen and (max-width: 1200px) { #news-area .blockwrapper {background-position: left -20vw center;} } @media only screen and (max-width: 900px) { #news-area .blockwrapper {background-position: left -40vw center;} #shows-area .articleblock, #shows-area .articleblock:nth-of-type(2n+2), #shows-area .articleblock {width:100%;display: block;} #shows-area .articleblock:nth-of-type(2n+2) .articleimage, #shows-area .articleblock:nth-of-type(2n+2) .articleinfo, #shows-area .articleblock .articleimage, #shows-area .articleblock .articleinfo {transform: translate(0, 0);opacity: 1;text-align:left;} #shows-area .articleblock {padding-bottom:0;} #shows-area .articleimage .theimage {margin:0;} } @media only screen and (max-width: 700px) { #news-area .blockwrapper {background-position: left top;background-size:contain;} #news-area .profile.right .innerwrapper {padding: 52vw 0 20%;} #news-area .profile.right .innercontent {text-align:left;} #news-area .profile .thecontent p {text-shadow:none;} #news-area .profile .button {position: relative;} } #epk-cta .introbanner .contentwrap:before, #epk-cta .introbanner .contentwrap:after {content:none;} #epk-cta .button {border-color:#FFF;color:#FFF;} #epk-cta .introbanner h5 {color:#231e22;} .introbanner h3, .introbanner h6 {color:#FFF;} .introbanner .contentwrap:before {content:'';position:absolute;z-index: 0;width:100%;height:100%;left:0;top:0;opacity:.7;background-color:rgba(58,40,61,1);} .introbanner.showimage .contentwrap:before, .introbanner.showimage .contentwrap:after {opacity: 0;} .introbanner .infowrap, .introbanner .playwrap {margin:0 auto;z-index: 1;position: absolute;top:50%;transform:translate(0,-55%);display:inline-block;vertical-align: middle;} .introbanner.videocontainer {background-size:cover;background-position: center;background-repeat: no-repeat;} .introbanner .infowrap {width:60%;text-align: left;left:0;padding-left: 10%;z-index: 3;} .introbanner.poster .infowrap {width:50%;} .introbanner .playwrap {width:40%;text-align:center;right:0;padding-right: 10%;z-index: 1;} .introbanner .clickbox {position: absolute;width:100%;height:100%;top:0;left:0;z-index: 2;cursor: pointer;} .introbanner.activated .clickbox {z-index: 4;} .introbanner .thecontent{width:100%;z-index:1;white-space: normal;display:block;vertical-align: middle;margin:0 auto;} .introbanner .thecontent p {font-size: 23px;max-width: 700px;width:100%;margin-left:inherit;margin-right:inherit;text-align: center;} .introbanner.videocontainer .thecontent p {color:#FFF;text-align: left;font-size: 18px;} .introbanner.videocontainer.poster .videoarea .videoWrapper {background-color:transparent;} .introbanner iframe {opacity:0;} .introbanner.activated iframe {opacity:1;} .introbanner .playbtn, .introbanner .playbtn .play {cursor: pointer;position: relative;} .introbanner .playbtn .play {max-width:210px;max-height:210px;width: 20vw;height: 20vw;position:absolute;background-image:url('/wp-content/uploads/play-btn.svg');background-position: center;background-size: contain;display: block;top: 50%;left: 50%;transform: translate(-50%,-50%);} .introbanner .playbtn .play:before {content:none;width:100%;height:100%;position: absolute;left: 0;top: 0;background-image:url('/wp-content/uploads/play-btn.svg');background-repeat: no-repeat;background-position:center;background-size:100%;animation: rotateplayouter 10s infinite linear;} .cinemablocks {padding: 5% 5% 0;max-width: 1400px;margin-bottom: 0 !important;margin-left: auto;margin-right: auto;} .cinemablocks:last-of-type {padding-bottom:5%;} .cinemablock .contentwrap {position:absolute;white-space:normal;z-index: 2;width:100%;height:100%;text-align: center;} .cinemablock .videoarea {position: relative;} .cinemablock .thecontent {width:100%;max-width: none;} .cinemablock .thecontent p {color:#231e22;} .cinemablock .thecontent h3 {font-size: 40px;line-height: 35px;} .cinemablock .contentwrap:before {content:none;position:absolute;z-index: 1;width:100%;height:100%;left:0;top:0;opacity:.7;background-color:rgba(58,40,61,1);} .cinemablock .playwrap {margin:0 auto;z-index: 3;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-block;width:100%;vertical-align: middle;} .cinemablock .playbtn, .cinemablock .playbtn .play {cursor: pointer;} .cinemablock .playbtn .play {width:110px;height:110px;position:relative;background-image:url('/wp-content/uploads/play_btn-inner.svg');background-repeat: no-repeat;background-position:left 56% center;background-size:auto 70%;display:inline-block;vertical-align: middle;} .cinemablock .playbtn .play:before {content:'';width:100%;height:100%;position: absolute;left: 0;top: 0;background-image:url('/wp-content/uploads/play_btn-outer.svg');background-repeat: no-repeat;background-position:center;background-size:100%;animation: rotateplayouter 10s infinite linear;} .cinemablock .playbtn .play:after {content:'';width:100%;height:100%;position: absolute;left: 0;top: 0;background-image:url('/wp-content/uploads/play_btn-outer.svg');background-repeat: no-repeat;background-position:center;background-size:100%;animation: rotateplayouterrev 10s infinite linear;} @keyframes rotateplayouter {0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}} @keyframes rotateplayouterrev {0%{transform: rotate(0deg);}100%{transform: rotate(-360deg);}} .cinemablock .clickbox {position: absolute;width:100%;height:100%;top:0;left:0;z-index: 4;cursor: pointer;} .cinemablock.activated .clickbox {z-index: 5;} .introbanner.activated video, .cinemablock.activated video, .videocontainer.activated video {opacity: 1 !important;} .introbanner .playwrap {transform: translate(10%, -50%);opacity: 0;} .introbanner .infowrap {transform: translate(-10%, -50%);opacity: 0;} .introbanner.active .infowrap, .introbanner.active .playwrap {transform: translate(0%, -55%);opacity: 1;} @media only screen and (max-width: 900px) { .introbanner video {opacity:0;} .introbanner .contentwrap {padding:2%;} .introbanner .thecontent {} .introbanner .playbtn {} .introbanner .playbtn .play {width: 18vw;height: 18vw;} .introbanner .thecontent p {font-size: 2.5vw;line-height: 3.5vw;} .introbanner .thecontent h3 {font-size: 9vw;line-height: 8.2vw;} .introbanner h6 {font-size: 3vw;line-height: 5.2vw;} .introbanner .infowrap {padding-left:5%;} .introbanner.poster .infowrap {width:60%;} .introbanner .playwrap {padding-right:5%;} .cinemablocks.wp-block-columns {display:block !important;} .cinemablock {margin-bottom: 5%;} .home .cinemablock {margin-bottom: 0%;} .introbanner .infowrap, .introbanner .playwrap {transform: translate(0,-55%);opacity: 1;} } @media only screen and (max-width: 800px) { .introbanner.videocontainer .thecontent p {display:none;} } @media only screen and (max-width: 700px) { .introbanner .thecontent {} .introbanner .playbtn {} .introbanner h5 {font-size: 2.2vw;} .introbanner .thecontent p {font-size: 3vw;line-height: 4.5vw;} } /* Banner Styles ---------------------------------------------------------------------------------------------------- */ .banner {position: relative;color:#FFF;background-color:#231e22;height: 50vw;min-height: 500px;max-height: 800px;} .banner.eventbanner {height:auto;min-height:0;max-height: none;} .banner:before {content:'';width:100%;height:30%;top:0;left:0;z-index: 1;position:absolute; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#231e22+0,171717+100&1+0,0+100 */ background: linear-gradient(to top, rgba(63,63,63,0) 0%,rgba(63,63,63,0) 1%,rgba(63,63,63,1) 100%); } .banner .bg {overflow:hidden;background-repeat: no-repeat; background-size: cover; background-position: top center;height: 100%;position: absolute;width: 100%;z-index: 0;} .banner.eventbanner .bg {top:0;} .banner .theimage {opacity:0;width:100%;height:100%;transform:scale(1.5);transform-origin: center;position:relative;background-repeat:no-repeat;background-size:100% auto;background-position: top center;background-attachment: fixed;} .banner.ready .theimage{animation:bgin 3s forwards ease-out;opacity:1;} @keyframes bgin {0%{}100%{transform:scale(1);}} .banner .bg {background-attachment: fixed;background-position: center;} .banner .thecontent h5 {} .thecontent h3 {font-size: 70px;line-height: 65px;margin:2% 0;letter-spacing: 0;text-transform: uppercase;font-weight: 300;} .thecontent h4 {font-size: 26px;line-height: 32px;font-weight: 600;text-transform: uppercase;margin: 3% 0;font-family: 'Quicksand', sans-serif;} .banner .thecontent {position:absolute;left:50%;bottom:0%;transform:translate(-50%, 0%);z-index: 1;text-align: center;max-width: 1400px;width: 80%;} .banner.eventbanner .thecontent {transform: none;top:0;left:0;position: relative;margin:0 auto;padding:12% 0 8%;display: block;} .page .banner .thecontent {top: inherit;bottom: 10%;margin-bottom: 0;transform: translate(-50%, 0%);} .banner .subtitle {font-family: 'Quicksand', sans-serif;font-size: 22px;letter-spacing: 3px;text-transform:uppercase;} .page.banneron .entry-content, .single.banneron .entry-content {margin-top:5%;margin-bottom:5%;} .banner .bg {background-attachment: inherit;} .banner .bg:before {content:'';opacity: .0;position:absolute;width: 100%;height: 100%;z-index: 1;background: linear-gradient(to bottom, rgba(63,63,63,0) 0%,rgba(63,63,63,0) 1%,rgba(63,63,63,1) 100%);} .banner.eventbanner .bg:before {background-color:rgba(63,63,63,1);} .banner.eventbanner:after {content:'';opacity: 1;position:absolute;width: 100%;height: 30%;z-index: 0;background: linear-gradient(to bottom, rgba(63,63,63,0) 0%,rgba(63,63,63,0) 1%,rgba(63,63,63,1) 100%);bottom:0;} .banner.ready .bg:before{animation:overlayin 3s forwards ease-out;} @keyframes overlayin {0%{}100%{opacity: .65;}} .banner h1 {color:#FFF;font-weight: normal;margin-bottom: 0;line-height: 60px;font-family: 'Quicksand', sans-serif;margin-bottom:2%;} .banner .articledate span {color:#FFF;} .banner .infowrap > div {padding-bottom:0;} .banner .infowrap .talentstyle {color:#FFF;font-family: 'Quicksand', sans-serif;} .site-inner {background-color:#FFF;background-repeat:repeat-y;background-size:contain;} .banneron .site-inner {margin-top:0;position: relative;z-index: 1;} .banneron.fullwidth.page .site-inner {margin-top:0;} .banneron.full-width-content .content {padding-top:0;} .banneron .content-sidebar-wrap {position: relative;z-index: 3;} .banneron .site-inner:before {content: none;top: -10vw;left: 50%;width: 120%;transform: rotate(-3deg) translate(-50%,0);z-index: 1;height: 10vw;background-repeat: repeat-x;background-color:#fbfbfb;display: block;position: absolute;} .banneron .site-inner:after {content: '';top: 0;left: 0%;width: 100%;z-index: 1;height: 20vw;background-repeat: repeat-x;display: block;position: absolute; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#231e22+0,171717+100&1+0,0+100 */ background: -moz-linear-gradient(top, rgba(250,250,250,1) 20%, rgba(250,250,250,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(250,250,250,1) 20%,rgba(250,250,250,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(250,250,250,1) 20%,rgba(250,250,250,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#00efefef',GradientType=0 ); /* IE6-9 */ } .banneron.dark .content-sidebar-wrap {background-image:none;} .banneron.dark .site-inner:before {background-color:#231e22;} .banneron.dark .site-inner:after {content: '';top: 0;left: 0%;width: 100%;z-index: 3;height: 10vw;background-repeat: repeat-x;display: block;position: absolute; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#231e22+0,171717+100&1+0,0+100 */ background: -moz-linear-gradient(top, rgba(63,63,63,1) 0%, rgba(63,63,63,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(63,63,63,1) 0%,rgba(63,63,63,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(63,63,63,1) 0%,rgba(63,63,63,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231e22', endColorstr='#00171717',GradientType=0 ); /* IE6-9 */ } @media screen and (max-width: 900px){ .banner.press {overflow: hidden;height: inherit;} .banner.press .thecontent{position: relative;left: inherit;top: inherit;transform: translate(0, 60%);margin: 80px auto 5%;} .banner.press .thecontent {transform: translate(0);} .banner.press .thecontent h1 {font-size:4.5vh;} .banner.press .bg {top: 0;left: 0;} .banner h1 {font-size: 6vw;line-height: 5.5vw;} .banner .thecontent {width:90%;} .banner .theimage {background-position: top 50px center;background-attachment: inherit;background-size: cover;} @keyframes overlayin {0%{}100%{opacity: .85;}} } @media screen and (max-width: 700px){ .banner .theimage {background-size:cover;background-attachment: inherit;} } /* Anims Titles ---------------------------------------------------------------------------------------------------- */ .sepletts, .sepword { -webkit-transition: all 3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition:all 3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: all 3s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 3s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .thecontent h3, .thecontent h4, .bannercontent h1, .active .bannercontent h1 { -webkit-transition: all 2.5s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition:all 2.5s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition: all 2.5s cubic-bezier(0.25, 1, 0.5, 1); -o-transition: all 2.5s cubic-bezier(0.25, 1, 0.5, 1); transition: all 2.5s cubic-bezier(0.25, 1, 0.5, 1); } .bannercontent h2, .bannercontent p, .bannercontent .btn-segment, .thecontent p { -webkit-transition: all 3.5s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition:all 3.5s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition: all 3.5s cubic-bezier(0.25, 1, 0.5, 1); -o-transition: all 3.5s cubic-bezier(0.25, 1, 0.5, 1); transition: all 3.5s cubic-bezier(0.25, 1, 0.5, 1); } .thecontent h3 span.sepword, .thecontent h4 span.sepword, .bannercontent .btn-segment {opacity: 0;transform: translateY(30%);display: inline-block;} .thecontent h3 span.sepword.add, .thecontent h4 span.sepword.add {opacity: 1;transform: translateY(0%);} .bannercontent h2 span.sepword {opacity: 0;transform: translateX(30%);display: inline-block;} .bannercontent h2 span.sepword.add {opacity: 1;transform: translateX(0%);} .thecontent p {opacity:0;transform: translateX(40%);} .blockwrapper.active .thecontent > p {animation:bannercontentreveal forwards 2.5s cubic-bezier(0.25, 1, 0.5, 1)} .bannercontent h1, .bannercontent p, .bannercontent .btn-segment {opacity: 0;transform: translateX(40%);display: inline-block; animation:bannercontentreveal forwards 2.5s cubic-bezier(0.25, 1, 0.5, 1);} .bannercontent .btn-segment {display: block !important;} @keyframes bannercontentreveal {0%{opacity:0;transform: translateX(40%);}100%{opacity:1;transform: translateX(0%);}} /* Inner Styles ---------------------------------------------------------------------------------------------------- */ body:before {content:'';background:#231e22;width:100%;height:200%;position:fixed;z-index: 100;opacity:1;left:0;bottom:0; animation: darkload forwards 1s ease 0.5s;} @keyframes darkload {0%{opacity:1;}99%{opacity:1;visibility:visible;bottom:-200%;}100%{visibility:hidden;}} .fullwidth .site-inner, .fullwidth .content {max-width:none;padding:0;margin-top:0;} .fullwidth .site-inner {padding:0 !important;} .fullwidth .site-inner > .wrap {padding:0;margin:0;max-width: none;} .fullwidth.full-width-content .content {margin:0;width:100%;max-width: none;} .fullwidth.page .site-inner {margin-top:100px;} .home.fullwidth.page .site-inner {margin-top:0;} .maxwidth .site-inner {padding:0} .maxwidth .site-inner > .wrap {} .maxwidth.full-width-content .content {margin:0 auto;width:100%;max-width: 1200px;} .archive .site-inner {margin-top:100px;} .archive p.noposts {margin-top:10%;} /*.single-post .entry-content p:first-of-type, .page .entry-content p:first-of-type, p.noposts, .single.category-case-studies .entry-content p*/ .entry-content p.opener {font-size:22px;font-weight: 300;line-height:36px;text-align:center;max-width:600px;width:50vw;margin-left:auto;margin-right:auto;letter-spacing: 1px;} p.noposts {text-align: center;} .archive-no-results .entry-title {display:none;} .thesegment {width:50vw;max-width: 530px;margin-bottom: 10vh;} .thesegment:last-of-type {margin-bottom:0;} .thesegment:nth-of-type(2n+2) {margin-left:auto;} .thesegment h3 {font-family: 'Quicksand', sans-serif;text-transform:capitalize;} .thecurator {margin-bottom:15%;border-bottom:1px #999 solid;padding-bottom:5%;} .thecurator:last-of-type {border-bottom:none;margin-bottom:0;padding-bottom:0;} .thecurator h3 {text-align: center;margin-bottom:1%;} .thecurator h4 {margin-bottom:2%;} .thecurator h5 {text-align: center;font-family: 'Quicksand', sans-serif;margin-top:0;} .thecurator p.opener { margin-bottom: 10%; font-size: 20px; line-height: 35px; max-width: none; width: auto;} .thecurator img {display: block;width:35vw;height:35vw;min-height:300px;min-width:300px;border-radius: 100%;margin:0 auto;} .bigquote {font-size:240px;line-height:100px;font-family: 'Quicksand', sans-serif;text-align: center;margin:25% auto 2%;} .thequote {text-align: center;} .thequote h4 {margin-bottom:2%;font-size:26px;} .thequote p {font-style: italic;} .entry-meta {display: none;} .entry-content .wp-block-image {margin-bottom:60px;text-align: center;} .entry-content h2, .entry-content h3 {} .entry-content h4, .entry-content h3 {} .search-results .entry-header {text-align: left;} .search-results .entry-header h2 {margin-bottom:2%;} .search-results article {margin-bottom:40px;padding-bottom:40px;border-bottom:2px solid #FFF;} .wp-block-image.pr-logo img {max-width:150px;} .2-3 .wp-block-column:nth-of-type(1){flex-basis: calc(30% - 16px);} .2-3 .wp-block-column:nth-of-type(2){flex-basis: calc(70% - 16px);} .grecaptcha-badge {z-index: 0; opacity: 0;} .wp-block-column {position:relative;} .page.maxwidth .has-2-columns {margin-bottom:10%;} .page.maxwidth .has-2-columns:last-of-type{margin-bottom:0;} .page.maxwidth .wp-block-image {top: 10%;position: relative; /*position: absolute;top: 50%;transform: translate(0,-50%);*/} .entry-content ul.blocks-gallery-grid {margin:0;} .entry-content ul.blocks-gallery-grid li:before {content:none;} .photocredit {font-size:12px;color:#777;margin:5% 0;} .photocredit a {color:#777;text-decoration: underline;} @media screen and (min-width: 1800px){ } @media screen and (max-width: 900px){ .thesegment {width:100%;} .site-container {overflow: hidden;} .home.full-width-content .content {padding:0;} .full-width-content .content {padding:0 5%;} .fullwidth.full-width-content .content {padding:0;} .fullwidth.page .site-inner {margin-top:0;} .archive .site-inner, .site-inner {margin-top:50px;padding-top:5%;} .entry-title {margin-bottom:5%;} .page.maxwidth .has-2-columns {width:100%;display: block;max-width:600px;margin:0 auto 15%;} .page.maxwidth .has-2-columns .wp-block-column {} .page.maxwidth .wp-block-image {top:0;width:100%;margin-left:auto;margin-right:auto;} .page.maxwidth .wp-block-column {margin:0;} .maxwidth .site-inner {padding: 5%;margin-top: 50px;} .page.maxwidth .wp-block-image {top:0;} .wp-block-columns.has-2-columns.switch, .archive.category-talent .articlesblock .articleblock { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .wp-block-columns.has-2-columns.switch .wp-block-column:nth-of-type(1), .archive.category-talent .articlesblock .articleblock .articleinfo{ -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; width:100%; margin-left:0 !important; margin-right:0 !important; } .wp-block-columns.has-2-columns.switch .wp-block-column:nth-of-type(2), .archive.category-talent .articlesblock .articleblock .articleimage { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; width:100%; margin-left:0 !important; margin-right:0 !important; } .wp-block-column, .wp-block-column:nth-child(2n) {width:100%;margin-left:0 !important;margin-right:0 !important;flex-basis: inherit !important;flex-grow: inherit !important;} } @media screen and (max-width: 800px){ .entry-content p.opener {max-width: none;width: 100%;margin-left: 0;text-align: left;} } /* Mosaic Portfolio ---------------------------------------------------------------------------------------------------- */ #mosaic_list {display: flex;flex-wrap: wrap;} #mosaic_list .wrapit {height: 50vh;flex-grow: 1;} #mosaic_list .wrapit img {max-height: 100%;min-width: 100%;object-fit: cover;vertical-align: bottom;} #mosaic_list .wrapit:last-child {flex-grow: 10;} @media screen and (max-width: 900px){ #mosaic_list .wrapit {height: auto;} } /* Comment Styles ---------------------------------------------------------------------------------------------------- */ .comment-respond {padding: 5% 0 0 0;border-top: 2px dashed #FFF;} .comment-respond p.logged-in-as {font-size: 14px;} .comment-form-cookies-consent label, .comment-form-cookies-consent input {display:inline;} .comment-form-cookies-consent input[type="checkbox"] {margin-right:10px;} /* Special Buttons & logos ---------------------------------------------------------------------------------------------------- */ .thecontent .button.edged {color:#FFF;} .button.edged, .button.edged div, .button.edged a, #inquiry input[type="submit"] {cursor: pointer;} .button.edged {border:none;} .button.edged:hover, #inquiry input[type="submit"]:hover {opacity:1;transform:scale(1);} .button.edged.left:hover, .articlesblock:nth-of-type(2n+2) .articleblock:hover .button.edged {transform:translateX(2vw);} .button.edged.right:hover, .articlesblock a .articleblock:hover .button.edged {transform:translateX(-2vw);} .button.edged div {display:block;} .button.edged.left div:after, .button.edged.right div:after, .articlesblock:nth-of-type(2n+2) .edged div:after, .articlesblock:nth-of-type(2n+1) .edged div:after {content:'';background-repeat:no-repeat;background-size:auto 100%; height: 25px;width: 13vw;display: block;position: absolute;top: 18px;} .button.edged.left div:after, .articlesblock:nth-of-type(2n+2) .edged div:after {background-image:url('/wp-content/uploads/icon-btn_arrow-left-white.svg');left: -13vw;background-position: center right;} .articlesblock:nth-of-type(2n+2) .edged div:after {background-image:url('/wp-content/uploads/icon-btn_arrow-left-black.svg');} .button.edged.right div:after, .articlesblock:nth-of-type(2n+1) .edged div:after {right: -13vw;background-position: center left;} .articlesblock:nth-of-type(2n+1) .edged div:after {} .button.edged.left div:before, .button.edged.right div:before, .articlesblock:nth-of-type(2n+2) .edged div:before, .articlesblock:nth-of-type(2n+1) .edged div:before {content:'';height:3px;position: absolute;top: 9px;width:50vw;} .button.edged.left div:before, .articlesblock:nth-of-type(2n+2) .edged div:before {left: -50.5vw;background-color:#FFF;} .articlesblock:nth-of-type(2n+2) .edged div:before {background-color:#231e22;} .button.edged.right div:before, .articlesblock:nth-of-type(2n+1) .edged div:before {right: -50.5vw;background-color:#FFF;} .articlesblock:nth-of-type(2n+1) .edged div:before {background-color:#231e22;} .eventtickets .button, #shows-area .eventtickets .button {background-color:#231e22;border-color:#231e22;color:#FFF;margin-bottom: 5%;} .eventtickets .button:hover, #shows-area .eventtickets .button:hover {background-color:#FFF;border-color:#231e22;color:#231e22;} .banner .eventtickets .button {background-color:transparent;border-color:#FFF;color:#FFF;padding: 20px 30px;margin-top: 4%;} .banner .eventtickets .button:hover {background-color:#FFF;border-color:#FFF;color:#231e22;} @media screen and (max-width: 900px){ .articlesblock:nth-of-type(2n+1) .edged div:before {left: -50.5vw;background-color:#231e22;right:inherit;} } #inquiry input[type="submit"] {} #inquiry .button.edged.left div:before {width: 100vw;left:-100.5vw;} .contentwrap #image_list_container {z-index: 2;position: absolute;width: 100%;bottom: 0;left: 0;padding: 0 10%;} .contentwrap #image_list {display: flex;align-items: center;max-width:100%;box-sizing: border-box;} .contentwrap #image_list img {width:100%;min-width: 0;padding: 0 5% 3%;transform: scale(1.3);} .contentwrap #image_list img:first-of-type{padding-left:0;}.contentwrap #image_list img:last-of-type{padding-right:0;} .symbol {display: inline-block;position: relative;} .symbol:after {content:'';background-image:url('/wp-content/uploads/icon-btn_detail-right-black.svg');display: inline-block;height: 100%;width: 28px;background-repeat: no-repeat;background-size: contain;background-position: bottom;position: absolute;bottom: 0;right: -28px;} .symbol a {margin-bottom:0;border-right-width:0px;display: block;} .symbol:hover {transform:translateX(20px);} .symbol a:hover {transform:scale(1);opacity: 1;} .symbol.left:before {content:'';background-image:url('/wp-content/uploads/icon-btn_detail-left-black.svg');display: inline-block;height: 100%;width: 28px;background-repeat: no-repeat;background-size: contain;background-position: bottom;position: absolute;bottom: 0;left: -28px;} .symbol.left:after {content:'';background:transparent;height:inherit;width:inherit;left:inherit;clear: both;} .symbol.left:hover {transform:translateX(-20px);} .symbol.left a {border-left:none;border-right-width:3px;} .pagination {position: relative;text-align: center;margin-top: 10%;} .pagination .next {margin-left:5%;} .pagination .prev {margin-right:5%;} .epk.logo img {max-width:350px;} #contact .videoarea .videoWrapper {background-color:#FFF;} #contact .bannercontent h4 {font-size:18px;font-family: 'Quicksand', sans-serif;font-weight:700; letter-spacing:3px;margin: 5% 0 1%;} #contact .bannercontent p.extra {font-size:16px;margin-bottom:5%;letter-spacing: 2px;font-style: italic;} #contact .bannercontent h5 {font-size:16px;font-family: 'Quicksand', sans-serif;font-weight:900; letter-spacing:3px;margin:5% 0 2%;} #contact .bannercontent .button {border-color:#231e22; color:#231e22;font-size:18px;} #contact .bannercontent .button:hover {background-color:#231e22; color:#FFF;} #contact .thehours {font-family: 'Quicksand', sans-serif;font-size:18px;} #contact .sethours {line-height:22px;margin-bottom:5%;} #contact .sethours:last-of-type {margin-bottom:0%;} #contact .videoarea .videoWrapper:before {content:'';position: absolute;left:0;top:0;z-index: 0;width:100%;height:100%;background-color:rgba(263,263,263,.75);} #contact {border-top:6px solid #231e22;} .home #contact {border-top:none;} .epkblock {background-color:#231e22;background-image:url('/wp-content/uploads/markjudegallery-events-meet_artists_june_29_2025-v1.jpg');background-position:center;background-repeat:no-repeat;background-size:cover;} .epkblock.playing video {opacity: 1;} .epkblock .play-btn {position: absolute; left: -20vw; bottom: 15vw; background-size: contain; width: 50vw; height: 40px; z-index: 5; cursor: pointer; } .epkblock .play-btn:hover {left: -22vw;} .epkblock .play-btn:before {content:"Play EPK";z-index: 1; display: block; position: absolute; text-align: right; margin-left: -55px; width: 100%; font-weight: 200; text-transform: uppercase; line-height: 40px;} .epkblock .play-btn:after {content:'';position: absolute;right:0;height: inherit;width: inherit;background-color: #aaa;z-index: 0;background-image:url('/wp-content/uploads/play-btn.svg');background-position:center right 10px;background-repeat:no-repeat;background-size:auto 90%;} .epkblock .play-btn:hover:after {background-color:#ffff;} .epkblock.playing .play-btn:before {content:'Pause';} .page.epk .epkblock {position: relative;} .page.epk .epkblock .play-btn {bottom: 20px;} @media only screen and (max-width: 750px) { .epkblock .play-btn {left:-15vw;bottom:3vw;} .epkblock .play-btn:before {margin-left: -55px;line-height: 41px;font-weight: 600;font-size:15px;} .epkblock .play-btn:hover {left: -10vw;} } /* Awards Block ---------------------------------------------------------------------------------------------------- */ #awards {background-color:#FFF;position: relative;} #awards .blockwrap {padding:5%;max-width:1400px;margin:0 auto;text-align: center;position: relative;} #awards h2 {font-weight:300;} #awards:before {content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;mix-blend-mode: screen;z-index: 2; background: rgb(0,180,232); background: -moz-linear-gradient(-45deg, rgba(0,180,232,1) 0%, rgba(5,22,42,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(0,180,232,1) 0%,rgba(5,22,42,1) 100%); background: linear-gradient(135deg, rgba(0,180,232,1) 0%,rgba(5,22,42,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4e8', endColorstr='#05162a',GradientType=1 ); } .award {display:inline-block;vertical-align: top; width:23%;margin-bottom: 5%;position: relative;z-index:1;} .award img {max-height:135px;height:100%;width:auto;max-width:none;} .award h5, .award h6, .award p {font-family: 'Quicksand';margin:0 auto 0;} .award h5 {font-size:24px;font-weight:900;letter-spacing: 1px;line-height:32px;;} .award h6 {font-size:14px;letter-spacing: 3px;font-weight: 400;text-transform: uppercase;line-height:22px;} .award p {font-size:20px;font-weight:300;line-height:28px;} body.before-sunrise .award.voubanindo, body.before-sunrise .award.leaves {display:none;} body.vou-banindo .award.beforesunrise, body.vou-banindo .award.leaves {display:none;} body.leaves .award.beforesunrise, body.leaves .award.voubanindo {display:none;} /* Contact Block ---------------------------------------------------------------------------------------------------- */ .before-footer {padding:0;} .contactblock {position:relative;background-attachment: fixed;background-color:#fafafa;color:#FFF;background-repeat: no-repeat;background-size:cover;} .contactblock .innerwrapper {position: relative; z-index: 2;white-space: nowrap;padding:10% 5%;max-width:1400px;} .contactblock:before {content:none;position:absolute;z-index:0;background-color:rgba(63,63,63,1);width:100%;height: 100%;top:0;left:0;opacity: .6;} .contactblock .formwrapper, .contactblock .opener {display:inline-block;vertical-align: top;width:50%;white-space: normal;} .contactblock .formwrapper {text-align: right;} .contactblock .opener p {max-width:400px;font-size: 26px;margin-bottom: 20px;line-height:34px;} .contactblock h2 {color:#231e22;letter-spacing:3px;font-size:30px;line-height:38px;} select {background:url('/wp-content/uploads/soluna-down_arrow-dark.svg') no-repeat right 5% center;background-size:auto 30px; color:#3e3e3e; appearance: none; -webkit-appearance: none; -ie-appearance: none; -khtml-appearance: none; -o-appearance: none; } #about form select {background-image:url('/wp-content/uploads/soluna-down_arrow-white.svg');} #about form .wpcf7-not-valid-tip {margin-top: -10px;margin-bottom: 10px;font-size: 12px;line-height: 12px;} #about form .wpcf7 form .wpcf7-response-output {border:none;} .contactblock input::placeholder, .contactblock textarea::placeholder {color: #777;} .contactblock input::-webkit-input-placeholder, .contactblock textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #777;} .contactblock input::-moz-placeholder, .contactblock textarea::-moz-placeholder { /* Firefox 19+ */color: #777;} .contactblock input:-ms-input-placeholder, .contactblock textarea:-ms-input-placeholder { /* IE 10+ */color: #777;} .contactblock input:-moz-placeholder, .contactblock textarea:-moz-placeholder { /* Firefox 18- */color: #777;} .contactblock input {margin-bottom:2%;} .contactblock select, .contactblock input, .contactblock textarea {color:#231e22;} .contactblock input[type="submit"] {background-color:#231e22;border-color:#231e22;color:#FFF;} .contactblock select, .contactblock input[type="text"], .contactblock textarea, .contactblock input[type="email"] {margin-bottom:5%;font-size: 22px;background-color:transparent;} .contactblock input[type="text"], .contactblock input[type="email"] {} .contactblock textarea {height: 200px;margin-bottom:0;} .contactblock textarea:focus {} .contactblock select, select {background-image: url('/wp-content/uploads/down-arrow.svg'); background-size: auto 20px;background-repeat: no-repeat;} .contactblock div[role="form"] {max-width:500px;width:90%;display: inline-block;text-align: left;} .contactblock form span {position: relative;display: block;} .contactblock span.wpcf7-not-valid-tip{font-size:12px;line-height: 1;margin-bottom: 5%;margin-top: -3%;} .contactblock div.wpcf7-response-output {border:none;background-color:#c74ea7;color:#FFF;margin:0;width:100%;text-align: center;} .contactblock .wpcf7 form.invalid .wpcf7-response-output, .contactblock .wpcf7 form.unaccepted .wpcf7-response-output, .contactblock .wpcf7 form.sent .wpcf7-response-output {border:none;margin:0;padding:3%;line-height:20px;} .contactblock div.wpcf7-mail-sent-ok, .contactblock .wpcf7 form.sent .wpcf7-response-output {background-color:#777;} @media only screen and (max-width: 900px) { .contactblock .innerwrapper {white-space: normal;} .contactblock .formwrapper, .contactblock .opener {display:block;width: 80%;max-width:500px;margin: 0 auto;} .contactblock .opener {margin-bottom:10%;} .contactblock .formwrapper {text-align: left;} .contactblock select, .contactblock input[type="text"], .contactblock textarea, .contactblock input[type="email"] {font-size:18px;} .contactblock div[role="form"] {width: 100%;} .contactblock form span:after {border-width: 6px;} .contactblock h2 {font-size:38px;} } @media only screen and (max-width: 650px) { .contactblock .formwrapper, .contactblock .opener {width: 100%;} } /* InfoWrap Styles ---------------------------------------------------------------------------------------------------- */ .infowrap {white-space: nowrap;color:#231e22;perspective: 1000px;opacity: 0;max-width: 1400px;margin: 0 auto;} .mobileinfo .infowrap {color:#FFF;} .infowrap > div {display:inline-block;width:50%;white-space: normal;vertical-align: middle;padding:5%;position: relative;} .articleinfo .infowrap div {width:auto;display: block;padding:0;} .articleinfo .infowrap div.button {padding: 2% 5%;display: inline-block;} .category-blog .articleswrap .button {color:#e1e1e1;} .infowrap > * {white-space: normal;} .infoarea, .right .imagearea {transform:translate(-200px, 0px)rotateY(-40deg);} .right .infoarea, .imagearea {transform:translate(200px, 0px)rotateY(40deg);} .imagearea {min-height:500px;background-color:transparent;background-size: cover;background-position: center;background-repeat:no-repeat;} .operations .imagearea {background-size: cover;} .infoarea h3 {font-weight: 900;margin-bottom:20px;margin-top:0;} .infoarea h5 {margin: 0 0 20px;font-size: 22px;line-height: 26px;} .infowrap:first-of-type > div {padding-top:0;} .infowrap .startdate {font-family:'Quicksand', sans-serif;font-size:38px;letter-spacing: 2px;} .infowrap .enddate {font-family:'Quicksand', sans-serif;font-size:24px;letter-spacing: 2px;margin-bottom:5%;} .infowrap .externalloc {font-family:'Quicksand', sans-serif;font-size:18px;letter-spacing: 1px;margin-bottom:5%;font-style: italic;} .infowrap ul.talent {font-weight:200; font-size:30px;letter-spacing: 0px;margin-bottom:5%;margin-right: auto;} .infowrap ul.talent li {padding-bottom:0;} .infowrap .activities {font-family:'Quicksand', sans-serif;font-size:30px;letter-spacing: 3px;margin-bottom:5%;} .eventbanner .infowrap > div {display:block;color:#FFF;padding-bottom:0;text-align: center;margin:0 auto 1%;} .eventbanner .infowrap ul.talent {color:#FFF;margin-bottom:2%;margin-left:auto;} .banner.eventbanner h1 {margin-bottom:2%;} .active .infoarea {} .infowrap.active, .infowrap:first-of-type {opacity: 1;} .infowrap.active > div, .infowrap:first-of-type > div {transform:translate(0px, 0px)rotateY(0deg);} .thecontent form p {opacity: 1;transform: translate(0);} @media only screen and (max-width: 900px) { .infowrap {margin-bottom:5%;}infowrap:last-of-type {margin-bottom:0;} .infowrap, .infowrap.active {opacity: 1;perspective: 0px;white-space: normal;} .infowrap > div, .infowrap.active > div {transform:translate(0px, 0px)rotateY(0deg) !important;width:100%;} .imagearea {background-size:cover;background-position: top 10% center;min-height:450px;} .infowrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .infowrap.left .infoarea{ -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; width:100%; margin-left:0 !important; margin-right:0 !important; } .infowrap.left .imagearea{ -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; width:100%; margin-left:0 !important; margin-right:0 !important; } .infowrap:first-of-type > div.infoarea {padding-top:5%;} } @media only screen and (max-width: 700px) { .banner h1 { font-size: 42px; line-height: 48px; } } /* The Socials New ---------------------------------------------------------------------------------------------------- */ .thesocials {text-align: center;color:#231e22;margin:5% 0;} .thesocials .socials {display: inline-block; padding: 25px 50px; padding-left: 50px; background-repeat: no-repeat; background-size: auto 45px; background-position: left center;} .thesocials .socials a {color:#231e22;} .thesocials .socials a:hover {opacity:.6;} .socials.fb {background-image:url('/wp-content/uploads/social-facebook-icon.svg');} .socials.ig {background-image:url('/wp-content/uploads/social-ig-icon.svg');} .socials.tiktok {background-image:url('/wp-content/uploads/social-tiktok-icon.svg');} .socials.yt {background-image:url('/wp-content/uploads/social-yt-icon.svg');} .socials.imdb {background-image:url('/wp-content/uploads/social-imdb-icon.svg');padding-left: 100px; background-size: auto 38px;} .socials.apple {background-image:url('/wp-content/uploads/social-applemusic-icon.svg');} .socials.spotify {background-image:url('/wp-content/uploads/social-spotify-icon.svg');} .socials.web {background-image:url('/wp-content/uploads/social-web-icon.svg');} .socials.other {background-image:url('/wp-content/uploads/social-web-icon.svg');} /* FooterBlock Styles ---------------------------------------------------------------------------------------------------- */ #footer {padding:5%;text-align:center;position: relative;z-index: 3;white-space: nowrap;font-size:0;line-height: 0;} #footer .widget {margin-bottom:0px;} #footer .widget:last-of-type{margin-bottom:0;} #footer a {color:#FFF;} #footer a:hover {opacity: .6;} #footer .copyright {position: relative;font-size: 12px;color:#FFF;margin-bottom:35px;line-height: 1.2;} #footer img {max-width: 340px;width: 80%;} #footer .menu .socialicons {width:40px; height:40px;margin:0 3%;} #footer .socialicons a {font-size: 0;width: inherit;height: inherit;display: block;} #footer section {display:inline-block;width:50%;white-space: normal;line-height: 1.2;text-align: left;vertical-align: top;font-size:18px;margin-bottom:0;} #footer section:nth-of-type(1n+2) {text-align: right;} #footer section:first-of-type {line-height: 28px;} #footer section:first-of-type a {display: block;} #footer .prinfo {font-size:14px;max-width:265px;margin-left:auto;line-height:22px;} #footer .logo-ekcpr {max-width: 120px;margin-bottom:1%;} #footer .footerlogo {max-width: 200px;margin-bottom:0%;} .socialicons {background-position: center;background-repeat: no-repeat;background-size:cover;text-align:center;width:40px;height:40px;display:inline-block;vertical-align: middle;margin:0 2%;cursor: pointer;} .menu .socialicons.facebook {background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='42.817px' height='42.835px' viewBox='0 0 42.817 42.835' enable-background='new 0 0 42.817 42.835' xml:space='preserve'%3E%3Cpath fill='%23353946' d='M31.356,23.734c0.33-2.593,0.625-4.911,0.966-7.593c-2.572,0-4.893,0-7.502,0 c0-2.239-0.127-4.159,0.037-6.054c0.15-1.729,1.207-2.579,3.049-2.688c1.479-0.087,2.966-0.018,4.602-0.018 c0-2.363,0-4.512,0-6.949c-2.682,0-5.319-0.206-7.912,0.048c-3.909,0.383-6.896,3.547-7.379,7.508 c-0.202,1.658-0.249,3.337-0.331,5.008c-0.042,0.864-0.007,1.732-0.007,2.902c-2.183,0-4.162,0-6.29,0 c-0.432,2.692-0.275,5.094-0.112,7.771c2.092,0,4.081,0,6.23,0c0,6.395,0,12.542,0,18.809h8.152c0-6.343,0-12.406,0-18.746 C27.024,23.734,29.095,23.734,31.356,23.734z'/%3E%3C/svg%3E"); } .menu .socialicons.twitter {background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='42.817px' height='42.835px' viewBox='0 0 42.817 42.835' enable-background='new 0 0 42.817 42.835' xml:space='preserve'%3E%3Cpath fill='%23353946' d='M7.863,25.299c-4.919-2.924-6.487-5.228-6.387-9.052c0.967,0.237,1.923,0.472,2.879,0.707 C1.298,13.25,0.376,9.444,2.538,4.865c4.933,5.617,10.792,9.027,18.39,9.466c0-0.879-0.04-1.696,0.007-2.508 c0.206-3.556,1.888-6.207,5.085-7.763c3.226-1.57,6.403-1.21,9.176,1c1.096,0.874,1.961,0.918,3.092,0.445 c1.099-0.459,2.214-0.882,3.585-1.425c-0.486,1.929-1.664,3.143-2.722,4.636c1.134-0.299,2.269-0.598,3.418-0.901 c-0.427,1.375-0.351,1.478-1.903,2.771c-1.391,1.159-1.884,2.452-1.988,4.271c-0.507,8.791-4.233,16.003-11.7,20.761 c-8.439,5.377-17.282,5.365-26.12,0.702c-0.196-0.103-0.361-0.269-0.527-0.422c-0.047-0.043-0.041-0.143-0.084-0.316 c4.329,0.1,8.373-0.724,11.844-3.542c-1.616-0.812-3.215-1.458-4.64-2.375c-1.427-0.918-2.255-2.397-2.98-4.176 C5.547,25.429,6.458,25.378,7.863,25.299z'/%3E%3C/svg%3E"); } .menu .socialicons.instagram {background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='42.817px' height='42.835px' viewBox='0 0 42.817 42.835' enable-background='new 0 0 42.817 42.835' xml:space='preserve'%3E%3Cpath fill='%23353946' d='M25.823,42.237c-2.949,0-5.897,0-8.846,0c-0.038-0.004-0.076-0.011-0.115-0.011 c-1.668-0.017-3.336-0.048-5-0.178c-1.07-0.084-2.124-0.267-3.154-0.575c-1.756-0.526-3.309-1.394-4.611-2.699 c-0.881-0.882-1.602-1.873-2.127-3.004c-0.736-1.587-1.109-3.266-1.218-5.002c-0.078-1.249-0.138-2.501-0.147-3.752 c-0.024-3.269-0.026-6.539-0.018-9.808c0.005-1.936,0.034-3.873,0.224-5.802c0.099-1.005,0.306-1.99,0.612-2.954 c0.609-1.918,1.666-3.54,3.176-4.871c1.184-1.044,2.548-1.75,4.05-2.21c1.313-0.402,2.661-0.594,4.028-0.647 c1.522-0.059,3.045-0.117,4.568-0.12c3.502-0.008,7.004,0.001,10.506,0.036c1.215,0.012,2.431,0.093,3.643,0.19 c1.27,0.101,2.504,0.396,3.69,0.869c2.628,1.046,4.552,2.852,5.763,5.404c0.743,1.567,1.094,3.241,1.203,4.963 c0.077,1.228,0.135,2.459,0.147,3.689c0.041,4.274,0.075,8.549-0.037,12.823c-0.028,1.057-0.069,2.114-0.205,3.165 c-0.14,1.087-0.371,2.153-0.77,3.175c-1.278,3.277-3.613,5.435-6.951,6.513c-1.238,0.4-2.517,0.595-3.812,0.656 c-1.335,0.063-2.671,0.091-4.007,0.135C26.217,42.224,26.02,42.23,25.823,42.237z M21.393,38.466c0,0.004,0,0.007,0,0.011 c1.323,0,2.645,0.004,3.968-0.001c1.792-0.006,3.583-0.033,5.37-0.177c0.937-0.076,1.858-0.247,2.743-0.574 c1.967-0.724,3.355-2.054,4.146-3.997c0.451-1.11,0.642-2.278,0.703-3.465c0.064-1.243,0.117-2.488,0.127-3.732 c0.022-2.793,0.021-5.587,0.017-8.38c-0.003-2.024-0.018-4.049-0.181-6.069c-0.081-0.998-0.277-1.973-0.634-2.912 c-0.604-1.588-1.655-2.791-3.135-3.609c-1.103-0.609-2.31-0.895-3.554-1.009c-0.856-0.079-1.717-0.125-2.576-0.148 c-1.438-0.037-2.877-0.056-4.316-0.061c-2.218-0.007-4.437,0.001-6.655,0.007c-1.778,0.005-3.555,0.033-5.328,0.175 C11.103,4.603,10.14,4.79,9.213,5.14C7.366,5.836,6.045,7.091,5.258,8.898c-0.507,1.165-0.715,2.402-0.782,3.661 c-0.061,1.137-0.117,2.276-0.123,3.415c-0.024,4.62-0.103,9.241,0.096,13.859c0.04,0.924,0.136,1.842,0.361,2.742 c0.314,1.257,0.839,2.403,1.749,3.352c0.647,0.675,1.38,1.223,2.241,1.594c1.103,0.476,2.263,0.719,3.454,0.793 c1.246,0.077,2.494,0.13,3.742,0.146C17.795,38.484,19.594,38.466,21.393,38.466z'/%3E%3Cpath fill='%23353946' d='M32.092,21.412c-0.001,5.924-4.788,10.693-10.73,10.691c-5.875-0.002-10.651-4.798-10.655-10.692 c-0.004-5.924,4.832-10.717,10.741-10.694C27.318,10.74,32.094,15.523,32.092,21.412z M21.405,14.471 c-3.833-0.001-6.943,3.1-6.947,6.928c-0.004,3.838,3.1,6.953,6.931,6.955c3.836,0.003,6.949-3.102,6.952-6.934 C28.345,17.583,25.24,14.472,21.405,14.471z'/%3E%3Cpath fill='%23353946' d='M32.52,7.799c1.383,0.002,2.493,1.111,2.494,2.494c0.001,1.382-1.119,2.503-2.5,2.502 c-1.377-0.001-2.503-1.132-2.497-2.509C30.022,8.907,31.139,7.797,32.52,7.799z'/%3E%3C/svg%3E"); } .menu .socialicons.youtube {background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='42.817px' height='42.835px' viewBox='0 0 42.817 42.835' enable-background='new 0 0 42.817 42.835' xml:space='preserve'%3E%3Cpath fill='%23353946' d='M42.258,17.972c0,2.287,0,4.575,0,6.862c-0.019,0.152-0.05,0.304-0.055,0.457 c-0.061,1.866-0.217,3.72-0.586,5.555c-0.236,1.174-0.7,2.216-1.554,3.066c-0.7,0.697-1.528,1.209-2.501,1.362 c-1.215,0.191-2.443,0.33-3.671,0.394c-2.449,0.128-4.902,0.248-7.354,0.265c-4.296,0.029-8.593-0.022-12.889-0.041 c-0.266-0.001-0.533-0.017-0.799-0.029c-2.251-0.101-4.502-0.192-6.744-0.439c-0.922-0.102-1.791-0.342-2.562-0.854 c-0.979-0.651-1.663-1.546-2.068-2.658c-0.23-0.631-0.341-1.287-0.451-1.942c-0.334-1.986-0.445-3.994-0.461-6.004 c-0.017-2.142,0.011-4.285,0.052-6.428c0.035-1.844,0.212-3.676,0.578-5.489C1.419,10.938,1.836,9.939,2.618,9.1 c0.726-0.779,1.6-1.333,2.64-1.502c1.235-0.201,2.488-0.331,3.738-0.399c2.338-0.126,4.68-0.226,7.021-0.262 c4.452-0.068,8.904-0.063,13.355,0.052c1.309,0.034,2.618,0.099,3.926,0.181c1.118,0.07,2.233,0.191,3.35,0.277 c1.113,0.086,2.118,0.439,3,1.136c0.594,0.469,1.05,1.045,1.403,1.709c0.43,0.808,0.585,1.697,0.734,2.582 c0.259,1.545,0.38,3.106,0.42,4.672C42.208,17.688,42.239,17.83,42.258,17.972z M29.235,21.061 c-0.08-0.067-0.109-0.101-0.145-0.12c-4.291-2.245-8.583-4.488-12.876-6.731c-0.038-0.02-0.083-0.027-0.126-0.037 c-0.009-0.002-0.022,0.004-0.032,0.009c-0.009,0.004-0.016,0.012-0.047,0.038c0,4.441,0,8.902,0.001,13.362 c0,0.076,0.013,0.153,0.022,0.229c0.001,0.01,0.01,0.021,0.018,0.027c0.008,0.006,0.021,0.008,0.068,0.024 C20.46,25.611,24.825,23.348,29.235,21.061z'/%3E%3C/svg%3E"); } .menu .socialicons.tiktok {background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23353946;%7D%0A%3C/style%3E%3Cg id='XtmiPz.tif'%3E%3Cg%3E%3Cpath class='st0' d='M8.7,23.6c-0.1,0-0.2,0-0.3,0c-1.1-0.1-2.2-0.5-3.1-1.1c-0.9-0.6-1.7-1.4-2.3-2.3c-0.5-0.8-0.8-1.6-1-2.5 c-0.1-0.3-0.1-0.6-0.1-1c0-0.4,0-0.8,0-1.2c0.1-0.7,0.2-1.4,0.5-2c0.8-1.8,2.1-3.1,3.8-3.9c0.7-0.3,1.4-0.5,2.1-0.6 C9,9,9.7,9,10.3,9.1c0,0,0,0,0.1,0c0,1.4,0,2.9,0,4.3c-0.2,0-0.3-0.1-0.5-0.1c-1.4-0.2-2.6,0.3-3.4,1.5c-0.2,0.3-0.4,0.7-0.5,1.1 c-0.1,0.3,0,0.6,0,0.9c0,0.3,0.1,0.6,0.2,0.9c0.4,1,1.2,1.7,2.3,2c0.3,0.1,0.6,0.1,0.9,0.1c0.3,0,0.6-0.1,0.9-0.2 c0.8-0.3,1.4-0.8,1.8-1.5c0.1-0.2,0.3-0.4,0.3-0.7c0-0.2,0-0.4,0.1-0.6c0.1-1.8,0-3.6,0.1-5.4c0-3.4,0-6.9,0-10.3 c0-0.2,0-0.5,0-0.7c0,0,0-0.1,0-0.1c1.3,0,2.5,0,3.8,0c0,0.1,0,0.1,0,0.2c0.1,1.1,0.4,2.2,1.1,3.1c0.6,0.8,1.3,1.4,2.1,1.8 c0.7,0.3,1.4,0.5,2.1,0.6c0.1,0,0.3,0,0.4,0.1c0,1.3,0,2.6,0,3.9C20,10,18.2,9.4,16.5,8.2c0,0,0,0,0,0c0,0,0,0.1,0,0.1 c0,1.7,0,3.4,0,5c0,1,0,2.1,0,3.1c0,1-0.2,1.9-0.6,2.8c-0.7,1.5-1.7,2.7-3.2,3.5c-0.7,0.4-1.5,0.7-2.4,0.8c-0.2,0-0.5,0-0.7,0.1 c-0.1,0-0.1,0-0.2,0C9.2,23.6,8.9,23.6,8.7,23.6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} .menu .socialicons.pinterest {background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 39.2 39.2' style='enable-background:new 0 0 39.2 39.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23353946;%7D%0A%3C/style%3E%3Cg id='eXmEjJ.tif'%3E%3Cg%3E%3Cpath class='st0' d='M34.1,14.8c0,0,0,0.1,0,0.1c0,0.9-0.2,1.8-0.3,2.7c-0.3,1.3-0.7,2.5-1.2,3.7C31.9,22.7,31,24,30,25.1 c-1.2,1.2-2.6,2.1-4.3,2.6c-0.4,0.1-0.9,0.2-1.3,0.3c-0.7,0.1-1.4,0.1-2.1,0.1c-0.7,0-1.3-0.2-1.9-0.4c-0.5-0.2-0.9-0.4-1.3-0.7 c-0.5-0.4-1.1-0.7-1.6-1.1c-0.1-0.1-0.3-0.2-0.4-0.2c0,0.1,0,0.1,0,0.1c-0.2,0.9-0.4,1.7-0.5,2.6c-0.3,1.4-0.7,2.9-1.2,4.2 c-0.3,0.9-0.7,1.7-1.2,2.6c-0.5,0.8-1.1,1.6-1.8,2.3c-0.3,0.3-0.6,0.5-0.9,0.7c0,0,0,0-0.1,0.1c0,0,0-0.1,0-0.1 c0-0.4-0.1-0.8-0.1-1.1c-0.1-0.6-0.1-1.3-0.1-1.9c0-0.7,0-1.3,0-2c0-0.5,0.1-1.1,0.1-1.6c0-0.5,0.1-0.9,0.2-1.4 c0.1-0.7,0.3-1.5,0.4-2.2c0.3-1.6,0.8-3.2,1.2-4.8c0.3-1.3,0.7-2.5,1-3.8c0.1-0.3,0.1-0.6,0.2-0.9c0-0.1,0-0.1,0-0.2 c-0.3-0.6-0.5-1.3-0.7-2c-0.1-0.6-0.1-1.1-0.1-1.7c0.1-1.3,0.4-2.5,1.1-3.6c0.3-0.5,0.7-0.9,1.1-1.3C16,9.5,16.4,9.3,17,9.2 c0.5-0.1,0.9-0.1,1.4,0c0.3,0.1,0.6,0.2,0.9,0.3c0.8,0.4,1.2,1,1.4,1.8c0.1,0.4,0.1,0.8,0,1.3c-0.1,0.8-0.3,1.6-0.5,2.3 c-0.2,0.8-0.5,1.7-0.8,2.5c-0.2,0.6-0.4,1.2-0.5,1.9c-0.1,0.5-0.2,1-0.3,1.6c0,0.4,0,0.9,0.1,1.3c0.2,0.7,0.6,1.2,1.3,1.6 c0.3,0.2,0.7,0.3,1.1,0.4c0.5,0.1,1,0.1,1.5,0.1c0.7-0.1,1.3-0.2,1.8-0.6c0.6-0.4,1.2-0.8,1.7-1.4c0.6-0.7,1.1-1.6,1.6-2.5 c0.5-1,0.8-2,1-3.1c0.1-0.6,0.2-1.2,0.3-1.7c0.1-0.7,0.1-1.4,0-2.2c0-0.5-0.1-0.9-0.1-1.4c-0.2-1.1-0.4-2.1-0.9-3 c-0.4-0.7-0.8-1.3-1.4-1.8c-0.8-0.8-1.8-1.3-2.8-1.8c-0.6-0.2-1.3-0.4-1.9-0.5c-0.7-0.1-1.3-0.1-2-0.1c-0.9,0-1.8,0.2-2.6,0.5 c-2.1,0.6-3.9,1.8-5.3,3.4c-0.8,0.9-1.5,1.9-1.9,3.1c-0.3,0.7-0.4,1.3-0.6,2c-0.1,0.6-0.1,1.2-0.1,1.8c0,0.5,0.1,0.9,0.1,1.4 c0.1,0.4,0.2,0.7,0.4,1.1c0.1,0.3,0.3,0.5,0.4,0.8c0.2,0.3,0.3,0.6,0.5,0.9c0.2,0.4,0.3,0.8,0.3,1.2c0,0.3,0,0.6-0.1,0.8 c-0.1,0.5-0.3,0.9-0.5,1.3c0,0,0,0,0,0c0,0-0.1,0-0.1,0c-0.7-0.2-1.3-0.4-1.9-0.8c-1-0.6-1.7-1.4-2.3-2.4 c-0.3-0.7-0.5-1.4-0.7-2.1c-0.1-0.7-0.2-1.4-0.2-2c0-0.5,0-1.1,0-1.6c0-0.6,0.1-1.2,0.2-1.8c0.5-2.3,1.6-4.4,3.2-6.1 c1.1-1.2,2.4-2.1,3.8-2.9c1.1-0.6,2.3-1.1,3.5-1.4c0.6-0.2,1.2-0.3,1.8-0.3c0.5-0.1,1-0.1,1.6-0.1c0.1,0,0.2,0,0.3,0 c0.3,0,0.7,0,1,0c0.1,0,0.1,0,0.2,0c0.4,0,0.9,0,1.3,0.1c0.4,0,0.8,0.1,1.2,0.2c0.8,0.1,1.6,0.3,2.4,0.6c1.4,0.5,2.7,1.1,3.9,2 c1.1,0.8,2.1,1.8,2.8,3c0.9,1.4,1.4,2.9,1.7,4.6c0.1,0.5,0.1,0.9,0.1,1.4c0,0,0,0.1,0,0.1C34.1,13.5,34.1,14.2,34.1,14.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} #footer .menu .socialicons.facebook {background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='42.817px' height='42.835px' viewBox='0 0 42.817 42.835' enable-background='new 0 0 42.817 42.835' xml:space='preserve'%3E%3Cpath fill='%23242424' d='M31.356,23.734c0.33-2.593,0.625-4.911,0.966-7.593c-2.572,0-4.893,0-7.502,0 c0-2.239-0.127-4.159,0.037-6.054c0.15-1.729,1.207-2.579,3.049-2.688c1.479-0.087,2.966-0.018,4.602-0.018 c0-2.363,0-4.512,0-6.949c-2.682,0-5.319-0.206-7.912,0.048c-3.909,0.383-6.896,3.547-7.379,7.508 c-0.202,1.658-0.249,3.337-0.331,5.008c-0.042,0.864-0.007,1.732-0.007,2.902c-2.183,0-4.162,0-6.29,0 c-0.432,2.692-0.275,5.094-0.112,7.771c2.092,0,4.081,0,6.23,0c0,6.395,0,12.542,0,18.809h8.152c0-6.343,0-12.406,0-18.746 C27.024,23.734,29.095,23.734,31.356,23.734z'/%3E%3C/svg%3E"); } #footer .menu .socialicons.twitter {background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='42.817px' height='42.835px' viewBox='0 0 42.817 42.835' enable-background='new 0 0 42.817 42.835' xml:space='preserve'%3E%3Cpath fill='%23242424' d='M7.863,25.299c-4.919-2.924-6.487-5.228-6.387-9.052c0.967,0.237,1.923,0.472,2.879,0.707 C1.298,13.25,0.376,9.444,2.538,4.865c4.933,5.617,10.792,9.027,18.39,9.466c0-0.879-0.04-1.696,0.007-2.508 c0.206-3.556,1.888-6.207,5.085-7.763c3.226-1.57,6.403-1.21,9.176,1c1.096,0.874,1.961,0.918,3.092,0.445 c1.099-0.459,2.214-0.882,3.585-1.425c-0.486,1.929-1.664,3.143-2.722,4.636c1.134-0.299,2.269-0.598,3.418-0.901 c-0.427,1.375-0.351,1.478-1.903,2.771c-1.391,1.159-1.884,2.452-1.988,4.271c-0.507,8.791-4.233,16.003-11.7,20.761 c-8.439,5.377-17.282,5.365-26.12,0.702c-0.196-0.103-0.361-0.269-0.527-0.422c-0.047-0.043-0.041-0.143-0.084-0.316 c4.329,0.1,8.373-0.724,11.844-3.542c-1.616-0.812-3.215-1.458-4.64-2.375c-1.427-0.918-2.255-2.397-2.98-4.176 C5.547,25.429,6.458,25.378,7.863,25.299z'/%3E%3C/svg%3E"); } #footer .menu .socialicons.instagram {background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='42.817px' height='42.835px' viewBox='0 0 42.817 42.835' enable-background='new 0 0 42.817 42.835' xml:space='preserve'%3E%3Cpath fill='%23242424' d='M25.823,42.237c-2.949,0-5.897,0-8.846,0c-0.038-0.004-0.076-0.011-0.115-0.011 c-1.668-0.017-3.336-0.048-5-0.178c-1.07-0.084-2.124-0.267-3.154-0.575c-1.756-0.526-3.309-1.394-4.611-2.699 c-0.881-0.882-1.602-1.873-2.127-3.004c-0.736-1.587-1.109-3.266-1.218-5.002c-0.078-1.249-0.138-2.501-0.147-3.752 c-0.024-3.269-0.026-6.539-0.018-9.808c0.005-1.936,0.034-3.873,0.224-5.802c0.099-1.005,0.306-1.99,0.612-2.954 c0.609-1.918,1.666-3.54,3.176-4.871c1.184-1.044,2.548-1.75,4.05-2.21c1.313-0.402,2.661-0.594,4.028-0.647 c1.522-0.059,3.045-0.117,4.568-0.12c3.502-0.008,7.004,0.001,10.506,0.036c1.215,0.012,2.431,0.093,3.643,0.19 c1.27,0.101,2.504,0.396,3.69,0.869c2.628,1.046,4.552,2.852,5.763,5.404c0.743,1.567,1.094,3.241,1.203,4.963 c0.077,1.228,0.135,2.459,0.147,3.689c0.041,4.274,0.075,8.549-0.037,12.823c-0.028,1.057-0.069,2.114-0.205,3.165 c-0.14,1.087-0.371,2.153-0.77,3.175c-1.278,3.277-3.613,5.435-6.951,6.513c-1.238,0.4-2.517,0.595-3.812,0.656 c-1.335,0.063-2.671,0.091-4.007,0.135C26.217,42.224,26.02,42.23,25.823,42.237z M21.393,38.466c0,0.004,0,0.007,0,0.011 c1.323,0,2.645,0.004,3.968-0.001c1.792-0.006,3.583-0.033,5.37-0.177c0.937-0.076,1.858-0.247,2.743-0.574 c1.967-0.724,3.355-2.054,4.146-3.997c0.451-1.11,0.642-2.278,0.703-3.465c0.064-1.243,0.117-2.488,0.127-3.732 c0.022-2.793,0.021-5.587,0.017-8.38c-0.003-2.024-0.018-4.049-0.181-6.069c-0.081-0.998-0.277-1.973-0.634-2.912 c-0.604-1.588-1.655-2.791-3.135-3.609c-1.103-0.609-2.31-0.895-3.554-1.009c-0.856-0.079-1.717-0.125-2.576-0.148 c-1.438-0.037-2.877-0.056-4.316-0.061c-2.218-0.007-4.437,0.001-6.655,0.007c-1.778,0.005-3.555,0.033-5.328,0.175 C11.103,4.603,10.14,4.79,9.213,5.14C7.366,5.836,6.045,7.091,5.258,8.898c-0.507,1.165-0.715,2.402-0.782,3.661 c-0.061,1.137-0.117,2.276-0.123,3.415c-0.024,4.62-0.103,9.241,0.096,13.859c0.04,0.924,0.136,1.842,0.361,2.742 c0.314,1.257,0.839,2.403,1.749,3.352c0.647,0.675,1.38,1.223,2.241,1.594c1.103,0.476,2.263,0.719,3.454,0.793 c1.246,0.077,2.494,0.13,3.742,0.146C17.795,38.484,19.594,38.466,21.393,38.466z'/%3E%3Cpath fill='%23242424' d='M32.092,21.412c-0.001,5.924-4.788,10.693-10.73,10.691c-5.875-0.002-10.651-4.798-10.655-10.692 c-0.004-5.924,4.832-10.717,10.741-10.694C27.318,10.74,32.094,15.523,32.092,21.412z M21.405,14.471 c-3.833-0.001-6.943,3.1-6.947,6.928c-0.004,3.838,3.1,6.953,6.931,6.955c3.836,0.003,6.949-3.102,6.952-6.934 C28.345,17.583,25.24,14.472,21.405,14.471z'/%3E%3Cpath fill='%23242424' d='M32.52,7.799c1.383,0.002,2.493,1.111,2.494,2.494c0.001,1.382-1.119,2.503-2.5,2.502 c-1.377-0.001-2.503-1.132-2.497-2.509C30.022,8.907,31.139,7.797,32.52,7.799z'/%3E%3C/svg%3E"); } #footer .menu .socialicons.youtube {background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='42.817px' height='42.835px' viewBox='0 0 42.817 42.835' enable-background='new 0 0 42.817 42.835' xml:space='preserve'%3E%3Cpath fill='%23242424' d='M42.258,17.972c0,2.287,0,4.575,0,6.862c-0.019,0.152-0.05,0.304-0.055,0.457 c-0.061,1.866-0.217,3.72-0.586,5.555c-0.236,1.174-0.7,2.216-1.554,3.066c-0.7,0.697-1.528,1.209-2.501,1.362 c-1.215,0.191-2.443,0.33-3.671,0.394c-2.449,0.128-4.902,0.248-7.354,0.265c-4.296,0.029-8.593-0.022-12.889-0.041 c-0.266-0.001-0.533-0.017-0.799-0.029c-2.251-0.101-4.502-0.192-6.744-0.439c-0.922-0.102-1.791-0.342-2.562-0.854 c-0.979-0.651-1.663-1.546-2.068-2.658c-0.23-0.631-0.341-1.287-0.451-1.942c-0.334-1.986-0.445-3.994-0.461-6.004 c-0.017-2.142,0.011-4.285,0.052-6.428c0.035-1.844,0.212-3.676,0.578-5.489C1.419,10.938,1.836,9.939,2.618,9.1 c0.726-0.779,1.6-1.333,2.64-1.502c1.235-0.201,2.488-0.331,3.738-0.399c2.338-0.126,4.68-0.226,7.021-0.262 c4.452-0.068,8.904-0.063,13.355,0.052c1.309,0.034,2.618,0.099,3.926,0.181c1.118,0.07,2.233,0.191,3.35,0.277 c1.113,0.086,2.118,0.439,3,1.136c0.594,0.469,1.05,1.045,1.403,1.709c0.43,0.808,0.585,1.697,0.734,2.582 c0.259,1.545,0.38,3.106,0.42,4.672C42.208,17.688,42.239,17.83,42.258,17.972z M29.235,21.061 c-0.08-0.067-0.109-0.101-0.145-0.12c-4.291-2.245-8.583-4.488-12.876-6.731c-0.038-0.02-0.083-0.027-0.126-0.037 c-0.009-0.002-0.022,0.004-0.032,0.009c-0.009,0.004-0.016,0.012-0.047,0.038c0,4.441,0,8.902,0.001,13.362 c0,0.076,0.013,0.153,0.022,0.229c0.001,0.01,0.01,0.021,0.018,0.027c0.008,0.006,0.021,0.008,0.068,0.024 C20.46,25.611,24.825,23.348,29.235,21.061z'/%3E%3C/svg%3E"); } #footer .menu .socialicons.tiktok {background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23242424;%7D%0A%3C/style%3E%3Cg id='XtmiPz.tif'%3E%3Cg%3E%3Cpath class='st0' d='M8.7,23.6c-0.1,0-0.2,0-0.3,0c-1.1-0.1-2.2-0.5-3.1-1.1c-0.9-0.6-1.7-1.4-2.3-2.3c-0.5-0.8-0.8-1.6-1-2.5 c-0.1-0.3-0.1-0.6-0.1-1c0-0.4,0-0.8,0-1.2c0.1-0.7,0.2-1.4,0.5-2c0.8-1.8,2.1-3.1,3.8-3.9c0.7-0.3,1.4-0.5,2.1-0.6 C9,9,9.7,9,10.3,9.1c0,0,0,0,0.1,0c0,1.4,0,2.9,0,4.3c-0.2,0-0.3-0.1-0.5-0.1c-1.4-0.2-2.6,0.3-3.4,1.5c-0.2,0.3-0.4,0.7-0.5,1.1 c-0.1,0.3,0,0.6,0,0.9c0,0.3,0.1,0.6,0.2,0.9c0.4,1,1.2,1.7,2.3,2c0.3,0.1,0.6,0.1,0.9,0.1c0.3,0,0.6-0.1,0.9-0.2 c0.8-0.3,1.4-0.8,1.8-1.5c0.1-0.2,0.3-0.4,0.3-0.7c0-0.2,0-0.4,0.1-0.6c0.1-1.8,0-3.6,0.1-5.4c0-3.4,0-6.9,0-10.3 c0-0.2,0-0.5,0-0.7c0,0,0-0.1,0-0.1c1.3,0,2.5,0,3.8,0c0,0.1,0,0.1,0,0.2c0.1,1.1,0.4,2.2,1.1,3.1c0.6,0.8,1.3,1.4,2.1,1.8 c0.7,0.3,1.4,0.5,2.1,0.6c0.1,0,0.3,0,0.4,0.1c0,1.3,0,2.6,0,3.9C20,10,18.2,9.4,16.5,8.2c0,0,0,0,0,0c0,0,0,0.1,0,0.1 c0,1.7,0,3.4,0,5c0,1,0,2.1,0,3.1c0,1-0.2,1.9-0.6,2.8c-0.7,1.5-1.7,2.7-3.2,3.5c-0.7,0.4-1.5,0.7-2.4,0.8c-0.2,0-0.5,0-0.7,0.1 c-0.1,0-0.1,0-0.2,0C9.2,23.6,8.9,23.6,8.7,23.6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} #footer .menu .socialicons.pinterest {background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 39.2 39.2' style='enable-background:new 0 0 39.2 39.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23242424;%7D%0A%3C/style%3E%3Cg id='eXmEjJ.tif'%3E%3Cg%3E%3Cpath class='st0' d='M34.1,14.8c0,0,0,0.1,0,0.1c0,0.9-0.2,1.8-0.3,2.7c-0.3,1.3-0.7,2.5-1.2,3.7C31.9,22.7,31,24,30,25.1 c-1.2,1.2-2.6,2.1-4.3,2.6c-0.4,0.1-0.9,0.2-1.3,0.3c-0.7,0.1-1.4,0.1-2.1,0.1c-0.7,0-1.3-0.2-1.9-0.4c-0.5-0.2-0.9-0.4-1.3-0.7 c-0.5-0.4-1.1-0.7-1.6-1.1c-0.1-0.1-0.3-0.2-0.4-0.2c0,0.1,0,0.1,0,0.1c-0.2,0.9-0.4,1.7-0.5,2.6c-0.3,1.4-0.7,2.9-1.2,4.2 c-0.3,0.9-0.7,1.7-1.2,2.6c-0.5,0.8-1.1,1.6-1.8,2.3c-0.3,0.3-0.6,0.5-0.9,0.7c0,0,0,0-0.1,0.1c0,0,0-0.1,0-0.1 c0-0.4-0.1-0.8-0.1-1.1c-0.1-0.6-0.1-1.3-0.1-1.9c0-0.7,0-1.3,0-2c0-0.5,0.1-1.1,0.1-1.6c0-0.5,0.1-0.9,0.2-1.4 c0.1-0.7,0.3-1.5,0.4-2.2c0.3-1.6,0.8-3.2,1.2-4.8c0.3-1.3,0.7-2.5,1-3.8c0.1-0.3,0.1-0.6,0.2-0.9c0-0.1,0-0.1,0-0.2 c-0.3-0.6-0.5-1.3-0.7-2c-0.1-0.6-0.1-1.1-0.1-1.7c0.1-1.3,0.4-2.5,1.1-3.6c0.3-0.5,0.7-0.9,1.1-1.3C16,9.5,16.4,9.3,17,9.2 c0.5-0.1,0.9-0.1,1.4,0c0.3,0.1,0.6,0.2,0.9,0.3c0.8,0.4,1.2,1,1.4,1.8c0.1,0.4,0.1,0.8,0,1.3c-0.1,0.8-0.3,1.6-0.5,2.3 c-0.2,0.8-0.5,1.7-0.8,2.5c-0.2,0.6-0.4,1.2-0.5,1.9c-0.1,0.5-0.2,1-0.3,1.6c0,0.4,0,0.9,0.1,1.3c0.2,0.7,0.6,1.2,1.3,1.6 c0.3,0.2,0.7,0.3,1.1,0.4c0.5,0.1,1,0.1,1.5,0.1c0.7-0.1,1.3-0.2,1.8-0.6c0.6-0.4,1.2-0.8,1.7-1.4c0.6-0.7,1.1-1.6,1.6-2.5 c0.5-1,0.8-2,1-3.1c0.1-0.6,0.2-1.2,0.3-1.7c0.1-0.7,0.1-1.4,0-2.2c0-0.5-0.1-0.9-0.1-1.4c-0.2-1.1-0.4-2.1-0.9-3 c-0.4-0.7-0.8-1.3-1.4-1.8c-0.8-0.8-1.8-1.3-2.8-1.8c-0.6-0.2-1.3-0.4-1.9-0.5c-0.7-0.1-1.3-0.1-2-0.1c-0.9,0-1.8,0.2-2.6,0.5 c-2.1,0.6-3.9,1.8-5.3,3.4c-0.8,0.9-1.5,1.9-1.9,3.1c-0.3,0.7-0.4,1.3-0.6,2c-0.1,0.6-0.1,1.2-0.1,1.8c0,0.5,0.1,0.9,0.1,1.4 c0.1,0.4,0.2,0.7,0.4,1.1c0.1,0.3,0.3,0.5,0.4,0.8c0.2,0.3,0.3,0.6,0.5,0.9c0.2,0.4,0.3,0.8,0.3,1.2c0,0.3,0,0.6-0.1,0.8 c-0.1,0.5-0.3,0.9-0.5,1.3c0,0,0,0,0,0c0,0-0.1,0-0.1,0c-0.7-0.2-1.3-0.4-1.9-0.8c-1-0.6-1.7-1.4-2.3-2.4 c-0.3-0.7-0.5-1.4-0.7-2.1c-0.1-0.7-0.2-1.4-0.2-2c0-0.5,0-1.1,0-1.6c0-0.6,0.1-1.2,0.2-1.8c0.5-2.3,1.6-4.4,3.2-6.1 c1.1-1.2,2.4-2.1,3.8-2.9c1.1-0.6,2.3-1.1,3.5-1.4c0.6-0.2,1.2-0.3,1.8-0.3c0.5-0.1,1-0.1,1.6-0.1c0.1,0,0.2,0,0.3,0 c0.3,0,0.7,0,1,0c0.1,0,0.1,0,0.2,0c0.4,0,0.9,0,1.3,0.1c0.4,0,0.8,0.1,1.2,0.2c0.8,0.1,1.6,0.3,2.4,0.6c1.4,0.5,2.7,1.1,3.9,2 c1.1,0.8,2.1,1.8,2.8,3c0.9,1.4,1.4,2.9,1.7,4.6c0.1,0.5,0.1,0.9,0.1,1.4c0,0,0,0.1,0,0.1C34.1,13.5,34.1,14.2,34.1,14.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} .menu .socialicons {width:20px;height:20px;background-position: center;margin: 0 10px;} .menu .socialicons:hover {transform:scale(1.5);} .socialicons:hover {transform:scale(1.2);} .menu .socialicons a {text-indent:-9999px; height: 100%; width: inherit;margin: 0;border-bottom: none !important;font-size: 0;padding:0;position: absolute;} .menu .socialicons a span {display:none;} .social-mobile .menu .socialicons a {display:inline-block;} #pr-block {font-size:22px;line-height: 32px;text-align: left;padding:5% 0 5%;background-color:#202020;white-space: nowrap;} #pr-block .wrap {white-space: none;width:80%;max-width:1200px;margin:0 auto;} #pr-block .textwidget div {display: inline-block;vertical-align: middle;white-space: normal;} #pr-block .textwidget div:nth-of-type(1){width:25%;} #pr-block .textwidget div:nth-of-type(2){width:75%;} #pr-block img {width:80%;max-width: 180px;} #pr-block {color:#FFF;} #pr-block a {color:#FFF;} #pr-block a:hover {opacity: 0.5; text-decoration: underline;} #pr-block section {display: block;width: 80%;max-width: 1200px;white-space: normal;margin: 0 auto;} #pr-block section .widget-wrap {padding:0 5%;} @media screen and (max-width: 900px){ #pr-block .textwidget div {width:100% !important;text-align: center;} #pr-block .textwidget div:nth-of-type(1) {margin-bottom:2%;} #pr-block section {display:block;width:100%;} #pr-block section:first-of-type {margin-bottom:5%;} #pr-block section .widget-wrap {padding:0;} } @media screen and (max-width: 1200px){ .page-template-page_blank input { padding:10px 2%; width: 42.5%; } input[type="text"]:first-of-type{margin-right:2.5%;} .phone.page-template-page_blank input[type="submit"] {margin-left:2.5%;} .page-template-page_blank input[type="submit"] { margin:0 0 0 0; padding:10px 2%; width:30%; } } @media screen and (max-width: 900px){ } @media screen and (max-width: 800px){ #footer section {display:block;width:100%;white-space: normal;} #footer section:nth-of-type(1n+2) {text-align: left;} #footer .widget {margin-bottom:60px;} #footer .widget:last-of-type {margin-bottom:0;} #footer .prinfo {margin-left:0;} #footer .copyright {margin-bottom:2%;} } /* Media Queries ---------------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 1023px) { .genesis-nav-menu a { } .menu-item.telephone a, .menu-item.button a {} .menu-item.button a span {padding:10px;} } @media only screen and (max-width: 900px) { .genesis-nav-menu a {padding-left: 2px;padding-right: 2px;} .menu-item.telephone a, .menu-item.button a {} .menu-item.button a span {padding:10px 5px;} .postimage, .postinfo, .articlesblock .articleblock {width:100%;text-align: center;} .postimage {max-height: 550px} .postwrapper.blueprint .postinfo {padding-bottom:0;} .blueprint-image {padding-top: 0;} .videoblock, .articleswrap.articlesblock, .footerblock, .postinfo {padding: 10% 2%;} .bannercontent {max-width: none;width:90%;} } @media only screen and (max-width: 800px) { } @media only screen and (max-width: 600px) and (orientation: portrait) { } @media only screen and (max-width: 700px) { .post.single .entry-content h3, .page .entry-content h3 {font-size: 7vw;} .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } } @media only screen and (orientation:landscape ) and (max-height: 600px) { body.landscape #video-banner #videobanner {position: relative; margin-top:0 !important; margin-left:0 !important;height:600px !important;} body.landscape #video-banner #videobanner.bgfade .bannercontent {position: relative;transform: translate(0px);left: 5%;top: 110px;} }