/*
Theme Name: Maddie Sumsion
Version: 1.0
Description: A custom built theme for Maddie Sumsion by Kaleb Mosher
Author: Kaleb Mosher
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fl-automator
*/

@font-face {
    font-family: 'Hello Paris Sans';
    src: url('fonts/HelloParisSansExtraLight.eot');
    src: url('fonts/HelloParisSansExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelloParisSansExtraLight.woff2') format('woff2'),
        url('fonts/HelloParisSansExtraLight.woff') format('woff'),
        url('fonts/HelloParisSansExtraLight.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hello Paris Sans';
    src: url('fonts/HelloParisSansMedium.eot');
    src: url('fonts/HelloParisSansMedium.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelloParisSansMedium.woff2') format('woff2'),
        url('fonts/HelloParisSansMedium.woff') format('woff'),
        url('fonts/HelloParisSansMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hello Paris Sans';
    src: url('fonts/HelloParisSansBold.eot');
    src: url('fonts/HelloParisSansBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelloParisSansBold.woff2') format('woff2'),
        url('fonts/HelloParisSansBold.woff') format('woff'),
        url('fonts/HelloParisSansBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hello Paris Sans';
    src: url('fonts/HelloParisSansLight.eot');
    src: url('fonts/HelloParisSansLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelloParisSansLight.woff2') format('woff2'),
        url('fonts/HelloParisSansLight.woff') format('woff'),
        url('fonts/HelloParisSansLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mories';
    src: url('fonts/Mories.eot');
    src: url('fonts/Mories.eot?#iefix') format('embedded-opentype'),
        url('fonts/Mories.woff2') format('woff2'),
        url('fonts/Mories.woff') format('woff'),
        url('fonts/Mories.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hello Paris Sans';
    src: url('fonts/HelloParisSansRegular.eot');
    src: url('fonts/HelloParisSansRegular.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelloParisSansRegular.woff2') format('woff2'),
        url('fonts/HelloParisSansRegular.woff') format('woff'),
        url('fonts/HelloParisSansRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/PlayfairDisplay-Regular.eot');
    src: url('fonts/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
        url('fonts/PlayfairDisplay-Regular.woff') format('woff'),
        url('fonts/PlayfairDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/PlayfairDisplay-Italic.eot');
    src: url('fonts/PlayfairDisplay-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/PlayfairDisplay-Italic.woff2') format('woff2'),
        url('fonts/PlayfairDisplay-Italic.woff') format('woff'),
        url('fonts/PlayfairDisplay-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'mellony dry brush';
    src: url('fonts/mellonydrybrush.eot');
    src: url('fonts/mellonydrybrush.eot?#iefix') format('embedded-opentype'),
        url('fonts/mellonydrybrush.woff2') format('woff2'),
        url('fonts/mellonydrybrush.woff') format('woff'),
        url('fonts/mellonydrybrush.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*
off-white: #c0c5ca
rust: #ae7355
blue: #62656f
green: #5a5847
*/

/****General Styles****/
body { font-family: 'Playfair Display',sans-serif; color: #0a0a0a; word-wrap: break-word; font-weight: 400; }
a, a:hover { text-decoration: none; color: #ae7355; }
    a:hover { color: #905131; text-decoration: underline; }
img { max-width: 100%; height: auto; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Mories',sans-serif; }
h1,.h1 { font-size: 3.6rem; font-family: 'mellony dry brush',Brush Script MT,cursive; }
main p {font-size: 1.1em;}
.paris { font-family: 'Hello Paris Sans', sans-serif;}
.mellony { font-family: 'mellony dry brush',Brush Script MT,cursive;}
.playfair { font-family: 'Playfair Display',sans-serif; }
.mories { font-family: 'Mories',sans-serif;  }
.btn, button[type=submit] { display: inline-block; font-weight: 400; line-height: 1.5; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; padding: 1rem 3rem; border-radius: 10px; font-size: 1.2em; font-family: 'Playfair Display'; text-transform: uppercase; }
.btn-primary, button[type=submit] { color: #fff; background-color: #ae7355; border-color: #ae7355; }
.btn-primary:hover, .btn-primary:focus, button[type=submit]:hover, button[type=submit]:focus { background-color: #905131; border-color: #905131; text-decoration: none; }
.container-small .container { max-width: 1000px; }
.container-medium .container { max-width: 1300px; }
.container-large .container { max-width: 1500px; }
.bg-rust { background-color: #ae7355; color: #fff; }
.bg-dust { background-color: #c6bba9; color: #000; }
.bg-blue { background-color: #c1cbc0; color: #000; }
.bg-gray { background-color: #c0c5ca; }
.bg-green { background-color: #cac9b7; color: #000; }

/****Wordpress Core****/
.alignnone { margin: 0 30px 30px 0; }
.aligncenter { display: block; margin: 0 auto 30px auto; }
.alignright { float: right; margin: 0 0 30px 30px; }
.alignleft { float: left; margin: 0 30px 30px 0; }

header, footer { font-size: 16px; }
header { position: relative; z-index: 999; }
header .navbar ul { list-style: none; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0; font-size: 18px; }
header .navbar ul .sub-menu { position: absolute; padding: 0; top: 100%; left: 0; display: block; pointer-events: none; opacity: 0; transition: opacity 0.3s ease; }
header .navbar ul .menu-item-has-children { position: relative; }
header .navbar ul .sub-menu li a { padding: 3px 10px; display: block; border-bottom: 1px solid #ae7355; }
header .navbar ul .sub-menu li { background-color: #fff; min-width: 193px; padding: 5px 10px; }
header #main-menu-left, header #main-menu-right { max-width: 400px; }
header .navbar .container-fluid { justify-content: center; }
header .navbar ul .sub-menu li:hover, header .navbar ul .sub-menu li:focus { background-color: #ececec; }
header a:hover, header a:focus { text-decoration: none; }
header .navbar ul li.menu-item-has-children:hover .sub-menu, header .navbar ul li.menu-item-has-children a:focus + .sub-menu { pointer-events: all; opacity: 1; }
footer .footer-nav ul { list-style: none; padding: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
footer { background-color: #cac9b7; padding: 60px 0; }
footer .social-media a { font-size: 21px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; background-color: #62656f; color: #fff; border-radius: 10px; margin-right: 5px; }
footer .social-media a:hover, footer .social-media a:focus { text-decoration: none; background-color: #444a5d; }
footer .social-media { display: flex; align-items: center; }
footer .column { display: flex; flex-direction: column; }
footer .column > *:last-child { margin-top: auto; }
footer .copyright { display: flex; flex-direction: column; align-items: flex-start;justify-content: flex-start; }
footer .copyright p:last-child { margin-bottom: 0; }
footer .copyright picture, footer .copyright img, footer .copyright amp-img {max-height: 150px;width: auto;margin-bottom: 30px; object-position: left center;}

main section { padding-bottom: 60px; padding-top: 60px; font-size: 16px; }
main section:first-child { padding-top: 250px; }
.home main section:first-child { padding-top: 200px; }
.carousel { padding-bottom: 200px; }
.hey { padding-top: 0; background-color: #f6f6f6; }
.hey > .col-12 { margin-top: -85px; }
.hey p, .hey h1 { margin-bottom: 3rem; }
.hey h1 { color: #ae7355; }
.hey .content { padding-left: 80px; position: relative; }
.hey .content:after { content: ''; position: absolute; top: 10%; height: 80%; left: 35px; width: 1px; background-color: #ae7355; }
.hey .image { position: relative; }
.hey .image:before { content: ''; width: 100%; height: 100%; position: absolute; background-color: #e8e8e8; margin-left: 15px; margin-top: 15px; }
.hey .image amp-img { max-height: 650px; object-fit: cover; object-position: center left; }
.testimonials .slide { display: flex; }
.testimonials .slide .image { flex: 0 0 40%; padding: 30px; position: relative; z-index: 2; margin-left: -70px; }
.testimonials .slide .content { background-color: #f6f6f6; padding: 4rem; align-self: center; position: relative; z-index: 1; }
.base-carousel .slide { padding: 10px; width: 500px; display: flex; align-items: center; justify-content: center; }
.duo-image { padding: 60px 0 80px; overflow-x: hidden; }
.duo-images { position: relative; width: 100%; height: 100%; }
.duo-images > * { top: 0; left: 0; z-index: 1; opacity: 1; transition: all 0.3s ease; width: 100%; }
.duo-images > *:last-child { top: 40px; left: 40px; z-index: -1; opacity: 0.7; position: absolute; }
.duo-images:hover > * { z-index: -1; top: 40px; left: 40px; opacity: 0.7; }
.duo-images:hover > *:last-child { top: 0; left: 0; opacity: 1; z-index: 1; }
.duo-image .container > div { margin-bottom: 60px; }
.duo-image .container > div:last-child { margin-bottom: 0; }
.duo-image.image-right .container > div:nth-child(odd) { flex-direction: row-reverse; }
.duo-image.image-right .container > div:nth-child(even) .duo-images > * { margin-left: -40px; }
.duo-image.image-left .container > div:nth-child(even) { flex-direction: row-reverse; }
.duo-image.image-left .container > div:nth-child(odd) .duo-images > * { margin-left: -40px; }
main section.list h3 { background-color: #c0c5ca; display: inline-block; padding: 10px 30px; }
main section.list ul { list-style: none; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin-bottom: -40px; }
main section.list ul li { flex: 0 0 50%; }
main section.list .title { font-family: 'Mories'; }
main section.list .answer { margin-bottom: 40px; }
main section.list.title-right .container > .row { flex-direction: row-reverse; }
main section.list.title-right .container h3 { text-align: left; }
main section.list .side-content amp-img { margin: 0; }
main section.list.full-width ul li { flex: 0 0 100%; }
main section.list.full-width .title { font-family: 'Playfair Display'; font-weight: bold; font-size: 1.1em; border-bottom: 1px solid #62656f; padding: 10px 0; margin-bottom: 15px; }
main section.list.full-width .side-content .image { position: relative; }
main section.list.full-width .side-content .image:before { position: absolute; content: ''; width: 100%; height: 100%; left: -15px; top: -15px; background-color: #62656f; display: none; }
.masonry { margin-left: auto; margin-right: auto; max-width: 1200px; display: grid; grid-template-columns: repeat(4, 1fr);gap: 1rem; grid-auto-rows: minmax(300px,auto); }
.masonry .masonry-item { object-fit: cover; object-position: center; }
.triple .masonry {grid-template-columns: repeat(3,1fr);}
main section.content .wrapper.box { background-color: #c0c5ca; padding: 60px; }
main .heading { margin-bottom: 30px; }
main section.banner.hasbg { background-position: center; background-size: cover; background-repeat: no-repeat; padding: 0; }
main section.banner.hasbg > .col-12 { padding-top: 320px; padding-bottom: 120px; background-color: #62656f80; background-color: #ffffff80; }
.featured-pages .image amp-img { border-top-left-radius: 300px; border-top-right-radius: 300px; margin-left: 15px; margin-right: 15px; margin-bottom: -15px; position: relative; }
.featured-pages .content { padding: 30px; font-size: 2.5rem; text-align: center; font-family: 'mellony dry brush',Brush Script MT,cursive; }
.featured-pages a:hover { text-decoration: none; }
.featured-pages a:hover .image amp-img:after { opacity: 0.5; }
.featured-pages a .image amp-img:after { position: absolute; top: 0; left: 0; content: ''; height: 100%; width: 100%; background-color: #fff; opacity: 0; transition: opacity 0.3s ease; }
.blog-content .blog-posts { list-style: none; padding: 0; margin: 0; display: flex; align-items: flex-start; flex-wrap: wrap; }
.blog-content .blog-posts .blog-post { flex: 0 0 50%; padding: 20px 40px; }
.blog-content .blog-posts .blog-post .blog-image amp-img { width: 100%; height: 300px; object-fit: cover; object-position: center; }
.blog-content .blog-posts .blog-post .blog-content { margin-top: 15px; }
.blog-content .blog-posts .blog-post .blog-content h2 { text-align: center; }
main .nav-links .page-numbers { padding: 5px; border: 1px solid; border-radius: 4px; display: flex; align-items: center; justify-content: center; margin-right: 5px; font-size: 1.2em; line-height: 1; text-decoration: none; }
main .nav-links { display: flex; flex-wrap: wrap; margin-left: auto; margin-right: auto; margin-top: 30px; }
header .navbar-brand { max-width: 200px; margin: 0 20px; z-index: 1; position: relative; }
header { height: 200px; margin-bottom: -200px; }
header .navbar .container-fluid > div { z-index: 2; position: relative; }
header .navbar-toggler { position: absolute; right: 20px; top: 88px; top: calc(88px - 19px); }
header .navbar .navbar-toggler .navbar-toggler-icon,header .navbar .navbar-toggler .navbar-toggler-icon:before,header .navbar .navbar-toggler .navbar-toggler-icon:after{width:100%;height:1px;background-color:#ae7355}
header .navbar .navbar-toggler .navbar-toggler-icon{position:relative}
header .navbar .navbar-toggler .navbar-toggler-icon:before,header .navbar .navbar-toggler .navbar-toggler-icon:after{position:absolute;top:8px;left:0;content:""}
header .navbar .navbar-toggler:focus { outline: #ae7355; box-shadow: 0 0 5px #ae7355; }
header .navbar .navbar-toggler .navbar-toggler-icon:before{top:-8px}
.home header { background-color: transparent; }
.home main section.carousel { margin-top: -200px; }
.home header { background: linear-gradient(rgb(44 44 44 / 40%), transparent); }
.home header .navbar .navbar-brand img, .home header .navbar div > .nav > li > a { filter: brightness(0) invert(1); }
header .container { max-width: 100%; }
.side-gallery.double .masonry { grid-template-columns: repeat(2,1fr); grid-auto-rows: minmax(200px,auto); }
.side-gallery.triple .masonry { grid-template-columns: repeat(3,1fr); grid-auto-rows: minmax(200px,auto); }
.side-gallery.single .masonry { grid-template-columns: repeat(1,1fr); grid-auto-rows: minmax(200px,auto); }
.side-gallery .gallery-left { flex-direction: row-reverse; }
.home .content .words { position: absolute; top: -60px; width: 100%; text-align: center; font-family: 'mellony dry brush'; font-size: 37px; left: 0; }
main .tall.base-carousel amp-base-carousel, main .tall.base-carousel .slide { min-height: 500px; }
.tall.base-carousel .slide amp-img, .tall.base-carousel .slide img { object-position: bottom center; width: 100%; max-height: 425px; }
.tall.base-carousel .slide amp-img, .tall.base-carousel .slide img { max-height: 500px; }
main .tall.base-carousel .slide { width: 400px; }
h3 strong { font-family: auto; }
.home .carousel amp-carousel {height: 100vh;}
.home .carousel amp-carousel amp-img {object-fit: cover;object-position: center;height: 100vh;}
amp-carousel amp-img img {object-fit: cover !important;}

@media(min-width: 1100px) {
    header .navbar-brand { margin: 0 80px; }
}
@media(max-width: 991px) {
    main .gallery .container {
        max-width: 100% !important;
    }
    .home .carousel amp-carousel {height: auto;}
    .home .carousel amp-carousel amp-img {object-fit: cover;object-position: center;height: auto;}
    amp-carousel amp-img img {object-fit: contain !important;}
}
@media(max-width: 767px) {
    .hey .image { margin-bottom: 40px; }
    footer { text-align: center; }
    footer .social-media { justify-content: center; }
    footer .social-media a:last-child { margin-right: 0; }
    footer .column { order: 2; }
    footer .copyright { order: 3; justify-content: center; }
    .testimonials .container { max-width: 100%; }
    .testimonials .slide .image { display: none; }
    .wpforms-field { width: 100%; display: block; }
    .alignright, .alignleft, .alignnone { float: none; display: block; margin: 0 auto 30px auto; }
    main section.list ul li { flex: 0 0 100%; }
    main section.list ul { padding: 0; }
    .duo-images { margin-bottom: 40px; }
    header { position: relative; }
    header #main-menu.toggled-on #main-menu-left, header #main-menu.toggled-on #main-menu-right { display: block; position: relative; top: 100%; left: 0; width: 100%; padding: 15px; background-color: #fff; order: 1; padding: 0;}
    header #main-menu.toggled-on .menu { display: block; }
    header .sub-menu { position: static; opacity: 1; pointer-events: all; padding-top: 0; padding-left: 15px; }
    header nav li .sub-menu li { background-color:#fff; }
    header nav li { border-bottom: 1px solid; padding: 3px 15px 2px; }
    header nav #main-menu-right li:last-child { border-bottom: none; }
    header a { width: 100%; display: block; }
    header .navbar .navbar-toggler{border:1px solid #ae7355;height:38px;width:50px;display:flex;align-items:center;justify-content:center;padding:4px 9px}
    .masonry { grid-template-columns: repeat(2,1fr) !important; grid-auto-rows: minmax(200px,auto) !important; }
    .masonry .masonry-item { grid-column: auto !important; grid-row: auto !important; }
    .side-gallery.single .masonry { grid-template-columns: repeat(1,1fr) !important; grid-auto-rows: minmax(200px,auto) !important; }
    .home header .navbar .navbar-brand amp-img, .home header .navbar div > .nav > li > a {filter: none;}
}
@media(max-width: 576px) {
    .hey .content { padding-left: 0; }
    .hey .content:after { display: none; }
    h1, .h1 { font-size: 2rem; }
    .featured-pages .content { font-size: 2rem; }
    header .navbar .container-fluid { justify-content: flex-start; }
    header .navbar .navbar-brand { margin: 0; }
    header .navbar .container-fluid { padding: 0; }
    header .navbar .navbar-toggler { right: 0; }
}