/* Aplite Theme v1.0                                                        */
/* Created by Salted Stone                                                  */
/****************************************************************************/

/* =Variables
-------------------------------------------------------------- */
 
 

/* =Fonts
-------------------------------------------------------------- */
@import url(//fonts.googleapis.com/css?family=Open+Sans:100,300,300italic,400,400italic,600,600italic,700,700italic);
@import url(//fonts.googleapis.com/css?family=Roboto:100,300,300italic,400,400italic,600,600italic);

@font-face {
    font-family: 'modern_pictograms_proregular';
    src: url('//cdn2.hubspot.net/hubfs/364768/Aplite/fonts/modernpictogramspro_2.34-webfont.eot');
    src: url('//cdn2.hubspot.net/hubfs/364768/Aplite/fonts/modernpictogramspro_2.34-webfont.eot?#iefix') format('embedded-opentype'),
         url('//cdn2.hubspot.net/hubfs/364768/Aplite/fonts/modernpictogramspro_2.34-webfont.woff2') format('woff2'),
         url('//cdn2.hubspot.net/hubfs/364768/Aplite/fonts/modernpictogramspro_2.34-webfont.woff') format('woff'),
         url('//cdn2.hubspot.net/hubfs/364768/Aplite/fonts/modernpictogramspro_2.34-webfont.ttf') format('truetype'),
         url('//cdn2.hubspot.net/hubfs/364768/Aplite/fonts/modernpictogramspro_2.34-webfont.svg#modern_pictograms_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* =Reset
-------------------------------------------------------------- */
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%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}


ol, ul {
    list-style: none;
    line-height: 20px;
    margin: 0;
}

blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a {
    text-decoration:none;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
    max-width:100%;
    height:auto;
}
a:focus {
	outline:none;
}

/* Clearing floats */
.manual-clear:after,
.aplite-section-title-wrap:after {
    clear: both;
}
.manual-clear:before,
.manual-clear:after,
.aplite-section-title-wrap:before,
.aplite-section-title-wrap:after {
	display: table;
	content: "";
}

/* =Main Theme Styles
-------------------------------------------------------------- */
body {
    font-family: Open Sans;
    font-weight: 300;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-size: 17px;
    color: #878787;
    line-height: 28px;
}
.dhide {
    display:none;
}
.page-center {
    max-width:1140px;
    margin:0 auto;
    padding:0 9px;
}

.aplite-section-wrap-top {
    padding:60px 0 80px 0;
}

.aplite-section-wrap {
    padding:80px 0;
}
.aplite-section-wrap-medium {
    padding:60px 0;
}
.aplite-section-wrap-thin {
    padding:40px 0;
}
.bg-primary {
    background:#4ba7e4;
    color:#FFF;
}

.bg-venue {
    background: url("https://cdn2.hubspot.net/hubfs/2102768/faber-peak-garden.jpg") top center no-repeat scroll;
    background-size:cover;
    width:100%!important;
}

.bg-venue-overlay {
    z-index: 1;
    background-color: rgba(0,0,0,0.25);
    background-blend-mode: overlay;
}
    
.bg-tinted-light {
    background-color:rgba(75, 167, 228, 0.1);
}
.bg-tinted-dark {
    background-color:#000744;
    color:#FFF;
}
.bg-dark-brand-mix {
    background-color:rgba(36, 196, 168, 0.37);
}
.bg-light-grey {
    background-color:#F6F6F6;
}
.bg-white {
    background-color:#FFF;
}

.header-container .widget-span {
    min-height:0!important;
}

.aplite-section-title-wrap {
    text-align:center;
    padding-bottom:75px;
}
.aplite-section-title-wrap.left {
    text-align:left;
}
h2.aplite-section-title, .aplite-section-title.widget-span .hs_cos_wrapper_type_text {
    display:inline;
    border-bottom-width:3px;
    border-bottom-style:solid;
    border-bottom-color:#4ba7e4;
    padding-bottom:8px;
    font-size: 32px;
    color: #414141;
    line-height: 39px;
    font-family: Roboto;
    font-weight: 300;
}
.bg-tinted-dark h2.aplite-section-title,
.bg-tinted-dark .aplite-section-title.widget-span .hs_cos_wrapper_type_text,
.bg-primary h2.aplite-section-title,
.bg-primary .aplite-section-title.widget-span .hs_cos_wrapper_type_text,
.bg-venue h2.aplite-section-title,
.bg-venue .aplite-section-title.widget-span .hs_cos_wrapper_type_text {
    border-bottom-color:#FFF;
    border-image:none!important;
    color:#FFF;
}
html.borderimage .aplite-section-title, html.borderimage .aplite-section-title.widget-span .hs_cos_wrapper_type_text {
    -moz-border-image: -moz-linear-gradient(left, #4ba7e4 0%, #24c4a8 100%); /* FF3.6+ */
    -webkit-border-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#4ba7e4), color-stop(100%,#24c4a8)); /* Chrome,Safari4+ */
    -webkit-border-image: -webkit-linear-gradient(left, #4ba7e4 0%,#24c4a8 100%); /* Chrome10+,Safari5.1+ */
    -o-border-image: -o-linear-gradient(left, #4ba7e4 0%,#24c4a8 100%); /* Opera 11.10+ */
    -ms-border-image: -ms-linear-gradient(left, #4ba7e4 0%,#24c4a8 100%); /* IE10+ */
    border-image: linear-gradient(to right, #4ba7e4 0%,#24c4a8 100%); /* W3C */
    border-image-slice: 1;
}
html.borderimage .bg-tinted-dark .aplite-section-title, html.borderimage .bg-tinted-dark .aplite-section-title.widget-span .hs_cos_wrapper_type_text, html.borderimage .bg-primary .aplite-section-title, html.borderimage .bg-primary .aplite-section-title.widget-span .hs_cos_wrapper_type_text {
    border-bottom-color:#FFF;
    border-image:none;
    color:#FFF;
}

.mini-header {
    font-size:18px;
    font-weight:700;
}

.header-container-wrapper {
    position: fixed;
    width: 100%;
    z-index: 999;
}

.header-container-wrapper.scrolled {
    background-color: #fff !important;
    transition: background-color 300ms linear;
}

.header-container-wrapper .hs_cos_wrapper_type_logo a, .header-container-wrapper .hs_cos_wrapper_type_linked_image a {
    margin:15px 0;
    display:block;
    position:relative;
    min-height:30px;
}
.header-container-wrapper .hs_cos_wrapper_type_logo img, .header-container-wrapper .hs_cos_wrapper_type_linked_image img {
    width:auto !important;
    display:block;
    height:auto;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}

.header-container-wrapper .hs-menu-wrapper {
    text-align:right;
    font-size:0px;
    margin-top:11px;
    font-weight:400;
}
.header-container-wrapper .hs-menu-item {
    text-align:left;
    display:inline-block;
    position:relative;
    zoom:1;
    *display:inline;
}
.header-container-wrapper .hs-menu-depth-1.hs-menu-item {
    margin:15px 3px;
}
.header-container-wrapper .hs-menu-depth-1.hs-menu-item a {
    padding:7px 15px;
    border-radius:5px;
    font-size: 14px;
    color: #878787;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    line-height: 17px;
}
.header-container-wrapper .hs-menu-depth-1.hs-menu-item:hover a {
    background: #edf6fc;
}
.header-container-wrapper .hs-menu-children-wrapper .hs-menu-item, .header-container-wrapper .hs-menu-children-wrapper .hs-menu-item a {
    display:block;
}
.header-container-wrapper .hs-menu-children-wrapper {
    display:none;
    position:absolute;
}
.header-container-wrapper .hs-menu-depth-1 .hs-menu-children-wrapper {
    left:0;
    top:23px;
    min-width:140px;
    background:#f5ffff;
}
.header-container-wrapper .hs-menu-depth-2 .hs-menu-children-wrapper {
    left:100%;
    top:0px;
    min-width:140px;
    background:#f5ffff;
}
.header-container-wrapper .hs-menu-item:hover > .hs-menu-children-wrapper {
    display:block;
}

.cta-style-white-filled .cta_button {
    background:#FFF;
    display:block;
    color:#4ba7e4;
    font-size:18px;
    padding:12px 0;
    text-align:center;
    border:2px solid #FFF;
    border-radius:5px;
    transition:all 0.3s ease;
}
.cta-style-white-hollow .cta_button {
    background:transparent;
    display:block;
    color:#FFF;
    font-size:18px;
    padding:12px 0;
    text-align:center;
    border:2px solid #FFF;
    border-radius:5px;
    transition:all 0.3s ease;
}
.cta-style-color-hollow .cta_button {
    background:transparent;
    display:block;
    color:#4ba7e4;
    font-size:18px;
    padding:12px 0;
    text-align:center;
    border:2px solid #4ba7e4;
    border-radius:5px;
    transition:all 0.3s ease;
}
.cta-style-white-filled .cta_button:hover {
    background:#4ba7e4;
    color:#FFF;
}
.cta-style-white-hollow .cta_button:hover {
    background:rgba(255,255,255,0.2);
}
.cta-style-color-hollow .cta_button:hover {
    color:#FFF;
    background:#4ba7e4;
}

#mobile .sidr-class-hs-cta-node a {
    border:2px solid white;
    background:#FFF;
    border-radius:5px;
    display:block;
    padding:12px 0;
    transition:all 0.3s ease;
    text-align:center;
    width:89%;
    margin:0 auto;
}
#mobile .sidr-class-hs-cta-node a:hover {
    background:rgba(255,255,255,0.8);
}
.header-cta .cta_button {
    font-size:14px;
    color:#4BA7E4;
    line-height:17px;
    margin-top:14px;
    border-width:1px;
    padding:10px 0;
}

.footer-title {
    font-weight:700;
    font-size: 24px;
    line-height: 32px;
}

#site-footer {
    font-size:14px;
    line-height:23px;
}
.footer-widget-title {
    font-weight:700;
    font-size:14px;
    color:#414141;
}
#site-footer a {
    color:#878787;
}
#site-footer .hs_cos_wrapper_type_follow_me {
    text-align:right;
}
#site-footer .hs_cos_wrapper_type_follow_me a {
    margin-left:12px;
}
#site-footer .hs_cos_wrapper_type_blog_subscribe h3 {
    font-size:14px;
    font-weight:normal;
}
#site-footer .input input {
    width:100%;
    border-radius:3px;
    height:38px;
    border:1px solid #D0D0D0;
}
#site-footer .input input {
    box-sizing: border-box;
    padding: 4px;
}
#site-footer .hs-error-msgs {
    font-size:12px;
    color:#d30000;
    text-align:center;
}
#site-footer .hs_submit input {
    background:#D0D0D0;
    display:inline-block;
    padding:7px 17px;
    color:#FFF;
    border:none;
    border-radius:4px;
    font-size:14px;
    margin-top:9px;
    font-family:Open Sans;
}
#site-footer .hs_submit input:hover {
    background:#333;
}
.hs-footer-company-copyright {
    display:block;
    padding:10px 0;
}

/* Some template stuff, don't sweat this at all */
.theme-border {
    border-bottom-width:3px;
    border-bottom-style:solid;
    border-bottom-color:#4ba7e4;
    padding-bottom:8px;
}
html.borderimage .theme-border {
    -moz-border-image: -moz-linear-gradient(left, #4ba7e4 0%, #24c4a8 100%); /* FF3.6+ */
    -webkit-border-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#4ba7e4), color-stop(100%,#24c4a8)); /* Chrome,Safari4+ */
    -webkit-border-image: -webkit-linear-gradient(left, #4ba7e4 0%,#24c4a8 100%); /* Chrome10+,Safari5.1+ */
    -o-border-image: -o-linear-gradient(left, #4ba7e4 0%,#24c4a8 100%); /* Opera 11.10+ */
    -ms-border-image: -ms-linear-gradient(left, #4ba7e4 0%,#24c4a8 100%); /* IE10+ */
    border-image: linear-gradient(to right, #4ba7e4 0%,#24c4a8 100%); /* W3C */
    border-image-slice: 1;
}

.flexible-column .hs_cos_wrapper_widget:not(.hs_cos_wrapper_type_custom_widget) + .hs_cos_wrapper_widget:not(.hs_cos_wrapper_type_custom_widget) {
    padding-top:1.8em;
}

.widget-header {
    font-size:18px;
    color:#414141;
    padding-bottom:0.8em;
}

.divider-line {
    height:1px;
    margin:3em 0;
    background:#D0D0D0;
}

.body-container-wrapper .hs-menu-wrapper a {
    padding:11px 13px 8px;
    border-radius:5px;
    color:#4ba7e4;
    background-color:#FFF;
    transition:0.2s;
    line-height:1;
    display:inline-block;
    zoom:1;
    *display:inline;
}
.body-container-wrapper .hs-menu-wrapper a:hover {
    color:#FFF;
    background-color:#4ba7e4;
}

.pullout-copy {
    color:#FFF;
    font-weight:300;
    font-size:32px;
    text-align:center;
    padding:0 6%;
    line-height:1.2em;
}

.single-column-flexible .hs_cos_wrapper:nth-child(even) {
    background-color:rgba(75, 167, 228, 0.1);
}

#blog-comments {
    padding-top:50px;
}
#comment-form {
    padding-top:60px;
    border-top:1px solid #D1D1D1;
}

.hs-form {
    margin: 0 auto!important;
}

.hs-form-field {
    padding-bottom:20px;
}
.hs-input {
    padding:8px 15px;
    border-radius:5px;
    border:1px solid #D2D2D2;
    font-size:16px;
    color:#878787;
    width:100%!important;
    box-sizing:border-box;
    max-width:490px;
}
.hs_subscribe.hs-form-field .hs-input {
    width:auto;
}
.hs-button.primary {
    display: block;
    background:#fff;
    padding:10px 17px;
    min-width:154px;
    margin: 0 auto;
    text-align:center;
    border-radius:5px;
    font-size:16px;
    font-family:Open Sans;
    color:#4ba7e4;
    border:2px solid #4ba7e4;
}

.hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover, 
.hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus{
    background: #4ba7e4;
    color:#fff;
    border:2px solid #fff;
    cursor:pointer;
    transition:all 0.1s ease;    
}


.widget-type-rich_text ul, .post-body ul, .hs_cos_wrapper_type_rich_text ul {
    list-style-type:square;
    list-style-position:outside;
    padding-left:25px;
}
.widget-type-rich_text ol, .post-body ol, .hs_cos_wrapper_type_rich_text ol {
    list-style-type:decimal;
    list-style-position:outside;
    padding-left:25px;
}
.widget-type-rich_text li, .post-body li, .hs_cos_wrapper_type_rich_text li {
    padding-top:1em;
}
.widget-type-rich_text ul li:first-child, .widget-type-rich_text ol li:first-child, .hs_cos_wrapper_type_rich_text ul li:first-child, .hs_cos_wrapper_type_rich_text ol li:first-child, .post-body ul li:first-child, .post-body ol li:first-child {
    padding-top:0;
}
.widget-type-rich_text a, .post-body a, .excerpt-body a, .hs_cos_wrapper_type_rich_text a {
    color:#4ba7e4;
}
.widget-type-rich_text a:hover, .post-body a:hover, .hs_cos_wrapper_type_rich_text a {
    text-decoration:underline;
}
.post-body blockquote {
    padding-left:30px;
    margin-left:30px;
    border-left:2px solid #4A4A4A;
    font-weight:300;
    font-style:italic;
    font-size:20px;
    line-height:1.8em;
    margin-bottom:1.8em;
}
.post-body blockquote p {
    padding-bottom:0;
}
.post-body code {
    background-color:#f6f6f6;
    padding:4px;
}

.fix-v-align .widget-span {
    position:relative;
}

/*****************************************/
/* Phone to Tablet Media Queries         */
/*****************************************/


@media (max-width: 767px) {
    
    .header-container {
        display:none;
    } 
    
    .header-title {
        font-size: 36px!important;
        margin-top: -25%!important;
        letter-spacing: 0.1em!important;
    }
    
    .emoji {
        max-width: 12%!important;
    }
    
.crossfade > figure:nth-child(1) { 
  background-position: 20% 50%!important;
}
.crossfade > figure:nth-child(2) {
  background-position: 65% 50%!important;
}
.crossfade > figure:nth-child(3) {
  background-position: 75% 50%!important;
}
.crossfade > figure:nth-child(4) {
  background-position: 54% 50%!important;
}
    
    .widget-type-space {
        display:none !important;
    }
    .m-no-break.widget-type-space {
        display:block!important;
    }
    
    .header-container-wrapper .hs_cos_wrapper_type_logo a, .header-container-wrapper .hs_cos_wrapper_type_linked_image a {
        max-width:calc(100% - 50px);
    }
    
    h2.aplite-section-title, .aplite-section-title.widget-span .hs_cos_wrapper_type_text {
        padding-bottom:0;
    }
    
    .aplite-section-wrap {
        padding: 50px 0px;
    }
    .aplite-section-wrap-medium {
        padding:35px 0;
    }
    
    .aplite-section-title-wrap {
        padding-bottom:35px;
    }
    
    .aplite-section-wrap-top {
        padding:10% 0 80px 0!important;
}
    
    
    .widget-span + .widget-type-widget_container {
        padding-top:5em;
    }
    .span6 + .span6 {
    /*    padding-top:2em;    */
    }
    
    #site-footer > div > div > div > div > div > div > div > .widget-span { 
        padding-bottom:25px;
    }
    #site-footer .hs_submit input {
        width:100%;
        display:block;
        -ms-appearance:none;
        -o-appearance:none;
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none;
    }
    #site-footer .hs_cos_wrapper_type_follow_me, .hs-footer-company-copyright {
        text-align:center;
    }
    .widget-type-follow_me {
        padding-bottom:0!important;
    }
    .hs-page .hs-tools-menu {
        top:70px!important;
    }
}

/*****************************************/
/* Header Image Slider                   */
/*****************************************/

.header-margin {
  padding: 50vh 0;
}

.crossfade > figure {
  animation: imageAnimation 20s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
}

.crossfade > figure:nth-child(1) { 
  background-image: url('https://cdn2.hubspot.net/hubfs/2102768/Wedding/lk-02.jpg');
  background-position: center center;
}
.crossfade > figure:nth-child(2) {
  animation-delay: 5s;
  background-image: url('https://cdn2.hubspot.net/hubfs/2102768/Wedding/lk-03.jpg');
  background-position: center center;
}
.crossfade > figure:nth-child(3) {
  animation-delay: 10s;
  background-image: url('https://cdn2.hubspot.net/hubfs/2102768/Wedding/lk-04.jpg');
  background-position: center center;
}
.crossfade > figure:nth-child(4) {
  animation-delay: 15s;
  background-image: url('https://cdn2.hubspot.net/hubfs/2102768/Wedding/lk-05.jpg');
  background-position: center center;
}

@keyframes imageAnimation {  
    0% { animation-timing-function: ease-in; opacity: 0; }
    8% { animation-timing-function: ease-in; opacity: 1;}
    17% { opacity: 1;}
    33% { opacity: 0;}
    100% { opacity: 0;}
}

	
.header-title {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-top: -7%;
  z-index: 20;
  color: white;
  font-family: Roboto;
  font-size: 50px;
  letter-spacing: 0.13em;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.scroll-arrow {
  height: 60px;
  width: 60px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  margin-top: 30vh;
  z-index: 20;
}


/*****************************************/
/* Miscellaneous                         */
/*****************************************/

.hs_cos_gallery_main .slick-slide img, .hs_cos_gallery_thumbnails .slick-slide img, .hs_cos_gallery_lightbox .slick-slide img {
    max-height: 90vh!important;
    max-width: 100%!important;
    width: auto!important;
}

.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-right: -4px
}

.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0;
    padding: 0;
    border-width: 0
}

.google-maps {
    position: relative;
    padding-bottom: 80%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
    }
    
.google-maps iframe {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    }