/*! Theme Name: Agncy Theme URI: http://www.wp-munich.com/themes/agncy Description: Agncy is a beautiful news and blogging theme that has beautiful typography, powerful color customisation and an elegant, light layout. Customise your theme to the colours you need and upload your own logo. Enjoy reading even long texts with the beautiful font "Fira" and experience how fast font loading can be with an innovative font loading technique. Author: WP Munich Author URI: http://www.wp-munich.com Version: 1.0.0 Text Domain: agncy Domain Path: /languages License: GPL-2.0+ License URI: http://www.gnu.org/licenses/gpl-2.0.txt Tags: one-column, two-columns, right-sidebar, grid-layout, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog */ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Micro ClearFix Mixin */ /** * Typography * * Set the look and feel of the base typography. * Important: No font sizes shall be defined here! */ body { font-family: "LH Fira Sans", Arial, Helvetica, sans-serif; line-height: 1; font-weight: 400; -webkit-font-smoothing: antialiased; } p { margin: 0; } strong { font-weight: 600; } a { color: inherit; position: relative; -webkit-transition: color .5s ease; transition: color .5s ease; text-decoration: none; } .the_content a { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 1em; margin: 0; padding: 0; word-wrap: break-word; text-align: left; letter-spacing: 0.044em; text-transform: uppercase; font-weight: 300; } h1 { word-wrap: break-word; clear: both; font-weight: 300; zoom: 1; } h1:before, h1:after { content: ""; display: table; } h1:after { clear: both; } h1:before, h1:after { content: ""; display: table; } h1:after { clear: both; } h2 { clear: both; zoom: 1; } h2:before, h2:after { content: ""; display: table; } h2:after { clear: both; } h2:before, h2:after { content: ""; display: table; } h2:after { clear: both; } h4 { font-weight: 300; } ul, ol { padding: 0; list-style-position: outside; margin: 0; } ul li, ol li { margin: 0 0 0 32px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0 !important; } dl { font-size: 1em; margin: 0; } dt { font-weight: 700; } dd { margin-left: 0; } code { padding: 0 4px; border-radius: 4px; } p code { margin: 0 !important; } kbd { padding: 0 4px; border-radius: 4px; } big { font-size: inherit; } pre { overflow: auto; margin: 0; padding: 0; } sup, sub { line-height: 1; } table { width: 100%; border-collapse: collapse; } table thead tr { background-color: rgba(0, 0, 0, 0.1); } table thead tr th { text-transform: uppercase; } table tbody tr:nth-child(odd) { background-color: transparent; } table tbody tr:nth-child(even) { background-color: rgba(68, 130, 196, 0.05); } table th, table td { padding: 0 5px; margin: 0; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } body.webfonts-loading { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } /** * The font size definitions for the whole theme */ body, p { font-size: 16px; line-height: 1.5em; } h1 { font-size: 25px; line-height: 1.92em; } h2 { font-size: 20px; line-height: 1.2em; } h3 { font-size: 16px; line-height: 1.5em; } h4, h5, h6 { font-size: 16px; line-height: 1.5em; } blockquote:not(.testimonial_quote) { font-size: 20px; line-height: 1.2em; } input, label, select, button, textarea { font-size: 16px; line-height: 1.5em; } .logo-text { font-size: 25px; line-height: 1.92em; } footer .credit { font-size: 13px; line-height: 1.84615385em; } .breadcrumbs { font-size: 13px; line-height: 1.84615385em; } .the_loop .the_post_title { font-size: 20px; line-height: 1.2em; } .post_meta_info { font-size: 13px; line-height: 1.84615385em; } .gallery-caption { font-size: 11px; line-height: 2.18181818em; } #comments .comment-edit-link { font-size: 13px; line-height: 1.84615385em; } .header_404 .the_title { font-size: 49px; line-height: 1.46938776em; } .header_404 .the_title span { font-size: 20px; line-height: 1.2em; } .cta-social-url .fa { font-size: 40px; line-height: 1.2em; } .widget .calendar_wrap table thead tr th { font-size: 10px !important; line-height: 2.4em !important; } .widget .widgettitle, .widget .textwidget, .widget .textwidget p, .widget figure.wp-caption .wp-caption-text, .widget .tagcloud .tag-cloud-link, .widget .rss-date, .widget cite { font-size: 12px !important; line-height: 2em !important; } .widget .breadcrumbs, .widget a, .widget .calendar_wrap table caption, .widget .calendar_wrap table tbody tr td, .widget .rssSummary { font-size: 14px !important; line-height: 1.71428571em !important; } h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, code, kbd, big, pre, blockquote, sup, sub, table, address { margin-bottom: 24px; } .icon_box_img_wrapper .fa, .content_box_img_wrapper .fa { font-size: 40px; line-height: 1.2em; } @media (min-width: 768px) { body, p { font-size: 18px; line-height: 1.5em; } h1 { font-size: 36px; line-height: 1.5em; } h2 { font-size: 29px; line-height: 1.86206897em; } h3 { font-size: 23px; line-height: 1.17391304em; } h4 { font-size: 18px; line-height: 1.5em; } h5, h6 { font-size: 18px; line-height: 1.5em; } blockquote:not(.testimonial_quote) { font-size: 23px; line-height: 1.17391304em; } input, label, select, button, textarea { font-size: 18px; line-height: 1.5em; } .logo-text { font-size: 29px; line-height: 1.86206897em; } nav.header-menu .menu-item { font-size: 15px; line-height: 1.8em; } nav.header-menu .sub-menu .menu-item { font-size: 13px; line-height: 2.07692308em; } .header-contact-wrapper { font-size: 12px; line-height: 2.25em; } footer .credit { font-size: 15px; line-height: 1.8em; } .breadcrumbs { font-size: 15px; line-height: 1.8em; } .the_loop .the_post_title { font-size: 23px; line-height: 1.17391304em; } .post_meta_info { font-size: 15px; line-height: 1.8em; } .gallery-caption { font-size: 12px; line-height: 2.25em; } #comments .comment-edit-link { font-size: 15px; line-height: 1.8em; } .header_404 .the_title { font-size: 69px; line-height: 1.17391304em; } .header_404 .the_title span { font-size: 23px; line-height: 1.17391304em; } .cta-social-url .fa { font-size: 44px; line-height: 1.22727273em; } .widget .calendar_wrap table thead tr th { font-size: 10px !important; line-height: 2.7em !important; } .widget .widgettitle, .widget .textwidget, .widget .textwidget p, .widget figure.wp-caption .wp-caption-text, .widget .tagcloud .tag-cloud-link, .widget .rss-date, .widget cite { font-size: 12px !important; line-height: 2.25em !important; } .widget .breadcrumbs, .widget a, .widget .calendar_wrap table caption, .widget .calendar_wrap table tbody tr td, .widget .rssSummary { font-size: 14px !important; line-height: 1.92857143em !important; } h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, code, kbd, big, pre, blockquote, sup, sub, table, address { margin-bottom: 27px; } .icon_box_img_wrapper .fa, .content_box_img_wrapper .fa { font-size: 44px; line-height: 1.22727273em; } } /* ---------------------------------------------------------------------------------------------------- Super Form Reset A couple of things to watch out for: - IE8: If a text input doesn't have padding on all sides or none the text won't be centered. - The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders. - You NEED to set the font-size and family on all form elements - Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs - You can style the upload button in webkit using ::-webkit-file-upload-button - ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out. - IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block. - By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs ----------------------------------------------------------------------------------------------------*/ input, label, select, button, textarea { margin: 0; border: 0; padding: 0; display: inline-block; vertical-align: baseline; white-space: normal; background: none; /* Browsers have different default form fonts */ font-family: "LH Fira Sans", Arial, Helvetica, sans-serif; font-weight: 300; outline: none; } fieldset { padding: 0; margin: 0; } /* Box Sizing Reset -----------------------------------------------*/ /* All of our custom controls should be what we expect them to be */ input, textarea { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #aaa; } input:focus, textarea:focus { border-color: #949494; } /* These elements are usually rendered a certain way by the browser */ button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select { -webkit-box-sizing: border-box; box-sizing: border-box; } /* Text Inputs -----------------------------------------------*/ input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] { border-radius: 3px; padding: 6px 10px; background-color: #fff; } /* Button Controls -----------------------------------------------*/ input[type=checkbox], input[type=radio] { width: 13px; height: 13px; } /* File Uploads -----------------------------------------------*/ input[type=file] { border-radius: 3px; padding: 6px 5px; } /* Search Input -----------------------------------------------*/ /* Make webkit render the search input like a normal text field */ input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; } /* Turn off the recent search for webkit. It adds about 15px padding on the left */ ::-webkit-search-decoration { display: none; } /* Buttons -----------------------------------------------*/ button, input[type="reset"], input[type="button"], input[type="submit"] { /* Fix IE7 display bug */ overflow: visible; width: auto; display: inline-block; padding: 6px 30px; border: none; border-radius: 3px; text-decoration: none; -webkit-transition: all ease 0.2s; transition: all ease 0.2s; cursor: pointer; font-weight: 300; } /* IE8 and FF freak out if this rule is within another selector */ ::-webkit-file-upload-button { padding: 0; border: 0; background: none; } /* Textarea -----------------------------------------------*/ textarea { /* Move the label to the top */ vertical-align: top; background-color: #fff; /* Turn off scroll bars in IE unless needed */ overflow: auto; border-radius: 3px; padding: 6px 5px; } /* Selects -----------------------------------------------*/ select { border: 1px solid #aaa; vertical-align: top; background: #fff; padding: 6px 30px 6px 5px; /* Kill the default appearance in webkit browsers */ background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%; -moz-appearance: none; -webkit-appearance: none; appearance: none; } select[multiple] { /* Move the label to the top */ vertical-align: top; border-radius: 5px; padding: 0 5px; } /* Form Groups -----------------------------------------------*/ .input-group { background: #fff; border: 1px solid #aaa; border-radius: 5px; vertical-align: middle; display: -webkit-box; display: -ms-flexbox; display: flex; } .input-group .clean-input { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; border: none; margin: 0; background: transparent; } .input-group .input-group-button { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border: none; background: transparent; border-radius: 0 3px 3px 0; } /* Add own formstyles, contact form 7 and gravity forms styles back in */ .wp-block-button.alignwide > *, .wp-block-button.alignfull > * { width: 100%; } .wp-block-button .wp-block-button__link, .wp-block-button .wp-block-button__link.has-background { padding: 12px 30px; border-radius: 3px; text-decoration: none; -webkit-transition: all ease 0.2s; transition: all ease 0.2s; cursor: pointer; font-weight: 300; margin-bottom: 24px; } .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link.has-background:hover { background-color: #f2f2f2; color: #111; } .wp-block-button .wp-block-button__link:hover.has-background, .wp-block-button .wp-block-button__link.has-background:hover.has-background { background-color: #f2f2f2 !important; color: #111 !important; } .comment-submit { color: #fff; } .btn_agncy { display: inline-block; padding: 6px 30px; border: none; border-radius: 3px; text-decoration: none; -webkit-transition: all ease 0.2s; transition: all ease 0.2s; cursor: pointer; font-weight: 300; } .has-white-color { color: #fff; } .has-white-background-color { background-color: #fff; } .has-gray-lighter-color { color: #f2f2f2; } .has-gray-lighter-background-color { background-color: #f2f2f2; } .has-gray-light-color { color: #d9d9d9; } .has-gray-light-background-color { background-color: #d9d9d9; } .has-gray-color { color: #949494; } .has-gray-background-color { background-color: #949494; } .has-gray-dark-color { color: #333; } .has-gray-dark-background-color { background-color: #333; } .has-gray-darker-color { color: #111; } .has-gray-darker-background-color { background-color: #111; } .has-black-color { color: #000; } .has-black-background-color { background-color: #000; } .search-form .input-group .search-submit { padding: 6px 16px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } /** * Pagination of files, posts and archives */ .page-links { padding: 0 16px; margin-bottom: 24px; } @media (min-width: 768px) { margin-bottom: 27px; } /** * Grid system */ .container { margin-right: auto; margin-left: auto; padding-left: 16px; padding-right: 16px; width: 100%; } @media (min-width: 768px) { .container { width: 718px; } } @media (min-width: 992px) { .container { width: 938px; } } @media (min-width: 1200px) { .container { width: 1138px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 16px; padding-right: 16px; width: 100%; } .row { margin-left: -16px; margin-right: -16px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 16px; padding-right: 16px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /** * Definitions for media alignment from WordPress */ .alignnone { margin: 0 0 6px 0; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center; } .alignright { float: right; margin-left: 16px; } .alignleft { float: left; margin-left: 16px; margin-right: 16px; } a img.alignright { float: right; margin-left: 16px; } a img.alignnone { margin-left: 16px; margin-right: 16px; } a img.alignleft { float: left; margin-left: 16px; margin-right: 16px; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } div.gallery { margin: 0 0 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } div.gallery .gallery-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0; margin: 0 !important; overflow: hidden; position: relative; } div.gallery .gallery-item .gallery-icon { margin: 0; padding: 5px; } div.gallery .gallery-item .gallery-icon img { max-width: none; width: 100%; display: block; } div.gallery .gallery-item .gallery-caption { display: block; position: relative; left: 0; right: 0; bottom: 0; padding: 0 5px; overflow: hidden; margin: 0; font-weight: 300; } div.gallery.gallery-columns-1 .gallery-item { width: 100%; max-width: 100%; } div.gallery.gallery-columns-2 .gallery-item { width: 50%; max-width: 50%; } div.gallery.gallery-columns-3 .gallery-item { width: 33.33333333%; max-width: 33.33333333%; } div.gallery.gallery-columns-4 .gallery-item { width: 25%; max-width: 25%; } div.gallery.gallery-columns-5 .gallery-item { width: 20%; max-width: 20%; } div.gallery.gallery-columns-6 .gallery-item { width: 16.66666667%; max-width: 16.66666667%; } div.gallery.gallery-columns-7 .gallery-item { width: 14.28571429%; max-width: 14.28571429%; } div.gallery.gallery-columns-8 .gallery-item { width: 12.5%; max-width: 12.5%; } div.gallery.gallery-columns-9 .gallery-item { width: 11.11111111%; max-width: 11.11111111%; } .wp-caption { background: #fff; max-width: calc(100% - 32px); text-align: center; } .wp-caption.alignnone { margin-left: 16px; margin-right: 16px; } .wp-caption.alignleft { margin-left: 16px; margin-right: 16px; } .wp-caption.alignright { margin-left: 16px; margin-right: 16px; } .wp-caption img { border: 0 none; height: auto; margin: 0; padding: 0; width: auto; } .wp-caption .wp-caption-text { font-size: 16px; line-height: 1.5em; padding: 6px 16px; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #eee; clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } @media (min-width: 768px) { /* =WordPress Core -------------------------------------------------------------- */ div.gallery { margin: 0 0 27px; } .wp-caption .wp-caption-text { font-size: 18px; line-height: 1.5em; padding: 6.75px 16px; } } .comments-title { padding: 12px 16px; margin-bottom: 48px; font-size: 20px; line-height: 1.2em; color: #fff; } .comments-title .title { white-space: pre; } .comment-list { list-style: inside none; margin-bottom: 48px; } .comment-list .comment { display: block; position: relative; margin: 0 0 24px; padding: 12px 16px 0; } .comment-list .comment:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.95); z-index: 0; } .comment-list .comment:last-child { margin-bottom: 0; } .comment-list .comment.odd:before { background: rgba(255, 255, 255, 0.9); } .comment-list .comment .comment-respond { position: relative; z-index: 1; margin: 0 -16px; } .comment-list .children { list-style: inside none; margin-right: -16px; margin-bottom: -24px; zoom: 1; } .comment-list .children:before, .comment-list .children:after { content: ""; display: table; } .comment-list .children:after { clear: both; } .comment-list .children:before, .comment-list .children:after { content: ""; display: table; } .comment-list .children:after { clear: both; } .comment-list .children .comment { padding-right: 0; padding-right: 16px; } .comment-body { position: relative; z-index: 1; zoom: 1; } .comment-body:before, .comment-body:after { content: ""; display: table; } .comment-body:after { clear: both; } .comment-body:before, .comment-body:after { content: ""; display: table; } .comment-body:after { clear: both; } .comment-content { margin-bottom: 12px; } .comment-content :last-child { margin-bottom: 0; } .comment-meta { margin: -12px -16px 12px; padding: 12px 16px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .comment-meta .comment-avatar { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .comment-meta .comment-avatar .avatar { height: 48px; width: auto; display: block; margin: 0 16px 0 0; } .comment-meta .comment-metadata { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 13px; line-height: 1.84615385em; } .comment-meta .comment-metadata a { color: #fff; } .comment-meta .comment-metadata .edit-link { display: block; font-weight: bold; } .comment-meta .reply { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .comment-meta .reply .comment-reply-link { display: block; background: rgba(255, 255, 255, 0.4); padding: 12px 16px; border-radius: 3px; margin: 0 0 0 16px; -webkit-transition: 0.5s background-color ease, 0.5s color ease; transition: 0.5s background-color ease, 0.5s color ease; } .comment-meta .reply .comment-reply-link .text { display: none; } .comment-meta .reply .comment-reply-link:hover { background: rgba(255, 255, 255, 0.9); } .comment-meta .highlight-bar { display: none; position: absolute; top: 0; left: 0; bottom: 0; width: 8px; } .bypostauthor .highlight-bar { display: block; } .comments-pagination { margin-bottom: 24px; } .comments-pagination .nav-links { text-align: center; } .comments-pagination .page-numbers { display: inline-block; padding: 6px 16px; margin: 0 8px; border-radius: 3px; background: #333; color: #fff; } .comments-pagination a.page-numbers { background: #fafafa; -webkit-transition: all .5s ease; transition: all .5s ease; color: #333; } .comments-pagination a.page-numbers:hover { background: #333; color: #fff; } .comments-pagination .prev, .comments-pagination .next { display: none; } @media (min-width: 768px) { .comments-title { padding: 13.5px 16px; margin-bottom: 54px; font-size: 23px; line-height: 1.17391304em; } .comment-list { margin-bottom: 54px; } .comment-list .comment { margin: 0 0 27px; padding: 13.5px 16px 0; } .comment-list .children { margin-bottom: -27px; } .comment-content { margin-bottom: 13.5px; } .comment-meta { margin: -13.5px -16px 13.5px; padding: 13.5px 16px; } .comment-meta .comment-avatar .avatar { height: 54px; } .comment-meta .comment-metadata { font-size: 18px; line-height: 1.5em; } .comment-meta .reply .comment-reply-link { padding: 13.5px 16px; } .comment-meta .reply .comment-reply-link .text { display: inline-block; margin-left: 8px; } .comments-pagination { margin-bottom: 27px; } .comments-pagination .page-numbers { padding: 6.75px 16px; } } .comment-reply-title { padding: 12px 16px; color: #fff; position: relative; z-index: 1; font-size: 20px; line-height: 1.2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: center; align-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .comment-reply-title small { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: inherit; } .comment-reply-title #cancel-comment-reply-link { font-size: 13px; line-height: 1.84615385em; display: block; background-color: rgba(255, 255, 255, 0.9); padding: 0 16px; border-radius: 3px; -webkit-transition: .5s all ease; transition: .5s all ease; -ms-flex-item-align: end; align-self: flex-end; } .comment-reply-title #cancel-comment-reply-link:hover { background-color: rgba(255, 255, 255, 0.2); color: #fff; } .comment-form { padding: 0 16px 12px; } .comment-form label { display: block; } .comment-form input, .comment-form textarea { width: 100%; } .comment-form input[type="checkbox"] { width: auto; float: left; height: 24px; margin: 0 16px 24px 0; } .comment-form input[type="submit"] { width: auto; color: #fff; } .comment-form input[type="submit"]:hover { background-color: #f2f2f2; color: #111; } .comment-form .form-submit { text-align: right; } @media (min-width: 768px) { .comment-reply-title { padding: 13.5px 16px; font-size: 23px; line-height: 1.17391304em; } .comment-reply-title #cancel-comment-reply-link { font-size: 15px; line-height: 1.8em; } .comment-form { padding: 0 16px 13.5px; } .comment-form input[type="checkbox"] { height: 27px; margin: 0 16px 27px 0; } } body, html { margin: 0; padding: 0; min-height: 100%; min-width: 100%; color: #555; background-color: #333; } .clearfix, .container, .container-fluid, .row { zoom: 1; } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: ""; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } .page-wrapper { padding-top: 72px; } .viewport { background: #fff; /* Fore debugging only, remove on deploy * background: linear-gradient(top, #ffffff, #ffffff 95%, #eeeeff 95%, #eeeeff); background: -webkit-linear-gradient(top, #ffffff, #ffffff 95%, #eeeeff 95%, #eeeeff); background-size: auto 24px; /**/ } #wpadminbar { top: 72px; -webkit-transition: 0.5s -webkit-transform ease; transition: 0.5s -webkit-transform ease; transition: 0.5s transform ease; transition: 0.5s transform ease, 0.5s -webkit-transform ease; -webkit-transform: translateX(0); transform: translateX(0); z-index: 99; } body.admin-bar .page-wrapper { padding-top: 118px; } .bold { font-weight: 700 !important; } .normal { font-weight: 500 !important; } .thin { font-weight: 300 !important; } .read-more-link { padding-left: 5px; } .the_title { font-weight: 300; text-transform: uppercase; } .page_title_wrapper { color: #fff; margin-bottom: 24px; } .page_title_wrapper .the_page_title { font-weight: 300; text-align: center; text-transform: uppercase; margin-bottom: 0; } .page_title_wrapper a { color: #fff; text-decoration: none; } .the_permalink { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 50; } .the_pagination { margin-bottom: 24px; } .the_pagination .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: 600; } .the_pagination .nav-links a { text-decoration: none; } .the_pagination .nav-links .prev, .the_pagination .nav-links .next { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 46px; height: 46px; color: #fff; border-radius: 5px; border-width: 2px; border-style: solid; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .the_pagination .nav-links .prev:hover, .the_pagination .nav-links .next:hover { background-color: #fff; border-color: #949494; } .the_pagination .nav-links .prev { margin-right: 20%; } .the_pagination .nav-links .next { margin-left: 20%; } .the_pagination .nav-links .page-numbers:not(.prev):not(.next) { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; text-align: center; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .the_pagination .nav-links .page-numbers:not(.prev):not(.next).current, .the_pagination .nav-links .page-numbers:not(.prev):not(.next).dots { color: #555; } .the_pagination .nav-links .page-numbers:first-child.current { margin-left: 25%; } .the_pagination .nav-links .page-numbers:last-child.current { margin-right: 25%; } .post_meta_info { text-transform: uppercase; margin-bottom: 24px; } .post-meta-item { margin-right: 15px; display: inline; } .post-meta-item:before { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-right: 5px; } .post-meta-item.post-meta-datetime:before { content: "\f073"; } .post-meta-item.post-meta-author:before { content: "\f007"; } .post-meta-item.post-meta-categories:before { content: "\f07c"; } .post-meta-item.post-meta-tags:before { content: "\f292"; } .post-meta-item.post-meta-comments:before { content: "\f075"; } .hide { display: none; } .sidebar { margin-top: 0; } .sidebar > li { margin-left: 0; } .widget { color: #949494; list-style: none; margin-bottom: 48px; } .widget .widgettitle { color: #555; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 2px; } .widget .widgettitle a.rsswidget { color: #555 !important; } .widget .widgettitle a.rsswidget img.rss-widget-icon { display: none; } .widget .textwidget > ul, .widget .textwidget > ol { margin-bottom: 24px; } .widget .breadcrumbs { text-transform: uppercase; } .widget > ul li, .widget ul.menu li { list-style: none; margin-left: 0; border-bottom: 1px solid #f2f2f2; padding-bottom: 11px; margin-bottom: 12px; } .widget > ul li a, .widget ul.menu li a { display: inline-block; width: auto; } .widget > ul li.page_item_has_children ul.children li, .widget ul.menu li.page_item_has_children ul.children li, .widget > ul li.menu-item-has-children ul.children li, .widget ul.menu li.menu-item-has-children ul.children li, .widget > ul li.page_item_has_children ul.sub-menu li, .widget ul.menu li.page_item_has_children ul.sub-menu li, .widget > ul li.menu-item-has-children ul.sub-menu li, .widget ul.menu li.menu-item-has-children ul.sub-menu li { position: relative; margin-left: 20px; } .widget > ul li.page_item_has_children ul.children li:before, .widget ul.menu li.page_item_has_children ul.children li:before, .widget > ul li.menu-item-has-children ul.children li:before, .widget ul.menu li.menu-item-has-children ul.children li:before, .widget > ul li.page_item_has_children ul.sub-menu li:before, .widget ul.menu li.page_item_has_children ul.sub-menu li:before, .widget > ul li.menu-item-has-children ul.sub-menu li:before, .widget ul.menu li.menu-item-has-children ul.sub-menu li:before { display: block; position: absolute; top: 3px; left: -15px; color: #f2f2f2; } .widget > ul li.page_item_has_children ul.children li:last-child, .widget ul.menu li.page_item_has_children ul.children li:last-child, .widget > ul li.menu-item-has-children ul.children li:last-child, .widget ul.menu li.menu-item-has-children ul.children li:last-child, .widget > ul li.page_item_has_children ul.sub-menu li:last-child, .widget ul.menu li.page_item_has_children ul.sub-menu li:last-child, .widget > ul li.menu-item-has-children ul.sub-menu li:last-child, .widget ul.menu li.menu-item-has-children ul.sub-menu li:last-child { border-bottom: 0; } .widget > ul li ul.children, .widget ul.menu li ul.children { border-top: 1px solid #f2f2f2; padding-top: 11px; margin-top: 12px; } .widget > ul li ul.children li:last-child, .widget ul.menu li ul.children li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .widget > ul li ul.children li a, .widget ul.menu li ul.children li a { position: relative; padding-left: 32px; } .widget > ul li ul.children li a:before, .widget ul.menu li ul.children li a:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; position: relative; left: -16px; } .widget figure.wp-caption { width: 100% !important; } .widget figure.wp-caption img { border-top-left-radius: 3px; border-top-right-radius: 3px; } .widget figure.wp-caption .wp-caption-text { text-transform: uppercase; background-color: #d9d9d9; color: #949494; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .widget.widget_media_image > img { display: block; width: 100%; border-radius: 3px; } .widget .image { display: block; width: 100%; height: auto; } .widget.widget_recent_entries ul li { margin-left: 0; } .widget .calendar_wrap table { border-collapse: separate; border-spacing: 4px; } .widget .calendar_wrap table caption { text-transform: uppercase; } .widget .calendar_wrap table thead tr { background-color: transparent; } .widget .calendar_wrap table thead tr th { font-weight: 300 !important; text-align: center; } .widget .calendar_wrap table tbody tr, .widget .calendar_wrap table tbody tr:nth-child(even) { background-color: transparent; } .widget .calendar_wrap table tbody tr td, .widget .calendar_wrap table tbody tr:nth-child(even) td { position: relative; width: 14.28571429%; text-align: center; background-color: #d9d9d9; padding: 12px 0; border-radius: 3px; overflow: hidden; } .widget .calendar_wrap table tbody tr td.pad, .widget .calendar_wrap table tbody tr:nth-child(even) td.pad { background-color: transparent; } .widget .calendar_wrap table tbody tr td#today, .widget .calendar_wrap table tbody tr:nth-child(even) td#today { color: #fff; } .widget .calendar_wrap table tbody tr td a, .widget .calendar_wrap table tbody tr:nth-child(even) td a { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; left: 0; top: 0; right: 0; bottom: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-style: solid; border-width: 1px; border-radius: 3px; } .widget .tagcloud a { display: inline-block; border: 1px solid #949494; border-radius: 3px; padding-left: 5px; padding-right: 5px; margin-bottom: 6px; text-transform: uppercase; color: #949494 !important; } .widget .tagcloud a:hover { color: #fff !important; } .widget.widget_rss > ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -ms-flex: none; flex: none; padding-bottom: 11px; margin-bottom: 12px; border-bottom: 1px solid #f2f2f2; } .widget.widget_rss > ul li a.rsswidget { display: inline-block; width: auto; border-bottom: none; margin: 0; padding: 0; text-transform: uppercase; } .widget.widget_rss > ul li:last-child { border-bottom: none; padding-bottom: 12px; } .widget.widget_rss > ul li a.rsswidget, .widget.widget_rss > ul li span.rss-date, .widget.widget_rss > ul li cite { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .widget.widget_rss > ul li cite { position: relative; font-style: inherit; padding-left: 4px; margin-left: 6px; } .widget.widget_rss > ul li cite:before { content: "|"; display: block; position: absolute; left: -3px; } /** * Mobile Header */ .viewport { overflow-x: hidden; } header.mobile-header { position: fixed; top: 0; left: 0; right: 0; height: 72px; background: #fff; border-bottom: 1px solid #aaa; z-index: 999; -webkit-transition: 0.5s -webkit-transform ease; transition: 0.5s -webkit-transform ease; transition: 0.5s transform ease; transition: 0.5s transform ease, 0.5s -webkit-transform ease; } header.mobile-header .header-container { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } header.mobile-header .header-row { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } header.mobile-header .title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 100%; } header.mobile-header .logo-wrapper { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: 0.5s -webkit-transform ease; transition: 0.5s -webkit-transform ease; transition: 0.5s transform ease; transition: 0.5s transform ease, 0.5s -webkit-transform ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header.mobile-header .logo { max-height: 100%; max-width: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } header.mobile-header .logo .logo-link { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } header.mobile-header .logo img { display: block; max-height: 100%; max-width: 100%; height: auto; width: auto; margin: 0; } header.mobile-header .logo-text { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-weight: 600; } header.mobile-header .trigger-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } header.mobile-header .mobile-nav-trigger { display: block; width: 40px; height: 40px; position: relative; -ms-flex-item-align: center; align-self: center; } header.mobile-header .mobile-nav-trigger span { display: block; position: absolute; top: 42.5%; right: 0; height: 10%; width: 75%; border-radius: 3px; -webkit-transition: -webkit-transform .25s ease; transition: -webkit-transform .25s ease; transition: transform .25s ease; transition: transform .25s ease, -webkit-transform .25s ease; } header.mobile-header .mobile-nav-trigger span:after, header.mobile-header .mobile-nav-trigger span:before { content: ""; display: block; position: absolute; top: -200%; width: 100%; height: 100%; background-color: inherit; border-radius: 3px; -webkit-transition: top .25s ease .25s, background .25s ease, opacity .25s ease, -webkit-transform .25s ease; transition: top .25s ease .25s, background .25s ease, opacity .25s ease, -webkit-transform .25s ease; transition: transform .25s ease, top .25s ease .25s, background .25s ease, opacity .25s ease; transition: transform .25s ease, top .25s ease .25s, background .25s ease, opacity .25s ease, -webkit-transform .25s ease; } header.mobile-header .mobile-nav-trigger span:after { top: 200%; } header.mobile-header .search-form { position: relative; margin: 17px 20px 18px; z-index: 10; } header.mobile-header .search-form .input-group input[type=search] { max-width: 65%; } header.mobile-header .nav-lightbox { position: fixed; top: 72px; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s linear; transition: visibility 0s linear 0.5s, opacity 0.5s linear; } /** * The slide in navigation */ .nav-wrapper { width: 240px; position: fixed; top: 0; bottom: 0; right: -240px; height: 100vh; -webkit-transition: 0.5s -webkit-transform ease; transition: 0.5s -webkit-transform ease; transition: 0.5s transform ease; transition: 0.5s transform ease, 0.5s -webkit-transform ease; -webkit-transform: translateX(0); transform: translateX(0); z-index: 999; overflow-x: hidden; color: #fff; } nav.header-menu { width: 240px; } nav.header-menu ul.menu { margin: 0; padding: 0; list-style: inside none; position: relative; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; letter-spacing: 0.04em; } nav.header-menu ul.menu li.menu-item { margin: 0; padding: 0; clear: both; } nav.header-menu ul.menu li.menu-item a { color: #fff; font-weight: 600; text-decoration: none; display: block; -webkit-transform: translateX(65px); transform: translateX(65px); text-transform: uppercase; -webkit-transition: -webkit-transform 0.5s ease 0.5s; transition: -webkit-transform 0.5s ease 0.5s; transition: transform 0.5s ease 0.5s; transition: transform 0.5s ease 0.5s, -webkit-transform 0.5s ease 0.5s; z-index: 0; padding: 12px 25px; position: relative; } nav.header-menu ul.menu li.menu-item a:after { content: ""; display: block; position: absolute; bottom: -1px; left: 25px; right: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } nav.header-menu ul.menu li.menu-item:last-child a:after { display: none; } nav.header-menu ul.menu li.menu-item span.sub-menu-trigger { display: block; margin-right: 5px; color: #fff; width: 40px; line-height: 40px; height: 40px; margin-top: 4px; float: right; z-index: 9999; position: relative; vertical-align: middle; text-align: center; border-radius: 3px; } nav.header-menu ul.menu li.menu-item span.sub-menu-trigger:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; } nav.header-menu ul.menu li.menu-item ul.sub-menu { margin: 0; padding: 0 0; list-style: inside none; position: absolute; top: 0; left: 0; right: 0; -webkit-transform: translateX(480px); transform: translateX(480px); -webkit-transition: -webkit-transform .5s ease; transition: -webkit-transform .5s ease; transition: transform .5s ease; transition: transform .5s ease, -webkit-transform .5s ease; z-index: 1; } nav.header-menu ul.menu li.menu-item ul.sub-menu li.menu-item a { -webkit-transform: translateX(65px); transform: translateX(65px); } nav.header-menu ul.menu li.menu-item ul.sub-menu li.menu-item a:after { content: ""; display: block; position: absolute; bottom: -1px; left: 25px; right: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } nav.header-menu ul.menu li.menu-item ul.sub-menu li.menu-item:last-child a:after { display: none; } nav.header-menu ul.menu li.menu-item ul.sub-menu li.menu-item ul.sub-menu li.menu-item a:after { content: ""; display: block; position: absolute; bottom: -1px; left: 25px; right: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } nav.header-menu ul.menu li.menu-item ul.sub-menu li.menu-item ul.sub-menu li.menu-item:last-child a:after { display: none; } nav.header-menu ul.menu li.menu-item ul.sub-menu.active { -webkit-transform: translateX(240px); transform: translateX(240px); } nav.header-menu ul.menu li.menu-item ul.sub-menu.active > li.menu-item a { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 0s; transition-delay: 0s; } nav.header-menu ul.menu li.menu-item ul.sub-menu.active > li.menu-item:nth-child(1) a { -webkit-transition-delay: 0s; transition-delay: 0s; } nav.header-menu ul.menu li.menu-item ul.sub-menu.active > li.menu-item:nth-child(2) a { -webkit-transition-delay: 0.025s; transition-delay: 0.025s; } nav.header-menu ul.menu li.menu-item ul.sub-menu.active > li.menu-item:nth-child(3) a { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } nav.header-menu ul.menu li.menu-item ul.sub-menu.active > li.menu-item:nth-child(4) a { -webkit-transition-delay: 0.075s; transition-delay: 0.075s; } nav.header-menu ul.menu li.menu-item ul.sub-menu.active > li.menu-item:nth-child(5) a { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } nav.header-menu ul.menu li.menu-item ul.sub-menu.active > li.menu-item:nth-child(6) a { -webkit-transition-delay: 0.125s; transition-delay: 0.125s; } nav.header-menu ul.menu li.menu-item ul.sub-menu.active > li.menu-item:nth-child(7) a { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } nav.header-menu ul.menu li.menu-item ul.sub-menu.active > li.menu-item:nth-child(8) a { -webkit-transition-delay: 0.175s; transition-delay: 0.175s; } nav.header-menu ul.menu li.menu-item ul.sub-menu.active > li.menu-item:nth-child(9) a { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } nav.header-menu ul.menu li.menu-item ul.sub-menu.active > li.menu-item:nth-child(10) a { -webkit-transition-delay: 0.225s; transition-delay: 0.225s; } nav.header-menu ul.menu li.menu-item ul.sub-menu.active > li.menu-item:nth-child(11) a { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } nav.header-menu ul.menu li.menu-item ul.sub-menu.active > li.menu-item:nth-child(12) a { -webkit-transition-delay: 0.275s; transition-delay: 0.275s; } nav.header-menu ul.menu li.menu-item ul.sub-menu.active > li.menu-item:nth-child(13) a { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } nav.header-menu ul.menu li.menu-item ul.sub-menu.active > li.menu-item:nth-child(14) a { -webkit-transition-delay: 0.325s; transition-delay: 0.325s; } nav.header-menu ul.menu li.menu-item ul.sub-menu.active > li.menu-item:nth-child(15) a { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } nav.header-menu ul.menu li.menu-item ul.sub-menu.active > li.menu-item:nth-child(n + 15) a { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } nav.header-menu ul.menu li.menu-item ul.sub-menu.active-sub-menu { -webkit-transform: translateX(0); transform: translateX(0); } nav.header-menu ul.menu li.menu-item ul.sub-menu li.sub-menu-close { color: #fff; font-weight: 600; text-decoration: none; display: block; text-transform: uppercase; -webkit-transition: -webkit-transform 0.5s ease 0.5s; transition: -webkit-transform 0.5s ease 0.5s; transition: transform 0.5s ease 0.5s; transition: transform 0.5s ease 0.5s, -webkit-transform 0.5s ease 0.5s; z-index: 0; padding: 12px 25px; position: relative; } nav.header-menu ul.menu li.menu-item ul.sub-menu li.sub-menu-close:after { content: ""; display: block; position: absolute; bottom: -1px; left: 25px; right: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } nav.header-menu ul.menu li.menu-item ul.sub-menu li.sub-menu-close:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f104"; margin-right: 15px; } nav.header-menu ul.menu li.social-media-item { padding: 0 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } nav.header-menu ul.menu li.social-media-item a { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: block; padding: 0; } nav.header-menu ul.menu.active-sub-menu { -webkit-transform: translateX(-240px); transform: translateX(-240px); } .trigger-wrapper { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .social-media-wrapper { font-size: 28px; height: 72px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .social-media-wrapper a { color: #fff; padding: 0 6px; } /** * Transforms for the page, when the menu is open */ .page-wrapper { position: relative; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; left: 0; } body.nav-open { overflow: hidden; position: relative; } body.nav-open #wpadminbar { -webkit-transform: translateX(-240px); transform: translateX(-240px); } body.nav-open header.mobile-header .nav-wrapper { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-transform: translateX(-240px); transform: translateX(-240px); } body.nav-open header.mobile-header .logo-wrapper { -webkit-transform: translateX(-240px); transform: translateX(-240px); } body.nav-open header.mobile-header .trigger-wrapper { -webkit-transform: translateX(-240px); transform: translateX(-240px); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } body.nav-open header.mobile-header .lightbox { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } body.nav-open header.mobile-header a.mobile-nav-trigger span { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: -webkit-transform .25s ease .25s; transition: -webkit-transform .25s ease .25s; transition: transform .25s ease .25s; transition: transform .25s ease .25s, -webkit-transform .25s ease .25s; } body.nav-open header.mobile-header a.mobile-nav-trigger span:after, body.nav-open header.mobile-header a.mobile-nav-trigger span:before { top: 0%; -webkit-transition: top .25s ease, background .25s ease, opacity .25s ease, -webkit-transform .25s ease .25s; transition: top .25s ease, background .25s ease, opacity .25s ease, -webkit-transform .25s ease .25s; transition: transform .25s ease .25s, top .25s ease, background .25s ease, opacity .25s ease; transition: transform .25s ease .25s, top .25s ease, background .25s ease, opacity .25s ease, -webkit-transform .25s ease .25s; background-color: inherit; } body.nav-open header.mobile-header a.mobile-nav-trigger span:before { opacity: 0; } body.nav-open header.mobile-header a.mobile-nav-trigger span:after { top: 0%; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } body.nav-open ul.menu li.menu-item a { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-delay: 0s; transition-delay: 0s; } body.nav-open ul.menu li.menu-item:nth-child(1) a { -webkit-transition-delay: 0s; transition-delay: 0s; } body.nav-open ul.menu li.menu-item:nth-child(2) a { -webkit-transition-delay: 0.025s; transition-delay: 0.025s; } body.nav-open ul.menu li.menu-item:nth-child(3) a { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } body.nav-open ul.menu li.menu-item:nth-child(4) a { -webkit-transition-delay: 0.075s; transition-delay: 0.075s; } body.nav-open ul.menu li.menu-item:nth-child(5) a { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } body.nav-open ul.menu li.menu-item:nth-child(6) a { -webkit-transition-delay: 0.125s; transition-delay: 0.125s; } body.nav-open ul.menu li.menu-item:nth-child(7) a { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } body.nav-open ul.menu li.menu-item:nth-child(8) a { -webkit-transition-delay: 0.175s; transition-delay: 0.175s; } body.nav-open ul.menu li.menu-item:nth-child(9) a { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } body.nav-open ul.menu li.menu-item:nth-child(10) a { -webkit-transition-delay: 0.225s; transition-delay: 0.225s; } body.nav-open ul.menu li.menu-item:nth-child(11) a { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } body.nav-open ul.menu li.menu-item:nth-child(12) a { -webkit-transition-delay: 0.275s; transition-delay: 0.275s; } body.nav-open ul.menu li.menu-item:nth-child(13) a { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } body.nav-open ul.menu li.menu-item:nth-child(14) a { -webkit-transition-delay: 0.325s; transition-delay: 0.325s; } body.nav-open ul.menu li.menu-item:nth-child(15) a { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } body.nav-open ul.menu li.menu-item:nth-child(n + 15) a { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } body.nav-open .page-wrapper { -webkit-transform: translate(-240px, 0); transform: translate(-240px, 0); } body.nav-open .nav-lightbox { visibility: visible; opacity: 1; -webkit-transition: visibility 0s, opacity 0.5s linear; transition: visibility 0s, opacity 0.5s linear; } body.error404 .header_404 { background-size: cover; background-position: center center; margin-bottom: 24px; } body.error404 .header_404 .the_title { color: #555; } body.error404 .header_404 .the_title span { font-weight: 300; position: relative; top: 24px; } body.error404 .header_404 .the_title.has_image { color: #fff; padding-top: 48px; } body.error404 .content_404 .the_title { margin-bottom: 24px; } body.error404 .content_404 .the_content { margin-bottom: 24px; } body.archive #archive_sidebar li, body.blog #archive_sidebar li, body.search #archive_sidebar li { margin-right: 15px; } body.page .post-meta-info-row, body.single .post-meta-info-row { margin-bottom: 23px; border-bottom: 1px solid #d9d9d9; padding-bottom: 24px; } body.page .singular_content .post_meta_info, body.single .singular_content .post_meta_info { margin-top: 0; } body.page .post-meta-footer, body.single .post-meta-footer { margin: 0 0 48px; padding: 11px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } body.page .post-meta-footer .post_meta_info, body.single .post-meta-footer .post_meta_info { margin-bottom: 0; } .content-wrapper .the_content { margin-bottom: 48px; } .thumbnail-wrapper { margin-top: -24px; margin-bottom: 24px; } .thumbnail-wrapper img { display: block; margin: 0 auto; } body.search .research .the_research_title { font-weight: 300; text-transform: uppercase; margin-bottom: 24px; } body.search .research .the_searchform { padding-bottom: 36px; margin-bottom: 23px; border-bottom: 1px solid #c0c0c0; } footer.main-footer { color: #d9d9d9; padding-top: 48px; border-top: 1px solid #949494; position: relative; } footer.main-footer a:not(.no_hover):not(.btn_agncy):not(.image-link) { color: #fff; } footer.main-footer .footer-widgets-container { border-bottom: 1px solid #949494; } footer.main-footer .footer-widgets .widget { margin-left: 0; } footer.main-footer .footer-widgets .widget .widgettitle { color: #d9d9d9; border-radius: 3px; } footer.main-footer .footer-widgets .widget.widget_rss .rssSummary { color: #aaa; } footer.main-footer nav { padding: 11px 0 12px; } footer.main-footer nav ul { margin: 0; padding: 0; list-style: inside none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } footer.main-footer nav ul li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; padding: 12px 15px; max-width: 100%; text-align: center; } footer.main-footer nav ul li a { text-decoration: none; font-weight: 400; } footer.main-footer .credit { text-align: center; font-weight: 300; margin-bottom: 24px; color: #d9d9d9; } .the_loop { zoom: 1; margin-bottom: 48px; } .the_loop:before, .the_loop:after { content: ""; display: table; } .the_loop:after { clear: both; } .the_loop:before, .the_loop:after { content: ""; display: table; } .the_loop:after { clear: both; } .the_loop article { position: relative; border-bottom: 1px solid #c0c0c0; margin-bottom: 24px; padding-bottom: 23px; } .the_loop article .the_thumbnail { margin-bottom: 24px; } .the_loop article .the_thumbnail img { display: block; width: 100%; } .the_loop article .the_post_title { font-weight: 400; } .the_loop article .the_excerpt { position: relative; } .the_loop article .read-more-link { position: absolute; display: block; bottom: 0; left: 0; right: 0; height: 48px; text-align: right; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, #ffffff)); background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%); padding: 24px 15px 0; font-weight: 300; text-transform: lowercase; } .the_loop article .read-more-link:before { content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 24px; background: #fff; } .the_loop article .read-more-link span { position: relative; z-index: 1; } .header-contact-wrapper { text-align: right; font-weight: 600; } .header-contact-wrapper .contact-item { margin-left: 10px; } .desktop-header .logo-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; overflow: hidden; height: 100%; max-height: 108px; margin: 27px 0; } .desktop-header .logo-wrapper .custom-logo-link { display: block; min-width: 0; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .desktop-header .logo-wrapper .custom-logo-link .custom-logo { display: block; margin: 0 auto; max-width: 100%; max-height: 100%; height: auto; width: auto; } .header-theme-light { background-color: #fff; color: #333; } .header-theme-light a { color: #333; } .header-theme-light .header-contact-wrapper { color: #f8f8f8; background-color: #333; } .header-theme-light .header-contact-wrapper a { color: #f8f8f8; } .header-theme-dark { background-color: #333; color: #f8f8f8; } .header-theme-dark a { color: #f8f8f8; } .header-theme-dark .header-contact-wrapper { background-color: #f8f8f8; color: #333; } .header-theme-dark .header-contact-wrapper a { color: #333; } .header-container .header-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-container .header-row:before, .header-container .header-row:after { display: none; } .header-container .header-col { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } /** * The stylesheet for styling specific elements in the gutenberg context * * The default styles are the mobile styles. */ .has-background { padding-top: 24px; padding-bottom: 24px; margin-left: 0; margin-right: 0; padding-left: 16px; padding-right: 16px; } .has-small-font-size { font-size: 13px; line-height: 1.84615385em; } .has-regular-font-size { font-size: 16px; line-height: 1.5em; } .has-large-font-size { font-size: 20px; line-height: 1.2em; } .has-larger-font-size { font-size: 32px; line-height: 1.5em; } img { display: block; padding: 0; max-width: 100%; height: auto; overflow: auto; } .wp-block-button { margin: 0 auto; } @media (min-width: 768px) { .has-background { padding-top: 27px; padding-bottom: 27px; } .has-small-font-size { font-size: 12px; line-height: 2.25em; } .has-regular-font-size { font-size: 18px; line-height: 1.5em; } .has-large-font-size { font-size: 29px; line-height: 1.86206897em; } .has-larger-font-size { font-size: 36px; line-height: 1.5em; } } /** * The stylesheet for customizing the styling of default blocks in the theme * * The default styles are the mobile styles. */ [class^='wp-block'] { margin: 0 0 24px; min-width: 25%; } [class^='wp-block'].alignleft, [class^='wp-block'].alignright { max-width: calc(50% - 32px); } [class^='wp-block'].alignleft { margin-right: 32px; } [class^='wp-block'].alignright { margin-left: 32px; } [class^='wp-block'] figcaption { font-size: 13px; line-height: 1.84615385em; margin-top: 12px; } @media (min-width: 768px) { [class^='wp-block'] { margin: 0 0 27px; } [class^='wp-block'] figcaption { font-size: 15px; line-height: 1.8em; margin-top: 13.5px; margin-bottom: 0; } } /** * Audio Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/audio/ */ .wp-block-audio audio { width: 100%; } /** * Paragraph Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/tree/master/packages/block-library/src/paragraph */ p.has-drop-cap:first-letter { font-family: "LH Fira Sans", Arial, Helvetica, sans-serif; font-size: 96px; line-height: 85%; font-weight: 700; margin: 0 8px 0 0; } p.has-drop-cap:after { content: ""; clear: both; display: table; } p.has-background { padding-top: 24px; padding-bottom: 24px; margin-left: 0; margin-right: 0; padding-left: 16px; padding-right: 16px; } @media (min-width: 768px) { p.has-drop-cap:first-letter { font-size: 108px; } p.has-background { padding-top: 27px; padding-bottom: 27px; } } /** * Cover Image Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/tree/master/packages/block-library/src/cover-image */ .wp-block-cover-image { min-height: 288px; width: auto; } .wp-block-cover-image .wp-block-cover-image-text { max-width: none; margin: 0; font-family: "LH Fira Sans", Arial, Helvetica, sans-serif; padding: 24px 16px; font-size: 25px; line-height: 1.92em; } @media (min-width: 768px) { .wp-block-cover-image { min-height: 486px; } .wp-block-cover-image .wp-block-cover-image-text { font-size: 29px; line-height: 1.86206897em; } } @media (min-width: 992px) { .wp-block-cover-image { min-height: 594px; } .wp-block-cover-image .wp-block-cover-image-text { font-size: 32px; line-height: 1.6875em; } } @media (min-width: 1200px) { .wp-block-cover-image { min-height: 648px; } .wp-block-cover-image .wp-block-cover-image-text { font-size: 36px; line-height: 1.5em; } } /** * Image Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/image */ .wp-block-image img { margin: 0 auto; max-width: 100%; width: 100%; } .wp-block-image figcaption { font-size: 13px; line-height: 1.84615385em; margin-top: 12px; } @media (min-width: 768px) { .wp-block-image figcaption { font-size: 15px; line-height: 1.8em; margin-top: 13.5px; } } /** * Quote Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/quote/ */ .wp-block-quote p { margin-bottom: 24px; margin-left: 0; margin-right: 0; } .wp-block-quote.is-style-large, .wp-block-quote.is-large { margin: 0 16px 24px; } @media (min-width: 768px) { .wp-block-quote p { margin-bottom: 27px; margin-left: 0; margin-right: 0; } .wp-block-quote.is-style-large, .wp-block-quote.is-large { margin: 0 16px 27px; } } /** * Gallery Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/gallery/ */ ul.wp-block-gallery { margin: -8px -8px 16px; } ul.wp-block-gallery.alignleft { margin-left: -24px; } ul.wp-block-gallery.alignright { margin-right: -24px; } @media (min-width: 992px) { ul.wp-block-gallery { margin: -8px -8px 19px; } ul.wp-block-gallery.alignleft, ul.wp-block-gallery.alignright { max-width: 50%; } } /** * Seperator Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/separator/ */ .wp-block-separator { margin: 72px auto; max-width: 25%; } .wp-block-separator.is-style-wide { max-width: 100%; } @media (min-width: 768px) { .wp-block-separator { margin: 81px auto; } } /** * Embed Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/gallery/ */ .wp-block-embed .wp-block-embed__wrapper { text-align: center; margin: 0; } .wp-block-embed twitterwidget, .wp-block-embed .fb-post, .wp-block-embed iframe { margin: 0 auto !important; max-width: 100% !important; min-width: 0 !important; } .wp-block-embed .fb-post span { max-width: 100%; } /** * Video Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/video/ */ .wp-block-video video { width: 100%; height: auto; } @media (min-width: 768px) { .wp-block-video { margin-bottom: 27px; } } /** * Quote Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/pullquote/ */ .wp-block-pullquote { padding: 48px 0; } .wp-block-pullquote blockquote { margin: 0; } @media (min-width: 768px) { .wp-block-pullquote figcaption { font-size: 15px; line-height: 1.8em; margin-top: 13.5px; } } /** * Table Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/table/ */ .wp-block-table { width: 100%; } /** * Column Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/columns/ */ .wp-block-columns { margin-left: -16px; margin-right: -16px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .wp-block-columns .wp-block-column { -ms-flex-preferred-size: 25%; flex-basis: 25%; margin: 0; min-width: 160px; padding: 0 16px; } .wp-block-columns.has-2-columns .wp-block-column { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .wp-block-columns.has-3-columns .wp-block-column { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; } .wp-block-columns.has-4-columns .wp-block-column { -ms-flex-preferred-size: 25%; flex-basis: 25%; } .wp-block-columns.has-5-columns .wp-block-column { -ms-flex-preferred-size: 20%; flex-basis: 20%; } .wp-block-columns.has-6-columns .wp-block-column { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; } /** * File Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/file/ */ .wp-block-file .image-link { text-decoration: none; font-weight: bold; } .wp-block-file .wp-block-file__button { margin: 0 32px; min-width: 0; display: inline-block; padding: 6px 30px; border: none; border-radius: 3px; text-decoration: none; -webkit-transition: all ease 0.2s; transition: all ease 0.2s; cursor: pointer; font-weight: 300; } .wide-content .wp-block-file.alignfull { padding: 0 16px; } /** * Latest Posts Block * Needed styles to modify the default look of the Gutenberg core block. * * @see: https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/latest-posts */ .wp-block-latest-posts { list-style: inside none; } .wp-block-latest-posts .wp-block-latest-posts__post-date { margin: 0; } .wp-block-latest-posts li { margin: 0 0 24px; padding: 0; } .wp-block-latest-posts a { font-weight: bold; text-decoration: none; } .wp-block-latest-posts time { font-style: italic; } .wp-block-latest-posts.is-grid { display: grid; grid-gap: 16px 12px; } .wp-block-latest-posts.is-grid.alignwide, .wp-block-latest-posts.is-grid.alignfull { padding: 0 16px; } .wp-block-latest-posts.is-grid li { width: auto; margin: 0; padding: 16px 12px; background-color: #f2f2f2; } .wp-block-latest-posts.is-grid.columns-2 { grid-template-columns: repeat(1, 1fr); } .wp-block-latest-posts.is-grid.columns-3 { grid-template-columns: repeat(1, 1fr); } .wp-block-latest-posts.is-grid.columns-4 { grid-template-columns: repeat(2, 1fr); } .wp-block-latest-posts.is-grid.columns-5 { grid-template-columns: repeat(2, 1fr); } .wp-block-latest-posts.is-grid.columns-6 { grid-template-columns: repeat(3, 1fr); } @media (min-width: 768px) { .wp-block-latest-posts li { margin-bottom: 27px; } .wp-block-latest-posts.is-grid { grid-gap: 16px 13.5px; } .wp-block-latest-posts.is-grid li { padding: 16px 13.5px; } .wp-block-latest-posts.is-grid.columns-2 { grid-template-columns: repeat(2, 1fr); } .wp-block-latest-posts.is-grid.columns-3 { grid-template-columns: repeat(3, 1fr); } .wp-block-latest-posts.is-grid.columns-4 { grid-template-columns: repeat(4, 1fr); } .wp-block-latest-posts.is-grid.columns-5 { grid-template-columns: repeat(5, 1fr); } .wp-block-latest-posts.is-grid.columns-6 { grid-template-columns: repeat(6, 1fr); } } @media (min-width: 992px) { .wide-content .wp-block-latest-posts.alignfull { padding-left: 16px; padding-right: 16px; } } .lh-block-no-margin-bottom { margin-bottom: 0 !important; } /** * The definitions for wide content in Gutenberg */ .wide-content p.alignfull, .wide-content p.alignwide { padding-left: 16px; padding-right: 16px; } .wide-content .alignfull, .wide-content .alignwide { margin-left: calc( -50vw + 50% ); margin-right: calc( -50vw + 50% ); width: 100vw; max-width: none; } .wide-content .alignfull-padding, .wide-content .alignwide-padding { padding-left: calc( 50vw - 50% ); padding-right: calc( 50vw - 50% ); } @media (min-width: 992px) { .wide-content .alignwide { margin-left: -197.33333333px; margin-right: -197.33333333px; width: 992px; max-width: none; } .wide-content .alignwide-padding { padding-left: 197.33333333px; padding-right: 197.33333333px; } } @media (min-width: 1200px) { .wide-content .alignwide { margin-left: -232px; margin-right: -232px; width: 1200px; max-width: none; } .wide-content .alignwide-padding { padding-left: 232px; padding-right: 232px; } } /** * Responsive Views * Small screen / tablet > 768px */ @media (min-width: 768px) { ul, ol { margin-bottom: 27px; } blockquote:before { font-size: 33.75px; } /* Box Sizing Reset -----------------------------------------------*/ /* All of our custom controls should be what we expect them to be */ /* These elements are usually rendered a certain way by the browser */ /* Text Inputs -----------------------------------------------*/ input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] { padding: 6.75px 10px; } /* Button Controls -----------------------------------------------*/ /* File Uploads -----------------------------------------------*/ input[type=file] { padding: 6.75px 5px; } /* Search Input -----------------------------------------------*/ /* Buttons -----------------------------------------------*/ button, input[type="reset"], input[type="button"], input[type="submit"] { padding: 6.75px 30px; } /* Textarea -----------------------------------------------*/ textarea { padding: 6.75px 5px; } /* Selects -----------------------------------------------*/ select { padding: 6.75px 30px 6.75px 5px; } /* Form Groups -----------------------------------------------*/ .input-group .clean-input { line-height: 25px; } .input-group .icon-button { line-height: 25px; } .viewport { /* Fore debugging only, remove on deploy */ background-size: auto 27px; /**/ } /*.search-form { height: @line-height-target-sm * 1.5; .search-field { padding: 0 10px; line-height: @line-height-target-sm; } .search-submit { height: @line-height-target-sm * 1.5; } }*/ #wpadminbar { top: 81px; } body.admin-bar .page-wrapper { padding-top: 32px; } .page_title_wrapper { margin-bottom: 27px; } .the_pagination { margin-bottom: 54px; } .the_pagination .nav-links .prev, .the_pagination .nav-links .next { width: 52px; height: 52px; } .post_meta_info { margin-bottom: 27px; } .slick-slider .slick-track .slick-slide { padding: 0 32px; } .slick-slider .slick-arrow i.fa { font-size: 54px; } .widget { margin-bottom: 54px; } .widget .textwidget > ul, .widget .textwidget > ol { margin-bottom: 27px; } .widget > ul li, .widget ul.menu li { padding-bottom: 12.5px; margin-bottom: 13.5px; } .widget > ul li ul.children, .widget ul.menu li ul.children { padding-top: 12.5px; margin-top: 13.5px; } .widget .calendar_wrap table tbody tr td, .widget .calendar_wrap table tbody tr:nth-child(even) td { padding: 6.75px 0; } .widget .tagcloud .tag-cloud-link { margin-bottom: 6.75px; } .widget.widget_rss > ul li { padding-bottom: 12.5px; margin-bottom: 13.5px; } .widget.widget_rss > ul li:last-child { padding-bottom: 13.5px; } .viewport { padding-top: 81px; } .page-wrapper { padding-top: 0px; } header.mobile-header { height: 81px; } header.mobile-header .header-wrapper { padding: 13.5px 0; } header.mobile-header .search-form { margin: 19.25px 20px -6.75px; } header.mobile-header .nav-lightbox { top: 81px; } nav.header-menu ul.menu { padding: 13.5px 0 0; } nav.header-menu ul.menu li.menu-item a { padding: 13.5px 25px; } nav.header-menu ul.menu li.menu-item span.sub-menu-trigger { margin-right: 2px; width: 46px; line-height: 46px; height: 46px; } nav.header-menu ul.menu li.menu-item ul.sub-menu { padding: 13.5px 0; } nav.header-menu ul.menu li.menu-item ul.sub-menu li.sub-menu-close { padding: 13.5px 25px; } body.error404 .page-wrapper { padding-top: 0; } body.error404 .header_404 { margin-bottom: 27px; } body.error404 .header_404 .the_title { font-size: 69px; line-height: 1.17391304em; font-weight: 600; } body.error404 .header_404 .the_title span { font-size: 23px; line-height: 1.17391304em; top: 20.25px; } body.error404 .header_404.has_image { padding-top: 135px; } body.error404 .content_404 .the_title { margin-bottom: 27px; } body.error404 .content_404 .the_content { margin-bottom: 27px; } body.error404 .sidebar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretech; -ms-flex-align: stretech; align-items: stretech; margin-left: -15px; margin-right: -15px; } body.error404 .sidebar .widget { width: 50%; padding-left: 15px; padding-right: 15px; } body.page .thumbnail-wrapper, body.single .thumbnail-wrapper { position: relative; background: #d9d9d9; } body.page .thumbnail-wrapper:after, body.single .thumbnail-wrapper:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.8); z-index: 0; } body.page .thumbnail-wrapper img, body.single .thumbnail-wrapper img { position: relative; display: block; z-index: 1; } body.page .singular_content .post_meta_info, body.single .singular_content .post_meta_info { margin-top: 0; } body.page .singular_content .the_content, body.single .singular_content .the_content { margin-bottom: 54px; } body.page .post-meta-footer, body.single .post-meta-footer { padding: 13.5px 16px; margin-bottom: 54px; } .sticky .sticky-icon { display: inline-block; } .thumbnail-wrapper { margin-top: -27px; margin-bottom: 27px; } body.search .research .the_research_title { margin-bottom: 27px; } body.search .research .the_searchform { padding-bottom: 40.5px; margin-bottom: 26px; } /**/ footer.main-footer { padding-top: 54px; } footer.main-footer .footer-widgets { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-left: -15px; margin-right: -15px; } footer.main-footer .footer-widgets > li.widget { width: 50%; margin: 0; margin-bottom: 27px; padding: 0 15px; } footer.main-footer .footer-menu-wrapper { padding: 12.5px 0 13.5px; } footer.main-footer .footer-menu-wrapper ul li { padding: 13.5px 15px; } /**/ .the_loop { margin-bottom: 54px; } .the_loop article { margin-bottom: 54px; padding-bottom: 26px; } .the_loop article .the_thumbnail { margin-bottom: 27px; } .the_loop article .the_title { margin: 13.5px 0; } .the_loop article .read-more-link { height: 54px; padding: 27px 15px 0; } .the_loop article .read-more-link:before { height: 27px; } .wp-block-button .wp-block-button__link, .wp-block-button .wp-block-button__link.has-background { padding: 13.5px 30px; margin-bottom: 27px; } .btn_agncy { padding: 6.75px 30px; } } /** * Medium screen / desktop > 992px */ @media (min-width: 992px) { /** * The small desktop header */ .viewport { padding-top: 0; } .page-wrapper { padding-top: 0px; } .desktop-header .logo-wrapper .custom-logo-link .custom-logo { margin-left: 0; margin-right: auto; } .desktop-header.header-logo_center .logo-wrapper .logo-text, .desktop-header.header-logo_center .logo-wrapper .custom-logo-link .custom-logo { margin-left: auto; margin-right: auto; } .desktop-header.header-logo_right .logo-wrapper .logo-text, .desktop-header.header-logo_right .logo-wrapper .custom-logo-link .custom-logo { margin-left: auto; margin-right: 0; } .desktop-header .divider { border-width: 1px; border-style: solid; border-bottom: none; border-left: none; border-right: none; margin: 13.5px 0 12.5px 0; } .desktop-header .desktop-nav nav.header-menu-desktop > ul.desktop-menu { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -16px; } .desktop-header .desktop-nav nav.header-menu-desktop > ul.desktop-menu li.menu-item a { text-transform: uppercase; } .desktop-header .search-form { margin: 0 0 0.75em; } .desktop-header .search-form button[type="submit"].input-group-button { padding: 6.75px 16px; } .desktop-header.header-layout-default-menu-top .desktop-menu { margin-top: 13.5px; } .desktop-header.header-layout-default-menu-top .desktop-menu .menu-item { margin-bottom: 0; } .desktop-header.header-layout-boxed-dark .boxed-dark-col { background-color: #000; } .desktop-header.header-layout-boxed-dark a, .desktop-header.header-layout-boxed-dark .header-theme-light a, .desktop-header.header-layout-boxed-dark .header-theme-dark a { color: #fff; } .desktop-header.header-layout-boxed-dark .desktop-menu .menu-item { margin-bottom: 0; } .desktop-header.header-layout-boxed-dark .desktop-menu > li.menu-item-has-children:after { color: #fff; } .desktop-header.header-layout-boxed-dark-menu-top .boxed-dark-col { background-color: #000; } .desktop-header.header-layout-boxed-dark-menu-top .desktop-nav nav.header-menu-desktop > ul.desktop-menu { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .desktop-header.header-layout-boxed-dark-menu-top .desktop-nav nav.header-menu-desktop > ul.desktop-menu > li.menu-item { margin-bottom: 0; } .desktop-header.header-layout-boxed-dark-menu-top .desktop-nav nav.header-menu-desktop > ul.desktop-menu > li.menu-item:after { color: #fff; } .desktop-header.header-layout-boxed-dark-menu-top .desktop-nav nav.header-menu-desktop > ul.desktop-menu > li.menu-item > a { color: #fff; } body.nav-open { overflow: scroll; position: relative; } body.nav-open #wpadminbar { -webkit-transform: translateX(0); transform: translateX(0); } body.nav-open .page-wrapper { -webkit-transform: translate(0, 0); transform: translate(0, 0); } /** * The styling for the navigation on desktop computers. */ .desktop-menu { margin: 0; padding: 0.75em 0; list-style: inside none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .desktop-menu .menu-item { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 0 0.75em; padding: 0; } .desktop-menu .menu-item a { display: block; padding: 0.375em 16px; font-weight: 400 !important; } .desktop-menu .menu-item:hover > .sub-menu { display: block; } .desktop-menu > li.menu-item-has-children:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f107"; font-size: inherit; line-height: inherit; position: absolute; top: 0.375em; right: 0; } .desktop-menu .sub-menu { position: absolute; display: none; top: 100%; left: 15px; width: 250px; padding: 0; margin: 0; list-style: inside none; z-index: 10; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); border-radius: 0 0 3px 3px; border-top: 1px solid #ccc; } .desktop-menu .sub-menu .menu-item { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; margin: 0; width: 100%; border-bottom: 1px solid #ccc; background-color: #fff; color: #555; } .desktop-menu .sub-menu .menu-item a { -webkit-transition: none; transition: none; color: #555; } .desktop-menu .sub-menu .menu-item:hover { background-color: #333; } .desktop-menu .sub-menu .menu-item:hover > a, .desktop-menu .sub-menu .menu-item:hover > a:hover { color: #fff; } .desktop-menu .sub-menu .menu-item:last-child { border-bottom: none; border-radius: 0 0 3px 3px; } .desktop-menu .sub-menu .menu-item.menu-item-has-children > a:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; font-size: inherit; line-height: inherit; float: right; vertical-align: middle; } .desktop-menu .sub-menu a { display: block; padding: 0.375em 15px; margin: 0; -webkit-transition: .5s all ease; transition: .5s all ease; } .desktop-menu .sub-menu .sub-menu { top: -1px; left: 100%; } #wpadminbar { top: 0; -webkit-transition: 0.5s -webkit-transform ease; transition: 0.5s -webkit-transform ease; transition: 0.5s transform ease; transition: 0.5s transform ease, 0.5s -webkit-transform ease; -webkit-transform: translateX(0); transform: translateX(0); z-index: 99; } body.admin-bar { margin-top: 32px; } body.admin-bar .page-wrapper { padding-top: 0; } .page_title_wrapper { padding: 27px 0; margin-bottom: 54px; } /** * If a content element has a sidebar we use flexbox to * adjust the height of sidebar-wrapper and content-wrapper * to let the sidebar correctly stick to the viewport. */ .has-sidebar { display: -webkit-box; display: -ms-flexbox; display: flex; } .has-sidebar .content-wrapper { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .has-sidebar .sidebar-wrapper { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } footer.main-footer .footer-widgets > li.widget { width: 33.33333333%; } footer.main-footer .footer-widgets > li.widget > ul li.page_item_has_children ul.children li:before { top: 5px; } body.page .post-meta-footer, body.single .post-meta-footer { margin-bottom: 54px; } .content-wrapper { padding: 0 16px; } .content-wrapper .the_content { margin-bottom: 48px; } .thumbnail-wrapper { margin-top: -54px; margin-bottom: 54px; } } /** * Large screen / wide desktop > 1200px */