ljmediahouse
3/25/2020 - 6:21 PM

Meraki ALL

//Custom Fonts//
//*Custom Fonts*//
@font-face {
  font-family: 'OstrichSans-Bold';
  src: url('https://static1.squarespace.com/static/5e31f5bbb73376130fe05f7c/t/5e320816e7938625953b8567/1580337174492/OstrichSans-Bold.otf');
  font-weight: 100;
}
h1 {
  font-family: 'OstrichSans-Bold';
  font-weight: 100;
  font-size: 50px;
  line-height: 50px;
}
@font-face {
  font-family: 'OstrichSans-Medium';
  src: url('https://static1.squarespace.com/static/5e31f5bbb73376130fe05f7c/t/5e320effc45bd22f78f94388/1580338943354/OstrichSans-Medium.otf');
  font-weight: 100;
}
.image-block-overlap-dynamic-font-sizing .sqs-block-image .design-layout-overlap .image-title p {
  font-family: 'OstrichSans-Medium';
  font-weight: 100;
  font-size: 50px;
  line-height: 55px;
}
h2 {
  font-family: 'OstrichSans-Medium';
  font-weight: 100;
  font-size: 45px;
  line-height: 40px;
}
.image-block-card-dynamic-font-sizing .sqs-block-image .design-layout-card .image-title p {
  font-family: 'OstrichSans-Medium';
  font-weight: 100;
  font-size: 55px;
  line-height: 45px;
}
//Navigation Customization//
.Header {
  position: fixed!important;
  z-index: 1000;
  width: 100%;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
.Header--bottom {
  position: absolute!important;
}
@media screen and (min-width: 640px) {
  .Index-page--has-image:first-child, .Intro--has-image {
    padding-top: 46px;
  }
  .Index-page:first-child:not(.Index-page--has-image) {
    padding-top: 89px;
  }
  .Main--page, .Intro, .Main {
    padding-top: 135px;
  }
  .Intro + .Main {
    padding-top: 0px;
  }
}
//End Navigation Customization//
.Header-inner--bottom {
  padding-bottom: 30px;
  padding-top: 30px;
}
.Header--bottom {
  background-color: #171717!important;
  margin-top: 45px;
}
//*Text Boxes*//
#block-5e3200cae05acd45ad6094ac
{
  background-color: rgba(255,255,255,1);  
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
#block-5e39e21b8e178379b06de619
{
  background-color: rgba(255,255,255,1);  
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
#block-yui_3_17_2_1_1580429813579_3569
{
  background-color: rgba(255,255,255,1);  
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
#block-5e39f333c1c6ce52863968ee
{
  background-color: rgba(255,255,255,1);  
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
#block-yui_3_17_2_1_1580851944707_4615
{
  background-color: rgba(23,23,23,1);  
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
#block-yui_3_17_2_1_1580335552639_5329
{
  background-color: rgba(23,23,23,1);  
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
#block-6925553ede0c2c30f569
{
  background-color: rgba(23,23,23,1);  
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
#block-53a6dc76eb0b96253e49
{
  background-color: rgba(23,23,23,1);  
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
#block-2ed3fa4f026281c6f2e6
{
  background-color: rgba(23,23,23,1);  
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
#block-267df17fdae5d7ac182c
{
  background-color: rgba(23,23,23,1);  
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
#block-5e333a05b06af95c04ceb986
{
  background-color: rgba(23,23,23,1);  
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
#block-0692e9072a4aa0de2ebe
{
  background-color: rgba(23,23,23,1);  
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 10px;
  padding-right: 10px;
}
#block-5e333d4d75ef5565365eeeda
{
  background-color: rgba(23,23,23,1);  
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 10px;
  padding-right: 10px;
}
#block-5e333ec2a3ef77557a76e622
{
  background-color: rgba(23,23,23,1);  
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 10px;
  padding-right: 10px;
}
#block-5e333f9c765dfa24257aed55
{
  background-color: rgba(23,23,23,1);  
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 10px;
  padding-right: 10px;
}
//Split Layouts//
//---Custom Layouts Syling---
.Index {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  .Index-page {
    width: 100%;
    display: inherit;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .Index-page-content {
    width: 100%;
  }
  .Index-gallery {
    width: 100%;
  }
section[id*="-ltgray"] {
background: #9c9c9c;
  }
  section[id*="-gray"] {
background: #777777;
  }
    section[id*="-nude"] {
background: #dbc9be;
  }
 section[id*="instagram-"] {
    .sqs-layout .sqs-col-12>.sqs-block {
      width: 100%!important;
    }
  }
  section[id*="instagram-small"] {
    width: 30%;
  }
  section[id*="instagram-big"] {
    width: 70%;
  }
  section[id*="grid-half"] {
    width: 50%;
  }
  section[id*="grid-third"] {
    width: 33.3%;
  }

 section:first-child[id*="grid-"] {
    .Index-page-content{
      margin-top: 0!important;
   }
  }

  @media screen and (max-width: 740px) {
    section {
      width: 100%!important;
    }
  }
}
//---End Custom Layouts Syling---
//Font Color Subs//
#learn-instagram-big-ltgray {color: #fff;}
#optimize-instagram-big-gray {color: #fff;}
#instagram-big-manage-ltgray {color: #fff;}
#meet-meraki
h2 {color: #fff;
}
#about-caitlin 
p {color: #fff;
}
#were-meraki
h2 {color: #000;
}
#were-meraki
p {color: #000;
}
#business-instagram-training
h2, p {color: #fff;
}
#want-to-join
p {color: #000;
}
#work-with-us
p {color: #000;
}
#work-with-us
h3 {color: #000;
}
#from-here
h3 {color: #fff;
}
#right-place
h2 {color: #000;
}
#contact-form
h3 {color: #000;
}
#help-instagram-big-nude p {color: #000;
}
#look-like-instagram-big-nude p {color: #000;
}
#stick-with-us-instagram-big-nude p {color: #000;
}
#help-you-instagram-big-nude p {color: #000;
}
//Testimonial//
.sqs-block-quote blockquote { background: #eeeeee; border-top: 5px solid #3f121e; border-bottom: 5px solid #3f121e; margin: 0em 0px; padding: 0em 0px; quotes: "\201C""\201D""\2018""\2019"; color: #000000; font-size: 17px; padding-top: 20px; padding-left: 40px; padding-right: 40px; padding-bottom: 20px; } 
.blockquote p { display: inline; }
//End Testimonial//
//Attribution//
#block-df75990746c9d1ba762a {
    font-size: 13px;
}
//*hyphens*//
p, h1, h2, h3 {
  -webkit-hyphens: manual !important;
  -moz-hyphens: manual !important;
  -ms-hyphens: manual !important;
  hyphens: manual !important;
}
//*End Hyphens*//
//*Font Highlights*//
.highlight {
  font-size: 100%;
  color: #000;
  background: #9c9c9c;
  padding: 3px;
}
//*End Font Highlights*//
//Text Underline//
.underline {
    font-size: 100%;
    color: #000;
    font-style: none;
    line-height: 60%;
  text-decoration: underline #3f121e;
}
//End Text Underline//
#meet-meraki {
  background: #171717;
}
#business-instagram-training {
  background: #171717;
}
#from-here {
  background: #171717;
}
#about-caitlin {
  background: #777777;
}
//Split Layout//
#split-layout {
  .Index-page-content {
    padding: 0px!important;
    max-width: 100%;
    .sqs-block {
      padding: 0px!important;
    }
    .image-inset.content-fit {
      height: 100%
    }
    .design-layout-card img {
      height: 100%!important;
      object-fit: cover;
      -o-object-fit: cover;
    }
    @media screen and (max-width: 640px) {
      .sqs-block-image .design-layout-card:not(.sqs-narrow-width) {
        display: block;
      }
      .sqs-block-image .design-layout-card:not(.sqs-narrow-width)>div:first-child {
        width: 100%;
      }
      .sqs-block-image .design-layout-card:not(.sqs-narrow-width) .image-card-wrapper {
        position: relative;
        width: 100%;
      }}}}
#meet-your-teacher {
  .Index-page-content {
    padding: 0px!important;
    max-width: 100%;
    .sqs-block {
      padding: 0px!important;
    }
    .image-inset.content-fit {
      height: 100%
    }
    .design-layout-card img {
      height: 100%!important;
      object-fit: cover;
      -o-object-fit: cover;
    }
    @media screen and (max-width: 640px) {
      .sqs-block-image .design-layout-card:not(.sqs-narrow-width) {
        display: block;
      }
      .sqs-block-image .design-layout-card:not(.sqs-narrow-width)>div:first-child {
        width: 100%;
      }
      .sqs-block-image .design-layout-card:not(.sqs-narrow-width) .image-card-wrapper {
        position: relative;
        width: 100%;
      }}}}
//End Split Layout//

//Order of sections//
//HOME//
@media screen and (max-width:720px) {
#home-banner {
 order: 1;
}
#home-team {
 order: 2;
}
#banner-2 {
 order: 3;
}
#learn-instagram-small {
 order: 4;
  }
#learn-instagram-big-ltgray {
 order: 5;
  }
#optimize-instagram-big-gray {
 order: 7;
  }
#optimize-instagram-small {
 order: 6;
  }
#instagram-small-manage {
 order: 8;
  }
#instagram-big-manage-ltgray {
 order: 9;
  }
#testimonial {
 order: 10;
  }
#banner-3 {
 order: 11;
  }
#instagram {
 order: 12;
  }
}
//End HOME//
//Insta Training//
@media screen and (max-width:720px) {
#training-banner {
 order: 1;
}
#right-place {
 order: 2;
}
#business-instagram-training {
 order: 3;
}
#we-help-instagram-small {
 order: 4;
  }
#help-instagram-big-nude {
 order: 5;
  }
#testimonial-2 {
 order: 6;
  }
#look-instagram-small {
 order: 7;
  }
#look-like-instagram-big-nude {
 order: 8;
  }
#testimonial-3 {
 order: 9;
  }
#stick-instagram-small {
 order: 10;
  }
#stick-with-us-instagram-big-nude {
 order: 11;
  }
#meet-your-teacher {
 order: 12;
  }
#want-to-join {
 order: 13;
  }
}
//End Insta Training//
//Insta MGMT//
@media screen and (max-width:720px) {
#management-banner {
 order: 1;
}
#from-here {
 order: 2;
}
#we-will-help-instagram-small {
 order: 3;
}
#help-you-instagram-big-nude {
 order: 4;
  }
#testimonial-4 {
 order: 5;
  }
#strategy-instagram-small {
 order: 6;
  }
#strategy-instagram-big-ltgray {
 order: 7;
  }
#creation-instagram-small {
 order: 8;
  }
#creation-instagram-big-gray {
 order: 9;
  }
#instagram-small-community {
 order: 10;
  }
#instagram-big-management-ltgray {
 order: 11;
  }
#work-with-us {
 order: 12;
  }
}
//End Insta MGMT//