@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);

body {
    background:url(/img/bglight.jpg) top right no-repeat; background-attachment:fixed;
    
    color: #545454;
    cursor: auto;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    position: relative;
}

.top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 0.7rem;
}


.fixed {
    height: 6.3rem;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 99;
}
.row {text-align: center; max-width: 95rem;}



h1, h2, h3, h4, h5, h6{font-family: 'Open Sans', sans-serif;}

h1 {text-transform:uppercase; color:#6f6e6e; font-weight:300; font-size: 2.4rem;}
p {font-weight: 400;}

a:hover, a:focus {
    color: #813461;
}

button, .button {
    -moz-appearance: none;
    background-color: #eae4de;
    border-color: #eae4de;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    color: #813461;
}
button:hover, button:focus, .button:hover, .button:focus{
    background-color: #d8d1ca;
    color: #813461;
}

.contain-to-grid {
    background-color:rgba(255,255,255,0.9);
    width: 100%;
    position:absolute;
    box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.2);
}

#contentmenu .contain-to-grid {
    background-color:rgba(255,255,255,0.9);
    width: 100%;
    position:relative;
    box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.2);
}

.parent{background:#ded8d2;}

.left-off-canvas-menu {
    background: none repeat scroll 0 0 #ffffff;
}

.right-off-canvas-menu {
    background: #eae4de none repeat scroll 0 0;
}

.right-off-canvas-menu img{height:50px;}

.smicons {float:right; width:25%; margin:1.5% 3% 0% 0%;}
.smicons img{height:25px;}
.smicons ul{display:inline; list-style:none;}
.smicons li{float:right; margin:0 2% 0 2%;}

ul.off-canvas-list li a {
    border-bottom: 1px solid #fff;
    color: #813461;
    display: block;
    padding: 0.66667rem;
    
}

ul.off-canvas-list li a:hover {

    background: #fff;

    
}

.top-bar-section .right li .dropdown {
    left: auto;
    right: auto;
}

.top-bar-section li a.active{
    color: #813461;
    background-color: #fff;
    background:#fff;
}

a {
    color: #813461;
    line-height: inherit;
    text-decoration: none;
}

.mask {background:url(/img/The-terraces-logo-small.png);}
nav.mobile .logo a {
    display: block;
    float: left;
    height: 19px;
    margin: 12px 0 12px 5px;
    width: 85px;
}

.tab-bar{background:#fff;}
nav.mobile section {
    background-color: #fff;
    box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, 0.2);
}

.top-bar-section .dropdown li label {
        background: #fff;
        white-space: nowrap; }

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: none repeat scroll 0 0 #fff;
    color: #6e6e6e;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        background-color: #fff;
        color: #813461;
        background: #fff; }

.top-bar-section li.active:not(.has-form) a:not(.button)  {
    background: #fff;
}

.top-bar-section .dropdown li.title h5 a {background:#fff;color:#6e6e6e;}
.top-bar-section .dropdown li.title h5 a:hover {background:#fff;color:#813461;}
.top-bar-section .dropdown li.parent-link a,
.top-bar-section .dropdown li.parent-link a:hover {background:#fff;color:#813461;}
@media only screen and (min-width: 40.063em) {
.top-bar-section li:not(.has-form) a:not(.button):hover {background:#fff;color:#813461;}
.top-bar-section ul li:hover:not(.has-form) > a {background:#fff;color:#813461;}
}

.top-bar-section ul li.active > a {
    background: #fff;   
}

.no-js .top-bar-section ul li:hover a {
    background-color: #fff;
    background: #fff;
    color: #813461; }
  .no-js .top-bar-section ul li:active a {
    background: #fff;
    color: #813461; }

.top-bar-section ul li:active a {
    background: #fff;
    color: #6e6e6e; }

nav.mobile section.left-small {
    border-right: 1px solid #eee;
}

.orbit-container .orbit-slides-container > * .orbit-caption {
    background-color: rgba(234, 228, 222, 0.9);
    bottom: 0;
    color: #333;
    font-size: 0.875rem;
    padding: 0;
    position: absolute;
    width: 30%;
    margin-left:5%;
    text-align:center;
}



.orbit-container .orbit-slides-container > * .orbit-caption p{
    margin-bottom:0.3em;
}

.right-small {
    border-left: 1px solid #eee;
}

.tab-bar .menu-icon {
    color: #813461;
}
nav.tab-bar.mobile span.light::after {
    box-shadow: 0 0 0 1px #813461, 0 7px 0 1px #813461, 0 14px 0 1px #813461;
}

.terraceslogo {
    height: 3.5rem;
    margin-left: 3%;
    width: 70%;
}

.top-bar-section .dropdown li a {
        background: #fff;
        color: #6e6e6e;
        line-height: 2.8125rem;
        padding: 12px 0.9375rem;
        white-space: nowrap; }



.top-bar {background-color:#fff; float:right; width:80%;}

.top-bar-section ul {margin:0% 3% 0% 3%;}

.top-bar-section li:not(.has-form) a:not(.button) {
    background: none repeat scroll 0 0 #fff;

}
.top-bar-section li:not(.has-form) a:hover:not(.button) {
    background: none repeat scroll 0 0 #fff;
    color:#813461;
}

.top-bar-section ul li > a {color:#6e6e6e; font-size: 1em;}

.top-bar-section .has-dropdown > a::after {
    display:none;
}

.top-bar-section .has-dropdown > a {
    padding-right: 0.9375rem !important;
}

.column, .columns {margin-bottom:3%;}

.pagetitle {
    margin: -7% 0% 0% 0%;

}

.orbit-container .orbit-slides-container {
    list-style: outside none none;
}

.homefooter {
    margin: 25% 0 0 5%;
    position: absolute;
width:90%;
   
}
.home-footer {width:90%; color:#222;}

.orbit-container {overflow:hidden;}

.paclogohome {position:absolute; margin-top:90vh;}

table {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0px solid #dddddd;
    margin-bottom: 1.25rem;
    table-layout: auto;
}

table tr.even, table tr.alt, table tr:nth-of-type(2n) {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

*::-moz-placeholder {
    color: #333;
}

/*gallery*/
.clearing-close:hover, .clearing-close:focus {
    color: #777777;
}
.clearing-close {
    color: #777777;
}
.clearing-caption {
    background: #eae4de none repeat scroll 0 0;
    color: #222;
    font-size: 1rem;
}
.clearing-assembled .clearing-container .carousel {
    background: #eae4de;
}
.clearing-blackout {
    background: #eae4de none repeat scroll 0 0;

}
.clearing-assembled .clearing-container .visible-img {
    background: #eae4de none repeat scroll 0 0;
    margin-top:3rem;
}


@media only screen and (min-width: 1002px)and (max-width: 1195px) {
    .top-bar {background-color:#eae4de; position:relative; width: 75%;}
   
}
@media only screen and (min-width: 641px)and (max-width: 1001px) {
    .terraceslogo {
    width: 20%;
        position:relative;
        height: auto;
}
    .top-bar-section li:not(.has-form) a:not(.button) {
    padding: 0 0.5rem;
    }
    
    .top-bar {width:100%;}
    .top-bar-section ul {
    margin: 0 1%;
}
}
    
@media only screen and (min-width: 641px)and (max-width: 1195px) {


    .top-bar-section ul{font-size:0.75em;}
    
}


@media only screen and (min-width: 1px)and (max-width: 640px) {
   
    
}

@media only screen and (min-width: 1px)and (max-width: 640px) {
    .fixed {position:relative;}
     .terraceslogo {
    float: none;
    height: auto;
    margin-left: 2%;
    width: 100%;
}
    .top-bar{display:none;}
    body {
    background:url(/img/bg.jpg) top right repeat;
    }
}
@media only screen and (min-width: 1201px)and (max-width: 1540px) {
    .homefooter{margin:-25% 0 0 10%; }
}

@media only screen and (min-width: 1px)and (max-width: 1200px) {
    .home-footer {
    color: #333;
    }
    .homefooter{margin:3% 0 0 10%; position:relative;}
    
}

@media only screen and (min-width: 1201px) and (max-width: 5000px) {
    .orbit-container{height:100%;}
}




@media only screen and (min-width: 0em) and (max-width: 64em){
[class*="block-grid-"] > li {
    display: block;
    float: left;
    height: auto;
    padding: 0 0.2rem 0.5rem;
}
    .orbit-container .orbit-slides-container > * .orbit-caption {
        width:60%;}
    .orbit-container .orbit-slides-container > * .orbit-caption p{font-size:1em;}
    }