@charset "UTF-8"; /*! Theme Name: CPMmagz Theme URI: https://codethemes.co/product/cpm-magz/ Author: CodeThemes Author URI: https://codethemes.co Description: CPMMagz theme is clean, blog and magazine focused for blogger & Media Houses. Awesome WordPress theme for magazines and blogs. Powered by Material Design UI, this theme is designed to suit the need for Magazine, Sport, Blog and other News portals and Entertainment sites. CPMmagz is a Cross-Browser Compatible theme that works on all leading web browsers. We've implemented the built-in WordPress customizer which allows user to customize their site easily as per their needs. Features include easy customization of a custom logo, fav icon, social icons, background, theme color, custom menu, featured content, highlights, breaking news, contact page and much more. For more information about CPMMagz please go to https://codethemes.co/product/cpm-magz/ Theme Demo available at https://codethemes.co/demos?theme=Magazine Version: 1.2.3 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: grid-layout, footer-widgets, blog, entertainment, news, two-columns, left-sidebar, custom-background, custom-colors, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: cpmmagz This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. CPMmagz is based on Underscores http://underscores.me/ and Materialize http://materializecss.com/ , (C) 2012-2015 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v3 or later. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: 1. Materialize Components 1.1 Colors 1.2 Normalize 1.3 Global 1.4 Material Design Icons 1.5 Grids 1.6 Navbar 1.7 Fonts 1.8 Typography 1.9 Cards 1.10 Toast 1.11 Tabs 1.12 Tooltip 1.13 Buttons 1.14 Dropdown 1.15 Wave 1.16 Modal 1.17 Collapsible 1.18 Material BOx 1.19 Forms 1.20 Table Of Contents 1.21 Sidenav 1.22 PreLoader 1.23 Slider 1.24 Defaults 1.25 Default Dates 1.26 Default Time 2. Wordpress Core Styles --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Materialize Import --------------------------------------------------------------*/ /*-------------------------------------------------------------- # 1.2 Normalize --------------------------------------------------------------*/ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** Contain overflow in all browsers. */ pre { overflow: auto; } /** Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */ /** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */ /* 1 */ html input[type="button"], button, input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ input { line-height: normal; } /** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; } /** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # 1.3 Global --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } ul { list-style-type: none; } a { color: #039be5; text-decoration: none; -webkit-tap-highlight-color: transparent; } .valign-wrapper, #site-loader, .card .card-quote, .card .card-link, .card .card-status, .card.news-small .card-desc { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .valign-wrapper .valign, #site-loader .valign, .card .card-quote .valign, .card .card-link .valign, .card .card-status .valign, .card.news-small .card-desc .valign { display: block; } ul { padding: 0; } ul li { list-style-type: none; } .clearfix { clear: both; } .z-depth-0 { box-shadow: none !important; } .z-depth-1, nav, .card-panel, .card, .btn, .btn-large, button, input[type=submit], .btn-floating, .dropdown-content, .collapsible { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .z-depth-1-half, .btn:hover, .btn-large:hover, button:hover, input[type=submit]:hover, .btn-floating:hover { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } .z-depth-2 { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .z-depth-3 { box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); } .z-depth-4 { box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); } .z-depth-5 { box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); } .hoverable:hover { transition: box-shadow .25s; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .divider { height: 1px; overflow: hidden; background-color: #e0e0e0; } i { line-height: inherit; } i.left { float: left; margin-right: 10px; } i.right { float: right; margin-left: 10px; } i.tiny { font-size: 1rem; } i.small { font-size: 2rem; } i.medium { font-size: 4rem; } i.large { font-size: 6rem; } img.responsive-img, video.responsive-video { max-width: 100%; height: auto; } .pagination li { float: left; font-size: 1.2rem; padding: 0 10px; line-height: 30px; border-radius: 2px; text-align: center; } .pagination li a { color: #444; } .pagination li.active a { color: #fff; } .pagination li.active { background-color: #ee6e73; } .pagination li.disabled a { cursor: default; color: #999; } .pagination li i { font-size: 2rem; } .pagination li.pages ul li { display: inline-block; float: none; } @media only screen and (max-width: 992px) { .pagination { width: 100%; } .pagination li.prev, .pagination li.next { width: 10%; } .pagination li.pages { width: 80%; overflow: hidden; white-space: nowrap; } } .parallax-container { position: relative; overflow: hidden; height: 500px; } .parallax { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .parallax img { display: none; position: absolute; left: 50%; bottom: 0; min-width: 100%; min-height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pin-top, .pin-bottom { position: relative; } .pinned { position: fixed !important; } /********************* Transition Classes */ ul.staggered-list li { opacity: 0; } .fade-in { opacity: 0; -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } /********************* Media Query Classes */ @media only screen and (max-width: 600px) { .hide-on-small-only, .hide-on-small-and-down { display: none !important; } } @media only screen and (max-width: 992px) { .hide-on-med-and-down { display: none !important; } } @media only screen and (min-width: 601px) { .hide-on-med-and-up { display: none !important; } } @media only screen and (min-width: 600px) and (max-width: 992px) { .hide-on-med-only { display: none !important; } } @media only screen and (min-width: 993px) { .hide-on-large-only { display: none !important; } } @media only screen and (min-width: 993px) { .show-on-large { display: initial !important; } } @media only screen and (min-width: 600px) and (max-width: 992px) { .show-on-medium { display: initial !important; } } @media only screen and (max-width: 600px) { .show-on-small { display: initial !important; } } @media only screen and (min-width: 601px) { .show-on-medium-and-up { display: initial !important; } } @media only screen and (max-width: 992px) { .show-on-medium-and-down { display: initial !important; } } @media only screen and (max-width: 600px) { .center-on-small-only { text-align: center; } } footer.page-footer .footer-copyright { overflow: hidden; height: 50px; line-height: 50px; color: rgba(255, 255, 255, 0.8); background-color: rgba(51, 51, 51, 0.08); } table, th, td { border: none; } table { width: 100%; display: table; } table.bordered > thead > tr, table.bordered > tbody > tr { border-bottom: 1px solid #d0d0d0; } table.striped > tbody > tr:nth-child(odd) { background-color: #f2f2f2; } table.striped > tbody > tr > td { border-radius: 0px; } table.hoverable > tbody > tr { transition: background-color 0.25s ease; } table.hoverable > tbody > tr:hover { background-color: #f2f2f2; } table.centered thead tr th, table.centered tbody tr td { text-align: center; } thead { border-bottom: 1px solid #d0d0d0; } td, th { padding: 15px 5px; display: table-cell; text-align: left; vertical-align: middle; border-radius: 2px; } @media only screen and (max-width: 992px) { table.responsive-table { width: 100%; border-collapse: collapse; border-spacing: 0; display: block; position: relative; /* sort out borders */ } table.responsive-table th, table.responsive-table td { margin: 0; vertical-align: top; } table.responsive-table th { text-align: left; } table.responsive-table thead { display: block; float: left; } table.responsive-table thead tr { display: block; padding: 0 10px 0 0; } table.responsive-table thead tr th::before { content: "\00a0"; } table.responsive-table tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } table.responsive-table tbody tr { display: inline-block; vertical-align: top; } table.responsive-table th { display: block; text-align: right; } table.responsive-table td { display: block; min-height: 1.25em; text-align: left; } table.responsive-table tr { padding: 0 10px; } table.responsive-table thead { border: 0; border-right: 1px solid #d0d0d0; } table.responsive-table.bordered th { border-bottom: 0; border-left: 0; } table.responsive-table.bordered td { border-left: 0; border-right: 0; border-bottom: 0; } table.responsive-table.bordered tr { border: 0; } table.responsive-table.bordered tbody tr { border-right: 1px solid #d0d0d0; } } .collection, .sec-sidebar .widget > ul, .sec-sidebar .widget_recent_entries > ul, .widget ul.menu { margin: 0.66667rem 0 1.33333rem 0; border: 1px solid #e0e0e0; border-radius: 2px; overflow: hidden; position: relative; } .collection .collection-item, .sec-sidebar .widget > ul .collection-item, .sec-sidebar .widget_recent_entries > ul .collection-item, .widget ul.menu .collection-item, .sec-sidebar .collection .widget > ul > li, .sec-sidebar .widget > ul > li, .sec-sidebar .collection .widget_recent_entries > ul > li, .sec-sidebar .widget_recent_entries > ul > li, .widget ul.menu li { background-color: #fff; line-height: 1.5rem; padding: 10px 20px; margin: 0; border-bottom: 1px solid #e0e0e0; } .collection .collection-item.avatar, .sec-sidebar .widget > ul .collection-item.avatar, .sec-sidebar .widget_recent_entries > ul .collection-item.avatar, .widget ul.menu .collection-item.avatar, .sec-sidebar .collection .widget > ul > li.avatar, .sec-sidebar .widget > ul > li.avatar, .sec-sidebar .collection .widget_recent_entries > ul > li.avatar, .sec-sidebar .widget_recent_entries > ul > li.avatar, .widget ul.menu li.avatar { min-height: 84px; padding-left: 72px; position: relative; } .collection .collection-item.avatar .circle, .sec-sidebar .widget > ul .collection-item.avatar .circle, .sec-sidebar .widget_recent_entries > ul .collection-item.avatar .circle, .widget ul.menu .collection-item.avatar .circle, .sec-sidebar .collection .widget > ul > li.avatar .circle, .sec-sidebar .widget > ul > li.avatar .circle, .sec-sidebar .collection .widget_recent_entries > ul > li.avatar .circle, .sec-sidebar .widget_recent_entries > ul > li.avatar .circle, .widget ul.menu li.avatar .circle { position: absolute; width: 42px; height: 42px; overflow: hidden; left: 15px; display: inline-block; vertical-align: middle; } .collection .collection-item.avatar i.circle, .sec-sidebar .widget > ul .collection-item.avatar i.circle, .sec-sidebar .widget_recent_entries > ul .collection-item.avatar i.circle, .widget ul.menu .collection-item.avatar i.circle, .sec-sidebar .collection .widget > ul > li.avatar i.circle, .sec-sidebar .widget > ul > li.avatar i.circle, .sec-sidebar .collection .widget_recent_entries > ul > li.avatar i.circle, .sec-sidebar .widget_recent_entries > ul > li.avatar i.circle, .widget ul.menu li.avatar i.circle { font-size: 18px; line-height: 42px; color: #fff; background-color: #999; text-align: center; } .collection .collection-item.avatar .title, .sec-sidebar .widget > ul .collection-item.avatar .title, .sec-sidebar .widget_recent_entries > ul .collection-item.avatar .title, .widget ul.menu .collection-item.avatar .title, .sec-sidebar .collection .widget > ul > li.avatar .title, .sec-sidebar .widget > ul > li.avatar .title, .sec-sidebar .collection .widget_recent_entries > ul > li.avatar .title, .sec-sidebar .widget_recent_entries > ul > li.avatar .title, .widget ul.menu li.avatar .title { font-size: 16px; } .collection .collection-item.avatar p, .sec-sidebar .widget > ul .collection-item.avatar p, .sec-sidebar .widget_recent_entries > ul .collection-item.avatar p, .widget ul.menu .collection-item.avatar p, .sec-sidebar .collection .widget > ul > li.avatar p, .sec-sidebar .widget > ul > li.avatar p, .sec-sidebar .collection .widget_recent_entries > ul > li.avatar p, .sec-sidebar .widget_recent_entries > ul > li.avatar p, .widget ul.menu li.avatar p { margin: 0; } .collection .collection-item.avatar .secondary-content, .sec-sidebar .widget > ul .collection-item.avatar .secondary-content, .sec-sidebar .widget_recent_entries > ul .collection-item.avatar .secondary-content, .widget ul.menu .collection-item.avatar .secondary-content, .sec-sidebar .collection .widget > ul > li.avatar .secondary-content, .sec-sidebar .widget > ul > li.avatar .secondary-content, .sec-sidebar .collection .widget_recent_entries > ul > li.avatar .secondary-content, .sec-sidebar .widget_recent_entries > ul > li.avatar .secondary-content, .widget ul.menu li.avatar .secondary-content { position: absolute; top: 16px; right: 16px; } .collection .collection-item:last-child, .sec-sidebar .widget > ul .collection-item:last-child, .sec-sidebar .widget_recent_entries > ul .collection-item:last-child, .widget ul.menu .collection-item:last-child, .sec-sidebar .collection .widget > ul > li:last-child, .sec-sidebar .widget > ul > li:last-child, .sec-sidebar .collection .widget_recent_entries > ul > li:last-child, .sec-sidebar .widget_recent_entries > ul > li:last-child, .widget ul.menu li:last-child { border-bottom: none; } .collection .collection-item.active, .sec-sidebar .widget > ul .collection-item.active, .sec-sidebar .widget_recent_entries > ul .collection-item.active, .widget ul.menu .collection-item.active, .sec-sidebar .collection .widget > ul > li.active, .sec-sidebar .widget > ul > li.active, .sec-sidebar .collection .widget_recent_entries > ul > li.active, .sec-sidebar .widget_recent_entries > ul > li.active, .widget ul.menu li.active { background-color: #26a69a; color: #eafaf9; } .collection a.collection-item, .sec-sidebar .widget > ul a.collection-item, .sec-sidebar .widget_recent_entries > ul a.collection-item, .widget ul.menu a.collection-item { display: block; transition: 0.25s; color: #26a69a; } .collection a.collection-item:not(.active):hover, .sec-sidebar .widget > ul a.collection-item:not(.active):hover, .sec-sidebar .widget_recent_entries > ul a.collection-item:not(.active):hover, .widget ul.menu a.collection-item:not(.active):hover { background-color: #ddd; } .collection.with-header .collection-header, .sec-sidebar .widget > ul.with-header .collection-header, .sec-sidebar .widget_recent_entries > ul.with-header .collection-header, .widget ul.with-header.menu .collection-header { background-color: #fff; border-bottom: 1px solid #e0e0e0; padding: 10px 20px; } .collection.with-header .collection-item, .sec-sidebar .widget > ul.with-header .collection-item, .sec-sidebar .widget_recent_entries > ul.with-header .collection-item, .widget ul.with-header.menu .collection-item, .collection.with-header .sec-sidebar .widget > ul > li, .sec-sidebar .collection.with-header .widget > ul > li, .sec-sidebar .widget > ul.with-header .widget > ul > li, .sec-sidebar .widget_recent_entries > ul.with-header .widget > ul > li, .collection.with-header .sec-sidebar .widget_recent_entries > ul > li, .sec-sidebar .collection.with-header .widget_recent_entries > ul > li, .sec-sidebar .widget > ul.with-header .widget_recent_entries > ul > li, .sec-sidebar .widget_recent_entries > ul.with-header .widget_recent_entries > ul > li, .collection.with-header .widget ul.menu li, .widget ul.menu .collection.with-header li, .sec-sidebar .widget > ul.with-header ul.menu li, .sec-sidebar .widget_recent_entries > ul.with-header .widget ul.menu li, .widget ul.menu .sec-sidebar .widget_recent_entries > ul.with-header li, .widget ul.with-header.menu li { padding-left: 30px; } .collection.with-header .collection-item.avatar, .sec-sidebar .widget > ul.with-header .collection-item.avatar, .sec-sidebar .widget_recent_entries > ul.with-header .collection-item.avatar, .widget ul.with-header.menu .collection-item.avatar, .collection.with-header .sec-sidebar .widget > ul > li.avatar, .sec-sidebar .collection.with-header .widget > ul > li.avatar, .sec-sidebar .widget > ul.with-header .widget > ul > li.avatar, .sec-sidebar .widget_recent_entries > ul.with-header .widget > ul > li.avatar, .collection.with-header .sec-sidebar .widget_recent_entries > ul > li.avatar, .sec-sidebar .collection.with-header .widget_recent_entries > ul > li.avatar, .sec-sidebar .widget > ul.with-header .widget_recent_entries > ul > li.avatar, .sec-sidebar .widget_recent_entries > ul.with-header .widget_recent_entries > ul > li.avatar, .collection.with-header .widget ul.menu li.avatar, .widget ul.menu .collection.with-header li.avatar, .sec-sidebar .widget > ul.with-header ul.menu li.avatar, .sec-sidebar .widget_recent_entries > ul.with-header .widget ul.menu li.avatar, .widget ul.menu .sec-sidebar .widget_recent_entries > ul.with-header li.avatar, .widget ul.with-header.menu li.avatar { padding-left: 72px; } .secondary-content { float: right; color: #26a69a; } span.badge { min-width: 3rem; padding: 0 6px; text-align: center; font-size: 1rem; line-height: inherit; color: color("grey", "darken-1"); position: absolute; right: 15px; box-sizing: border-box; } span.badge.new { font-weight: 300; font-size: 0.8rem; color: #fff; background-color: #26a69a; border-radius: 2px; } span.badge.new:after { content: " new"; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container.no-controls { padding-top: 0; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .progress { position: relative; height: 4px; display: block; width: 100%; background-color: #acece6; border-radius: 2px; margin: 0.66667rem 0 1.33333rem 0; overflow: hidden; } .progress .determinate { position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; background-color: #26a69a; transition: width 0.3s linear; } .progress .indeterminate { background-color: #26a69a; } .progress .indeterminate:before { content: ''; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } .progress .indeterminate:after { content: ''; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation-delay: 1.15s; animation-delay: 1.15s; } @-webkit-keyframes indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @keyframes indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @-webkit-keyframes indeterminate-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } @keyframes indeterminate-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } /******************* Utility Classes */ .hide { display: none !important; } .left-align { text-align: left; } .right-align { text-align: right; } .center, .center-align { text-align: center; } .left { float: left !important; } .right { float: right !important; } .no-select, input[type=range], input[type=range] + .thumb { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .circle { border-radius: 50%; } .center-block { display: block; margin-left: auto; margin-right: auto; } .truncate { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .no-padding { padding: 0 !important; } /*-------------------------------------------------------------- # 1.4 Material Design Icons --------------------------------------------------------------*/ @font-face { font-family: "Material-Design-Icons"; src: url("assets/font/material-design-icons/Material-Design-Icons.eot?#iefix") format("embedded-opentype"), url("assets/font/material-design-icons/Material-Design-Icons.woff2") format("woff2"), url("assets/font/material-design-icons/Material-Design-Icons.woff") format("woff"), url("assets/font/material-design-icons/Material-Design-Icons.ttf") format("truetype"), url("assets/font/material-design-icons/Material-Design-Icons.svg#Material-Design-Icons") format("svg"); font-weight: normal; font-style: normal; } [class^="mdi-"], [class*="mdi-"] { speak: none; display: inline-block; font-family: "Material-Design-Icons"; font-style: normal; font-weight: normal; font-variant: normal; text-rendering: auto; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } [class^="mdi-"]:before, [class*="mdi-"]:before { display: inline-block; speak: none; text-decoration: inherit; } [class^="mdi-"].pull-left, [class*="mdi-"].pull-left { margin-right: .3em; } [class^="mdi-"].pull-right, [class*="mdi-"].pull-right { margin-left: .3em; } [class^="mdi-"].mdi-lg:before, [class^="mdi-"].mdi-lg:after, [class*="mdi-"].mdi-lg:before, [class*="mdi-"].mdi-lg:after { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } [class^="mdi-"].mdi-2x:before, [class^="mdi-"].mdi-2x:after, [class*="mdi-"].mdi-2x:before, [class*="mdi-"].mdi-2x:after { font-size: 2em; } [class^="mdi-"].mdi-3x:before, [class^="mdi-"].mdi-3x:after, [class*="mdi-"].mdi-3x:before, [class*="mdi-"].mdi-3x:after { font-size: 3em; } [class^="mdi-"].mdi-4x:before, [class^="mdi-"].mdi-4x:after, [class*="mdi-"].mdi-4x:before, [class*="mdi-"].mdi-4x:after { font-size: 4em; } [class^="mdi-"].mdi-5x:before, [class^="mdi-"].mdi-5x:after, [class*="mdi-"].mdi-5x:before, [class*="mdi-"].mdi-5x:after { font-size: 5em; } [class^="mdi-device-signal-cellular-"]:after, [class^="mdi-device-battery-"]:after, [class^="mdi-device-battery-charging-"]:after, [class^="mdi-device-signal-cellular-connected-no-internet-"]:after, [class^="mdi-device-signal-wifi-"]:after, [class^="mdi-device-signal-wifi-statusbar-not-connected"]:after, .mdi-device-network-wifi:after { opacity: .3; position: absolute; left: 0; top: 0; z-index: 1; display: inline-block; speak: none; text-decoration: inherit; } [class^="mdi-device-signal-cellular-"]:after { content: "\e758"; } [class^="mdi-device-battery-"]:after { content: "\e735"; } [class^="mdi-device-battery-charging-"]:after { content: "\e733"; } [class^="mdi-device-signal-cellular-connected-no-internet-"]:after { content: "\e75d"; } [class^="mdi-device-signal-wifi-"]:after, .mdi-device-network-wifi:after { content: "\e765"; } [class^="mdi-device-signal-wifi-statusbasr-not-connected"]:after { content: "\e8f7"; } .mdi-device-signal-cellular-off:after, .mdi-device-signal-cellular-null:after, .mdi-device-signal-cellular-no-sim:after, .mdi-device-signal-wifi-off:after, .mdi-device-signal-wifi-4-bar:after, .mdi-device-signal-cellular-4-bar:after, .mdi-device-battery-alert:after, .mdi-device-signal-cellular-connected-no-internet-4-bar:after, .mdi-device-battery-std:after, .mdi-device-battery-full .mdi-device-battery-unknown:after { content: ""; } .mdi-fw { width: 1.28571429em; text-align: center; } .mdi-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .mdi-ul > li { position: relative; } .mdi-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .mdi-li.mdi-lg { left: -1.85714286em; } .mdi-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .mdi-spin { -webkit-animation: mdi-spin 2s infinite linear; animation: mdi-spin 2s infinite linear; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .mdi-pulse { -webkit-animation: mdi-spin 1s steps(8) infinite; animation: mdi-spin 1s steps(8) infinite; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } @-webkit-keyframes mdi-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes mdi-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .mdi-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .mdi-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .mdi-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .mdi-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .mdi-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .mdi-rotate-90, :root .mdi-rotate-180, :root .mdi-rotate-270, :root .mdi-flip-horizontal, :root .mdi-flip-vertical { -webkit-filter: none; filter: none; } .mdi-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .mdi-stack-1x, .mdi-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .mdi-stack-1x { line-height: inherit; } .mdi-stack-2x { font-size: 2em; } .mdi-inverse { color: #ffffff; } /* Start Icons */ .mdi-action-3d-rotation:before { content: "\e600"; } .mdi-action-accessibility:before { content: "\e601"; } .mdi-action-account-balance-wallet:before { content: "\e602"; } .mdi-action-account-balance:before { content: "\e603"; } .mdi-action-account-box:before { content: "\e604"; } .mdi-action-account-child:before { content: "\e605"; } .mdi-action-account-circle:before { content: "\e606"; } .mdi-action-add-shopping-cart:before { content: "\e607"; } .mdi-action-alarm-add:before { content: "\e608"; } .mdi-action-alarm-off:before { content: "\e609"; } .mdi-action-alarm-on:before { content: "\e60a"; } .mdi-action-alarm:before { content: "\e60b"; } .mdi-action-android:before { content: "\e60c"; } .mdi-action-announcement:before { content: "\e60d"; } .mdi-action-aspect-ratio:before { content: "\e60e"; } .mdi-action-assessment:before { content: "\e60f"; } .mdi-action-assignment-ind:before { content: "\e610"; } .mdi-action-assignment-late:before { content: "\e611"; } .mdi-action-assignment-return:before { content: "\e612"; } .mdi-action-assignment-returned:before { content: "\e613"; } .mdi-action-assignment-turned-in:before { content: "\e614"; } .mdi-action-assignment:before { content: "\e615"; } .mdi-action-autorenew:before { content: "\e616"; } .mdi-action-backup:before { content: "\e617"; } .mdi-action-book:before { content: "\e618"; } .mdi-action-bookmark-outline:before { content: "\e619"; } .mdi-action-bookmark:before { content: "\e61a"; } .mdi-action-bug-report:before { content: "\e61b"; } .mdi-action-cached:before { content: "\e61c"; } .mdi-action-check-circle:before { content: "\e61d"; } .mdi-action-class:before { content: "\e61e"; } .mdi-action-credit-card:before { content: "\e61f"; } .mdi-action-dashboard:before { content: "\e620"; } .mdi-action-delete:before { content: "\e621"; } .mdi-action-description:before { content: "\e622"; } .mdi-action-dns:before { content: "\e623"; } .mdi-action-done-all:before { content: "\e624"; } .mdi-action-done:before { content: "\e625"; } .mdi-action-event:before { content: "\e626"; } .mdi-action-exit-to-app:before { content: "\e627"; } .mdi-action-explore:before { content: "\e628"; } .mdi-action-extension:before { content: "\e629"; } .mdi-action-face-unlock:before { content: "\e62a"; } .mdi-action-favorite-outline:before { content: "\e62b"; } .mdi-action-favorite:before { content: "\e62c"; } .mdi-action-find-in-page:before { content: "\e62d"; } .mdi-action-find-replace:before { content: "\e62e"; } .mdi-action-flip-to-back:before { content: "\e62f"; } .mdi-action-flip-to-front:before { content: "\e630"; } .mdi-action-get-app:before { content: "\e631"; } .mdi-action-grade:before { content: "\e632"; } .mdi-action-group-work:before { content: "\e633"; } .mdi-action-help:before { content: "\e634"; } .mdi-action-highlight-remove:before { content: "\e635"; } .mdi-action-history:before { content: "\e636"; } .mdi-action-home:before { content: "\e637"; } .mdi-action-https:before { content: "\e638"; } .mdi-action-info-outline:before { content: "\e639"; } .mdi-action-info:before { content: "\e63a"; } .mdi-action-input:before { content: "\e63b"; } .mdi-action-invert-colors:before { content: "\e63c"; } .mdi-action-label-outline:before { content: "\e63d"; } .mdi-action-label:before { content: "\e63e"; } .mdi-action-language:before { content: "\e63f"; } .mdi-action-launch:before { content: "\e640"; } .mdi-action-list:before { content: "\e641"; } .mdi-action-lock-open:before { content: "\e642"; } .mdi-action-lock-outline:before { content: "\e643"; } .mdi-action-lock:before { content: "\e644"; } .mdi-action-loyalty:before { content: "\e645"; } .mdi-action-markunread-mailbox:before { content: "\e646"; } .mdi-action-note-add:before { content: "\e647"; } .mdi-action-open-in-browser:before { content: "\e648"; } .mdi-action-open-in-new:before { content: "\e649"; } .mdi-action-open-with:before { content: "\e64a"; } .mdi-action-pageview:before { content: "\e64b"; } .mdi-action-payment:before { content: "\e64c"; } .mdi-action-perm-camera-mic:before { content: "\e64d"; } .mdi-action-perm-contact-cal:before { content: "\e64e"; } .mdi-action-perm-data-setting:before { content: "\e64f"; } .mdi-action-perm-device-info:before { content: "\e650"; } .mdi-action-perm-identity:before { content: "\e651"; } .mdi-action-perm-media:before { content: "\e652"; } .mdi-action-perm-phone-msg:before { content: "\e653"; } .mdi-action-perm-scan-wifi:before { content: "\e654"; } .mdi-action-picture-in-picture:before { content: "\e655"; } .mdi-action-polymer:before { content: "\e656"; } .mdi-action-print:before { content: "\e657"; } .mdi-action-query-builder:before { content: "\e658"; } .mdi-action-question-answer:before { content: "\e659"; } .mdi-action-receipt:before { content: "\e65a"; } .mdi-action-redeem:before { content: "\e65b"; } .mdi-action-reorder:before { content: "\e65c"; } .mdi-action-report-problem:before { content: "\e65d"; } .mdi-action-restore:before { content: "\e65e"; } .mdi-action-room:before { content: "\e65f"; } .mdi-action-schedule:before { content: "\e660"; } .mdi-action-search:before { content: "\e661"; } .mdi-action-settings-applications:before { content: "\e662"; } .mdi-action-settings-backup-restore:before { content: "\e663"; } .mdi-action-settings-bluetooth:before { content: "\e664"; } .mdi-action-settings-cell:before { content: "\e665"; } .mdi-action-settings-display:before { content: "\e666"; } .mdi-action-settings-ethernet:before { content: "\e667"; } .mdi-action-settings-input-antenna:before { content: "\e668"; } .mdi-action-settings-input-component:before { content: "\e669"; } .mdi-action-settings-input-composite:before { content: "\e66a"; } .mdi-action-settings-input-hdmi:before { content: "\e66b"; } .mdi-action-settings-input-svideo:before { content: "\e66c"; } .mdi-action-settings-overscan:before { content: "\e66d"; } .mdi-action-settings-phone:before { content: "\e66e"; } .mdi-action-settings-power:before { content: "\e66f"; } .mdi-action-settings-remote:before { content: "\e670"; } .mdi-action-settings-voice:before { content: "\e671"; } .mdi-action-settings:before { content: "\e672"; } .mdi-action-shop-two:before { content: "\e673"; } .mdi-action-shop:before { content: "\e674"; } .mdi-action-shopping-basket:before { content: "\e675"; } .mdi-action-shopping-cart:before { content: "\e676"; } .mdi-action-speaker-notes:before { content: "\e677"; } .mdi-action-spellcheck:before { content: "\e678"; } .mdi-action-star-rate:before { content: "\e679"; } .mdi-action-stars:before { content: "\e67a"; } .mdi-action-store:before { content: "\e67b"; } .mdi-action-subject:before { content: "\e67c"; } .mdi-action-supervisor-account:before { content: "\e67d"; } .mdi-action-swap-horiz:before { content: "\e67e"; } .mdi-action-swap-vert-circle:before { content: "\e67f"; } .mdi-action-swap-vert:before { content: "\e680"; } .mdi-action-system-update-tv:before { content: "\e681"; } .mdi-action-tab-unselected:before { content: "\e682"; } .mdi-action-tab:before { content: "\e683"; } .mdi-action-theaters:before { content: "\e684"; } .mdi-action-thumb-down:before { content: "\e685"; } .mdi-action-thumb-up:before { content: "\e686"; } .mdi-action-thumbs-up-down:before { content: "\e687"; } .mdi-action-toc:before { content: "\e688"; } .mdi-action-today:before { content: "\e689"; } .mdi-action-track-changes:before { content: "\e68a"; } .mdi-action-translate:before { content: "\e68b"; } .mdi-action-trending-down:before { content: "\e68c"; } .mdi-action-trending-neutral:before { content: "\e68d"; } .mdi-action-trending-up:before { content: "\e68e"; } .mdi-action-turned-in-not:before { content: "\e68f"; } .mdi-action-turned-in:before { content: "\e690"; } .mdi-action-verified-user:before { content: "\e691"; } .mdi-action-view-agenda:before { content: "\e692"; } .mdi-action-view-array:before { content: "\e693"; } .mdi-action-view-carousel:before { content: "\e694"; } .mdi-action-view-column:before { content: "\e695"; } .mdi-action-view-day:before { content: "\e696"; } .mdi-action-view-headline:before { content: "\e697"; } .mdi-action-view-list:before { content: "\e698"; } .mdi-action-view-module:before { content: "\e699"; } .mdi-action-view-quilt:before { content: "\e69a"; } .mdi-action-view-stream:before { content: "\e69b"; } .mdi-action-view-week:before { content: "\e69c"; } .mdi-action-visibility-off:before { content: "\e69d"; } .mdi-action-visibility:before { content: "\e69e"; } .mdi-action-wallet-giftcard:before { content: "\e69f"; } .mdi-action-wallet-membership:before { content: "\e6a0"; } .mdi-action-wallet-travel:before { content: "\e6a1"; } .mdi-action-work:before { content: "\e6a2"; } .mdi-alert-error:before { content: "\e6a3"; } .mdi-alert-warning:before { content: "\e6a4"; } .mdi-av-album:before { content: "\e6a5"; } .mdi-av-closed-caption:before { content: "\e6a6"; } .mdi-av-equalizer:before { content: "\e6a7"; } .mdi-av-explicit:before { content: "\e6a8"; } .mdi-av-fast-forward:before { content: "\e6a9"; } .mdi-av-fast-rewind:before { content: "\e6aa"; } .mdi-av-games:before { content: "\e6ab"; } .mdi-av-hearing:before { content: "\e6ac"; } .mdi-av-high-quality:before { content: "\e6ad"; } .mdi-av-loop:before { content: "\e6ae"; } .mdi-av-mic-none:before { content: "\e6af"; } .mdi-av-mic-off:before { content: "\e6b0"; } .mdi-av-mic:before { content: "\e6b1"; } .mdi-av-movie:before { content: "\e6b2"; } .mdi-av-my-library-add:before { content: "\e6b3"; } .mdi-av-my-library-books:before { content: "\e6b4"; } .mdi-av-my-library-music:before { content: "\e6b5"; } .mdi-av-new-releases:before { content: "\e6b6"; } .mdi-av-not-interested:before { content: "\e6b7"; } .mdi-av-pause-circle-fill:before { content: "\e6b8"; } .mdi-av-pause-circle-outline:before { content: "\e6b9"; } .mdi-av-pause:before { content: "\e6ba"; } .mdi-av-play-arrow:before { content: "\e6bb"; } .mdi-av-play-circle-fill:before { content: "\e6bc"; } .mdi-av-play-circle-outline:before { content: "\e6bd"; } .mdi-av-play-shopping-bag:before { content: "\e6be"; } .mdi-av-playlist-add:before { content: "\e6bf"; } .mdi-av-queue-music:before { content: "\e6c0"; } .mdi-av-queue:before { content: "\e6c1"; } .mdi-av-radio:before { content: "\e6c2"; } .mdi-av-recent-actors:before { content: "\e6c3"; } .mdi-av-repeat-one:before { content: "\e6c4"; } .mdi-av-repeat:before { content: "\e6c5"; } .mdi-av-replay:before { content: "\e6c6"; } .mdi-av-shuffle:before { content: "\e6c7"; } .mdi-av-skip-next:before { content: "\e6c8"; } .mdi-av-skip-previous:before { content: "\e6c9"; } .mdi-av-snooze:before { content: "\e6ca"; } .mdi-av-stop:before { content: "\e6cb"; } .mdi-av-subtitles:before { content: "\e6cc"; } .mdi-av-surround-sound:before { content: "\e6cd"; } .mdi-av-timer:before { content: "\e6ce"; } .mdi-av-video-collection:before { content: "\e6cf"; } .mdi-av-videocam-off:before { content: "\e6d0"; } .mdi-av-videocam:before { content: "\e6d1"; } .mdi-av-volume-down:before { content: "\e6d2"; } .mdi-av-volume-mute:before { content: "\e6d3"; } .mdi-av-volume-off:before { content: "\e6d4"; } .mdi-av-volume-up:before { content: "\e6d5"; } .mdi-av-web:before { content: "\e6d6"; } .mdi-communication-business:before { content: "\e6d7"; } .mdi-communication-call-end:before { content: "\e6d8"; } .mdi-communication-call-made:before { content: "\e6d9"; } .mdi-communication-call-merge:before { content: "\e6da"; } .mdi-communication-call-missed:before { content: "\e6db"; } .mdi-communication-call-received:before { content: "\e6dc"; } .mdi-communication-call-split:before { content: "\e6dd"; } .mdi-communication-call:before { content: "\e6de"; } .mdi-communication-chat:before { content: "\e6df"; } .mdi-communication-clear-all:before { content: "\e6e0"; } .mdi-communication-comment:before { content: "\e6e1"; } .mdi-communication-contacts:before { content: "\e6e2"; } .mdi-communication-dialer-sip:before { content: "\e6e3"; } .mdi-communication-dialpad:before { content: "\e6e4"; } .mdi-communication-dnd-on:before { content: "\e6e5"; } .mdi-communication-email:before { content: "\e6e6"; } .mdi-communication-forum:before { content: "\e6e7"; } .mdi-communication-import-export:before { content: "\e6e8"; } .mdi-communication-invert-colors-off:before { content: "\e6e9"; } .mdi-communication-invert-colors-on:before { content: "\e6ea"; } .mdi-communication-live-help:before { content: "\e6eb"; } .mdi-communication-location-off:before { content: "\e6ec"; } .mdi-communication-location-on:before { content: "\e6ed"; } .mdi-communication-message:before { content: "\e6ee"; } .mdi-communication-messenger:before { content: "\e6ef"; } .mdi-communication-no-sim:before { content: "\e6f0"; } .mdi-communication-phone:before { content: "\e6f1"; } .mdi-communication-portable-wifi-off:before { content: "\e6f2"; } .mdi-communication-quick-contacts-dialer:before { content: "\e6f3"; } .mdi-communication-quick-contacts-mail:before { content: "\e6f4"; } .mdi-communication-ring-volume:before { content: "\e6f5"; } .mdi-communication-stay-current-landscape:before { content: "\e6f6"; } .mdi-communication-stay-current-portrait:before { content: "\e6f7"; } .mdi-communication-stay-primary-landscape:before { content: "\e6f8"; } .mdi-communication-stay-primary-portrait:before { content: "\e6f9"; } .mdi-communication-swap-calls:before { content: "\e6fa"; } .mdi-communication-textsms:before { content: "\e6fb"; } .mdi-communication-voicemail:before { content: "\e6fc"; } .mdi-communication-vpn-key:before { content: "\e6fd"; } .mdi-content-add-box:before { content: "\e6fe"; } .mdi-content-add-circle-outline:before { content: "\e6ff"; } .mdi-content-add-circle:before { content: "\e700"; } .mdi-content-add:before { content: "\e701"; } .mdi-content-archive:before { content: "\e702"; } .mdi-content-backspace:before { content: "\e703"; } .mdi-content-block:before { content: "\e704"; } .mdi-content-clear:before { content: "\e705"; } .mdi-content-content-copy:before { content: "\e706"; } .mdi-content-content-cut:before { content: "\e707"; } .mdi-content-content-paste:before { content: "\e708"; } .mdi-content-create:before { content: "\e709"; } .mdi-content-drafts:before { content: "\e70a"; } .mdi-content-filter-list:before { content: "\e70b"; } .mdi-content-flag:before { content: "\e70c"; } .mdi-content-forward:before { content: "\e70d"; } .mdi-content-gesture:before { content: "\e70e"; } .mdi-content-inbox:before { content: "\e70f"; } .mdi-content-link:before { content: "\e710"; } .mdi-content-mail:before { content: "\e711"; } .mdi-content-markunread:before { content: "\e712"; } .mdi-content-redo:before { content: "\e713"; } .mdi-content-remove-circle-outline:before { content: "\e714"; } .mdi-content-remove-circle:before { content: "\e715"; } .mdi-content-remove:before { content: "\e716"; } .mdi-content-reply-all:before { content: "\e717"; } .mdi-content-reply:before { content: "\e718"; } .mdi-content-report:before { content: "\e719"; } .mdi-content-save:before { content: "\e71a"; } .mdi-content-select-all:before { content: "\e71b"; } .mdi-content-send:before { content: "\e71c"; } .mdi-content-sort:before { content: "\e71d"; } .mdi-content-text-format:before { content: "\e71e"; } .mdi-content-undo:before { content: "\e71f"; } .mdi-editor-attach-file:before { content: "\e776"; } .mdi-editor-attach-money:before { content: "\e777"; } .mdi-editor-border-all:before { content: "\e778"; } .mdi-editor-border-bottom:before { content: "\e779"; } .mdi-editor-border-clear:before { content: "\e77a"; } .mdi-editor-border-color:before { content: "\e77b"; } .mdi-editor-border-horizontal:before { content: "\e77c"; } .mdi-editor-border-inner:before { content: "\e77d"; } .mdi-editor-border-left:before { content: "\e77e"; } .mdi-editor-border-outer:before { content: "\e77f"; } .mdi-editor-border-right:before { content: "\e780"; } .mdi-editor-border-style:before { content: "\e781"; } .mdi-editor-border-top:before { content: "\e782"; } .mdi-editor-border-vertical:before { content: "\e783"; } .mdi-editor-format-align-center:before { content: "\e784"; } .mdi-editor-format-align-justify:before { content: "\e785"; } .mdi-editor-format-align-left:before { content: "\e786"; } .mdi-editor-format-align-right:before { content: "\e787"; } .mdi-editor-format-bold:before { content: "\e788"; } .mdi-editor-format-clear:before { content: "\e789"; } .mdi-editor-format-color-fill:before { content: "\e78a"; } .mdi-editor-format-color-reset:before { content: "\e78b"; } .mdi-editor-format-color-text:before { content: "\e78c"; } .mdi-editor-format-indent-decrease:before { content: "\e78d"; } .mdi-editor-format-indent-increase:before { content: "\e78e"; } .mdi-editor-format-italic:before { content: "\e78f"; } .mdi-editor-format-line-spacing:before { content: "\e790"; } .mdi-editor-format-list-bulleted:before { content: "\e791"; } .mdi-editor-format-list-numbered:before { content: "\e792"; } .mdi-editor-format-paint:before { content: "\e793"; } .mdi-editor-format-quote:before { content: "\e794"; } .mdi-editor-format-size:before { content: "\e795"; } .mdi-editor-format-strikethrough:before { content: "\e796"; } .mdi-editor-format-textdirection-l-to-r:before { content: "\e797"; } .mdi-editor-format-textdirection-r-to-l:before { content: "\e798"; } .mdi-editor-format-underline:before { content: "\e799"; } .mdi-editor-functions:before { content: "\e79a"; } .mdi-editor-insert-chart:before { content: "\e79b"; } .mdi-editor-insert-comment:before { content: "\e79c"; } .mdi-editor-insert-drive-file:before { content: "\e79d"; } .mdi-editor-insert-emoticon:before { content: "\e79e"; } .mdi-editor-insert-invitation:before { content: "\e79f"; } .mdi-editor-insert-link:before { content: "\e7a0"; } .mdi-editor-insert-photo:before { content: "\e7a1"; } .mdi-editor-merge-type:before { content: "\e7a2"; } .mdi-editor-mode-comment:before { content: "\e7a3"; } .mdi-editor-mode-edit:before { content: "\e7a4"; } .mdi-editor-publish:before { content: "\e7a5"; } .mdi-editor-vertical-align-bottom:before { content: "\e7a6"; } .mdi-editor-vertical-align-center:before { content: "\e7a7"; } .mdi-editor-vertical-align-top:before { content: "\e7a8"; } .mdi-editor-wrap-text:before { content: "\e7a9"; } .mdi-file-attachment:before { content: "\e7aa"; } .mdi-file-cloud-circle:before { content: "\e7ab"; } .mdi-file-cloud-done:before { content: "\e7ac"; } .mdi-file-cloud-download:before { content: "\e7ad"; } .mdi-file-cloud-off:before { content: "\e7ae"; } .mdi-file-cloud-queue:before { content: "\e7af"; } .mdi-file-cloud-upload:before { content: "\e7b0"; } .mdi-file-cloud:before { content: "\e7b1"; } .mdi-file-file-download:before { content: "\e7b2"; } .mdi-file-file-upload:before { content: "\e7b3"; } .mdi-file-folder-open:before { content: "\e7b4"; } .mdi-file-folder-shared:before { content: "\e7b5"; } .mdi-file-folder:before { content: "\e7b6"; } .mdi-device-access-alarm:before { content: "\e720"; } .mdi-device-access-alarms:before { content: "\e721"; } .mdi-device-access-time:before { content: "\e722"; } .mdi-device-add-alarm:before { content: "\e723"; } .mdi-device-airplanemode-off:before { content: "\e724"; } .mdi-device-airplanemode-on:before { content: "\e725"; } .mdi-device-battery-20:before { content: "\e726"; } .mdi-device-battery-30:before { content: "\e727"; } .mdi-device-battery-50:before { content: "\e728"; } .mdi-device-battery-60:before { content: "\e729"; } .mdi-device-battery-80:before { content: "\e72a"; } .mdi-device-battery-90:before { content: "\e72b"; } .mdi-device-battery-alert:before { content: "\e72c"; } .mdi-device-battery-charging-20:before { content: "\e72d"; } .mdi-device-battery-charging-30:before { content: "\e72e"; } .mdi-device-battery-charging-50:before { content: "\e72f"; } .mdi-device-battery-charging-60:before { content: "\e730"; } .mdi-device-battery-charging-80:before { content: "\e731"; } .mdi-device-battery-charging-90:before { content: "\e732"; } .mdi-device-battery-charging-full:before { content: "\e733"; } .mdi-device-battery-full:before { content: "\e734"; } .mdi-device-battery-std:before { content: "\e735"; } .mdi-device-battery-unknown:before { content: "\e736"; } .mdi-device-bluetooth-connected:before { content: "\e737"; } .mdi-device-bluetooth-disabled:before { content: "\e738"; } .mdi-device-bluetooth-searching:before { content: "\e739"; } .mdi-device-bluetooth:before { content: "\e73a"; } .mdi-device-brightness-auto:before { content: "\e73b"; } .mdi-device-brightness-high:before { content: "\e73c"; } .mdi-device-brightness-low:before { content: "\e73d"; } .mdi-device-brightness-medium:before { content: "\e73e"; } .mdi-device-data-usage:before { content: "\e73f"; } .mdi-device-developer-mode:before { content: "\e740"; } .mdi-device-devices:before { content: "\e741"; } .mdi-device-dvr:before { content: "\e742"; } .mdi-device-gps-fixed:before { content: "\e743"; } .mdi-device-gps-not-fixed:before { content: "\e744"; } .mdi-device-gps-off:before { content: "\e745"; } .mdi-device-location-disabled:before { content: "\e746"; } .mdi-device-location-searching:before { content: "\e747"; } .mdi-device-multitrack-audio:before { content: "\e748"; } .mdi-device-network-cell:before { content: "\e749"; } .mdi-device-network-wifi:before { content: "\e74a"; } .mdi-device-nfc:before { content: "\e74b"; } .mdi-device-now-wallpaper:before { content: "\e74c"; } .mdi-device-now-widgets:before { content: "\e74d"; } .mdi-device-screen-lock-landscape:before { content: "\e74e"; } .mdi-device-screen-lock-portrait:before { content: "\e74f"; } .mdi-device-screen-lock-rotation:before { content: "\e750"; } .mdi-device-screen-rotation:before { content: "\e751"; } .mdi-device-sd-storage:before { content: "\e752"; } .mdi-device-settings-system-daydream:before { content: "\e753"; } .mdi-device-signal-cellular-0-bar:before { content: "\e754"; } .mdi-device-signal-cellular-1-bar:before { content: "\e755"; } .mdi-device-signal-cellular-2-bar:before { content: "\e756"; } .mdi-device-signal-cellular-3-bar:before { content: "\e757"; } .mdi-device-signal-cellular-4-bar:before { content: "\e758"; } .mdi-signal-wifi-statusbar-connected-no-internet-after:before { content: "\e8f6"; } .mdi-device-signal-cellular-connected-no-internet-0-bar:before { content: "\e759"; } .mdi-device-signal-cellular-connected-no-internet-1-bar:before { content: "\e75a"; } .mdi-device-signal-cellular-connected-no-internet-2-bar:before { content: "\e75b"; } .mdi-device-signal-cellular-connected-no-internet-3-bar:before { content: "\e75c"; } .mdi-device-signal-cellular-connected-no-internet-4-bar:before { content: "\e75d"; } .mdi-device-signal-cellular-no-sim:before { content: "\e75e"; } .mdi-device-signal-cellular-null:before { content: "\e75f"; } .mdi-device-signal-cellular-off:before { content: "\e760"; } .mdi-device-signal-wifi-0-bar:before { content: "\e761"; } .mdi-device-signal-wifi-1-bar:before { content: "\e762"; } .mdi-device-signal-wifi-2-bar:before { content: "\e763"; } .mdi-device-signal-wifi-3-bar:before { content: "\e764"; } .mdi-device-signal-wifi-4-bar:before { content: "\e765"; } .mdi-device-signal-wifi-off:before { content: "\e766"; } .mdi-device-signal-wifi-statusbar-1-bar:before { content: "\e767"; } .mdi-device-signal-wifi-statusbar-2-bar:before { content: "\e768"; } .mdi-device-signal-wifi-statusbar-3-bar:before { content: "\e769"; } .mdi-device-signal-wifi-statusbar-4-bar:before { content: "\e76a"; } .mdi-device-signal-wifi-statusbar-connected-no-internet-:before { content: "\e76b"; } .mdi-device-signal-wifi-statusbar-connected-no-internet:before { content: "\e76f"; } .mdi-device-signal-wifi-statusbar-connected-no-internet-2:before { content: "\e76c"; } .mdi-device-signal-wifi-statusbar-connected-no-internet-3:before { content: "\e76d"; } .mdi-device-signal-wifi-statusbar-connected-no-internet-4:before { content: "\e76e"; } .mdi-signal-wifi-statusbar-not-connected-after:before { content: "\e8f7"; } .mdi-device-signal-wifi-statusbar-not-connected:before { content: "\e770"; } .mdi-device-signal-wifi-statusbar-null:before { content: "\e771"; } .mdi-device-storage:before { content: "\e772"; } .mdi-device-usb:before { content: "\e773"; } .mdi-device-wifi-lock:before { content: "\e774"; } .mdi-device-wifi-tethering:before { content: "\e775"; } .mdi-hardware-cast-connected:before { content: "\e7b7"; } .mdi-hardware-cast:before { content: "\e7b8"; } .mdi-hardware-computer:before { content: "\e7b9"; } .mdi-hardware-desktop-mac:before { content: "\e7ba"; } .mdi-hardware-desktop-windows:before { content: "\e7bb"; } .mdi-hardware-dock:before { content: "\e7bc"; } .mdi-hardware-gamepad:before { content: "\e7bd"; } .mdi-hardware-headset-mic:before { content: "\e7be"; } .mdi-hardware-headset:before { content: "\e7bf"; } .mdi-hardware-keyboard-alt:before { content: "\e7c0"; } .mdi-hardware-keyboard-arrow-down:before { content: "\e7c1"; } .mdi-hardware-keyboard-arrow-left:before { content: "\e7c2"; } .mdi-hardware-keyboard-arrow-right:before { content: "\e7c3"; } .mdi-hardware-keyboard-arrow-up:before { content: "\e7c4"; } .mdi-hardware-keyboard-backspace:before { content: "\e7c5"; } .mdi-hardware-keyboard-capslock:before { content: "\e7c6"; } .mdi-hardware-keyboard-control:before { content: "\e7c7"; } .mdi-hardware-keyboard-hide:before { content: "\e7c8"; } .mdi-hardware-keyboard-return:before { content: "\e7c9"; } .mdi-hardware-keyboard-tab:before { content: "\e7ca"; } .mdi-hardware-keyboard-voice:before { content: "\e7cb"; } .mdi-hardware-keyboard:before { content: "\e7cc"; } .mdi-hardware-laptop-chromebook:before { content: "\e7cd"; } .mdi-hardware-laptop-mac:before { content: "\e7ce"; } .mdi-hardware-laptop-windows:before { content: "\e7cf"; } .mdi-hardware-laptop:before { content: "\e7d0"; } .mdi-hardware-memory:before { content: "\e7d1"; } .mdi-hardware-mouse:before { content: "\e7d2"; } .mdi-hardware-phone-android:before { content: "\e7d3"; } .mdi-hardware-phone-iphone:before { content: "\e7d4"; } .mdi-hardware-phonelink-off:before { content: "\e7d5"; } .mdi-hardware-phonelink:before { content: "\e7d6"; } .mdi-hardware-security:before { content: "\e7d7"; } .mdi-hardware-sim-card:before { content: "\e7d8"; } .mdi-hardware-smartphone:before { content: "\e7d9"; } .mdi-hardware-speaker:before { content: "\e7da"; } .mdi-hardware-tablet-android:before { content: "\e7db"; } .mdi-hardware-tablet-mac:before { content: "\e7dc"; } .mdi-hardware-tablet:before { content: "\e7dd"; } .mdi-hardware-tv:before { content: "\e7de"; } .mdi-hardware-watch:before { content: "\e7df"; } .mdi-image-add-to-photos:before { content: "\e7e0"; } .mdi-image-adjust:before { content: "\e7e1"; } .mdi-image-assistant-photo:before { content: "\e7e2"; } .mdi-image-audiotrack:before { content: "\e7e3"; } .mdi-image-blur-circular:before { content: "\e7e4"; } .mdi-image-blur-linear:before { content: "\e7e5"; } .mdi-image-blur-off:before { content: "\e7e6"; } .mdi-image-blur-on:before { content: "\e7e7"; } .mdi-image-brightness-1:before { content: "\e7e8"; } .mdi-image-brightness-2:before { content: "\e7e9"; } .mdi-image-brightness-3:before { content: "\e7ea"; } .mdi-image-brightness-4:before { content: "\e7eb"; } .mdi-image-brightness-5:before { content: "\e7ec"; } .mdi-image-brightness-6:before { content: "\e7ed"; } .mdi-image-brightness-7:before { content: "\e7ee"; } .mdi-image-brush:before { content: "\e7ef"; } .mdi-image-camera-alt:before { content: "\e7f0"; } .mdi-image-camera-front:before { content: "\e7f1"; } .mdi-image-camera-rear:before { content: "\e7f2"; } .mdi-image-camera-roll:before { content: "\e7f3"; } .mdi-image-camera:before { content: "\e7f4"; } .mdi-image-center-focus-strong:before { content: "\e7f5"; } .mdi-image-center-focus-weak:before { content: "\e7f6"; } .mdi-image-collections:before { content: "\e7f7"; } .mdi-image-color-lens:before { content: "\e7f8"; } .mdi-image-colorize:before { content: "\e7f9"; } .mdi-image-compare:before { content: "\e7fa"; } .mdi-image-control-point-duplicate:before { content: "\e7fb"; } .mdi-image-control-point:before { content: "\e7fc"; } .mdi-image-crop-3-2:before { content: "\e7fd"; } .mdi-image-crop-5-4:before { content: "\e7fe"; } .mdi-image-crop-7-5:before { content: "\e7ff"; } .mdi-image-crop-16-9:before { content: "\e800"; } .mdi-image-crop-din:before { content: "\e801"; } .mdi-image-crop-free:before { content: "\e802"; } .mdi-image-crop-landscape:before { content: "\e803"; } .mdi-image-crop-original:before { content: "\e804"; } .mdi-image-crop-portrait:before { content: "\e805"; } .mdi-image-crop-square:before { content: "\e806"; } .mdi-image-crop:before { content: "\e807"; } .mdi-image-dehaze:before { content: "\e808"; } .mdi-image-details:before { content: "\e809"; } .mdi-image-edit:before { content: "\e80a"; } .mdi-image-exposure-minus-1:before { content: "\e80b"; } .mdi-image-exposure-minus-2:before { content: "\e80c"; } .mdi-image-exposure-plus-1:before { content: "\e80d"; } .mdi-image-exposure-plus-2:before { content: "\e80e"; } .mdi-image-exposure-zero:before { content: "\e80f"; } .mdi-image-exposure:before { content: "\e810"; } .mdi-image-filter-1:before { content: "\e811"; } .mdi-image-filter-2:before { content: "\e812"; } .mdi-image-filter-3:before { content: "\e813"; } .mdi-image-filter-4:before { content: "\e814"; } .mdi-image-filter-5:before { content: "\e815"; } .mdi-image-filter-6:before { content: "\e816"; } .mdi-image-filter-7:before { content: "\e817"; } .mdi-image-filter-8:before { content: "\e818"; } .mdi-image-filter-9-plus:before { content: "\e819"; } .mdi-image-filter-9:before { content: "\e81a"; } .mdi-image-filter-b-and-w:before { content: "\e81b"; } .mdi-image-filter-center-focus:before { content: "\e81c"; } .mdi-image-filter-drama:before { content: "\e81d"; } .mdi-image-filter-frames:before { content: "\e81e"; } .mdi-image-filter-hdr:before { content: "\e81f"; } .mdi-image-filter-none:before { content: "\e820"; } .mdi-image-filter-tilt-shift:before { content: "\e821"; } .mdi-image-filter-vintage:before { content: "\e822"; } .mdi-image-filter:before { content: "\e823"; } .mdi-image-flare:before { content: "\e824"; } .mdi-image-flash-auto:before { content: "\e825"; } .mdi-image-flash-off:before { content: "\e826"; } .mdi-image-flash-on:before { content: "\e827"; } .mdi-image-flip:before { content: "\e828"; } .mdi-image-gradient:before { content: "\e829"; } .mdi-image-grain:before { content: "\e82a"; } .mdi-image-grid-off:before { content: "\e82b"; } .mdi-image-grid-on:before { content: "\e82c"; } .mdi-image-hdr-off:before { content: "\e82d"; } .mdi-image-hdr-on:before { content: "\e82e"; } .mdi-image-hdr-strong:before { content: "\e82f"; } .mdi-image-hdr-weak:before { content: "\e830"; } .mdi-image-healing:before { content: "\e831"; } .mdi-image-image-aspect-ratio:before { content: "\e832"; } .mdi-image-image:before { content: "\e833"; } .mdi-image-iso:before { content: "\e834"; } .mdi-image-landscape:before { content: "\e835"; } .mdi-image-leak-add:before { content: "\e836"; } .mdi-image-leak-remove:before { content: "\e837"; } .mdi-image-lens:before { content: "\e838"; } .mdi-image-looks-3:before { content: "\e839"; } .mdi-image-looks-4:before { content: "\e83a"; } .mdi-image-looks-5:before { content: "\e83b"; } .mdi-image-looks-6:before { content: "\e83c"; } .mdi-image-looks-one:before { content: "\e83d"; } .mdi-image-looks-two:before { content: "\e83e"; } .mdi-image-looks:before { content: "\e83f"; } .mdi-image-loupe:before { content: "\e840"; } .mdi-image-movie-creation:before { content: "\e841"; } .mdi-image-nature-people:before { content: "\e842"; } .mdi-image-nature:before { content: "\e843"; } .mdi-image-navigate-before:before { content: "\e844"; } .mdi-image-navigate-next:before { content: "\e845"; } .mdi-image-palette:before { content: "\e846"; } .mdi-image-panorama-fisheye:before { content: "\e847"; } .mdi-image-panorama-horizontal:before { content: "\e848"; } .mdi-image-panorama-vertical:before { content: "\e849"; } .mdi-image-panorama-wide-angle:before { content: "\e84a"; } .mdi-image-panorama:before { content: "\e84b"; } .mdi-image-photo-album:before { content: "\e84c"; } .mdi-image-photo-camera:before { content: "\e84d"; } .mdi-image-photo-library:before { content: "\e84e"; } .mdi-image-photo:before { content: "\e84f"; } .mdi-image-portrait:before { content: "\e850"; } .mdi-image-remove-red-eye:before { content: "\e851"; } .mdi-image-rotate-left:before { content: "\e852"; } .mdi-image-rotate-right:before { content: "\e853"; } .mdi-image-slideshow:before { content: "\e854"; } .mdi-image-straighten:before { content: "\e855"; } .mdi-image-style:before { content: "\e856"; } .mdi-image-switch-camera:before { content: "\e857"; } .mdi-image-switch-video:before { content: "\e858"; } .mdi-image-tag-faces:before { content: "\e859"; } .mdi-image-texture:before { content: "\e85a"; } .mdi-image-timelapse:before { content: "\e85b"; } .mdi-image-timer-3:before { content: "\e85c"; } .mdi-image-timer-10:before { content: "\e85d"; } .mdi-image-timer-auto:before { content: "\e85e"; } .mdi-image-timer-off:before { content: "\e85f"; } .mdi-image-timer:before { content: "\e860"; } .mdi-image-tonality:before { content: "\e861"; } .mdi-image-transform:before { content: "\e862"; } .mdi-image-tune:before { content: "\e863"; } .mdi-image-wb-auto:before { content: "\e864"; } .mdi-image-wb-cloudy:before { content: "\e865"; } .mdi-image-wb-incandescent:before { content: "\e866"; } .mdi-image-wb-irradescent:before { content: "\e867"; } .mdi-image-wb-sunny:before { content: "\e868"; } .mdi-maps-beenhere:before { content: "\e869"; } .mdi-maps-directions-bike:before { content: "\e86a"; } .mdi-maps-directions-bus:before { content: "\e86b"; } .mdi-maps-directions-car:before { content: "\e86c"; } .mdi-maps-directions-ferry:before { content: "\e86d"; } .mdi-maps-directions-subway:before { content: "\e86e"; } .mdi-maps-directions-train:before { content: "\e86f"; } .mdi-maps-directions-transit:before { content: "\e870"; } .mdi-maps-directions-walk:before { content: "\e871"; } .mdi-maps-directions:before { content: "\e872"; } .mdi-maps-flight:before { content: "\e873"; } .mdi-maps-hotel:before { content: "\e874"; } .mdi-maps-layers-clear:before { content: "\e875"; } .mdi-maps-layers:before { content: "\e876"; } .mdi-maps-local-airport:before { content: "\e877"; } .mdi-maps-local-atm:before { content: "\e878"; } .mdi-maps-local-attraction:before { content: "\e879"; } .mdi-maps-local-bar:before { content: "\e87a"; } .mdi-maps-local-cafe:before { content: "\e87b"; } .mdi-maps-local-car-wash:before { content: "\e87c"; } .mdi-maps-local-convenience-store:before { content: "\e87d"; } .mdi-maps-local-drink:before { content: "\e87e"; } .mdi-maps-local-florist:before { content: "\e87f"; } .mdi-maps-local-gas-station:before { content: "\e880"; } .mdi-maps-local-grocery-store:before { content: "\e881"; } .mdi-maps-local-hospital:before { content: "\e882"; } .mdi-maps-local-hotel:before { content: "\e883"; } .mdi-maps-local-laundry-service:before { content: "\e884"; } .mdi-maps-local-library:before { content: "\e885"; } .mdi-maps-local-mall:before { content: "\e886"; } .mdi-maps-local-movies:before { content: "\e887"; } .mdi-maps-local-offer:before { content: "\e888"; } .mdi-maps-local-parking:before { content: "\e889"; } .mdi-maps-local-pharmacy:before { content: "\e88a"; } .mdi-maps-local-phone:before { content: "\e88b"; } .mdi-maps-local-pizza:before { content: "\e88c"; } .mdi-maps-local-play:before { content: "\e88d"; } .mdi-maps-local-post-office:before { content: "\e88e"; } .mdi-maps-local-print-shop:before { content: "\e88f"; } .mdi-maps-local-restaurant:before { content: "\e890"; } .mdi-maps-local-see:before { content: "\e891"; } .mdi-maps-local-shipping:before { content: "\e892"; } .mdi-maps-local-taxi:before { content: "\e893"; } .mdi-maps-location-history:before { content: "\e894"; } .mdi-maps-map:before { content: "\e895"; } .mdi-maps-my-location:before { content: "\e896"; } .mdi-maps-navigation:before { content: "\e897"; } .mdi-maps-pin-drop:before { content: "\e898"; } .mdi-maps-place:before { content: "\e899"; } .mdi-maps-rate-review:before { content: "\e89a"; } .mdi-maps-restaurant-menu:before { content: "\e89b"; } .mdi-maps-satellite:before { content: "\e89c"; } .mdi-maps-store-mall-directory:before { content: "\e89d"; } .mdi-maps-terrain:before { content: "\e89e"; } .mdi-maps-traffic:before { content: "\e89f"; } .mdi-navigation-apps:before { content: "\e8a0"; } .mdi-navigation-arrow-back:before { content: "\e8a1"; } .mdi-navigation-arrow-drop-down-circle:before { content: "\e8a2"; } .mdi-navigation-arrow-drop-down:before { content: "\e8a3"; } .mdi-navigation-arrow-drop-up:before { content: "\e8a4"; } .mdi-navigation-arrow-forward:before { content: "\e8a5"; } .mdi-navigation-cancel:before { content: "\e8a6"; } .mdi-navigation-check:before { content: "\e8a7"; } .mdi-navigation-chevron-left:before { content: "\e8a8"; } .mdi-navigation-chevron-right:before { content: "\e8a9"; } .mdi-navigation-close:before { content: "\e8aa"; } .mdi-navigation-expand-less:before { content: "\e8ab"; } .mdi-navigation-expand-more:before { content: "\e8ac"; } .mdi-navigation-fullscreen-exit:before { content: "\e8ad"; } .mdi-navigation-fullscreen:before { content: "\e8ae"; } .mdi-navigation-menu:before { content: "\e8af"; } .mdi-navigation-more-horiz:before { content: "\e8b0"; } .mdi-navigation-more-vert:before { content: "\e8b1"; } .mdi-navigation-refresh:before { content: "\e8b2"; } .mdi-navigation-unfold-less:before { content: "\e8b3"; } .mdi-navigation-unfold-more:before { content: "\e8b4"; } .mdi-notification-adb:before { content: "\e8b5"; } .mdi-notification-bluetooth-audio:before { content: "\e8b6"; } .mdi-notification-disc-full:before { content: "\e8b7"; } .mdi-notification-dnd-forwardslash:before { content: "\e8b8"; } .mdi-notification-do-not-disturb:before { content: "\e8b9"; } .mdi-notification-drive-eta:before { content: "\e8ba"; } .mdi-notification-event-available:before { content: "\e8bb"; } .mdi-notification-event-busy:before { content: "\e8bc"; } .mdi-notification-event-note:before { content: "\e8bd"; } .mdi-notification-folder-special:before { content: "\e8be"; } .mdi-notification-mms:before { content: "\e8bf"; } .mdi-notification-more:before { content: "\e8c0"; } .mdi-notification-network-locked:before { content: "\e8c1"; } .mdi-notification-phone-bluetooth-speaker:before { content: "\e8c2"; } .mdi-notification-phone-forwarded:before { content: "\e8c3"; } .mdi-notification-phone-in-talk:before { content: "\e8c4"; } .mdi-notification-phone-locked:before { content: "\e8c5"; } .mdi-notification-phone-missed:before { content: "\e8c6"; } .mdi-notification-phone-paused:before { content: "\e8c7"; } .mdi-notification-play-download:before { content: "\e8c8"; } .mdi-notification-play-install:before { content: "\e8c9"; } .mdi-notification-sd-card:before { content: "\e8ca"; } .mdi-notification-sim-card-alert:before { content: "\e8cb"; } .mdi-notification-sms-failed:before { content: "\e8cc"; } .mdi-notification-sms:before { content: "\e8cd"; } .mdi-notification-sync-disabled:before { content: "\e8ce"; } .mdi-notification-sync-problem:before { content: "\e8cf"; } .mdi-notification-sync:before { content: "\e8d0"; } .mdi-notification-system-update:before { content: "\e8d1"; } .mdi-notification-tap-and-play:before { content: "\e8d2"; } .mdi-notification-time-to-leave:before { content: "\e8d3"; } .mdi-notification-vibration:before { content: "\e8d4"; } .mdi-notification-voice-chat:before { content: "\e8d5"; } .mdi-notification-vpn-lock:before { content: "\e8d6"; } .mdi-social-cake:before { content: "\e8d7"; } .mdi-social-domain:before { content: "\e8d8"; } .mdi-social-group-add:before { content: "\e8d9"; } .mdi-social-group:before { content: "\e8da"; } .mdi-social-location-city:before { content: "\e8db"; } .mdi-social-mood:before { content: "\e8dc"; } .mdi-social-notifications-none:before { content: "\e8dd"; } .mdi-social-notifications-off:before { content: "\e8de"; } .mdi-social-notifications-on:before { content: "\e8df"; } .mdi-social-notifications-paused:before { content: "\e8e0"; } .mdi-social-notifications:before { content: "\e8e1"; } .mdi-social-pages:before { content: "\e8e2"; } .mdi-social-party-mode:before { content: "\e8e3"; } .mdi-social-people-outline:before { content: "\e8e4"; } .mdi-social-people:before { content: "\e8e5"; } .mdi-social-person-add:before { content: "\e8e6"; } .mdi-social-person-outline:before { content: "\e8e7"; } .mdi-social-person:before { content: "\e8e8"; } .mdi-social-plus-one:before { content: "\e8e9"; } .mdi-social-poll:before { content: "\e8ea"; } .mdi-social-public:before { content: "\e8eb"; } .mdi-social-school:before { content: "\e8ec"; } .mdi-social-share:before { content: "\e8ed"; } .mdi-social-whatshot:before { content: "\e8ee"; } .mdi-toggle-check-box-outline-blank:before { content: "\e8ef"; } .mdi-toggle-check-box:before { content: "\e8f0"; } .mdi-toggle-radio-button-off:before { content: "\e8f1"; } .mdi-toggle-radio-button-on:before { content: "\e8f2"; } .mdi-toggle-star-half:before { content: "\e8f3"; } .mdi-toggle-star-outline:before { content: "\e8f4"; } .mdi-toggle-star:before { content: "\e8f5"; } /*-------------------------------------------------------------- # 1.5 Grids --------------------------------------------------------------*/ .container { margin: 0 auto; max-width: 1280px; width: 90%; } @media only screen and (min-width: 601px) { .container { width: 85%; } } @media only screen and (min-width: 993px) { .container { width: 70%; } } .container .row { margin-left: -1rem; margin-right: -1rem; } .section { padding-top: 1rem; padding-bottom: 1rem; } .section.no-pad { padding: 0; } .section.no-pad-bot { padding-bottom: 0; } .section.no-pad-top { padding-top: 0; } .row { margin-left: auto; margin-right: auto; margin-bottom: 20px; } .row:after { content: ""; display: table; clear: both; } .row .col { float: left; box-sizing: border-box; padding: 0 1rem; } .row .col.s1 { width: 8.33333%; margin-left: 0; } .row .col.s2 { width: 16.66667%; margin-left: 0; } .row .col.s3 { width: 25%; margin-left: 0; } .row .col.s4 { width: 33.33333%; margin-left: 0; } .row .col.s5 { width: 41.66667%; margin-left: 0; } .row .col.s6 { width: 50%; margin-left: 0; } .row .col.s7 { width: 58.33333%; margin-left: 0; } .row .col.s8 { width: 66.66667%; margin-left: 0; } .row .col.s9 { width: 75%; margin-left: 0; } .row .col.s10 { width: 83.33333%; margin-left: 0; } .row .col.s11 { width: 91.66667%; margin-left: 0; } .row .col.s12 { width: 100%; margin-left: 0; } .row .col.offset-s1 { margin-left: 8.33333%; } .row .col.offset-s2 { margin-left: 16.66667%; } .row .col.offset-s3 { margin-left: 25%; } .row .col.offset-s4 { margin-left: 33.33333%; } .row .col.offset-s5 { margin-left: 41.66667%; } .row .col.offset-s6 { margin-left: 50%; } .row .col.offset-s7 { margin-left: 58.33333%; } .row .col.offset-s8 { margin-left: 66.66667%; } .row .col.offset-s9 { margin-left: 75%; } .row .col.offset-s10 { margin-left: 83.33333%; } .row .col.offset-s11 { margin-left: 91.66667%; } .row .col.offset-s12 { margin-left: 100%; } @media only screen and (min-width: 601px) { .row .col.m1 { width: 8.33333%; margin-left: 0; } .row .col.m2 { width: 16.66667%; margin-left: 0; } .row .col.m3 { width: 25%; margin-left: 0; } .row .col.m4 { width: 33.33333%; margin-left: 0; } .row .col.m5 { width: 41.66667%; margin-left: 0; } .row .col.m6 { width: 50%; margin-left: 0; } .row .col.m7 { width: 58.33333%; margin-left: 0; } .row .col.m8 { width: 66.66667%; margin-left: 0; } .row .col.m9 { width: 75%; margin-left: 0; } .row .col.m10 { width: 83.33333%; margin-left: 0; } .row .col.m11 { width: 91.66667%; margin-left: 0; } .row .col.m12 { width: 100%; margin-left: 0; } .row .col.offset-m1 { margin-left: 8.33333%; } .row .col.offset-m2 { margin-left: 16.66667%; } .row .col.offset-m3 { margin-left: 25%; } .row .col.offset-m4 { margin-left: 33.33333%; } .row .col.offset-m5 { margin-left: 41.66667%; } .row .col.offset-m6 { margin-left: 50%; } .row .col.offset-m7 { margin-left: 58.33333%; } .row .col.offset-m8 { margin-left: 66.66667%; } .row .col.offset-m9 { margin-left: 75%; } .row .col.offset-m10 { margin-left: 83.33333%; } .row .col.offset-m11 { margin-left: 91.66667%; } .row .col.offset-m12 { margin-left: 100%; } } @media only screen and (min-width: 993px) { .row .col.l1 { width: 8.33333%; margin-left: 0; } .row .col.l2 { width: 16.66667%; margin-left: 0; } .row .col.l3 { width: 25%; margin-left: 0; } .row .col.l4 { width: 33.33333%; margin-left: 0; } .row .col.l5 { width: 41.66667%; margin-left: 0; } .row .col.l6 { width: 50%; margin-left: 0; } .row .col.l7 { width: 58.33333%; margin-left: 0; } .row .col.l8 { width: 66.66667%; margin-left: 0; } .row .col.l9 { width: 75%; margin-left: 0; } .row .col.l10 { width: 83.33333%; margin-left: 0; } .row .col.l11 { width: 91.66667%; margin-left: 0; } .row .col.l12 { width: 100%; margin-left: 0; } .row .col.offset-l1 { margin-left: 8.33333%; } .row .col.offset-l2 { margin-left: 16.66667%; } .row .col.offset-l3 { margin-left: 25%; } .row .col.offset-l4 { margin-left: 33.33333%; } .row .col.offset-l5 { margin-left: 41.66667%; } .row .col.offset-l6 { margin-left: 50%; } .row .col.offset-l7 { margin-left: 58.33333%; } .row .col.offset-l8 { margin-left: 66.66667%; } .row .col.offset-l9 { margin-left: 75%; } .row .col.offset-l10 { margin-left: 83.33333%; } .row .col.offset-l11 { margin-left: 91.66667%; } .row .col.offset-l12 { margin-left: 100%; } } /*-------------------------------------------------------------- # 1.6 Navbar --------------------------------------------------------------*/ nav { color: #fff; background-color: #fff; width: 100%; height: 80px; line-height: 80px; } nav a { color: #fff; } nav .nav-wrapper { position: relative; height: 100%; text-transform: uppercase; } nav .nav-wrapper i { display: block; } @media only screen and (min-width: 993px) { nav a.button-collapse { display: none; } } nav .button-collapse { float: left; position: relative; z-index: 1; height: 80px; } nav .button-collapse i { font-size: 2.7rem; height: 80px; line-height: 80px; } nav .brand-logo { position: absolute; color: #fff; display: inline-block; font-size: 2.1rem; padding: 0; white-space: nowrap; } nav .brand-logo.center { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 992px) { nav .brand-logo { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } nav .brand-logo.right { right: 0.5rem; padding: 0; } nav ul { margin: 0; } nav ul li { transition: background-color 0.3s; float: left; padding: 0; } nav ul li:hover, nav ul li.active { background-color: rgba(0, 0, 0, 0.1); } nav ul a { font-size: 1.1rem; color: #fff; display: block; padding: 0 15px; } nav ul.left { float: left; } nav .input-field { margin: 0; } nav .input-field input { height: 100%; font-size: 1.2rem; border: none; padding-left: 2rem; } nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid { border: none; box-shadow: none; } nav .input-field label { top: 0; left: 0; } nav .input-field label i { color: rgba(255, 255, 255, 0.7); transition: color 0.3s; } nav .input-field label.active i { color: #fff; } nav .input-field label.active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .navbar-fixed { position: relative; height: 80px; z-index: 998; } .navbar-fixed nav { position: fixed; } @media only screen and (min-width: 601px) { nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i { height: 82px; line-height: 82px; } .navbar-fixed { height: 82px; } } /*-------------------------------------------------------------- # 1.8 Typography --------------------------------------------------------------*/ a { text-decoration: none; } html { line-height: 1.5; font-family: "Roboto", sans-serif; font-weight: normal; color: rgba(0, 0, 0, 0.87); } @media only screen and (min-width: 0) { html { font-size: 14px; } } @media only screen and (min-width: 992px) { html { font-size: 14.5px; } } @media only screen and (min-width: 1200px) { html { font-size: 16px; } } h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.1; font-family: "Roboto Slab", Roboto, sans-serif; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 2.25rem; line-height: 110%; margin: 1.125rem 0 0.9rem 0; } h2 { font-size: 1.88rem; line-height: 110%; margin: 0.94rem 0 0.752rem 0; } h3 { font-size: 1.5rem; line-height: 110%; margin: 0.75rem 0 0.6rem 0; } h4 { font-size: 1.14rem; line-height: 110%; margin: 0.57rem 0 0.456rem 0; } h5 { font-size: 1rem; line-height: 110%; margin: 0.5rem 0 0.4rem 0; } h6 { font-size: 0.89rem; line-height: 110%; margin: 0.445rem 0 0.356rem 0; } em { font-style: italic; } strong { font-weight: 500; } small { font-size: 75%; } .light, footer.page-footer .footer-copyright { font-weight: 300; } .thin { font-weight: 200; } .flow-text { font-weight: 300; } @media only screen and (min-width: 360px) { .flow-text { font-size: 1.2rem; } } @media only screen and (min-width: 390px) { .flow-text { font-size: 1.224rem; } } @media only screen and (min-width: 420px) { .flow-text { font-size: 1.248rem; } } @media only screen and (min-width: 450px) { .flow-text { font-size: 1.272rem; } } @media only screen and (min-width: 480px) { .flow-text { font-size: 1.296rem; } } @media only screen and (min-width: 510px) { .flow-text { font-size: 1.32rem; } } @media only screen and (min-width: 540px) { .flow-text { font-size: 1.344rem; } } @media only screen and (min-width: 570px) { .flow-text { font-size: 1.368rem; } } @media only screen and (min-width: 600px) { .flow-text { font-size: 1.392rem; } } @media only screen and (min-width: 630px) { .flow-text { font-size: 1.416rem; } } @media only screen and (min-width: 660px) { .flow-text { font-size: 1.44rem; } } @media only screen and (min-width: 690px) { .flow-text { font-size: 1.464rem; } } @media only screen and (min-width: 720px) { .flow-text { font-size: 1.488rem; } } @media only screen and (min-width: 750px) { .flow-text { font-size: 1.512rem; } } @media only screen and (min-width: 780px) { .flow-text { font-size: 1.536rem; } } @media only screen and (min-width: 810px) { .flow-text { font-size: 1.56rem; } } @media only screen and (min-width: 840px) { .flow-text { font-size: 1.584rem; } } @media only screen and (min-width: 870px) { .flow-text { font-size: 1.608rem; } } @media only screen and (min-width: 900px) { .flow-text { font-size: 1.632rem; } } @media only screen and (min-width: 930px) { .flow-text { font-size: 1.656rem; } } @media only screen and (min-width: 960px) { .flow-text { font-size: 1.68rem; } } @media only screen and (max-width: 360px) { .flow-text { font-size: 1.2rem; } } /*-------------------------------------------------------------- # 1.9 Cards --------------------------------------------------------------*/ .card-panel { transition: box-shadow .25s; padding: 20px; margin: 0.66667rem 0 1.33333rem 0; border-radius: 2px; background-color: #fff; } .card { position: relative; overflow: hidden; margin: 0.66667rem 0 1.33333rem 0; background-color: #fff; transition: box-shadow .25s; border-radius: 2px; } .card .card-title { color: #fff; font-size: 24px; font-weight: 300; } .card .card-title.activator { cursor: pointer; } .card.small, .card.medium, .card.large { position: relative; } .card.small .card-image, .card.medium .card-image, .card.large .card-image { overflow: hidden; } .card.small .card-content, .card.medium .card-content, .card.large .card-content { overflow: hidden; } .card.small .card-action, .card.medium .card-action, .card.large .card-action { position: absolute; bottom: 0; left: 0; right: 0; } .card.small { height: 300px; } .card.small .card-image { height: 150px; } .card.small .card-content { height: 150px; } .card.medium { height: 400px; } .card.medium .card-image { height: 250px; } .card.medium .card-content { height: 150px; } .card.large { height: 500px; } .card.large .card-image { height: 330px; } .card.large .card-content { height: 170px; } .card .card-image { position: relative; } .card .card-image .card-title { position: absolute; bottom: 0; left: 0; padding: 20px; } .card .card-content { padding: 20px; border-radius: 0; } .card .card-content p { color: inherit; } .card .card-content .card-title { line-height: 48px; } .card .card-action { border-top: 1px solid rgba(160, 160, 160, 0.2); padding: 20px; } .card .card-action a { color: #ffab40; margin-right: 20px; transition: color 0.3s ease; text-transform: uppercase; } .card .card-action a:hover { color: #ffd8a6; } .card .card-reveal { padding: 20px; position: absolute; background-color: #fff; width: 100%; overflow-y: auto; top: 100%; height: 100%; z-index: 1; display: none; } .card .card-reveal .card-title { cursor: pointer; display: block; } /*-------------------------------------------------------------- # 1.11 Tabs --------------------------------------------------------------*/ .tabs { position: relative; height: 48px; background-color: #37ACC3; margin: 0 auto; width: 100%; white-space: nowrap; } .tabs .tab { display: block; float: left; text-align: center; line-height: 48px; height: 48px; padding: 0 20px; margin: 0; text-transform: uppercase; letter-spacing: .8px; width: 15%; } .tabs .tab a { color: #fff; display: block; width: 100%; height: 100%; transition: color 0.28s ease; } .tabs .tab a:hover { color: white; } .tabs .tab.disabled a { color: white; cursor: default; } .tabs .indicator { position: absolute; bottom: 0; height: 3px; background-color: #006064; will-change: left, right; } .tabs .tab { padding: 0; } /*-------------------------------------------------------------- # 1.13 Buttons --------------------------------------------------------------*/ .btn, .btn-large, button, input[type=submit], .btn-flat { border: none; border-radius: 2px; display: inline-block; height: 40px; line-height: 40px; outline: 0; padding: 0 2rem; text-transform: uppercase; vertical-align: middle; -webkit-tap-highlight-color: transparent; } .btn.disabled, .disabled.btn-large, button.disabled, input.disabled[type=submit], .btn-floating.disabled, .btn-large.disabled, .btn:disabled, .btn-large:disabled, button:disabled, input[type=submit]:disabled, .btn-large:disabled, .btn-floating:disabled { background-color: #DFDFDF !important; box-shadow: none; color: #9F9F9F !important; cursor: default; } .btn.disabled *, .disabled.btn-large *, button.disabled *, input.disabled[type=submit] *, .btn-floating.disabled *, .btn-large.disabled *, .btn:disabled *, .btn-large:disabled *, button:disabled *, input[type=submit]:disabled *, .btn-large:disabled *, .btn-floating:disabled * { pointer-events: none; } .btn.disabled:hover, .disabled.btn-large:hover, button.disabled:hover, input.disabled[type=submit]:hover, .btn-floating.disabled:hover, .btn-large.disabled:hover, .btn:disabled:hover, .btn-large:disabled:hover, button:disabled:hover, input[type=submit]:disabled:hover, .btn-large:disabled:hover, .btn-floating:disabled:hover { background-color: #DFDFDF; color: #9F9F9F; } .btn i, .btn-large i, button i, input[type=submit] i, .btn-floating i, .btn-large i, .btn-flat i { font-size: 1.3rem; line-height: inherit; } .btn, .btn-large, button, input[type=submit] { text-decoration: none; color: #fff; background-color: #4dd0e1; text-align: center; letter-spacing: .5px; transition: 0.2s ease-out; cursor: pointer; } .btn:hover, .btn-large:hover, button:hover, input[type=submit]:hover { background-color: #63d6e5; } .btn-floating { display: inline-block; color: #fff; position: relative; overflow: hidden; z-index: 1; width: 37px; height: 37px; line-height: 37px; padding: 0; background-color: #4dd0e1; border-radius: 50%; transition: .3s; cursor: pointer; vertical-align: middle; } .btn-floating i { width: inherit; display: inline-block; text-align: center; color: #fff; font-size: 1.6rem; line-height: 37px; } .btn-floating:before { border-radius: 0; } .btn-floating.btn-large { width: 55.5px; height: 55.5px; } .btn-floating.btn-large i { line-height: 55.5px; } button.btn-floating { border: none; } .fixed-action-btn { position: fixed; right: 23px; bottom: 23px; padding-top: 15px; margin-bottom: 0; z-index: 998; } .fixed-action-btn ul { left: 0; right: 0; text-align: center; position: absolute; bottom: 64px; margin: 0; } .fixed-action-btn ul li { margin-bottom: 15px; } .fixed-action-btn ul a.btn-floating { opacity: 0; } .btn-flat { box-shadow: none; background-color: transparent; color: #343434; cursor: pointer; } .btn-flat.disabled { color: #b3b3b3; cursor: default; } .btn-large { height: 60px; line-height: 56px; } .btn-large i { font-size: 1.6rem; } .btn-block { display: block; } /*-------------------------------------------------------------- # 1.14 Dropdown --------------------------------------------------------------*/ .dropdown-content { background-color: #fff; margin: 0; display: none; min-width: 100px; max-height: 650px; opacity: 0; position: absolute; z-index: 999; will-change: width, height; } .dropdown-content li { clear: both; color: rgba(0, 0, 0, 0.87); cursor: pointer; line-height: 1.5rem; width: 100%; text-align: left; text-transform: none; } .dropdown-content li a { text-transform: uppercase; } .dropdown-content li:hover, .dropdown-content li.active { background-color: #eee; } .dropdown-content li > a, .dropdown-content li > span { font-size: 1rem; color: #26a69a; display: block; padding: 1rem 1rem; } .dropdown-content li > a > i { height: inherit; line-height: inherit; } /*-------------------------------------------------------------- # 1.15 Waves --------------------------------------------------------------*/ /*! Waves v0.6.0 http://fian.my.id/Waves Copyright 2014 Alfiana E. Sibuea and other contributors Released under the MIT license https://github.com/fians/Waves/blob/master/LICENSE */ .waves-effect, button, input[type=submit] { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; vertical-align: middle; z-index: 1; will-change: opacity, transform; transition: all 0.3s ease-out; } .waves-effect .waves-ripple, button .waves-ripple, input[type=submit] .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, 0.2); transition: all 0.7s ease-out; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); pointer-events: none; } .waves-effect.waves-light .waves-ripple, button .waves-ripple, input[type=submit] .waves-ripple, .tagcloud a .waves-ripple { background-color: rgba(255, 255, 255, 0.45); } .waves-effect.waves-red .waves-ripple, button.waves-red .waves-ripple, input.waves-red[type=submit] .waves-ripple { background-color: rgba(244, 67, 54, 0.7); } .waves-effect.waves-yellow .waves-ripple, button.waves-yellow .waves-ripple, input.waves-yellow[type=submit] .waves-ripple { background-color: rgba(255, 235, 59, 0.7); } .waves-effect.waves-orange .waves-ripple, button.waves-orange .waves-ripple, input.waves-orange[type=submit] .waves-ripple { background-color: rgba(255, 152, 0, 0.7); } .waves-effect.waves-purple .waves-ripple, button.waves-purple .waves-ripple, input.waves-purple[type=submit] .waves-ripple { background-color: rgba(156, 39, 176, 0.7); } .waves-effect.waves-green .waves-ripple, button.waves-green .waves-ripple, input.waves-green[type=submit] .waves-ripple { background-color: rgba(76, 175, 80, 0.7); } .waves-effect.waves-teal .waves-ripple, button.waves-teal .waves-ripple, input.waves-teal[type=submit] .waves-ripple { background-color: rgba(0, 150, 136, 0.7); } .waves-notransition { transition: none !important; } .waves-circle { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); } .waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; } .waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; } .waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; -webkit-mask-image: none; } .waves-block { display: block; } /* Firefox Bug: link not triggered */ a.waves-effect .waves-ripple { z-index: -1; } /*-------------------------------------------------------------- # 1.17 Collapsible --------------------------------------------------------------*/ .collapsible { border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; margin: 0.66667rem 0 1.33333rem 0; } .collapsible-header { display: block; cursor: pointer; height: 3rem; line-height: 3rem; padding: 0 1rem; background-color: #fff; border-bottom: 1px solid #ddd; } .collapsible-header i { width: 2rem; font-size: 1.6rem; line-height: 3rem; display: block; float: left; text-align: center; margin-right: 1rem; } .collapsible-body { display: none; border-bottom: 1px solid #ddd; box-sizing: border-box; } .collapsible-body p { margin: 0; padding: 2rem; } .side-nav .collapsible { border: none; box-shadow: none; } .side-nav .collapsible li { padding: 0; } .side-nav .collapsible-header { background-color: transparent; border: none; line-height: inherit; height: inherit; margin: 0 1rem; } .side-nav .collapsible-header i { line-height: inherit; } .side-nav .collapsible-body { border: 0; background-color: #fff; } .side-nav .collapsible-body li a { margin: 0 1rem 0 2rem; } .collapsible.popout { border: none; box-shadow: none; } .collapsible.popout > li { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin: 0 24px; transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .collapsible.popout > li.active { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); margin: 16px 0; } /*-------------------------------------------------------------- # 1.18 Material Box --------------------------------------------------------------*/ .materialboxed { cursor: -webkit-zoom-in; cursor: zoom-in; position: relative; transition: opacity 0.4s; } .materialboxed:hover { will-change: left, top, width, height; } .materialboxed:hover:not(.active) { opacity: .8; } .materialboxed.active { cursor: -webkit-zoom-out; cursor: zoom-out; } #materialbox-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #292929; z-index: 999; will-change: opacity; } .materialbox-caption { position: fixed; display: none; color: #fff; line-height: 50px; bottom: 0; width: 100%; text-align: center; padding: 0% 15%; height: 50px; z-index: 1000; -webkit-font-smoothing: antialiased; } /*-------------------------------------------------------------- # 1.19 Forms --------------------------------------------------------------*/ /* Remove Focus Boxes */ select:focus { outline: 1px solid #c9f3ef; } button:focus { outline: none; background-color: #5ed5e4; } label { font-size: 0.8rem; color: #9e9e9e; } /*************************** Text Inputs + Textarea */ ::-webkit-input-placeholder { color: #d1d1d1; } :-moz-placeholder { /* Firefox 18- */ color: #d1d1d1; } ::-moz-placeholder { /* Firefox 19+ */ color: #d1d1d1; } :-ms-input-placeholder { color: #d1d1d1; } input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea { background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; border-radius: 0; outline: none; height: 3rem; width: 100%; font-size: 1rem; margin: 0 0 15px 0; padding: 0; box-shadow: none; box-sizing: content-box; transition: all .3s; } input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, input[type=number][readonly="readonly"], input[type=search]:disabled, input[type=search][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] { color: rgba(0, 0, 0, 0.26); border-bottom: 1px dotted rgba(0, 0, 0, 0.26); } input[type=text]:disabled + label, input[type=text][readonly="readonly"] + label, input[type=password]:disabled + label, input[type=password][readonly="readonly"] + label, input[type=email]:disabled + label, input[type=email][readonly="readonly"] + label, input[type=url]:disabled + label, input[type=url][readonly="readonly"] + label, input[type=time]:disabled + label, input[type=time][readonly="readonly"] + label, input[type=date]:disabled + label, input[type=date][readonly="readonly"] + label, input[type=datetime-local]:disabled + label, input[type=datetime-local][readonly="readonly"] + label, input[type=tel]:disabled + label, input[type=tel][readonly="readonly"] + label, input[type=number]:disabled + label, input[type=number][readonly="readonly"] + label, input[type=search]:disabled + label, input[type=search][readonly="readonly"] + label, textarea.materialize-textarea:disabled + label, textarea.materialize-textarea[readonly="readonly"] + label { color: rgba(0, 0, 0, 0.26); } input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid #26a69a; box-shadow: 0 1px 0 0 #26a69a; } input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label { color: #26a69a; } input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid { border-bottom: 1px solid #4CAF50; box-shadow: 0 1px 0 0 #4CAF50; } input[type=text].valid + label:after, input[type=text]:focus.valid + label:after, input[type=password].valid + label:after, input[type=password]:focus.valid + label:after, input[type=email].valid + label:after, input[type=email]:focus.valid + label:after, input[type=url].valid + label:after, input[type=url]:focus.valid + label:after, input[type=time].valid + label:after, input[type=time]:focus.valid + label:after, input[type=date].valid + label:after, input[type=date]:focus.valid + label:after, input[type=datetime-local].valid + label:after, input[type=datetime-local]:focus.valid + label:after, input[type=tel].valid + label:after, input[type=tel]:focus.valid + label:after, input[type=number].valid + label:after, input[type=number]:focus.valid + label:after, input[type=search].valid + label:after, input[type=search]:focus.valid + label:after, textarea.materialize-textarea.valid + label:after, textarea.materialize-textarea:focus.valid + label:after { content: attr(data-success); color: #4CAF50; opacity: 1; } input[type=text].invalid, input[type=text]:focus.invalid, input[type=password].invalid, input[type=password]:focus.invalid, input[type=email].invalid, input[type=email]:focus.invalid, input[type=url].invalid, input[type=url]:focus.invalid, input[type=time].invalid, input[type=time]:focus.invalid, input[type=date].invalid, input[type=date]:focus.invalid, input[type=datetime-local].invalid, input[type=datetime-local]:focus.invalid, input[type=tel].invalid, input[type=tel]:focus.invalid, input[type=number].invalid, input[type=number]:focus.invalid, input[type=search].invalid, input[type=search]:focus.invalid, textarea.materialize-textarea.invalid, textarea.materialize-textarea:focus.invalid { border-bottom: 1px solid #F44336; box-shadow: 0 1px 0 0 #F44336; } input[type=text].invalid + label:after, input[type=text]:focus.invalid + label:after, input[type=password].invalid + label:after, input[type=password]:focus.invalid + label:after, input[type=email].invalid + label:after, input[type=email]:focus.invalid + label:after, input[type=url].invalid + label:after, input[type=url]:focus.invalid + label:after, input[type=time].invalid + label:after, input[type=time]:focus.invalid + label:after, input[type=date].invalid + label:after, input[type=date]:focus.invalid + label:after, input[type=datetime-local].invalid + label:after, input[type=datetime-local]:focus.invalid + label:after, input[type=tel].invalid + label:after, input[type=tel]:focus.invalid + label:after, input[type=number].invalid + label:after, input[type=number]:focus.invalid + label:after, input[type=search].invalid + label:after, input[type=search]:focus.invalid + label:after, textarea.materialize-textarea.invalid + label:after, textarea.materialize-textarea:focus.invalid + label:after { content: attr(data-error); color: #F44336; opacity: 1; } input[type=text] + label:after, input[type=password] + label:after, input[type=email] + label:after, input[type=url] + label:after, input[type=time] + label:after, input[type=date] + label:after, input[type=datetime-local] + label:after, input[type=tel] + label:after, input[type=number] + label:after, input[type=search] + label:after, textarea.materialize-textarea + label:after { display: block; content: ""; position: absolute; top: 65px; opacity: 0; transition: .2s opacity ease-out, .2s color ease-out; } .input-field { position: relative; margin-top: 1rem; } .input-field label { color: #9e9e9e; position: absolute; top: 0.8rem; left: 1rem; font-size: 1rem; cursor: text; transition: 0.2s ease-out; } .input-field label.active { font-size: 0.8rem; -webkit-transform: translateY(-140%); -ms-transform: translateY(-140%); transform: translateY(-140%); } .input-field .prefix { position: absolute; width: 3rem; font-size: 2rem; transition: color 0.2s; } .input-field .prefix.active { color: #26a69a; } .input-field .prefix ~ input, .input-field .prefix ~ textarea { margin-left: 3rem; width: 92%; width: calc(100% - 3rem); } .input-field .prefix ~ textarea { padding-top: .8rem; } .input-field .prefix ~ label { margin-left: 3rem; } @media only screen and (max-width: 992px) { .input-field .prefix ~ input { width: 86%; width: calc(100% - 3rem); } } @media only screen and (max-width: 600px) { .input-field .prefix ~ input { width: 80%; width: calc(100% - 3rem); } } .input-field input[type=search] { display: block; line-height: inherit; padding-left: 4rem; width: calc(100% - 4rem); } .input-field input[type=search]:focus { background-color: #fff; border: 0; box-shadow: none; color: #444; } .input-field input[type=search]:focus + label i, .input-field input[type=search]:focus ~ .mdi-navigation-close { color: #444; } .input-field input[type=search] + label { left: 1rem; } .input-field input[type=search] ~ .mdi-navigation-close { position: absolute; top: 0; right: 1rem; color: transparent; cursor: pointer; font-size: 2rem; transition: .3s color; } textarea { width: 100%; height: 3rem; background-color: transparent; } textarea.materialize-textarea { overflow-y: hidden; /* prevents scroll bar flash */ padding: 1.6rem 0; /* prevents text jump on Enter keypress */ resize: none; min-height: 3rem; } .hiddendiv { display: none; white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */ padding-top: 1.2rem; /* prevents text jump on Enter keypress */ } /*************** Radio Buttons */ /* Remove default Radio Buttons */ [type="radio"]:not(:checked), [type="radio"]:checked { position: absolute; left: -9999px; visibility: hidden; } [type="radio"]:not(:checked) + label, [type="radio"]:checked + label { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 1rem; transition: 0.28s ease; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ } [type="radio"] + label:before, [type="radio"] + label:after { content: ''; position: absolute; left: 0; top: 0; margin: 4px; width: 16px; height: 16px; z-index: 0; transition: 0.28s ease; } /* Unchecked styles */ [type="radio"]:not(:checked) + label:before { border-radius: 50%; border: 2px solid #5a5a5a; } [type="radio"]:not(:checked) + label:after { border-radius: 50%; border: 2px solid #5a5a5a; z-index: -1; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } /* Checked styles */ [type="radio"]:checked + label:before { border-radius: 50%; border: 2px solid transparent; } [type="radio"]:checked + label:after { border-radius: 50%; border: 2px solid #26a69a; background-color: #26a69a; z-index: 0; -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } /* Radio With gap */ [type="radio"].with-gap:checked + label:before { border-radius: 50%; border: 2px solid #26a69a; } [type="radio"].with-gap:checked + label:after { border-radius: 50%; border: 2px solid #26a69a; background-color: #26a69a; z-index: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } /* Disabled Radio With gap */ [type="radio"].with-gap:disabled:checked + label:before { border: 2px solid rgba(0, 0, 0, 0.26); } [type="radio"].with-gap:disabled:checked + label:after { border: none; background-color: rgba(0, 0, 0, 0.26); } /* Disabled style */ [type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:checked + label:before { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); } [type="radio"]:disabled + label { color: rgba(0, 0, 0, 0.26); } [type="radio"]:disabled:not(:checked) + label:before { border-color: rgba(0, 0, 0, 0.26); } [type="radio"]:disabled:checked + label:after { background-color: rgba(0, 0, 0, 0.26); border-color: #BDBDBD; } /*************** Checkboxes */ /* CUSTOM CSS CHECKBOXES */ form p { margin-bottom: 10px; text-align: left; } form p:last-child { margin-bottom: 0; } /* Remove default checkbox */ [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; visibility: hidden; } [type="checkbox"] { /* checkbox aspect */ } [type="checkbox"] + label { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 1rem; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ } [type="checkbox"] + label:before { content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; z-index: 0; border: 2px solid #5a5a5a; border-radius: 1px; margin-top: 2px; transition: 0.2s; } [type="checkbox"]:not(:checked):disabled + label:before { border: none; background-color: rgba(0, 0, 0, 0.26); } [type="checkbox"]:checked + label:before { top: -4px; left: -3px; width: 12px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #26a69a; border-bottom: 2px solid #26a69a; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"]:checked:disabled + label:before { border-right: 2px solid rgba(0, 0, 0, 0.26); border-bottom: 2px solid rgba(0, 0, 0, 0.26); } /* Indeterminate checkbox */ [type="checkbox"]:indeterminate + label:before { left: -10px; top: -11px; width: 10px; height: 22px; border-top: none; border-left: none; border-right: 2px solid #26a69a; border-bottom: none; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"]:indeterminate:disabled + label:before { border-right: 2px solid rgba(0, 0, 0, 0.26); background-color: transparent; } [type="checkbox"].filled-in + label:after { border-radius: 2px; } [type="checkbox"].filled-in + label:before, [type="checkbox"].filled-in + label:after { content: ''; left: 0; position: absolute; /* .1s delay is for check animation */ transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; z-index: 1; } [type="checkbox"].filled-in:not(:checked) + label:before { width: 0; height: 0; border: 3px solid transparent; left: 6px; top: 10px; -webkit-transform: rotateZ(37deg); -ms-transform: rotate(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 20% 40%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"].filled-in:not(:checked) + label:after { height: 20px; width: 20px; background-color: transparent; border: 2px solid #5a5a5a; top: 0px; z-index: 0; } [type="checkbox"].filled-in:checked + label:before { top: 0; left: 1px; width: 8px; height: 13px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); -ms-transform: rotate(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"].filled-in:checked + label:after { top: 0px; width: 20px; height: 20px; border: 2px solid #26a69a; background-color: #26a69a; z-index: 0; } [type="checkbox"].filled-in:disabled:not(:checked) + label:before { background-color: transparent; border: 2px solid transparent; } [type="checkbox"].filled-in:disabled:not(:checked) + label:after { border-color: transparent; background-color: #BDBDBD; } [type="checkbox"].filled-in:disabled:checked + label:before { background-color: transparent; } [type="checkbox"].filled-in:disabled:checked + label:after { background-color: #BDBDBD; border-color: #BDBDBD; } /*************** Switch */ .switch, .switch * { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; } .switch label { cursor: pointer; } .switch label input[type=checkbox] { opacity: 0; width: 0; height: 0; } .switch label input[type=checkbox]:checked + .lever { background-color: #84c7c1; } .switch label input[type=checkbox]:checked + .lever:after { background-color: #26a69a; } .switch label .lever { content: ""; display: inline-block; position: relative; width: 40px; height: 15px; background-color: #818181; border-radius: 15px; margin-right: 10px; transition: background 0.3s ease; vertical-align: middle; margin: 0 16px; } .switch label .lever:after { content: ""; position: absolute; display: inline-block; width: 21px; height: 21px; background-color: #F1F1F1; border-radius: 21px; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); left: -5px; top: -3px; transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; } input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1); } input[type=checkbox]:not(:disabled) ~ .lever:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); } .switch label input[type=checkbox]:checked + .lever:after { left: 24px; } .switch input[type=checkbox][disabled] + .lever { cursor: default; } .switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after { background-color: #BDBDBD; } /*************** Select Field */ .select-label { position: absolute; } .select-wrapper { position: relative; } .select-wrapper input.select-dropdown { position: relative; cursor: pointer; background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; outline: none; height: 3rem; line-height: 3rem; width: 100%; font-size: 1rem; margin: 0 0 15px 0; padding: 0; display: block; } .select-wrapper span.caret { color: initial; position: absolute; right: 0; top: 16px; font-size: 10px; } .select-wrapper span.caret.disabled { color: rgba(0, 0, 0, 0.26); } .select-wrapper + label { position: absolute; top: -14px; font-size: 0.8rem; } select.browser-default { display: block; } select:disabled { color: rgba(0, 0, 0, 0.3); } .select-wrapper input.select-dropdown:disabled { color: rgba(0, 0, 0, 0.3); cursor: default; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -ms-user-select: none; /* IE10+ */ border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .select-wrapper i { color: rgba(0, 0, 0, 0.3); } .select-dropdown li.disabled { color: rgba(0, 0, 0, 0.3); background-color: transparent; } /********************* File Input */ .file-field { position: relative; } .file-field .file-path-wrapper { overflow: hidden; padding-left: 10px; } .file-field input.file-path { width: 100%; } .file-field .btn, .file-field .btn-large, .file-field button, .file-field input[type=submit] { float: left; height: 3rem; line-height: 3rem; } .file-field span { cursor: pointer; } .file-field input[type=file] { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } /*************** Range */ .range-field { position: relative; } input[type=range], input[type=range] + .thumb { cursor: pointer; } input[type=range] { position: relative; background-color: transparent; border: none; outline: none; width: 100%; margin: 15px 0px; padding: 0; } input[type=range] + .thumb { position: absolute; border: none; height: 0; width: 0; border-radius: 50%; background-color: #26a69a; top: 10px; margin-left: -6px; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } input[type=range] + .thumb .value { display: block; width: 30px; text-align: center; color: #26a69a; font-size: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } input[type=range] + .thumb.active { border-radius: 50% 50% 50% 0; } input[type=range] + .thumb.active .value { color: #fff; margin-left: -1px; margin-top: 8px; font-size: 10px; } input[type=range]:focus { outline: none; } input[type=range] { -webkit-appearance: none; } input[type=range]::-webkit-slider-runnable-track { height: 3px; background: #c2c0c2; border: none; } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 14px; width: 14px; border-radius: 50%; background-color: #26a69a; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; margin: -5px 0 0 0; transition: 0.3s; } input[type=range]:focus::-webkit-slider-runnable-track { background: #ccc; } input[type=range] { /* fix for FF unable to apply focus style bug */ border: 1px solid white; /*required for proper track sizing in FF*/ } input[type=range]::-moz-range-track { height: 3px; background: #ddd; border: none; } input[type=range]::-moz-range-thumb { border: none; height: 14px; width: 14px; border-radius: 50%; background: #26a69a; margin-top: -5px; } /*hide the outline behind the border*/ input[type=range]:-moz-focusring { outline: 1px solid white; outline-offset: -1px; } input[type=range]:focus::-moz-range-track { background: #ccc; } input[type=range]::-ms-track { height: 3px; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ background: transparent; /*leave room for the larger thumb to overflow with a transparent border */ border-color: transparent; border-width: 6px 0; /*remove default tick marks*/ color: transparent; } input[type=range]::-ms-fill-lower { background: #777; } input[type=range]::-ms-fill-upper { background: #ddd; } input[type=range]::-ms-thumb { border: none; height: 14px; width: 14px; border-radius: 50%; background: #26a69a; } input[type=range]:focus::-ms-fill-lower { background: #888; } input[type=range]:focus::-ms-fill-upper { background: #ccc; } /*************************** Text Inputs + Textarea */ select { background-color: rgba(255, 255, 255, 0.9); width: 100%; padding: 5px; border: 1px solid #f2f2f2; border-radius: 2px; height: 3rem; } /*-------------------------------------------------------------- # 1.20 Table Of Contents --------------------------------------------------------------*/ /*************** Nav List */ .table-of-contents.fixed { position: fixed; } .table-of-contents li { padding: 2px 0; } .table-of-contents a { display: inline-block; font-weight: 300; color: #757575; padding-left: 20px; height: 1.5rem; line-height: 1.5rem; letter-spacing: .4; display: inline-block; } .table-of-contents a:hover { color: #a8a8a8; padding-left: 19px; border-left: 1px solid #f77066; } .table-of-contents a.active { font-weight: 500; padding-left: 18px; border-left: 2px solid #f77066; } /*-------------------------------------------------------------- # 1.23 Slider --------------------------------------------------------------*/ .slider { position: relative; width: 100%; } .slider.fullscreen { height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .slider.fullscreen ul.slides { height: 100%; } .slider.fullscreen ul.indicators { z-index: 2; bottom: 30px; } .slider .slides { background-color: color("grey", "base"); margin: 0; height: 400px; } .slider .slides li { opacity: 0; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: inherit; overflow: hidden; } .slider .slides li img { height: 100%; width: 100%; background-size: cover; background-position: center; } .slider .slides li .caption { color: #fff; position: absolute; top: 15%; left: 15%; width: 70%; opacity: 0; } .slider .slides li .caption p { color: color("grey", "lighten-2"); } .slider .slides li.active { z-index: 2; } .slider .indicators { position: absolute; text-align: center; left: 0; right: 0; bottom: 0; margin: 0; } .slider .indicators .indicator-item { display: inline-block; position: relative; cursor: pointer; height: 16px; width: 16px; margin: 0 12px; background-color: color("grey", "lighten-2"); transition: background-color 0.3s; border-radius: 50%; } .slider .indicators .indicator-item.active { background-color: color("green", "base"); } /*-------------------------------------------------------------- # 1.24 Defaults --------------------------------------------------------------*/ /* ========================================================================== $BASE-PICKER ========================================================================== */ /** Note: the root picker element should *NOT* be styled more than what's here. */ .picker { font-size: 16px; text-align: left; line-height: 1.2; color: #000000; position: absolute; z-index: 10000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /** The picker input element. */ .picker__input { cursor: default; } /** When the picker is opened, the input element is "activated". */ .picker__input.picker__input--active { border-color: #0089ec; } /** The holder is the only "scrollable" top-level container element. */ .picker__holder { width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } /*! Default mobile-first, responsive styling for pickadate.js Demo: http://amsul.github.io/pickadate.js */ /** Note: the root picker element should *NOT* be styled more than what's here. */ /** Make the holder and frame fullscreen. */ .picker__holder, .picker__frame { bottom: 0; left: 0; right: 0; top: 100%; } /** The holder should overlay the entire screen. */ .picker__holder { position: fixed; transition: background 0.15s ease-out, top 0s 0.15s; -webkit-backface-visibility: hidden; } /** The frame that bounds the box contents of the picker. */ .picker__frame { position: absolute; margin: 0 auto; min-width: 256px; width: 300px; max-height: 350px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; transition: all 0.15s ease-out; } @media (min-height: 28.875em) { .picker__frame { overflow: visible; top: auto; bottom: -100%; max-height: 80%; } } @media (min-height: 40.125em) { .picker__frame { margin-bottom: 7.5%; } } /** The wrapper sets the stage to vertically align the box contents. */ .picker__wrap { display: table; width: 100%; height: 100%; } @media (min-height: 28.875em) { .picker__wrap { display: block; } } /** The box contains all the picker contents. */ .picker__box { background: #ffffff; display: table-cell; vertical-align: middle; } @media (min-height: 28.875em) { .picker__box { display: block; border: 1px solid #777777; border-top-color: #898989; border-bottom-width: 0; border-radius: 5px 5px 0 0; box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); } } /** When the picker opens... */ .picker--opened .picker__holder { top: 0; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)"; zoom: 1; background: rgba(0, 0, 0, 0.32); transition: background 0.15s ease-out; } .picker--opened .picker__frame { top: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } @media (min-height: 35.875em) { .picker--opened .picker__frame { top: 10%; bottom: 20%auto; } } /** For `large` screens, transform into an inline picker. */ /* ========================================================================== CUSTOM MATERIALIZE STYLES ========================================================================== */ .picker__input.picker__input--active { border-color: #E3F2FD; } .picker__frame { margin: 0 auto; max-width: 325px; } @media (min-height: 38.875em) { .picker--opened .picker__frame { top: 10%; bottom: auto; } } /*-------------------------------------------------------------- # 1.25 Default Dates --------------------------------------------------------------*/ /* ========================================================================== $BASE-DATE-PICKER ========================================================================== */ /** The picker box. */ .picker__box { padding: 0 1em; } /** The header containing the month and year stuff. */ .picker__header { text-align: center; position: relative; margin-top: .75em; } /** The month and year labels. */ .picker__month, .picker__year { display: inline-block; margin-left: .25em; margin-right: .25em; } /** The month and year selectors. */ .picker__select--month, .picker__select--year { height: 2em; padding: 0; margin-left: .25em; margin-right: .25em; } .picker__select--month.browser-default { display: inline; background-color: #FFFFFF; width: 40%; } .picker__select--year.browser-default { display: inline; background-color: #FFFFFF; width: 25%; } .picker__select--month:focus, .picker__select--year:focus { border-color: rgba(0, 0, 0, 0.05); } /** The month navigation buttons. */ .picker__nav--prev, .picker__nav--next { position: absolute; padding: .5em 1.25em; width: 1em; height: 1em; box-sizing: content-box; top: -0.25em; } .picker__nav--prev { left: -1em; padding-right: 1.25em; } .picker__nav--next { right: -1em; padding-left: 1.25em; } .picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover { cursor: default; background: none; border-right-color: #f5f5f5; border-left-color: #f5f5f5; } /** The calendar table of dates */ .picker__table { text-align: center; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: 1rem; width: 100%; margin-top: .75em; margin-bottom: .5em; } .picker__table th, .picker__table td { text-align: center; } .picker__table td { margin: 0; padding: 0; } /** The weekday labels */ .picker__weekday { width: 14.285714286%; font-size: .75em; padding-bottom: .25em; color: #999999; font-weight: 500; /* Increase the spacing a tad */ } @media (min-height: 33.875em) { .picker__weekday { padding-bottom: .5em; } } /** The days on the calendar */ .picker__day--today { position: relative; color: #595959; letter-spacing: -.3; padding: .75rem 0; font-weight: 400; border: 1px solid transparent; } .picker__day--disabled:before { border-top-color: #aaaaaa; } .picker__day--infocus:hover { cursor: pointer; color: #000; font-weight: 500; } .picker__day--outfocus { display: none; padding: .75rem 0; color: #fff; } .picker__day--outfocus:hover { cursor: pointer; color: #dddddd; font-weight: 500; } .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted { cursor: pointer; } .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { border-radius: 50%; -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); background: #0089ec; color: #ffffff; } .picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; } .picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover { background: #bbbbbb; } /** The footer containing the "today", "clear", and "close" buttons. */ .picker__footer { text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .picker__button--today, .picker__button--clear, .picker__button--close { border: 1px solid #ffffff; background: #ffffff; font-size: .8em; padding: .66em 0; font-weight: bold; width: 33%; display: inline-block; vertical-align: bottom; } .picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover { cursor: pointer; color: #000000; background: #b1dcfb; border-bottom-color: #b1dcfb; } .picker__button--today:focus, .picker__button--clear:focus, .picker__button--close:focus { background: #b1dcfb; border-color: rgba(0, 0, 0, 0.05); outline: none; } .picker__button--today:before, .picker__button--clear:before, .picker__button--close:before { position: relative; display: inline-block; height: 0; } .picker__button--today:before, .picker__button--clear:before { content: " "; margin-right: .45em; } .picker__button--today:before { top: -0.05em; width: 0; border-top: 0.66em solid #0059bc; border-left: .66em solid transparent; } .picker__button--clear:before { top: -0.25em; width: .66em; border-top: 3px solid #ee2200; } .picker__button--close:before { content: "\D7"; top: -0.1em; vertical-align: top; font-size: 1.1em; margin-right: .35em; color: #777777; } .picker__button--today[disabled], .picker__button--today[disabled]:hover { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; } .picker__button--today[disabled]:before { border-top-color: #aaaaaa; } /* ========================================================================== CUSTOM MATERIALIZE STYLES ========================================================================== */ .picker__box { border-radius: 2px; overflow: hidden; } .picker__date-display { text-align: center; background-color: #26a69a; color: #fff; padding-bottom: 15px; font-weight: 300; } .picker__nav--prev:hover, .picker__nav--next:hover { cursor: pointer; color: #000000; background: #a1ded8; } .picker__weekday-display { background-color: #1f897f; padding: 10px; font-weight: 200; letter-spacing: .5; font-size: 1rem; margin-bottom: 15px; } .picker__month-display { text-transform: uppercase; font-size: 2rem; } .picker__day-display { font-size: 4.5rem; font-weight: 400; } .picker__year-display { font-size: 1.8rem; color: rgba(255, 255, 255, 0.4); } .picker__box { padding: 0; } .picker__calendar-container { padding: 0 1rem; } .picker__calendar-container thead { border: none; } .picker__table { margin-top: 0; margin-bottom: .5em; } .picker__day--infocus { color: #595959; letter-spacing: -.3; padding: .75rem 0; font-weight: 400; border: 1px solid transparent; } .picker__day.picker__day--today { color: #26a69a; } .picker__day.picker__day--today.picker__day--selected { color: #fff; } .picker__weekday { font-size: .9rem; } .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { border-radius: 50%; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); background-color: #26a69a; color: #ffffff; } .picker__day--selected.picker__day--outfocus, .picker__day--selected:hover.picker__day--outfocus, .picker--focused .picker__day--selected.picker__day--outfocus { background-color: #a1ded8; } .picker__footer { text-align: right; padding: 5px 10px; } .picker__close, .picker__today { font-size: 1.1rem; padding: 0 1rem; color: #26a69a; } .picker__nav--prev:before, .picker__nav--next:before { content: " "; border-top: .5em solid transparent; border-bottom: .5em solid transparent; border-right: 0.75em solid #676767; width: 0; height: 0; display: block; margin: 0 auto; } .picker__nav--next:before { border-right: 0; border-left: 0.75em solid #676767; } button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus { background-color: #a1ded8; } /*-------------------------------------------------------------- # 1.26 Default Time --------------------------------------------------------------*/ /* ========================================================================== $BASE-TIME-PICKER ========================================================================== */ /** The list of times. */ .picker__list { list-style: none; padding: 0.75em 0 4.2em; margin: 0; } /** The times on the clock. */ .picker__list-item { border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; margin-bottom: -1px; position: relative; background: #ffffff; padding: .75em 1.25em; } @media (min-height: 46.75em) { .picker__list-item { padding: .5em 1em; } } /* Hovered time */ .picker__list-item:hover { cursor: pointer; color: #000000; background: #b1dcfb; border-color: #0089ec; z-index: 10; } /* Highlighted and hovered/focused time */ .picker__list-item--highlighted { border-color: #0089ec; z-index: 10; } .picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted { cursor: pointer; color: #000000; background: #b1dcfb; } /* Selected and hovered/focused time */ .picker__list-item--selected, .picker__list-item--selected:hover, .picker--focused .picker__list-item--selected { background: #0089ec; color: #ffffff; z-index: 10; } /* Disabled time */ .picker__list-item--disabled, .picker__list-item--disabled:hover, .picker--focused .picker__list-item--disabled { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; border-color: #dddddd; z-index: auto; } /** The clear button */ .picker--time .picker__button--clear { display: block; width: 80%; margin: 1em auto 0; padding: 1em 1.25em; background: none; border: 0; font-weight: 500; font-size: .67em; text-align: center; text-transform: uppercase; color: #666; } .picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:focus { color: #000000; background: #b1dcfb; background: #ee2200; border-color: #ee2200; cursor: pointer; color: #ffffff; outline: none; } .picker--time .picker__button--clear:before { top: -0.25em; color: #666; font-size: 1.25em; font-weight: bold; } .picker--time .picker__button--clear:hover:before, .picker--time .picker__button--clear:focus:before { color: #ffffff; } /* ========================================================================== $DEFAULT-TIME-PICKER ========================================================================== */ /** The frame the bounds the time picker. */ .picker--time .picker__frame { min-width: 256px; max-width: 320px; } /** The picker box. */ .picker--time .picker__box { font-size: 1em; background: #f2f2f2; padding: 0; } @media (min-height: 40.125em) { .picker--time .picker__box { margin-bottom: 5em; } } /*-------------------------------------------------------------- 2.0 Wordpress Core Styles --------------------------------------------------------------*/ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Accessibility # Alignments # Clearings # Widgets # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* 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:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; 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. */ } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; margin-bottom: 1rem; } .alignright { display: inline; float: right; margin-left: 1.5em; margin-bottom: 1rem; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 2em; /* Make sure select elements fit in widgets. */ } .widget select { max-width: 100%; } /* Search widget. */ .widget_search .search-submit { display: none; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } .embed-youtube embed, .embed-youtube iframe, .embed-youtube object, .embed-vimeo embed, .embed-vimeo iframe, .embed-vimeo object { width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; padding-bottom: 1px; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- 3.0 Theme Styles --------------------------------------------------------------*/ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Theme Colors # Typography # TidBits # Media # Navigation # UI Elements # Site Layouts # Site Widgets # Vendor Styles # Vendor and Plugin Overrides # Pixel Carousel --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Theme Colors --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Theme Variables --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Include Fonts --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Site Typography --------------------------------------------------------------*/ html { color: #455a64; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 2.25rem; line-height: 110%; margin: 0.75rem 0 0.75rem 0; } h2 { font-size: 1.88rem; line-height: 110%; margin: 0.62667rem 0 0.62667rem 0; } h3 { font-size: 1.5rem; line-height: 110%; margin: 0.5rem 0 0.5rem 0; } h4 { font-size: 1.14rem; line-height: 110%; margin: 0.38rem 0 0.38rem 0; } h5 { font-size: 1rem; line-height: 110%; margin: 0.33333rem 0 0.33333rem 0; } h6 { font-size: 0.89rem; line-height: 110%; margin: 0.29667rem 0 0.29667rem 0; } p { color: #757575; } a { transition: all 0.4s ease-in-out; } .fulla { width: 100%; height: 100%; } abbr[title] { cursor: help; } hr { margin: 2rem auto; border-top: 1px solid #e2e2e2; border-bottom: 0; } .read-more.btn, .read-more.btn-large, button.read-more, input.read-more[type=submit] { padding: 0 1rem; } .tabs .indicator { background: #246f79; } .op0 { opacity: 0; } .dropcap { float: left; display: block; font-size: 3rem; font-weight: bold; line-height: 69%; margin-right: 0.3rem; padding: 0.3rem; } blockquote { margin: 2rem 0; padding-left: 1.5rem; border-left: 5px solid #37ACC3; font-size: 1.2rem; font-family: "Roboto Slab"; line-height: 165%; } blockquote p { line-height: 165%; } pre { background: #f6f6f6; font-size: 14px; line-height: 1.5em; margin: 1.5rem 0; max-width: 100%; overflow: auto; padding: 1.5em; } .entry-content p { margin-bottom: 1.3rem; color: #757575; line-height: 150%; } .section-title, .widget-title, .comments-title, .reply-title { margin-top: 0; font-size: 22.72px; font-size: 1.42rem; font-family: 'Roboto Slab', Roboto; } .page-title { font-weight: 300; line-height: 130%; text-transform: capitalize; margin: 0; } .page-title span { font-weight: 700; } .section-title { line-height: 71%; font-family: 'Roboto Slab', Roboto; } .section-title a { color: #455a64; } .widget-title a { color: #455a64; } .entry-title { font-size: 32px; font-size: 2rem; line-height: 130%; font-family: 'Roboto Slab', Roboto; } .cpm-share h3 { font-size: 19.2px; font-size: 1.2rem; } /*-------------------------------------------------------------- /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ .input-field { margin-bottom: 2.3rem; } .input-field label { left: 0; color: #757575; font-size: 14px; } input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea { box-shadow: 0 2px 0 0 #e2e2e2; margin-bottom: 0; border-bottom: 0; margin-top: 5px; } input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) { border-bottom: 0; box-shadow: 0 2px 0 0 #26a69a; } select:focus { outline: 0; } .input-field span.invalid, .input-field span.help-inline { display: block; margin: 10px 0; text-transform: uppercase; font-size: 14px; color: #F44336; } /*-------------------------------------------------------------- # Tidbits --------------------------------------------------------------*/ #site-loader { position: fixed; left: 0%; top: 0%; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.95); z-index: 999; text-align: center; } #site-loader img { text-align: center; margin: 0 auto; } .wp-caption { background: #f1f1f1; } footer .wp-caption { background: #000; background: rgba(0, 0, 0, 0.4); } .gallery-item.fulla { background-size: cover; background-position: center center; } figure.gallery-item { margin-left: 0; margin-right: 0; } .entry-meta { display: block; text-transform: uppercase; font-size: 14.4px; font-size: 0.9rem; color: #b3b2b2; } .entry-meta a { font-weight: 500; color: #b3b2b2; transition: all 0.4s ease-in-out; } .entry-meta a:hover, .entry-meta a:focus { color: #807f7f; } .entry-meta a .fa { color: #807f7f; margin-right: 5px; } .entry-meta ul:after { content: ""; display: table; clear: both; } .entry-meta ul li { float: left; margin-right: 1rem; margin-bottom: 8px; } .entry-meta ul li:last-child { margin-bottom: 0; } .related-posts .entry-meta ul li { margin-right: 2px; } .label, .label-small { display: inline-block; font-size: 0.9rem; font-weight: 500; text-transform: uppercase; margin-right: 10px; margin-bottom: 10px; } .label a, .label-small a { background: #8bc34a; color: #fff; padding: 0.4rem 0.8rem; display: block; } .label-small { margin-bottom: 0; margin-right: 0; font-size: 12px; font-size: 0.75rem; } .label-small a { padding: 0.2rem 0.6rem; } .label-small .fa { margin-right: 5px; } span.badge { border-radius: 2px; background: #37ACC3; color: #fff; } .to-top { position: relative; } .to-top:before { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #2c899b; position: absolute; content: ''; top: -20px; left: 50%; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); } .pagination.card { margin: 1rem 0; width: auto; font-family: 'Roboto Slab', Roboto; } .pagination.card span, .pagination.card a { display: block; padding: 0.8rem 1.2rem; text-align: center; border-right: 1px solid #e2e2e2; color: #455a64; font-size: 18.4px; font-size: 1.15rem; transition: all 0.4s ease-in-out; } .pagination.card span:hover, .pagination.card span:focus, .pagination.card a:hover, .pagination.card a:focus { background: #e2e2e2; } .pagination.card .current { background: #e2e2e2; } .pagination-navi li { padding: 0; } .pagination-navi li .title, .pagination-navi li a, .pagination-navi li .current { margin-right: 0; } .pagination-navi li a { background: #fff; } .pagination-navi li span, .pagination-navi li a { display: block; padding: 0.8rem 1.2rem; text-align: center; border: 0; border-right: 1px solid #e2e2e2; color: #455a64; font-size: 18.4px; font-size: 1.15rem; transition: all 0.4s ease-in-out; } .pagination-navi li span:hover, .pagination-navi li span:focus, .pagination-navi li a:hover, .pagination-navi li a:focus { background: #e2e2e2; } .pagination-navi li .current { border: 0; border-right: 1px solid #e2e2e2; } .pagination-navi li:last-child a, .pagination-navi li:last-child span, .pagination-navi li:last-child .title { border: 0; } .search-inline form { position: relative; } .search-inline form .input-field { margin-bottom: 2rem; } .search-inline form input { font-size: 1.7rem; font-weight: 300; } .search-inline form .search-btn { position: absolute; top: 0; right: 0; } .sticky { background: #f1f1f1; } .category-sticky { position: relative; } .category-sticky:before { position: absolute; content: ""; font-family: FontAwesome; line-height: 35px; text-align: center; height: 35px; width: 30px; background: #37ACC3; top: 0; right: 2rem; color: #fff; z-index: 9999; } .category-sticky:after { content: ""; display: block; border: 15px solid transparent; border-left-color: #37ACC3; border-right-color: #37ACC3; position: absolute; top: 20px; right: 2rem; z-index: 999; } .tagcloud:after { content: ""; display: table; clear: both; } .tagcloud a { float: left; padding: 0.3rem 0.6rem; background-color: #8bc34a; color: #ffffff; margin: 0 0.3rem 0.3rem 0; font-size: 14px !important; display: inline-block; } .tagcloud a:hover, .tagcloud a:focus { color: #fff; } .form-msg { padding: 10px; border: 1px solid #e2e2e2; background-color: #f1f1f1; font-size: 14px; text-transform: uppercase; } .form-msg.success { border: 1px solid #4CAF50; background: #4CAF50; color: #fff; } .fit-video p { margin: 0; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Media Images --------------------------------------------------------------*/ img { max-width: 100%; height: auto; } .round-img img { border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; padding: 4px; border: 1px solid #e2e2e2; background-color: #fff; } .tiled-gallery .gallery-row { margin: 0 auto; } /*-------------------------------------------------------------- # Media Videos --------------------------------------------------------------*/ .wp-video { margin: 0px auto; } .fit-audio .wp-playlist-item { text-align: left; text-transform: capitalize; } .fit-audio .wp-playlist-item-title { text-transform: capitalize; } .fit-audio .wp-playlist { margin-top: 0; } .fit-audio .wp-playlist .mejs-audio { position: relative; } .fit-audio .mejs-audio { position: absolute; top: 50%; } .card-video .fit-video .wp-video { margin: 0px auto; width: 100% !important; height: 100%; } .card-video .fit-video .mejs-container { width: 100% !important; height: auto !important; padding-top: 51%; } .card-video .fit-video .mejs-overlay, .card-video .fit-video .mejs-poster { width: 100% !important; height: 100% !important; } .card-video .fit-video .mejs-mediaelement video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } /*-------------------------------------------------------------- # Media Maps --------------------------------------------------------------*/ .scrolloff { pointer-events: none; } .map-container { position: relative; padding-bottom: 20%; padding-top: 20px; height: 0; overflow: hidden; } .map-container iframe, .map-container object, .map-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ .top-header { background: #37ACC3; color: #ffffff; } .top-header a { color: #ffffff; } .top-header ul { margin: 0; } .top-nav:after { content: ""; display: table; clear: both; } .top-nav li { font-size: 14px; float: left; margin-right: 1rem; margin: 0; } .top-nav li a { line-height: 40px; transition: all 0.4s ease-in-out; color: #ffffff; padding: 0 14px; } .top-nav li:hover, .top-nav li:focus { background: #1e5d66; } .top-nav li.current-menu-item { background: #1e5d66; color: #ffffff; } /*** Top Nav Menu ***/ .social-nav:after, .cpm-share:after { content: ""; display: table; clear: both; } .social-nav li, .cpm-share li { float: left; margin-right: 1rem; margin-right: 0; } .social-nav li a, .cpm-share li a { display: block; height: 40px; width: 40px; line-height: 40px; position: relative; text-decoration: none; text-align: center; transition: all 0.3s ease-in-out; } .social-nav li a:hover, .social-nav li a:focus, .cpm-share li a:hover, .cpm-share li a:focus { color: #fff; } .social-nav li a[href*="facebook.com"]:hover, .social-nav li a.fb-link:hover, .social-nav li a[href*="facebook.com"]:focus, .social-nav li a.fb-link:focus, .cpm-share li a[href*="facebook.com"]:hover, .cpm-share li a.fb-link:hover, .cpm-share li a[href*="facebook.com"]:focus, .cpm-share li a.fb-link:focus { background-color: #3b5998; } .social-nav li a[href*="twitter.com"]:hover, .social-nav li a.tw-link:hover, .social-nav li a[href*="twitter.com"]:focus, .social-nav li a.tw-link:focus, .cpm-share li a[href*="twitter.com"]:hover, .cpm-share li a.tw-link:hover, .cpm-share li a[href*="twitter.com"]:focus, .cpm-share li a.tw-link:focus { background-color: #3cf; } .social-nav li a[href*="gp.com"]:hover, .social-nav li a.gp-link:hover, .social-nav li a[href*="gp.com"]:focus, .social-nav li a.gp-link:focus, .cpm-share li a[href*="gp.com"]:hover, .cpm-share li a.gp-link:hover, .cpm-share li a[href*="gp.com"]:focus, .cpm-share li a.gp-link:focus { background-color: #dd4b39; } .social-nav li a[href*="youtube.com"]:hover, .social-nav li a.yt-link:hover, .social-nav li a[href*="youtube.com"]:focus, .social-nav li a.yt-link:focus, .cpm-share li a[href*="youtube.com"]:hover, .cpm-share li a.yt-link:hover, .cpm-share li a[href*="youtube.com"]:focus, .cpm-share li a.yt-link:focus { background-color: #D44238; } .social-nav li a[href*="pinterest.com"]:hover, .social-nav li a.pin-link:hover, .social-nav li a[href*="pinterest.com"]:focus, .social-nav li a.pin-link:focus, .cpm-share li a[href*="pinterest.com"]:hover, .cpm-share li a.pin-link:hover, .cpm-share li a[href*="pinterest.com"]:focus, .cpm-share li a.pin-link:focus { background-color: #C00300; } .social-nav li a[href*="instagram.com"]:hover, .social-nav li a.in-link:hover, .social-nav li a[href*="instagram.com"]:focus, .social-nav li a.in-link:focus, .cpm-share li a[href*="instagram.com"]:hover, .cpm-share li a.in-link:hover, .cpm-share li a[href*="instagram.com"]:focus, .cpm-share li a.in-link:focus { background-color: #3f729b; } .social-nav li a[href*="wordpress.org"]:hover, .social-nav li a[href*="wordpress.com"]:hover, .social-nav li a.wp-link:hover, .social-nav li a[href*="wordpress.org"]:focus, .social-nav li a[href*="wordpress.com"]:hover, .social-nav li a.wp-link:focus, .cpm-share li a[href*="wordpress.org"]:hover, .cpm-share li a[href*="wordpress.com"]:hover, .cpm-share li a.wp-link:hover, .cpm-share li a[href*="wordpress.org"]:focus, .cpm-share li a[href*="wordpress.com"]:hover, .cpm-share li a.wp-link:focus { background-color: #398CB6; } .social-nav li a[href*="dribbble.org"]:hover, .social-nav li a.db-link:hover, .social-nav li a[href*="dribbble.org"]:focus, .social-nav li a.db-link:focus, .cpm-share li a[href*="dribbble.org"]:hover, .cpm-share li a.db-link:hover, .cpm-share li a[href*="dribbble.org"]:focus, .cpm-share li a.db-link:focus { background-color: #DE618D; } .social-nav li a[href*="linkedin.org"]:hover, .social-nav li a.ln-link:hover, .social-nav li a[href*="linkedin.org"]:focus, .social-nav li a.ln-link:focus, .cpm-share li a[href*="linkedin.org"]:hover, .cpm-share li a.ln-link:hover, .cpm-share li a[href*="linkedin.org"]:focus, .cpm-share li a.ln-link:focus { background-color: #1F7AB3; } .social-nav li a[href*="tumblr.com"]:hover, .social-nav li a.tm-link:hover, .social-nav li a[href*="tumblr.com"]:focus, .social-nav li a.tm-link:focus, .cpm-share li a[href*="tumblr.com"]:hover, .cpm-share li a.tm-link:hover, .cpm-share li a[href*="tumblr.com"]:focus, .cpm-share li a.tm-link:focus { background-color: #36465d; } .cpm-share ul:after { content: ""; display: table; clear: both; } .cpm-share li a { border-radius: 50%; margin-right: 10px; margin-bottom: 10px; color: #fff; font-size: 14px; height: 30px; width: 30px; line-height: 30px; } .cpm-share li a[href*="facebook.com"], .cpm-share li a.fb-link { background-color: #3b5998; } .cpm-share li a[href*="twitter.com"], .cpm-share li a.tw-link { background-color: #3cf; } .cpm-share li a[href*="gp.com"], .cpm-share li a.gp-link { background-color: #dd4b39; } .cpm-share li a[href*="youtube.com"], .cpm-share li a.yt-link { background-color: #D44238; } .cpm-share li a[href*="instagram.com"], .cpm-share li a.in-link { background-color: #3f729b; } .cpm-share li a[href*="wordpress.org"], .cpm-share li a[href*="wordpress.com"], .cpm-share li a.wp-link { background-color: #398CB6; } .cpm-share li a[href*="dribbble.org"], .cpm-share li a.db-link { background-color: #DE618D; } .cpm-share li a[href*="linkedin.org"], .cpm-share li a.ln-link { background-color: #1F7AB3; } .cpm-share li a[href*="tumblr.com"], .cpm-share li a.tm-link { background-color: #36465d; } .cpm-share li:last-child a { margin-right: 0; } nav.main-navigation { background: #ffffff; color: #37474f; position: relative; } nav.main-navigation .brand-logo { color: #37ACC3; font-weight: 800; } nav.main-navigation .brand-logo span { color: #00acc1; } nav.main-navigation .brand-logo img { vertical-align: middle; } nav.main-navigation #themenu { display: none; } nav.main-navigation .mob-activator { position: absolute; } nav.main-navigation .site-logo-link img { vertical-align: middle; max-height: 60px; width: auto; } nav.main-navigation .site-logo-link a { color: #37ACC3; } nav.main-navigation .site-logo-link a:hover, nav.main-navigation .site-logo-link a:focus { color: #00acbe; } nav.main-navigation ul li:hover, nav.main-navigation ul li.active { background-color: rgba(0, 0, 0, 0.1); } nav.main-navigation ul li:hover a, nav.main-navigation ul li.active a { color: #37ACC3; } nav.main-navigation ul a { color: #37474f; } nav.main-navigation ul a:hover, nav.main-navigation ul a:focus { color: #37ACC3; } nav.main-navigation ul a i.fa-search { color: #37ACC3; } nav.main-navigation ul ul.dropdown-content li { border-bottom: 1px solid #e0e0e0; } nav.main-navigation ul ul.dropdown-content li:last-child { border-bottom: 0; } nav.main-navigation ul ul.dropdown-content li.dropdown > a { position: relative; } nav.main-navigation ul ul.dropdown-content li.dropdown > a:before { position: absolute; right: 10px; content: ''; font-family: 'FontAwesome'; line-height: 1.5rem; } nav.main-navigation ul ul.dropdown-content li.dropdown.active > a { color: #ffffff; } nav.main-navigation ul ul.dropdown-content li a { color: #37474f; text-transform: uppercase; font-size: 1rem; } nav.main-navigation ul ul.dropdown-content li a:hover, nav.main-navigation ul ul.dropdown-content li a:focus { color: #0d1113; } nav.main-navigation .button-collapse { color: #37ACC3; } nav.main-navigation .button-collapse img { vertical-align: middle; } nav.main-navigation .sub-dropdown, nav.main-navigation .sub-menu { right: auto !important; left: 100% !important; bottom: 0; } .dropdown .dropdown-content { max-width: 260px; min-width: 200px; width: auto; } #main-navs li.dropdown:hover > ul.dropdown-content { display: block; opacity: 1; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Nav Search --------------------------------------------------------------*/ #nav-search input[type="text"] { height: 100%; font-size: 3rem; display: inline-block; font-weight: 100; border: none; outline: none; color: #555; padding: 3px; padding-right: 60px; width: 0px; position: absolute; top: 0; right: 0; background: none; z-index: 3; transition: width 0.4s cubic-bezier(0, 0.795, 0, 1); cursor: pointer; box-sizing: border-box; opacity: 0; margin-top: 0; } #nav-search input[type="text"]:focus:hover { border-bottom: 1px solid #BBB; opacity: 1; padding: 0 2rem; } #nav-search input[type="text"]:focus { width: 100%; z-index: 1; border-bottom: 1px solid #BBB; cursor: text; opacity: 1; padding: 0 2rem; background: #fff; } #nav-search #search_submit { background: none; color: #37ACC3; line-height: 82px; height: 82px; box-shadow: none; padding: 0 15px; transition: all 0.4s cubic-bezier(0, 0.795, 0, 1); } .fixed-header #nav-search #search_submit { line-height: 70px; height: 70px; } /*-------------------------------------------------------------- # Theme Cards --------------------------------------------------------------*/ .card { border-radius: 0; margin: 1.33333rem 0 1.33333rem 0; } .card .card-reveal { z-index: 999; } .card h2 { color: #455a64; font-family: 'Roboto Slab', Roboto; } .card h2 a { color: #455a64; transition: all 0.4s ease-in-out; } .card h2 a:hover, .card h2 a:focus { color: #00acbe; } .card .card-header { padding: 20px; border-bottom: 1px solid #e2e2e2; position: relative; } .card .card-desc .card-content { width: 100%; } .card .card-desc, .card .card-title { z-index: 9; } .card.comment-body, .card .card-desc { background-color: #fff; } .card .no-image { background-color: #2A3038; } .card .no-image.card-image { background-color: #2A3038; } .card .no-image .card-title { background-color: #2A3038; padding: 0; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } .card .no-image .card-title i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .card .card-desc .post-author { margin: 1rem auto; } .card .card-image { text-align: center; background-color: #f1f1f1; background-repeat: no-repeat; background-size: cover; background-position: center center; } .card .card-image:after { position: absolute; content: ''; left: 0; bottom: 0; height: 30%; width: 100%; background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8)); z-index: 999; } .card .card-image.no-image:after { display: none; } .card .card-image img { border-radius: 0; text-align: center; margin: 0 auto; } .card .card-image .card-title { left: auto; right: 0; color: #37ACC3; font-weight: bold; font-size: 2rem; z-index: 9999; } .card .card-video { background-color: #2A3038; } .card .card-video .video-container { z-index: 9; } .card .card-video:after { display: none; } .card .card-audio { background-color: #2A3038; } .card .card-audio:after { display: none; } .card .card-gallery .slick-next, .card .card-gallery .slick-prev { opacity: 0; } .card .card-gallery .cpmagz-post-gallery { z-index: 99; } .card .card-gallery .cpmagz-post-gallery:hover .slick-next, .card .card-gallery .cpmagz-post-gallery:hover .slick-prev, .card .card-gallery .cpmagz-post-gallery:focus .slick-next, .card .card-gallery .cpmagz-post-gallery:focus .slick-prev { opacity: 0.7; } .card .card-gallery .cpmagz-post-gallery .slick-dots, .card .card-gallery .cpmagz-post-gallery .slick-arrow { z-index: 999; } .card .card-gallery .cpmagz-post-gallery .slick-prev { left: 0; } .card .card-gallery .cpmagz-post-gallery .slick-next { right: 0; } .card .card-gallery .cpmagz-post-gallery .slick-next:hover, .card .card-gallery .cpmagz-post-gallery .slick-prev:hover, .card .card-gallery .cpmagz-post-gallery .slick-next:focus, .card .card-gallery .cpmagz-post-gallery .slick-prev:focus { opacity: 1; } .card .card-gallery .card-title { z-index: 9999; } .card .card-quote { background-color: #2A3038; color: #ffffff; padding: 1.2rem; text-align: left; font-size: 19.2px; font-size: 1.2rem; padding: 0; } .card .card-quote:before { display: none; } .card .card-quote blockquote { width: 100%; font-size: 19.2px; font-size: 1.2rem; padding: 0 1.2rem; border-left: 5px solid #00acbe; } .card .card-quote blockquote p { color: #ffffff; } .card .card-quote blockquote cite { display: block; font-weight: 400; text-align: right; } .card .card-link { background-color: #2A3038; color: #ffffff; padding: 1.2rem; text-align: left; font-size: 19.2px; font-size: 1.2rem; } .card .card-link:before { display: none; } .card .card-link p { display: block; width: 100%; color: #fff; } .card .card-link a { display: block; font-weight: 400; font-style: italic; } .card .card-link.center-align { text-align: center; } .card .card-status { background-color: #2A3038; color: #ffffff; padding: 1.2rem; text-align: left; font-size: 19.2px; font-size: 1.2rem; } .card .card-status:before { display: none; } .card .card-content { position: relative; overflow: visible !important; } .card .card-content:before { position: absolute; content: ''; width: 0; height: 0; z-index: 999; } .card .card-action a { color: #b3b2b2; } .card .card-action a:hover, .card .card-action a:focus { color: #807f7f; } .card.news-big { height: auto; } .card.news-big .card-image { height: 330px; } .card.news-big .card-image .card-title { font-size: 2.4rem; } .card.news-big .card-gallery .cpmagz-post-gallery { height: 340px; } .card.news-big .card-gallery .cpmagz-post-gallery .post-gallery-item { height: 340px; } .card.news-big .card-gallery .cpmagz-post-gallery .post-gallery-item a { display: block; width: 100%; height: 100%; } .card.news-big .card-gallery .cpmagz-post-gallery .post-gallery-item .gallery-item { height: 100%; background-size: cover; background-position: center center; } .card.news-big .card-video .video-container { padding-bottom: 45%; } .card.news-big .card-video .fit-video .mejs-video { height: 340px !important; } .card.news-big .featured-media .card-video .fit-video .mejs-video { height: 400px !important; } .card.news-big .card-content { height: auto; position: relative; overflow: visible; } .card.news-big .card-content:before { top: -9px; right: 2rem; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffffff; z-index: 999; } .card.news-big .card-content h2 { font-size: 22px; font-size: 1.375rem; line-height: 136%; } .card.news-big .card-content p { font-size: 17.12px; font-size: 1.07rem; line-height: 1.7; } .card.news-big .card-content .label, .card.news-big .card-content .label-small { z-index: 999; } .card.news-big .card-status p { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; } .card.news-medium { height: auto; } .card.news-medium .card-image { height: 283px; width: 50%; float: right; } .card.news-medium .card-video { width: 50%; } .card.news-medium .card-video .video-container { padding-top: 59%; } .card.news-medium .card-video .fit-video .mejs-video { height: 283px !important; } .card.news-medium .card-gallery { width: 50%; } .card.news-medium .card-gallery .cpmagz-post-gallery { height: 283px; } .card.news-medium .card-gallery .cpmagz-post-gallery .post-gallery-item { height: 283px; } .card.news-medium .card-gallery .cpmagz-post-gallery .post-gallery-item a { display: block; width: 100%; height: 100%; } .card.news-medium .card-gallery .cpmagz-post-gallery .post-gallery-item .gallery-item { height: 100%; background-size: cover; background-position: center center; } .card.news-medium .card-quote { width: 50%; } .card.news-medium .card-link { width: 50%; } .card.news-medium .card-desc { position: absolute; left: 0; top: 0; background-color: #fff; width: 50%; height: 100%; z-index: 999; } .card.news-medium .card-desc h2 { font-size: 19.088px; font-size: 1.193rem; line-height: 136%; margin-top: 0; max-height: 3.2rem; overflow: hidden; } .card.news-medium .card-desc .card-content:before { top: 2rem; right: -10px; border-left: 10px solid #ffffff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; z-index: 999; } .card.news-card { height: auto; } .card.news-card .card-image { height: 265px; } .card.news-card .card-video .video-container { padding-top: 15%; } .card.news-card .card-video .fit-video .mejs-video { height: 265px !important; } .card.news-card .card-gallery .cpmagz-post-gallery { height: 265px; } .card.news-card .card-gallery .cpmagz-post-gallery .post-gallery-item { height: 265px; } .card.news-card .card-gallery .cpmagz-post-gallery .post-gallery-item a { display: block; width: 100%; height: 100%; } .card.news-card .card-gallery .cpmagz-post-gallery .post-gallery-item .gallery-item { height: 100%; background-size: cover; background-position: center center; } .card.news-card .card-quote blockquote { border: 0; } .card.news-card .card-desc .card-content { height: auto; } .card.news-card .card-desc .card-content:before { top: -9px; right: 1.7rem; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffffff; z-index: 999; } .card.news-card .card-desc .card-content .label, .card.news-card .card-desc .card-content .label-small { margin-bottom: 1em; } .card.news-card .card-desc .card-content h2 { font-size: 19.2px; font-size: 1.2rem; line-height: 140%; margin: 0; max-height: 3.3rem; overflow: hidden; height: 3.3rem; } .card.news-card .card-desc .card-action { position: static; padding: 15px 20px; } .card.news-card .card-desc .card-action ul { margin: 0; } .card.news-card .card-desc .card-action .entry-meta ul li { margin-right: 5px; } .card.news-small { height: auto; } .card.news-small .card-title { display: none; } .card.news-small .card-image { height: 100px; width: 30%; float: left; } .card.news-small .card-image a { height: 100%; } .card.news-small .card-image img { min-height: 100px; } .card.news-small .card-video { width: 30%; } .card.news-small .card-video .fit-video .mejs-video { height: 100px !important; } .card.news-small .card-gallery { width: 30%; } .card.news-small .card-gallery .cpmagz-post-gallery { height: 100px; min-height: 100px; } .card.news-small .card-gallery .cpmagz-post-gallery .slick-prev, .card.news-small .card-gallery .cpmagz-post-gallery .slick-next { height: 1.5rem; width: 1.5rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .card.news-small .card-gallery .cpmagz-post-gallery .slick-prev:before, .card.news-small .card-gallery .cpmagz-post-gallery .slick-next:before { font-size: 1.2rem; } .card.news-small .card-gallery .cpmagz-post-gallery .post-gallery-item { height: 100px; } .card.news-small .card-gallery .cpmagz-post-gallery .post-gallery-item a { display: block; width: 100%; height: 100%; } .card.news-small .card-gallery .cpmagz-post-gallery .post-gallery-item .gallery-item { height: 100%; background-size: cover; background-position: center center; } .card.news-small .card-quote { width: 30%; } .card.news-small .card-quote blockquote { position: relative; height: 100px; width: 100%; padding: 0; margin: 0; } .card.news-small .card-quote blockquote:before { position: absolute; top: 0; left: 0; width: 100%; height: 100px; text-align: center; line-height: 100px; background-color: #2A3038; font-family: FontAwesome; content: ''; } .card.news-small .card-link { width: 30%; padding: 1rem; } .card.news-small .card-link .post-content:before { position: absolute; top: 0; left: 0; width: 100%; height: 100px; text-align: center; line-height: 100px; background-color: #2A3038; font-family: FontAwesome; content: ''; } .card.news-small .card-link .post-content p { display: none; } .card.news-small .card-link .post-content a { font-size: 1rem; } .card.news-small .card-status { width: 30%; padding: 1rem; } .card.news-small .card-status .post-content:before { position: absolute; top: 0; left: 0; width: 100%; height: 100px; text-align: center; line-height: 100px; background-color: #2A3038; font-family: FontAwesome; content: ''; } .card.news-small .card-status .post-content p { display: none; } .card.news-small .card-status .post-content a { font-size: 1rem; } .card.news-small .card-desc { position: absolute; left: 0; top: 0; left: auto; right: 0; background-color: #fff; width: 70%; height: 100%; z-index: 999; } .card.news-small .card-desc .card-content { position: relative; height: auto; width: 100%; } .card.news-small .card-desc .card-content:before { top: 1rem; left: -7px; border-right: 7px solid #ffffff; border-top: 7px solid transparent; border-bottom: 7px solid transparent; z-index: 999; } @media (max-width: 1100px) { .card.news-small .card-desc .card-content:before { top: 2rem; } } .card.news-small .card-desc .card-content h2 { font-size: 17.216px; font-size: 1.076rem; line-height: 130%; margin: 0; max-height: 2.8rem; overflow: hidden; } .card.news-small .card-desc .card-content .label-wrap { position: absolute; right: 0.8em; bottom: 0.9em; } .card.news-small .card-desc .card-content .entry-meta { display: inline-block; margin-top: 5px; } .card.news-small .card-desc .card-content .entry-meta li { margin-bottom: 0; } .card.news-small .label-count { position: absolute; bottom: 0; } .card.news-video-big { background-color: none; box-shadow: none; } .card.news-video-big .card-video { border: 1px solid #e2e2e2; padding: 10px; background-color: #fff; } .card.news-video-big .card-video:before { display: none; } .card.news-video-big .video-container { padding-bottom: 50%; } .card.news-video-big .card-content { padding: 20px 0 0; } .card.news-video-big .card-content h2 { font-size: 19.2px; font-size: 1.2rem; line-height: 140%; margin: 0; } .card.news-video-big .card-content .entry-meta ul { margin-bottom: 0; } .card.news-video-small { background-color: none; box-shadow: none; } .card.news-video-small .card-title { display: none; } .card.news-video-small:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 999; opacity: 0; cursor: pointer; } .card.news-video-small .card-video { border: 1px solid #e2e2e2; padding: 5px; background-color: #fff; } .card.news-video-small .card-video .video-container { padding-bottom: 49%; } .card.news-video-small .card-desc { width: 100%; position: static; text-align: center; } @media (max-width: 1000px) { .card.news-video-small .card-desc { display: none; } } .card.news-video-small .card-content { padding: 10px 0 0; } .card.news-video-small .card-content h2 { font-size: 17.216px; font-size: 1.076rem; line-height: 130%; margin: 0; } .card.post-card { margin-top: 0; } .card.post-card .card-image { max-height: 30rem; overflow: hidden; } .card.post-card .card-image:before { display: none; } .card.post-card.news-big .card-image { height: 400px; } .card.post-card .card-status, .card.post-card .card-link { min-height: 20rem; } .card.post-card .card-gallery { background-color: #2A3038; height: 400px; } .card.post-card .card-gallery .cpmagz-post-gallery { height: 400px; } .card.post-card .card-gallery .cpmagz-post-gallery .post-gallery-item { height: 400px; } .card.post-card .card-gallery .cpmagz-post-gallery .post-gallery-item a { display: block; width: 100%; height: 100%; } .card.post-card .card-gallery .cpmagz-post-gallery .post-gallery-item .gallery-item { height: 100%; background-size: cover; background-position: center center; } .card.post-card .card-wrapper { padding: 2rem 2rem 2.5rem; } .card.post-card .card-content:before { top: -9px; right: 2rem; border-bottom: 10px solid #ffffff; border-left: 10px solid transparent; border-right: 10px solid transparent; z-index: 999; } .card.archive-card { margin-bottom: 1.7rem; } .card.archive-card .card-image { width: 50%; height: 300px; float: right; } .card.archive-card .card-image .cpmagz-post-gallery { height: 300px; } .card.archive-card .card-image .cpmagz-post-gallery .post-gallery-item { height: 300px; } .card.archive-card .card-desc { width: 50%; height: 300px; float: left; } .card.archive-card .card-content { padding: 30px; width: 100%; } .card.archive-card .entry-meta li { display: block; float: none; } .card.contact-card .entry-title { margin-top: 0; } #primary .post-header { margin-bottom: 0; } #primary .post-header .card-wrapper { padding-bottom: 1rem !important; } #primary .post-footer .card-wrapper .related-post { margin-bottom: 4rem; } #primary .post-footer #comments { margin-top: 0rem; } .single-post .card.post-card.news-big .card-image { height: auto; max-height: 100%; } .single-post .card.post-card.news-big .card-video { max-height: initial; } .single-post .card.post-footer .card-gallery { height: 200px; } .single-post .card.post-footer .card-gallery img { width: 100%; height: 100%; } .single-post .card.post-footer .card-gallery .cpmagz-post-gallery { height: 200px; } .single-post .card.post-footer .card-gallery, .single-post .card.post-footer .card-image { height: 200px; } .single-post .card.post-footer .card-gallery img, .single-post .card.post-footer .card-image img { width: 100%; height: 100%; } .single-post .card.post-footer .card-gallery .cpmagz-post-gallery, .single-post .card.post-footer .card-image .cpmagz-post-gallery { height: 200px; } .post-header .card .card-content:before { content: ""; display: block; border: 12px solid transparent; border-top-color: #e2e2e2; position: absolute; z-index: 10; top: 0; right: 10%; margin-bottom: -24px; z-index: 999; } .post-header .card .card-content:after { content: ""; display: block; border: 11px solid transparent; border-top-color: #fff; position: absolute; z-index: 11; top: -1px; right: 10.1%; margin-left: 1px; margin-bottom: -21px; z-index: 999; } .card.post-card .related-posts .card-link { min-height: 100%; } /*==Featured Video List==*/ #featured-video-list-wrap .card.news-video-small .card-video .video-container { padding-top: 0; padding-bottom: 56%; } #featured-video-list-wrap .card.news-video-small .card-video .video-thumb { height: 110px; background-color: #2A3038; background-repeat: no-repeat; background-size: cover; background-position: center center; color: #fff; position: relative; } #featured-video-list-wrap .card.news-video-small .card-video .video-thumb:before { position: absolute; height: 100%; width: 100%; left: 0; } #featured-video-list-wrap .card.news-video-big .video-container { padding-top: 0; } #featured-video-list-wrap .card.news-video-big .video-container .wp-video, #featured-video-list-wrap .card.news-video-big .video-container .mejs-container { width: 100% !important; } /*== Remove Gradient from the following==*/ .section-videos .card-image:after, .news-small .card-image:after { display: none; } .section-videos .card-image.no-image:after, .news-small .card-image.no-image:after { display: none; } /*-------------------------------------------------------------- # Post Navigation --------------------------------------------------------------*/ .post-navigation { margin: 2.5rem 0; } .nav-links { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; font-size: 18.4px; font-size: 1.15rem; font-family: 'Roboto Slab', Roboto; } .nav-links:after { content: ""; display: table; clear: both; } .nav-links .next-span { display: block; text-transform: uppercase; font-size: 14px; font-family: 'Roboto'; } .nav-links .nav-previous { float: left; text-align: left; position: relative; } .nav-links .nav-previous .fa { margin-right: 7px; } .nav-links .nav-previous:before { right: -1px; } .nav-links .nav-next { position: relative; float: right; text-align: right; } .nav-links .nav-next .fa { margin-left: 7px; } .nav-links .nav-next:before { left: 0; } .nav-links .nav-previous, .nav-links .nav-next { padding: 2rem 0; width: 50%; } .nav-links .nav-previous:before, .nav-links .nav-next:before { position: absolute; height: 100%; width: 1px; background: #e2e2e2; top: 0; content: ''; } .nav-links .nav-previous a, .nav-links .nav-next a { display: block; color: #797979; } .nav-links .nav-previous a:hover, .nav-links .nav-previous a:focus, .nav-links .nav-next a:hover, .nav-links .nav-next a:focus { color: #00acbe; } .nav-links .nav-previous .disabled-nav, .nav-links .nav-next .disabled-nav { color: #b3b2b2; } /*-------------------------------------------------------------- # Post Comments --------------------------------------------------------------*/ #comments ol { margin: 0; padding-left: 0; } #comments ol .children { padding-left: 3rem; } #comments ol { list-style: none; } #comments ol li { list-style-type: none; } .comments-wrap > ol { padding: 0 !important; } .comments-wrap #respond { margin: 0 auto 3rem; } .comments-wrap #respond form p.logged-in-as { margin-bottom: 40px; } .comment-body-wrapper { position: relative; } .comment-body-wrapper .comment-img { position: absolute; left: 0; } .comment-body-wrapper .comment-content-wrapper { padding-left: 6.5rem; } .comment-img { text-align: center; } .comment-img img { height: 80px; width: 80px; } .comment-body { padding: 1.1rem; border: 1px solid #e2e2e2; box-shadow: none; } .comment-body .comment-meta-wrap { position: relative; } .comment-body .comment-meta-wrap h2 { font-size: 18.4px; font-size: 1.15rem; color: #455a64; margin: 15px 0 7px 0; } .comment-body .comment-meta-wrap h2 a { color: #455a64; } .comment-body .comment-meta-wrap .comment-img { position: absolute; left: 0; } .comment-body .comment-meta-wrap .comment-wrap { padding-left: 6rem; } .comment-body .comment-metadata { font-size: 12px; text-transform: uppercase; font-weight: 500; color: #b3b2b2; } .comment-body .comment-metadata a { color: #b3b2b2; } .comment-body .reply { text-align: right; text-transform: uppercase; font-weight: 500; } .comment-body .reply a { color: #757575; } #respond { margin: 3rem 0 0; } #respond .comment-notes { margin-bottom: 3rem; } .bypostauthor { background: #f1f1f1; } /*-------------------------------------------------------------- # Site Layouts --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Site Layouts --------------------------------------------------------------*/ .container { margin: 0 auto; max-width: 1140px; width: 90%; } @media only screen and (min-width: 601px) { .container { width: 85%; } } @media only screen and (min-width: 993px) { .container { width: 100%; } } @media (max-width: 1200px) { .container { width: 95%; } } .row { margin-bottom: 0; } .top-header { -ms-word-wrap: break-word; word-wrap: break-word; } .top-header .no-container { display: block; padding: 0 2rem; } .nav-wrapper.no-container { display: block; padding: 0 2rem; } header.site-header { -ms-word-wrap: break-word; word-wrap: break-word; z-index: 99999; position: relative; } header.site-header a { transition: none; } header.site-header .site-title { margin: 0 auto; overflow: hidden; white-space: nowrap; text-overflow: clip; font-size: 1.8rem; } header.site-header .site-title a { line-height: 82px; } header.site-header.fixed-header .main-navigation { transition: all 0.6s cubic-bezier(0, 0.795, 0, 1); position: fixed; top: 0; width: 100%; left: 0; height: 70px; line-height: 70px; } header.site-header.fixed-header .main-navigation .nav-wrapper { background-color: none; } header.site-header.fixed-header .main-navigation .nav-wrapper i { height: 70px; line-height: 70px; } header.site-header.fixed-header .main-navigation .nav-wrapper .dropdown-content li > a > i { height: inherit; line-height: inherit; } header.site-header.fixed-header .main-navigation .site-title { margin: 0 auto; } header.site-header.fixed-header .main-navigation .site-title a { line-height: 70px; } .admin-bar .fixed-header .main-navigation { top: 32px !important; } @media (max-width: 782px) { .admin-bar .fixed-header .main-navigation { top: 46px !important; } } @media (max-width: 600px) { .admin-bar .fixed-header .main-navigation { top: 0 !important; } } @media (max-width: 600px) { .admin-bar header.site-header { padding-top: 46px; } } .post-header .card { border-top: 1px solid #eee; } .post-header .card-content h4 { line-height: 140%; margin-top: 0; margin-bottom: 1.5rem; } nav .nav-wrapper i { display: inline-block; } .nav-wrapper ul li.has-sub ul { display: none; } .top-header:after { content: ""; display: table; clear: both; } .site-content { padding: 3em 0; -ms-word-wrap: break-word; word-wrap: break-word; } .post-header .card { margin-top: 0; } section.section { padding: 2em 0 0 0; } section.section.featured-section { background: #eee; padding: 3em 0; } section.section.highlights-section { padding: 0; } section.section.highlights-section .card { margin-top: 0; } section.section.add-section { text-align: center; } .related-posts { margin-bottom: 4rem; } .archive-wrapper .archive-card:nth-child(even) .card-image { float: left; } .archive-wrapper .archive-card:nth-child(even) .card-desc { float: right; right: 0; left: auto; } .archive-wrapper .archive-card:nth-child(even) .card-content:before { left: -10px; right: auto; -ms-transform: rotate(180deg); transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .page-template-template-contact .site-content { padding-top: 0; } .contact-page .site-content, .page-template-contact .site-content { padding-top: 0; } .gmap-wrapper { padding: 0; margin: 0 0 3rem; } #googleMap { width: 100%; height: 430px; } #googleMap:before { position: absolute; top: 0; right: 0; width: 100%; height: 100%; content: ''; } .scrolloff:before { position: absolute; top: 0; right: 0; width: 100%; height: 100%; content: ''; z-index: 999; } footer { -ms-word-wrap: break-word; word-wrap: break-word; color: #ffffff; } footer p { color: #ffffff; } footer.page-footer { display: block !important; margin-top: 0; } footer.page-footer .footer-widget-area { padding: 3rem 0 3rem; background: #37ACC3; } footer.page-footer .footer-copyright { background: #2c899b; overflow: visible; padding: 12px 0 10px; height: auto !important; line-height: 1.3; font-weight: normal; } /*-------------------------------------------------------------- /*-------------------------------------------------------------- # Entrys Styling --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Entry Styles --------------------------------------------------------------*/ .entry-content ul { padding: 0 0 0 2.5rem; margin: 1rem 0; } .entry-content ul li { list-style-type: square; } .entry-content ol { padding: 0 0 0 2.5rem; margin: 1rem 0; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content .h1, .entry-content .h2, .entry-content .h3, .entry-content .h4, .entry-content .h5, .entry-content .h6 { line-height: 130%; } .entry-content figure.wp-caption { margin: 0 1rem 1rem; } .entry-content .sharedaddy { margin: 2rem auto 0; } .entry-content .post-password-form input[type='submit'] { margin-top: 1.5rem; } .entry-content > *:first-child { margin-top: 0 !important; } .entry-content > *:last-child { margin-bottom: 0 !important; } .entry-footer:after { content: ""; display: table; clear: both; } .entry-footer .cpm-share ul { float: right; } .entry-footer .footer-meta-wrap { margin: 1rem 0; } .entry-footer .footer-meta span { margin-right: 7px; margin-bottom: 7px; } .entry-footer .footer-meta span a { padding: 0.2rem 1rem; } .post-author { margin-top: 2rem; } .author-img { position: relative; } .author-img:before { position: absolute; background-color: #e2e2e2; width: 100%; height: 1px; content: ''; left: 0; top: 50%; z-index: 1; } .author-img img { border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; padding: 4px; border: 1px solid #e2e2e2; background-color: #fff; width: 80px; height: 80px; position: relative; z-index: 9; } .author-desc { width: 75%; margin: 0 auto; color: #757575; } .author-desc h2 { font-family: 'Roboto Slab', Roboto; color: #455a64; font-size: 20.8px; font-size: 1.3rem; } .author-desc h2 a { color: #455a64; } .author-desc h2 a:hover, .author-desc h2 a:focus { color: #00acbe; } .author-links a { font-weight: 500; color: #757575; position: relative; margin-right: 5px; padding: 0 5px; } .author-links a:hover, .author-links a:focus { color: #00acbe; } .author-links a:before { content: ''; width: 1px; height: 77%; position: absolute; right: -5px; top: 2px; background: #757575; } .author-links a:last-child:before { display: none; } /*-------------------------------------------------------------- # Page Specific Classes --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Page Specific Class --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Site Widgets --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Ad Widget --------------------------------------------------------------*/ .ad-300x250 { text-align: center; } .widget { -ms-word-wrap: break-word; word-wrap: break-word; } .widget select { display: block; } .widget-title { margin-bottom: 1rem; } .sec-sidebar .widget > ul > li { transition: all 0.4s ease-in-out; } .sec-sidebar .widget > ul > li:hover, .sec-sidebar .widget > ul > li:focus { background-color: #f1f1f1; } .sec-sidebar .widget > ul > li a { color: #455a64; } .sec-sidebar .widget .entry-meta { display: block; text-transform: uppercase; font-size: 14.4px; font-size: 0.9rem; color: #b3b2b2; } .sec-sidebar .widget .entry-meta a { font-weight: 500; color: #b3b2b2; transition: all 0.4s ease-in-out; } .sec-sidebar .widget .entry-meta a:hover, .sec-sidebar .widget .entry-meta a:focus { color: #807f7f; } .sec-sidebar .widget .entry-meta a .fa { color: #807f7f; margin-right: 5px; } .sec-sidebar .widget .entry-meta ul { margin: 0; } .sec-sidebar .widget .entry-meta ul:after { content: ""; display: table; clear: both; } .sec-sidebar .widget .entry-meta ul li { float: left; margin-right: 1rem; margin-bottom: 8px; } .sec-sidebar .widget .entry-meta ul li:last-child { margin-bottom: 0; } .sec-sidebar .widget_recent_entries > ul > li { transition: all 0.4s ease-in-out; } .sec-sidebar .widget_recent_entries > ul > li:hover, .sec-sidebar .widget_recent_entries > ul > li:focus { background-color: #f1f1f1; } .sec-sidebar .widget_recent_entries > ul > li a { color: #455a64; } .sec-sidebar .widget_recent_entries li span { display: block; color: #b3b2b2; font-weight: 500; font-size: 0.9rem; } .sec-sidebar ul.children, .sec-sidebar ul.sub-menu { margin-top: 10px; } .sec-sidebar ul.children li, .sec-sidebar ul.sub-menu li { border-bottom: 1px solid #e2e2e2; padding: 10px 20px; background: transparent; } .sec-sidebar ul.children li:first-child, .sec-sidebar ul.sub-menu li:first-child { border-top: 1px solid #e2e2e2; } .sec-sidebar ul.children li:last-child, .sec-sidebar ul.sub-menu li:last-child { border-bottom: 0; padding-bottom: 0; } .sec-sidebar select { border: 1px solid #e2e2e2; } .widget ul.menu li { transition: all 0.4s ease-in-out; } .widget ul.menu li:hover, .widget ul.menu li:focus { background: #f1f1f1; } .widget ul.menu li a { color: #455a64; } .widget ul.menu li a:hover, .widget ul.menu li a:focus { color: #37ACC3; } .widget .card .label-count a { color: #ffffff; } .widget .card .label-count a:hover, .widget .card .label-count a:focus { color: #ffffff; } .widget_calendar td, .widget_calendar th { text-align: center; } .widget_calendar #prev a, .widget_calendar #next a { background: #f1f1f1; padding: 0; display: block; padding: 10px 5px; } .widget.widget_mc4wp_form_widget .mc4wp-form input[type=email], .widget.widget_mc4wp_form_widget .mc4wp-form input[type=text] { padding: 10px 0 10px; } .widget.widget_mc4wp_form_widget .mc4wp-form label { color: #fff; } .widget.widget_mc4wp_form_widget .mc4wp-alert { font-size: 14px; } .widget.widget_mc4wp_form_widget input[type=submit] { height: 40px; line-height: 40px; } .widget .mc4wp-form-basic input { height: 40px; } .widget .tabs { margin: 0; border: 0; border-radius: 0; } .widget .tabs .tab { border-bottom: 0; background: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .widget .tabs .tab:hover, .widget .tabs .tab:focus { background: none; } .widget .tabs .tab a { color: #fff; } .widget .tabs .tab a:hover, .widget .tabs .tab a:focus { color: #fff; } /*-------------------------------------------------------------- # Recent Widget --------------------------------------------------------------*/ .widget_recent_entries .card { background: transparent; box-shadow: none; } .widget_recent_entries .card.news-small .card-image { width: 20%; height: auto; } .widget_recent_entries .card.news-small .card-image:before { display: none; } .widget_recent_entries .card.news-small .card-image img { min-height: auto; } .widget_recent_entries .card.news-small .card-desc { display: block; background: transparent; width: 80%; } .widget_recent_entries .card.news-small .card-desc .card-content { padding: 0 0 0 15px; } .widget_recent_entries .card.news-small .card-desc .card-content p { margin-bottom: 0; } .widget_recent_entries .card.news-small .card-desc .card-content .entry-meta a i { color: inherit; } /*-------------------------------------------------------------- # Newsletter Form --------------------------------------------------------------*/ footer .widget form { margin-top: 1rem; } footer .widget ::-webkit-input-placeholder { color: #ffffff; } footer .widget :-moz-placeholder { /* Firefox 18- */ color: #ffffff; } footer .widget ::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; } footer .widget :-ms-input-placeholder { color: #ffffff; } footer .widget .input-field label { color: #ffffff; } footer .widget .input-field label.active { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } footer .widget input[type=text], footer .widget input[type=password], footer .widget input[type=email], footer .widget input[type=url], footer .widget input[type=time], footer .widget input[type=date], footer .widget input[type=datetime-local], footer .widget input[type=tel], footer .widget input[type=number], footer .widget input[type=search], footer .widget textarea.materialize-textarea { border-bottom-color: #ffffff; } footer .widget input[type=text]:disabled, footer .widget input[type=text][readonly="readonly"], footer .widget input[type=password]:disabled, footer .widget input[type=password][readonly="readonly"], footer .widget input[type=email]:disabled, footer .widget input[type=email][readonly="readonly"], footer .widget input[type=url]:disabled, footer .widget input[type=url][readonly="readonly"], footer .widget input[type=time]:disabled, footer .widget input[type=time][readonly="readonly"], footer .widget input[type=date]:disabled, footer .widget input[type=date][readonly="readonly"], footer .widget input[type=datetime-local]:disabled, footer .widget input[type=datetime-local][readonly="readonly"], footer .widget input[type=tel]:disabled, footer .widget input[type=tel][readonly="readonly"], footer .widget input[type=number]:disabled, footer .widget input[type=number][readonly="readonly"], footer .widget input[type=search]:disabled, footer .widget input[type=search][readonly="readonly"], footer .widget textarea.materialize-textarea:disabled, footer .widget textarea.materialize-textarea[readonly="readonly"] { color: rgba(0, 0, 0, 0.26); border-bottom: 1px dotted rgba(0, 0, 0, 0.26); } footer .widget input[type=text]:disabled + label, footer .widget input[type=text][readonly="readonly"] + label, footer .widget input[type=password]:disabled + label, footer .widget input[type=password][readonly="readonly"] + label, footer .widget input[type=email]:disabled + label, footer .widget input[type=email][readonly="readonly"] + label, footer .widget input[type=url]:disabled + label, footer .widget input[type=url][readonly="readonly"] + label, footer .widget input[type=time]:disabled + label, footer .widget input[type=time][readonly="readonly"] + label, footer .widget input[type=date]:disabled + label, footer .widget input[type=date][readonly="readonly"] + label, footer .widget input[type=datetime-local]:disabled + label, footer .widget input[type=datetime-local][readonly="readonly"] + label, footer .widget input[type=tel]:disabled + label, footer .widget input[type=tel][readonly="readonly"] + label, footer .widget input[type=number]:disabled + label, footer .widget input[type=number][readonly="readonly"] + label, footer .widget input[type=search]:disabled + label, footer .widget input[type=search][readonly="readonly"] + label, footer .widget textarea.materialize-textarea:disabled + label, footer .widget textarea.materialize-textarea[readonly="readonly"] + label { color: rgba(0, 0, 0, 0.26); } footer .widget input[type=text]:focus:not([readonly]), footer .widget input[type=password]:focus:not([readonly]), footer .widget input[type=email]:focus:not([readonly]), footer .widget input[type=url]:focus:not([readonly]), footer .widget input[type=time]:focus:not([readonly]), footer .widget input[type=date]:focus:not([readonly]), footer .widget input[type=datetime-local]:focus:not([readonly]), footer .widget input[type=tel]:focus:not([readonly]), footer .widget input[type=number]:focus:not([readonly]), footer .widget input[type=search]:focus:not([readonly]), footer .widget textarea.materialize-textarea:focus:not([readonly]) { border-bottom: 0px solid #00bcd4; box-shadow: 0 2px 0 0 #00bcd4; } footer .widget input[type=text]:focus:not([readonly]) + label, footer .widget input[type=password]:focus:not([readonly]) + label, footer .widget input[type=email]:focus:not([readonly]) + label, footer .widget input[type=url]:focus:not([readonly]) + label, footer .widget input[type=time]:focus:not([readonly]) + label, footer .widget input[type=date]:focus:not([readonly]) + label, footer .widget input[type=datetime-local]:focus:not([readonly]) + label, footer .widget input[type=tel]:focus:not([readonly]) + label, footer .widget input[type=number]:focus:not([readonly]) + label, footer .widget input[type=search]:focus:not([readonly]) + label, footer .widget textarea.materialize-textarea:focus:not([readonly]) + label { color: #ffffff; } footer .widget input[type=text].valid, footer .widget input[type=text]:focus.valid, footer .widget input[type=password].valid, footer .widget input[type=password]:focus.valid, footer .widget input[type=email].valid, footer .widget input[type=email]:focus.valid, footer .widget input[type=url].valid, footer .widget input[type=url]:focus.valid, footer .widget input[type=time].valid, footer .widget input[type=time]:focus.valid, footer .widget input[type=date].valid, footer .widget input[type=date]:focus.valid, footer .widget input[type=datetime-local].valid, footer .widget input[type=datetime-local]:focus.valid, footer .widget input[type=tel].valid, footer .widget input[type=tel]:focus.valid, footer .widget input[type=number].valid, footer .widget input[type=number]:focus.valid, footer .widget input[type=search].valid, footer .widget input[type=search]:focus.valid, footer .widget textarea.materialize-textarea.valid, footer .widget textarea.materialize-textarea:focus.valid { border-bottom: 0px solid #4CAF50; box-shadow: 0 2px 0 0 #4CAF50; } footer .widget input[type=text].valid + label:after, footer .widget input[type=text]:focus.valid + label:after, footer .widget input[type=password].valid + label:after, footer .widget input[type=password]:focus.valid + label:after, footer .widget input[type=email].valid + label:after, footer .widget input[type=email]:focus.valid + label:after, footer .widget input[type=url].valid + label:after, footer .widget input[type=url]:focus.valid + label:after, footer .widget input[type=time].valid + label:after, footer .widget input[type=time]:focus.valid + label:after, footer .widget input[type=date].valid + label:after, footer .widget input[type=date]:focus.valid + label:after, footer .widget input[type=datetime-local].valid + label:after, footer .widget input[type=datetime-local]:focus.valid + label:after, footer .widget input[type=tel].valid + label:after, footer .widget input[type=tel]:focus.valid + label:after, footer .widget input[type=number].valid + label:after, footer .widget input[type=number]:focus.valid + label:after, footer .widget input[type=search].valid + label:after, footer .widget input[type=search]:focus.valid + label:after, footer .widget textarea.materialize-textarea.valid + label:after, footer .widget textarea.materialize-textarea:focus.valid + label:after { content: attr(data-success); color: #4CAF50; opacity: 1; } footer .widget input[type=text].invalid, footer .widget input[type=text]:focus.invalid, footer .widget input[type=password].invalid, footer .widget input[type=password]:focus.invalid, footer .widget input[type=email].invalid, footer .widget input[type=email]:focus.invalid, footer .widget input[type=url].invalid, footer .widget input[type=url]:focus.invalid, footer .widget input[type=time].invalid, footer .widget input[type=time]:focus.invalid, footer .widget input[type=date].invalid, footer .widget input[type=date]:focus.invalid, footer .widget input[type=datetime-local].invalid, footer .widget input[type=datetime-local]:focus.invalid, footer .widget input[type=tel].invalid, footer .widget input[type=tel]:focus.invalid, footer .widget input[type=number].invalid, footer .widget input[type=number]:focus.invalid, footer .widget input[type=search].invalid, footer .widget input[type=search]:focus.invalid, footer .widget textarea.materialize-textarea.invalid, footer .widget textarea.materialize-textarea:focus.invalid { border-bottom: 0px solid #F44336; box-shadow: 0 2px 0 0 #F44336; } footer .widget input[type=text].invalid + label:after, footer .widget input[type=text]:focus.invalid + label:after, footer .widget input[type=password].invalid + label:after, footer .widget input[type=password]:focus.invalid + label:after, footer .widget input[type=email].invalid + label:after, footer .widget input[type=email]:focus.invalid + label:after, footer .widget input[type=url].invalid + label:after, footer .widget input[type=url]:focus.invalid + label:after, footer .widget input[type=time].invalid + label:after, footer .widget input[type=time]:focus.invalid + label:after, footer .widget input[type=date].invalid + label:after, footer .widget input[type=date]:focus.invalid + label:after, footer .widget input[type=datetime-local].invalid + label:after, footer .widget input[type=datetime-local]:focus.invalid + label:after, footer .widget input[type=tel].invalid + label:after, footer .widget input[type=tel]:focus.invalid + label:after, footer .widget input[type=number].invalid + label:after, footer .widget input[type=number]:focus.invalid + label:after, footer .widget input[type=search].invalid + label:after, footer .widget input[type=search]:focus.invalid + label:after, footer .widget textarea.materialize-textarea.invalid + label:after, footer .widget textarea.materialize-textarea:focus.invalid + label:after { content: attr(data-error); color: #F44336; opacity: 1; } footer .widget input[type=text] + label:after, footer .widget input[type=password] + label:after, footer .widget input[type=email] + label:after, footer .widget input[type=url] + label:after, footer .widget input[type=time] + label:after, footer .widget input[type=date] + label:after, footer .widget input[type=datetime-local] + label:after, footer .widget input[type=tel] + label:after, footer .widget input[type=number] + label:after, footer .widget input[type=search] + label:after, footer .widget textarea.materialize-textarea + label:after { display: block; content: ""; position: absolute; top: 65px; opacity: 0; transition: .2s opacity ease-out, .2s color ease-out; } /*-------------------------------------------------------------- # Footer Widget --------------------------------------------------------------*/ footer { color: #fff; } footer a { color: #ffffff; } footer a:hover, footer a:focus { color: #1e5d66; } footer .widget { color: #ffffff; } footer .widget .widget-title { color: #ffffff; } footer .widget .tabs .tab:before { display: none; } footer .widget .tabs .tab a { margin-left: 0; } footer .widget ul li { position: relative; color: #fff; line-height: 1.5rem; padding: 10px 0; margin: 0; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } footer .widget ul li ul.children, footer .widget ul li ul.sub-menu { padding-left: 1.2rem; margin-top: 10px; } footer .widget ul li ul.children li, footer .widget ul li ul.sub-menu li { border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 10px 0; background: transparent; } footer .widget ul li ul.children li:first-child, footer .widget ul li ul.sub-menu li:first-child { border-top: 1px solid #fff; border-top: 1px solid rgba(255, 255, 255, 0.1); } footer .widget ul li ul.children li:last-child, footer .widget ul li ul.sub-menu li:last-child { border-bottom: 0; padding-bottom: 0; } footer .widget ul li ul.children li ul.children ul.children ul.children ul.children ul.children, footer .widget ul li ul.children li ul.children ul.children ul.children ul.children ul.sub-menu, footer .widget ul li ul.children li ul.children ul.children ul.children ul.sub-menu ul.children, footer .widget ul li ul.children li ul.children ul.children ul.children ul.sub-menu ul.sub-menu, footer .widget ul li ul.children li ul.children ul.children ul.sub-menu ul.children ul.children, footer .widget ul li ul.children li ul.children ul.children ul.sub-menu ul.children ul.sub-menu, footer .widget ul li ul.children li ul.children ul.children ul.sub-menu ul.sub-menu ul.children, footer .widget ul li ul.children li ul.children ul.children ul.sub-menu ul.sub-menu ul.sub-menu, footer .widget ul li ul.children li ul.children ul.sub-menu ul.children ul.children ul.children, footer .widget ul li ul.children li ul.children ul.sub-menu ul.children ul.children ul.sub-menu, footer .widget ul li ul.children li ul.children ul.sub-menu ul.children ul.sub-menu ul.children, footer .widget ul li ul.children li ul.children ul.sub-menu ul.children ul.sub-menu ul.sub-menu, footer .widget ul li ul.children li ul.children ul.sub-menu ul.sub-menu ul.children ul.children, footer .widget ul li ul.children li ul.children ul.sub-menu ul.sub-menu ul.children ul.sub-menu, footer .widget ul li ul.children li ul.children ul.sub-menu ul.sub-menu ul.sub-menu ul.children, footer .widget ul li ul.children li ul.children ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu, footer .widget ul li ul.children li ul.sub-menu ul.children ul.children ul.children ul.children, footer .widget ul li ul.children li ul.sub-menu ul.children ul.children ul.children ul.sub-menu, footer .widget ul li ul.children li ul.sub-menu ul.children ul.children ul.sub-menu ul.children, footer .widget ul li ul.children li ul.sub-menu ul.children ul.children ul.sub-menu ul.sub-menu, footer .widget ul li ul.children li ul.sub-menu ul.children ul.sub-menu ul.children ul.children, footer .widget ul li ul.children li ul.sub-menu ul.children ul.sub-menu ul.children ul.sub-menu, footer .widget ul li ul.children li ul.sub-menu ul.children ul.sub-menu ul.sub-menu ul.children, footer .widget ul li ul.children li ul.sub-menu ul.children ul.sub-menu ul.sub-menu ul.sub-menu, footer .widget ul li ul.children li ul.sub-menu ul.sub-menu ul.children ul.children ul.children, footer .widget ul li ul.children li ul.sub-menu ul.sub-menu ul.children ul.children ul.sub-menu, footer .widget ul li ul.children li ul.sub-menu ul.sub-menu ul.children ul.sub-menu ul.children, footer .widget ul li ul.children li ul.sub-menu ul.sub-menu ul.children ul.sub-menu ul.sub-menu, footer .widget ul li ul.children li ul.sub-menu ul.sub-menu ul.sub-menu ul.children ul.children, footer .widget ul li ul.children li ul.sub-menu ul.sub-menu ul.sub-menu ul.children ul.sub-menu, footer .widget ul li ul.children li ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.children, footer .widget ul li ul.children li ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu, footer .widget ul li ul.sub-menu li ul.children ul.children ul.children ul.children ul.children, footer .widget ul li ul.sub-menu li ul.children ul.children ul.children ul.children ul.sub-menu, footer .widget ul li ul.sub-menu li ul.children ul.children ul.children ul.sub-menu ul.children, footer .widget ul li ul.sub-menu li ul.children ul.children ul.children ul.sub-menu ul.sub-menu, footer .widget ul li ul.sub-menu li ul.children ul.children ul.sub-menu ul.children ul.children, footer .widget ul li ul.sub-menu li ul.children ul.children ul.sub-menu ul.children ul.sub-menu, footer .widget ul li ul.sub-menu li ul.children ul.children ul.sub-menu ul.sub-menu ul.children, footer .widget ul li ul.sub-menu li ul.children ul.children ul.sub-menu ul.sub-menu ul.sub-menu, footer .widget ul li ul.sub-menu li ul.children ul.sub-menu ul.children ul.children ul.children, footer .widget ul li ul.sub-menu li ul.children ul.sub-menu ul.children ul.children ul.sub-menu, footer .widget ul li ul.sub-menu li ul.children ul.sub-menu ul.children ul.sub-menu ul.children, footer .widget ul li ul.sub-menu li ul.children ul.sub-menu ul.children ul.sub-menu ul.sub-menu, footer .widget ul li ul.sub-menu li ul.children ul.sub-menu ul.sub-menu ul.children ul.children, footer .widget ul li ul.sub-menu li ul.children ul.sub-menu ul.sub-menu ul.children ul.sub-menu, footer .widget ul li ul.sub-menu li ul.children ul.sub-menu ul.sub-menu ul.sub-menu ul.children, footer .widget ul li ul.sub-menu li ul.children ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu, footer .widget ul li ul.sub-menu li ul.sub-menu ul.children ul.children ul.children ul.children, footer .widget ul li ul.sub-menu li ul.sub-menu ul.children ul.children ul.children ul.sub-menu, footer .widget ul li ul.sub-menu li ul.sub-menu ul.children ul.children ul.sub-menu ul.children, footer .widget ul li ul.sub-menu li ul.sub-menu ul.children ul.children ul.sub-menu ul.sub-menu, footer .widget ul li ul.sub-menu li ul.sub-menu ul.children ul.sub-menu ul.children ul.children, footer .widget ul li ul.sub-menu li ul.sub-menu ul.children ul.sub-menu ul.children ul.sub-menu, footer .widget ul li ul.sub-menu li ul.sub-menu ul.children ul.sub-menu ul.sub-menu ul.children, footer .widget ul li ul.sub-menu li ul.sub-menu ul.children ul.sub-menu ul.sub-menu ul.sub-menu, footer .widget ul li ul.sub-menu li ul.sub-menu ul.sub-menu ul.children ul.children ul.children, footer .widget ul li ul.sub-menu li ul.sub-menu ul.sub-menu ul.children ul.children ul.sub-menu, footer .widget ul li ul.sub-menu li ul.sub-menu ul.sub-menu ul.children ul.sub-menu ul.children, footer .widget ul li ul.sub-menu li ul.sub-menu ul.sub-menu ul.children ul.sub-menu ul.sub-menu, footer .widget ul li ul.sub-menu li ul.sub-menu ul.sub-menu ul.sub-menu ul.children ul.children, footer .widget ul li ul.sub-menu li ul.sub-menu ul.sub-menu ul.sub-menu ul.children ul.sub-menu, footer .widget ul li ul.sub-menu li ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.children, footer .widget ul li ul.sub-menu li ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu { padding-left: 0; } footer .widget ul li ul.children li ul.children ul.children ul.children ul.children ul.children li, footer .widget ul li ul.children li ul.children ul.children ul.children ul.children ul.sub-menu li, footer .widget ul li ul.children li ul.children ul.children ul.children ul.sub-menu ul.children li, footer .widget ul li ul.children li ul.children ul.children ul.children ul.sub-menu ul.sub-menu li, footer .widget ul li ul.children li ul.children ul.children ul.sub-menu ul.children ul.children li, footer .widget ul li ul.children li ul.children ul.children ul.sub-menu ul.children ul.sub-menu li, footer .widget ul li ul.children li ul.children ul.children ul.sub-menu ul.sub-menu ul.children li, footer .widget ul li ul.children li ul.children ul.children ul.sub-menu ul.sub-menu ul.sub-menu li, footer .widget ul li ul.children li ul.children ul.sub-menu ul.children ul.children ul.children li, footer .widget ul li ul.children li ul.children ul.sub-menu ul.children ul.children ul.sub-menu li, footer .widget ul li ul.children li ul.children ul.sub-menu ul.children ul.sub-menu ul.children li, footer .widget ul li ul.children li ul.children ul.sub-menu ul.children ul.sub-menu ul.sub-menu li, footer .widget ul li ul.children li ul.children ul.sub-menu ul.sub-menu ul.children ul.children li, footer .widget ul li ul.children li ul.children ul.sub-menu ul.sub-menu ul.children ul.sub-menu li, footer .widget ul li ul.children li ul.children ul.sub-menu ul.sub-menu ul.sub-menu ul.children li, footer .widget ul li ul.children li ul.children ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu li, footer .widget ul li ul.children li ul.sub-menu ul.children ul.children ul.children ul.children li, footer .widget ul li ul.children li ul.sub-menu ul.children ul.children ul.children ul.sub-menu li, footer .widget ul li ul.children li ul.sub-menu ul.children ul.children ul.sub-menu ul.children li, footer .widget ul li ul.children li ul.sub-menu ul.children ul.children ul.sub-menu ul.sub-menu li, footer .widget ul li ul.children li ul.sub-menu ul.children ul.sub-menu ul.children ul.children li, footer .widget ul li ul.children li ul.sub-menu ul.children ul.sub-menu ul.children ul.sub-menu li, footer .widget ul li ul.children li ul.sub-menu ul.children ul.sub-menu ul.sub-menu ul.children li, footer .widget ul li ul.children li ul.sub-menu ul.children ul.sub-menu ul.sub-menu ul.sub-menu li, footer .widget ul li ul.children li ul.sub-menu ul.sub-menu ul.children ul.children ul.children li, footer .widget ul li ul.children li ul.sub-menu ul.sub-menu ul.children ul.children ul.sub-menu li, footer .widget ul li ul.children li ul.sub-menu ul.sub-menu ul.children ul.sub-menu ul.children li, footer .widget ul li ul.children li ul.sub-menu ul.sub-menu ul.children ul.sub-menu ul.sub-menu li, footer .widget ul li ul.children li ul.sub-menu ul.sub-menu ul.sub-menu ul.children ul.children li, footer .widget ul li ul.children li ul.sub-menu ul.sub-menu ul.sub-menu ul.children ul.sub-menu li, footer .widget ul li ul.children li ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.children li, footer .widget ul li ul.children li ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu li, footer .widget ul li ul.sub-menu li ul.children ul.children ul.children ul.children ul.children li, footer .widget ul li ul.sub-menu li ul.children ul.children ul.children ul.children ul.sub-menu li, footer .widget ul li ul.sub-menu li ul.children ul.children ul.children ul.sub-menu ul.children li, footer .widget ul li ul.sub-menu li ul.children ul.children ul.children ul.sub-menu ul.sub-menu li, footer .widget ul li ul.sub-menu li ul.children ul.children ul.sub-menu ul.children ul.children li, footer .widget ul li ul.sub-menu li ul.children ul.children ul.sub-menu ul.children ul.sub-menu li, footer .widget ul li ul.sub-menu li ul.children ul.children ul.sub-menu ul.sub-menu ul.children li, footer .widget ul li ul.sub-menu li ul.children ul.children ul.sub-menu ul.sub-menu ul.sub-menu li, footer .widget ul li ul.sub-menu li ul.children ul.sub-menu ul.children ul.children ul.children li, footer .widget ul li ul.sub-menu li ul.children ul.sub-menu ul.children ul.children ul.sub-menu li, footer .widget ul li ul.sub-menu li ul.children ul.sub-menu ul.children ul.sub-menu ul.children li, footer .widget ul li ul.sub-menu li ul.children ul.sub-menu ul.children ul.sub-menu ul.sub-menu li, footer .widget ul li ul.sub-menu li ul.children ul.sub-menu ul.sub-menu ul.children ul.children li, footer .widget ul li ul.sub-menu li ul.children ul.sub-menu ul.sub-menu ul.children ul.sub-menu li, footer .widget ul li ul.sub-menu li ul.children ul.sub-menu ul.sub-menu ul.sub-menu ul.children li, footer .widget ul li ul.sub-menu li ul.children ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu li, footer .widget ul li ul.sub-menu li ul.sub-menu ul.children ul.children ul.children ul.children li, footer .widget ul li ul.sub-menu li ul.sub-menu ul.children ul.children ul.children ul.sub-menu li, footer .widget ul li ul.sub-menu li ul.sub-menu ul.children ul.children ul.sub-menu ul.children li, footer .widget ul li ul.sub-menu li ul.sub-menu ul.children ul.children ul.sub-menu ul.sub-menu li, footer .widget ul li ul.sub-menu li ul.sub-menu ul.children ul.sub-menu ul.children ul.children li, footer .widget ul li ul.sub-menu li ul.sub-menu ul.children ul.sub-menu ul.children ul.sub-menu li, footer .widget ul li ul.sub-menu li ul.sub-menu ul.children ul.sub-menu ul.sub-menu ul.children li, footer .widget ul li ul.sub-menu li ul.sub-menu ul.children ul.sub-menu ul.sub-menu ul.sub-menu li, footer .widget ul li ul.sub-menu li ul.sub-menu ul.sub-menu ul.children ul.children ul.children li, footer .widget ul li ul.sub-menu li ul.sub-menu ul.sub-menu ul.children ul.children ul.sub-menu li, footer .widget ul li ul.sub-menu li ul.sub-menu ul.sub-menu ul.children ul.sub-menu ul.children li, footer .widget ul li ul.sub-menu li ul.sub-menu ul.sub-menu ul.children ul.sub-menu ul.sub-menu li, footer .widget ul li ul.sub-menu li ul.sub-menu ul.sub-menu ul.sub-menu ul.children ul.children li, footer .widget ul li ul.sub-menu li ul.sub-menu ul.sub-menu ul.sub-menu ul.children ul.sub-menu li, footer .widget ul li ul.sub-menu li ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.children li, footer .widget ul li ul.sub-menu li ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu li { padding-left: 0; padding-right: 0; } footer .widget ul li:last-child { border-bottom: 0; } footer .widget ul li .post-date { display: block; font-size: 0.9rem; color: #ffffff; } footer .widget ul li:before { position: absolute; left: 3px; content: ''; font-family: 'FontAwesome'; } footer .widget ul li.recentcomments:before { display: none; } footer .widget ul li a { margin-left: 1.1rem; } footer .widget .entry-meta ul li:before { display: none; } footer .widget .entry-meta ul li a { margin-left: 0; } footer .widget a { color: #ffffff; } footer .widget a:hover, footer .widget a:focus { color: #1e5d66; } footer .widget .tagcloud a { background: #ffffff; color: #37ACC3; } footer .widget .tagcloud a:hover, footer .widget .tagcloud a:focus { color: #2A818D; } footer .widget ul.menu { border: 0; } footer .widget ul.menu li { line-height: 1.5rem; padding: 10px 0; margin: 0; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.1); background: transparent; } footer .widget ul.menu li:hover, footer .widget ul.menu li:focus { background: transparent; } footer .widget ul.menu li a { color: #ffffff; } footer .widget ul.menu li a:hover, footer .widget ul.menu li a:focus { color: #1e5d66; } footer .widget_mc4wp_widget .mc4wp-form label, footer .widget_mc4wp_widget label { color: #ffffff; } footer .widget_calendar #prev a, footer .widget_calendar #next a { background: rgba(0, 0, 0, 0.4); border: 0; border-radius: 0; } footer .widget_archive ul li, footer .widget_categories ul li { color: #ffffff; } footer select { background: rgba(0, 0, 0, 0.4); border-radius: 0; border: 0; } footer input[type=button], footer input[type=submit] { color: #37ACC3; background: #ffffff; } footer input[type=button]:hover, footer input[type=button]:focus, footer input[type=submit]:hover, footer input[type=submit]:focus { color: #cccccc; } footer .card { box-shadow: none !important; background: transparent !important; } footer .card .card-image { height: 80px !important; } footer .card .card-desc { background-color: transparent !important; } footer .card .card-desc .card-content:before { display: none; } footer .card .card-desc .card-content h2 { max-height: 1.5rem !important; } footer .card .card-desc .card-content h2 a { color: #ffffff; } footer .card .card-desc .card-content h2 a:hover, footer .card .card-desc .card-content h2 a:focus { color: #1e5d66; } footer .card .card-desc .card-content .entry-meta ul { margin: 0 auto; } footer .card .card-desc .card-content .entry-meta ul li { padding: 0; } footer .widget ul li.current-cat a, footer .widget ul li.current-menu-item a { color: #1e5d66; } /*-------------------------------------------------------------- # Vendor and Plugin Overrides --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Slick Carousel --------------------------------------------------------------*/ /* jQuery.mmenu CSS */ /* jQuery.mmenu oncanvas CSS */ .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .mm-menu { box-sizing: border-box; background: inherit; display: block; overflow: hidden; padding: 0; } .mm-panel { transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } .mm-panel.mm-highest { z-index: 1; } .mm-menu > .mm-panel { background: inherit; border-color: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; text-transform: uppercase; font-size: 1.3rem; } .mm-menu > .mm-panel.mm-hasnavbar { padding-top: 40px; } .mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after { content: ''; display: block; height: 20px; } .mm-vertical .mm-panel { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent; } .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block; } .mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; } .mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; } .mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; height: 60px; padding: 10px 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .mm-navbar > * { display: block; padding: 10px 0; } .mm-navbar a, .mm-navbar a:hover { text-decoration: none; } .mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 1.3rem; font-family: 'Roboto Slab'; } .mm-navbar .mm-btn { box-sizing: border-box; width: 50px; height: 60px; position: absolute; top: 0; z-index: 1; } .mm-navbar .mm-btn:first-child { padding-left: 20px; left: 0; } .mm-navbar .mm-btn:last-child { text-align: right; padding-right: 20px; right: 0; } .mm-panel .mm-navbar { display: none; } .mm-panel.mm-hasnavbar .mm-navbar { display: block; } .mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-listview { font: inherit; font-size: 14px; line-height: 20px; } .mm-listview a, .mm-listview a:hover { text-decoration: none; } .mm-listview > li { position: relative; } .mm-listview > li, .mm-listview > li:after, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before { border-color: inherit; } .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 18px 20px 18px 20px; margin: 0; font-size: 14px; } .mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow { padding-right: 50px; } .mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; } .mm-listview > li:not(.mm-divider):after { left: 0; } .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; } .mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px; } .mm-listview .mm-next.mm-fullsubopen { width: 100%; } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none; } .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; } .mm-menu > .mm-panel > .mm-listview { margin: 20px -20px; } .mm-menu > .mm-panel > .mm-listview:first-child, .mm-menu > .mm-panel > .mm-navbar + .mm-listview { margin-top: 0px; } .mm-listview .mm-inset { list-style: inside disc; padding: 0 10px 15px 40px; margin: 0; } .mm-listview .mm-inset > li { padding: 5px 0; } .mm-listview .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; } .mm-listview .mm-spacer { padding-top: 40px; } .mm-listview .mm-spacer > .mm-next { top: 40px; } .mm-listview .mm-spacer.mm-divider { padding-top: 25px; } .mm-prev:before, .mm-next:after, .mm-arrow:after { content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-prev:before { border-right: none; border-bottom: none; left: 20px; } .mm-next:after, .mm-arrow:after { border-top: none; border-left: none; right: 20px; } .mm-menu { background: #f1f1f1; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.7); } .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a { color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview { border-color: rgba(0, 0, 0, 0.1); } .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5); } .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05); } .mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -ms-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu autoHeight addon CSS */ .mm-menu.mm-top.mm-autoheight, .mm-menu.mm-bottom.mm-autoheight { max-height: 80%; } .mm-menu.mm-top.mm-autoheight.mm-fullscreen, .mm-menu.mm-bottom.mm-autoheight.mm-fullscreen { max-height: 100%; } .mm-menu.mm-measureheight > .mm-panel { bottom: auto !important; height: auto !important; } /* jQuery.mmenu counters addon CSS */ em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50%; } em.mm-counter + a.mm-next { width: 90px; } em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span { margin-right: 90px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical > .mm-counter { top: 12px; margin-top: 0; } .mm-vertical.mm-spacer > .mm-counter { margin-top: 40px; } .mm-nosubresults > .mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(0, 0, 0, 0.3); } /* jQuery.mmenu dividers addon CSS */ .mm-divider > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-divider.mm-opened a.mm-next:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mm-collapsed:not(.mm-uncollapsed) { display: none; } .mm-fixeddivider { background: inherit; display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 2; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-fixeddivider:after { content: none !important; display: none !important; } .mm-hasdividers .mm-fixeddivider { display: block; } .mm-menu .mm-fixeddivider span { background: rgba(0, 0, 0, 0.05); } /* jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { transition-duration: 0s; } /* jQuery.mmenu iconpanels addon CSS */ .mm-iconpanel .mm-panel { transition-property: left, right, -webkit-transform; transition-property: transform, left, right; transition-property: transform, left, right, -webkit-transform; } .mm-iconpanel .mm-panel.mm-opened { border-left: 1px solid; border-color: inherit; } .mm-iconpanel .mm-panel.mm-subopened { overflow-y: hidden; left: -40px; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-iconpanel .mm-panel.mm-iconpanel-0 { left: 0px; } .mm-iconpanel .mm-panel.mm-iconpanel-1 { left: 40px; } .mm-iconpanel .mm-panel.mm-iconpanel-2 { left: 80px; } .mm-iconpanel .mm-panel.mm-iconpanel-3 { left: 120px; } .mm-iconpanel .mm-panel.mm-iconpanel-4 { left: 160px; } .mm-iconpanel .mm-panel.mm-iconpanel-5 { left: 200px; } .mm-iconpanel .mm-panel.mm-iconpanel-6 { left: 240px; } .mm-subblocker { background: inherit; opacity: 0; display: block; transition: opacity 0.4s ease; } .mm-subopened .mm-subblocker { opacity: 0.6; position: absolute; top: 0; right: 0; bottom: -100000px; left: 0; z-index: 3; } /* jQuery.mmenu navbars addon CSS */ .mm-menu > .mm-navbar { background: inherit; padding: 0; z-index: 3; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background: #2A3038; } .mm-menu > .mm-navbar a { color: #fff; } .mm-navbar-bottom { border-top-width: 1px; border-top-style: solid; border-bottom: none; top: auto; bottom: 0; } .mm-navbar-top ~ .mm-navbar-top { border-bottom: none; } .mm-navbar-bottom ~ .mm-navbar-bottom { border-top: none; } .mm-navbar.mm-hasbtns { padding: 0 40px; } .mm-close:after { content: 'x'; } .mm-navbar[class*="mm-navbar-content-"] > * { box-sizing: border-box; display: block; float: left; } .mm-navbar > .mm-breadcrumbs { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-x: auto; text-align: left; padding: 0 0 0 17px; } .mm-navbar > .mm-breadcrumbs > * { display: inline-block; padding: 10px 3px; } .mm-navbar > .mm-breadcrumbs > a { text-decoration: underline; } .mm-navbar.mm-hasbtns .mm-breadcrumbs { margin-left: -40px; } .mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs { margin-left: 0; padding-left: 0; } .mm-navbar-top-1 { top: 0px; } .mm-hasnavbar-top-1 .mm-panel { top: 40px; } .mm-hasnavbar-top-1 .mm-indexer { top: 50px; } .mm-hasnavbar-top-1 .mm-fixeddivider { top: 40px; } .mm-navbar-top-2 { top: 40px; } .mm-hasnavbar-top-2 .mm-panel { top: 80px; } .mm-hasnavbar-top-2 .mm-indexer { top: 90px; } .mm-hasnavbar-top-2 .mm-fixeddivider { top: 80px; } .mm-navbar-top-3 { top: 80px; } .mm-hasnavbar-top-3 .mm-panel { top: 120px; } .mm-hasnavbar-top-3 .mm-indexer { top: 130px; } .mm-hasnavbar-top-3 .mm-fixeddivider { top: 120px; } .mm-navbar-top-4 { top: 120px; } .mm-hasnavbar-top-4 .mm-panel { top: 160px; } .mm-hasnavbar-top-4 .mm-indexer { top: 170px; } .mm-hasnavbar-top-4 .mm-fixeddivider { top: 160px; } .mm-navbar-bottom-1 { bottom: 0px; } .mm-hasnavbar-bottom-1 .mm-panel { bottom: 40px; } .mm-hasnavbar-bottom-1 .mm-indexer { bottom: 50px; } .mm-navbar-bottom-2 { bottom: 40px; } .mm-hasnavbar-bottom-2 .mm-panel { bottom: 80px; } .mm-hasnavbar-bottom-2 .mm-indexer { bottom: 90px; } .mm-navbar-bottom-3 { bottom: 80px; } .mm-hasnavbar-bottom-3 .mm-panel { bottom: 120px; } .mm-hasnavbar-bottom-3 .mm-indexer { bottom: 130px; } .mm-navbar-bottom-4 { bottom: 120px; } .mm-hasnavbar-bottom-4 .mm-panel { bottom: 160px; } .mm-hasnavbar-bottom-4 .mm-indexer { bottom: 170px; } .mm-navbar-size-2 { height: 80px; } .mm-navbar-size-3 { height: 120px; } .mm-navbar-size-4 { height: 160px; } .mm-navbar-content-2 > * { width: 50%; } .mm-navbar-content-3 > * { width: 33.33%; } .mm-navbar-content-4 > * { width: 25%; } .mm-navbar-content-5 > * { width: 20%; } .mm-navbar-content-6 > * { width: 16.67%; } /* jQuery.mmenu searchfield addon CSS */ .mm-search, .mm-search input { box-sizing: border-box; } .mm-search { height: 40px; padding: 7px 10px 0 10px; } .mm-search input { border: none; border-radius: 26px; font: inherit; font-size: 14px; line-height: 26px; outline: none; display: block; width: 100%; height: 26px; margin: 0; padding: 0 10px; } .mm-search input::-ms-clear { display: none; } .mm-panel > .mm-search { width: 100%; position: absolute; top: 0; left: 0; } .mm-panel.mm-hassearch { padding-top: 40px; } .mm-panel.mm-hassearch.mm-hasnavbar { padding-top: 80px; } .mm-panel.mm-hassearch.mm-hasnavbar .mm-search { top: 40px; } .mm-noresultsmsg { text-align: center; font-size: 21px; display: none; padding: 40px 0; } .mm-noresults .mm-noresultsmsg { display: block; } .mm-noresults .mm-indexer { display: none !important; } li.mm-nosubresults > a.mm-next { display: none; } li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span { padding-right: 10px; } .mm-menu .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.7); } .mm-menu .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } /* jQuery.mmenu sectionIndexer addon CSS */ .mm-indexer { background: inherit; text-align: center; font-size: 12px; box-sizing: border-box; width: 20px; position: absolute; top: 10px; bottom: 10px; right: -100px; z-index: 3; transition: right 0.4s ease; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-indexer a { text-decoration: none; display: block; height: 3.85%; } .mm-indexer ~ .mm-panel.mm-hasindexer { padding-right: 40px; } .mm-hasindexer .mm-indexer { right: 0; } .mm-hasindexer .mm-fixeddivider { right: 20px; } .mm-menu .mm-indexer a { color: rgba(0, 0, 0, 0.3); } /* jQuery.mmenu toggles addon CSS */ input.mm-toggle, input.mm-check { position: absolute; left: -10000px; } label.mm-toggle, label.mm-check { margin: 0; position: absolute; top: 50%; z-index: 2; } label.mm-toggle:before, label.mm-check:before { content: ''; display: block; } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-top: -15px; } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; } input.mm-toggle:checked ~ label.mm-toggle:before { float: right; } label.mm-check { width: 30px; height: 30px; margin-top: -15px; } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: 0.1; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } input.mm-check:checked ~ label.mm-check:before { opacity: 1; } li.mm-vertical label.mm-toggle, li.mm-vertical label.mm-check { bottom: auto; margin-top: 0; } li.mm-vertical label.mm-toggle { top: 5px; } li.mm-vertical label.mm-check { top: 5px; } label.mm-toggle, label.mm-check { right: 20px; } label.mm-toggle + a, label.mm-toggle + span { padding-right: 80px; } label.mm-check + a, label.mm-check + span { padding-right: 60px; } a.mm-next + label.mm-toggle, a.mm-next + label.mm-check { right: 60px; } a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span { margin-right: 50px; } a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span { padding-right: 70px; } a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span { padding-right: 50px; } em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check { right: 100px; } em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span { margin-right: 90px; } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu label.mm-toggle:before { background: #f3f3f3; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu label.mm-check:before { border-color: rgba(0, 0, 0, 0.7); } /* jQuery.mmenu borderstyle extension CSS */ .mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after { content: none; } .mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after { left: 0 !important; } /* jQuery.mmenu effects extension CSS */ html.mm-effect-zoom-menu .mm-menu.mm-offcanvas { transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-effect-zoom-menu { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-effect-zoom-menu { -webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0); } html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas { -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0); transform: scale(0.7, 0.7) translate3d(30%, 0, 0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-effect-zoom-menu { -webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0); } html.mm-effect-slide-menu .mm-menu.mm-effect-slide-menu { transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } html.mm-effect-slide-menu.mm-opened .mm-menu.mm-effect-slide-menu { -webkit-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } html.mm-effect-slide-menu.mm-opening .mm-menu.mm-effect-slide-menu { -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } html.mm-effect-slide-menu.mm-right.mm-opened .mm-menu.mm-effect-slide-menu { -webkit-transform: translate3d(30%, 0, 0); -ms-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } html.mm-effect-slide-menu.mm-right.mm-opening .mm-menu.mm-effect-slide-menu { -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } html.mm-effect-fade-menu .mm-menu.mm-effect-fade-menu { opacity: 0; transition: opacity 0.4s ease; } html.mm-effect-fade-menu.mm-opening .mm-menu.mm-effect-fade-menu { opacity: 1; } .mm-menu.mm-effect-zoom-panels .mm-panel { -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translate3d(0%, 0, 0); -ms-transform: scale(1, 1) translate3d(0%, 0, 0); transform: scale(1, 1) translate3d(0%, 0, 0); } .mm-menu.mm-effect-zoom-panels .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); } .mm-menu.mm-effect-slide-panels-0 .mm-panel.mm-subopened { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-effect-slide-panels-100 .mm-panel.mm-subopened { -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li { transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(1) { transition-delay: 100ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(2) { transition-delay: 200ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(3) { transition-delay: 300ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(4) { transition-delay: 400ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(5) { transition-delay: 500ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(6) { transition-delay: 600ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(7) { transition-delay: 700ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(8) { transition-delay: 800ms; } html.mm-effect-slide-listitems .mm-menu.mm-effect-slide-listitems .mm-listview > li:nth-child(9) { transition-delay: 900ms; } html.mm-effect-slide-listitems.mm-opening .mm-menu.mm-effect-slide-listitems .mm-panel.mm-opened .mm-listview > li { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* jQuery.mmenu fullscreen extension CSS */ .mm-menu.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); } @media all and (max-width: 140px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 10000px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(10000px, 0); -ms-transform: translate(10000px, 0); transform: translate(10000px, 0); } } html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); } @media all and (max-width: 140px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-10000px, 0); -ms-transform: translate(-10000px, 0); transform: translate(-10000px, 0); } } .mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom { height: 100%; min-height: 140px; max-height: 10000px; } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important; } /* jQuery.mmenu multiline extension CSS */ .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span { text-overflow: clip; white-space: normal; } /* jQuery.mmenu pageshadow extension CSS */ .mm-menu.mm-pageshadow:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99; } .mm-menu.mm-pageshadow.mm-right:after { left: auto; right: 100%; } .mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after { content: none; display: none; } .mm-menu.mm-pageshadow:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { z-index: 1; } .mm-menu.mm-front, .mm-menu.mm-next { transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .mm-menu.mm-top { -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .mm-menu.mm-bottom { -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mm-menu.mm-top, .mm-menu.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* jQuery.mmenu themes extension CSS */ .mm-menu.mm-theme-dark { background: #333333; border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-navbar .mm-btn:before, .mm-menu.mm-theme-dark .mm-navbar .mm-btn:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview { border-color: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-theme-dark .mm-divider { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-fixeddivider span { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); } .mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark .mm-indexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.15); } .mm-menu.mm-theme-dark label.mm-toggle:before { background: #333333; } .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-white { background: white; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-navbar > *, .mm-menu.mm-theme-white .mm-navbar a { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-navbar .mm-btn:before, .mm-menu.mm-theme-white .mm-navbar .mm-btn:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white .mm-listview > li .mm-next:after, .mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-theme-white .mm-divider { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-fixeddivider span { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white .mm-indexer a { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-theme-white label.mm-toggle:before { background: white; } .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu.mm-theme-black { background: black; border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black .mm-navbar a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-navbar .mm-btn:before, .mm-menu.mm-theme-black .mm-navbar .mm-btn:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-listview > li .mm-next:after, .mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after { border-color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.3); } .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black .mm-divider { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black em.mm-counter { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-fixeddivider span { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-pageshadow.mm-theme-black:after { content: none; display: none; } .mm-menu.mm-theme-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-theme-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black .mm-indexer a { color: rgba(255, 255, 255, 0.4); } .mm-menu.mm-theme-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-theme-black label.mm-toggle:before { background: black; } .mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } /* jQuery.mmenu tileview extension CSS */ .mm-menu.mm-tileview .mm-listview:after, .mm-menu .mm-tileview.mm-listview:after { content: ''; display: block; clear: both; } .mm-menu.mm-tileview .mm-listview > li, .mm-menu .mm-tileview.mm-listview > li { width: 50%; height: 0; padding: 50% 0 0 0; float: left; position: relative; } .mm-menu.mm-tileview .mm-listview > li:after, .mm-menu .mm-tileview.mm-listview > li:after { left: 0; top: 0; border-right-width: 1px; border-right-style: solid; z-index: -1; } .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs, .mm-menu .mm-tileview.mm-listview > li.mm-tile-xs { width: 12.5%; padding-top: 12.5%; } .mm-menu.mm-tileview .mm-listview > li.mm-tile-s, .mm-menu .mm-tileview.mm-listview > li.mm-tile-s { width: 25%; padding-top: 25%; } .mm-menu.mm-tileview .mm-listview > li.mm-tile-l, .mm-menu .mm-tileview.mm-listview > li.mm-tile-l { width: 75%; padding-top: 75%; } .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl, .mm-menu .mm-tileview.mm-listview > li.mm-tile-xl { width: 100%; padding-top: 100%; } .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span, .mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span { line-height: 1px; text-align: center; padding: 50% 10px 0 10px; margin: 0; position: absolute; top: 0; right: 1px; bottom: 1px; left: 0; } .mm-menu.mm-tileview .mm-listview > li > .mm-next, .mm-menu .mm-tileview.mm-listview > li > .mm-next { width: auto; } .mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu .mm-tileview.mm-listview > li > .mm-next:after { content: none; display: none; } .mm-menu.mm-tileview .mm-panel { padding-left: 0; padding-right: 0; } .mm-menu.mm-tileview .mm-panel:after { content: none; display: none; } .mm-menu.mm-tileview .mm-listview { margin: 0; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide:focus { outline: 0; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url("assets/img/ajax-loader.gif") center center no-repeat; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 2rem; width: 2rem; line-height: 0px; font-size: 0px; cursor: pointer; background: #00acbe; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; text-align: center; z-index: 99; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; box-shadow: none; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "FontAwesome"; font-size: 2rem; line-height: 1; color: #ffffff; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: ""; } [dir="rtl"] .slick-prev:before { content: ""; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: ""; } [dir="rtl"] .slick-next:before { content: ""; } /* Dots */ .slick-dots { position: absolute; top: -40px; right: 0; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: auto; float: right; } .slick-dots li { position: relative; display: inline-block; height: 10px; width: 10px; margin: 0 3px; padding: 0; cursor: pointer; } .slick-dots li:last-child { margin-right: 0; } .slick-dots li button { border: 0; background: transparent; box-shadow: none; display: block; height: 10px; width: 10px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 10px; height: 10px; font-family: "FontAwesome"; xfont-size: 6px; line-height: 10px; text-align: center; border: 2px solid #00acbe; border-radius: 50%; color: #00acbe; xopacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: #00acbe; xopacity: 0.75; background: #00acbe; } /* Preload img */ .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 10px; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(img/codetheme.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; position: relative; } .lb-nav a.lb-prev:after { position: absolute; content: ''; top: 50%; left: 2rem; font-size: 3rem; font-family: 'FontAwesome', sans-serif; color: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; position: relative; } .lb-nav a.lb-next:after { position: absolute; content: ''; top: 50%; right: 2rem; font-size: 3rem; color: #fff; font-family: 'FontAwesome', sans-serif; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition: opacity 0.6s; } .lb-nav a.lb-next:hover:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #fff; } .lb-data .lb-details { width: 100%; float: none; text-align: center; line-height: 1.1em; margin-top: 1rem; } .lb-data .lb-caption { font-size: 1rem; font-weight: bold; line-height: 1em; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; margin-top: 0.6rem; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; transition: opacity 0.2s; position: fixed; top: 3rem; right: 3rem; } .lb-data .lb-close:after { position: absolute; content: ''; top: 0; right: 0; font-size: 2rem; font-family: 'FontAwesome', sans-serif; color: #fff; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lazy-hidden { background: #eee; } /*-------------------------------------------------------------- # Vendor Overrides --------------------------------------------------------------*/ .mm-menu { background: #37ACC3; } .mm-navbar { background: #2A3038; } .mm-navbar a { color: #fff !important; } .mm-panel .mm-listview li { background: #37ACC3; } .mm-panel .mm-listview li a { color: #fff; } .mm-panel .mm-listview li:hover, .mm-panel .mm-listview li:focus { background: #2A818D; box-shadow: 3px 0px 0px 0 #fff inset; } .mm-panel .mm-listview li.current-menu-item { background: #2A818D; box-shadow: 3px 0px 0px 0 #fff inset; } .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after { border-color: #fff !important; } html.mm-opening .mm-slideout { position: relative; z-index: 99999; } .mm-page { z-index: 99999; } .mm-page #page { position: relative; z-index: 99999; background: #fff; /*Give the background. So that mobile menu doesnot show up while opening the mobile menu*/ } html.mm-opened { margin-top: 0px !important; } .mm-opened .mm-page #page { padding-top: 0px; } .mm-opened .admin-bar .mm-page #page { padding-top: 32px; } @media (max-width: 782px) { html.mm-opened { margin-top: 0px !important; } .mm-opened .mm-page #page { padding-top: 0px; } .mm-opened .admin-bar .mm-page #page { padding-top: 46px; } } @media (max-width: 600px) { .mm-opened .mm-page #page { padding-top: 0px; } .mm-opened .admin-bar .mm-page #page { padding-top: 0px; } } body.has-site-logo .site-title { display: none !important; } div#infinite-footer { display: none; } #infinite-handle { display: none; } .wpcf7 { margin-top: 3rem; } @-moz-document url-prefix() { .single-post .featured-media .valign-wrapper, .single-post .featured-media #site-loader, .single-post .featured-media .card .card-quote, .card .single-post .featured-media .card-quote, .single-post .featured-media .card .card-link, .card .single-post .featured-media .card-link, .single-post .featured-media .card .card-status, .card .single-post .featured-media .card-status, .single-post .featured-media .card.news-small .card-desc, .card.news-small .single-post .featured-media .card-desc, .page .featured-media .valign-wrapper, .page .featured-media #site-loader, .page .featured-media .card .card-quote, .card .page .featured-media .card-quote, .page .featured-media .card .card-link, .card .page .featured-media .card-link, .page .featured-media .card .card-status, .card .page .featured-media .card-status, .page .featured-media .card.news-small .card-desc, .card.news-small .page .featured-media .card-desc { display: block !important; } } /*-------------------------------------------------------------- # Pixel Carousel --------------------------------------------------------------*/ .cpmag-carousel-item:focus { border: 0; outline: 0; } /*-------------------------------------------------------------- # Trending Carousel --------------------------------------------------------------*/ .trending-carousel .cpmag-carousel-item { padding: 0 4px; } /*-------------------------------------------------------------- # Multiple Carousel --------------------------------------------------------------*/ .multiple-items { margin-top: 2rem; } .multiple-items .cpmag-carousel-item { padding: 0; } .multiple-items .cpmag-carousel-item.slick-slide .card { margin: 0 1rem 1.33333rem; } .multiple-items .cpmag-carousel-item.slick-active .card { margin: 0 2px 1.33333rem 1rem; } .multiple-items .cpmag-carousel-item.slick-current .card { margin: 0 1rem 1.33333rem 2px; } @media (max-width: 600px) { .multiple-items .cpmag-carousel-item.slick-current .card { margin-right: 4px; } } /*-------------------------------------------------------------- # Post Gallery Carousel --------------------------------------------------------------*/ .cpmagz-post-gallery .slick-dots { bottom: 15px; top: auto; text-align: center; } .news-small .card-gallery .cpmagz-post-gallery .slick-prev { left: 5px; } .news-small .card-gallery .cpmagz-post-gallery .slick-next { right: 5px; } /*-------------------------------------------------------------- # Featured Video Carousel --------------------------------------------------------------*/ span.slick-prev, span.slick-next { opacity: 0; } #featured-video-list-wrap:hover span.slick-prev, #featured-video-list-wrap:hover span.slick-next, #featured-video-list-wrap:focus span.slick-prev, #featured-video-list-wrap:focus span.slick-next { opacity: 1; } #featured-video-list-wrap .slick-slide .card { margin: 0 10px 0; } #featured-video-list-wrap .slick-prev { left: 0; top: 39%; } #featured-video-list-wrap .slick-next { right: 0; top: 39%; } /*-------------------------------------------------------------- # Related Posts Carousel --------------------------------------------------------------*/ .related-posts .slick-next { right: 1px; } .related-posts .slick-prev { left: 2px; } .related-posts .slick-prev, .related-posts .slick-next { opacity: 0; } .related-posts:hover .slick-prev, .related-posts:hover .slick-next, .related-posts:focus .slick-prev, .related-posts:focus .slick-next { opacity: 1; } /*-------------------------------------------------------------- # Media Querires --------------------------------------------------------------*/ @media (max-width: 600px) { html, html.js { margin-top: 0 !important; } } @media (max-width: 992px) { .container { width: 90%; } } @media (max-width: 800px) { .container { width: 80%; } } @media (max-width: 600px) { .container { width: 85%; } } @media (min-width: 993px) { #themenu { display: none !important; } .mm-page.mm-slideout { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } } @media (max-width: 700px) { .top-nav, .social-nav { width: 100%; } .top-nav { float: right !important; } .social-nav li { float: none; display: table-cell; width: 1%; text-align: center; } } @media (max-width: 992px) { .nav-wrapper .valign-wrapper, .nav-wrapper #site-loader, .nav-wrapper .card .card-quote, .card .nav-wrapper .card-quote, .nav-wrapper .card .card-link, .card .nav-wrapper .card-link, .nav-wrapper .card .card-status, .card .nav-wrapper .card-status, .nav-wrapper .card.news-small .card-desc, .card.news-small .nav-wrapper .card-desc { display: block; } nav .site-logo-link, nav .brand-logo { text-align: center; display: block; } nav.main-navigation.thenav { height: 82px !important; } header.site-header.fixed-header .main-navigation.thenav { height: 70px !important; } .sidebar.left-side { margin-top: 4rem; } .sidebar.right-side { margin-top: 4rem; } } @media (max-width: 1000px) { .featured-section .row .col.l7 { width: 52%; } } @media (max-width: 1000px) { .featured-section .row .col.l5 { width: 48%; } } @media only screen and (max-width: 800px) { .featured-section .row .col.l5, .featured-section .row .col.l7 { width: 100%; } } @media (max-width: 1000px) { .row .col.sidebar-grid { width: 40%; } } @media (max-width: 1000px) { .row .col.primary-grid { width: 60%; } } @media only screen and (max-width: 800px) { .row .col.primary-grid, .row .col.sidebar-grid { width: 100%; } .sidebar-grid { margin-bottom: 2.5rem; } } @media (max-width: 1000px) { .highlights-section .multiple-items .cpmag-carousel-item.slick-active .card { margin-right: 2px; } .highlights-section .multiple-items .cpmag-carousel-item.slick-current .card { margin-right: 2px; } } @media (max-width: 1000px) { .hot-section .row .col { width: 100%; } } @media (max-width: 1000px) { .category-section .row .col { width: 100%; } } @media (max-width: 1000px) { .featured-video-carousel #featured-video-wrap { width: 100%; } } @media (max-width: 1000px) { .featured-video-carousel #featured-video-list-wrap { width: 100%; } } @media only screen and (max-width: 560px) { .card.news-medium .card-image { width: 100%; } .card.news-medium .card-desc { position: static; width: 100%; } .card.archive-card .card-desc { height: auto; } } @media (max-width: 600px) { .nav-links { border: 0; } .nav-links .nav-next, .nav-links .nav-previous { width: 100%; text-align: center; border: 1px solid #e2e2e2; } .nav-links .nav-next:before, .nav-links .nav-previous:before { width: 0; background: transparent; } .nav-links .nav-next { border-bottom: 0; } } @media (max-width: 480px) { .comment-body-wrapper .comment-img { position: static; width: 100%; } .comment-body-wrapper .comment-content-wrapper { padding-left: 0; width: 100%; } .cpm-pagination .pagination { width: 100%; } .cpm-pagination .pagination.left { margin-bottom: 0; } .cpm-pagination .pagination.right { margin-top: 0; } .top-header .container { width: 95%; } } /*-------------------------------------------------------------- # Theme Colors --------------------------------------------------------------*/ .top-header, .tabs, .slick-dots li.slick-active button:before, .btn:hover, .btn-large:hover, button:hover, input[type=submit]:hover, .btn-large:hover, button:hover, input[type=submit]:hover, footer.page-footer, .btn, .btn-large, button, input[type=submit], .btn-large, button, input[type=submit], span.badge, .slick-prev, .slick-next, .widget .tagcloud a { background: #37ACC3; } a, nav.main-navigation ul a:hover, nav.main-navigation ul a:focus, .slick-dots li button:before, nav.main-navigation ul li:hover a, nav.main-navigation ul li.active a, .card h2 a:hover, .card h2 a:focus, #nav-search #search_submit, .sec-sidebar .widget a:hover, .sec-sidebar .widget a:focus, footer .widget .tagcloud a:hover, footer .widget .tagcloud a:focus, .nav-links .nav-previous a:hover, .nav-links .nav-previous a:focus, .nav-links .nav-next a:hover, .nav-links .nav-previous a:hover, .author-links a:hover, .author-links a:focus, .card .card-image .card-title, .card .card-gallery .card-title { color: #37ACC3; } .slick-dots li button:before, blockquote, .card .card-quote blockquote { border-color: #37ACC3; } .tabs .indicator, footer.page-footer .footer-copyright, .btn:hover, .btn-large:hover, button:hover, input[type=submit]:hover, .btn-large:hover, button:hover, button:focus, input[type=submit]:hover, nav.main-navigation ul li:hover, nav.main-navigation ul li.active { background: #2A818D; } nav.main-navigation ul li:hover a, nav.main-navigation ul li.active a, nav.main-navigation ul ul.dropdown-content li:hover > a, nav.main-navigation ul ul.dropdown-content li:focus > a, nav.main-navigation ul li:hover #nav-search #search_submit, nav.main-navigation ul li:focus #nav-search #search_submit, nav.main-navigation ul li.active #nav-search #search_submit, .widget .tagcloud a:hover, .widget .tagcloud a:focus { color: #ffffff; } nav.main-navigation ul.side-nav li.active ul li a { color: #37474f; } nav.main-navigation ul.side-nav li.active ul li a:hover { color: #ffffff; } .to-top:before { border-bottom-color: #2A818D; } footer button { background: #ffffff; color: #37ACC3; } footer button:hover, footer button:focus { background: #2A818D; color: #ffffff; } /*-------------------------------------------------------------- # Rtl --------------------------------------------------------------*/ .rtl .widget .search-inline form .search-btn { left: 0; right: auto; } /*# sourceMappingURL=style.css.map */