/*
 Theme Name:   Divi Child
 Theme URI:    matchbook.media
 Description:  Divi Child Theme
 Author:       Isaac Byard
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  divi-child
*/
/*CSS DIRECTORY
    - FONTS
    - GLOBAL
    - HOME
	- GALLERY
*/
/*FONTS*/
@font-face {
    font-family: 'american-typewriter';
    src: url('https://cdn.meepmeep.app/fonts/quietbrookacreslabs.com/orig_7fcbb63fe782462f.woff2') format('woff2'),
         url('https://cdn.meepmeep.app/fonts/quietbrookacreslabs.com/orig_5a25cf2f8b9c7bec.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'american-typewriter';
    src: url('https://cdn.meepmeep.app/fonts/quietbrookacreslabs.com/orig_44d10f20e7780ff6.woff2') format('woff2'),
         url('https://cdn.meepmeep.app/fonts/quietbrookacreslabs.com/orig_a1a71c430184502a.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'leander-script';
    src: url('https://cdn.meepmeep.app/fonts/quietbrookacreslabs.com/orig_6bf28bab296e7c41.woff2') format('woff2'),
         url('https://cdn.meepmeep.app/fonts/quietbrookacreslabs.com/orig_8627f774b5390ce4.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'tablet-gothic';
    src: url('https://cdn.meepmeep.app/fonts/quietbrookacreslabs.com/orig_4330c56b2f388cb6.woff2') format('woff2'),
         url('https://cdn.meepmeep.app/fonts/quietbrookacreslabs.com/orig_0f6c8e8598dd67a6.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'chaparral-pro';
    src: url('https://cdn.meepmeep.app/fonts/quietbrookacreslabs.com/orig_e883c1df677c95e6.woff2') format('woff2'),
         url('https://cdn.meepmeep.app/fonts/quietbrookacreslabs.com/orig_f1ac27070b024222.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
/*GLOBAL*/
body {
	font-family: 'american-typewriter';
	color:#3e3d3d;
	font-size: 1.3vw;
}
@media (min-width: 1500px) {
    body {
        font-size: 19px;
    }
}
@media (max-width: 981px) {
    body {
        font-size: 16px;
    }
}
h1, h2 {
	font-size: 4em;
    font-family: leander-script, cursive;
}
h3, h4, h5, h6 {
	font-size: 1.75em;
    font-weight: light;
    font-family: american-typewriter, serif;
}
.font--typewriter {
	font-family: 'american-typewriter';
    font-weight: 200;
    font-size: .6em;
}
.font--tablet-gothic {
	font-family: 'tablet-gothic';
}
.font--chaparral-pro {
	font-family: 'chaparral-pro';
}
.large {
	font-size: 1.5em !important;
}
.medium {
	font-size: .75em !important;
}
.small {
	font-size: .5em !important;
}
.bold {
	font-weight: bold;
}
.flex-me {
    display: flex;
    align-content: center;
}
.flex-column {
	flex-direction: column;
}
.lower {
	position: relative;
    top: .5em;
}
.raise {
	position: relative;
    bottom: .5em;
}
.flex-end {
	display: flex;
	align-items: flex-end;
}
.line-height--normal {
	line-height: 1em;
}
.double-outline {
	border: 4px #3e3d3d solid;
    outline: #3e3d3d 1px solid;
    outline-offset: 5px;
	color: #3e3d3d;
}
#main-header {
	background-color: #2e2e2e !important;
}
span.mobile_menu_bar:before {
	color: white;
}
div#main-content {
    overflow: hidden;
}

/* "Get in Touch" contact form */
#gform_wrapper_1 {
    padding: 1.5em;
}
form#gform_1 input,
form#gform_1 textarea {
    width: 100%;
    border: none;
    background: rgb(255 255 255 / 55%);
    font-family: 'american-typewriter';
}
form#gform_1 li{
	padding-right: 0;
}
form#gform_1 input[type="submit"] {
	border: 4px #3e3d3d solid;
    outline: #3e3d3d 1px solid;
    outline-offset: 5px;
	color: #3e3d3d;
	text-transform: uppercase;
	font-family: tablet-gothic;
}
.global-header-menu .et_pb_row {
    align-content: center;
    align-items: center;
}
.global-header-menu li {
	padding-right: 4em!important;
}
@media( max-width: 1007px) {
	.global-header-menu li {
		padding-right: 3em!important;
	}
}
@media (max-width: 980px) {
	.global-header-menu .et_pb_row {
    	display: flex;
	}
	.global-header-menu .et_pb_column {
		margin-bottom: 0;
	}
	#page-container .et_pb_menu_0_tb_header{
    	margin-right: 3em !important;
	}
}
ul#mobile_menu1 {
    width: 30em;
    margin-left: -5em;
    margin-top: 1.2em;
}

/*Standard Button*/
a.et_pb_button,
a.et_pb_button:hover,
.et_pb_module a.et_pb_button:hover{
    border: 4px #3e3d3d solid;
    outline: #3e3d3d 1px solid;
    outline-offset: 5px;
	color: #3e3d3d;
	text-transform: uppercase;
	font-family: tablet-gothic;
}
/*White Button*/
a.et_pb_button.button--white,
a.et_pb_button.button--white:hover,
.et_pb_module a.et_pb_button.button--white:hover{
	background-color: white;
}
@media (min-width:981px) {
    .hide--desktop {
        display: none;
    }
}
@media (max-width: 981px) {
    header#main-header {
        background: white;
    }
	/*Unless stated otherwise, make rows 95% wide on mobile*/
    .et_pb_row {
        width: 95%;
    }
    .hide--mobile {
        display: none;
    }
}
/**
* HOME
*/
.et_pb_row.et_pb_row_0.home-pg-header-row.et-last-child {
    overflow: hidden;
}
@media (min-width: 1900px) {
	.et_pb_image_0.home-pg-header-logo {
		margin-top: -5em!important;
	}
}
@media (min-width: 2050px) {
	.et_pb_image_0.home-pg-header-logo {
		margin-top: -7em!important;
	}
}
@media (min-width: 2200px) {
	.et_pb_image_0.home-pg-header-logo {
		margin-top: -10em!important;
	}
}
@media (max-width: 980px) {
	#homepage-selah-bio-section .description-and-pic-row {
		display: flex;
		flex-direction: column-reverse;
	}
}

.dog-badge-icons {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.dog-badge-icons img {
    width: 5.5em;
    height: auto;
}
h2.on-the-family-homestead {
    text-align:center;
}
span.on-the-family-homestead--top {
	font-family: 'american-typewriter';
    font-weight: 100;
    font-size: .50em;
    margin-left: 3.5em;
}
span.on-the-family-homestead--bottom {
	font-size: 1.75em;
}
@media (min-width:981px){
	.jim-and-kathy__colum {
		margin-top: -15em;
	}
}
@media (max-width: 981px){
	span.on-the-family-homestead--bottom {
		font-size: 1.6em;
	}
}
.home-pg-a-few-words-from-fams-slider .et_pb_slide_content  {
    display: flex!important;
}
@media (max-width: 800px) {
	.home-pg-a-few-words-from-fams-slider .et_pb_slide_content {
    	display: block!important;
	}
	.slider-quote-column {
    	text-align: center!important;
    	align-items: center!important;
    	align-content: center!important;
    	margin: auto;
    	padding-bottom: 5em;
    	width: 90%!important;
	}
}
@media (max-width: 450px) {
	h2.on-the-family-homestead {
    	text-align: center!important;
	}
	span.on-the-family-homestead--top {
    	margin-left: 0em;
	}
	div#homepage-selah-bio-section .et_pb_text_inner, .homepage-banelli-bio-section .et_pb_text_inner  {
    	word-wrap:normal;
	}
}

.slider-quote-column {
    margin: 2em;
    width: 33.3333vw;
    margin: 2em;
}
.home-pg-a-few-words-from-fams-slider .et_pb_slide_description {
	padding: 0!important;
}

@media (max-width: 1050px) {
	.home-pg-a-few-words-from-fams-section {
    	width: 90%;
	}
}


/**
 * GALLERY
 * */
.where-are-they-now--section h4.et_pb_module_header {
    font-family: 'leander-script';
    font-size: 1.75em;
}
.where-are-they-now--section .et_pb_blurb_description h5 {
    font-size: 1.25em;
}
.where-are-they-now--section .et_pb_blurb_container {
	padding: 0em 1em 1em 1em;
}
/* This allows the designer to uplaod any photo dimension with autocropping*/
.et_pb_gallery_image {
  padding-top: 75%; /* Landscape 4:3 – 3 / 4 = 0.75 = 75% */
  display: block;
}
/* This allows the designer to uplaod any photo dimension with autocropping*/
.et_pb_gallery_item img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/* reduce height of vertical video and add style to player */
div#gallery-pg__video-section video {
    max-height: 35em;
    background: #2e2e2e;
    border-radius: 2em;
}

/*Hides the title on single photo view*/
.mfp-title {
    display: none;
}
/*Makes the grid 3x3 instead of the default 4x4*/
@media (min-width: 770px) {
	.our-gallery--module .et_pb_gallery_item.et_pb_grid_item {
		width: 31.5%;
		margin-right: .75% !important;
		margin-left: .75% !important;
		margin-bottom: 1.5%;
	}
}
/*Full width images on mobile*/
@media (max-width: 770px) {
	.our-gallery--module .et_pb_gallery_item.et_pb_grid_item {
		width: 100%;
		margin-bottom: 3%;
	}
}
/*
 * ABOUT */
.about-page-hero-modual {
	color:white;
}
.about-page-hero-module--top { 
	font-weight: 500;
}
@media (min-width: 981px) {
	.about-page-hero-module--top { 
		margin-right: 3.5em;
	}
	.about-page-hero-module--bottom { 
		margin-right: .75em;
	}
}
.about-pg-our-acreage-slider a.et-pb-arrow-prev {
    color: white!important;
}
.about-pg-our-acreage-slider a.et-pb-arrow-next {
	color: white!important;
}

/* */
/* CONTACT FORM FOOTER */
/* */
.get-in-touch-contact-row .col-2 {
	flex-direction: column;
    justify-content: space-between;
}
.get-in-touch-contact-row .col-2 .contact-phone-number-and-email-module {
	margin-left: 0;
    margin-right: auto!important;
}

/* */
/* ADOPT A PUPPY PAGE */
/* */

@media (max-width: 980px) {
	.puppy-litter-pics {
		max-width: 80%;
		max-height: 30em;
		margin: auto;
	}
	#et-boc .puppy-litter-pics p {
		padding-top: 18em!important;
		padding-bottom: 10em!important;
	}
}
.puppy-carousel-photos img.dica-item-image {
    max-height: 30em;
    width: auto;
}
#et-main-area .puppy-carousel-photos .swiper-button-next:before, 
#et-main-area .puppy-carousel-photos .swiper-button-prev:before {
    color: #2e2e2e!important;
}

#et-main-area .puppy-carousel-photos .swiper-button-next, 
#et-main-area .puppy-carousel-photos .swiper-button-prev {
    background: rgba(255,255,255,0.6)!important;
}
#et-main-area .puppy-carousel-photos .swiper-button-next:hover, 
#et-main-area .puppy-carousel-photos .swiper-button-prev:hover {
    background: rgba(255,255,255,1)!important;
}

.puppy-pictures img {
    height: 11em;
    object-fit: cover;
    border-radius: 1em;
    display: flex;
}
.puppy-pictures .et_pb_module.et_pb_image {
    	margin-bottom: 0.6em;
}
#selah .puppy-pictures img {
    height: 14em;
    width: 15em;
    object-fit: cover;
}

@media (max-width: 980px) {

	.puppy-pictures img {
		height: 16em;
		width: 18em !important;
	}
	#selah .puppy-pictures img {
    	height: 18em;
    }
}
@media (max-width: 500px) {

	.puppy-pictures img {
        height: 19em;
        width: 20em !important;
    }
    #selah .puppy-pictures img {
        height: 21em;
    }
}

/* reserved puppy overlay */
.et_pb_module.dica_divi_carousel.puppy-carousel-photos.reserved .image:after {
    content: "Reserved";
    display: flex;
    visibility: visible;
    z-index: 1000;
    background: rgba(0,0,0,.6);
    color: white;
    font-size: 3em;
    position: absolute;
    width: 100%;
    height: 100%;
    align-items: center;
    top: 0;
    text-align: center;
    justify-content: center;
}

/* add video to galleries on adopt a puppy page */

.dica-item-content {
    max-height: 30em;
    height: 30em;
}

.mejs-inner .mejs-mediaelement video {
    width: auto!important;
    height: auto!important;
    max-height: 30em;
}

.mejs-container.wp-video-shortcode {
    width: auto!important;
    height: 30em!important;
    /* display: flex; */
    /* margin: auto; */
    /* margin: auto!Important; */
}

.mejs-overlay.mejs-layer.mejs-overlay-play {
    position: absolute;
}

.mejs-mediaelement {
    display: flex;
    justify-content: center;
}



/* anchor buttons for Selah and Bernelli litters */

.litter-select {
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    margin-top: 2em;
}

.litter-select h3 {
    width: fit-content;
    margin: auto;
    padding-bottom: 1em;
}

.litter-select p {
    width: fit-content;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

a.litter-dam-link {
    color: white;
    background: #3e3d3d;
    padding: 1em 3em;
    border-radius: .5em;
    text-wrap: nowrap;
} 
div#selah {
    padding-top: 0;
}

/* OUR GIRLS PAGE */

@media (max-width: 980px) {
	#our-girls-page-header {
		background-position: right bottom;
	}
}
@media (max-width: 980px) {
	#our-girls-page-header {
		background-position: right 10% bottom;
	}
}

/* NEW LITTERS BANNER */

.new-litters {
    padding: 0!important;
}

.new-litters .et_pb_row {
    width: 100%!important;
    background-color: #3D3E3E;
    max-width: none;
}

.new-litters .et_pb_row p {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.et_pb_section.py-0 {
    padding: 0;
}
.waggs img {
    border-radius: 1em;
}
.announcement img {
   	width: 3.5%;
    margin-right: 1em;
    line-height: 0;
}
.announcement {
    display: flex;
    justify-content:center;
}

@media (max-width: 800px) {
	.announcement img {
		width: 4.5%!important;
	}
}

@media (max-width: 600px) {
	.announcement img {
		width: 5.5%!important;
	}
}

@media (max-width: 500px) {
	.announcement img {
		width: 6.5%!important;
	}
}

@media (max-width: 400px) {
	.new-litters .et_pb_row p {
    	flex-wrap: wrap;
	}
}