summaryrefslogtreecommitdiff
path: root/design/sass/_house.scss
blob: b830cb2da1fc20168645f10cf028cd2492b88472 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
$blue: #39deea;

.house .map img { background: none !important;}
.house .map { 
    height:234px;
    width:100%;
    margin-bottom: 8px;
    @include breakpoint(gamma){
        float: left; 
        max-width: 33%;
    }
    @include breakpoint(delta){
        max-width: 44%;
    }
    @include breakpoint(epsilon){
        max-width: 50.5%;
    }
}
.house #gmap_canvas { 
    height:234px;
    max-width:100%;
}
.house main { @include constrain_wide;}
.house .picwide {
    background: none;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    @include breakpoint(epsilon){
        width: 1280px;
    }
}
.flist {
    @extend %clearfix;
    @include constrain(900px);
    @include fancy_sans;
    @include fontsize(18);
    margin-top: 4em;
    text-align: left;
    list-style-position: inside;
    color: #393939;
    li { 
        margin: 1.5em 0;
        min-height: 140px;
    
    }
    li:first-of-type { margin-top: 0 ;}
    
    h3 {
        @include fontsize(24);
        max-width: 100%;
        font-weight: 400;
        margin: .25em 0 0 0;
        padding-top: .15em;
    }
    .inner{
        display: inline-block;
        width: 22px;
        height: 22px;
        border-radius: 30em;
        position: absolute;
        top: 19px;
        left: 19px;
        background: white url("/media/img/check.png") 50% 50% no-repeat;
        background-size: 15px;
    }
    .outer {
        display: inline-block;
        float: left;
        width: 60px;
        height: 60px;
        margin: 10px 40px 90px 0;
        background: $blue;
        border-radius: 30em;
        position: relative;
    }
}
.fsubhed {
    @extend %clearfix;
    @include constrain(1140px);
    clear: both;
    margin-top: 6em;
    margin-bottom: 6em;
    h2 {
        margin-top: 0;
        float: left;
        position: relative;
        font-weight: 400;
        @include fontsize(32);
        //&:after {
        //    content: "";
        //    position: absolute;
        //    top: 50%;
        //    height: 2px;
        //    width: 200px;
        //    display: block;
        //    margin-top: -3px;
        //    margin-left: 3em;
        //    background-color: #e5e5e5;
        //}
    }
    p { 
        @include constrain(800px);
        float: right;
    }
    a, a:visited, a:hover {
        color: $blue;
    }
}
.house .image-cluster {
    margin-bottom: 3em;
}