_press_release.scss 1.75 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
.pressrelease {
  background: rgb(250,250,250);

  .container {
    padding: 60px 0 120px;

    h1 + hr {
      margin-bottom: 60px;
    }

    h3 + hr {
      margin-bottom: 60px;
    }

    h3 {
      color: $lighter-base-font-color;
      font-style: italic;
      margin-bottom: 30px;
      text-align: center;
    }
21

22 23 24 25
    li {
      color: $base-font-color;
      font: normal 1em/1.6em $serif;
      margin: 0px;
26 27 28 29

      a {
        font: 1em $serif;
      }
30
    }
31

32 33 34
    li + li {
      margin-top: 20px;
    }
35 36 37

    > article {
      border: 1px solid rgb(220,220,220);
38
      border-radius: 10px;
39
      @include box-sizing(border-box);
40
      box-shadow: 0 2px 16px 0 rgba(0,0,0, 0.1);
41 42 43 44 45 46 47 48 49 50 51
      margin: 0 auto;
      padding: 80px 80px 40px 80px;
      width: flex-grid(10);

      .footer {
        hr {
          margin: 80px 0px 40px;
        }
      }
    }

52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70
    figure {
      display: block;
      float: right;
      margin: 20px 0px 60px 20px;
      width: 300px;

      img {
        width: 100%;
      }

      figcaption {
        font: normal 0.8em/1em $serif;
        padding: 5px;
        a {
          font: normal 1em $serif;
        }
      }
    }

71 72 73 74 75 76 77
    p + h2 {
      margin-top: 60px;
    }

    h2 + p {
      margin-top: 30px;
    }
78

79
    .contact {
80
      margin-top: 20px;
81

82
      p + p {
83
       margin-top: 0px;
84 85
      }
    }
86 87 88 89 90

    h3.date {
      margin-bottom: 0;
    }

91

92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115
    div.social-sharing {
      @include clearfix;

      hr.horizontal-divider {
        margin-top: 40px !important;
      }

      .fb-like {
        margin-top: 8px;
        margin-left: 10px;
        float: left;
      }

      p {
        float: left;
        margin-top: 8px;
        margin-right: 10px;
      }

      a {
        display: block;
        float: left;
      }
    }
116 117
  }
}