@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Lora:400,700);
a {
color: #4c4c4c;
text-decoration: underline;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
a:hover {
color: #7f7f7f;
text-decoration: none;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
.duo-divider {
width: 40px;
height: 4px;
background-color: #4F4F4F;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px; }
.copycolor-light {
color: #7f7f7f; }
*, *:before, *:after {
box-sizing: border-box; }
body {
background-color: #fff;
font-family: "Montserrat", sans-serif;
font-size: 18px;
line-height: 34px;
font-weight: 400;
color: #4c4c4c;
overflow-x: hidden;
padding: 0;
margin: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-rendering: optimizeLegibility; }
h1, .duo-image-header .duo-image-header-content h2, .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-gallery-title, .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-gallery-title {
font-size: 23.3333333333px;
line-height: 40px;
font-weight: 400;
color: #4c4c4c;
font-family: "Montserrat", sans-serif; }
@media only screen and (min-width: 768px) {
h1, .duo-image-header .duo-image-header-content h2, .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-gallery-title, .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-gallery-title {
font-size: 70px;
line-height: 80px;
font-weight: 400;
color: #4c4c4c;
font-family: "Montserrat", sans-serif; } }
.jumbotron, .duo-chunker-text .duo-chunker-text-wrapper h1, .duo-chunker-text .duo-chunker-text-wrapper .duo-image-header .duo-image-header-content h2, .duo-image-header .duo-image-header-content .duo-chunker-text .duo-chunker-text-wrapper h2, .duo-chunker-text .duo-chunker-text-wrapper .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-gallery-title, .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-title, .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-gallery-title, .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-title {
font-weight: 400; }
@media only screen and (min-width: 768px) {
.jumbotron, .duo-chunker-text .duo-chunker-text-wrapper h1, .duo-chunker-text .duo-chunker-text-wrapper .duo-image-header .duo-image-header-content h2, .duo-image-header .duo-image-header-content .duo-chunker-text .duo-chunker-text-wrapper h2, .duo-chunker-text .duo-chunker-text-wrapper .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-gallery-title, .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-title, .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-gallery-title, .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-title {
font-size: 3vw;
line-height: 4vw; } }
h2, .duo-gallery-wrapper a .duo-gallery-item .duo-gallery-title {
font-size: 25px;
line-height: 40px;
font-weight: 400;
text-transform: none;
letter-spacing: 0; }
h3 {
font-size: 20px;
line-height: 30px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 40px; }
.duo-container {
width: 100%;
margin-left: auto;
margin-right: auto; }
.duo-body-copy {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 800px;
text-align: left; }
html {
box-sizing: border-box;
overflow-y: scroll;
/* has to be scroll, not auto */
-webkit-overflow-scrolling: touch;
overflow-x: hidden; }
*, *:before, *:after {
box-sizing: inherit; }
.duo-button, .remodal .remodal-confirm {
background-color: #191919;
color: #fff;
text-decoration: none;
padding: 20px 30px;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 20px;
border-bottom: 0;
border-radius: 2px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block; }
.duo-button:hover, .remodal .remodal-confirm:hover {
background-color: #4c4c4c;
color: #fff;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
.duo-button-inverse {
background-color: transparent;
border: 2px solid #fff;
color: #fff; }
.duo-button-inverse:hover {
background-color: #fff;
border: 2px solid #fff;
color: #191919; }
html.touch .fixed-bg {
background-attachment: scroll !important; }
.fixed-bg {
background-attachment: scroll !important; }
@media only screen and (min-width: 1151px) {
.fixed-bg {
background-attachment: fixed !important; } }
.duo-header {
background-color: #000;
background-size: cover;
background-repeat: no-repeat;
text-align: left;
padding: 40px;
height: auto;
position: relative;
width: 100%;
height: 100vh;
background-position: center center; }
.duo-header .duo-header-content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 99;
text-align: center;
margin-top: 40px; }
.duo-header .duo-header-content h1, .duo-header .duo-header-content .duo-image-header .duo-image-header-content h2, .duo-image-header .duo-image-header-content .duo-header .duo-header-content h2, .duo-header .duo-header-content .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-gallery-title, .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-header .duo-header-content .duo-gallery-title, .duo-header .duo-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-gallery-title, .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-header .duo-header-content .duo-gallery-title, .duo-header .duo-header-content h2, .duo-header .duo-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-gallery-title, .duo-gallery-wrapper a .duo-gallery-item .duo-header .duo-header-content .duo-gallery-title {
color: #fff; }
.duo-header .duo-header-content .hero-cta {
margin-left: auto;
margin-right: auto;
display: inline-block;
width: auto;
border: 1px solid rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0);
font-size: 14px;
font-weight: 400;
letter-spacing: 3px;
border-radius: 0px; }
.duo-header .duo-header-content .hero-cta:hover {
background-color: white;
color: #191919; }
@-webkit-keyframes down-arrow-pulse {
0% {
fill: rgba(255, 255, 255, 0.2); }
33% {
fill: rgba(255, 255, 255, 0.8); }
100% {
fill: rgba(255, 255, 255, 0.2); } }
@keyframes down-arrow-pulse {
0% {
fill: rgba(255, 255, 255, 0.2); }
33% {
fill: rgba(255, 255, 255, 0.8); }
100% {
fill: rgba(255, 255, 255, 0.2); } }
.duo-header .duo-header-down-arrow {
color: #fff;
width: 24px;
text-align: center;
font-size: 12px;
margin-top: 80px;
margin-left: auto;
margin-right: auto; }
.duo-header .duo-header-down-arrow .duo-header-down-arrow-icon {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto; }
.duo-header .duo-header-down-arrow .duo-header-down-arrow-icon path {
-webkit-animation-name: down-arrow-pulse;
animation-name: down-arrow-pulse;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.duo-page-subtitle {
width: auto;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 400;
text-align: center;
color: #fff;
letter-spacing: 3px;
font-size: 13px;
line-height: 20px; }
.duo-page-title {
color: #fff;
width: 100%;
font-size: 30px;
line-height: 40px;
text-shadow: 0 0 14px rgba(0, 0, 0, 0.4);
margin-top: 20px;
text-align: center;
word-wrap: break-word;
font-weight: 400;
text-transform: uppercase; }
@media only screen and (min-width: 768px) {
.duo-page-title {
width: 60%;
font-size: 4vw;
line-height: 4vw;
letter-spacing: 0.4vw;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px; } }
.duo-page-smaller-title {
margin-top: 0;
text-shadow: 0 0 14px rgba(0, 0, 0, 0.4);
margin-bottom: 50px; }
.duo-page-date {
color: #fff;
text-transform: uppercase;
letter-spacing: 2px; }
.duo-color-wash {
background-color: rgba(25, 25, 25, 0.6);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 100vh;
z-index: 1; }
.duo-save-the-date {
background-color: #191919;
background-size: contain;
background-position: top center;
background-repeat: no-repeat;
padding: 200px 40px 0 40px !important;
width: 100%;
margin-top: 0 !important; }
@media only screen and (min-width: 768px) {
.duo-save-the-date {
background-size: cover;
padding: 20vw 40px !important;
background-attachment: fixed; } }
.duo-save-the-date .duo-save-the-date-wrapper {
background-color: rgba(25, 25, 25, 0.8);
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 60px 40px; }
@media only screen and (min-width: 768px) {
.duo-save-the-date .duo-save-the-date-wrapper {
background-attachment: fixed;
max-width: 600px;
width: 75%; } }
.duo-save-the-date .duo-save-the-date-wrapper .save-the-date-title {
color: #7f7f7f;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 400;
margin-top: 0; }
.duo-save-the-date .duo-save-the-date-wrapper .save-the-date-date {
font-size: 40px;
color: #fff;
font-weight: 400;
margin-top: 0; }
.duo-save-the-date .duo-save-the-date-wrapper .duo-save-the-date-rsvp {
display: block;
max-width: 200px;
margin-left: auto;
margin-right: auto;
width: 100%; }
.duo-venue-details {
text-align: center;
background-color: #e5e5e5;
margin-top: 0 !important; }
.duo-venue-details .duo-venue-hero {
width: 100%;
height: 400px;
background-size: cover;
overflow-x: hidden;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
position: relative;
background-position: center center; }
@media only screen and (min-width: 768px) {
.duo-venue-details .duo-venue-hero {
height: 40vw; } }
.duo-venue-details .duo-venue-hero .duo-color-wash {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1; }
.duo-venue-details .duo-venue-hero img {
width: 100%;
height: auto; }
.duo-venue-details .duo-venue-details-title {
font-size: 30px;
line-height: 40px;
text-shadow: 0 0 15px rgba(25, 25, 25, 0.9);
color: #fff;
position: relative;
z-index: 10;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 75%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0; }
@media only screen and (min-width: 768px) {
.duo-venue-details .duo-venue-details-title {
font-size: 3vw;
line-height: 3vw; } }
.duo-venue-details .duo-venue-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 50px;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.duo-venue-details .duo-venue-wrapper .duo-venue-info {
padding: 40px;
background-color: #fff;
margin-bottom: 2%;
box-shadow: 0 0 20px rgba(25, 25, 25, 0.1); }
.duo-venue-details .duo-venue-wrapper .duo-venue-info img {
width: 100%;
height: auto; }
.duo-venue-details .duo-venue-wrapper .duo-venue-info .reception-details, .duo-venue-details .duo-venue-wrapper .duo-venue-info .ceremony-details {
margin-bottom: 40px;
margin-left: auto;
margin-right: auto; }
@media only screen and (min-width: 768px) {
.duo-venue-details .duo-venue-wrapper .duo-venue-info .reception-details, .duo-venue-details .duo-venue-wrapper .duo-venue-info .ceremony-details {
width: 75%; } }
.duo-venue-details .duo-venue-wrapper .duo-venue-info .venue-feature-image {
margin-bottom: 30px; }
.duo-venue-details .duo-venue-wrapper .duo-venue-info .venue-address {
font-weight: 400 !important;
margin-top: 40px;
color: #7f7f7f; }
.duo-venue-details .duo-venue-wrapper .duo-venue-info .duo-button, .duo-venue-details .duo-venue-wrapper .duo-venue-info .remodal .remodal-confirm, .remodal .duo-venue-details .duo-venue-wrapper .duo-venue-info .remodal-confirm {
margin-bottom: 40px;
display: block;
width: 80%;
max-width: 200px;
margin-left: auto;
margin-right: auto; }
@media only screen and (min-width: 768px) {
.duo-venue-details .duo-venue-wrapper .duo-venue-info .duo-button, .duo-venue-details .duo-venue-wrapper .duo-venue-info .remodal .remodal-confirm, .remodal .duo-venue-details .duo-venue-wrapper .duo-venue-info .remodal-confirm {
width: 50%; } }
.duo-venue-details .duo-venue-wrapper .duo-venue-wedding {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
@media only screen and (min-width: 768px) {
.duo-venue-details .duo-venue-wrapper .duo-venue-wedding {
-webkit-box-flex: 0;
-webkit-flex: 0 0 49%;
-ms-flex: 0 0 49%;
flex: 0 0 49%; } }
.duo-venue-details .duo-venue-wrapper .duo-venue-reception {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
@media only screen and (min-width: 768px) {
.duo-venue-details .duo-venue-wrapper .duo-venue-reception {
-webkit-box-flex: 0;
-webkit-flex: 0 0 49%;
-ms-flex: 0 0 49%;
flex: 0 0 49%; } }
.duo-venue-details .duo-venue-wrapper .duo-venue-schedule {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-bottom: 80px; }
.duo-venue-details .duo-venue-wrapper .duo-venue-lodging {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
.duo-venue-details .duo-venue-wrapper .duo-venue-lodging .duo-button, .duo-venue-details .duo-venue-wrapper .duo-venue-lodging .remodal .remodal-confirm, .remodal .duo-venue-details .duo-venue-wrapper .duo-venue-lodging .remodal-confirm {
margin-top: 40px; }
.duo-venue-details .duo-venue-wrapper .duo-venue-lodging .duo-venue-wrapper {
display: block; }
.duo-venue-details .duo-venue-wrapper .duo-google-maps {
width: 100% !important;
height: 400px;
overflow: hidden; }
.duo-venue-details .duo-venue-wrapper .duo-venue-copy-wrapper {
max-width: 800px;
margin-left: auto;
margin-right: auto;
display: block; }
.duo-chunker-text {
text-align: center; }
.duo-chunker-text .duo-chunker-text-wrapper {
max-width: 1800px;
margin-left: auto;
margin-right: auto; }
.duo-chunker-text .duo-chunker-text-wrapper h1, .duo-chunker-text .duo-chunker-text-wrapper .duo-image-header .duo-image-header-content h2, .duo-image-header .duo-image-header-content .duo-chunker-text .duo-chunker-text-wrapper h2, .duo-chunker-text .duo-chunker-text-wrapper .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-gallery-title, .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-title, .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-gallery-title, .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-title {
font-weight: 400;
margin-left: auto;
margin-right: auto; }
@media only screen and (min-width: 768px) {
.duo-chunker-text .duo-chunker-text-wrapper h1, .duo-chunker-text .duo-chunker-text-wrapper .duo-image-header .duo-image-header-content h2, .duo-image-header .duo-image-header-content .duo-chunker-text .duo-chunker-text-wrapper h2, .duo-chunker-text .duo-chunker-text-wrapper .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-gallery-title, .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-title, .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-gallery-title, .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-title {
width: 80%; } }
.duo-chunker-text .duo-chunker-text-wrapper .duo-chunker-text-rich-text {
max-width: 900px;
width: 100%;
margin-left: auto;
margin-right: auto; }
.duo-chunker-text .duo-chunker-text-wrapper .duo-chunker-text-button {
margin-top: 50px; }
.duo-chunker-text-inverse {
background-color: #191919; }
.duo-chunker-text-inverse h3, .duo-chunker-text-inverse h1, .duo-chunker-text-inverse .duo-image-header .duo-image-header-content h2, .duo-image-header .duo-image-header-content .duo-chunker-text-inverse h2, .duo-chunker-text-inverse .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-gallery-title, .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-chunker-text-inverse .duo-gallery-title, .duo-chunker-text-inverse .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-gallery-title, .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-chunker-text-inverse .duo-gallery-title {
color: #fff; }
.duo-chunker-text-inverse *, .duo-chunker-text-inverse p, .duo-chunker-text-inverse .jumbotron, .duo-chunker-text-inverse .duo-chunker-text .duo-chunker-text-wrapper h1, .duo-chunker-text .duo-chunker-text-wrapper .duo-chunker-text-inverse h1, .duo-chunker-text-inverse .duo-chunker-text .duo-chunker-text-wrapper .duo-image-header .duo-image-header-content h2, .duo-chunker-text .duo-chunker-text-wrapper .duo-image-header .duo-image-header-content .duo-chunker-text-inverse h2, .duo-chunker-text-inverse .duo-image-header .duo-image-header-content .duo-chunker-text .duo-chunker-text-wrapper h2, .duo-image-header .duo-image-header-content .duo-chunker-text .duo-chunker-text-wrapper .duo-chunker-text-inverse h2, .duo-chunker-text-inverse .duo-chunker-text .duo-chunker-text-wrapper .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-gallery-title, .duo-chunker-text .duo-chunker-text-wrapper .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-chunker-text-inverse .duo-gallery-title, .duo-chunker-text-inverse .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-title, .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-chunker-text .duo-chunker-text-wrapper .duo-chunker-text-inverse .duo-gallery-title, .duo-chunker-text-inverse .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-gallery-title, .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-chunker-text-inverse .duo-gallery-title, .duo-chunker-text-inverse .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-title, .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-chunker-text .duo-chunker-text-wrapper .duo-chunker-text-inverse .duo-gallery-title, .duo-chunker-text-inverse .duo-testimonials .duo-testimonial-mod .duo-testimonial-content, .duo-testimonials .duo-testimonial-mod .duo-chunker-text-inverse .duo-testimonial-content {
color: #fff; }
.duo-chunker-text-inverse .duo-button, .duo-chunker-text-inverse .remodal .remodal-confirm, .remodal .duo-chunker-text-inverse .remodal-confirm {
background-color: #fff;
color: #191919; }
.duo-chunker-text-inverse .duo-button:hover, .duo-chunker-text-inverse .remodal .remodal-confirm:hover, .remodal .duo-chunker-text-inverse .remodal-confirm:hover {
background-color: #333333;
color: #fff; }
.duo-header-short {
background-color: #191919;
background-size: cover;
background-repeat: no-repeat;
text-align: left;
padding: 8vw 10px;
height: auto;
position: relative;
background-position: center center; }
.duo-header-short .duo-header-content {
margin-top: 40px;
z-index: 999;
position: relative;
text-align: center; }
.duo-header-short .duo-header-content h1, .duo-header-short .duo-header-content .duo-image-header .duo-image-header-content h2, .duo-image-header .duo-image-header-content .duo-header-short .duo-header-content h2, .duo-header-short .duo-header-content .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-gallery-title, .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-header-short .duo-header-content .duo-gallery-title, .duo-header-short .duo-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-gallery-title, .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-header-short .duo-header-content .duo-gallery-title, .duo-header-short .duo-header-content h2, .duo-header-short .duo-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-gallery-title, .duo-gallery-wrapper a .duo-gallery-item .duo-header-short .duo-header-content .duo-gallery-title {
color: #fff; }
.duo-header-short .duo-header-content .hero-cta {
margin-left: auto;
margin-right: auto;
display: inline-block;
width: auto;
border: 1px solid rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0);
font-size: 14px;
font-weight: 400;
letter-spacing: 3px;
border-radius: 0px; }
.duo-header-short .duo-header-content .hero-cta:hover {
background-color: white;
color: #191919; }
@keyframes down-arrow-pulse {
0% {
fill: rgba(255, 255, 255, 0.2); }
33% {
fill: rgba(255, 255, 255, 0.8); }
100% {
fill: rgba(255, 255, 255, 0.2); } }
.duo-header-short .duo-header-down-arrow {
color: #fff;
width: 24px;
height: 24px;
text-align: center;
font-size: 12px;
margin-top: 40px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto; }
.duo-header-short .duo-header-down-arrow .duo-header-down-arrow-icon {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto; }
.duo-header-short .duo-header-down-arrow .duo-header-down-arrow-icon path {
-webkit-animation-name: down-arrow-pulse;
animation-name: down-arrow-pulse;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.duo-header-short .duo-page-subtitle {
width: auto;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 400;
text-align: center;
color: #fff;
letter-spacing: 3px;
font-size: 13px;
line-height: 20px; }
.duo-header-short .duo-page-title {
color: #fff;
width: 100%;
font-size: 30px;
line-height: 40px;
text-shadow: 0 0 14px rgba(0, 0, 0, 0.4);
margin-top: 20px;
text-align: center;
word-wrap: break-word;
font-weight: 400;
text-transform: uppercase; }
@media only screen and (min-width: 768px) {
.duo-header-short .duo-page-title {
width: 60%;
font-size: 4vw;
line-height: 4vw;
letter-spacing: 0.4vw;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px; } }
.duo-header-short .duo-page-smaller-title {
margin-top: 0;
text-shadow: 0 0 14px rgba(0, 0, 0, 0.4);
margin-bottom: 50px; }
.duo-header-short .duo-page-date {
color: #fff;
text-transform: uppercase;
letter-spacing: 2px; }
.duo-header-short .duo-color-wash {
background-color: rgba(25, 25, 25, 0.6);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
max-height: none !important; }
.duo-testimonials {
text-align: center;
padding-top: 20px; }
.duo-testimonials .duo-testimonial-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
box-sizing: border-box; }
.duo-testimonials .duo-testimonial-wrapper .duo-testimonial-mod-wrapper {
margin-left: -1%;
margin-right: -1%;
width: 102%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.duo-testimonials .duo-testimonial-mod {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-bottom: 40px; }
@media only screen and (min-width: 768px) {
.duo-testimonials .duo-testimonial-mod {
-webkit-box-flex: 0;
-webkit-flex: 0 0 48%;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
margin: 40px 1%; } }
.duo-testimonials .duo-testimonial-mod .duo-testimonial-author-pic-wrapper {
width: 100%;
margin-left: auto;
margin-right: auto; }
.duo-testimonials .duo-testimonial-mod .duo-testimonial-author-pic-wrapper img {
width: 100%;
height: auto; }
.duo-testimonials .duo-testimonial-mod .duo-testimonial-content {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
margin-top: 40px;
font-family: "Lora", serif;
font-weight: 400;
color: #4c4c4c;
max-width: 600px; }
.duo-testimonials .duo-testimonial-mod .duo-testimonial-content:before {
/*content: open-quote;*/
color: #7f7f7f; }
.duo-testimonials .duo-testimonial-mod .duo-testimonial-content:after {
/*content: close-quote;*/
color: #7f7f7f; }
.duo-testimonials .duo-testimonial-mod .duo-testominial-author {
margin-top: 40px;
margin-bottom: 20px;
font-size: 18px; }
.duo-cta-block {
text-align: center;
background-color: #191919; }
.duo-cta-block h2, .duo-cta-block .duo-gallery-wrapper a .duo-gallery-item .duo-gallery-title, .duo-gallery-wrapper a .duo-gallery-item .duo-cta-block .duo-gallery-title {
color: #fff; }
.duo-cta-block .duo-divider {
background-color: rgba(255, 255, 255, 0.3); }
.duo-gallery-masonry {
width: 100%;
margin-left: auto;
margin-right: auto; }
@media only screen and (min-width: 768px) {
.duo-gallery-masonry {
max-width: 1820px !important; } }
.duo-gallery-masonry .duo-gallery-masonry-item {
display: inline-block;
width: 100%;
height: auto;
margin-bottom: 10px; }
@media only screen and (min-width: 768px) {
.duo-gallery-masonry .duo-gallery-masonry-item {
width: 50%;
border: 10px solid #fff;
margin-bottom: 0; } }
@media only screen and (min-width: 768px) {
.duo-gallery-masonry .duo-gallery-masonry-item--full-width {
width: 100%; } }
.full-screen-promo {
background-size: contain;
background-position: top center;
padding: 300px 0px 0px 0px !important;
background-repeat: no-repeat; }
@media only screen and (min-width: 768px) {
.full-screen-promo {
background-size: cover;
padding: 20vw 40px !important; } }
.full-screen-promo .duo-center-screen-promo-box {
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #fff;
padding: 0;
text-align: center; }
@media only screen and (min-width: 768px) {
.full-screen-promo .duo-center-screen-promo-box {
max-width: 600px; } }
.full-screen-promo .duo-center-screen-promo-box .duo-photographer-profile-image {
width: 160px;
height: 160px;
margin-left: auto;
margin-right: auto;
display: inline-block;
margin-top: -80px; }
.full-screen-promo .duo-center-screen-promo-box .duo-photographer-profile-image img {
width: 160px;
height: 160px;
border-radius: 80px;
margin-bottom: 0; }
.full-screen-promo .duo-center-screen-promo-box .duo-photographer-description {
margin-top: 20px;
width: 75%;
margin-left: auto;
margin-right: auto;
padding: 20px 40px;
line-height: 32px; }
.full-screen-promo .duo-center-screen-promo-box .duo-photographer-social-media {
width: 75%;
margin-left: auto;
margin-right: auto;
margin-top: 40px; }
.full-screen-promo .duo-center-screen-promo-box .duo-photographer-social-media a {
margin: 10px;
border: 0;
display: inline-block;
text-decoration: none; }
.full-screen-promo .duo-center-screen-promo-box .duo-photographer-social-media a svg path {
fill: #333333 !important;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
.full-screen-promo .duo-center-screen-promo-box .duo-photographer-social-media a:hover svg path {
fill: #666666 !important;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
.full-screen-promo .duo-center-screen-promo-box .duo-photographer-studio-ctas {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 60px; }
.full-screen-promo .duo-center-screen-promo-box .duo-photographer-studio-ctas .duo-photographer-studio-cta-item {
-webkit-box-flex: 1;
-webkit-flex: 1 0 33%;
-ms-flex: 1 0 33%;
flex: 1 0 33%;
border: 0;
background-color: #191919;
color: #fff;
padding: 20px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
border-right: 1px solid rgba(153, 153, 153, 0.2);
text-decoration: none; }
.full-screen-promo .duo-center-screen-promo-box .duo-photographer-studio-ctas .duo-photographer-studio-cta-item:hover {
background-color: #fff;
color: #191919;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
.full-screen-promo .duo-center-screen-promo-box .duo-photographer-studio-ctas .duo-photographer-studio-cta-item:last-of-type {
border-right: 0; }
@-webkit-keyframes sharing-button-pulse {
0% {
background: #191919; }
33% {
background: #333333; }
100% {
background: #191919; } }
@keyframes sharing-button-pulse {
0% {
background: #191919; }
33% {
background: #333333; }
100% {
background: #191919; } }
.duo-sharing {
width: 50px;
height: auto;
position: fixed;
bottom: 40px;
right: 40px;
z-index: 100; }
.duo-sharing button {
width: 50px;
height: 50px;
background-color: #191919;
outline: 0;
border: 0;
border-radius: 25px;
padding: 10px;
margin-top: 20px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
position: relative;
right: 0; }
.duo-sharing button svg {
display: block;
margin-left: auto;
margin-right: auto;
width: 18px;
height: auto;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
.duo-sharing button svg path {
fill: #fff !important; }
.duo-sharing button:hover {
cursor: pointer;
background-color: #4c4c4c;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
.duo-sharing .duo-sharing-main {
-webkit-animation-name: sharing-button-pulse;
animation-name: sharing-button-pulse;
-webkit-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.duo-sharing .duo-sharing-facebook {
background-color: #364CC3; }
.duo-sharing .duo-sharing-facebook:hover {
background-color: #2b3c9b; }
.duo-sharing .duo-sharing-twitter {
background-color: #0A9CFF; }
.duo-sharing .duo-sharing-twitter:hover {
background-color: #0080d6; }
.duo-sharing .duo-sharing-pinterest {
background-color: #C33636; }
.duo-sharing .duo-sharing-pinterest:hover {
background-color: #9b2b2b; }
.duo-sharing .duo-sharing-mail {
background-color: #EE9512; }
.duo-sharing .duo-sharing-mail:hover {
background-color: #bf770e; }
.duo-sharing .duo-sharing-close {
color: #fff;
font-size: 40px; }
.duo-sharing .duo-sharing-close span {
display: block;
margin-top: -12px; }
.duo-interactive-buttons {
display: none; }
.duo-gallery-access {
max-width: 1800px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding-top: 40px; }
.duo-gallery-access .duo-gallery-description {
max-width: 600px;
margin-left: auto;
margin-right: auto; }
.duo-gallery-access .duo-gallery-access-info {
padding-top: 40px;
padding-bottom: 40px; }
.duo-gallery-access .duo-gallery-access-info .duo-gallery-password {
background-color: rgba(25, 25, 25, 0.1);
max-width: 600px;
margin-left: auto;
margin-right: auto;
padding: 20px; }
.duo-gallery-access .duo-gallery-access-info .duo-button, .duo-gallery-access .duo-gallery-access-info .remodal .remodal-confirm, .remodal .duo-gallery-access .duo-gallery-access-info .remodal-confirm {
margin-top: 40px; }
.duo-photographer-copyright-credit {
text-align: center;
padding: 20px;
font-size: 14px;
line-height: 30px; }
.duo-image-header {
width: 100%;
background-color: #191919;
padding: 0px !important;
margin: 0 !important;
text-align: center;
background-size: cover;
background-position: center center;
position: relative !important; }
.duo-image-header .duo-image-header-content {
position: relative;
z-index: 100;
padding: 6vw 20px; }
.duo-image-header .duo-image-header-content h2, .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-gallery-title, .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-gallery-title {
color: #fff;
text-shadow: 0 0 30px rgba(25, 25, 25, 0.8); }
.duo-image-header .duo-image-header-wash {
background-color: rgba(25, 25, 25, 0.5);
position: absolute !important;
z-index: 1;
left: 0;
height: 0;
width: 100%;
height: 100%; }
.remodal-overlay {
background-color: rgba(25, 25, 25, 0.9) !important; }
.remodal .modal-title {
font-size: 30px;
line-height: 40px;
font-weight: 400; }
.remodal .modal-contact-copy {
font-size: 14px;
line-height: 28px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto; }
.remodal .modal-accent-image img {
width: 100%;
height: auto;
margin-bottom: 30px; }
.remodal label {
font-size: 14px;
line-height: 28px;
font-family: "Montserrat", sans-serif; }
.remodal input, .remodal textarea {
width: 100%;
margin: 0 auto 30px auto;
font-size: 14px;
line-height: 28px;
padding: 5px 10px;
border: 1px solid #ccc;
font-family: "Montserrat", sans-serif; }
.remodal .remodal-cancel {
color: #000;
text-decoration: none;
font-family: "Montserrat", sans-serif;
padding: 10px 20px 12px 20px;
background-color: #fff;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
border: 2px solid #000; }
.remodal .modal-contact-cta-button {
margin-top: 60px;
margin-bottom: 40px; }
.duo-video {
text-align: center; }
@media only screen and (min-width: 768px) {
.duo-video {
padding-bottom: 100px !important; } }
.duo-video .duo-video-wrapper {
width: 100%;
margin-left: auto;
margin-right: auto; }
@media only screen and (min-width: 768px) {
.duo-video .duo-video-wrapper {
width: 35vw; } }
.duo-video .duo-video-wrapper iframe {
width: 100%;
height: 240px;
margin-bottom: 30px;
margin-top: 30px; }
@media only screen and (min-width: 768px) {
.duo-video .duo-video-wrapper iframe {
height: 20vw; } }
.duo-video .duo-video-wrapper img {
height: 240px;
margin-bottom: 30px;
margin-top: 30px; }
@media only screen and (min-width: 768px) {
.duo-video .duo-video-wrapper img {
height: 20vw; } }
.duo-video .duo-video-content {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 600px; }
.duo-video .duo-video-button {
margin-top: 40px;
display: block; }
.duo-gallery-section {
text-align: center; }
.duo-gallery-section .duo-gallery-information {
background-color: #191919;
max-width: 1800px;
margin-left: auto;
margin-top: 0px;
border-top: 10px solid #fff;
margin-right: auto;
padding: 40px; }
@media only screen and (min-width: 768px) {
.duo-gallery-section .duo-gallery-information {
-webkit-box-flex: 1;
-webkit-flex: 1 0 32%;
-ms-flex: 1 0 32%;
flex: 1 0 32%;
margin-bottom: 0;
border: 10px solid #fff;
border-left: 10px solid #fff;
border-right: 10px solid #fff; } }
.duo-gallery-section .duo-gallery-information .duo-divider {
background-color: #fff;
margin-top: 60px;
margin-bottom: 60px; }
.duo-gallery-section .duo-gallery-information .duo-gallery-photographer-credit-logo {
max-width: 250px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
margin-top: 40px; }
.duo-gallery-section .duo-gallery-information .duo-gallery-photographer-credit-logo img {
width: 100%;
margin: 0 auto;
height: auto; }
.duo-gallery-section .duo-gallery-information .duo-gallery-photography-credit {
color: #a5a5a5;
font-size: 14px;
line-height: 24px;
margin-bottom: 40px; }
.duo-gallery-section .duo-gallery-information .duo-gallery-photography-credit a {
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.duo-gallery-section .duo-gallery-information h3 {
text-transform: uppercase;
font-size: 18px;
letter-spacing: 3px;
color: #fff; }
.duo-gallery-section .duo-gallery-information p, .duo-gallery-section .duo-gallery-information .jumbotron, .duo-gallery-section .duo-gallery-information .duo-chunker-text .duo-chunker-text-wrapper h1, .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-section .duo-gallery-information h1, .duo-gallery-section .duo-gallery-information .duo-chunker-text .duo-chunker-text-wrapper .duo-image-header .duo-image-header-content h2, .duo-chunker-text .duo-chunker-text-wrapper .duo-image-header .duo-image-header-content .duo-gallery-section .duo-gallery-information h2, .duo-gallery-section .duo-gallery-information .duo-image-header .duo-image-header-content .duo-chunker-text .duo-chunker-text-wrapper h2, .duo-image-header .duo-image-header-content .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-section .duo-gallery-information h2, .duo-gallery-section .duo-gallery-information .duo-chunker-text .duo-chunker-text-wrapper .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-gallery-title, .duo-chunker-text .duo-chunker-text-wrapper .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-gallery-section .duo-gallery-information .duo-gallery-title, .duo-gallery-section .duo-gallery-information .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-title, .duo-image-header .duo-image-header-content .duo-gallery-wrapper a .duo-gallery-item .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-section .duo-gallery-information .duo-gallery-title, .duo-gallery-section .duo-gallery-information .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-gallery-title, .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-gallery-section .duo-gallery-information .duo-gallery-title, .duo-gallery-section .duo-gallery-information .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-title, .duo-gallery-wrapper a .duo-gallery-item .duo-image-header .duo-image-header-content .duo-chunker-text .duo-chunker-text-wrapper .duo-gallery-section .duo-gallery-information .duo-gallery-title, .duo-gallery-section .duo-gallery-information .duo-testimonials .duo-testimonial-mod .duo-testimonial-content, .duo-testimonials .duo-testimonial-mod .duo-gallery-section .duo-gallery-information .duo-testimonial-content {
color: #cccccc; }
.duo-gallery-section .duo-gallery-information .coupon-code {
background-color: #212121;
max-width: 600px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding: 20px;
font-size: 14px;
color: #cccccc; }
.duo-gallery-section .duo-gallery-information .gallery-info-button {
display: block;
width: 200px;
margin-left: auto;
margin-right: auto;
margin-top: 40px; }
.duo-gallery-wrapper {
max-width: 1800px;
margin-left: auto;
margin-right: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.duo-gallery-wrapper a {
display: block;
border-bottom: 0;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin-bottom: 2%; }
@media only screen and (min-width: 768px) {
.duo-gallery-wrapper a {
-webkit-box-flex: 1;
-webkit-flex: 1 0 32%;
-ms-flex: 1 0 32%;
flex: 1 0 32%;
margin-bottom: 0;
border: 10px solid #fff; } }
.duo-gallery-wrapper a .duo-gallery-item {
background-color: #191919;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 240px;
position: relative; }
@media only screen and (min-width: 768px) {
.duo-gallery-wrapper a .duo-gallery-item {
height: 30vw; } }
@media only screen and (min-width: 1151px) {
.duo-gallery-wrapper a .duo-gallery-item {
height: 35vh; } }
.duo-gallery-wrapper a .duo-gallery-item .duo-color-wash {
background-color: rgba(25, 25, 25, 0.7);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
@media only screen and (min-width: 768px) {
.duo-gallery-wrapper a .duo-gallery-item .duo-color-wash {
background-color: rgba(25, 25, 25, 0); } }
.duo-gallery-wrapper a .duo-gallery-item .duo-gallery-title {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: white;
text-align: center;
padding: 40px;
font-size: 20px;
line-height: 30px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
z-index: 99;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
@media only screen and (min-width: 768px) {
.duo-gallery-wrapper a .duo-gallery-item .duo-gallery-title {
color: rgba(255, 255, 255, 0);
text-shadow: 0 0 10px transparent; } }
.duo-gallery-wrapper a .duo-gallery-item:hover .duo-gallery-title {
color: white;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
.duo-gallery-wrapper a .duo-gallery-item:hover .duo-color-wash {
background-color: rgba(25, 25, 25, 0.7);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
.duo-section-alt-layout .duo-body-copy {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.duo-section-alt-layout .duo-section-title {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
text-align: right; }
.duo-section {
padding: 60px 20px;
border-bottom: 1px dotted #ccc; }
@media only screen and (min-width: 768px) {
.duo-section {
padding: 80px 20px; } }
.duo-section .duo-section-title {
margin-top: 0; }
.duo-section .duo-section-subtitle {
margin-bottom: 40px;
color: #7f7f7f;
font-size: 14px;
line-height: 20px; }
.duo-section .duo-section-wrapper {
max-width: 1800px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: auto;
margin-right: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.duo-section .duo-section-wrapper .duo-section-title {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center; }
@media only screen and (min-width: 768px) {
.duo-section .duo-section-wrapper .duo-section-title {
-webkit-box-flex: 0;
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
text-align: left; } }
.duo-section .duo-section-wrapper .duo-section-title .duo-divider {
margin-left: auto;
margin-right: auto;
margin-bottom: 40px; }
@media only screen and (min-width: 768px) {
.duo-section .duo-section-wrapper .duo-section-title .duo-divider {
margin-left: 0; } }
.duo-section .duo-section-wrapper .duo-section-title h2, .duo-section .duo-section-wrapper .duo-section-title .duo-gallery-wrapper a .duo-gallery-item .duo-gallery-title, .duo-gallery-wrapper a .duo-gallery-item .duo-section .duo-section-wrapper .duo-section-title .duo-gallery-title {
font-size: 40px;
line-height: 40px;
margin-bottom: 40px;
margin-top: 30px; }
.duo-section .duo-section-wrapper .duo-section-title img {
width: 100%;
height: auto;
margin-bottom: 10px; }
.duo-section .duo-section-wrapper .duo-body-copy {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
@media only screen and (min-width: 768px) {
.duo-section .duo-section-wrapper .duo-body-copy {
-webkit-box-flex: 0;
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
padding-left: 40px; } }
.duo-section .duo-section-wrapper .duo-body-copy .duo-body-copy-wrapper {
max-width: 640px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0; }
@media only screen and (min-width: 768px) {
.duo-section .duo-section-wrapper .duo-body-copy .duo-body-copy-wrapper {
padding: 0 40px 0 0; } }
.duo-section-alt-layout .duo-body-copy {
-webkit-box-ordinal-group: 3 !important;
-webkit-order: 2 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
margin-left: 0 !important;
padding-left: 0 !important; }
@media only screen and (min-width: 768px) {
.duo-section-alt-layout .duo-body-copy {
-webkit-box-ordinal-group: 2 !important;
-webkit-order: 1 !important;
-ms-flex-order: 1 !important;
order: 1 !important; } }
.duo-section-alt-layout .duo-section-title {
-webkit-box-ordinal-group: 2 !important;
-webkit-order: 1 !important;
-ms-flex-order: 1 !important;
order: 1 !important; }
@media only screen and (min-width: 768px) {
.duo-section-alt-layout .duo-section-title {
-webkit-box-ordinal-group: 3 !important;
-webkit-order: 2 !important;
-ms-flex-order: 2 !important;
order: 2 !important; } }
.our-registry {
text-align: center; }
.our-registry .our-registry-tile-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.our-registry .our-registry-tile-wrapper .our-registry-tile {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 20px;
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 20px;
height: 100%;
background-color: #191919;
height: 100px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
@media only screen and (min-width: 768px) {
.our-registry .our-registry-tile-wrapper .our-registry-tile {
-webkit-box-flex: 0;
-webkit-flex: 0 0 32%;
-ms-flex: 0 0 32%;
flex: 0 0 32%;
margin-bottom: 20px;
height: 8vw; } }
@media only screen and (min-width: 1151px) {
.our-registry .our-registry-tile-wrapper .our-registry-tile {
-webkit-box-flex: 0;
-webkit-flex: 0 0 24%;
-ms-flex: 0 0 24%;
flex: 0 0 24%;
height: 8vw; } }
.our-registry .our-registry-tile-wrapper .our-registry-tile a {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-decoration: none;
border: 0;
background-color: #191919;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
text-transform: uppercase;
font-weight: 400;
color: #fff;
letter-spacing: 3px;
font-size: 14px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.our-registry .our-registry-tile-wrapper .our-registry-tile a:hover {
background-color: #333333;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
.duo-photographer-promo {
text-align: center;
background-color: #191919;
background-size: contain;
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
padding-top: 230px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
padding-left: 0;
padding-right: 0; }
@media only screen and (min-width: 768px) {
.duo-photographer-promo {
padding-top: 20vw;
padding-bottom: 20vw;
padding-left: 40px;
padding-right: 40px;
background-size: cover;
background-attachment: fixed; } }
.duo-photographer-promo .duo-photographer-promo-wrapper {
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.duo-photographer-promo .duo-photographer-promo-wrapper .duo-photographer-box {
width: 100%;
background-color: #fff;
padding: 40px; }
@media only screen and (min-width: 768px) {
.duo-photographer-promo .duo-photographer-promo-wrapper .duo-photographer-box {
max-width: 400px; } }
.duo-photographer-promo .duo-photographer-promo-wrapper .duo-photographer-box .duo-photographer-thanks-title {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px;
line-height: 20px;
margin-top: 0; }
.duo-photographer-promo .duo-photographer-promo-wrapper .duo-photographer-box .duo-photographer-name {
text-transform: none !important;
margin-top: 10px;
margin-bottom: 10px;
letter-spacing: 0; }
.duo-photographer-promo .duo-photographer-promo-wrapper .duo-photographer-box .duo-photographer-paragraphs {
margin-top: 20px;
max-width: 400px;
width: 100%;
margin-left: auto;
margin-right: auto; }
.duo-photographer-promo .duo-photographer-promo-wrapper .duo-photographer-box .photographer-button {
margin-top: 30px; }
.duo-photographer-promo .duo-photographer-promo-wrapper .duo-photographer-box-pull-right {
margin-left: auto;
margin-right: 0; }
.duo-photographer-promo .duo-photographer-promo-wrapper .duo-photographer-box-pull-center {
margin-left: auto;
margin-right: auto; }
.duo-footer {
text-align: center;
padding-bottom: 80px; }
.duo-footer .duo-footer-title {
font-size: 20px;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 10px; }
.duo-footer .duo-footer-title img {
max-width: 400px;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
border: 0 !important; }
.duo-footer .duo-copyright {
font-size: 12px;
line-height: 18px;
margin-top: 30px; }
.duo-our-story {
text-align: center; }
ul, ol {
width: 100%;
max-width: 400px;
margin-left: auto;
margin-right: auto;
display: block;
text-align: left !important;
margin-top: 30px;
margin-bottom: 30px; }
ul li, ol li {
font-size: 20px;
line-height: 34px;
margin-bottom: 20px; }
/* Temp fix from BH */
ul li, ol li {
font-size: 15px !important;
line-height: 30px !important;
font-weight: 200 !important;
}