/* Theme Name: bumbeelbee Theme URI: http://beepressthemes.com/themes/bumbeelbee Author: Bee Themes Author URI: http://beepressthemes.com/ Description: Beethemepress is simple theme with widget modules. Text Domain: bumbeelbee Tags: one-column, two-columns,three-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, theme-options, threaded-comments License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Version: 1.0.1 */ html { overflow-x: hidden; } html, html a, body { -webkit-font-smoothing: antialiased; } html { font-size: 16px; -webkit-tap-highlight-color: transparent; } body { font-size: 1rem; font-family: Lato, sans-serif; color: #222324; line-height: 1.6; background-color: #fff; } /* Typography */ h1, h2, h3, h4, h5, h6 { font-weight: 400; font-family: Montserrat, sans-serif; line-height: 1.2; color: #242424; margin-top: 0; margin-bottom: .5rem; } h1, h2, h3, h4, h5, h6 { text-transform: capitalize; margin-bottom: 0.75rem; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #242424; transition-duration: 200ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } h1 a:focus, h1 a:hover, h2 a:focus, h2 a:hover, h3 a:focus, h3 a:hover, h4 a:focus, h4 a:hover, h5 a:focus, h5 a:hover, h6 a:focus, h6 a:hover { color: #f9f7f7; transition-duration: 200ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h3 { font-size: 1.75rem; } h4 { font-size: 1.5rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } em, li { font-size: 1rem; font-weight: 300; color: #242424; } em>a, li>a { color: #242424; } em>a:hover, li>a:hover { color: #13b1cd; } small { color: #656565; } label { font-size: 0.8125rem; font-weight: 700; color: #242424; margin-bottom: .25rem; } i { line-height: 1; } /* Paragraph */ p { font-size: 0.9375rem; font-weight: 300; color: #656565; line-height: 1.6; margin-top: 0; margin-bottom: 1rem; } /* Links */ a { color: #13b1cd; text-decoration: none; } a:focus, a:hover { color: #1095ac; text-decoration: none; } a:focus { outline: none; } /*---------------------------------- Selection ------------------------------------*/ ::selection { color: #fff; background: #13b1cd; text-shadow: none; } ::-webkit-selection { color: #fff; background: #13b1cd; text-shadow: none; } :active, :focus { outline: none; } /*---------------------------------- Button ------------------------------------*/ .bee-btn { display: inline-block; text-align: center; vertical-align: middle; border: none; white-space: nowrap; touch-action: manipulation; cursor: pointer; user-select: none; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .bee-btn:focus, .bee-btn:hover { text-decoration: none; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .bee-btn.focus { text-decoration: none; } .bee-btn:active, .bee-btn.active { background-image: none; outline: 0; } .bee-btn.disabled, .bee-btn:disabled, fieldset[disabled] .bee-btn { cursor: not-allowed; opacity: .65; } .bee-btn-element-left, .bee-btn-element-right { display: table-cell; vertical-align: middle; text-align: left; } /* Sizes ------------------------------ */ .bee-btn--xs { font-size: 0.75rem; font-weight: 400; padding: 0.5rem 1.25rem; } .bee-btn-sm { font-size: 0.875rem; font-weight: 400; padding: 0.75rem 1.25rem; } .bee-btn-md { font-size: 0.8125rem; font-weight: 400; padding: 1rem 2.5rem; } .bee-btn-icon-md { font-size: 1rem; padding: 0.9375rem 1.5625rem 0.75rem; } /* Styles ------------------------------ */ .bee-btn-white-border { color: #fff; background: transparent; border-width: 0.0625rem; border-style: solid; border-color: #fff; } .bee-btn-white-border:focus, .bee-btn-white-border:hover { color: #222324; background: #fff; border-color: #fff; } .bee-btn-white-bg { color: #222324; background: #fff; } .bee-btn-white-bg:focus, .bee-btn-white-bg:hover { color: #13b1cd; background: #fff; } .bee-btn-dark-bg { color: #fff; background: #222324; border-width: 0.0625rem; border-style: solid; border-color: #222324; } .bee-btn-dark-bg:focus, .bee-btn-dark-bg:hover { color: #fff; background: #13b1cd; border-color: #13b1cd; } .bee-btn-dark-border { color: #222324; background: transparent; border-width: 0.0625rem; border-style: solid; border-color: #222324; } .bee-btn-dark-border:focus, .bee-btn-dark-border:hover { color: #fff; background: #222324; border-color: #222324; } .bee-btn-primary-bg { color: #fff; background: #13b1cd; border-width: 0.0625rem; border-style: solid; border-color: #13b1cd; } .bee-btn-primary-bg:focus, .bee-btn-primary-bg:hover { color: #fff; background: #13b1cd; border-color: #13b1cd; } .bee-btn-primary-border { color: #13b1cd; background: transparent; border-width: 0.0625rem; border-style: solid; border-color: #13b1cd; } .bee-btn-primary-border:focus, .bee-btn-primary-border:hover { color: #fff; background: #13b1cd; border-color: #13b1cd; } .bee-btn-icon-white-border { border-left: none; } .bee-btn-icon-dark-border { border-left: none; } /*---------------------------------- Partner ------------------------------------*/ .bee-partner { display: block; width: 6.25rem; height: auto; margin: 0 auto; opacity: 1; cursor: pointer; transition-duration: 200ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .bee-partner:hover { opacity: .8; transition-duration: 200ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } /*---------------------------------- Form Input ------------------------------------*/ /* Input type form 1 */ .bee-form1-input { height: 3.375rem; color: #fff; font-size: 0.875rem; font-weight: 300; background: transparent; border-color: #fff; border-right: none; box-shadow: none; letter-spacing: .1rem; text-transform: uppercase; padding: .625rem 2.5rem; } .bee-form1-input::-webkit-input-placeholder { color: #fff; } .bee-form1-input::-moz-placeholder { color: #fff; } .bee-form1-input:-ms-input-placeholder { color: #fff; } .bee-form1-input::placeholder { color: #fff; } .bee-form1-input:focus { box-shadow: none; border-color: #fff; background: rgba(255, 255, 255, 0.1); } /* Input type form 2 */ .bee-form2-input { height: 3.5rem; font-size: 0.875rem; font-weight: 300; color: #656565; border: none; box-shadow: none; letter-spacing: .1rem; text-transform: uppercase; padding: .625rem 1.25rem; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .bee-form2-input::-webkit-input-placeholder { color: #656565; } .bee-form2-input::-moz-placeholder { color: #656565; } .bee-form2-input:-ms-input-placeholder { color: #656565; } .bee-form2-input::placeholder { color: #656565; } .bee-form2-input:focus { font-weight: 400; color: #656565; box-shadow: none; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .bee-form2-input:focus::-webkit-input-placeholder { color: #656565; } .bee-form2-input:focus::-moz-placeholder { color: #656565; } .bee-form2-input:focus:-ms-input-placeholder { color: #656565; } .bee-form2-input:focus::placeholder { color: #656565; } /*---------------------------------- Icons ------------------------------------*/ .bee-icon { display: inline-block; text-align: center; vertical-align: middle; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .bee-icon:focus, .bee-icon:hover { text-decoration: none; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } /* Sizes ------------------------------ */ .bee-icon-sm { width: 2.5rem; height: 2.5rem; font-size: 0.8125rem; padding: 0.6875rem; } .bee-icon-md { width: 3.125rem; height: 3.125rem; font-size: 1.125rem; padding: 0.75rem; } .bee-icon-lg { width: 3.5rem; height: 3.5rem; font-size: 1.625rem; padding: 0.5625rem 1rem; } /* Styles ------------------------------ */ .bee-icon-white-border { color: #fff; background: transparent; border-width: 0.0625rem; border-style: solid; border-color: #fff; line-height: 1.4; } .bee-icon-white-border:focus, .bee-icon-white-border:hover { color: #fff; background: #13b1cd; border-color: #13b1cd; } .bee-icon-white-bg { color: #222324; background: #fff; border-width: 0.0625rem; border-style: solid; border-color: #fff; line-height: 1.4; } .bee-icon-white-bg:focus, .bee-icon-white-bg:hover { color: #13b1cd; background: #fff; border-color: #fff; } .bee-icon-primary-border { color: #13b1cd; background: transparent; border-width: 0.0625rem; border-style: solid; border-color: #13b1cd; line-height: 1.4; } .bee-icon-primary-border:focus, .bee-icon-primary-border:hover { color: #fff; background: #13b1cd; border-color: #13b1cd; } .bee-icon-primary-bg { color: #fff; background: #13b1cd; line-height: 1.6; } /*---------------------------------- Promo Block ------------------------------------*/ /* Block */ .bee-block { position: relative; z-index: 1; } .bee-block:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; width: 100%; height: 100%; background-image: linear-gradient(-180deg, rgba(28, 123, 172, 0.1) 0%, #13b1cd 80%); background-repeat: repeat-x; content: " "; min-height: 349px; } /*---------------------------------- Scroll To Section ------------------------------------*/ /* Scroll To Section */ .bee-scroll-section { position: absolute; left: 50%; bottom: 0.625rem; z-index: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); text-align: center; } /*---------------------------------- Header ------------------------------------*/ .bee-header-navbar { background: transparent; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } /* Container ------------------------------ */ .bee-header-container { width: 100%; height: auto; display: table; padding: .75rem 1.875rem; } .bee-header-container:before, .bee-header-container:after { content: " "; display: table; } .bee-header-container:after { clear: both; } .container-fluid { padding-left: 2.1875rem; padding-right: 2.1875rem; } /* Navbar Row ------------------------------ */ .bee-header-navbar-row { position: relative; display: table-row; clear: both; } .bee-header-navbar-row-col { width: 50%; display: table-cell; vertical-align: middle; } /* Logo ------------------------------ */ .bee-header-logo { position: relative; z-index: 9999; width: 100%; height: auto; float: left; } .bee-header-logo-link { display: inline-block; padding: 1rem 0; } .bee-header-logo-link:focus, .bee-header-logo-link:hover { text-decoration: none; } .bee-header-logo-img-default, .bee-header-logo-img-shrink { display: block; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .bee-header-logo-img-default { opacity: 1; } .bee-header-logo-img-shrink { position: absolute; top: 1rem; left: 0; opacity: 0; } @media (max-width: 61.9em) { .bee-header-logo { width: auto; height: auto; float: left; } } /* Trigger ------------------------------ */ .bee-header-trigger { position: relative; z-index: 9999; width: 3.125rem; height: 3.125rem; float: right; overflow: hidden; transition-duration: 500ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } /* Trigger Icon */ .bee-header-trigger-icon { position: absolute; top: 50%; left: 50%; right: auto; bottom: auto; width: 1.375rem; height: 0.0625rem; background: #ccc; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); transition-duration: 500ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .bee-header-trigger-icon:before, .bee-header-trigger-icon:after { position: absolute; top: 0; width: 100%; height: 100%; background: inherit; content: " "; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: transform 0.5s, width 0.5s, top 0.3s; transition: transform 0.5s, width 0.5s, top 0.3s; } .bee-header-trigger-icon:before { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: translate3d(0, 0.4375rem, 0); transform: translate3d(0, 0.4375rem, 0); } .bee-header-trigger-icon:after { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: translate3d(0, -0.4375rem, 0); transform: translate3d(0, -0.4375rem, 0); } .bee-header-trigger--dark .bee-header-trigger-icon { background: #222324; } .bee-header-trigger svg { position: absolute; top: 0; left: 0; } .bee-header-trigger circle { -webkit-transition: stroke-dashoffset 0.4s 0s; transition: stroke-dashoffset 0.4s 0s; } /* Trigger Is Active Style */ .-is-active.bee-header-trigger { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .-is-active .bee-header-trigger-icon { background: #fff; } .-is-active .bee-header-trigger-icon:before, .-is-active .bee-header-trigger-icon:after { width: 50%; -webkit-transition: transform 0.5s, width 0.5s; transition: transform 0.5s, width 0.5s; } .-is-active .bee-header-trigger-icon:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .-is-active .bee-header-trigger-icon:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .-is-active.bee-header-trigger circle { stroke-dashoffset: 0; -webkit-transition: stroke-dashoffset 0.4s 0.3s; transition: stroke-dashoffset 0.4s 0.3s; } /* Overlay ------------------------------ */ .bee-header-bg-overlay { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background: rgba(34, 35, 36, 0); visibility: hidden; -webkit-transition: all 1s ease-in 0.4s; transition: all 1s ease-in 0.4s; } .bee-header-bg-overlay.-is-open { background: rgba(34, 35, 36, 0.99); visibility: visible; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* Nav ------------------------------ */ .bee-header-nav { height: 100%; padding: 7.5rem 0; } /* Menu List */ .bee-header-nav-menu { width: 18.75rem; float: right; text-align: right; margin-bottom: 0; } @media (max-width: 47.9em) { .bee-header-nav-menu { width: 50%; } } @media (max-width: 33.9em) { .bee-header-nav-menu { width: 100%; float: none; } } .bee-header-nav-menu-item { padding: 0 0 0 5.625rem; margin-bottom: .3125rem; } @media (max-width: 47.9em) { .bee-header-nav-menu-item { padding-left: 0; } } .bee-header-nav-menu-link { display: inline-block; font-size: 1.25rem; font-weight: 300; color: #fff; opacity: .85; padding: .3125rem; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .bee-header-nav-menu-link-divider { position: relative; } .bee-header-nav-menu-link-divider:before { position: absolute; top: 50%; right: -2.5rem; width: 2.1875rem; height: 0.0625rem; background: rgba(255, 255, 255, 0); content: " "; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .bee-header-nav-menu-link-divider[href]:focus, .bee-header-nav-menu-link-divider[href]:hover { color: #fff; } .bee-header-nav-menu-link-divider[href]:hover:before { right: 0; background: white; } .bee-header-nav-menu-link-divider:focus, .bee-header-nav-menu-link-divider:hover { color: #fff; } .bee-header-nav-menu-link-divider:hover { opacity: 1; padding-right: 2.5rem; } .bee-header-nav-menu-link-divider.-is-active { padding-right: 2.5rem; } .bee-header-nav-menu-link-divider.-is-active:before { right: 0; background: white; } /* Action ------------------------------ */ .bee-header-action { margin-bottom: 0; } .bee-header-action-lb { position: absolute; left: 1.875rem; bottom: 1.875rem; } .bee-header-action-rb { position: absolute; right: 1.875rem; bottom: 1.875rem; } .bee-header-action-item { padding: 0; margin-left: .1875rem; margin-right: .3125rem; } .bee-header-action-link { position: relative; font-size: 0.75rem; color: rgba(255, 255, 255, 0.4); text-transform: uppercase; padding: .3125rem; } .bee-header-action-link:first-child { padding-left: 0; } .bee-header-action-link:last-child { padding-right: 0; } .bee-header-action-link:hover { color: rgba(255, 255, 255, 0.7); } .bee-header-action-link.-is-active { color: white; } /* Menu Open/Close ------------------------------ */ .bee-header-bg-overlay .bee-header-nav-menu-item { opacity: 0; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; -webkit-transform: translate3d(0, 1.25rem, 0); transform: translate3d(0, 1.25rem, 0); } .bee-header-bg-overlay .bee-header-action-item { opacity: 0; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } @media (max-width: 47.9em) { .bee-header-bg-overlay.-is-open .bee-header-nav-menu-item, .bee-header-bg-overlay.-is-open .bee-header-action-item { opacity: 1; } } @media (min-width: 34em) { .bee-header-bg-overlay.-is-open .bee-header-nav-menu-item { opacity: 1; } .bee-header-bg-overlay.-is-open .bee-header-nav-menu-item:nth-child(1) { -webkit-transition: all 0.4s 0.2s ease-out; transition: all 0.4s 0.2s ease-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bee-header-bg-overlay.-is-open .bee-header-nav-menu-item:nth-child(2) { -webkit-transition: all 0.4s 0.4s ease-out; transition: all 0.4s 0.4s ease-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bee-header-bg-overlay.-is-open .bee-header-nav-menu-item:nth-child(3) { -webkit-transition: all 0.4s 0.6s ease-out; transition: all 0.4s 0.6s ease-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bee-header-bg-overlay.-is-open .bee-header-nav-menu-item:nth-child(4) { -webkit-transition: all 0.4s 0.8s ease-out; transition: all 0.4s 0.8s ease-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bee-header-bg-overlay.-is-open .bee-header-nav-menu-item:nth-child(5) { -webkit-transition: all 0.4s 1s ease-out; transition: all 0.4s 1s ease-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bee-header-bg-overlay.-is-open .bee-header-nav-menu-item:nth-child(6) { -webkit-transition: all 0.4s 1.2s ease-out; transition: all 0.4s 1.2s ease-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bee-header-bg-overlay.-is-open .bee-header-nav-menu-item:nth-child(7) { -webkit-transition: all 0.4s 1.4s ease-out; transition: all 0.4s 1.4s ease-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bee-header-bg-overlay.-is-open .bee-header-nav-menu-item:nth-child(8) { -webkit-transition: all 0.4s 1.6s ease-out; transition: all 0.4s 1.6s ease-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bee-header-bg-overlay.-is-open .bee-header-nav-menu-item:nth-child(9) { -webkit-transition: all 0.4s 1.8s ease-out; transition: all 0.4s 1.8s ease-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bee-header-bg-overlay.-is-open .bee-header-nav-menu-item:nth-child(10) { -webkit-transition: all 0.4s 2s ease-out; transition: all 0.4s 2s ease-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bee-header-bg-overlay.-is-open .bee-header-action-item { opacity: 1; } .bee-header-bg-overlay.-is-open .bee-header-action-item:nth-child(1) { -webkit-transition: all 0.4s 0.4s ease-out; transition: all 0.4s 0.4s ease-out; } .bee-header-bg-overlay.-is-open .bee-header-action-item:nth-child(2) { -webkit-transition: all 0.4s 0.8s ease-out; transition: all 0.4s 0.8s ease-out; } .bee-header-bg-overlay.-is-open .bee-header-action-item:nth-child(3) { -webkit-transition: all 0.4s 1.2s ease-out; transition: all 0.4s 1.2s ease-out; } } /* Shrink ------------------------------ */ /* Navbar */ .bee-header-shrink .bee-header-navbar { box-shadow: 0 0 0.9375rem 0 rgba(34, 35, 36, 0.05); } .bee-header-shrink.-is-open .bee-header-navbar { background: transparent; } /* Logo */ .bee-header-shrink.-is-open .bee-header-logo-img-default { opacity: 1; } .bee-header-shrink.-is-open .bee-header-logo-img-shrink { opacity: 0; } .bee-header-shrink .bee-header-navbar { background: #fff; } .bee-header-shrink .bee-header-logo-img-default { opacity: 0; } .bee-header-shrink .bee-header-logo-img-shrink { opacity: 1; } /* Trigger Icon */ .bee-header-shrink.-is-open .bee-header-trigger-icon { background: #fff; } .bee-header-shrink .bee-header-trigger-icon { background: #222324; } /* Navbar Toggle ------------------------------ */ /*-------------------------------------------------------------- Gallery & Caption --------------------------------------------------------------*/ .wp-caption, .gallery-caption { color: #666; font-size: 13px; font-size: 0.8125rem; font-style: italic; margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /* Shrink ------------------------------ */ @media (min-width: 62em) { .bee-header-shrink .bee-header-navbar { background: #fff; box-shadow: 0 0 0.9375rem 0.25rem rgba(34, 35, 36, 0.05); } /* Toggle */ .bee-header-shrink .bee-header-toggle-icon-bar--white, .bee-header-shrink .bee-header-toggle-icon-bar--white:before, .bee-header-shrink .bee-header-toggle-icon-bar--white:after { background: #222324; } /* Logo */ .bee-header-shrink .bee-header-logo-img--default { display: none; } .bee-header-shrink .bee-header-logo-img--shrink { display: block; } /* Nav Link */ .bee-header-shrink .bee-header-nav-link { color: rgba(34, 35, 36, 0.7); } .bee-header-shrink .bee-header-nav-link:hover { color: #13b1cd; } .bee-header-shrink .bee-header-nav-link:focus { color: rgba(34, 35, 36, 0.7); } .bee-header-shrink .bee-header-nav-link.-is-active { color: #13b1cd; } } /*---------------------------------- Footer ------------------------------------*/ .bee-footer-logo { position: relative; z-index: 1; } .bee-footer-logo:before { position: absolute; top: 0; left: 0.9375rem; bottom: 0; width: 70%; height: auto; z-index: -1; background: url("img/widgets/worldmap.png") no-repeat center center; background-size: cover; content: " "; } /*---------------------------------- Back To Top ------------------------------------*/ .bee-back-to-top { position: fixed; right: 3.125rem; bottom: -3.125rem; display: block; width: 1.875rem; height: 3rem; z-index: 9; background: #13b1cd; border-radius: 3.125rem; text-align: center; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .bee-back-to-top:before { display: block; font-size: 0.75rem; font-style: normal; font-family: themify; color: #fff; line-height: 3rem; content: "\e627"; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .bee-back-to-top:hover { background: #fff; } .bee-back-to-top:hover:before { color: #13b1cd; } .bee-back-to-top:focus, .bee-back-to-top:hover { text-decoration: none; } /* The button becomes visible */ .bee-back-to-top.-is-visible { bottom: 3.125rem; opacity: .8; } .bee-back-to-top.-is-visible:hover { opacity: 1; } /* If the user keeps scrolling down, the button is out of focus and becomes less visible */ .bee-back-to-top.-zoom-out { opacity: .6; } /*---------------------------------- Cube Project ------------------------------------*/ .bee-project-filter-item { font-size: 0.8125rem; color: #656565 !important; text-transform: uppercase; margin-bottom: 0 !important; } .bee-project-filter-item:hover { color: #242424 !important; } .bee-project-filter-item.cbp-filter-item-active { color: #13b1cd !important; } .s-portfolio__filter-v1.cbp-l-filters-text { margin-bottom: 0; } /* Image Effect ------------------------------ */ .bee-project-image-eff { position: relative; display: block; } .bee-project-image-eff:after { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(19, 177, 205, 0.95); content: " "; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); transition-duration: 400ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .bee-project-item:hover .bee-project-image-eff:after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* Position ------------------------------ */ .bee-project-caption-hover-a { position: absolute; top: 50%; left: 0; right: 0; text-align: center; padding: 1.875rem; opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); transition-duration: 400ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .bee-project-item:hover .bee-project-caption-hover-a { opacity: 1; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } /*---------------------------------- Google Map ------------------------------------*/ /* Custom Style */ .bee-google-mp, .bee-google-mp .bee-google-mp-container { position: relative; } /* Info Window: White background and box outline */ .gm-style>div:first-child>div+div>div:last-child>div>div:first-child>div { background-color: #fff !important; box-shadow: none !important; } /* Info Window: Arrow colour */ .gm-style>div:first-child>div+div>div:last-child>div>div:first-child>div>div>div { background-color: #fff !important; box-shadow: none !important; } .gm-style>div:first-child>div+div>div:last-child>div>div:first-child>div:first-child { display: none; } /* Info Window: Let's remove image icon inside close button */ .gm-style>div:first-child>div+div>div:last-child>div>div:last-child>img { display: none; } /* Info Window: New arrow style */ .gm-style>div:first-child>div+div>div:last-child>div>div:last-child { overflow: inherit !important; } .gm-style>div:first-child>div+div>div:last-child>div>div:last-child:after { position: absolute; top: 0; right: 0; font-size: 0.75rem; font-family: themify; color: #656565; content: "\e646"; } /* Info Window: Positioning of infowindow */ .gm-style-iw { top: 1.375rem !important; left: 1.375rem !important; } /*---------------------------------- Swiper ------------------------------------*/ .bee-swiper { position: relative; width: 100%; overflow: hidden; } /* Arrows v1 ------------------------------ */ .bee-swiper-arrow-left, .bee-swiper-arrow-right { position: absolute; top: 50%; z-index: 1; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } @media (max-width: 47.9em) { .bee-swiper-arrow-left, .bee-swiper-arrow-right { opacity: 0; } } .bee-swiper-arrow-left { left: 2rem; } .bee-swiper-arrow-right { right: 2rem; } @media (max-width: 47.9em) { .bee-swiper:hover .bee-swiper-arrow-left, .bee-swiper:hover .bee-swiper-arrow-right { opacity: 1; } } /* Swiper Pagination ------------------------------ */ .bee-swiper-pagination-wrapper { position: absolute; bottom: 1.875rem !important; text-align: center; z-index: 1; } .bee-swiper-pagination .swiper-pagination-bullet { width: 1rem; height: 0.5625rem; border-radius: 0.9375rem; opacity: .7; transition-duration: 300ms; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .bee-swiper-pagination .swiper-pagination-bullet-active { width: 1.875rem; background: #13b1cd; opacity: 1; } .bee-swiper-pagination--white .swiper-pagination-bullet { background: #fff; } .bee-swiper-pagination--white .swiper-pagination-bullet-active { background: #13b1cd; } .bee-swiper-pagination--dark .swiper-pagination-bullet { background: #b2b2b2; } .bee-swiper-pagination--dark .swiper-pagination-bullet-active { background: #13b1cd; } .comments-area { background: #fffffc; padding: 10px 5px; } .comment-respond { background: #fafafa; border: 1px solid #cacad6aa; padding: 50px 150px; } .comment-respond .comment-form label { text-align: center; vertical-align: middle; } .comment-respond .comment-form textarea { text-align: center; vertical-align: text-top; height: 200px; width: 600px; } .comment-respond .comment-form label { text-align: center; vertical-align: text-top; } .comment-respond .comment-form .form-submit .submit { color: #fff; background-color: #42c1d7; border-color: #e7e7e7; padding: 5px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } ol.comment-list li { border-bottom: 1px solid #cacad6aa; } .comments-title { font-weight: 600; } .page-header { padding-bottom: 9px; margin: 86px 0 31px; border-bottom: 1px solid #eee; } .margin-top30{ margin-top: 30px; } .text-center{ text-align: center; } .bee-padding-150{ padding: 150px; } /*---------------------------------- Meta Tags ------------------------------------*/ .sticky-post { background: #000 !important; color: #fff !important; } .hentry { background-color: #fff; padding-top: 7.6923%; position: relative; } .hentry.has-post-thumbnail { padding-top: 0; } .hentry.sticky:not(.has-post-thumbnail) { padding-top: -webkit-calc(7.6923% + 24px); padding-top: calc(7.6923% + 24px); } .hentry + .hentry { border-top: 1px solid rgba(51, 51, 51, 0.1); } .sticky-post { background-color: #333; color: #fff; font-weight: 700; letter-spacing: 0.04em; padding: 0.25em 0.5em; position: absolute; top: 0; text-transform: uppercase; } .updated:not(.published) { display: none; } .sticky .posted-on { display: none; } /* Text meant only for screen readers */ .says, .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); /* height: 1px; */ /* overflow: hidden; */ /* position: absolute; */ /* width: 1px; */ display: inline-block; padding-bottom: 5px; } /* bypostauthor */ .bypostauthor > article .fn:after{ -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-family: "Genericons"; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; speak: none; text-align: center; text-decoration: inherit; text-transform: none; vertical-align: top; } /*---------------------------------- Alignments ------------------------------------*/ .alignleft { display: inline; float: left; } .alignright { display: inline; float: right; } .aligncenter { display: block; margin-right: auto; margin-left: auto; } .justify-text{ text-align: justify; text-justify: inter-word; } /*---------------------------------- Post Navigation ------------------------------------*/ /* restore screen-reader-text */ .pagination .current .screen-reader-text { position: absolute !important; } /* reset screen-reader-text */ .pagination .current .screen-reader-text { position: static !important; } .post-navigation{ margin-bottom:30px } .post-navigation h2{ font-size:24px; font-weight:bold } .post-navigation .nav-previous,.post-navigation .nav-next{ float:left; width:50%; padding-right:5px } .post-navigation .nav-previous .post-title,.post-navigation .nav-next .post-title{ display:block; margin-top:2px; font-size:20px } .post-navigation .nav-next{ text-align:right; float:right; padding-right:0; padding-left:5px } .cat-tags-links .cat-links,.cat-tags-links .tags-links { display: block; } .fa-folder-open{ color: #13b1cd; } .fa-tags{ color: #13b1cd; } /*---------------------------------- Widgets ------------------------------------*/ .bumbeelbee-blog-sidebar .widget { color: #707070; color: rgba(51, 51, 51, 0.7); -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 auto 9.09090%; width: 100%; word-wrap: break-word; } .bumbeelbee-blog-sidebar .widget pre { line-height: 1.2; } .bumbeelbee-blog-sidebar .widget button, .bumbeelbee-blog-sidebar .widget input, .bumbeelbee-blog-sidebar .widget select, .bumbeelbee-blog-sidebar .widget textarea { /* font-size: 16px; */ font-size: 1.125rem; line-height: 1.5; } .bumbeelbee-blog-sidebar .widget button, .bumbeelbee-blog-sidebar .widget input { line-height: normal; } .bumbeelbee-blog-sidebar .widget button, .bumbeelbee-blog-sidebar .widget input[type="button"], .bumbeelbee-blog-sidebar .widget input[type="reset"], .bumbeelbee-blog-sidebar .widget input[type="submit"] { font-size: 12px; padding: 0.7917em 1.5833em; } .bumbeelbee-blog-sidebar .widget input[type="text"], .bumbeelbee-blog-sidebar .widget input[type="email"], .bumbeelbee-blog-sidebar .widget input[type="url"], .bumbeelbee-blog-sidebar .widget input[type="password"], .bumbeelbee-blog-sidebar .widget input[type="search"], .bumbeelbee-blog-sidebar .widget textarea { padding: 0.375em; } .bumbeelbee-blog-sidebar .widget-title { color: #333; margin: 0 0 1.6em; letter-spacing: 0.04em; text-transform: uppercase; } .bumbeelbee-blog-sidebar .widget > :last-child { margin-bottom: 0; } .bumbeelbee-blog-sidebar .widget_calendar table { margin: 0; width: 100%; } .bumbeelbee-blog-sidebar .widget_calendar td, .bumbeelbee-blog-sidebar .widget_calendar th { line-height: 2.3333; text-align: center; padding: 0; } .bumbeelbee-blog-sidebar .widget_calendar caption { font-weight: 700; margin: 0 0 1.6em; letter-spacing: 0.04em; text-transform: uppercase; } .bumbeelbee-blog-sidebar .widget_calendar tbody a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3); background-color: #333; color: #fff; display: block; font-weight: 700; } .bumbeelbee-blog-sidebar .widget_calendar tbody a:hover, .bumbeelbee-blog-sidebar .widget_calendar tbody a:focus { background-color: #707070; background-color: rgba(51, 51, 51, 0.7); color: #fff; } .bumbeelbee-blog-sidebar .widget_archive a, .bumbeelbee-blog-sidebar .widget_categories a, .bumbeelbee-blog-sidebar .widget_links a, .bumbeelbee-blog-sidebar .widget_meta a, .bumbeelbee-blog-sidebar .widget_nav_menu a, .bumbeelbee-blog-sidebar .widget_pages a, .bumbeelbee-blog-sidebar .widget_recent_comments a, .bumbeelbee-blog-sidebar .widget_recent_entries a { border: 0; } .bumbeelbee-blog-sidebar .widget_archive ul, .bumbeelbee-blog-sidebar .widget_categories ul, .bumbeelbee-blog-sidebar .widget_links ul, .bumbeelbee-blog-sidebar .widget_meta ul, .bumbeelbee-blog-sidebar .widget_nav_menu ul, .bumbeelbee-blog-sidebar .widget_pages ul, .bumbeelbee-blog-sidebar .widget_recent_comments ul, .bumbeelbee-blog-sidebar .widget_recent_entries ul { list-style: none; margin: 0; } .bumbeelbee-blog-sidebar .widget_archive li, .bumbeelbee-blog-sidebar .widget_categories li, .bumbeelbee-blog-sidebar .widget_links li, .bumbeelbee-blog-sidebar .widget_meta li, .bumbeelbee-blog-sidebar .widget_nav_menu li, .bumbeelbee-blog-sidebar .widget_pages li, .bumbeelbee-blog-sidebar .widget_recent_comments li, .bumbeelbee-blog-sidebar .widget_recent_entries li { border-top: 1px solid #eaeaea; border-top: 1px solid rgba(51, 51, 51, 0.1); padding: 0.7667em 0; } .bumbeelbee-blog-sidebar .widget_archive li:first-child, .bumbeelbee-blog-sidebar .widget_categories li:first-child, .bumbeelbee-blog-sidebar .widget_links li:first-child, .bumbeelbee-blog-sidebar .widget_meta li:first-child, .bumbeelbee-blog-sidebar .widget_nav_menu li:first-child, .bumbeelbee-blog-sidebar .widget_pages li:first-child, .bumbeelbee-blog-sidebar .widget_recent_comments li:first-child, .bumbeelbee-blog-sidebar .widget_recent_entries li:first-child { border-top: 0; padding-top: 0; } .bumbeelbee-blog-sidebar .widget_archive li:last-child, .bumbeelbee-blog-sidebar .widget_categories li:last-child, .bumbeelbee-blog-sidebar .widget_links li:last-child, .bumbeelbee-blog-sidebar .widget_meta li:last-child, .bumbeelbee-blog-sidebar .widget_nav_menu li:last-child, .bumbeelbee-blog-sidebar .widget_pages li:last-child, .bumbeelbee-blog-sidebar .widget_recent_comments li:last-child, .bumbeelbee-blog-sidebar .widget_recent_entries li:last-child { padding-bottom: 0; } .bumbeelbee-blog-sidebar .widget_categories .children, .bumbeelbee-blog-sidebar .widget_nav_menu .sub-menu, .bumbeelbee-blog-sidebar .widget_pages .children { border-top: 1px solid #eaeaea; border-top: 1px solid rgba(51, 51, 51, 0.1); margin: 0.7667em 0 0 0.8em; padding-top: 0.7667em; } .bumbeelbee-blog-sidebar .widget_recent_entries .post-date { display: block; } .bumbeelbee-blog-sidebar .widget_rss ul { list-style: none; margin: 0; } .bumbeelbee-blog-sidebar .widget_rss li { margin-bottom: 1.6em; } .bumbeelbee-blog-sidebar .widget_rss ul:last-child, .bumbeelbee-blog-sidebar .widget_rss li:last-child { margin-bottom: 0; } .bumbeelbee-blog-sidebar .widget_rss .rsswidget { border: 0; font-weight: 700; } .bumbeelbee-blog-sidebar .widget_rss .rsswidget img { margin-top: -4px; } .bumbeelbee-blog-sidebar .widget_rss .rss-date, .bumbeelbee-blog-sidebar .widget_rss cite { font-family: "Noto Sans", sans-serif; font-size: 12px; font-size: 1.2rem; font-style: normal; display: block; line-height: 2; opacity: 0.8; } .bumbeelbee-blog-sidebar .textwidget > :last-child { margin-bottom: 0; } .bumbeelbee-blog-sidebar .textwidget a { border-bottom: 1px solid #333; } .bumbeelbee-blog-sidebar .textwidget a:hover, .bumbeelbee-blog-sidebar .textwidget a:focus { border-bottom: 0; } .bumbeelbee-blog-sidebar .textwidget ul, .bumbeelbee-blog-sidebar .textwidget ol { margin-left: 1.6em; } .bumbeelbee-blog-sidebar .tagcloud ul { list-style-type: none; } .bumbeelbee-blog-sidebar .tagcloud ul li { display: inline-block; } .bumbeelbee-blog-sidebar .widget { margin-bottom: 2.5rem; } .bumbeelbee-blog-sidebar .search-form input{ height: 2rem; color: #fff; font-size: 0.875rem; font-weight: 300; background: transparent; border-color: #3f729b; /* border-right: none; */ /* box-shadow: none; */ letter-spacing: .1rem; text-transform: uppercase; padding: .625rem 2.5rem; } .bumbeelbee-blog-sidebar .search-form button{ display: inline; text-align: center; vertical-align: middle; border: none; white-space: nowrap; touch-action: manipulation; height: 2rem; background: #13b1cd; color: #fff; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .bumbeelbee-blog-sidebar h3 { font-variant:all-petite-caps; font-weight: bold; /* padding-bottom: 20px; */ } .bumbeelbee-blog-sidebar h3::after{ position: absolute; content: ''; left: 15px; width: 50px; border-bottom: 2px solid #863C2F; } .bumbeelbee-blog-sidebar ul li{ list-style: none; } .bumbeelbee-blog-sidebar ul li:before { content: "\f101"; font-family: FontAwesome; display: inline-block; margin-left: -1.3em; /* same as padding-left set on li */ width: 1.3em; /* same as padding-left set on li */ } .bumbeelbee-blog-sidebar .widget img{ width: 100%; height: 100%; } .bumbeelbee-blog-sidebar .widget form select{ height: 2.375rem; width: 100%; color: #656565; font-size: 0.875rem; font-weight: 300; background: transparent; border-color: #222324; letter-spacing: .1rem; text-transform: uppercase; padding: .625rem 2.5rem; } .bumbeelbee-blog-sidebar ul.menu{ padding-left: 1rem; } .bumbeelbee-blog-sidebar ul.menu li{ padding: 0px; } .bumbeelbee-blog-sidebar ul.menu li a{ color: #656565; } .bumbeelbee-blog-sidebar ul.menu li a:hover{ color: #a94442; }