/*

Theme Name: Free the Bird

Theme URI: http://www.freethebird.com/

Author: Mello Media

Author URI: http://www.mellomedia.com.au/

Description: Wordpress theme for Free the Bird

Version: 1.12

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: clean, responsive

*/





/**

 * Animations

 */



/* VINES */



@keyframes menu-vine-left-rotate-show {

    0% {transform: rotate(-70deg);}

    100% {transform: rotate(0deg);}

}



@keyframes menu-vine-right-rotate-show {

    0% {transform: rotate(70deg);}

    100% {transform: rotate(0deg);}

}





@keyframes menu-vine-left-rotate-hide {

    0% {transform: rotate(0deg);}

    100% {transform: rotate(-70deg);}

}



@keyframes menu-vine-right-rotate-hide {

    0% {transform: rotate(0deg);}

    100% {transform: rotate(70deg);}

}



/* BIRDS */



@keyframes menu-bird-left-rotate-show {

    0% {transform: rotate(-100deg);}

    100% {transform: rotate(0deg);}

}



@keyframes menu-bird-right-rotate-show {

    0% {transform: rotate(100deg);}

    100% {transform: rotate(0deg);}

}





@keyframes menu-bird-left-rotate-hide {

    0% {transform: rotate(0deg);}

    100% {transform: rotate(-100deg);}

}



@keyframes menu-bird-right-rotate-hide {

    0% {transform: rotate(0deg);}

    100% {transform: rotate(100deg);}

}



/**

 * Basic Styles

 */

body {font-size: 1em; font-family: "garamond-premier-pro", sans-serif; font-weight: 400; min-height: 100vh; margin: 0; padding: 0;}

h1, h2, h3, h4, h5 {color: #193219; text-align: center; font-weight: 400; margin-top: 0;}

h1 {font-size: 2em; margin-bottom: 20px;}

h2 {font-size: 1.4em;}

h3 {color: #b6c5b9; text-transform: uppercase; font-size: 1.5em; font-family: 'lato', sans-serif; letter-spacing: 4px; margin-bottom: 50px;}

h1 a {color: #434343;}

h1 a:hover {color: #000000;}



section#weddings, section#weddings-single, section#contact, section#blog-listing, section#page, section#weddings-single-scroll {margin-top: 165px; padding: 0 20px;}

section#portfolio {margin-top: 110px; padding: 0 20px;}

section#weddings h1, section#portfolio h1, section#contact h1, #homepage-featured-weddings h2, section#blog-listing h1, section#page h1 {color: #b6c5b9; text-transform: uppercase; font-size: 2em; font-family: 'lato', sans-serif; font-weight: 300; letter-spacing: 6px; margin-bottom: 100px;}

section#portfolio h1 {margin-bottom: 30px;}

section#weddings-single h1 {font-size: 2em; letter-spacing: 9px; text-transform: uppercase;}



#page-content p, #contact-content p {font-size: 0.9em; letter-spacing: 0.7px; margin: 25px 0; line-height: 1.4em;}

#page-content p:first-of-type::first-letter, #contact-content p:first-of-type::first-letter {font-size: 2em;}







a {color: #434343;}

a, a:hover, a:active, a:focus {text-decoration: none; outline: 0;}

b, strong {font-weight: 600;}

fieldset {border: 0; margin: 0; padding: 0;}

img {max-width: 100%;}

main {max-width: 600px; margin: 0 auto; margin-bottom: 100px; /*flex: 1; (Removed as breaks IE11)*/ width: 100%;}

.noselect {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}



.mobile-bar {background: white none repeat scroll 0 0; height: auto; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999;}

#hamburger {cursor: pointer;}

header .mobile-bar #homepage-header-logo.fixit {margin: 0; position: unset;}







/**

 * Flexbox

 */

.flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}

.column {-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;}

.row {-webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row;}

.justify-space-between {-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}

.justify-space-around {-webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around;}

.justify-center {-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}

.justify-start {-webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;}

.justify-end {-webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;}

.items-center {-webkit-align-items: center; -ms-flex-align: center; align-items: center;}

.items-stretch {-webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}

.wrap {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}





/**

 * Homepage

 */

#homepage-testimonials, #homepage-quote, #homepage-video {height: 100vh;}

#homepage-video {display: none;}

header #homepage-header-logo {min-width: 210px; width: 210px; background: #fff; z-index: 99999;}

header #homepage-header-logo.fixit {position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; height: 93px;}

header nav {position: fixed; width: 100%; background: #fff; opacity: 1; top: 0; left: 0; text-align: center; height: 93px; margin-top: 0px; z-index: 9999; font-size: 0.75em; letter-spacing: 2px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

header nav ul {background: #fff; list-style: none; margin: 0; padding: 0; font-family: 'lato', sans-serif; text-transform: uppercase; max-width: 1100px; margin: 0 auto; height: 93px;}

header nav ul li a {color: #000;}

header nav ul li a:hover {color: #e8ede7;}

header nav #home-menu-item {width: 470px; position: relative;}

header nav #bird-vine-left {width: 150px; height: 80px; position: absolute; top: 0; left: 0;}

header nav #bird-vine-left .vine {position: absolute; top: -19px; left: 0; width: 150px; transform-origin: top right;}

header nav #bird-vine-left .bird {position: absolute; bottom: 12px; right: 30px; width: 20px; transform-origin: top right; transform: rotate(-100deg);}

header nav #bird-vine-right {width: 150px; height:80px; position: absolute; top: 0; right: 0;}

header nav #bird-vine-right .vine {position: absolute; top: -19px; right: 0; width: 150px; transform-origin: top left;}

header nav #bird-vine-right .bird {position: absolute; bottom: 12px; left: 30px; width: 20px; transform-origin: top left; transform: rotate(100deg);}

header nav.animateHide #bird-vine-left .vine {animation: menu-vine-left-rotate-hide 1s;}

header nav.animateHide #bird-vine-right .vine {animation: menu-vine-right-rotate-hide 1s;}

header nav.animateHide #bird-vine-left .bird {animation: menu-bird-left-rotate-hide 0.6s 0.2s; animation-fill-mode:forwards; animation-direction: reverse;}

header nav.animateHide #bird-vine-right .bird {animation: menu-bird-right-rotate-hide 0.6s 0.2s; animation-fill-mode:forwards; animation-direction: reverse;}

header nav.animateShow #bird-vine-left .vine {animation: menu-vine-left-rotate-show 1s;}

header nav.animateShow #bird-vine-right .vine {animation: menu-vine-right-rotate-show 1s;}

header nav.animateShow #bird-vine-left .bird {animation: menu-bird-left-rotate-show 0.6s 0.2s; animation-fill-mode:forwards;}

header nav.animateShow #bird-vine-right .bird {animation: menu-bird-right-rotate-show 0.6s 0.2s; animation-fill-mode:forwards;}

header nav #menu-logo {width: 300px; margin: 0 auto; z-index: 10; position: absolute; left: 0; right: 0;}

#homepage-testimonials {overflow: hidden;}

#homepage-testimonials {min-height: 100vh; color: #fff; width: 100%;}

#homepage-testimonials .testimonial-slides {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; padding: 0; margin: 0; opacity: 0;}

#homepage-testimonials .testimonial-slides.slick-initialized {opacity: 1; transition: opacity 0.2s ease-in;}

#homepage-testimonials .testimonial-slides .slick-slide {background-size: cover !important; background-position: center center !important; width: 100%; height: 100vh;}

#homepage-testimonials .testimonial-slides .slick-dots {position: absolute; padding: 0; display: none; bottom: 20px; width: 100%; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}

#homepage-testimonials .testimonial-slides .slick-dots li {cursor: pointer; display: inline-block; height: 20px; margin: 0 5px; padding: 0; position: relative; width: 20px;}

#homepage-testimonials .testimonial-slides .slick-dots li button {background: transparent none repeat scroll 0 0; border: 0 none; color: transparent; cursor: pointer; display: block; font-size: 0; height: 20px; line-height: 0; outline: medium none; padding: 5px; width: 20px;}

#homepage-testimonials .testimonial-slides .slick-dots li button::before {color: #bc9f17; content: "•"; font-family: "slick"; font-size: 30px; height: 20px; left: 0; line-height: 20px; opacity: 0.25; position: absolute; text-align: center; top: 0; width: 20px;}

#homepage-testimonials .testimonial-slides .slick-dots li.slick-active button::before {color: #ffffff; opacity: 0.75;}

#homepage-testimonials .testimonial-slides .slick-prev {left: 25px;}

#homepage-testimonials .testimonial-slides .slick-next {right: 25px;}

#homepage-testimonials .testimonial-slides .slick-prev::before {content: "\f104";}

#homepage-testimonials .testimonial-slides .slick-next::before {content: "\f105";}

#homepage-testimonials .testimonial-slides .slick-prev::before, .slick-next::before {color: #bc9f17; font-family: "FontAwesome"; font-size: 40px; line-height: 1; opacity: 0.75;}

#homepage-testimonials .testimonial-slides .slick-prev, #homepage-testimonials .testimonial-slides .slick-next {background: transparent none repeat scroll 0 0; border: medium none; color: transparent; cursor: pointer; display: block; font-size: 0; height: 40px; line-height: 0; margin-top: -20px; outline: medium none; padding: 0; position: absolute; top: 50%; width: 20px; z-index: 99;}

#homepage-testimonials article {height: 100%; min-width: 400px; width: 20vw; z-index: 2; background-color: rgba(0, 0, 0, 0.0); margin-top: 0; /*-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;*/}

#homepage-testimonials article .tesimonial-holder {padding: 50px;}

#homepage-testimonials h2, #homepage-testimonials .quote-from {font-family: 'lato', sans-serif; color: #fff; text-transform: uppercase; font-size: 0.9em;}

#homepage-testimonials .quote-location, #homepage-testimonials .quote-city {font-family: 'lato', sans-serif; text-transform: uppercase; font-size: 0.9em;}

#homepage-testimonials article .tesimonial-holder > * {display: block;}

#homepage-testimonials article .tesimonial-holder .quote-content p {font-size: 1.3em;}

#homepage-testimonials article .tesimonial-holder .quote-content p::first-line {font-weight: 600;}

#homepage-testimonials h2, #homepage-testimonials .quote-from, #homepage-testimonials .quote-location, #homepage-testimonials .quote-city {text-align: right;}

#homepage-quote {width: 100%; background: url('images/vine-quote-background.png'); background-repeat: no-repeat; background-position: 50% 50%;}

#homepage-quote article {background: #fff; color: #000; width: 500px; padding: 50px;}

#homepage-quote article .quote-content {font-style: italic; letter-spacing: 1px;}

#homepage-featured-weddings {padding: 100px 0;}

#featured-weddings-holder {max-width: 1200px; margin: 0 auto; opacity: 0; transition: opacity 0.2s ease-in;}

#featured-weddings-holder article {width: 32%; margin-bottom: 20px;}

#featured-weddings-holder article > .featured-wedding-wrapper {padding: 10px;}

#featured-weddings-holder article h3 {font-family: 'lato', sans-serif; text-transform: uppercase; margin-bottom: 0; margin-top: 20px; font-size: 0.9em;}

#featured-weddings-holder article .subtitle {display: block; text-align: center; font-size: 0.8em;}

#featured-weddings-holder article .subtitle > * {font-style: italic;}

#featured-weddings-holder article .gold {color: #bc9f17;}

#featured-weddings-holder article .featured-weddings-content {display: block; margin-top: 20px; font-size: 0.9em; letter-spacing: 1px;}

#featured-weddings-holder article img {height: auto;}

.grid-sizer {width: 32%;}

.gutter-sizer {width: 2%;}

/*#homepage-video {background: url('images/jai-video.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}*/

#homepage-video > div {text-align: center;}

#homepage-video h2 {color: #fff; text-transform: uppercase; font-size: 3em; letter-spacing: 4px; margin-bottom: 0;}

#homepage-video span {color: #fff; text-transform: uppercase; font-size: 1em; font-family: 'lato', sans-serif; letter-spacing: 6px;}

#homepage-video iframe {width: 100% !important; height: 100% !important;}

section#contact.homepage-item {display: none; margin-top: 50px;}

section#contact.homepage-item #contact-form-wrapper {background: none;}





/**

 * Weddings - Listing

 */



#featured-weddings-holder article.wedding-listing .featured-wedding-wrapper > * {text-align: left;}

section#weddings #featured-weddings-holder article {width: 23.5%; margin-bottom: 20px;}

section#weddings .grid-sizer {width: 23.5%;}

section#weddings .gutter-sizer {width: 2%;}



/**

 * Weddings - Single (NEW)

 */


section#weddings-single-scroll #wedding-content-wrapper {width: 37%;}
section#weddings-single-scroll #wedding-images {width: 60%; padding: 0 20px;}

section#weddings-single-scroll h1 {text-align: left; max-width: 500px; margin: 0 auto;}
section#weddings-single-scroll .wedding-text {font-size: 0.9em; letter-spacing: 0.7px; margin: 25px auto 50px auto; line-height: 1.4em; max-width: 500px; display: block;}
section#weddings-single-scroll .wedding-text::first-letter {font-size: 2em;}

section#weddings-single-scroll .wedding-song {margin-bottom: 50px; max-width: 500px; margin: 0 auto;}

section#weddings-single-scroll .wedding-gallery-image {position: relative; margin: 20px; display: /*inline-flex;*/ block;}
section#weddings-single-scroll .wedding-gallery-image picture {display: /*inline-flex;*/ block; width: 100%;}
section#weddings-single-scroll .wedding-gallery-image:first-of-type {margin-top: 0;}
section#weddings-single-scroll .wedding-gallery-image.img-landscape {width: 100%; margin: 0 0 20px 0;}
section#weddings-single-scroll .wedding-gallery-image.img-portrait {width: calc(50% - 10px);}
section#weddings-single-scroll .wedding-gallery-image.img-portrait:nth-child(even) {margin: 0 10px 20px 0;}
section#weddings-single-scroll .wedding-gallery-image.img-portrait:nth-child(odd) {margin: 0 0 20px 10px;}

section#weddings-single-scroll .wedding-gallery-image:hover a {opacity: 0.5;}

section#weddings-single-scroll .wedding-gallery-image > a {width: 40px; height: 40px; text-align: center; position: absolute; top: 10px; right: 10px; font-size: 2em; color: #fff; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

section#weddings-single-scroll #wedding-illustration {width: 100%; text-align: center; margin: 50px 0;}

section#weddings-single-scroll #wedding-illustration img {width: 100px;}

.blur-up {
        -webkit-filter: blur(5px);
        filter: blur(5px);
        transition: filter 400ms, -webkit-filter 400ms;
        transition: opacity .25s ease-in-out;
        opacity: 0.5;
    }

.blur-up.lazyloaded {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
}

section#wedding-bottom {width: 100%; margin: 0 40px; text-align: center;}

section#wedding-bottom .wedding-comments {max-width: 800px; margin: 0 auto; margin-bottom: 50px; width: 100%;}

/**

 * Weddings - Single (OLD)

 */



section#weddings-single .wedding-text {font-size: 0.9em; letter-spacing: 0.7px; margin: 50px 0; line-height: 1.4em;}

section#weddings-single .wedding-text::first-letter {font-size: 2em;}

section#weddings-single .wedding-gallery-image {position: relative;}

section#weddings-single .wedding-gallery-image:hover a {opacity: 0.5;}

section#weddings-single .wedding-gallery-image > a {width: 40px; height: 40px; text-align: center; position: absolute; top: 10px; right: 10px; font-size: 2em; color: #fff; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

section#weddings-single #wedding-illustration {width: 100%; text-align: center;}

section#weddings-single #wedding-illustration img {width: 15%;}

#sharing {margin: 50px 0;}

#sharing h2 {font-family: 'lato', sans-serif; font-size: 1.2em; letter-spacing: 2px; text-transform: uppercase; color: #b6c5b9;}

#sharing a {font-family: "garamond-premier-pro", sans-serif; letter-spacing: 1px; text-transform: uppercase; font-size: 0.9em;}

#sharing #sharing-links {max-width: 500px; margin: 0 auto;}

#comments {margin-top: 50px;}

#comments #respond-wrapper {background: #fdfcf8; margin-bottom: 50px;}

#comments #respond {padding: 20px;}

#comments #reply-title {font-family: 'lato', sans-serif; text-transform: uppercase; letter-spacing: 2px;}

#comments #respond label {display: block; font-family: "garamond-premier-pro", sans-serif; letter-spacing: 1px;}

#comments #respond .comment-form-author, #comments #respond .comment-form-email {width: 48%; display: inline-block; margin-top: 0; margin-bottom: 0;}

#comments #respond .form-submit {margin-bottom: 0;}

#comments #respond .comment-form-author {margin-right: 3%;}

#comments #respond textarea#comment, #commentform input {width: 100%; box-sizing: border-box; border: 0; background: #e8ede7; padding: 5px;}

#comments #respond textarea#comment {resize: vertical;}

#comments #respond .form-submit {text-align: right;}

#comments #respond .form-submit input {width: auto; padding: 5px 10px;}

#comments #comments-reveal {text-align: left;}

#comments #comments-reveal a {text-transform: uppercase; color: #9a9a9a;}

/*#comments #comments-reveal:after {content: "\f0d7"; font-family: 'FontAwesome'; display: block; color: #e8ede7;}*/

#comments #comments-wrapper {display: block;}

#comments .says {display: none;}

#comments .comment-meta {display: none;}

#comments .comment-body {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}

#comments .comment-body {margin: 10px 0; border-bottom: 1px dotted #cccccc;}

#comments .comment-author {margin-right: 20px; text-transform: uppercase; color: #9a9a9a; text-decoration: underline; min-width: 125px;}

#comments .reply {margin-left: 20px;}

#comments .comment-body p {margin: 0; padding-bottom: 10px; flex-grow: 1;}

section#page #comments form > p {width: 100%;}

.wedding-song {margin-bottom: 50px;}

ol.comment-list, ol.comment-list ol {list-style: outside none none; padding: 0;}

/*iframe {width: 100%;}*/

.video-container {position: relative; padding-bottom: 54.1%; padding-top: 2.2%; height: 0; overflow: hidden; max-width: 100%; height: auto;}

.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*.entry-content img, .entry-content iframe, .entry-content object, .entry-content embed {max-width: 100%;}*/







/**

 * Portfolio

 */



section#portfolio #portfolio-image {position: unset; margin-bottom: 50px;}

section#portfolio #portfolio-image .slick-slide img {margin: 0 auto; max-height: 70vh; max-width: 1000px;}

section#portfolio #portfolio-image .slick-nav {position: absolute; padding: 25px; text-transform: uppercase; font-family: 'lato', sans-serif; font-size: 0.8em; color: #b6c5b9; z-index: 2;}

section#portfolio #portfolio-image .slick-prev {left: 2%; top:0;}

section#portfolio #portfolio-image .slick-next {right: 2%; top:0;}

section#portfolio #portfolio-image .slick-nav .line {background: #b6c5b9 none repeat scroll 0 0; display: block; position: absolute; transition-delay: 0s; transition-duration: 0.45s; transition-property: top, right, bottom, left, width, height;}

section#portfolio #portfolio-image .slick-nav .line.top {height: 1px; left: 0; top: 0; width: 0;}

section#portfolio #portfolio-image .slick-nav .line.bottom {height: 1px; right: 0; bottom: 0; width: 0;}

section#portfolio #portfolio-image .slick-nav .line.right {height: 0; right: 0; top: 0; width: 1px;}

section#portfolio #portfolio-image .slick-nav .line.left {height: 0; left: 0; bottom: 0; width: 1px;}

section#portfolio #portfolio-image .slick-nav:hover .line.top, section#portfolio #portfolio-image .slick-nav:hover .line.bottom {width: 100%;}

section#portfolio #portfolio-image .slick-nav:hover .line.left, section#portfolio #portfolio-image .slick-nav:hover .line.right {height: 100%;}

section#portfolio #portfolio-image-nav .slick-slide {margin-right: 10px; cursor: pointer;}





/**

 * Blog - Listing

 */



section#blog-listing #featured-weddings-holder article {width: 23.5%; margin-bottom: 20px;}

section#blog-listing .grid-sizer {width: 23.5%;}

section#blog-listing .gutter-sizer {width: 2%;}





/**

 * Contact

 */



section#contact #contact-content {text-align: center; font-family: "garamond-premier-pro", sans-serif;}

section#contact #contact-collarge {max-width: 400px; display: block; margin: 100px auto; width: 100%;}

section#contact #contact-form-wrapper {background: #fdfcf8; margin-bottom: 50px;}

section#contact #contact-form {padding: 20px;}

section#contact form h2 {font-family: 'lato', sans-serif; text-transform: uppercase; letter-spacing: 2px;}

section#contact form label {display: block; font-family: "garamond-premier-pro", sans-serif; letter-spacing: 1px;}

section#contact form input, section#contact form textarea {width: 100%; box-sizing: border-box; border: 0; background: #e8ede7; padding: 5px;}

section#contact form > p {width: 48%; display: inline-block; margin-top: 0;}

section#contact form p#contact_name_field, section#contact form p#contact_phone_field {margin-right: 3%;}

section#contact form p#contact_message_field {width: 100%; display: inline-block; margin-top: 0; margin-bottom: 0;}

section#contact form .form-submit {text-align: right; margin-top: 20px;}

section#contact form .form-submit input {width: auto; padding: 5px 10px;}

section#contact form #contact-form-errors {margin: 10px 0; background: #9c1b09; color: #fff; padding: 10px; text-align: center;}



section#contact .slick-dots {padding: 0; display: none; bottom: 20px; width: 100%; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}

section#contact .slick-dots li {cursor: pointer; display: inline-block; height: 20px; margin: 0 5px; padding: 0; position: relative; width: 20px;}

section#contact .slick-dots li button {background: transparent none repeat scroll 0 0; border: 0 none; color: transparent; cursor: pointer; display: block; font-size: 0; height: 20px; line-height: 0; outline: medium none; padding: 5px; width: 20px;}

section#contact .slick-dots li button::before {color: #b6c5b9; content: "•"; font-family: "slick"; font-size: 30px; height: 20px; left: 0; line-height: 20px; opacity: 0.25; position: absolute; text-align: center; top: 0; width: 20px;}

section#contact .slick-dots li.slick-active button::before {opacity: 0.75;}





/**

 * Pages (General)

 */

section#page {}

section#page #page-content img {max-width: 100%; height: auto;}

.wp-gallery .wedding-gallery-image {position: relative;}

.wp-gallery .wedding-gallery-image > a {width: 40px; height: 40px; text-align: center; position: absolute; top: 10px; right: 10px; font-size: 2em; color: #fff; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

.wp-gallery .wedding-gallery-image:hover a {opacity: 0.5;}



.question-answer {margin: 25px 0 50px 0;}

.question-answer h2 {text-align: left;}


/**

 * Workshop Page

 */

section#page #contact-form-wrapper {background: #fdfcf8; margin-bottom: 50px;}

section#page #contact-form {padding: 20px;}

section#page form h2 {font-family: 'lato', sans-serif; text-transform: uppercase; letter-spacing: 2px;}

section#page form label {display: block; font-family: "garamond-premier-pro", sans-serif; letter-spacing: 1px;}

section#page form input, section#page form textarea {width: 100%; box-sizing: border-box; border: 0; background: #e8ede7; padding: 5px;}

section#page form > p {width: 48%; display: inline-block; margin-top: 0;}

section#page form p#contact_name_field, section#page form p#contact_phone_field {margin-right: 3%;}

section#page form p#contact_message_field {width: 100%; display: inline-block; margin-top: 0; margin-bottom: 0;}

section#page form .form-submit {text-align: right; margin-top: 20px;}

section#page form .form-submit input {width: auto; padding: 5px 10px;}

section#page form #contact-form-errors {margin: 10px 0; background: #9c1b09; color: #fff; padding: 10px; text-align: center;}



/**

 * Footer

 */

footer {background: #fdfcf8;}

footer #footer-subscribe {width: 100%; background: #e8ede7;}

footer #footer-subscribe-wrapper {max-width: 390px; padding: 10px 20px; margin: 0 auto;}

footer #footer-subscribe span {color: #000; font-family: 'lato', sans-serif; font-size: 1.2em; text-transform: uppercase; letter-spacing: 3px; /*position: absolute; left: 50%; transform: translate(-50%, -50%);*/ margin: 0 auto;}

footer ul {list-style: none; margin: 0; padding: 0; display: inline-block; text-align: left; max-width: 150px;}

footer #middle-col ul {max-width: none; width: 100%;}

footer #middle-col ul li {letter-spacing: 1px;}

footer .footer-cols {background: #fdfcf8; max-width: 1400px; margin: 0 auto; padding: 50px 0;}

/* IE11 Fix */

_:-ms-fullscreen, footer .footer-cols {width: 1400px;}

footer .footer-col {width: 20%; text-align: center;}

footer .footer-col ul li {font-family: 'lato', sans-serif; font-weight: 300; text-transform: uppercase; color: #292a29; margin-bottom: 20px; font-size: 0.8em; letter-spacing: 1.7px;}

footer .footer-col.bold-first ul li:first-of-type {font-family: 'lato', sans-serif; font-weight: 700;}

footer .footer-col ul li a:hover {color: #e8ede7;}

footer #footer-vine {width: 50%;}

/* IE11 Fix */

_:-ms-fullscreen, footer #footer-vine {width: 140px; height: 95px;}

footer ul#social-icons li {background: #e8ede7; height: 40px; width: 40px; border-radius: 50%;}

footer ul#social-icons li a {display: block; color: #fff; font-size: 1.5em;}

footer ul#social-icons li a i {display: block;}

footer ul#social-icons #facebook-icon {content: "\f0e0"; font-family: FontAwesome; display: block;}

footer #footer-bottom {background: #fff; width: 100%; padding: 10px 0;}

footer #footer-bottom ul {margin: 0 auto; max-width: 800px; padding: 15px 20px;}

footer #footer-bottom ul li {font-family: 'lato', sans-serif; font-size: 0.8em;}

footer #mailchimp {margin-top: 10px;}

footer #mailchimp input[type="email"] {background: #FDFCF8; border: 0; width: 100%; text-align: center; padding: 4px 0;}

footer #mailchimp #mc-embedded-subscribe {position: absolute; left: -5000px; width: 1px; height: 1px;}





/**

 * Responsive

 */



/* Fix for homepage testimonal height */

@media (max-height: 870px) {

    #homepage-testimonials article .tesimonial-holder .quote-content p {font-size: 1em;}

}


@media (max-width: 1400px) {

    section#weddings-single-scroll #wedding-images {padding: 0 1%;}

}



@media (max-width: 1200px) {

    #homepage-featured-weddings {padding: 100px 20px;}

}



@media (max-width: 1130px) {



    #screen-logo {display: none;}

    header #homepage-header-logo.fixit {left: 0; right: unset; height: auto;}

    header .mobile-bar #homepage-header-logo, header .mobile-bar #hamburger {font-size: 2em; padding: 10px 20px;}

    header nav, header nav ul {height: 70vh;}

    header nav ul {padding: 20vh 0 20vh 0;}

    header nav {display: none; opacity: 0; margin-top: 0; height: 100%;}

    section#homepage-testimonials {height: auto; overflow: auto; min-height: 0;}

    section#homepage-testimonials article {height: auto; background-color: #E4EBE5; width: 100%; min-width: 0;}

    #homepage-testimonials .testimonial-slides {position: relative; height: 70vh;}

    #homepage-testimonials .testimonial-slides .slick-slide {height: 70vh;}

    #homepage-testimonials, #homepage-testimonials h2, #homepage-testimonials .quote-from {color: #000;}



    #featured-weddings-holder article .subtitle {display: none;}

    #featured-weddings-holder article .featured-weddings-content {display: none;}

    #homepage-featured-weddings {padding: 0 20px;}

    section#weddings-single-scroll {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    section#weddings-single-scroll #wedding-content-wrapper {width: 100%; margin-bottom: 100px;}
    section#weddings-single-scroll #wedding-images {width: 100%; padding: 0 20px;}


    footer .footer-cols {order: 1; width: 100%;}

    footer #footer-subscribe {order: 2; background: #c4cecf;}

    #footer-bottom {order: 3;}

    footer .footer-col:nth-of-type(3) {display: none;}



    footer ul#social-icons {max-width: 400px !important;}

    footer ul#social-icons li {background: #c4cecf; height: 50px; width: 50px;}



    section#contact.homepage-item {display: block;}

    

}



@media (max-width: 840px) {

    section#portfolio #portfolio-image .slick-nav {display: none !important;}

}



@media (max-width: 800px) {

    #footer-awards {display: none;}

    footer .footer-col {width: 30%;}

    footer #footer-bottom #footer-bottom-links li:nth-of-type(1) {display: none;}



    section#blog-listing #featured-weddings-holder article, section#weddings #featured-weddings-holder article {width: 32%;}

    section#blog-listing .grid-sizer, section#weddings .grid-sizer {width: 32%;}

    section#blog-listing .gutter-sizer, section#weddings .gutter-sizer {width: 2%;}

}



@media (max-width: 550px) {

    footer .footer-cols {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}

    footer .footer-col {width: 50%;}

    #footer-awards {display: block;}

    footer .footer-col.bold-first {padding-top: 50px;}

    #footer-weddings, #footer-awards {display: none;}



    section#blog-listing #featured-weddings-holder article, section#weddings #featured-weddings-holder article, #featured-weddings-holder article {width: 48%;}

    section#blog-listing .grid-sizer, section#weddings .grid-sizer, .grid-sizer {width: 48%;}

    section#blog-listing .gutter-sizer, section#weddings .gutter-sizer, .gutter-sizer {width: 2%;}

}



@media (max-width: 520px) {



    #homepage-quote {background: none;}

    footer #footer-bottom #footer-bottom-links li:nth-of-type(1), footer #footer-bottom #footer-bottom-links li:nth-of-type(3), footer #footer-bottom #footer-bottom-links li:nth-of-type(4) {display: none;}

    footer #footer-bottom #footer-bottom-links {-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}

}





@media (max-width: 460px) {

    section#contact form > p {width: 100%;}

    footer #footer-subscribe span {font-size: 1em;}

}



@media (max-width: 380px) {

    footer #footer-subscribe span {font-size: 0.8em;}



    section#blog-listing #featured-weddings-holder article, section#weddings #featured-weddings-holder article, #featured-weddings-holder article {width: 100%;}

    section#blog-listing .grid-sizer, section#weddings .grid-sizer, .grid-sizer {width: 100%;}

    section#blog-listing .gutter-sizer, section#weddings .gutter-sizer, .gutter-sizer {width: 0;}

}



@media (max-width: 330px) {



    footer #footer-subscribe span {font-size: 0.6em;}



}