/* General */ html, body { width: 100%; overflow-x: hidden; } body { background: #eee; color: #777777; font-family: 'Raleway', sans-serif; font-size: 14px; line-height: 1.9; -ms-word-wrap: break-word; word-wrap: break-word; } .entry-content:after { content: ""; display: table; clear: both; } .boxed { max-width: 1220px; } #wrapper { margin: 0px auto; width: 100%; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 700; margin: 0 0 0.5em 0; } p, ul, ol, address, dl { margin-bottom: 1.5em; } ul > li { margin-bottom: 0.5em; } ul > li:last-child { margin-bottom: 0; } .light { color: #999; } .h-list li { display: inline-block; } .text-centered { text-align: center; } .avatar { border-radius: 50%; margin-right: 5px; } caption { color: inherit; } figcaption { margin-bottom: 1.5em; } img { height: auto; vertical-align: middle; } iframe, img { max-width: 100%; } .alignleft { margin-right: 1.5em; margin-bottom: 1.5em; } .alignright { margin-left: 1.5em; margin-bottom: 1.5em; } nav ul, .widget ul { padding: 0; } nav ul li, .widget ul li { list-style-type: none; } /*-------------------------------------------------------------- # Tables --------------------------------------------------------------*/ th, td, thead { padding: 10px; text-align: center; } /*-------------------------------------------------------------- # Forms, Links and Buttons --------------------------------------------------------------*/ a { color: #222222; transition: color 200ms linear; } a:hover, li.current-menu-item a, a.light:hover { color: #1ebaf3; } a:hover, a:focus, a:link, a:visited, li.current-menu-item a { text-decoration: none; outline: none; } .button-link { display: inline-block; } .button-link a, button, .button, html input[type=button], input[type=reset], input[type=submit] { display: inline-block; width: auto; padding: 5px 16px; border: 1px solid #e2e2e2; background: none; transition: color 200ms linear, border-color 200ms linear; } a.button { padding: 5px 16px; } .button-link a:hover, button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { color: #444; } .btn:focus { border: 0px; outline: none; } .btn-primary { border: 0px; background: #1ebaf3; } .btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active { border: 1px solid #1ebaf3; background: #1ebaf3; color: #ffffff; outline: none; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"], input[type="search"], input[type="number"], select, textarea { background: #fafafa; color: #444444; border: 1px solid #e2e2e2; width: 100%; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="number"]:focus, select:focus, textarea:focus { background: #ffffff; color: #444444; border: 1px solid #1ebaf3; } textarea, input { margin-bottom: 20px; padding: 10px; } input, select { height: 2.8em; } textarea { resize: vertical; } textarea:focus, input:focus { border: 1px solid rgba(30, 186, 243, 0.5); } textarea:focus, input:focus, button:focus, select:focus, a:focus { outline: none; } .form-control { border: 1px solid #1ebaf3; box-shadow: none; -webkit-box-shadow: none; } /*-------------------------------------------------------------- # Search Forms --------------------------------------------------------------*/ /* Top search bar */ #top-searchform { position: fixed; top: -200px; width: 100%; z-index: 3000; background: rgba(24, 24, 24, 0.9); text-align: center; opacity: 0; transition: top 300ms ease-in-out, opacity 300ms ease-in-out; } #top-searchform.search-bar-slide-in { top: 0px; height: 100%; opacity: 1; } #close-search:before { content: "\f00d"; font: normal normal normal 30px/1 FontAwesome; } #close-search { display: block; margin-top: 30px; color: #ddd; } #top-searchform form.search-form { padding: 20px; color: #dddddd; } #top-searchform .search-form label { width: 80%; } .search-form input { margin: 0px; padding: 10px 16px; font-size: 16px; background: none; } button.search-submit:before { content: "\f002"; font: normal normal normal 20px/1 FontAwesome; } button.search-submit { border: 0px; margin-left: -70px; } #top-searchform input.search-field:focus { border-bottom-color: #dddddd; } /* Search icon link for showing search form */ .search-form-icon { color: #fff; position: relative; float: left; } .search-item:after, .logo-item:after { border-top: 0 !important; } .search-item { float: right; } .logo-item { float: left; } /*-------------------------------------------------------------- # Site header --------------------------------------------------------------*/ #header-wrapper { position: relative; background-image: none; min-height: 0px; z-index: 1; } #header-wrapper:before { position: absolute; top: 0; left: 0; display: block; background-color: transparent; width: 100%; height: 100%; content: ""; z-index: -1; } #header-wrapper.container { padding: 0; } body:not(.has-front-page-custom-header):not(.brand-has-header-image):not(.logo-inside-header):not(.nav-inside):not(.show-site-title):not(.float-right-nav):not(.float-left-nav) #header-wrapper { height: 0; padding: 0; } #logo-header #logo, #sticky-logo { display: none; } #logo-header #logo-mobile, #sticky-logo #logo-mobile { display: inline-block; } .no-header-text #heading h1.entry-title { display: none; } #logo { transition: width 500ms ease-in-out; } #logo.header-animation { width: 80px; } /*-------------------------------------------------------------- # Sticky menu --------------------------------------------------------------*/ #sticky-nav-wrapper { position: fixed; width: 100%; height: 60px; line-height: 60px; top: -400px; z-index: 200; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11); transition: top 300ms ease-in-out; } #sticky-nav-wrapper .main-nav { display: none; } #sticky-nav-wrapper.container, #sticky-nav-wrapper .main-nav.container { padding: 0; } #sticky-nav-wrapper .menu > li > a { padding: 0 20px; } #sticky-nav-wrapper.sticky-animation { top: 0px; } /*-------------------------------------------------------------- # Main menu --------------------------------------------------------------*/ .float-right-nav #main-nav-wrapper, .float-left-nav #main-nav-wrapper { float: none; } #main-nav-wrapper { position: relative; display: none; height: 60px; line-height: 60px; z-index: 200; } #main-nav-wrapper .main-nav { display: none; } #main-nav-wrapper ul { margin: 0; } #main-nav-wrapper.container, #main-nav-wrapper .main-nav.container { padding: 0; } .float-right-nav #main-nav-wrapper.container, .float-left-nav #main-nav-wrapper.container { width: auto; } nav.main-nav ul li { position: relative; display: inline-block; list-style-type: none; } nav ul > li { margin-bottom: 0; } nav.main-nav a { display: inline-block; padding: 0px 20px; font-size: 14px; color: #eee; vertical-align: bottom; transition: background-color 500ms ease-in-out, color 500ms ease-in-out; } #main-nav-wrapper .menu > li > a, .mobile-nav-bar #mobile-menu-button, .mobile-nav-bar .search-form-icon { padding: 0 20px; } nav.main-nav.header-animation a { line-height: 60px; } /*nav.main-nav ul>li:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width:100%; height:100%; border-top:3px solid $link-hover-color; opacity: 0; transform: scaleX(0) translateY(0); transition: transform 0.5s ease-in-out, opacity 0.5s ease; } */ /*nav.main-nav ul>li:hover:after, nav.main-nav ul>li.current-menu-item:after { opacity: 1; transform: scaleX(1) translateY(0); color: inherit; z-index: -100; }*/ nav.main-nav ul li:hover > a, nav.main-nav ul li.current-menu-item > a, nav.main-nav ul li.current-menu-parent > a, nav.main-nav ul li.current-menu-ancestor > a { background: #444; color: #fff; } nav.main-nav .menu-item-has-children > a:after { content: "\f107"; font: normal normal normal 14px/1 FontAwesome; margin-left: 10px; } .horizontal-main-nav nav.main-nav li ul li.menu-item-has-children > a:after { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); right: 10px; } .horizontal-main-nav nav.main-nav li ul .menu-item-has-children > a:after { content: "\f105"; } .vertical-main-nav #main-nav-wrapper ul li.menu-item-has-children.is-hover > ul, .vertical-main-nav #sticky-nav-wrapper ul li.menu-item-has-children.is-hover > ul { -ms-transform: scaleY(1) translate(0); transform: scaleY(1) translate(0); opacity: 1; display: block; } .vertical-main-nav #main-nav-wrapper .sub-menu li.menu-item-has-children > ul, .vertical-main-nav #sticky-nav-wrapper .sub-menu li.menu-item-has-children > ul { display: none; } .vertical-main-nav #main-nav-wrapper ul.sub-menu li.menu-item-has-children.is-hover > ul, .vertical-main-nav #sticky-nav-wrapper ul.sub-menu li.menu-item-has-children.is-hover > ul { position: relative; } .vertical-main-nav #main-nav-wrapper li ul li.menu-item-has-children > a:after, .vertical-main-nav #sticky-nav-wrapper li ul li.menu-item-has-children > a:after { float: right; -ms-transform: translateY(25%); transform: translateY(25%); } nav.main-nav li ul { position: absolute; min-width: 200px; /*border-top:3px solid $link-hover-color;*/ font-size: 14px; opacity: 0; -ms-transform: scaleY(0) translate(0); transform: scaleY(0) translate(0); transition: opacity 900ms ease, transform 1000ms step-start; z-index: 9999; } .horizontal-main-nav .main-nav li:hover > ul { opacity: 1; -ms-transform: scaleY(1) translate(0); transform: scaleY(1) translate(0); } nav.main-nav li ul li { display: block; line-height: 1.4; } .horizontal-main-nav nav.main-nav li ul li > ul { top: 0px; left: 200px; } nav.main-nav li ul li a { display: inline-block; width: 100%; padding: 15px 20px; background: none; text-align: left; color: #eeeeee; } nav.main-nav li ul li:last-child a { border: 0px; } nav.main-nav li ul li > a:hover, nav.main-nav li ul li.current-menu-item > a, nav.main-nav li ul li.current-menu-parent > a, nav.main-nav li ul li.current-menu-ancestor > a { color: #ffffff; background: #666666; width: 100%; } nav.main-nav li ul li a:after { position: relative; } .main-nav .logo-item a:hover { background-color: transparent; } /*-------------------------------------------------------------- # Mobile menu --------------------------------------------------------------*/ .mobile-nav-bar { text-align: center; position: relative; display: block; height: 60px; line-height: 60px; z-index: 200; } #sticky-nav-wrapper.sticky-animation .mobile-nav-bar { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11); } .mobile-nav-bar.container { padding: 0; } .mobile-nav-bar a[rel=home] { position: absolute; top: 50%; left: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } #mobile-menu-button { float: right; } .mobile-nav-bar i { vertical-align: middle; font-size: 16px; } #mobile-menu-wrapper { position: fixed; top: 0; right: -100%; z-index: 9999; padding-top: 60px; width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; background: #fff; box-shadow: -1px 0 3px rgba(0, 0, 0, 0.11); } #mobile-menu-wrapper .logo-item, #mobile-menu-wrapper .search-item { display: none; } @media (min-width: 400px) { #mobile-menu-wrapper { width: 360px; } } #back-button { position: absolute; top: 20px; left: 40px; opacity: 0; transition: opacity 300ms ease-out; } a#back-button:before { content: "\f060"; font: normal normal normal 18px/1 FontAwesome; padding-right: 5px; } #mobile-menu-close-button { position: absolute; top: 20px; right: 40px; } #mobile-menu-close-button:after { content: "\f00d"; font: normal normal normal 18px/1 FontAwesome; } #mobile-menu-wrapper li.menu-item-has-children a:after { content: "\f105"; font: normal normal normal 25px/1 FontAwesome; position: absolute; left: 90%; } #mobile-menu-wrapper li a { display: inline-block; width: 100%; padding: 5px 40px; line-height: 26px; } #mobile-menu-wrapper .menu { position: absolute; width: 100%; opacity: 1; transition: opacity 300ms ease-out; /*transition: right 300ms ease;*/ } #mobile-menu-wrapper .sub-menu { display: none; } #cloned-nav { position: absolute; width: 100%; opacity: 0; transition: opacity 300ms ease-out; /*transition: right 300ms ease; */ } #mobile-menu-wrapper .hide-nav { right: -360px !important; opacity: 0 !important; } #mobile-menu-wrapper .show-nav { opacity: 1 !important; } /*-------------------------------------------------------------- # Site heading --------------------------------------------------------------*/ #heading { position: relative; background: transparent; z-index: 100; } .logo-inside-header #heading, .float-right-nav #heading, .float-left-nav #heading, .show-site-title #heading { padding: 20px; } #heading > :not(:last-child) { margin-bottom: 2%; } #heading h1 { margin: 0; font-size: 36px; } #heading h1 a, #heading h1 a:link, #heading h1 a:visited, #heading h1 a:focus { color: #fff; } #heading .entry-header { padding: 0px; } #heading .site-description { margin: 0; font-size: 20px; } .breadcrumb { padding: 0px; background: #353435 none; } .breadcrumb a { color: #1ebaf3; } .breadcrumb a:hover { text-decoration: underline; } /*-------------------------------------------------------------- # Site content --------------------------------------------------------------*/ #content { margin-top: 20px; margin-bottom: 20px; } .one-block #primary { position: relative; padding: 40px 60px; z-index: 0; } #primary .col-md-3 { margin-bottom: 30px; } #primary .col-md-3:last-child { margin-bottom: 0px; } #primary .thumbnail { padding: 0px; border: 0px; border-radius: 0; overflow: hidden; } #primary a.thumbnail img { width: 100%; transition: all 500ms ease; } #primary a.thumbnail:hover img { -ms-transform: scale(1.1); transform: scale(1.1); } .main-title { margin: 0 auto; background-color: #fff; border: 0px; } .main-title > :not(:last-child) { margin-bottom: 1%; } .main-title > last-child { margin-bottom: 0; } .main-title-inner { padding: 20px 40px; } .main-title-inner > :not(:last-child) { margin-bottom: 0.5%; } .main-title-inner > :last-child { margin-bottom: 0; } .main-title, .main-title.container { padding: 0; } #content > .page-header-featured { margin: 0px auto; background: #fff; margin-bottom: 20px; } .separated-blocks #primary-content > .page-header-featured { padding: 20px 20px 0 20px; background: #fff; } .separated-blocks.use-sections #primary-content > .page-header-featured { padding: 20px; } .separated-blocks article:before, .one-block #primary:before { position: absolute; top: 0; left: 0; display: block; background-color: transparent; width: 100%; height: 100%; top: 0; left: 0; content: ""; z-index: -1; } article, .comments-area, #pagination, .page-content, .posts-navigation { position: relative; margin-bottom: 20px; z-index: 0; } .separated-blocks article.no-padding, .one-block article.no-padding { padding: 0; } .separated-blocks article, .separated-blocks .brand-post-text-wrapper, .separated-blocks .comments-area, .separated-blocks .page-content { padding: 40px; } .one-block article, .one-block .brand-post-text-wrapper, .one-block .comments-area, .one-block .page-content { padding: 20px 0; } .entry-header h1, .entry-header h3, .main-title .entry-meta { margin: 0; } .home article.format-video > .entry-content, .archive article.format-video > .entry-content, .blog article.format-video > .entry-content { margin-bottom: 20px; } a + .entry-content { margin-top: 20px; } .entry-content > :last-child { margin-bottom: 0; } .entry-content + footer.entry-footer > :first-child { display: block; margin-top: 1.5em; } .separated-blocks article, .separated-blocks .comments-area, .separated-blocks .page-content { background: #fff; } .entry-meta { margin: 0px 0px 20px 0px; border-color: rgba(214, 214, 214, 0.8); list-style-type: none; } .entry-footer:last-child { margin: 0px; } .entry-meta li { display: inline-block; margin: 0px 15px 0px 0px; padding: 5px 0px; line-height: 22px; } .entry-meta li:last-child { margin-right: 0px; } .entry-meta li i { vertical-align: middle; } .entry-meta span { font-size: 12px; } .entry-meta i { margin-right: 5px; } .entry-meta.entry-footer span { display: block; } .read-more { float: right; } .read-more { font-size: 14px; padding-left: 5px; } .posts-navigation, #pagination { text-align: center; } #btn_newer, #btn_holder, .nav-links .nav-previous, .nav-links .nav-next { display: inline-block; } #btn_newer + #btn_holder, .nav-links .nav-previous + .nav-next { margin-left: 5px; } #btn_newer a, #btn_holder a, .nav-links .nav-previous a, .nav-links .nav-next a { padding: 8px 16px; } .entry-footer { clear: both; } .entry-video iframe { width: 100%; } .no-sidebar.page-template-full-width #primary { max-width: 100%; } .no-sidebar.page-template-full-width #primary, .page-template-full-width #primary article { padding: 0; } .page-template-full-width #primary article { background-color: transparent; } .page-template-full-width.no-sidebar #content { margin-top: 0; margin-bottom: 0; } .page-template-full-width.no-sidebar #primary article { margin: 0px 20px; } /*-------------------------------------------------------------- # Post list for page-template-post-masonry and masonry gallery --------------------------------------------------------------*/ .page-template-blog-masonry #primary article.masonry, .page-template-blog-masonry-full-width #primary article.masonry { width: 48%; background: #fff; padding: 0; margin: 0 0 2% 0; float: left; } .page-template-blog-masonry .grid-masonry:after, .page-template-blog-masonry-full-width .grid-masonry:after { content: ''; display: block; clear: both; } .page-template-blog-masonry #primary article.masonry .entry-header, .page-template-blog-masonry #primary article.masonry .entry-content, .page-template-blog-masonry #primary article.masonry .entry-meta, .page-template-blog-masonry-full-width #primary article.masonry .entry-header, .page-template-blog-masonry-full-width #primary article.masonry .entry-content, .page-template-blog-masonry-full-width #primary article.masonry .entry-meta { padding: 0px 20px; } .page-template-blog-masonry .grid-sizer, .page-template-blog-masonry-full-width .grid-sizer { width: 48%; } .page-template-blog-masonry .grid-gutter, .page-template-blog-masonry-full-width .grid-gutter { width: 2%; } .maxsdesign-masonry-gallery .gallery-item { width: 48%; background: #fff; padding: 0; margin: 0 0 2% 0; float: left; } .maxsdesign-masonry-gallery:after { content: ''; display: block; clear: both; } .grid-sizer { width: 48%; } .grid-gutter { width: 2%; } .maxsdesign-masonry-gallery .gallery-item img { width: 100%; height: 100%; } /*-------------------------------------------------------------- # Default gallery --------------------------------------------------------------*/ .gallery { margin-bottom: 30px; } .gallery-item { display: inline-block; vertical-align: top; padding: 0 1%; margin-bottom: 1%; text-align: center; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.3%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6%; } .gallery-columns-7 .gallery-item { width: 14.28%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1%; } /*-------------------------------------------------------------- # Sidebar --------------------------------------------------------------*/ .left-third-sidebar #secondary-content, .left-fourth-sidebar #secondary-content { clear: both; } @media (max-width: 992px) { .right-sidebar #primary-content, .left-sidebar #primary-content, .right-sidebar #secondary-content, .left-sidebar #secondary-content { width: 100% !important; } } .no-sidebar #secondary-content { display: none; } .no-sidebar #primary-content, .right-sidebar #primary-content, .left-sidebar #primary-content { position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px; padding: 0; } @media (min-width: 992px) { .no-sidebar #primary-content, .right-sidebar #primary-content, .left-sidebar #primary-content { float: left; width: 100%; } } .right-sidebar #secondary-content, .left-sidebar #secondary-content { position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px; padding: 0; } @media (min-width: 992px) { .right-sidebar #secondary-content, .left-sidebar #secondary-content { float: left; width: 100%; } } .widget-area .search-form { position: relative; } .widget-area .search-form label { width: 100%; margin-bottom: 0; } #secondary-content .widget-area section { position: relative; margin-bottom: 20px; background: #fff; padding: 20px; z-index: 0; } #secondary-content .widget-area section:before { position: absolute; top: 0; left: 0; display: block; background-color: transparent; width: 100%; height: 100%; top: 0; left: 0; content: ""; z-index: -1; } .widget-area section > :last-child { margin-bottom: 0; } .widget_search .search-submit { position: absolute; top: 5px; right: 0px; } .widget_recent_entries .post-date { display: block; line-height: 1.2; } .widget.widget_calendar table { width: 100%; } .widget.widget_calendar td, .widget.widget_calendar th, .widget.widget_calendar thead { padding: 2%; text-align: left; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ #footer { position: relative; z-index: 0; background: #ffffff; } footer.container, .site-info.container { padding: 0; } #footer:before { position: absolute; top: 0; left: 0; display: block; background-color: transparent; width: 100%; height: 100%; top: 0; left: 0; content: ""; z-index: -1; } /*-------------------------------------------------------------- # Footer widget --------------------------------------------------------------*/ #footer .widget-area { padding: 20px; } #footer .footer-widget-wrapper { padding: 0; } /*-------------------------------------------------------------- # Site info --------------------------------------------------------------*/ .site-info { background: #000; color: #fff; text-align: center; } .site-info .container { padding: 40px; } .site-info a { color: #ffffff; } .site-info p { margin: 0; } /*-------------------------------------------------------------- # Comments --------------------------------------------------------------*/ #comments .comments-title { margin-bottom: 30px; } #comments ul.comment-list { padding-left: 100px; list-style-type: none; } .comment-list .children > li { list-style-type: none; } .comment-meta { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(119, 119, 119, 0.2); } .comment-author.vcard { position: relative; color: #222222; } .comment-author.vcard img { position: absolute; left: -100px; border-radius: 40px; } .comment-author.vcard .fn { font-weight: normal; } .comment-author.vcard .says { font-style: italic; font-weight: 300; } .comment-metadata a { font-weight: 300; } .comment-list .reply a:before { padding-right: 10px; content: "\f112"; font: normal normal normal 18px/1 FontAwesome; } .comment-reply-link { color: #999; font-size: 14px; } @media (max-width: 400px) { #comments ul.comment-list, .comment-list .children { padding-left: 0; } .comment-author.vcard img { position: relative; left: 0px; width: 40px; } } /*-------------------------------------------------------------- # 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:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Flexslider --------------------------------------------------------------*/ /* /* Avoid cutting arrow in Flexslider */ .flexslider .flex-direction-nav a { overflow: visible; } /* ============================================== Menu IN and OUT ============================================== */ #mobile-menu-wrapper.menuIn { right: 0px; animation-name: menuIn; -webkit-animation-name: menuIn; animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes menuIn { from { right: -100%; } to { right: 0px; } } #mobile-menu-wrapper.menuOut { right: -100%; animation-name: menuOut; -webkit-animation-name: menuOut; animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes menuOut { from { right: 0px; } to { right: -100%; } } @media (min-width: 992px) { /*-------------------------------------------------------------- # Site header --------------------------------------------------------------*/ .show-header-image #header-wrapper { background-attachment: fixed; } #heading { display: block; } #heading h1 { margin: 0px; font-size: 42px; } #heading ul.entry-meta li { float: right; margin: 0px; } .float-right-nav #heading > :not(:last-child), .float-left-nav #heading > :not(:last-child) { margin: 0; } .float-right-nav #site-title { float: left; } .float-left-nav #site-title { float: right; } .float-left-nav #logo-header, .float-left-nav #sticky-logo { float: right; } .float-right-nav #logo-header, #sticky-logo { float: left; } .float-right-nav #logo-header, .float-left-nav #logo-header, .logo-inside-header #sticky-logo { display: block; } #logo-header #logo-mobile, #sticky-logo #logo-mobile { display: none; } #logo-header #logo { display: inline-block; } #main-nav-wrapper { display: block; } .float-right-nav #main-nav-wrapper, .logo-inside-header #sticky-nav-wrapper .main-nav { float: right; } .float-left-nav #main-nav-wrapper, .logo-inside-header.float-left-nav #sticky-nav-wrapper .main-nav { float: left; } .mobile-nav-bar { display: none; } #sticky-nav-wrapper .main-nav, #main-nav-wrapper .main-nav { display: block; } #top-searchform .search-form label { width: 50%; } /*-------------------------------------------------------------- # Sidebar --------------------------------------------------------------*/ .right-sidebar #secondary-content, .left-sidebar #secondary-content { width: 24%; padding: 0; } .right-sidebar #primary-content, .left-sidebar #primary-content { position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px; padding: 0; } } @media (min-width: 992px) and (min-width: 992px) { .right-sidebar #primary-content, .left-sidebar #primary-content { float: left; width: 75%; } } @media (min-width: 992px) { .no-sidebar #primary-content { position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px; padding: 0; } } @media (min-width: 992px) and (min-width: 992px) { .no-sidebar #primary-content { float: left; width: 100%; } } @media (min-width: 992px) { .left-sidebar #primary-content { float: right; } .left-sidebar #secondary-content { clear: none; } .right-sidebar #secondary-content { float: right; } } @media (min-width: 1200px) { /*-------------------------------------------------------------- # Site header --------------------------------------------------------------*/ .site-branding { text-align: left; } .search-form-icon { position: absolute; right: 0px; top: 0; } /*-------------------------------------------------------------- # Site content --------------------------------------------------------------*/ } /*# sourceMappingURL=brand.css.map */