/*
 Theme Name:   Divi Child
 Theme URI:    http://www.vinn.no/
 Description:  Divi Child Theme for VINN
 Author:       Thomas Sk†r
 Author URI:   http://www.vinn.no
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  divi-vinn
*/

#main-content .container:before {background: none;}
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}
#sidebar {display:none;}

/* Gjør informasjon om betaling mer synlig */
.payment_box {
    color: #222 !important;
    font-weight: bold;
}

.sku_wrapper {
  display: none;
}

/* Fjern beslektede produkter */
.related.products {
  display: none;
}

/* Fjern lenke til produktkategori */
.product_meta .posted_in {
  display: none;
}

.et-social-icon a {
  color: #ccc;
}

.woocommerce-breadcrumb{
  display: none;
}

.sub-menu a {
  font-size: 13px !important;
}

#footer-info { display: none; }

/* Hides all the items that float over the right margin */
   #et-main-area { overflow: hidden;} 
 
/* optimized for mobile */
   @media only screen and ( min-width: 1901px ) and ( max-width: 2500px ) {.left-diagonal::after {top: -150px; height: 85%;}}
   @media only screen and ( min-width: 1501px ) and ( max-width: 1900px ) {.left-diagonal::after {top: -131px; height: 68%;}}
   @media only screen and ( min-width: 1001px ) and ( max-width: 1500px ) {.left-diagonal::after {top: -116px;}}
   @media only screen and ( max-width: 1000px ) {.left-diagonal::after {top: -90px;}}


.triangles::after {position: absolute; content: ''; pointer-events: none;}

.triangles::after {
left: 50%;
width: 100px;
height: 100px;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);}

/* Bottom arrow pointing down. Currently set to inherit the background of the section. This can be removed if you don't want a bottom arrow */
 .triangles::after { bottom: -50px; z-index: 10; background: inherit;}

.et_pb_column:hover .pbox {
  background: #565656;
}

.pbox {
  -webkit-transition:all 0.4s ease-out;
  -moz-transition:all 0.4s ease-out;
  -ms-transition:all 0.4s ease-out;
  -o-transition:all 0.4s ease-out;
  transition:all 0.4s ease-out;
}

.fa {
    line-height: inherit !important;
}
.fa-ul {
    list-style-type: none !important;
}
.fa-li {
    top: 0px !important;
}

#fab-pack-full .et-pb-icon::after {
    content: "\f02d  \f046  \f109";
    font-family: "FontAwesome" !important;
    font-size: 48px;
    padding: 6px; /* OPTIONAL, READ NOTES */
}

#fab-pack-mini .et-pb-icon::after {
    content: "\f02d  \f046";
    font-family: "FontAwesome" !important;
    font-size: 48px;
    padding: 6px; /* OPTIONAL, READ NOTES */
}

#fab-test .et-pb-icon::after {
    content: "\f072";
    font-family: "FontAwesome" !important;
    font-size: 48px;
    padding: 6px; /* OPTIONAL, READ NOTES */
}

#fab-book .et-pb-icon::after {
    content: "\f02d";
    font-family: "FontAwesome" !important;
    font-size: 48px;
    padding: 6px; /* OPTIONAL, READ NOTES */
}

#fab-quiz .et-pb-icon::after {
    content: "\f046";
    font-family: "FontAwesome" !important;
    font-size: 48px;
    padding: 6px; /* OPTIONAL, READ NOTES */
}

#fab-webcourse .et-pb-icon::after {
    content: "\f109";
    font-family: "FontAwesome" !important;
    font-size: 48px;
    padding: 6px; /* OPTIONAL, READ NOTES */
}

.fab-front-salg .et-pb-icon::after {
    content: "\f24e";
    font-family: "FontAwesome" !important;
    font-size: 120px;
    padding: 6px; /* OPTIONAL, READ NOTES */
}

.fab-front-skjenk .et-pb-icon::after {
    content: "\f0fc";
    font-family: "FontAwesome" !important;
    font-size: 120px;
    padding: 6px; /* OPTIONAL, READ NOTES */
}

.fab-front-etab .et-pb-icon::after {
    content: "\f0f5";
    font-family: "FontAwesome" !important;
    font-size: 120px;
    padding: 6px; /* OPTIONAL, READ NOTES */
}

@media only screen and ( min-width:981px ) {
    /* Set the slider height */
    .category-slider, .category-slider .et_pb_container { 
        height: 425px !important; 
    }
    .category-slider, .category-slider .et_pb_slide { 
        max-height: 425px; 
    }
    .category-slider .et_pb_slide_description { 
        position: relative; 
        top: 25%; 
        padding-top: 0 !important; 
        padding-bottom:0 !important; 
        height:auto !important; 
    }
}