.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500&display=swap");
@font-face {
font-family: 'TTBells-Regular';
src: url(//www.dawen-rieth.com/wp-content/themes/dawenrieth/fonts/ttbells/TTBells-Regular.eot);
src: local("TT Bells Regular"), local("TTBells-Regular"), url(//www.dawen-rieth.com/wp-content/themes/dawenrieth/fonts/ttbells/TTBells-Regular.eot?#iefix) format("embedded-opentype"), url(//www.dawen-rieth.com/wp-content/themes/dawenrieth/fonts/ttbells/TTBells-Regular.woff2) format("woff2"), url(//www.dawen-rieth.com/wp-content/themes/dawenrieth/fonts/ttbells/TTBells-Regular.woff) format("woff"), url(//www.dawen-rieth.com/wp-content/themes/dawenrieth/fonts/ttbells/TTBells-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'TTBells-Bold';
src: url(//www.dawen-rieth.com/wp-content/themes/dawenrieth/fonts/ttbells/TTBells-Bold.eot);
src: local("TT Bells Bold"), local("TTBells-Bold"), url(//www.dawen-rieth.com/wp-content/themes/dawenrieth/fonts/ttbells/TTBells-Bold.eot?#iefix) format("embedded-opentype"), url(//www.dawen-rieth.com/wp-content/themes/dawenrieth/fonts/ttbells/TTBells-Bold.woff2) format("woff2"), url(//www.dawen-rieth.com/wp-content/themes/dawenrieth/fonts/ttbells/TTBells-Bold.woff) format("woff"), url(//www.dawen-rieth.com/wp-content/themes/dawenrieth/fonts/ttbells/TTBells-Bold.ttf) format("truetype");
font-weight: bold;
font-style: normal; }
.text-center {
text-align: center; }
.text-right {
text-align: right; }
.text-left {
text-align: left; }
.fr-center-center, .arrow-down {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center; }
.fr-between-center {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center; }
.fr-end-center {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center; }
.align-item-center {
-ms-flex-align: center;
align-items: center; }
@media (max-width: 769px) {
.hidden-xs {
display: none; } }     html {
line-height: 1.15;
-webkit-text-size-adjust: 100%; }  body {
margin: 0; } main {
display: block; } h1 {
font-size: 2em;
margin: 0.67em 0; }  hr {
box-sizing: content-box;
height: 0;
overflow: visible; } pre {
font-family: monospace, monospace;
font-size: 1em; }  a {
background-color: transparent; } abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }  img {
border-style: none; }  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0; } button,
input {
overflow: visible; } button,
select {
text-transform: none; } button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; } button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; } fieldset {
padding: 0.35em 0.75em 0.625em; } legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal; } progress {
vertical-align: baseline; } textarea {
overflow: auto; } [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit; }  details {
display: block; } summary {
display: list-item; }  template {
display: none; } [hidden] {
display: none; }  *,
*::before,
*::after {
box-sizing: inherit; }
html {
box-sizing: border-box; }  .container {
padding: 0 24px;
max-width: 1072px;
width: 100%;
margin: 0 auto; }
@media (min-width: 768px) {
.container {
padding: 0 16px; } }
.container-fluid {
position: relative; }
@media (max-width: 769px) {
.p-xs-0 {
padding: 0; } }
@media (max-width: 769px) {
.pl-xs-0 {
padding-left: 0; } }
@media (max-width: 769px) {
.gutters-xs-col {
padding: 0 24px !important; } }
.col,
[class*="col-"] {
position: relative;
width: 100%;
padding-right: 8px;
padding-left: 8px; }
.d-flex {
display: -ms-flexbox;
display: flex; }
@media (min-width: 768px) {
.offset-lg-1 {
margin-left: 8.333333%; } }
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -8px;
margin-left: -8px; }
@media (max-width: 769px) {
.no-xs-gutters {
margin-right: 0;
margin-left: 0; }
.no-xs-gutters > .col,
.no-xs-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0; } }
@media (max-width: 769px) {
.flex-xs-wrap-reverse {
-ms-flex-wrap: nowrap;
flex-wrap: wrap-reverse; } }
@media (min-width: 768px) {
.flex-lg-wrap-reverse {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; } }
.justify-content-center {
-ms-flex-pack: center;
justify-content: center; }
.justify-content-between {
-ms-flex-pack: justify;
justify-content: space-between; }
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media (min-width: 768px) {
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%; } }
@media (min-width: 768px) {
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; } }
@media (min-width: 768px) {
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%; } }
@media (min-width: 768px) {
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media (min-width: 768px) {
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%; } }
@media (min-width: 768px) {
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%; } }
body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: "TTBells-Regular", ;
font-size: 1rem;
line-height: 1.2; }
h1,
h2,
h3 {font-family: "TTBells-Regular", ;},
h4,
h5,
h6 {
clear: both;
margin: 0; }
p {
font-size: 16px;
line-height: 27px;
font-weight: 400;
margin-top: 0;
font-family: "TTBells-Regular"; }
.body-text-xs-regular {
font-size: 12px;
line-height: 20px;
font-family: "TTBells-Regular"; }
.navi-text, .main-navigation ul li a {
font-family: "TTBells-Bold";
font-size: 40px;
line-height: 75px;
font-weight: 700; }
@media (min-width: 768px) {
.navi-text, .main-navigation ul li a {
font-size: 50px; } }
h1, .h1 {
font-family: "Noto Sans TC", sans-serif;
font-size: 50px;
line-height: 70px;
letter-spacing: 0.1em;
font-weight: 500; }
.home h1, .home .h1 {
font-size: 27px;
font-family: "TTBells-Bold";
letter-spacing: 0; }
.single-project h1, .single-project .h1 {
line-height: 1; }
@media (min-width: 768px) {
h1, .h1 {
font-size: 100px; } }
h2, .h2 {
font-family: "TTBells-Bold";
font-size: 24px;
line-height: 35px; }
@media (min-width: 768px) {
h2, .h2 {
font-size: 60px;
line-height: 70px; } }
h3, .h3, .site-footer .footer-nav li a {
font-family: "TTBells-Bold";
font-size: 27px;
line-height: 34px; }
@media (min-width: 768px) {
h3, .h3, .site-footer .footer-nav li a {
font-size: 36px;
line-height: 46px; } }
h4, .h4 {
font-family: "TTBells-Bold";
font-size: 25px;
line-height: 35px; }
h5, .h5, .accordion .header .title, .additional-navigation li a, .tags li {
font-family: "Noto Sans TC", sans-serif;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.1em;
font-weight: normal; }
h6, .h6, .select-dropdown__list-item, .default-form .wpcf7-list-item span, .left-navigation li a, .site-footer .additional-navigation li a, .signature .name, .section-projects ul li {
font-family: "Noto Sans TC", sans-serif;
font-size: 12px;
line-height: 20px;
letter-spacing: 0.1em;
font-weight: normal; }
.primary {
color: #967864; }
.custom-heading {
font-family: "TTBells-Bold";
font-size: 27px;
line-height: 34px;
font-weight: 600; }
.section-call-action .custom-heading {
margin-bottom: 30px;
max-width: 270px; }
@media (min-width: 768px) {
.custom-heading {
font-size: 50px;
line-height: 55px;
font-weight: 700; }
.section-call-action .custom-heading {
margin-bottom: 60px;
max-width: 100%; } }
p {
margin-bottom: 1.5em; }
p:last-child {
margin-bottom: 0; }
dfn,
cite,
em,
i {
font-style: italic; }
blockquote {
margin: 0 1.5em; }
address {
margin: 0 0 1.5em; }
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em; }
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help; }
mark,
ins {
background: #fff9c0;
text-decoration: none; }
big {
font-size: 125%; } body {
background: #fff; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em; }
ul,
ol {
margin: 0 0 1.5em 3em; }
ul {
list-style: disc; }
ol {
list-style: decimal; }
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em; }
dt {
font-weight: 700; }
dd {
margin: 0 1.5em 1.5em; } embed,
iframe,
object {
max-width: 100%; }
img {
height: auto;
max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%; } a {
color: #4169e1; }
a:visited {
color: #800080; }
a:hover, a:focus, a:active {
color: #191970; }
a:focus {
outline: none; }
a:hover, a:active {
outline: none; } button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
font-family: "Noto Sans TC", sans-serif;
font-size: 12px;
display: inline-block;
text-align: center;
letter-spacing: 0.1em;
text-transform: uppercase;
background-color: #967864;
border: 1px solid #967864;
color: #F5F5F5;
padding: 8px 40px 9px;
text-decoration: none;
transition: background-color 0.3s ease-in-out; }
button:visited,
input[type="button"]:visited,
input[type="reset"]:visited,
input[type="submit"]:visited {
color: #F5F5F5; }
button:hover, button:focus, button:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"]:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
color: #967864;
background-color: transparent;
cursor: pointer; }
.btn-link {
font-family: "Noto Sans TC", sans-serif;
font-size: 12px;
display: inline-block;
text-align: center;
letter-spacing: 0.1em;
text-transform: uppercase;
background-color: #967864;
border: 1px solid #967864;
color: #F5F5F5;
padding: 7px 40px 8px;
text-decoration: none;
transition: background-color 0.3s ease-in-out; }
.btn-link:visited {
color: #F5F5F5; }
.btn-link:hover, .btn-link:focus, .btn-link:active {
color: #967864;
background-color: transparent; }
.section-call-action .btn-link {
margin-bottom: 40px; }
@media (min-width: 768px) {
.section-call-action .btn-link {
margin-bottom: 0; } }
.btn-link.light {
background-color: transparent;
border: 1px solid #F5F5F5;
transition: 0.6s; }
.btn-link.light:hover {
background-color: #F5F5F5;
color: #1E373C; }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
font-family: "Noto Sans TC", sans-serif;
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
width: 100%;
background-color: transparent;
color: #F5F5F5;
border: none;
border-bottom: 1px solid #F5F5F5;
border-radius: 0;
padding: 0 0 19px; }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
outline: none; }
input[type="text"]:focus::-webkit-input-placeholder,
input[type="email"]:focus::-webkit-input-placeholder,
input[type="url"]:focus::-webkit-input-placeholder,
input[type="password"]:focus::-webkit-input-placeholder,
input[type="search"]:focus::-webkit-input-placeholder,
input[type="number"]:focus::-webkit-input-placeholder,
input[type="tel"]:focus::-webkit-input-placeholder,
input[type="range"]:focus::-webkit-input-placeholder,
input[type="date"]:focus::-webkit-input-placeholder,
input[type="month"]:focus::-webkit-input-placeholder,
input[type="week"]:focus::-webkit-input-placeholder,
input[type="time"]:focus::-webkit-input-placeholder,
input[type="datetime"]:focus::-webkit-input-placeholder,
input[type="datetime-local"]:focus::-webkit-input-placeholder,
input[type="color"]:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
color: transparent;
opacity: 0; }
input[type="text"]:focus:-ms-input-placeholder,
input[type="email"]:focus:-ms-input-placeholder,
input[type="url"]:focus:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder,
input[type="search"]:focus:-ms-input-placeholder,
input[type="number"]:focus:-ms-input-placeholder,
input[type="tel"]:focus:-ms-input-placeholder,
input[type="range"]:focus:-ms-input-placeholder,
input[type="date"]:focus:-ms-input-placeholder,
input[type="month"]:focus:-ms-input-placeholder,
input[type="week"]:focus:-ms-input-placeholder,
input[type="time"]:focus:-ms-input-placeholder,
input[type="datetime"]:focus:-ms-input-placeholder,
input[type="datetime-local"]:focus:-ms-input-placeholder,
input[type="color"]:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
color: transparent;
opacity: 0; }
input[type="text"]:focus::placeholder,
input[type="email"]:focus::placeholder,
input[type="url"]:focus::placeholder,
input[type="password"]:focus::placeholder,
input[type="search"]:focus::placeholder,
input[type="number"]:focus::placeholder,
input[type="tel"]:focus::placeholder,
input[type="range"]:focus::placeholder,
input[type="date"]:focus::placeholder,
input[type="month"]:focus::placeholder,
input[type="week"]:focus::placeholder,
input[type="time"]:focus::placeholder,
input[type="datetime"]:focus::placeholder,
input[type="datetime-local"]:focus::placeholder,
input[type="color"]:focus::placeholder,
textarea:focus::placeholder {
color: transparent;
opacity: 0; }
input[type="text"]:focus:-ms-input-placeholder,
input[type="email"]:focus:-ms-input-placeholder,
input[type="url"]:focus:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder,
input[type="search"]:focus:-ms-input-placeholder,
input[type="number"]:focus:-ms-input-placeholder,
input[type="tel"]:focus:-ms-input-placeholder,
input[type="range"]:focus:-ms-input-placeholder,
input[type="date"]:focus:-ms-input-placeholder,
input[type="month"]:focus:-ms-input-placeholder,
input[type="week"]:focus:-ms-input-placeholder,
input[type="time"]:focus:-ms-input-placeholder,
input[type="datetime"]:focus:-ms-input-placeholder,
input[type="datetime-local"]:focus:-ms-input-placeholder,
input[type="color"]:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { color: transparent; }
input[type="text"]:focus::-ms-input-placeholder,
input[type="email"]:focus::-ms-input-placeholder,
input[type="url"]:focus::-ms-input-placeholder,
input[type="password"]:focus::-ms-input-placeholder,
input[type="search"]:focus::-ms-input-placeholder,
input[type="number"]:focus::-ms-input-placeholder,
input[type="tel"]:focus::-ms-input-placeholder,
input[type="range"]:focus::-ms-input-placeholder,
input[type="date"]:focus::-ms-input-placeholder,
input[type="month"]:focus::-ms-input-placeholder,
input[type="week"]:focus::-ms-input-placeholder,
input[type="time"]:focus::-ms-input-placeholder,
input[type="datetime"]:focus::-ms-input-placeholder,
input[type="datetime-local"]:focus::-ms-input-placeholder,
input[type="color"]:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder { color: transparent; }
select {
font-family: "Noto Sans TC", sans-serif;
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
width: 100%;
background-color: transparent;
border: none;
border-bottom: 1px solid #F5F5F5;
padding-bottom: 19px;
color: #F5F5F5;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
overflow: hidden;
overflow: -moz-hidden-unscrollable;
background: url(//www.dawen-rieth.com/wp-content/themes/dawenrieth/img/arrow-select.svg) no-repeat right 5px top; }
.select-dropdown {
position: relative;
display: inline-block;
width: 100%; }
.select-dropdown:last-child {
margin-right: 0px; }
.select-dropdown__button {
padding: 0 0 19px;
text-align: left;
font-family: "Noto Sans TC", sans-serif;
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
width: 100%;
background-color: transparent;
border: none;
border-bottom: 1px solid #F5F5F5;
color: #F5F5F5;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
overflow: hidden;
overflow: -moz-hidden-unscrollable; }
.select-dropdown__button:focus {
outline: none;
background-color: transparent; }
.select-dropdown__button:hover {
background-color: transparent; }
.select-dropdown__button .zmdi-chevron-down {
position: absolute;
right: 10px;
top: -2px;
width: 18px;
height: 18px;
background-size: 100%;
background: url(//www.dawen-rieth.com/wp-content/themes/dawenrieth/img/arrow-select.svg) no-repeat; }
.opened .select-dropdown__button .zmdi-chevron-down {
transform: rotate(180deg);
top: 0; }
.select-dropdown__list {
position: absolute;
display: block;
left: 0;
right: 0;
max-height: 300px;
overflow: auto;
margin: 0;
padding: 0;
opacity: 0;
pointer-events: none;
transform-origin: top left;
transform: scale(1, 0);
transition: all ease-in-out .3s;
z-index: 2; }
.select-dropdown__list.active {
opacity: 1;
pointer-events: auto;
transform: scale(1, 1); }
.select-dropdown__list-item {
display: block;
cursor: pointer;
text-align: left;
transition: all ease-in-out .3s;
color: #F5F5F5;
padding: 7px 7px;
text-transform: uppercase;
list-style: none;
text-align: left;
border-bottom: 1px solid #F5F5F5;
background-color: #1E373C; }
.select-dropdown__list-item:hover {
background-color: #F5F5F5;
color: #1E373C;
transition: all ease-in-out .3s; }
textarea {
width: 100%; }
::-webkit-input-placeholder {
color: #F5F5F5;
opacity: 1; }
:-ms-input-placeholder {
color: #F5F5F5;
opacity: 1; }
::placeholder {
color: #F5F5F5;
opacity: 1; }
:-ms-input-placeholder { color: #F5F5F5; }
::-ms-input-placeholder { color: #F5F5F5; }
.default-form {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 85px; }
.default-form .wpcf7-list-item {
margin-left: 0; }
@media (min-width: 768px) {
.default-form .wpcf7-list-item {
margin-left: 60px; } }
.default-form .wpcf7-list-item span {
color: #F5F5F5;
font-family: "Noto Sans TC", sans-serif;
text-transform: uppercase; }
.default-form label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start; }
.default-form label input {
margin-top: 5px;
margin-right: 10px; }
.default-form .form-item {
width: 100%;
margin-bottom: 40px; }
@media (min-width: 768px) {
.default-form .form-item {
width: calc(50% - 11px);
margin-bottom: 40px; } }
@media (max-width: 769px) {
.default-form .form-item-select {
margin-top: 85px; } }
@media (min-width: 768px) {
.default-form .form-item-mt-2 {
margin-top: 120px; } }
@media (min-width: 768px) {
.default-form .form-item-mt-3 {
margin-top: 64px; } }
@media (min-width: 768px) {
.default-form .form-item-submit {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.default-form .form-item-submit .ajax-loader {
display: none; } }
@media (max-width: 769px) {
.default-form .form-item-submit {
-ms-flex-order: 2;
order: 2; } }
@media (max-width: 769px) {
.default-form .form-item-checkbox {
-ms-flex-order: 1;
order: 1;
margin-bottom: 60px; } }
.default-form input[type="submit"] {
min-width: 248px; }
.default-form textarea {
height: 130px;
resize: none; }
@media (min-width: 768px) {
.default-form {
margin-top: 170px; } }
.default-form .wpcf7-checkbox label {
position: relative;
cursor: pointer; }
.default-form .wpcf7-checkbox input[type=checkbox] {
position: relative;
visibility: hidden; }
.default-form .wpcf7-checkbox input[type=checkbox] + span { }
.default-form .wpcf7-checkbox input[type=checkbox] + span:before {
display: block;
position: absolute;
content: '';
height: 13px;
width: 13px;
top: 3px;
left: -6px;
border: 1.5px solid #F5F5F5; }
.default-form .wpcf7-checkbox input[type=checkbox] + span:after {
display: block;
position: absolute;
content: '\2713';
border-radius: 100%;
height: 10px;
width: 10px;
top: 0px;
left: -4px;
visibility: hidden;
font-size: 14px; }
.default-form .wpcf7-checkbox input[type=checkbox]:checked + span:before {
background: transparent; }
.default-form .wpcf7-checkbox input[type=checkbox]:checked + span:after { visibility: visible; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
border: none !important;
padding: 0;
margin: 0;
color: #dc3232; }
.custom-checkbox:not(:last-child) {
margin-bottom: 30px; }
.wpcf7 form.sent .wpcf7-response-output {
color: #fff; }
.accordion {
position: relative;
padding: 16px 17px 16px 17px;
border: 1.5px solid #967864;
transition: 0.4s;
margin-bottom: 15px; }
@media (min-width: 768px) {
.accordion {
margin-bottom: 12px;
padding-right: 26px;
padding-left: 65px; } }
.accordion .number {
font-family: "Noto Sans TC", sans-serif;
position: absolute;
left: 26px; }
@media (max-width: 769px) {
.accordion .number {
top: 18px;
left: 17px; } }
.accordion .header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
transition: all 0.2s ease-out;
cursor: pointer;
padding-left: 30px; }
@media (min-width: 768px) {
.accordion .header {
-ms-flex-align: center;
align-items: center;
padding-left: 0; } }
.accordion .header .title {
font-weight: 400;
text-transform: uppercase;
transition: all 0.2s ease-out; }
.accordion .header .arrow {
margin-left: auto; }
.accordion .panel {
max-height: 0;
overflow: hidden;
transition: all 0.2s ease-out; }
.accordion .text {
margin-bottom: 0; }
.accordion.active {
padding-bottom: 28px; }
.accordion.active .header {
margin-bottom: 25px; }
@media (min-width: 768px) {
.accordion.active .header {
margin-bottom: 26px; } }
.accordion.active .arrow {
transform: rotate(180deg); }
.blockquote cite {
display: block;
font-weight: 400;
text-transform: uppercase;
font-style: normal;
text-align: center;
margin-bottom: 37px; }
@media (min-width: 768px) {
.blockquote cite {
margin-bottom: 37px; } }
.blockquote blockquote {
margin: 0;
text-align: center; }
.blockquote blockquote p {
margin-bottom: 0; }   .site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
margin: 0 0 1.5em; }
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: -ms-flexbox;
display: flex; }
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
-ms-flex: 1 0 50%;
flex: 1 0 50%; }
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
-ms-flex: 1 0 50%;
flex: 1 0 50%; }
@media (max-width: 769px) {
.site-branding {
margin: 0 auto; } }
.site-branding .custom-logo-link {
display: inline-block;
width: 220px; }
@media (min-width: 1450px) {
.site-branding .custom-logo-link {
width: 270px; } }
@media (max-width: 769px) {
.site-branding .custom-logo-link {
width: 155px; } }
.site-header {
background-color: #1E373C;
padding: 28px 15px;
position: fixed;
top: 0;
left: 0;
right: 0;
transition: top 0.3s;
z-index: 90; }
.admin-bar .site-header {
top: 46px; }
@media (min-width: 768px) {
.admin-bar .site-header {
top: 32px; } }
@media (max-width: 769px) {
.site-header.scroll {
top: 0; } }
@media (min-width: 768px) {
.site-header {
padding: 40px 32px 40px 32px; } }
@media (min-width: 768px) and (max-width: 1450px) {
.site-header {
padding: 20px 32px; } }
.site-header .left-navigation {
display: none;
margin-left: 32px; }
@media (min-width: 768px) {
.site-header .left-navigation {
display: block; } }
body {
padding-top: 71px; }
body.admin-bar {
padding-top: 82px; }
@media (min-width: 768px) {
body.admin-bar {
padding-top: 116px; } }
@media (min-width: 768px) and (max-width: 1450px) {
body.admin-bar {
padding-top: 76px; } }
@media (min-width: 768px) {
body {
padding-top: 116px; } }
@media (min-width: 768px) and (max-width: 1450px) {
body {
padding-top: 76px; } }
.left-navigation ul {
padding: 0;
margin: 0; }
.left-navigation li {
list-style: none; }
.left-navigation li a {
display: inline-block;
color: #967864;
border: 1px solid #967864;
text-transform: uppercase;
text-decoration: none;
padding: 1px 15px;
transition: 0.3s; }
.left-navigation li a:hover, .left-navigation li a:focus {
color: #F5F5F5;
background-color: #967864; }
@media (min-width: 768px) {
.left-navigation li a {
padding: 1px 18px 2px; } }
@media (max-width: 769px) {
.open-block {
position: absolute;
top: 28px;
right: 32px;
width: auto; } }
.open-btn, .close-btn {
cursor: pointer; }
.open-btn {
cursor: pointer; }
@media (max-width: 769px) {
.open-btn {
width: 18px; } }
.close-btn {
cursor: pointer; }
@media (max-width: 769px) {
.close-btn {
width: 31px; } }
.overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(150, 120, 100, 0.6);
opacity: 1;
transition: 0.3s;
z-index: 99;
cursor: pointer; }
.overlay.hidden {
visibility: hidden;
opacity: 0; }
.common-navigation {
position: fixed;
z-index: 100;
top: 0;
bottom: 0;
right: -568px;
max-width: 568px;
width: 100%;
background-color: #967864;
padding: 26px 50px;
transition: 0.5s; }
.common-navigation.opened {
right: 0; }
.common-navigation .close-btn {
position: absolute;
top: 25px;
right: 25px; }
.admin-bar .common-navigation .close-btn {
top: 57px; }
@media (min-width: 768px) {
.common-navigation .close-btn {
right: 40px; } }
.common-navigation .wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
height: 100%; }
@media (min-width: 768px) {
.common-navigation .wrap {
-ms-flex-pack: start;
justify-content: flex-start; } }
.main-navigation ul {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
margin: 0; }
@media (min-width: 768px) {
.main-navigation ul {
margin-top: 133px; } }
.main-navigation ul li {
list-style: none;
text-align: center;
margin-bottom: 8px; }
@media (min-width: 768px) {
.main-navigation ul li {
text-align: right;
margin-bottom: 3px; } }
.main-navigation ul li a {
position: relative;
text-decoration: none;
color: #F5F5F5;
transition: color 0.6s; }
.main-navigation ul li a:hover {
color: #1E373C; }
.main-navigation ul li.current-menu-item a {
color: #1E373C; }
@media (min-width: 768px) {
.main-navigation ul li.current-menu-item a:before {
content: '';
position: absolute;
top: 0;
left: -50px;
bottom: 0;
margin: auto 0;
display: inline-block;
width: 42px;
height: 2px;
background-color: #1E373C; } }
.main-navigation.open {
display: block; }
.additional-navigation {
margin-top: 62px; }
@media (min-width: 768px) {
.additional-navigation {
margin: auto 0 13%; } }
.additional-navigation ul {
padding: 0;
margin: 0; }
.additional-navigation li {
list-style: none;
text-align: center;
margin-bottom: 8px; }
.additional-navigation li:last-child {
margin-bottom: 0; }
@media (min-width: 768px) {
.additional-navigation li {
text-align: right;
margin-bottom: 0; } }
.additional-navigation li a {
color: #F5F5F5;
font-weight: 400;
text-decoration: none;
text-transform: uppercase;
transition: color 0.6s; }
.site-header .additional-navigation li a:hover {
color: #1E373C; }
.site-footer .additional-navigation li a:hover {
color: #967864; }
.scroll-up-block {
position: fixed;
padding: 24px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
bottom: 0;
left: 0;
right: 0;
z-index: 80;
background-color: #1E373C; }
.scroll-up-block .scroll-up {
position: absolute;
right: 30px;
cursor: pointer; }
@media (min-width: 768px) {
.scroll-up-block {
display: none; } }
.up {
position: fixed;
bottom: 25px;
right: 25px;
z-index: 90;
opacity: 0;
visibility: hidden;
transition: ease-in-out 0.6s;
cursor: pointer; }
.up.visible {
opacity: 1;
visibility: visible; }
.up:hover {
opacity: 0.6; }
@media (max-width: 769px) {
.up {
display: none; } }
.site-footer {
padding: 62px 0 0;
background-color: #1E373C;
color: #fff; }
.site-footer .container {
background-image: url(//www.dawen-rieth.com/wp-content/themes/dawenrieth/img/footer-letter.svg);
background-position: right -20px bottom 80px;
background-repeat: no-repeat;
padding-bottom: 104px;
background-size: 137px; }
@media (min-width: 768px) {
.site-footer .container {
padding-bottom: 94px;
background-position: right 58px bottom -20px;
background-size: 218px; } }
@media (min-width: 768px) {
.site-footer {
padding: 90px 0 0; } }
.site-footer .h6, .site-footer .select-dropdown__list-item, .site-footer .default-form .wpcf7-list-item span, .default-form .wpcf7-list-item .site-footer span, .site-footer .left-navigation li a, .left-navigation li .site-footer a, .site-footer .additional-navigation li a, .site-footer .signature .name, .signature .site-footer .name, .site-footer .section-projects ul li, .section-projects ul .site-footer li {
text-transform: uppercase;
margin: 0; }
.site-footer .line-block {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-bottom: 50px; }
@media (min-width: 768px) {
.site-footer .line-block {
margin-bottom: 87px; } }
.site-footer .additional-navigation {
margin-bottom: 0;
margin-top: 0; }
.site-footer .additional-navigation li {
line-height: 20px; }
.site-footer .address {
max-width: 248px;
text-align: center;
margin: 0 auto 47px; }
.site-footer .address h6 {
font-weight: 400; }
@media (min-width: 768px) {
.site-footer .address {
max-width: 220px;
text-align: left;
margin: 0; } }
.site-footer .footer-nav {
text-align: center; }
.site-footer .footer-nav ul {
padding: 0;
margin: 0; }
.site-footer .footer-nav li {
list-style: none; }
.site-footer .footer-nav li a {
color: #fff;
text-decoration: none;
transition: color 0.6s; }
.site-footer .footer-nav li a:hover {
color: #967864; } .section-project-header .wrap {
background-color: #1E373C; }
.entry-header {
color: #DCDCDC;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 38px;
padding-bottom: 34px;
min-height: 253px; }
@media (min-width: 768px) {
.entry-header {
padding-bottom: 87px;
min-height: 615px; } }
.entry-header h1 {
position: relative;
text-transform: uppercase;
text-align: center;
margin: auto; }
.entry-header h1:after {
content: "";
display: inline;
position: absolute;
background-image: url(//www.dawen-rieth.com/wp-content/themes/dawenrieth/img/logo-project.svg);
background-repeat: no-repeat;
background-size: 100%;
width: 34px;
height: 34px;
right: 40px;
bottom: 0; }
@media (min-width: 768px) {
.entry-header h1:after {
width: 116px;
height: 116px;
bottom: -100px;
right: 128px; } }
@media (max-width: 992px) {
.entry-header h1 {
font-size: 80px; } }
@media (max-width: 769px) {
.entry-header h1 {
font-size: 30px; } }
.entry-header .subtitle {
position: relative; }
.entry-header .subtitle h2 {
position: relative;
z-index: 10; }
.entry-header .subtitle h2 em {
position: relative;
font-weight: inherit;
font-style: normal;
text-decoration: underline;
-webkit-text-decoration-color: rgba(150, 120, 100, 0.95);
text-decoration-color: rgba(150, 120, 100, 0.95);
text-decoration-skip: objects spaces;
-webkit-text-decoration-skip: objects spaces;
text-decoration-thickness: 2px;
text-underline-offset: 3px; }
@media (min-width: 768px) {
.entry-header .subtitle h2 em {
text-decoration-thickness: 5px;
text-underline-offset: 3px; } }
.entry-header .subtitle:after {
content: "";
display: inline;
position: absolute;
background-image: url(//www.dawen-rieth.com/wp-content/themes/dawenrieth/img/logo-project-dark.svg);
background-repeat: no-repeat;
background-size: 100%;
width: 65px;
height: 65px;
right: 40px;
bottom: 0;
z-index: 9; }
@media (min-width: 768px) {
.entry-header .subtitle:after {
width: 116px;
height: 116px;
bottom: 0px;
right: 128px; } }
.tags {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin: auto 0 0;
padding: 0; }
@media (min-width: 768px) {
.tags {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center; } }
.tags li {
width: auto;
font-weight: 400;
text-transform: uppercase;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
margin: 0 auto 3px; }
@media (min-width: 768px) {
.tags li {
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0; }
.tags li:after {
content: "";
display: inline-block;
margin: 0 10px;
background-color: #967864;
width: 6px;
height: 6px;
border-radius: 4px; }
.tags li:last-child:after {
display: none; } }
.fixed-block {
display: none; }
@media (min-width: 1140px) {
.fixed-block {
display: block;
position: fixed;
top: 400px;
z-index: 50;
color: #967864;
left: 20px; }
.fixed-block .title {
font-family: "Noto Sans TC", sans-serif;
font-size: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
display: block;
transform: rotate(270deg);
transform-origin: 0 0;
position: absolute;
line-height: 20px; }
.fixed-block .title:before {
content: "";
position: absolute;
display: block;
left: -56px;
top: 8px;
width: 42px;
height: 1px;
background-color: #967864;
margin-right: 14px; } }
.gnext, .gprev {
display: none !important; }
.page-content {
margin-bottom: 70px; }
.not-found {
padding: 150px 0; }
.not-found h1 {
line-height: 1.2; } .comment-content a {
word-wrap: break-word; }
.bypostauthor {
display: block; } .widget {
margin: 0 0 1.5em; }
.widget select {
max-width: 100%; }
.widget-social {
margin-bottom: 0; }
.widget-social ul {
text-align: center !important; }
@media (min-width: 768px) {
.widget-social ul {
text-align: right !important; } } .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0; } .image-lightbox {
position: relative;
margin-top: 70px; }
@media (min-width: 768px) {
.image-lightbox {
margin-top: 78px; } }
.image-lightbox img {
width: 100%; }
.image-lightbox .glightbox {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 64px;
height: 64px;
transition: 0.6s; }
@media (min-width: 768px) {
.image-lightbox .glightbox {
width: 100px;
height: 100px; }
.image-lightbox .glightbox:hover {
width: 70px;
height: 70px; } } .wp-caption {
margin-bottom: 1.5em;
max-width: 100%; }
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption .wp-caption-text {
margin: 0.8075em 0; }
.wp-caption-text {
text-align: center; }
.image-caption-image img {
width: 100%; }
@media (max-width: 769px) {
.image-caption-text {
margin-top: 70px; } }
.image-caption-text p:first-child:before {
content: "";
display: inline-block;
width: 27px;
height: 2px;
margin-bottom: 5px;
margin-right: 3px;
background-color: #967864; }  .main-slider {
position: relative;
overflow: hidden; }
.main-slider img {
width: 100%; }
.slider-letter {
display: block;
position: absolute;
height: 96px;
z-index: 80;
left: 0;
right: 0;
margin: 0 auto;
max-width: 862px;
width: 100%;
background-image: url(//www.dawen-rieth.com/wp-content/themes/dawenrieth/img/slider-letter.svg);
background-size: 96px;
background-repeat: no-repeat;
background-position: bottom 0 right 25px;
bottom: -30px; }
@media (min-width: 768px) {
.slider-letter {
background-size: 127px;
height: 127px;
background-position: bottom 0 right;
bottom: -5px; } }
@media (min-width: 1450px) {
.slider-letter {
background-size: 200px;
height: 200px; } }
.arrow-down img {
animation: animate 4s linear infinite; }
@media (max-width: 769px) {
.arrow-down img {
width: 30px; } }
@keyframes animate {
0% {
transform: translateY(0px); }
10% {
transform: translateY(-5px); }
20% {
transform: translateY(5px); }
40% {
transform: translateY(10px); }
50% {
transform: translateY(5px); }
60% {
transform: translateY(15px); }
80% {
transform: translateY(35px); }
90% {
transform: translateY(18px); }
100% {
transform: translateY(0px); } }
.common-slider {
overflow: hidden; }
.common-slider img {
width: 100%; }
.common-slider .swiper-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 30px; }
@media (min-width: 768px) {
.common-slider .swiper-nav {
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 20px; }
.common-slider .swiper-nav.center {
-ms-flex-pack: center;
justify-content: center; } }
.common-slider .swiper-btn-next {
display: -ms-flexbox;
display: flex;
width: 21px;
margin-left: 18px;
cursor: pointer;
transition: opacity 0.6s; }
.common-slider .swiper-btn-next:hover {
opacity: 0.6; }
@media (min-width: 768px) {
.common-slider .swiper-btn-next {
width: 18px;
margin-left: 22px; } }
.common-slider .swiper-btn-prev {
display: -ms-flexbox;
display: flex;
width: 21px;
margin-right: 18px;
cursor: pointer;
transition: opacity 0.6s; }
.common-slider .swiper-btn-prev:hover {
opacity: 0.6; }
@media (min-width: 768px) {
.common-slider .swiper-btn-prev {
width: 18px;
margin-right: 22px; } }
.common-slider .swiper-pagination-bullet {
width: 9px;
height: 9px;
background: #DCDCDC;
margin: auto 8px; }
@media (min-width: 768px) {
.common-slider .swiper-pagination-bullet {
width: 7px;
height: 7px;
margin: auto 8px; } }
.common-slider .swiper-pagination-bullet {
opacity: 1; }
.common-slider .swiper-pagination-bullet-active {
background: #967864; }
.common-slider .swiper-dots {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal {
width: auto; }
.swiper-container .swiper-btn-next, .swiper-container .swiper-btn-prev {
outline: none; }
.fullwidth-slider {
overflow: hidden; }
.fullwidth-slider img {
width: 100%; }
.fullwidth-slider .swiper-scrollbar {
height: 3px;
background: #DCDCDC; }
.fullwidth-slider .swiper-scrollbar-drag {
background: #967864; }
.fullwidth-slider .swiper-scrollbar-wrap {
position: relative;
margin-left: auto;
margin-right: auto;
width: 100%;
margin-top: 37px; }
@media (min-width: 768px) {
.fullwidth-slider .swiper-scrollbar-wrap {
width: auto;
margin-top: 50px;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%; } } @media (max-width: 769px) {
.signature-title {
margin-bottom: 40px; } }
.signature-title em {
position: relative;
font-weight: inherit;
font-style: normal;
text-decoration: underline;
-webkit-text-decoration-color: rgba(150, 120, 100, 0.95);
text-decoration-color: rgba(150, 120, 100, 0.95);
text-decoration-skip: objects spaces;
-webkit-text-decoration-skip: objects spaces;
text-decoration-thickness: 3px;
text-underline-offset: 2px; }
.signature-description p:before {
content: "";
display: inline-block;
width: 27px;
height: 2px;
margin-bottom: 5px;
margin-right: 3px;
background-color: #967864; }
.signature {
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
margin-top: 20px; }
.signature .name {
text-transform: uppercase; }
.signature .item {
margin-right: 40px;
max-width: 160px; }
.signature .item:last-child .name {
margin-top: 25px; }
@media (min-width: 768px) {
.signature .item {
margin-right: 52px; } }
.slider-description p:before {
content: "";
display: inline-block;
width: 27px;
height: 2px;
margin-bottom: 5px;
margin-right: 3px;
background-color: #967864; }
@media (min-width: 768px) {
.slider-description {
margin-top: 118px; } }
.slider-region {
margin-bottom: 48px;
margin-top: 40px; }
@media (min-width: 768px) {
.slider-region {
margin-top: 40px;
margin-bottom: 0; } }
.slider-region h6 {
text-transform: uppercase; }
.section-accordion {
background-color: #F5F5F5; }
.section-accordion h3 {
margin-bottom: 55px; }
@media (min-width: 768px) {
.section-accordion h3 {
margin-bottom: 62px; } }
.text-button-block {
background-color: #967864;
padding: 35px 24px 28px; }
@media (min-width: 768px) {
.text-button-block {
padding: 100px 0 80px; } }
.text-button-block h2 {
font-size: 50px;
line-height: 55px;
margin-bottom: 40px; }
@media (min-width: 768px) {
.text-button-block h2 {
margin-bottom: 10px; } }
.text-button-block h5 {
font-weight: 400;
text-transform: uppercase; }
.text-button-block .btn-link {
margin-top: 50px; }
@media (min-width: 768px) {
.text-button-block .btn-link {
margin-top: auto; } }
@media (min-width: 992px) {
.text-button-block .btn-link {
margin-top: auto;
min-width: 248px; } }
@media (max-width: 769px) {
.section-project-header.project-page {
padding-bottom: 110px; } }
@media (max-width: 769px) {
.section-projects .container {
max-width: 575px; } }
.section-projects:nth-child(even) {
background-color: #F5F5F5;
padding-top: 40px;
padding-bottom: 60px; }
@media (min-width: 768px) {
.section-projects:nth-child(even) {
padding-top: 73px;
padding-bottom: 0; } }
.section-projects .row {
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 140px; }
@media (min-width: 768px) {
.section-projects .row {
padding-bottom: 193px; }
.section-projects .row:last-child {
padding-bottom: 185px; } }
@media (min-width: 768px) {
.section-projects .row:nth-child(even) {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; } }
.section-projects img {
width: 100%; }
.section-projects h2 {
color: #967864;
margin-bottom: 120px; }
@media (min-width: 768px) {
.section-projects h2 {
margin-bottom: 90px; } }
@media (max-width: 769px) {
.section-projects h2 {
font-size: 24px;
line-height: 35px; } }
.section-projects h3 {
margin-top: 60px; }
.section-projects h3 a {
text-decoration: none;
color: #1E373C; }
@media (min-width: 768px) {
.section-projects h3 {
font-size: 50px;
line-height: 46px;
margin-top: 40px; } }
.section-projects p {
margin-top: 30px; }
@media (min-width: 768px) {
.section-projects p {
margin-top: 35px; } }
.section-projects .status {
font-family: "Noto Sans TC", sans-serif;
display: inline-block;
min-width: 160px;
text-align: center;
color: #F5F5F5;
font-size: 12px;
line-height: 22px;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-top: 20px;
padding-bottom: 1px; }
.section-projects .status.sale {
background-color: #1E373C; }
.section-projects .status.planning {
background-color: #DCDCDC;
color: #1E373C; }
@media (min-width: 768px) {
.section-projects .status {
margin-top: 8px; } }
.section-projects ul {
margin: 47px 0 0;
padding: 0; }
.section-projects ul li {
padding: 7px 3px;
text-transform: uppercase;
list-style: none;
text-align: left;
border-top: 1px solid #1E373C; }
.section-projects ul li:last-child {
border-bottom: 1px solid #1E373C; }
@media (min-width: 768px) {
.section-projects ul {
margin-top: 37px;
max-width: 248px; } }
.section-projects .btn-link {
margin-top: 42px; }
.section-contact {
background-color: #1E373C;
padding-top: 57px;
padding-bottom: 150px; }
@media (min-width: 768px) {
.section-contact {
padding-top: 115px;
padding-bottom: 180px; } }
.section-contact a {
text-decoration: none; }
.section-contact h2 {
color: #DCDCDC; }
@media (min-width: 768px) and (max-width: 992px) {
.section-contact h2 {
font-size: 40px;
line-height: 1.2; } }
@media (max-width: 769px) {
.section-contact h2 {
margin-bottom: 62px;
font-size: 36px;
line-height: 46px; } }
.section-contact h2 em {
position: relative;
font-weight: inherit;
font-style: normal;
text-decoration: underline;
-webkit-text-decoration-color: rgba(150, 120, 100, 0.95);
text-decoration-color: rgba(150, 120, 100, 0.95);
text-decoration-skip: objects spaces;
-webkit-text-decoration-skip: objects spaces;
text-decoration-thickness: 2px;
text-underline-offset: 3px; }
@media (min-width: 768px) {
.section-contact h2 em {
text-decoration-thickness: 5px;
text-underline-offset: 3px; } }
.section-contact .contacts .h5, .section-contact .contacts .accordion .header .title, .accordion .header .section-contact .contacts .title, .section-contact .contacts .additional-navigation li a, .additional-navigation li .section-contact .contacts a, .section-contact .contacts .tags li, .tags .section-contact .contacts li {
text-transform: uppercase; }
.section-contact .contacts .h5:hover, .section-contact .contacts .accordion .header .title:hover, .accordion .header .section-contact .contacts .title:hover, .section-contact .contacts .additional-navigation li a:hover, .additional-navigation li .section-contact .contacts a:hover, .section-contact .contacts .tags li:hover, .tags .section-contact .contacts li:hover, .section-contact .contacts .h5:focus, .section-contact .contacts .accordion .header .title:focus, .accordion .header .section-contact .contacts .title:focus, .section-contact .contacts .additional-navigation li a:focus, .additional-navigation li .section-contact .contacts a:focus, .section-contact .contacts .tags li:focus, .tags .section-contact .contacts li:focus, .section-contact .contacts .h5:visited, .section-contact .contacts .accordion .header .title:visited, .accordion .header .section-contact .contacts .title:visited, .section-contact .contacts .additional-navigation li a:visited, .additional-navigation li .section-contact .contacts a:visited, .section-contact .contacts .tags li:visited, .tags .section-contact .contacts li:visited {
color: #967864; }
.section-contact .contacts .h5:first-child, .section-contact .contacts .accordion .header .title:first-child, .accordion .header .section-contact .contacts .title:first-child, .section-contact .contacts .additional-navigation li a:first-child, .additional-navigation li .section-contact .contacts a:first-child, .section-contact .contacts .tags li:first-child, .tags .section-contact .contacts li:first-child {
margin-bottom: 20px; }
@media (min-width: 768px) {
.section-contact .contacts {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
height: 100%; } }
.section-main-slider {
padding-bottom: 80px; }
@media (min-width: 768px) {
.section-main-slider {
padding-bottom: 156px; } }
.section-signature {
padding-bottom: 81px; }
@media (min-width: 768px) {
.section-signature {
padding-bottom: 156px; } }
.section-banner {
padding-bottom: 81px; }
@media (min-width: 768px) {
.section-banner {
padding-bottom: 187px; } }
.section-slider-text {
padding-bottom: 100px; }
@media (min-width: 768px) {
.section-slider-text {
padding-bottom: 126px; } }
.section-accordion {
padding: 90px 0 111px; }
@media (min-width: 768px) {
.section-accordion {
padding: 113px 0 157px; } }
.section-project-header {
padding-bottom: 39px; }
@media (min-width: 768px) {
.section-project-header {
padding-bottom: 157px; } }
.section-project-slider {
padding-bottom: 160px; }
@media (min-width: 768px) {
.section-project-slider {
padding-bottom: 235px; } }
.section-blockquote {
padding-bottom: 110px; }
@media (min-width: 768px) {
.section-blockquote {
padding-bottom: 210px; } }
.section-fullwidth-slider {
padding-bottom: 86px;
padding-left: 24px; }
@media (min-width: 768px) {
.section-fullwidth-slider {
padding-bottom: 210px;
padding-left: 0; } }
.section-image-caption {
padding-bottom: 70px; }
@media (min-width: 768px) {
.section-image-caption {
padding-bottom: 168px; } }
.section-call-action {
padding-top: 64px;
padding-bottom: 160px; }
@media (min-width: 768px) {
.section-call-action {
padding-top: 121px;
padding-bottom: 109px; } }
.section-text-button {
margin-bottom: 116px; }
@media (min-width: 768px) {
.section-text-button {
padding: 184px 0 168px;
margin-bottom: 0; } }
.section-ls {
background-color: #F5F5F5; }
.section-light {
color: #F5F5F5; }
.fade {
transition-delay: 1s;
transition: 1.5s;
opacity: 0; }
.fade.in {
opacity: 1; }   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none; } .infinity-end.neverending .site-footer {
display: block; }   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #primary[tabindex="-1"]:focus {
outline: 0; } .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em; }
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em; }
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em; }