/*
Theme Name: Chaplin Child
Theme URI: https://www.andersnoren.se/teman/chaplin-wordpress-theme/
Template: chaplin
Author: Anders Norén & Stefan Grage
Author URI: https://stefangrage.dk & https://www.andersnoren.se
Description: Chaplin is a feature-packed WordPress theme that gives you full control over the fonts and colors on your site. It is built from the ground-up with the new Block Editor in mind, and makes it easy to create good looking layouts on both posts and pages. This flexibility makes Chaplin suitable for pretty much any type of website, including business sites and portfolios. All of the fonts and colors in the theme can be easily modified within the Customizer, allowing you to create a unique look and feel for your site in less than a minute. All fonts on Google Fonts are supported, and you can choose one of the ten included color schemes or build one from scratch. Any changes you make to the fonts and colors are reflected in the editor styles for both the Block Editor and the Classic Editor, so you always have a good idea of the end result when you create your content. Chaplin also includes a cover template with a hero image (pictured in the screenshot), infinite scroll on archive pages, settings for what post meta to display on archive pages and single posts, custom logo support, two widget areas, a search overlay, full-width templates, a sticky header option, a social menu with icons, a responsive design, a lightweight construction to ensure quick load times, support for Jetpack Portfolio and CoBlocks, and much more. Demo: https://andersnoren.se/themes/chaplin/
Tags: blog,portfolio,grid-layout,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks,full-width-template
Version: 1.4
Updated: 2019-12-02 11:24:00

*/

/*Wide column, centered*/


/*Colors*/
.accentcolor{
  color: #05868e;
}
.whitetext{
  color: #fff;
}

/*header*/
#site-header{
  margin-bottom: 0;
}
.post-inner{
  padding-top: 0;
}
.entry-header{
  display: none;
}

/*vedrørende blog-sektion*/
.type-post .entry-header{
  display: block;
}
.post-meta-wrapper.post-meta-single.post-meta-single-top {
  display: none;
}
@media (min-width: 700px)
.type-post .post-inner {
  padding-top: 8rem;
}
.type-post .post-inner {
  padding-top: 5rem;
}

#site-header{
  padding: 1.5rem 0;
}

/*Home page*/
/* .home .wp-block-columns.alignfull.has-2-columns .wp-block-column{
  flex-basis: 50%;
}

.home .wp-block-columns.alignfull.has-2-columns .wp-block-column:not(:first-child){
  margin-left: 0;
}

.home .wp-block-columns.alignwide, .home .wp-block-columns.alignfull{
  margin-bottom: 4rem;
} */

.home .wp-block-cover__inner-container{
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 760px){
  .home .wp-block-cover__inner-container{
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.home .header_left, .home .header_right{
  border: 2px solid #fff;
  width: 100%;
  background-color: rgba(0,0,0,0.4);
}
@media screen and (min-width: 760px){
  .home .header_left, .home .header_right{
    border: 2px solid #fff;
    flex-basis: calc(50% - 2rem);
  }
}

.home .wp-block-cover__inner-container h2,   .home .wp-block-cover__inner-container h3, .home .wp-block-cover__inner-container h4{
    flex-basis: 100%;
    width: 100%;
    font-family: Open Sans,-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,sans-serif;
}
.home .wp-block-cover__inner-container{
  margin-top: -6rem;
}
.home .wp-block-cover__inner-container h2{
    margin-top: 0;
    margin-bottom: 2rem;
}
.home .wp-block-cover__inner-container h4{
/*

    margin-left: 17rem;
    border-left: 2px solid #fff;
    padding-left: 0.5rem;
    padding-top: 2rem;
*/
    margin-top: 0.5rem;
    padding-bottom: 3rem;

}
@media screen and (max-width: 840px){
.home .wp-block-cover__inner-container h4{
    margin-left: 10rem;
    }
}
@media screen and (max-width: 760px){
.home .wp-block-cover__inner-container h4{
    margin-left: 0;
    padding-left: 0;
    border-left: none;
    }
}

@media screen and (max-width: 840px){
    .home .wp-block-cover__inner-container h2{
        font-size: 64px !important;
    }
}
@media screen and (max-width: 760px){
    .home .wp-block-cover__inner-container h2{
        font-size: 36px !important;
    }
}
@media screen and (max-width: 460px){
    .home .wp-block-cover__inner-container h2{
        font-size: 24px !important;
    }
}
@media screen and (max-width: 360px){
    .home .wp-block-cover__inner-container h2, .home .wp-block-cover__inner-container h3, .home .wp-block-cover__inner-container h4{
        font-size: 18px !important;
    }
}
.home .wp-block-cover__inner-container h3, .home .wp-block-cover__inner-container h4{
    font-weight: 100;
}


/* hero unit */

.homeherounit {
  margin-bottom: 0;
}

.forsideherounit, .forsideherounit h2, .home .header_left a, .home .header_right a, .asalaserdanmarkherounit strong {
  text-shadow: 3px 3px 6px black;
}
.home .header_left, .home .header_right{
  box-shadow: 3px 3px 6px black;
}

.home .header_left a, .home .header_right a{
    text-decoration: none;
    font-size: 36px;
    line-height: 2;
}
@media screen and (max-width: 460px){
    .home .header_left a, .home .header_right a{
    font-size: 26px;
    }
}
@media screen and (max-width: 360px){
    .home .header_left a, .home .header_right a{
    font-size: 18px;
}
}
.home .header_left:hover, .home .header_right:hover{
    color: #fff;
    border: 3px solid #fff;
    text-shadow: 3px 3px 6px #05868e;
    box-shadow: 3px 3px 6px #05868e;
}
.home .header_left{

}
.home .header_right{

}
@media screen and (min-width: 760px){
    .header_right {
    margin-left: 4rem;
    }
    p.header_left{
    margin-bottom: 0;
    }
}

/* header/hero (og nyhedsside posts margin*/

.entry-content .alignfull.asa-nyheder-hero, .blog .posts.section-inner{
    margin-bottom: 10rem;
}

@media screen and (max-width: 1220px){
    .entry-content .alignfull.asa-nyheder-hero, .blog .posts.section-inner{
    margin-bottom: 7rem;
    }
}

@media screen and (max-width: 1000px){
    .entry-content .alignfull.asa-nyheder-hero, .blog .posts.section-inner{
    margin-bottom: 4rem;
    }
    
}

@media screen and (max-width: 640px){
   .asa-produktsortiment-hero p, .asa-nyheder-hero p{
    font-size: 24px !important;
    } 
}


/*headings*/
h4.ekstrapadding{
    padding-top: 20px;
}

/*Nyheder*/

.blog .posts .attachment-chaplin_preview_image_high_resolution.size-chaplin_preview_image_high_resolution.wp-post-image {
    min-width: 100%;
}


/*Pages*/
.centreretblok {

}
@media screen and (min-width: 700px){
  .centreretblok {
    position: relative;
    width: 50vw;
    left: calc(25vw - 4rem);
  }
}
@media screen and (min-width: 1000px){
    .centreretblok {
    left: calc(25vw - 5rem);
    }
}

/*Laserterapi behandlinger lists*/
@media screen and (min-width: 700px) and (max-width: 850px){
  .behandlingerlists .wp-block-column{
    flex-basis: 100%;
    flex-wrap: wrap;
  }
  .behandlingerlists .wp-block-column {
    margin-left: 0;
  }
}
@media screen and (min-width: 700px) and (max-width: 1000px){
  .behandlingerlists ul{
    margin-left: 0;
  }
}


/*Footer*/
#site-footer{
  background-color: #05868e;
  color: white;
  margin-top: 0;
}
@media (min-width: 700px){
  #site-footer {
      margin-top: 0;
  }
}
#site-footer a{
  color: white;
}
.theme-credits{
  display: none;
}
.footer-widgets-outer-wrapper{
  margin-top: 0;
}
.footer-credits
{
    flex-direction: column;
    gap: 4rem;
    padding-bottom: 8rem;
}

/*block editor elements*/
.home .wp-block-cover, .wp-block-cover-image, .single-produkter .wp-block-cover {
    height: 60vh;
}
.wp-block-cover, .wp-block-cover-image {
    min-height: 30vh;
    height: 40vh;
}

/*Buttons etc.*/
p.withborder{
  border: 4px solid #05868e;
  line-height: 2;
  font-family: Merriweather, Georgia, "Times New Roman", Times, serif;
}
.withborder a, .withborder a:hover{
  text-decoration: none;
}
@media screen and (max-width: 700px){
  .withborder, .withborder a {
    font-size: 22px !important;
  }
}

@media screen and (max-width: 600px){
    .techspecs h4 {
        text-align: center !important;
    }
    .techspecs .wp-block-buttons {
    justify-content: center !important;
    }
}

.produktarkknap img{
    vertical-align: middle;
    display: inline;
    position: relative;
    bottom: 2px;
}


/*Various blocks*/
.ul-column-container ul{
  /* margin-left: 0; */

}

/*store horisontale bånd*/
.horisontalt-baand{
}

/*Plugins*/
.happyforms-flex{
  padding-top: 0 !important;
}

/*helpers*/
.wp-block-columns.no-top-margin-columns, .no-top-margin{
  margin-top: 0;
}
.no-top-bottom-margins{
  margin-top: 0;
  margin-bottom: 0;
}
.wp-block-columns.no-bottom-margin, .no-bottom-margin{
  margin-bottom: 0;
}
.wp-block-columns.little-bottom-margin, .little-bottom-margin{
  margin-bottom: 2.5rem;
}
.wp-block-atomic-blocks-ab-columns.horisontalt-baand.no-top-margin.ab-layout-columns-3.ab-3-col-equal.has-light-background-background-color.alignfull{
  padding-left: 5rem;
  padding-right: 5rem;
}

.margin-bottom{
    margin-bottom: 1rem;
}
.no-margin-top{
    margin-top: 0;
}

/*Atomic blocks addons*/
.ab-layout-column-wrap.ab-block-layout-column-gap-2.ab-is-responsive-column {
    max-width: calc( 100vw - 5rem );
    width: calc( 100vw - 5rem );
}
@media screen and (min-width: 700px){
  .ab-layout-column-wrap.ab-block-layout-column-gap-2.ab-is-responsive-column {
      max-width: calc( 100vw - 8rem );
      width: calc( 100vw - 8rem );
  }
}




/*Product lists*/



@media ( min-width: 1220px ) {
  .grid.dcols-5 > .grid-item { width: calc( 20% - 4rem ); }
}

.posts-grid.tlcols-3 .preview-title.heading-size-7{
  font-size: 1em;
}

.productpreview{
  display: flex;
}
.productpreview_left {
    min-width: 75%;
}
.productpreview .preview-excerpt{
  min-height: 6rem;
}
.button.productinfobutton{
  padding: 0.75em;
  width: 100%;
}
.preview-header.productpreview {
    font-size: 14px;
}

/*Produktinfo / single products */
.wp-block-columns.alignwide.has-2-columns.produktbonusinfoet{
    margin-top: 3em;
    margin-bottom: 3em;
}
.wp-block-columns.alignwide.has-2-columns.produktbonusinfoto {
    padding-top: 3em;
    border-top: 1px solid #ccc;
}

/* produktvisning */
.topkant{
    border-top: 1px solid #ccc;
    padding-top: 4rem;
}
@media screen and (max-width: 600px){
    .topkant .alignright.size-large {
    display: block;
    float: none;
    margin: 0 auto;
    }
}
.produktlinie{
    margin-top: -15px;
    padding-top: 0;
}


/*other helpers*/
.centeredvideocolumn .ab-layout-column-wrap.ab-block-layout-column-gap-2.ab-is-responsive-column{
    margin: auto;
}
.has-text-align-center.drilsktitel {
  text-align: center;
  width: 100%;
}
/*mphi vet imgs*/
.mphivetimg{
  margin-bottom: 2rem;
}
.mphivetimg img{
  width: 100%;
}

/*asalaser tilbyder på forsiden*/

@media screen and (max-width: 600px){
   .home .wp-block-image img {
    max-width: 33%;
    margin: 0 auto;
    } 
}

.asalasertilbyder{
    background: rgb(5,134,142);
    background: linear-gradient(0deg, rgba(5,134,142,0.6) 0%, rgba(5,134,142,1) 50%, rgba(5,134,142,0.6) 100%);   
    padding: 20px;
}
.asalasertilbydertitel h4{
    color: white;
}
.asalasertilbydertekst{
    background: rgb(5,134,142); 
    background: linear-gradient(0deg, rgba(217,231,230,1) 0%, rgba(206,224,224,1) 50%, rgba(217,231,230,1) 100%);  
    padding: 20px;
    margin-top: -20px;
    margin-bottom: -20px;
    margin-right: -20px;
}