/*
Theme Name: Warren
Theme URI: https://4businessgroup.com.au/
Author: design@4businessgroup.com.au
Author URI: https://4businessgroup.com.au/
Template: 4business
Description: Custom child theme for Warren and Sons.
License: Proprietary
License URI: N/A
Tags: custom
Text Domain: warren
*/
:root { --dtext: 'Overpass', sans-serif; --btext: 'Roboto', sans-serif; }

h1, h2, h3 { font-family: var(--dtext); font-weight: 700; }

@media screen and (max-width: 1024px) { .fullwr { width: 100% !important; } }

body.logged-in #user-menu { display: -webkit-box; display: -ms-flexbox; display: flex; }

#top-menu { position: absolute; z-index: 1; top: 0; right: 70px; padding: 5px 25px 0 35px; font-size: 90%; background-color: var(--bg); border-radius: 0 0 4px 4px; margin-bottom: 10px; }
#top-menu:hover + #user-menu { opacity: 1; pointer-events: all; }
#top-menu ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -10px; padding: 0; }
#top-menu ul li { padding: 0 10px; -webkit-clip-path: none !important; clip-path: none !important; }
#top-menu ul li.menu-item-has-children > a { display: none; }
#top-menu ul a { color: var(--accent); text-decoration: none; display: inline-block; position: relative; }
#top-menu ul a:before { content: ""; display: block; border-bottom: 1px solid var(--accent); position: absolute; left: 0; bottom: 0; width: 0; -webkit-transition: width 0.5s; transition: width 0.5s; -webkit-box-sizing: border-box; box-sizing: border-box; }
#top-menu ul a:hover, #top-menu ul a:focus { outline: none; }
#top-menu ul a:hover:before, #top-menu ul a:focus:before { width: 100%; }
#top-menu ul a.external:after { font: var(--icons); font-size: 40%; content: "\f35d"; padding-left: 5px; vertical-align: middle; -webkit-transform: translateY(6px); transform: translateY(6px); }
#top-menu ul a.download:after { font: var(--icons); font-size: 40%; content: "\f019"; padding-left: 5px; vertical-align: middle; -webkit-transform: translateY(6px); transform: translateY(6px); }
#top-menu ul a.clean { -webkit-transition: -webkit-filter 0.5s; transition: -webkit-filter 0.5s; transition: filter 0.5s; transition: filter 0.5s, -webkit-filter 0.5s; }
#top-menu ul a.clean:before, #top-menu ul a.clean:after { display: none !important; }
#top-menu ul a.clean:hover { -webkit-filter: drop-shadow(0 0 10px var(--accent)); filter: drop-shadow(0 0 10px var(--accent)); }
#top-menu ul a:after { display: none; }
#top-menu ul.sub-menu { opacity: 1; pointer-events: all; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; }
#top-menu ul.sub-menu > li > a { max-width: none; padding: 3px 0 !important; }

#menubtn, #totop { -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 0; height: 46px; top: 35px; -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }
#menubtn:after, #totop:after { display: none !important; }
#menubtn.show + #logo-sticky:hover #alogo, #totop.show + #logo-sticky:hover #alogo { -webkit-transform: translateX(-110px) scale(1.05); transform: translateX(-110px) scale(1.05); }
#menubtn.show + #logo-sticky #alogo, #totop.show + #logo-sticky #alogo { -webkit-transform: translateX(-300px); transform: translateX(-300px); -webkit-clip-path: none; clip-path: none; }
@media screen and (max-width: 1350px) { #menubtn, #totop { right: 20px; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  #menubtn.show, #totop.show { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }

#totop { top: auto; }

#logo-sticky { position: absolute; padding: 0; }
#logo-sticky:hover img, #logo-sticky:hover #alogo { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2)); filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2)); }
#logo-sticky:hover #logoinfo { width: 450px; height: 450px; }
#logo-sticky a { padding: 0 20px; }
#logo-sticky img { display: none; height: 105px; -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.6)); filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.6)); -webkit-transform-origin: center; transform-origin: center; will-change: transform; }
#logo-sticky #alogo { width: 280px; -webkit-transform-origin: center; transform-origin: center; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); will-change: transform; -webkit-transition: -webkit-transform 0.5s, -webkit-filter 0.5s, -webkit-clip-path 0.5s; transition: -webkit-transform 0.5s, -webkit-filter 0.5s, -webkit-clip-path 0.5s; transition: transform 0.5s, filter 0.5s, clip-path 0.5s; transition: transform 0.5s, filter 0.5s, clip-path 0.5s, -webkit-transform 0.5s, -webkit-filter 0.5s, -webkit-clip-path 0.5s; }
#logo-sticky #logoinfo { opacity: 1; width: 0; height: 0; z-index: -1; left: -159px; top: -240px; border-radius: 50%; -webkit-box-shadow: none; box-shadow: none; background-color: var(--dbg); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; overflow: hidden; line-height: 0.01; color: var(--accent); -webkit-transform: none !important; transform: none !important; -webkit-transition: width 0.5s, height 0.5s; transition: width 0.5s, height 0.5s; }
#logo-sticky #logoinfo > div { --accent: var(--col1); --bg: var(--col3); position: absolute; top: 325px; left: 200px; }
#logo-sticky #logoinfo > div a { -webkit-transition: -webkit-filter 0.5s; transition: -webkit-filter 0.5s; transition: filter 0.5s; transition: filter 0.5s, -webkit-filter 0.5s; }
#logo-sticky #logoinfo > div a:hover { -webkit-filter: drop-shadow(0 0 5px var(--accent)); filter: drop-shadow(0 0 5px var(--accent)); }
#logo-sticky #logoinfo > div a:hover:before { display: none !important; }

.bi-navcon { position: absolute; z-index: 3; padding-top: 40px; }
.bi-navcon .logo { padding: 20px; padding-top: 40px; top: -10px; position: absolute; z-index: 2; }
.bi-navcon .logo img { display: none; max-height: 40px; height: auto; max-width: calc(100vw - 60px); -webkit-filter: drop-shadow(0 0 0.8px #555); filter: drop-shadow(0 0 0.8px #555); }
@media screen and (max-width: 1350px) { .bi-navcon .logo { position: relative; margin-top: -38px; margin-bottom: 15px; } }
.bi-navcon nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-top: 12px; padding-left: 20px; padding-bottom: 10px; -webkit-clip-path: none; clip-path: none; }
.bi-navcon nav.searchopen .search > form { height: 450px; width: 450px; -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; }
.bi-navcon nav.searchopen .search > form > * { visibility: visible; }
.bi-navcon nav > div:first-child { margin-right: 40px; }
.bi-navcon nav > div:first-child ul li ul.sub-menu { right: 0; background-color: var(--bg); opacity: 0; pointer-events: none; border-radius: 4px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding-bottom: 4px; z-index: 4; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; -webkit-transition-delay: 0 !important; transition-delay: 0 !important; }
.bi-navcon nav > div:first-child ul li ul.sub-menu:hover { opacity: 1; pointer-events: all; }
.bi-navcon nav > div:first-child ul li ul.sub-menu li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.bi-navcon nav > div:first-child ul li ul.sub-menu li a { padding: 3px 10px; max-width: none; background-color: transparent; -webkit-transition-delay: 0 !important; transition-delay: 0 !important; }
.bi-navcon nav > div:first-child > ul { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.bi-navcon nav > div ul li a { color: var(--accent); text-decoration: none; display: inline-block; position: relative; }
.bi-navcon nav > div ul li a:before { content: ""; display: block; border-bottom: 1px solid var(--accent); position: absolute; left: 0; bottom: 0; width: 0; -webkit-transition: width 0.5s; transition: width 0.5s; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bi-navcon nav > div ul li a:hover, .bi-navcon nav > div ul li a:focus { outline: none; }
.bi-navcon nav > div ul li a:hover:before, .bi-navcon nav > div ul li a:focus:before { width: 100%; }
.bi-navcon nav > div ul li a.external:after { font: var(--icons); font-size: 40%; content: "\f35d"; padding-left: 5px; vertical-align: middle; -webkit-transform: translateY(6px); transform: translateY(6px); }
.bi-navcon nav > div ul li a.download:after { font: var(--icons); font-size: 40%; content: "\f019"; padding-left: 5px; vertical-align: middle; -webkit-transform: translateY(6px); transform: translateY(6px); }
.bi-navcon nav > div ul li a.clean { -webkit-transition: -webkit-filter 0.5s; transition: -webkit-filter 0.5s; transition: filter 0.5s; transition: filter 0.5s, -webkit-filter 0.5s; }
.bi-navcon nav > div ul li a.clean:before, .bi-navcon nav > div ul li a.clean:after { display: none !important; }
.bi-navcon nav > div ul li a.clean:hover { -webkit-filter: drop-shadow(0 0 10px var(--accent)); filter: drop-shadow(0 0 10px var(--accent)); }
.bi-navcon nav .search { margin-top: -28px; }
.bi-navcon nav .search:hover > form, .bi-navcon nav .search:focus > form { -webkit-transform: translate(-50%, -50%) scale(1.5); transform: translate(-50%, -50%) scale(1.5); }
.bi-navcon nav .search > form { margin-top: -2px; overflow: hidden; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0; height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--bg); -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); padding: 24px 20px; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transition: height 0.5s, width 0.5s, -webkit-transform 0.5s; transition: height 0.5s, width 0.5s, -webkit-transform 0.5s; transition: height 0.5s, width 0.5s, transform 0.5s; transition: height 0.5s, width 0.5s, transform 0.5s, -webkit-transform 0.5s; }
.bi-navcon nav .search > form > * { visibility: hidden; }
.bi-navcon nav .search > form label { position: relative; }
.bi-navcon nav .search > form label:before { top: 84px; }
.bi-navcon nav .search input[type="search"] { margin-top: 75px; width: 215px; line-height: 2; height: 35px; padding: 0 35px 0 10px; border: 2px solid var(--accent); border-radius: 50px; font-family: var(--btext); -webkit-transition: background-color 0.5s; transition: background-color 0.5s; }
.bi-navcon nav .search input[type="search"]:focus { outline: none; background-color: #FFFCF7; }
.bi-navcon nav .search input[type="submit"] { right: auto; left: 235px; margin-top: 20px; top: 50%; width: 40px; height: 35px; }
.bi-navcon nav .search #searchbtn { padding: 5px; background: none; width: 30px; text-align: center; color: var(--accent); }
.bi-navcon nav .search #searchbtn:focus { outline: none; }
.bi-navcon nav .search #searchbtn:focus + form { -webkit-transform: translate(-50%, -50%) scale(1.5); transform: translate(-50%, -50%) scale(1.5); }
.bi-navcon.scroll { z-index: 90; }
.bi-navcon.scroll nav { border-left: 2px solid var(--accent); background-color: var(--dbg); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 300px; height: 100vh; position: fixed; top: 0; left: 100%; padding-right: 0; -webkit-clip-path: none !important; clip-path: none !important; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }
@supports (background: -webkit-named-image(i)) { .bi-navcon.scroll nav { height: -webkit-fill-available; } }
.bi-navcon.scroll nav.open > div:first-child { opacity: 1; }
.bi-navcon.scroll nav.open > div:first-child ul li ul.sub-menu { opacity: 1; overflow: hidden; }
.bi-navcon.scroll nav ::-webkit-scrollbar { background-color: transparent !important; width: 18px !important; }
.bi-navcon.scroll nav ::-webkit-scrollbar-thumb { background-color: var(--bg) !important; border-radius: 10px !important; border: 5px solid var(--dbg) !important; }
.bi-navcon.scroll nav > div:first-child { opacity: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: 44px; overflow-y: scroll; }
.bi-navcon.scroll nav > div:first-child ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.bi-navcon.scroll nav > div:first-child ul > li:first-child { -webkit-transform: none; transform: none; margin: 0; padding: 0; }
.bi-navcon.scroll nav > div:first-child ul > li:first-child > a { -webkit-transform: none; transform: none; margin: 0; }
.bi-navcon.scroll nav > div:first-child ul li { -webkit-clip-path: none !important; clip-path: none !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.bi-navcon.scroll nav > div:first-child ul li.menu-item-has-children { position: relative; overflow: hidden; }
.bi-navcon.scroll nav > div:first-child ul li.menu-item-has-children > a { padding-right: 69px !important; }
.bi-navcon.scroll nav > div:first-child ul li.menu-item-has-children > a:after { display: none; }
.bi-navcon.scroll nav > div:first-child ul li.menu-item-has-children .sm-trigger { position: absolute; z-index: 2; top: 0; right: 0; display: block; width: 54px; height: 54px; padding: 0; color: var(--bg); background-color: transparent; border: none; overflow: hidden; -webkit-transition: color 0.5s; transition: color 0.5s; }
.bi-navcon.scroll nav > div:first-child ul li.menu-item-has-children .sm-trigger:before { display: block; font: var(--icons); content: "\f078"; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }
.bi-navcon.scroll nav > div:first-child ul li.menu-item-has-children .sm-trigger:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; z-index: -1; background-color: var(--bg); width: 80px; height: 80px; border-radius: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: 0; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; transition: transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s; }
.bi-navcon.scroll nav > div:first-child ul li.menu-item-has-children .sm-trigger:hover, .bi-navcon.scroll nav > div:first-child ul li.menu-item-has-children .sm-trigger:focus { cursor: pointer; color: var(--dbg); outline: none !important; }
.bi-navcon.scroll nav > div:first-child ul li.menu-item-has-children .sm-trigger:hover:after, .bi-navcon.scroll nav > div:first-child ul li.menu-item-has-children .sm-trigger:focus:after { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
.bi-navcon.scroll nav > div:first-child ul li.menu-item-has-children.sub > .sm-trigger:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.bi-navcon.scroll nav > div:first-child ul li.menu-item-has-children.sub > ul.sub-menu { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0s; transition: -webkit-transform 0s; transition: transform 0s; transition: transform 0s, -webkit-transform 0s; }
.bi-navcon.scroll nav > div:first-child ul li.menu-item-has-children.sub > ul.sub-menu > li { margin-bottom: 0; }
.bi-navcon.scroll nav > div:first-child ul li ul.sub-menu { pointer-events: all; opacity: 0; background-color: rgba(255, 255, 255, 0.2); position: relative; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: none; transition: none; margin: 0; max-width: none; right: 0 !important; -webkit-transition: -webkit-transform 0s; transition: -webkit-transform 0s; transition: transform 0s; transition: transform 0s, -webkit-transform 0s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.bi-navcon.scroll nav > div:first-child ul li ul.sub-menu li { max-height: 100% !important; -webkit-clip-path: none !important; clip-path: none !important; margin-bottom: -100%; -webkit-transition: margin-bottom 0.5s; transition: margin-bottom 0.5s; overflow: hidden; }
.bi-navcon.scroll nav > div:first-child ul li ul.sub-menu li a { white-space: normal !important; max-width: 100% !important; float: none !important; -webkit-transform: none !important; transform: none !important; -webkit-transition: none !important; transition: none !important; }
.bi-navcon.scroll nav > div:first-child ul li ul.sub-menu li a:after { display: none !important; }
.bi-navcon.scroll nav > div:first-child ul li a { height: auto; min-height: 54px; padding: 15px !important; background-color: transparent; }
.bi-navcon.scroll nav > div:first-child.open > div ul li.menu-item-has-children .sub-menu { opacity: 1; }
.bi-navcon.scroll nav .search { height: auto; width: 100%; }
.bi-navcon.scroll nav .search > form { position: relative; -webkit-transform: none; transform: none; right: auto; top: auto; margin: 0; width: 100%; opacity: 1; visibility: visible; }
.bi-navcon.scroll nav .search > form label:before { right: 30px; top: 23px; }
.bi-navcon.scroll nav .search input[type="search"] { border-radius: 50px; padding: 11px 35px 10px 10px; width: calc(100% - 30px); margin: 15px; background-color: var(--dbg); color: var(--bg); }
.bi-navcon.scroll nav .search input[type="submit"] { top: 15px; height: 40px; right: 20px; }
.bi-navcon.scroll nav .search #searchbtn { display: none; }
.bi-navcon.scroll #user-menu { display: none; }
.bi-navcon.scroll nav { background-color: var(--bg); padding: 0; }
.bi-navcon.scroll nav ::-webkit-scrollbar-thumb { background-color: var(--accent) !important; border: 5px solid var(--bg) !important; }
.bi-navcon.scroll nav > div:first-child { padding-bottom: 20px; margin-right: 0; }
.bi-navcon.scroll nav > div:first-child ul li.menu-item-has-children .sm-trigger { color: var(--accent); }
.bi-navcon.scroll nav > div:first-child ul li.menu-item-has-children .sm-trigger:hover, .bi-navcon.scroll nav > div:first-child ul li.menu-item-has-children .sm-trigger:focus { color: var(--bg); }
.bi-navcon.scroll nav > div:first-child ul li.menu-item-has-children .sm-trigger:hover:after, .bi-navcon.scroll nav > div:first-child ul li.menu-item-has-children .sm-trigger:focus:after { background-color: var(--accent); }
.bi-navcon.scroll nav > div:first-child ul li ul.sub-menu li a { background: none; }
.bi-navcon.scroll nav > div:first-child ul li a:hover, .bi-navcon.scroll nav > div:first-child ul li a:focus { color: var(--bg); }
.bi-navcon.scroll nav > div:first-child ul li a:before { background-color: var(--accent); height: 100%; }
.bi-navcon.scroll nav .search { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; background-color: var(--accent); padding-bottom: 10px; }
.bi-navcon.scroll nav .search > form { border-radius: none; background: none; left: auto; -webkit-transform: none !important; transform: none !important; border: none; overflow: visible; height: auto; padding: 0; -webkit-transition: none !important; transition: none !important; }
.bi-navcon.scroll nav .search > form > * { visibility: visible; }
.bi-navcon.scroll nav .search > form label { width: calc(100% - 30px); margin-top: 0; top: auto; }
.bi-navcon.scroll nav .search > form label:before { right: 0; top: 27px; }
.bi-navcon.scroll nav .search input[type="search"] { width: 100%; height: 40px; background-color: var(--bg); color: var(--dbg); padding: 12px 35px 12px 15px; }
.bi-navcon.scroll nav .search input[type="search"]:focus { background-color: #FFEED3; }
.bi-navcon.scroll nav .search input[type="submit"] { top: -5px; left: auto; }
.bi-navcon.scroll nav #top-menu { position: relative; z-index: 2; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 40px 15px 0 15px; margin-bottom: 22px; right: 0; }
.bi-navcon.scroll nav #top-menu ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.bi-navcon.scroll nav #top-menu ul.sub-menu { padding-left: 10px; }
.bi-navcon.scroll nav #top-menu a { --accent: var(--col1); --bg: var(--col3); margin-bottom: 10px; }
@media screen and (max-width: 1350px) { .bi-navcon { z-index: 90; }
  .bi-navcon nav { border-left: 2px solid var(--accent); background-color: var(--dbg); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 300px; height: 100vh; position: fixed; top: 0; left: 100%; padding-right: 0; -webkit-clip-path: none !important; clip-path: none !important; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }
  @supports (background: -webkit-named-image(i)) { .bi-navcon nav { height: -webkit-fill-available; } }
  .bi-navcon nav.open > div:first-child { opacity: 1; }
  .bi-navcon nav.open > div:first-child ul li ul.sub-menu { opacity: 1; overflow: hidden; }
  .bi-navcon nav ::-webkit-scrollbar { background-color: transparent !important; width: 18px !important; }
  .bi-navcon nav ::-webkit-scrollbar-thumb { background-color: var(--bg) !important; border-radius: 10px !important; border: 5px solid var(--dbg) !important; }
  .bi-navcon nav > div:first-child { opacity: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: 44px; overflow-y: scroll; }
  .bi-navcon nav > div:first-child ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .bi-navcon nav > div:first-child ul > li:first-child { -webkit-transform: none; transform: none; margin: 0; padding: 0; }
  .bi-navcon nav > div:first-child ul > li:first-child > a { -webkit-transform: none; transform: none; margin: 0; }
  .bi-navcon nav > div:first-child ul li { -webkit-clip-path: none !important; clip-path: none !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .bi-navcon nav > div:first-child ul li.menu-item-has-children { position: relative; overflow: hidden; }
  .bi-navcon nav > div:first-child ul li.menu-item-has-children > a { padding-right: 69px !important; }
  .bi-navcon nav > div:first-child ul li.menu-item-has-children > a:after { display: none; }
  .bi-navcon nav > div:first-child ul li.menu-item-has-children .sm-trigger { position: absolute; z-index: 2; top: 0; right: 0; display: block; width: 54px; height: 54px; padding: 0; color: var(--bg); background-color: transparent; border: none; overflow: hidden; -webkit-transition: color 0.5s; transition: color 0.5s; }
  .bi-navcon nav > div:first-child ul li.menu-item-has-children .sm-trigger:before { display: block; font: var(--icons); content: "\f078"; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }
  .bi-navcon nav > div:first-child ul li.menu-item-has-children .sm-trigger:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; z-index: -1; background-color: var(--bg); width: 80px; height: 80px; border-radius: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); opacity: 0; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; transition: transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s; }
  .bi-navcon nav > div:first-child ul li.menu-item-has-children .sm-trigger:hover, .bi-navcon nav > div:first-child ul li.menu-item-has-children .sm-trigger:focus { cursor: pointer; color: var(--dbg); outline: none !important; }
  .bi-navcon nav > div:first-child ul li.menu-item-has-children .sm-trigger:hover:after, .bi-navcon nav > div:first-child ul li.menu-item-has-children .sm-trigger:focus:after { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
  .bi-navcon nav > div:first-child ul li.menu-item-has-children.sub > .sm-trigger:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .bi-navcon nav > div:first-child ul li.menu-item-has-children.sub > ul.sub-menu { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0s; transition: -webkit-transform 0s; transition: transform 0s; transition: transform 0s, -webkit-transform 0s; }
  .bi-navcon nav > div:first-child ul li.menu-item-has-children.sub > ul.sub-menu > li { margin-bottom: 0; }
  .bi-navcon nav > div:first-child ul li ul.sub-menu { pointer-events: all; opacity: 0; background-color: rgba(255, 255, 255, 0.2); position: relative; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: none; transition: none; margin: 0; max-width: none; right: 0 !important; -webkit-transition: -webkit-transform 0s; transition: -webkit-transform 0s; transition: transform 0s; transition: transform 0s, -webkit-transform 0s; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
  .bi-navcon nav > div:first-child ul li ul.sub-menu li { max-height: 100% !important; -webkit-clip-path: none !important; clip-path: none !important; margin-bottom: -100%; -webkit-transition: margin-bottom 0.5s; transition: margin-bottom 0.5s; overflow: hidden; }
  .bi-navcon nav > div:first-child ul li ul.sub-menu li a { white-space: normal !important; max-width: 100% !important; float: none !important; -webkit-transform: none !important; transform: none !important; -webkit-transition: none !important; transition: none !important; }
  .bi-navcon nav > div:first-child ul li ul.sub-menu li a:after { display: none !important; }
  .bi-navcon nav > div:first-child ul li a { height: auto; min-height: 54px; padding: 15px !important; background-color: transparent; }
  .bi-navcon nav > div:first-child.open > div ul li.menu-item-has-children .sub-menu { opacity: 1; }
  .bi-navcon nav .search { height: auto; width: 100%; }
  .bi-navcon nav .search > form { position: relative; -webkit-transform: none; transform: none; right: auto; top: auto; margin: 0; width: 100%; opacity: 1; visibility: visible; }
  .bi-navcon nav .search > form label:before { right: 30px; top: 23px; }
  .bi-navcon nav .search input[type="search"] { border-radius: 50px; padding: 11px 35px 10px 10px; width: calc(100% - 30px); margin: 15px; background-color: var(--dbg); color: var(--bg); }
  .bi-navcon nav .search input[type="submit"] { top: 15px; height: 40px; right: 20px; }
  .bi-navcon nav .search #searchbtn { display: none; }
  .bi-navcon #user-menu { display: none; }
  .bi-navcon nav { background-color: var(--bg); padding: 0; }
  .bi-navcon nav ::-webkit-scrollbar-thumb { background-color: var(--accent) !important; border: 5px solid var(--bg) !important; }
  .bi-navcon nav > div:first-child { padding-bottom: 20px; margin-right: 0; }
  .bi-navcon nav > div:first-child ul li.menu-item-has-children .sm-trigger { color: var(--accent); }
  .bi-navcon nav > div:first-child ul li.menu-item-has-children .sm-trigger:hover, .bi-navcon nav > div:first-child ul li.menu-item-has-children .sm-trigger:focus { color: var(--bg); }
  .bi-navcon nav > div:first-child ul li.menu-item-has-children .sm-trigger:hover:after, .bi-navcon nav > div:first-child ul li.menu-item-has-children .sm-trigger:focus:after { background-color: var(--accent); }
  .bi-navcon nav > div:first-child ul li ul.sub-menu li a { background: none; }
  .bi-navcon nav > div:first-child ul li a:hover, .bi-navcon nav > div:first-child ul li a:focus { color: var(--bg); }
  .bi-navcon nav > div:first-child ul li a:before { background-color: var(--accent); height: 100%; }
  .bi-navcon nav .search { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; background-color: var(--accent); padding-bottom: 10px; }
  .bi-navcon nav .search > form { border-radius: none; background: none; left: auto; -webkit-transform: none !important; transform: none !important; border: none; overflow: visible; height: auto; padding: 0; -webkit-transition: none !important; transition: none !important; }
  .bi-navcon nav .search > form > * { visibility: visible; }
  .bi-navcon nav .search > form label { width: calc(100% - 30px); margin-top: 0; top: auto; }
  .bi-navcon nav .search > form label:before { right: 0; top: 27px; }
  .bi-navcon nav .search input[type="search"] { width: 100%; height: 40px; background-color: var(--bg); color: var(--dbg); padding: 12px 35px 12px 15px; }
  .bi-navcon nav .search input[type="search"]:focus { background-color: #FFEED3; }
  .bi-navcon nav .search input[type="submit"] { top: -5px; left: auto; }
  .bi-navcon nav #top-menu { position: relative; z-index: 2; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 40px 15px 0 15px; margin-bottom: 22px; right: 0; }
  .bi-navcon nav #top-menu ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .bi-navcon nav #top-menu ul.sub-menu { padding-left: 10px; }
  .bi-navcon nav #top-menu a { --accent: var(--col1); --bg: var(--col3); margin-bottom: 10px; } }

@media screen and (max-width: 400px) { .logo img { max-height: 30px !important; } }

header, #header { margin-top: 150px; min-height: 691px; padding: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; z-index: 1; background-color: var(--dbg); }
header > .bgbw, #header > .bgbw { -webkit-filter: grayscale(1); filter: grayscale(1); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background-size: cover; background-attachment: fixed; background-position: center center; opacity: 0.6; }
header h1, #header h1 { margin: 0; padding: 38px 20px; font-size: 59px; text-align: center; line-height: 1; text-transform: none !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#233C77)); background-image: linear-gradient(180deg, #000000 0%, #233C77 100%); width: 100%; }
@media screen and (max-width: 535px) { header h1, #header h1 { font-size: 10vw !important; } }

body.home header { margin-top: 0; min-height: 100vh; -webkit-clip-path: none; clip-path: none; margin-bottom: 0; }
body.home header h1 { background-image: none; text-align: left; }
body.home header .elementor-hidden-phone { display: block !important; }
body.home header .elementor-hidden-phone video { min-height: 100vh; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

section:nth-of-type(n + 2) header { min-height: 0; background-color: inherit; }

body.single-post header, body.single-post #header { color: #fff; background-color: var(--dbg); }
body.single-post header h3, body.single-post #header h3 { --accent: var(--col3); --bg: var(--col1); padding: 5px 10px; background-color: var(--bg); width: auto; text-align: center; }
body.single-post header h3 a, body.single-post #header h3 a { margin: 0 5px; }
body.single-post header h1, body.single-post #header h1 { margin: 0; }
body.single-post header h4, body.single-post #header h4 { margin: 0; margin-top: 5px; background-color: var(--accent); color: var(--dbg); padding: 2px 10px; border-radius: 50px; width: auto; }
body.single-post header + main, body.single-post #header + main { padding-top: 88px; padding-bottom: 60px; }

#innerhead { padding-top: 100px; padding-bottom: 75px; margin-bottom: -42px; min-height: 200px; color: #fff; background-color: var(--dbg); }
#innerhead h3 { --accent: var(--col3); --bg: var(--col1); margin: 5px -5px; }
#innerhead h3 a { margin: 0 5px; }
#innerhead h1 { margin: 0; text-align: left; }
#innerhead h4 { margin: 0; margin-top: 5px; background-color: var(--accent); color: var(--dbg); padding: 2px 10px; border-radius: 50px; width: auto; }
#innerhead + main { padding-top: 88px; padding-bottom: 60px; }

.category header .bgoverlay, .single header .bgoverlay, .archive header .bgoverlay, .search header .bgoverlay { display: none; }

.search header { background-image: url(images/sbg.jpg) !important; }
.search header input { border-radius: 0; }

#content { background-color: #f7f7f7; }

body.single-courses #content a { color: var(--accent); text-decoration: none; display: inline-block; position: relative; }
body.single-courses #content a:before { content: ""; display: block; border-bottom: 1px solid var(--accent); position: absolute; left: 0; bottom: 0; width: 0; -webkit-transition: width 0.5s; transition: width 0.5s; -webkit-box-sizing: border-box; box-sizing: border-box; }
body.single-courses #content a:hover, body.single-courses #content a:focus { outline: none; }
body.single-courses #content a:hover:before, body.single-courses #content a:focus:before { width: 100%; }
body.single-courses #content a.external:after { font: var(--icons); font-size: 40%; content: "\f35d"; padding-left: 5px; vertical-align: middle; -webkit-transform: translateY(6px); transform: translateY(6px); }
body.single-courses #content a.download:after { font: var(--icons); font-size: 40%; content: "\f019"; padding-left: 5px; vertical-align: middle; -webkit-transform: translateY(6px); transform: translateY(6px); }
body.single-courses #content a.clean { -webkit-transition: -webkit-filter 0.5s; transition: -webkit-filter 0.5s; transition: filter 0.5s; transition: filter 0.5s, -webkit-filter 0.5s; }
body.single-courses #content a.clean:before, body.single-courses #content a.clean:after { display: none !important; }
body.single-courses #content a.clean:hover { -webkit-filter: drop-shadow(0 0 10px var(--accent)); filter: drop-shadow(0 0 10px var(--accent)); }

body.category main.contain.sb { padding-top: 55px; }
body.category main.contain.sb > section { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; }
body.category main.contain.sb > section > article { border: 1px solid var(--accent); border-radius: 4px; padding: 5px 10px; position: relative; overflow: hidden; z-index: 1; }
body.category main.contain.sb > section > article .thumb { background-size: contain; width: 100%; height: 100%; margin: -5px -10px; position: absolute; -webkit-filter: grayscale(1) brightness(5); filter: grayscale(1) brightness(5); opacity: 0.1; z-index: -1; }
@media screen and (max-width: 900px) { body.category main.contain.sb > section { grid-template-columns: 1fr; } }

main { background-color: transparent; }

.postmeta { border-radius: 4px; background: #eee; color: #888; padding: 15px 20px; font-size: 0.8em; text-align: right; margin-bottom: 10px; }

.sidebar { background-color: var(--bg); border-radius: 4px; position: -webkit-sticky !important; position: sticky !important; top: 10px; color: #fff; -webkit-clip-path: polygon(0 0, 0 100%, 50% calc(100% - 30px), 100% 100%, 100% 0%); clip-path: polygon(0 0, 0 100%, 50% calc(100% - 30px), 100% 100%, 100% 0%); min-width: 200px; --accent: var(--col3); --bg: var(--col1); }
.sidebar > div { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--accent); }
.sidebar > div:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
.sidebar a { color: var(--accent); text-decoration: none; display: inline-block; position: relative; }
.sidebar a:before { content: ""; display: block; border-bottom: 1px solid var(--accent); position: absolute; left: 0; bottom: 0; width: 0; -webkit-transition: width 0.5s; transition: width 0.5s; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sidebar a:hover, .sidebar a:focus { outline: none; }
.sidebar a:hover:before, .sidebar a:focus:before { width: 100%; }
.sidebar a.external:after { font: var(--icons); font-size: 40%; content: "\f35d"; padding-left: 5px; vertical-align: middle; -webkit-transform: translateY(6px); transform: translateY(6px); }
.sidebar a.download:after { font: var(--icons); font-size: 40%; content: "\f019"; padding-left: 5px; vertical-align: middle; -webkit-transform: translateY(6px); transform: translateY(6px); }
.sidebar a.clean { -webkit-transition: -webkit-filter 0.5s; transition: -webkit-filter 0.5s; transition: filter 0.5s; transition: filter 0.5s, -webkit-filter 0.5s; }
.sidebar a.clean:before, .sidebar a.clean:after { display: none !important; }
.sidebar a.clean:hover { -webkit-filter: drop-shadow(0 0 10px var(--accent)); filter: drop-shadow(0 0 10px var(--accent)); }
.sidebar ul { margin-top: 0; margin-bottom: 0; padding-left: 0; list-style: none; }
.sidebar ul > li { margin-bottom: 5px; }
.sidebar .widgettitle { margin-top: 0; margin-bottom: 5px; }
.sidebar .sblist { letter-spacing: -0.5px; }
.sidebar .sblist strong { font-family: var(--dtext); font-size: 60%; letter-spacing: 0.5px; margin-right: -1px; display: block; line-height: 1; }

main.sb { margin: 0 -10px; }
main.sb > * { margin: 0 10px; }
main.sb .sidebar { -ms-flex-preferred-size: 300px; flex-basis: 300px; padding: 20px; padding-bottom: 55px; padding-top: 30px; }
main.sb .sidebar > div { margin-bottom: 20px; }
main.sb .sidebar > div:last-child { margin-bottom: 0; }
main.sb .sidebar h3 { margin-top: 0; padding-bottom: 10px; border-bottom: 1px solid #fff; margin-bottom: 10px; }

.wsocial a { -webkit-transition: -webkit-filter 0.5s; transition: -webkit-filter 0.5s; transition: filter 0.5s; transition: filter 0.5s, -webkit-filter 0.5s; }
.wsocial a:hover { -webkit-filter: drop-shadow(0 0 5px var(--accent)); filter: drop-shadow(0 0 5px var(--accent)); }
.wsocial a:hover:before { display: none !important; }

footer { --accent: var(--col3); --bg: var(--col1); background-color: var(--bg); color: var(--accent); }

/*# sourceMappingURL=style.css.map */