/*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # Mixins --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto; color: #21759b; display: block; font-size: 22.4px; font-size: 1.4rem; 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. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Clearing --------------------------------------------------------------*/ .comment-content:before, .comment-content:after, .entry-content:before, .entry-content:after, .clearfix:before, .clearfix:after { content: ""; display: table; table-layout: fixed; } .comment-content:after, .entry-content:after, .clearfix:after { clear: both; } /*-------------------------------------------------------------- # Bootstrap-grid --------------------------------------------------------------*/ /*! * Bootstrap Grid v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .d-none { display: none !important; } .d-block { display: block !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; font-size: 10px; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } blockquote, q { quotes: "" ""; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ object-fit: cover; vertical-align: middle; border-style: none; } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } blockquote, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.2; clear: both; } h1, .h1 { font-size: 57.6px; font-size: 3.6rem; } h2, .h2 { font-size: 48px; font-size: 3rem; } h3, .h3 { font-size: 38.4px; font-size: 2.4rem; } h4, .h4 { font-size: 28.8px; font-size: 1.8rem; } h5, .h5 { font-size: 19.2px; font-size: 1.2rem; } h6, .h6 { font-size: 16px; font-size: 1rem; text-transform: uppercase; } body, button, input, select, textarea { font: normal normal normal 14px/1.8 sans-serif; text-align: left; color: #111; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-size: 24px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } abbr, acronym { border-bottom: 1px dotted #dedede; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # List --------------------------------------------------------------*/ ul, ol { margin: 0 0 1.5em; padding-left: 1.5em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 0; padding-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } /*-------------------------------------------------------------- # Table --------------------------------------------------------------*/ table { margin: 0 0 1.5em; width: 100%; } td, th, caption { border: 1px solid #dedede; padding: 8px 1.5em; } td a, th a, caption a { color: var(--main-color); } td a:hover, th a:hover, caption a:hover { color: var(--main-color); } td, th { text-align: center; } /*-------------------------------------------------------------- # Button --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-radius: 0; background: #111; color: #fff; font-size: 19.2px; font-size: 1.2rem; line-height: 1; padding: 1.5rem 2rem; transition: .3s; cursor: pointer; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: var(--main-color); } /*-------------------------------------------------------------- # Fields --------------------------------------------------------------*/ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #dedede; border-radius: 0; padding: 8px 10px 7px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } input[type="search"] { -webkit-appearance: textfield; } select { border: 1px solid #dedede; padding: 10px 5px; width: 100%; } textarea { width: 100%; } /*-------------------------------------------------------------- # Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- # 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%; } /*-------------------------------------------------------------- # Links --------------------------------------------------------------*/ a { color: var(--main-color); text-decoration: none; transition: all .3s; } a:visited { text-decoration: none; color: inherit; } a:hover { color: var(--main-color); text-decoration: none; } a:active { text-decoration: none; color: inherit; } a:focus { text-decoration: none; color: inherit; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft, a img.alignleft, .wp-block-image .alignleft { display: inline; float: left; margin: 4px 30px 20px 0; } .alignright, a img.alignright, .wp-block-image .alignright { display: inline; float: right; margin: 4px 0 20px 30px; } .aligncenter, div.aligncenter { display: block; clear: both; margin: 40px auto; } .entry-content img.alignleft, .entry-content img.alignright { margin-top: 4px; } /*-------------------------------------------------------------- # captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- # galleries --------------------------------------------------------------*/ .gallery { margin: -20px -10px 1.5em; } .gallery a:hover { opacity: 1; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 50%; padding: 20px 10px 0; } .gallery-item img { width: 100%; } @media (min-width: 576px) { .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; } /*-------------------------------------------------------------- # components --------------------------------------------------------------*/ /* widgets */ /*-------------------------------------------------------------- # search-form --------------------------------------------------------------*/ .widget_search .search-form { position: relative; margin: 30px 0; } .widget_search .search-form input[type="text"] { width: 100%; padding: 12px 50px 12px 22px; border-radius: 100px; font-size: 22.4px; font-size: 1.4rem; color: #888888; } .widget_search .search-form input[type="text"]::-webkit-input-placeholder { color: #888888; } .widget_search .search-form input[type="text"]::-moz-placeholder { color: #888888; opacity: 1; } .widget_search .search-form input[type="text"]:-ms-input-placeholder { color: #888888; } .widget_search .search-form .search-submit { position: absolute; right: 10px; bottom: 9px; background: none; border: none; font-size: 14px; color: #666666; } .widget_search .search-form .search-submit:focus { outline: none; } .widget_search .search-form .search-submit:hover { color: var(--main-color); } /*-------------------------------------------------------------- # tag-cloud --------------------------------------------------------------*/ .tagcloud { margin: 30px 0; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .tagcloud a { display: block; line-height: 1; font-weight: 500; padding: 9px 14px; margin: 0 7px 7px 0; color: #555555; text-decoration: none; border: 1px solid #e2e2e2; } .tagcloud a:hover { background-color: var(--main-color); color: #fff; border: 1px solid var(--main-color); } /* modules */ /*-------------------------------------------------------------- # searchform-modal --------------------------------------------------------------*/ .searchform-modal { /* header search */ } .searchform-modal .search-form { display: -ms-flexbox; display: flex; position: relative; } .searchform-modal .search-form label { width: 100%; } .searchform-modal .search-form input { border-color: #eee; } .searchform-modal .search-form button { position: absolute; right: 0; bottom: 0; top: 0; padding: 8.5px 15px; border: 1px solid #1788de; font-size: 25.6px; font-size: 1.6rem; } .searchform-modal .search-form button:hover { background: #eee; border: 1px solid #eee; } .searchform-modal .search-popup { position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 9999; opacity: 0; filter: alpha(opacity=0); visibility: hidden; overflow: hidden; background: rgba(0, 0, 0, 0.8); margin: 0; width: 100%; height: 100%; transform: scale(0.2, 0.2); transition: all 0.25s cubic-bezier(0.4, 0, 1, 1); } .searchform-modal .search-popup .search-popup-bg { width: 100%; height: 100%; position: absolute; cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==), progress; } .searchform-modal .search-popup .search-form { max-width: 100%; width: 600px; position: absolute; z-index: 10; margin: auto; top: 0; right: 0; left: 0; bottom: 0; height: 55px; } .searchform-modal .search-popup .search-form .search-field { width: 100%; border-radius: 0; border: 0; height: 55px; margin: 0; padding-left: 20px; padding-right: 70px; background: #fff; color: #999; font-size: 15px; font-style: italic; } .searchform-modal .search-popup .search-form .search-submit { height: 55px; width: 55px; position: absolute; right: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; background: blue; color: #fff; } .searchform-modal .search-popup .search-form .search-submit:hover { background: #0083d4; border: none; color: #fff; opacity: .8; } .searchform-modal .search-popup .search-form .search-submit i { color: #fff; font-size: 32px; font-size: 2rem; } @media (max-width: 767px) { .searchform-modal .search-popup .search-form > label { margin: 0 20px; } .searchform-modal .search-popup .search-form .search-submit { margin-right: 20px; } } .searchform-modal.gt-search-active .search-popup { opacity: 1; filter: alpha(opacity=100); visibility: visible; transform: scale(1, 1); } /*-------------------------------------------------------------- # header-menu --------------------------------------------------------------*/ .main-navigation { z-index: 2; -ms-flex: 1; flex: 1; } .main-navigation ul:not(.children) > li > a { padding: 12px 14px; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation ul ul { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: 24px; opacity: 0; visibility: hidden; transform: translateY(10px); z-index: 99999; transition: all .3s; background: #fff; } .main-navigation ul ul ul { top: 0; left: 100%; } .main-navigation ul ul li { border-bottom: solid 1px #f1f1f1; } .main-navigation ul ul li:last-child { border-bottom: none; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation ul ul > li { padding: 0; } .main-navigation ul ul a { width: 220px; padding: 10px; line-height: 1.5; font-size: 13px; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { opacity: 1; visibility: visible; transform: translateY(0); } .main-navigation ul > a { padding: 12px 24px; } .main-navigation li { float: left; position: relative; } .main-navigation li.menu-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after { content: "\f107"; padding-left: 7px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .main-navigation li li.menu-item-has-children > a:after, .main-navigation li li.page_item_has_children > a:after { content: "\f105"; padding-right: 10px; position: absolute; right: 0; top: 37%; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .main-navigation a { display: block; text-decoration: none; font-weight: bold; line-height: 2.58; color: #111; text-transform: uppercase; font-size: 14px; } .main-navigation a:hover { color: #f06560; } /* CSS only Firefox */ @-moz-document url-prefix() { .main-navigation li li.menu-item-has-children > a::after, .main-navigation li li.page_item_has_children > a::after { top: 14px; } } /* Small menu. */ @media screen and (min-width: 1023px) { .main-navigation ul { display: block; } } @media (max-width: 1023px) { .main-navigation.main-navigation ul { display: none; } } /*-------------------------------------------------------------- # nav-menu --------------------------------------------------------------*/ .dropdown-widget-navmenu .widget_nav_menu .menu { padding: 0; margin: 15px 0 30px; list-style-type: none; } .dropdown-widget-navmenu .widget_nav_menu .menu li { position: relative; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; } .dropdown-widget-navmenu .widget_nav_menu .menu li .dropToggle.is-toggled:before { content: '\f106'; } .dropdown-widget-navmenu .widget_nav_menu .menu .fa-angle-down, .dropdown-widget-navmenu .widget_nav_menu .menu .fa-angle-up { position: relative; color: #000; top: 2px; right: 0; cursor: pointer; padding: 10px 0 10px 7px; transition: all 0.3s ease; z-index: 99; } .dropdown-widget-navmenu .widget_nav_menu .menu .sub-menu li.menu-item-has-children > a:after, .dropdown-widget-navmenu .widget_nav_menu .menu .sub-menu li.page-item-has-children > a:after, .dropdown-widget-navmenu .widget_nav_menu .menu ul.children li.menu-item-has-children > a:after, .dropdown-widget-navmenu .widget_nav_menu .menu ul.children li.page-item-has-children > a:after { display: none; } .dropdown-widget-navmenu .widget_nav_menu .menu .sub-menu li.menu-item-has-children .dropToggle, .dropdown-widget-navmenu .widget_nav_menu .menu .sub-menu li.page-item-has-children .dropToggle, .dropdown-widget-navmenu .widget_nav_menu .menu ul.children li.menu-item-has-children .dropToggle, .dropdown-widget-navmenu .widget_nav_menu .menu ul.children li.page-item-has-children .dropToggle { padding: 0 7px; top: 6px; } .dropdown-widget-navmenu .widget_nav_menu .menu .sub-menu { display: none; } .dropdown-widget-navmenu .widget_nav_menu .menu .sub-menu.sub-menu { transition: opacity 1s ease-out; opacity: 1; overflow: hidden; position: relative; visibility: visible; width: 100%; margin-bottom: 20px; margin-left: 0; padding-left: 0; } .dropdown-widget-navmenu .widget_nav_menu .menu .sub-menu.sub-menu ul { right: 0; transform: translateY(0px); } .dropdown-widget-navmenu .widget_nav_menu .menu .sub-menu.sub-menu li { margin-top: 5px; opacity: 1; transform: translateY(0); } .dropdown-widget-navmenu .widget_nav_menu .menu .sub-menu.sub-menu a { margin-right: 0; padding: 0; width: inherit; text-transform: none; } .dropdown-widget-navmenu .widget_nav_menu .menu .sub-menu.sub-menu .menu-item-has-children { margin-left: 15px; } .dropdown-widget-navmenu .widget_nav_menu .menu li.current-menu-item > a, .dropdown-widget-navmenu .widget_nav_menu .menu li.current-page-item > a { color: #8b8b8b; } .dropdown-widget-navmenu .widget_nav_menu .menu a { display: block; padding: 6px 0; font-size: 19.2px; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 0.1em; color: #111; position: relative; } .dropdown-widget-navmenu .widget_nav_menu .menu a:hover { color: #1788de; } /*-------------------------------------------------------------- # slideout-sidebar --------------------------------------------------------------*/ .admin-bar .slideout-sidebar { padding-top: 33px; } .slideout-sidebar { width: 384px; overflow: hidden; max-width: 100%; transform: translate3d(100%, 0, 0); transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1); background: #2e3031; position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; overflow-y: auto; visibility: hidden; } .slideout-sidebar::-webkit-scrollbar { width: 0; } .slideout-sidebar .tp_recent_tweets li { padding-bottom: 10px; } .slideout-sidebar .widget_recent_entries li { margin-bottom: 10px; line-height: 1.5; } .slideout-sidebar .widget_recent_entries span { display: block; font-size: 19.2px; font-size: 1.2rem; } .slideout-sidebar .widget_recent_entries a { font-size: 20.8px; font-size: 1.3rem; font-weight: 600; } .slideout-sidebar .widget_categories li, .slideout-sidebar .widget_archive li { font-size: 20.8px; font-size: 1.3rem; } .slideout-sidebar .widget_categories li a, .slideout-sidebar .widget_archive li a { font-size: 20.8px; font-size: 1.3rem; font-weight: 600; } .slideout-sidebar .hamburger-title { font-size: 20.8px; font-size: 1.3rem; text-transform: uppercase; font-weight: 500; margin-bottom: 25px; color: #fff; text-align: center; display: block; position: relative; padding-bottom: 8px; } .slideout-sidebar .hamburger-title:before { content: ''; width: 30px; left: 50%; bottom: 0; border-top: 1px solid; opacity: 0.4; position: absolute; margin-left: -15px; display: block; } .slideout-sidebar .hamburger-title span { font-weight: inherit; } .slideout-sidebar .widget { margin: 0 0 30px; word-break: break-all; color: #b3b3b3; } .slideout-sidebar .widget select { max-width: 100%; max-width: 100%; background: none; border-color: #555; width: 100%; color: #fff; padding: 3px 8px; } .slideout-sidebar .widget ul { margin: 0; padding: 0; list-style: none; } .slideout-sidebar .widget a { color: #dcdcdc; } .slideout-sidebar .widget a:hover { color: #33cc77; } .slideout-sidebar .categories-slider .slick-dots li.slick-active button:before { background: #fff; } .slideout-sidebar .widget-title { font-size: 20.8px; font-size: 1.3rem; text-transform: uppercase; letter-spacing: 0.1em; } .slideout-sidebar #wp-calendar#wp-calendar thead { border-color: #555; color: #fff; } .slideout-sidebar #wp-calendar#wp-calendar tbody td { border-color: #555; color: #fff; } .slideout-sidebar #wp-calendar#wp-calendar caption { color: #fff; } .slideout-sidebar-enabel .site:before { content: ''; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); content: ''; opacity: 0; z-index: 0; transition: all .3s; transition-delay: .3s; visibility: hidden; } .slideout-sidebar-enabel .menu-toggle { position: relative; z-index: 2; background: transparent; border: none; } .slideout-sidebar-enabel .menu-toggle:before { content: ""; position: absolute; left: 18px; width: 24px; height: 15px; display: block; border-top: 9px double #111; border-bottom: 3px solid #111; transition: all .5s; } .slideout-sidebar-open .slideout-sidebar { transform: translate3d(0, 0, 0); visibility: visible; } .slideout-sidebar-open .site:before { width: 100%; height: 100%; opacity: 1; transition: opacity 0.5s; z-index: 999; visibility: visible; } .slideout-sidebar__header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 55px; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.11); } @media (max-width: 374px) { .slideout-sidebar__header { padding: 20px 25px; } } .slideout-sidebar__header .header__site-title { font-weight: bold; font-size: 38.4px; font-size: 2.4rem; letter-spacing: 0.15em; color: #fff; } .slideout-sidebar__header .header__close { font-size: 28.8px; font-size: 1.8rem; letter-spacing: 0.1em; color: #afb0b2; padding: 5px 0 5px 5px; cursor: pointer; } .slideout-sidebar__body { padding: 40px 55px; } .slideout-sidebar__body .add-widget-link { display: block; text-align: center; text-transform: uppercase; } .slideout-sidebar__body .add-widget-link:hover { text-decoration: underline; } .slideout-sidebar__body .widget_nav_menu .menu { padding: 0; margin: 0 0 53px 0; list-style-type: none; } .slideout-sidebar__body .widget_nav_menu .menu li { position: relative; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -ms-flex-pack: left; justify-content: left; } .slideout-sidebar__body .widget_nav_menu .menu li .dropToggle.is-toggled:before { content: '\eaa1'; } .slideout-sidebar__body .widget_nav_menu .menu > li { border-bottom: 1px solid #393939; } .slideout-sidebar__body .widget_nav_menu .menu > li > .sub-menu.sub-menu { margin-bottom: 24px; } .slideout-sidebar__body .widget_nav_menu .menu > li > .sub-menu.sub-menu > li:last-child { padding-bottom: 15px; } .slideout-sidebar__body .widget_nav_menu .menu .icofont-rounded-down, .slideout-sidebar__body .widget_nav_menu .menu .icofont-rounded-up { position: absolute; color: #000; top: 0; right: 0; cursor: pointer; padding: 15px 0 15px 15px; transition: all 0.3s ease; z-index: 99; } .slideout-sidebar__body .widget_nav_menu .menu .sub-menu .icofont-rounded-down, .slideout-sidebar__body .widget_nav_menu .menu .sub-menu .icofont-rounded-up { right: -10px; } .slideout-sidebar__body .widget_nav_menu .menu .sub-menu li.menu-item-has-children > a:after, .slideout-sidebar__body .widget_nav_menu .menu .sub-menu li.page-item-has-children > a:after, .slideout-sidebar__body .widget_nav_menu .menu ul.children li.menu-item-has-children > a:after, .slideout-sidebar__body .widget_nav_menu .menu ul.children li.page-item-has-children > a:after { display: none; } .slideout-sidebar__body .widget_nav_menu .menu .sub-menu li.menu-item-has-children .dropToggle, .slideout-sidebar__body .widget_nav_menu .menu .sub-menu li.page-item-has-children .dropToggle, .slideout-sidebar__body .widget_nav_menu .menu ul.children li.menu-item-has-children .dropToggle, .slideout-sidebar__body .widget_nav_menu .menu ul.children li.page-item-has-children .dropToggle { padding: 0 10px; top: 8px; } .slideout-sidebar__body .widget_nav_menu .menu .sub-menu { display: none; } .slideout-sidebar__body .widget_nav_menu .menu .sub-menu.sub-menu { transition: opacity 1s ease-out; opacity: 1; overflow: hidden; position: relative; visibility: visible; background: #2e3031; width: 100%; } .slideout-sidebar__body .widget_nav_menu .menu .sub-menu.sub-menu .menu-item-has-children { margin-left: 0; margin-top: 0; } .slideout-sidebar__body .widget_nav_menu .menu .sub-menu.sub-menu ul { margin-left: 20px; margin-top: 10px; left: 0; transform: translateY(0px); } @media (max-width: 575px) { .slideout-sidebar__body .widget_nav_menu .menu .sub-menu.sub-menu ul { margin-left: 15px; } } .slideout-sidebar__body .widget_nav_menu .menu .sub-menu.sub-menu li { margin-top: 0; opacity: 1; padding: 3px 0; transform: translateY(0); } .slideout-sidebar__body .widget_nav_menu .menu .sub-menu.sub-menu li:last-child { padding-bottom: 0; padding-top: 5px; } .slideout-sidebar__body .widget_nav_menu .menu .sub-menu.sub-menu a { margin-right: 0; padding: 0; width: inherit; text-transform: none; } .slideout-sidebar__body .widget_nav_menu .menu .sub-menu.sub-menu .menu-item-has-children { padding: 5px 0; } .slideout-sidebar__body .widget_nav_menu .menu li.current-menu-item > a, .slideout-sidebar__body .widget_nav_menu .menu li.current-page-item > a { color: #8b8b8b; } .slideout-sidebar__body .widget_nav_menu .menu a { display: block; padding: 13px 0; font-size: 19.2px; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 0.1em; color: #fff; position: relative; } .slideout-sidebar__body .widget_nav_menu .menu a:hover { color: var(--main-color); } .slideout-sidebar__body .jr-insta-thumb ul.thumbnails { margin-left: -10px; } .slideout-sidebar__body .jr-insta-thumb ul.thumbnails.jr_col_3 li { width: calc( 33.33% - 10px) !important; margin: 0 0 10px 10px; } .slideout-sidebar__body .jr-insta-slider { margin-bottom: 47px; } .slideout-sidebar__body .widget_wpcom_social_media_icons_widget { text-align: center; margin-bottom: 98px; } .slideout-sidebar__body .widget_wpcom_social_media_icons_widget ul { margin: 0; padding: 0; } .slideout-sidebar__body .widget_wpcom_social_media_icons_widget li + li { margin-left: 20px; } .slideout-sidebar__body .widget_wpcom_social_media_icons_widget a { color: #7f7f7f; font-size: 22.4px; font-size: 1.4rem; } .slideout-sidebar__body .widget_wpcom_social_media_icons_widget a:hover { color: #1788de; } .slideout-sidebar__footer { text-align: center; padding-bottom: 32px; } @media (min-width: 1024px) { #mobile-navigation { display: none; } }