/* jQuery.mmenu CSS */ /* jQuery.mmenu panels CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .mm-menu .mm-hidden { display: none; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; -webkit-transform: translateX(100%); transform: translateX(100%); } .mm-menu > .mm-panel.mm-opened { -webkit-transform: translateX(0%); transform: translateX(0%); } .mm-menu > .mm-panel.mm-subopened { -webkit-transform: translateX(-30%); transform: translateX(-30%); } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding-bottom: 40px; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 14px; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 25px; font-size:15px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.047); display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 0px; position: relative; left: auto; } .mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 45px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.047); } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 44px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after { font-family: 'Font Awesome 5 Free'; content: "\f054"; font-size: 12px; font-weight: 900; line-height: 45px; display: block; position: absolute; top: 0%; } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 16px; right: 16px; } .mm-menu.mm-vertical .mm-list > li.mm-opened.mm-label > a.mm-subopen { height: 25px; } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu { } .mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-opened .mm-page { box-sizing: border-box; position: relative; } 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-page, html.mm-opening #mm-blocker { -webkit-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-page, html.mm-opening #mm-blocker { -webkit-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-page, html.mm-opening #mm-blocker { -webkit-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu buttonbars addon CSS */ .mm-buttonbar { border: 1px solid transparent; border-radius: 5px; text-align: center; line-height: 20px; overflow: hidden; display: block; padding: 0; margin: 0; position: relative; } .mm-buttonbar:after { content: ''; display: block; clear: both; } .mm-buttonbar > * { border-left: 1px solid transparent; box-sizing: border-box; display: block; width: 100%; height: 100%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-buttonbar > a { text-decoration: none; } .mm-buttonbar > input { position: absolute; left: -1000px; top: -1000px; } .mm-buttonbar > input:checked + label { border-color: transparent !important; } .mm-buttonbar > *:first-child, .mm-buttonbar > input:first-child + * { border-left: none; } .mm-buttonbar.mm-buttonbar-2 > * { width: 50%; } .mm-buttonbar.mm-buttonbar-3 > * { width: 33.33%; } .mm-buttonbar.mm-buttonbar-4 > * { width: 25%; } .mm-buttonbar.mm-buttonbar-5 > * { width: 20%; } .mm-header .mm-buttonbar { margin-top: 20px; margin-left: -30px; margin-right: -30px; } .mm-footer .mm-buttonbar { border: none; border-radius: none; line-height: 40px; margin: -10px -10px 0 -20px; } .mm-footer .mm-buttonbar > * { border-left: none; } .mm-list > li > .mm-buttonbar { margin: 10px 20px; } .mm-menu .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: #333333; } .mm-menu .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: #333333; } /* 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: 40px; top: 50%; } em.mm-counter + a.mm-subopen { padding-left: 40px; } em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span { margin-right: 80px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical em.mm-counter { top: 12px; margin-top: 0; } .mm-nosubresults > em.mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(255, 255, 255, 0.3); } /* 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 { -webkit-transition-duration: 0s; transition-duration: 0s; } /* jQuery.mmenu footer addon CSS */ .mm-footer { background: inherit; border-top: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 40px; padding: 10px 10px 0 20px; position: absolute; z-index: 2; bottom: 0; left: 0; } .mm-menu.mm-hasfooter > .mm-panel { padding-bottom: 80px; } .mm-menu .mm-footer { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu header addon CSS */ .mm-header { background: inherit; border-bottom: 1px solid transparent; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.047); text-align: center; line-height: 60px; box-sizing: border-box; width: 100%; height: 60px; padding: 0 50px; position: absolute; z-index: 2; top: 0; left: 0; } .mm-header .mm-title, .mm-header .mm-prev, .mm-header .mm-next { padding-top: 0px; } .mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; text-transform:uppercase; width: 100%; position: relative; } .mm-header .mm-prev, .mm-header .mm-next { text-decoration: none; display: block; box-sizing: border-box; min-width: 60px; height: 100%; position: absolute; top: 0; z-index: 1; } .mm-header .mm-prev { padding-left: 20px; padding-right: 10px; left: 0; } .mm-header .mm-next { padding-left: 10px; padding-right: 20px; right: 0; } .mm-header [href].mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-header [href].mm-next:after { border-top: none; border-left: none; margin-left: 5px; margin-right: -2px; } .mm-header [href].mm-prev:before { content: "\f060"; font-family: FontAwesome; font-style: normal; font-weight: normal; color:#fff; font-size:16px; line-height: 60px; display: block; position: absolute; top: 0px; left: 20px; } .mm-menu.mm-hassearch .mm-header { height: 50px; top: 50px; } .mm-menu.mm-hassearch .mm-header .mm-title, .mm-menu.mm-hassearch .mm-header .mm-prev, .mm-menu.mm-hassearch .mm-header .mm-next { padding-top: 20px; } .mm-menu.mm-hasheader li.mm-subtitle { display: none; } .mm-menu.mm-hasheader > .mm-panel { padding-top: 80px; } .mm-menu.mm-hasheader > .mm-panel.mm-list { padding-top: 60px; } .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child { margin-top: -20px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel { padding-top: 120px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list { padding-top: 100px; } .mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-header .mm-prev:before, .mm-menu .mm-header .mm-next:after { border-color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu labels addon CSS */ .mm-list > li.mm-label > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-list > li.mm-label.mm-opened a.mm-subopen:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 17px; } .mm-list > li.mm-collapsed { display: none; } .mm-menu .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu searchfield addon CSS */ .mm-search, .mm-search input { box-sizing: border-box; } .mm-list > li.mm-search { padding: 10px; margin-top: -20px; } .mm-list > li.mm-subtitle + li.mm-search { margin-top: 0; } div.mm-panel > div.mm-search { padding: 0 0 10px 0; } .mm-menu.mm-hasheader .mm-list > li.mm-search { margin-top: 0; } .mm-search { background: inherit; width: 100%; padding: 10px; position: absolute; top: 0; left: 0; z-index: 2; } .mm-search input { border: none; border-radius: 30px; font: inherit; font-size: 14px; line-height: 30px; outline: none; display: block; width: 100%; height: 30px; margin: 0; padding: 0 10px; } .mm-menu .mm-noresultsmsg { text-align: center; font-size: 21px; display: none; padding: 60px 0; } .mm-menu .mm-noresultsmsg:after { border: none !important; } .mm-noresults .mm-noresultsmsg { display: block; } .mm-menu li.mm-nosubresults > a.mm-subopen { display: none; } .mm-menu li.mm-nosubresults > a.mm-subopen + a, .mm-menu li.mm-nosubresults > a.mm-subopen + span { padding-right: 10px; } .mm-menu.mm-hassearch > .mm-panel { padding-top: 70px; } .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child { margin-top: -20px; } .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child { margin-top: -10px; } .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list { padding-top: 0; } .mm-menu .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-noresultsmsg { color: rgba(255, 255, 255, 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: 1; } 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%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } label.mm-toggle, label.mm-check { right: 20px; } label.mm-toggle + a, label.mm-toggle + span { margin-right: 70px; } label.mm-check + a, label.mm-check + span { margin-right: 50px; } a.mm-subopen + label.mm-toggle, a.mm-subopen + label.mm-check { right: 50px; } a.mm-subopen + label.mm-toggle + a, a.mm-subopen + label.mm-toggle + span { margin-right: 100px; } a.mm-subopen + label.mm-check + a, a.mm-subopen + label.mm-check + span { margin-right: 80px; } em.mm-counter + a.mm-subopen + label.mm-toggle, em.mm-counter + a.mm-subopen + label.mm-check { right: 90px; } em.mm-counter + a.mm-subopen + label.mm-toggle + a, em.mm-counter + a.mm-subopen + label.mm-toggle + span { margin-right: 140px; } em.mm-counter + a.mm-subopen + label.mm-check + a, em.mm-counter + a.mm-subopen + label.mm-check + span { margin-right: 120px; } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.15); } .mm-menu label.mm-toggle:before { background: #333333; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu label.mm-check:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu input.mm-check:checked ~ label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } /* jQuery.mmenu effects extension CSS */ html.mm-slide .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-slide.mm-opened .mm-menu { -webkit-transform: translateX(-30%); transform: translateX(-30%); } html.mm-slide.mm-opening .mm-menu { -webkit-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-right.mm-opened .mm-menu { -webkit-transform: translateX(30%); transform: translateX(30%); } html.mm-slide.mm-right.mm-opening .mm-menu { -webkit-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-top.mm-opened .mm-menu { -webkit-transform: translateY(-30%); transform: translateY(-30%); } html.mm-slide.mm-top.mm-opening .mm-menu { -webkit-transform: translateY(0%); transform: translateY(0%); } html.mm-slide.mm-bottom.mm-opened .mm-menu { -webkit-transform: translateY(30%); transform: translateY(30%); } html.mm-slide.mm-bottom.mm-opening .mm-menu { -webkit-transform: translateY(0%); transform: translateY(0%); } html.mm-zoom-menu .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-zoom-menu.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); -webkit-transform-origin: left center; transform-origin: left center; } html.mm-zoom-menu.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-right.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(30%); transform: scale(0.7, 0.7) translateX(30%); -webkit-transform-origin: right center; transform-origin: right center; } html.mm-zoom-menu.mm-right.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-top.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(-30%); transform: scale(0.7, 0.7) translateY(-30%); -webkit-transform-origin: center top; transform-origin: center top; } html.mm-zoom-menu.mm-top.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(30%); transform: scale(0.7, 0.7) translateY(30%); -webkit-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel { -webkit-transform: scale(1.5, 1.5) translateX(100%); transform: scale(1.5, 1.5) translateX(100%); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition-property: -webkit-transform, left; transition-property: transform, left; } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); } /* jQuery.mmenu fullscreen extension CSS */ .mm-menu.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } @media all and (max-width: 140px) { html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker { -webkit-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 10000px) { html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker { -webkit-transform: translate(10000px, 0); transform: translate(10000px, 0); } } html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } @media all and (max-width: 140px) { html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker { -webkit-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker { -webkit-transform: translate(-10000px, 0); transform: translate(-10000px, 0); } } .mm-menu.mm-front.mm-fullscreen.mm-top, .mm-menu.mm-front.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 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-page, html.mm-right.mm-opening #mm-blocker { -webkit-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker { -webkit-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker { -webkit-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-page, html.mm-front #mm-blocker { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; z-index: 0; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu.mm-front.mm-top { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } .mm-menu.mm-front.mm-bottom { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* jQuery.mmenu themes extension CSS */ html.mm-opened.mm-light .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-light { background: #f3f3f3; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.6); } .mm-menu.mm-light .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: #f3f3f3; } .mm-menu.mm-light .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: #f3f3f3; } .mm-menu.mm-light label.mm-check:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light input.mm-check:checked ~ label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header .mm-prev:before, .mm-menu.mm-light .mm-header .mm-next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light label.mm-toggle:before { background: #f3f3f3; } .mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-white .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-white { background: white; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.06); } .mm-menu.mm-white .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; } .mm-menu.mm-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: white; } .mm-menu.mm-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white input.mm-check:checked ~ label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header .mm-prev:before, .mm-menu.mm-white .mm-header .mm-next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white label.mm-toggle:before { background: white; } .mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-black .mm-page { box-shadow: none; } .mm-menu.mm-black { background: black; color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-list > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.25); } .mm-menu.mm-black .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: black; } .mm-menu.mm-black .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: black; } .mm-menu.mm-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black input.mm-check:checked ~ label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-footer { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header .mm-prev:before, .mm-menu.mm-black .mm-header .mm-next:after { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black label.mm-toggle:before { background: black; } .mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } /******************************************************************* Theme Name: Family Rave Day Author: Mixx'd Media - Ronald Wildschut Author URI: https://www.mixxdmedia.com Version: 1.0 *******************************************************************/ /*----------------------------------------------------------------- 01. NORMALIZE STYLESHEET 02. BASE TYPOGRAPHY 03. BASIC STYLES 04. NONSEMANTIC BASE STYLES 05. STRUCTURE 06. HEADER 07. MENU 08. CONTENT 09. IMAGES 10. COMMENTS 11. FOOTER 12. WIDGETS 13. PORTFOLIO 14. PLUGINS 15. RETINA 16. RESPONSIVE STYLES -----------------------------------------------------------------*/ /*----------------------------------------------------------------- 01. NORMALIZE STYLESHEET -------------------------------------------------------------------*/ /* ========================= HTML5 display definitions =========================*/ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } iframe, embed, video, audio { max-width: 100%; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 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; } /* ========================================================================== Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong, .strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn, em, .em { font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /* * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens) */ p { -webkit-hyphens: auto; -epub-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } /* * Addresses margins set differently in IE6/7. */ pre { margin: 0; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ q:before, q:after { content: ''; content: none; } small, .small { font-size: 75%; } /** * 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; } /* ========================================================================== Lists ========================================================================== */ /* * Addresses margins set differently in IE6/7. */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0; } /* * Addresses paddings set differently in IE6/7. */ menu { padding: 0 0 0 40px; } .wpb_text_column ol { list-style-type: decimal; padding-left: 40px; } .wpb_text_column ul { list-style-type: disc; padding-left: 40px; } /* * Corrects list images handled incorrectly in IE7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * 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. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * 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 Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ 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. */ button, html input[type="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; } /** * 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 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-replacement, .ir { text-indent: 100%; white-space: nowrap; overflow: hidden; } .clearfix, .cf { zoom: 1; } .clearfix:before, .clearfix:after, .cf:before, .cf:after { content: ""; display: table; } .clearfix:after, .cf:after { clear: both; } /* use the best ampersand http://simplebits.com/notebook/2008/08/14/ampersands-2/ */ span.amp { font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important; font-style: italic; } /*======================*/ /* i imported this one in the functions file so bones would look sweet. don't forget to remove it for your site. */ /* some nice typographical defaults more here: http://www.newnet-soft.com/blog/csstypography */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { text-rendering: optimizelegibility; font-weight: 600; font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: .1em; margin-top: 0; margin-bottom: 0; text-transform: none; /* removing text decoration from all headline links */ } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { text-decoration: none; } h1, .h1 { font-weight: 800; font-size: 2.5em; line-height: 1.3em; } h2, .h2 { font-weight: 800; font-size: 1.75em; line-height: 1.2em; margin-bottom: 0.375em; } h3, .h3 { font-weight: 800; line-height: 1.2em; font-size: 1.125em; } h4, .h4 { line-height: 1.2em; font-size: 1.1em; } h5, .h5 { line-height: 1.2em; font-size: 1em; } h6, .h6 { line-height: 1.2em; font-size: 0.846em; } /********************* INPUTS *********************/ input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea, .field { display: block; height: 40px; line-height: 40px; padding: 0 10px; margin-bottom: 14px; font-size: 12px; border: 1px solid #ededed; border-radius: 0; vertical-align: middle; box-shadow: none; width: 100%; background-color: #fff; color: #7e828b; -webkit-transition: background-color 0.24s ease-in-out; transition: background-color 0.24s ease-in-out; } input[type="text"]:focus, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="datetime"]:focus, input[type="datetime"]:active, input[type="datetime-local"]:focus, input[type="datetime-local"]:active, input[type="date"]:focus, input[type="date"]:active, input[type="month"]:focus, input[type="month"]:active, input[type="time"]:focus, input[type="time"]:active, input[type="week"]:focus, input[type="week"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="url"]:focus, input[type="url"]:active, input[type="search"]:focus, input[type="search"]:active, input[type="tel"]:focus, input[type="tel"]:active, input[type="color"]:focus, input[type="color"]:active, select:focus, select:active, textarea:focus, textarea:active, .field:focus, .field:active { background-color: #fafaf9; } input.error[type="text"], input.is-invalid[type="text"], input.error[type="password"], input.is-invalid[type="password"], input.error[type="datetime"], input.is-invalid[type="datetime"], input.error[type="datetime-local"], input.is-invalid[type="datetime-local"], input.error[type="date"], input.is-invalid[type="date"], input.error[type="month"], input.is-invalid[type="month"], input.error[type="time"], input.is-invalid[type="time"], input.error[type="week"], input.is-invalid[type="week"], input.error[type="number"], input.is-invalid[type="number"], input.error[type="email"], input.is-invalid[type="email"], input.error[type="url"], input.is-invalid[type="url"], input.error[type="search"], input.is-invalid[type="search"], input.error[type="tel"], input.is-invalid[type="tel"], input.error[type="color"], input.is-invalid[type="color"], select.error, select.is-invalid, textarea.error, textarea.is-invalid, .field.error, .field.is-invalid { color: #fbe3e4; border-color: #fbe3e4; background-color: #fff; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=); outline-color: #fbe3e4; } input.success[type="text"], input.is-valid[type="text"], input.success[type="password"], input.is-valid[type="password"], input.success[type="datetime"], input.is-valid[type="datetime"], input.success[type="datetime-local"], input.is-valid[type="datetime-local"], input.success[type="date"], input.is-valid[type="date"], input.success[type="month"], input.is-valid[type="month"], input.success[type="time"], input.is-valid[type="time"], input.success[type="week"], input.is-valid[type="week"], input.success[type="number"], input.is-valid[type="number"], input.success[type="email"], input.is-valid[type="email"], input.success[type="url"], input.is-valid[type="url"], input.success[type="search"], input.is-valid[type="search"], input.success[type="tel"], input.is-valid[type="tel"], input.success[type="color"], input.is-valid[type="color"], select.success, select.is-valid, textarea.success, textarea.is-valid, .field.success, .field.is-valid { color: #e6efc2; border-color: #e6efc2; background-color: #fff; background-position: 99% center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==); outline-color: #e6efc2; } input[type="text"][disabled], input.is-disabled[type="text"], input[type="password"][disabled], input.is-disabled[type="password"], input[type="datetime"][disabled], input.is-disabled[type="datetime"], input[type="datetime-local"][disabled], input.is-disabled[type="datetime-local"], input[type="date"][disabled], input.is-disabled[type="date"], input[type="month"][disabled], input.is-disabled[type="month"], input[type="time"][disabled], input.is-disabled[type="time"], input[type="week"][disabled], input.is-disabled[type="week"], input[type="number"][disabled], input.is-disabled[type="number"], input[type="email"][disabled], input.is-disabled[type="email"], input[type="url"][disabled], input.is-disabled[type="url"], input[type="search"][disabled], input.is-disabled[type="search"], input[type="tel"][disabled], input.is-disabled[type="tel"], input[type="color"][disabled], input.is-disabled[type="color"], select[disabled], select.is-disabled, textarea[disabled], textarea.is-disabled, .field[disabled], .field.is-disabled { cursor: not-allowed; border-color: #cfcfcf; opacity: 0.6; } input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input.is-disabled[type="text"]:focus, input.is-disabled[type="text"]:active, input[type="password"][disabled]:focus, input[type="password"][disabled]:active, input.is-disabled[type="password"]:focus, input.is-disabled[type="password"]:active, input[type="datetime"][disabled]:focus, input[type="datetime"][disabled]:active, input.is-disabled[type="datetime"]:focus, input.is-disabled[type="datetime"]:active, input[type="datetime-local"][disabled]:focus, input[type="datetime-local"][disabled]:active, input.is-disabled[type="datetime-local"]:focus, input.is-disabled[type="datetime-local"]:active, input[type="date"][disabled]:focus, input[type="date"][disabled]:active, input.is-disabled[type="date"]:focus, input.is-disabled[type="date"]:active, input[type="month"][disabled]:focus, input[type="month"][disabled]:active, input.is-disabled[type="month"]:focus, input.is-disabled[type="month"]:active, input[type="time"][disabled]:focus, input[type="time"][disabled]:active, input.is-disabled[type="time"]:focus, input.is-disabled[type="time"]:active, input[type="week"][disabled]:focus, input[type="week"][disabled]:active, input.is-disabled[type="week"]:focus, input.is-disabled[type="week"]:active, input[type="number"][disabled]:focus, input[type="number"][disabled]:active, input.is-disabled[type="number"]:focus, input.is-disabled[type="number"]:active, input[type="email"][disabled]:focus, input[type="email"][disabled]:active, input.is-disabled[type="email"]:focus, input.is-disabled[type="email"]:active, input[type="url"][disabled]:focus, input[type="url"][disabled]:active, input.is-disabled[type="url"]:focus, input.is-disabled[type="url"]:active, input[type="search"][disabled]:focus, input[type="search"][disabled]:active, input.is-disabled[type="search"]:focus, input.is-disabled[type="search"]:active, input[type="tel"][disabled]:focus, input[type="tel"][disabled]:active, input.is-disabled[type="tel"]:focus, input.is-disabled[type="tel"]:active, input[type="color"][disabled]:focus, input[type="color"][disabled]:active, input.is-disabled[type="color"]:focus, input.is-disabled[type="color"]:active, select[disabled]:focus, select[disabled]:active, select.is-disabled:focus, select.is-disabled:active, textarea[disabled]:focus, textarea[disabled]:active, textarea.is-disabled:focus, textarea.is-disabled:active, .field[disabled]:focus, .field[disabled]:active, .field.is-disabled:focus, .field.is-disabled:active { background-color: #d5edf8; } input[type="password"] { letter-spacing: 0.3em; } textarea { max-width: 100%; min-height: 120px; line-height: 1.5em; padding: 10px; } select { -webkit-appearance: none; /* 1 */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: 97.5% center; } /*---------------------------------------------------------------*/ /* 03. BASIC STYLES /*---------------------------------------------------------------*/ /* Preloader */ #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 9999; } #status { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background-image: url(//familyraveday.nl/wp-content/themes/familyraveday/library/images/loader.gif); /* path to your loading animation */ background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; } body { font-family: Open Sans, Arial, sans-serif; font-weight: 400; font-size: 100%; line-height: 1.5; color: #9ca8ae; background-color: #fff; -webkit-font-smoothing: antialiased; overflow-x: hidden; } ul { margin: 0; } textarea:focus, input:focus, a, select:focus { outline: none !important; } img { max-width: 100%; } thead th { padding: 10px 15px; color: #fff; } tr:nth-child(even) { background-color: rgba(0, 0, 0, 0.05); } td { padding: 10px 15px; } /********************* LINK STYLES *********************/ a, a:visited { text-decoration: none; /* mobile tap color */ } a:link, a:visited:link { /* this highlights links on iPhones/iPads. so it basically works like the :hover selector for mobile devices. */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); } /*---------------------------------------------------------------*/ /* 04. NONSEMANTIC BASE STYLES /*---------------------------------------------------------------*/ /* For image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } /* Hide for both screenreaders and browsers */ .hidden { display: none; visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /*---------------------------------------------------------------*/ /* 05. STRUCTURE /*---------------------------------------------------------------*/ #wrapper { display: block; margin: 0 auto; position: relative; } #main { padding: 60px 0; min-height: 500px; } .single-portfolio #main { padding: 0; } #container { position: relative; margin: 0px auto; } body.blog #container, body.archive #container, body.single-post #container, body.search-results #container { padding-left: 30px !important; padding-right: 30px !important; } #container.no-sidebar { width: 100%; margin: 0px auto; } #container:after { content: "\0020"; clear: both; display: block; height: 0; visibility: hidden; } .row-inner { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } #content { width: 100%; } #content.float-left, #content.float-right { width: 75%; } #content.float-left { padding-right: 20px; } #content.float-right { padding-left: 20px; } body.wtbx-def-page:not(.compose-mode) #content { padding-left: 15px; padding-right: 15px; } #sidebar { padding-top: 30px; width: 25%; -webkit-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #sidebar .widget { overflow: hidden; } .woocommerce #sidebar { padding-top: 0; } #sidebar.float-left { padding-right: 20px; } #sidebar.float-right { padding-left: 20px; } .pre-content { width: 100%; position: relative; overflow: hidden; background-size: cover; } /* Alignment */ .alignleft { display: inline; float: left; } .alignright { display: inline; float: right; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .float-left { float: left; } .float-right { float: right; } .full-width #site-navigation { margin-right: 20px; } /*---------------------------------------------------------------*/ /* 06. HEADER /*---------------------------------------------------------------*/ header { position: relative; z-index: 10; } /* Header */ #top-bar-wrapper + #site-header #header-wrapper { position: absolute; } #header-wrapper { position: absolute; } .sticky-enabled #header-wrapper { position: fixed; } .sticky-enabled #header-wrapper.header-sticked { position: fixed !important; top: 0; } #site-header { width: 100%; z-index: 980; -webkit-transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: height 0.2s ease-in-out, opacity 0.2s ease-in-out; } #site-header.header-hidden { opacity: 0; } #site-header #header-wrapper { z-index: 10; width: 100%; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } #site-header #header-container { max-width: 100%; height: 90px; margin: 0 auto; padding: 0 30px; position: relative; } #site-logo { position: absolute; left: 30px; margin-top: 0px; overflow: hidden; } #site-logo .site-title { padding: 0; margin: 0; line-height: 90px; font-size: 20px; font-weight: 800; } #site-logo img { display: block; padding: 0px; } #site-logo img.retina-logo, #site-logo img.sticked-retina-logo { display: none; } #site-logo img.sticked-logo, #site-logo img.sticked-retina-logo { position: absolute; left: 0; top: 0; opacity: 0; } .full-width #site-logo { left: 30px; } /* Header search */ .header-search { position: absolute; top: 100%; right: 0; overflow: hidden; } .searchform-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.95); display: table; z-index: 9999; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out 0.3s; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out 0.3s; } .searchform-overlay .searchform-overlay-inner { display: table-cell; vertical-align: middle; text-align: center; } .searchform-overlay .searchform-overlay-inner .searchform-wrapper { max-width: 1000px; text-align: center; font-size: 30px; color: #36353c; margin: 0 auto; } .searchform-overlay .searchform-overlay-inner .searchform-wrapper .searchform { margin: 0 auto; -webkit-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); } .searchform-overlay .searchform-overlay-inner .searchform-wrapper .searchform label { text-transform: uppercase; } .searchform-overlay .searchform-overlay-inner .searchform-wrapper .searchform .search-input { background-color: transparent; text-transform: uppercase; text-align: center; width: 100%; max-width: 1000px; height: 120px; font-size: 80px; font-weight: 800; padding: 0 20px; border: none; margin: 30px auto 0 auto; color: #36353c; } .searchform-overlay.header-search-active { visibility: visible; opacity: 1; transition-delay: 0s; } .searchform-overlay.header-search-active .searchform-overlay-inner .searchform-wrapper .searchform { -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .post-entry-header { padding: 0px; } .post-entry-header h1.entry-title, .post-entry-header h2.entry-title, h2.entry-title { font-size: 21px; font-weight: 600; margin: 0 0 2px; line-height: 1.3; } .post-preview { margin-bottom: 20px; } .post-preview img { display: block; height: auto; width: 100%; max-width: 100%; } .sticky-enabled #header-wrapper #header-container, .sticky-enabled #header-wrapper #site-logo img { -webkit-transition: height 0.2s; transition: height 0.2s; } .sticky-enabled #header-wrapper #site-navigation .search_button, .sticky-enabled #header-wrapper #site-navigation .header_cart_link, .sticky-enabled #header-wrapper #site-logo .site-title { -webkit-transition: line-height 0.2s; transition: line-height 0.2s; } .sticky-enabled #header-wrapper #site-navigation .menu > li > a { -webkit-transition: line-height 0.2s ease-in-out, background 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: line-height 0.2s ease-in-out, background 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out; } .sticky-enabled #header-wrapper #site-navigation .menu > li.button { -webkit-transition: margin 0.2s ease-in-out; transition: margin 0.2s ease-in-out; } .sticky-enabled #site-navigation { -webkit-transition: margin-top 0.2s; transition: margin-top 0.2s; } .sticky-enabled #header-wrapper #header-slope svg { transform-origin: center top; -webkit-transition: transform 0.2s; transition: transform 0.2s; } .sticky-enabled #header-wrapper #site-logo img { -webkit-transition: height 0.2s, width 0.2s, opacity 0.2s; transition: height 0.2s, width 0.2s, opacity 0.2s; } .sticky-enabled #header-wrapper.header-sticked #site-logo { -webkit-transition: margin-top 0.2s, margin-left 0.2s; transition: margin-top 0.2s, margin-left 0.2s; } .sticky-enabled #header-wrapper.header-sticked { position: fixed; webkit-backface-visibility: hidden; backface-visibility: hidden; } .sticky-enabled #header-wrapper.header-sticked #site-logo img.sticked-logo, .sticky-enabled #header-wrapper.header-sticked #site-logo img.sticked-retina-logo { opacity: 1; } .sticky-enabled #header-wrapper.header-sticked #site-logo img.default-logo, .sticky-enabled #header-wrapper.header-sticked #site-logo img.retina-logo { opacity: 0; } .sticky-enabled #header-wrapper.header-sticked #header-slope { -webkit-transition: visibility 0s 0.2s; transition: visibility 0s 0.2s; visibility: hidden; } .sticky-enabled #header-wrapper.header-sticked #header-slope svg { transform: rotateX(-90deg); } .header-sticked #site-navigation .menu-container > ul > li > a:before { content: ""; height: 2px; position: absolute; left: 50px; right: 50px; top: 5px; display: block; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; } .header-sticked #site-navigation .menu-container > ul > li:hover > a:before { opacity: 1; left: 20px; right: 20px; top: 10px; } .admin-bar #wrapper, .admin-bar #mobile-site-navigation { padding-top: 32px; } .admin-bar #header-wrapper.header-sticked { position: fixed; top: 32px; -webkit-backface-visibility: hidden; } @media (max-width: 782px) { .admin-bar #wrapper, .admin-bar #mobile-site-navigation { padding-top: 46px; } .admin-bar #header-wrapper.header-sticked { top: 46px; } } /* Page title */ .page-header { position: relative; text-align: left; padding: 30px 0px 0px 0px; -webkit-transition: padding 0.2s; transition: padding 0.2s; font-size: 16px; background-size: cover; } .page-header .row-inner { padding: 0 30px; } .page-header h1.page-title { font-size: 40px; margin: 0 0 5px 0; line-height: 1; color: #36353c; font-weight: 300; letter-spacing: normal; } .page-header p { margin: 0; font-weight: 400; display: inline-block; } .breadcrumbs-path a { -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .breadcrumbs-path .title-border { display: inline-block; margin: 10px 0; } .breadcrumbs-separator { padding: 0 5px; font-size: 12px; } .page-header.tl-bl { text-align: left; } .page-header.tl-bl .breadcrumbs-path p { float: left; } .page-header.tc-bc { text-align: center; } .page-header.tr-br { text-align: right; } .page-header.tr-br .breadcrumbs-path p { float: right; } .page-header.tl-br { vertical-align: text-bottom; } .page-header.tl-br .page-title { float: left; line-height: 30px; } .page-header.tl-br .breadcrumbs-path { float: right; display: inline-block; line-height: 14px; margin-top: 16px; } .page-header.tr-bl { vertical-align: text-bottom; } .page-header.tr-bl .page-title { float: right; display: inline-block; line-height: 30px; } .page-header.tr-bl .breadcrumbs-path { float: left; display: inline-block; line-height: 14px; margin-top: 16px; } #title-slope { position: absolute; bottom: 0; left: 0; height: 100px; width: 100%; overflow: hidden; } #title-slope svg { -webkit-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; } #title-slope path { fill: #fff; stroke-width: 0; } .ts-left #title-slope svg { moz-transform-origin: left; -o-transform-origin: left; -ms-transform-origin: left; -webkit-transform-origin: left; transform-origin: left; } .ts-right #title-slope svg { moz-transform-origin: right; -o-transform-origin: right; -ms-transform-origin: right; -webkit-transform-origin: right; transform-origin: right; } /*---------------------------------------------------------------*/ /* 07. MENU /*---------------------------------------------------------------*/ #site-navigation { float: right; margin-bottom: -10px; } #site-navigation a:not([href]) { cursor: default !important; } #site-navigation .menu-container { float: left; } #site-navigation .menu-container ul { padding: 0; margin: 0; } #site-navigation .menu-container ul li.new { position: relative; } #site-navigation .menu-container ul li.new:after { content: 'NEW'; position: absolute; top: 10px; right: 10px; line-height: 22px; padding: 0 7px; border-radius: 2px; font-size: 10px; font-weight: 600; letter-spacing: .1em; color: #fff; } #site-navigation .menu-container > ul > li > ul > li > a { min-width: 180px; } #site-navigation .menu-container > ul > li:not(.megamenu) > ul li > a:hover { color: #fff !important; opacity: 1; } #site-navigation .menu-container > ul > li > ul > li > ul > li > a:hover { color: #fff !important; opacity: 1; } #site-navigation .menu-container > ul > li:not(.megamenu) ul { right: auto; left: 0; } #site-navigation .menu-container ul li ul li.current-menu-item > a:hover { color: #fff !important; } #site-navigation .menu-container ul li { float: left; padding: 0; text-transform: uppercase; position: relative; } #site-navigation .menu-container ul li a { cursor: pointer; display: inline-block; color: #9ca8ae; font-size: 12px; line-height: 90px; padding: 0px 20px; position: relative; -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: background 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out; } #site-navigation .menu-container ul li ul { position: absolute; top: 100%; margin: 0; right: 0; display: block; visibility: hidden; z-index: 9992; -webkit-backface-visibility: hidden; } #site-navigation .menu-container ul li ul li { display: block; float: none; margin: 0; padding: 0; } #site-navigation .menu-container ul li ul li a { letter-spacing: 0em; display: block; position: relative; background: none; border: none; width: 170px; padding: 12px 20px; margin: 0; line-height: 1.7; font-size: 11px; font-weight: 500; -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: background 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out; } #site-navigation .menu-container ul li ul li ul { margin: -3px 0 0 0; top: 0px; left: 210px; } #site-navigation .menu-container ul li ul li ul:before, #site-navigation .menu-container ul li ul li ul:after { display: none; } #site-navigation .menu-container ul li ul li ul li a { padding-right: 20px; } #site-navigation .menu-container ul li ul li.current-menu-item > a, #site-navigation .menu-container ul li ul li.current_page_parent > a { background: rgba(255, 255, 255, 0.1); opacity: 1; } #site-navigation .menu-container ul li:hover > ul { visibility: visible; } #site-navigation .header-buttons { display: inline-block; float: right; } #site-navigation .search_button, #site-navigation .header_cart_link { position: relative; background: none; font-size: 15px; font-weight: normal; padding: 0; line-height: 90px; text-align: center; width: 35px; border: none; box-shadow: none; outline: none; } #site-navigation .search_button i, #site-navigation .header_cart_link i { -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } #site-navigation .header_cart_link { display: block; position: relative; width: 100%; font-size: 17px; overflow: visible; margin-left: 0px; padding: 0; text-align: center; } #site-navigation .header_cart_link i { padding-bottom: 1px; width: 15px; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } #site-navigation .header_cart_link .cart_product_count { color: #fff; font-size: 10px; font-weight: 600; position: absolute; top: 50%; right: 0px; margin-top: -18px; display: block; text-align: center; height: 16px; line-height: 16px; padding: 0 5px; overflow: visible; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } /* Predefined header menu styles */ #site-header.menu-light #header-wrapper { background-color: #fff; } #site-header.menu-light #site-logo { margin-top: 0px; } #site-header.menu-light #site-logo .site-title a { color: #36353c; } #site-header.menu-light #site-navigation .menu-container ul li a { color: #36353c; } #site-header.menu-light #site-navigation .search_button, #site-header.menu-light #site-navigation .header_cart_link { color: #36353c; } #site-header.menu-light #site-navigation .header_cart_link { color: #36353c; } #site-header.menu-light #site-navigation .header_cart_link .cart_product_count { color: #fff; } #site-header.menu-light .toggle-mobile-menu .line { background-color: #262628; } #site-header.menu-dark #header-wrapper { background-color: #262628; } #site-header.menu-dark #site-logo { margin-top: 0px; } #site-header.menu-dark #site-logo .site-title a { color: #fff; } #site-header.menu-dark #site-navigation .menu-container ul li a { color: #fff; } #site-header.menu-dark #site-navigation .search_button, #site-header.menu-dark #site-navigation .header_cart_link { color: #fff; } #site-header.menu-dark #site-navigation .header_cart_link { color: #fff; } #site-header.menu-dark #site-navigation .header_cart_link .cart_product_count { color: #fff; } #site-header.menu-dark .toggle-mobile-menu .line { background-color: #fff; } #site-header.sticked-menu-light #header-wrapper { background-color: #fff; } #site-header.sticked-menu-light #site-logo { margin-top: 0px; } #site-header.sticked-menu-light #site-logo .site-title a { color: #36353c; } #site-header.sticked-menu-light #site-navigation .menu-container ul li a { color: #36353c; } #site-header.sticked-menu-light #site-navigation .search_button, #site-header.sticked-menu-light #site-navigation .header_cart_link { color: #36353c; } #site-header.sticked-menu-light #site-navigation .header_cart_link { color: #36353c; } #site-header.sticked-menu-light #site-navigation .header_cart_link .cart_product_count { color: #fff; } #site-header.sticked-menu-light .toggle-mobile-menu .line { background-color: #262628; } #site-header.sticked-menu-dark #site-logo { margin-top: 0px; } #site-header.sticked-menu-dark #site-logo .site-title a { color: #fff; } #site-header.sticked-menu-dark #header-wrapper { background-color: #262628; } #site-header.sticked-menu-dark #site-navigation .menu-container ul li a { color: #fff; } #site-header.sticked-menu-dark #site-navigation .search_button, #site-header.sticked-menu-dark #site-navigation .header_cart_link { color: #fff; } #site-header.sticked-menu-dark #site-navigation .header_cart_link { color: #fff; } #site-header.sticked-menu-dark #site-navigation .header_cart_link .cart_product_count { color: #fff; } #site-header.sticked-menu-dark .toggle-mobile-menu .line { background-color: #fff; } #site-header.submenu-light #site-navigation .menu-container > ul > li.megamenu > ul > li { border-right: 1px solid #ededed; } #site-header.submenu-light #site-navigation .menu-container > ul > li > ul { background-color: #fff; } #site-header.submenu-light #site-navigation .menu-container > ul > li > ul li a { color: #9ca8ae; } #site-header.submenu-light #site-navigation .menu-container > ul > li > ul li.current-menu-item > a, #site-header.submenu-light #site-navigation .menu-container > ul > li > ul li.current_page_parent > a { font-weight: 700; } #site-header.submenu-light #site-navigation .menu-container > ul > li.megamenu > ul > li > a { color: #36353c; } #site-header.submenu-dark #site-navigation .menu-container { letter-spacing: .1em; } #site-header.submenu-dark #site-navigation .menu-container > ul > li.megamenu > ul > li { border-right: 1px solid rgba(255, 255, 255, 0.1); } #site-header.submenu-dark #site-navigation .menu-container > ul > li > ul { background-color: #11151c; } #site-header.submenu-dark #site-navigation .menu-container > ul > li > ul li a { color: #7e828b; } #site-header.submenu-dark #site-navigation .menu-container > ul > li > ul li.current-menu-item > a, #site-header.submenu-dark #site-navigation .menu-container > ul > li > ul li.current_page_parent > a { font-weight: 700; } #site-header.submenu-dark #site-navigation .menu-container > ul > li.megamenu > ul > li > a { color: #fff; } #site-header.header-bold #site-navigation .menu-container > ul > li > a { font-weight: 700; font-size: 11px; letter-spacing: .1em; } #site-header.header-bold #site-navigation .menu-container > ul > li > ul > li a { font-weight: 600; } #site-header.header-bold #site-navigation .menu-container > ul > li.megamenu > ul > li > a { font-weight: 800; } #site-header.header-thin #site-navigation .menu-container > ul > li > a { font-size: 12px; letter-spacing: .1em; font-weight: 400; } #site-header.header-thin #site-navigation .menu-container > ul > li > ul > li a { font-weight: 400; } #site-header.header-thin #site-navigation .menu-container > ul > li.megamenu > ul > li > a { font-weight: 600; } #site-header .menu-container > .menu > li .sub-menu { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } #site-header .menu-container > .menu > li.megamenu li .sub-menu { box-shadow: none; } /* 3 level menu */ #site-header #site-navigation .menu-container > ul > li:not(.megamenu) > .sub-menu li { background-color: inherit; } #site-header #site-navigation .menu-container > ul > li:not(.megamenu) > .sub-menu li .sub-menu { position: absolute; top: 6px; left: 100%; background-color: inherit; margin: 0; visibility: hidden; opacity: 0; transition-duration: 0; } #site-header #site-navigation .menu-container > ul > li:not(.megamenu) > .sub-menu li:hover > .sub-menu, #site-header #site-navigation .menu-container > ul > li:not(.megamenu) > .sub-menu li.mhover > .sub-menu { top: 0; visibility: visible; opacity: 1; transition-delay: 0s; -webkit-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out, visibility 0s; transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out, visibility 0s; } #site-header #site-navigation .menu-container > ul > li:not(.megamenu) > .sub-menu li.menu-item-has-children > a:after { content: "\f105"; display: inline-block; font-family: 'Font Awesome 5 Free'; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); position: absolute; top: 0; right: 10px; line-height: 42px; font-size: 12px; font-weight: 900; color: inherit; } #site-header #site-navigation .menu-container > ul > li:not(.megamenu) > .sub-menu li.current-menu-ancestor > a:hover { color: #fff !important; } /* Submenu animation */ #site-navigation .menu-container > ul > li.megamenu > .sub-menu { right: 0; } #site-navigation.fade-in .menu-container > ul > li > .sub-menu, #site-navigation.fade-in .header_cart_wrapper .header_cart_widget { position: absolute; top: 100%; visibility: hidden; opacity: 0; transition-duration: 0; } #site-navigation.fade-in .menu-container > ul > li:hover > .sub-menu, #site-navigation.fade-in .menu-container > ul > li.mhover > .sub-menu, #site-navigation.fade-in .header_cart_wrapper:hover .header_cart_widget { visibility: visible; opacity: 1; transition-delay: 0s; -webkit-transition: opacity 0.3s ease-in-out, visibility 0s; transition: opacity 0.3s ease-in-out, visibility 0s; } #site-navigation.from-top .menu-container > ul > li > .sub-menu, #site-navigation.from-top .header_cart_wrapper .header_cart_widget { position: absolute; top: 80%; visibility: hidden; opacity: 0; transition-duration: 0; } #site-navigation.from-top .menu-container > ul > li:hover > .sub-menu, #site-navigation.from-top .menu-container > ul > li.mhover > .sub-menu, #site-navigation.from-top .header_cart_wrapper:hover .header_cart_widget { top: 100%; visibility: visible; opacity: 1; transition-delay: 0s; -webkit-transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0s; transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0s; } #site-navigation.from-bottom .menu-container > ul > li > .sub-menu, #site-navigation.from-bottom .header_cart_wrapper .header_cart_widget { position: absolute; top: 120%; visibility: hidden; opacity: 0; transition-duration: 0; } #site-navigation.from-bottom .menu-container > ul > li:hover > .sub-menu, #site-navigation.from-bottom .menu-container > ul > li.mhover > .sub-menu, #site-navigation.from-bottom .header_cart_wrapper:hover .header_cart_widget { top: 100%; visibility: visible; opacity: 1; transition-delay: 0s; -webkit-transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0s; transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0s; } #site-navigation.scale .menu-container > ul > li > .sub-menu, #site-navigation.scale .header_cart_wrapper .header_cart_widget { position: absolute; top: 100%; visibility: hidden; opacity: 0; -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); transition-duration: 0; } #site-navigation.scale .menu-container > ul > li:hover > .sub-menu, #site-navigation.scale .menu-container > ul > li.mhover > .sub-menu, #site-navigation.scale .header_cart_wrapper:hover .header_cart_widget { visibility: visible; opacity: 1; transition-delay: 0s; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0s; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0s; } #site-navigation.slide .menu-container > ul > li { -webkit-transition: transform 0.3s ease-in-out, visibility 0s; transition: transform 0.3s ease-in-out, visibility 0s; } #site-navigation.slide .menu-container > ul > li > .sub-menu, #site-navigation.slide .header_cart_wrapper .header_cart_widget { position: absolute; top: 100%; visibility: hidden; opacity: 0; overflow-y: hidden; transform-origin: center top; transform: rotateX(-90deg); transition-duration: 0; } #site-navigation.slide .menu-container > ul > li:hover > .sub-menu, #site-navigation.slide .menu-container > ul > li.mhover > .sub-menu, #site-navigation.slide .header_cart_wrapper:hover .header_cart_widget { visibility: visible; opacity: 1; transition-delay: 0s; transform: rotateX(0deg); -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0s; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0s; } #site-navigation ul li.megamenu { position: static; } #site-navigation ul li.megamenu > ul { width: 100%; max-width: 1000px; display: table; padding: 20px 0; float: right; cursor: default; } #site-navigation ul li.megamenu > ul > li { padding: 0; } #site-navigation ul li.megamenu > ul > li:last-child { border-right: none !important; } #site-navigation ul li.megamenu > ul > li { width: 25%; display: table-cell; float: none; padding: 0; cursor: default; } #site-navigation ul li.megamenu > ul > li.hide-title > a { display: none; } #site-navigation ul li.megamenu > ul > li > a { width: auto; font-weight: 600; letter-spacing: 2px; line-height: 16px; padding: 5px 20px 15px; opacity: 1; } #site-header #site-navigation ul > li.megamenu > ul > li > a:hover { background: none; } #site-navigation ul li.megamenu ul li ul { position: relative; border-top: none; left: 0px; cursor: default; } #site-navigation ul li.megamenu:hover ul li ul { visibility: visible; } #site-navigation ul li.megamenu ul li ul li a { padding: 14px 20px; line-height: 1; width: auto; } /* Mega menu columns */ #site-navigation ul li.megamenu.columns-2 > ul > li { width: 50%; } #site-navigation ul li.megamenu.columns-3 > ul > li { width: 33.3333%; } #site-navigation ul li.megamenu.columns-4 > ul > li { width: 25%; } #site-navigation ul li.megamenu.columns-5 > ul > li { width: 20%; } #site-navigation ul li.megamenu.columns-6 > ul > li { width: 16.6666%; } /* Mobile menu */ .toggle-mobile-menu { display: none; position: absolute; width: 24px; height: 28px; line-height: 1; top: 50%; right: 30px; margin-top: -14px; } .toggle-mobile-menu i { color: #fff; font-size: 28px; } .toggle-mobile-menu .line { height: 2px; width: 100%; position: absolute; left: 0; right: 0; top: 50%; background-color: #fff; } .toggle-mobile-menu .top { -moz-transform: translate(0, -8px); -o-transform: translate(0, -8px); -ms-transform: translate(0, -8px); -webkit-transform: translate(0, -8px); transform: translate(0, -8px); } .toggle-mobile-menu .middle { -moz-transform: translate(0, -1px); -o-transform: translate(0, -1px); -ms-transform: translate(0, -1px); -webkit-transform: translate(0, -1px); transform: translate(0, -1px); } .toggle-mobile-menu .bottom { -moz-transform: translate(0, 6px); -o-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -webkit-transform: translate(0, 6px); transform: translate(0, 6px); } .menu-light .toggle-mobile-menu i, .sticked-menu-light .toggle-mobile-menu i { color: #262628; } #mobile-site-navigation.mm-menu.mm-current { display: block; } .mm-menu { background-color: #fff; color: #7e828b; font-size: 12px; } .mm-menu .mm-header { background-color: #222224; color: #fff; border: none; font-weight: 800; letter-spacing: .2em; height: 100px; text-align: left; padding: 40px 25px 0 !important; } .mm-menu .mm-header .mm-prev { top: auto !important; bottom: 0 !important; right: 0 !important; left: auto !important; height: 60px; text-align: center; padding: 0 !important; } .mm-menu .mm-header .mm-prev:before { font-family: 'Font Awesome 5 Free'; content: "\f053"; font-size: 12px; font-weight: 900; font-style: normal; display: block; line-height: 60px; text-align: center; position: relative !important; left: 0 !important; width: 100%; } .mm-menu .mm-list { padding-top: 120px !important; } .mm-menu .mm-list > li { -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .mm-menu .mm-list > li.mm-selected a { background-color: transparent !important; } .mm-menu .mm-list > li:after { display: none !important; } .mm-menu .mm-list > li:hover { background-color: rgba(0, 0, 0, 0.05); } .mm-menu .mm-list > li > a { font-size: 14px; font-weight: 400; padding-left: 25px; } .mm-menu .mm-list > li > a:before { display: none; } /*----------------------------------------------------------------- 08. CONTENT -------------------------------------------------------------------*/ /* All posts */ blockquote { margin-left: 20px; padding-left: 20px; border-left: 2px solid; } blockquote p { font-style: italic; font-size: 16px; } article.post-entry { padding: 30px; margin-bottom: 30px; } article.post-entry .entry-title { letter-spacing: normal; } article.post-entry .entry-title a { -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } article.post-entry .entry-summary, article.post-entry .entry-content { font-size: 14px; line-height: 2; } article.post-entry.format-quote, article.post-entry.format-link, article.post-entry.format-status { margin-bottom: 30px; } .single-post article.post-entry { margin-bottom: 70px; } body:not(.single-format-standard) .single-post article .entry-content { margin-top: 25px; } /* Post navigation */ .post-navigation { clear: both; } .post-navigation a { font-size: 12px; font-weight: 600; text-transform: uppercase; color: #9ca8ae; display: inline-block; padding: 5px 15px; margin-right: 5px; float: right; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .post-navigation a:first-child { float: left; } .post-navigation a:hover { color: #fff; } .blog-tiled .post-navigation { padding: 0 30px; } .blog-tiled .post-navigation a { border-radius: 0; border: 1px solid #ededed; } .blog-tilt .post-navigation { margin-top: 100px; } /* More tag - Read more link */ .more-link { display: inline-block; margin-top: 21px; font-size: 14px; } /* Password protected post */ .post-password-form { margin-top: 30px; margin-bottom: 30px; } .post-password-form label input { margin-left: 10px; margin-right: 10px; } .post-password-form input[type="submit"] { line-height: 10px; padding: 17px 45px; } /* Quote + Link + Status format */ article.format-quote .quoute-text:after, article.format-link .link-text:after, article.format-status .status-text:after { font-family: FontAwesome; content: ""; font-size: 19px; position: absolute; bottom: 10px; right: 20px; } article.format-link .link-text .entry-title, article.format-status .status-text .entry-title { margin-bottom: 15px; } article.format-quote .quoute-text .entry-title { margin-bottom: 10px; text-transform: none; font-weight: 400; } article.format-quote .quoute-text, article.format-link .link-text, article.format-status .status-text { border: 1px solid #ededed; background: #f9f9f9; margin-bottom: 10px; position: relative; border-radius: 4px; } article.format-quote .quoute-text span, article.format-link .link-text span, article.format-status .status-text span { font-size: 14px; } article.format-quote .quoute-text span:before { content: "\2014"; padding-right: 5px; } article.format-quote blockquote { border: none; background: none; margin: 0px; padding: 0px; } article.format-quote blockquote a:last-child { font-size: 15px; } article.format-quote blockquote:after, article.format-quote blockquote cite:before { display: none; } /* Chat format */ article.format-chat p { padding: 10px 10px 10px 40px; margin: 0px; background: #f4f4f3; } article.format-chat p:before { font-family: FontAwesome; content: "\f075"; display: inline-block; width: 20px; margin-left: -27px; margin-right: 8px; font-size: 16px; line-height: 10px; vertical-align: -1px; color: #9ca8ae; } article.format-chat p:nth-child(odd) { background: transparent; } article.format-chat p:nth-child(odd):before { font-family: FontAwesome; content: "\f0e5"; } article.format-status .status-text span { display: block; margin-bottom: 18px; } /* Audio format */ .wp-audio-shortcode { max-width: 100%; } /* Video format */ .wp-video-shortcode { max-width: 100%; } article.format-video .post-preview { margin-left: -3px; margin-right: -3px; } article.format-video .post-preview .post-video-wrapper { padding-top: 56%; position: relative; } article.format-video .post-preview .post-video-wrapper > div { padding-top: 0 !important; position: static; } article.format-video .post-preview .post-video-wrapper iframe { width: 100%; height: 100%; display: block; position: absolute; margin: 0; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Image format */ article.format-image .post-preview img { min-width: 100%; } article.format-image .post-preview a { position: relative; display: block; overflow: hidden; border-radius: 4px; } article.format-image .post-preview a:after { font-family: 'Font Awesome 5 Free'; content: "\f14c"; width: 80px; height: 80px; line-height: 83px; text-align: center; font-size: 33px; font-weight: 900; background: #000; background: rgba(0, 0, 0, 0.75); color: #fff; position: absolute; display: block; bottom: 0%; left: 0%; border-radius: 0px 0px 0px 4px; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } article.format-image .post-preview a.local-image:after { content: "\f0c1"; } .single-post article.format-image .post-preview a { max-height: none; } /* Gallery format */ article.format-gallery .flex-direction-nav a.flex-next, article.format-gallery .flex-direction-nav a.flex-prev { display: none; } article.format-gallery .flexslider { border: none; box-shadow: none; margin-bottom: 0px; overflow: hidden; border-radius: 4px; } article.format-gallery .flexslider img { border-radius: 0px; } article.format-gallery .flexslider .flex-control-nav { bottom: 5px; } article.format-gallery .flexslider .flex-control-paging li a { box-sizing: content-box; background: none; border: 1px solid #fff; width: 7px; height: 7px; border-radius: 7px; box-shadow: none; } article.format-gallery .flexslider .flex-control-paging li a:hover { background: none; } article.format-gallery .flexslider .flex-control-paging li a.flex-active { background: #fff; } /* Next and previous links */ .post-arrows { position: fixed; top: 50%; left: 0; right: 0; z-index: 100; height: 0; } .post-arrows .button-wrapper-left, .post-arrows .button-wrapper-right { position: relative; cursor: pointer; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .post-arrows .previous_post_link, .post-arrows .next_post_link { display: table; position: absolute; top: 0; height: 100px; table-layout: fixed; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .post-arrows .previous_post_link a, .post-arrows .next_post_link a { color: #fff; padding: 15px; font-size: 12px; white-space: nowrap; } .post-arrows .button-wrapper-left { float: left; perspective: 1000px; -webkit-perspective-origin: 100% 50%; perspective-origin: 100% 50%; opacity: .1; } .post-arrows .button-wrapper-left i { width: 40px; line-height: 100px; background-color: #262628; text-align: center; display: inline-block; height: 100px; color: #fff; font-size: 24px; } .post-arrows .button-wrapper-left .previous_post_link { height: 100px; position: absolute; left: 100%; transform-origin: left center; transform: rotateY(90deg); } .post-arrows .button-wrapper-left .previous_post_link a { display: table-cell; vertical-align: middle; font-weight: 600; line-height: 20px; text-transform: uppercase; text-align: left; background-color: #262628; } .post-arrows .button-wrapper-left:hover { -moz-transform: translate(-40px, 0); -o-transform: translate(-40px, 0); -ms-transform: translate(-40px, 0); -webkit-transform: translate(-40px, 0); transform: translate(-40px, 0); opacity: 1; } .post-arrows .button-wrapper-left:hover .previous_post_link { transform: rotateY(0deg); } .post-arrows .button-wrapper-right { float: right; perspective: 1000px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%; opacity: .1; } .post-arrows .button-wrapper-right i { width: 40px; line-height: 100px; text-align: center; display: inline-block; background-color: #262628; height: 100px; color: #fff; font-size: 24px; } .post-arrows .button-wrapper-right .next_post_link { display: table; position: absolute; top: 0; height: 100px; right: 100%; table-layout: fixed; transform-origin: right center; transform: rotateY(-90deg); } .post-arrows .button-wrapper-right .next_post_link a { display: table-cell; vertical-align: middle; font-weight: 600; line-height: 20px; text-transform: uppercase; text-align: right; background-color: #262628; } .post-arrows .button-wrapper-right:hover { -moz-transform: translate(40px, 0); -o-transform: translate(40px, 0); -ms-transform: translate(40px, 0); -webkit-transform: translate(40px, 0); transform: translate(40px, 0); opacity: 1; } .post-arrows .button-wrapper-right:hover .next_post_link { transform: rotateY(0deg); } /* Meta */ article.post-entry .entry-meta { margin-bottom: 20px; font-size: 14px; } article.post-entry .entry-meta span:after { content: "|"; display: inline-block; padding: 0 5px; } article.post-entry .entry-meta span:last-child:after { display: none; } .entry-meta-footer { margin-top: 20px; color: #96a5ae; font-size: 13px; clear: both; } .entry-meta-footer a { color: #96a5ae; } .entry-meta-footer span:after { content: "|"; display: inline-block; padding: 0 5px; } .entry-meta-footer span:last-child:after { display: none; } .tag-links { margin-top: 30px; margin-bottom: 5px; } .tag-links:before { content: "\e055"; font-family: 'Simple-Line-Icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; display: inline-block; width: 25px; margin-left: 1px; font-size: 16px; vertical-align: -2px; } .tag-links span { display: inline-block; margin-right: 5px; line-height: 1; } .tag-links span a { -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; color: #7e828b; } .tag-links span:after { content: ","; margin-left: 2px; padding: 0px; } .tag-links span:last-child:after { content: ""; margin-left: 0px; } /* Page links */ .page-links { clear: both; font-size: 12px; text-transform: uppercase; font-weight: 600; color: #7e828b; padding-top: 20px; } .page-links span { padding-right: 5px; } /* Author info */ .author-area { border-bottom: 1px solid #ededed; padding: 0 0 70px; margin-bottom: 70px; } .author-area .author-image { float: left; } .author-area .author-bio { margin-left: 200px; } .author-area .author-bio .author-label { font-size: 11px; font-weight: 600; color: #9ca8ae; font-style: italic; letter-spacing: .1em; } .author-area .author-bio .author-name { font-weight: 600; margin-bottom: 15px; line-height: 1.3; font-size: 20px; color: #36353c; } .author-area .author-bio .author-info { line-height: 2; margin-bottom: 20px; } .author-area .author-bio .author-more { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; display: inline-block; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .author-area .author-bio .author-more:hover { color: #36353c; } body.blog-tilt .author-area { margin-top: 110px; } /* Search result page */ .search-results .page-header h1.page-title, .search-no-results .page-header h1.page-title { font-size: 24px; font-weight: 600; text-transform: none; letter-spacing: normal; display: inline-block; } .search-results .page-header h1.page-title .search-query, .search-no-results .page-header h1.page-title .search-query { display: block; font-size: 50px; font-weight: 800; text-transform: uppercase; margin-top: 10px; } .search-results .results-container, .search-no-results .results-container { margin-bottom: 40px; } .search-results .results-container .widget.widget_search, .search-no-results .results-container .widget.widget_search { margin-top: 10px; } .search-results article, .search-no-results article { display: inline-block; width: 100%; -webkit-transform: translateZ(0); } .search-results article .entry-title, .search-no-results article .entry-title { font-size: 14px; } .search-results article .entry-summary, .search-no-results article .entry-summary { margin: 16px 0 0 !important; font-size: 14px; color: #7e828b; line-height: 2; } .search-results article .entry-meta-footer .meta-author, .search-results article .entry-meta-footer .meta-category, .search-results article .entry-meta-footer .meta-comments, .search-no-results article .entry-meta-footer .meta-author, .search-no-results article .entry-meta-footer .meta-category, .search-no-results article .entry-meta-footer .meta-comments { display: none !important; } .search-results article .entry-meta-footer .meta-date, .search-no-results article .entry-meta-footer .meta-date { border-bottom: none !important; } .search-results article .entry-meta-footer .meta-date:after, .search-no-results article .entry-meta-footer .meta-date:after { display: none !important; } .search-results article .entry-meta-footer span:after, .search-no-results article .entry-meta-footer span:after { display: inline; } /* Error 404 page */ body.error404 #main { padding: 0 !important; } article.error404 .error-content { background-color: #f4f4f3; } article.error404 .row-inner { padding: 250px 0 210px; text-align: center; } article.error404 .row-inner h1 { font-size: 60px; line-height: 1; color: #3b3b41; font-weight: 800; } article.error404 .row-inner h2 { font-size: 40px; margin: 100px 0 30px; font-weight: 400; color: #3b3b41; letter-spacing: normal; } article.error404 .row-inner p { margin-bottom: 50px; color: #9ca8ae; font-size: 18px; font-weight: 400; } article.error404 .row-inner i { font-size: 100px; line-height: 1; width: 100px; cursor: pointer; opacity: 1; color: #3b3b41; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } /* Nothing found search page*/ .search-no-results #content h2 { margin-top: 5px; margin-bottom: 30px; text-transform: uppercase; } .search-no-results #content .search-no-results #content p { margin-top: -15px; color: #999; margin-bottom: 50px; font-size: 15px; font-weight: 300; } /* No posts found page */ p.no-posts { margin-top: 30px; margin-bottom: 32px; font-size: 15px; font-weight: 300; } /* Blog templates */ h1.entry-title { -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } body:not(.single) #main #content article:not(.format-gallery) .post-preview { position: relative; overflow: hidden; border-radius: 0; -webkit-border-radius: 0; } body:not(.single) #main #content article:not(.format-gallery) .post-preview img { border-radius: 0; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: transform; transition: transform; transition-timing-function: ease-in-out; transition-duration: .3s; z-index: 1; } body:not(.single) #main #content article:not(.format-gallery) .post-preview:hover img { -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); transition-duration: 2s; transition-timing-function: cubic-bezier(0.13, 0.19, 0, 0.99); } #main #content article.format-standard .entry-content span { font-size: 16px; color: #7e828b; } #main #content article.format-gallery .post-preview a { border-radius: 0; } #main #content article.format-gallery .post-preview img { border-radius: 0; } #main #content article:not(.format-gallery) .post-preview { position: relative; overflow: hidden; border-radius: 0; } #main #content article:not(.format-gallery) .post-preview a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; border-radius: 0; background-color: rgba(255, 255, 255, 0); z-index: 2; -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } #main #content article:not(.format-gallery) .post-preview a:hover { background-color: rgba(255, 255, 255, 0.6); } #main #content article:not(.format-gallery) .post-preview a:hover:after { opacity: .7; } #main #content article:not(.format-gallery) .post-preview a:after { position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; width: 60px; height: 60px; border-radius: 50%; opacity: 0; line-height: 60px; font-size: 16px; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } #main #content article:not(.format-gallery) .post-preview.ext-image { height: 425px; } #main #content article:not(.format-gallery) .post-preview.ext-image a img { height: 100%; width: auto; } #main #content article.format-quote .quoute-text { background-color: transparent; border: none; border-left: 2px solid; border-radius: 0; padding: 0 0 0 15px; } #main #content article.format-quote .quoute-text a { font-weight: 400; font-size: 18px; } #main #content article.format-quote .quoute-text span { font-size: 14px; color: #7e828b; line-height: 2; } #main #content article.format-link .link-text { background-color: transparent; border: none; border-left: 2px solid; border-radius: 0; padding: 0 0 0 15px; } #main #content article.format-link .link-text a { font-weight: 400; font-size: 18px; } #main #content article.format-link .link-text span { font-size: 14px; color: #7e828b; line-height: 2; } #main #content article.format-status .status-text { background-color: transparent; border: none; border-radius: 0; margin-bottom: 0; } #main #content article.format-status .status-text .entry-title { border-left: 2px solid; padding: 0 0 0 15px; font-weight: 400; } #main #content article.format-status .status-text .entry-title a { font-weight: 400; font-size: 18px; } #main #content article.format-status .status-text span { font-size: 14px; color: #7e828b; line-height: 2; margin-bottom: 0; } #main #content article .entry-summary { color: #7e828b; } .single-portfolio article { padding: 0 !important; } body.blog-tiled #main { background-color: #fafaf9; } body.blog-tiled #title-slope path { fill: #fafaf9; } body.blog-tiled #content article.post-entry { background-color: #fff; border-radius: 0; border: 1px solid #ededed; -webkit-transition: box-shadow 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out; } body.blog-tiled #content article.post-entry:hover { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); } body.blog-tiled #content article.post-entry .post-entry-header { font-weight: 200px; } body.blog-tiled #content article.post-entry h1.entry-title { font-weight: 400; text-transform: uppercase; font-size: 24px; } body.blog-tiled #content article.post-entry .entry-meta, body.blog-tiled #content article.post-entry .entry-meta-footer { color: #9ca8ae; font-weight: 400; font-family: Open Sans, Arial, sans-serif; } body.blog-tiled #content article.post-entry .entry-meta .vline-wrapper, body.blog-tiled #content article.post-entry .entry-meta-footer .vline-wrapper { display: none; } body.blog-tiled #content article.post-entry .entry-meta .hline-wrapper, body.blog-tiled #content article.post-entry .entry-meta-footer .hline-wrapper { display: none; } body.blog-tiled #content article.post-entry .entry-meta .meta-date, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-date { display: inline-block; text-transform: uppercase; } body.blog-tiled #content article.post-entry .entry-meta .meta-date .d, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-date .d { display: inline-block; font-weight: 200; } body.blog-tiled #content article.post-entry .entry-meta .meta-date .my, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-date .my { display: inline-block; font-weight: 500; } body.blog-tiled #content article.post-entry .entry-meta .meta-author, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-author { color: #36353c; } body.blog-tiled #content article.post-entry .entry-meta .meta-author i, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-author i { display: none; } body.blog-tiled #content article.post-entry .entry-meta .meta-category, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-category { color: #36353c; } body.blog-tiled #content article.post-entry .entry-meta .meta-category i, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-category i { display: none; } body.blog-tiled #content article.post-entry .entry-meta .meta-comments, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-comments { color: #36353c; } body.blog-tiled #content article.post-entry .entry-meta .meta-comments i, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-comments i { display: none; } body.blog-tiled #content article.post-entry .entry-meta a, body.blog-tiled #content article.post-entry .entry-meta-footer a { color: #9ca8ae; -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } body.blog-tiled #content article.post-entry .more-link { display: none; } body.blog-tiled #content .read-more { display: block; padding-top: 10px; } body.blog-tiled #content .read-more .excerpt-read-more { font-size: 12px; font-weight: 600; line-height: 35px; padding: 0px 25px 0 15px; border: 1px solid #ededed; border-radius: 0; color: #9ca8ae; position: relative; display: inline-block; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } body.blog-tiled #content .read-more .excerpt-read-more:hover { color: #fff; } body.blog-tiled #content .read-more .excerpt-read-more i { line-height: 35px; position: absolute; top: 0; right: 12px; } body.single #main #content article.post-entry .entry-meta .vline, body.single #main #content article.post-entry .entry-meta-footer .vline { display: none; } body.blog-clear #content article.post-entry .entry-meta .meta-author, body.blog-clear #content article.post-entry .entry-meta .meta-category, body.blog-clear #content article.post-entry .entry-meta .meta-comments, body.blog-clear #content article.post-entry .entry-meta-footer .meta-author, body.blog-clear #content article.post-entry .entry-meta-footer .meta-category, body.blog-clear #content article.post-entry .entry-meta-footer .meta-comments, body.blog-tilt #content article.post-entry .entry-meta .meta-author, body.blog-tilt #content article.post-entry .entry-meta .meta-category, body.blog-tilt #content article.post-entry .entry-meta .meta-comments, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-author, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-category, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-comments { padding-left: 0; } body.blog-clear #content article.post-entry { border-bottom: 1px solid #ededed; padding-bottom: 60px; padding-right: 0; padding-left: 0; } body.blog-clear #content article.post-entry .post-preview { border-top: 3px solid; } body.blog-clear #content article.post-entry h1.entry-title { font-weight: 300; text-transform: uppercase; font-size: 30px; } body.blog-clear #content article.post-entry .entry-meta, body.blog-clear #content article.post-entry .entry-meta-footer { color: #9ca8ae; font-weight: 400; font-family: Open Sans, Arial, sans-serif; } body.blog-clear #content article.post-entry .entry-meta .vline-wrapper, body.blog-clear #content article.post-entry .entry-meta-footer .vline-wrapper { display: none; } body.blog-clear #content article.post-entry .entry-meta .hline-wrapper, body.blog-clear #content article.post-entry .entry-meta-footer .hline-wrapper { display: none; } body.blog-clear #content article.post-entry .entry-meta .meta-date, body.blog-clear #content article.post-entry .entry-meta-footer .meta-date { display: inline-block; text-transform: uppercase; font-family: Ubuntu, Arial, sans-serif; border-bottom: none; } body.blog-clear #content article.post-entry .entry-meta .meta-date .d, body.blog-clear #content article.post-entry .entry-meta-footer .meta-date .d { display: inline-block; font-weight: 600; } body.blog-clear #content article.post-entry .entry-meta .meta-date .my, body.blog-clear #content article.post-entry .entry-meta-footer .meta-date .my { display: inline-block; font-weight: 600; } body.blog-clear #content article.post-entry .entry-meta .meta-author, body.blog-clear #content article.post-entry .entry-meta-footer .meta-author { color: #36353c; } body.blog-clear #content article.post-entry .entry-meta .meta-author i, body.blog-clear #content article.post-entry .entry-meta-footer .meta-author i { display: none; } body.blog-clear #content article.post-entry .entry-meta .meta-category, body.blog-clear #content article.post-entry .entry-meta-footer .meta-category { color: #36353c; } body.blog-clear #content article.post-entry .entry-meta .meta-category i, body.blog-clear #content article.post-entry .entry-meta-footer .meta-category i { display: none; } body.blog-clear #content article.post-entry .entry-meta .meta-comments, body.blog-clear #content article.post-entry .entry-meta-footer .meta-comments { color: #36353c; } body.blog-clear #content article.post-entry .entry-meta .meta-comments i, body.blog-clear #content article.post-entry .entry-meta-footer .meta-comments i { display: none; } body.blog-clear #content article.post-entry .entry-meta a, body.blog-clear #content article.post-entry .entry-meta-footer a { color: #9ca8ae; -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } body.blog-clear #content article.post-entry .entry-summary { margin: 0; color: #7e828b; } body.blog-clear #content article.post-entry .entry-summary .more-link { display: none; } body.blog-clear #content .read-more { display: block; margin-top: 60px; text-align: center; } body.blog-clear #content .read-more .excerpt-read-more { font-size: 11px; text-transform: uppercase; letter-spacing: .3em; font-weight: 700; line-height: 35px; margin: 0 auto; padding: 0px 30px; border-top: 1px solid #f4f4f3; border-bottom: 1px solid #f4f4f3; color: #7e828b; position: relative; display: inline-block; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } body.blog-clear #content .read-more .excerpt-read-more:hover { color: #fff; background-color: #30b9e6; border-color: #30b9e6; } body.blog-clear #content .read-more .excerpt-read-more i { display: none; } body.blog-clear #content article .post-preview { border-radius: 0 !important; } body.blog-clear #content article .post-preview a, body.blog-clear #content article .post-preview img { border-radius: 0 !important; } body.blog-tilt #main { background-color: #fafaf9; padding-bottom: 140px; } body.blog-tilt #title-slope path { fill: #f4f4f3; } body.blog-tilt #content article.post-entry { position: relative; background-color: #fff; padding-bottom: 20px; margin: 70px 0 0; } body.blog-tilt #content article.post-entry .post-slope-top, body.blog-tilt #content article.post-entry .post-slope-bot { position: absolute; left: 0; height: 50px; width: 100%; } body.blog-tilt #content article.post-entry .post-slope-top path, body.blog-tilt #content article.post-entry .post-slope-bot path { fill: #fff; } body.blog-tilt #content article.post-entry .post-slope-top { bottom: 100%; margin-bottom: -1px; } body.blog-tilt #content article.post-entry .post-slope-bot { top: 100%; margin-top: -1px; } body.blog-tilt #content article.post-entry h1.entry-title { font-weight: 300; text-transform: uppercase; font-size: 30px; } body.blog-tilt #content article.post-entry .entry-meta, body.blog-tilt #content article.post-entry .entry-meta-footer { margin-top: 15px; color: #36353c; font-weight: 400; font-family: Open Sans, Arial, sans-serif; } body.blog-tilt #content article.post-entry .entry-meta .vline-wrapper, body.blog-tilt #content article.post-entry .entry-meta-footer .vline-wrapper { display: none; } body.blog-tilt #content article.post-entry .entry-meta .hline-wrapper, body.blog-tilt #content article.post-entry .entry-meta-footer .hline-wrapper { display: none; } body.blog-tilt #content article.post-entry .entry-meta .meta-date, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-date { display: inline-block; text-transform: uppercase; font-family: Ubuntu, Arial, sans-serif; border-bottom: none; } body.blog-tilt #content article.post-entry .entry-meta .meta-date .d, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-date .d { display: inline-block; font-weight: 600; } body.blog-tilt #content article.post-entry .entry-meta .meta-date .my, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-date .my { display: inline-block; font-weight: 600; } body.blog-tilt #content article.post-entry .entry-meta .meta-author, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-author { color: #36353c; } body.blog-tilt #content article.post-entry .entry-meta .meta-author i, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-author i { display: none; } body.blog-tilt #content article.post-entry .entry-meta .meta-category, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-category { color: #36353c; } body.blog-tilt #content article.post-entry .entry-meta .meta-category i, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-category i { display: none; } body.blog-tilt #content article.post-entry .entry-meta .meta-comments, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-comments { color: #36353c; } body.blog-tilt #content article.post-entry .entry-meta .meta-comments i, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-comments i { display: none; } body.blog-tilt #content article.post-entry .entry-meta a, body.blog-tilt #content article.post-entry .entry-meta-footer a { color: #9ca8ae; -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } body.blog-tilt #content article.post-entry .entry-summary { margin: 0; color: #7e828b; } body.blog-tilt #content article.post-entry .entry-summary .more-link { display: none; } body.blog-tilt #content .read-more { display: block; margin-top: 15px; } body.blog-tilt #content .read-more .excerpt-read-more { font-size: 14px; font-weight: 600; line-height: 35px; color: #7e828b; position: relative; display: inline-block; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } body.blog-tilt #content .read-more .excerpt-read-more i { display: none; } /*---------------------------------------------------------------*/ /* 09. Images /*---------------------------------------------------------------*/ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget img { max-width: 100%; height: auto; } img.alignleft { margin-right: 1em; } img.alignright { margin-left: 1em; } /* WordPress Captions */ .wp-caption { text-align: center; } .wp-caption figcaption { background-color: rgba(0, 0, 0, 0.7); text-align: left; color: #fff; margin: 0; padding: 6px 8px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } dl.wp-caption { padding: 0px; } dt.wp-caption-dt:after { content: ""; content: none; } figure.wp-caption { max-width: 100%; } .wp-caption.alignleft { margin-right: 1em; } .wp-caption.alignright { margin-left: 1em; } .wp-caption .wp-caption-text { margin: -0.5em 0.25em 0.25em 0em; } /* WordPress Gallery (some parts adapted from Twenty Fourteen by the WordPress team http://wordpress.org/themes/twentyfourteen) */ .gallery-item { float: left; overflow: hidden; position: relative; } .gallery-item img { -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .gallery-item a img:hover { opacity: 0.8; filter: alpha(opacity=80); } .gallery:before, .gallery:after { content: ""; display: table; } .gallery:after { clear: both; } .gallery-columns-1 .gallery-item { max-width: 100%; min-width: 100%; } .gallery-columns-2 .gallery-item { min-width: 47%; max-width: 47%; } .gallery-columns-3 .gallery-item { min-width: 32%; max-width: 32%; } .gallery-columns-4 .gallery-item { min-width: 24%; max-width: 24%; } .gallery-columns-5 .gallery-item { min-width: 19%; max-width: 19%; } .gallery-columns-6 .gallery-item { min-width: 15%; max-width: 15%; } .gallery-columns-7 .gallery-item { min-width: 13%; max-width: 13%; } .gallery-columns-8 .gallery-item { min-width: 11%; max-width: 11%; } .gallery-columns-9 .gallery-item { min-width: 9%; max-width: 9%; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; margin: 0; opacity: 0; padding: 6px 8px; position: absolute; bottom: 5px; left: 0; text-align: left; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 50%; } .gallery-item:hover .gallery-caption, .gallery-item.touch-hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* Forms - Class for labelling required form items */ .required { color: #cc0033; } /*---------------------------------------------------------------*/ /* 10. Comments /*---------------------------------------------------------------*/ #comments { padding-bottom: 5px; } #comments h3.comments-title { font-family: Open Sans, Arial, sans-serif; font-size: 14px; font-weight: 400; color: #9ca8ae; text-align: center; } #comments h3.comments-title .comments-title-inner { padding: 0 20px; margin: 0 auto; display: inline-block; text-transform: uppercase; position: relative; } #comments h3.comments-title .comments-title-inner:before, #comments h3.comments-title .comments-title-inner:after { content: ""; display: block; position: absolute; top: 50%; width: 100px; height: 1px; background-color: #ededed; } #comments h3.comments-title .comments-title-inner:before { right: 100%; } #comments h3.comments-title .comments-title-inner:after { left: 100%; } #comments .comment-list { margin: 0 0 40px; list-style: none; } #comments .comment-list li article { padding: 40px 0; } #comments .comment-list .children { list-style: none; margin: 0px; padding-left: 30px; position: relative; } #comments .comment-list .children li { margin: 0; } #comments .comment-list .bypostauthor article { padding-left: 20px; padding-right: 20px; } #comments .comment-body { min-height: 60px; padding: 0 0 30px 0; margin: 25px 0px 0px; border-bottom: 1px solid #ededed; display: block; position: relative; } #comments .comment-body p:last-child { margin-bottom: 0px; } #comments .comment-body .comment-content { font-size: 16px; color: #7e828b; clear: both; line-height: 1.6; } #comments .comment-body .comment-content img { width: 100%; } #comments .comment-body footer { margin-bottom: 30px; } #comments .comment-author img { float: left; margin-right: 20px; margin-top: -30px; border: 4px solid #f4f4f3; border-radius: 50%; } #comments .comment-author .fn { font-size: 16px; font-weight: 700; font-style: normal; color: #262628; } #comments .comment-author .says { display: none; } #comments .comment-author .author-url { font-size: 13px; font-weight: 600; font-style: normal; } #comments .children .comment-body .comment-author img { width: 40px; height: 40px; margin-top: 0; } #comments .children .comment-body footer { margin-bottom: 30px; } #comments .comment-metadata { font-size: 14px; font-family: Open Sans, Arial, sans-serif; } #comments .comment-metadata a { color: #36353c; } #comments .reply { position: absolute; right: 0; top: 50px; } #comments .reply .comment-reply-link { text-transform: uppercase; font-size: 12px; font-weight: 600; line-height: 30px; height: 30px; padding: 0 15px; border: 1px solid #ededed; border-radius: 0; color: #9ca8ae; position: relative; display: block; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #comments .reply .comment-reply-link:hover { color: #fff; } /* Pingbacks and trackbacks */ #comments .pingback .comment-body { min-height: 0px; margin: 0px; padding: 15px 0px; } #comments .pingback .comment-body:before { font-family: FontAwesome; content: "\f122"; color: #aaaaaa; padding-right: 8px; font-size: 14px; vertical-align: -1px; } /* Comment form */ #comments .comment-form-info-fields { margin-bottom: 25px; } #comments .comment-form-author input#author, #comments .comment-form-email input#email, #comments .comment-form-url input#url { width: 100%; margin-top: 3px; } #comments .comment-form-author label, #comments .comment-form-email label, #comments .comment-form-url label { margin-bottom: 5px; font-size: 11px; font-weight: 700; text-transform: uppercase; color: #363b3e; } #comments .comment-awaiting-moderation { color: #f47177; } #comments p.comment-form-comment { margin-bottom: 25px; } #comments p.comment-form-comment label { display: none; } #comments p.comment-form-comment textarea#comment { width: 100%; font-size: 14px; } #comments p.comment-notes, #comments p.logged-in-as, #comments p.must-log-in { margin-bottom: 40px; margin-top: 10px; font-size: 14px; color: #9ca8ae; } #comments p.logged-in-as a { color: #36353c; } #comments h3.comment-reply-title { margin-top: 40px; font-size: 18px; font-weight: 600; text-transform: uppercase; } #comments h3.comment-reply-title #cancel-comment-reply-link { display: inline-block; float: right; margin-right: 2px; line-height: 1; text-transform: uppercase; font-size: 11px; font-weight: 600; -webkit-transition: all 0.25; -moz-transition: all 0.25s; transition: all 0.25s; } /* Comment form columns */ .col_container:before, .col_container:after { content: " "; display: table; } .col_container:after { clear: both; } .col_container .col_3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; float: left; width: 33.33333333333333%; min-height: 1px; padding-right: 20px; } .col_container .col_3:last-child { padding-right: 0px; } /* Paragraph that wraps the submit button and hidden comment ID fields. */ p.form-submit { margin-bottom: 0; text-align: right; } p.form-submit #submit { font-family: Open Sans, Arial, sans-serif; font-size: 12px; font-weight: 600; color: #fff; text-transform: uppercase; line-height: 40px; padding: 0 20px; border: none; border-radius: 3px; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } p.form-submit #submit:hover { background-color: #1ba0c8; } /*---------------------------------------------------------------*/ /* 11. Footer /*---------------------------------------------------------------*/ .site-footer { overflow-x: hidden; } /* Footer widget style */ .footer-sidebar, .site-info { background: #171a1f; padding: 60px 0px 15px 0px; } .footer-sidebar .copyright-inner, .site-info .copyright-inner { padding: 0 15px; } .footer-sidebar .row-inner-full .vc_col-sm-12, .footer-sidebar .row-inner-full .vc_col-sm-6, .footer-sidebar .row-inner-full .vc_col-sm-4, .footer-sidebar .row-inner-full .vc_col-sm-3, .site-info .row-inner-full .vc_col-sm-12, .site-info .row-inner-full .vc_col-sm-6, .site-info .row-inner-full .vc_col-sm-4, .site-info .row-inner-full .vc_col-sm-3 { padding-left: 5%; padding-right: 5%; } .footer-sidebar .widget, .site-info .widget { margin-bottom: 0px; font-weight: 400; color: rgba(255, 255, 255, 0.3); font-size: 14px; } .footer-sidebar .widget a, .site-info .widget a { color: rgba(255, 255, 255, 0.5); } .footer-sidebar .widget sub, .footer-sidebar .widget sup, .site-info .widget sub, .site-info .widget sup { text-transform: none; line-height: 1px; font-weight: normal; } .footer-sidebar .widget sub a:hover, .footer-sidebar .widget sup a:hover, .site-info .widget sub a:hover, .site-info .widget sup a:hover { border-bottom: 2px solid; } .footer-sidebar .widget input, .site-info .widget input { width: 85%; border-radius: 2px; } .footer-sidebar .widget input[type="submit"], .site-info .widget input[type="submit"] { width: 85%; height: 44px; padding: 10px 45px; } .footer-sidebar .widget ul li, .footer-sidebar .widget ul ul, .site-info .widget ul li, .site-info .widget ul ul { border: none; } .footer-sidebar .widget .widget-title, .site-info .widget .widget-title { color: #fff; text-transform: uppercase; font-weight: 600; font-size: 14px; } .footer-sidebar .widget_search, .site-info .widget_search { border-color: rgba(255, 255, 255, 0.3); } .footer-sidebar .widget_search:before, .site-info .widget_search:before { color: rgba(255, 255, 255, 0.3); } .footer-sidebar .widget_search:hover, .site-info .widget_search:hover { background-color: rgba(255, 255, 255, 0.1); } .footer-sidebar .widget-area .widget .tagcloud a, .site-info .widget-area .widget .tagcloud a { font-size: 10px !important; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); } .footer-sidebar .widget-area .widget .tagcloud a:hover, .site-info .widget-area .widget .tagcloud a:hover { border-color: transparent; color: #fff; } .footer-sidebar #wp-calendar caption, .site-info #wp-calendar caption { color: rgba(255, 255, 255, 0.3); } .footer-sidebar #wp-calendar thead th, .site-info #wp-calendar thead th { color: #fff; } .footer-sidebar #wp-calendar tbody a, .site-info #wp-calendar tbody a { text-decoration: none; } .footer-sidebar #wp-calendar tbody td, .site-info #wp-calendar tbody td { padding: 4px 0; border-width: 1px; border-style: solid; border-color: transparent; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .footer-sidebar #wp-calendar tbody td:not(.pad):hover, .site-info #wp-calendar tbody td:not(.pad):hover { color: #fff; background-color: rgba(255, 255, 255, 0.1); } .footer-sidebar #wp-calendar tbody .pad, .site-info #wp-calendar tbody .pad { border: 1px solid transparent; background: transparent; } .footer-sidebar #wp-calendar tfoot td, .site-info #wp-calendar tfoot td { border: 1px solid transparent; background: transparent; } /* Copyright widget style */ .site-info .row-inner-full { padding-left: 5% !important; padding-right: 5% !important; } .site-info .widget { margin-bottom: 0px; float: left; margin-right: 40px; text-transform: uppercase; font-weight: bold; font-size: 10px; line-height: 30px; padding: 0; } .site-info .widget-title { display: none; } .site-info .recentcomments { padding-left: 10px; } .site-info .recentcomments:first-child { padding-left: 0px; } .site-info ul { list-style: none; margin: 0; } .site-info ul li { display: inline; margin-right: 10px; border: none; } .site-info ul li:last-child { margin-right: 0px; } .site-info ul li i { vertical-align: middle; } .site-info ul li a { padding: 0px 10px 0px 0px; } .footer-sidebar .vc_col-sm-4:last-child, .footer-sidebar .vc_col-sm-6:nth-child(3), .footer-sidebar .vc_col-sm-12 { margin: 0; } /* Copyright area */ .site-info { width: 100%; background: #11151c; padding: 20px 0; letter-spacing: .1em; } .site-info .widget { margin: 0px; } /* Scroll to top button */ .scrollToTop { width: 40px; height: 40px; padding: 0 10px; text-align: center; color: #8E9BB0; font-size: 30px; text-decoration: none; position: fixed; z-index: 999; bottom: 15px; right: 15px; background-color: transparent; opacity: 1; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; } .scrollToTop.invisible { opacity: 0; -moz-transform: translate(0, 15px); -o-transform: translate(0, 15px); -ms-transform: translate(0, 15px); -webkit-transform: translate(0, 15px); transform: translate(0, 15px); -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out 0.3s; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out 0.3s; } .scrollToTop svg { -webkit-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } .scrollToTop:hover svg { -moz-transform: translate(0, -3px); -o-transform: translate(0, -3px); -ms-transform: translate(0, -3px); -webkit-transform: translate(0, -3px); transform: translate(0, -3px); } .scrollToTop polygon { fill: #9ca8ae; -webkit-transition: fill 0.2s ease-in-out; transition: fill 0.2s ease-in-out; } /*----------------------------------------------------------------- 12. WIDGETS -------------------------------------------------------------------*/ /* Default widget style */ .widget { margin: 0 0 30px; padding: 0 0 20px 0; font-size: 13px; font-weight: 400; font-family: Open Sans, Arial, sans-serif; } .widget .screen-reader-text { display: none; } .widget:last-child { margin-bottom: 0px; } .widget a { -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; color: #9ca8ae; } .widget ul { margin: 0; padding: 0; list-style: none; } .widget ul li { padding: 5px 0; margin: 0; } .widget ul:last-child { padding-bottom: 0px; border-bottom: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .widget ul:first-child { padding-top: 0px; } .widget ul ul { margin-top: 10px; } .widget ul ul li { margin-left: 15px; } .widget ul ul li:first-child { padding-top: 10px; } .widget select { max-width: 420px; } .widget .widget-title { font-weight: 600; font-size: 14px; padding: 0; margin: 0 0 10px; text-transform: uppercase; } .widget_search { height: 40px; line-height: 40px; padding: 0 15px; margin-bottom: 45px; position: relative; cursor: pointer; border: 2px solid #ededed; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .widget_search:hover { background-color: #fafaf9; } .widget_search:before { content: "Search..."; font-weight: 400; color: #7e828b; } .widget_search:after { color: #ededed; position: absolute; top: 0; right: 15px; font-family: FontAwesome; content: "\f002"; } /* Top bar widget style */ #top-bar { height: 40px; width: 100%; margin: 0 auto; padding: 0 30px; line-height: 20px; } #top-bar #topleft-widget-area, #top-bar #topright-widget-area { padding: 10px 0; display: inline-block; } #top-bar #topleft-widget-area { float: left; } #top-bar #topright-widget-area { float: right; } #top-bar .widget-container { margin-right: 40px; line-height: 20px; height: 20px; } #top-bar .widget-container:last-child { margin-right: 0px; } #top-bar .widget-title { font-weight: bold; margin-right: 10px; } #top-bar .recentcomments { padding-left: 10px; } #top-bar .recentcomments:first-child { padding-left: 0px; } #top-bar ul { font-size: 12px; list-style: none; margin: 0; } #top-bar ul li { float: left; margin: 0; } #top-bar ul li i { vertical-align: middle; } #top-bar ul li a { padding: 0px 10px 0px 0px; } #top-bar ul li a:after { content: "/"; font-size: 12px; vertical-align: top; color: #696969; margin-left: 10px; opacity: 0.4; } #top-bar ul li:first-child a { padding-left: 0px; } #top-bar ul li:last-child a { padding-right: 0px; border-right: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #top-bar ul li:last-child a:after { content: ""; } #top-bar #topright-widget-area ul { float: right; } #top-bar .vc_icon_element-inner { height: 20px !important; width: 20px !important; line-height: 20px !important; } #top-bar .widget_icl_lang_sel_widget { position: relative; } #top-bar #lang_sel { margin-top: -2px; position: absolute; left: 0; top: 0; width: 100%; z-index: 981; } #top-bar #lang_sel ul li a { padding: 0px 10px; line-height: 24px; border-right: 1px solid #cdcdcd; } /* Single widget styles */ /* WP Menu Widget */ #sidebar .widget_nav_menu ul li { padding: 0px; position: relative; background: transparent; } #sidebar .widget_nav_menu ul li:last-child { margin-bottom: 10px; } #sidebar .widget_nav_menu ul li a { display: block; padding: 10px 15px; color: #36353c; font-size: 11px; text-transform: uppercase; font-weight: 800; letter-spacing: .1em; -webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out; } #sidebar .widget_nav_menu ul li a:hover { border-color: #262628; } #sidebar .widget_nav_menu ul li.menu-item-has-children { background: none; border: none; } #sidebar .widget_nav_menu ul li.current-menu-item:hover a { border-color: #262628; } #sidebar .widget_nav_menu ul li.current-menu-item a { background-color: #262628; border-color: #262628; color: #fff; } #sidebar .widget_nav_menu ul li.current-menu-item a:hover { color: #fff; } #sidebar .widget_nav_menu ul ul { margin-bottom: 15px; margin-top: 0px; } #sidebar .widget_nav_menu ul ul li { margin-right: 15px; } #sidebar.float-left .widget_nav_menu ul li.current-menu-item a { border-color: #262628; } #sidebar.float-left .widget_nav_menu ul li a { text-align: right; white-space: nowrap; } #sidebar.float-left .widget_nav_menu > div > ul > li > a { border-right: solid 3px #ededed; } #sidebar.float-right .widget_nav_menu ul li.current-menu-item a { border-color: #262628; } #sidebar.float-right .widget_nav_menu ul li a { text-align: left; white-space: nowrap; } #sidebar.float-right .widget_nav_menu > div > ul > li > a { border-left: solid 3px #ededed; } /* WP Calendar */ #wp-calendar { max-width: 100%; font-size: 10px; background: none; } #wp-calendar tr { background-color: transparent; } #wp-calendar caption { text-align: right; font-size: 12px; font-weight: 600; margin-bottom: 10px; color: #8E9BB0; text-transform: uppercase; } #wp-calendar thead { font-weight: bold; font-size: 10px; color: #444; } #wp-calendar thead th { padding: 0 0 10px 0; width: 36px; background: none; color: #36353c; font-size: 13px; font-weight: 600; text-shadow: none; } #wp-calendar tbody { color: #7e828b; font-size: 13px; } #wp-calendar tbody a { text-decoration: underline; } #wp-calendar tbody td { background: transparent; padding: 6px 8px; border: none; text-align: center; -webkit-transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out; transition: background 0.1s ease-in-out, border-color 0.1s ease-in-out; } #wp-calendar tbody td:hover { background: #f4f4f3; } #wp-calendar tbody .pad, #wp-calendar tbody .pad:hover { border-color: transparent; background: none; } #wp-calendar #today { background: #999; color: #f9f9f9; } #wp-calendar #today a { color: #f9f9f9; } #wp-calendar tfoot #next { text-transform: uppercase; text-align: right; padding-left: 60px; } #wp-calendar tfoot #prev { text-transform: uppercase; padding-top: 10px; padding-right: 60px; } /* Tags */ .widget-area .widget .tagcloud { text-transform: lowercase; } .widget-area .widget .tagcloud a { color: #7e828b; background: transparent; font-size: 10px !important; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; display: inline-block; padding: 7px 10px; margin: 3px 2px; border: 1px solid #ededed; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .widget-area .widget .tagcloud a:hover { border-color: transparent; color: #fff; } /* Recent posts */ .post-date { display: block; font-size: 11px; } /* Search */ .search-input { width: 100%; max-width: 300px; } /*---------------------------------------------------------------*/ /* 13. Portfolio /*---------------------------------------------------------------*/ .single-portfolio article.post-entry { margin-bottom: 0; border: none !important; } .portfolio-fetured-img img { width: 100%; max-width: 100%; } /*---------------------------------------------------------------*/ /* 14. Plugins /*---------------------------------------------------------------*/ /* CONTACT FORM 7 */ .wpcf7 { max-width: 100%; } .wpcf7 p { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; color: #36353C; } .wpcf7 input, .wpcf7 textarea, .wpcf7 span, .wpcf7 select { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 5px; margin-bottom: 30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wpcf7 input, .wpcf7 textarea, .wpcf7 select { background: none; border: 1px solid #ededed; color: #7e828b; height: auto; font-size: 14px; padding: 5px 15px; } .wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 select:focus { background-color: #fafaf9; } .wpcf7 textarea { min-height: 216px; padding: 15px; } .wpcf7 input::-webkit-input-placeholder, .wpcf7 textarea::-webkit-input-placeholder { color: #bdc3c7; } .wpcf7 input::-moz-placeholder, .wpcf7 textarea::-moz-placeholder { color: #AAAFB3; } .wpcf7 input[type="submit"] { color: #fff; width: auto; font-size: 13px; font-weight: 600; height: auto; padding: 13px 45px; border: none; } .wpcf7 input[type='checkbox'] { width: auto; height: auto; border: none; vertical-align: -1px; } .wpcf7 input[type='radio'] { width: auto; height: auto; border: none; vertical-align: -1px; } .wpcf7 input.wpcf7-file { background: none; border: none; padding-left: 0; padding-right: 10px; height: 30px; } .wpcf7 input[type='file'] { background: none; border: none; box-shadow: none; } .wpcf7 input[type='range'] { background: none; } .wpcf7 input[type='url'] { text-decoration: underline; } /* Contact form 7 loader style */ div.wpcf7 img.ajax-loader { margin-left: 20px; background: #fff; padding: 10px; border-radius: 50%; } /* Contact form 7 message boxes */ span.wpcf7-not-valid-tip { color: #f44f55; padding: 5px 15px; margin-top: -30px; text-align: right; } input.wpcf7-not-valid { border-color: #f44f55; } div.wpcf7-response-output { margin: 0; } /* ESSENTIAL GRID */ article.essential_grid .post-preview img, article.essential_grid .post-preview a { border-radius: 4px; } /* WPML */ #sidebar .widget.widget_icl_lang_sel_widget { overflow: visible; } /*---------------------------------------------------------------*/ /* 15. Retina /*---------------------------------------------------------------*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (-o-min-device-pixel-ratio: 32), only screen and (min-device-pixel-ratio: 1.5) { #site-logo img.default-logo, #site-logo img.sticked-logo { display: none; } #site-logo img.retina-logo, #site-logo img.sticked-retina-logo { display: block; } } /*---------------------------------------------------------------*/ /* 16. Responsive - Visual Composer related styles are inside core extension plugin /*---------------------------------------------------------------*/ /* Menu paddings for boxed header */ @media only screen and (max-width: 1150px) { #site-logo { left: 30px; } #wrapper.page-boxed .page-header .row-inner { padding-left: 30px !important; padding-right: 30px !important; } } /* * ------------------------------------------------------------------------------------------- * ALL DEVICES INCLUDING TABLET LANDSCAPE * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 1024px) { /* General */ body { -webkit-text-size-adjust: none; } /* Title area */ .page-header { -webkit-background-size: auto !important; -moz-background-size: auto !important; -o-background-size: auto !important; background-size: auto !important; } } /* * ------------------------------------------------------------------------------------------- * TABLET LANDSCAPE ONLY * ------------------------------------------------------------------------------------------- */ /* * ------------------------------------------------------------------------------------------- * ALL DEVICES STARTING TABLET PORTRAIT * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 979px) { /* Page Title */ .page-header .page-title { border-bottom: none; } /* Sidebar layout change */ #content.float-left, #content.float-right, #sidebar { width: 100%; } #sidebar.float-right, #sidebar.float-left { padding: 60px 0 30px; } #sidebar .widget-area aside { width: 100%; } #content.float-left { padding-right: 0; } #content.float-right { padding-left: 0; } /* Comment form */ .col_container .col_3 { float: none; width: 100%; padding-right: 0; margin-top: 15px; } #comments p.comment-notes, p.logged-in-as, p.must-log-in { margin-bottom: 20px; } /* Footer forms */ .footer-sidebar .widget input { width: 100%; } .footer-sidebar .widget input[type="submit"] { width: 100%; } } /* * ------------------------------------------------------------------------------------------- * TABLET PORTRAIT ONLY * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 979px) { /* WordPress gallery */ .gallery-columns-1 .gallery-item { max-width: 100%; min-width: 100%; } .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { min-width: 48%; max-width: 48px; } } /* * ------------------------------------------------------------------------------------------- * MOBILE BOTH VIEWS * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 767px) { /* Top bar */ #top-bar { height: auto; padding-top: 15px; padding-bottom: 15px; } #top-bar #topleft-widget-area, #top-bar #topright-widget-area { display: block; padding-left: 0; padding-right: 0; float: none; } #top-bar .widget-container { height: auto; } #top-bar ul li, #top-bar #topright-widget-area ul { float: none; text-align: center; margin: 0 auto; } /* Footer */ .vc_responsive .footer-sidebar .vc_col-sm-3, .vc_responsive .footer-sidebar .vc_col-sm-4, .vc_responsive .footer-sidebar .vc_col-sm-6 { margin-bottom: 50px; } /* Search page */ .search-no-results .error-icon { visibility: hidden; } /* Footer */ .footer-sidebar { padding-bottom: 10px; } /* 404 page */ article.error404 .row-inner { padding: 50px 0 65px; } article.error404 .row-inner h2 { font-size: 20px; } article.error404 .row-inner p { font-size: 16px; } article.error404 .row-inner i { font-size: 40px; width: 40px; } } /* * ------------------------------------------------------------------------------------------- * MOBILE LANDSCAPE ONLY * ------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Table style */ th { padding: 10px; } td { padding: 10px 5px; } /* WordPress Gallery */ .gallery-columns-1 .gallery-item { max-width: 100%; min-width: 100%; } .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { min-width: 48%; max-width: 48%; } .author-area .author-image { float: none !important; margin: 0; } .author-area .author-bio { margin: 30px 0 0 !important; } } /* * ------------------------------------------------------------------------------------------- * MOBILE PORTRAIT & LOWER * ------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 479px) { /* Table style */ th { padding: 5px; } td { padding: 5px 2px; } /* Definition list*/ dt { text-align: left; width: auto; } dd { clear: both; margin: 0; } /* Posts */ .previous_post_link a, .next_post_link a { float: none; display: block; text-align: center; } .previous_post_link a:before { margin-right: 5px; } .next_post_link a { margin-bottom: 20px; } .previous_post_link a { margin-bottom: 0; } .author-area .author-image { float: none !important; margin: 0; } .author-area .author-bio { margin: 30px 0 0 !important; } /* Comment form */ #comments .comment-list #respond { margin: 0 0 50px; } #comments .comment-list .children .children { border-left: none; } #comments .comment-body { padding-bottom: 50px; } #comments .comment-body footer { text-align: center; margin-bottom: 25px; } #comments .comment-author img { margin: 0 auto; float: none; } #comments .comment-author .fn { display: block; clear: both; margin-top: 10px; } #comments .children .comment-body { padding-left: 40px; padding-bottom: 50px; } #comments .comment-list .children { padding-left: 0; } #comments .reply { position: relative; right: auto; top: auto; text-align: center; margin-top: 37px; } #comments h3.comment-reply-title #cancel-comment-reply-link { display: block; float: none; margin-top: 10px; } #comments ol.children li .comment-body .comment-author img { width: 50px; height: 50px; } #comments ol.children li ol li .comment-body .comment-author img { width: 40px; height: 40px; } #comments ol.children li ol li ol li .comment-body .comment-author img { width: 30px; height: 30px; } #comments ol.children li ol li ol li ol li .comment-body .comment-author img { width: 20px; height: 20px; } /* Copyright area */ .site-info i { margin-bottom: 15px; } /* WordPress Gallery */ .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { max-width: 100%; min-width: 100%; } } /*------------------------------------------------------------------------------*/ /* THANK YOU FOR CHOOSING OUR THEME! - Whitebox Studio | http://whiteboxstud.io /*------------------------------------------------------------------------------*/ @media only screen and (min-width: 768px) { /********************* GENERAL STYLES *********************/ /********************* LAYOUT & GRID STYLES *********************/ /********************* HEADER STYLES *********************/ /********************* NAVIGATION STYLES *********************/ .nav { border: 0; /* end .menu ul li */ /* highlight current page */ /* end current highlighters */ } .nav ul { background: #323944; margin-top: 0; } .nav li { float: left; position: relative; /* plan your menus and drop-downs wisely. */ /* showing sub-menus */ } .nav li a { border-bottom: 0; /* you can use hover styles here even though this size has the possibility of being a mobile device. */ } .nav li a:hover, .nav li a:focus { color: #fff; text-decoration: underline; } .nav li ul.sub-menu, .nav li ul.children { margin-top: 0; border: 1px solid #ccc; border-top: 0; position: absolute; visibility: hidden; z-index: 8999; /* highlight sub-menu current page */ } .nav li ul.sub-menu li, .nav li ul.children li { /* if you need to go deeper, go nuts just remember deeper menus suck for usability. k, bai. */ } .nav li ul.sub-menu li a, .nav li ul.children li a { padding-left: 10px; border-right: 0; display: block; width: 180px; border-bottom: 1px solid #ccc; } .nav li ul.sub-menu li:last-child a, .nav li ul.children li:last-child a { border-bottom: 0; } .nav li ul.sub-menu li ul, .nav li ul.children li ul { top: 0; left: 100%; } .nav li:hover > ul { top: auto; visibility: visible; } /* end .nav */ /********************* MOBILE NAVIGATION *********************/ /* Toggle button */ .toggle-mobile-menu { display: none; } #site-navigation { display: block; } /********************* SIDEBARS & ASIDES *********************/ .sidebar { margin-top: 2.2em; } .widgettitle { border-bottom: 2px solid #444; margin-bottom: 0.75em; } .widget ul li { /* deep nesting */ } /* links widget */ /* meta widget */ /* pages widget */ /* recent-posts widget */ /* archives widget */ /* tag-cloud widget */ /* calendar widget */ /* category widget */ /* recent-comments widget */ /* search widget */ /* text widget */ /********************* FOOTER STYLES *********************/ /* you'll probably need to do quite a bit of overriding here if you styled them for mobile. Make sure to double check these! */ .footer-links ul li { /* be careful with the depth of your menus. it's very rare to have multi-depth menus in the footer. */ } /* end .footer-links */ } @media only screen and (min-width: 980px) { /* Blog templates */ body.blog-tiled #content { padding-left: 200px; } body.blog-tiled #content article.post-entry { position: relative; min-height: 150px; } body.blog-tiled #content article.post-entry .post-entry-header { position: static; } body.blog-tiled #content article.post-entry .entry-meta, body.blog-tiled #content article.post-entry .entry-meta-footer { width: 170px; height: 100%; position: absolute; top: 0; right: 100%; margin: 0 30px 0 0; text-align: left; } body.blog-tiled #content article.post-entry .entry-meta .vline-wrapper, body.blog-tiled #content article.post-entry .entry-meta-footer .vline-wrapper { display: block; position: absolute; left: 10px; top: 0; height: 100%; padding-top: 70px; margin-top: 15px; } body.blog-tiled #content article.post-entry .entry-meta .vline-wrapper .vline, body.blog-tiled #content article.post-entry .entry-meta-footer .vline-wrapper .vline { height: 100%; width: 2px; background-color: #ededed; } body.blog-tiled #content article.post-entry .entry-meta .hline-wrapper, body.blog-tiled #content article.post-entry .entry-meta-footer .hline-wrapper { display: block; position: absolute; left: 0px; top: 25px; width: 100%; padding-left: 60px; margin-left: 15px; } body.blog-tiled #content article.post-entry .entry-meta .hline-wrapper .hline, body.blog-tiled #content article.post-entry .entry-meta-footer .hline-wrapper .hline { width: 100%; height: 2px; background-color: #ededed; } body.blog-tiled #content article.post-entry .entry-meta .meta-date, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-date { display: block; text-transform: uppercase; margin-bottom: 15px; } body.blog-tiled #content article.post-entry .entry-meta .meta-date .d, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-date .d { display: block; font-size: 50px; line-height: 50px; font-weight: 200; } body.blog-tiled #content article.post-entry .entry-meta .meta-date .my, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-date .my { display: block; font-size: 16px; line-height: 20px; font-weight: 700; margin-bottom: 10px; } body.blog-tiled #content article.post-entry .entry-meta .meta-date:after, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-date:after { display: none; } body.blog-tiled #content article.post-entry .entry-meta .meta-author, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-author { display: block; padding-left: 30px; } body.blog-tiled #content article.post-entry .entry-meta .meta-author i, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-author i { display: inline-block; margin-right: 5px; } body.blog-tiled #content article.post-entry .entry-meta .meta-author:after, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-author:after { display: none; } body.blog-tiled #content article.post-entry .entry-meta .meta-category, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-category { display: block; padding-left: 30px; } body.blog-tiled #content article.post-entry .entry-meta .meta-category i, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-category i { display: inline-block; margin-right: 5px; } body.blog-tiled #content article.post-entry .entry-meta .meta-category:after, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-category:after { display: none; } body.blog-tiled #content article.post-entry .entry-meta .meta-comments, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-comments { display: block; padding-left: 30px; } body.blog-tiled #content article.post-entry .entry-meta .meta-comments i, body.blog-tiled #content article.post-entry .entry-meta-footer .meta-comments i { display: inline-block; margin-right: 5px; } body.blog-clear #content article.post-entry { padding-left: 200px; position: relative; min-height: 280px; } body.blog-clear #content article.post-entry .post-entry-header { position: static; } body.blog-clear #content article.post-entry .entry-meta, body.blog-clear #content article.post-entry .entry-meta-footer { width: 170px; height: 100%; position: absolute; top: 0; left: 0; margin: 30px 30px 0 0; text-align: right; } body.blog-clear #content article.post-entry .entry-meta .meta-date, body.blog-clear #content article.post-entry .entry-meta-footer .meta-date { display: block; text-transform: uppercase; margin-bottom: 15px; font-family: Lato, Arial, sans-serif; border-bottom: 1px solid #ededed; } body.blog-clear #content article.post-entry .entry-meta .meta-date .d, body.blog-clear #content article.post-entry .entry-meta-footer .meta-date .d { display: block; font-size: 64px; line-height: 60px; font-weight: 100; } body.blog-clear #content article.post-entry .entry-meta .meta-date .my, body.blog-clear #content article.post-entry .entry-meta-footer .meta-date .my { display: block; font-size: 16px; line-height: 20px; font-weight: 600; margin-bottom: 15px; } body.blog-clear #content article.post-entry .entry-meta .meta-date:after, body.blog-clear #content article.post-entry .entry-meta-footer .meta-date:after { display: none; } body.blog-clear #content article.post-entry .entry-meta .meta-author, body.blog-clear #content article.post-entry .entry-meta-footer .meta-author { display: block; padding-left: 30px; } body.blog-clear #content article.post-entry .entry-meta .meta-author i, body.blog-clear #content article.post-entry .entry-meta-footer .meta-author i { display: inline-block; margin-right: 5px; } body.blog-clear #content article.post-entry .entry-meta .meta-author:after, body.blog-clear #content article.post-entry .entry-meta-footer .meta-author:after { display: none; } body.blog-clear #content article.post-entry .entry-meta .meta-category, body.blog-clear #content article.post-entry .entry-meta-footer .meta-category { display: block; padding-left: 30px; } body.blog-clear #content article.post-entry .entry-meta .meta-category i, body.blog-clear #content article.post-entry .entry-meta-footer .meta-category i { display: inline-block; margin-right: 5px; } body.blog-clear #content article.post-entry .entry-meta .meta-category:after, body.blog-clear #content article.post-entry .entry-meta-footer .meta-category:after { display: none; } body.blog-clear #content article.post-entry .entry-meta .meta-comments, body.blog-clear #content article.post-entry .entry-meta-footer .meta-comments { display: block; padding-left: 30px; } body.blog-clear #content article.post-entry .entry-meta .meta-comments i, body.blog-clear #content article.post-entry .entry-meta-footer .meta-comments i { display: inline-block; margin-right: 5px; } body.blog-tilt #content article.post-entry { padding: 110px 60px 30px 60px; min-height: 250px; } body.blog-tilt #content article.post-entry .post-entry-header { position: static; } body.blog-tilt #content article.post-entry .entry-meta, body.blog-tilt #content article.post-entry .entry-meta-footer { position: absolute; top: 0px; right: 60px; margin: 0; text-align: right; padding-bottom: 5px; border-bottom: 1px solid #ededed; } body.blog-tilt #content article.post-entry .entry-meta .meta-date, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-date { display: block; text-transform: uppercase; font-family: Lato, Arial, sans-serif; } body.blog-tilt #content article.post-entry .entry-meta .meta-date .d, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-date .d { display: block; font-size: 28px; line-height: 30px; font-weight: 800; } body.blog-tilt #content article.post-entry .entry-meta .meta-date .my, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-date .my { display: block; font-size: 16px; line-height: 20px; font-weight: 600; margin-bottom: 5px; } body.blog-tilt #content article.post-entry .entry-meta .meta-date:after, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-date:after { display: none; } body.blog-tilt #content article.post-entry .entry-meta .meta-author, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-author { padding-left: 10px; } body.blog-tilt #content article.post-entry .entry-meta .meta-author i, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-author i { display: inline-block; margin-right: 5px; } body.blog-tilt #content article.post-entry .entry-meta .meta-author:after, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-author:after { display: none; } body.blog-tilt #content article.post-entry .entry-meta .meta-category, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-category { padding-left: 10px; } body.blog-tilt #content article.post-entry .entry-meta .meta-category i, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-category i { display: inline-block; margin-right: 5px; } body.blog-tilt #content article.post-entry .entry-meta .meta-category:after, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-category:after { display: none; } body.blog-tilt #content article.post-entry .entry-meta .meta-comments, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-comments { padding-left: 10px; } body.blog-tilt #content article.post-entry .entry-meta .meta-comments i, body.blog-tilt #content article.post-entry .entry-meta-footer .meta-comments i { display: inline-block; margin-right: 5px; } /* Comment list */ body.blog-tiled #comments { margin-left: -200px; } body.blog-tiled #comments .comment-body { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 1260px) { #site-header #header-container { padding: 0 15px; } #site-logo { left: 15px; } #site-navigation { margin-right: 0; } #container { padding-left: 0; padding-right: 0; } .row-inner { padding-left: 0; padding-right: 0; } body.blog #container, body.archive #container, body.single-post #container, body.search-results #container { padding-left: 15px !important; padding-right: 15px !important; } .page-header .row-inner { padding: 0 15px; } #top-bar { padding: 0 15px; } #wrapper.page-boxed #site-header #header-container { padding: 0 30px; } #wrapper.page-boxed .row-inner { padding-left: 15px !important; padding-right: 15px !important; } #wrapper.page-boxed .row-inner.row-inner-full { padding-left: 0px !important; padding-right: 0px !important; } #wrapper.page-boxed #site-logo { left: 30px; } #wrapper.page-boxed .page-header .row-inner { padding: 0 30px !important; } #wrapper.page-boxed #top-bar { padding: 0 30px; } } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a:after, a:visited:after { content: " (" attr(href) ")"; } a abbr[title]:after, a:visited abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav { display: none; } }