/* === Put most important layout css here to smooth out the initial load === */
:root {
    --content-margin: 10%;
    --max-width: 960px;
    /*--outmost-container-width: 960px;*/
    --outmost-container-width: calc(100% - 12.5%);
    --sidebar-width: 340px;
    --light-gray: #e3e3e3;
    --bg-light-gray: #eef0ef;
    --bg-light-gray-footer: #f7f7f9;
    --navbar-button-size: 37px; /*2.8em;*/
}
html {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}
#top-bar .container,
.large-overlay,
.top-nav-container,
.top-nav-container .container,
#main-content.container {
    position: relative;
    /*max-width: calc(100vw - var(--content-margin))!important;*/
    max-width: var(--outmost-container-width)!important;
    width: 100vw!important;
    padding: 0px 0px !important;
}

.top-nav-container .home-icon a img {
    max-width: 25px;
}
body {
    background-color: white;
    background-color: white!important;
}
#top-bar {
    padding: 10px 0!important;
    background: #fff!important;
}

#top-bar div[class*=col-], #top-bar div[class^=col-] {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
#top-bar .col-md-5 {
    float: left!important;
    width: 41.6666666667%!important;
}
#top-bar .col-md-7 {
    float: left!important;
    width: 58.3333333333%!important;
}
#top-bar .text-right {
    text-align: right!important;
}
/*
div#top-bar img {
    display: initial;
}
*/
#top-bar .header-links {
    /*display: none;*/
}
#top-bar .header-links li {
    list-style: none!important;
    display: inline-flex!important;
}
#top-bar .header-links li.border-right {
    padding-right: 16px;
    margin-right: 10px;
    position: relative;
}
#top-bar .header-links li.border-right:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 20px;
    background: #797678;
}
#top-bar .text-right {
    font-size: 20px;
}
@media (min-width: 861px) {
#top-bar span.col-lg-8.to-right.text-right {
    display: none;
}}
@media (min-width: 720px) {
#top-bar .col-lg-8.col-md-7 {
    float: left !important;
    width: 58.3333333333% !important;
    }}
/*@media (min-width: 861px) and (max-width: 960px) {*/
@media (min-width: 861px) and (max-width: 980px) {
 #top-bar .col-lg-8.col-md-7 {
    width: 56.5% !important;
 }
}
@media (max-width: 860px) {
#top-bar .logo {
    width: 41.6666666667%!important;
    text-align: left!important;
}
#top-bar .text-right {
    text-align: right!important;
    width: 58.3333333333%!important;
}
#top-bar .to-right {
    position: relative!important;
    display: initial;
    top: initial;
    float: right;
}
.wp-block-button__link {
    border-radius: 11px;
    background-color: #f58220;
    margin-top: 9px;
}
.wp-block-button__link {
    padding: 10px;
}
#top-bar .wp-block-button__link {
    display: none;
}
.wp-block-buttons>.wp-block-button {
    display: block!important;
    margin: auto;
    width: 100%!important; /*  */
}
span.col-lg-8.to-right.text-right {
    font-weight: bold; /**/
    font-size: 1.25em;
    margin-top: 1em;
    min-width: 220px;
}}

@media screen and (max-width: 720px) { /*560px*/
.img-desktop {
    display: none;
}
.img-mobile {
    display: initial;
}
}
@media screen and (min-width: 721px) {
.img-desktop {
    display: initial;
}
.img-mobile {
    display: none;
}
}
.wp-block-button__link {
    font-size: 1.5em;
    font-size: 16px!important;
}
.large-overlay {
    margin: auto;
    min-height: 413.8px;
    min-height: 232px;
    min-height: calc( var(--outmost-container-width) / 3.6);
    width: var(--outmost-container-width);
}
video {
    height: auto;
    max-width: 100%;
}

.top-nav-container {
    padding: 0.75rem 0;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
}
.top-nav-container {
    background: #f07d00;
    margin: auto;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 64px;
}
.top-nav-container {
    margin-top: -8px!important;
    margin-top: -6px!important;
    margin-top: -6.75px!important;
}
.top-nav-container .navbar-menu>li>a {
    margin-top: 0;
}
.search-share-container {
    display: none;
}
.container {
    margin: auto!important;
    /*padding: 0 15px!important;*/
    /*padding: 0!important;*/
}

.top-nav-container .navbar a, .top-nav-container .navbar button span {
    padding-right: 5px!important;
    padding-left: 5px!important;
    font-size: 16px!important;
    font-family: Helvetica Neue LT W1G,sans-serif;
    display: inline;
    display: initial;
}
.top-nav-container i.fa-chevron-down {
    display: none!important;
}
@media screen and (max-width: 440px) {
.top-nav-container {
    margin-top: 0px!important;
}
.top-nav-container .search-form,
.top-nav-container.search-is-expanded .search-form {
    width: 360px!important;
}}
@media screen and (max-width: 560px) {
 .sidebar.s1 {
    display: none;
 }
    
 html {
    margin-top: 0px !important;
 }
}
@media screen and (min-width: 861px) {
 .top-nav-container .menu-background, .top-nav-container .menu-background .navbar-burger {
    display: none;
 }
 .top-nav-container .navbar-menu .navbar-item {
    display: flex;
    align-items: center;
    position: static;
    padding: 16px 10px 12px!important;
 }
 .top-nav-container .navbar-menu>li>a, .top-nav-container .navbar-menu>li button, .top-nav-container .navbar-menu>li label {
    padding: 2px!important;
    white-space: normal;
    text-overflow: clip;
    width: auto!important;
    border: none!important;
    color: #fff!important;
    text-indent: 0!important;
    overflow: inherit!important;
    height: auto!important;
    margin-top: 3px;
 }
 .top-nav-container .navbar a, .top-nav-container .navbar button span {
    line-height: normal!important;
    font-weight: 700;
 }
}
.container .navbar-menu .navbar-item {
    padding: 0.2rem 0.75rem;
    border-radius: 3px 3px 0 0;
    display: inline-flex;
}
.top-nav-container .menu-submenu {
    display: none;
}
.top-nav-container .social-shares {
    display: none;
}

.main-content {
    padding: 25px 30px 35px;
}
/*
main#main-content img {
    display: none;
}
*/
/*
@media (min-width: 1337px) and (max-width: 1606px) {
 .large-overlay {
    max-width: 1093px!important;
    width: 1093px!important;
 }
 .top-nav-container {
    max-width: 1093px!important;
    width: 1093px!important;
 }
 .container {
    max-width: 1093px!important;
    width: 1093px!important;
 }
*/
#main-content.container {
    max-width: calc(100vw - var(--content-margin))!important;
    max-width: var(--outmost-container-width)!important;
    width: 100vw!important;
    padding: 0px 0px!important;
}

 .top-nav-container .container .navbar-menu .navbar-item .navbar-dropdown-toggle {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    padding: 1rem 0.8rem;
    cursor: pointer;
 }
 .top-nav-container .container .navbar-menu .navbar-item .navbar-dropdown-toggle.has-toggle-label {
    padding: 1rem 0.4rem;
    display: inline-flex;
    align-items: baseline;
 }

.top-nav-container .navbar-brand .navbar-burger {
    min-height: 1.8rem;
    height: 2.8em;
    width: 2.8em;
    height: var(--navbar-button-size);
    width: var(--navbar-button-size);
    top: 7px;
}
.top-nav-container .navbar-brand .navbar-burger span {
    height: 2.5px;
}
.top-nav-container .search-share-container .search-open {
    margin-top: 7px;
}
.top-nav-container .search-share-container .search-container {
    height: 52px;
    display: block;
}

@media screen and (max-width: 860px) {
.top-nav-container .search-share-container .search-open,
.top-nav-container .navbar-brand .navbar-burger {
    height: var(--navbar-button-size);
    width: var(--navbar-button-size);    
}
.top-nav-container.search-is-expanded .search-form {
    width: 300px;
    width: 360px;
    width: 85%;
}
    
iframe {
    /* max-width: 150%; */
    /* --max-width: 540px; */
    max-width: 85vw;
}
}
@media screen and (max-width: 1336px) {
 .top-nav-container .search-share-container .search-form {
    min-height: 2.8rem;
    height: 48px;
    width: 0px;
    position: absolute;
    top: 2px;
    border-radius: 0.5rem;
    right: 0;

    top: 4px;
    height: 44.5px;
    height: 55px;
}}
@media screen and (max-width:860px) {
.top-nav-container .search-share-container .search-form {
    height: 44px;
}
div#top-nav-container .search-form input[type=search], div#top-nav-container .search-form input[type=search]:focus {
        padding: 0px;
}}
.top-nav-container.search-is-expanded .search-form {
    width: 300px;
    width: 360px;
}
 .top-nav-container .search-share-container .search-form {
    right: 15px;
    margin-top: 0;
}

.search-container .search-submit {
    width: 2.6rem;
}
.search-container .search-close i {
    right: 0.5rem;
}
}

body:not(.item-page) .main-content {
    /*--sidebar-width: 340px;*/
    background: white;
    background: var(--bg-light-gray);
    padding: 0;
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.item-page .main-content-inner {
    max-width: 100%;
    float: none;
}
#item-page .sidebar.s1 .filter-section {
    display: none;
}
.main-content-inner {
    position: relative;
    float: left;
    float: right;
    width: 100%;
    /*max-width: 720px;*/
    /*max-width: 704px;*/
    /*max-width: calc(100% - calc(var(--sidebar-width) + 1em));*/
    max-width: calc(100% - calc(var(--sidebar-width))); /* Remove 1em and move to padding */
    /* margin-left: 1em; */
    margin: auto;
    margin-top: 1em;
    margin-top: 0;
    background-color: #ffffff;
    border: 0px solid salmon;
}
#search-results-page .main-content-inner.search-results {
    background-color:#333;
    padding: 1em;
}
@media screen and (max-width: 760px) {
 .main-content-inner {
     max-width: 100%;
 }
}

.item-content.article-content ul { /* for bullets */
    list-style: initial;
    margin-left: 2em;
}

/* *** Sidebar *** */
.widget, .widget select, .widget>h3 {
    font-size: .9375em;
}
.widget select {
    border: 1px solid #ddd;
    color: #777;
    padding: 7px;
    width: 100%;
    max-width: 100%;
}
.sidebar.s1 {
    /*font-size: 100%;
    font-size: 150%;*/
    font-size: 12pt!important;
    width: var(--sidebar-width);
    float: left;
    border-right: 1px solid #ccc;
    border: 0px solid salmon;
    transition: none;
}

/* *** Main *** */
/*!
 * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com - fa-solid-900.e8a427e1.woff2
 * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com - fa-solid-900.d5e64738.woff2
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/wp-content/themes/IgusToolbox/assets/webfonts/fa-solid-900.1042e8ca.eot");
  src: url("/wp-content/themes/IgusToolbox/assets/webfonts/fa-solid-900.1042e8ca.eot") format("embedded-opentype"),
       url("/wp-content/themes/IgusToolbox/assets/webfonts/fa-solid-900.d5e64738.woff2") format("woff2"),
       url("/wp-content/themes/IgusToolbox/assets/webfonts/fa-solid-900.9fe5a17c.woff") format("woff"),
       url("/wp-content/themes/IgusToolbox/assets/webfonts/fa-solid-900.605ed792.ttf") format("truetype"),
       url("/wp-content/themes/IgusToolbox/assets/webfonts/fa-solid-900.376c1f97.svg") format("svg"); 
  src: url("/wp-content/themes/IgusToolbox/assets/webfonts/webfonts/fa-solid-900.e8a427e1.woff2") format("woff2");
}
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/wp-content/themes/IgusToolbox/assets/webfonts/fa-solid-900.d5e64738.woff2") format("woff2"),
       url("/wp-content/themes/IgusToolbox/assets/webfonts/fa-solid-900.0248ab19.ttf") format("truetype");
  src: url("/wp-content/themes/IgusToolbox/assets/webfonts/fa-solid-900.d5e64738.woff2") format("woff2");
}
.youtube .tile-thumbnail:before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    font-family: "Font Awesome 5 Free";
    content: '\F04B';
    font-family: Font Awesome\ 6 Free;
    content: "\F04B";
    font-size: 2.2rem;
    background-color: rgba(0,0,0,.9);
    border-radius: 50%;
    color: #fff;
    opacity: .85;
    height: 4.6rem;
    width: 4.6rem;
    line-height: 1rem;
}

.post-thumbnail svg {
    max-width: 16px;
}
.tile-thumbnail {
    height: 41%;
    font-size: 0;
    overflow: hidden;
    /*overflow: unset;*/
}
.tile .tile-content-label-text span {
    color: #fc8a19;
}
.tile-wrapper:not(.list-view) .tile .tile-content-label .tile-content-label-text span {
    margin: 0;
}
.tile-wrapper:not(.list-view):hover .tile-content-label .tile-content-label-text span {
    text-decoration: underline;
}

.wp-post-data {
    display: none;
}
.tile-wrapper:not(.list-view) .tile header.tile-copy p {
    color: #999;
    margin-top: 20px;
    display: block!important;
    /*font-size: 1.8rem;*/
}

.top-nav-container .container .navbar-menu .navbar-item .navbar-dropdown {
    /*display: initial;*/
}
@media screen and (min-width: 1337px) {
.top-nav-container .container .navbar-menu .navbar-item .navbar-dropdown {
    /*display: flex!important;*/
}}

/* *** Footer *** */
.container:after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}
#injected-footer {
    background-color: #f7f7f9;
    padding-top: 0;
    padding-bottom: 0;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
}
footer {
    display: block;
}
#injected-footer .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 940px) {
#injected-footer .col-lg-12 {
    float: left;
    width: 100%;
}}
@media (min-width: 1200px) {
#injected-footer .container {
    max-width: 1200px !important;
    width: 1200px !important;
}}
#injected-footer .row {
    margin-left: -15px;
    margin-right: -15px;
}
#injected-footer .igusSec021Footer__middle, #injected-footer .igusSec021Footer__section {
    display: flex;
}
#injected-footer .igusSec021Footer__middle {
    margin-top: 30px;
    flex-wrap: wrap;
}
#injected-footer .igusSec021Footer__section {
    flex-direction: column;
    min-width: 250px;
}
@media (min-width: 940px) {
#injected-footer .col-lg-4 {
    float: left;
    width: 33.3333333333%;
}}
@media (max-width: 560px) {
.container {
    max-width: 100% !important;
    width: 100% !important;
}}
@media (min-width: 345px) {
#injected-footer .container {
    max-width: 345px !important;
    width: 345px !important;
}}

.item-page .entry-inner code {
    display: none;
}

.highlight-item-2w2h { /* same as .highlight-item (default) */
    height: 100%;
}

.item-tile.highlight-item-2w a,
.highlight-item-2w .tile {
    width: 520px;
    height: 330px;
}
.item-tile.highlight-item-2h a,
.highlight-item-2h .tile {
    width: 250px;
    height: 680px;
}
.highlight-item-2h .tile figure {
    height: 283px;
}
.tile-container .highlight-item-2w .tile .tile-title,
.tile-container .highlight-item-2h .tile .tile-title {
    font-size: 28px;
    line-height: 32px;
}
.tile-container .highlight-item-2h p.subtitle.is-5.tile-description,
.tile-container .highlight-item-2w p.subtitle.is-5.tile-description{
    font-size: 26px;
    line-height: 32px;
    font-size: 24px;
    line-height: 30px;
}
}