/* 
  Tools:
  
  (To Do: List Available Styling Clases Here)

*/

  /* Home Page Hero Styles */
  @import url('https://fonts.googleapis.com/css?family=Cormorant:400,400i,700,700i');
  @import url('https://fonts.googleapis.com/css?family=Montserrat:200');
  @import url('https://fonts.googleapis.com/css?family=Montserrat:300');
  @import url('https://fonts.googleapis.com/css?family=Montserrat:400');
  @import url('https://fonts.googleapis.com/css?family=Montserrat:500');
  @import url('https://fonts.googleapis.com/css?family=Montserrat:700');
  @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

  /* Mobile Magic Reset */
  .mobile .t-responsive-template .contentModule.template1.theme1.hero-home .inset { width:100%; top:0; right:0; left:0; }

  .desktop .contentModule.hero-home,
  .mobile .t-responsive-template .contentModule.hero-home { margin-bottom:30px; }
  /* Fix for Header Nav gap */ .mobile .t-responsive-template main.t-main > .c-page-header { margin:-12px 0 0!important; padding:0!important; }

  /* Module Resets */
  .hero-home {}
  .hero-home .inset,
  .contentModule.template1.theme1.hero-home .inset { z-index:999; opacity:1;  background-color:rgba(255,255,255,0); /* Inset Reset/ Transparency Fix */ }
  .contentModule.hero-home .inset > * { margin:0; }
  .contentModule.hero-home .details * { margin:0; }
  .contentModule.template1.theme1.hero-home .inset { max-width:none; min-width:auto; width:auto; top:0; left:0; width:100%; height:auto; margin:0; padding:0; }
  .contentModule.hero-home .inset.no-bkg { background:rgba(255,255,255,0) none!important; }

  /* Positioning Utilities  */
  .inlineblock { display:inline-block; zoom:1; display*:inline; /* ie hack */ }
  .contentModule.hero-home .position-center { position:absolute; left:25%; width:50%; height:50%; top:25%; text-align:center; }
    /* Hack */
    @media (max-width: 1000px) {
      .contentModule.hero-home .position-center {}
      .contentModule.hero-home .position-center-inner { left:25%; top:25%; position:absolute; width:50%; height:300px; background:#f0f; text-align:center; max-width:500px; max-height:500px; }
    }
    @media (min-width: 1000px) {
        .contentModule.hero-home .position-center { left:50%;top:25%;position:absolute;}
        .contentModule.hero-home .position-center-inner { width:500px; height:100%; margin-left:-250px; height:300px; background:#f0f; text-align:center; max-width:500px; max-height:500px; }
    }
  

  /* Boxes & Borders */
  .contentModule.hero-home .outer-border /* Standard Box: Outer Border */ { border:2px solid rgba(255,255,255,.9); padding:5px; }
  .contentModule.hero-home .box-standard /* Standard Box */ { background:rgba(255,255,255,.9); margin:0; /*padding:30px 15px 15px;*/ padding:2%; }
  .contentModule.hero-home .align-center { margin-left:auto; margin-right:auto; }

  /* Headings */
  .contentModule.hero-home .inset h1, .contentModule.hero-home .inset h2, .contentModule.hero-home .inset h3,
  .contentModule.hero-home .inset h4, .contentModule.hero-home .inset h5, .contentModule.hero-home .inset h6,
  .contentModule.hero-home .inset p.h1 .contentModule.hero-home .inset p.h2, .contentModule.hero-home .inset p.h3,
  .contentModule.hero-home .inset p.h4, .contentModule.hero-home .inset p.h5, .contentModule.hero-home .inset p.h6 { margin:0 0 1rem; padding:0; text-align:center; }

  /*.hero-home .h1 { font-size:70px; }
  .hero-home .h2 { font-size:60px; }
  .hero-home .h3 { font-size:50px; }
  .hero-home .h4 { font-size:40px; }
  .hero-home .h5 { font-size:28px; }
  .hero-home .h6 { font-size:15px; }*/

  .contentModule.hero-home  .h1 { font-size:5.2em; }
  .contentModule.hero-home  .h2 { font-size:2.72em; }
  .contentModule.hero-home  .h3 { font-size:2.28em; }
  .contentModule.hero-home  .h4 { font-size:1.82em; }
  .contentModule.hero-home  .h5 { font-size:2.33em; }
  .contentModule.hero-home  .h6 { font-size:.68em; }

  .contentModule.hero-home  .text-lg  { font-size:400%!important; }
  .contentModule.hero-home  .text-xl  { font-size:500%!important; }
  .contentModule.hero-home  .text-xxl { font-size:600%!important; }

  .contentModule.hero-home  .text-bold   { font-weight:bold!important; }
  .contentModule.hero-home  .text-italic { font-style:italic!important; }

  /* Type-Utilities Fix */
  .contentModule.hero-home .text-uppercase { text-transform:uppercase!important; }
  .contentModule.hero-home .text-lowercase { text-transform:lowercase!important; }

  /* Color Utilities */
  .contentModule.hero-home .color-white     { color:#FFFFFF; }
  .contentModule.hero-home .color-darkbrown { color:#624630; }
  .contentModule.hero-home .color-brown     { color:#947B6A; }
  .contentModule.hero-home .color-tan       { color:#D1CCBC; }
  .contentModule.hero-home .color-red       { color:#E76C68; }
  .contentModule.hero-home .color-lightblue { color:#71B6E0; }
  .contentModule.hero-home .color-darkgreen { color:#0E8880; }
  .contentModule.hero-home .color-green     { color:#73AEA0; }
  .contentModule.hero-home .color-bluegray  { color:#41686F; }

  /* Font Utilities */

  /* To Do: This Font Not Loading Correctly On Safari Tablet */
  .mobile .t-responsive-template .contentModule.hero-home [class*="font-cormorant"],
  .mobile .t-responsive-template .contentModule.hero-home [class*="font-cormorant"] > * { font-family:"Cormorant"; font-style:normal; }
    .mobile .t-responsive-template .contentModule.hero-home [class*="font-cormorant"].text-lowercase { text-transform:lowercase; }
  .mobile .t-responsive-template .contentModule.hero-home .font-cormorant-bold { font-weight:bold; }

  .contentModule.hero-home [class*="font-montserrat"],
  .contentModule.hero-home [class*="font-montserrat"] > * { font-family:'Montserrat'; font-style:normal; }
    .contentModule.hero-home [class*="font-montserrat"].text-lowercase { text-transform:lowercase; }
  .contentModule.hero-home .font-montserrat-bold { font-weight:bold; }

  .contentModule.hero-home [class*="font-opensans"],
  .contentModule.hero-home [class*="font-opensans"] > * { font-family:'Open Sans'; font-style:normal; font-weight:400; }

  .contentModule.hero-home .inset p { margin-bottom:1rem; }

  /* Details Link */
  .contentModule.hero-home .details p { color:#000; font:normal 700 10px/1em 'Open Sans'; }
  .contentModule.hero-home .details a { color:#000; font:normal 700 10px/1em 'Open Sans'; text-decoration:underline; }

  .contentModule.hero-home .inset-grad-radial {
    background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 ); /* IE6-9 */
  }

  /* Marg & Pads Over-Rides */
  .contentModule.hero-home .margin { margin:30px; }
  .contentModule.hero-home .margin-top   { margin-top:30px; }
  .contentModule.hero-home .margin-left  { margin-left:30px; }
  .contentModule.hero-home .margin-right { margin-right:30px; }

  .contentModule.hero-home .padding { padding:30px; }
  .contentModule.hero-home .padding-top   { padding-top:30px; }
  .contentModule.hero-home .padding-left  { padding-left:30px; }
  .contentModule.hero-home .padding-right { padding-right:30px; }


  /* Buttons */
  .contentModule.hero-home .btn-group { margin:10px 0 20px; text-align:center; }
  .contentModule.hero-home .btn { margin:0; }
  .contentModule.hero-home .btn-group > .btn { margin:0 7.5px; float:none; display:inline-block; }
  .contentModule.hero-home .btn-group > .btn:first-child { margin-left:0;  }
  .contentModule.hero-home .btn-group > .btn:last-child  { margin-right:0; }
  .contentModule.hero-home .inset .btn-secondary { background:rgba(255,255,255,0) none; }

  .contentModule.hero-home .btn-group.btn-borderless .btn:before,
  .contentModule.hero-home .btn.btn-borderless:before { display:none!important; /*border:none!important;*/ }

  /* Text */
  .contentModule.hero-home .inset.text-white > *,
  .contentModule.hero-home .inset.text-white .details a { color:#fff; }

  .contentModule.hero-home .inset.text-white .btn { color:#fff; border:2px solid #fff; }

  /* Image Blur */
  .contentModule.hero-home .img-blur { filter: blur(4px); }

  
  /* TPLs */
  .contentModule.hero-home .inset.hero-home-1 {}
  
  .contentModule.hero-home .inset.hero-home-2 {}

  .contentModule.hero-home .inset.hero-home-3 {}
  
  .contentModule.hero-home .inset.hero-home-4 {}
  
  .contentModule.hero-home .inset.hero-home-5 {}



  /* -- Extra Utilites -- */

    @media (min-width:1200px){
        /* lg */
        .contentModule.hero-home .pull-left-lg  { float:left;  }
        .contentModule.hero-home .pull-right-lg { float:right; }
    }
    @media (min-width:1025px) and (max-width:1199px) {
        /* md */
        .contentModule.hero-home .pull-left-md  { float:left;  }
        .contentModule.hero-home .pull-right-md { float:right; }
    }
    @media (min-width:768px) and (max-width:1024px){
        /* sm */
        .contentModule.hero-home .pull-left-sm  { float:left;  }
        .contentModule.hero-home .pull-right-sm { float:right; }
    }
    @media (max-width:768px){
        /* xs */
        .contentModule.hero-home .pull-left-xs  { float:left;  }
        .contentModule.hero-home .pull-right-xs { float:right; }
    }


  /* Custom 
  .contentModule.hero-home h2 > span { font-size:.68em; line-height:1em; display:block; }*/


  /* -- Responsive Tweaks -- */

    @media (min-width:1200px){
        /* lg */
    }
    @media (max-width:1199px) {
        /* md 
      .contentModule.hero-home .inset h1, .contentModule.hero-home .inset h2, .contentModule.hero-home .inset h3,
      .contentModule.hero-home .inset h4, .contentModule.hero-home .inset h5, .contentModule.hero-home .inset h6,
      .contentModule.hero-home .inset p.h1 .contentModule.hero-home .inset p.h2, .contentModule.hero-home .inset p.h3,
      .contentModule.hero-home .inset p.h4, .contentModule.hero-home .inset p.h5, .contentModule.hero-home .inset p.h6,
      .contentModule.hero-home .btn-group > .btn { margin-bottom:.3rem; } 
      
      .contentModule.hero-home *:not(.btn) { font-size:96%; }
      */

      /* - OLD
      .hero-home .h1 { font-size:3.2em; }
      .contentModule.hero-home .h2 { font-size:2.72em; }
      .contentModule.hero-home .h3 { font-size:2.28em; }*/
      /*.contentModule.hero-home .h4 { /*font-size:1.82em; font-size:163%; }
      .contentModule.hero-home .h5 { /*font-size:2.33em; font-size:209%;/ }*/
      /*.contentModule.hero-home.h6 { font-size:.68em; }*/

    }
    @media (max-width:1024px){
        /* sm 
      .contentModule.hero-home .inset h1, .contentModule.hero-home .inset h2, .contentModule.hero-home .inset h3,
      .contentModule.hero-home .inset h4, .contentModule.hero-home .inset h5, .contentModule.hero-home .inset h6,
      .contentModule.hero-home .inset p.h1 .contentModule.hero-home .inset p.h2, .contentModule.hero-home .inset p.h3,
      .contentModule.hero-home .inset p.h4, .contentModule.hero-home .inset p.h5, .contentModule.hero-home .inset p.h6,
      .contentModule.hero-home .btn-group > .btn { margin:0 .5rem .1rem; font-size:130%; }

      .hero-home .h4 { /font-size:1.82em; font-size:146%;/ }
      .hero-home .h5 { /font-size:2.33em; font-size:188%;/ }

      .contentModule.hero-home *:not(.btn) { font-size:90%; }
      */
    }
    @media (max-width:768px){
        /* xs

        .contentModule.hero-home h1, .contentModule.hero-home h2, .contentModule.hero-home h3, .contentModule.hero-home h4, .contentModule.hero-home h5, .contentModule.hero-home h6,
        .contentModule.hero-home .h1, .contentModule.hero-home .h2, .contentModule.hero-home .h3, .contentModule.hero-home .h4, .contentModule.hero-home .h5, .contentModule.hero-home .h6 { font-size:88%; margin-bottom:1rem; }
        .contentModule.hero-home .text-lg  { font-size:300%!important; }
        .contentModule.hero-home .text-xl  { font-size:400%!important; }
        .contentModule.hero-home .text-xxl { font-size:500%!important; } 
        */
    }

    @media (max-width:420px){
        /*
        .contentModule.hero-home .text-lg  { font-size:300%!important; }
        .contentModule.hero-home .text-xl  { font-size:400%!important; }
        .contentModule.hero-home .text-xxl { font-size:400%!important; }
        .contentModule.hero-home h1, .contentModule.hero-home h2, .contentModule.hero-home h3, .contentModule.hero-home h4, .contentModule.hero-home h5, .contentModule.hero-home h6,
        .contentModule.hero-home .h1, .contentModule.hero-home .h2, .contentModule.hero-home .h3, .contentModule.hero-home .h4, .contentModule.hero-home .h5, .contentModule.hero-home .h6 { font-size:85%; margin-bottom:1rem; }
        */
    }


    /* -- Mobile -- */

    /* Inset - Mobile */              .mobile .t-responsive-template .contentModule.template1.theme1.hero-home .inset { position:static; margin:0!important; padding-left:20px; padding-right:20px; }
    /* Main Title - Mobile */         .mobile .t-responsive-template .contentModule.hero-home .main-title       { margin:0 0 10px!important; padding:5px 0 0; }
    /* Sub-Title - Mobile */          .mobile .t-responsive-template .contentModule.hero-home .secondary-title  { margin:0 0 5px; padding:10px 0 0; }
    /* Standard Box: Outer Border; */ .mobile .t-responsive-template .contentModule.hero-home .outer-border { border:none; padding:0; } 
    /* Standard Box */                .mobile .t-responsive-template .contentModule.hero-home .box-standard  { padding:0; }

    /* Buttons - Mobile */
    .mobile .t-responsive-template .contentModule.hero-home .btn-group { /*padding-top:15px;*/ margin:0 0 10px; padding:15px 0 0; }
    .mobile .t-responsive-template .contentModule.hero-home .btn-group > .btn,
    .mobile .t-responsive-template .contentModule.hero-home .btn-group > .c-button,
    .mobile .t-responsive-template .contentModule.hero-home .btn-group > .pw-button { 
      /*margin:0 5px 10px!important; font-size:140%; line-height:2em;*/
      margin:0 2px 7px!important; font-size:120%; line-height:1.5em;
    }

    /* Details Link - Mobile*/
    .mobile .t-responsive-template .contentModule.hero-home .details { margin-bottom:30px; }
       

    /* Animations */

    /* Fade In */
    .contentModule.hero-home .fade-in,
    .contentModule.hero-home .fade-in-1 { -webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s; }
    .contentModule.hero-home .fade-in-2 { -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s; }
    .contentModule.hero-home .fade-in-3 { -webkit-animation: fadein 3s; -moz-animation: fadein 3s; -ms-animation: fadein 3s; -o-animation: fadein 3s; animation: fadein 3s; }
    .contentModule.hero-home .fade-in-4 { -webkit-animation: fadein 4s; -moz-animation: fadein 4s; -ms-animation: fadein 4s; -o-animation: fadein 4s; animation: fadein 4s; }
    @keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    /* Firefox < 16 */
    @-moz-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    /* Safari, Chrome and Opera > 12.1 */
    @-webkit-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    /* Internet Explorer */
    @-ms-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }
    /* Opera < 12.1 */
    @-o-keyframes fadein {
        from { opacity: 0; }
        to   { opacity: 1; }
    }