/* -----------------------------------------------------------------------------
// NHA/NHL Birthplace Museum
// www.nhanhl.ca
// May 2025
/* -----------------------------------------------------------------------------
/* Minified CSS
/* Blue North Studios
/* February 2019
/* -------------------------------------------------------------------------- */
/* Global declarations
/* -------------------------------------------------------------------------- */
@font-face {
    font-family: 'GuldScript';
    src: url('../fonts/GuldScript.woff2') format('woff2'),
         url('../fonts/GuldScript.woff') format('woff'),
         url('../fonts/GuldScript.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}
.left {
    float: left;    
}
.right {
    float: right;
}
.clear {
    clear: both;
    height: 1px;
    margin: 0px;
}
.set-right-width {
    width: 260px;
}
.set-left-width {
    width: 710px;
}
.grey {
    color: #666;
}
.maple-leaf {
    width: 4%;
}

@font-face {
  font-family: "futura-pt";
  font-style: normal;
  font-weight: 500;
  src: url("https://use.typekit.net/af/dbb0f7/00000000000000000001008f/27/l?subset_id=2&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/dbb0f7/00000000000000000001008f/27/d?subset_id=2&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/dbb0f7/00000000000000000001008f/27/a?subset_id=2&fvd=n5&v=3") format("opentype");
}
@font-face {
font-family: "hypatia-sans-pro";
font-style: normal;
font-weight: 300;
      src: url("https://use.typekit.net/af/447a16/00000000000000003b9adaa0/27/l?subset_id=2&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/447a16/00000000000000003b9adaa0/27/d?subset_id=2&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/447a16/00000000000000003b9adaa0/27/a?subset_id=2&fvd=n3&v=3") format("opentype");
    }
@font-face {
      font-family: "ltc-bodoni-175";
      font-style: normal;
      font-weight: 400;
      src: url("https://use.typekit.net/af/d249a0/000000000000000000010b16/27/l?subset_id=2&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/d249a0/000000000000000000010b16/27/d?subset_id=2&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/d249a0/000000000000000000010b16/27/a?subset_id=2&fvd=n4&v=3") format("opentype");
    }
html {
    /*background: url(../images/bg/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}
body {
    margin: 0px auto;
    /*background:#fff url(../images/bg/bg.jpg) center center fixed;*/
   /*background-color: rgba(0, 107, 159, 0.8);*/
    /*-webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;*/
    /*font-family: 'Arimo', sans-serif;*/
    /*font-family: 'hypatia-sans-pro';*/
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2em;
    line-height: 1.5em;
    color:#474747;
    /*color: #820A0A;*/    
    /*background:#2C3A16 url(../images/bg/bg.png) top left repeat;*/
}
/*******************************************************************/
/* Single Background image fixed with content scrolling (1 - image)*/
/*******************************************************************/
.slider {
    width: 100%;
    display: inline-block;
    position: fixed;
    z-index: -20;
    padding: 0 auto;
    margin: 0 auto;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}
.slider:after {
    content: "";
    position: absolute;
    width: 100%; height: 100%;
    top:0; left:0;
    background-color: rgba(0, 0, 0, 0.12);
}
.slider img {
    width:100%;
    height: 100%;
    object-fit: cover;
    top:0;
    left:0;
    /*-webkit-filter: grayscale(100%);
    filter: grayscale(100%);*/
}
/*******************************************************************/
img {
    border-radius: 16px;
}
a {
    text-decoration: none;
    color: rgba(198, 45, 47, 1.0);
    /*font-weight: bold;
    text-shadow: 2px 2px rgba(0,0,0,0.75);*/
}
a:hover {
    text-decoration: underline;
    /*color: rgba(54, 102, 16, 1.0);*/
}
h1, h2, h3, h4, h5 {
    color: #000;
    line-height: 1.5em;
    font-weight: 500;
    /*font-family: 'Bree Serif', 'Playfair Display', serif;*/
    /*font-family: "hypatia-sans-pro", "ltc-bodoni-175";*/ 
    font-family: 'Montserrat', sans-serif;
}
h1 {
    /*background-color: rgba(129, 180, 23, 1.0);*/
    /*color: #fff;*/
    /*font-family: 'Playfair Display', serif;*/
    /*font-family: 'Bree Serif', 'Playfair Display', serif;*/
    /*font-family: "hypatia-sans-pro", "ltc-bodoni-175";*/
   /* font-family: 'Montserrat', sans-serif;*/
    /*font-size: 2.0em;*/
    /*font-weight: 500;*/
}
.services-icons {
    opacity: .4;
}
.services-icons:hover {
    opacity: .8;
}
hr {
    border-width: 1px 0 0 0;
    border-top: 1px solid #DDD;
}
.fancy-hr {
    border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
#animateFancyLine2 {
  background-color: #CF1717;
  height: 0.5em;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  animation-duration: 11s;
  animation-name: scaleUp2;
  animation-delay: 6s;
  animation-iteration-count: 6;
  animation-timing-function: ease;
}


.boxes {
    color:#FFF;
    padding:0.9em;
    background-color: rgba(90, 24, 20, 1.0);
    text-align:center;
    font-size:1.5em;
    font-weight:bold;
}
#google_translate_element select{
   background-color:#ffffff;
   color: rgba(5, 42, 84, 1.0);
   font-weight: 700;
   border: none;
   border-radius:3px;
   padding:.5em;
 }
.google-trans {
    position: absolute;
    margin: .8em 0em 0em 0em;
   /*width:15%;*/
    /*background-color: #fff;*/
    /*padding: .1em .1em 0.1em 0.1em;*/
   color:#ffffff;
}
.goog-logo-link{
    display:none !important;
   }
 .goog-te-gadget{
  color:transparent!important;
  }

.column-left {
    border:1px solid #ddd;
    border-width:0px;
    /*box-shadow: 2px 2px 5px rgba(0,0,0,.2);*/
    float:left;
    width:46%;
    padding: 1%;
    margin:1%;
}
.column-right {
    border:1px solid #ddd;
    border-width:0px;
    /*box-shadow: 2px 2px 5px rgba(0,0,0,.2);*/
    float:right;
    width:46%;
    padding: 1%;
    margin:1%;
}

/*.column-left a:hover img {
    transform: scale(1.1);
}
.column-left img {
    object-fit: cover;
    display: block;
    break-inside: avoid-column;
    margin: 0em 0em 0em 0em;    
    padding: 0;
    width: 100% !important;
  height: auto !important;
  transition: transform .3s ease-in-out;
}
.column-right a:hover img {
    transform: scale(1.1);
}
.column-right img {
    object-fit: cover;
    display: block;
    break-inside: avoid-column;
    margin: 0em 0em 0em 0em;    
    padding: 0;
    width: 100% !important;
  height: auto !important;
  transition: transform .3s ease-in-out;
}*/

.full-page-1column {
    border:1px solid #ddd;
    border-width:0px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.2);
    float:left;
    width:96%;
    padding: 1.0%;
    /*margin-top:2em;*/
}
.full-page-column-left {
    display: block;
    border:1px solid #ddd;
    border-width:1px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.2);
    float:left;
    width:46.5%;
    padding: 1.5%;
    margin: 0;
    overflow: hidden;
    /*margin-top:2em;*/
}
.full-page-gallery-column-left {
    display: block;
    width: 100%;
    /*border:1px solid #ddd;
    border-width:1px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.2);*/
    padding: 0em 0;
    /* Prevent vertical gaps */
  line-height: 0 auto;
   
  -webkit-column-count: 4;
  -webkit-column-gap:   8px;
  -moz-column-count:    4;
  -moz-column-gap:      8px;
  column-count:         4;
  column-gap:           8px;
  text-align: center;

         
    /*margin-top:2em;*/
}
.resp {
    display: block;
    position: relative;
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    text-align: center;
    border:1px solid #dddddd;
    border-width: 0px 0px 0px 0px;
}
/* phones */
.resp-container {
    max-width: 100%;
    display: inline-block;
    height: auto;
    border: 0px solid #DDD;
    padding: .25%;
    margin-bottom:2.5%;
}
/* tablet */
@media (min-width: 600px) {
  .resp-container {
    max-width: 32%;
    height: auto;
  }
}
    /* desktops */
@media (min-width: 760px) {
  .resp-container {
    max-width: 32%;
    height: auto;
  }
}    
.image {
        width:50%;
    }
.resp img {
    max-width: 100%;
    display: block;
    height: auto;
    border: 0px solid #DDD;
    padding: .25%;
    margin:0px;
}
/* tablet */
@media (min-width: 600px) {
  .resp img {
    max-width: 100%;
    height: auto;
  }
}
    /* desktops */
@media (min-width: 760px) {
  .resp img {
    max-width: 100%;
    height: auto;
  }
}
    
.text-block { 
    display: block;
    width: 96.0%;
    margin-top:-1px;
    margin-left:1px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 5% 2% 5% 2%;
}

.resp-img {
    width:75%;
    margin:auto;
    display: flex;
    justify-content: space between;
    flex-wrap: wrap; /* added - this tells Flex to wrap onto a new line, if there is no space. */
}

.resp-column {
    display: inline block;
    padding: 1em;
    display: block;
    width: 33.333%;
    box-sizing: border-box; /* added - this changes the way padding is applied, so it always stays at 33.33%, regardless of padding */
}
@media (max-width: 768px) {
    .resp-column {
    width: 49.999%;
    }
}
@media (max-width: 500px) {
    .resp-column {
    width: 99.999%;
    }
    .resp-img {
        width:100%;
    }
}
.resp-column img {
    display: block; /* removes the spacing underneath the image */
    width: 100%; /* sets the width to the parents width */
    height: 100%; /* set the height to the parents height */
    object-fit: cover; /* prevents image from stretching */
}

.div-bar {
    /*border-top: 1px solid #EEE;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.75);
    margin: 0em 0 3em 0;*/
    /*background: url(../images/bling/dividerbar.png) top left no-repeat;
    height: 22px;*/
    border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
    margin-bottom:2em;
}
.div-bar-blk {
    border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    margin-bottom:2em;
}
.ds-bottom {
    position: relative;
    height: 5px;
    background: transparent url(../images/bling/ds_bottom_lt.png) top left repeat-x;
}
.blue-bar {
    background-color: #0E4AA2;
    height: 2px;
    margin: 1px 0px 1px 0px;
}
.grey-bar {
    background-color: #004000;
    height: 4px;
    margin: 0px 0px 0px 0px;
}
.small {
    font-size: 0.9em;
}
.smaller {
    font-size: 0.8em;
}
.border-top {
    border-top: 1px solid #ddd;
}
.border-bottom {
    border-bottom: 1px solid #ddd;
}
.border-right-padding {
    padding-right:20px;
    border-right:1px solid #eee;
}
.bordered {
    border: 1px solid #d5d5d5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background-color: #fdfdfd;
    padding: 5px;
}
.bordered td {
    padding: 0px 15px 0px 0px;
}
.table-list table {
    border-bottom: 1px solid #ddd;
    border-collapse: collapse;
    background-color: #fbfbfb;
}
.table-list td {
    border-top: 1px solid #ddd;
    border-right: 1px solid #eee;
    padding: 5px 10px 5px 10px;
    color: #333;
}
.table-list th {
    border-top: 2px solid #D0d0d0;
    background-color: #f5f5f5;
    color: #000;
    padding: 5px 10px 5px 10px;
}
input[type='submit'] {
    background-color: rgba(198, 45, 47, 1);    
    cursor: pointer;
    font-size: 1.25em;
    padding: 1.0em;
    color: #ffffff;
    border: 2px solid #FF4931;
    -moz-border-radius: 1.0em;
    -webkit-border-radius: 1.0em;
    -khtml-border-radius: 1.0em;
    border-radius: 1.0em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: 2px 2px 5px rgba(0,0,0,.6);
}
input[type='submit']:hover {  
    background-color: rgba(162, 36, 39,1);
}
.learn-more-button {
    background-color: rgba(198, 45, 47, 1);
    cursor: pointer;
    font-size: 1.0em;
    padding: .5em 1em .5em 1em;
    color: #ffffff;
    margin-top:1em;
    display: inline-block;
    /*border: 2px solid #FF4931;*/
    -moz-border-radius: 1.0em;
    -webkit-border-radius: 1.0em;
    -khtml-border-radius: 1.0em;
    border-radius: 1.0em;   
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .6);
    /*font-weight: normal !important;*/
}
.learn-more-button:hover {
    background-color: rgba(162, 36, 39,1);
    color: #ffffff;
    text-decoration: none;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .6);
}

.home-link-button-rounded {
    display :inline-block;
    border: 0px solid #a2976a;
   /* -moz-border-radius: 1.0em;
    -webkit-border-radius: 1.0em;
    -khtml-border-radius: 1.0em;
    border-radius: 1.0em;    */
    /*background-color: rgba(65, 113, 53, .8);*/
    padding: 1.0em 6.2em 1.0em 6.2em;
    /*color: #ffffff;*/
    text-align: center;
    /*font-family: 'Bree Serif', 'Playfair Display', serif;*/
    font-family: "ltc-bodoni-175";
    font-weight: 700;
    border:2px solid #ddd;
    background: transparent url(../images/icons/kanatalandscaping-logo-leaf1.png) 55px 5px no-repeat;
    background-size: 18% auto;
    vertical-align: middle;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:3px;
    margin-right:3px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.4);
    font-size:1.2em;
}
.home-link-button-rounded:hover {
    /*background-color: #295A82;*/
    /*background-color: rgba(65, 113, 53, .7);*/
    background: transparent url(../images/icons/kanatalandscaping-logo-leaf-hover1.png) 55px 5px no-repeat;
    background-size: 18% auto;
    /*color: #ffffff;*/
    text-decoration: none;
   box-shadow: 2px 2px 3px rgba(0,0,0,.4);
}
.home-link-button-rounded img {
    width: 10%;
    display:inline-block;
}
.home-link-button-rounded img:hover {
    /*width: 12%;
    display:inline-block;*/
}
.home-banner-button-link {
    text-align: center !important;
    width:100%;
    /*margin-left:35%;*/
    /*border:5px solid #ddd;*/
}









.link-button-rounded {
    display :block;
    border: 2px solid #FF4931;
    -moz-border-radius: 1.0em;
    -webkit-border-radius: 1.0em;
    -khtml-border-radius: 1.0em;
    border-radius: 1.0em;
    background-color: rgba(198, 45, 47, 1);
    padding: 1.0em;
    color: #ffffff;
    text-align: center;
    /*font-family: 'Bree Serif', 'Playfair Display', serif;*/
   /* font-family: "ltc-bodoni-175";*/
    font-weight: bold;
    /*font-size: 1.2em;*/
    box-shadow: 2px 2px 5px rgba(0,0,0,.6);
}
.link-button-rounded:hover {
    /*background-color: #295A82;*/
    background-color: rgba(162, 36, 39,1);
    color: #ffffff;
    text-decoration: none;
    box-shadow: 2px 2px 3px rgba(0,0,0,.4);
}



.banner-button-link {
    text-align: center !important;
    width:50%;
    margin-left:25%;
    /*width: 100%;*/
    border:0px solid #990000;
}
.dashed {
    border: 2px dashed #ccc;
    background-color: #f8f8f8;
    padding: 15px;
    margin: 10px 0px 10px 0px;
    color: #333;
}
.home-bordered {
    padding: 1em;
    border: 1px solid #dfdfdf;
    background-color: #fafafa;
}
/* ----------------------------------------------------------------------------------------------------------
   This is a CSS trick too have a responsive Youtube video embedd.  Requires a container -> <div class='video-container'><iframe></iframe></div>
/* --------------------------------------------------------------------------------------------------------*/
.video-container {
    position: relative; /* keeps the aspect ratio */
    padding-bottom: 56.25%; /* fine tunes the video positioning */
    padding-top: 0px; height:0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
/* -----------------------------------------------------------------------------
   Social Icons - FIXED
/* ---------------------------------------------------------------------------*/
.social-left {
    position: fixed;    
    margin-left: -65px;
    margin-top: 0px;
    padding: 5px;
}
.social-left img {
    border-width: 0px;
}
/* -----------------------------------------------------------------------------
  Header
/* ---------------------------------------------------------------------------*/
/*.return-top {
    display:block;
    text-align: center;
}
.return-top a {
    display:block;
    text-decoration: none;
    font-size:4.5em;
}*/

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
.rimage {
    margin: 0 0 1em 0;
    padding: 1.5em 1em 1.2em 1em;    
    border: 1px solid #ddd;
     /*-moz-border-radius: 1.0em;
    -webkit-border-radius: 1.0em;
    -khtml-border-radius: 1.0em;
    border-radius: 1.0em;*/    
    box-shadow: 2px 2px 4px rgba(0,0,0,.15);
    /*border-top-right-radius: 1.0em;*/
    /*background-color: rgba(255, 255, 255, 1.0);*/
    background-color: rgba(0, 0, 0, 0.0);
    box-shadow: 2px 2px 4px rgba(0,0,0,.15);
    text-align: center;
}
.rimage img {
    border: 1px solid #eee;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    -khtml-border-radius: .5em;
    border-radius: .5em;
    padding: 5px;
    margin: 0px 0px 0px 0px;
    box-shadow: 2px 2px 4px rgba(0,0,0,.45);
}
.rimage img:hover {
    border-color: rgba(0, 0, 0, 0.4) !important;
    box-shadow: 2px 2px 4px rgba(0,0,0,.65);
}
.rimage_description {
    font-size: 0.9em;
}
.rimage b {
    display:block;
}
.rimage i {
    color:#8c8c8c;
}

.header-container {
}
.topbg {
    /*display:inline-block;*/
    width:100%;
    background: url(../images/bg/hortonhornet1.png) top right fixed no-repeat;
    background-size: 18%;
    background-color: rgba(255, 255, 255, .95);
    padding:0.4em 0em 0.4em 0em;
    position: sticky;
    z-index:10000;
    top:0;
    box-shadow: 0 5px 10px 1px  rgba(53, 85, 121,.9);
    /*display:none;*/ /*Temp out for splash page arfht*/
}
.topbg-center {
    /*display:inline-block;*/
    width:100%;
    background: url(../images/bg/hortonhornet1.png) top right fixed no-repeat;
    background-size: 18%;
    background-color: rgba(255, 255, 255, .95);
    padding:0.4em 0em 0.4em 0em;
    position: sticky;
    z-index:10000;
    top:0;
    box-shadow: 0 5px 10px 1px rgba(53, 85, 121,.9);
    /*display:none;*/ /*Temp out for splash page arfht*/
}
.white-topnavheader {
    display: block;
    width: 100%;
    max-width: 100%;
    /*border: 1px solid #DDD;
    border-width: 0 0px 0 0px;*/
    /*border: 1px solid #252525;*/
    border-width: 0px 4px 0px 4px;
    /*box-shadow: 0 0 10px 10px #0a499d;*/
    padding: .2em 0em .2em 0em;
    margin-bottom: 0px;
    background-color: rgba(255, 255, 255, 1.0);
    /*background-color: rgba(36, 64, 30, .95);*/
   /* background-color: none;*/
    /*color: #999;*/
    color:#888888;
    font-size:1.2em;
    font-weight: bold;
}
.white-topnavheader a {
    
}
.topnavheader {
    display: none;
    /*display: block;*/
    width: 100%;
    max-width: 100%;
    /*border: 1px solid #DDD;
    border-width: 0 0px 0 0px;*/
    /*border: 1px solid #252525;*/
    border-width: 0px 4px 0px 4px;
    box-shadow: 0 0 5px 3px #2d2d2d;
    padding: .1em 0em .1em 0em;
    margin-bottom: 0px;
    background-color: rgba(155, 122, 89, 1.0);
    /*background-color: rgba(36, 64, 30, .95);*/
   /* background-color: none;*/
    /*color: #999;*/
    color:#fff;
    font-size:1.1em;
    font-weight: bold;
}
.topnavheader a {
    color:#fff;
}
.header {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    /*border: 1px solid #DDD;
    border-width: 0 0px 0 0px;*/
    /*border: 1px solid #252525;*/
    border-width: 0px 4px 0px 4px;
    /*box-shadow: 0 0 10px 10px #0a499d;*/
    padding: 0em;
    background-color: rgba(255, 255, 255, 0.0);
   /* background-color: none;*/
    /*color: #999;*/
}
.header a {
}
.logo {
    border-radius: 0px;
    border-width:0px;
    width: 8%;
    /*margin-top:1em;*/
    padding:.25em;
    float: left;
    margin-left:3%;
    margin-top:2px;
    /*margin-bottom:17px;*/
}
.center-logo {
    border-radius: 0px;
    border-width:0px;
    width: 16%;    
    padding:0em;
    float: none;
    margin:1.0em 0em 1.0em 0em;
}
.logo-ablock {
    display: block;
    text-align: center;
}
.top-nav {
        color:#fff;
        
    }
.top-nav a {
 color:#fff;   
}
.white-topnavheader-contents {
    text-align:center;
    /*padding-right:5.5em;*/
    font-size:130%;
    
}
.white-topnavheader-contents img {
    display: inline-block;
    height: 3em;
    margin-left:0em;
    margin-top:0em;
}
.white-topnavheader-contents a {
    display: inline-block;
    margin:0px 15px 0px 15px;
    vertical-align: middle;
}
.social {
    text-align:center;
    margin-right:0.8em;
    /*padding-right:5.5em;*/
    font-size:0.80em;
}
.social img {
    display: inline-block;
    height: 1.3em;
    /*margin-left:.5em;*/
    margin-bottom:0;
    vertical-align: middle;
}
.social a {
    display: inline-block;
    margin:0px;
    /*vertical-align: bottom;*/
}
.social a:hover {
    opacity: .6;
}
.mobile-social {
    display:none;
}
.footer-social img {
    height: 2.0em;
    border-radius: 0px;
}
.footer-social a {
    display: inline-block;
    margin-left: 1em;
    margin-right: 1em;
}
.footer-social a:hover {
    opacity: .7;
}
/* -----------------------------------------------------------------------------
  Container
/* ---------------------------------------------------------------------------*/
.container-container {
    text-align: center;
    margin: 0 auto;
}
.container {
    display: inline-block;
    background-color: #fff;
    text-align: left;
    width: 75%;
    max-width: 1200px;
    padding: 0 1em;
}
.td-full-width {
    /*float:left;*/
    width: 100%;
    padding-top: 0em;
    padding-bottom: 1em;
}
.td-left {
    float:left;
    /*float:none;*/
    width: 65%;
    /*width: 100%;*/
    padding-top: 0em;
    padding-bottom: 1em;
}
.td-right {
    float:right;
    /*float:none;*/
    width: 33%;
    /*width: 100%;*/
    padding-top: 0em;
}
/* ---------------------------------------------------------------------------*/
/* Search button
/* ---------------------------------------------------------------------------*/
.search-form {
    padding-top: 1em;
}
.search-form input {
    font-size: 1.25em;
    padding: .5em;
    border: 1px solid #DDD;
}
.search-form input[type='submit'] {    
    border-width: 0px;
    margin-left: .5em;
    color: #FFF;
    font-size: 1.25em;
}
/* -----------------------------------------------------------------------------
   Drop down menu
/* ---------------------------------------------------------------------------*/
.mobile-menu {
    display: none;
    float: right;
}
.mobile-menu img {
    height: 6em;
    margin-top: 2em;
    border-width: 0;
}
.main-navigation-mobile {
    display: none;
}
.blue-bar {
    background-color: #DAAA00;
    height: .5em;
    margin-bottom: .5em;
}
.dream-outside {
   /* background-color: #373737;*/
   /*background-color: rgba(239, 234, 217, 0.7);*/
    /*margin-top: 1.5em;*/
    padding-top: 2.8%;
    border: .6em solid rgba(222, 218, 199, 1.0);
    border-width: 0em 0em 0em 0em;
    /*border: 1px solid rgba(0, 0, 0, 0.7);
    border-width: 1px 1px 1px 0px;*/
    text-align:right;
    
    /*border-top-left-radius: .8em;*/
    /*border-top-right-radius: .8em;*/
    /*box-shadow: 0px 2px 4px rgba(0,0,0,.4);*/
   
    margin-right:4.5em;
    font-family: "GuldScript";
}
.dream-outside span {
    font-size: 2.5em;
    margin-bottom: 0;
}
.dream-outside-body {
    font-family: "GuldScript";
}
.dream-outside-body span {
    font-size: 2.5em;
    margin-bottom: 0;
}
.top-slogan {
   
    padding-right:4.0%;
    color:#fff;
    margin-top: 40px;
    margin-bottom:1.9%;
}
.upcoming-events-side-nav {
    display:none;
}
/*.main-navigation {   
    padding-top: 0.5em;
    border: .6em solid rgba(255, 255, 255, 0.6);
    border-width: 0px 0px 0px 0px;   
    text-align:center;
    display:inline-block;    
    font-family: sans-serif;
    margin-right:0em;
    margin-top:1.9%;
    width: 100%;
    background-color: rgba(89, 130, 89, 1.0);
}*/

.main-navigation {
   /* background-color: #373737;*/
   /*background-color: rgba(239, 234, 217, 0.7);*/
    margin-top: 0em;
    padding-top: 2.2%;
    border: .6em solid rgba(222, 218, 199, 1.0);
    border-width: 0em 0em 0em 0em;
    /*border: 1px solid rgba(0, 0, 0, 0.7);
    border-width: 1px 1px 1px 0px;*/
    text-align:right;
    
    /*border-top-left-radius: .8em;*/
    /*border-top-right-radius: .8em;*/
    /*box-shadow: 0px 2px 4px rgba(0,0,0,.4);*/
    /*font-family: sans-serif;*/
    font-family: 'Montserrat', 'Bree Serif', 'Playfair Display', serif;
    margin-right:3%;
}
#ddm {
    margin: 0;
    padding: 0;
    display:inline-table;
}
#ddm li {
    margin: 0;
    padding: 0.2em 0em 0.2em 0em;
    list-style: none;
    float: left;
    display:inline;
    line-height: 1.2em;
}
#ddm li a {
    /*font-family: 'Bree Serif', 'Playfair Display', serif;*/
    display: block;
    margin: 0px;
    text-align: left;
    text-decoration: none;
    padding: 0.8em 0.8em 1.0em 0.8em;
    color: rgba(33, 25, 56, 1.0);
    font-weight: 400;
    font-size: 0.95em;
    border: 1px dashed rgba(0, 0, 0, 0.8);
    border-width: 0px 0px 0px 0px;
    
}
#ddm li a:hover {
    /*background-color: rgba(199, 174, 56, 1.0);*/
    color: rgba(198, 45, 47, 1.0);
    /*border: 1px solid rgba(255, 255, 255, 0.7);
    border-width: 1px 1px 1px 1px;*/
    
}
#ddm div {    
    position: absolute;
    visibility: hidden;
    z-index: 150;
    margin-top: 0px;
    min-width: 100px;
    
    /*background-color: #666;*/
    /*background-color: rgba(255, 255, 255, 1.0);*/
    background-color: rgba(198, 45, 47, 1);
    padding: 1.0em;
    z-index: 1500;
    /*border: 1px solid rgba(51, 102, 51, 1.0);*/
    border-width: 0px 1px 1px 1px;
    border-top-right-radius: .8em;
    border-bottom-left-radius: .8em;
    box-shadow: .3em .3em .3em rgba(45, 45, 45, 0.7);
}
#ddm div a {
    position: relative;
    display: block;
    margin: 0;
    width: auto;
    max-width: 32em;
    white-space: pre-line;
    text-align: left;
    text-decoration: none;
    line-height: normal;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-width: 0px 0px 0px 0px;
    padding: .4em .5em .4em .5em;
    font-size: 0.9em;
    /*color: rgba(11, 54, 68, 1);*/
    color: #ffffff;
    /*background-color: rgba(0, 0, 0, .3);*/
}
#ddm div a:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color:#fff;
}
.content {
    text-align: left;
    display: block;
    padding: 2% 5% 2% 5%;
    width:90%;
    box-shadow: 0em 0em 2em rgba(0,0,0,.2);
    /*background-color: rgba(0,0,0, .45);*/
    background-color: rgba(255, 255, 255, 1.0);
    border: 0px solid #990000;
    
}
/* --------------------------------------------------------------------
  Banners
/* ------------------------------------------------------------------*/
.banners {
    /*border-top: 1px solid #DB8425;
    border-width: .5em 0 0 0;*/
    /*margin-bottom: -4px !important;*/
}
/**
 * Group banner overlay
 */ 
.banner-overlay {
    margin: 0px;
    vertical-align: middle !important;
    text-align: left;
    /*display: inline-block;*/
    display: block;
    width: 96%;
    position: absolute;
    z-index: 999;
    padding: 0% 2% 0% 2%;
    background-color: rgba(0,0,0,0.65);
    color: #ffffff !important;
    line-height: 1.5em;
    /*box-shadow: 0px 3px 5px rgba(0,0,0,0.8);*/
}
.banner-overlay h1 {    
    color: #ffffff;
}
.banner-overlay h2 {    
    color: #ffffff;
}
.banner-overlay h3 {    
    color: #ffffff;
}
.banner-overlay h4 {    
    color: #ffffff;
}
.banner-overlay h5 {    
    color: #ffffff;
}
.banner-overlay h6 {    
    color: #ffffff;
}



.banner-overlay-inner {
    margin: 0px;
    vertical-align: middle !important;
    text-align: left;
    /*display: inline-block;*/
    display: block;
    /*width: 29.33%;*/
    width:inherit;
    
    position: absolute;
    z-index: 999;
    /*padding: 0% 2% 0% 2%;*/
    background-color: rgba(0,0,0,0.65);
    color: #ffffff !important;
    font-size:1.8em;
    /*box-shadow: 0px 3px 5px rgba(0,0,0,0.8);*/
}
.banner-overlay-inner h1 {    
    color: #ffffff;
}
.banner-overlay-inner h2 {    
    color: #ffffff;
}
.banner-overlay-inner h3 {    
    color: #ffffff;
}
.banner-overlay-inner h4 {    
    color: #ffffff;
}
.banner-overlay-inner h5 {    
    color: #ffffff;
}
.banner-overlay-inner h6 {    
    color: #ffffff;
}








.ads {
    border:1px solid rgba(65, 113, 53, 1.0);
    border-width: .6em 0 .6em 0;
    margin: 5px 0px 0px 0px;
    width: 100%;
    text-align:center;
    background-color: rgba(0, 0, 0, .9);
    /*background:#212121 url(../images/bg/res-comm-bg.jpg) center center fixed no-repeat;
    -webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;    */
}
a.ads {
    display: inline-block;    
    float:left;
    
    border:0px solid #990000;
}
.ads img {
    display: inline-block;
    width:32.5%;
    margin: .6em .3em .2em .3em;
    border:1px solid rgba(255, 255, 255, 1.0);
    border-width: .1em .1em .1em .1em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
.ads img:hover {
    opacity: .9;
}
.residential-ads {
    /*border:1px solid rgba(65, 113, 53, 1.0);
    border-width: .6em 0 .6em 0;*/
    margin: 5px 0px 0px 0px;
    width: 100%;
    text-align:center;
    /*background-color: rgba(0, 0, 0, .9);*/
    /*background:#212121 url(../images/bg/res-comm-bg.jpg) center center fixed no-repeat;
    -webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;    */
}
.design-emc {
    display: inherit;    
    float:left;
    background: url(../images/buttons/help-design-emc-into-equipment-img.jpg);
    background-repeat: no-repeat;
  background-position: center;
    width: 19%;
    background-size:100%;
    height: 12vw;
    border:0px solid #990000;
    margin-left:0.5%;
    margin-right:0.5%;
}
.analysis {
    display: inherit;    
    float:left;
    background: url(../images/buttons/analysis-img.jpg);
    background-repeat: no-repeat;
  background-position: center;
   width: 19%;
    background-size:100%;
    height: 12vw;
    border:0px solid #990000;
    margin-left:0.5%;
    margin-right:0.5%;
}
.publications {
    display: inherit;    
    float:left;
    background: url(../images/buttons/publications-img.jpg);
    background-repeat: no-repeat;
  background-position: center;
    width: 19%;
    background-size:100%;
    height: 12vw;
    border:0px solid #990000;
    margin-left:0.5%;
    margin-right:0.5%;
}
.emi-problem-solving {
    display: inherit;    
    float:left;
    background: url(../images/buttons/emi-problem-solving-img.jpg);
    background-repeat: no-repeat;
  background-position: center;
    width: 19%;
    background-size:100%;
    height: 12vw;
    border:0px solid #990000;
    margin-left:0.5%;
    margin-right:0.5%;
}
.common-myths-in-emc {
    display: inherit;    
    float:left;
    background: url(../images/buttons/common-myths-in-emc-img.jpg);
    background-repeat: no-repeat;
  background-position: center;
    width: 19%;
    background-size:100%;
    height: 12vw;
    border:0px solid #990000;
    margin-left:0.5%;
    margin-right:0.5%;
}
/*.residential-landscaping-ad1 a {
    background: transparent url(../images/icons/kanatalandscaping-logo-leaf.png) 0px 0px no-repeat;
}
.residential-landscaping-ad2 a {
    background: transparent url(../images/icons/kanatalandscaping-logo-leaf.png) 0px 0px no-repeat;
}
.residential-landscaping-ad3 a {
    background: transparent url(../images/icons/kanatalandscaping-logo-leaf.png) 5px 5px no-repeat;
}*/
.leaf-img {
    width:25%;
    margin-top:28%;
    /*margin-left:37.5%;*/
}
a img.hover {
    display: none;
}
a img.default {
    display: inherit;
    width:25%;
    margin-top:28%;
    margin-left:37.5%;
}
a:hover img.hover {
    display: inherit;
    width:25%;
    margin-top:28%;
    margin-left:37.5%;
}
a:hover img.default {
    display: none;
}

    
/* -----------------------------------------------------------------------------
   Bread Crumbs
/* ---------------------------------------------------------------------------*/
.bread-crumbs {
    border: 0px solid rgba(255, 255, 255, 0.1);
    /*border: 1px solid #5c5c5c;*/
    /*border-bottom-left-radius: .8em;
    border-bottom-right-radius: .8em;*/
    /*background-color: none;*/
    background-color: rgba(12,134,157,0.65);
    color: #fff;
    padding: .3em;
    margin-bottom:0px;
    /*box-shadow: 0px 2px 4px rgba(255,255,255,.1);*/
    font-size:.80em;
    /*display:none;*/
    
}
.bread-crumbs a {
    color:#fff;
}
.bread-crumbs a:hover {
}
.bread-crumbs table {
    border-collapse: collapse;
    width:100%;
    text-align: center;
    border: 1px solid #990000;
}
.bread-crumbs td {
    padding: 0px 0px 0px 0px;
    border: 1px solid #990000;
}
.bread-crumbs img {
    border-width: 0px;
    padding: 0px 5px 0px 0px;
    margin-bottom: -4px;
    border-radius:0px;
}
.icons img {
    margin: 0px 0px 0px 0px;
    border-width: 0px;
    border-radius: 0px;
}
.email-rss-print img {
    padding: 0px 3px 0px 3px;
}
/* -----------------------------------------------------------------------------
/* Sub-Navigation
/* ---------------------------------------------------------------------------*/
.sub-navigation {  
    margin: .5em 0 1em 0;
    padding: 1.0em;
    border: 1px solid #eee;
     -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    -khtml-border-radius: .5em;
    border-radius: .5em;    
    background-color: rgba(0,0,0,0.0);
    box-shadow: 2px 2px 4px rgba(0,0,0,.05);
    text-align: center;
}
.sub-navigation h3 {
    margin: 0em 0 0 0;
    padding: 0.7em 1em 0.6em 1em;
    color: #ffffff;
    font-size:1.4em;
    font-weight: 600;
    text-align: center;
    background-color: rgba(53, 85, 122, 1.0);
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
}
.sub-navigation a {
   display: block;
   margin: .5em 0;
   padding: 1em .5em 1em .5em;
   border-top: 0px solid rgba(0, 0, 0, 0.1);
   /*color: #E4D22A;*/
   font-weight: 600;
   font-size: 1.0em;
   background-color: rgba(37, 190, 200, 0.05);
}
.sub-navigation a:hover {
    /*color:#c0af18;*/
}
.sub-navigation .event-date {
    font-size: .9em;
    border-width: 0px;
    padding: 0px;
}


/* -----------------------------------------------------------------------------
/* PageTop Sub-Navigation for Portfolio
/* ---------------------------------------------------------------------------*/
.sub-pagetop-portfolio-navigation {  
    margin: 0 0 3.0em 0;
    padding: 1.0em;
    border: 1px solid #ddd;
    /*border: .5em solid rgba(0, 0, 0, .1);
    border-width: .2em .2em .2em .2em;
    border-bottom-left-radius: 1.0em;
    border-top-right-radius: 1.0em;
    background-color: rgba(255, 255, 255, 1.0);*/
    background-color: rgba(207, 23, 23, 1.0);
    box-shadow: 2px 2px 4px rgba(0,0,0,.15);
    display: block;
    text-align: center;
    font-size: 0.8em;
}
.sub-pagetop-portfolio-navigation h3 {
    margin: .5em 0 0 0;
    padding: 0 0 .5em 0;
    color: #212121;
    font-size:1.6em;
}
.sub-pagetop-portfolio-navigation a {
   display: inline-block;
   margin: .5em 0;
   padding: 1em 1em 1em 1em;
   border: #d4d4d4 solid 1px;
   /*color: #E4D22A;*/
   font-weight: bold;
   /*font-size: 0.8em;*/
   background-color: #ffffff;
}
.sub-pagetop-portfolio-navigation a:hover {
    /*color:#c0af18;*/
}

/* -----------------------------------------------------------------------------
/* Headline
/* ---------------------------------------------------------------------------*/
.headline {
    /*background-color: rgba(0,0,0, .55);*/
    
    /*border-top-right-radius: 1em;
    border-bottom-left-radius: 1em;*/
    display:inline-block;
    width:76%;
    min-height: 500px;
}
.headline h1 {
    /*background-color: rgba(129, 180, 23, 0.5);*/
    /*background-color: rgba(198, 45, 47, .2);*/
    /*border-top-right-radius: 1em;
    border-bottom-left-radius: 1em;*/
    font-family: 'Montserrat', 'Playfair Display', 'serif';
    font-weight: 600;
    line-height: normal;
    text-align: center;
    color: #ffffff;
    /*text-shadow: .3em .3em .4em rgba(0, 0, 0, 1.0);*/
    text-shadow: .3em .3em .4em rgba(0, 0, 0, 0.9);
    margin-top: 1.8em;
    padding: .5em 0.2em .5em 0.2em;
    font-size: 300%;
    
}
.headline-sitemap-subscribe {
    /*background-color: rgba(0,0,0, 0.30);*/
    
    /*border-top-right-radius: 1em;
    border-bottom-left-radius: 1em;*/
}
.headline-sitemap-subscribe h1 {
    font-family: 'Montserrat', 'Playfair Display', 'serif';
    font-weight: 600;
    line-height: normal;
    text-align: center;
    color:#212121;
    text-shadow: 0 0 .25em rgba(0, 0, 0, 1);
    padding: 0em 0.1em 0em 0.1em;
    font-size: 300%;
}
/* -----------------------------------------------------------------------------
/* Thumbs and Images
/* ---------------------------------------------------------------------------*/
.thumb {
    width: 80%;
    border-bottom: 1px solid #e2e2e2;
    padding: 2em 0;
    text-align: center;
    margin: auto;
}
.thumb img {
    display: inline-block;
    margin: 0em;
    border: 0px solid #DDD;
    padding: 0em;
}
.thumb img:hover {
    border-color: #BBB;
}



.thumbs {
    width: 100%;
    border-bottom: 0px solid #e2e2e2;
    padding: 0em 0;
    /* Prevent vertical gaps */
  line-height: 0;
   
  -webkit-column-count: 4;
  -webkit-column-gap:   2px;
  -moz-column-count:    4;
  -moz-column-gap:      2px;
  column-count:         4;
  column-gap:           2px;
  text-align: center;
}
.thumbs figure {
  margin: 0;
  overflow: hidden;
}
.thumbs a {
  display: inline-block;
}
.thumbs a:hover img {
    transform: scale(1.15);
}
.thumbs img {
    object-fit: cover;
    display: block;
    break-inside: avoid-column;
    margin: 0em 0em 0em 0em;
    /*border: 1px solid #DDD;*/
    padding: 0;
    width: 100% !important;
  height: auto !important;
  transition: transform .2s ease-in-out;
}
.thumbs img:hover {
    /*border-color: #0D1A39;*/
}

/* -----------------------------------------------------------------------------
/* Event Date
/* ---------------------------------------------------------------------------*/
.event-date {
    font-size: 1.3em; 
    border-bottom: 1px solid #e2e2e2; 
    padding-bottom: 10px; 
}
/* -----------------------------------------------------------------------------
/* Form
/* ---------------------------------------------------------------------------*/
.form {
    border: 2px solid #dddddd;
    border-radius: 16px;
    box-shadow: 2px 2px 4px rgba(0,0,0,.15);
    padding: 1em; 
    background-color: none; 
    margin: 1em 0 1em 0;
}
.form input[type='text'], textarea {
     border: 1px solid #BBB; 
     /*
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    */
     background: transparent;
    color:#333333;
     font-size: 14px; 
     padding: 5px;
     width:90%;
}
input[type="text"]
{
    background: transparent;
    color:#333333;
    border: 1px solid #BBB;
}
.inline_error {
   color: #600;
   padding: 5px;
   background-color: #ffc;
   width: 94%;
}
.form_thankyou {
    font-size: 1.3em;
    padding: 5px;
    margin: 0px 0px 10px 0px;
    border: 2px dashed rgba(0, 0, 0, .35);
    /*background-color: #303030;*/
    background-color: rgba(137, 6, 7, 1);
    color:#fff;
}
.form form {
    margin: 0px;
}
.form table {
    border-collapse: separate;
}
.form span {
    color: #666;
    font-weight: bold;
}
.form th {
    font-size: 2.0em;
    font-weight: 400;    
    padding: .5em 0 .5em 0;    
    border-top:1px solid #d3d3d3;
    border-bottom:0px solid #d3d3d3;
    color: #000;
}
.form td {
    padding: .5em 0em 1.0em 0em;
}
.form td.form_description {
}
.form td.form_sub_td {
    border-width: 0px;
    padding: 2px;
    vertical-align: top;
}
.form td.form_label {
    color: #222222;
    font-weight: 600;
    /*width: 300px;*/
    padding-right: 10px;
}
.required {
    color: #990000;
}
.error {
    border: 1px solid #912721;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
    margin: 0px 0px 5px 0px;
    background-color: rgb(255, 255, 255, 1.0);
    color: #912721;
}
.error h4 {
    color: #990000;
    font-weight: bold;
}
/* -----------------------------------------------------------------------------
/* Bulletin Board - Homepage
/* ---------------------------------------------------------------------------*/
.bulletin-board-home div {
    border-bottom: 1px dashed #e0e0e0;
    padding: 10px 0px 10px 0px;
}
.bulletin-board-home a {
    display:  block;
    padding: .5em 0;
    border-bottom: 1px dashed #DDD;
}
/* -----------------------------------------------------------------------------
/* Summary Home
/* ---------------------------------------------------------------------------*/
.summary-home {
    border-bottom: 1px dashed #e0e0e0;
    padding: 10px 0px 5px 0px;
}
.summary-header-home {
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    margin-bottom: 5px;
}
.summary-description-home {
    color: #666;
    border-top: 1px solid #f5f5f5;
    padding: 5px 0px 5px 0px;
    font-size: .9em;
}
/* -----------------------------------------------------------------------------
/* Summary
/* ---------------------------------------------------------------------------*/
.summary {
    /*background-color: rgb(0, 0, 0, 0.20);*/
    padding: 1em;
    margin: 0 0 1em 0;
    background-color: none;
    border: 1px solid #eeeeee;
     -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    -khtml-border-radius: .5em;
    border-radius: .5em;
    box-shadow: 2px 2px 4px rgba(0,0,0,.05);
}
.gallery-summary {
    display: inline-block;
    border: 0px solid #CCC;
    padding: 1em;
    margin: 0.5em 0 0.5em 0;
    background-color: none;
    border: 1px solid #ddd;
     -moz-border-radius: 1.0em;
    -webkit-border-radius: 1.0em;
    -khtml-border-radius: 1.0em;
    border-radius: 1.0em;    
    box-shadow: 2px 2px 4px rgba(0,0,0,.15);
}
.summary-header {
    display: block;
    /*border-top-right-radius: 1.0em;
    border-bottom-left-radius: 1.0em;*/
    border-radius: 0.3em;
    font-size: 1.4em;
    font-weight: 500;
    padding: 0.9em 0 .8em .5em;
    margin: 0 0 0 0;
    background-color: rgba(53, 85, 121,1);
    color: #fff;
}
.summary-header:hover {
    /*color: #6C0000;*/
}
.summary-description {
    /*border-top: 3px solid rgba(124, 19, 72, 0.75);*/
    padding: 0.5em 0;
    text-align: left;
}
.summary-description p {
    /*margin: 5px 0px 5px 0px;*/
}
.summary-image {
    float: left;
}
.summary-image img {
    margin: 1em 1em 1em 0;
    border: 1px solid #dddddd;
    padding: .75em;
    border-radius:.3em;
    transition: transform 0.3s ease-in-out;
}
.summary-image img:hover {
    /*transform: scale(1.01);*/
    border: 1px solid #aaa;
}


.summary-image-full-image {
    float: none;
}
.summary-image-full-image img {
    display:block;
    margin: 0em;
    border: 0px solid #DDD;
    padding: 0em;
    transition: transform .2s ease-in-out;
}
.summary-image-full-image img:hover {
    transform: scale(1.15);
}
.summary-image-full-image figure {
    margin: 0;
    overflow: hidden;
}
.summary-header-gallery {
    display: block;
    font-size: 1.15em;
    font-weight: bold;
    padding: 1em 0 .5em 0;
    margin: 0 0 10px 0;
    /*color: #7C0808;*/
}












































/* -----------------------------------------------------------------------------
/* Summary files
/* ---------------------------------------------------------------------------*/
.summary-files {
    margin-top: 5px;
    margin-bottom: 5px;
    /*border-bottom: 1px solid #eee;*/
    border-top: 1px solid #eee;
    padding-top: 8px;
    padding-bottom: 8px;
}
.summary-files table {
    border-collapse: collapse;
}
.summary-files table th {
    font-weight: normal;
    padding: 5px 0px 0px 0px;
    border-bottom: 1px dashed #f0f0f0;
}
.summary-files table th span {
}
.modified {
    color: #999;
    font-size: 0.85em;
    padding-bottom: 5px;
}
/* -----------------------------------------------------------------------------
/* Columns
/* ---------------------------------------------------------------------------*/
.columns {    
    border-top: 1px solid #E5E5E5;
    padding: 1em 0 0 0;
    margin: 1em 0 0 0;
}
.columns table {
    border-collapse: collapse;
}
.columns a {
    display: block;
    padding: .25em 0;
}
/* -----------------------------------------------------------------------------
/* Columns home
/* ---------------------------------------------------------------------------*/
.columns-home {  
    border-top: 1px solid #f0f0f0;
    background-color: #fbfbfb;
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 5px 0px;
}
.columns-home table {
    border-collapse: collapse;
}
.columns-home a {
    font-size: 0.95em;
}
.container_l {
    border-right: 1px solid #f0f0f0;
    padding: 0px 10px 0px 0px;
}
.container_r {
    padding: 0px 0px 0px 10px;
}
/* -----------------------------------------------------------------------------
/* Widget container
/* ---------------------------------------------------------------------------*/
.widgets {   
    margin: 0 0 1em 0;
    font-size: 0.9em;
}
.widget-border {
        background-color: rgba(37,190,200,0.02);

    border-top: 1px solid rgba(0,0,0,0.05);
    margin: 1em 0 1em 0;
    padding-top: 10px;
    padding: 10px;
}
/* -----------------------------------------------------------------------------
/* Mail form
/* ---------------------------------------------------------------------------*/
.mform {
    display: none;
    padding: 10px;
    margin: 0px 0px 10px 0px;    
    border:2px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background-color: #f8f8f8;
}
.mform form {
    margin: 0px;
}
.mform h3 {
    margin: 0px 0px 15px 0px;    
}
.mform td {
    padding: 1px 0px 1px 10px;
}
.mform input {
    border: 1px solid #bbb;  
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    height: 20px;
}
.mform textarea {
    border: 1px solid #bbb;
}
.mform input[type='submit'] {
    background-color: #B70000;  
    border: 1px solid #770000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
}
.mform input[type='submit']:hover {
    border-color: #000;
}
/* -----------------------------------------------------------------------------
/* Search results 
/* ---------------------------------------------------------------------------*/
.highlight {
    background-color: #ff6;
}
.search_results { }
.search_results h1 {
    margin: 0px;
}
.search_results th a {
    display: block;
    padding: 5px 0px 5px 0px;
    font-weight: normal;
    font-size: 1.2em;
}
.search_results div {
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 5px 0px;
    border-bottom: 1px solid #eee;
}
.search_results img {
    border: 1px solid #d6d6d6;
    padding: 3px;
    margin: 0px 5px 0px 0px;
}
.search_results img:hover {
    border-color: #f90;
}
.search_results td {
    font-size: .9em;
}
.search_results span {
    color: #999;
}
/* -----------------------------------------------------------------------------
/* Notices
/* ---------------------------------------------------------------------------*/
.notice {
    margin: 0 0 2em 0;
    background-color: none;
    padding: 0em 1em 1em 1em;
    /*background-color: #ffffff;*/
    /*background-color: rgba(255, 255, 255, 0.25);*/
    background-color: rgba(245, 245, 245, 0.75);
    border: 1px solid rgba(0,0,0, 0.05);
    border-width: 0px 1px 1px 1px;
    border-bottom-left-radius: 1.0em;
    border-bottom-right-radius: 1.0em;
    /*color: #ffffff;*/
    box-shadow: 2px 2px 4px rgba(0,0,0,.15);
    margin-top: -2.25%;
}
.notice h3 {
    background-color: rgba(198, 45, 47, 1.0);
    color: #ffffff;    
    margin: 0 0 0 0;
    padding: .4em;
    font-size: 1.8em;
    font-weight: 600;
    border-bottom-left-radius: 1.0em;
    border-bottom-right-radius: 1.0em;
}
.notice a {
    display: block;
    border-top: 1px solid rgba(0,0,0, .05);
    margin: .5em 0;
    padding: .5em 0 0 0;
    /*color: #fff;*/
    text-align: center;
}
.notice div {
    border-top: 1px solid #d0d0d0;
    height: 5px;
    margin-top: 5px;
}
.notice-mobile {
    display:none;
    }


/* -----------------------------------------------------------------------------
/* Bulletin Board Full Page
/* ---------------------------------------------------------------------------*/
.bulletin_board_full {
}
.bulletin_board_full h2 {
}
.bulletin_board_full h3 {
}
.bulletin_board_full a {
    padding: 2px 0px 2px 0px;
    font-size: 1.1em;
}
.bb_description {
    color: #333;
    font-size: .95em;
    padding: 5px 0px 5px 0px;
}
.bb_date {
    color: #666;
    font-size: .95em;
}
.bb_nav {
    border-bottom: 1px solid #ddd;
    padding: 0px 0px 10px 0px;
    color: #666;
}
/* -----------------------------------------------------------------------------
/* Calendar
/* ---------------------------------------------------------------------------*/
.calendar {
    margin-bottom: 1em;
    border: 1px solid #ddd;
     -moz-border-radius: 1.0em;
    -webkit-border-radius: 1.0em;
    -khtml-border-radius: 1.0em;
    border-radius: 1.0em;    
    box-shadow: 2px 2px 4px rgba(0,0,0,.15);
    padding: .5em;
    background-color: #ffffff;
}
.calendar h2 {
    color: #000;
}
.calendar th {
    /*background-color: #000;*/ /*#00587c;*/
    background-color: rgba(0, 0, 0, 1.0) !important;
    padding: .25em;
    font-size: 0.8em;
    color: #fff;
    text-align: center;
}
.calendar td {
    padding: .1em;
    font-size: 0.8em;
    border: 1px solid #DDD;
    height: 2em;
    background-color: #FFF;
}
.calendar td.markday {    
    border: 1px solid #cccccc;
    background-color: #ffffa4;
    cursor: pointer;
    color: #888888;
}
.calendar td.noday {
    border-width: 0px;
    background: none;
}
.calendar td.nb {
    border-width: 0px;
    padding: 0px;
    background-color: transparent;
}
.popup {
    position: absolute;
    display: none;
    margin-left: -340px;
    margin-top: -18px;
    background-color: rgba(13, 26, 57, 1.0) !important;
    padding: 10px;  
    width: 320px;
    border: 4px solid #ffffff;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -khtml-border-radius: 1em;
    border-radius: 1em;
}
.popup h2 {
    color: #FFEF00;
    font-size: 1.3em;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 5px 0px;
    border-bottom: 2px solid #eee;
}
.popup h3 {
    color: #000;
    font-size: 1.3em;
    margin: 5px 0px 0px 0px;
}
.popup a {
    display: block;
    font-size: 1.1em;
    color: #FFEF00;
    margin-bottom:10px;
}
/* -----------------------------------------------------------------------------
/* Large calendar
/* ---------------------------------------------------------------------------*/
.calendar-page table {
    border-collapse: collapse;
}
.calendar-page h1 {
    margin: 10px 0px 10px 0px;
}
.large-calendar {
    margin: 0px 0px 10px 0px;
    background-color: #fbfbfb;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    padding: 0; 
}
.large-calendar-header {
    padding: 1em;
    border-bottom: 1px solid #ddd;
}
.large-calendar table {
    border-collapse: separate;
}
.large-calendar th {
    background-color: #000; /*#00587C;*/
    padding: 5px;
    color: #fff;
}
.large-calendar td {
    border: 1px solid #bbb;
    background-color: #fff;
    vertical-align: text-top;
}
.large-calendar td.markday {    
    border: 1px solid #DAAA00;
    background-color: #DAAA00;
    cursor: pointer;
    color: #FFF;
}
.large-calendar td.markday div {
    font-size: .8em;
    padding: .25em;
}
.large-calendar td.markday div a {
    display: block;
    padding: .25em 0em;
}
.large-calendar td.noday {
    border-width: 0px;
    background: none;
}
.large-calendar td.nb {
    border-width: 0px;
    padding: 0px;
    background-color: transparent;
    height: inherit;
}
.large-popup {
    position: absolute;
    display: none;
    margin-left: 25px;
    margin-top: -40px;
    background-color: #FFFFFF;
    padding: 10px;  
    width: 320px;
    border: 4px solid #d5d5d5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.large-popup h2 {
    color: #000;
    font-size: 1.3em;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 5px 0px;
    border-bottom: 2px solid #eee;
}
.large-popup h3 {
    color: #000;
    font-size: 1.3em;
    margin: 5px 0px 0px 0px;
}
.large-popup a {
    display: block;
    font-size: 1.1em;
}
/* -----------------------------------------------------------------------------
/* Home Board
/* ---------------------------------------------------------------------------*/
.home-board img {
    margin-bottom: 15px;
}
.home-board div {
    border-top: 1px solid #ddd;
    padding: 10px 0px 10px 0px;
}
.home-board a {    
    display: block;
    font-size: 1.1em;
    padding: 0px;
    margin: 0px;
}
.home-board p {
    margin: 3px 0px 3px 0px;
    color: #222;
}
/* -----------------------------------------------------------------------------
/* Sitemap
/* ---------------------------------------------------------------------------*/
.sitemap a {
}
.sitemap div {
    display: none;
}
.sitemap table {
    border-collapse: collapse;
}
.sitemap td {
    padding: 0px;
}
.sitemap img {
    border-width: 0px;
}
/* -----------------------------------------------------------------------------
  Footer
/* ---------------------------------------------------------------------------*/
.footer-container {
}
.footer {
    width: 100%;
    /*max-width: 1200px;*/
    padding: 0em 0em 0em 0em;
    /*border: 1px solid #DDD;
    border-width: 0 0px;*/
    /*border: 1px solid #60673f;
    border-width: 0px 4px 0px 4px;
    box-shadow:  0px 5px 5px #ccc;*/
    color: #ffffff;
    /*text-shadow: 2px 2px 6px rgba(0,0,0,0.70);*/
    /*border: .6em solid rgba(0, 0, 0, 1.0);
    border-width: 0.3em 0em 0em 0em;*/
    /*background: #fff url(../images/bg/footerbgout.jpg) center center no-repeat;*/
    /*background-color: rgba(0, 0, 0, 1.0);*/
    -webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
}
.trans-footer-mask {
    /*background-color: rgba(255, 255, 255, .10);*/
    /*border: 1px solid rgba(255, 255, 255, 1.0);*/
    /*border-width: .20em 0em 0em 0em;*/
    padding-bottom: 1em;
}
.footer td { vertical-align: text-top; text-align: center; }
.footer td a {
    /*color: #fff;*/
    display: block;
    padding: 0px .6em .6em .6em;
    border-right: 1px solid #a8a8a8;
}
.footer p {
    padding: 0px;
    border-top: 0px solid #bbb;
}
.footer td a.standard {
    display: inline;
    padding: 0px;
    border-width: 0px;
}
.footer-navigation {
    width: 100%;
    /*margin-bottom: 1.0em;*/
    padding-top: 1.0em;
    padding-bottom: 1.0em;
    /*background-color: rgba(255, 255, 255, 0.6);*/
    margin-top:0;
}
.footer-navigation strong {
        font-size:0.9em;
        font-color: #fff !important;
}
.footer-navigation strong a {
    color: #FFEF00 !important;
}
.top-bar {
    /*margin-top: .5em;
    margin-bottom: .5em;*/
    /*position: sticky;
    top:0;*/
    text-align: center;
    /*background-color: rgba(155, 122, 89, .85);*/
    background-color: rgba(53, 85, 121,.8);
    padding: .5em 0em .5em 0em;
    font-size: 1.0em;
    color: #ffffff;
    box-shadow: 0 1px 5px 5px rgba(53, 85, 121,0);
    padding: 1em 3.0em 1.0em 3.0em;
    font-size: 75%;
    /*display:none;*/ /*Temp out for splash page arfht*/
}
.top-bar a {
    font-weight: normal;
    /*font-weight:bold;*/
    color: #fff;
}
.bottom-nav {
    /*margin-top: -10px;*/
    margin-bottom: 0em;
    background-color: rgba(255, 255, 255, 0);
    padding: 0.6em 0em 0.6em 0em;
    color: #000;
    /*box-shadow: 0 0 5px 3px #2d2d2d;*/
}
.bottom-nav a {
    /*font-size: 0.8em;*/
    /*font-weight:bold;*/
    /*color: #fff;*/
}
.footer-logo {
    width: 15%;
    /*background-color: rgba(255,255,255,0.25);*/
    padding:1em 1em 1em 1em;
    border-radius: 0px;
    border: 0px solid rgba(0, 0, 0, .25);
    /*-moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -khtml-border-radius: 1em;
    border-radius: 1em;*/
}
.mobile-top-nav {
        display: none;             
    }


/**
 * Media queries
 */
@media (max-width: 1200px) {
    body {
    -webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%;
    background-repeat: no-repeat;
    }
}


@media (max-width: 1800px) and (min-width: 1700px) {
    /*body {
        font-size: 110%;
    }    */
    /*#ddm li a {
        font-size: 1.0em;
    }*/
}
@media (max-width: 1700px) and (min-width: 1600px) {
    /*body {
        font-size: 110%;
    }  */
    #ddm li a {
        font-size: 0.95em;
    }
}
@media (max-width: 1600px) and (min-width: 1500px) {
    body {
        font-size: 110%;
    }
    #ddm li a {
        font-size: .95em;
    }
}
@media (max-width: 1500px) and (min-width: 1400px) {
    body {
        font-size: 107%;
    }
    #ddm li a {
        font-size: .94em;
    }
}
@media (max-width: 1400px) and (min-width: 1300px) {
    body {
        font-size: 105%;
    }
    #ddm li a {
        font-size: .90em;
    }
}
@media (max-width: 1300px) and (min-width: 1200px) {
    body {
        font-size: 103%;
    }
    #ddm li a {
        font-size: .86em;
    }
}
@media (max-width: 1200px) and (min-width: 1100px) {
    body {
        font-size: 103%;
    }
    #ddm li a {
        font-size: .78em;
    }
}
@media (max-width: 1100px) and (min-width: 1000px) {
    body {
        font-size: 95%;
    }
    #ddm li a {
        font-size: 0.78em;
    }
}
@media (max-width: 1000px) and (min-width: 900px) {
    body {
        font-size: 90%;
    }
    #ddm li a {
        font-size: .74em;
    }
}
@media (max-width: 900px) and (min-width: 800px) {
    body {
        font-size: 88%;
    }
    #ddm li a {
        font-size: .67em;
    }
}
@media (max-width: 800px) and (min-width: 700px) {
    body {
        font-size: 86%;
    }
    #ddm li a {
        font-size: .62em;
    }
}
@media (max-width: 705px) and (min-width: 700px) {
    .widgets {   
    font-size: 0.85em;
    }
}

/**
**Media queries - multiple images for gallery collage***
*/
@media (max-width: 1200px) {
  .thumbs {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 1000px) {
  .thumbs {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  .thumbs {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  .thumbs {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}

/**
**Media queries - multiple images for gallery (View from subcategories seen in cloumns) collage***
*/
@media (max-width: 2400px) {
  .full-page-gallery-column-left {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 1200px) {
  .full-page-gallery-column-left {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 1060px) {
  .full-page-gallery-column-left {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 800px) {
  .full-page-gallery-column-left {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 650px) {
  .full-page-gallery-column-left {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}






/**
 * Media queries - original
 */
/*@media (max-width: 1600px) and (min-width: 1500px) {
    body {
        font-size: 95%;
    }
}
@media (max-width: 1500px) and (min-width: 1400px) {
    body {
        font-size: 90%;
    }
}
@media (max-width: 1400px) and (min-width: 1300px) {
    body {
        font-size: 85%;
    }
}
@media (max-width: 1300px) and (min-width: 1200px) {
    body {
        font-size: 79%;
    }
}
@media (max-width: 1200px) and (min-width: 1100px) {
    body {
        font-size: 72%;
    }
}
@media (max-width: 1100px) and (min-width: 1000px) {
    body {
        font-size: 65%;
    }
}
@media (max-width: 1000px) and (min-width: 900px) {
    body {
        font-size: 57.5%;
    }
}
@media (max-width: 900px) and (min-width: 800px) {
    body {
        font-size: 55%;
    }
}
@media (max-width: 800px) and (min-width: 700px) {
    body {
        font-size: 49%;
    }
}*/

/**
 * MOBILE!
 */

@media (max-width: 1600px) {
    .headline {
        min-height:425px;
    }
    /*.headline h1 {
        margin-top: 2.8em;
    }*/
}


@media (max-width: 1300px) {
    .full-page-column-left {
        font-size: .82em;
    }
    .summary-header-gallery {
    font-size: 1.0em;

    }
    .sub-pagetop-portfolio-navigation {
        font-size:.7em;
    }
}

@media (max-width: 700px), (orientation: portrait)  {
    
    body {
        font-size: 1.1em;
            
    /*-webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%;
    background-repeat: no-repeat;*/
    /*-webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;*/  
    }
    .text-block { 
    font-size: .80em;
    }
    .top-bar {
        font-size:70%;     
        padding-left: 1em;
        padding-right: .5em;    
    }
    .header {
        width: 100%;
    }
    .full-page-column-left {
        font-size: .4em;
    }
    .container {
        width: 100%;
    }
    .content {
    text-align: left;
    display: inline-block;
    /*padding:0em 0.5em 0em 0.5em;
    width:93%;*/
    }
    .maple-leaf {
    width: 10%;
}
    .widget-out-mobile {
        display:none;
    }
    .footer {
        width: 100%;
        /*font-size: .8em;*/
    }
    .td-left {
        width: 100%;
        float: none;
    }
    .td-right {        
        width: 100%;
        float: none;
    }
    .column-left {
        float:none;
        width:96%
    }
    .column-right {
        float:none;
        width:96%
    }
    .logo {
        width: 25%;
        float:left;
        margin-top:0.1em;
        margin-left: 0.5em;
    }
    .center-logo {
        width: 25%;
        float:none;
        /*margin-left: 33%;*/
        margin-top:.5em;
    }
    .logo-ablock {
    
    }
    .image {
        width:70%;
    }
    .banner-button-link {    
    width:50%;
    margin-left: 25%;
    /*width: 100%;*/
    }
    .top-contact-info-responsive {
        display: none;
    }
    .top-nav {
        display: none;        
    }
    .mobile-top-nav {
        display: block;
        /*position: inherit;*/
        float:right;
        text-align: right;
        font-size:.9em;
        border-top:1px solid #ddd;
        margin-top: 0.3em;
        padding-top:0.5em;
        width: 100%;
    }
    .dream-outside {   
    margin-right:.9em;
    padding-top: 9.0%;
    }
    .dream-outside span {
    font-size: 1.5em;
    margin-bottom: 0;
    }
    .dream-outside-body {   
    /*margin-right:.9em;
    padding-top: 9.0%;*/
    }
    .dream-outside-body span {
    font-size: 1.5em;
    margin-bottom: 0;
    }
  
    
    .top-slogan {
    font-size: .80em;
    text-align: right;
    display: inline-block;
    width:90%;    
    }
    .notice-desktop {
    display:none;
    }
    .notice-mobile {
        display: block;
    }
    .boxes {
        font-size: 1.2em;
    }
    
    
    
    
    .home-link-button-rounded {
    display :inline-block;
    border: 0px solid #a2976a;
   /* -moz-border-radius: 1.0em;
    -webkit-border-radius: 1.0em;
    -khtml-border-radius: 1.0em;
    border-radius: 1.0em;    */
    /*background-color: rgba(65, 113, 53, .8);*/
    padding: 1.0em 3.0em 1.0em 3.0em;
    /*color: #ffffff;*/
    text-align: center;
    /*font-family: 'Bree Serif', 'Playfair Display', serif;*/
    font-family: "ltc-bodoni-175";
    font-weight: 700;
    border:2px solid #ddd;
    background: transparent url(../images/icons/kanatalandscaping-logo-leaf1.png) 10px 5px no-repeat;
    background-size: 24% auto;
    vertical-align: middle;
    margin-top:5px;
    margin-bottom:5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.4);
    font-size:.9em;
    min-width: 170px;
}
    .home-link-button-rounded:hover {
        /*background-color: #295A82;*/
        /*background-color: rgba(65, 113, 53, .7);*/
        background: transparent url(../images/icons/kanatalandscaping-logo-leaf1-hover.png) 10px 5px no-repeat;
        background-size: 24% auto;
        /*color: #ffffff;*/
        text-decoration: none;
       box-shadow: 2px 2px 3px rgba(0,0,0,.4);
    }
    .home-link-button-rounded img {
        width: 10%;
        display:inline-block;
    }
    .home-link-button-rounded img:hover {
        /*width: 12%;
        display:inline-block;*/
    }
    .home-banner-button-link {
        text-align: center !important;
        width:100%;
        /*margin-left:35%;*/
        /*border:5px solid #ddd;*/
    }
    .summary-header-gallery {
        font-size: 0.8em;    
    } 
    
    
    
    
    .ads {    
    /*padding:.3em;*/
    width: 100%;
    border:1px solid rgba(65, 113, 53, 1.0);
    border-width: .6em 0 .6em 0;    
    margin: 5px 0px 0px 0px;
    background-color: #191919;
    /*background:#ffffff url(../images/bg/res-comm-bg.jpg);*/
    /*background-repeat: no-repeat;
    background-size: 100% 100%;*/
    }
    a.ads {
        display: inline-block;  
        float:left;
        
        margin:0em auto;
    }
    
    .ads img {
        width:40%;
        margin: .6em .3em .2em .3em;
        display: inline-block;
        /*border:0px solid #990000;*/
    }
    .headline {
        width:80%;
    }
    .headline h1 {
        font-size: 180%;
    }
    .sub-pagetop-portfolio-navigation {
   display: none;
}
    .sub-pagetop-portfolio-navigation a {
   display: inline-block;
   margin: .3em 0;
   padding: .3em;
   border: #ddd solid 1px;
   /*color: #E4D22A;*/
   font-weight: bold;
   font-size: .8em;
}
    .unslider-nav {
        font-size: 25%;
    }
    .search-form {
        display: none;
    }
    .white-topnavheader-contents {    
    font-size:70%;    
    }
    .social {
        /*display: none;*/
        padding-right:0em;
        text-align:center;
        font-size:0.6em;
    }
    .mobile-social {
        display: block;
        width:100%;
        /*float:right;*/
        margin-top: 2%;
        text-align: center;
    }
    .mobile-social img {
        height: 2.4em;
    }
    .mobile-social a {
        display: inline-block !important;
        border:0px solid #000;
    }
    .mobile-social a:hover {
        opacity: .8;
    }
    .main-navigation {
        display: none;
    }
    .bottom-nav {
        margin-bottom: 0em;
        display: block;
        font-size: .85em;
    }
    .mobile-menu {
        display: block;
        width:20%;
        margin:0px;
    }
    .mobile-menu img {
        width: 80%;
        height:80%;
        /*margin-left:5px;
        margin-top:0px;*/
        margin: 0px;
    }
    .main-navigation-mobile {
        /*display:block;*/
        z-index:10000;
        position: sticky;
        top: 0px;
        left: 0px;
    }
    .main-navigation-mobile ul li {
        margin: 0;
        padding: 0;
    }
    /*.summary-image img {
        width:225px;
    }*/
    .blog-side-description {
        display: none;
    }
    .form input[type='text'], textarea {
     width:85%;
    }
    .form {
        font-size: .75em;
    }
    .subscribe-form-mobile-font-size {
    font-size: .80em;
    }
    .subscribe-form-mobile-font-size input[type='submit'] {
        font-size: .85em;
    }
    .subscribe-form-mobile-font-size input[type='text'] {
        width:80%;
    }
    .inline_error {
        width: 89%;
    }
    .banner-overlay {
    font-size:.80em;
    }
    .banner-overlay-inner {
    font-size:.80em;
    }
    .footer-logo {
        width: 20%;
    }
    .footer-navigation {
        display: none;
    }
    #ddm-mobile {
        margin: 0;
        padding: 5px;
        z-index: 150;
        border: 0px solid rgba(219, 219, 219, 0.8);
        background-color: rgba(198, 45, 47, .85);
        border-bottom-right-radius:.5em;
        border-bottom-left-radius:1em;
    }
    #ddm-mobile li {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    #ddm-mobile li a {
        display: block;
        margin: 5px;
        text-align: left;
        text-decoration: none;
        padding: .5em;
        /*border-bottom: 1px solid rgba(112, 111, 115, .2);*/
        /*background-color: #2e2e2e;*/
        /*background-color: rgba(255, 255, 255, 0.5);*/
        /*background-color: rgba(85, 85, 85, 0.3);*/
        background-color: rgba(0, 0, 0, 0.05);
        font-size: 1.25em;
        color: #ffffff;
    }
    #ddm-mobile li a:hover {
        /*color: #c0af18;*/
       background-color: rgba(198, 45, 47, 1);
    }
    #ddm-mobile div {    
        position: absolute;
        visibility: hidden;
        z-index: 150;
        min-width: 180px;
    }
    #ddm-mobile div a {
        position: relative;
        display: block;
        margin: 0;
        width: auto;
        white-space: nowrap;
        text-align: left;
        text-decoration: none;
        line-height: normal;
        border-width: 0px;
        font-size: 16px;
        font-weight: bold;
    }
    #ddm-mobile div a:hover { }
    .upcoming-events-side-nav {
        display:block;
    }
    .calendar {
        display: none;
    }
    .large-calendar {
        display:none;
    }    
}
@media (max-width: 850px) {
    .summary-image {
        /*display: block;*/
        float:none;
        text-align: center;
        
    }
    .summary-image img {
        width:95%;
        height: 95%;
        margin-top: 1em;
        padding:2%;
        
    }
}

@media (max-width: 600px)  {
    /*.logo {
        width:70%;
    }*/
    .mobile-menu {       
        width:25%;        
    }
    .banner-overlay {
        font-size: 0.45em;
        /*display: none;*/
    }
    .banner-overlay-inner {
    font-size:.45em;
    }
}
@media (max-width: 1700px) and (min-width: 701px) {
    .banner-button-link {    
        width:50%;
        margin-left: 25%;
        /*width:100%;*/
    }
}
@media (max-width: 1050px) and (min-width: 951px) {
    .home-link-button-rounded {
    display :inline-block;
    border: 0px solid #a2976a;
   /* -moz-border-radius: 1.0em;
    -webkit-border-radius: 1.0em;
    -khtml-border-radius: 1.0em;
    border-radius: 1.0em;    */
    /*background-color: rgba(65, 113, 53, .8);*/
    padding: 1.0em 5.2em 1.0em 5.2em;
    /*color: #ffffff;*/
    text-align: center;
    /*font-family: 'Bree Serif', 'Playfair Display', serif;*/
    font-family: "ltc-bodoni-175";
    font-weight: 700;
    border:2px solid #ddd;
    background: transparent url(../images/icons/kanatalandscaping-logo-leaf1.png) 40px 5px no-repeat;
    background-size: 19% auto;
    vertical-align: middle;
    margin-top:5px;
    margin-bottom:5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.4);
}
.home-link-button-rounded:hover {
    /*background-color: #295A82;*/
    /*background-color: rgba(65, 113, 53, .7);*/
    background: transparent url(../images/icons/kanatalandscaping-logo-leaf-hover1.png) 40px 5px no-repeat;
    background-size: 19% auto;
    /*color: #ffffff;*/
    text-decoration: none;
   box-shadow: 2px 2px 3px rgba(0,0,0,.4);
}
.home-link-button-rounded img {
    width: 10%;
    display:inline-block;
}
.home-link-button-rounded img:hover {
    /*width: 12%;
    display:inline-block;*/
}
.home-banner-button-link {
    text-align: center !important;
    width:100%;
    /*margin-left:35%;*/
    /*border:5px solid #ddd;*/
}
    
}


@media (max-width: 950px) and (min-width: 851px) {
    .home-link-button-rounded {
    display :inline-block;
    border: 0px solid #a2976a;
   /* -moz-border-radius: 1.0em;
    -webkit-border-radius: 1.0em;
    -khtml-border-radius: 1.0em;
    border-radius: 1.0em;    */
    /*background-color: rgba(65, 113, 53, .8);*/
    padding: 1.0em 4.2em 1.0em 4.2em;
    /*color: #ffffff;*/
    text-align: center;
    /*font-family: 'Bree Serif', 'Playfair Display', serif;*/
    font-family: "ltc-bodoni-175";
    font-weight: 700;
    border:2px solid #ddd;
    background: transparent url(../images/icons/kanatalandscaping-logo-leaf1.png) 30px 5px no-repeat;
    background-size: 21% auto;
    vertical-align: middle;
    margin-top:5px;
    margin-bottom:5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.4);
}
.home-link-button-rounded:hover {
    /*background-color: #295A82;*/
    /*background-color: rgba(65, 113, 53, .7);*/
    background: transparent url(../images/icons/kanatalandscaping-logo-leaf-hover1.png) 30px 5px no-repeat;
    background-size: 21% auto;
    /*color: #ffffff;*/
    text-decoration: none;
   box-shadow: 2px 2px 3px rgba(0,0,0,.4);
}
.home-link-button-rounded img {
    width: 10%;
    display:inline-block;
}
.home-link-button-rounded img:hover {
    /*width: 12%;
    display:inline-block;*/
}
.home-banner-button-link {
    text-align: center !important;
    width:100%;
    /*margin-left:35%;*/
    /*border:5px solid #ddd;*/
}
}

@media (max-width: 850px) and (min-width: 701px) {
    .home-link-button-rounded {
    display :inline-block;
    border: 0px solid #a2976a;
   /* -moz-border-radius: 1.0em;
    -webkit-border-radius: 1.0em;
    -khtml-border-radius: 1.0em;
    border-radius: 1.0em;    */
    /*background-color: rgba(65, 113, 53, .8);*/
    padding: 1.0em 3.2em 1.0em 3.2em;
    /*color: #ffffff;*/
    text-align: center;
    /*font-family: 'Bree Serif', 'Playfair Display', serif;*/
    font-family: "ltc-bodoni-175";
    font-weight: 700;
    border:2px solid #ddd;
    background: transparent url(../images/icons/kanatalandscaping-logo-leaf1.png) 18px 5px no-repeat;
    background-size: 24% auto;
    vertical-align: middle;
    margin-top:5px;
    margin-bottom:5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.4);
}
.home-link-button-rounded:hover {
    /*background-color: #295A82;*/
    /*background-color: rgba(65, 113, 53, .7);*/
    background: transparent url(../images/icons/kanatalandscaping-logo-leaf-hover1.png) 18px 5px no-repeat;
    background-size: 24% auto;
    /*color: #ffffff;*/
    text-decoration: none;
   box-shadow: 2px 2px 3px rgba(0,0,0,.4);
}
.home-link-button-rounded img {
    width: 10%;
    display:inline-block;
}
.home-link-button-rounded img:hover {
    /*width: 12%;
    display:inline-block;*/
}
.home-banner-button-link {
    text-align: center !important;
    width:100%;
    /*margin-left:35%;*/
    /*border:5px solid #ddd;*/
}
}



@media (max-width: 700px) and (min-width: 451px) {

}
@media (min-width: 701px) {
    .top-contact-info-responsive {
        font-size: 1.4em;
    }
}
@media (max-width: 700px) and (min-width: 600px) {
    .top-contact-info-responsive {
        font-size: 1.0em;
    }
    .banner-button-link {    
    width:65%;
    margin-left: 17%;
    /*width: 100%;*/
    }
    .text-block { 
    font-size: .70em;
    }
}
@media (max-width: 600px) and (min-width: 550px) {
    .top-contact-info-responsive {
        font-size: .85em;
    }
}
@media (max-width: 550px) and (min-width: 450px) {
    .top-contact-info-responsive {
        font-size: .8em;
    }
}
@media (max-width: 700px) and (min-width: 501px){
    .mob-address {
        font-size: 1.4em !important;
    }
}
@media (max-width: 500px) and (min-width: 321px){
    .mob-address {
        font-size: 1.0em !important;
    }
}
@media (max-width: 320px){
    .mob-address {
        font-size: .9em !important;
    }
}




@media (max-width: 625px) and (min-width: 300px){
    .banner-button-link-commercial {    
    width:100%;
    margin-left: 0%;
    }
    .banner-button-link-commercial h3 {    
    font-size: 0.9em;
    }
}

@media (max-width: 650px){
    .summary-header-gallery {
    font-size: 0.9em;
    }
}

@media (max-width: 500px){
    .top-bar {
        /*font-size:65%;*/
        /*padding-left: 3em;
        padding-right: 3em;*/
    }
    .summary-image {
        /*display: block;*/
        float:none;
        text-align: center;
        
    }
    .summary-image img {
        width:95%;
        height: 95%;
        margin-top: 1em;
        padding:2%;
        
    }
    .white-topnavheader-contents {    
        font-size:60%;
    }
    .white-topnavheader-contents a {    
        margin:0px 2px 0px 2px;
    }
}

@media (max-width: 450px){
    /*.footer-logo {
        height: 4em;
    }*/
    .banner-overlay {
        font-size: 0.40em;
        /*display: none;*/
    }
    .banner-overlay-inner {
    font-size:.40em;
    }
    .top-contact-info-responsive {
        font-size: .6em;
    }
    
    .full-page-1column{
        float: none;
        width: 96.7%;
    }
    .full-page-column-left {
        float: none;
        width: 96.7%;
        font-size: .8em;
    }
    .summary-header-gallery {
    /*font-size: 0.9em;*/

    }
    
    a.residential-ads {
    display: block;    
    float:none;    
    }
     .dream-outside {   
        margin-right:.8em;
        padding-top: 7.0%;
    }
    .dream-outside span {
        font-size: 0.9em;
    }
    .dream-outside-body {
        
    }
        
    .dream-outside-body span {
    font-size: 0.9em;
    }
    .residential-ads img {
        display: block;
        width:100% !important;
        margin: 3% 0 3% 0;
        border:1px solid rgba(255, 255, 255, 1.0);
        border-width: .1em 0em .1em 0em;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -khtml-border-radius: 0px;
        border-radius: 0px;
        
    }
    .design-emc {
    display: inline-block;
    float:none;
    background: url(../images/buttons/help-design-emc-into-equipment-img.jpg);
    background-repeat: no-repeat;
  background-position: center;
    width: 100%;
    background-size:100%;
    height: 62vw;
    border:0px solid #990000;
    cursor: pointer;
    }
    .analysis {
        display: inline-block;  
        float:none;
        background: url(../images/buttons/analysis-img.jpg);
        background-repeat: no-repeat;
      background-position: center;
       width: 100%;
        background-size:100%;
        height: 62vw;
        border:0px solid #990000;
    }
    .publications {
        display: inline-block;    
        float:none;
        background: url(../images/buttons/publications-img.jpg);
        background-repeat: no-repeat;
      background-position: center;
        width: 100%;
        background-size:100%;
        height: 62vw;
        border:0px solid #990000;
    }
    .emi-problem-solving {
        display: inline-block;    
        float:none;
        background: url(../images/buttons/emi-problem-solving-img.jpg);
        background-repeat: no-repeat;
      background-position: center;
        width: 100%;
        background-size:100%;
        height: 62vw;
        border:0px solid #990000;
    }
    .common-myths-in-emc {
        display: inline-block;    
        float:none;
        background: url(../images/buttons/common-myths-in-emc-img.jpg);
        background-repeat: no-repeat;
      background-position: center;
        width: 100%;
        background-size:100%;
        height: 62vw;
        border:0px solid #990000;
    }
    a img.hover {
        display: none;
    }
    a img.default {
        display: inherit;
        /*width:25%;*/
        /*margin-top:28%;*/
        margin-left:0%;
    }
    a:hover img.hover {
        display: inherit;
        /*width:25%;*/
        /*margin-top:28%;*/
        margin-left:0%;
    }
    a:hover img.default {
        display: none;
    }
    .bread-crumbs {
    font-size:.8em;
    }
    .social {
        font-size:0.5em;
    }
}
@media (max-width: 400px){
    .mobile-top-nav {
        font-size: .8em;
    }
    .summary-header {
    font-size: 1.20em;
    }
    .summary-header-gallery {
    /*font-size: 1.0em;*/

    }
    .link-button-rounded {
    display :block;
    border: 0px solid #a2976a;
    /*-moz-border-radius: 1.0em;
    -webkit-border-radius: 1.0em;
    -khtml-border-radius: 1.0em;
    border-radius: 1.0em;*/
    /*background-color: rgba(85, 2, 10, 1.0);*/
    padding: .2em;
    /*color: #ffffff;*/
    text-align: center;
    /*font-family: 'Bree Serif', 'Playfair Display', serif;*/
    /*font-family: "ltc-bodoni-175";*/
    }
    .banner-button-link {    
    width:65%;
    margin-left: 18%;
    /*width: 100%;*/
    }
    .social {
        font-size:0.45em;
    }
    .footer p {
        font-size: .8em;
    }
}






/* -----------------------------------------------------------------------------
/* Listing summary
/* ---------------------------------------------------------------------------*/
.listing-summary {
    padding: 10px 0px 10px 0px;
    margin: 10px 0px 10px 0px;
    border-top: 1px solid #e5e5e5;
}
.listing-summary a.h {
    font-size: 1.3em;
    display: block;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px dashed #e5e5e5;
}
.listing-summary img {
    margin: 0px 10px 10px 0px;
    border: 1px solid #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding: 8px;
}
/* -----------------------------------------------------------------------------
/* Slide show
/* ---------------------------------------------------------------------------*/
#slideshow {
    width: 100%;
}
/* -----------------------------------------------------------------------------
/* Secure Section
/* ---------------------------------------------------------------------------*/
.left_m {
    padding: 15px 15px 15px 10px;
}
.right_m {
    padding: 0px 10px 15px 10px;
    border-left: 2px solid #eee;
    width: 180px;
    background-color: #f8f8f8;
}
.fleft {
    float: left;
}
.fright {
    float: right;
}
.secure-odd {
    background-color: #f8f8f8;
}
.secure-hide {
    display: none;
}
.secure-notification {
    font-weight: bold;
    color: #400;
    border-top: 1px solid #ccc;
    padding: 5px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
}
.divider-line {
    border-top: 1px solid #e0e0e0;
    margin: 12px 0px 12px 0px;
}
.secure-round-border {    
    border: 1px solid #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    background-color: #fdfdfd;
}
.secure-grey {
    color: #666;
}
.secure-login {
    margin: 25px 20px 25px 20px;
}
.secure-login input[type='text'],
              input[type='password'] {
    height: 25px;
    border: 1px solid #ccc;
}
.secure-login input[type='submit'] {
    border: 1px solid #bbb;
    outline-width: 0px;
    height: 30px;
    line-height: 30px;
    width: 100px;
    margin-top: 10px;
}
input[type='text'].secure-big-input {
    height: 45px;
    font-size: 1.2em;
}
.member-info {
    padding: 10px;
    background-color: #fcfaeb;
    border: 2px solid #f4ce95;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
}
.member-info div.fright {
    color: #999;
}
.member-info div.fleft i {
    color: #888;
}
.member-control {
    padding: 10px;
    color: #666;
    border: 2px solid #c0c0c0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin: 5px 0px 5px 0px;
    background-color: #fdfdfd;
}
.member-control a {
    font-weight: bold;
}
.sticky-post {
    border: 2px solid #b9b9ff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background-color: #f9f9ff;
    padding: 10px;
    margin-bottom: 10px;
}
.post-summary {
    border-top: 1px solid #e5e5e5;
    padding: 10px 0px 5px 0px;
    margin: 5px 0px 0px 0px;
}
.post-summary a {
    display: block;
}
.post-summary div {
    font-size: .9em;
    color: #666;
}
.post-summary div a {
    font-weight: normal;
    display: inline;
    font-size: .9em;
}
.post-info {
    color: #666;
    /*font-size: 0.95em;*/
}
.m-right-nav a {
    display:block;
    margin: 3px 0px 0px 0px;
    padding: 3px 0px 0px 0px;
    border-top: 1px solid #e0e0e0;
}
.member-nav-divider {
    height: 10px;
    border-top: 2px solid #d5d5d5;
    margin-top: 10px;
}
.secure-form input[type='text'] {
    height: 25px;
    border: 1px solid #bbb;
}
.secure-comment-form {
    margin: 15px 0px 15px 0px;
}
.secure-comments {
    margin-top: 20px;
    border-top: 2px solid #eee;
    padding-right: 10px;
}
.secure-comment {
    border-top: 1px solid #eaeaea;
    padding: 10px 0px 0px 0px;
    margin: 15px 0px 0px 0px;
}
.secure-comment b {
    display: block;
    font-size: 12px;
    color: #400;
}
.secure-comment i {
    display: block;
    color: #aaa;
    font-size: 11px;
    border-bottom: 1px solid #f0f0f0;
    padding: 2px 0px 8px 0px;
}
.secure-comment div {
    font-size: 12px;
    color: #444;
}
.link-button-small {
    border: 1px solid #ffc56c;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff1dd;
    padding: 3px;
}
.link-button-small:hover {
    border-color: #e18700;
}
.pp-button img {
    
}
.pp-button img:hover {
    opacity: .9;
    
}
.file-manager a {
    display: block;
    padding: 5px 0px 5px 0px;
    border-top: 1px solid #eee;
}
.file-manager div {
    margin-left: 25px;
}
.file-manager img {
    border-width: 0px;
}
.file-manager .dir {
    padding: 5px 0px 5px 20px;
    background: url(../images/secure/folder.png) 0px 5px no-repeat;
    font-weight: bold;
}
.secure-calendar-control {
    border-top: 2px solid #ccc;
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #ddd;
}
.secure-week-calendar td, th {
    height: 30px;
}
.secure-week-calendar th {
    padding: 10px 0px 10px 0px;
    text-align: center;
    font-weight: normal;
    border-top: 2px solid #ccc;
    background-color: #f9f9f9;
}
.secure-week-calendar td {
    color: #666;
}
.secure-calendar-today {
    background-color: #ffffe0;
}
.secure-solid {
    border-top: 1px solid #bbb;
}
.secure-solid-right {
    border-right: 1px solid #ccc;
}
.secure-dashed {
    border-top: 1px dashed #ccc;
}
.secure-mark-event {
    border-top: 1px solid #c2e0ca;
    border-left: 1px solid #8dc79d;
    border-right: 1px solid #8dc79d;
    background-color: #C9E4D0;
    padding: 5px;
    font-size: 10px;
}
.secure-mark-event-dark-border {
    border-top-color: #8dc79d;
}
.secure-calendar {
    margin: 0px 0px 5px 0px;
    padding: 0px;
}
.secure-calendar th {
    background-color: #bbb;  
    padding: 2px;
    color: #fff;
}
.secure-calendar td {
    border: 1px solid #d0d0d0;
    padding: 2px;
    font-size: 0.85em;
    background-color: #fff;
}
.secure-no-button {
    margin: auto 0px;
    padding: 0px;
    border-width: 0px;
    outline-width: 0px;
    background-color: transparent;
}