/*
Theme Name: Alias
Theme URI: https://jjkommunikation.dk
Author: Tais Roar Larsen
Author URI: https://jjkommunikation.dk/
Version: 1.0

Text Domain: alias

*/

html body .shopWrapper .filterBox.inActive {
    display: none !important;
    visibility: hidden !important;
}
/* Mobile Styles for Alias theme*/
#disableProdMenu,
.disableMenu,
#disableMenu,
#mobileClick {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background-color: #fff;
    cursor: pointer;
    z-index: 99999;
    position: relative;
    border: 0;
    border: 1px solid #fff;
    box-sizing: border-box;
}
#mobileClick i.first {
    margin-top: 2.5px;
}
#mobileClick i {
    width: 80%;
    height: 3px;
    margin: 0 auto;
    background-color: #333;
    display:block;
    margin-bottom: 3px !important;
    margin-left: 3px !important;
}
#mobileClick i.last {
    width: 63%;
    margin-left: 3px !important;
    
}
#mobileClick:focus,
#mobileClick:hover {
    border: 2px solid #333;
}
.inner-nav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
     background-color: rgba(0, 0, 0, .91);
    z-index: 99999999;
    margin: 0 !important;
    transition: ease-in-out .3s right;
}
.inner-nav.active {
    position: fixed;
    top: 0 !important;
    right: 0 !important;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .91);
    z-index: 99999999;
    margin: 0 !important;
}
.openAtTheClose:after {
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 22px !important;
    font-style: normal;
    color: #000;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
#disableMenu {
    position:absolute;
    toP: 25px;
    right: 25px;
    background-color: #fff !important;
    width: 35px;
    height: 35px;
    border: 0 !important;
}
.inner-nav {
    padding-top: 85px;
    padding-left: 25px;
}
.inner-nav ul,
.inner-nav ul li {
    list-style-type: none;
    padding-left: 0 !important;
}
.inner-nav ul li {
    padding-bottom: 15px !important;
}
.inner-nav ul li a {
    font-size: 20px;
    text-decoration: none !important;
    color: #fff;
    font-weight: 500
}
.mobileMenuLogo {
    max-width: 65%;
    display:block;position:absolute;
    left: 25px;
    top: 20px;
}
.mobileMenuLogo img {
    max-width: 100%;
}
header.site-header {
    padding: 0 !important;
}
header.site-header .headerPartTop .logoHeader {
    max-width: 70% !important;
    position:absolute;
    top: 70px;
    overflow: hidden;
    padding-left: 15px;
}
header.site-header .headerPartTop .logoHeader img {
    width: 100% !important;
}
header.site-header .headerPartTop #mobileClick {
    position: absolute;
    top: 80px;
    right: 15px;
}
header.site-header .headerPartTop.nav-top {
    display: block;
    padding: 15px !important;
}
header.site-header .headerPartTop .basket a:before, .userMenu a:before {
    width: 32px !important;
    height: 32px !important;
}
header.site-header .headerPartTop ul li.basket a, ul li.userMenu a {
    font-size: 0px !important;
    color: transparent !important;
}
header.site-header .nav-top li.userMenu:nth-child(1),
header.site-header .headerPartTop ul li.basket, ul li.userMenu {
    margin-right: 0 !important;
    float:right !important;
    margin-left: 10px !important;
}
header.site-header .headerPartTop ul li.linkedin.icon, header ul li.facebook.icon {
    float:left !important;
    font-size: 26px !important;
    margin-left: 15px !important;
    position: absolute;
    left: 29px;
}
header ul li.facebook.icon {
     margin-left: 0 !important;
     display: block;
     position: absolute;
     left: 13px;
}
header.site-header .headerPartTop .nav-top,
header.site-header .headerPartTop nav#site-navigation {
    width: 100% !important;
    max-width: 100% !important;
    display:block;
    float:none !important;
}
header.site-header .headerPartTop .nav-top {
    width: 90% !important;
    float:left !important;
    padding:15px !important;
}
header.site-header .headerPartTop nav#site-navigation:after {
    content :"";
    display:block;
    clear:both;
}
.searchProds {
    font-size: 25px;
    height: 42px !important;
    width: 33px !important;
    padding: 15px !important;
    position: absolute !important;
    top: 17.5px;
    right: 16px;
    margin-left: 0 !important;
}
.home .innerFpfContent {
    padding: 15px !important;
    margin-top: 160px !important;
}

.home .site-header .fpfContent {
    background-size: auto 100% !important;
    background-repeat: no-repeat;
    background-position: left center

}
html body * .subcontent .innerContent .iconBox,
html body * .subcontent .innerContent .iconBox:nth-child(1n) {
    width: calc(50% - 30px) !important;
    float:left !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
    margin-bottom: 30px !important;
}
.iconBox h4,
.home .subcontent .iconBox h4 {
    max-width: 100% !important;
    display:block;
    font-size: 1.3em !important;
    text-align: center;
}
html body.home * .subcontent .innerContent .iconBox.antal5:nth-last-child(2),
html body:not(.home) * .subcontent .innerContent .iconBox.antal5:nth-last-child(1) {
    margin: 0 auto !important;
    float: none !important;
    margin-bottom: 45px !important;
    clear:both;
}
.home .subcontentWrapper .subcontent:nth-child(1) .innerContent h2 {
    margin-bottom: 35px !important;
}
body:not(.home) div.itComp.right,
body:not(.home) figure.itComp.right,
.innerContent .itComp.right,
.innerContent .itComp.left {
    float: none !important;
    width: 100% !important;
    padding:  0 15px 15px !important;
    box-sizing:border-box;
}
.innerContent iframe {
    max-width: 100% !important;
    height: auto !important;
}
.subcontent.darkblueimage {
    background-image: none !important;
}
html body * .subcontent .innerContent .iconBox.process:nth-child(1n) {
    width: 100% !important;
    display: block !important;
    float: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 15%;
}
html body footer .widget-area .widget-column .widget_text {
    width: 100% !important;
}
#mobile-menu {
    overflow: scroll;
}

.searchProds a.btn:before {
    font-size: 31px !important;
}
.facebook a:after, footer .facebook:after,
.linkedin a:after, footer .linkedin:after {
    font-size: 28px !important;

}
.cta-btn {
    padding: 10px 15px !important;
}
.fpfContent .cta-btn {
    font-weight: 600
}
h1, h2, html body * h1, html body * h2, .innerContent h1, .innerContent h2, html body * .subcontent .innerContent  h1, html body * .subcontent .innerContent h2 {
    font-size: 32px !important
}
.intro-header > h2,
.intro-header > h1 {
    padding-left: 15px;
    padding-right: 15px;
}
.intro-header > h2 {
    font-size: 22px !important;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 5px;
}
.intro-header *.center {
    width: 100% !important;
    padding: 0 15px !important;
    box-sizing: border-box;
}
div.itComp.left.facts,
div.itComp.right.facts {
    margin-left: 15px !important;
    margin-right: 15px !important;
    width: calc(100% - 30px) !important;
    padding: 15px !important;
}
html body * .darkblueimage div.facts + .left, html body * .darkblue div.facts + .left {
    width: 100% !important;
    margin: 65px 0 !important;
    margin-bottom: 0 !important;
}
.breadcrumbs {
    padding: 0 15px;
   
}
html body * #post-grid-1804 .item {
    width: calc(50% - 25px) !important;
    margin-right: 15px !important;
     margin-left: 0 !important;
}
html body * #post-grid-1804 .item:nth-child(2n) {
    margin-right: 0 !important;
}
html body .innerWrapperPost {
    padding-left: 15px;
    padding-right: 15px;
    width: 100% !important;
}
.innerWrapperPost .breadcrumbs {
    padding: 0 !important;
    margin-bottom: 45px !important;
}
html body .medarbejderImg {
    width: 65% !important;
    margin: 0 auto;
    float: none !important;
    height: inherit;
}
.intro-header > p {
    padding-left: 15px;
    padding-right: 15px;
}
p a.cta-btn {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}
.intro-header img {
    max-width: 100%;
    height: auto;
}
body:not(.home) header.site-header {
    background-size: cover !important;
}

html body * .woocommerce-ordering + .products {
    width: 100% !important;
    display: block;
    clear:both;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
html body * .woocommerce-ordering + .products li a h2 {
    font-size: 18px !important;
}
html body * .woocommerce ul.products li.product, html body * .woocommerce-page ul.products li.product {
    height: 375px !important;
    margin-bottom: 65px !important;
}
.filterBox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 9999999999999999999;
    background-color: #fff;
    padding: 15px;
    padding-top: 75px;
    transition: ease-in-out right .3s;
}
.filterBox.inActive {
     right: -500px;
}
.filterBox .cat-selection,
.filterBox .prodcat-selection {
    display: block;
    clear:both;
    padding: 10px 15px;
    border-radius: 45px;
    background-color: #95151f;
    width: 70%;
    margin-bottom: 15px;
    color: #fff;
    text-decoration: none;
}
.filterBox .cat-selection:after,
.filterBox .prodcat-selection:after {
    content :"\f054";
    color: #fff;
    display:block;
    float:right;
    clear: both;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
.disableMenu,
#disableProdMenu {
    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0 !important;
    z-index: 99999 !important;
    z-index: 999999999999999 !important;
}
.filterBox .categoryMenu,
.filterBox .prodFilter {
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
    height: 100%;
    background-color: #fff !important;
    z-index: 999999999999999999999 !important;
    right: 0 !important;
    transition: ease-in-out right .3s;
    box-sizing: border-box;
}
.filterBox .prodFilter {
   overflow: scroll;
}
.filterBox .prodFilter.inActive {
     right: -500px !important;
}
.filterBox .categoryMenu {
    right: 0 !important;
    width: 100% !important;
}
.filterBox .categoryMenu.inActive {
    right: -500px !important; 
}
#enableProdMenu {
    float:left;
    padding: 10px 15px;
    padding-left: 15px !important;
    border-radius: 45px;
    border: 0 !important;
    background-color: #95151f;
    color: #fff;
    font-size: 18px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin-bottom: 15px;
    position: relative;
    z-index: 9999999;
}
i.filterIcon:before {
 content: "\f0c9";
 font-family: 'Font Awesome 5 Free';
 color: #fff;
 font-weight: 900;   
 margin-right: 5px;
 font-style: normal;
 font-size: 16px;
 margin-top: 1.5px;
 display:block;
 float:left;
}
.shopWrapper {
  padding-top: 45px !important;
}
html body * .categoryMenu .menu-undermenu-for-produkter-container {
    display: block !important;
    padding: 65px 15px 15px;
}
html body * .categoryMenu .menu-undermenu-for-produkter-container ul {
    padding-left: 0;
}
html body * .categoryMenu  .menu-undermenu-for-produkter-container li {
    list-style: none !important;
    margin-bottom: 10px;
}
html body * .categoryMenu .menu-undermenu-for-produkter-container li  a {
     color: #000;
     text-decoration: none;
     font-size: 18px;
     font-weight: 600;
}
.filterBox .whoIsSelector {
    margin-top: 15px;
}
html body .popularProducts li figure {
	height: inherit !important;
}
html body.woocommerce-page .related ul.products li.product,
html body.woocommerce .upsells ul.products li.product,
html body .andreProdukter .iconBox {
    width: calc(50% - 30px) !important;
    margin-left: 15px !important;
    margin-bottom: 15px !important;
}
html body * *.andreProdukter div.iconBox:nth-child(2n + 1) {
    margin-right:  0 !important;
    margin-left: 0 !important;
}
html body * *.andreProdukter div.iconBox:nth-last-child(1) {
    float: none !important;
    margin: 0 auto !important;
    clear:both !important;
}
.related.products > h2,
.upsells h2,
.woocommerce-tabs.wc-tabs-wrapper .panel h2,
.woocommerce div.product .product_title {
    font-size: 22px !important;
    text-align: center;
}
.woocommerce-tabs.wc-tabs-wrapper .panel h2,
html body.woocommerce div.product .product_title {
    text-align: left !important;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    font-size: 16px !important;
}
html body.woocommerce-page:not(.achive) .site-main div.type-product .related.products,
html body * .upsells,
html body * .woocommerce-tabs.wc-tabs-wrapper {
    width: 100% !important;
    float: none !important;
    clear:both;
    margin-bottom: 45px !important;
}
body.woocommerce-page:not(.achive) .site-main div.type-product {
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
    display: block;
}
.upsells .excerpt,
.popularProducts .excerpt,
.related.products .excerpt {
    margin-top: 0 !important;
}
.woocommerce-breadcrumb {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
html body * .submenu-innerContainer .cta-container a {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.itComp:empty {
    display: none !important;
}
.woocommerce-loop-product__title {
    max-width: 100%;
    line-break: auto;
    word-break: break-word;
}
.woocommerce ul.products {
    overflow: hidden;
}
.term-description .innerDescription h1 {
   width: 100% !important;
   float:none !important;
   clear: both !important;
   font-size: 24px !important;
   width: 85% !important;
}
.term-description .innerDescription {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  
}
.term-description {
      background-position: -400% top !important;
      background-size: 120% auto !important;
}
.productImageContainer {
    margin: auto;
}
footer#colophon {
    padding-left: 15px;
    padding-right: 15px;
}
html body * div *.andreProdukter.nom1 div.iconBox {
    float: left !important;
    clear: none !important;
    box-sizing: border-box;
    width: calc(50% - 32px) !important;
}
html body * div *.andreProdukter.nom1 div.iconBox:nth-child(2n + 1) {
    margin-right: 15px !important;
    margin-left: 15px !important;
}
html body * div *.andreProdukter.nom1 .iconBox:nth-child(2) {
    margin-left: 15px !important;
}
.number {
    position: absolute;
    top: 0 !important;
    right: 0 !important;
    z-index: 9999999 !important;
    display: block !important;
    color: #fff !important;
    font-size: 12px !important;
    background-color: #95151f;
    width: 17px;
    height: 17px;
    padding-top: 0px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 100%;

}
header.site-header .headerPartTop ul li.basket a {
    position:relative !important;;
}