/**
 * Theme Name:  Make (child theme)
 * Theme URI:   https://thethemefoundry.com/make/
 * Author:      The Theme Foundry
 * Author URI:  https://thethemefoundry.com
 * Description: Create your website without touching a line of code. Make's flexible customization features and a powerful drag and drop page builder make designing your site fun and easy. Build almost anything: a simple portfolio or photography site, an ecommerce business site, a minimalist blog, or even a professional magazine. You'll start by customizing your background, layouts, fonts, colors, and logo. Next, add and organize your content using the drag and drop page builder. Add a photo, a video, a gallery, or even a slider to any page on your website. Make is responsive, so your website will naturally look great on phones, tablets, and desktop screens. It's also fully compatible with popular plugins like WooCommerce, Gravity Forms, Contact Form 7, Jetpack, and WP PageNavi.
 * Version:     1.1.0
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template: make
 * Text Domain: make-child
 * Domain Path: /languages/
 * Tags:        black, blue, green, gray, orange, red, white, yellow, dark, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, buddypress, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging
 *
 * Make WordPress Theme, Copyright 2015 The Theme Foundry
 * Make is distributed under the terms of the GNU GPL
 */

/*
 * Add your custom styles below.
 * This version of the Make child theme is only compatible with Make 1.6.0 and above.
 */


/*CHANGE SCROLL TO TOP IMG ------------------------------------*/
/* --------------------------------- */
/* LISTS ----------------------------*/
/* --------------------------------- */

ul {
    padding: 0;
    margin: 0;
    font-family: 'open sans';
    list-style-type: none;
}

.contact {
  list-style-type: none;
 /* margin: 1em;
  padding: 0;*/
}

.contact li {
  padding-bottom: 0.3rem;
}

.bold {
  font-weight: 600;
}

a#scroll-to-top {
  background: url(/wp-content/uploads/2019/03/70x70_arrow_backtotop.png) no-repeat center center;
  background-size: 35px;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  text-indent: -9999px;
  font-size: 0;
  cursor: pointer;
  outline: 0;
  z-index: 2;
}

.site-header {
  border-bottom: 1px solid #f2f2f2;
}


@media screen and (max-width: 768px) {   
      
/*      body {
          background: lime !important;
      }*/
    h1 {
        font-size: 3.4rem !important;
        letter-spacing: 0 !important;
    }   

    .menu-toggle {
      	margin: -5.5rem 0 1rem 0;
      	text-align: right;
    }

    img.custom-logo {
    	max-width: 55%;
	   }

    .temp-image {
      margin-top: 2em;
    }

    .sub-menu:after {
          display: none;
    }

    .sub-menu {
        background: #fff;
    }

    .site-footer .site-info, 
    .site-footer .site-info a {
        font-size: 16px;
    }

   /* NON STICKY HEADER ON MOBILE DEVICES*/
    .makeplus-is-sticky {
        position: static;
    }

    .sticky-site-header:not(.makeplus-is-sticky) {
        margin-top: -6px;
    }
}

/*col-sm - ipad portrait*/
@media screen and (min-width : 768px) and (max-width : 1024px) {
        
      /*body {
          background: yellow !important;
      } */
    .site-navigation .menu li a, 
    .font-nav, 
    .site-navigation .menu-toggle {
        font-size: 1.3rem;
    }
   
    img.custom-logo {
        max-width: 35%;
    }

}

/*col-md - ipad landscape*/
@media screen and (min-width : 1024px) and (max-width : 1200px) {

     /*body {
          background: salmon !important;
     }*/

    img.custom-logo {
        max-width: 35%;
    }

    .site-branding {
        max-width: 33%;
    }

    .site-navigation {
        max-width: 70%;
    }

}

/*col-lg - desktop*/
@media screen and (min-width : 1200px) {
    
    /*   body {
          background: pink;
      }*/

    .home .site-content {
      background: #fff;
    }  

     /*WRAPPER FOR HEADER+FOOTER*/
    .container, 
    .infinite-footer-container, 
    .page-template-template-builder-php .entry-content > .twitter-share {
        /*max-width: 1550px;*/
        max-width: 1380px;
    }

    /*WRAPPERS FOR CONTENT*/ 
    .builder-section-gallery .builder-section-content, 
    .builder-section-text .builder-section-content, 
    .builder-section-blank .builder-section-content
    /*.builder-section-postlist*/ {
        max-width: 1440px;
    }

    /*.site-header-main {
        background: #fff;
        padding: 2rem 0 0.2rem;
    }*/

    /*TEMP header*/
    .site-header-main {
      background: #fff;
      padding: 4rem 0 0.2rem;
    }

    /*transparent header*/
   /* body.home .site-header-main {
      background: rgba(49, 52, 59, 0);
    }*/

    .info-box {
      opacity: 0.8;
    }

    img.custom-logo {
        max-width: 25%;
    }
    /*TEMP LOGO*/  
    img.custom-logo {
      	max-width: 30%;
  	}

    .site-navigation {
      margin-top: 1.5rem;
    }

    /*pushes FRONT PAGE banner slide to top of the page - behind header*/   
    /*.home .builder-banner-slide {
        margin-top: -10rem;
    }*/
    /*pushes ALL OTHER banner slide to top of the page - behind header*/
   /* .builder-banner-slide {
        margin-top: 0em;
        z-index: -1;
    }*/

    .builder-banner-inner-content {
      position: relative;
      top: 25%;
      max-width: 500px;
      margin: 0; 
      margin-left: 4rem;
      padding: 0;
      vertical-align: middle;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-25%);
  }

  .section-full {
    height:100vh;
    min-height:100vh;
    height: 100%;
  }

  .intro-contain {
    width: 400px;
    height: 600px;
    position: absolute;
    top: 12%;
    left: 4%;
   /* background: red;*/
  }

  .info-box {
    position: absolute;
    width: 300px;
    height: 350px;
    top: 25%;
    left: 38%;
    padding: 2em;
    background: #F7D9C4;
  }

  .signature {
    margin: 2rem 2rem 0 0;
  }

  .signature-halvor {
    margin-top: 1rem;
  }

  .temp-image {
    margin: 6rem 0 0 3rem;
  }

  .site-footer {
    display: none;
  }
  
}