@charset "UTF-8";
.mailerlite-form {
}
.mailerlite-form .mailerlite-form-description {
margin-bottom: 10px;
}
.mailerlite-form .mailerlite-form-field {
margin-bottom: 10px;
}
.mailerlite-form .mailerlite-form-field label {
display: block;
}
.mailerlite-form .mailerlite-subscribe-button-container {
text-align: center;
}
.mailerlite-form input.error {
color: #ff0000;
border-color: #ff0000;
}
.mailerlite-form label.error {
color: #ff0000;
}
.mailerlite-form-response {
margin-top: 20px;
display: none;
text-align: center;
color: #00a154;
}
.mailerlite-form-loader {
display: none;
text-align: center;
font-weight: bold;
margin: 0 20px;
}
.mailerlite-form-error {
display: block;
color: #ff0000;
}
.mailerlite-subscribe-submit{
max-width: 100%;
}.ssb_inline-share_heading {
padding-top: 10px;
color: #282828;
font-weight: bold;
border-top: 1px solid #bbb;
margin-right: 10%;
margin-left: 10%;
}
.simplesocialbuttons {
padding: 10px !important;
}
.post img:hover {
cursor: default !important;
}.ssb_inline-share_heading {
padding-top: 10px;
color: #282828;
font-weight: bold;
border-top: 1px solid #bbb;
margin-right: 10%;
margin-left: 10%;
}
.simplesocialbuttons {
padding: 10px !important;
}
.post img:hover {
cursor: default !important;
}
    html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clear:before, .clear:after {
content: " ";
display: table;
}
.clear:after {
clear: both;
}
.row:before, .row:after {
content: "";
display: table;
}
.row:after {
clear: both;
}
.row {
position: relative;
margin-left: -15px;
margin-right: -15px;
}
.container-big,
.container {
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
.container-full {
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 740px) {
.container-big {
width: 720px;
}
.container, .container-full {
width: 720px;
}
.container-tablet {
width: 720px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
.container-full-tablet {
width: 720px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (min-width: 980px) {
.container, .container-full {
width: 960px;
}
.container-big {
width: 960px;
}
.container-desktop {
width: 960px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
.container-full-desktop {
width: 960px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (min-width: 1190px) {
.container, .container-full {
width: 1170px;
}
.container-big {
width: 1170px;
}
.container-hd {
width: 1170px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
.container-full-hd {
width: 1170px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (min-width: 1499px) {
.container-big {
width: 1500px;
}
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
padding-left: 15px;
padding-right: 15px;
position: relative;
float: left;
}
.col-1 {
width: 8.33333%;
}
.col-2 {
width: 16.66667%;
}
.col-3 {
width: 25%;
}
.col-4 {
width: 33.33333%;
}
.col-5 {
width: 41.66667%;
}
.col-6 {
width: 50%;
}
.col-7 {
width: 58.33333%;
}
.col-8 {
width: 66.66667%;
}
.col-9 {
width: 75%;
}
.col-10 {
width: 83.33333%;
}
.col-11 {
width: 91.66667%;
}
.col-12 {
width: 100%;
}
.push-1 {
left: 8.33333%;
}
.push-2 {
left: 16.66667%;
}
.push-3 {
left: 25%;
}
.push-4 {
left: 33.33333%;
}
.push-5 {
left: 41.66667%;
}
.push-6 {
left: 50%;
}
.push-7 {
left: 58.33333%;
}
.push-8 {
left: 66.66667%;
}
.push-9 {
left: 75%;
}
.push-10 {
left: 83.33333%;
}
.push-11 {
left: 91.66667%;
}
.pull-1 {
left: -8.33333%;
}
.pull-2 {
left: -16.66667%;
}
.pull-3 {
left: -25%;
}
.pull-4 {
left: -33.33333%;
}
.pull-5 {
left: -41.66667%;
}
.pull-6 {
left: -50%;
}
.pull-7 {
left: -58.33333%;
}
.pull-8 {
left: -66.66667%;
}
.pull-9 {
left: -75%;
}
.pull-10 {
left: -83.33333%;
}
.pull-11 {
left: -91.66667%;
}
@media only screen and (min-width: 740px) {
.col-1-tablet,
.col-2-tablet,
.col-3-tablet,
.col-4-tablet,
.col-5-tablet,
.col-6-tablet,
.col-7-tablet,
.col-8-tablet,
.col-9-tablet,
.col-10-tablet,
.col-11-tablet,
.col-12-tablet {
padding-left: 15px;
padding-right: 15px;
position: relative;
float: left;
}
.col-1-tablet {
width: 8.33333%;
}
.col-2-tablet {
width: 16.66667%;
}
.col-3-tablet {
width: 25%;
}
.col-4-tablet {
width: 33.33333%;
}
.col-5-tablet {
width: 41.66667%;
}
.col-6-tablet {
width: 50%;
}
.col-7-tablet {
width: 58.33333%;
}
.col-8-tablet {
width: 66.66667%;
}
.col-9-tablet {
width: 75%;
}
.col-10-tablet {
width: 83.33333%;
}
.col-11-tablet {
width: 91.66667%;
}
.col-12-tablet {
width: 100%;
}
.push-1-tablet {
left: 8.33333%;
}
.push-2-tablet {
left: 16.66667%;
}
.push-3-tablet {
left: 25%;
}
.push-4-tablet {
left: 33.33333%;
}
.push-5-tablet {
left: 41.66667%;
}
.push-6-tablet {
left: 50%;
}
.push-7-tablet {
left: 58.33333%;
}
.push-8-tablet {
left: 66.66667%;
}
.push-9-tablet {
left: 75%;
}
.push-10-tablet {
left: 83.33333%;
}
.push-11-tablet {
left: 91.66667%;
}
.pull-1-tablet {
left: -8.33333%;
}
.pull-2-tablet {
left: -16.66667%;
}
.pull-3-tablet {
left: -25%;
}
.pull-4-tablet {
left: -33.33333%;
}
.pull-5-tablet {
left: -41.66667%;
}
.pull-6-tablet {
left: -50%;
}
.pull-7-tablet {
left: -58.33333%;
}
.pull-8-tablet {
left: -66.66667%;
}
.pull-9-tablet {
left: -75%;
}
.pull-10-tablet {
left: -83.33333%;
}
.pull-11-tablet {
left: -91.66667%;
}
}
@media only screen and (min-width: 980px) {
.col-1-desktop,
.col-2-desktop,
.col-3-desktop,
.col-4-desktop,
.col-5-desktop,
.col-6-desktop,
.col-7-desktop,
.col-8-desktop,
.col-9-desktop,
.col-10-desktop,
.col-11-desktop,
.col-12-desktop {
padding-left: 15px;
padding-right: 15px;
position: relative;
float: left;
}
.col-1-desktop {
width: 8.33333%;
}
.col-2-desktop {
width: 16.66667%;
}
.col-3-desktop {
width: 25%;
}
.col-4-desktop {
width: 33.33333%;
}
.col-5-desktop {
width: 41.66667%;
}
.col-6-desktop {
width: 50%;
}
.col-7-desktop {
width: 58.33333%;
}
.col-8-desktop {
width: 66.66667%;
}
.col-9-desktop {
width: 75%;
}
.col-10-desktop {
width: 83.33333%;
}
.col-11-desktop {
width: 91.66667%;
}
.col-12-desktop {
width: 100%;
}
.push-1-desktop {
left: 8.33333%;
}
.push-2-desktop {
left: 16.66667%;
}
.push-3-desktop {
left: 25%;
}
.push-4-desktop {
left: 33.33333%;
}
.push-5-desktop {
left: 41.66667%;
}
.push-6-desktop {
left: 50%;
}
.push-7-desktop {
left: 58.33333%;
}
.push-8-desktop {
left: 66.66667%;
}
.push-9-desktop {
left: 75%;
}
.push-10-desktop {
left: 83.33333%;
}
.push-11-desktop {
left: 91.66667%;
}
.pull-1-desktop {
left: -8.33333%;
}
.pull-2-desktop {
left: -16.66667%;
}
.pull-3-desktop {
left: -25%;
}
.pull-4-desktop {
left: -33.33333%;
}
.pull-5-desktop {
left: -41.66667%;
}
.pull-6-desktop {
left: -50%;
}
.pull-7-desktop {
left: -58.33333%;
}
.pull-8-desktop {
left: -66.66667%;
}
.pull-9-desktop {
left: -75%;
}
.pull-10-desktop {
left: -83.33333%;
}
.pull-11-desktop {
left: -91.66667%;
}
}
@media only screen and (min-width: 1190px) {
.col-1-hd,
.col-2-hd,
.col-3-hd,
.col-4-hd,
.col-5-hd,
.col-6-hd,
.col-7-hd,
.col-8-hd,
.col-9-hd,
.col-10-hd,
.col-11-hd,
.col-12-hd {
padding-left: 15px;
padding-right: 15px;
position: relative;
float: left;
}
.col-1-hd {
width: 8.33333%;
}
.col-2-hd {
width: 16.66667%;
}
.col-3-hd {
width: 25%;
}
.col-4-hd {
width: 33.33333%;
}
.col-5-hd {
width: 41.66667%;
}
.col-6-hd {
width: 50%;
}
.col-7-hd {
width: 58.33333%;
}
.col-8-hd {
width: 66.66667%;
}
.col-9-hd {
width: 75%;
}
.col-10-hd {
width: 83.33333%;
}
.col-11-hd {
width: 91.66667%;
}
.col-12-hd {
width: 100%;
}
.push-1-hd {
left: 8.33333%;
}
.push-2-hd {
left: 16.66667%;
}
.push-3-hd {
left: 25%;
}
.push-4-hd {
left: 33.33333%;
}
.push-5-hd {
left: 41.66667%;
}
.push-6-hd {
left: 50%;
}
.push-7-hd {
left: 58.33333%;
}
.push-8-hd {
left: 66.66667%;
}
.push-9-hd {
left: 75%;
}
.push-10-hd {
left: 83.33333%;
}
.push-11-hd {
left: 91.66667%;
}
.pull-1-hd {
left: -8.33333%;
}
.pull-2-hd {
left: -16.66667%;
}
.pull-3-hd {
left: -25%;
}
.pull-4-hd {
left: -33.33333%;
}
.pull-5-hd {
left: -41.66667%;
}
.pull-6-hd {
left: -50%;
}
.pull-7-hd {
left: -58.33333%;
}
.pull-8-hd {
left: -66.66667%;
}
.pull-9-hd {
left: -75%;
}
.pull-10-hd {
left: -83.33333%;
}
.pull-11-hd {
left: -91.66667%;
}
}  *, *:before, *:after {
box-sizing: border-box;
}
hr {
border: none;
border-bottom: 1px solid #CCC;
}
img {
display: block;
height: auto;
max-width: 100%;
margin-bottom: 10px;
}
p {
color: #282828;
}
a {
color: #817158;
font-weight: 400;
margin-bottom: 25px;
text-decoration: none;
}
a:hover, a:focus, a:active {
color: #a07521;
cursor: pointer;
}
.bold,
strong,
b {
font-weight: bold;
}
em {
font-style: italic;
}
ul {
padding-left: 20px;
list-style: disc;
margin-bottom: 20px;
}
ol {
padding-left: 20px;
list-style: decimal;
margin-bottom: 20px;
}
sup {
font-size: 0.7em;
vertical-align: super;
}
a:hover,
.btn:hover {
-webkit-transition: all 400ms;
transition: all 400ms;
outline: none;
}
html {
font-size: 21px;
}
body {
background-color: #F2F2F2;
font-family: "Cormorant Garamond", Georgia, serif;
font-weight: 400;
font-size: 1em;
line-height: 1.45em;
}
h1, h2, h3, h4 {
margin: 0em 0 0.5em;
font-weight: 400;
line-height: 1.44em;
}
h1 {
font-size: 2.6179em;
}
h2 {
font-size: 2.0581em;
}
h3 {
font-size: 1.618em;
}
h4 {
font-size: 1.272em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 0.7862em;
}
small, .font_small {
font-size: 0.7862em;
}
h1 {
font-weight: bold;
font-size: 65px;
}
h2 {
font-weight: bold;
}
h3 {
font-weight: bold;
}
h4 {
font-weight: bold;
}
h5 {
font-weight: bold;
}
h6 {
font-weight: bold;
}
small,
.font_small {
font-size: 0.707em;
}
table {
border: 1px solid #CCC;
margin-bottom: 40px;
width: 100%;
}
th {
background: #f8f8f8;
font-weight: bold;
}
th,
td {
border: 1px solid #CCC;
padding: 3px 4px;
font-size: 15px;
}
pre {
background: #FBFCFF;
font-family: Monaco, Consolas, monospace;
text-align: left;
font-size: 16px;
padding: 30px 15px;
color: #282828;
margin: 20px 0;
border-radius: 2px;
border: 1px solid #d2d2d2;
white-space: pre-wrap;
}
code {
padding: 2px 4px;
font-size: 21px;
background-color: #F0F3F5;
border-radius: 3px;
white-space: pre-wrap;
} .aligncenter {
margin: 0 auto;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.size-full {
max-width: 100%;
width: 100%;
} .mt0 {
margin-top: 0px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.mt40 {
margin-top: 40px;
}
.mt100 {
margin-top: 100px;
}
.mb40 {
margin-bottom: 40px;
}
.mb100 {
margin-bottom: 100px;
}
.red {
color: red;
}
.primary {
color: #817158;
}
.underline {
text-decoration: underline;
}
.text-small {
font-size: 18px;
line-height: 28px;
}
.text-bold {
font-weight: 500;
} .view {
position: relative;
max-width: 100%;
height: 100%;
}
.view:hover .mask {
background: rgba(0, 0, 0, 0.75);
cursor: pointer;
opacity: 1;
-webkit-transition: all 300ms;
transition: all 300ms;
z-index: 2;
}
.view:hover .content {
opacity: 1;
z-index: 3;
position: absolute;
color: #FFF;
left: 50%;
top: 50%;
font-size: 30px;
margin-top: -15px;
margin-left: -15px;
}
.view .content,
.view .mask {
position: absolute;
opacity: 0;
top: 0;
left: 0;
background: transparent;
width: 100%;
height: 240px;
z-index: 1;
}
.view img {
border: 0;
height: 240px;
width: 100%;
max-width: 100%;
} @media only screen and (min-width: 0px) {
.view img,
.view .mask {
height: 170px;
}
}
@media only screen and (min-width: 420px) {
.view img,
.view .mask {
height: 280px;
}
}
@media only screen and (min-width: 740px) {
.view img,
.view .mask {
height: 140px;
}
}
@media only screen and (min-width: 980px) {
.view img,
.view .mask {
height: 190px;
}
}
@media only screen and (min-width: 1190px) {
.view img,
.view .mask {
height: 240px;
}
} .list-unstyled {
list-style: none;
margin: 0;
padding: 0;
}
.list-unstyled li {
margin: 0;
padding: 0;
}
.list-inline {
list-style: none;
margin: 0;
padding: 0;
}
.list-inline li {
margin: 0;
padding: 0;
display: inline-block;
} .none, .hide {
display: none;
}
.hidden {
visibility: hidden;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
} .text-serif {
font-family: "Abril Fatface", "Times New Roman", cursive;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
} .img-responsive {
width: 100%;
max-width: 100%;
}
br.clearfix:after,
.clearfix:after {
content: "";
display: table;
clear: both;
} .flex {
display: -webkit-box;
display: flex;
}
.flex-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
}
.flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.flex-space-around {
justify-content: space-around;
}
.flex-space-between {
-webkit-box-pack: justify;
justify-content: space-between;
}
.flex-start {
-webkit-box-pack: start;
justify-content: flex-start;
}
.flex-center {
-webkit-box-pack: center;
justify-content: center;
}
.flex-end {
-webkit-box-pack: end;
justify-content: flex-end;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-nowrap {
flex-wrap: nowrap;
} .clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}  .ajax-loader {
width: 16px;
height: 16px;
}
.ajax-loader {
width: 16px;
height: 16px;
}
.logo {
clear: both;
}
.logo-url {
display: block;
text-align: center;
position: relative;
margin-bottom: 0px;
margin-top: -40px;
}
.logo-img {
display: block;
z-index: 120;
margin: 0 auto;
margin-top: -20px;
}
.logo-secondary {
margin-top: 50px;
z-index: 10;
}
.logo-title {
color: #7c7c7c;
font-size: 30px;
font-weight: 400;
line-height: 45px;
max-width: 980px;
margin: 0 auto;
}
.footer-top {
background: #282828;
margin-top: 70px;
}
.footer-top__flex {
line-height: 100px;
text-align: center;
}
.footer-top .fa {
color: #FFF;
font-size: 17px;
margin-right: 3px;
}
.footer-top__social {
display: inline-block;
}
.footer-top__social a {
color: #FFF;
display: inline-block;
text-transform: uppercase;
margin: 0px 20px;
white-space: nowrap;
}
.footer-top__social a:hover {
color: #817158;
}
.sidebar-post:last-of-type {
border-bottom: none;
}
.sidebar-post {
display: block;
clear: both;
overflow: hidden;
border-bottom: 1px solid #dadada;
padding: 10px 0px;
}
.sidebar-post__crop {
width: 50px;
height: 50px;
display: inline-block;
float: left;
overflow: hidden;
}
.sidebar-post img {
width: 50px;
height: auto;
float: left;
}
.sidebar-post .title {
margin-left: 10px;
float: left;
}
.sidebar-post .post-date {
margin: 0px;
}
.footer-bottom .widget h3 {
font-size: 2.0581em;
line-height: 1.44em;
color: #FFF;
font-family: "Abril Fatface", "Times New Roman", cursive;
font-weight: normal;
margin-top: 60px;
}
.footer-bottom .widget h3::before {
display: none;
}
.footer-bottom .widget ul li a {
border-bottom: 1px solid rgba(218, 218, 218, 0.2);
}
.footer-bottom .widget ul li a:hover {
border-bottom: 1px solid rgba(218, 218, 218, 0.3);
color: #fff;
}
.footer-bottom .widget .recent-posts .single {
border-bottom: 1px solid rgba(218, 218, 218, 0.2);
}
.footer-bottom {
background-image: url(//www.curieusevoyageuse.com/wp-content/themes/mason-rhythm/images/bg-footer.jpg);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
padding-bottom: 60px;
width: 100%;
color: #d2d2d2;
}
.footer-bottom a, .footer-bottom p {
color: #d2d2d2;
}
.footer-bottom a:hover {
color: #fff;
}
.recent-posts .single {
padding: 15px 0px;
overflow: hidden;
border-bottom: 1px solid #DADADA;
font-size: 20px;
line-height: 22px;
}
.recent-posts .single-right,
.recent-posts .single-left {
float: left;
display: inline-block;
position: relative;
width: 20%;
}
.recent-posts .single-right {
width: 78%;
margin-left: 2%;
}
.recent-posts a {
border-bottom: none;
}
.recent-posts__crop {
width: 100%;
height: 50px;
border-radius: 3px;
display: inline-block;
float: left;
overflow: hidden;
}
.recent-posts img {
width: 50px;
height: auto;
float: left;
}
.recent-posts .post-date {
margin: 0px;
}
.recent-posts .category {
color: #598b54;
}
.widget__latest-posts {
padding: 0px;
}
.widget__latest-posts li {
list-style: none;
display: block;
width: 100%;
clear: both;
}
.widget__latest-posts img {
display: inline-block;
float: left;
height: auto;
width: 65px;
margin-right: 20px;
border-radius: 5px;
-webkit-transition: 400ms opacity ease;
transition: 400ms opacity ease;
opacity: 1;
}
.widget__latest-posts img:hover {
opacity: 0.75;
-webkit-transition: 400ms opacity ease;
transition: 400ms opacity ease;
}
.widget__latest-posts a.post-img {
display: inline-block;
float: left;
}
.widget__latest-posts a.content {
display: block;
line-height: 24px;
}
.widget__latest-posts a.content strong {
font-weight: 400;
}
.widget__latest-posts a.content:hover {
color: #598b54;
}
.widget__latest-posts a.category {
color: #598b54;
font-size: 17px;
display: block;
line-height: 17px;
margin-bottom: 5px;
}
.widget__latest-posts a:hover {
color: #FFF;
}
.widget__latest-posts-text {
display: inline-block;
float: left;
}
.widget__categories {
padding: 0px;
}
.widget__categories li {
list-style: none;
border-bottom: 1px solid #575757;
padding: 10px 0px;
}
.widget__categories a:hover {
color: #598b54;
}
.widget__categories .fa {
float: right;
font-size: 12px;
line-height: 30px;
} .nav-mobile {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
z-index: 1000;
height: 100vh;
text-align: center;
overflow-y: scroll;
position: fixed;
background-color: rgba(146, 142, 135, 0.95);
}
.nav-mobile__list {
display: block;
width: 100%;
margin: 0 auto;
text-align: center;
padding: 0px;
}
.nav-mobile__list li {
display: block;
margin: 25px 0px;
}
.nav-mobile__list li > a {
color: #FFF;
font-size: 26px;
font-weight: 900;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.nav-mobile__list li > a:hover {
color: #CCC;
}
.nav-mobile__list li > a.second {
color: #FFF;
opacity: 0.7;
}
.nav-mobile .sub-menu {
display: none;
}
.nav-mobile .sub-menu > li {
display: block;
margin: 15px 0px;
margin-bottom: 0px;
}
.nav-mobile .sub-menu > li > a {
font-weight: 300;
font-size: 24px;
}
.nav-mobile .sub-menu > li > a:hover {
color: #CCC;
}
.nav {
background-repeat: no-repeat;
margin-top: 60px;
margin-bottom: 60px;
text-align: center;
}
.nav__list {
margin: 0 auto;
list-style: none;
}
.nav__list > li {
padding: 0px 9px;
display: inline-block;
list-style: none;
position: relative;
}
.nav__list > li > a {
font-family: "Abril Fatface", "Times New Roman", cursive;
color: #817158;
font-size: 25px;
font-weight: 400;
line-height: 24px;
text-decoration: none;
padding: 5px 10px;
-webkit-transition: all 400ms;
transition: all 400ms;
}
.nav__list > li:hover a {
background: #FFF;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
color: #544939;
-webkit-transition: all 400ms;
transition: all 400ms;
}
.nav__list > li:focus .sub-menu,
.nav__list > li:hover .sub-menu {
opacity: 1;
z-index: 100;
-webkit-transition: all 400ms;
transition: all 400ms;
}
.nav .sub-menu {
opacity: 0;
position: absolute;
background: #FFF;
padding: 5px 10px;
margin: 0px;
top: 35px;
z-index: -10;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-transition: all 400ms;
transition: all 400ms;
text-align: left;
}
.nav .sub-menu > li {
display: block;
}
.nav .sub-menu > li > a {
color: #7c7c7c;
display: block;
font-size: 21px;
line-height: 24px;
font-weight: 400;
margin: 0px;
padding: 3px;
white-space: nowrap;
}
.nav .sub-menu > li > a:hover {
color: #598b54;
text-decoration: underline;
}
.instagram-feed {
margin-top: 80px;
margin-bottom: 40px;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.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;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.post.sticky {
border: 1px solid #c2bdb5;
border-radius: 5px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.gallery-caption {
color: #272727;
}
.bypostauthor {
color: #272727;
} .wp-caption {
margin-bottom: 40px;
padding-bottom: 0px;
}
.wp-caption img {
max-width: 100%;
}
.gallery {
margin-left: -0.5em;
margin-right: -0.5em;
margin-bottom: 30px;
}
.gallery:after {
display: table;
content: "";
clear: both;
}
.gallery-item {
margin: 0;
float: left;
padding: 0.5em;
}
.gallery-item img {
width: 100%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
float: none;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.3333%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.6667%;
}
.gallery-columns-7 .gallery-item {
width: 14.2857%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.1111%;
}
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
clear: left;
} .logo-big-title {
font-family: "Abril Fatface", "Times New Roman", cursive;
font-weight: 400;
display: block;
margin-top: 160px;
font-size: 80px;
}
.logo-big-title a {
color: #282828;
}
.profil-img {
margin: 0 auto;
margin-bottom: 20px;
}
.social-widget {
margin-top: 20px;
text-align: center;
}
.social-widget a {
color: #817158;
padding: 0 10px;
}
.profil-desc {
color: #7c7c7c;
text-align: left;
}
.widget i {
color: #817158;
}
.widget h2 {
margin-bottom: 10px;
font-size: 24px;
line-height: 30px;
color: #282828;
margin-top: 40px;
}
.widget table {
margin: 0px;
}
.widget ul {
padding: 0px;
margin: 0px;
}
.widget ul li {
list-style: none;
}
.widget ul li {
list-style: none;
font-size: 21px;
display: block;
margin-bottom: 0px;
}
.widget ul li a {
border-bottom: 1px solid #dadada;
padding: 0px;
margin: 10px 0px;
display: inline-block;
}
.widget .tagcloud a {
border-radius: 4px;
background-color: #282828;
color: #ffffff;
font-size: 18px !important;
font-weight: 400;
padding: 3px 8px;
display: inline-block;
float: left;
margin: 3px;
}
.widget .tagcloud a:hover {
background: #817158;
}
.search-form {
float: right;
margin-top: 70px;
}
.search-form-sidebar .pos-absolute .input-absolute {
width: 100%;
padding-left: 35px;
}
.pos-absolute {
position: relative;
}
.pos-absolute .fa {
color: #bdbdb3;
font-size: 18px;
position: absolute;
z-index: 10;
top: 12px;
left: 12px;
}
.pos-absolute .input-absolute {
background: #FFF;
border-color: #d6d6d6;
color: #bbbbbb;
padding-left: 35px;
margin-bottom: 20px;
}
.circle-small {
font-size: 8px;
top: -2px;
position: relative;
margin: 0 5px;
} .post-edit-link {
margin-top: 20px;
display: block;
}
.navigation.pagination {
text-align: center;
margin-top: 40px;
clear: both;
}
.navigation.pagination a,
.navigation.pagination span {
border-radius: 4px;
color: #ffffff;
text-align: center;
padding: 2px 8px;
line-height: 21px;
}
.navigation.pagination a:hover,
.navigation.pagination span {
background-color: #282828;
}
.navigation.pagination a {
background-color: #bababa;
}
.pagenav {
text-align: center;
margin-top: 40px;
}
.pagenav-single {
margin: 0px 3px;
}
.pagenav-single:hover,
.pagenav-single {
border-radius: 4px;
color: #ffffff;
text-align: center;
padding: 6px 8px;
line-height: 21px;
display: inline-block;
}
.pagenav-single,
.pagenav-single:hover {
background-color: #282828;
}
a .pagenav-single {
background-color: #bababa;
}
.search-title {
font-family: "Abril Fatface", "Times New Roman", cursive;
color: #282828;
font-size: 38px;
font-weight: 400;
line-height: 48px;
border-bottom: 1px solid #d3d3d3;
margin-bottom: 30px;
padding-bottom: 30px;
}
.text-green {
color: #598b54;
word-wrap: break-word;
}
.post-single-content .page,
.post-single-content .post {
background: #FFF;
border-radius: 4px;
padding: 30px;
margin-bottom: 30px;
padding-bottom: 30px;
overflow: hidden;
}
.grid-item .post .btn {
margin-top: 20px;
}
#classic .post {
border-radius: 4px;
padding: 30px;
padding-top: 10px;
margin-bottom: 30px;
padding-bottom: 30px;
overflow: hidden;
}
#list .post {
border-radius: 4px;
padding: 30px;
padding-top: 10px;
margin-bottom: 30px;
padding-bottom: 30px;
overflow: hidden;
}
#list .format-quote img {
height: 100%;
}
.grey {
color: #7c7c7c;
}
.post {
background: #FFF;
padding: 30px;
border-radius: 5px;
word-break: break-word;
}
.post p, .post strong, .post span, .post h1, .post h2, .post h3, .post h4, .post h5, .post h6, .post b, .post i {
word-break: break-word;
}
.post-subtitle {
margin-bottom: 25px;
}
.post-subtitle .fa.fa-comment-o {
font-size: 17px;
}
.post-tags {
margin-top: 15px;
}
.post-tags .tagcloud {
margin: 0px;
}
.post-title {
margin-bottom: 10px;
margin-top: 20px;
}
.post-title,
.post-title a {
color: #282828;
font-family: "Abril Fatface", "Times New Roman", cursive;
font-size: 25px;
font-weight: 400;
line-height: 25px;
text-align: left;
}
.post-title a:hover {
color: #817158;
}
.post-title.post-title-single {
margin-bottom: 40px;
}
.post-date {
color: #7c7c7c;
font-size: 17px;
line-height: 24px;
margin: 5px 0px 10px 0px;
}
.post img {
opacity: 1;
width: auto;
max-width: 100%;
}
.post-img img {
width: 100%;
max-width: 100%;
}
.post img:hover {
cursor: pointer;
opacity: 0.91;
}
.page-img {
margin-bottom: 40px;
text-align: center;
}
.page-img img {
display: inline-block;
width: 100%;
max-width: 100%;
}
.page-img img:hover {
opacity: 1;
cursor: default;
}
.post-category {
color: #598b54;
}
.format-quote {
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 3px;
height: auto;
width: 100%;
max-width: 100%;
overflow: hidden;
}
.post-text {
color: #6e6e6e;
line-height: 30px;
}
.post-text h1, .post-text h2, .post-text h3, .post-text h4, .post-text h5, .post-text h6 {
color: #282828;
}
.post-text p {
color: #6e6e6e;
line-height: 30px;
margin-bottom: 40px;
}
.post-text ul, .post-text ol {
margin-bottom: 40px;
}
.post-text a {
border-bottom: 1px solid #d1c8bb;
-webkit-transition: 300ms ease all;
transition: 300ms ease all;
}
.post-text a:hover {
border-bottom: 1px solid rgba(255, 255, 255, 0);
-webkit-transition: 300ms ease all;
transition: 300ms ease all;
}
.text-content a {
border-bottom: 1px solid #d1c8bb;
}
.text-content p {
font-size: 21px;
color: #6e6e6e;
font-weight: 400;
}
.text-content strong {
font-size: 21px;
color: #6e6e6e;
font-weight: 400;
}
.post.format-quote .text-abs {
text-align: center;
padding: 30px 0px;
}
.post.format-quote .text-abs .post-title {
font-family: "Abril Fatface", "Times New Roman", cursive;
color: #FFF;
font-weight: 400;
line-height: 40px;
padding: 0px;
margin: 0px;
}
.post.format-quote .text-abs .text-content p {
color: #FFF;
}
blockquote::before {
content: '\201D';
font-size: 45px;
color: #817158;
font-style: normal;
position: absolute;
left: 40px;
font-weight: 400;
font-family: "Abril Fatface", "Times New Roman", cursive;
}
blockquote {
padding-left: 50px;
font-style: italic;
}
.tagcloud {
overflow: hidden;
}
#grid {
width: 100%;
}
#grid-col2 .grid-item,
#grid-col3 .grid-item,
#grid-col4 .grid-item {
padding: 0px 15px;
margin-bottom: 30px;
}
.img-404 {
display: inline-block;
margin: 20px 0;
max-width: 100%;
margin-top: 0px;
}
.text-big {
color: #7c7c7c;
font-size: 30px;
font-weight: 400;
line-height: 42px;
}
.body {
background-color: #F2F2F2;
}
.site {
background-image: url(//www.curieusevoyageuse.com/wp-content/themes/mason-rhythm/images/bg-top.png);
background-repeat: no-repeat;
background-position: top;
background-size: contain;
width: 100%;
}
.logo-margin {
width: 1px;
height: 210px;
z-index: 10;
position: absolute;
}  input[type=submit],
.btn {
display: inline-block;
text-decoration: none;
white-space: normal;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 18px;
line-height: 20px;
font-weight: 400;
border-radius: 4px;
text-decoration: none;
padding: 7px;
outline: none;
-webkit-transition: 400ms all;
transition: 400ms all;
margin-bottom: 5px;
border: none;
}
input[type=submit],
.btn:hover {
cursor: pointer;
-webkit-transition: 400ms all;
transition: 400ms all;
}
.btn-block {
width: 100%;
}
input[type=submit],
.btn-primary {
color: #FFF;
background: #282828;
}
input[type=submit]:hover,
.btn-primary:hover {
background-color: #817158;
color: #FFF;
}
.btn-secondary {
background-color: #FFF;
border: 3px solid #96919e;
color: #96919e;
}
.btn-secondary:hover {
border: 3px solid #635e6b;
color: #635e6b;
}
.btn-round {
border-radius: 50px;
padding: 5px 25px;
}
.btn-green {
background: #a2ae9e;
color: #FFF;
}
.btn-green:hover {
background-color: #7a8b74;
color: #FFF;
}
.btn-yellow {
background: #c7b382;
color: #FFF;
}
.btn-yellow:hover {
background-color: #ae924e;
color: #FFF;
}
.btn-red {
background: #d0a2a5;
color: #FFF;
}
.btn-red:hover {
background-color: #b66f74;
color: #FFF;
}  .wpcf7-form p {
margin-bottom: 0px;
}
textarea,
select,
input[type=text],
input[type=email],
input[type=url],
input[type=search],
input[type=password] {
border: 1px solid #eaeaea;
box-shadow: none;
border-radius: 2px;
background-color: #ffffff;
font-size: 16px;
line-height: 24px;
padding: 8px 15px;
width: 100%;
}
select {
height: 60px;
}
select:hover,
select:focus,
textarea:hover,
input:hover,
textarea:focus,
input:focus {
outline: none;
}
label {
color: #6e6e6e;
font-size: 21px;
font-weight: 400;
line-height: 28px;
display: block;
margin-top: 20px;
}
input[type=radio],
input[type=checkbox] {
border: none;
background: #FFF;
outline: none;
}
.post-password-form input[type=submit] {
margin-top: 10px;
}
.error,
label.error {
color: #e93636;
}
input[type=text].error,
input[type=url].error,
input[type=search].error,
input[type=email].error,
input[type=password].error,
select.error,
textarea.error {
background: #FFF6F6;
border-color: #FFD4D4;
color: #e93636;
}  .wpcf7-form p {
margin-bottom: 0px;
}
textarea,
select,
input[type=text],
input[type=email],
input[type=url],
input[type=search],
input[type=password] {
border: 1px solid #eaeaea;
box-shadow: none;
border-radius: 2px;
background-color: #ffffff;
font-size: 16px;
line-height: 24px;
padding: 8px 15px;
width: 100%;
}
select {
height: 60px;
}
select:hover,
select:focus,
textarea:hover,
input:hover,
textarea:focus,
input:focus {
outline: none;
}
label {
color: #6e6e6e;
font-size: 21px;
font-weight: 400;
line-height: 28px;
display: block;
margin-top: 20px;
}
input[type=radio],
input[type=checkbox] {
border: none;
background: #FFF;
outline: none;
}
.post-password-form input[type=submit] {
margin-top: 10px;
}
.error,
label.error {
color: #e93636;
}
input[type=text].error,
input[type=url].error,
input[type=search].error,
input[type=email].error,
input[type=password].error,
select.error,
textarea.error {
background: #FFF6F6;
border-color: #FFD4D4;
color: #e93636;
} .hamburger-mobile {
display: block;
font-size: 40px;
margin-top: 60px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
color: #FFF;
}
.hamburger {
float: left;
font-size: 40px;
margin-top: 70px;
z-index: 300;
}
.mobile-menu {
background: #2D2D2D;
width: 100vw;
height: 100vh;
overflow-x: scroll;
position: fixed;
z-index: 9001;
display: none;
}
.mobile-menu__close {
position: absolute;
top: 45px;
right: 30px;
font-size: 45px;
color: #7b7978;
cursor: pointer;
}
.mobile-menu__nav {
text-align: center;
margin-bottom: 60px;
}
.mobile-menu__nav li {
display: block;
padding: 0 20px;
margin-top: 35px;
}
.mobile-menu__nav a {
color: #817158;
font-size: 26px;
font-weight: 900;
text-decoration: none;
}
.mobile-menu__nav a:hover {
color: #817158;
}
.mobile-menu__nav small {
display: block;
color: #797979;
font-size: 18px;
font-weight: 300;
} .form-submit {
margin-top: 20px;
}
.comment-reply-title,
.comments-title {
color: #6e6e6e;
font-size: 21px;
font-weight: 700;
line-height: 30px;
}
.comment-content {
margin-top: 10px;
}
.comments-area::before {
content: "";
display: block;
background-color: #282828;
width: 31px;
height: 5px;
margin: 40px auto;
}
ol.children {
list-style: none;
padding-left: 0px;
}
.comment-list {
margin-bottom: 60px;
list-style: none;
padding: 0px;
}
.comment-list .comment-body {
border-bottom: 1px solid #e3e3e3;
padding-bottom: 20px;
margin-bottom: 20px;
}
.contact-form form {
background-color: #fafafa;
border-radius: 2px;
padding: 30px;
width: 100%;
margin-bottom: 20px;
}
.comment {
padding-left: 62px;
}
.comment-author img {
position: absolute;
left: -62px;
top: 10px;
width: 42px;
}
.comment-author {
position: relative;
display: inline-block;
}
.comment-author .says {
display: none;
}
.comment-author b {
color: #598b54;
font-size: 17px;
font-weight: 300;
line-height: 23px;
}
.comment-metadata {
display: inline-block;
}
.comment-metadata a {
color: #7c7c7c;
font-size: 17px;
font-weight: 300;
line-height: 23px;
}
.comment-content p {
margin-bottom: 10px;
color: #6e6e6e;
font-size: 21px;
font-style: italic;
line-height: 29px;
}
.comment .reply {
font-size: 17px;
}
.comment .comment-reply-link {
border-bottom: 1px solid #d1c8bb;
-webkit-transition: 300ms ease all;
transition: 300ms ease all;
}
.comment .comment-reply-link:hover {
border-bottom: 1px solid rgba(255, 255, 255, 0);
-webkit-transition: 300ms ease all;
transition: 300ms ease all;
}
.comment-form {
width: 100%;
}
.comment-form input[type=submit] {
background-color: #282828;
border: none;
display: block;
text-align: center;
font-size: 21px;
color: #FFF;
padding: 8px 20px;
line-height: 30px;
border-radius: 2px;
-webkit-transition: 400ms all ease;
transition: 400ms all ease;
}
.comment-form input[type=submit]:hover {
color: #FFF;
cursor: pointer;
background-color: #817158;
-webkit-transition: 400ms all ease;
transition: 400ms all ease;
}
.comment-form-comment {
width: 100%;
clear: both;
}
.comment-form-comment textarea {
width: 100%;
}
.comment-form-email input, .comment-form-url input, .comment-form-author input {
width: 100%;
}   @media only screen and (min-width: 0px) {
.nav {
display: none;
}
.hamburger {
display: block;
}
.logo-secondary {
display: none;
}
.logo-title {
margin-bottom: 50px;
font-size: 22px;
line-height: 30px;
}
.logo-big-title {
font-size: 60px;
}
.sidebar-post .title {
margin-left: 10px;
}
}
@media only screen and (min-width: 740px) {
.nav {
display: block;
}
.nav .sub-menu {
top: 28px;
}
.nav .sub-menu li > a {
font-size: 14px;
}
.nav__list li > a {
font-size: 16px;
}
.hamburger {
display: none;
}
.logo-secondary {
display: block;
}
.logo-title {
margin-bottom: 0px;
font-size: 30px;
line-height: 45px;
}
.logo-big-title {
font-size: 60px;
}
.sidebar-post .title {
margin-left: 0px;
margin-top: 10px;
}
}
@media only screen and (min-width: 980px) {
.nav {
display: block;
}
.nav .sub-menu {
top: 30px;
}
.nav .sub-menu li > a {
font-size: 17px;
}
.nav__list li > a {
font-size: 19px;
}
}
@media only screen and (min-width: 1190px) {
.sidebar-post .title {
margin-left: 10px;
margin-top: 0px;
}
.nav {
display: block;
}
.nav .sub-menu {
top: 31px;
}
.nav .sub-menu li > a {
font-size: 19px;
}
.nav__list li > a {
font-size: 24px;
}
}
@media only screen and (min-width: 1440px) {
.nav {
display: block;
}
.nav .sub-menu {
top: 34px;
}
.nav .sub-menu li > a {
font-size: 21px;
}
.nav__list li > a {
font-size: 27px;
}
}  @media only screen and (min-width: 0px) {
#grid-col4 .grid-item,
#grid-col3 .grid-item,
#grid-col2 .grid-item {
width: 100%;
}
.post {
padding: 20px 10px;
}
.comment {
padding-left: 25px;
}
.comment-author img {
left: -21px;
width: 16px;
}
#list .post-img img {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
float: none;
display: block;
max-width: 100%;
margin-right: 0px;
}
}
@media only screen and (min-width: 740px) {
#list .post-img img {
width: 320px;
float: left;
max-width: 100%;
margin-right: 30px;
margin-bottom: 0px;
}
#grid-col4 .grid-item {
width: 50%;
}
#grid-col3 .grid-item,
#grid-col2 .grid-item {
width: 100%;
}
.post {
padding: 20px 15px;
}
.comment {
padding-left: 42px;
}
.comment-author img {
left: -42px;
width: 32px;
}
}
@media only screen and (min-width: 980px) {
#grid-col4 .grid-item {
width: 33.333%;
}
#grid-col3 .grid-item {
width: 33.333%;
}
#grid-col2 .grid-item {
width: 50%;
}
.post {
padding: 20px;
}
}
@media only screen and (min-width: 1190px) {
.post {
padding: 20px;
}
#grid-col4 .grid-item {
width: 25%;
}
#grid-col2 .grid-item {
width: 50%;
}
#grid-col3 .grid-item {
width: 33.333%;
}
}