/* Theme Name: aytu-2017 Author: Big Britches Creative Author URI: http://bigbritchescreative.com Description: aytu-2017 Template: twentysixteen Version: 0.5.0 Tags: Text Domain: aytu-2017 */ /*@import url("../twentysixteen/style.css");*/ /**********************************************************************************************/ /***** FROM PARENT STYLES *********************************************************************/ /**********************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; max-width: 100%; } html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, button, input, select, textarea { color: #5e6a71; font-family:Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.3333333333; font-weight:400; } body { background: #fff; } a { color: #00829b; text-decoration: none; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; color:#00829b; text-decoration:underline; } h1, h2, h3, h4, h5, h6 { clear: none; margin:0; font-family:'Abhaya Libre', 'Times New Roman', Times, serif; color:#333; font-weight:600; line-height: 1.2em; } h1 { font-size: 48px; } h2 { font-size: 37px; margin:0 0 30px 0; } .entry-content h2:first-of-type { font-size:48px; margin:0 0 10px 0; } h3 { font-size: 30px; margin:0 0 30px 0; } h4 { margin:0 0 10px 0; font-family:'Open Sans', Helvetica, sans-serif; font-size: 24px; color:#00829b; text-transform:uppercase; } h5 { margin:0; font-family:'Open Sans', Helvetica, sans-serif; font-size: 20px; color:#f99d25; text-transform:uppercase; } h6 { font-size:16px; font-weight:700; } address { font-style: italic; font-weight:400; margin-bottom: 24px; } abbr[title] { border-bottom: 1px dotted #5e6a71; cursor: help; } b, strong { font-weight:700; } cite, dfn, em, i { font-style: italic; } mark, ins { background: #d1d4d3; text-decoration: none; } p { margin-bottom: 30px; } code, kbd, tt, var, samp, pre { font-family: monospace, serif; font-size: 15px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6; } pre { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote { width:80%; margin:0 auto 40px; padding:0; color: #f99d25; font-family:'Open Sans', Helvetica, sans-serif; font-weight:600; font-style:italic; font-size:20px; line-height: 1.5em; border:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } blockquote p { margin:0; } blockquote cite, blockquote small { display:block; margin:20px 0 0 0; color: #333; font-size: 14px; font-family:'Open Sans', Helvetica, sans-serif; font-weight:600; font-style: normal; line-height: 1.3; text-align:right; text-transform:none; letter-spacing:0; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong { font-weight:700; } small { font-size: smaller; } big { font-size: 125%; } sup, sub { font-size: 75%; font-weight:400 !important; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } dl { margin-bottom: 30px; } dt { font-weight: 700; } dd { margin-bottom: 30px; } ul, ol { margin:0 0 30px 0; padding:0 0 0 20px; } ol { list-style: decimal; } .entry-content ul, .entry-content ol { overflow:hidden; } li > ul, li > ol { margin: 0 0 0 0; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; } figure { margin: 0; } fieldset { border: none; margin:0 0 10px; padding:0; } legend { white-space: normal; } button, input, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } button, input { line-height: normal; } input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */ } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; width:20px; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table, th, td { border: 0px solid rgba(0, 0, 0, 0.1); } table { border-collapse: separate; border-spacing: 0; border-width: 0px 0 0 0px; margin-bottom: 30px; width: 100%; } caption, th, td { text-align: left; font-style:normal; } th { font-size:16px; font-family:Helvetica, Arial, sans-serif; font-weight:700; font-style:normal; padding:4px; background:#fff; border-left:1px solid #5e6a71; vertical-align:bottom; line-height:1.2; } th:first-child { border:none; } td { font-size:16px; border-top:1px solid #5e6a71; border-left:1px solid #5e6a71; padding:4px; } td:first-child { border-left:none; } tr.sub td { font-family:Helvetica, Arial, sans-serif; font-weight:400; font-size:18px; } del { color: #5e6a71; } hr { background-color: #b7b7b7; border: 0; height: 1px; margin-bottom: 30px; } /** * 2.0 Repeatable Patterns * ----------------------------------------------------------------------------- */ /* Input fields */ /*input, textarea { border: 1px solid #a0abaa; border-radius: 3px; color: #000; padding: 8px 10px 7px; } textarea { width: 100%; } input:focus, textarea:focus { border: 1px solid #0071ce; outline: 0; }*/ /* Buttons */ button, .contributor-posts-link, input[type="button"], input[type="reset"], input[type="submit"] { display:inline-block; margin:0 0 30px 0; padding:0 20px; background:#f2f2f2; font-family:Helvetica, Arial, sans-serif; font-size:14px; font-weight:700; font-style:normal; line-height:50px; border-radius:25px; color:#5e6a71; border:none; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; -webkit-transition: background-color 0.2s ease 0s, color 0.2s ease 0s; -moz-transition: background-color 0.2s ease 0s, color 0.2s ease 0s; transition: background-color 0.2s ease 0s, color 0.2s ease 0s; } button:hover, button:focus, .contributor-posts-link:hover, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background-color: #002f5f; color:#fff; } button:active, .contributor-posts-link:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { background-color: #002f5f; color:#fff; } .search-field { width: 100%; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #d1d4d3; } :-moz-placeholder { color: #d1d4d3; } ::-moz-placeholder { color: #d1d4d3; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: #d1d4d3; } /* Responsive images. Fluid images for posts, comments, and widgets */ .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption { max-width: 100%; } /** * Make sure images with WordPress-added height and width attributes are * scaled correctly. */ .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img { height: auto; } img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; max-width:100%; margin:0 0 24px 0; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object, video { margin-bottom: 30px; max-width: 100%; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } /* Alignment */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } blockquote.alignleft, img.alignleft { } .wp-caption.alignleft { } blockquote.alignright, img.alignright { } .wp-caption.alignright { } blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter { } .site-content blockquote.alignleft, .site-content blockquote.alignright { } .site-content blockquote.alignleft p, .site-content blockquote.alignright p { } .wp-caption { margin-bottom: 30px; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption { color: #6a6a6a; } .wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; padding-right: 10px; } .wp-smiley { border: 0; margin-bottom: 0; margin-top: 0; padding: 0; } /* Assistive text */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto; color: #898989; display: block; font-size: 14px; font-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none; text-transform: none; width: auto; z-index: 100000; /* Above WP toolbar */ } .hide { display: none; } /* Clearing floats */ .footer-sidebar:before, .footer-sidebar:after, .hentry:before, .hentry:after, .slider-direction-nav:before, .slider-direction-nav:after, .contributor-info:before, .contributor-info:after, .search-box:before, .search-box:after, [class*="content"]:before, [class*="content"]:after, [class*="site"]:before, [class*="site"]:after { content: ""; display: table; } .footer-sidebar:after, .hentry:after, .slider-direction-nav:after, .contributor-info:after, .search-box:after, [class*="content"]:after, [class*="site"]:after { clear: both; } /* Genericons */ .bypostauthor > article .fn:before, .comment-edit-link:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .contributor-posts-link:before, .menu-toggle:before, .search-toggle:before, .slider-direction-nav a:before, .widget_twentyfourteen_ephemera .widget-title:before { -webkit-font-smoothing: antialiased; display: inline-block; font: normal 16px/1 Genericons; text-decoration: inherit; vertical-align: text-bottom; } /* Separators */ .site-content span + .entry-date:before, .full-size-link:before, .parent-post-link:before, span + .byline:before, span + .comments-link:before, span + .edit-link:before, .widget_twentyfourteen_ephemera .entry-title:after { content: "\0020\007c\0020"; } /**********************************************************************************************/ /***** END PARENT STYLES **********************************************************************/ /**********************************************************************************************/ /* STRUCTURAL */ html { height:100%; } body { height:auto !important; min-height:100%; font-family:'Open Sans', Arial, sans-serif; font-weight:normal; font-size: 16px; line-height: 1.4em; color:#555; background:none; } #page { position:relative; width:100%; height:100%; margin:0 auto; background:none; } .site-inner { overflow:hidden; } #main { width:100%; margin:0; background:none; overflow:hidden; /*box-shadow:inset 0 -15px 15px -15px rgba(0,0,0,0.3);*/ } #primary { width:100%; } #content { position:relative; width:100%; min-height:300px; margin:0 auto; background:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .page-template-products-page #content { padding:90px 0; background:#00829b url('images/products-listing-bg.jpg') no-repeat left top; background-size:100% auto; } /**********************************************************************************************/ /***** TYPOGRAPHY *****************************************************************************/ /**********************************************************************************************/ p.intro, p .intro { display:block; margin:0 0 50px 0; font-size: 28px; line-height:1.5em; } /* SITEWIDE BTN STYLES */ a.btn, .btn a, .columned .btn a, a span.btn { position:relative; display:inline-block; margin:0 0 30px 0; padding:0 30px; background:none; font-family:'Open Sans', Helvetica, sans-serif; font-size:16px; font-weight:600; font-style:normal; height:60px; line-height:56px; color:#fff; border-radius:30px; text-shadow:2px 2px rgba(0,0,0,0.2); border:2px solid #fdb713; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .btn a { margin:0; } a.btn.blue, .btn.blue a, .columned .btn.blue a, a span.btn.blue { border-color:#00bcda; } a.btn.opaque, .btn.opaque a, .columned .btn.opaque a, a span.btn.opaque { background:#fdb713; text-shadow:none; } a.btn.opaque.blue, .btn.opaque.blue a, .columned .btn.opaque.blue a, a span.btn.opaque.blue { background:#00bcda; text-shadow:none; } a.btn:hover, a:hover .btn, .columned .btn a:hover, .btn a:hover, a.btn.active, a:hover span.btn { background:#fdb713; border-color:#fdb713; text-decoration:none !important; text-shadow:none; cursor:pointer; } a.btn.opaque:hover, a:hover .btn.opaque, .columned .btn.opaque a:hover, .btn.opaque a:hover, a.btn.opaque.active, a:hover span.btn.opaque { background:#e5a613; border-color:#e5a613; } a.btn.blue:hover, a:hover .btn.blue, .columned .btn.blue a:hover, .btn.blue a:hover, a.btn.blue.active, a:hover span.btn.blue { background:#00bcda; border-color:#00bcda; text-decoration:none !important; cursor:pointer; } a.btn.opaque.blue:hover, a:hover .btn.opaque.blue, .columned .btn.opaque.blue a:hover, .btn.opaque.blue a:hover, a.btn.opaque.blue.active, a:hover span.btn.opaque.blue { background:#0aacc8; border-color:#0aacc8; } a.btn.disabled, a.btn.disabled:hover { cursor:default !important; color:#fff !important; background:#b7b7b7 !important; border-color:#b7b7b7 !important; } a.read_more, .read_more a, .columned .read_more a, a span.read_more { display:inline-block; position:relative; height:20px; line-height:20px; padding:0 30px 0 0; text-decoration:none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } a.read_more:hover, .read_more a:hover, .columned .read_more a:hover, a:hover span.read_more { color:#f99d25; text-decoration:none; } a.read_more:after, .read_more a:after, .columned .read_more a:after, a span.read_more:after { display:inline-block; position:absolute; right:0; top:0; width:20px; height:20px; font-family:'dashicons'; content:'\f522'; font-size:22px; } a.read_more:after:hover, .read_more a:after:hover, .columned .read_more a:after:hover, a:hover span.read_more:after { color:#f99d25; } /**********************************************************************************************/ /***** HEADER *********************************************************************************/ /**********************************************************************************************/ .site-header { width:100%; background:#fff; z-index:10000; box-shadow:inset 0 -15px 15px -15px rgba(0,0,0,0.3); } #mobile_menu_access { background:#fff; box-shadow:inset 0 -15px 15px -15px rgba(0,0,0,0.3); } #mobile_menu_access.active { background:#fff; } #mobile_menu_access * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #mobile_menu_access .site-title { width:40%; max-width:none; margin:15px 0 15px 5%; padding:0; vertical-align:middle; } #mobile_menu { display:none; position:absolute; top:82px; bottom:0; width:100%; z-index:10000; background:rgba(255,255,255,1); } #mobile_menu * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #mobile_menu > .inner { padding:15px 24px; background:none; } #mobile_menu > .inner > .left, #mobile_menu > .inner > .right { float:left; width:44%; margin:0 4% 0 0; } #mobile_menu > .inner > .right { float:right; margin:0; } #mobile_menu .btn { display:block; width:100%; margin:0 0 30px 0; padding:16px 0; color:#fff; border-color:#fff; font-size:12px; } #mobile_menu .btn:hover { background-color:#fff; color:#000; } #mobile_nav_toggle { position:absolute; right:5%; top:22px; width:30px; height:23px; margin:0 auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; outline:none; } #mobile_nav_toggle span { display: block; position: absolute; height: 3px; width: 100%; background: #00829b; border-radius: 0; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #mobile_nav_toggle.open span { background:#f99d25; } #mobile_nav_toggle span:nth-child(1) { top: 0px; } #mobile_nav_toggle span:nth-child(2), #mobile_nav_toggle span:nth-child(3) { top: 10px; } #mobile_nav_toggle span:nth-child(4) { top: 20px; } #mobile_nav_toggle.open span:nth-child(1) { top: 10px; width: 0%; left: 50%; } #mobile_nav_toggle.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #mobile_nav_toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #mobile_nav_toggle.open span:nth-child(4) { top: 10px; width: 0%; left: 50%; } #masthead_inner { } #masthead_inner * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .site-header .header-inner { width:100%; max-width:1200px; margin:40px auto 10px auto; padding:0; background:none; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .site-header.scrolling .header-inner { margin-top:5px; margin-bottom:5px; } .site-header .site-title { float:left; width:175px; max-width:20%; /*height:61px;*/ margin:0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .site-header.scrolling .site-title { width:150px; } .site-header .site-title a { display:block; width:100%; cursor:pointer; } .site-header .site-title a img { display:block; width:100%; } /**********************************************************************************************/ /***** PRIMARY NAV ****************************************************************************/ /**********************************************************************************************/ #primary-navigation { float:right; width:80%; text-align:right; } #primary-navigation .nav-menu { position:relative; margin:0; padding:0; list-style:none; } #primary-navigation .nav-menu li { position:relative; display:inline-block; margin:0 0 0 -4px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #primary-navigation .nav-menu li:first-child { margin-left:0; } #primary-navigation .nav-menu li a { position:relative; display:block; padding:0 17px 0; color:#555; font-weight: 700; font-size:13px; line-height:68px; text-align:center; text-transform:uppercase; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-size-adjust: none; cursor:pointer; } #primary-navigation .nav-menu li.search_toggle a { text-indent:-9999px; } .scrolling #primary-navigation .nav-menu li a { line-height:48px; } #primary-navigation .nav-menu li:hover > a, #primary-navigation .nav-menu li:focus > a, #primary-navigation .nav-menu .current-menu-item > a, #primary-navigation .nav-menu .current-menu-ancestor > a, #primary-navigation .nav-menu .current-post-ancestor > a { text-decoration:none; color:#00829b; } #primary-navigation .nav-menu li ul { position: absolute; top:80%; left: -999em; margin:0; padding:10px 0 0 0; width:210px; border-top:2px solid #00829b; background:#fff; z-index:1000; opacity:0; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; box-shadow:0 8px 15px rgba(0,0,0,0.1); } #primary-navigation .nav-menu li:hover > ul, #primary-navigation .nav-menu li.focus > ul { left:0; opacity:1; } #primary-navigation .nav-menu li li { position:relative; display:block; margin:0; } #primary-navigation .nav-menu li li a, .scrolling #primary-navigation .nav-menu li li a { padding:12px 17px; line-height:1.2; font-size:13px; font-weight:400; color:#555; background:#fff; text-align:left; } #primary-navigation .nav-menu li:first-child li a, #primary-navigation .nav-menu li li:first-child a { padding-left:17px; } #primary-navigation .nav-menu li li:hover > a, #primary-navigation .nav-menu li li.focus > a, #primary-navigation .nav-menu li .current_page_item > a { color:#00829b; } #primary-navigation .nav-menu li.search_toggle > a:after { position:absolute; right:0; top:0; margin:0; width:18px; height:18px; content:'\f179'; font-family:'dashicons'; font-size:18px; color:#555; text-indent:0; -webkit-transition: color 0.5s ease 0s; -moz-transition: color 0.5s ease 0s; transition: color 0.5s ease 0s; } #primary-navigation .nav-menu li.search_toggle:hover > a:after, #primary-navigation .nav-menu li.search_toggle:focus > a:after, #primary-navigation .nav-menu .current-menu-item.search_toggle > a:after { color:#00829b; } /* MOBILE */ #primary-navigation-mobile { margin:0; padding:0; } #primary-navigation-mobile .nav-menu { position:relative; margin:0; padding:0; list-style:none; } #primary-navigation-mobile .nav-menu li { margin:0; border-top:1px solid #00829b; } #primary-navigation-mobile .nav-menu li:first-child { border:none; } #primary-navigation-mobile .nav-menu li a { display:block; padding:10px 0; color:#00829b; font-family:'Open Sans', Helvetica, sans-serif; font-weight: 600; font-size:16px; } #primary-navigation-mobile .nav-menu li a br { display:none; } #primary-navigation-mobile .nav-menu li:hover > a, #primary-navigation-mobile .nav-menu li:focus > a, #primary-navigation-mobile .nav-menu .current-menu-item > a, #primary-navigation-mobile .nav-menu .current-menu-ancestor > a { text-decoration:none; color:#f99d25; } #primary-navigation-mobile .nav-menu li ul { margin:0 0 10px 0; padding:0; list-style:none; } #primary-navigation-mobile .nav-menu li li { border:none; } #primary-navigation-mobile .nav-menu li li a { padding:5px 0 5px 20px; } #primary-navigation-mobile .nav-menu li:first-child li a, #primary-navigation-mobile .nav-menu li li:first-child a { } #primary-navigation-mobile .nav-menu li li:hover > a, #primary-navigation-mobile .nav-menu li li.focus > a, #primary-navigation-mobile .nav-menu li .current_page_item > a { color:#f99d25; } #primary-navigation-mobile .nav-menu li.search_toggle, #primary-navigation-mobile .nav-menu li.search_toggle > a:after { display:none; } /**********************************************************************************************/ /***** SEARCH *********************************************************************************/ /**********************************************************************************************/ #search_container { display:none; position: absolute; top:80%; right:0; z-index: 99999; margin:0; padding:15px; width:300px; background:#fff; border:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; box-shadow:0 3px 13px rgba(0,0,0,0.2); } #search_container_mobile { width:100%; margin:0 0 24px 0; } #search_container form, #search_container_mobile form { position:relative; padding:0; background:#fff; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } #search_container label { width:100%; margin:0; padding:0 40px 0 0; } #search_container_mobile label { display:block; width:100%; margin:0; padding:0 40px 0 0; } #search_container input, #search_container_mobile input { line-height:40px; height:40px; width:100%; max-width:none; margin:0; padding:0 10px; border:none; border-top:1px solid #555; border-bottom:1px solid #555; border-left:1px solid #555; background:none; color:#555; font-weight:400; font-size:13px; letter-spacing:0; text-transform:none; outline:none; } #search_container_mobile input { line-height:40px; height:40px; border-top:1px solid #00829b; border-bottom:1px solid #00829b; border-left:1px solid #00829b; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; } #search_container ::-webkit-input-placeholder { color: #999; } #search_container :-moz-placeholder { color: #999; } #search_container ::-moz-placeholder { color: #999; } #search_container :-ms-input-placeholder { color: #999; } #search_container button[type='submit']:focus, #search_container input:focus, #search_container_mobile button[type='submit']:focus, #search_container_mobile input:focus { outline:none; } #search_container .search-submit, #search_container_mobile .search-submit { position:absolute; right:0; top:0; display:block; width:40px; height:40px; margin:0; padding:0; border:none; box-shadow:none; background:#555; text-indent:-9999px; overflow:hidden; border-radius:0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } #search_container_mobile .search-submit { width:40px; height:40px; background-size:50% 50%; background-position: 10px 10px; background-color:#00829b; } #search_container .search-submit svg, #search_container_mobile .search-submit svg { display:block; position:absolute; left:11px; top:11px; width:18px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } #search_container_mobile .search-submit svg { } #search_container .search-submit svg #search-mag-glass { fill:#fff; } #search_container_mobile .search-submit svg #search-mag-glass { fill:#fff; } #search_container .search-submit:hover { background:#00829b; } #search_container_mobile .search-submit:hover { background:#f99d25; } /*#search_container .search-submit:hover svg #search-mag-glass { fill:#fff; }*/ #search_container_mobile .search-submit:hover svg #search-mag-glass { fill:#fff; } /**********************************************************************************************/ /***** HOME PAGE ******************************************************************************/ /**********************************************************************************************/ .parallax-window { min-height: 400px; background: transparent; } .temp_test { min-height: 600px; background: #ccc; } /**********************************************************************************************/ /***** OTC STOCK ******************************************************************************/ /**********************************************************************************************/ .psContainer > div, .psContainer > div > div { width: 100%!important; border: none!important; padding:0 !important; overflow:scroll; } .site-footer .psContainer * { overflow:hidden; } .psContainer > div > span { font-size: 16px!important; color: #666!important; } .psTrade { margin-top: 10px; } .psTrade > table { margin-top: 10px; } .psTrade > table > tbody > tr > td, .psInside > table > tbody > tr > td { font-size: 11px!important; padding: 4px 6px!important; line-height: 15px!important; } .psTrade > table, .psInside > table, .psMontage > table { width: 100%!important; margin-left: 0!important; } .psTrade > span { color: #666!important; } .psInside > table { margin-bottom: 0!important; } .site-footer div.psMontage { display: none!important; } .site-footer div.psInside { display: none!important; } .site-footer div.psContainer > div > div:last-child { display: none!important; } .site-footer div.psContainer div.psTrade table { display: none!important; } .site-footer div.psTrade + div { display: none!important; } /* OTC Stock widget injects above the text widget therefore hide the textwidget */ section.aytu-otcstock { display: none; } .aytu-otcstock-credit { padding-top: 0!important; font-size: 10px!important; margin-top: -15px!important; } .aytu-otcstock-title { padding-bottom: 0!important; } /**********************************************************************************************/ /***** MAIN CONTENT WELL **********************************************************************/ /**********************************************************************************************/ .page-title, .entry-title { } .archive .page-title { margin:0 0 70px 0; } .single .entry-title, .page .entry-title, .page .page-title { margin:0; } .single .entry-header, .page .entry-header { margin:0 0 40px 0; } .content_section, .content_section_inner { position:relative; width:100%; margin:0 auto; background:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .content_section { width:100%; background:none; } .content_section.products { margin:0 0 74px 0; background:transparent url('images/products-content-bg-repeat.png') repeat left top; text-align:center; } .content_section.white { background:#fff url('images/standard-content-bg.jpg') no-repeat center top; background-size:100% auto; } .content_section_inner { width:100%; max-width:1200px; margin:0 auto; padding:0; } .content_section.white .content_section_inner { min-height:500px; } .content_section_inner.padded { padding-top:60px; padding-bottom:60px; } .content_section.full .content_section_inner { width:100%; max-width:none; } .content_section.narrow .content_section_inner { width:60%; } .content_section.narrower .content_section_inner { width:50%; } .content_section.products .content_section_inner { padding:40px 0; } .content_section.products .content_section_inner * { color:#fff; text-shadow:0 0 7px rgba(0,0,0,0.2); } .content_section.products .content_section_inner h2, .content_section.products .content_section_inner h3 { margin:0 0 10px 0; font-size:58px; line-height:1.1em; } .content_section.lt_gray { background:#f2f2f2; } #hero_container { background:#fff; min-height:400px; z-index:100; } .home #hero_container, #hero_container.tall { min-height:700px; } #hero { position:relative; padding:0; margin-left:-1%; width:102%; max-width:none; height:400px; min-height:400px; background:#00829b; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:left; z-index:110; /*opacity:0;*/ overflow:hidden; text-align:center; box-shadow:0 0 15px rgba(0,0,0,0.4); } #hero_image { position: absolute; left:0; top:0; /*transform: translate(-54%, -54%);*/ width:100%; height:auto; margin:0; opacity:0; -webkit-transition: opacity 0.3s ease 0s, transform 12s linear 0s; -moz-transition: opacity 0.3s ease 0s, transform 12s linear 0s; transition: opacity 0.3s ease 0s, transform 12s linear 0s; vertical-align:top; } #hero_image.go { left: -15%; top:-7%; -webkit-transform:scale(0.92) translate(0, 0); transform:scale(0.92) translate(0, 0); width:130%; opacity:1; } .home #hero, #hero_container.tall #hero { height:700px; min-height:0; } #hero .inner { position:absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width:100%; max-width:1200px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #hero_container.tall #hero .inner { -webkit-transform: translate(-50%, -90%); transform: translate(-50%, -90%); } #hero_content { position:relative; width:60%; padding-top:15px; padding-left:32px; /*border-left:2px solid #fff;*/ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:left; } .single #hero_content { width:100%; } .home #hero_content, #hero_content.clearfix { display:table; padding-left:0; /*border:none;*/ } #hero_content:before { position:absolute; left:0; top:0; content:''; width:2px; height:100%; background:#fff; box-shadow:0px 0px 7px rgba(0,0,0,0.4); } .home #hero_content:after, #hero_content.clearfix:after { display:none; } #hero_content.full { width:100%; } #hero_content h1 { margin:0 0 20px 0; font-family:'Abhaya Libre', 'Times New Roman', Times, serif; font-size:74px; font-weight:600; line-height:0.4em; color:#fff; text-shadow:0px 0px 7px rgba(0,0,0,0.4); } #hero_content h1.solo { padding-bottom:8px; } .single #hero_content h1 { margin:-12px 0 0 0; padding:0; font-family:'Abhaya Libre', 'Times New Roman', Times, serif; font-size:45px; font-weight:600; line-height:0.9em; } #hero_content p { font-family:'Open Sans', Helvetica, sans-serif; font-size:19px; line-height:1.4em; color:#fff; text-shadow:0px 0px 7px rgba(0,0,0,0.4); } #hero_content p.subheading { margin:0 0 20px 0; font-family:'Abhaya Libre', 'Times New Roman', Times, serif; font-size:45px; font-weight:400; line-height:1.1em; } #hero_content p:last-of-type { margin:0; } #hero_content .left, #hero_content .right { display:table-cell; width:59%; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #hero_content .left { padding-right:7%; border-right:2px solid #fff; } #hero_content .left h1 { line-height:1em; margin-bottom:-0.1em; } #hero_content .right { width:40%; text-align:center; } /* PRODUCT LISTING HERO */ #product_listing_white { position:absolute; left: 50%; top:100%; transform: translate(-50%, -150%); width:100%; max-width:1200px; margin:0 auto; padding:0; list-style:none; } #product_listing_white li { position:relative; float:left; display:block; width:20%; margin-left:6.66%; } #product_listing_white li:first-child { margin:0; } #product_listing_white li:before { position:absolute; left:-16%; top:50%; width:2px; height:60px; margin-top:-30px; background:#f99d25; content:''; } #product_listing_white li:first-child:before { display:none; } #product_listing_white.one li, #product_listing_white.twp li, #product_listing_white.three li { width:25%; } #product_listing_white.one li:before { display:none; } #product_listing_white.five li { width:16%; } #product_listing_white.five li:before { left:-21%; } #product_listing_white.six li { width:13.33%; margin-left:4%; } #product_listing_white.six li:before { left:-16%; } #product_listing_white.seven li { width:11.42%; margin-left:4%; } #product_listing_white.seven li:before { left:-18%; } #product_listing_white.eight li { width:9.875%; margin-left:3%; } #product_listing_white.eight li:before { left:-18%; } #product_listing_white.nine li { width:8.77%; margin-left:3%; } #product_listing_white.nine li:before { left:-18%; } #product_listing_white.ten li { width:7.9%; margin-left:3%; } #product_listing_white.ten li:before { left:-20%; } #product_listing_white li > img { display:inline-block; width:100%; vertical-align:middle; } .imaged_section_wrapper { display:table; position:relative; padding:0; width:100%; max-width:none; height:800px; min-height:800px; background:transparent; background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:left; z-index:110; overflow:hidden; } .imaged_section_wrapper.short { height:450px; min-height:450px; } .imaged_section_wrapper.parallax-window { box-shadow:inset 0 15px 15px -15px rgba(0,0,0,0.4), inset 0 -15px 15px -15px rgba(0,0,0,0.4); } .imaged_section_wrapper .imaged_inner { display:table-cell; width:100%; margin:0 auto; padding:100px 5%; vertical-align:top; text-align:center; color:#fff; } .imaged_section_wrapper .imaged_inner.v_center { vertical-align:middle; } .imaged_section_wrapper .imaged_inner h1, .imaged_section_wrapper .imaged_inner h2, .imaged_section_wrapper .imaged_inner h3, .imaged_section_wrapper .imaged_inner h4, .imaged_section_wrapper .imaged_inner h5, .imaged_section_wrapper .imaged_inner h6, .imaged_section_wrapper .imaged_inner p, .imaged_section_wrapper .imaged_inner blockquote { color:#fff; text-shadow:0px 0px 7px rgba(0,0,0,0.4); } .imaged_section_wrapper .imaged_inner h2 { font-size:58px; margin:0; } .home .imaged_section_wrapper .imaged_inner h2 { font-size:47px; } .imaged_section_wrapper .imaged_inner h3 { margin:0 0 20px 0; font-size:37px; } .imaged_section_wrapper .imaged_inner > div { width:100%; max-width:900px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .imaged_section_wrapper .imaged_inner > div.blue_content { max-width:1200px; margin:0 auto; padding:50px; background:rgba(0,130,155,0.7); } .imaged_section_wrapper .imaged_inner > div.left_align { text-align:left; } /* TEAM LIST THUMBS */ .team_list_thumbs { width:100%; max-width:1200px; margin:0 auto; padding:60px 0; list-style:none; } .team_list_thumbs li { display:inline-block; width:28%; margin:0 2.5%; vertical-align:top; } .team_list_thumbs li a { display:block; position:relative; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; overflow:hidden; box-shadow:4px 4px 0 #f99d25; } .team_list_thumbs li a img { display:block; width:100%; } .team_list_thumbs li .inner { position:absolute; bottom:15px; left:5%; width:90%; padding:10px 15px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:transparent url('images/products-content-bg-repeat.png') repeat left top; text-align:left; opacity:0; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .team_list_thumbs li a:hover .inner { opacity:1; } .team_list_thumbs li .inner h4 { color:#fff; font-family:'Abhaya Libre', 'Times New Roman', Times, serif; font-size:38px; margin:0; text-transform:none; font-weight:600; } .team_list_thumbs li .inner .job_title { margin:0; font-size:16px; font-weight:600; font-style:italic; color:#fdb713; } .video_container { position:relative; padding-bottom:56.25%; /*padding-top:30px;*/ margin:0 0 0 0; width:100%; height:0; overflow:hidden; } .video_container iframe, .video_container object, .video_container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /**********************************************************************************************/ /***** TEAM, PRODUCT LISTINGS *****************************************************************/ /**********************************************************************************************/ #team_listing { margin:0; padding:0; list-style:none; background:#faf8f6; } #team_listing li { margin:0; padding:0; overflow:hidden; background:#faf8f6; } #team_listing .hs_cont, #team_listing .bio_cont { float:right; width:50%; margin:0; -webkit-transition: height 0.3s ease 0s; -moz-transition: height 0.3s ease 0s; transition: height 0.3s ease 0s; overflow:hidden; } #team_listing .hs_cont { } #team_listing .bio_cont { float:left; padding:60px 8%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #team_listing li:nth-child(2n + 1) .hs_cont { float:left; } #team_listing li:nth-child(2n + 1) .bio_cont { float:right; } #team_listing .bio_cont h2 { margin:0; font-size:48px; color:#333; } #team_listing .bio_cont .job_title { margin:0 0 15px 0; font-style:italic; font-weight:600; font-size:17px; } #team_listing .bio_cont .bio { display:none; } #team_listing .bio_cont .btn { margin:0; text-shadow:none; color:#333; } #team_listing .bio_cont .btn:hover { color:#fff; } #team_listing .hs_cont .headshot { display:block; width:100%; /*opacity:0;*/ -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #team_listing .hs_cont .headshot.h_lock, #team_listing .hs_cont .headshot.h_lock_gif { display:block; width:auto; height:100%; } /*#team_listing .closed .hs_cont .headshot.h_lock { display:block; width:100%; height:auto; }*/ #product_listing { margin:0; padding:0; list-style:none; } #product_listing li { display:table; margin:0 0 46px; } #product_listing li .logo_cont, #product_listing li .product_cont { display:table-cell; width:50%; padding:70px; vertical-align:middle; background:rgba(255,255,255,0.9); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; } #product_listing li .product_cont { background:rgba(255,255,255,0.8); text-align:left; } #product_listing li .product_cont h2, #product_listing li .product_cont h3, #product_listing li .product_cont h4 { margin:0 0 10px 0; color:#333; font-size:48px; line-height:1.1em; } #product_listing li .product_cont btn { margin:0; } /**********************************************************************************************/ /***** ARCHIVE/LISTING PAGES ******************************************************************/ /**********************************************************************************************/ /* GENERIC LISTING (SEARCH RESULTS)*/ #content .listing { margin:0 auto; padding:0; list-style:none; } #content .listing * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #content .listing li, .search #content article, .archive #content article { padding:30px 0; border-top:1px solid #b7b7b7; } #content .listing li:first-child, .search #content article:first-child, .archive #content article:first-child { padding-top:0; border:none; } .search #content article h2, .archive #content article h2 { margin:0; line-height:1.1em; } .search #content article h2 a, .archive #content article h2 a { color:#333; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; cursor:pointer; } .search #content article h2 a:hover, .archive #content article h2 a:hover { color:#00829b; } .search #content article p, .archive #content article p { } .search #content article .btn, .archive #content article .btn { margin:0; cursor:pointer; } #content .list_split3 > ul, #content .list_split2 > ul { list-style:none; margin:0; padding:0; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } #content .list_split2 > ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } #gov_grid { margin:60px -25% 30px -25%; padding:0; list-style:none; border-top:1px solid #b7b7b7; } #gov_grid > li { display:inline-block; width:33.33%; height:560px; min-height:560px; margin:0; background:none; vertical-align:top; /*overflow:hidden;*/ } #gov_grid > li.logo_block { background:#fff; } #gov_grid > li .inner { padding:60px 50px; height:100%; width:100%; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #gov_grid > li.logo_block .inner { display:table; } #gov_grid > li.logo_block .inner_inner { display:table-cell; vertical-align:middle; text-align:center; } #gov_grid > li.logo_block .inner_inner img { display:block; width:100%; } #gov_grid > li:nth-of-type(3n + 1) .inner { border-left:1px solid #b7b7b7; } #gov_grid > li .inner h3 { font-size:30px; line-height:1.0em; color:#333; } #gov_grid > li .inner h3 a { color:#333; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #gov_grid > li .inner h3 a:hover { color:#00829b; text-decoration:none; } #gov_grid > li .inner p:last-of-type { margin:0; } /* PRESENTATIONS/MEDIA */ #see_past_pres { margin:60px auto; } #past_pres { display:none; } #past_pres h2, #current_pres h2 { margin:0 0 30px 0; color:#00829b; } #past_pres h3, #current_pres h3 { margin:0 0 20px 0; padding-top:20px; border-top:1px solid #00829b; color:#00829b; } /**********************************************************************************************/ /***** WIDGETS / RIGHT COLUMN *****************************************************************/ /**********************************************************************************************/ /**********************************************************************************************/ /***** PAGINATION *****************************************************************************/ /**********************************************************************************************/ .pagination, .ajax-paginate { margin:50px 0 0 0; text-align:center; } #content .page-numbers { display:inline-block; margin:0; padding:0; width:30px; height:40px; font-family:'Open Sans', Helvetica, sans-serif; font-size:14px; font-weight:600; line-height:40px; letter-spacing:0; color:#00829b; background:none; text-decoration:none; text-align:center; vertical-align:baseline; overflow:hidden; text-transform:uppercase; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } #content .page-numbers:hover, #content .page-numbers.current { background:#fff; text-decoration:none; color:#f99d25; } #content .prev.page-numbers, #content .next.page-numbers { width:auto; } #content .prev.page-numbers span, #content .next.page-numbers span { display:block; position:relative; padding:0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } #content .prev.page-numbers span { padding:0; } #content .prev.page-numbers:hover span, #content .next.page-numbers:hover span { color:#f99d25; } /**********************************************************************************************/ /***** FOOTER *********************************************************************************/ /**********************************************************************************************/ .site-footer { position:relative; width:102%; margin:0 0 0 -1%; border-top:16px solid #f99d25; } .site-footer:before { position:absolute; left:0; top:-31px; width:100%; height:15px; box-shadow:inset 0 -15px 15px -15px rgba(0,0,0,0.3); content:''; } #footer_top { background:#fff; width:100%; } #footer_bottom { width:100%; background:#cb333b; } .site-footer .footer_inner { width:90%; max-width:1600px; margin:0 auto; padding:28px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:left; background:none; } .site-footer #footer_top .footer_inner { padding:38px 0; color:#666; } #footer_top .footer_inner .logo { margin:0 0 28px 0; } #footer_top .footer_inner .logo a, #footer_top .footer_inner .logo a > img { display:block; width:125px; } #footer_top .footer_inner .logo a > img { width:100%; } .site-footer .footer_inner .bucket { position:relative; float:left; width:26%; margin:0 0 0 11%; } .site-footer .footer_inner .bucket:first-of-type { margin:0; } .site-footer .footer_inner .bucket:after { display:block; position:absolute; left:-22%; bottom:0; width:2px; height:80%; background:#f3f4f5; content:''; } .site-footer .footer_inner .bucket:first-of-type:after { display:none; } #footer_top .bucket h4 { margin:0 0 10px 0; padding:0 0 5px 0; font-family:'Open Sans', Helvetica, sans-serif; font-size:18px; color:#00829b; text-transform:uppercase; font-weight:600; border-bottom:4px solid #f99d25; } #footer_top .bucket > .widget { margin:0; } #footer_top .bucket > .widget .widget-title { display:none; } #footer_top .bucket ul { margin:0 0 20px 0; padding:0; list-style:none; } #footer_top .bucket ul:last-of-type { margin:0; } #footer_top .bucket ul li { } #footer_top .bucket p { margin:0 0 20px 0; color:#666; } #footer_top .bucket p.date { margin:0; font-weight:600; } #footer_top .bucket p:last-of-type, #footer_top .bucket ul li p:last-of-type { margin:0; } #footer_top .bucket a { } #footer_top .bucket a:hover { } #footer_bottom { background:#f3f4f5; } #footer_bottom .footer_inner { padding:18px 0; } #footer_bottom .copyright, #footer_bottom .cred { display:block; float:left; width:50%; margin:3px 0 0 0; font-size:12px; line-height:1.2; color:#666; text-align:left; } #footer_bottom .cred { float:right; text-align:right; } #back_to_top { display:block; position:fixed; right:40px; bottom:40px; display:none; width:40px; height:40px; z-index:99999; } #back_to_top .inner { display:block; position:relative; width:40px; height:40px; background:#ccc; opacity:0.7; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; overflow:hidden; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } #back_to_top:hover .inner { opacity:0.9 } #back_to_top .inner:after { position:absolute; left:0; top:0; width:40px; height:40px; content:'\f343'; font-family:'dashicons'; font-size:16px; color:#555; line-height:40px; text-align:center; } /**********************************************************************************************/ /***** FORM STYLES ****************************************************************************/ /**********************************************************************************************/ #content form { width:100%; margin:0 auto; padding:0; text-align:left; } #content form .form_row { margin:0 0 20px 0; } input, textarea, select { width:100%; margin:0; font-family:'Open Sans', Helvetica, sans-serif; font-size:16px; font-weight:400; line-height:1em; padding:18px 20px; color: #555; background:#fff; border:1px solid #b7b7b7; text-transform:none; letter-spacing:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } textarea { line-height:1.4em; } input:focus, textarea:focus { border-color:#00829b; color:#00829b; outline:none; } #content form .footnote .req { color:#f9925d; } input[type='image'], input[type='submit'] { position:relative; display:inline-block; margin:0 0 30px 0; padding:0 30px; color:#fff; text-decoration:none; font-family:'Open Sans', Helvetica, sans-serif; font-size:16px; height:50px; line-height:46px; font-weight:600; background:#fdb713; text-transform:none; letter-spacing:none; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } input[type='image']:hover, input[type='submit']:hover { background:#e5a613; border-color:#e5a613; } #content .gform_wrapper label.gfield_label { font-size:14px; font-weight:400; } #content .gform_wrapper .gfield_required { color:#f9925d; } /* MISC STYLES */ .show_on_mobile { display:none !important; } .hide_on_mobile { display:block !important; } /* --------------------------------------------------------------- HELPER CLASSES --------------------------------------------------------------- */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .float_left { float:left !important; } .float_right { float:right !important; } .nomargin { margin:0 !important; } .nomargin_bottom { margin-bottom:0 !important; } .large_margin_bottom { margin-bottom:60px !important; } .nopadding { padding:0 !important; } .caps { text-transform:uppercase !important; } .nocaps { text-transform:none !important; } .nobullets { list-style:none !important; } .upper { text-transform:uppercase !important; } .lower { text-transform:none !important; } .centered { text-align:center !important; } .blockit { display:block !important; } .footnote { font-family:'Noto Serif', Times, serif; font-size: 14px; line-height:1.4; font-style:normal; } /**********************************************************************************************/ /***** MEDIA QUERIES **************************************************************************/ /**********************************************************************************************/ @media only screen and (min-width: 320px) and (max-width: 767px) { .show_on_mobile { display:block !important; } .hide_on_mobile { display:none !important; } /********************************************************* TYPOGRAPHY *********************/ a.btn, .btn a, .columned .btn a, a span.btn { padding:0 15px; } /********************************************************** HEADER ************************/ #masthead_inner { display:none; } .site-header .header-inner { width:100%; } #mobile_menu_access .site-title { max-width:150px; padding-left:0; } /********************************************************** HERO ***********************/ #hero_container { min-height:300px; } .home #hero_container, #hero_container.tall { min-height:430px; } #hero { height:300px; min-height:300px; } #hero_image { width:100%; height:auto; opacity:1; } #hero_image.desktop, .tall #hero_image, .home #hero_image { width:auto; height:100%; } /*#hero_image { left: -10%; top:-15%; width:auto; height:130%; opacity:1; } #hero_image.go { left: -15%; top:-15%; -webkit-transform:scale(0.92) translate(0, 0); transform:scale(0.92) translate(0, 0); width:auto; height:130%; } .tall #hero_image.go { left: -15%; -webkit-transform: scale(0.92) translate(0,0); transform: scale(0.92) translate(0,0); } .home #hero_image.go { left: -15%; -webkit-transform: scale(0.92) translate(0,0); transform: scale(0.92) translate(0,0); }*/ .home #hero, #hero_container.tall #hero { height:430px; } #hero .inner { position:static; transform:none; padding:30px; } #hero_container.tall #hero .inner { transform: none; } #hero_content { width:90%; padding-top:10px; padding-left:16px; } .home #hero_content, #hero_content.clearfix { display:block; } #hero_content h1 { margin:-8px 0 10px 0; font-family:'Abhaya Libre', 'Times New Roman', Times, serif; font-size:38px; line-height:0.9em; } #hero_content h1.solo { padding-bottom:0; } #hero_content p { font-size:16px; } #hero_content p.subheading { font-size:24px; } #hero_content .left, #hero_content .right { display:block; width:100%; } #hero_content .left { margin:0 0 20px 0; padding:0 0 20px; border:none; border-bottom:2px solid #fff; } #hero_content .right { width:100%; text-align:left; } #hero_content .btn { padding:0 15px; } /********************************************************** MOBILE MENU ****************/ #mobile_menu > .inner > .left, #mobile_menu > .inner > .right { float:none; width:100%; margin:0; } /***************************************************** GENERAL CONTENT WELL ************/ .content_section { } .content_section_inner { width:90%; padding:0; } .archive .content_section_inner { width:90%; } .content_section.narrow .content_section_inner, .content_section.narrower .content_section_inner { width:90%; padding-right:0 !important; } .imaged_section_wrapper { padding:0; height:600px; min-height:600px; } .imaged_section_wrapper.short { height:250px; min-height:250px; } .imaged_section_wrapper .imaged_inner.screen_bg_mobile { background:rgba(0,0,0,0.2); } .imaged_section_wrapper .imaged_inner.screen_bg_mobile a, .imaged_section_wrapper .imaged_inner.screen_bg_mobile a:hover { color:#fff !important; } .imaged_section_wrapper .imaged_inner.screen_bg_mobile h1 span, .imaged_section_wrapper .imaged_inner.screen_bg_mobile h2 span, .imaged_section_wrapper .imaged_inner.screen_bg_mobile h3 span, .imaged_section_wrapper .imaged_inner.screen_bg_mobile h4 span, .imaged_section_wrapper .imaged_inner.screen_bg_mobile h5 span, .imaged_section_wrapper .imaged_inner.screen_bg_mobile h6 span, .imaged_section_wrapper .imaged_inner.screen_bg_mobile p span, .imaged_section_wrapper .imaged_inner.screen_bg_mobile blockquote span, .imaged_section_wrapper .imaged_inner.screen_bg_mobile a span, .imaged_section_wrapper .imaged_inner.screen_bg_mobile a:hover span { color:#fff !important; } .imaged_section_wrapper .imaged_inner h2, .home .imaged_section_wrapper .imaged_inner h2 { margin:0 0 10px 0; font-size:36px; line-height:1.2em; } .imaged_section_wrapper .imaged_inner h3 { font-size:24px; } .imaged_section_wrapper .imaged_inner > div.blue_content { padding:30px; } .team_list_thumbs { padding:30px 0; } .team_list_thumbs li { display:block; width:90%; margin:30px auto 0 auto; } .team_list_thumbs li:first-child { margin-top:0; } .team_list_thumbs li .inner { opacity:1; } #team_listing .hs_cont, #team_listing .bio_cont, #team_listing li:nth-child(2n + 1) .hs_cont, #team_listing li:nth-child(2n + 1) .bio_cont { float:none; width:100%; } #team_listing .bio_cont { padding:30px; } #product_listing_white { width:90%; } .content_section.products .content_section_inner h2, .content_section.products .content_section_inner h3 { font-size:36px; } #gov_grid { margin:30px auto; width:90%; } #gov_grid > li { display:block; width:100%; height:auto; min-height:0; } #gov_grid > li .inner { padding:30px 25px; border-left:1px solid #b7b7b7; } /************************************************************************ LISTINGS ************/ .archive .page-title { margin:0 0 40px 0; } /************************************************************************ SINGLES *************/ /************************************************************************ FOOTER **************/ .site-footer #footer_top .footer_inner { } .site-footer .footer_inner .bucket { float:none; width:100%; margin:0; } #footer_top .bucket > .widget { display:block; width:100%; margin-bottom:40px; } #footer_bottom .copyright, #footer_bottom .cred { float:none; width:100%; margin:0 0 10px 0; font-size:12px; line-height:1.2; color:#666; text-align:left; } #footer_bottom .cred { float:none; text-align:left; margin:0; } } @media only screen and (min-width:540px) and (max-width: 767px) { #hero_image, .tall #hero_image, .home #hero_image { width:100%; height:auto; } } @media only screen and (min-width: 320px) and (max-width: 1024px) { #product_listing li { display:block; } #product_listing li .logo_cont, #product_listing li .product_cont { display:block; margin:0; padding:30px; width:100%; } #product_listing li .product_cont { text-align:center; } #product_listing li .logo_cont .logo_color { display:block; max-width:100%; margin:0 auto; } #product_listing_white { width:90%; } } @media only screen and (min-width: 768px) and (max-width: 900px) { /* TABLET PORTRAIT */ #hero_container { min-height:260px; } .home #hero_container, #hero_container.tall { min-height:460px; } #hero { height:260px; min-height:260px; } .home #hero, #hero_container.tall #hero { height:460px; } .tall #hero_image.go { -webkit-transform: scale(0.85) translate(0,-10%); transform: scale(0.85) translate(0,-10%); } #hero .inner { width:90%; } #hero_container.tall #hero .inner { } #hero_content { width:90%; padding-top:0; padding-left:16px; } .home #hero_content, #hero_content.clearfix { display:block; } #hero_content h1 { margin:-8px 0 10px 0; font-size:38px; line-height:0.9em; } #hero_content h1.solo { padding-bottom:0; } #hero_content p { font-size:16px; } #hero_content p.subheading { font-size:24px; } #hero_content .left, #hero_content .right { display:block; width:100%; } #hero_content .left { margin:0 0 20px 0; padding:0 0 20px; border:none; border-bottom:2px solid #fff; } #hero_content .right { width:100%; text-align:left; } #team_listing .hs_cont, #team_listing .bio_cont, #team_listing li:nth-child(2n + 1) .hs_cont, #team_listing li:nth-child(2n + 1) .bio_cont { float:none; width:100%; } #team_listing .bio_cont { padding:30px; } #product_listing_white { width:90%; } #gov_grid > li { width:50%; height:500px; min-height:500px; } } @media only screen and (min-width: 901px) and (max-width: 1024px) { /* TABLET LANDSCAPE */ #hero_container { min-height:310px; } .home #hero_container, #hero_container.tall { min-height:460px; } #hero { height:310px; min-height:310px; } .home #hero, #hero_container.tall #hero { height:460px; } #hero_image.go { -webkit-transform: scale(0.95) translate(0,0); transform: scale(0.95) translate(0,0); } .tall #hero_image.go { -webkit-transform: scale(0.78) translate(0,-25%); transform: scale(0.78) translate(0,-25%); } .home #hero_image.go { -webkit-transform: scale(0.78) translate(0,-10%); transform: scale(0.78) translate(0,-10%); } #hero .inner { width:90%; } #hero_content { padding-top:0; } #hero_content h1 { margin:-8px 0 10px 0; font-size:38px; line-height:0.9em; } #hero_content h1.solo { padding-bottom:0; } #hero_content p { font-size:16px; } #hero_content p.subheading { font-size:24px; } #hero_content .left { width:54%; padding-right:5%; } #hero_content .right { width:45%; } #team_listing .hs_cont .headshot { /*width:auto; height:100%; margin-left:-20%;*/ } #team_listing .bio_cont { padding:20px; } #gov_grid > li { width:50%; height:460px; min-height:460px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { /* ALL TABLET */ .show_on_mobile { display:block !important; } .hide_on_mobile { display:none !important; } #masthead_inner { display:none; } #mobile_menu_access .site-title { max-width:150px; } .content_section_inner, .content_section.narrower .content_section_inner, .content_section.narrower .content_section_inner { width:90%; } #gov_grid { margin:60px auto 30px auto; } #gov_grid > li .inner { padding:40px 30px; } #gov_grid > li:nth-of-type(3n + 1) .inner { border-left:none; } #gov_grid > li:nth-of-type(2n + 1) .inner { border-left:1px solid #b7b7b7; } #team_listing .hs_cont .headshot.h_lock_gif { display:block; width:auto; height:100%; } } @media only screen and (min-width: 1025px) and (max-width: 1299px) { .site-header .header-inner { width:90%; } #primary-navigation .nav-menu li a { padding:0 10px 0; } #hero_container { min-height:350px; } .home #hero_container, #hero_container.tall { min-height:650px; } #hero { height:350px; min-height:350px; } .home #hero, #hero_container.tall #hero { height:650px; } #hero_image.go { -webkit-transform: scale(0.95) translate(0,0); transform: scale(0.95) translate(0,0); } .tall #hero_image.go { -webkit-transform: scale(0.85) translate(0,-15%); transform: scale(0.85) translate(0,-15%); } #hero .inner { width:90%; } #hero_content { padding-top:0; } #hero_content h1 { margin:-8px 0 10px 0; font-size:56px; line-height:0.9em; } #hero_content h1.solo { padding-bottom:0; } #hero_content p { font-size:16px; } #hero_content p.subheading { font-size:38px; } .content_section_inner { width:90%; } .content_section.narrower .content_section_inner { width:70%; } #product_listing_white { width:90%; } #gov_grid { margin:60px -15% 30px -15%; } #gov_grid > li .inner { padding:40px 30px; } } @media only screen and (max-width: 1200px) { #team_listing .hs_cont .headshot.h_lock { display:block; width:100%; height:auto; } } @media only screen and (min-width: 1300px) { #gov_grid { margin:60px -35% 30px -35%; } #team_listing .bio_cont { padding:80px 8%; } #hero_image.go { -webkit-transform: scale(0.82) translate(0, -5%); transform: scale(0.82) translate(0, -5%); } .tall #hero_image.go { -webkit-transform: scale(0.78) translate(0, -15%); transform: scale(0.78) translate(0, -15%); } } @media only screen and (min-width: 1500px) { #gov_grid > li { height:480px; min-height:480px; } #team_listing .bio_cont { padding:100px 8%; } /*#team_listing .hs_cont .headshot.h_lock_gif { display:block; width:100%; height:auto; }*/ #hero_image.go { -webkit-transform: scale(0.78) translate(0, -15%); transform: scale(0.78) translate(0, -15%); } .tall #hero_image.go { -webkit-transform: scale(0.78) translate(0, -25%); transform: scale(0.78) translate(0, -25%); } } @media only screen and (min-width: 1600px) { #team_listing .bio_cont { padding:60px 40px; } #team_listing .hs_cont .headshot.h_lock { display:block; width:100%; height:auto; } #team_listing .hs_cont .headshot.h_lock_gif { display:block; width:100%; height:auto; } .home #hero_image.go { -webkit-transform: scale(0.78) translate(0, -25%); transform: scale(0.78) translate(0, -25%); } } @media only screen and (min-width: 2000px) { .home #hero_image.go { -webkit-transform: scale(0.78) translate(0, -35%); transform: scale(0.78) translate(0, -35%); } }